/* CSS Document */
body{ background-color:#00274D; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;
     font-size:11px; font-weight: bold; color: #FFFFFF; line-height:13px;}
td, th { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1em; color: #333333}
h1, h2,h3,h4,h5,p{font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px;}
h1, h2,h3,h4,h5{font-weight:bold; margin-top:2px; margin-bottom:0px;}
h1{font-size:15px;} h2{font-size:14px; margin-top:0px; margin-bottom:1px;} h3{font-size:13px;}
p{ font-size:12px; margin-top:0px; }
.bouton {font:bold 8pt Tahoma; text-align:center; color:#FFFFFF ; }
.legende{font-size:11px; margin-top:0px;}
.bord3 { background:#B7B6B7;font:bold 9pt Tahoma; color:white }
.bord5 { background:#B7B6B7;font:bold 11pt Tahoma; color:white; font-weight:bold; }
A { font:bold 10pt Tahoma; text-decoration:none; color:#faf8e9; text-align:left; line-height: 1.5em;}

A.lien { font:bold 10pt Tahoma; color:white; font-size: 10pt; text-align:center}
A.nolien { font:bold 9pt Tahoma; color:gray; font-size: 10pt; text-align:center }
A:hover { color:red }

#conteneur{width:700px; height:650px; margin-left:auto; margin-right:auto; margin-top:20px; border:0px solid; border:0px;}
#accueil{  width:700px; height:550px; background:url(../images/basic/fond.jpg) 100% 100% no-repeat; border:0px solid; border-color:#00CC33; border:0px solid; }
#base{   width:750px; height:550px; margin-top:20px; background-image:url(../images/fond/fond_04.jpg); background-repeat:no-repeat; 
        margin-left:auto; margin-right:auto; padding:3px; border:0px solid; }
#cont01{float:right; width:690; height:153px; border:0px solid;}
#cont02{float:left; width:690; height:300px; border:0px solid;}
#cont02_a{float:left; width:272px;  border:0px solid;}
#cont02_b{float:left; width:425px; height:290px; border:0px solid;}
#cont03{float:left; width:690px; height:90px; border:0px solid;}

#menu1{float:right; margin-left:0px; margin-top:64px; width:400px; border:0px solid; }

#menu2{ float:left; margin-left:20px; margin-top:97px; width:150px; color: #FFFFFF; font-size:11px; font-weight: bold; line-height:15pt; border:0px solid;}

#menu5{float:left; margin-left:133px;  width:320px; height:45px; border:0px solid;}

#menu3{ float:left; width:300px; font-weight:bold; margin:0; padding:0; border:0px solid;}
a.image3 {  display: block;  width: 223px;  height: 125px;  background-image: url(../images/basic/prod_h.jpg); background-repeat: no-repeat; }
a.image3:hover { background-image: url(../images/basic/prod_b.jpg); }

#menu4{float:left; width:200px; margin-top:6px; border:0px solid;}
a.image4 {  display: block;  width: 225px;  height: 128px;  background-image: url(../images/basic/photo_h.jpg); background-repeat: no-repeat;}
a.image4:hover { background-image: url(../images/basic/photo_b.jpg); }

#gauche{ float:left; width:250px; height:400px; border:1px solid;}
#droite{ float:right; width:250px; height:400px; border:1px solid;}

#haut{width:900px; height:114px; border:0px solid; background-image:url(../images/base/entete_ok.jpg);}

#image01{position:absolute; top:230px; left:570px; border:1px solid; background-color:#00DF00; width:120px;}
.flottant1{float: left; background-image:url(../images/fond/gauche.gif); background-repeat:no-repeat;  width: 340px;  margin: 15px; text-align:left ; padding:5px; border:0px solid #000; color:#000000; }
.flottant2{float: right; background-image:url(../images/fond/droite_01.jpg); background-repeat:no-repeat; width: 300px ; height:400px; margin: 15px ;
           background-color: #FFFFFF ; text-align:center ; padding:5px; border:0px solid; color:#000000;}

#tete{ text-align:left; margin-top:2px; border:0px solid #00ffff; margin-left:0px; margin-right:0px; height:95px;}

#entete{ float:left; margin-top:22px; margin-left:20px; border:0px solid; width:370px; height:15px; padding-top:0; line-height:normal;  }
#entete ul {margin:0; padding:0;; list-style: none; } 
#entete li{float:left; margin:0; padding:0; border:0px solid #fff; text-align:center;}
#entete a{display:block; text-align:center; padding:0.5px 3px 0.5px 3px; margin-left:5px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; font-size:10px; background-color:#00274D; }
#entete a:hover{ background-color:#E77B0A; color:#fff;}
#entete a:hover:link{color:#fff;}
#entete p{ display:none;}

#listing{ width:695px; padding:2px 5px 5px 8px; margin:0; border:1px solid;}
#listing p{ margin-top:5px; margin-bottom:0; margin-left:19px;}
#listing h3{display:none;}
#listing ul{display:inline; padding-left:0; margin-left:10px; }
#listing ul li{ display:inline;  }
#listing ul li a{padding:.2em; font-weight:italic; color:#000; text-decoration:none;}
#listing ul li a:link{padding:.2em; font-weight:bold; color:#000; text-decoration:none;}

#navigation p{ display:none;}
#navigation{ float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:95px; border-right:1px solid #666;
             padding:0; margin-left:19px; margin-bottom:1em; background-color:#666; color:#333;}
#navigation ul{ list-style:none; margin:0; padding:0;}
#navigation ul li{ margin:0; border-top:1px solid #003;}
#navigation ul li a{ display:block; padding:1px 1px 1px 0.5em; border-left:10px solid #FFCC02; border-right:1px solid #69c; border-bottom:1px solid #FFCC02;
                     background-color:#FF8502; color:#fff; text-decoration:none; width:100%;}
html>body #navigation ul li a{ width:auto;}
#navigation ul li a:link{color:#fff;}
#navigation ul li a:visited{color:#fff;}
#navigation ul li a:hover{ background-color:#FFCC02; color:#000; border-color:#FF8502;}

#menu02{position:absolute; width:150px; height:150px; left:500px; top:240px; border:0px solid;}
#menu03{position:absolute;  width:150px; height:150px; left:640px; top:290px; border:0px solid;}
#menu01{position:absolute; width:150px; height:150px; left:360px; top:290px; border:0px solid;}

.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  font-weight: normal;  }
.navLink { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;  }
div#nav {float: left; width:130px; margin:5px;}
div#nav ul { margin:0; padding:0; width:140px;  border:0px solid; border-color:#13355B;}
div#nav li { position:relative; background-image:url(../images/base/menu.jpg); background-repeat:no-repeat;
                  margin:3px; list-style:none; border-bottom:0px solid #003366;}
div#nav li.menug { background-color:#13355B; }
div#nav ul ul{ position:absolute; top:0; left:120px;}
div#nav li a { display:block; padding:0.05em 0 0.25em 0.5em; text-decoration:none; width:130px; color:#000;}
div#nav li:hover { background-color:#006699;}

#gauche{ float:left; width:155px; height:490px; border:0px solid; background-color:#CCCCCC;}

#centre{ float:right; width:735px; height:482px; border:0px solid;  margin:4px;}

#actu{float:left; border:0px solid; width:270px; margin-top:23px; margin-left:25px;}
#actu2{float:left; border:0px solid; width:270px; margin-top:77px; margin-left:20px; text-align:left;}

#boite01{ float:left; width:65px; height:70px;  margin-left:25px; margin-top:9px; }
#boite02{ float:left; width:65px; height:70px; margin-left:12px; margin-top:10px; }
#boite03{ float:left; width:65px; height:70px; margin-left:12px; margin-top:10px; margin-right:25px; }

#boite04{float:left; width:65px; height:70px; margin-left:25px; margin-top:7px;}
#boite05{float:left; width:65px; height:70px; margin-left:12px; margin-top:7px;}
#boite06{float:left; width:65px; height:70px; margin-left:12px; margin-top:7px; margin-right:25px;}

#boite07{float:left; width:65px; height:90px; margin-left:25px; margin-top:7px;}
#boite08{float:left; width:65px; height:90px; margin-left:12px; margin-top:7px;}
#boite09{float:left; width:65px; height:90px; margin-left:12px; margin-top:7px; margin-right:25px;}

#avap{float:left; margin-left:20px; margin-top:25px; border:0px solid;}

.texte{font-size:12px; line-height:11pt; margin-top:0px; padding:4px;}
#boite10{ position:relative; width:734px; height:80px; border:0px solid; margin-top:4px; }
#boite_expo{ position:relative; width:734px; height:330px; background-image:url(../images/base/expo_b.gif); border:1px solid; margin-top:4px; background-color:#CCCCCC;}

#im01{ position:absolute; top:67px; left:18px;  border:2px outset;}
#im02{ position:absolute; top:77px; left:230px; border:2px outset;}
#im03{ position:absolute; top:84px; left:415px;  border:2px outset;}

#im04{ position:relative; top:84px; left:488px;  border:2px outset;}
#im05{ position:absolute; top:67px; left:570px;  border:2px outset;}
#im06{ position:absolute; top:89px; left:490px;  border:2px outset;}
#im07{ position:absolute; top:62px; left:575px;  border:2px outset;}



#boite13{  width:736px; height:48px; border:0px solid; margin-top:4px; background-color:#CCCCCC;}
#boite13 img{float:left; margin:3px; border:1px outset; }



#bas{ float:left; width:900px; height:24px; border:0px solid; background-color:#CCCCCC;}
#bas p{ font-size:11px; font-weight:bold; color:#666666; text-align:center; margin-top:2px; vertical-align:middle;}
#bas a{ font:bold 7pt Tahoma; color:#666666; font-size: 9pt; text-align:center}