body {
font : normal 11px arial,verdana,sans-serif;
color : #fff;
background:#f8f8f8 url(../images/bg-fond.jpg) left top repeat-x;
text-align: center;
margin: 0;
padding: 0;
}

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

#top {
padding:10px 0;
text-align:center;
font-size:12px;
}

#top h1 {
/*display:none;*/
font-size:12px;
margin:0;
padding:0;
}


#header {
padding:10px 5px 0 5px;
margin:0;
height:107px;
width: 852px;
background: url(../images/bg-cadre-haut.gif) left top no-repeat;
}

#bandeauAccueil {
float:left;
height:255px;
width:590px;
margin:8px 0 0 0;
}

#promo {
float:left;
height:255px;
width: 220px;
background: url(../images/bg-promo.jpg) left top no-repeat;
margin:7px 0 0 0;
padding:0 15px;
color:#fff;
text-align:center;
}

#promo p {
margin:10px 0 0 0;
padding:0;
line-height:20px;
text-align:left;
font-size:12px;
}

#promo p a, #promo a {
color:#af58af; 
}

#promo .titpromo {
font-size:25px;
height:50px;
line-height:50px;
border-bottom: 1px solid #c0c0c0;
}

#logo {
position:absolute;
left:45px;
top:52px;
}

#ouvert {
position:absolute;
left:10px;
top:94px;
color:#666666;
}

#newshaut {
position:absolute;
left:330px;
top:52px;
width:530px;

}

#news1 {
float:left;
width:180px;
margin-left:15px;
padding:2px 0 0 0;
}

#news2 {
float:left;
margin-top:2px;
padding:2px 0 0 0;
}

#news3 {
float:left;
padding:0 0 0 12px;
}

#navhaut {
position:absolute;
top:26px;
left:0px;
width:517px;
height:49px;
background: url(../images/bg-menu.gif) left top no-repeat;
margin:16px 0 0 4px;
}

ul#menu {
list-style-type: none;
width: 100%; /* précision pour Opera */
padding:18px 0 0 0;
margin:0;
}

ul#menu li {
float: left;
text-align:center;
color:#474444;
font-weight:bold;
margin:0 2px 0 0;
}


ul#menu li a {
color:#474444;
text-decoration: none;
}

.txtmauve {
color:#af58af; 
}

#centre {
margin:0;
padding:0 5px 0 11px;
width:846px;
background: url(../images/bg-milieu.gif) left top repeat-y;
color : #666666;
min-height:500px;
}

* html #centre {
height: 500px;
}

.titRub {
padding:15px 0 0 0;
margin:0;
height:45px;
width:840px;
border-bottom: 9px solid #d9d9d9;
text-align:center;

}

.titRub p {
float:left;
font-size:24px;
color:#666666;
margin:0;
padding:0;
width:200px;
}

.titVideo {
position:absolute;
left:400px;
top:135px;
width:430px;
text-align:center;
font-size:17px;
}

#intro {
line-height:20px;
font-size:12px;
text-align:center;
padding:10px 0;
}

#intro a {
color:#af58af;
}

.ligne {
clear:both;
width:840px;
border-bottom: 9px solid #d9d9d9;
}



#accueil {
float:left;
width:400px;
margin:10px 0 0 20px;
}

#accueil p {
margin:15px 0 0 0;
padding:0;
font-size:12px;
font-weight:bold;
line-height:16px;
}

#accueil a, #accueil p a {
color:#af58af;
font-weight:bold;
}

#emplacement {
float:left;
margin:10px 0 0 30px;

}

#evenaccueil {
margin:0;
}

.vignettes {
clear:both;
margin:10px 0 0 0;
padding:15px 0 0 60px;
width:780px;
height:155px;
background: url(../images/bg-evenements.gif) left top no-repeat;
text-align:center;
}

.vignettes .evenvign {
float:left;
width:170px;
}

.vignettes .evenvign .fond {
margin:0 0 0 10px;
padding:5px 0 0 2px;
width:156px;
height:106px;
background: url(../images/bg-vign-158x111.gif) left top no-repeat;
}

.vignettes .evenvign .legende {
font-size:10px;
line-height:16px;
padding:2px 0 0 10px;
}

.vignettes .evenvign .legende a {
color:#af58af;
font-weight:bold;
}

.vignettes .evenvign .legende .picvid {
vertical-align:-7px;
margin:0 5px 0 0;
}

.chambre {
clear:both;
width:840px;
height:176px;
background: url(../images/bg-desc-chambre.gif) left -1px no-repeat;
margin:5px 0 0 0;
}

.chambre .photo {
float:left;
width:265px;
}

.chambre .desc {
float:left;
width:555px;
padding:0 10px;
}

.chambre .desc p {
margin:20px 0 0 0;
padding:0;
line-height:18px;
font-size:12px;
}

.chambre .desc .titChambre {
height:30px;
color:#545454;
border-bottom: 1px solid #666666;
font-weight:bold;
font-size:17px;
padding:15px 0 0 0;
text-align:center;
}

#visite {
height:450px;
border-bottom: 9px solid #d9d9d9;
}

#visite .desc {
width:470px;
height:70px;
margin:15px 0 0 185px;
/*padding:15px 0 0 0;*/
text-align:left;
}

#visite .desc p {
line-height:17px;
font-size:12px;
margin:0;
padding:0;
}

#visite .desc p a, #visite .desc a, #evenvisite .desc p a, #evenvisite .desc a {
color:#666666;
}

#visite .pictos  {
margin:34px 0 0 0;
text-align:center;
}

#visite .video {
padding:20px 0 0 0;
text-align:center;
}

#evenvisite {
height:450px;
border-bottom: 9px solid #d9d9d9;
}

