body      { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; ; color:#FFFFFF; background-color: #000000}

table, tr, td      { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; ; color:#FFFFFF; background-color: #000000}

.chapeau     { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 14pt; ; color:#FFFFFF; background-color: #000000}
.chapeau: link     { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 14pt; ; color:#FFFFFF; background-color: #000000}

.bgbleu { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; color:#FFFFFF; background-color:#004A94}
.bgbleu-clair { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; color:#000000; background-color:#EFF7FF}
.bgblanc { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; background-color:#000000}

.noir  { font-family: Arial, Verdana, Helvetica, sans-serif;color:#000000; font-size: 13pt; font-weight: bold;  }
.noir:link  { font-family: Arial, Verdana, Helvetica, sans-serif; color:#000000; font-size: 13pt; font-weight: bold;}
.noir:visited   { font-family: Arial, Verdana, Helvetica, sans-serif;color:#000000; font-size: 13pt; font-weight: bold; }
.noir:hover  { font-family: Arial, Verdana, Helvetica, sans-serif;color:#000000; font-size: 13pt; font-weight: bold; 30 }
               
input     { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#000000
}
input[type=text] { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#000000
}
select     { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#000000
}
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13pt; color:#000000
}


a         { text-decoration:none  ; color:#FFFFFF}
a:link 	  { text-decoration:none ; color:#FFFFFF}
a:visited { text-decoration:none ; color:#FFFFFF}
a:hover   { text-decoration:underline; color:#FFFF00}

h1           { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 19pt }
h2           { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 18pt }
h3           { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 17pt; margin-top: 10; margin-bottom: 10 }
h4           { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 16pt; margin-top: 10; margin-bottom: 10 }
h5           { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 15pt; margin-top: 10; margin-bottom: 10 } 


HR { border: 1px dotted #F1F1EC }

.MENUS      { font-family: ARIAL; font-size: 12pt; ; color:#FFFFFF; font-weight: bold; background-color: #000000
}
.MENUS:link      { font-family: ARIAL; font-size: 12pt; ; color:#FFFFFF; font-weight: bold; background-color: #000000
}


.BGGRIS      { padding:5px; border-style:solid; border-width:1px; background-color: 
               #E8EBF7 }
.pointille   { border: 1px dotted #F1F1EC }


.whitebg      { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 14pt; ; color:#000000; background-color: #FFFFFF}

.mod_p2	{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 15pt; font-weight: bold; margin-top: 5; color:#FFFFFF }
.mod_p2:link	{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 15pt; font-weight: bold; margin-top: 5; color:#FFFFFF }
.mod_p2:visited	{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 15pt; font-weight: bold; margin-top: 5; color:#FFFFFF }
.mod_p2:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 15pt; font-weight: bold; margin-top: 5; color:#FFFFFF }

  
               
.mod_p3   { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; margin-top: 30; font-weight: bold; color:#FFFFFF }
.mod_p3:link   { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; margin-top: 30; font-weight: bold; color:#FFFFFF }
.mod_p3:visited  { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; margin-top: 30; font-weight: bold; color:#FFFFFF }
.mod_p3:hover   { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 13pt; margin-top: 30; font-weight: bold; color:#FFFFFF }

               

.mod_p4  { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12pt; font-weight: bold; }
.mod_p4:link  { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12pt; font-weight: bold;  }
.mod_p4:visited   { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12pt; font-weight: bold;  }
.mod_p4:hover  { font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12pt; font-weight: bold;  }

.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 */

}
