/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
/* Pour habiller les pages par défaut */
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF/*#680003*/;
	background-image: url(/img/commun/bg_body.jpg);
}
a{ 	color:#0000FF;	text-decoration:none; position:relative;}
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/* POUR LES ELEMENTS FORMULAIRES */
checkbox,input,radio,textarea,select{position:relative; font-size:11px;}

/*  utiliser après une serie de div qui possède un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
/******************************/
/*** class des zones ektron ***/
/*** ATTENTION NE PAS		***/
/*** OUBLIER DE MAINTENIR	***/
/*** ektron.css				***/
/******************************/

.ektron {
	font-size:12px;
	color:#707070;
}
.ektron img.image-a-gauche{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.ektron img.image-seul{ margin:-20px; }

.ektron img.image-a-droite{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.ektron h1{font-size:16px;}
.ektron h2{font-size:14px;}
.ektron h3{font-size:12px;}
.ektron h4{font-size:11px;}
.ektron h5{font-size:10px;}
.ektron h6{font-size:8px;}

.ektron h1, .ektron h2, .ektron h3, .ektron h4, .ektron h5, .ektron h6{margin-top:0.7em;margin-bottom:0.3em;}

.ektron ul,.ektron ol, .ektron blockquote{
	margin-left:30px;
	padding-top:8px;
	padding-bottom:8px;
}
.ektron p{	font-size:12px; }


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenaire-page{
	position: absolute;
	left: 50%; /*positionnement à 50% de la gauche de la page du navigateur */
	z-index: 101; /* profondeur du div */
	top: 113px; /* hauteur du div par rapport au haut de la page */
	background-color:/*#FFFFFF#680003*/#990d10;
	background-image: url(/img/commun/fond_maroc_main_light.jpg);
	background-repeat:no-repeat;
	border:1px solid #3A0000/*4B0002*/;
	border-top:0px;	
	padding:0px 35px 0px 43px!important;  
	padding:0px 34px 0px 42px;  
}
#contenaire-page{
	margin-left: -511px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:1022px;
	voice-family:"\"}\"";/* pour que IE applique le bon positionnement */
	voice-family:inherit;	
	margin-left: -511px;
	width:944px;
}

html>body #contenaire-page{
	margin-left: -511px;
	width:944px;		
}


#main-top{
	width: 944px;
	height: 11px;
	line-height: 11px;
	background-image: url(/img/commun/top_main.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/top_main.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
}
#main{
	background-image: url(/img/commun/bg_main.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/bg_main.png', sizingMethod='scale');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: repeat;
	width:946px!important;
  width:944px;
}
#main-bottom{
	width: 944px;
	height: 9px;
	line-height: 9px;
	background-image: url(/img/commun/ombre_bottom.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/ombre_bottom.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
}
/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 0px;
	height:113px;
	padding:0px;
	border:1px solid #3A0000/*4B0002*/;
	border-bottom:0px;	
	background-image: url(/img/commun/titre_voyage_maroc.jpg)!important;
	background-repeat: repeat;
}
#entete{
	margin-left: -511px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:1022px;
}
#retour-accueil{
	top:20px;
	left:50px;
	height:75px;
	width:330px;
	margin: 0px 0px 10px 50px;
}
#retour-accueil a.lien-retour-accueil{
	display:block;
	text-decoration:none;
	position:relative;
	height:75px;
	width:330px;
}
/*********************************************************/
/* CONTENU POUR L'ENTETE */
#contenu-entete{
	padding:20px 21px 0px 21px;
	width: 760px;
}
/********************************************************/
/* POSITIONNEMENT DE L'OMBRE TOP  */
#ombre-top{
	left: 50%;
	z-index: 100;
	top: 20px;
	border-bottom:0px;
	line-height: 11px;
	height: 11px;
	position: absolute;
	background-image: url(/img/commun/ombre_top.png)!important;
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/commun/ombre_top.png', sizingMethod='crop');/*ne pas oublié de mettre /img à la place de ../img pour IE */
	background-repeat: no-repeat;
}
#ombre-top{
	margin-left: -401px;
	width:824px;
}

