.left{
   width:252px;
   height:auto;
   float:left;
   margin:4px 0 0 0;
}

/*///////////////////////////////////////////Last Minutes ///////////////////////////////////////*/

.divGaranti{
   width:252px;
   height:174px;
   margin-top:8px;
   position:relative;
   background:url(../images/bg_garantie.png) no-repeat;
}

.divGaranti ul{
	list-style:none;
	padding:10px;
	margin:5px 0 0 20px;
}

.divGaranti ul li{
	list-style-image:url(../images/icon/puce_garantie.png);
	font-size:12px;
	color:#FFF;
	margin-bottom:6px;
}

.divGaranti .label_garantie{
	display:block;
	width:80px;
	height:24px;
	line-height:22px;
	font-size:18px;
	color:#16c7f4;
	margin:10px 0 0 80px;
	text-transform:uppercase;
}

/*///////////////////////////////////////////Fin Last Minutes ///////////////////////////////////////*/

/*///////////////////////////////////////////Actualites ///////////////////////////////////////*/
.divBannier{
    width:252px;
    height:auto;
    margin-top:28px;
}

.divNewsletter{
	width:250px;
    height:172px;
    margin-top:8px;
	border:1px solid  #EBEBEB;
}

.top_divNewsletter{
   width:238px;
   height:110px;
   /*background: url(../images/bg_newsletter.jpg) no-repeat right;*/
   padding:6px;
}

.t_newsletter{
	font-size:18px;
	color:#16c7f4;
	font-weight:normal;
}

.desc_newsletter{
	display:block;
	width:180px;
	height:90px;
	margin:10px 0 0 0;
	font-size:14px;
	color:#666;
	font-weight:bold;
	text-align:center;
	line-height:25px;
}

.Form_divNewsletter{
	display:block;
	width:248px;
	height:24px;
	margin:3px 0 0 0;
	float:left;
}

.input_newsletter{
    background: url(../images/inputbg.gif) repeat scroll 0 0 transparent;
    border-color: #B2B2B2 -moz-use-text-color #D3D5D4;
    border-style: solid none;
    border-width: 1px 0;
    height: 21px;
    margin: 0;
	float:left;
    padding: 0;
    width: 130px;
	font-size:10px;
	color:#999;
}

.icon_newsletter{
   display: block;
   float: left;
   margin-left:5px;	
}

.submit_button_newsletter{
    background-color: #00ADEF;
    border: 1px solid #00ADEF;
    color: #FFFFFF;
    cursor: pointer;
	float:left;	
    border-color: #00ADEF #00ADEF #00ADEF -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
	width:74px;
	height:23px;
	line-height:23px;
}

.zonePub{
    width:250px;
    height:400px;
    margin-top:8px;
	border:1px solid  #EBEBEB;
	background:#FFFFFF url(../images/pub.png) no-repeat center;
}
/*/////////////////////////////////////////// Fin Actualites ///////////////////////////////////////*/


.right{
   position:relative;
   width:720px;
   height:auto;
   float:left;
   margin:4px 4px 0 8px;
}

/*/////////////////////////////////////////// Carousel Maison d'hote a marrakech ///////////////////////////////////////*/
.divMhm{
   width:719px;
   height:400px;
   float:right;
   position:relative;
   overflow:hidden;
}

#slideshow{ 
   position:relative;
   top:0;
   left:0;
   z-index:1;
}



#nav{ 
   position:absolute;
   top:340px;
   left:15px;
   z-index:2;
   height:30px;
   background: url(../images/transparent_bg.png) repeat;
}

#nav li{
	float:left;
	line-height:30px;
}

#nav li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	padding:0px 40px 0px 40px;
	text-align:center;
}

#nav li a.activeSlide{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	background:#fff;
	padding:0px 40px 0px 40px;
}

.divMhm h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#ececdb url(../images/puce.png) no-repeat 4px 6px ;
	border-bottom:1px solid #dedddd;
	color:#1578AF;
	font-size:14px;
	font-weight:normal;
	height:27px;
	line-height:30px;
	padding:0 0 0 25px;
	width:693px;
}

.divMhm h2 a{
color:#1578AF;
display:block;
position:relative;
width:690px;
height:26px;
background:url(../images/more.png) no-repeat right ;
text-decoration:none;
}

