body      { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003464}
td        { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003464}
input     { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003464}
select     { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003464}
a         { text-decoration:underline ; color:#002446}
a:link 	  { text-decoration:underline ; color:#002446}
a:visited { text-decoration:underline ; color:#58738A}
a:hover   { text-decoration:none; color:#004A94}

.orange { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#FAB000; font-weight: bold}
.orange:link  { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#FAB000; font-weight: bold}
.orange:visited { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#FAB000; font-weight: bold}
.orange:active { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size:12px; color:#FAB000; font-weight: bold}

.bleu { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#184B81; font-weight: bold}
.bleu:link  { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#184B81; font-weight: bold}
.bleu:visited { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#184B81; font-weight: bold}
.bleu:active { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-size:12px; color:#184B81; font-weight: bold}


.marquee { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; color:#003464; font-weight: bold}
.marquee:link  { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; color:#003464; font-weight: bold}
.marquee:visited { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px; color:#003464; font-weight: bold}
.marquee:active { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: no; font-size:13px; color:#003464; font-weight: bold}

.mod_hmenu		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}
.mod_hmenu:link 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}
.mod_hmenu:visited 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}
.mod_hmenu:hover 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}

.mod_p2 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #004178; font-size:12px; font-weight: bold}
.mod_p2:link 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}
.mod_p2:visited 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px; font-weight: bold}
.mod_p2:hover 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: underline; color: #4A6172; font-size:12px; font-weight: bold} 

.mod_p3 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #004178; font-size:12px}
.mod_p3:link 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px} 
.mod_p3:visited 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:12px} 
.mod_p3:hover  		{ font-family:Arial, Helvetica, sans-serif; text-decoration: underline; color: #4A6172; font-size:12px } 

.mod_p4  		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #004178; font-size:11px }
.mod_p4:link		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:11px }
.mod_p4:visited 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #4A6172; font-size:11px } 
.mod_p4:hover 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: underline; color: #4A6172; font-size:11px } 

.intro 			{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #798CA1; font-size:12px}
.intro:link		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #798CA1; font-size:12px}
.intro:visited 	{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #798CA1; font-size:12px} 
.intro:hover 		{ font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #798CA1; font-size:12px} 

.footer 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #0033CC; font-size:10px}
.footer:link 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color:  #0033CC; font-size:10px}
.footer:visited 	{ font-family:Arial, Helvetica, sans-serif; text-decoration: underline; color:  #0033CC; font-size:10px}
.footer:hover 		{ font-family:Arial, Helvetica, sans-serif; text-decoration: underline; color:  #0033CC; font-size:10px}

.titre 			{font-family:Arial, Helvetica, sans-serif, Times, serif; text-decoration: none; font-size:26px;	font-weight: bold; font-style: oblique}

.actu 			{font-family:Arial, Helvetica, sans-serif, Times, serif; text-decoration: none; font-size:12px;	font-weight: bold}

.mod_agenda 		{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.mod_agenda :link	{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.mod_agenda :visited 	{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.mod_agenda :hover 	{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	


.titre2 		{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.titre2:link		{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.titre2:visited 	{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	
.titre2:hover 		{ font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: underline; font-size:16px; color:#798CA1; font-weight: bold; font-style: oblique}	

.chapeau 		{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px }
.chapeau:link		{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px }
.chapeau:visited 	{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px }
.chapeau:hover   	{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px }

.surligne {
	font-family: Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	font-size: 12px;
	color:#000000;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.fondgris {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#c0c0c0;
	font-size: 18px;
	color:#000000;
	font-weight: bolder;
	background-image: url(images/fdgris.jpg);
	background-color: #FFFFFF;
}
.lettrine {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	background-color: #0066CC;
	color: #FFFFFF;
	font-variant: normal;
}
.txtc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003464;
	line-height: 15px;
}

.txtd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00428C;
	line-height: 15px;
}

.page_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.page_info:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.page_info:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.page_info:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.texte2 { font-size:9px; color:#000000}
.texte3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000}

.titre-jaune-fd-bleu        { text-align: left; color: #FFFF00; font-size: 12pt; font-weight: bold; margin-left: 0; margin-top: 20px; background-color: #99CCFF }


input {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#003464
	background-color: #ffffff;

}
        /*BUTTONS STYLING*/

          #recherche {
	          font-family:Verdana, Arial, Helvetica, sans-serif; 
		  font-size:11px; 
		  color:#003464
		  background-color: #ffffff;
		  padding: 0px 0 0;
		  
          }

          #recherche input {

                   background-color: #003464;
                   font-family: Verdana, Arial, Helvetica, sans-serif;
	           font-size: 11px;
	           font-style: normal;
	           line-height: normal;
	           padding: 3px 3 3;
	           margin-left: 5px;
	           color: #ffffff;
	           border: 1px  solid #A5E4E5;
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid #003464;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 605px; /*position where enlarged image should offset horizontally */

}

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
visibility: hidden;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 0px ;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -400px; /*position where enlarged image should offset horizontally */

}


.thumbnail3{  /*CSS pour affichage bas&gauche */
position: relative;
z-index: 0;
}

.thumbnail3:hover{
background-color: transparent;
visibility: hidden;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 0px;
border: 0px ;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 120px;
left: -50px; /*position where enlarged image should offset horizontally */

}

.thumbnail4{  /*CSS pour affichage bas&droite */
position: relative;
z-index: 0;
}

.thumbnail4:hover{
background-color: transparent;
visibility: hidden;
z-index: 50;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 0px;
border: 0px ;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 120px;
left: -350px; /*position where enlarged image should offset horizontally */

}



.thumbnail5{  /*CSS pour affichage haut&gauche */
position: relative;
z-index: 0;
}

.thumbnail5:hover{
background-color: transparent;
visibility: hidden;
z-index: 50;
}

.thumbnail5 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 0px ;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail5 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail5:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -350px;
left: -200px; /*position where enlarged image should offset horizontally */

}


.thumbnail6{  /*CSS pour affichage haut&droite */
position: relative;
z-index: 0;
}

.thumbnail6:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail6 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 0px;
border: 0px ;
visibility: hidden;
color: :#003464;
text-decoration: none;
}

.thumbnail6 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail6:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -620px;
left: -350px; /*position where enlarged image should offset horizontally */

}