/*******************************************************/
/* MENU DU HAUT */
#menu-haut{
	float:left;
	font-size: 12px;
  padding-left: 67px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B97E7F;
}
#menu-haut a{
	height:25px;
	line-height: 25px;
	text-decoration: none;
	color: #B97E7F;
}
#menu-haut a:hover{
	color: #FFFFFF;
}
/*******************************************************/
/* CONTACT */
#contact{
	float:right;
	font-size: 12px;
	/*margin: 0px 67px 0px 0px;*/
  padding-right: 67px;
	font-family: Arial, Helvetica, sans-serif;
	color: #B97E7F;
	height: 25px;
	line-height: 25px;
}
#contact a{
	text-decoration: none;
	color: #B97E7F;
}
#contact a:hover{
	color: #FFFFFF;
}

/*******************************************************/
/* LOGO */
#logo{
	width:222px;
	height:83px;
	background-image: url(/img/commun/logo_alcyonis.gif);
	background-repeat: no-repeat;
}
#logo a.link-accueil{
	text-decoration:none;
	display:block;
	width:222px;
	height:83px;
	position: relative;
}
/*******************************************************/
/* VISUEL */
#visuel{
	margin-top: 5px;
	height: 258px;
}
/*******************************************************/
/* MENU */
#menu{
	font-size: 18px;
	height:43px;
	border-width:0px 0px;
}
#menu a{
	margin-right:2px;
	float:left;
	position:relative;
}
#menu a#btn-entreprise{
	margin-right:0px;
}
/*******************************************************/
/* LES COLONNES */
/* COLONNES 01*/
#colonne1{
	float:left;
	width:227px;/* lu par IE  car IE double la longueur */
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 10px 16px;
	background-color:#FFFFFF;
}
/* pour le bt vols */
#colonne1 .position-bt-vols{
	margin-left:5px;
	height:38px;
	width:208px;
	background-position:0px -38px;
	background-image: url(/img/commun/bt_vols.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-vols{
	display:block;
	height:38px;
	width:208px;
	text-decoration:none;
	position:relative;
	background-position:0px -38px;
	background-image: url(/img/commun/bt_vols.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-vols:hover{
	background-position:0px 0px;
}
/* pour le bt location */
#colonne1 img.position-image{
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
}
#colonne1 .position-bt-loc{
	margin-left:5px;
	height:37px;
	width:208px;
	background-position:0px -37px;
	background-image: url(/img/commun/bt_loc_voiture.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-loc{
	display:block;
	height:37px;
	width:208px;
	text-decoration:none;
	position:relative;
	background-position:0px -37px;
	background-image: url(/img/commun/bt_loc_voiture.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-loc:hover{
	background-position:0px 0px;
}
#colonne1 a.lien-bt-guide-tourisme{
	text-decoration:none;
	padding-left:17px;
}
#colonne1 p.text-guide-tourisme{
	color:#666666;
	width: 165px;
	text-align: justify;
	padding: 20px 0px 27px 22px;
}
/* pour le bt incentive */
#colonne1 .position-bt-incentives{
	margin-left:5px;
	height:40px;
	width:208px;
	background-position:0px -40px;
	background-image: url(/img/commun/bt_incentives.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-incentives{
	display:block;
	height:40px;
	width:208px;
	text-decoration:none;
	position:relative;
	background-position:0px -40px;
	background-image: url(/img/commun/bt_incentives.gif);
	background-repeat: no-repeat;
}
#colonne1 a.lien-bt-incentives:hover{
	background-position:0px 0px;
}
/* construction partie guide touristique */
#colonne1 .bloc-tourisme-haut{
	width:216px;
	padding-top: 8px;
}
#colonne1 .bloc-tourisme-main{
	width:216px;
	background-image: url(/img/commun/bg_encart_tourisme.gif);
	background-repeat: repeat;
}
#colonne1 .bloc-tourisme-main img.position-image-tourisme{
	padding:0px 0px 17px 10px;
}
#colonne1 .bloc-tourisme-bas{
	width:208px;
}
/************************************************************/
/* COLONNES 02*/
#page-index #colonne2,
#page-rub #colonne2{
	float:left;
	width:485px;
	padding: 6px 0px 16px 0px;
	background-color:#FFFFFF;
}
/* bloc recherche */
#bloc-recherche{
	padding:8px 6px 6px 6px;
	border:1px solid #C8C8C8;
	width: 465px;
	background-color:#FFFFFF;
}
#bloc-recherche .bloc-bt-recherche{
	float:left;
}

