@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:url(../img/bg.jpg);
color:#000;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-family:verdana;
font-size:11px;
text-align:justify;
}

img, a.img {
border:0;
}

#conteneur { /*global*/
left:50%;
margin:0 0 0 -420px;
position:absolute;
width:840px;
}

#header {
background:url(../img/header.jpg) top left no-repeat;
height:81px;
}

#menu{
background:url(../img/fond_menu.jpg) top left no-repeat;
height:562px;
float:left;
padding-top:50px;
width:212px;
position:relative;
}

#contenu{
background:url(../img/fond_contenu.jpg) top left no-repeat;
height:612px;
float:right;
padding:0;
width:628px;
}

#texte_contenu{
height:423px;
overflow-y:auto;
padding:0 10px 0 40px;
width:542px;
}

.logo{
margin:20px 0 0 200px;
width:378px;
}

#footer{
clear:both;
color:#FFF;
background:url(../img/footer.jpg) top left no-repeat;
font-size:10px;
height:72px;
padding-left:60px;
text-align:center;
width:840px;
}


/*------------------------------ Mise en page générale --------------------------------------*/

a.rollopaque img{
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-khtml-opacity:1.0;
}

a.rollopaque:hover img{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
-khtml-opacity:0.5;
}

.opaque{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
-khtml-opacity:0.5;
}

#footer a{
color:#FFF;
text-decoration:none;
}

#footer a:hover{
color:#7a6923;
text-decoration:underline;
}

.titre{
padding:0 0 15px 20px;
}

h1{
color:#877423;
font-size:12px;
font-weight:bold;
padding:15px 0 10px 0;
}

.txt_italique{
padding-top:10px;
font-style:italic;
}

.txt_centrer{
text-align:center;
}

a {
text-decoration:none;
color:#877423;
}

a:hover {
text-decoration:underline;
color:#44721D;
}

ul{
list-style-type:disc;
list-style-position:inside;
padding:10px 0 0 20px;
}

.submit {cursor:pointer; text-decoration:none; width:110px; height:25px; border:#0e4152 1px solid;}

hr{
color:#D4CDAF;
height:1px;
margin:10px 0 7px 70px;
width:400px;
}

/*-------------------------------------------- mise en page par page-------------------------------------*/


.tab_tarifs{
background-color:#dede93;
border:1px solid #000;
border-collapse:collapse;
height:200px;
margin:3px 0 20px 47px;
text-align:center;
width:350px;
/*filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity:0.9;
-khtml-opacity:0.9;*/
}

.photo_tarifs{
background:url(../img/vignes.jpg);
height:207px;
margin:10px 0 10px 50px;
width:443px;
}

.form_contact{
color:#000;
font-size:11px;
height:350px;
text-align:left;
width:250px;
margin:10px 0 0 10px;
}

.contact_img{
width:195px;
float:right;
}

.cle_vacances{
margin-left:235px;
}

.liens_touristique{
font-size:12px;
margin-top:246px;
text-align:center;
}

.liens_touristique01{
font-size:12px;
margin-top:223px;
text-align:center;
}

.liens_touristique02{
font-size:12px;
margin-top:154px;
text-align:center;
}

.liens_touristique03{
font-size:12px;
margin-top:236px;
text-align:center;
}

.liens_touristique04{
font-size:12px;
margin-top:337px;
text-align:center;
}