body {
font : normal 11px verdana,arial,sans-serif;
color : #fff;
background-color:#000;
text-align: center;
margin: 0;
padding: 0;
}

#conteneur {
position: relative;
text-align: left;
width: 781px;
margin: 0 auto; 

}

#header {
padding:5px 0;
width:741px;
/*float:left;*/
}



#centre {
float:left;
width:550px;
height:auto;
}
#gauche {
float:left;
width: 189px;
}

#droite {
/*float:right;*/
float:left;
margin-top:-25px;
width:40px;
height:1110px;
background: url(../images/bande-droite.jpg) left top no-repeat;
}

#milieu {
margin:5px 0 0 0;
width:552px;
}

#milieu a {
color: #5aa0d3;
}

#logo {
height:115px;
}

.titre {
color: #fff;
}

.titreActu {
line-height:29px;
text-align:center;
width:100%;
height:37px;
color:#5aa0d3;
border-bottom: 3px solid #5aa0d2;
}

.ligne {
clear:both;
border-bottom: 3px solid #5aa0d2;
}

#version {
border-top: 3px solid #5aa0d2;
border-bottom: 3px solid #5aa0d2;
height:44px;
width:180px;
text-align:center;
line-height:44px;
font-size:12px;
}

#version a {
color:#5aa0d2;
text-decoration:none;
}

#tel {
height:40px;
width:180px;
border-bottom: 3px solid #5aa0d2;
padding:5px 0 0 0;
text-align:center;
}

#blocGau {
float:left;
margin:5px 0 10px 50px;
border-right: 3px solid #5aa0d2;
}

#blocDroite {
float:left;
margin:5px 0 10px 40px;

}

#map, #map2 {
width:550px;
height:280px;
margin-bottom:8px;
}

#blocGauCont {
float:left;
height:500px;
border-right: 3px solid #5aa0d2;
border-bottom: 3px solid #5aa0d2;
line-height:19px;
padding:10px 15px 10px 5px;

}

#blocGauCont a {
color:#fff;
text-decoration:underline;
}

#blocDroiteCont {
float:left;
height:500px;
width:258px;
padding:10px 0 10px 23px;
border-bottom: 3px solid #5aa0d2;

}

.txtrouge {
color:#5aa0d2;
}

.txtorange {
color:#fff;
text-decoration:none;
}

#pied {
clear:both;
height: 30px;
font-size:10px;

}

#pied a {
color:#fff;
text-decoration:none;
}

ul#menu {
list-style-type: none;
padding:0;
margin:5px 0 0 0;
} 



#menu a {
margin: 0 0px;
width: 158px; 
height: 38px;
display: block;
text-decoration: none;
color: #fff;
background: #5aa0d2 url(../images/fleche-off.gif) left center no-repeat;
padding-left:22px;
line-height:38px;
border-top: 2px solid #000;
 }
	 
#menu a:hover {
  background: #fff url(../images/fleche-on.gif) left center no-repeat;   
  color: #000;    
     }

#menu .select {
  background: #fff url(../images/fleche-on.gif) left center no-repeat;   
  color: #000;    
     }
	 
#bandeauHaut {
height:120px;
}

#bandeauGauche {
margin:5px 0 10px 0;
height:270px;

}

.separation {
 clear:both;
 visibility:hidden;
}

.vign {
float:left;
color:#fff;
margin:15px 18px 0px 15px;
width:150px;

}

.nomVign {
width:100%;
height:30px;
text-align:center;
line-height:13px;
text-decoration:none;
color:#fff;

}

#paginG {
float:left;
color:#5aa0d3;
}

#paginD {
float:right;
width:400px;
text-align:right;
color:#5aa0d3;
}

#paginG a, #paginD a {
color:#5aa0d3;
text-decoration:none;
}

#listeTitre {
margin-top:20px;
margin-left:10px;
line-height:18px;
}

#listeActus {
margin-left:10px;
margin-top:20px;
line-height:18px;
}

#listeActus img, #listeTitre img {
vertical-align:-1px;
}

#listeFaq {
margin-left:28px;
margin-top:20px;
line-height:18px;
}

#listeTitre a, #listeActus a, #listeFaq a {
color:#5aa0d3;
text-decoration:none;
}

#listeFaq a.haut {
color:#fff;
text-decoration:none;
}

#listePart {
margin-left:10px;
margin-top:20px;
line-height:18px;
color:#5aa0d3;
}

#listePart a {
color:#fff;
text-decoration:none;
}

#listePart img  {
margin:0 10px 10px 0;
/*vertical-align:top;*/
float:left;
}

