/* --------------------------------------------------------------------------------------------------------------- */
/* Résolution inférieur à 1386px
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1386px) {
/* Widgets Ctoutvert */
#widgets_ctoutvert 					{ height: auto; clear: both; }
#widgets_ctoutvert #content_widgets { width: 70%; clear: both; }
#widgets_ctoutvert #widget_avis,
#widgets_ctoutvert #widget_offres 	{ width: 100%; height: auto; margin: 0 0 15px; float: left; }
}


/* --------------------------------------------------------------------------------------------------------------- */
/* Résolution inférieur à 1100px
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1100px) {

#container 						{ overflow: hidden; }

/* header */

header 							{ height: 110px; /*background: url("images/bg_menu-smart.png") repeat-x; */}
header.page-type 				{ position: absolute; top: 0; }
header #bandeau_nouveaute		{ display: none; }
#content_header 				{ display: none !important; }
.bg_band .content_band 			{ width: 100%; }
#content_header_top 			{ width: 100%; }
#logo 							{ right: 0; margin: 0 auto; top: 5px; }
header.small h1#logo.accueil 	{ top: 50px; }
#Icon_Bar_Over 					{ width: 100%; }
/* Flower camping bannière  */
#btn_lateral_left #flower_camping { display: none; }
/* Bloc téléphone et flage trad */
#phone_number 					{ margin: 0 auto; left: 0; right: 0; }
div#Flag 						{ width: 65px; right: 5px; }
/* Logo Castel */
#logo_castel 					{ top: 150px; }
header.small #logo_castel 		{ top: 80px; }
/* Menu */
#click-menu.click-menu-active 	{ display: none; }
/* position du bouton du menu de navigation */
#click-menu 					{ top: 44px; left: 15px !important; right: auto; padding: 5px; border: 1px solid #70dcff; position: fixed; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
#click-menu.small 		 		{ top: 8px; left: 15px !important; }
#click-menu #RM3Lines 			{ margin: 0 !important; }
/* Menu */
#click-menu.click-menu-active 			{ display: none; }
button#responsive-menu-button 			{ top: 54px !important; position: fixed; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
button#responsive-menu-button.small 	{ top: 3px !important; }
/* position du bouton du menu de navigation - Nouvelle version module Responsive Menu */
.responsive-menu-box 					{ position: static; }
#responsive-menu-button.is-active 		{ display: none !important; }
#responsive-menu 						{ background: transparent !important; }
#responsive-menu-container,
#responsive-menu-container #responsive-menu-wrapper 			{ background: rgba(37, 0, 40, 0.7); }
#responsive-menu-container #responsive-menu-title,
#responsive-menu-container #responsive-menu-title:hover 		{ background: transparent; color: #db8ee3; border-bottom: 1px solid #84358c; }
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child a  	{ border-top: 0 none; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow,
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active 		{ height: 40px; color: inherit; background-color: rgba(31, 66, 89, 0.5); border-left: 1px solid #6c8ca2; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover,
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover 	{ background-color: rgba(31, 66, 89, 0.5); border-left: 1px solid #6c8ca2; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a,
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover 	{ background: rgba(0, 0, 0, 0.4); border-bottom: 1px solid #84358c; border-top: 0 none; color: #db8ee3; }
#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link,
#responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover  { background: rgba(132, 53, 140, 0.5); border-bottom: 1px solid #84358c; }

/* Bouton pour ouvrir le widget résa sur la version mobile */
#btn_resa-responsive 											{ width: 40px; height: 40px; position: absolute; top: 60px; right: 8px; background: url("images/icon_btn-resa.png") no-repeat #3caa34; background-size: 27px; background-position: center; border: 1px solid #98df93; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
header.small #btn_resa-responsive 								{ top: 60px; }
/* Widget résa */
#widget_resa 													{ width: 100%; }
#widget_resa .radio_label 										{ width: 100%; }
.sidebar-container.responsive aside.widget_text 				{ padding: 0; }
.content-resa_img-header .sidebar-container.responsive 			{ width: 300px; height: 310px; z-index: 160; padding: 10px; position: fixed; right: -320px; top: 185px; left: auto; display: block !important; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; }
.content-resa_img-header.small .sidebar-container.responsive 	{ top: 75px; }
.content-resa_img-header.accueil .sidebar-container.responsive 	{ top: auto; bottom: 70px; }
.content-resa_img-header .sidebar-container.responsive.open 	{ height: 240px; right: 0; }
#widget_resa form 												{ height: auto; }
#widget_resa h2 												{ height: auto; }
#widget_resa ul 												{ float: none; }
#widget_resa li 												{ width: auto; font-size: 16px; margin: 5px 0 !important; }
#widget_resa li:nth-child(-n+2) 								{ width: 100%; }
#widget_resa li.label:last-child 								{ width: 100%; }
#widget_resa li:last-child 										{ float: right; }
#widget_resa input[type='text'] 								{ width: 123px; float: right; font-size: 15px; background-position: 106px 4px; }
#widget_resa li .sbHolder 										{ margin: 0; padding: 0; float: left; }
#widget_resa li .sbHolder .sbSelector 							{ width: 100%; font-size: 18px; text-indent: 4px; }
#widget_resa li .sbHolder .sbOptions 							{ width: 130px; z-index: 10; }
#widget_resa li .sbHolder .sbOptions li 						{ width: 115px; padding: 0 0 0 10px; }
#widget_resa li .sbHolder .sbOptions li a 						{ font-size: 17px; }
#widget_resa .btn 												{ position: absolute; float: none; margin: 0 auto; left: 0; right: 0; bottom: 20px; }
#widget_resa .button 											{ float: none; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; }
.ui-datepicker 													{ display: block; }
/* Background image page d'accueil */
.bg_image 														{ background-position: center; }

/* Contenu page d'accueil */
.accueil#container #content 												{ width: 100%; padding: 15px 0 0; }
.accueil#container #content .vc_row:nth-child(3)							{ padding: 0 15px; }
.accueil#container #content .vc_row:nth-child(3) .wpb_content_element 		{ margin: 0 0 30px; }
.accueil#container #content .vc_row:nth-child(3) .vc_single_image-wrapper 	{ width: 100%; }
.accueil#container #content .vc_row:nth-child(2) .vc_column_container 		{ padding: 0; }
.accueil#container #content .vc_row:nth-child(2),
.fil-ariane_resa 														{ width: 90%; margin: 0 auto 25px; }
.fil-ariane_resa .vc_column_container									{ left: 0 !important; margin: 0 0 15px; padding: 0 !important; overflow: hidden; }
.fil-ariane_resa .vc_column_container img 								{ width: 112%; position: relative; left: -15px; }
.fil-ariane_resa .vc_column_container:nth-child(1) img 					{ left: -8px; }
/* Contenu page type */
#content 							{ padding: 0; }
#container.accueil #wrap,
#wrap 								{ width: 100%; }
#text 								{ width: 95%; min-height: 100%; margin: 20px 0 0; padding: 0 10px; left: 0; position: static; float: left; }
#text #title h2 					{ padding: 10px 0 0; border-top: 1px solid #ebebeb; }
.video iframe 						{ display: none; }
	/* Sidebar */
	#sidebar 						{ width: 100%; position: static; top: 0; float: left; }
	#sidebar.accueil 				{ margin: 75px 0 20px; }
	aside.widget_text 				{ width: auto; height: auto; margin: 0 auto; }
/* Fix Visual Composer */
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1,
.vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2,
.vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3,
.vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3,
.vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4,
.vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5,
.vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6,
.vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6,
.vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7,
.vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8,
.vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9,
.vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9,
.vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10,
.vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11,
.vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12,
.vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 	{ margin-bottom: 45px; }
.wpb_single_image .vc_single_image-wrapper 		{ width: 100%; }

/* Réglage pour le module Essential Grid qui gère les 3 blocs d'images avec over sur la page d'accueil */
.content_accueil_ess-grid .esg-overflowtrick,
.content_accueil_ess-grid .esg-overflowtrick ul 			{ width: 100%; padding: 0; }
.content_accueil_ess-grid .esg-overflowtrick li 			{ width: 32.3% !important; }

/* Widgets Ctoutvert */
#widgets_ctoutvert #content_widgets { width: 90%; clear: both; }
#widgets_ctoutvert #widget_avis,
#widgets_ctoutvert #widget_offres 	{ width: 100%; height: auto; margin: 0 0 15px; }

/* Footer */
footer 							{ height: auto; }
footer.home 					{ height: 75px; position: static; }
footer.home #site-info 			{ margin: 7px 0 0; }
footer #info-cpy 					{ height: 80px; }
footer #adresse, 
footer #info-cpy #content_info-cpy 	{ width: 100%; }
#content_footer 				{ width: 100%; height: 75px; }
#copyright,
#site-info 						{ width: 100%; text-align: center; }
#text-ref 						{ width: 100%; padding: 15px 0; }
#text-ref p 					{ padding: 0 10px; }
	/* partenaires */
	#partenaires 				{ width: 100%; height: auto; }
	#partenaires ul 			{ width: 100%; }
	#partenaires li 			{ margin: 7px; }

}


/* --------------------------------------------------------------------------------------------------------------- */
/* Résolution inférieur à 800px
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 480px) and (max-width: 800px) {

/* Réglage pour le module Essential Grid qui gère les 3 blocs d'images avec over sur la page d'accueil */
.content_accueil_ess-grid .esg-overflowtrick,
.content_accueil_ess-grid .esg-overflowtrick ul 			{ height: 1080px !important; }
.content_accueil_ess-grid .esg-overflowtrick li 			{ width: 100% !important; margin: 0 0 10px !important; position: static !important; }
.content_accueil_ess-grid .esg-overflowtrick img 			{ width: 100% !important; }
.content_accueil_ess-grid .esg-overflowtrick .esg-slide,
.content_accueil_ess-grid .esg-overflowtrick .esg-slide a 	{ width: 100% !important; }

}


/* --------------------------------------------------------------------------------------------------------------- */
/* Résolution comprise entre 0 et 480px (mobile)
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 480px) {

.bg_band .content_band #info_mail 					{ display: none; }
.bg_band .content_band #info_tel 					{ width: 100%; float: none; margin: 0; }
.bg_band .content_band #info_tel:before 			{ display: none; }
.bg_band .content_band #info_tel .content_text 		{ float: none; }
.bg_band .content_band #info_tel p 					{ text-align: center; display: block; }
.bg_band .content_band #social_icon 				{ float: left; position: absolute; top: 0; }

#menu ul						{ width: 100%; padding-left: 0px; display: block; }
#menu li 						{ width: 100%; padding: 10px 0px; margin-bottom: 5px; }
#menu li a 						{ font-size: 21px !important; }

/* Réglage pour le module Essential Grid qui gère les 3 blocs d'images avec over sur la page d'accueil */
.content_accueil_ess-grid .esg-overflowtrick,
.content_accueil_ess-grid .esg-overflowtrick ul 			{ height: 1080px !important; }
.content_accueil_ess-grid .esg-overflowtrick li 			{ width: 100% !important; margin: 0 0 10px !important; position: static !important; }
	
}

@media screen and (min-width:0px) and (max-width:320px) {
#main h2, #main-blog h2			{ margin-left: 15px; margin-right: 15px; font-size: 11px; line-height: 13px; }
}