body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#14507b;
}
h3{
	color:#ff6600;
	font-size:1.2em;
	margin:0px;
	
}
h4{
	color:#ff6600;
	font-size:1em;
	margin:0px;

}
a{
	color:#14507b;
	font-weight:bold;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{
	margin:0;
	margin-top:0px;
	margin-bottom:8px;


}

pre{
	font-size:1em;
	margin-top:8px;
	margin-bottom:8px;
	padding:16px 4px 4px;
	background-color:#e0f8fc;
	border:1px solid #ccdde5;
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
	background-image: url(images/commun/icons/notreavis.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
label{
	margin-top:4px;
	display:block;
}

.titre{
	color:#ff6600;
	font-weight:bold;

}

#blocklist span.price, #blockchambre span.price,.blocklist span.price{
	margin-top:0px;
	margin-bottom: 2px;
	color:#ff6600;
	float:right;
	font-weight:bold;
	text-align:right;
}

.price{
	color:#ff6600;
	font-weight:bold;
}
.promo{
	color:#FF0000;
	
}
.barre{
	text-decoration:line-through;
}
form{
	margin:0;
}
input {
	font-size:13px;
	width:90px;
	border: 1px solid #3E7195;
	margin-right:0px;
}
textarea {
	font-size:13px;
	border: 1px solid #3E7195;
	margin:0px;
}
select{
	font-size:0.8em;
	border: 1px solid #3E7195;
}
.radio{
	border:0px none;
	width:auto;
}
.petit{
	font-size:0.8em;
	margin:0;	
}
.retourhautpage{
	text-align:right;
	clear:both;
	font-size:0.8em;

}
.error {
	color:#FF0000;
}
/* les boutons ******************************************************************************/
.bouton-s{
	background-image:url(images/commun/buttons/bouton-s.gif);
	background-repeat: no-repeat;
	width:30px;
	height:20px;
	border:0px;
	cursor: hand;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.05em;
	border:0px none;
}

.bouton-xl{
	background-image: url(images/commun/buttons/bouton-xl.gif);
	background-repeat: no-repeat;
	width:80px;
	height:20px;
	border:0px;
	cursor: hand;
	margin-top:4px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	border:0px none;
	padding-bottom:1px !important;
	padding-bottom:0px;
}
.PopcalTrigger{
	margin-left:2px;
}
/* boite principal ************************************************************************/
#centrage {
	width: 792px;
	margin-right: auto;
	margin-left: auto;
}
#bando {
	background-image: url(images/commun/sejour-maroc.jpg);
	background-position:bottom;
	height: 65px;

}
#bando h2{
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
	margin-top:2px;
	margin-right:6px;
}
#piedpage{
	clear:both;
	padding:8px;
	text-align:center;
	/*color:#505050;*/
	background-image:url(images/commun/fond-petit-menu.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:775px;
	margin-top:8px;
}
.partenaire{
	font-size:9px;
	color:#3a81b3;
	font-weight:100;
}
.partenaire a{
	color:#3a81b3;
	text-decoration:none;
		font-weight:100;
}
#baseline{
	font-size:9px;
}
/* menu principal ****************************************************************/
#menu {
	margin:0px;
	padding:0px;
	height:85px;
	background-image:url(images/commun/fond.gif);
	background-repeat: no-repeat;
}

#menu li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;	
}
#menu a span{
	visibility:hidden;
}
#menu a{
	display:block;
	height:85px;
	text-decoration:none;
}
a#accueil{
	width:68px;
	height:40px;
}
a#promo{
	width:70px;
}
a#sejour{
	width:79px;
}
a#riad{
	width:68px;
}
a#hotel{
	width:68px;
}
a#voiture{
	width:79px;
}
a#circuit{
	width:68px;
}
a#whatsup{
	width:114px;
	margin-top:10px;
	height:25px;
}
a#fr{
	width:114px;
	margin-left:20px;
	margin-top:10px;
	height:25px;

}
/* cadre du chemin de navigation ****************************************************************/
#path{
	margin:0px;
	padding:0px;
	background-image: url(images/commun/fond-path.gif);
	background-repeat: repeat-x;
	text-align:right;
	font-size:9px;
}
#path h1{
	font-size:9px;
	font-stretch:expanded;
	margin:0px;
	padding:0px;
	float:right;
	font-weight:lighter;
}
#path a{
	font-weight:lighter;
	text-decoration:none;
}
#path a:hover{
	text-decoration:underline;
}
/* barre de navigation paiement *****************************************************/
#process {
	padding:0;
	margin:4px;
	list-style-type:decimal;
	text-align:center;
}
#process li{
	display: inline;
	margin-right:4px;
	margin-left:4px;
	padding:2px;
	
}
/* cadre des medias ****************************************************************/
#media{
	margin-bottom:4px;
	margin-top:4px;
}

