html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;}
*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit;}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,keygen,label,legend,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,video,tt,u,var{margin:0;padding:0;border:0 none;border:0;/*font-size:1em;vertical-align:top;*/outline:0;background:transparent;}
ol{list-style:none;}
blockquote,q{quotes:none;}
table,table td{border-collapse:collapse;padding:5px;}
embed,object{vertical-align:top;outline:none;}
input,select{font-weight:normal;vertical-align:middle;}
strong{font-weight:700;}
.strong{font-weight:700;}
.italic{font-style:italic;}
.clear{clear:both;}
.cleara::after{clear:both;content:"";display:table;}
.hidden{display:none;visibility:hidden;}
.grayscale{-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.contrast{-webkit-filter:contrast(160%);filter:contrast(160%);}
.brightness{-webkit-filter:brightness(0.25);filter:brightness(0.25);}
.blur{-webkit-filter:blur(3px);filter:blur(3px);}
.invert{-webkit-filter:invert(100%);filter:invert(100%);}
.sepia{-webkit-filter:sepia(100%);filter:sepia(100%);}
.huerotate{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);}
.opacity{-webkit-filter:opacity(50%);filter:opacity(50%);}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.txtleft{text-align:left;}
.txtcenter,.center{text-align:center;}
.txtright{text-align:right;}
.alert{margin:10px 0;padding:10px;border:1px solid #bce8f1;border-radius:3px;color:#3a87ad;background-color:#d9edf7;}
.shadow{box-shadow:0 0 2px 2px rgba(0,0,0,0.3);display:block;}
.uppercase{text-transform:uppercase;}
.underline{text-decoration:underline;}
.black{font-weight:900;}
.bold{font-weight:700;}
.semibold{font-weight:600;}
.light{font-weight:300;}
.fleft{float:left;}
.fright{float:right;}
.inline-block{display:inline-block;vertical-align:middle;}
.bloc-visimodif-mod{position:relative;z-index:999;font:400 20px/30px 'Open Sans',sans-serif;}
.bloc-visimodif-normal{padding:10px 0;z-index:999;font:400 20px/30px 'Open Sans',sans-serif;}
article #content ul{display:inline-block;}
.table{width:100%;display:table;table-layout:fixed;}
.relative{position:relative;}
.minibar{width:100%;}
.fontresponsive{font-weight:400;font-family:'Open Sans',sans-serif;font-size:calc(20px + (40 - 20) * ((100vw - 320px) / (2000 - 320)));line-height:1.2;}
.contour{text-shadow:-2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;}
.wrapper{width:100%;max-width:1200px;margin:0 auto;position:relative;display:table;padding:0;table-layout:fixed;}
.infos-rgpd{font-size: 15px;font-style: italic;margin-top:20px;color:#616161;}
.infos-rgpd a{color:#616161;}
label{font-size: 15px;text-align: left;}
.flexcheck { display: flex;}

:root {
  --main-couleur:#508721;
  --second-couleur:#b7ce02;
}


/*FONTS STANDARDS*/
body{font:500 16px/24px 'Montserrat',sans-serif;color:#2b2b2b;}
	a{color:#000;}
#menu a{font:400 20px/20px 'Teko',sans-serif;color:#232323;}
header h1,.mentions-legales .h1,.h1{font:500 72px/76px 'Teko',sans-serif;color:#333333;padding:0;margin:0 0 20px;position:relative;text-align: center;text-transform: uppercase;}
	header h1 span, .h1 span{font:600 24px/24px 'Montserrat',sans-serif;color:var(--main-couleur);letter-spacing: 6px;text-transform: uppercase;display: block;margin-bottom: 10px;}
	.index header h1{font:500 60px/66px 'Teko',sans-serif;text-align: left;margin-bottom: 30px;}	
h2{font:500 36px/40px 'Teko',sans-serif;color:var(--second-couleur);padding:0;margin:10px 0;position:relative;text-transform:none;}
h3{font:500 22px/28px 'Teko',sans-serif;color:var(--second-couleur);padding:0;margin:5px 0;position:relative;}
.sstitre{font:500 24px/30px 'Teko',sans-serif;color:var(--second-couleur);padding:0;margin:0;position:relative;text-transform:none;}
#footer{font:400 14px/20px 'Open Sans',sans-serif;color:#fff;}
	#footer a{color:#fff;}
#accordion h2{font:500 24px/24px 'Teko',sans-serif;color:var(--main-couleur);padding:5px 40px 5px 10px;text-align:left;}
#accordion h2 a{color:var(--main-couleur);text-transform:none;}
.contact-form h3{color:var(--main-couleur);}
.facile-color-site .facile-btn.btn-block {background: var(--main-couleur);color:#fff;}
.facile-color-site .facile-btn.btn-block:hover {background: var(--second-couleur);color:#fff;}


/*HEADER*/
#header{margin:0;position:sticky;top:0;z-index: 500;background: #fff;}
	#logo{display:block;max-width:298px;height:auto;margin:0 auto;z-index:10;background: #fff;}
		#logo img{display:block;max-width:100%;}

/*MENU*/
#menu{z-index:5;text-align:center;padding:0;position:relative;}
	ul.navigation{padding:0;margin:0;display:flex;justify-content:space-around;align-items:center;}
	#menu .navigation li.nomenu{display:none;}
	#menu li{list-style:none;position:relative;margin:0;z-index:10;padding:0;transition:all .3s linear;flex:0 1 auto;display:flex;align-self:stretch;align-items:center;justify-content:center;}
	#menu li a{text-decoration:none;padding:0 0 10px;position:relative;transition:all .3s linear;display:flex;align-items:center;width:100%;justify-content:center;}
	/*#menu li + li{margin-left:30px;}*/
	/*#menu li:hover,#menu li.active{background:var(--main-couleur);}*/


/*CONTENT*/
#content{position:relative;padding:40px 0;}

/*CONTAINER*/
#article{flex:1 1 0%;}
#aside{flex:0 1 320px;}
.index #article{flex:1 1 50%;}
.index #aside{flex:0 1 50%;}
#full{flex:1 1 0%;margin:0 auto;}

/*SOUSCONTAINER*/
.content,.indentm{position:relative;padding:0;}
.indentm .h1{display:none;}
.message-container .content{margin:0;border:none;padding:0;}
	#visicod{display:none !important;}

/*MAP*/
#map{position:relative;display:block;width:100%;max-width:2000px;height:480px;-webkit-transition:all .2s linear;-kthtml-transition:all .2s linear;transition:all .2s linear;background:url("../images/map.jpg") center center no-repeat;}
	#map:hover{filter:grayscale(100%);}

/*FOOTER*/
#footer{padding:10px 20px 40px;margin:0;position:relative;background:var(--main-couleur);}
	#footer a{z-index:10;text-decoration:none;}

/*DIVERS*/
.sep{display:block;width:90%;height:2px;background:var(--second-couleur);margin:30px auto;}
.videodetector{display:block;width:100%;height:640px;position:relative;}
	.videodetector iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
.slicknav_menu{background:var(--main-couleur);text-transform:uppercase;font-size:20px;line-height:30px;position:relative;z-index:10;}
	.slicknav_nav a{color:#fff;text-align:center;margin:0 auto;display:table;font-weight:400;padding:10px;}
	.slicknav_nav li ul li.hidden{display:block !important;visibility:visible !important;}
	.slicknav_nav li.menuok.hidden{display:block !important;visibility:visible !important;}
	.slicknav_btn{background:var(--second-couleur);}
.parallax-container{height:auto;position:relative;z-index:1;overflow:hidden;padding:10px 0;}
	.parallax{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1;}
		.parallax img{bottom:0;display:none;left:50%;min-height:100%;min-width:100%;position:absolute;transform:translateX(-50%);}
.flex{display:flex;flex-wrap:wrap;justify-content:center;}


 /*EFFET HOVER MENU*/
#menu li a::before{content:"";width:0;height:5px;bottom:0px;position: absolute;left:0;right:0;margin:0 auto;transition: all 0.3s linear;background:var(--main-couleur);}
#menu li a:hover::before, #menu li.active a::before{width:100%;}
#menu ul.smenu2 a::before{display: none;}

/*HEADER*/

	.flexlogo{flex:0 1 auto;margin: 20px 0;}
	.flexmenu{flex:1 1 0%;display: flex;flex-direction: column;justify-content: space-between;}
		#menu{width: 100%;}
	.bandeau{display: flex;justify-content: space-between;color:#fff;font:500 16px/18px 'Montserrat',sans-serif;background: var(--main-couleur);padding:10px calc( (100vw - 1200px) / 2);}
	

/*ANIMATION*/
#animation{position:relative;}
	.encart-anim{position: absolute;left: 0;right:0;bottom: 0;margin:0 auto;background: var(--main-couleur);z-index: 50;padding: 5px 100px;color:#fff;font:500 18px/24px 'Montserrat',sans-serif;display: table;}

/*INTRO*/
#intro{padding:70px 0 130px;}
	.logointro{display: block;max-width: 100%;margin:0 auto 50px;}

	.flexintro{display: flex;justify-content: center;}
	.content-intro{text-align: center;font:500 26px/38px 'Montserrat',serif;color:#333333;max-width: 715px;margin:0 auto 40px;}
		.content-intro::after{content:"";position: relative;bottom:-20px;background:var(--main-couleur);width: 2px;height: 100px;display: block;margin: 0 auto;}

	.intro-g,.intro-d{flex:0 1 50%;margin-top: 60px;position: relative;}
		.intro-g{text-align: right;}
		.intro-g img{max-width: 100%;}
		.blocintro{padding: 60px 220px 0 0;display: flex;justify-content: flex-end;align-items: flex-end;flex-direction: column;}
			.fbinsta{margin:40px 20px 0;display: inline-block;}
			.fbinsta svg{width:50px;height:50px;fill:#000;}
			.fbinsta:hover svg{fill:var(--main-couleur);}

	.tel-intro{font:500 36px/36px 'Teko',serif;color:#333333;text-decoration: none;padding: 30px 30px 50px 30px;display: block;}
		.tel-intro a{text-decoration: none;color:#333333;}

	.imgintro2{position: absolute;width: 745px;right: 0;-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.2);}

.bouton{display:inline-block;font:400 24px/24px 'Teko',sans-serif;color:#fff;background:var(--main-couleur);padding:10px 20px;text-decoration:none;text-align:center;transition:all .3s linear;text-transform: uppercase;letter-spacing: 1.3px;}
	.bouton:hover{background:var(--second-couleur);}
	

/*ACCUEIL*/
#accueil{position:relative;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 38%, rgba(183,206,2,1) 38%, rgba(183,206,2,1) 80%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(183,206,2,1) 38%,rgba(183,206,2,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 38%,rgba(183,206,2,1) 38%,rgba(183,206,2,1) 80%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
#accueil .wrapper{max-width: 1610px;}
#accueil h2::before{content:"";position:absolute;bottom: -20px;left:0;right:0;width: 50px;height: 4px;background: var(--main-couleur);margin:0 auto;}
.flexacc{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top: 60px;z-index: 50;position: relative;}
	.btnacc{text-decoration:none;position:relative;flex:0 1 22%;margin:15px;}
		.blocimg{overflow: hidden;background: var(--second-couleur)}	
			.imgacc{max-width:100%;transition:all .3s linear;}
		.hacc{position:absolute;left:50px;right:50px;bottom:20px;padding:10px;font:400 24px/24px 'Teko',serif;color:#fff;text-align:center;background: var(--main-couleur);border:1px solid #fff;text-transform: uppercase;transition:all .3s linear;}
		
		.btnacc:hover{background: var(--second-couleur);-webkit-box-shadow: 0px 10px 25px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 10px 25px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 10px 25px 0px rgba(50, 50, 50, 0.2);}
		.btnacc:hover .imgacc{transform:scale3d(1.1,1.1,1.1);}
		.btnacc:hover .hacc{background: var(--second-couleur);}

/*CONTENT*/
.index #content{padding:160px 0 40px;}
	.index .content{padding-right: 60px;}
	.index header h1::before{content:"";position:absolute;bottom: -10px;left:0;width: 20px;height: 2px;background: var(--main-couleur);}
	.index #aside{display: flex;align-items: flex-start;justify-content: flex-end;margin-top: 40px;}
	.imgaside{position: sticky;top: 230px;}
		#aside img{max-width: 100%;}
			.imgaside::before{content: '';position: absolute;right: 50px;top: -30px;width: 97%;height: 115%;z-index: -1;display: block;	background: var(--main-couleur);}

/*ACCUEIL 2*/
#accueil2{padding:140px 0 80px;}
.flexaccueil2{display: flex;}
	.fbacc,.certifs{flex:0 1 50%;}
		#accueil2 h2::before{content:"";position:absolute;bottom: -30px;left:0;right:0;width: 50px;height: 4px;background: var(--main-couleur);margin:0 auto;}
		.certiflogos{display: flex;justify-content: center;align-items: center;margin-top: 80px;flex-wrap: wrap;}
		.certiflogos img{margin:20px;max-width: 100%;display: block;}
	.fbacc{display: flex;justify-content: center;}
		.fbcontain{position: relative;}
		.fbcontain::before{content: '';position: absolute;right:-25px;top: -30px;width: 115%;height: 97%;z-index: -1;display: block;	background: var(--main-couleur);}

/*FOOTER*/
#prefooter{position:relative;padding-top: 120px;}
	#prefooter h2::before{content:"";position:absolute;bottom: -30px;left:0;right:0;width: 50px;height: 4px;background: var(--main-couleur);margin:0 auto;}
	.logo2{max-width: 100%;display: block;margin: 0 auto 50px auto;}
		.flexadresse{position:relative;padding: 50px 0 30px;text-align: center;font:600 24px/30px 'Montserrat',sans-serif;color:#000;text-transform: uppercase;}
		.tel{font:600 36px/36px 'Teko',sans-serif;color:#333333;margin-top: 30px;}
		.horairesfoot{font:600 24px/24px 'Montserrat',sans-serif;text-transform: none;margin-top: 30px;}

.deco1{position: absolute;left: 5%;bottom: 0;max-width: 14vw;}
.deco2{position: absolute;right: 0;top: 100px;max-width: 24vw}

.blocliensouspage{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 20px;}


/*-----------------------------------------------*\
|*					RESEAUX SOCIAUX				 *|
\*-----------------------------------------------*/
#footer .flex{align-items:center;justify-content:space-between;}
.mentions{flex:0 1 auto;}
ul.social{padding:0;margin:0;flex:none;}
/* Texte Partager sur :*/
ul.social li{display:inline-block;font-size:14px;vertical-align:middle;z-index:10;}
ul.social li.reseau-social{font-size:24px;display:inline-block;padding:0 0.3em 0 0;}
ul.social li.reseau-social:last-child{padding-right:0;}
ul.social li.reseau-social a:hover,ul.social li.reseau-social a:focus{outline:none;}
ul.social li.reseau-social:active{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
ul.social li.reseau-social svg{width:1.2em;height:1.2em;fill:currentColor;z-index:10;-webkit-transition:all .2s linear;-kthtml-transition:all .2s linear;transition:all .2s linear;}
ul.social li:hover svg{fill:var(--second-couleur);}





/*-----------------------------------------------*\
|*					RESPONSIVE					 *|
\*-----------------------------------------------*/
@media(max-width: 1400px){
	.hacc{font-size: 18px;}
}
@media (max-width:1220px){
	.wrapper{max-width:980px;}
	#full,.full{flex:1;}
	#article,.article{flex:1 1 0%;padding-right:40px;}
	#aside,.aside{flex:0 1 320px;}

	#logo{max-width: 200px;}
	#menu a{font-size: 18px;}
	.bandeau{padding:10px calc( 10px + (100vw - 1000px) / 2);}
		.adresstop{margin-left: 0;}

	.rge{width: 140px;}
	.imgintro2{width: 600px;}

	.btnacc{flex:0 1 30%;}

	.index #article{flex:1 1 60%;}
	.index #aside{flex:0 1 40%;}
		.imgaside::before{top:-20px;}

	h2{font-size: 24px;}

	.aside-acc .blocacc a + a {margin-left: 20px;}
		.bouton{font-size: 18px;}

	header h1,.mentions-legales .h1,.h1{font:500 50px/56px 'Teko',sans-serif;}
}
@media (max-width:1000px){
	.slicknav_menu{display:block;line-height: 1;}

	nav .navigation,#menu,.nomob{display:none !important;visibility:hidden !important;}

    .wrapper{width:100% !important;margin:0 auto;}
	
	body{margin:0;}
	
	#header{width:100%;margin:0;padding:10px 0;position:relative;border:none;text-align:center;background: #fff;}
		header h1,.mentions-legales .h1,.h1,.index header h1{margin:0 auto;padding:0;text-align:center;}
			.index header h1::before{display: none;}

	.flexlogo{margin: 0;}
	#logo{margin:0 auto;width:90%;height:auto;float:none;padding:0;display:block;position:relative;top:0;left:0;right:0;bottom:0;}
		#logo img{width:100%;height:auto;}

	#article,#aside,#full,#content,.content,.indentm,#footer,#accueil,#prefooter{flex:0 1 100%;box-shadow:none;display:block;width:100%;max-width:100%;float:none;border:none;padding:0;box-sizing:border-box;height:auto;margin:0;left:0;top:0;right:0;bottom:0;position:relative;min-height:auto !important;}
	#article,#full,#aside{padding:20px 10px 40px;}
	#content{padding:10px 0;margin:0;position:relative;}
	.content,.indentm{border-radius:0;padding:0;}
	#accueil{padding:40px 0;}

    #article{order:1;}
    	article .content p img{max-width:100% !important;height:auto !important;display:block;float:none !important;margin:10px auto !important;}

    #aside{text-align:center;max-width:none;min-height:0;position:relative;min-width:auto;order:2;}

	#footer{padding:10px 10px 40px;box-sizing:border-box;height:auto;text-align:center;position:relative;}
	    ul.social li.reseau-social{font-size:35px;}

	.sep{margin:10px auto;}

    #map{display:block;margin:0 auto;float:none;border:none;position:relative;background-size:cover;width:100%;}

    .contact-form{width:100%;display:block;}
	    .form input,.form textarea{width:100%;box-sizing:border-box;}
	    .form button{margin:0;}

    iframe{max-width:100%;}

	#full-width-slider{height:350px;position:relative;overflow:hidden;width:100%;}

	.parallax-container{height:auto;margin:0;padding:50px 0;}
		.parallax img{max-height:130%;}

	#animation{margin:0;border:0;max-width:100%;padding:0;}

	#footer .flex{flex-wrap:wrap;}
		.mentions,ul.social{flex:0 1 100%;}

	
	.flexlogo{flex:1;}
	
	.flexfoot{flex-wrap:wrap;}
		.flexadresse{flex:0 1 100%;font-size: 20px;line-height: 1.2;padding:50px 0 20px;}
		.flexmap{flex:0 1 100%;}

	#intro{padding:20px 10px;}
			.logointro{width: 250px;margin-bottom: 20px;}
			.tel-intro{font-size:calc(24px + (36 - 24) * ((100vw - 320px) / (2000 - 320)));line-height:1.2;}
			.content-intro{font-size: 18px;line-height: 1.4;}
	
		.flexbtn{margin:10px 0;}
			.btnacc{margin:10px;flex:0 1 280px;}
				.hacc{font-size: 20px;}


	.index #article{flex:1 1 100%;}
	.index #aside{flex:0 1 100%;margin-top: 0;justify-content: center;}
		.index #content { padding: 20px 0;}
			.index .content {padding-right:0;}

	.flexaccueil2{flex-wrap: wrap;}
		.fbacc, .certifs{flex:0 1 100%;}
		.certifs{margin-top: 40px;}

	header h1, .mentions-legales .h1, .h1{font-size:calc(28px + (70 - 28) * ((100vw - 320px) / (2000 - 320)));line-height:1.2;}
		header h1::after, .mentions-legales .h1::after, #prefooter .h1::after{bottom:-70px;}
	header h1 span, .h1 span{font-size: 18px;line-height: 1.2}
	.index header h1{font-size:calc(28px + (44 - 28) * ((100vw - 320px) / (2000 - 320)));line-height:1.2;}
	h2{font-size:calc(24px + (35 - 24) * ((100vw - 320px) / (2000 - 320)));line-height:1.2;}
		#accueil h2::after{bottom:-220px;}
		.content-acc h2::before{font-size: 80px;}
	h3{font-size: 18px;}
	.logo2{max-width:320px;}
}
@media(max-width: 830px){
	#article,#full,#aside{padding:20px 10px 10px;}

	.encart-anim{display: none;}

	.flexintro{flex-wrap: wrap;}
		.intro-g, .intro-d{flex:0 1 100%;margin-top: 20px;}
		.intro-d{margin-top: 0;}
			.intro-g img{ max-width: 100%; margin: 0 auto;display: block;}
			.blocintro{padding:0;margin: 20px auto;justify-content: center;align-items: center;}
			
			.tel-intro{padding:0 0 20px 0;text-align: center;}
			.imgintro2{position: relative;right: initial;margin: 0 auto;width: 613px;margin: 0 auto;display: block;max-width: 100%;}

	#accueil,#accueil2{padding: 20px 0;}
		.flexacc{margin-top: 20px;}
			.hacc{left:20px;right:20px;}
		
		.imgaside::before,.fbcontain::before{display: none;}

	#prefooter .h1 span{letter-spacing: 4px;}
	.flexadresse,.horairesfoot{font-size: 16px;}
		.tel{font-size: 24px;line-height: 1.2;}
}