/*********************************** En dessous de 1600px **************************************/
@media screen and (max-width: 1600px){
	#main{background-image: url(../images/bg_bottom_main1600_int.jpg);}
	#footer_links{background-image: url(../images/bg_footer_1600_int.jpg);}
}

/*********************************** En dessous de 1500px **************************************/
@media screen and (max-width: 1455px){
	.sf-menu li.sf-item-5 li:hover ul, .sf-menu li.sf-item-5 li.sfHover ul{left:auto !important; right:295px;}
}

/*********************************** En dessous de 1200px **************************************/
@media screen and (max-width: 1210px){
	#retour_haut{display: none !important;}
	.sf-menu li.sf-depth-1.last:hover ul, .sf-menu li.sf-depth-1.last.sfHover ul{left:auto !important; right:0;}
	.slideshow-video-event-elt{left: 55% !important;}
}
/*********************************** En dessous de 1050px **************************************/
@media screen and (max-width: 1050px){
	#main_container{width:995px;}
	.sf-menu li.sf-item-4 li:hover ul, .sf-menu li.sf-item-4 li.sfHover ul{left:auto !important; right:295px;}
}


/*********************************** En dessous de 1000px **************************************/
@media screen and (max-width: 1000px){
	body{margin-top: 0;}

	/* Responsive */
	#scroller .content > ul.menu li{line-height: 19px;}
	#scroller li a{padding: 11px 20px;}

	/*Menu header*/
	#header_menu_responsive_inner .open:after{
		content: 'MENU';
		position:absolute;
		right:-32px;
		top:11px;
		font-size:16px;
	}
	.block-locale-responsive{width: 70px;}
	.block-locale-responsive ul:hover{height: 139px !important;}
	.block-locale-responsive ul li a img{margin: 3px 5px 0 0;}

	#block-search-0, .bloc-menu-secondaire, .block-superfish{display: none;}

	/*Logo*/
	.not-front #logo-title{margin-left: -350px;}

	/*main*/
	#main{margin-top: 130px;}
	#main_container, .not-front #main_container{
		max-width: 737px; 
		background:#fff;
	}
	.not-front #main-inner{padding: 0;}
	.not-front #main_container{padding-top: 0;}

	/*Content*/
	#content-header{margin-top: 15px;}
	.breadcrumb{margin-bottom: 10px;}
	.not-front #main #main-inner #content{width:434px; padding: 0 15px;}
	.not-front #content-area{padding: 10px 0;}
	address:before, address:after{width: 434px;}

	/*Page enfant*/
	.view-page-enfant.view-display-id-block_2 .views-row, .view-page-enfant.view-display-id-block_2 .views-row a{
		width: 211px; height: 211px;}
	.view-page-enfant.view-display-id-block_2 .views-row.views-row-3, .view-page-enfant.view-display-id-block_2 .views-row.views-row-6, .view-page-enfant.view-display-id-block_2 .views-row.views-row-9, .view-page-enfant.view-display-id-block_2 .views-row.views-row-12, .view-page-enfant.view-display-id-block_2 .views-row.views-row-15, .view-page-enfant.view-display-id-block_3 .views-row.views-row-3, .view-page-enfant.view-display-id-block_3 .views-row.views-row-6, .view-page-enfant.view-display-id-block_3 .views-row.views-row-9, .view-page-enfant.view-display-id-block_3 .views-row.views-row-12, .view-page-enfant.view-display-id-block_3 .views-row.views-row-15{
		margin-right: 12px;
	}
	.view-page-enfant.view-display-id-block_2 .views-row.views-row-even{margin-right: 0;}

	/*Footer links*/
		#footer_links{height:525px; background-color: #fff;}

		/* Ico footer links */
		.ico_footer_links{margin: 0 0 40px;}
		.ico_footer_links ul li.weekend{margin-left: 0;}
		.ico_footer_links ul li.weekend a{font-size: 30px;}
		.ico_footer_links ul li.weekend a .and{font-size: 33px; top: 45px; right: 169px;}

		.ico_footer_links ul li.bonsplans{margin-left: 9px;}
		.ico_footer_links ul li.bonsplans a{font-size: 28px;}

		.ico_footer_links ul li.commentvenir{margin-right: 0;}
		.ico_footer_links ul li.commentvenir a, .ico_footer_links ul li.commentvenir a span.bleu{font-size: 28px;}
		.ico_footer_links ul li.commentvenir a span.bigger{font-size: 32px;}
		.ico_footer_links ul li.commentvenir a span.bleu .belle-ile{font-size: 27px;}

		.ico_footer_links ul li a span.big{font-size: 43px;}


		/* Medias footer */
		.bloc_medias_footer{
			width: 350px;
			margin: -4px 0 0;
		}
		.bloc_medias_footer ul li{margin: 0 55px 30px 0;}
		.bloc_medias_footer ul li a{padding-top: 42px;}



	/*Footer*/
	.bloc_newsletter{margin-top: 0;}
	.bloc_infos_ot .contact{padding-left: 285px;}
	.bloc_infos_ot .description{padding-top: 20px;}

	/*Closure*/
	#block-menu-menu-footer{float: right;}
	#block-menu-menu-footer ul li{border: none; padding: 0 15px;}
	#block-menu-menu-footer .block-inner ul.menu li a{font-size: 1.2em; color: #fff;}
	#block-menu-menu-footer .block-inner ul.menu li a:hover {color: #1c565f;}

	/*Tourisme liste*/
	.not-front #tabs li.aFrame{
		float: none;
		margin: 0 auto 10px;
		width: 340px !important;
		height: 470px;
	}
	#tabs li.last{margin: auto !important;}
	.select-nav-mode{display: none;}
	#tab-1{margin-top: 0;}
	.not-front #content-area #tabs li.col2 .listePhoto{height:196px;}
	#tabs .col2 .listeBoutons{
		position:absolute;
		right: 15px;
		margin: 0;
	}

	/*Detail tourisme*/
	.not-front.detail_module_tourisme.sidebar-right #main #main-inner #content{width: 707px;}
	.detail_module_tourisme #sidebar-right{top: 40px; width: 225px;}

	.detail_module_tourisme #content-header h1.title{width: 500px;}
	.detail_module_tourisme #toolbar{margin-right: 200px;}

	#mode_detail .detailOnglet td{height: 50px; line-height: 50px;}
	#mode_detail .detailOnglet td.onglet-description a,
		#mode_detail .detailOnglet td.onglet-photos a {
			background-image: url("https://srcplib.dnsroute.fr/imgs/static/detail/responsive/photo.png");
		}
	#mode_detail .detailOnglet .detailBoutonCarnetVoyage a, #mode_detail .detailOnglet .detailBoutonCarnetVoyage a:hover{background-position: center 6px;}
	#mode_detail .detailOnglet .detailBoutonCarnetVoyage a.removeFromTravelCart, #mode_detail .detailOnglet .detailBoutonCarnetVoyage a.removeFromTravelCart:hover{background-position: center -44px;}
	.detailDiaporama{width: 71% !important;}
	.FormContact{width: 100%;}
	.FormContact #stay_start_id-wrapper, .FormContact #stay_end_id-wrapper{width: 65%;}
	.purpose-mailing-optins-wrapper .form-item label{padding-right: 3%;}

	#tourismeConteneur .detailHeaderAvis{padding-bottom: 100px;}
	#tourismeConteneur .detailHeaderAvis.pas-davis{padding-bottom: 125px;}
	#tourismeConteneur .detailHeaderAvis .avis-bouton, #tourismeConteneur .detailHeaderAvis .avis-bouton.deposerAvis, #tourismeConteneur .detailHeaderAvis .avis-bouton.tousAvis{
		float: none;
		position: static;
		width: 100%;
	}
	#tourismeConteneur .detailHeaderAvis .avis-bouton.deposerAvis.noavis{width: 100%;}
	#tourismeConteneur .detailHeaderAvis .avis-bouton a, #tourismeConteneur .detailHeaderAvis .avis-bouton.deposerAvis.noavis a{padding: 10px 0;}
	#tourismeConteneur .detailHeaderAvis .avis-bouton.tousAvis:before{content: none;}

	/* bons plans */
	.responsive .bon-reduc-bonplan {
		top: -26px;
		left: -71px;
	}	
	.bon-reduc-left{margin-left: 11%;}
}