/* menu de gauche et droite  ****************************************************************/
dl#menuleft {
	margin:0px;
	padding:0px;	
	width: 140px;
	float:left;
	
}
dl#menuright {
	margin:0px;
	padding:0px;	
	float:right;
	width:140px;
	
}
#menuleft dt ,#menuright dt{
	padding-top:10px;
	width: 118px;
	background-image:url(images/commun/header-petit.gif);
	background-repeat: no-repeat;
	text-align:right;
	margin-right: 0px;
	margin-top: 0px;
	font-variant: small-caps;
	padding-bottom: 5px;
	padding-right: 22px;
	font-size:14px;
}
#menuleft dd ,#menuright dd {
	margin:0px;
	margin-bottom:5px;
	padding:5px;
	width: 130px;
	background-image: url(images/commun/fond-petit-menu.jpg);
	background-repeat:no-repeat;
}


#menuleft ul ,#menuright ul{
	margin:0px;
	padding:0px;
}
#menuleft li ,#menuright li {
	margin:0px;
	margin-left:0px;
	padding-left:11px;
	padding-bottom:2px;
	padding-top:2px;
	list-style-type:none;
	background-image: url(images/commun/fleche-1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#menuleft p ,#menuright p {
	margin:0px;
	padding:0;
}


#menuright select{
	margin-right:3px;
}
#menuright h3{
	margin:0px;
}

/**  block contenu de la page d'accueil  **********************************************/
#contenu{
	margin-top:1px;
	margin-left:4px;
	float:left;
	
}
#contenu-index{
	margin-top:1px;
	margin-left:4px;
	float:left;
	width:648px;
}
#bonplans{
	background-image:url(images/commun/fon-bonplan.jpg);
	background-repeat:no-repeat;
	width:401px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 4px;
}

#bonplans h2{
	font-size:14px;
	text-align:right;
	margin-right: 30px;
	margin-top: 9px;
	margin-bottom:10px;
	font-weight:normal;
	font-variant: small-caps;
}

#bonplans div{
	background-color:#e0f8fc;
	border:1px solid #ccdde5;
	width:186px;
	margin-right:4px;
	margin-bottom: 4px;
	padding: 4px;
	float:left;
}
#bonplans h4{
	color:#ff6600;
	font-size:12px;
	margin:0px;
}

#bonplans p span{
	color:#ff6600;
	margin:0px;
	font-size:16px;
}
#bonplans img{
	width:70px;
	padding: 2px;
	
	float:right;
	background-color:#FFFFFF;
	border: 1px solide #737373;
}
#rechercher{
	background-image:url(images/commun/fond-block-rechercher.jpg);
	background-repeat:no-repeat;
	width:229px;
	float:right;
	text-align:right;
	padding-right:10px;
	
}
#rechercher label{
	display:inline;
}
#rechercher h2{
	font-size:14px;
	text-align:right;
	padding:0px;
	margin-right: 18px;
	margin-top: 8px;
	margin-bottom:0px;
	font-weight:normal;
	font-variant: small-caps;
}
#rechercher form{
	margin-top:5px;
}
#rechercher p{
	margin:0px;
	margin-bottom:5px;
	margin-top:5px;
}
#rechercher input.text {

	width:85px;
	border: 1px solid #3E7195;
	margin-right:3px;
}
#rechercher select{
	margin-right:3px;
}
#rappel{
	background-image:url(images/commun/fond-block-rappel.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:0px;
	padding-right:7px!important;
	padding-right:8px;
	width:232px;
	margin:0;
	float:right;

}
#rappel p{
	text-align:right;
}
#rappel #intro{
	padding-left:80px;
	margin-bottom:2px;

}
#rappel table{
	width:200px;
	margin-left:30px;
}
#rappel table td{
	vertical-align:top;
	text-align:left;
}
input#tel{
	margin-left:-32px;
}
#rappel h2{
	font-size:14px;
	text-align:right;
	padding:0px;
	margin-right: 30px;	
	margin-top: 9px;
	margin-bottom:8px;
	font-weight:normal;
	font-variant: small-caps;
}
#whatsupboite{
	background-image:url(images/commun/boite-whats-up.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	padding:0px;
	width:239px;
	height:153px;
	margin:0;
	float:right;
	clear:right;

}
#whatsupboite h2{
	font-size:14px;
	color:#ff6600;
	text-align:right;
	padding:0px;
	margin-right: 28px;	
	margin-top: 9px;
	margin-bottom:4px;
	font-weight:normal;
	font-variant: small-caps;
}
#whatsupboite ul{
	margin-top:10px;
	margin-left:10px;
	padding:0;
	list-style-type:none;
}
#whatsupboite li{
	line-height:1.5em;
}
/* page list-produit & fiche-produit ************************************************************/
#blocklist, #blockinfo, #blockimg, #blockchambre, #buildresume, #boite_info, #blockspa, .blockinfo{
	float:left;
	width:488px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:0px;
	background-image:url(images/commun/fond-produit.jpg);
	background-repeat:no-repeat;
	clear:left;
}
.blocklist {
	float:left;
	width:488px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:0px;
	background-image:url(images/commun/fond-produit.jpg);
	background-repeat:no-repeat;
	clear:left;
}
#dispo-ferme {
	background-image:url(images/commun/fond-produit-vert.jpg);
	
}
.vert{
	color:#14b210;
}
.bleu{
	color:#102bb2;
}
#buildresume, #boite_info{
	padding-bottom:8px;
}
#blocklist h2, #blockinfo h2, .blockinfo h2, #blockimg h2, #blockchambre h2, #buildresume h2, #boite_info h2, #blockspa h2, .blocklist h2{
	font-size:14px;
	text-align:right;
	margin-right: 23px;
	margin-top: 9px;
	margin-bottom:10px;
	font-weight:normal;
	font-variant: small-caps;
}