.MhmCarousel{
   position:relative; clear:both;
   width:718px;
   height:180px;
}

.MhmCarousel .container{
   width:716px;
   height:180px;
   overflow:hidden;	 
   position:relative;
}

.MhmCarousel .container .slides { 
   position:absolute;
   top:4px; 
   left:0; 
}

.MhmCarousel .container .slides div { 
   position:absolute; 
   top:0; 
   width:169px; 
   height:170px; 
   display:block; 
   text-align:center; 
   border:1px solid #dedddd;
}

.MhmCarousel .container .slides div .pcity {
   display:block;
   margin-top:3px;
   margin-bottom:4px;
}

.MhmCarousel .container .slides div .Mhname{
   display:block;
   padding-bottom:2px;
   padding-left:3px;
   padding-top:2px;
   font-size:11px;
   color:#7A7A7A;
   line-height:14px;
   text-decoration:none;
   float:left;
   text-align:left;
   width:145px;
}

.MhmCarousel .container .slides div .Mhname:hover{
   text-decoration: underline;

}

.MhmCarousel .container .slides div .tarifMh{
   display:block;
   padding-bottom:2px;
   padding-right:5px;
   padding-top:0px;
   font-size:11px;
   color:#165c83;
   font-weight:normal;
   line-height:14px;
   float:right;
   text-decoration:none;
}

.MhmCarousel .container .slides div .tarifMh:hover{
   text-decoration: underline;
}

.MhmCarousel .container .slides div .voirMh{
   display:block;
   padding-bottom:2px;
   padding-left:5px;
   padding-top:0px;
   font-size:10px;
   color:#00ADEF;
   line-height:14px;
   float:left;
}