#bloc-recherche .bloc-bt-sejours,
#bloc-recherche .bloc-bt-sejours-on{
	float:left;
	background-image: url(/img/commun/bt_sejour_week.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 29px;
}
#bloc-recherche .bloc-bt-sejours-on{
	background-position:0px -29px;
}
#bloc-recherche a.lien-bt-sejours{
	display:block;
	position:relative;
	text-decoration:none;
	background-position:0px 0px;
	background-image: url(/img/commun/bt_sejour_week.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 160px;
}
#bloc-recherche a.lien-bt-sejours:hover{
	background-position:0px -29px;
}

#bloc-recherche .bloc-bt-circuits,
#bloc-recherche .bloc-bt-circuits-on{
	float:left;
	background-image: url(/img/commun/bt_circuit.gif);
	background-repeat: no-repeat;
	width: 68px;
	height: 29px;
}
#bloc-recherche .bloc-bt-circuits-on{
	background-position:0px -29px;
}

#bloc-recherche a.lien-bt-circuits{
	display:block;
	position:relative;
	text-decoration:none;
	background-position:0px 0px;
	background-image: url(/img/commun/bt_circuit.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 68px;
}
#bloc-recherche a.lien-bt-circuits:hover{
	background-position:0px -29px;
}

#bloc-recherche .bloc-bt-hotels,
#bloc-recherche .bloc-bt-hotels-on{
	float:left;
	background-image: url(/img/commun/bt_hotel_riad.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 106px;
}
#bloc-recherche .bloc-bt-hotels-on{
	background-position:0px -29px;
}
#bloc-recherche a.lien-bt-hotels{
	display:block;
	position:relative;
	text-decoration:none;
	background-position:0px 0px;
	background-image: url(/img/commun/bt_hotel_riad.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 106px;
}
#bloc-recherche a.lien-bt-hotels:hover{
	background-position:0px -29px;
}
/* BLOC POUR LES VISUELS DES THEMES */