#evenvisite .desc {
float:left;
width:350px;
}

#evenvisite .desc p {
text-align:left;
margin:20px 0 0 0;
padding:0 10px 0 30px;
line-height:17px;
font-size:12px;
}

#evenvisite .video {
float:left;
margin:25px 0 0 10px;
}


.vignChambres {
clear:both;
margin:10px 0 0 0;
padding:15px 0 0 0;
width:842px;
height:190px;
background: url(../images/bg-chambres.gif) left top no-repeat;
text-align:center;
}

.vignChambres .chbvign {
float:left;
width:160px;
margin-left:40px;
}

.vignChambres .chbvign .fond {
margin:0 0 0 0;
padding:5px 0 0 2px;
width:156px;
height:106px;
background: url(../images/bg-vign-158x111.gif) left top no-repeat;
}

.vignChambres .chbvign .legende {
font-size:16px;
font-weight:bold;
line-height:18px;
padding:10px 0 0 0;
}

.vignChambres .chbvign .legende .bt {
margin-top:5px;
}



#resaintro {
line-height:20px;
font-size:12px;
text-align:center;
padding:10px 0;
border-bottom: 9px solid #d9d9d9;
}

#resaintro a {
color:#af58af;
}



#resacond {
margin-top:10px;
font-size:11px;
}

#resacond .cons {
float:left;
padding:10px 0 0 0;
}

#resacond .picto {
float:left;
padding:10px 0 0 0;
}

#resacond .cond {
float:left;
color:#af58af;
font-weight:bold;
font-size:13px;
padding:15px 0 0 5px;
width:250px;
}

#resacond .cond a  {
color:#af58af;
}

#resacond .docs {
float:left;
width:440px;
}

#resacond .docs .fleche {
vertical-align:-7px;
margin-left:8px;
}

#resacond .docs a {
color:#666666;
}

#resaform {
clear:both;
margin:4px 0 0 0;
padding:15px 0 0 0;
width:840px;
border-top: 10px solid #d9d9d9;
text-align:center;
}

#resaform .formul {
margin:10px 0 0 140px;
text-align:left;
}

#tarifscond  {
margin:10px 0 0 0;
padding:0 10px 0 0;
}

#tarifscond a  {
color:#af58af;
}

table#tabresa {
width: 840px; 
margin:0;
padding:0;
}


table#tabresa td.selectoff {
width:93px;
height:78px;
text-align:center;
font-weight:bold;
cursor:pointer;
/*cursor:wait;*/
/*cursor:crosshair;*/
}

table#tabresa td.selectoff a {
color:#666666;
text-decoration:none;
}

table#tabresa td.nbch {
width:93px;
height:42px;
text-align:center;
}

table#tabresa td.condvente {
width:138px;
height:78px;
background: url(../images/bt-cond-vente.gif) left top no-repeat;
padding-left:10px;
font-size:10px;
}

table#tabresa td.condvente a {
color:#666666;
font-size:10px;
text-decoration:none;
}

#resadates1 {
float:left;
width:350px;
height:175px;
margin:10px 0 0 40px;
}

#resadates2 {
float:left;
margin:70px 0 0 0;
text-align:left;
}

#contactGau {
float:left;
width:380px;
margin-left:20px;
}

#contactDroite {
float:left;
}

#adresse {
width:842px;
height:50px;
background: url(../images/bg-adresse.gif) left top no-repeat;
text-align:center;
padding:20px 0 0 0;
margin:0 0 0 5px;
line-height:15px;
font-size:11px;
}

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

#pied {
clear:both;
margin:0;
padding:6px 5px 0 5px;
width:852px;
height: 84px;
font-size:10px;
background: url(../images/bg-cadre-bas.gif) left top no-repeat;

}

#liens {
margin:20px 0 0 0;
line-height:16px;
}

#liens a {
color:#af58af; 
}

#liensbas {
color:#333333;
padding:5px 0 0 10px;
}

#liensbas a {
color:#333333;
text-decoration:none;
}

#pictosbas {
text-align:right;
padding:0 45px 5px 0;
}

#pictosbas .pic {
margin-left:5px;
}

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

#date_depart_c {float:left;margin:10px 0 0 0;text-align:left;}

#formNews {margin : 0 0 0 5px;}
#formNews .input { font : normal 11px arial,verdana,sans-serif;margin:0;width:170px;color:#666666;}

#formResa {margin : 0; text-align:left;}
#formContact {margin : 20px 0 20px 0;}

#formResa .input { font : normal 11px arial,verdana,sans-serif; margin-top:5px;color: #666666; width:250px;}
#formResa .textarea { font : normal 11px arial,verdana,sans-serif; width:250px; height:100px;margin-top:5px;color: #666666; }
#formResa label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; WIDTH: 170px ; text-align:right; margin:5px 10px 0 0;  }
#formResa .selectch { font : normal 11px arial,verdana,sans-serif; margin-top:5px;color: #666666; width:45px;}
#formResa .select { font : normal 11px arial,verdana,sans-serif; width:255px; margin-top:5px;color: #666666; }

#formContact .input { font : normal 11px arial,verdana,sans-serif; margin-top:5px;color: #666666; width:250px;}
#formContact .textarea { font : normal 11px arial,verdana,sans-serif; width:310px; height:100px;margin-top:5px;color: #666666; }
#formContact label { DISPLAY: inline ; FLOAT: left ; font : normal 11px arial,verdana,sans-serif; WIDTH: 100px ; text-align:right; margin:5px 10px 0 0;  
}
#formContact .select { font : normal 11px arial,verdana,sans-serif; width:255px; margin-top:5px;color: #666666; }