/* KIT GRAPHIQUE PAR BOZ http://www.gorets.com TELECHARGE SUR KITGRAFIK http://www.kitgrafik.com 
*/ html, body { padding: 0; margin: 0; font: 11px arial, verdana, helvetica, sans-serif; 
color: #000000; background-image: url("images/bg.jpg"); background-repeat: repeat-x; 
background-color: #0B59FF; text-align: center; } #container { width: 770px; text-align: 
center; margin: auto; } /* logo */ #logo{ width: 770px; height: 130px; background-image: 
url("images/header001.jpg"); background-repeat: no-repeat; } /* banniere */ #banniere{ 
width: 770px; height: 65px; background-image: url("images/top.jpg"); background-repeat: 
no-repeat; text-align: center; padding-top: 5px; /* hack pour MSIE qui ne sait 
pas gérer le padding ! */ voice-family: "\"}\""; voice-family:inherit; height: 
70px; } html>body #banniere { height: 65px; } /* disclaimer */ #dsc1 { width: 
600px; height: 60px; background-image: url("images/dsc-1.jpg"); background-repeat: 
no-repeat; margin: auto; } #dsc2 { width: 530px; height: 268px; background-image: 
url("images/dsc-2.jpg"); background-repeat: no-repeat; margin: auto; text-align: 
left; font: 11px verdana, arial, helvetica, sans-serif; padding: 2px 35px 0 35px; 
/* hack pour MSIE qui ne sait pas gérer le padding ! */ voice-family: "\"}\""; 
voice-family:inherit; width: 600px; height: 270px; } html>body #dsc2 { width: 
530px; height: 268px; } #dsc2:first-line { font-weight: bold; } #dsc3 { width: 
600px; height: 44px; background-image: url("images/dsc-3.jpg"); background-repeat: 
no-repeat; text-align: center; margin: auto; padding-top: 2px; /* hack pour MSIE 
qui ne sait pas gérer le padding ! */ voice-family: "\"}\""; voice-family:inherit; 
height: 46px; } html>body #dsc3 { height: 44px; } /* bouton Entrer index */ #in:link, 
#in:visited { width: 125px; height: 25px; background-image: url("images/in-off.jpg"); 
background-repeat: no-repeat; display: block; float: left; margin-left: 116px; 
/* hack pour MSIE qui ne sait pas gérer le margin ! */ voice-family: "\"}\""; 
voice-family: inherit; margin-left: 55px; } html>body #in:link, #in:visited { 
margin-left: 116px; } #in:hover, #in:active { width: 125px; height: 25px; background-image: 
url("images/in-on.jpg"); background-repeat: no-repeat; display: block; float: 
left; margin-left: 116px; /* hack pour MSIE qui ne sait pas gérer le margin ! 
*/ voice-family: "\"}\""; voice-family: inherit; margin-left: 55px; } html>body 
#in:hover, #in:active { margin-left: 116px; } /* bouton Sortir index */ #out:link, 
#out:visited { width: 127px; height: 25px; background-image: url("images/out-off.jpg"); 
background-repeat: no-repeat; display: block; float: right; margin-right: 116px; 
/* hack pour MSIE qui ne sait pas gérer le margin ! */ voice-family: "\"}\""; 
voice-family: inherit; margin-right: 55px; } html>body #out:link, #out:visited 
{ margin-right: 116px; } #out:hover, #out:active { width: 127px; height: 25px; 
background-image: url("images/out-on.jpg"); background-repeat: no-repeat; display: 
block; float: right; margin-right: 116px; /* hack pour MSIE qui ne sait pas gérer 
le margin ! */ voice-family: "\"}\""; voice-family: inherit; margin-right: 55px; 
} html>body #out:hover, #out:active { margin-right: 116px; } /* colonne gauche 
*/ #gauche { width: 130px; float: left; display: block; text-align: center; } 
/* titre bloc menu gauche */ #gauche div.titre{ width: 130px; height: 20px; background-image: 
url("images/titre-menu.jpg"); background-repeat: no-repeat; display: block; color: 
black; font-size: 13px; line-height: 20px; font-weight: bold; text-align: left; 
text-indent: 20px; } /* bloc menu gauche */ #gauche div.bloc{ width: 124px; text-align: 
left; display: block; border-left: 1px solid #0B59FF; border-right: 1px solid 
#0B59FF; border-bottom: 1px solid #0B59FF; background-color: white; padding: 2px; 
margin-bottom: 5px; /* hack pour MSIE qui ne sait pas gérer le padding ! */ voice-family: 
"\"}\""; voice-family:inherit; width: 130px; } html>body #gauche div.bloc { width: 
124px; } /* liens menu gauche */ #gauche div.bloc a:link, #gauche div.bloc a:visited 
{ color: black; text-decoration: none; } #gauche div.bloc a:active, #gauche div.bloc 
a:hover { color: #0B59FF; } /* liens colonne gauche */ #gauche a:link, #gauche 
a:visited { color: black; text-decoration: none; } #gauche a:active, #gauche a:hover 
{ color: #03D1FF; } /* colonne centre */ #centre { width: 635px; float: right; 
display: block; text-align: center; } /* titre bloc menu gauche */ #centre div.titre{ 
width: 635px; height: 20px; background-image: url("images/titre-bloc.jpg"); background-repeat: 
no-repeat; display: block; color: black; font-size: 13px; line-height: 20px; font-weight: 
bold; text-align: left; text-indent: 20px; } /* bloc menu gauche */ #centre div.bloc{ 
width: 629px; text-align: left; display: block; border-left: 1px solid #0B59FF; 
border-right: 1px solid #0B59FF; border-bottom: 1px solid #0B59FF; background-color: 
white; padding: 2px; margin-bottom: 5px; /* hack pour MSIE qui ne sait pas gérer 
le padding ! */ voice-family: "\"}\""; voice-family:inherit; width: 635px; } html>body 
#centre div.bloc { width: 629px; } /* liens menu centre */ #centre div.bloc a:link, 
#centre div.bloc a:visited { color: black; text-decoration: underline; } #centre 
div.bloc a:active, #centre div.bloc a:hover { color: #0B59FF; } /* texte petit 
*/ .small { font-size: 10px; } /* Titres */ h1 { font-size: 16px; color: #0B59FF; 
margin: 0; clear: both; } /* Sous Titres */ h2 { font-size: 13px; color: black; 
margin: 0; clear: both; } .miniTitre { text-decoration: underline; font-weight: 
bold; } /* Eléments divers */ form { margin: 0px; padding:0px; text-align: left; 
color: black; font-weight: bold; text-align: center; } input, select { font-size: 
10px; vertical-align: middle; } img { border: 0; } p { margin: 5px 0 5px 0; } 
.myp { margin: 0; } /* image flottante a gauche */ .img-g { float: left; margin: 
5px; } /* image flottante a droite */ .img-d { float: right; margin: 5px; } /* 
footer pied de page */ #footer { width: 100%; background-image: url("images/foot.jpg"); 
background-repeat: repeat-x; background-position: top; text-align: center; font-size: 
10px; padding-top: 3px; margin-bottom: 3px; clear: both; } /* liens footer */ 
.af:link, .af:visited{ color: black; text-decoration: underline; } .af:active, 
.af:hover{ color: #03D1FF; }