 body {
 	text-align:center;
	font-family: arial;
	font-size: 10px;
	color: #ED9734;
	background:#4B221E;
	margin-left:auto; 
	margin-right:auto;
	height:auto;
 } 
 
.principal {
	height:auto;
	width:941px;
	margin: 0px ;
	padding: 0px ;
	margin-left:auto;
	margin-right:auto;
 } 
 
/****************************** header ************************/
.contner {	
	float:left;
	height:auto;
	width:941px;
	margin: 0px ;
	padding: 0px ;
	background:#4B221E;
 } 
 
.left-header {	
	float:left;
	width:164px;
	height:134px;
	margin: 0px ;
	padding: 0px ;
	text-align:center;
	}
.right-header1 {
	float:right;
	width:777px;
	height:110px;
 	margin:0px;
	padding: 0px ;
	text-align:center;
	}
.right-header2 {
	float:right;
	width:747px;
	height:21px;
 	margin:0px;
	padding-left: 30px ;
	padding-top:3px;
	padding-bottom:0px;
	font-family: arial;
	font-size: 18px;
	color: #E4BA68;
	font-weight:bold;
	text-align:left;
	letter-spacing:1.5px;
	background:#745751;
	}
.right-header1-1 {
	float:right;
	width:562px;
	height:110px;
 	margin:0px;
	padding: 0px ;
	text-align:center;
	}
.right-header1-2 {
	float:right;
	width:215px;
	height:110px;
 	margin:0px;
	padding: 0px ;
	text-align:center;
	}
 
 


/****************************** end header ************************/




/****************************** left-col ************************/	
 
.left-col {	
	float:left;
	width:164px;
	margin: 0px ;
	padding: 0px ;
	background:#4B221C;
	}
#nav-left {
	float:left;
	width:164px;				
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	text-align:left;
	font-weight:bold;
	}
#nav-left li {
	float:left;	
	width:164px;
	height:25px;
	text-decoration: none ;
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	text-align:right;
	letter-spacing:1px;
	background:#4B221C;
	}
#nav-left li a, #nav-left li a:visited ,#nav-left li a:hover {
	height:20px;	
	width:134px;
	display: block ;
	text-decoration: none ;
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	padding: 5px 30px 0px 0px ;
	margin: 1px 0px 0px 0px ;
	text-align:right;
	background:#5F494B url(images/cercle.jpg) no-repeat 140px;	
	}
#nav-left dt {
	float:left;		
	width:164px;
	height:25px;
	text-decoration: none ;
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	text-align:right;
	letter-spacing:1px;
	background:#4B221C;
	}
#nav-left dt a, #nav-left dt a:visited ,#nav-left dt a:hover {
	height:20px;	
	width:134px;
	display: block ;
	text-decoration: none ;
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	padding: 5px 30px 0px 0px ;	
	margin: 1px 0px 0px 0px ;
	text-align:right;
	background:#5F494B url(images/cercle-selected.jpg) no-repeat 140px;	
	}	
#nav-left ol {
	float:left;		
	width:164px;
	height:25px;
	text-decoration: none ;
	color:#FFF;
	font-size:11px;
	font-family:Arial;
	text-align:left;
	background:#4B221C;
	}
#nav-left ol a, #nav-left ol a:visited ,#nav-left ol a:hover {
	height:20px;	
	width:134px;
	display: block ;
	text-decoration: none ;
	color:#FF9900;
	font-size:11px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:normal;
	padding: 5px 0px 0px 30px ;	
	margin: 1px 0px 0px 0px ;
	text-align:left;
	background:#724F49 url(images/motif-visite.jpg) no-repeat 5px;	
	}	


/****************************** end left-col ************************/	
	

/****************************** right-col ************************/	

	
.right-col {
	float:right;
	width:777px;
 	margin:0px;
	padding: 0px ;
	font-size:12px;
	font-family:"Trebuchet MS";
	}	
.right-col-package {
	float:right;
	width:757px;
 	margin:0px;
	padding:10px ;
	}
.right-col-stat {
	float:right;
	width:777px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	}
	
.right-col1 {
	float:left;
	width:562px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#571717;
	}
	
.right-col1-contact {
	float:left;
	width:562px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#FFF;
	}
	