#blocklist div.description, #blockchambre div.description, .blocklist div.description{
	background-color:#e0f8fc;
	border:1px solid #ccdde5;
	width:338px;
	margin-bottom: 4px;
	margin-top:0px;
	padding: 6px;
	float:left;
	clear:both;
}
#blocklist div.description img, #blockchambre div.description img,.blocklist div.description img{
	margin:0px;
	padding: 0px;
	border: 0 none;
}
#blocklist div.photo, #blockchambre div.photo,.blocklist div.photo{
	margin:0px;
	padding:0;
	float:right;
	display:block;
	text-align:right;
}

#blocklist div.photo img, #blockchambre div.photo img,.blocklist div.photo img{
	margin-left:2px;
	margin-bottom: 4px;
	width:129px;
	border:1px solid #ccdde5;
	display:block;
}
#blockchambre label{
	display:inline;
}
#blockchambre form{
	margin-top:8px;
	margin-bottom:8px;
}
#blockspa div.photo{
	float:right;
	text-align:right;
}
#blockspa img{
	margin-left:4px;
	margin-bottom: 4px;
	width:129px;
	border:1px solid #ccdde5;
	display:block;

}
#blockimg div {
	background-color:#e0f8fc;
	border:1px solid #ccdde5;
	width:450px !important;
	width:426px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding:4px 6px 0px 6px;
	
}
#blockimg dd{
	float:left;
	margin:0px;
	padding:0px;
}
#blockimg ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
}
#blockimg li{
	margin:0;
	padding:0;

}
#blockimg li img{
	height:36px;
	margin:0;
	padding:0;
	background-color:#e0f8fc;
	border:1px solid #ccdde5;	
	display:inline;
}

#blockimg img.visu{
	float:left;
	margin-left:4px;
	margin-right:4px;
	width:320px;
	height:240px;
	background-color:#e0f8fc;
	border:1px solid #ccdde5;
	margin-bottom:0px;	
	margin-top:0px;
}
/* style pour fiche-chambre.php   ***********************************************************************/
#buildresume p, #boite_info p{
	font-size:1.1em;
}
#buildresume img{
	float:left;
	border:1px solid #ccdde5;
	width:120px;
	margin: 0px;
	margin-right:6px;
	padding:0px;

	
}
/*   style pour dossier.php ***********************************************************/
#blockinfo #montants,.blockinfo #montants {
	width:485px;
}
#blockinfo #montants td.colonneinfo, .blockinfo #montants td.colonneinfo, .colonneinfo{
	width:350px;
	font-size:1.1em;
	color:#ff6600;
	font-weight:bold;
}
#blockinfo #montants td.colonneprix, .blockinfo #montants td.colonneprix, .colonneprix {
	text-align:right;
	font-size:1.2em;
	color:#ff6600;
	font-weight:bold;
}
#blockinfo  #montants td.colonnecomment .blocknfo #montants td.colonnecomment {
	font-size:0.8em;
	border-bottom: 1px solid #14507b;
}

#blockinfo form, #grandcontenu form, .blockinfo form {
 	text-align:center;
	
}
#blockinfo table, #grandcontenu table , .blockinfo table , .blocklist table#montants {
 	margin: 0px auto;
	width:385px;

}
#blockinfo table td, #grandcontenu table td, .blockinfo table td {
 	width:50%;
	vertical-align:top;
	text-align:left;
}
td.labelinline label{
 	display:inline;
}
#blockinfo input, #grandcontenu input, .blockinfo input {
	width:160px;
}
#blockinfo input.grdinput, #grandcontenu input.grdinput, .blockinfo input.grdinput {
	width:355px;
}
#blockinfo input.bouton-xl, #grandcontenu input.bouton-xl, .blockinfo input.bouton-xl {
	width:80px;
}
#blockinfo input.code, #grandcontenu input.code, .blockinfo input.code {
	width:40px;
}
.blockinfo h3#decalage-sejour {
	height:20px;
	text-align:center;
}

