/* CSS Document */
html, body, div, h1, h2, h3, ol, ul, li, p{margin:0; padding:0;}
body{background-color:#acd1f1; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000080; height:100%;
scrollbar-face-color: #fff;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #b7b7b7;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ebebeb;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: #ccc;}

a img{border:none;}
p{padding:5px 10px 5px 5px;}
.bg2{ background-color:#a3cc4a;}
.bg3{background-color:#000;}
.bg3{background-color:#fff;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.topPage{float:right; width:40px;}
.title1{font-size:11px; font-weight:bold;}
.exposant{vertical-align:super;font-size:60%;}
a:link, a:visited, a:active{color:#6699CC; text-decoration:underline;}
a:hover{color:#6699CC; text-decoration:none;}

/* Headings   ============================================*/
h1, h2, h3{padding:5px 10px 5px 5px; color:#000080; font-family:tahoma, Verdana, sans-serif;}
h1{font-size:16px; color:#81bc16; padding-top:20px;}
h2{font-size:13px;}
h3{font-size:12px;}
/* fin Headings   ============================================*/

/* Bullets   ============================================*/
ol{margin:10px 10px 10px 45px;}
ol li{ background-image:none; list-style-image:none;padding-left:5px; }
ul{margin:10px 10px 10px 10px; list-style:none;}		
li{background:url(img/bullet.gif) no-repeat 10px 4px; margin-top:10px; padding-left:25px; LIST-STYLE-POSITION: outside;}
/* Fin Bullets   ============================================*/


#container1{float:left; width:564px; height:100%;}
#container2{float:left; width:564px; height:100%;}
*html #container2{display:inline;}

#content1{float:left; width:389px; padding-left:15px;}
#content2{float:left; width:145px; padding-left:10px;}
#content3{float:right; width:399px;}
#container3{clear:both; float:left; width:549px; height:100%;padding-left:15px; }

/* ================================ nav2 ===menu vertical images  francais

hauteur images reste fixe si on agrandit la grosseur de caractères dans IE================*/

#nav2{clear:both; float:left; width:176px; }
.nav2{margin:0; padding:0; list-style:none; font-size:1px;}
.nav2 li {float:left; padding:0; margin:0; height:19px; list-style:none;}
.nav2 li a, .nav2 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:19px;}

#navtop{background:url(img/navtop.jpg) no-repeat; width:176px; height:158px;}
#navbottom{background: url(img/navbottom.jpg) no-repeat; width:176px; height:196px;}

#nav21, #nav21on{ background: url(img/nav01r.gif) no-repeat; width:176px;}
#nav21 a {background: url(img/nav01.gif) no-repeat;  width:176px;}

#nav22, #nav22on{background: url(img/nav02r.gif) no-repeat; width:176px;}
#nav22 a {background: url(img/nav02.gif) no-repeat; width:176px;}

#nav23, #nav23on{background: url(img/nav03r.gif) no-repeat; width:176px;}
#nav23 a {background: url(img/nav03.gif) no-repeat; width:176px;}

#nav24, #nav24on{background: url(img/nav04r.gif) no-repeat; width:176px;}
#nav24 a {background: url(img/nav04.gif) no-repeat; width:176px;}

#nav25, #nav25on{background: url(img/nav05r.gif) no-repeat; width:176px;}
#nav25 a {background: url(img/nav05.gif) no-repeat; width:176px;}

#nav26, #nav26on{background: url(img/nav06r.gif) no-repeat; width:176px;}
#nav26 a {background: url(img/nav06.gif) no-repeat; width:176px;}

#nav27{background: url(img/nav07.gif) no-repeat; width:176px;}

#nav28, #nav28on{background: url(img/langenr.gif) no-repeat; width:176px;}
#nav28 a {background: url(img/langen.gif) no-repeat; width:176px;}

#nav2 a:hover,#nav21 a:hover, #nav22 a:hover, #nav23 a:hover, #nav24 a:hover, #nav25 a:hover, #nav26 a:hover, #nav28 a:hover{background:none;}

/* ================================ nav2 ===menu vertical images  anglais

hauteur images reste fixe si on agrandit la grosseur de caractères dans IE================*/

#nav3{clear:both; float:left; width:176px; }
.nav3{margin:0; padding:0; list-style:none; font-size:1px;}
.nav3 li {float:left; padding:0; margin:0; height:19px; list-style:none;}
.nav3 li a, .nav3 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:19px;}

#navtop{background:url(img/navtop.jpg) no-repeat; width:176px; height:158px;}
#navbottom{background: url(img/navbottom.jpg) no-repeat; width:176px; height:196px;}

#nav31{ background: url(img/nav01enr.gif) no-repeat; width:176px;}
#nav31 a {background: url(img/nav01en.gif) no-repeat;  width:176px;}

#nav32{background: url(img/nav02enr.gif) no-repeat; width:176px;}
#nav32 a {background: url(img/nav02en.gif) no-repeat; width:176px;}

#nav33{background: url(img/nav03enr.gif) no-repeat; width:176px;}
#nav33 a {background: url(img/nav03en.gif) no-repeat; width:176px;}

#nav34{background: url(img/nav04enr.gif) no-repeat; width:176px;}
#nav34 a {background: url(img/nav04en.gif) no-repeat; width:176px;}

#nav35{background: url(img/nav05enr.gif) no-repeat; width:176px;}
#nav35 a {background: url(img/nav05en.gif) no-repeat; width:176px;}

#nav36{background: url(img/nav06enr.gif) no-repeat; width:176px;}
#nav36 a {background: url(img/nav06en.gif) no-repeat; width:176px;}

#nav37{background: url(img/nav07.gif) no-repeat; width:176px;}

#nav38{background: url(img/langfrr.gif) no-repeat; width:176px;}
#nav38 a {background: url(img/langfr.gif) no-repeat; width:176px;}

#nav3 a:hover,#nav31 a:hover, #nav32 a:hover, #nav33 a:hover, #nav34 a:hover, #nav35 a:hover, #nav36 a:hover, #nav38 a:hover{background:none;}