.right-col2 {
	float:right;
	width:195px;
	height:408px;
 	margin:0px;
	padding: 10px ;
	background:#571717;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	line-height:15px;	
	}
	
.right-col2-static {
	float:right;
	width:215px;
	height:428px;
 	margin:0px;
	padding:0px ;
	background:#571717;	
	}
	
	
.right-col1-resa {
	float:left;
	width:561px;
	height:708px;
 	margin:0px;
	padding: 0px ;
	background:#FFF;
	border-right:#C4C2B6 1px solid;
	}
	
.right-col2-resa {
	float:right;
	width:195px;
	height:688px;
 	margin:0px;
	padding: 10px ;
	background:#FFF;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	line-height:15px;	
	}
	
	
.right-col1-top-resa {
	float:left;
	width:541px;
	height:40px;
 	margin:0px;
	padding: 0px ;
	padding-right: 20px ;
	background:#FFF;
	color:#C4C2B6;
	font-size:34px;
	font-weight:bold;
	text-align:right;
	border-bottom:#C4C2B6 1px solid;
	border-right:#C4C2B6 1px solid;
	}
	
.right-col2-top-resa {
	float:right;
	width:215px;
	height:40px;
 	margin:0px;
	padding: 0px ;
	background:#FFF;
	border-bottom:#C4C2B6 1px solid;
	}
	
.right-col2-room1 {
	float:right;
	width:195px;
	height:378px;
 	margin:0px;
	padding: 10px ;
	background:#571717;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	line-height:15px;
	border-bottom:#FFF 1px solid;	
	}
	
.right-col2-room2 {
	float:right;
	width:205px;
	height:24px;
 	margin:0px;
	padding: 5px 5px 0px 5px ;
	background:#4C2333;
	color:#FF9900;
	font-size:16px;
	font-family:verdana;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:normal;
	}
	
.right-col-tarifs1 {
	float:left;
	width:562px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#4A0816;
	}
	
.right-col-tarifs2 {
	float:right;
	width:195px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#571717;	
	}
	
.right-col1-tarifs1 {
	float:left;
	width:551px;
	height:21px;
 	margin:0px;
	padding-right: 10px ;
	padding-top: 5px ;
	color:#745751;
	font-size:15px;
	text-align:right;
	font-weight:bold;
	border-right:#745751 1px solid;
	border-bottom:#FFF 1px solid;
	}
	
.right-col1-tarifs2 {
	float:left;
	width:561px;
	height:272px;
 	margin:0px;
	padding: 0px ;
	color:#FFF;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	border-right:#745751 1px solid;
	border-bottom:#FFF 1px solid;
	}
	
.right-col1-tarifs3 {
	float:left;
	width:541px;
	height:80px;
 	margin:0px;
	padding: 10px ;
	color:#FFF;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	border-right:#745751 1px solid;
	}
	
.right-col2-tarifs1{
	float:right;
	width:210px;
	height:21px;
 	margin:0px;
	padding-top: 5px ;
	padding-right: 5px ;
	background:#571717;
	color:#745751;
	font-size:14px;
	text-align:right;
	font-weight:bold;
	border-bottom:#FFF 1px solid;	
	}
	
.right-col2-tarifs2{
	float:right;
	width:205px;
	height:392px;
 	margin:0px;
	padding: 5px 5px ;
	background:#571717;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	line-height:15px;		
	}
	
.right-col2-tarifs3{
	float:right;
	width:205px;
	height:22px;
 	margin:0px;
	padding: 5px 5px 0px 5px ;
	background:#4C2333;
	color:#FFF;
	font-size:14px;
	text-align:justify;	
	letter-spacing:1px;
	}
	
.right-col-advisor {
	float:right;
	width:777px;
 	margin:0px;
	padding:0px;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	background:#624547;
	}
	
.right-col3 {
	float:right;
	width:777px;
	height:20px;
 	margin:0px;
	padding: 0px ;
	padding-top:5px;
	font-size: 14px;
	font-family:arial;
	font-weight: bold;
	background:#624547;
	}
	
.right-col3 a, .right-col3  a:visited, .right-col3  a:hover{
	color: #B99269;
	font-size: 13px;
	font-weight: bold;
	letter-spacing:1px;
	text-align:left;
	text-decoration:none;
}	
	
