.col12 p, .col12 li, .col6 p, .col6 li, #u850708-23 p, #u850708-23 li{
text-align: justify;
font-size: 16px;
color: #000000;
line-height: 29px;
font-family: proxima-nova, sans-serif;
font-weight: 300;
font-style: italic;	
margin:5px 0;
}
h3 {
  font-size: 20px;
  text-align: justify;
  line-height: 36px;
  color: #268891;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
}
#legende {
	text-align: center;
	color: #000000;
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: italic;
	margin-top:5px;
}
.col12{width:96%;padding:2%}
.col12 img {    max-width: 100%;
    max-height: 100%;
    height: inherit !important;
	margin:auto;}

.col6{width:46%;padding:2%;float:left;}
#u850708-23 li{list-style-type:disc;margin-left:20px;}
#u850708-2, #u850708-6, .colore{color:#268891!important}
 #u835866-39 {  min-height: 1px!important;}
#u844133-25{margin-top:0!important;}
#u833279 {  margin-top: 15px!important;}
#menuu763558{display:none;}
#u763506{display:none;}
#u309659 {
  z-index: 325;
  background-image: url("../images/photo-foyer-rouget-index.jpg");
}
#u309659:hover {
  z-index: 325;
  background: rgba(0, 0, 0, 0.5);
  background-image: url("../images/photo-foyer-rouget-index.jpg");
  /*background-blend-mode: darken;*/
  filter: brightness(70%);
}

#logosPartenaires{
position: absolute;
width: 340px;
margin-left: 330px;
}
/*CA*/
#page{
min-height:100px;	
}
#footer-lisiere{
  max-width: 1000px;
  margin: 0 auto;
}
.conseil-administration {
  max-width: 1000px;
  margin: 50px auto;
  padding: 40px 20px;
  text-align: center;
  clear:both;
}

.conseil-administration h2 {
  font-size: 2em;
  margin-bottom: 30px;
  color: #333;
}

/* Une ligne = flex centré */
.ligne {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px; /* espace entre les membres */
  margin-bottom: 25px;
}

.membre {
  width: 175px;
  text-align: center;
}

.membre img {
  width: 175px;
  height: 200px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  margin-bottom: 10px;
}

.membre h3 {
  margin: 5px 0;
  font-size: 1em;
  color: #222;
  font-style:normal;
  text-align:center;
}

.membre p {
  font-weight: bold;
  font-size: 1em;
  margin: 0;
  color: #222;
}
/*STATUTS*/
#statuts h2{
	margin:20px 0;
	font-weight:bold;
	color:#333;
	font-size:1.2em;
}
#statuts p{
	margin:5px 0;
	font-weight:normal;
	font-style:normal;
}
#statuts strong{
	font-weight:bold;
	font-style:normal;
}
#statuts ul{
	margin: 5px 50px;
}
#statuts ul li{
	margin: 5px 0px;
	list-style-type:disc;
	font-weight:normal;
}
/*A PROPOS*/
#indexHF{
clear:both;
padding-top:50px;
font-size:1.2em;
}

/*GLOBAL*/
form{
display:none!important;	
}

/* Responsive : max 2 personnes par ligne */
@media (max-width: 600px) {
  .ligne {
    flex-wrap: wrap;
  }
  .membre {
    flex: 1 1 45%;
    max-width: 175px;
  }
}
@media (max-width: 1024px) {
  .conseil-administration {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
  
@media (max-width: 550px) {
.col6{width:98%;padding:2%;float:none;}
}



@media (max-width: 320px) {
}
@media (min-width: 1025px), print {
#u828419-7 {  margin-top: 822px!important;}
#u763389 {  margin-left: 35%!important;}
#u763385 {  width: 35%!important;}
}
@media (min-width: 961px) and (max-width: 1024px) {
	 #u828419-7 {  margin-top: 20px!important;}
}
@media (min-width: 841px) and (max-width: 960px) {
	 #u828419-7 {  margin-top: 620px!important;}
}
@media (min-width: 826px) and (max-width: 840px) {
	 #u828419-7 {  margin-top: 620px!important;}
}
@media (min-width: 801px) and (max-width: 825px) {
	 #u828419-7 {  margin-top: 620px!important;}
}
 @media (min-width: 769px) and (max-width: 800px) {
	 #u828419-7 {  margin-top: 520px!important;}
}
 @media (min-width: 641px) and (max-width: 768px) {
#u828419-7 {  margin-top: 520px!important;}
}
 @media (min-width: 551px) and (max-width: 640px) {
}
 @media (min-width: 481px) and (max-width: 550px) {
}
 @media (min-width: 415px) and (max-width: 480px) {
}
@media (min-width: 376px) and (max-width: 414px) {
}
 @media (min-width: 321px) and (max-width: 375px) {
}
 @media (max-width: 320px) {
}
