.block * { font-family: Geneva, Arial, Helvetica, sans-serif;font-size:14px; color: #50462a;}
.block, .button-bar{
	float:left;clear:left;
	width:652px;margin-bottom:15px;
}

.i-block{
	margin:1px;
	border:2px solid #8ba4b1;
	background-color:#e3e3e3;
	padding-bottom:6px;
	width:645px;
drdoc: ";
drdoc: "";
width:646px;
/*";/* IE */
}
.i-block p, .i-block p strong, .i-block p b{font-size: 12px;}
.warning .i-block{
	border:1px solid #c3aa6f;
	background-color:#f1e9d5;
}
.total .i-block{ width: 350px; float:right }
#contenu .i-block h5{
	color: #fff;
	display:block;
	margin:2px;
	padding:4px 0 3px 15px;
	background: url("../images/charte-graphique/call-top.gif") #2198c2 -6px;
	font-size:14px;
	font-weight:bold;
}
.warning h5{
	background: url("../images/button/orange-button.gif") #dbc99d 10px;
}

/***	partie champs formulaires	***/
.label{float:left;width:45%;text-align: right;margin-right: 10px;}
.block label{font-size:12px}
.block li{clear:both;list-style:none;margin-top:8px}
.block li input, .block li select, .block li textarea{width:250px;}
.block li select{width: 254px}
.block li input.list-num, .block li input.e-date{width: 110px}
.block li select.list-num{width: 114px}
.block .radio, .block .checkbox{ width:20px;}
.block small{font-size:10px}
.block .b-mess i{font-size:12px;}.block .b-mess{margin-top:10px}
.block p{margin:6px;text-indent: 10px;text-align:justify}

/*** partie onglet offre	***/
#contenu ul.b-offre{clear: both;list-style:none;text-align: center;padding:0;margin:0;border-top: 1px solid #fff}
#contenu ul.b-offre li{float:left;width:163px;margin:0px;/*overflow: visible;max-height:40px;min-height:24px; height: 24px*/}
ul.b-offre li a{
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #8ba4b1;
	color: #fff;
	display:block;
	margin-left: 1px;
	padding:3px 0;
	/*background: url("../images/charte-graphique/call-top.gif") #2198c2 -6px;*/
	background-color:#26aede;
	font-size:12px;
	font-weight:bold;
	line-height: 11px;
	height:23px;
}
ul.b-offre li a:hover{ background-color:#009bc7}
ul.b-offre li a.active{
	/*background: url("../images/charte-graphique/package-top.gif") #2198c2 -6px;*/
	background-color:#d326e1;
	color:#FFFFFF;
}
.block ul li label.label{ margin-left: 20px;text-indent: 10px; width: 250px}
/*** partie bloc choix chambre	***/
#contenu p.info-hotel, #contenu p.o-info{border:1px solid #8ba4b1;margin:6px 4px 0 4px;height:57px; overflow: hidden;
	background-color: #cdcdcd;padding:2px; border-width:1px 0 1px 0;float: none; width: 634px;
	font-size: 12px; line-height: 14px;
}#contenu p.o-info em, #contenu p.o-info i{font-size: 12px}
#contenu p.info-hotel{border-color: #8ba4b1;margin: 4px; height:28px;
	background-color: #cbd3d7;padding:2px; border-width:1px 0 1px 0; clear: both; font-size: 12px;
}
p.season strong{font-size:11px;margin-left:5px;float:left;clear:left;width: 110px;margin-top:5px}
span.info-saison{float: left;margin-top:5px; width: 485px}
#contenu .block p.season span.info-saison span{display:block;float:left;height:15px;overflow:hidden;width: 210px;font-size:12px}
#contenu p.season{border-top: 1px solid #e3e3e3}
/***	partie activites choix chambre	***/
#contenu .block strong.activity{
	text-align: center;
	display: block;
	margin:4px 2px 0 2px;
	border:1px solid #ae9966;
	cursor: pointer;
	padding:4px 0 3px 0px;
	color: #fff;
	/*background: url("../images/charte-graphique/text-top.gif") #2198c2 -6px;*/
	background-color:#aaabad;
}
#contenu ul.cache{margin: 0; padding: 0}
#contenu ul.cache li{margin:0; padding: 2px}
/***	partie liste hotel	***/
#contenu p.h-img{float: left;width: 130px;height: 110px;margin:0;padding-top:10px; overflow: hidden}
#contenu p.h-img img{width: 130px;height: 100px;margin:0; cursor: pointer}
.h-info{float:left;width: 480px; }
#contenu .block .i-hotel p {font-size:12px; margin: 0}
.block .i-hotel p span, .block .i-hotel p strong {font-size:12px}
.i-hotel form{float:right;margin:5px 0 0 0;padding:0;width: 200px}
span.b-tiare{float: left;width:200px;height:28px;margin:5px 0 0 0}
.h-desc, #body .h-desc p{overflow: hidden;height: 58px;font-size:12px;line-height: 18px; text-indent: 0;padding:2px 0 0}
#body .h-desc span{font-size:12px}

span.b-luxe{background: url(../images/tiare/luxe.gif) no-repeat}
span.b-sup{background: url(../images/tiare/superior.gif) no-repeat}
span.b-standard{background: url(../images/tiare/standard.gif) no-repeat}
span.b-eco{background: url(../images/tiare/economic.gif) no-repeat}
span.b-eco0{background: url(../images/tiare/none.gif) no-repeat}

