html::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
html::-webkit-scrollbar{
  width: 6px;
  background-color: #F5F5F5;
}
html::-webkit-scrollbar-thumb{
  background-color: #000000;
}
body,html{
	width: 100vw;
	min-height: 100vh;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	font-family: poppins;
    background: #fff;
    scrollbar-color: #000 #F5F5F5;
    scrollbar-width: thin;
}
.z0{z-index: 0!important;}
.z1{z-index: 1!important;}
.z2{z-index: 2!important;}
.z3{z-index: 3!important;}
.z4{z-index: 4!important;}
.z5{z-index: 5!important;}
.npm{
	margin:0!important;
	padding:0!important;
}
.tj{
	text-align: justify;
	text-align-last: start;
}
@media screen and (max-width: 960px){
	h1,h2,h3{
		font-size: 2em!important;
	}
}
@media screen and (max-width: 720px){
	h1,h2,h3{
		font-size: 1.3em!important;
	}
}
@media screen and (max-width: 540px){
	h1,h2,h3,h4{
		font-size: 1em!important;
	}
	p,strong{
		font-size: 0.8em!important;
	}
}
@media screen and (max-width: 290px){
	p,strong{
		font-size: 0.6em!important;
	}
}
.loaded{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
}
.loaded .logo_load{
height: 30vh;
width: 65vw;
background: url('../images/logo.png')no-repeat center center;
background-size: contain;
animation: load_move_logo 0.8s ease-in-out forwards,logo_loading 1s ease-in-out infinite alternate;
}
@keyframes load_move_logo{
0%{margin-top: 100vh;};
100%{margin-top:0;};
}
@keyframes logo_loading{
0%{opacity:0;};
50%{opacity:1;};
100%{opacity:0};
}  
/*MENU*/
.menu_big{
	padding:2vh 5vw;
    position: fixed;
    width: 90vw;
  	font-size: 20px;
    transition: 0.5s;
}
.menu_big .logo,.menu_small .logo{
	background: url(../images/logo.png)no-repeat center center;
	background-size: contain;
	width: 30vw;
	min-height: 12vh;
}
.menu_big .menu_link a{
	margin:0 2vw;
	color: #fff;
	font-family: cinzel;
	font-size: 1em;
	font-weight: 500;
}
.menu_big .menu_link a:hover{
	text-decoration: none;
	color: #fff;
}	
.menu_big .menu_link2 a{
	margin:0 2vw;
	color: #000;
	font-family: cinzel;
	font-size: 1em;
	font-weight: bolder;
}
.menu_big .menu_link2 a:hover{
	text-decoration: none;
	color: #000;
}	
.small_head{
	padding:2vh 5vw;
	width:90vw;
	position:absolute;
	display: none;
}
.menu_small{
	position:fixed;
	z-index:10;
	background:#fff;
	min-height:85vh;
	width:100vw;
	padding-top:15vh;
	margin-left:100vw;
	transition: 0.5s;
}