/* page statique ****************************************************/
#grandcontenu{
	margin-top:1px;
	margin:0;
	padding:8px;
	float:right;
	background-image:url(images/commun/fond-block-liste.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:632px;
	
}
#grandcontenu h2, #grandcontenuvol h2{
	font-size:14px;
	text-align:right;
	margin-right: 22px;
	margin-top: 9px;
	margin-bottom:10px;
	font-weight:normal;
	font-variant: small-caps;
}
#grandcontenu.seminaire ul{
	margin:0;
}
#grandcontenu form{
	clear:both;
}
#grandcontenu.seminaire li{
	width:100px;
	float:left;
	height:120px;
	text-align:center;
}
#grandcontenuvol{
	margin:0;
	padding:0;
	float:right;
	background-image:url(images/commun/fond-block-liste.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:648px;
	
}
.coeur {
	background-image:url(images/commun/icons/coup-coeur.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:14px;

}
#facture td{
	width:25%;
}
#facture td.prix{
	text-align:right;
}
#facture td.qt{
	text-align:center;
}
#recherche_hotel {
  display:none;
}
#recherche_sejour {
  display:none;
}
.no-decoration {
  text-decoration:none;
}
#blockinfo input.no-width {
  width:auto;
}
#transfert {
  visibility:hidden;
		display:none;
}
.page {
  clear:both;
		marig:0 0 0 50px;
}
.flot_left {
  float:left;
}
.picto {
  float:right;
		display:block;
		margin:0;
		padding:0;
}
.picto img {
  border:none;
}
#buildresume p {
  width:330px;
}
#buildresume div.photo_cmd {
	margin:5px 0 0 5px;
	padding:0;
	float:right;
	display:block;
	text-align:right;
}
.visa {
  background:url(images/commun/visa.jpg) no-repeat;
		padding:25px 0 0 0;
}
.loupe {
  background:#FF6600;
		border:0;
}
.align-middle {
		text-decoration:none;
}
.font-size-11 {
  font-size:11px;
}
.marg {
  margin:0 0 10px 135px;
}
.input_prix {
  border:0;
		background:none;
		text-align:right;
	 color:#ff6600;
	 font-weight:bold;
}
#trans {
  visibility:hidden;
		display:none;
}

#formsejour {
width:338px;

}
.marge {
  margin:0 0 0 25px;
}
span.no-decoration {
  text-decoration:underline;
}


/*--------------	spry related		--------------*/
#requiredName, #requiredEmail, #requiredDemande{
	position:relative;
}
.validMsg{
	position:absolute;
	display:none;
	z-index:1000;
}
#form .textfieldFocusState input, #form .textareaFocusState textarea{
	background-color:#e1e1e1;
	border:1px solid #7F9DB9;
}
#form .textfieldRequiredState input, #form .textareaRequiredState textarea{
	border:2px solid #8F3535;
}
#form .textfieldValidState input, #form .textareaValidState textarea{
	border:1px solid #1D4F29;
}
#form .textfieldInvalidFormatState input{
	border:2px solid #8F3535;
}
#form .textfieldValidState .validMsg, #form .textareaValidState .validMsg{
	display:inline;
	right:-15px;
	top:0;
}
/*captcha*/
/*small*/
#securite1{
	position:relative;
	height:90px;
}
#securite1 strong{
	font:bold 13px tahoma;	
}
#securite1 .error, #securite1 .rouge{
	font:bold 12px tahoma;	
	color:#cf0000;
	position:absolute;
	width:200px;
	top:65px;
}
#securite1 #txt{
	color:#000;
	position:absolute;
	top:5px;
	left:0;
	width:200px;
	padding:0;
}
#securite1 .captcha{
	border:1px solid #ccc;
	width:44px;
	height:27px;
	text-align:center;
	letter-spacing:5px;
	font-size:18px;
	color:#62b9dc;
	padding:6px 2px 2px;
	position:absolute;
	right:0;
	top:5px;
}
#securite1 .captcha_1{
	width:185px;
	padding:0 55px 0 55px;
	position:absolute;
	left:0;
	top:20px;
}
#securite1 .bold{
	color:#cf0000;
	font:bold 12px arial;
	position:absolute;
	top:15px;
	left:30px;
}
#securite1 img{
	border:1px solid #ccc;
	position:absolute;
	top:3px;
	left:0;
	width:auto;
}
#securite1 input{
	width:0;
	padding:0;
	border:0;
}