.titre-right , .titre-right a, .titre-right a:visited, .titre-right a:hover{
	color: #FF9900;
	font-size: 15px;
	font-weight: bold;
	text-align:right;
	text-decoration:none;
	margin-bottom:5px;
}		
	
.titre-right2 , .titre-right2 a, .titre-right2 a:visited, .titre-right2 a:hover{
	color: #CA4D37;
	font-size: 15px;
	font-weight: bold;
	text-align:right;
	text-decoration:none;
	margin-bottom:5px;
}	
	
.titre-right3 , .titre-right3 a, .titre-right3 a:visited, .titre-right3 a:hover{
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
	margin-bottom:5px;
}



	
.right-col1-livre {
	float:left;
	width:511px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#571717;
	border-right:#745751 1px solid;
	}
	
.right-col2-livre {
	float:right;
	width:265px;
	height:428px;
 	margin:0px;
	padding: 0px ;
	background:#571717;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	line-height:15px;	
	}

.td-img {	
	width:100px;
	height:109px;
	margin: 0px ;
	padding: 0px ;
	}	
/****************************** end right-col ************************/	



/*************** Start devis ***************/
.bloc-devis {	
	float:left;
	width:941px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	background:#FFCC66;
 }
 .text-devis {
	text-align:center ;
	color:#FFF;
	width:490px;
	height:80px;
	font-size: 11px;
	font-weight:bold;
	margin-top:5px;
	padding-top:5px; 
	padding-bottom:5px; 
 }
 .td-titre-devis {	
	height:30px;
	padding-top:10px;
	font-size:22px;
	font-weight:bold;
	font-family:Verdana;
	color:#673033;
	text-align:center;
	border-bottom:#673033 2px solid;
	}
 .rub-devis {
	padding: 0px ;
	color:#A6ACAA;
	text-align:left;
	font-size:14px;
	font-family: Verdana;
	font-weight:bold;
 } 
 .lien-noir, .lien-noir a, .lien-noir a:visited, .lien-noir a:hover {
 color:#000;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px;
 background:none;
 text-decoration:none;
 }
 .titre-form-devis {
	color:#FF6633;
	font-weight:bold;
	font-size:11px;	
	font-family:Arial;
	padding:Opx 0px 0px 0px;
	}
.input-spam {
 height:40px;
 width:140px;
 color:#000;
 font-weight:bold;
 font-family:Arial; 
 background:#FDF9EE;
 border:1px solid #B0ADA6;
 font-size:20px;
 text-align:left; 
 padding:0px 13px 0px 3px ;
 } 
.input-devis {
 width:135px;
 height:15px;
 color:#000;
 font-weight:bold;
 font-family:Arial; 
 background:#FDF9EE;
 border:1px solid #B0ADA6;
 font-size:12px;
 text-align:left; 
 padding:0px 3px 0px 3px ;
 } 
.select-devis {
 width:143px;
 height:15px;
 color:#000;
 font-weight:bold;
 font-family:Arial; 
 background:#FDF9EE;
 border:1px solid #B0ADA6;
 font-size:12px;
 text-align:left; 
 padding:0px 3px 0px 3px ;
 } 
 .textarea-devis {
 width:380px;
 color:#000;
 font-weight:bold; 
 font-family:Arial;
 background:#FDF9EE;
 border:1px solid #B0ADA6;
 font-size:12px; 
 text-align:left;
 padding:0px 3px 0px 3px ;
 }
.bouton-devis {
 border:1px solid #BA5445; 
 background-color:#EDECAC;
 color:#BA5445;
 font-size:14px;
 font-family:Verdana;
 font-weight:bold;
 width: 100px;
 height:22px; 
} 
.bouton-devis2 {
 border:1px solid #FFF; 
 background-color:#FFCC66;
 color:#FFF;
 font-size:9px;
 font-family:Verdana;
 font-weight:bold;
 width: 110px;
 height:15px; 
}

.blanc, .blanc a, .blanc a:hover, .blanc a:visited{
	color:#FFF;
	text-decoration:none;
	}

.big-blanc, .big-blanc a, .big-blanc a:hover, .big-blanc a:visited{
  	font-size:12px;	
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	}

.orange, .orange a, .orange a:hover, .orange a:visited{
  	font-size:12px;	
	color:#FF9900;
	font-weight:bold;
	text-decoration:none;
	}
