/* --------------------------------------------------------------------------------------------------------------- */
/* 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 							{  }
header.page-type 				{ position: absolute; top: 0; }
#content_header 				{ display: none !important; }
#content_header_top 			{ width: 100%; }
#logo							{ width: 195px; height: auto; top: 30px; right: 0; margin: 0 auto; }
#logo img 		 				{ width: 100%; height: 100%; }
header.small 					{ top: -10px; height: 70px; }
header.small #logo 				{ top: 20px; }
#Icon_Bar_Over 					{ width: 100%; }
/* Bloc téléphone et flage trad */
#phone_number 					{ width: auto; top: 3px; margin: 0 auto; left: 8px; text-align: left; }
header.small #phone_number 		{ top: -10px; }
div#Flag 						{ right: 0; padding: 8px 0 0 0; }
header.small div#Flag 			{ top: -10px; }
/* 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 - Nouvelle version module Responsive Menu */
/*
.responsive-menu-box 					{ position: static; }
#responsive-menu-button 				{ top: 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; }
#responsive-menu-button:hover 			{ background: #99cc00; }
#responsive-menu-button.small 		 	{ top: 15px; }
#responsive-menu-button.is-active 		{ display: none !important; }
#responsive-menu 						{ background: transparent !important; }
#responsive-menu-container,
#responsive-menu-container #responsive-menu-wrapper 			{ background: rgba(60, 79, 2, 0.7); }
#responsive-menu-container #responsive-menu-title,
#responsive-menu-container #responsive-menu-title:hover 		{ background: transparent; color: #99cc00; border-bottom: 1px solid #719700; }
#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 #719700; border-top: 0 none; color: #99cc00; }
#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(70, 93, 0, 0.5); border-bottom: 1px solid #719700; }
*/	

/* Sauvegarde ancienne version module Responsive Menu
	#click-menu 					{ top: 10px; left: 15px !important; right: auto; padding: 7px; border: 1px solid #c3e15e; 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: 15px; left: 15px !important; }
	#click-menu img,
	#click-menu .threeLines 		{ margin: 0 !important; }
	*/
/* Modification plugin Menu responsive */
/*#responsive-menu 															{ background: rgba(225, 225, 225, 0.9); position: fixed !important; }
#responsive-menu #responsive-menu-title,
#responsive-menu .responsive-menu li,
#responsive-menu .responsive-menu li a 										{ background: transparent !important; font-family: oswaldmedium !important; }
#responsive-menu .responsive-menu li.current-menu-item > a,
#responsive-menu .responsive-menu li.current-menu-item > .appendLink,
#responsive-menu .responsive-menu li.current_page_item > a,
#responsive-menu .responsive-menu li.current_page_item > .appendLink,
#responsive-menu .responsive-menu li a:hover 								{ color: #99cc00 !important; background: rgba(255, 255, 255, 0.5) !important; }
#responsive-menu .responsive-menu li.current-menu-item > a:hover,
#responsive-menu .responsive-menu li.current-menu-item > .appendLink:hover,
#responsive-menu .responsive-menu li.current_page_item > a:hover,
#responsive-menu .responsive-menu li.current_page_item > .appendLink:hover 	{ background: transparent !important; }
#responsive-menu .appendLink 												{ background: rgba(27, 27, 27, 0.5) !important; }
#responsive-menu .appendLink:hover 											{ background: rgba(70, 70, 70, 0.5) !important; }
*/
/* Fix pour cacher le bouton de fermeture du menu responsive */
#responsive-menu-container 										{ z-index: 99999; }
button#responsive-menu-button 										{ top: 32px; 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: 12px; }
/* Bouton pour ouvrir le widget résa sur la version mobile */
#btn_resa-responsive 											{ width: 70px; height: 30px; display: block; position: absolute; top: 35px; right: 5px; text-align: center; font-size: 15px; font-weight: bold; line-height: 2.2; color: #fff; background: #1e796c; 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: 25px; }
/* Bouton permettant la fermeture du bloc du Widget de résa */
.btnClose 														{ width: 20px; height: 20px; display: block; position: absolute; top: 15px; right: -6px; font-size: 20px; color: #fff; font-weight: bold; }

/* Widget résa */
#widget_resa .radio_label 											{ width: 100%; }
.content-resa_img-header .sidebar-container.responsive 				{ width: 100%; height: 100%; position: fixed; right: -100%; top: 81px; bottom: auto; left: auto; overflow-y: scroll; 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 .sidebar-container.responsive .widget-area	{ width: auto; height: 615px; padding: 0 15px 75px; background-size: 100% 100%; box-shadow: inset 0 1px rgba(0, 0, 0, 0.8); }
.content-resa_img-header.accueil .sidebar-container.responsive 		{ top: 81px; z-index: 110; }
.content-resa_img-header .sidebar-container.responsive.open 		{ right: 0; }
#widget_resa h2 												{ width: 205px; overflow: hidden; }
#widget_resa ul 												{ float: none; }
#widget_resa li 												{ font-size: 19px; margin: 5px 0 !important; }
#widget_resa li:nth-child(-n+2) 								{ width: 100%; }
#widget_resa li:last-child 										{ float: right; }
#widget_resa input[type='text'] 								{ width: 102px; padding: 0 0 0 13px; float: right; font-size: 18px; background-position: 92px 4px; }
#widget_resa li .sbHolder 										{ width: 110px; margin: 0; }
#widget_resa li .sbHolder .sbSelector 							{ font-size: 18px; text-indent: 4px; }
#widget_resa li .sbHolder .sbOptions 							{ width: 115px; z-index: 10; }
#widget_resa li .sbHolder .sbOptions li 						{ width: 100px; padding: 0 0 0 10px; }
#widget_resa li .sbHolder .sbOptions li a 						{ font-size: 17px; }
#widget_resa #btn 												{ float: none; margin: 0 auto; }
.ui-datepicker 													{ display: block; z-index: 10 !important; }
/* 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; }
#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) {

#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; }
}