@import url(general.css);
@import url(navigation.css);
@import url(formulaire.css);
@import url(slimbox.css);

a img { border: 0; }


#content h1 { margin: 15px 18px 5px 18px; font-size: 18px; font-weight: normal; }
#content h1 span { background-color: #fff; color: #8c6c49; }
#content h2 { margin: 5px 18px 5px 18px; background-color: #fff; color: #8c6c49; font-size: 11px; font-weight: normal; font-style:italic; text-align: justify;} 
#content h2.hotel { margin: 10px 18px 15px 18px; }
#content h3 { margin: 15px 18px 0px 18px; background-color: #fff; color: #878787; font-weight: lighter; font-size: 15px;}
#content p { margin: 5px 18px; text-align: justify;}
#content p.navigation { margin:0; margin-top: 10px; margin-right: 15px;padding:0; text-align: right;}
#content p.navigation a, #content p.navigation span { background-color: transparent; color:#8c6c49; text-decoration: none;}
#content p.navigation span { margin: 0 5px; }
#content p.navigation a.last { background-color: transparent; color:#000; }
#content p.visuel { margin-top: 0px; margin-left: 18px; }
#content h3.pointCle { background-color: #fafafa; padding: 5px; padding-bottom: 0; margin-top: 15px; width: 335px; }
#content p.pointCle { background-color: #fafafa; padding: 5px; padding-bottom: 10px;margin-top: 0; width: 335px; border-bottom: 2px solid #ddd;}
#content p.pointCle a { background-color: #fafafa; color: #000; font-weight: bolder;text-decoration: none; }
#content p.noteDate { margin: 0; padding:0; font-size: 9px; }
#content p a { color: #8c6c49; }
#content ul { margin-left: 18px; }
#content ul li { background: url(../images/content-puce.png) 0px 1px no-repeat #fff; margin: 10px 0; padding-left: 18px;list-style-type: none; text-align: justify;}
#content ul li ul li { background-image: none; padding-left: 0px; list-style-type: circle;} 

#detail {
	background-color: #edeeed; color: #000;
	width: 228px; height: 100%; 
	float: right;
	margin: 0 18px; margin-bottom: 25px;
}
#detail .header {
	background: url(../images/content-details-header.png) top left no-repeat #edeeed; color: #000;
	width: 228px; height: 44px;
}
#detail .ville { background-image: url(../images/content-details-ville-header.png); }
#detail .sejour { background-image: url(../images/content-details-sejour-header.png); }
#detail .actualite { background-image: url(../images/content-details-header-actualite.png); }
#detail .content { height:100%; background-color: #fff; min-height: 300px; padding-bottom: 5px;} 
ul#detailItems { position: relative; width: 228px; height: 27px;margin: 0 auto; background: url(../images/content-details-item-background.png) top left repeat-x; }
ul#detailItems li { 
	background: url(../images/content-details-item.png) top left no-repeat transparent; color: #000; 
	list-style-type: none; 
	float: left;  
	padding:0; margin: 0;
}
ul#detailItems li a {display:block; text-decoration:none; height: 27px;}
ul#detailItems li a:link, ul#detailItems li li a:visited, ul#detailItems li li a:hover, ul#detailItems li li a:active {text-decoration:none;}
ul#detailItems li.description {background-position: -119px 0px; margin-left: 8px;}
ul#detailItems li.description:hover, ul#detailItems li.description_over { background-position: -19px -27px; }
ul#detailItems li.description a { width: 92px; }
ul#detailItems li.tarif { background-position: -19px 0px; margin-left: 19px;}
ul#detailItems li.tarif:hover, ul#detailItems li.tarif_over {background-position: -119px -27px;}
ul#detailItems li.tarif a { width: 92px; }
ul#detailItems li.hotel { background-position: -19px -54px; margin-left: 19px;}
ul#detailItems li.hotel:hover, ul#detailItems li.hotel_over {background-position: -119px -54px;}
ul#detailItems li.hotel a { width: 92px; }
ul#detailItems li.hotelVille { background-position: -19px -135px; margin-left: 19px;}
ul#detailItems li.hotelVille:hover, ul#detailItems li.hotelVille_over {background-position: -119px -135px;}
ul#detailItems li.hotelVille a { width: 92px; }
ul#detailItems li.tarifVille { background-position: -119px -27px; margin-left: 8px;}
ul#detailItems li.tarifVille:hover, ul#detailItems li.tarif_over {background-position: -19px 0px;}
ul#detailItems li.tarifVille a { width: 92px; }
ul#detailItems li.actuBienEtre { background-position: -19px -81px; margin-left: 19px;}
ul#detailItems li.actuBienEtre:hover, ul#detailItems li.actuBienEtre_over {background-position: -119px -81px;}
ul#detailItems li.actuBienEtre a { width: 92px; }
ul#detailItems li.actuSejourSante { background-position: -119px -108px; margin-left: 19px;}
ul#detailItems li.actuSejourSante:hover, ul#detailItems li.actuSejourSante_over {background-position: -19px -108px;}
ul#detailItems li.actuSejourSante a { width: 92px; }
ul#detailItems li a span { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

