/*
Theme Name:     labrisdesflot
Description:    Thème L'Abris des Flots'
Author:         Vincent Michelet - Inodia
Author URI:     http://www.inodia.fr
Template:       enfold
Version:        1.0.0
*/

/*---------- Imports ----------*/
@import "css/cookies.css" screen;
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800|DM+Serif+Text:400,400i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'freeds-regular';
    src: url('fonts/Freeds-Regular.eot');
    src: url('fonts/Freeds-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Freeds-Regular.woff2') format('woff2'),
         url('fonts/Freeds-Regular.woff') format('woff'),
         url('fonts/Freeds-Regular.ttf') format('truetype'),
         url('fonts/Freeds-Regular.svg#dk_pimpernelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?vx2bq8');
  src:  url('fonts/icomoon.eot?vx2bq8#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?vx2bq8') format('truetype'),
		url('fonts/icomoon.woff?vx2bq8') format('woff'),
		url('fonts/icomoon.svg?vx2bq8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 
 
/*---------- Réglages généraux ----------*/
html {
	font-size:16px;
	scroll-behavior: smooth;
	scrollbar-color: #b7c729 #282828;
	scrollbar-width: thin;
}

body {
	background-color: #FFF;
	color:#002d4c;
	font-family: 'Barlow', sans-serif;
	font-size:0.9375rem;
	font-weight:300;
	position:relative;
	width: 100%;
    max-width: 100%;
}

/* Scrollbar */

::-webkit-scrollbar {
    width: 8px;
	background: #fff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #b7c729; 
}

#main {
    background-color: #FDFFF3 !important;
    width: 100%;
    float: right;
    position: relative;
    right: 0 !important;
    padding-left: 350px;
}
#main .main_color .container {
	margin: 0;
	padding: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, ul, p, a {
	margin:0;
	padding:0;
}

h1,
#main > .title_container > .container h1 {
	font-size: 3.4375rem;
	font-weight: 700 !important;
	line-height: 1.3;
	letter-spacing: 0.1em !important;
}

h1 a {
	cursor: text;
}

h2, 
.h2 {
	font-family: 'freeds-regular';
	color:#002d4c !important;
	font-size: 4em;
	font-weight: 400 !important;
	line-height: 1.3;
	letter-spacing: 0.015em !important;
	text-transform: initial;
	margin-bottom:2.5rem !important;
}


h3, 
.h3 {
	color: black !important;
	font-family: 'freeds-regular';
	font-size: 2.5625rem;
	font-weight: 300 !important;
    margin-bottom: 1.875rem !important;
}

h4, 
.h4 {
	color:#002d4c !important;
	font-family: 'freeds-regular';
	font-size: 1.5625rem;
	font-weight: 400 !important;
	line-height: 1.3;
	letter-spacing: 0.015em !important;
    margin-bottom: 1.125rem !important;
}

p, 
p strong, 
li, 
span,
.main_color b,
.main_color strong {
	color:#0f0a0a;
	font-family: 'Barlow', sans-serif;
	letter-spacing: 0.085em;
	line-height: 1.618;
}

a {
	font-family: 'Barlow', sans-serif;
	color:#b7c729;
	font-weight: 700;
	outline:none !important;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main_color a {
	color:#b7c729 !important;
}

a:link {
	outline: none !important;
	text-decoration: none !important;
}

a:visited {
	outline: none;
	text-decoration: none;
}

a:active {
	outline: none;
	text-decoration: none;
}

a:hover,
.main_color a:hover {
	color:#737E0D !important;
}

a:focus,
.main_color a:focus {
	color:#b7c729 !important;
}

button:focus {
	outline:none !important;
}

b, 
strong {
	font-weight: 600;
}

.container,
.container_wrap {
	border:none !important;
	box-shadow: none;
}

.logo, 
.logo a {
	height:auto !important;
}

#top #main .content {
	padding-top: 0 !important;
}

#main #concept,
#main #boissons {
	background:transparent !important;
}

.template-page .entry-content-wrapper h2 {
	text-transform: initial !important;
}

#politiques-conf,
#mentions-legales {
	padding: 50px;
}




/* BREADCRUMB */
.title_container {
	margin-top: 40px;
}

.title_container .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
	border-bottom: 1px solid #b7c729 !important;
    width: calc(1300px - 100px) !important;
    padding-left: 0;
    padding-right: 0;
}