#img-themes-recherche{
	width:201px;
	height:103px;
	background-image: url(/img/commun/visuel_dunes.jpg);
	background-repeat: no-repeat;
	margin-top:6px;
	display:block;
}
/* table type de vacances */
.tb-type-sejour{
	background-color:#F1F2E9;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #757575;
	height: 15px;
	line-height: 15px;
	padding:0px;
	margin:0px;	
	padding-left: 0px;
}
.tb-type-date{
	background-color:#F1F2E9;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #757575;
	height: 27px;
	line-height: 27px;
}
.tb-type-destination{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #757575;
	font-size:10px;
}
.tb-type-autre-destination{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #757575;
	font-size:10px;
	background-color:#FFFFFF;
}
.cell-destinations{
	padding-left:12px
}
.cell-themes{
	padding-left:17px
}
.cell-autre-ville{
	border-top:1px solid #F1F2E9;
	text-align:right;
}
a.lien-autre-ville{
	padding-right:3px;
	height:16px;
	line-height:16px;
	text-decoration:none;
	color: #757575;
	font-size:10px;
}
a.lien-autre-ville:hover{
	color: #000000;
}
.separation-td{
	height:7px;
	line-height:7px;
	padding:0px;
	margin:0px;
}
/* bloc invisible pour les autres destinations */
#autre-ville{
	display:none;
	position:absolute;
	top:61px;
	left:560px !important;
	left:561px;
	width:200px;
	z-index:110px;
}
/* bloc date */
#bloc-date{
	padding:6px 6px 6px 6px;
	border:1px solid #C8C8C8;
	margin-top:3px;
	width: 465px;
	background-color:#FFFFFF;
}
/* bloc visuel */
.top-visuel{
	width: 483px;
	height: 10px;
	background-image: url(/img/commun/top_encart_visuel.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	font-size: 7px;
}
.main-visuel{
	background-image: url(/img/commun/bg_encart_visuel.gif);
	background-repeat: repeat-y;
	padding: 0px 9px 9px 9px;
	width: 465px;
}
.bottom-visuel{
	background-image: url(/img/commun/bottom_encart_visuel.gif);
	background-repeat: no-repeat;
	height: 8px;
	width: 483px;
}
/* bloc encart loisirs */
/* bloc riad luxe */
.bloc-choix{
	float:left;
	padding-top:61px;
	height:22px
	width:117px;
	margin:7px 3px 0px 0px;
	width: 114px;
}
.bloc-riad-luxe{
	float:left;
	padding-top:61px;
	height:22px
	width:117px;
	margin:7px 3px 0px 0px;
	background-image: url(/img/commun/img_riad_luxe.jpg);
	background-repeat: no-repeat;
	width: 114px;
}
/* bloc golf */
.bloc-golf{
	float:left;
	padding-top:61px;
	height:22px
	width:117px;
	margin:7px 3px 0px 0px;
	background-image: url(/img/commun/img_golf.jpg);
	background-repeat: no-repeat;
	width: 114px;
}
/* bloc bien etre */
.bloc-bien-etre{
	float:left;
	padding-top:61px;
	height:22px
	width:117px;
	margin:7px 3px 0px 0px;
	background-image: url(/img/commun/img_bien_etre.jpg);
	background-repeat: no-repeat;
	width: 114px;
}
/* bloc escapades */
.bloc-escapades{
	float:left;
	padding-top:61px;
	height:22px
	width:117px;
	margin:7px 0px 0px 0px;
	background-image: url(/img/commun/img_escapade.jpg);
	background-repeat: no-repeat;
	width: 114px;
}
/* bloc encart titre */
.encart-choix{
	width:117;
	height:22px;
	text-align:center;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background-color:#000000;	
	
}
.encart-choix a,
.encart-choix a:hover{
        top:3px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-family: Georgia;
	font-size: 14px;
}
.encart-riad-luxe,
.encart-golf,
.encart-bien-etre,
.encart-escapades{
	width:117;
	height:22px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background-color:#000000;
}
/***************************************************************/
/* COLONNES 03*/
#page-index #colonne3,
#page-rub #colonne3{
	float:right;
	width:196px!important;
	width:197px;
	margin-right: 8px!important;
	margin-right: 4px;
	padding: 6px 0px 0px 11px;
}
/* bloc location de riads */
.bloc-loction-riad{
	border:3px solid #404238;
	height:257px;
	width: 174px;
	margin-bottom: 42px!important;
	margin-bottom: 50px;
	background-image: url(/img/commun/visuel_loc_riad.jpg);
	background-repeat: no-repeat;
}
.titre-location-raid{
	padding:37px 0px 2px 49px;
}
.menu-location-raid{
	padding:20px 0px 8px 0px;
	width:84px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background-color:#000000;
	margin-left: 45px;
}
a.lien-menu-loc-raid{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a.lien-menu-loc-raid:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
/* bloc voyage degriffes */
.bloc-voyage-degriffes{
	border:3px solid #404238;
	height:161px;
	width: 174px;
	background-image: url(/img/commun/img_voyage_degrif.jpg);
	background-repeat: no-repeat;
}
.titre-voyage-degriffes{
	padding:35px 0px 2px 50px;
}
.menu-voyage-degriffes{
	height:25px;
	line-height:25px;
	text-align:center;
	width:116px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	background-color:#000000;
	margin: 0px 0px 1px 32px;
}
a.lien-menu-voyage-degriffes{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a.lien-menu-voyage-degriffes:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
/*******************************************************/
/* COPYRIGHT */
#copyright{
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #B6B5A9;
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	margin-bottom: 10px;
}
#copyright a{
	font-size: 10px;
	color:#B6B5A9;
	text-decoration: underline;
}
#copyright a:hover{
	color:#000000;
}

#form-resultat{
	background-color:#757575;
	height:27px;
	color:#FFFFFF;
	font-family:Georgia,Times New Roman, Times, serif;
	width:196px;
	text-align:center;
	font-weight: bold;
	padding-right:5px;
}


.aucun-resultat{
  padding: 8px;
}