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

@media screen and (max-width: 1500px) {
 #wrap 								{ width: auto; }
 #text 								{ width: auto; padding: 80px 10px 0; }

}

/* --------------------------------------------------------------------------------------------------------------- */
/* 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; }

/* Fix pour le bouton du menu de navigation */
#click-menu .threeLines  			{ margin: 0 !important; }

}


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

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

#container 							{ overflow: hidden; }

/* Content Band header */
.bg_band .content_band 				{ width: 100%; }

/* header */
#content_header 					{ display: none !important; }
#content_header_top 				{ width: 100%; }
#Icon_Bar_Over 						{ width: 100%; }
/* Bloc téléphone et flage trad */
#phone_number 						{ left: 15px; }
div#Flag 							{ width: 90px; right: 5px; padding: 5px 0 0; }
div#Flag a 							{ width: 17px; margin: 3px; display: block; float: left; }
/* Menu */
#click-menu.click-menu-active 		{ display: none; }
/* position du bouton du menu de navigation */
#click-menu 						{ padding: 7px; border: 1px solid #9ae0fd; 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; }
/* 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(9, 28, 41, 0.7); }
#responsive-menu-container #responsive-menu-title,
#responsive-menu-container #responsive-menu-title:hover 		{ background: transparent; color: #b9dbf3; border-bottom: 1px solid #2d516a; }
#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 #2d516a; border-top: 0 none; color: #b9dbf3; }
#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(29, 119, 181, 0.5); border-bottom: 1px solid #2d516a; }

/* Bandeau haut de page pour les boutons Menu secondaire et Widget Résa sur la version mobile */
#bandeau_top-responsive 										{ width: 100%; height: 90px; background: rgba(0, 50, 78, 0.7); border-bottom: 1px solid #9ae0fd; position: fixed; top: 0; z-index: 10006; 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 													{ z-index: 10007; }
button#responsive-menu-button 									{ height: 48px; top : 128px; left: 5px; 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: 14px; }
/* Bouton pour ouvrir le widget résa sur la version mobile */
#btn_resa-responsive 											{ width: auto; height: 35px; display: block; position: absolute; top: 55px; right: 15px; padding: 0 10px; color: #fff; font-weight: bold; line-height: 2.3; background: #1dabcf; background-size: 27px; background-position: center; border: 1px solid #b0efff; 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: 14px; }
#btn_menu-responsive 											{ width: 45px; height: 45px; position: fixed; top: 35px; right: 0; left: 0; margin: 0 auto; z-index: 110; cursor: pointer; background: url("images/icon_btn_secondary-nav.png") no-repeat #08a7ea; background-size: 27px; background-position: center; border: 1px solid #9ae0fd; 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; }
	/* Bandeau haut de page réduit "small" */
	#bandeau_top-responsive.small 									{ top: -25px; }
	#bandeau_top-responsive.small #btn_resa-responsive,
	#bandeau_top-responsive.small #btn_menu-responsive 				{ top: 10px; }
	#click-menu.small 												{ top: 10px; }