.title_container .breadcrumb {
	right:0;
    margin-top: 0;
}

.title_container .breadcrumb a {
	color: #b7c729;
    font-weight: 600;	
    letter-spacing: 0.05em;
}

.title_container .breadcrumb .trail-end {
	font-weight: 600;
    letter-spacing: 0.05em;
}






/* SCROLL TO TOP */
#scroll-top-link:hover, 
#av-cookie-consent-badge:hover {
	color: #b7c729;
}


/* SCROLLBAR */
::-webkit-scrollbar {
    background: #282828;
	width: 8px;
}
 
::-webkit-scrollbar-thumb {
    background: #b7c729;
}



/*-------------------------------------*/
/*
/*--------- SITE L'ABRIS DES FLOTS ---------*/
/*
/*-------------------------------------*/

/*--------- HEADER ---------*/
#header {
	background: #FFF;
	min-height: 100vh;
	width: 350px;
	position: fixed;
}
#top #header #header_main .container {
    margin: 0 !important;
    padding: 0 !important;
	height: auto !important;
    line-height: 1 !important;
}
#header #header_main {
	height: 100vh;
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
}
#header #header_main .logo img {
    width: 100%;
	margin-bottom: 40px;
}

#header #header_main .main_menu #avia-menu a {
	font-size: 24px;
    font-weight: 400;
    padding-left: 60px;
	margin-top: 20px;
}
#header #header_main .main_menu #avia-menu li:first-child a {
	margin-top: 0;
}
#header #header_main .main_menu #avia-menu .current-menu-item a,
#header #header_main .main_menu #avia-menu a:hover {
	background-color: #f8f9e9;
	border-left: 7px solid #b7c729;
	padding-left: 53px;
}
#header #header_main .main_menu #avia-menu {
	display: flex;
	flex-flow: column;
	height: auto !important;
	margin-bottom: 40px;
}
#header #header_main .avia-menu {
    width: 100%;
    height: auto !important;
}
#header #header_main .main_menu {
	width: 350px;
}
.header_color .header_bg {
    background-color: #ffffff;
    color: #fcfcf5;
}
#header span.logo {
	position: relative;
	width: 100%;
	height: auto !important;
}
#header .header_top {
	text-align: center;
	width: 100%;
	margin: 0 50px 60px 50px;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.1);
}
	
#header .header_top {
	position: relative;
}
#header .header_top .textwidget {
    border: 1px solid #b7c729;
    background: #fff;
    margin: 10px;
    padding: 30px 10px;
    position: absolute;
    bottom: 0;
    left: 305px;
    width: 200px;
}
#header .header_top .textwidget .tel {
    font-size: 1.3em;
    font-weight: 600;
    color: #b7c729 !important;
}


/*--------- HOMEPAGE ---------*/
/* MISE EN AVANT */
#top .avia-slideshow li img {
    display: block;
    width: 1550px;
	height: 900px;
    margin: 0;
    border-radius: 0px;
    position: relative;
}
#top .avia-slideshow li img::after {
	content: "";
	width: 1920px;
	height: 36px;
	background: url("images/border_home.png") no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top: 1px;
    z-index: 1;
    transform: translateY(-100%);
}

.responsive .container {
    max-width: 1682px !important;
}
#top #main .slider_section1,
#top #main .slider_section1 .avia-slideshow,
#top #main .slider_section1 .avia-slideshow .avia-slideshow-inner,
#top #main .slider_section1 .avia-slideshow .av-single-slide,
#top #main .slider_section1 .avia-slideshow .avia-slide-wrap,
#top #main .slider_section1 .avia-slideshow .avia-slide-wrap img {
	min-height: 850px;
}

#top #main .slider_section1 .avia-slideshow,
#top #main .slider_section1 .avia-slideshow .avia-slideshow-inner,
#top #main .slider_section1 .avia-slideshow .av-single-slide,
#top #main .slider_section1 .avia-slideshow .avia-slide-wrap,
#top #main .slider_section1 .avia-slideshow .avia-slide-wrap img {
	height: 100%;
    width: 100%;
}

#top #main .slider_section1 .avia-slideshow .avia-slide-wrap img {
	display: block;
	object-fit: cover;	
}