.red, .red a, .red a:hover, .red a:visited{
	color:#FF0000;
	text-decoration:none;
	}
.gris, .gris a, .gris a:hover, .gris a:visited{
	font-size:12px;
	font-weight:bold;
	color:#C2B0AE;
	text-decoration:none;
	}	
.gris-small, .gris-small a, .gris-small a:hover, .gris-small a:visited{
	font-size:11px;
	color:#C2B0AE;
	text-decoration:none;
	}
/*************** End devis ***************/


 
  /********************Debut Tarifs menu*********************/ 	
.table-tarifs{
	float:left;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
}
.td-titre-table-saison {	
	font-size:14px;
	background:#A99678;
	}
.td2-titre-table-saison {	
	font-size:14px;
	background:#9E8A6F;
	}
.td3-titre-table-saison {	
	font-size:12px;
	background:#9E8A6F;
	}
	
.titre-orange , .titre-orange a, .titre-orange a:hover, .titre-orange a:visited{
	color:#FC910F;	
	font-size:16px;
	text-decoration:none;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	}	
ol{
	width:180px;
	font-size:11px;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	text-align:left;
	list-style-position:inside;
	list-style:disc;
	list-style-type:disc;
	margin-left:20px;
	margin-right:auto;
	margin:0px;
	padding:0px;
	}
  /********************Fin Tarifs menu*********************/ 

/*************** DEBUT LIVRE ********************************/

.table-livre{
	float:left;
	border-bottom:#D7B472 2px dotted;
	margin-left:15px;
}
 .titre_livre, .titre_livre a, .titre_livre a:hover, .titre_livre a:visited {
 color:#D7B472;
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 13px;
 background:none;
 text-decoration:none;
 }   
.input-livre {
	width:250px;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:#503433;
	font-size:11px;
	text-align:left;
	padding:2px 0px 2px 5px ;
	margin:0px 0px 0px 0px ;
	border: 1px solid #B9363C ;	
 } 
 .textarea-livre {
 width:250px;
 color:#FFF;
 font-weight:bold; 
 font-family:Arial;
 background:#503433;
 border:1px solid #B9363C;
 font-size:12px; 
 text-align:left;
 padding:2px 3px 2px 3px;
 } 
  .boutons-livre {
 border:1px solid #B9363C; 
 background-color:#623434;
 color:#FFF;
 font-size:14px;
 font-family:Verdana;
 font-weight:bold;
 width: 80px;
 height:20px; 
 padding:0px 0px 3px 0px ;
 
}
/********************Fin livre *********************/ 
 
/******** debut info bull *********/
a.info{
position:relative;
z-index:24;
color:#FF9900;
text-decoration:none;
}

a.info:hover{
z-index:25;
background-color:#FFF;
}

a.info span{
display: none;
}

