/* Global Styles */ 
@media screen and (min-width: 1024px){
	body { width:100%; margin:0em; padding:0em;  background-color: #99CCFF; font: 1em Verdana, Arial, Helvetica, sans-serif; }
    }
@media screen and (min-width: 680px) and (max-width: 1023px){ 
	body { width:100%; margin:0em; padding:0em;  background-color: #99CCFF; font: 0.8em Verdana, Arial, Helvetica, sans-serif;}
}
@media screen and (min-width: 400px) and (max-width: 679px){ 
	body { width:100%; margin:0em; padding:0em;  background-color: #99CCFF; font: 0.6em Verdana, Arial, Helvetica, sans-serif;}
}
@media screen and (max-width: 399px){ 
	body { width:100%; margin:0em; padding:0em;  background-color: #99CCFF; font: 0.4em Verdana, Arial, Helvetica, sans-serif; }
}
/* pour ne pas imprimer le bouton "imprimer cette page */
@media print {	#printPageButton {  display: none;	}	  }

/* hide the scroll bars*/
body::-webkit-scrollbar { display: none;  }
html, body { -ms-overflow-style: none; overflow: auto;  }

/*html, body { 
	margin-right:-4%!important;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-bottom:-15px!important;
	overflow-y:scroll;
	overflow-x:hidden;}
}*/

/* index */
div.header { 	width: 99.6%; margin: 0 auto; padding: 0.2%; }
div.logo {		width: 14%; float:left; margin-left: 0.5% auto; padding: 0.2%; vertical-align: middle; 	}
div.WPetitVelo {width:  9%; float:left; margin-top:2%; padding: 0.2%; text-align: center;}
div.RCC {		width: 63%; float:left; margin-top:2%; padding: 0.2%; vertical-align: middle; text-align: center; 	}
div.FFCT  {		width: 14%; float:right;  margin-top:1%;	}
div.W1024 {		width: 100%; padding: 0.1%; margin: 0 auto; text-align: center ; line-height : 1.4em;	}
div.W1024L {	width: 100%; padding: 0; margin: 0 auto; text-align: left; line-height : 1.4em;}
div.W100 {		width: 100%; float:left; padding: 0.5%; margin: 0 auto; text-align: left; line-height : 1.4em;}

div.Wtoday {	width:13%; float:left; margin-left: 0 ; margin-top:-1%; text-align: center; } /* sinon décalage vers le haut */
div.Wheureux {	width:74%; padding:0.2%; margin-top:-0.5%; float:right; margin-right : 0.5%; border:0.05em solid black; vertical-align: middle; text-align: center; }
.iframeMenu {	width:100%; height:200em; border: 0em solid #99CCFF;}	
/*.iframeMenu {	width:100%; height:200em; border: 0em solid #99CCFF; overflow-x:hidden; overflow-Y:hidden;}	*/

/* accueil */
div.DI {		width:100%; font-size: 0.8em; vertical-align: middle; text-align: left; background-color: rgb(5, 60, 179); color:yellow;}
div.Marquee {	width:100%; vertical-align: middle; background-color: rgb(5, 60, 179); color:yellow; font-weight: bold;}
div.Wmaillot  {	width:15%; text-align: center; float:left;	margin:0.5em auto;}
div.Wmeteo  {	width:100%; text-align: center; float:left;	margin:0.5em auto;}
div.W85C  {		width:80%; text-align: center; float:left; margin : 0.5em auto;	}
div.WslideC {	width:68%; text-align: center; float:left;  margin:0.5em auto;	}
div.ClearBoth {		clear:both;	}
div.W20 {		width:28%; float:left; margin:0.5em auto; text-align: center;	}
div.WcontactNom {	width:32%; float:left;  margin:0.5em auto; text-align: center;	}
div.WcontactPartenaire {width:32%; float:left; margin:0.5em auto; text-align: center;	}
div.WcontactAdresse {	width:32%; float:left; margin:0.5em auto; text-align: center; }
div.Winvalide { font-size: 2em; color: rgb(153, 51, 0);	}
/* bureau */
div.Wbureau1 {	width:24%; float:left; background-color: #ffffff; font-weight: bold;	}
div.Wbureau2 {	width:24%; float:left;		}
div.Wbureau3 {	width:24%; height:8em; float:left;	}

/* annonces, photos, partenaires, liens */
div.W50		{		width:50%; text-align: center; float:left;	}
div.W50L	{		width:50%; text-align: left; float:left;	}
div.W50R	{		width:50%; text-align: left; float:right; 	}

/* for "quoi de neuf */
.txt2colons {
	-webkit-column-count: 2;
	/* Chrome, Safari, Opera */
	-moz-column-count: 2;
	/* Firefox */
	column-count: 2;
	-webkit-column-width: 45%;
	/* Chrome, Safari, Opera */
	-moz-column-width: 45%;
	/* Firefox */
	column-width: 45%;
	-webkit-column-gap: 3%; /* Chrome, Safari, Opera */
    -moz-column-gap: 3%; /* Firefox */
    column-gap: 3%;
	column-rule-style: solid;
}

/* historique */
table { width:100%; border-collapse: collapse; margin: auto; padding: 2%; }
td, th {margin:1% auto; border: 0.08em solid black; padding: 0.5%; }
th {color: #003366; }
img.imgAutoRoundL { border-radius: 50%; max-width:100%; max-height: 100%; border: 0; padding: 0; vertical-align: middle; }
img.imgAutoRoundR { border-radius: 50%; max-width:100%; max-height: 100%; border: 0; padding: 0; vertical-align: middle;  }


/* Agenda */
.iframeAgenda {	width:100%; height: 35em; border: 0.05em solid rgb(119, 119, 119); }
.imgAuto { max-width:100%; max-height: 100%; margin-left: auto; margin-right: auto; border:0px; padding:0px; vertical-align: middle;    }

/* resize IMG */
.imgPhoto {		max-width:100%; max-height: 100%; margin:1em; border: 0.2em solid black; }
.img60 { 		width:90%; margin-left: auto; margin-right: auto; border:0px; padding:0px;	}
.img150 { 		width:15%; margin-left: auto; margin-right: auto; border:0px; padding:0px;	}
.img80p { 		width:80%; margin-left: auto; margin-right: auto; border:0px; padding:0px;	}
.img175 { 		width:100%; margin-left: auto; margin-right: auto; border:0px; padding:0px;	}
.img26p { 		width:26%; margin-left: auto; margin-right: auto; border:0px; padding:0px;	}

.tdBorder {		border:0.05em solid black; border-collapse: collapse;	}
.texteLeft { 	text-align: left;	}
.colorRed {		color: rgb(153, 51, 0);	}

h1 {	text-decoration: underline; text-align: center; font-weight: bold;	}
h2 {	text-decoration: underline; text-align: center; font-weight: bold;	}
h3 {	text-decoration: underline; font-weight: bold;	}
h4 {	text-decoration: underline; font-weight: bold;	}
h5 {	text-decoration: underline; font-weight: bold;	}

ul {
	margin-right: 20px;
}

p {
	padding-left: 20px;
}

/* unvisited link */	
a:link {color: #003366;	font-weight:bold; text-decoration: underline;}

/* visited link */
a:visited {color: #003366;}

/* mouse over link */
a:hover {color: red;}

/* selected link */
a:active {color: yellow;}

/* Index-SDmenu */
#SDmenu, #SDmenu ul /* Liste */     
{	padding : 0; margin : 0;
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 2.5em; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#SDmenu /* Ensemble du menu */
{ font-weight : bold; font-family : Verdana; font-size : 0.8em;}

#SDmenu a /* Contenu des listes  Niveau 1 */
{   display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    background : rgb(21, 190, 241); /* couleur de fond : VERT */        
    color : #000; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 100%; /* largeur */
	border: 0.05em solid black ; 
}

#SDmenu li /* Elements des listes : largeur des onglets niveau 1 (99.7/7=14.2%) */     
{	width: 14.2%; 
	margin:0 0 0 0; float : left; }


html > body #SDmenu li
{	/* border: 0.05em solid black ; */
	/*margin-top: 0; */ 
}

#SDmenu li ul /* Sous-listes / largeur des onglets niveau 2 (99.7/7=14.2%) */
{   position: absolute;
	width: 14.2%; /* impératif Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
	margin:0;
}

#SDmenu li ul li /* Éléments de sous-listes */
{ 	width: 100%; margin : 0 0 0 0 ;	
}

#SDmenu a:hover /* Lorsque la souris passe sur un des liens */    
{   color: white; /* On passe le texte en noir... */
    background: rgb(5, 60, 179); /* ... et au contraire, le fond en blanc */
}

#SDmenu li:hover ul ul, #SDmenu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#SDmenu li:hover ul, #SDmenu li li:hover ul, #SDmenu li.sfhover ul, #SDmenu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{	left: auto; /* Repositionnement normal */
    min-height: 0em; /* Corrige un bug sous IE */
}

/* for level 3 only */
#SDmenu li ul ul 
{   width: 100%; /* Largeur des sous-listes Niveau 3 */ 
	margin : -2.7em ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes = 30+8 */ 
}

/* for level 3 only */
#SDmenu li ul li ul /*  */
{	 width: 100%; /* Largeur des sous-listes */
	 margin-left: 100%;

}
/* for level 3 only */
#SDmenu li ul li a /* Éléments de sous-listes */
{	background : rgb(185, 241, 243); /* couleur de fond */ 
	width: 100% ;       
}