#top #main .slider_section1 .avia-slideshow .slideshow_caption,
#top #main .slider_section1 .avia-slideshow .slideshow_caption .slideshow_inner_caption {
    top: 50%;
	bottom: initial;
    transform: translateY(-50%);
}
#top #main .slider_section1 h2 {
	color: white !important;
	text-transform: uppercase !important;
	z-index: 4 !important;
	position: relative;
	top: -4.5em;
	font-size: 8em;
}
#top #main .slider_section1 h2::after {
    content: "";
    width: 4.5em !important;
    height: 100px !important;
    background: url("images/Filet.png") no-repeat;
    background-size: auto;
    background-size: contain;
    display: block;
    position: absolute;
    top: 1.2em;
    left: 32%;
    z-index: 4 !important;
}
#top #main .slider_section1 strong {
	color: white !important;
	z-index: 4 !important;
	position: relative;
	top: -19em;
	font-size: 2em;
	font-weight: 700;
}


/* ABOUT CONCEPT*/
#top #main #concept {
    background: url("images/bg-concept.png") no-repeat !important;
	background-size: cover !important;
    position: relative;
    top: -24em;
    z-index: 4 !important;
	height: 1086px;
	padding-top: 70px;
}
#top #main #concept .text-concept {
	padding: 30px 0 0 180px;
}
#top #main #concept .text-concept h2,
#top #main #concept .text-concept p {
	color: white !important;
}
#top #main #concept .text-concept h2 {
	text-transform: uppercase !important;
	padding-left: 50px;
}
#top #main #concept .text-concept h2::before {
    content: "\65";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 0.7em;
    text-transform: lowercase !important;
    position: absolute;
    top: 1em;
	left: 4.2em;
}
#top #main #concept .image-concept {
    width: 400px;
    position: relative;
    z-index: 4;
    top: -6em;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
}
#top #main #concept .text2-concept a {
	color: #b7c729 !important;
}
#top #main #concept .text2-concept {
	position: relative;
	left: 12em;
	width: 550px;
	padding: 40px 60px 40px 60px;
	border-top: 6px solid #b7c729;
}

#top #main #concept .section2-concept-image {
	margin-top: 220px;
}
#top #main #concept .image2-concept {
	width: 550px;
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.23);
}
#top #main #concept .text3-concept h3 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.2em;
    font-weight: 600 !important;
    text-transform: uppercase;
	margin-bottom: 10px !important;
}
#top #main #concept .text3-concept h2 {
	padding-left: 50px;
}
#top #main #concept .text3-concept h2::before {
    content: "\65";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 0.7em;
    text-transform: lowercase !important;
    position: absolute;
    top: 0.3em;
    left: 0em;
}
#top #main #concept .text3-concept {
	width: 550px;
	margin-top: 220px;
}
#top #main #concept .text3-concept a {
	color: #b7c729 !important;
}


/* MENUS */
#top #main #menu {
	margin-top: 400px;
	background: url("images/Texture.png") repeat !important;
	width: 90%;
	margin-left: 5%;
	padding: 90px 110px 70px 110px;
}
.flex_column::after {
	visibility: visible !important;
	overflow: visible !important;
}
#top #main #menu .titre-menu::after {
    content: "\7a";
    color: white !important;
    font-family: 'icomoon';
    font-size: 2em;
    text-transform: lowercase !important;
    position: absolute;
    top: -1em;
    left: 49.2%;
}
#top #main #menu h2 {
	color: white !important;
	margin-bottom: 0 !important;
}
#top #main #menu h2::before {
    content: "\72";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 5px;
    text-transform: lowercase !important;
    position: absolute;
    top: -5em;
    left: 45%;
}
#top #main #menu h2::after {
	content: "\72";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 5px;
    text-transform: lowercase !important;
    position: absolute;
    top: -5em;
    right: 45%;
}
#top #main #menu li,
#top #main #menu strong,
#top #main #menu span,
#top #main #menu p,
#top #main #menu h2,
#top #main #menu h3 {
	color: #fff !important;
}
#top #main #menu .text-menu .avia_textblock p {
    color: white !important;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.4em;
}
#top #main #menu .text-menu .avia_textblock p em {
    font-size: 0.6em;
    font-weight: 300;
	text-transform: capitalize;
}
#top #main #menu .text-menu .avia_textblock strong {
	color: #b7c729 !important;
	position: absolute;
	right: 0em;
}
#top #main #menu .text-menu .avia_textblock strong::before {
    content: "";
    background: #464646;
    display: table;
    width: 166px;
    height: 1px;
    position: absolute;
    top: 1em;
    right: 4em;
}
.reseaux_sociaux {
	margin-top: 10px;
}
.reseaux_sociaux a {
    color: #b7c729 !important;
    font-family: 'icomoon' !important;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400 !important;
    text-transform: lowercase !important;
	margin: 0px 5px;
}