#detail {
margin-top:20px;
}

#detail img {
/*margin-left:20px;*/
}

#paveOr {
clear:both;
margin-top:20px;
background-color:#fff;
color:#000;
width:522px;
height:auto;
padding:5px 15px;
line-height:20px;
}

#paveOr a {
color:#000;
}

#paveDecorOr {
margin:10px 0;
background-color:#fff;
color:#000;
width:522px;
height:auto;
padding:5px 15px;

}

#paveDecorOrM {
margin:10px 0;
background-color:#fff;
color:#000;
width:546px;
height:113px;
padding:2px 2px 2px 2px;

}

#paveDecorOrM a {
color:#000;
}

#titreDecorOrM {
height:30px;
line-height:30px;
border-bottom: 3px solid #000;
text-align:center;
}

#descDecorOrM {
padding:10px 10px 0 10px;
}

#blocOr1 {
float:left;
margin:10px 0;
background-color:#fff;
color:#000;
width:170px;
height:40px;
line-height:40px;
text-align:center;
}

#blocOr1 a {
color: #000;
text-decoration:none;
}

#blocOr2 {
float:left;
margin:10px 0;
background-color:#5aa0d2;
color:#fff;
width:170px;
height:40px;
line-height:40px;
text-align:center;
}



 
div#formul {
width:545px;
padding-top:19px;
margin-top:20px;
background: url(../images/bg-form-haut.gif) left top no-repeat;
}

div#blocformul {
background: url(../images/bg-form-bas.gif) left bottom no-repeat;
padding-bottom:5px;
padding-left:25px;
}

.item1 {
clear:both;
margin-bottom:9px;
}	

.item2 {
margin-bottom:9px;
} 



#paveOrF {
margin:5px 0;
background-color:#fff;
color:#000;
width:495px;
height:auto;
padding:5px 0 5px 30px;

}

.BoxPrec {
position:absolute;
top:570px;
left:20px;
font-size:11px;
}

.BoxSuiv {
position:absolute;
top:570px;
left:590px;
font-size:11px;

}

.BoxPrec a, .BoxSuiv a {
color:#fff;
text-decoration:none;
}

.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url(../images/magplus.cur), pointer;
   
}
.PopBoxImageLarge
{
   border: solid thin #999999;
   cursor: url(../images/magminus.cur), pointer;
   
} 

.zoomLegende {
padding:30px 0;
font-size:11px;
width:600px;
text-align:center;
}

#formNews {
margin:0;
padding:0;
}

#bgformNews {
/*background: url(../images/bg-form-news.gif) left top no-repeat;*/
padding:10px 0 10px 10px;

}

div#formAnn {
width:545px;
padding-top:19px;
margin-top:20px;
background: url(../images/bg-form-haut.gif) left top no-repeat;
}

div#blocformAnn {
background: url(../images/bg-form-bas.gif) left bottom no-repeat;
padding:0 10px 5px 10px;
}

#formRetomb label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 240px ; text-align:left; margin-top:3px; }
#formRetomb .input2 { font : normal 11px verdana,arial,sans-serif; margin-top:3px;color: #000; }

#totA, #totB, #totC,#total {
float:left;
width:135px;
text-align:right;
margin-right:20px;
margin-top:3px;
}

#formAnn label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 150px ; text-align:right; margin-right:10px; }

#formAnn .input2 { font : normal 11px verdana,arial,sans-serif; margin-bottom:5px;color: #000; width:340px;}

form#formContact {margin-top : 20px; }
#formContact .input3 { font : normal 11px verdana,arial,sans-serif; margin-bottom:5px;color: #000; width:252px;}
#formContact .textarea { font : normal 11px verdana,arial,sans-serif; width:252px; height:100px;margin-bottom:0px;color: #000; }


label { DISPLAY: inline ; FLOAT: left ; font : normal 11px verdana,arial,sans-serif; WIDTH: 120px ; text-align:left; margin-right:10px;  }
.select { font : normal 11px verdana,arial,sans-serif; color: #333333;margin-bottom:0px; }
.chb { font : normal 11px verdana,arial,sans-serif; color: #333333;margin-top:0px; }
.input { font : normal 11px verdana,arial,sans-serif; margin-bottom:0px;color: #000; }
.radio { font : normal 11px verdana,arial,sans-serif; margin-bottom:-1px;color: #000; }
.textarea { font : normal 11px verdana,arial,sans-serif; width:200px; margin-bottom:0px;color: #000; }
.button { font : normal 11px verdana,arial,sans-serif; backgrond-color:#000;color: #fff; }