.MhmCarousel ul.pagination { width:250px; list-style:none; position:absolute; top:192px; left:3px; overflow:hidden; }
.MhmCarousel ul.pagination li  { float:left; }
.MhmCarousel ul.pagination li a { padding:2px 4px; text-decoration:none; color:#999999; }
.MhmCarousel ul.pagination li.active a { color:#165c83; text-decoration:none; }


.navMhm {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/btn.png) no-repeat scroll 0 0px;
	display:block;
	left:320px;
	position:absolute;
	top:188px;
	width:82px;
	height:18px;
}

.nextMhm{
	background-image:url(../images/next.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

.prevMhm{
	background-image:url(../images/prev.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}
/*///////////////////////////////////////////Fin Carousel Maison d'hote a Marrakech ///////////////////////////////////////*/

/*///////////////////////////////////////////Hôtels de charme recommandés ///////////////////////////////////////*/

.divHpv{
   width:370px;
   height:600px;
   border:1px solid #EBEBEB;
   float:left;
   margin-top:8px;
   background-color:#f9f9f9;
}

.divHpv h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-bottom:1px solid #EBEBEB;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	width:362px;
	margin:-1px 0 0 -1px;
}

.divHpv h2{
    display:block;
    position:relative;
    width:350px;
    height:30px;
    text-decoration:none;
	color:#16c7f4;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

.hc_recommed{
    width:360px;
    height:100px;
	margin:10px auto 0px auto;
	overflow:hidden;
}

.hc_recommed .pcity {
	display:block;
	float:left;
	width:130px;
	height:90px;
	padding:1px;
	border:1px solid #EBEBEB;
}

.hc_recommed .locations{
    width:220px;
	height:92px;
	float:right;
}

.cityname{
    width:220px;
	height:20px;
	border-bottom:1px solid #EBEBEB;
}

.count{
   float: right;
}

.count .r_total{
   font-size:10px;
   color:#16c7f4;
   line-height:20px;
}

.count .r_total:hover{
   text-decoration:none;
   font-size:10px;
   color:#00ADEF;
   line-height:20px;
}

.city{
   text-decoration:none;
   color: #666666;
   font-size: 11px;
   line-height:23px;
   text-transform:uppercase;
   padding-left:3px;
}

.city:hover{
   text-decoration:underline;
}

.local{
   display:block;
   padding-bottom:4px;
   padding-left:3px;
   padding-top:3px;
   font-size:11px;
   color:#7A7A7A;
   line-height:17px;
   text-decoration:none;
   
}

.local:hover{
   background-color:#EFEFEF; 
}

.price {
   float:right;
   padding-left:3px;
   padding-right:3px;
   text-decoration:none;
   font-size:11px;
   color:#7A7A7A;
   line-height:18px;
   text-decoration:none;
}
/*///////////////////////////////////////////Fin Hôtels de charme recommandés ///////////////////////////////////////*/

/*///////////////////////////////////////////Location Voiture ///////////////////////////////////////*/

.divLocation{
   width:338px;
   height:160px;
   border:1px solid #EBEBEB;
   float:left;
   margin-top:8px;
   margin-left:8px;
   background-color:#fafafa;
}

.divLocation h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-bottom:1px solid #EBEBEB;
	height:30px;
    line-height:30px;
	padding:0 0 0 10px;
	width:330px;
	margin:-1px 0 0 -1px;
}

.divLocation h2 a{
    color:#16c7f4;
	font-size:14px;
	font-weight:bold;
    display:block;
    position:relative;
    width:320px;
    height:30px;
    background:url(../images/icon/more.png) no-repeat right ;
    text-decoration:none;
	text-transform:uppercase;
}

.LvCarousel{
   position:relative; clear:both;
   width:336px;
   height:132px;
}

.LvCarousel .container{
   width:334px;
   height:105px;
   overflow:hidden;	 
   position:relative;
}

.LvCarousel .container .slides { 
   position:absolute;
   top:4px; 
   left:0; 
}

.LvCarousel .container .slides .vlcadre{ 
   position:absolute; 
   top:0; 
   width:326px; 
   height:95px; 
   display:block;
   border:1px solid #dedddd;
   background-color:#FFFFFF;
}

.LvCarousel .container .slides .vlcadre .pcity {
	display:block;
	float:left;
	width:150px;
	height:90px;
	padding:1px;
	text-align:center;
}

.LvCarousel .container .slides .vlcadre .locations{
    width:125px;
	height:92px;
	position:absolute;
	left:170px;
}

.vlname{
    padding-bottom:4px;
    padding-left:3px;
    padding-top:3px;
    font-size:11px;
    color:#7A7A7A;
    line-height:17px;
    text-decoration:none;
	text-transform:uppercase;
	display:block;
}

.vlname:hover{
    text-decoration:underline;
}

.LvCarousel .container .slides .vlcadre .locations .vlpts{
    width:102px;
	height:34px;
	background:url(../images/icon/vlpts.png) no-repeat center;
	position:absolute;
	top:20px;
	left:2px;
}

.nbvlpts{
    width:34px;
	height:14px;
	font-size:11px;
    color:#7A7A7A;
	float:left;
	text-align:center;
	margin-top:20px;
}

.LvCarousel .container .slides .vlcadre .locations .vltarif{
    width:119px;
	height:32px;
	position:absolute;
	top:56px;
	left:2px;
}

.LvCarousel .container .slides .vlcadre .locations .vltarif .tarif{
    width:118px;
    display:block;
    padding-bottom:2px;
    padding-right:5px;
    padding-top:0px;
    font-size:11px;
    color:#165c83;
    font-weight:normal;
    line-height:14px;
    float:left;
    text-decoration:none;
}

.LvCarousel .container .slides .vlcadre .locations .vltarif .voirVl{
    display:block;
    padding-bottom:2px;
    padding-top:0px;
    font-size:10px;
    color:#16c7f4;
    line-height:14px;
    float:left;
}

.LvCarousel ul.pagination { width:140px; list-style:none; position:absolute; top:108px; left:3px; overflow:hidden;}
.LvCarousel ul.pagination li  { float:left; }
.LvCarousel ul.pagination li a { padding:2px 4px; text-decoration:none; color:#999999; }
.LvCarousel ul.pagination li.active a { color:#16c7f4; text-decoration:none; }

.navLv {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bouton/btn.png) no-repeat scroll 0 0px;
	display:block;
	left:252px;
	position:absolute;
	top:108px;
	width:82px;
	height:18px;
}

.nextLv{
	background-image:url(../images/bouton/next.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

.prevLv{
	background-image:url(../images/bouton/prev.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

/*///////////////////////////////////////////Fin Location Voiture ///////////////////////////////////////*/

/*///////////////////////////////////////////Sejour ///////////////////////////////////////*/
.divSejour{
    width:338px;
    height:430px;
    border:1px solid #EBEBEB;
    float:left;
    margin-top:8px;
    margin-left:8px;
	background-color:#FAFAFA;
}

.divSejour h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	border-bottom:1px solid #EBEBEB;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	width:330px;
	margin:-1px 0 0 -1px;
}

.divSejour h2 a{
    color:#16c7f4;
	font-size:14px;
	font-weight:bold;
    display:block;
    position:relative;
    width:320px;
    height:30px;
    background:url(../images/icon/more.png) no-repeat right ;
    text-decoration:none;
	text-transform:uppercase;
}

.SjCarousel{
    position:relative; clear:both;
    width:338px;
    height:402px;
}

.SjCarousel .container{
   width:338px;
   height:374px;
   overflow:hidden;	 
   position:relative;
}

.SjCarousel .container .sjcadre { 
   width:330px; 
   height:110px;
   margin-left:4px;
   margin-top:10px;
   display:block;
   border-bottom:1px solid #EBEBEB; 
}

.SjCarousel .container .sjcadre  .titre_sejour{
   margin:0;
   float:left;
}

.SjCarousel .container .sjcadre  .titre_sejour a{
   font-size:11px;
   color:#666666;
   text-decoration:none;
   text-transform:uppercase;
   line-height:10px;
}



.SjCarousel .container .sjcadre .photo_sejour{
   width:130px; 
   height:90px;
   margin:0;
   float:left;
}

.SjCarousel .container .sjcadre .detail_sejour{
   width:190px; 
   height:90px;
   margin:0;
   float:right;
}

.SjCarousel .pcity {
	display:block;
	float:left;
	width:130px;
	height:90px;
	padding:1px;
	border:1px solid #dedddd;
}

.SjCarousel .container .sjcadre .sjlabel{
    font-size:11px;
    color:#7A7A7A;
}

.SjCarousel .container .sjcadre .sjval{
    font-size:11px;
    color:#789BAF;
}

.SjCarousel .container .sjcadre .voirVSj{
    display:block;
    padding-bottom:2px;
    padding-top:0px;
    font-size:10px;
    color:#16c7f4;
    line-height:14px;
    float:left;
}

.navSj {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/btn.png) no-repeat scroll 0 0px;
	display:block;
	left:252px;
	position:absolute;
	top:380px;
	width:82px;
	height:18px;
}

.nextSj{
	background-image:url(../images/next.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

.prevSj{
	background-image:url(../images/prev.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

.SjCarousel ul.pagination { width:140px; list-style:none; position:absolute; top:380px; left:3px; overflow:hidden;}
.SjCarousel ul.pagination li  { float:left; }
.SjCarousel ul.pagination li a { padding:2px 4px; text-decoration:none; color:#999999; }
.SjCarousel ul.pagination li.active a { color:#16c7f4; text-decoration:none; }


/*/////////////////////////////////////////// Fin Sejour ///////////////////////////////////////*/

.divEvent{
   width:718px;
   height:auto;
   border:1px solid #EBEBEB;
   float:left;
   margin-top:8px;
   background-color:#fbfbfb;
}

.divEvent h2{
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   border-bottom:1px solid #EBEBEB;
	color:#16c7f4;
	font-size:14px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	margin-left:-1px;
	width:710px;
	text-transform:uppercase;
}

.divEvent .CadreEvent{
	position:relative; clear:both;
    width:718px;
    height:140px;
}



.CadreEvent .container{
   width:710px;
   height:120px;
   overflow:hidden;	 
   position:relative;
}

.CadreEvent .container .slides { 
   position:absolute;
   top:4px; 
   left:0; 
}

.CadreEvent .container .slides .EvCadre{ 
   position:absolute; 
   top:0; 
   width:352px; 
   height:110px; 
   display:block;
   border-right:1px solid #EBEBEB;
}

.CadreEvent .container .slides .EvCadre .pcity {
    border: 1px solid #EBEBEB;
    display: block;
    float: left;
    height:90px;
    padding: 1px;
    width: 130px;
}

.CadreEvent .container .slides .EvCadre .descEvent{
	 width: 208px;
	 height:105px;
	 float:right;
}

.CadreEvent .container .slides .EvCadre .TitreEvent a{
	font-size:12px;
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
}

.CadreEvent .container .slides .EvCadre p{
	font-size:11px;
	color:#7A7A7A;
	margin:5px 0 0 0;
	padding:0;
}


.CadreEvent ul.pagination { width:250px; list-style:none; position:absolute; top:124px; left:3px; overflow:hidden; }
.CadreEvent ul.pagination li  { float:left; }
.CadreEvent ul.pagination li a { padding:2px 4px; text-decoration:none; color:#999999; }
.CadreEvent ul.pagination li.active a { color:#16c7f4; text-decoration:none; }


.navEv {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/bouton/btn.png) no-repeat scroll 0 0px;
	display:block;
	left:632px;
	position:absolute;
	top:118px;
	width:82px;
	height:18px;
}

.nextEv{
	background-image:url(../images/bouton/next.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

.prevEv{
	background-image:url(../images/bouton/prev.png);
	background-position:16px 4px;
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:18px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	text-indent:-5000px;
	width:38px;
}

/*/////////////////////////////////////////// Social netWorking ///////////////////////////////////////*/
.divSnw{
   width:302px;
   height:400px;
   border:1px solid #EBEBEB;
   float:left;
   margin-top:8px;
}

.divSnw h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#EBEBEB;
	border-bottom:1px solid #EBEBEB;
	color:#1578AF;
	font-size:14px;
	font-weight:bold;
	height:27px;
	line-height:25px;
	padding:0 0 0 10px;
	width:292px;
}

.divSnw h2 a{
    color:#1578AF;
    display:block;
    position:relative;
    width:290px;
    height:26px;
    text-decoration:none;
		text-transform:uppercase;
}

.divSnw .Facebook{
    width:294px;
	height:29px;
	background: url(../images/facebook.png) no-repeat;
	margin:4px 0 0 4px;
}

.divSnw  .incFb{
    width:292px;
	height:180px;
	margin:4px 0 0 4px;
	border:1px solid #EBEBEB;
}

.Twitter{
    width:292px;
	height:27px;
	background: url(../images/twitter.png) no-repeat 15px 5px;
	margin:4px 0 0 4px;
	border:1px solid #DEDDDD;
	background-color:#FFFFFF;
}

.divSnw .incTw{
    width:292px;
	height:110px;
	margin:4px 0 0 4px;
	border:1px solid #EBEBEB;
}

/*/////////////////////////////////////////// fin Social netWorking ///////////////////////////////////////*/

.divLastAvis{
   width:406px;
   height:auto;
   border:1px solid #EBEBEB;
   float:right;
   margin-top:8px;
}

.divLastAvis h2{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#EBEBEB;
	border-bottom:1px solid #EBEBEB;
	color:#1578AF;
	font-size:14px;
    font-weight:bold;
	height:27px;
	line-height:25px;
	padding:0 0 0 10px;
	width:396px;
}

.divLastAvis h2 a{
    color:#1578AF;
    display:block;
    position:relative;
    width:388px;
    height:26px;
	background:url(../images/icon/more.png) no-repeat right ;
    text-decoration:none;
	text-transform:uppercase;
}

.divLastAvis .avis{
    width:396px;
    height:116px;
	border-bottom:1px solid #EBEBEB;
	margin:5px;
}

.divLastAvis .avis .hotelName{
    font-size:12px;
    color:#666666;
	text-decoration:none;
}

.divLastAvis .avis p {
    width:386px;
    height:auto;
	margin:4px 0 4px 1px;
	border:1px solid #EBEBEB;
	padding:3px;
	background-color:#F5F5F5;
}

.divLastAvis .avis p a{
    font-size:11px;
    color:#666666;
	text-decoration:none;
}

.divLastAvis .avis .CltName{
    font-size:11px;
    color:#1578AF;
}

.divLastAvis .avis .Cmtdt{
    font-size:11px;
    color:#666666;
}

.zonePub2{
    width:720px;
    height:90px;
    margin-top:6px;
	background:#FFFFFF url(../images/pub2.jpg) no-repeat center;
	float:left;
}