#detailItemsContent ul.sejourLst { position: relative; width:210px; margin: 15px auto; }
#detailItemsContent ul.sejourLst li { list-style-type: none; text-transform: uppercase; background: none; text-align: left; margin:0; padding:0; }
#detailItemsContent ul.sejourLst li.sejour { padding-left: 3px;}
#detailItemsContent ul.sejourLstBtn { position: relative; width:210px; margin: 0; margin-left: 5px;}
#detailItemsContent ul.sejourLstBtn li { color: #000; list-style-type: none; margin: 0; text-align: left; width:140px;}
#detailItemsContent ul.sejourLstBtn li.reservezBtn, #detailItemsContent ul.sejourLstBtn li.hotelBtn, #detailItemsContent ul.sejourLstBtn li.sejourBtn { background: url(../images/content-btn-fiche.png) top left no-repeat transparent; padding:0; margin-top: 0; height: 20px;}
#detailItemsContent ul.sejourLstBtn li.comparezBtn { background: url(../images/content-btn-petit.png) top left no-repeat transparent;  padding:0; margin-top: 0; }
#detailItemsContent ul.sejourLstBtn li a {display:block; text-decoration:none; height: 20px;}
#detailItemsContent ul.sejourLstBtn li a:link,#detailItemsContent ul.sejourLstBtn li a:visited, #detailItemsContent ul.sejourLstBtn li a:hover, #detailItemsContent ul.sejourLstBtn li a:active {text-decoration:none;}
#detailItemsContent ul.sejourLstBtn li.hotelBtn {background-position: 0px -20px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.hotelBtn:hover, #detailItemsContent ul.sejourLstBtn li.hotelBtn_over {background-position: -140px -20px;}
#detailItemsContent ul.sejourLstBtn li.hotelBtn a { width: 140px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.sejourBtn { background-position: 0 -40px; width: 140px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.sejourBtn:hover, #detailItemsContent ul.sejourLstBtn li.sejourBtn_over {background-position: -140px -40px;}
#detailItemsContent ul.sejourLstBtn li.sejourBtn a { width: 140px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.reservezBtn {background-position: 0px -100px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.reservezBtn:hover, #detailItemsContent ul.sejourLstBtn li.reservezBtn_over {background-position: -140px -100px;}
#detailItemsContent ul.sejourLstBtn li.reservezBtn a { width: 140px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.comparezBtn {background-position: 0px -20px; height:20px;}
#detailItemsContent ul.sejourLstBtn li.comparezBtn:hover, #detailItemsContent ul.sejourLstBtn li.comparezBtn_over {background-position: -60px -20px;}
#detailItemsContent ul.sejourLstBtn li.comparezBtn a { width: 60px; height:20px;}

