/* CSS Document */

body{
margin:0;
padding:0;
background:#B7B7B7 url(images/fond.jpg) 0 0 repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

h1{
margin:0 auto;
position:relative;
padding:0;
width:680px;
height:510px;
background:url(images/maison.jpg) 0 0 no-repeat;
}

ul#titre{
margin:0;
padding:44px 0 0 47px;
}

ul#titre li{
float:left;
list-style-type:none;
font-size:12px;
color:#fff;
padding:0 33px 0 0;
}

#coord{
position:absolute;
left:35px;
top:85px;
margin:0 0 0 45px;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-align:center;
line-height:14px;
}

#slogan{
position:absolute;
left:10px;
top:125px;
margin:0 0 0 45px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:16px;
}


#coord a, p a{
color:#FFFFFF;
}

#coord a:hover, p a:hover, #pied a:hover{
color:#CA3529;
}

#gen{
margin:0 auto;
padding:0 25px 20px 25px;
width:630px;
background:url(images/fond2.jpg) 0 0 repeat-y;
}

#menu{
float:left;
width:130px;
margin:0;
padding:0;
border-bottom:1px solid #9C9B9B;
list-style:none;
}

#menu li{
margin:0;
padding:0;
border-top:1px solid #9C9B9B;
}

#menu li a{
display:block;
height:20px;
background:url(images/fond_menu.jpg) 0 -25px no-repeat;
text-align:right;
text-decoration:none;
color:#CCCCCC;
margin:0;
padding:5px 10px 0 0;
}

#menu li a:hover{
background:url(images/fond_menu.jpg) 0 0 no-repeat;
color:#FFFFFF;
}

#menu li.select{
height:20px;
background:url(images/fond_select.jpg) 0 0 no-repeat;
text-align:right;
text-decoration:none;
color:#FFFFFF;
margin:0;
padding:5px 10px 0 0;
}

.contenu{
margin:0 0 0 130px;
padding:5px 0 0 0;
}

h2{
margin:0 20px;
padding:0 0 3px 50px;
color:#B83D37;
font-size:14px;
font-variant:small-caps;
border-bottom:1px solid #FFFFFF;
background:url(images/fond_h2.jpg) 0 100% no-repeat;
}

h3{
margin:3px 20px 20px 20px;
padding:0;
text-align:right;
color:#4A4B4B;
font-size:12px;
font-weight:normal;
}

p{
margin:3px 20px 20px 20px;
padding:0;
text-align:justify;
color:#FFFFFF;
}

.center{
margin-top:30px;
text-align:center;
color:#FFFFFF;
}

.tablo{
clear:both;
margin:0;
padding:0;
color:#FFFFFF;
}

.bleu{
color:#516482;
}

sup{
color:#CCCCCC;
}

.contenu ul li{
list-style-type:square;
color:#666666;
padding:2px 0;
}

.contenu a{
color:#FFF;
}

.contenu a:hover{
color:#FFF;
text-decoration:none;
}

#pied{
margin:0 auto;
padding:20px 0 0 0;
width:680px;
height:21px;
background:url(images/pied.jpg) 0 0 no-repeat;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:11px;
}

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

/* -------------- formulaire */

fieldset{
margin:25px;
padding:15px 10px;
}

.coordonne label{
display:inline;
float:left;
width:150px;
}

fieldset p{
margin:3px;
}

legend{
color:#FFF;
color:#516482;
}

.submit{
text-align:center;
}

#protect{
background-color:#FFFFFF;
border:none;
text-align:center;
padding:5px;
}

#protect p{
color:#000000;
text-align:center;
}

.obligatoire{
color:#990000;
}