/************************************************* En dessous de 768px *********************************/
@media screen and (max-width: 737px){
	/*Logo*/
	.not-front #logo-title{margin-left: -200px;}

	/*main*/
	.not-front #main_container{
		max-width: 480px; 
	}
	#main{padding-bottom: 150px;}

	/*Content*/
	.not-front #main #main-inner #content{width: 450px;}
	address:before, address:after{width: 450px;}
	
	/*Sidebar right*/
	.not-front .bloc_reserver{margin: 0 auto 20px; width:273px;}
	#block-views-banniere-block_1{margin: 0 auto;}

	/* Footer links */
	#footer_links{height:850px;}
	#footer_links-inner{overflow: visible;}

	.ico_footer_links{margin: 0 0 4px;}
	.ico_footer_links ul li.weekend, .ico_footer_links ul li.bonsplans{margin-top: -8px;}
	.ico_footer_links ul li.bonsplans{margin-left: 40px;}
	.ico_footer_links ul li.commentvenir{margin-right: 98px;}

	.bloc_destinations{
		float: none;
		margin: 0 auto;
	}

	.bloc_medias_footer{
		width:380px;
		margin: 40px auto 0;
	}
	.bloc_medias_footer ul li{margin-right: 62px;}
	.bloc_medias_footer ul li a{
		color: #20616a;
		color: rgba(32,97,106,0.7);
		padding-top: 55px;
		background-image: url(../images/responsive/ico_medias.png);
	}
	.bloc_medias_footer ul li.carte, .bloc_medias_footer ul li.brochures{margin-right: 0;}
	.bloc_medias_footer ul li a:hover{color: #104e57;}

	/*Footer*/
	#footer{padding-top: 15px;}
	.bloc_newsletter{float:none; margin: 0 auto 50px;}

	.bloc_infos_ot .infos{float:none; padding-left: 85px; margin-bottom: 30px;}
	.bloc_infos_ot .contact{float:none; padding-left: 155px;}

	.bloc_infos_ot .description > p{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 25px;
		-moz-column-gap: 25px;
		column-gap: 25px;
	}

	.bloc_reseaux_sociaux{overflow: visible;}
	.bloc_reseaux_sociaux ul li.instagram{margin-right: 0;}

	
	.bloc_reseaux_sociaux .reseaux_sociaux, .bloc_reseaux_sociaux .logos{
		float: none; clear:both; 
		padding: 0;
		text-align: center;
	}
	.bloc_reseaux_sociaux .logos{padding-top: 50px;}
	.bloc_reseaux_sociaux .reseaux_sociaux ul li, .bloc_reseaux_sociaux .logos ul li{
		display: inline-block; 
		float: none;
		margin: 0 25px 0 0;
	}

	/*Tourisme*/
	#resultPresentation .nombre-resultat{font-size: 2.5em;}
	#form_recherche #search_engine form.search-tourism-form fieldset{background: none;}
	#form_recherche #search_engine form.search-tourism-form fieldset.fieldset_name{border: none;}
	.search-engine-wrapper{background-image: none;}
	#resultPresentation .nombre-resultat{
		margin-top: 0; 
		padding: 8px 0 8px 65px;
		float: none;
		display: inline-block!important;
	}

	/*Detail tourisme*/
	.detail_module_tourisme #block-tourism_travel_cart-travel_cart_tourism{display: none;}
	.detail_module_tourisme #toolbar{margin-right: 0;}
	.not-front.detail_module_tourisme.sidebar-right #main #main-inner #content, .detail_module_tourisme #content-header h1.title{width: 450px;}

	#tourismeConteneur .detailHeaderAvis.pas-davis{padding-bottom: 130px;}
	#tourismeConteneur .detailHeaderAvis .avis-bouton.deposerAvis{right: 0;}
	#tourismeConteneur .detailHeaderAvis .pasdAvis{text-align: center;}
	#tourismeConteneur .detailHeaderAvis .avis-bouton.deposerAvis.noavis{width: 100%;}

	#tourismeConteneur .detailFicheContent .prestations li{width: 100%;}
	#tourismeConteneur .detailFicheContent .prestations li + li{margin: 0; padding: 0; border: none;}
	#tourismeConteneur .detailFicheContent .prestations > li{margin-bottom: 10px;}

	.FormContact label{width: 30%;}
	.FormResaRecap{margin: 10px 0 20px;}
	.FormContact .captcha .form-text{width: 48%;}

	/* bons plans */
	.bon-reduc-left{width: 82%; margin-left: 18%;}
	.bon-reduc-right{width: 100%;}

	.bon-reduc-code{margin-top: 15px;}
	.bon-reduc-bouton{margin: 8px auto 15px;}

	.bon-reduc-expire{margin: 0 23%;}
	.bon-reduc-expire-temps{height: 55px;}
	.bon-reduc-expire-label{margin-top: 10px;}
	.bon-reduc-temps-jour{width: 25%;}
	.bon-reduc-temps-heure{width: 70%;}
	.bon-reduc-temps-heure .bon-reduc-temps-label{margin-left: 10%;}
	.bon-reduc-temps-heure .bon-reduc-temps-label span{width: 27%;}

}