/* BOISSONS */
#top #main #boissons {
	margin-top: 70px;
	width: 90%;
	margin-left: 5%;
	padding: 50px 110px 150px 110px;
}
#top #main #boissons .flex_column {
	position: relative;
}
#top #main #boissons .titre-boissons::after {
    content: "\7a";
    color: black;
    font-family: 'icomoon';
    font-size: 2em;
    text-transform: lowercase !important;
    position: absolute;
    top: -1em;
    left: 49.2%;
}
#top #main #boissons h2 {
	color: back !important;
	margin-bottom: 0 !important;
}
#top #main #boissons h2::before {
    content: "\72";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 5px;
    text-transform: lowercase !important;
    position: absolute;
    top: -5em;
    left: 45%;
}
#top #main #boissons h2::after {
	content: "\72";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 5px;
    text-transform: lowercase !important;
    position: absolute;
    top: -5em;
    right: 45%;
}
#top #main #boissons .text-menu .avia_textblock p {
    color: black !important;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.4em;
}
#top #main #boissons .text-menu .avia_textblock p em {
    font-size: 0.6em;
    font-weight: 300;
	text-transform: capitalize;
}
#top #main #boissons .text-menu .avia_textblock b,
#top #main #boissons .text-menu .avia_textblock strong {
	color: #b7c729 !important;
}
/*#top #main #boissons .text-menu .avia_textblock strong::before {
    content: "";
    background: #E2E2E2;
    display: table;
    width: 166px;
    height: 1px;
    position: absolute;
    top: 1em;
    right: 4em;
}*/


/*--------- CONTACT ---------*/
#contact {
	background: url("images/bg-contact.png") no-repeat !important;
	background-size: cover !important;
}
#top #main #contact .text-contact {
    position: relative;
    left: 0em;
    width: 550px;
    padding: 40px 60px 40px 60px;
    border-top: 6px solid #b7c729;
    top: -6em;
}
#contact h2 {
	font-size: 2.5em;
	letter-spacing: 2px !important;
}
#contact p.adresse,
#contact p.rue,
#contact .tel {
	padding-left: 50px;
	position: relative;
}
#contact p.adresse::before {
	content: "\61";
    color: grey;
    font-family: 'icomoon';
    font-size: 2em;
    text-transform: lowercase !important;
    position: absolute;
    top: -.4em;
	left: .3em;
}
#contact p.adresse {
	font-weight: 500;
}
#contact p.rue {
	margin-bottom: 20px;
}
#contact .tel::before {
    content: "\74";
    color: #b7c729;
    font-family: 'icomoon';
    font-size: 1.5em;
    text-transform: lowercase !important;
    position: absolute;
    top: -.4em;
    left: .3em;
    font-weight: 300 !important;
}
#contact .tel {
	color: #b7c729 !important;
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 1.3em;
}
#contact p.infos {
	font-size: 0.9em;
}


/*--------- FOOTER ---------*/
#footer {
	display: none;
}


/* COPYRIGHT */
footer#socket {
	background: black;
	display: flex;
	align-items: center;
	min-height: 50px;
}

footer#socket .container {
	display:flex;
	justify-content: center;
}

footer#socket .container:after {
	display:none;
}

footer#socket span.copyright,
footer#socket span.copyright a {
	color: white !important;
	font-weight: 400 !important;
}

footer#socket span.copyright span {
	color:white!important;
}

footer#socket .sub_menu_socket ul.menu li a {
	font-size:1.0625rem;
	font-weight: 600;
}

footer#socket .sub_menu_socket ul.menu li a span {
	color:white !important;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer#socket span.copyright a:hover,
footer#socket .sub_menu_socket ul.menu li a:hover span {
	color:#b7c729 !important;
}

footer#socket span.copyright a:focus,
footer#socket .sub_menu_socket ul.menu li a:focus span {
	color: #b7c729 !important;
}



