@charset "iso-8859-1";

/* Style appliqué à toute la page */
body{margin: 0; background-color:#000000; text-align: center;}
/* Conteneur principal de la page */
#page {width: 800px; height:620px;  margin: auto; border: 2px solid #000000;background-color:#003493; 
background: url('../images/image-vie.background.gif') no-repeat left transparent;} 

/* Style de la bannière */
#header21{ padding-top:5px;width:720px;height:18px;margin-left:20px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;text-align: right }

#header2{width:760px;height:22px; ; margin-left:20px; margin-top:19px; background-color:#FFFFFF;}
#header{width: 761px;height: 189px; background: url('../images/image-vie-banniere.gif') no-repeat transparent; margin-left:19px; }	
/* Définition du style du menu horizontal */
#menu{width:649px;  height:30px;background-color:#FFFFFF;margin-left:20px; padding-left:111px; }  
.imagebas{width:7680px; height:22px; float:left;margin-left:19px;; background: url('../images/bas_07.gif'); background-repeat:no-repeat;}

 
/* Style du corps de la page - Zone contenant le texte et le menu vertical */
#corps{color: #000000;width:649px;padding-left:111px; height:328px;text-align: justify; background-color:#FFFFFF; margin-left:20px;}  

.gauche{margin-top:10px; margin-left:-95px; background-color:#FFFFFF; width:190px; height:285px; float:left; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} 

.gauche1{margin-top:10px; margin-left:-95px; background-color:#FFFFFF; width:490px; height:285px; float:left; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} 

.droite{margin-top:10px; margin-left:25px; background-color:#FFFFFF; width:273px; height:285px; float:left; font: normal 10px Verdana, Times, serif;} 
.haut{margin-top:0px; margin-left:20px; background-color:#FFFFFF; width:223px; height:212px; float:left; 
font: normal 10px Verdana, Times, serif;background: url('../images/image-fond_03.gif');}
.haut1{margin-top:10px; margin-left:20px; width:190px; height:202px; float:left; font: normal 10px Verdana, Times, serif;}

.bas{margin-top:5px;margin-left:27px; background-color:#C6D6F4; width:215px; height:100px; float:left; font: normal 10px Verdana, Times, serif;} 
.bas1{margin-top:5px;margin-left:8px;width:210px; height:80px; float:left; font: normal 10px Verdana, Times, serif;} 
.asi{margin-top:4px;margin-left:27px; color:#FFFFFF; width:215px; height:20px; float:left; font: normal 10px Verdana, Times, serif; float:right;} 

/* Titres du paragraphes */
h2.titre{color: #8ca044;margin: 15px 0;	font-size: 2.4em;font-weight: normal; font-variant: small-caps; }  

/* Bloc de texte gauche */    	
/* Bloc de texte droit */    
#droite{float: right; width: 340px;}

/* style attribué au bloc constituant les paragraphes */
#gauche p, #droite p{ margin: 0 0;font-size: 10px; margin-left: -120px;}

/* style attribué au bloc images */   
.blockImage{text-align: right;	padding-bottom: 10px;}
h2.titreImage{margin: 0;color: #ecc53f;padding: 5px 0;font-size: 1.2em;text-transform: uppercase;}
img.image{float: right; margin-left: 20px;}
/* style attribué à la séparation des paragraphes */
.separation{height: 2px;  margin: 5px 1px 10px; background: url('../images/point.gif') repeat-x transparent;}
/* Style du pied de la page */
#footer{color: #000000; margin-left: 19px;font-size: 80%;text-align: right; background: url('../images/bas_07.gif'); background-repeat:no-repeat; } 
/* Zone du copyright */	
#footer span{float: left; display: block; font-weight: bold; margin-right: 2px;}	
#copyright {float:right; width: auto !important;width: 255px; min-width: 255px;padding: 2px 5px; text-align:center;}
#copyright a, #copyright a:hover {color: #000000;text-decoration: none;}
/* Permet le rétablissement du flux suite à un float */
.clear{clear: both; display: block; visibility: hidden;}
.Style1 {font-size: 12px;color: #003492;}
.Style2 {color: #003492;}
.Style3 {color: #003493;font-weight: bold;}
a:link {color: #003493;text-decoration: none;}
a:visited {color: #0000FF;text-decoration: none;}
a:hover {color: #66CCFF;text-decoration: none;}
a:active {color: #6699FF;text-decoration: none;}

a.vi:link {color: #000000;text-decoration: none;}
a.vi:visited {color: #000000;text-decoration: none;}
a.vi:hover {color: #003493;text-decoration: underline;}
a.vi:active {color:#003493;text-decoration: none;}

a.i:link {color:#FFFFFF;text-decoration: none;}
a.i:visited {color: #FFFFFF;text-decoration: none;}
a.i:hover {color: #FF9900;text-decoration: underline;}
a.i:active {color:#FF9900;text-decoration: none;}