.menu_small a{
	color: #000;
	font-family: "cinzel";
	font-size: 1.5em;
}
.small_head .logo{
	background: url(../images/logo.png)no-repeat center center;
	background-size: contain;
	min-height: 12vh;
	z-index: 10;
}
.menu_small .facebook{
	background-size: contain!important;
	background: url(../images/icon/facebook.png)no-repeat center center;
}
.menu_small .instagram{
	background-size: contain!important;
	background: url(../images/icon/instagram.png)no-repeat center center;
}
.menu_small .close{
	position: absolute;
	right: 5vw;
	top: 5vh;
	cursor: pointer;
}
.open_m{
	right: 5vw;
	top: 5vh;
	z-index: 10;
	font-size: 2em;
	cursor: pointer;
	color: #fff!important;
}
.open_m2{
	right: 5vw;
	top: 5vh;
	z-index: 10;
	font-size: 2em;
	cursor: pointer;
	color: #000;
}
/*MENU RESPONSIVE*/
@media screen and (min-width: 1200px){
	.menu_big .logo{
		margin-right: 1vw;
	}
	.menu_big .menu_link a, .menu_big .menu_link2 a{
		margin:0 0 0 2vw;
		font-family: cinzel;
		font-size: 0.8em;
		font-weight: bolder;
	}
}
@media screen and (max-width: 1200px){
	.menu_big .logo{
		margin-right: 2vw;
	}
	.menu_big .menu_link a,.menu_big .menu_link2 a{
		margin:0 0 0 2vw;
		font-family: cinzel;
		font-size: 0.8em;
		font-weight: bolder;
	}
}
@media screen and (max-width: 960px){
	.menu_big{
		display: none!important;	
	}
	.small_head{
		display: flex!important;
	}
}
@media screen and (max-width: 540px){
	.menu_small a{
		font-size: .8em;
	}
}
/*MENU END*/
/*FOOTER*/
.footer{
	background:transparent;
	bottom: 0;
	width: 100vw;
	padding: 5px;
}
.footer a{
	color: #000;
	margin:0 2vw;
	font-size: 0.8em;
}
/*END FOOTER*/
/*HOME*/
.home_intro_bkg{
	background: url(../images/intro_home.jpg)no-repeat center 30%;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	padding-top: 30vh;
}
.home_intro_bkg h1{
	font-family: cinzel black;
	color: #fff;
}
.home_intro_bkg h3{
	font-family: cinzel;
	color: #fff;
}
.home_intro_bkg .rs{
	height: 5vh;
	width: 5vh;
	margin: 2vw;
}
.home_intro_bkg .facebook{
	background-size: contain!important;
	background: url(../images/icon/facebook.png)no-repeat center center;
}
.home_intro_bkg .instagram{
	background-size: contain!important;
	background: url(../images/icon/instagram.png)no-repeat center center;
}
.icon_tile{
	position: relative;
}
.block_text{
	position: relative;
	width: 80vw;
	padding: 0 10vw;
}
.block_text h2{
	margin:6vh 0 0 0 ;
}
.block_text .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0;
}
.block_text p{
	margin: 0 0 4vh 0;
}
.icon_part{
	margin: 10vh 0;
}
.icon_part  .icon_tile{
	margin: 0 3vw;
}
.icon_part  .icon_tile .icon{
	width: 10vh;
	height: 10vh;
}
.icon_part  .icon_tile .bienfaits{
	background: url('../images/icon/bienfaits.png')no-repeat center center;
	background-size: contain;
}
.icon_part  .icon_tile .faitmain{
	background: url('../images/icon/handmade.png')no-repeat center center;
	background-size: contain;
}
.icon_part  .icon_tile .ecologique{
	background: url('../images/icon/ecologie.png')no-repeat center center;
	background-size: contain;
}
.blog_last{
	padding: 3vh 0;
}
.blog_last .blog_tile{
	padding: 0;
	color: #000;
}
.blog_last .blog_tile .blog_thumb{
	height: 20vh;
	margin: 0 10px;
}
.blog_last .blog_tile .blog_article{
	margin-top:20px; 
	margin-left: 10px;
}	