/***	partie des boutons	***/
div.arrange, p.arrange, .button-bar{ width:649px; float:left;
drdoc: ";
drdoc: "";
width:650px;
/*";/* IE */
}
.button-bar, p_button-bar{margin:1px 1px 5px 1px;}
.button-bar .e-right, span.b-right, span.b-order, span.b-select,
.p_button-bar .p_e-right, span.p_b-right, span.p_b-order, span.p_b-select{float: right;}
.button-bar .e-left, span.b-left, span.b-modify,
.p_button-bar .p_e-left, span.p_b-left, span.p_b-modify{float: left;}
.button-bar .e-right, .button-bar .e-left,
.p_button-bar .p_e-right, .p_button-bar .p_e-left{width:240px;}
/*#contenu .b-link, .b-left, .b-right, .b-order,
.p_b-link, .p_b-left, .p_b-right, .p_b-order{border:1px solid #76b6db;text-align:center;background: url("../images/button/blue2-button.gif") 20px;}
.b-order, .b-select{border:1px solid #a770da;background-image: url("../images/button/purple-button.gif");}
.b-modify{ border:1px solid #c3aa6f;background-image: url("../images/button/marron-button.gif");}
#contenu .b-link a, #contenu .b-link input{
	color: #fff;
	border:1px solid #fff;
	font-weight: bold;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	height: 20px;
	width:110px;
	background: none;
}
#contenu .b-link a:hover {border-color: #ffff00; color: #ffff00}
*/
div.arrange, p.arrange{height: 24px;margin-bottom: 5px; margin-top: 0px !important; margin-top: 10px }
.block div.arrange, .block p.arrange{width: 640px;height: 24px; margin: 0}
/*#contenu .b-link a{line-height: 20px;}#contenu .b-link input{height: 22px}*/
.b-order a{width:150px}
#contenu .b-link input{font-size: 12px}
#contenu .b-link a, #contenu .b-link input{width: 100px}#contenu .b-order a{width: 150px; font-size: 12px;height:16px; line-height:16px }
#contenu .b-link a:hover{border-color: #ffff00; color: #ffff00;width: 98px}#contenu .b-order a:hover{width: 148px}
#arrange{float:left}
.warning div.w-form-label, .warning div.w-form-date, .warning div.w-form-sub{float: left; margin:5px 0 0 0;padding:0;text-align: center}
.warning div.w-form-label{width:230px;padding-left: 15px}.warning div.w-form-date{width: 200px}
/***	partie du recapitulatif   ****/
#summary{float:left;}
#summary ul{padding-left:0}
.summary ul{text-align:center;margin:0 0 5px 0}
.summary li{margin:0;display:inline;padding:0 10px 0 10px;font-weight:bold;color:#69583d;clear:none}
.summary li strong{padding:0 10px 0 10px;font-weight:normal;color:#6f6f6f;}
.summary ul.s-date li, .summary ul.date li strong{padding:0 0 0 5px}
.summary ul.s-date li strong{font-size:12px}
p.arrange{height:16px; margin:0}
.s-item{float: left; width: 204px; padding: 2px; border:1px solid #6f6f6f;background-color:#eadfcc; margin:2px;}
.s-select{background-color:#f9ffd4;}
.s-island, .s-island a, .s-item ul li{display:block;text-align:left;padding-left:0;font-size:12px}
.s-island, .s-island a{font-weight: bold;text-decoration:none;}
.s-item ul li{height:16px;overflow:hidden;}
.s-item ul li.s-hotel{height: 30px;color: #c0000b}
.s-item ul li.s-room, .s-item ul li.s-meal{font-weight: normal;}

/*** partie details tarif	***/
.t-sum{width: auto; padding: 0; margin: 0 0 10px 0;border:0}
.t-sum li{display:block;text-align:left;clear:left;margin:0; padding:0}
#contenu .t-sum li strong{float:left;clear:left;width:20%;padding:0 10px 0 10px; font-size: 12px}
.t-sum b{float:right;clear:both}
.t-sum a{float:left;margin-right:5px;margin-left:5px}
#contenu .t-sum h5 a, .t-sum h5 span{float: none; color: #ffffff}
.t-sum li span.e-activite{ float:left}

.b-top, .b-bottom, .i-block{float:left}
.b-top, .b-bottom{
	margin:0;padding:0;
	white-space: nowrap;
	overflow:hidden;
}

#right-column {padding-top:15px}
#titre{width: 70px;}#nom{width:174px;margin-left:5px}

.r-hotel{font-weight: bold; color: #1b618e}
.t-rate{text-align: right; width: 105px}
.t-label{width: 230px;padding-right:10px;}.t-total{border-top: 2px solid #555555;}
.l-total, .t-total{ font-weight: bold; font-size: 16px; color: #8200c6}
/*.i-block *{border:1px solid red} /**/
.b-error{background: #fff000;}
li.b-error label{ color: #c0000b; font-weight:bold;}
#contenu #d-hotel h6{ margin:2px; padding:0; display:block; border: 1px solid red:}
.b-top, .b-bottom{display: none}
.b-pen{font-weight: bold; font-size: 24px;line-height: 14px;color: #fff; background: transparent;}
.i-block #frame{border:0; border-bottom:2px solid #cecbb3; background: none; width:642px;margin:2px; clear:both;float:left}
#frame span{cursor: pointer; overflow: hidden; font-size: 11px; line-height:20px; color:#ffffff;margin:0 1px 0 0; float:left; height:20px; width:106px;text-align:center; border: 1px solid #cecbb3;border-bottom-width:0; background-color: #2092ba}
#frame span.a_diving{width: 69px}
#frame span.a_romantic{width: 240px}
#cadre li{float:none; text-align: left;}
#cadre li input{float:none; text-align: left; width: auto}
#cadre ul{padding: 0;}
#cadre{
	overflow: hidden;
	width: 640px;
	position: relative;
}

#carrousel{
	position:absolute;
	width: 10000px;
	list-style: none;
	text-align: center;
}
#carrousel ul{ float:left; width:640px}