/*--------- MENTIONS LÉGALES - PLAN DU SITE - POLITIQUE DE CONFIDENTIALITÉ DES DONNÉES ---------*/
#top.page-id-3687 #main .container,
#top.page-id-3760 #main .container,
#top.page-id-3599 #main .container {
	width: 1300px !important;
}

#top.page-id-3687 #main #socket .container,
#top.page-id-3760 #main #socket .container,
#top.page-id-3599 #main #socket .container {
	width:100% !important;
}

#top.page-id-3687 #main .title_container .container,
#top.page-id-3760 #main .title_container .container,
#top.page-id-3599 #main .title_container .container {
	width: calc(1300px - 100px) !important;
}

#top.page-id-3687 #main .title_container h1 a,
#top.page-id-3760 #main .title_container h1 a,
#top.page-id-3599 #main .title_container h1 a {
	color: #b7c729;
    font-family: 'Assistant', sans-serif;
    font-size: 1.5625rem;
    font-weight: 300 !important;
    line-height: 1.618;
    letter-spacing: 0.2em !important;
}

#top.page-id-3687 #main .container_wrap > .container > .content,
#top.page-id-3760 #main .container_wrap > .container > .content,
#top.page-id-3599 #main .container_wrap > .container > .content {
	padding: 70px 0 120px;
}

#top.page-id-3687 #main h2,
#top.page-id-3760 #main h2,
#top.page-id-3599 #main h2 {
	font-size: 2.125rem;
    margin-bottom: 1.5rem !important;
}

#top.page-id-3687 #main p strong,
#top.page-id-3760 #main p strong,
#top.page-id-3599 #main p strong,
#top.page-id-3687 #main p a,
#top.page-id-3760 #main p a,
#top.page-id-3599 #main p a {
	letter-spacing: 0.05em;
}

#top.page-id-3687 #main p a,
#top.page-id-3760 #main p a,
#top.page-id-3599 #main p a {
	font-weight: 600;
}




/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */
@media screen and (max-width: 1850px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	
	
	/* MENUS */
	#top #main #menu {
		padding: 90px 20px 70px 20px;
	}
	
	/* BOISSONS */
	#top #main #boissons {
		padding: 90px 20px 70px 20px;
	}
	
	/* CONTACT */
	
	


@media screen and (max-width: 1650px) {
	
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		left: 28%;
	}
	
	
	/* CONCEPT */

	
	/* MENUS */
	#top #main #menu {
		margin-top: 415px;
		background: #292929 !important;
		padding: 70px;
		
	}
	#menu .entry-content-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#menu .text-menu {
		width: 52%;
	}
	#menu div .av_one_half {
		margin-left: 0;
		margin-top: 0;
	}
	#top #main #menu h2 {
		margin-bottom: 1.5em !important;
	}
	#top #main #menu .text-menu .avia_textblock strong::before {
		width: 100px;
	}
	#top #main #menu h2::before {
		display: none;
	}
	#top #main #menu h2::after {
		display: none;
	}

	/* BOISSONS */
	#top #main #boissons {
		margin-top: 15px;
		padding: 70px;
		
	}
	#boissons .entry-content-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#boissons .text-menu {
		width: 52%;
	}
	#boissons div .av_one_half {
		margin-left: 0;
		margin-top: 0;
	}
	#top #main #boissons h2 {
		margin-bottom: 1.5em !important;
	}
	#top #main #boissons .text-menu .avia_textblock strong::before {
		width: 100px;
	}
	#top #main #boissons h2::before {
		display: none;
	}
	#top #main #boissons h2::after {
		display: none;
	}
	
	/* CONTACT */
	
	