#detailItemsContent p { margin: 15px 0 5px 5px; padding: 0; text-align: left; text-transform: uppercase; font-size: 11px;}
#detailItemsContent p.note { text-transform:none; }
#detailItemsContent p.note b { text-transform: uppercase; }
#detailItemsContent p b { color: #666; }
#detailItemsContent p.actualiteContent { margin: 15px 0 5px 5px; padding: 0; text-align: left; text-transform: none; }
#detailItemsContent p.actualiteContent span.date, #detailItemsContent p.actualiteContent b { text-transform: uppercase; }
#detailItemsContent p.actualiteContent a { background-color: #fff; color: #8c6c49; text-transform: uppercase; font-size:10px; }
#detailItemsContent ul.actualiteContent { position: relative; width: 60px;  float: none; margin: 0 0 25px 5px;}
#detailItemsContent ul.actualiteContent li {list-style-type: none; text-transform: uppercase; background: none; text-align: left; margin:0; padding:0; }
#detailItemsContent ul.actualiteContent li a { display:block; height:20px; }
#detailItemsContent ul.actualiteContent li.savoirPlus { background: url(../images/content-btn-petit.png) top left no-repeat transparent;  padding:0; margin-top: 0; }
#detailItemsContent ul.actualiteContent li.savoirPlus {background-position: 0px 0px;}
#detailItemsContent ul.actualiteContent li.savoirPlus:hover, #detailItemsContent ul.actualiteContent li.savoirPlus_over {background-position: -60px 0px;}
#detailItemsContent ul.actualiteContent li.savoirPlus a { width: 60px; }

#detailItemsContent ul li a span { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

#content .galerieImg {
	width:332px; 
	margin: 10px 18px;
	border-bottom: 1px solid #c5c5c5;
	padding-top: 40px;
	padding-bottom: 15px;
}
#content .galerieImg img { margin: 4px; border: 1px solid #fff;}
#content .hotelImg { background: url(../images/content-hotel-images.png) top left no-repeat #edeeed; }
#content .sejourImg { background: url(../images/content-sejour-images.png) top left no-repeat #edeeed; }
#content .villeImg { background: url(../images/content-ville-images.png) top left no-repeat #edeeed; }


#itemList { border-collapse:collapse; width:590px; margin-left: 18px; margin-top: 15px; margin-bottom: 15px;  }
#itemList td { border: 3px solid #fff; }
#itemList tr.entete td { 
/*	background-color: #cd141c; color: #fff; */
	background: url(../images/content-item-entete.png) bottom left repeat-x #cd141c; color: #fff; 
	font: bolder small-caps 12px Georgia, "Times New Roman", Times, serif; 
	text-align: center;
	padding: 5px;
}
#itemList tr.entete td.btn { background-color: #fff; background-image: none;}
#itemList .contenu td {
	background-color: #f2eed8; color: #000; 
	padding: 5px; padding-top: 10px;
	vertical-align: top;
}
#itemList tr:hover td { background-color: #e8e7e7; }
#itemList tr.entete:hover td { background-color: #cd141c; }
#itemList tr.entete:hover td.btn { background-color: #fff; }