/*HOME END*/
/*PRESENTATION*/
.presentation_intro_bkg{
	background: url(../images/intro_presentation.jpg)no-repeat center center;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	padding-top: 30vh;
}
.presentation_intro_bkg h1{
	font-family: cinzel black;
	color: #fff;
}
.presentation_intro_bkg h3{
	font-family: cinzel;
	color: #fff;
}
.presentation_intro_bkg .rs{
	height: 5vh;
	width: 5vh;
	margin: 2vw;
}
.presentation_intro_bkg .facebook{
	background-size: contain!important;
	background: url(../images/icon/facebook.png)no-repeat center center;
}
.presentation_intro_bkg .instagram{
	background-size: contain!important;
	background: url(../images/icon/instagram.png)no-repeat center center;
}
.presentation_cont{
	position: relative;
	width: 80vw;
	padding: 0 10vw;
}
.presentation_cont a{
	color: #000;
}
.presentation_cont h2{
	margin:6vh 0 0 0 ;
}
.presentation_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0 10vh 0;
}
.presentation_cont p{
	margin: 0 0 4vh 0;
}
.presentation_cont .p1{
	height: 55vh;
	background:url(../images/pres4)no-repeat center center;
	background-size: cover;
	margin-bottom: 2vh;
	padding: 0;
}
.presentation_cont .p2{
	padding:0 0 0 20px;
	margin:0 0 2vh 0;
	text-align: justify;
	text-align-last: start;
}
.presentation_cont .p3{
	height: 45vh;
	background:url(../images/pres1)no-repeat center center;
	background-size: cover;
	text-align: justify;
	text-align-last: start;
}
.presentation_cont .p4{
	margin: 3vh 0;
	font-size: 1.3em;
}
.presentation_cont .p5{
	height: 35vh;
	background:url(../images/pres2)no-repeat center center;
	background-size: cover;
	padding: 0;
	margin-bottom: 2vh;
}
.presentation_cont .p6{
	height: 35vh;
	background:url(../images/pres3)no-repeat center center;
	background-size: cover;
	padding: 0;
	margin-bottom: 2vh;
}
.presentation_cont .p7{
	margin-bottom: 5vh;
	padding: 0;
	text-align: justify;
	text-align-last: start;
}
.presentation_cont .p8{
	text-align: justify;
	text-align-last: start;	
}
@media screen and (max-width: 576px){
	.presentation_cont .p2,.presentation_cont .p5,.presentation_cont .p6{
		padding-left: 0;
		margin: 2vh 0;
	}
}
/*END PRESENTATION*/
/*LES ATELIERS*/
.ateliers_intro_bkg{
	background: url(../images/intro_atelier.jpg)no-repeat center 30%;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0;
	width: 100vw;
	padding-top: 30vh;
}
.ateliers_intro_bkg h1{
	font-family: cinzel black;
	color: #fff;
}
.ateliers_intro_bkg h3{
	font-family: cinzel;
	color: #fff;
}
.ateliers_intro_bkg .rs{
	height: 5vh;
	width: 5vh;
	margin: 2vw;
}
.ateliers_intro_bkg .facebook{
	background-size: contain!important;
	background: url(../images/icon/facebook.png)no-repeat center center;
}
.ateliers_intro_bkg .instagram{
	background-size: contain!important;
	background: url(../images/icon/instagram.png)no-repeat center center;
}
.icon_tile{
	position: relative;
}
.ateliers_cont{
	position: relative;
	width: 80vw;
	padding: 0 10vw;
}
.ateliers_cont h2{
	margin:6vh 0 0 0 ;
}
.ateliers_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0 10vh 0;
}
.ateliers_cont p{
	margin: 0 0 4vh 0;
}
.ateliers_cont .section_view{
	min-height: 50vh;
}
.section_atelier{
	margin:0;
	padding: 0;
}
.section_atelier .section_tile{
	margin-bottom: 30px;
}
.ateliers_cont .section_atelier .info .info_line{
	margin-bottom: 15px;
}
.ateliers_cont .section_atelier .info .icon_at_h{
	height: 5vh;
	width: 5vh;
	margin-right: 15px;
	background: url('../images/icon/heure.png')no-repeat center center;
	background-size: contain;
}
.ateliers_cont .section_atelier .info .icon_at_p{
	height: 5vh;
	width: 5vh;
	margin-right: 15px;
	background: url('../images/icon/user.png')no-repeat center center;
	background-size: contain;
}
.ateliers_cont .section_atelier .tarif{
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1em;
}
.ateliers_cont .section_atelier .visu_atelier{
	height:50vh;
}
/*LES ATELIERS END*/
/*ADHESION*/
.adhesion_cont{
	position: relative;
	width: 80vw;
	padding: 10vh 10vw 0 10vw;
}
.adhesion_cont h2{
	margin:6vh 0 0 0 ;
	font-family: 'cinzel';
}
.adhesion_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0 10vh 0;
}
.adhesion_cont p{
	margin: 0 0 4vh 0;
}
.adhesion_cont .section_view{
	min-height: 60vh;
}
.section_atelier{
	margin:0;
	padding: 0;
}
.section_atelier .section_tile{
	margin-bottom: 30px;
}
.adhesion_cont .section_atelier .info .info_line{
	margin-bottom: 15px;
}
.adhesion_cont .section_atelier .info .icon_at_h{
	height: 5vh;
	width: 5vh;
	margin-right: 15px;
	background: url('../images/icon/heure.png')no-repeat center center;
	background-size: contain;
}
.adhesion_cont .section_atelier .info .icon_at_p{
	height: 5vh;
	width: 5vh;
	margin-right: 15px;
	background: url('../images/icon/user.png')no-repeat center center;
	background-size: contain;
}
.adhesion_cont .section_atelier .tarif{
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1em;
}
.adhesion_cont .adhesion_bottom{
	height: 50vh;
	background: url('../images/bottom_adhesion') no-repeat center center;
	background-size: cover;	
}
/*END ADHESION*/
/*BLOG*/
.blog_cont{
	position: relative;
	width: 80vw;
	padding: 10vh 10vw 0 10vw;
	min-height: 77vh;
}
.blog_cont h2{
	margin:6vh 0 0 0 ;
	font-family: 'cinzel';
}
.blog_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0;
}
.blog_cont p{
	margin: 0 0 4vh 0;
}
.blog_last{
	padding: 3vh 0;
}
.blog_last .blog_tile{
	padding: 0;
}
.blog_last .blog_tile:hover{
	text-decoration: none;
}
.blog_last .blog_tile .blog_thumb{
	height: 20vh;
	margin: 20px;
}
.blog_last .blog_tile .blog_article{
	margin-top:20px; 
	margin-left: 20px;
	font-size:1em;
	color: #000;
}	
#pagination{
	padding: 0;
	margin: 0 0 4vh 0;
}
#pagination a{
	padding: 5px;
	margin:0 5px;
	color: #000;
	background-color: #e5e5e5;
	border-radius: 5px;
	border:1px solid transparent;
}
#pagination .thispage{
	border:1px solid #000;
}
/*BLOG END*/
/*ARTICLE*/
.article_intro_bkg{
	position: relative;
	top: 0;
	left: 0;
	height: 45vh;
	width: 80vw;
	margin: 15vh 10vw;
}
.article_intro_bkg h1{
	font-family: cinzel black;
	color: #fff;
}
.article_cont{
	position: relative;
	width: 60vw;
	padding:0 20vw 10vh 20vw;
	min-height: 10vh;
}
/*END ARTICLE*/
/*CONTACT*/
.contact_cont{
	position: relative;
	width: 80vw;
	padding: 10vh 10vw 0 10vw;
}
.contact_cont h2{
	margin:6vh 0 0 0 ;
	font-family: 'cinzel';
}
.contact_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0;
}
.contact_cont p{
	margin: 5vh 0;
}
.contact_cont .tile_info_contact{
	margin-bottom: 10vh;
}
.contact_cont .tile_info_contact div{
	/*margin-left: 10vh;*/
}
.contact_cont .icon_contact{
	height: 5vh;
	width: 5vh;
	margin-right: 15px;
}
.contact_cont .facebook {
	background: url('../images/icon/facebook2.png')no-repeat center center;
	background-size: contain;
}
.contact_cont .instagram {
	background: url('../images/icon/instagram2.png')no-repeat center center;
	background-size: contain;
}
.contact_cont .tel {
	background: url('../images/icon/tel.png')no-repeat center center;
	background-size: contain;
}
.contact_cont .mail {
	background: url('../images/icon/mail.png')no-repeat center center;
	background-size: contain;
}
.contact_cont .adresse {
	background: url('../images/icon/adress.png')no-repeat center center;
	background-size: contain;
}
@media screen and (min-width: 768px){
	.info_contact{
		justify-content: start;
		margin-left: 10vh;
	}
	.info_contact_adresse{
		justify-content: center;
	}
}
@media screen and (max-width: 768px){
	.info_contact,.info_contact_adresse{
		justify-content: start;
	}
}
/*END CONTACT*/
/*MENTIONS LEGALES*/
.ml_cont{
	position: relative;
	width: 80vw;
	padding: 10vh 10vw 0 10vw;
	/*margin-top: 60vh;*/
}
.ml_cont h2{
	margin:6vh 0 0 0 ;
	font-family: 'cinzel';
}
.ml_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0;
}
.ml_cont p{
	margin: 5vh 0;
}
/*END MENTIONS LEGALES*/
/*STATUTS*/
.statuts_cont{
	position: relative;
	width: 80vw;
	padding: 10vh 10vw 0 10vw;
	/*margin-top: 60vh;*/
}
.statuts_cont h2{
	margin:6vh 0 0 0 ;
	font-family: 'cinzel';
}
.statuts_cont .separator .line{
	width: 15vw;
	height: 1px;
	background:#000;
	margin: 2vh 0;
}
.statuts_cont p{
	margin: 5vh 0;
}
/*END STATUTS*/
/*ERREUR 404*/
.img_error{
  height: 35em;
  background: url(../images/404.png) no-repeat center center;
  background-size: contain;
}
.home_btn a{
  color: #fff;
  background: #000;
  padding: 0.5em;
  border-radius: 10px;
}
/*END ERREUR 404*/