@media screen and (max-width: 1520px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .section2-concept-image {
		margin-top: 120px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	#top #main #concept .text3-concept {
		width: 90%;
		margin-top: 55px;
		padding: 0 60px;
	}
	#top #main #concept .text3-concept h2::before {
		left: 1.3em;
	}
	
	/* MENUS */
	#top #main #menu {
		margin-top: 740px;
	}
	
	/* BOISSONS */
	
	
	/* CONTACT */
	
	
}
@media screen and (max-width: 1500px) {
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		left: 25%;
	}
	
	
	/* CONCEPT */
	#top #main #concept .text-concept {
		padding: 30px 0 0 45px;
	}
	#top #main #concept .text-concept h2::before {
		left: 1em;
	}
	
	/* MENUS */
	#top #main #menu .text-menu .avia_textblock strong::before {
		width: 50px;
	}
	
	/* BOISSONS */
	#top #main #boissons .text-menu .avia_textblock strong::before {
		width: 50px;
	}
	
	/* CONTACT */
	
		
}
@media screen and (max-width: 1350px) {
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		left: 21%;
	}
	
	
	/* CONCEPT */
	#top #main #concept .text2-concept {
		left: 14em;
		top: 3em;
	}
	#top #main #concept .concept-image-section {
		display: none;
	}
	#top #main #concept .text-concept {
		padding: 30px;
		width: 100%;
	}
	#top #main #concept .text-concept h2::before {
		left: 0.7em;
	}
	
	/* MENUS */
	#menu .text-menu {
		width: 90%;
	}
	#top #main #menu .text-menu .avia_textblock strong::before {
		width: 190px;
	}
	
	/* BOISSONS */
	#boissons .text-menu {
		width: 90%;
	}
	#top #main #boissons .text-menu .avia_textblock strong::before {
		width: 190px;
	}
	
	/* CONTACT */
	
		
}



@media screen and (max-width: 1300px) {
	#top #main #concept .text2-concept {
		left: 13em;
		top: 3em;
	}
}



@media screen and (max-width: 1250px) {
	
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		left: 17%;
	}
	
	
	/* CONCEPT */
	#top #main #concept .text2-concept {
		left: 12em;
		top: 4em;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
	
		
}

	
@media screen and (max-width: 1200px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	
	
	/* MENUS */
	#top #main #menu .text-menu .avia_textblock strong::before {
		width: 100px;
	}
	
	/* BOISSONS */
	#top #main #boissons .text-menu .avia_textblock strong::before {
		width: 100px;
	}
	
	/* CONTACT */
	
		
}
	
	
	@media screen and (max-width: 1150px) {
	
	/* MISE EN AVANT */
	
		
	/* CONCEPT */
	#top #main #concept .text2-concept {
		left: 8em;
		top: 6em;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
	
		
}
	
	@media screen and (max-width: 1090px) {
	
	/* MISE EN AVANT */
	
		
	/* CONCEPT */
	#top #main #concept .text2-concept {
		left: 5em;
		top: 6em;
	}
	
	/* MENUS */
	#top #main #menu .text-menu .avia_textblock strong::before {
		display: none;
	}
	
	/* BOISSONS */
	#top #main #boissons .text-menu .avia_textblock strong::before {
		display: none;
	}
	
	/* CONTACT */
	
		
}



	@media screen and (max-width: 1033px) {
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		width: 3.5em !important;
		left: 29%;
	}
	#top #main .slider_section1 h2 {
		top: -7.5em;
		font-size: 5em;
	}
	#top #main .slider_section1 strong {
		top: -26em;
		font-size: 1.5em;
	}
	#header {
		width: 300px;
	}
	#main {
		padding-left: 300px;
	}#header #header_main .main_menu {
		width: 300px;
	}
		
	/* CONCEPT */
	
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
	
		
	}
@media screen and (max-width: 990px) {
	
	/* MISE EN AVANT */
	#top #main .slider_section1 h2::after {
		display: none;
	}
	
	
	/* CONCEPT */
	#top #main #concept .text2-concept {
		left: 0em;
		top: 5em;
		width: 100%;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}
	
	
@media screen and (max-width: 961px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	
	
	/* MENUS */
	#top #main #menu {
		margin-top: 790px;
		width: 100%;
    	margin-left: 0;
		padding: 90px 10px 70px 10px;
	}
	
	/* BOISSONS */
	#top #main #boissons {
		width: 100%;
    	margin-left: 0;
		padding: 90px 10px 70px 10px;
	}
	
	/* CONTACT */
	#top #main #contact .text-contact {
		width: 100%;
		margin-left: 0;
	}
	
	
}

	
@media screen and (max-width: 894px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	
	
	/* MENUS */
	#top #main #menu {
		margin-top: 970px;
	}
	
	/* BOISSONS */
	
	
	/* CONTACT */
}
	
	
@media screen and (max-width: 795px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .text3-concept h2 {
		font-size: 3em;
	}
	
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}


