/* CSS Document */
/* balises */
body{
margin: 0;
padding: 0;
background-color: #519d81;
color: #354E2D;
}
h2{
margin: 0;
padding: 0;
text-align: center;
color: #519d81;
}
p{
margin: 0;
padding: 0;
text-align: justify;
}
h3{
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;
color: #519d81;
}
/* éléments div */
#container{
margin-left: auto;
margin-right: auto;
width: 1000px;
}
#header{
background: url("img/bann.gif") no-repeat;
height: 250px;
width: 1000px;
margin-left: auto;
margin-right: auto;
}
#corps{
width: 1000px;
background: url("img/corps.gif");
min-height: 400px;
float: left;
}
#contenu{
width: 555px;
float: left;
margin: 0 10px;
display: inline;
/*overflow:auto;*/
}
#contenu a, a.news,#footer a{
color: #fe9212;
font-weight: bold;
}
#contenu a:hover, a.news:hover, #footer a:hover{
color: #fe9212;
font-weight: bold;
text-decoration: overline;
}
#droite{
width: 182px;
float: right;
margin-right: 22px;
display: inline;
}
.sous_droite{
background: url("img/droite.gif") no-repeat;
margin-top: 0;
}
.sous_droite p.title{
text-align: center;
color: #fff;
font-weight: bold;
height: 25px;
}
#footer{
width: 1000px;
height: 92px;
margin-left: auto;
margin-right: auto;
background: url("img/footer2.gif");
float: left;
}
#carte{
float: right;
background: url("img/carte.gif") no-repeat; 
height: 500px; 
width: 500px;
}
#footer p{
margin-left: 150px;
font-size:14px;
font-family: Arial, Helvetica, sans-serif; 
}
#contact{
float: left;
width: 80px;
margin-top: 20px;
line-height: 33px;
clear: both;
}
#contact2{
float: left;
width: 150px;
margin-top: 20px;
}
#contact2 input{
margin-bottom: 10px;
}
#contact3{
float: right;
margin-top: 20px;
width: 300px;
}
/*menu*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu{
width: 200px;
float: left;
margin-left: 7px;
display: inline;
}
#menu dt {
cursor: pointer;
margin: 0px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border-top: 1px solid #519d81;
background: #fe9212;
color: #fff;
}
#menu dt a{
border-top: 1px solid #519d81;
background: #fe9212;
color: #fff;
text-decoration: none;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a {
color: #dc7239;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
border-top: 1px solid #519d81;
}
#menu li a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
background: #fe9212;
color: #fff;
}
.bas_menu{
background: url("img/bas_menu.gif") no-repeat;
height: 15px;
width: 200px;
float: left;
margin-left: 7px;
display: inline;
}
/* pseudo - classes */
a.news{
font-size: 0.9em;
}
span.vert{
color: #519d81;
font-weight: bold;
}
span.blanc{
color: #fff;
font-weight: bold;
}
span.orange{
color: #dc7239;
font-weight: bold;
text-decoration: underline;
}
p.liens{
font-size: 15px;
text-align: center;
}
p.centre{
text-align: center;
}
p.juste{
text-align: justify;
}
img.img_txt{
float: left;
}
img.txt_img{
float: right;
}
p.img_txt{
float: right;
width: 340px;
padding-right: 10px;
text-align: justify;
}
p.txt_img{
text-align: justify;
float: left;
width: 340px;
padding-right: 10px;
}
ul.titres{
float: left; 
width: 430px;
}
ul.titres li{
background: url(img/fleche_services.gif) no-repeat 350px 5px;
}
ul.titres li.titre{
background-position: 50px 5px;
}
ul.titres li.none{
background: none;
}