@media only screen and (min-width:768px) and (max-width:995px){.content_res div.left_content_res div.bottom_contact div.info div.adresse{margin-left:25px !important;margin-top:4px;}
.panorama{width:600px !important;left:10% !important;}
#content-wrap{min-height:1100px}
#header .header_content{width:92%}
#header{width:100%;min-width:100%}
#home{position:relative;width:100%}
.content_res,#home div.content_res .recommandation{width:65%;top:15px}
#home .recommandation .left_content_res{width:95%!important}
#home .recommandation .right_content_res{width:100%!important}
div#TA_selfserveprop200.TA_selfserveprop div#CDSWIDSSP.widSSP.widSSPnarrow{width:60%!important;padding-bottom:7px;margin:40px auto 0}
h1{clear:both;margin:10px auto 0!important}
div#container .top_slid div.nex,div#container .top_slid div.preve{margin:0!important;display:inline-block;float:left;width:160px;position:relative}
div#container .top_slid div.nex{float:right}
#container .top_slid div.preve img.fleche_left{position:absolute}
#container .top_slid div.nex img.fleche_right{position:absolute}
.top_slid div.preve a,.top_slid div.nex a{margin-left:25px;margin-top:0;color:#8D8D8D;font-size:12px;clear:both;float:left!important;text-decoration:none}
http://darsultan.com/#container .top_slid div.nex a{margin-left:0;margin-top:0}
.top_slid{clear:both;width:100%;margin:0 auto;overflow:hidden;display:none;}
#home .content_res .left_content_res{width:92%;height:auto}
#home div.content_res .bottom_contact{width:100%;margin-left:0;clear:both;height:auto;margin-top:10px;}
div#home div.content_res div.right_content_res{width:100%}
.message{width:100%}
.content_res div.right_content_res div.contact form#myform div.message textarea#reqplaceholder.textarea{width:230px}
#content_slid div.right_slid div.reserver,#home div.content div.reserver{clear:both;float:none;margin:10px auto}
.content .cont_img{width:100%}
#container div#content-wrap div#home div.content_res div p{clear:both;float:none}
#content-wrap div#home div.content_res div.right_content_res div.contact form#myform{height:auto}
.send{overflow:hidden;margin:10px auto}
.TA_certificateOfExcellence{width:174px;margin:0 auto}
.ser_right{width:100%;text-align:justify}
.content_res div.left_content_res div.bottom_contact div.info div.adresse{margin-left:10px}
#footer{min-width:auto}
}
@media only screen and (max-width:400px){.content_res,#home div.content_res .recommandation{width:90%;margin-left:-80px;left:50%;top:15px}
#home .content{width:70%;margin-left:-80px;top:40px;max-height:3000px;height: auto;}
.image-block {float: none !important;margin: 20px auto !important;}
#pastille {display: none;}
}
@media only screen and (min-width:400px) and (max-width:768px){.content_res,#home div.content_res .recommandation{margin-left:-110px;left:50%;top:15px}
#home .content{width:70%;margin-left:-110px;top:40px;max-height:3000px}
#header .header_content{width:98%;}
}
@media only screen and (max-width:767px){#home .recommandation .left_content_res{margin:10px auto;width:90%;float:none;display:block;}
#content-wrap{min-height:1700px;}
#logo{width:300px;height:100px;margin:0 auto 5px}
#logo img{width:100%}
#header .header_content{width:100%}
#header{width:100%;min-width:100%}
#menu{position:relative;display:block;left:-221px;bottom:0;background:rgba(151,51,51,0.8);top:0;padding:0;margin:0;position:fixed;width:220px;z-index:999999;box-shadow:0 0 15px 0 rgba(0,0,0,0.3);overflow:scroll;}
#menu ul li{display:block;padding:14px 10px;width:90%;color:#fff;clear:both}
#menu ul li ul{margin:0;position:relative!important;display:block!important;left:0;width:98%}
#menu ul li ul li{width:160px;left:0;position:relative;display:block!important;background:rgba(190,0,2,0.6)}
#menu ul li ul li:hover{background:rgba(190,0,2,0.7)}
.black{background:#000;opacity:.7;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}
.menu-button{position:absolute;display:block;width:50px;height:35px;cursor:pointer;border-radius:2px;margin:0px;bottom:20px;left:0px;}
.menu-button::after{content:"";width:30px;height:0;position:absolute;right:10px;top:1px;display:block;box-shadow:0 8px 0 2px #FFF,0 16px 0 2px #FFF,0 24px 0 2px #FFF}
.showMenu{left:0!important}
#home{position:relative;width:100%}
#lang{float:right;margin-top:0}
#home .recommandation .left_content_res{width:95%!important}
#home .recommandation .right_content_res{width:100%!important}
div#TA_selfserveprop200.TA_selfserveprop div#CDSWIDSSP.widSSP.widSSPnarrow{width:80%!important;padding-bottom:7px;margin:40px auto 0}
h1{clear:both;margin:10px auto 0!important}
div#container .top_slid div.nex,div#container .top_slid div.preve{margin:0!important;display:inline-block;float:left;width:80px;position:relative}
div#container .top_slid div.nex{float:right}
#container .top_slid div.preve img.fleche_left{margin-left:0;margin-top:0;position:absolute;top:35%;left:5px}
#container .top_slid div.nex img.fleche_right{margin-left:0;margin-top:0;position:absolute;top:35%;right:5px}
.top_slid div.preve a,.top_slid div.nex a{margin-left:25px;margin-top:0;color:#8D8D8D;font-size:12px;clear:both;float:left!important;text-decoration:none}
#container .top_slid div.nex a{margin-left:0;margin-top:0}
.top_slid{clear:both;width:100%;margin:0 auto;overflow:hidden;display:none;}
#home .content_res .left_content_res{width:92%;height:auto}
#home div.content_res .bottom_contact{width:100%;margin-left:0;clear:both;height:auto;margin-top:10px;}
div#home div.content_res div.right_content_res{width:100%}
.message{width:100%}
.content_res div.right_content_res div.contact form#myform div.message textarea#reqplaceholder.textarea{width:230px}
#content_slid div.right_slid div.reserver,#home div.content div.reserver{clear:both;float:none;margin:10px auto}
.content .cont_img{width:100%}
#container div#content-wrap div#home div.content_res div p{clear:both;float:none}
#content-wrap div#home div.content_res div.right_content_res div.contact form#myform{height:auto}
.send{overflow:hidden;margin:10px auto}
.TA_certificateOfExcellence{width:174px;margin:0 auto}
.ser_right{width:100%;text-align:justify}
.content_res div.left_content_res div.bottom_contact div.info div.adresse{margin-left:10px}
#fleche img{height:40px;width:20px}
#footer{min-width:auto}
#footer .footer_right{margin:6px auto;float:none}
.panorama{display:none;}
.meteo{display:none;}
.header-2016{margin: 0 auto !important;}
}
@media only screen and (max-width:900px){#footer .footer_right{margin:6px auto;float:none}
}
.fs-slideshow img{
	width: 100%;
}
@media only screen and (min-width:980px){
	#home{width: 960px;}
}
@media only screen and (max-width:800px){
	#content-wrap {
		position: inherit;
	}
	.header-2016{
		margin: 0 auto;
	}
	#footer div {
		clear: left;
		text-align: center;
		width: 100%;
	}
}
@media only screen and (max-width:400px){
	.content_res, #home div.content_res .recommandation{
		
	}
}