@media screen and (max-width: 767px) {
	/* MISE EN AVANT */
	#main {
		padding-left: 0px;
	}
	#header #header_main .logo img {
		width: auto;
	}
	.responsive #top #wrap_all #header {
		height: 90px;
	}
	.responsive .logo img {  
		max-height: 150px;
		left: 1em;
	}
	.responsive #top .logo,
	.responsive .logo a {   
		width: auto;
	}
	.responsive #top #wrap_all .main_menu {
		right: 3em;
	}
	.responsive #top #wrap_all .container {
    	width: 100%;
	}
	#header #header_main .main_menu {
		width: 50px;
	}
	#top #main .slider_section1 h2 {
		top: -5.5em;
		font-size: 7em;
	}
	#top #main .slider_section1 strong {
		top: -21em;
		font-size: 1.9em;
	}
	#header .header_top {
		display: none;
	}
	#top #av-burger-menu-ul {
    display: block;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 90px 0;
}
	
	
	/* CONCEPT */
	#top #main #concept .text3-concept {
		width: 100%;
	}
	#top #main #concept .image2-concept {
		margin-top: 225px;
		margin-left: 0;
	}
	#top #main #concept .text3-concept h2 {
		font-size: 4em;
	}
	
	/* MENUS */
	#top #main #menu .text-menu {
		margin-bottom: 0;
	}
	#top #main #menu {
		padding: 70px 30px 50px 30px;
	}
	
	/* BOISSONS */
	#top #main #boissons .text-menu {
		margin-bottom: 0;
	}
	#top #main #boissons {
		padding: 70px 30px 50px 30px;
	}
	
	/* CONTACT */
}


@media screen and (max-width: 636px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .image2-concept {
		margin-top: 110px;
	}

	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
	#socket .container {
		padding: 15px !important;
	}
	
	
}
	

@media screen and (max-width: 600px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}



@media screen and (max-width: 575px) {
	
	/* MISE EN AVANT */
	#top #main .slider_section1 h2 {
		top: -7.5em;
		font-size: 5em;
	}
	#top #main .slider_section1 strong {
		top: -26em;
		font-size: 1.5em;
	}
	
	
	/* CONCEPT */
	#top #main #concept .image2-concept {
		margin-top: 45px;
	}
	#top #main #concept .text3-concept {
		padding: 0 20px;
	}
	#top #main #concept .text3-concept h2::before {
		left: 0.5em;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}



@media screen and (max-width: 480px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .text2-concept {
		padding: 40px 20px;
	}
	
	/* MENUS */
	#top #main #menu .text-menu .avia_textblock p {  
		font-size: 0.8em;
	}

	/* BOISSONS */
	#top #main #boissons .text-menu .avia_textblock p {  
		font-size: 0.8em;
	}
	
	/* CONTACT */
}
	

@media screen and (max-width: 405px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .text-concept h2 {
		font-size: 3em;
	}
	#top #main #concept .text-concept h2::before {
		left: 1.3em;
		font-size: 0.6em;
		top: 1.6em;
	}
	#top #main #concept .image2-concept {
		margin-top: 0px;
	}
	
		#top #main .slider_section1, #top #main .slider_section1 .avia-slideshow, #top #main .slider_section1 .avia-slideshow .avia-slideshow-inner, #top #main .slider_section1 .avia-slideshow .av-single-slide, #top #main .slider_section1 .avia-slideshow .avia-slide-wrap, #top #main .slider_section1 .avia-slideshow .avia-slide-wrap img {
		min-height: 688px;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}
	
	
@media screen and (max-width: 396px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept {
		top: -30em;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
}



@media screen and (max-width: 375px) {
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#top #main #concept .text3-concept h2 {
		font-size: 2.8em;
	}
	#top #main #concept .text3-concept h2::before {
		left: 1em;
	}
	
	/* MENUS */
	
	
	/* BOISSONS */
	
	
	/* CONTACT */
	
}

	
@media screen and (max-width: 331px) {
	
	/* MISE EN AVANT */
	
	
	/* CONCEPT */
	#concept .text-concept p {
		font-size: 0.9em;
	}
	
	/* MENUS */
	#top #main #menu {
		margin-top: 1110px;
	}
	#top #main #menu h2 {
		font-size: 3em;
	}
	
	/* BOISSONS */
	#top #main #boissons h2 {
		font-size: 3em;
	}
	
	/* CONTACT */
	#contact h2 {
		font-size: 2em;
	}
	
}