/************************************************* En dessous de 480px *********************************/
@media screen and (max-width: 479px) {
	/*Logo*/
	.not-front #logo-title{top:50px; margin-left: -140px;}
	#logo{position: static;}
	#logo-title img{width:60%; height:auto; max-width: none;}

	#page{margin-top: 15px;}
	
	/*main*/
	.not-front #main_container{max-width: 320px;}

	.not-front #main #main-inner #content{width: 310px;padding: 0;}
	address:before, address:after{width: 310px;}

	/*Page enfant*/
	.view-page-enfant.view-display-id-block_2 .views-row, .view-page-enfant.view-display-id-block_2 .views-row.views-row-even,.view-page-enfant.view-display-id-block_2 .views-row.views-row-3, .view-page-enfant.view-display-id-block_2 .views-row.views-row-6, .view-page-enfant.view-display-id-block_2 .views-row.views-row-9, .view-page-enfant.view-display-id-block_2 .views-row.views-row-12, .view-page-enfant.view-display-id-block_2 .views-row.views-row-15, .view-page-enfant.view-display-id-block_3 .views-row.views-row-3, .view-page-enfant.view-display-id-block_3 .views-row.views-row-6, .view-page-enfant.view-display-id-block_3 .views-row.views-row-9, .view-page-enfant.view-display-id-block_3 .views-row.views-row-12, .view-page-enfant.view-display-id-block_3 .views-row.views-row-15{float: none; margin: 0 auto 10px;}

	/*Footer links*/
	#footer_links{height: 970px;}
	#footer_links-inner{margin: 0;}

	.ico_footer_links ul li{margin: 0 0 10px 30px !important;}
	.ico_footer_links ul li.weekend{margin-left: 61px !important;}
	.ico_footer_links ul li.commentvenir{float: left;}

	.bloc_medias_footer{width: 320px;}
	.bloc_medias_footer ul li{margin: 0 20px 30px 23px;}

	/*Footer*/
	.bloc_infos_ot h2{font-size: 2.5em;}
	.bloc_infos_ot .infos{padding-left: 0;}
	.bloc_infos_ot .infos p.tel{font-size: 1.5em;}
	.bloc_infos_ot .infos p{font-size: 1.1em;}
	.bloc_infos_ot .contact{padding-left: 70px;}
	.bloc_infos_ot .description > p{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.bloc_reseaux_sociaux{padding-bottom: 5px;}
	.bloc_reseaux_sociaux ul li{margin-bottom: 34px;}
	.bloc_reseaux_sociaux .logos ul li{margin-right: 13px;}

	/*Closure*/
	#block-menu-menu-footer{margin-top: 62px;}
	#block-menu-menu-footer ul li{padding: 0 9px;}

	/*Tourisme*/
	.not-front #tabs li.aFrame{
		width: 310px !important;
		height: 470px;
	}
	#tabs li.col2 > a{width: 310px;padding: 0;}

	#tabs li .commune, #tabs .col2 .listeResume{padding: 0 5px;}
	#tabs .col2 .listeAvis{top: 0;right: 0;}
	#tabs .col2 .listeBoutons{
		top: 222px;
		right: 0;
		opacity: 1;
	}

	/*Detail tourisme*/
	.not-front.detail_module_tourisme.sidebar-right #main #main-inner #content, .detail_module_tourisme #content-header h1.title{width: 310px;}

	#tourismeConteneur .detailHeader .detailLiens, #tourismeConteneur .detail-site-internet{padding: 0;}
	#tourismeConteneur .detail-site-internet{margin: 6px 6px 0;}
	#tourismeConteneur .detailHeaderAvis.pas-davis{padding-bottom: 90px;}

	.detailHeaderSidebar, .detailHeaderDescription{width: 100%; float: none;}
	.detailDiaporama{width: 100% !important;}
	
	.FormContact label{width: 50%;}

	/* bons plans */
	.bon-reduc-left{width: 77%; margin-left: 23%; padding-bottom: 70px;}
	.bon-reduc-validite{width: 83%;bottom: 35px;}
	.bon-reduc-expire{margin: 0 10%;}
	.bon-reduc-temps-heure .bon-reduc-temps-label{margin-left: 7%;}
	.bon-reduc-temps-heure .bon-reduc-temps-label span{width: 28%;}
}