@charset "iso-8859-1";

HTML {width: 100%; }

BODY {width: 100%; margin: 0px; text-align: center; font-size:0.8em; font-family:Trebuchet MS,Arial;}

#site {width:898px; margin: 0 auto 0 auto;}
#site2{position:relative; float:left; width:100%; margin: 0 auto 0 auto; border:1px solid #000000;}


#bandeau{position:relative; float:left; background:url(bandeau.jpg); background-repeat:no-repeat; width:898px; height:124px; text-align:left;}

#lien_ftp{position:absolute; top:0; left:0; width:200px; height:100px;}

#menu_haut{position:relative; top:0; left:24%; width:660px; height:79px;}
#menu_haut ul, li {margin: 0; padding: 0;}
#menu_haut ul {background:url(menu_haut.jpg) no-repeat; width:660px; height:79px; text-align:left;}
#menu_haut li {display:inline;  float: left;}
#menu_haut li a.liens_haut{color:#000000; text-decoration:none; text-transform:uppercase; font-size:0.85em; font-weight:bold; text-align:center; height:30px; padding-top:49px; line-height:10pt;}
#menu_haut li a.liens_haut:hover {color: #FFFFFF; background:url(menu_haut.jpg) top left no-repeat;}

#menu_haut a#menu1{display:block; width:112px;}
#menu_haut a#menu2{display:block; width:110px;}
#menu_haut a#menu3{display:block; width:110px;}
#menu_haut a#menu4{display:block; width:110px;}
#menu_haut a#menu5{display:block; width:110px;}

#menu_haut a#menu1:hover, #menu_haut a#menu1.over {background:url(menu_haut_over_1.jpg); background-position: -0px -79px; color:#FFFFFF;}
#menu_haut a#menu2:hover, #menu_haut a#menu2.over {background:url(menu_haut_over_2.jpg); background-position: -111px -79px; color:#FFFFFF;}
#menu_haut a#menu3:hover, #menu_haut a#menu3.over {background:url(menu_haut_over_3.jpg); background-position: -221px -79px; color:#FFFFFF;}
#menu_haut a#menu4:hover, #menu_haut a#menu4.over {background:url(menu_haut_over_4.jpg); background-position: -331px -79px; color:#FFFFFF;}
#menu_haut a#menu5:hover, #menu_haut a#menu5.over {background:url(menu_haut_over_5.jpg); background-position: -447px -79px; color:#FFFFFF;}
/*border:1px solid #000000;*/

#milieu{position:relative; float:left; background:url(fond_milieu.jpg); background-repeat:no-repeat; width:898px; height:205px; padding:0; margin:0; text-align:left;}
#milieu a, #milieu img {position:relative; top:20%; left:322px;}

#onglets{position:relative; float:left; width:600px; height:50px; padding-left:20px;}
#onglets a{position:relative; float:left; vertical-align:middle; width:99px; height:35px; font-size:1.1em; text-align:center; line-height:11pt; font-weight:bold; text-decoration:none; margin-right:20px;}
.onglet{color:#8fc026; background:url(onglet_off.jpg);}
.onglet:hover, .onglet_over{color:#FFFFFF; background:url(onglet_on.jpg);}
#onglets img{position:relative; float:left;}
.onglet_vide{position:relative; float:left; width:20px; height:35px; }


#contenu{position:relative; float:left; width:898px; height:100%; text-align:left; padding:0; margin:0px;}
.conteneur{position:relative; float:left; left:2%; height:auto; width:96%; padding:0px 0px 20px 0px; margin:0;}

.bloc_contenu_grand{position:relative; float:left; width:47%; padding:0px 10px;}
.bloc_contenu_petit{position:relative; float:left; width:30%; padding:0px 10px;}

#titles{position:relative; float:left; width:100%; height:40px; text-align:left; padding:0; margin:10px 0px 0px 0px;}

h1{position:relative; float:left; width:31%; height:40px; font-weight:bold; font-size:1.3em; color:#8FC026; text-transform:uppercase; text-align:left; padding:0px; margin:0px 0px 0px 24px;}
h1 img{vertical-align:middle; padding:0; margin:0px 0px 0px 3px;}

h2{position:relative; float:left; width:33%; height:40px; font-size:1.1em; color:#000000; font-weight:bold; text-align:left; padding:0; margin:0;}

UL{margin:15px;}

.niv_4_partie_intro{position:relative; float:left; width:100%; font-size:0.9em; color:#8FC025; font-weight:bold; text-align:left; padding:0; margin:0; }
.niv_4_partie_intro a {color:#8FC025; font-weight:bold; text-align:left;}
.niv_4_partie_corps{position:relative; float:left; width:100%; font-size:0.9em; color:#000000; text-align:left;}
.niv_4_partie_corps a {color:#000000; text-align:left; text-decoration:underline;}
.niv_4_partie_liens{position:relative; float:left; width:33%; font-size:0.9em; color:#000000; text-align:left; width:33%;}
.niv_4_partie_liens a{color:#000000; text-align:left; text-decoration:underline;}


#pied_page{position:relative; float:left; background:url(fond_pied_page.jpg); background-repeat:no-repeat; width:898px; height:38px;}

#menu_bas{position:relative; float:left; width:400px; height:20px; left:30px; top:10px; text-align:left;}
#menu_bas a{color:#000000; font-size:0.9em; text-decoration:none;}

#copyright{position:relative; float:left; width:100%; height:auto; margin-top:10px;}