#itemList .alt td { background-color: #f3f1e4; color: #000;  }
#itemList .contenu td.hotel { width: 40%; }
#itemList .contenu td.hotel a.etoile { width:34px; height:21px; display:block; background: url(../images/picto-etoiles.png) top left no-repeat; padding-left:10px; padding-top: 3px; margin-top: 5px;font-size: 19px; color: #fff; text-decoration: none; font-weight: normal;}
#itemList .contenu td.ville { width: 30%; }
#itemList .contenu td.ville span { background-color: transparent; color: #888; }
#itemList .contenu td.btn { } 
#itemList .contenu td.btn ul { position: relative; width: 140px; margin: 0 auto;}
#itemList .contenu td.btn ul li { background: url(../images/content-btn-fiche.png) top left no-repeat transparent; color: #000; list-style-type: none; margin-bottom: 5px;}
#itemList .contenu td.btn ul li a {display:block; text-decoration:none; height: 20px;}
#itemList .contenu td.btn ul li a:link,#itemList .contenu td.btn ul li a:visited, #itemList .contenu td.btn ul li a:hover, #itemList .contenu td.btn ul li a:active {text-decoration:none;}
#itemList .contenu td.btn ul li.hotelBtn {background-position: 0px -20px; height:20px;}
#itemList .contenu td.btn ul li.hotelBtn:hover, #itemList .contenu td.btn ul li.hotelBtn_over {background-position: -140px -20px;}
#itemList .contenu td.btn ul li.hotelBtn a { width: 140px; }
#itemList .contenu td.btn ul li.villeBtn {background-position: 0px 0px; height:20px;}
#itemList .contenu td.btn ul li.villeBtn:hover, #itemList .contenu td.btn ul li.hotelBtn_over {background-position: -140px 0px;}
#itemList .contenu td.btn ul li.villeBtn a { width: 140px; }
#itemList .contenu td.btn ul li.sejourBtn {background-position: 0px -40px; height:20px;}
#itemList .contenu td.btn ul li.sejourBtn:hover, #itemList .contenu td.btn ul li.sejourBtn_over {background-position: -140px -40px;}
#itemList .contenu td.btn ul li.sejourBtn a { width: 140px; }
#itemList .contenu td.btn ul li.themeBtn {background-position: 0px -60px; height:20px;}
#itemList .contenu td.btn ul li.themeBtn:hover, #itemList .contenu td.btn ul li.themeBtn_over {background-position: -140px -60px;}
#itemList .contenu td.btn ul li.themeBtn a { width: 140px; }
#itemList .contenu td.btn ul li span { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

#itemList .contenu td.sejourLib a.etoile { width:34px; height:21px; display:inline-block; background: url(../images/picto-etoiles.png) top left no-repeat; padding-left:10px; padding-top: 3px; margin-top: 5px;font-size: 19px; color: #fff; text-decoration: none; font-weight: normal;}
#itemList .contenu td.sejourDuree { font-weight: bolder; }
#itemList .contenu td.sejourTarif { width: 13%; }
#itemList .contenu td.sejourTarif b, #itemList .contenu td.sejourTarif strong { color: #8c6c49; font-size: 14px; }
#itemList .contenu td.sejourTarif2 b { color: #8c6c49; font-size: 14px; }
#itemList .contenu .up { text-transform: uppercase; }
#itemList ul.submit { float: right; position: relative; background: url(../images/content-btn-validation.png) top left no-repeat #fff; width: 92px; height:28px; margin:0; padding:0; }
#itemList ul.submit li { background: url(../images/content-btn-validation.png) top left no-repeat #fff; color: #000; list-style-type: none; float: right; margin:0; padding:0;}
#itemList ul.submit li a {display:block; text-decoration:none; height: 28px; width: 92px; }
#itemList ul.submit li a:active, #itemList ul.submit li a:hover, #itemList ul.submit li a:visited, #itemList ul.submit li a:link {text-decoration:none;}
#itemList ul.submit li {background-position: 0 0; }
#itemList ul.submit li:hover, ul#contentLinks li._over {background-position: -92px 0px;}
#itemList ul.submit li a span { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }

#itemList .contenu td.e {
	font: bolder small-caps 12px Georgia, "Times New Roman", Times, serif; 
	text-align: left;
	padding: 5px;
	width: 40%;
}
#itemList .condition td { background-color: #eee; padding: 5px;}
#itemList tr.btn td { padding-top: 15px; }
#itemList tr.btn td:hover {
	background-color: #fff;
}
#itemList tr.btn .revenir { background-color: #fff; }
#itemList tr.btn .confirmer {
	background-color: #fff;
	text-align: right;
}


table.reservation { margin-bottom: 0; }