a.info:hover span{
display:block;
position:absolute;
top:-15em; right:80px; width:600px;
border:1px solid #000;
background-color:#FBE1FB;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}
/******** fin info bull *********/

/*************** Start package ***************/

.container-fiche-bloc {	
	float:right;
	width:757px;
	padding:0px;
	margin-bottom:5px;
	background:#52474F;
 }
 
 
 
 
.titre-fiche-bloc, .titre-fiche-bloc a, .titre-fiche-bloc a:hover, .titre-fiche-bloc a:visited{
	font-size:12px;
	font-weight:bold;
	color: #788BAB;
	font-family:Verdana;
	text-decoration:none;
 }
 
.produit-left-bloc {	
	float:left;
	width:195px;
	height:130px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	background: #CAC976;
	color: #52474F;
 }
.produit-right-bloc {	
	float:right;
	width:542px;
	height:120px;
	padding:5px 10px;
	font-size:11px;
	text-align:left;
	background: #FFF;
	color: #000;
 }
.produit-right-bloc2 {	
	float:right;
	width:542px;
	height:120px;
	padding:5px 10px;
	font-size:11px;
	text-align:left;
	background: #E6F1F4;
	color: #000;
 }
.produit-right-bloc-top {	
	float:right;
	margin:0px;
	padding:0px;
	width:540px;
	height:30px;
 }
.produit-right-bloc-middle {	
	float:right;
	width:540px;
	height:60px;
	margin:10px 0px 5px 0px;
	text-align:justify;
 }
.produit-right-bloc-bottom {	
	float:right;
	margin:0px;
	padding:0px 0px 5px 0px;
	width:300px;
	height:25px;
	text-align:right;
 }
.produit-right-bloc-bottom1 {	
	float:right;
	margin:0px;
	padding:5px 0px 0px 0px;
	width:300px;
	height:25px;
	text-align:center;
	background: #66FF66;
 }
.produit-right-bloc-bottom2 {	
	float:right;
	margin:0px;
	padding:10px 10px 0px 10px;
	width:200px;
	height:20px;
	font-size:12px;
	text-align:right;
 }
 
.plus-detail, .plus-detail a, .plus-detail a:hover, .plus-detail a:visited{
	font-size:11px;
	color:#C14738;
	font-weight:bold;
	text-decoration:none;
	}
 
 
 
 
 
.produit-detail-bloc {	
	float:left;
	width:727px;
	padding:10px;
	font-size:11px;
	text-align:left;
	color: #000;
	background: #F1F9FB;
	border:#F4AA15 5px solid;
 }
 
.produit-detail-bloc-left-top {	
	float:left;
	width:737px;
	padding:0px;
 }
 
.produit-detail-bloc-right-top {	
	float:right;
	width:260px;
	height:50px;
	padding:0px;
	color: #09B4DF;
	font-weight:bold;
	text-align:right;
 }
.bleu-detail, .bleu-detail a, .bleu-detail a:hover, .bleu-detail a:visited{
	color:#09B4DF;
	text-decoration:none;
	}
 
.produit-detail-bloc-left-bottom {	
	float:left;
	width:399px;
	padding:0px;
	border-right:#CAC976 1px solid;
 }
 
.produit-detail-bloc-right-bottom {	
	float:right;
	width:248px;
	padding:0px 6px;
 }
 
.produit-detail-bloc-left-bottom-booking {	
	float:left;
	width:238px;
	height:15px;
	margin-bottom:10px;
	padding-top:3px;
	padding-left:10px;
	color: #FFF;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	background: #09B4DF;
 }
 
.produit-detail-bloc-right-bottom-text {	
	float:left;
	width:248px;
	text-align:justify;
 }
 
.produit-detail-bloc-left-bottom-ph-som {	
	float:left;
	width:160px;
	height:100px;
 }
 
.produit-detail-bloc-left-bottom-text {	
	float:left;
	width:390px;
	text-align:justify;
 }
 
.produit-detail-bloc-left-bottom-ph-galerie {	
	float:left;
	width:737px;
	margin-top:15px;
 }
 
.produit-detail-bloc-right-bottom-ph-galerie-min {	
	float:right;
	width:260px;
	height:300px;
	margin-right:10px;
 }
 
.produit-detail-bloc-left-bottom-ph-galerie-min {	
	float:right;
	width:116px;
	height:80px;
	margin:0 0 10px 10px;
 }
 
.produit-detail-bloc-left-bottom-ph-galerie-max {	
	float:left;
	width:445px;
	height:300px;
 }
 
.produit-detail-bloc-left-bottom-ph-galerie-legende {	
	float:left;
	width:737px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:justify;
 }


/******** fin package

/*************** Start footer ***************/

#bloc-afkarts{
	width:777px;
	margin-right:auto; 
	margin-left:auto;
	padding:7px 0px 0px 165px;
	text-align:left;
	color:#FDE5BF;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
 }
.text_afkarts{
float:right;
 font-family:arial;
 font-size:11px;
 color:#FDE5BF;
 text-align:left;
 letter-spacing:0.5em;
 }
.reseaux{
	float:right;
	width:400px;
	padding:10px;
	font-family:arial;
	font-size:11px;
	color:#FFF;
	text-align:right;
 }
.reseaux span{
	float:right;
	margin-left:10px;
 }
.text_afkarts a:link,.text_afkarts a:visited, .text_afkarts a:hover{
 font-family:arial;
 font-size:11px;
 color:#FDE5BF;
 text-align:left;
 letter-spacing:0.5em;
 text-decoration:none;
 }
/*************** End footer ***************/
.font-9{
	font-size:9px;
	}
.font-10{
	font-size:10px;
	}
.font-11{
	font-size:11px;
	}
.font-12{
	font-size:12px;
	}
.font-14{
	font-size:14px;
	}
.font-16{
	font-size:16px;
	}