/* Bouton arrow down */
#btn_arrow-down 												{ bottom: 20px; }
/* Menu langue traduction */
#social-trad 													{ width: 155px; z-index: 10009; }
/* Menu secondaire */
#content_mini-nav 												{ width: 50%; position: fixed; top: -200px; right: 0; left: 0; margin: 0 auto; 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_mini-nav.open 											{ top: 70px; }
#content_mini-nav #mini-nav 									{ width: 100%; }
#content_mini-nav #mini-nav li									{ width: 100% !important; height: 20px; margin: 25px 0 0 !important; float: none !important; }
#content_mini-nav #mini-nav li a 								{ padding: 6px 0; }
/* 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: 275px; z-index: 160; padding: 10px; /*background: rgba(182, 219, 245, 0.9);*/ background-size: 100% 100%; /*box-shadow: inset 0 1px rgba(0, 0, 0, 0.8);*/ position: fixed; right: -340px; 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 	{ right: 0; }
#widget_resa form 												{ height: auto; }
#widget_resa h3 												{ font-size: 20px; margin: 0; }
#widget_resa ul 												{ float: none; }
#widget_resa li 												{ width: 100%; font-size: 16px; margin: 5px 0 !important; }
#widget_resa li:nth-child(-n+2) 								{ width: 100%; }
#widget_resa .label 											{ float: left; }
#widget_resa li.label:last-child 								{ width: 100%; }
#widget_resa input[type='text'] 								{ width: 140px; float: right; font-size: 15px; background-position: 120px 6px; }
#widget_resa li .sbHolder 										{ width: 100%; margin: 0; padding: 0; float: left; }
#widget_resa li .sbHolder .sbSelector 							{ width: 100%; font-size: 16px; text-indent: 4px; }
#widget_resa li .sbHolder .sbOptions 							{ width: 270px; z-index: 10; }
#widget_resa li .sbHolder .sbOptions li 						{ width: 250px; padding: 0 0 0 10px; }
#widget_resa li .sbHolder .sbOptions li a 						{ font-size: 15px; }
#widget_resa .btn 												{ position: absolute; float: none; margin: 0 auto; left: 0; right: 0; bottom: 20px; }
/*.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),
/* Contenu page type */
#content 							{ width: 100%; padding: 0; }
#container.accueil #wrap,
#wrap 								{ width: 100%; }
#text 								{ width: auto; 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; }
/* Réglage Footable */
.footable-row-detail-row 			{ width: 100%; display: block; line-height: 1.7em !important; border-bottom: 1px solid #c6c6c6; float: left; padding: 10px 0; }
.footable-row-detail-name 			{ width: 65%; display: block; float: left; }
.footable-row-detail-value 			{ widows: block; float: right; }
	/* 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: 15px; }*/
.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; float: left; }
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%; }
#bottom_footer 						{ padding: 25px 0 0; }
#content_footer 					{ width: 100%; height: 75px; }
#content_copyrt,
#site-info 							{ width: 100%; text-align: center; }
#site-info_partenaires 				{ width: auto; }
#texte_ref 							{ width: auto; }
#content_copyrt .right,
#content_copyrt .left 				{ width: 100%; text-align: center; }
	/* partenaires */
	#partenaires 						{ width: 100%; height: auto; }
	#partenaires #border-center 		{ display: none; }
	#partenaires ul 					{ width: 100%; height: auto; }
	#partenaires li 					{ margin: 7px; }
	#partenaires li:last-child 			{ clear: both; float: none; }

	#partenaires li:nth-last-child(2)  	{ margin: 7px 0 0 7px; }
#copyrt 							{ padding: 0 0 10px 0; float: left; }
}


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

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

/* Background_header */
#background_header #photo_header #decor_left,
#background_header #photo_header #decor_right				{ display: none; }

#info_mail,
#info_tel  													{ display: none; }

/* 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) {

/* Header */
header 								{ height: 127px; }

/* Container */
#container 							{ z-index: auto; }

/* Logo */
#logo 								{ width: 200px; right: 0; margin: 0 auto; top: 12px; transition: top .4s linear; -moz-transition: top .4s linear; -webkit-transition: top .4s linear; -o-transition: top .4s linear; }
#logo.small 						{ left: 0; }

/* Logo Flower */
#logo_Flower 						{ width: 40px; height: 40px; top: -41px; z-index: 10; }

/* Content Band Setting (trad, date, social) */
.bg_band#website_setting .content_band > div 	{ width: auto; }
#trad_flag ul 						{ width: 145px; margin: 0 auto; }
#date_season,
#social_icon 						{ display: none; }

/* Info header (tel - mail) */
#info_tel:before 					{ display: none; }
#info_tel .content_text 			{ width: 100%; }
#info_tel 							{ width: 100%; position: absolute; margin: 0; top: -46px; }
#info_tel p 						{ width: 100%; text-align: center; display: block; }
#info_tel p:first-child 			{ padding: 0; }
#info_mail 							{ display: none; }

/* Menu */
.bg_band#website_menu 					{ display: none; }
#click-menu.click-menu-active 			{ display: none; }
button#responsive-menu-button 			{ height: 55px; top: 55px !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; }
button#responsive-menu-button.small 	{ top: -1px !important; background: transparent !important; }
#btn_resa-responsive 					{ top: 65px; }
header.small #btn_resa-responsive 		{ top: 135px; }

/* Menu de navigation */
#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; }

/* Slider spécifique page d'accueil */
.bg_slogan_slider 														{ display: none; }
.Slider_euronat 														{ height: auto; }
.Slider_euronat .flex-viewport 											{ height: auto !important; }
.Slider_euronat .flex-direction-nav a.flex-prev 						{ background: url("images/arrow-bullet.png") rgba(0, 0, 0, 0.5) no-repeat center center; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
.Slider_euronat .flex-direction-nav a.flex-next 						{ background: url("images/arrow-bullet.png") rgba(0, 0, 0, 0.5) no-repeat center center; }
.Slider_euronat .flex-direction-nav a.flex-prev img,
.Slider_euronat .flex-direction-nav a.flex-next img,
.Slider_euronat .flex-direction-nav a.flex-prev img.bg_flex-prev_over,
.Slider_euronat .flex-direction-nav a.flex-next img.bg_flex-next_over 	{ display: none !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; }
}