@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,800;1,800&family=Raleway:wght@200;300;500;700&display=swap');

*{
padding:0px;
border:0px;
margin:0px;
}

html{
width:100%;
min-width:750px;
scroll-behavior: smooth;
}

.main_width{
margin: auto;
/*
width:1200px;
*/
width: 75vw;
min-width: 750px;
}


body{
font-family: 'Raleway', sans-serif;
font-weight:400;
color: #230900;
}


/* *********************** COMMON *********************** */

p{
line-height: 27px;
font-size: 17px;
margin-bottom: 13px;
}

h1{
font-family: 'Playfair Display', serif;
font-weight: 800;
color:#4E2413;
font-size: 48px;
line-height: 62px;
margin-bottom: 30px;
}

h2{
font-family: 'Playfair Display', serif;
font-weight: 800;
color:#4E2413;
font-size: 35px;
line-height: 43px;
margin-bottom: 30px;
}

h3{
}

h4{
}

a.button{
display: inline-block;
border-radius: 30px;
background-color: #4E2413;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration:none;
transition:all 0.3s;
margin:20px 10px 0;
}

a.button:hover{
padding: 7px 33px;
margin:20px 0 0;
}

a{
color:inherit;
text-decoration:underline;
transition: all 0.2s ease-in-out;
}

#wrapper ul{
list-style: none;
margin: 30px 0;
}

#wrapper ul li{
color: #D6809C;
padding-left: 15px;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 14px;
position: relative;
}

#wrapper ul li:before{
content:'';
width: 7px;
height: 7px;
border-radius: 5px;
position: absolute;
left: 0;
top: 4px;
background-color: #D6809C;
}




/* *********************** HEADING MSG*********************** */
#heading{
width:100%;
height:30px;
text-align:center;
background-color:#C4A580;
position: relative;
 z-index: 100;
}

#heading p{
color: #230900;
margin: 0;
font-size: 13px;
}

#heading+#banner{
top: 30px;
}



/* *********************** BANNER / MENU *********************** */
#banner{
width:100%;
background-color: #4E2413;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 95px;
z-index: 99;
transition: all 0.4s;
max-width: 2500px;
}

#banner div.logo{
text-align: center;
position: absolute;
left: 50%;
top: 30px;
transform: translateX(-50%);
transition: all 0.4s;
z-index: 10;
}

#banner div.logo:after{
content: '';
width: 253px;
height: 253px;
position: absolute;
top: -122px;
border-radius: 200px;
left: 50%;
z-index: -1;
background-color: #fff;
transition: all 0.4s;
transform: translateX(-50%);
}

#banner div.logo>a{
width: fit-content;
height: fit-content;
display: inline-block;
}

#banner .logo img{
width: 175px;
height: auto;
transition: all 0.4s;
}

/* *********************** MENU *********************** */
/*
div#cssmenu{
width: 75vw;
min-width: 1000px;
max-width: 2000px;
margin: 0 auto;
}

#cssmenu .menu-links {
display: none;
}

#cssmenu .burger{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
height: 95px;
transition: all 0.4s;
}

#cssmenu .burger .list_part1{
width: calc( ( 100% - 450px ) / 2);
margin-left: 50px;
}

#cssmenu .burger .list_part2{
width: calc( ( 100% - 350px ) / 2 );
}

#cssmenu .burger ul{
width: 100%;
display: flex;
justify-content: space-between;
list-style: none;
}

#cssmenu .burger ul a{
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
}



@media screen and (max-width: 1700px){
	#cssmenu .burger .list_part1{
	width: calc( ( 100% / 2) - 160px );
	margin-left: 10px;
	}
	#cssmenu .burger .list_part2{
	width: calc( ( 100% / 2) - 140px );
	margin-left: 0;
	}
}
*/



div#cssmenu{
width: calc( 100% - 300px );
margin: 0 150px;
}

#cssmenu .menu-links{
cursor: pointer;
}

#cssmenu .menu-links.open{
position: absolute;
left: 60px;
top: 34px;
color: #fff;
cursor: pointer;
text-transform: uppercase;
font-size: 17px;
line-height: 25px;
transition: all 0.4s;
}

#cssmenu .menu-links.open img{
position: relative;
top: 3px;
width: 18px;
height: 18px;
}

#cssmenu .menu-links.close{
position: absolute;
top: 35px;
left: 20px;
}

#cssmenu .menu-links.open img{
width: 18px;
height: 18px;
}

#cssmenu .burger{
position: fixed;
top: 0;
left: -400px;
width: 400px;
max-width: 100%;
height: 100vh;
background-color: white;
margin: 0;
-webkit-box-shadow: 0px 2px 8px 0px #7e7e7e;
box-shadow: 0px 2px 8px 0px #7e7e7e;
transition: all 0.6s;
overflow-y: scroll;
padding-top: 100px;
box-sizing: border-box;
z-index: 1001;
}

#cssmenu .burger.open{
left: 0;
}

#cssmenu .burger .list_part1{
width: 100%;
}

#cssmenu .burger .list_part2{
width: 100%;
}

#cssmenu .burger ul{
width: 100%;
display: flex;
justify-content: space-between;
list-style: none;
flex-direction: column;
text-align: left;
}

#cssmenu .burger ul li{
transition: all 0.4s;
}

#cssmenu .burger ul li a:hover{
background-color: #4E2413;
}

div#cssmenu ul li a{
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
color: #230900;
line-height: 50px;
padding: 10px 20px;
width: 100%;
display: block;
box-sizing: border-box;
transition: all 0.4s;
z-index: 5;
position: relative;
}

div#cssmenu ul li a:hover{
color: #fff;
}


.no-links{
	display: none;
}


html:not([data-scroll='0']) #banner{
height: 65px;
}

html:not([data-scroll='0']) #heading+#banner{
top: 0;
}
/*
html:not([data-scroll='0']) #cssmenu .burger{
height: 65px;
}
*/

html:not([data-scroll='0']) #banner div.logo{
top: 10px;
}

html:not([data-scroll='0']) #banner div.logo:after{
width: 210px;
height: 210px;
top: -102px;
}

html:not([data-scroll='0']) #banner .logo img{
width: 150px;
}

html:not([data-scroll='0']) #cssmenu .menu-links.open{
top: 22px;
}

/* *********************** PAGES *********************** */


#wrapper>div>.intro{
display: block;
width: 100%;
background-color: #C4A580;
position: relative;
text-align: center;
max-width: 2500px;
margin: 0 auto 170px;
}

#wrapper>div>.intro .content{
padding: 180px 0 10px;
}

#wrapper>div>.intro:after{
content:'';
position: absolute;
left: 0;
bottom: -150px;
height: 150px;
width: 100%;
background-image: url(images/home-c9-waves-2.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
}



/* ***** HOME ***** */

@keyframes footerbutton {
  from {bottom: -100px;}
  to {bottom: 20px;}
}

#home .footer-button{
	position: fixed;
	right: 20px;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #4E2413;
	border: 1px solid #fff;
	border-radius: 50px;
	background-image: url(images/arrow-bottom-white.svg);
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	animation-name: footerbutton;
	animation-duration: 0.4s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

#home:after{
content:'';
position: absolute;
left: 0;
width: 100%;
height: 1500px;
top: 0;
z-index: -5;
background-color: #fff;
}

#home .video_intro{
width: 100%;
max-height: 750px;
height: 48vw;
overflow: hidden;
max-width: 2500px;
margin: 50px auto 0;
margin-top: 80px;
}

.video-iframe-container{
padding: 56.25% 0 0 0;
position: relative;
}

#home .video_intro .video-wrapper #video{
width: 100%;
height: 100%;
}

#home .video_intro .video-wrapper #video iframe{
width: 100%;
height: 100%;
}

#home .c1{
display: block;
width: 84vw;
min-width: 750px;
margin: 0 auto;
height: 740px;
border-radius: 60px;
overflow: hidden;
margin-top: -50px;
position: relative;
}

#home .c1 .background{
width: calc( 100% - 30px );
height: calc( 100% - 30px );
position: absolute;
left: 15px;
top: 15px;
border-radius: 60px;
overflow: hidden;
}

#home .c1 .background img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c1:before{
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
}

#home .c1 .content{
position: absolute;
left: 0;
top: 120px;
width: 100%;
height: auto;
}

#home .c1 .intro{
font-size: 21px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
color: #4E2413;
}

#home .c1 h1{
max-width: 500px;
}

#home .c1 p:not(.intro){
max-width: 420px;
line-height: 31px;
font-size: 19px;
}

#home .c1 h1, #home .c1 p, #home .c1 a{
	padding-left: 30px;
	box-sizing: border-box;
}

#home .c2:before{
content:'';
position: absolute;
width: 100%;
height: 650px;
top: -650px;
left: 0;
background-image: url(images/home-c1-background.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
z-index: -1;
}

#home .c2{
background-color: #C4A580;
padding: 70px 0 40px;
position: relative;
text-align: center;
max-width: 2000px;
margin: 0 auto;
}

#home .c2 .images{
display: block;
width: 90%;
height: auto;
max-width: 450px;
margin: 0 auto 50px;
vertical-align: top;
padding-top: 60px;
position: relative;
}

#home .c2 .image-1{
width: 450px;
height: 450px;
position: relative;
}

#home .c2 .image-1 .image{
width: 100%;
height: 100%;
border-radius: 300px;
overflow: hidden;
position: relative;
z-index: 2;
}

#home .c2 .image-1:after{
content: '';
position: absolute;
width: calc(100% + 20px);
height: calc(100% + 20px);
left: -10px;
top: -10px;
border-radius: 300px;
background-color: #fff;
z-index: 1;
}

#home .c2 .image-1 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c2 .artisanat-certifie{
position: absolute;
right: -50px;
top: 0;
width: 220px;
height: 220px;
background-image: url(images/artisanat-certifie.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}

#home .c2 .content{
display: block;
width: 100%;
max-width: 500px;
vertical-align: middle;
text-align: left;
margin: 0 auto;
}

#home .c3{
height: 450px;
width: 100%;
position: relative;
max-width: 2000px;
margin: 0 auto;
}

#home .c3 .background{
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image:url(images/home-before-background.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -6;
max-width: 2000px;
}

#home .c3:before{
content:'';
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 200px;
background-image: url(images/home-c3-waves-1.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
}

#home .c3:after{
content:'';
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 200px;
background-image: url(images/home-c3-waves-2.svg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100%;
}

#home .c3+.background{
background-color: #fff;
}

#home .c4{
padding: 70px 0 0;
position: relative;
text-align: center;
}

#home .c4 .images{
display: inline-block;
width: 90%;
max-width: 450px;
vertical-align: middle;
height: auto;
padding-bottom: 60px;
position: relative;
margin: 50px auto 0;
}

#home .c4 .image-1{
width: 400px;
height: 400px;
position: relative;
border-radius: 300px;
overflow: hidden;
}

#home .c4 .image-1 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c4 .image-2{
position: absolute;
right: -30px;
bottom: -50px;
width: 220px;
height: 220px;
background-image: url(images/artisanat-certifie.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}

#home .c4 .image-2 .image{
width: 100%;
height: 100%;
border-radius: 300px;
overflow: hidden;
position: relative;
z-index: 2;
}

#home .c4 .image-2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c4 .image-2:after{
content:'';
position: absolute;
width: 240px;
height: 240px;
left: -10px;
top: -10px;
background-color: #fff;
z-index: 1;
border-radius: 300px;
}

#home .c4 .content{
display: block;
width: 100%;
vertical-align: middle;
margin: 0 auto;
margin-top: 30px;
text-align: left;
max-width: 500px;
}

#home .c5{
padding: 200px 0;
text-align: center;
max-width: 2000px;
margin: 0 auto;
}

#home .c5 .citation{
font-size: 52px;
line-height: 70px;
font-family: 'Playfair Display', serif;
font-weight: 800;
font-style: italic;
color: #C4A580;
opacity: 0.44;
margin: 0 auto 5px;
position: relative;
max-width: 95%;
}

#home .c5 .citation:before{
content:'';
position: absolute;
left: 20px;
top: -90px;
width: 90px;
height: 100px;
background-image: url(images/icon-citation-1.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

#home .c5 .citation:after{
content:'';
position: absolute;
right: 20px;
bottom: -90px;
width: 90px;
height: 100px;
background-image: url(images/icon-citation-2.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

#home .c5 .name{
font-weight: 200;
opacity: 0.44;
margin: 0 auto;
font-size: 18px;
}

#home .c6{
text-align: center;
margin-bottom: 100px;
}

#home .c6 .slider{
display: block;
width: 100%;
max-width: 500px;
margin: 0 auto 50px;
}

#home .c6 .slider .owl-stage-outer{
border-radius: 40px;
overflow: hidden;
}

#home .c6 .slider .item{
width: 100%;
height: 480px;
}

#home .c6 .slider .item img{
width: 100%;
height: 100%;
object-fit: cover;
}

#home .c6 .owl-carousel .owl-nav button.owl-prev span{
position: absolute;
left: -40px;
top: 50%;
transform: translateY(-65px);
font-size: 90px;
font-weight: 500;
color: #caac61;
}

#home .c6 .owl-carousel .owl-nav button.owl-next span{
position: absolute;
right: -40px;
top: 50%;
transform: translateY(-65px);
font-size: 90px;
line-height: 90px;
font-weight: 500;
color: #caac61;
}

#home .c6 .content{
display: block;
width: 100%;
text-align: left;
max-width: 500px;
margin: 0 auto;
}

#home .avis-google{
	margin: 150px 0;
}

#home .c7{
margin-bottom: 100px;
position: relative;
text-align: center;
}

#home .c7 .image{
display: inline-block;
width: 100%;
max-width: 500px;
vertical-align: middle;
height: 500px;
position: relative;
margin: 50px auto 0;
}


#home .c7 .image:after{
content:'';
position: absolute;
left: -100px;
top: 10px;
width: 190px;
height: 100px;
background-image: url(images/signature-christophe.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

#home .c7 .image img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 400px;
overflow: hidden;
}

#home .c7 .content{
display: block;
width: 100%;
text-align: left;
max-width: 500px;
margin: 0 auto;
}

#home .c8{
margin-bottom: 70px;
position: relative;
text-align: center;
}

#home .c8 .image{
display: inline-block;
width: 500px;
height: 500px;
vertical-align: middle;
position: relative;
margin: 0 auto 50px;
}

#home .c8 .image img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 300px;
}

#home .c8 .content{
display: block;
width: 100%;
text-align: left;
max-width: 500px;
margin: 0 auto;
}

#home .c9{
text-align: center;
background-color: #C4A580;
padding: 30px 0;
position: relative;
max-width: 2000px;
margin: 150px auto;
}

#home .c9:before{
content:'';
position: absolute;
left: 0;
top: -200px;
width: 100%;
height: 200px;
background-image: url(images/home-c9-waves-1.svg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100%;
}

#home .c9:after{
content:'';
position: absolute;
left: 0;
bottom: -200px;
width: 100%;
height: 200px;
background-image: url(images/home-c9-waves-2.svg);
background-repeat: no-repeat;
background-position: top center;
background-size: 100%;
}

#home .c9 .content{
width: 90%;
max-width: 750px;
margin: 0 auto;
text-align: left;
}

#home .c10{
text-align: center;
margin-bottom: 100px;
display: flex;
flex-wrap: wrap;
justify-content: center;
vertical-align: baseline;
position: relative;
flex-direction: column;
align-items: center;
}

#home .c10 .item{
width: 100%;
margin: 0;
padding-bottom: 50px;
text-align: center;
transition: all 0.4s;
position: relative;
}

#home .c10 .item.active{
margin-bottom: 200px;
}

#home .c10 .intro .icon{
display: block;
width: 80px;
height: 110px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center;
margin: 0 auto 15px;
}

#home .c10 .item:nth-of-type(1) .icon{
background-image: url(images/c10-icon-1.svg);
width: 60px;
height: 91px;
}

#home .c10 .item:nth-of-type(2) .icon{
background-image: url(images/c10-icon-2.svg);
height: 80px;
}

#home .c10 .item:nth-of-type(3) .icon{
background-image: url(images/c10-icon-3.svg);
width: 73px;
}

#home .c10 .item:nth-of-type(4) .icon{
background-image: url(images/c10-icon-4.svg);
width: 75px;
height: 83px;
}

#home .c10 .intro .title{
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
display: block;
max-width: 170px;
margin: 0 auto 5px;
line-height: 28px;
}

#home .c10 .intro .link{
font-size: 15px;
padding-right: 12px;
cursor: pointer;
line-height: 20px;
background-image: url(images/arrow-bottom.svg);
background-size: 7px;
background-repeat: no-repeat;
background-position: top 7px right;
}

#home .c10 .content{
position: absolute;
bottom: -150px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 500px;
height: 0;
overflow: hidden;
opacity: 0;
text-align: center;
transition: height 0.4s;
text-align: left;
padding: 20px 20px 7px;
border: 1px solid #4E2413;
border-radius: 20px;
}

#home .c10 .active .content{
height: 145px;
opacity: 1;
}

#home .c11{
text-align: center;
}

#home .c11 h2{
max-width: 900px;
margin: 0 auto 30px;
}

#home .c11 p{
max-width: 700px;
margin: 0 auto 50px;
}

#home .c11 .slider{
width: 90%;
max-width: 1100px;
margin: 0 auto;
}

#home .c11 .item img{
width: 90%;
height: 100%;
margin: 0 auto;
display: block;
object-fit: contain;
}


/* ***** CHEZ-VOUS ***** */

#chez-vous .c1{
position: relative;
text-align: center;
}

#chez-vous .c1 .images{
display: inline-block;
width: 90%;
max-width: 450px;
vertical-align: middle;
height: auto;
padding-bottom: 60px;
position: relative;
margin: 50px auto 0;
}

#chez-vous .c1 .image-1{
width: 400px;
height: 400px;
position: relative;
border-radius: 300px;
overflow: hidden;
}

#chez-vous .c1 .image-1 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#chez-vous .c1 .image-2{
position: absolute;
right: -30px;
bottom: -50px;
width: 220px;
height: 220px;
background-image: url(images/artisanat-certifie.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}

#chez-vous .c1 .image-2 .image{
width: 100%;
height: 100%;
border-radius: 300px;
overflow: hidden;
position: relative;
z-index: 2;
}

#chez-vous .c1 .image-2 img{
width: 100%;
height: 100%;
object-fit: cover;
}

#chez-vous .c1 .image-2:after{
content:'';
position: absolute;
width: 240px;
height: 240px;
left: -10px;
top: -10px;
background-color: #fff;
z-index: 1;
border-radius: 300px;
}

#chez-vous .c1 .content{
display: block;
width: 100%;
vertical-align: middle;
margin: 0 auto;
margin-top: 30px;
text-align: left;
max-width: 500px;
}



/* ***** CRÉATIONS ***** */
#shop .microdata{
	display: none;
}

#shop .main_width.relative{
	position: relative;
}

#shop .certificat{
	position: absolute;
    right: 5%;
    top: -188px;
    width: 150px;
    height: 150px;
}

#shop .c2{
	margin-bottom: -70px;
}

#shop .c2 .product_list{
	display: flex;
	justify-content: center;
	align-items: top;
	flex-wrap: wrap;
}

#shop .c2 .item{
	width: 400px;
	margin: 0 5% 70px;
	position: relative;
	text-decoration: none;
}

#shop .c2 .item .img{
	width: 100%;
	height: 400px;
	margin-bottom: 15px;
	border-radius: 300px;
	overflow: hidden;
}

#shop .c2 .item .img:after {
    content: '';
    position: absolute;
    width: 440px;
    height: 440px;
    left: -20px;
    top: -20px;
    border-radius: 300px;
    border: 1px solid #D6809C;
}

#shop .c2 .item .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s;
}

#shop .c2 .item:hover .img img{
	transform: scale(1.1);
}

#shop .c2 .item .content{
	margin-top: 40px;
}

#shop .c2 .item .content .titre{
	width: 100%;
	text-align: center;
	display: inline-block;
	font-family: 'Playfair Display', serif;
    font-weight: 800;
    color: #4E2413;
    font-size: 28px;
    line-height: 33px;
}

#shop .c2 .item .content .prix{
	display: block;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    font-weight: 600;
    color: #4E2413;
    font-size: 17px;
    line-height: 33px;
    position: absolute;
    top: 270px;
    right: -15px;
    background-color: #D6809C;
    color: #fff;
    text-align: center;
}

#shop .c2 .item .content .prix.out-of-stock{
background-color: #caac61;
}

#shop .c2 .item .content .prix span{
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}

#shop .c3{
	position: relative;
	text-align: center;
}

#wrapper .success{
	margin: 0 auto 150px;
    width: 530px;
    padding: 20px;
    box-sizing: border-box;
    max-width: 90%;
    background-color: #d6ffd6;
    border-radius: 20px;
    border: 1px solid #003f00;
}

#wrapper .success p.title{
	font-family: 'Playfair Display', serif;
    font-weight: 800;
    color: #003f00;
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 15px;
}

#wrapper .success p{
	margin: 0;
}

#wrapper .success p+p{
	margin-top: 5px;
}

#wrapper .success p span{
	display: block;
	margin-top: 5px;
	font-size: 15px;
	line-height: 20px;
}

#wrapper .success p.sub_title{
	text-decoration: underline;
	margin-top: 30px;
}

#wrapper .error{
	margin: 0 auto 150px;
    width: 500px;
    padding: 20px;
    box-sizing: border-box;
    max-width: 90%;
    background-color: #fbdfdf;
    border-radius: 20px;
    border: 1px solid #b71515;
}

#wrapper .error p{
	margin: 0;
    color: #b71515;
}

#shop .c3 .content{
	display: block;
	vertical-align: top;
	width: 100%;
	max-width: 450px;
	margin: 0 auto 50px;
	text-align: left;
}

#shop .c3 .content h2{
	margin: 30px 0 0;
}

#shop .c3 .content .prix{
	display: block;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    font-weight: 600;
    color: #4E2413;
    font-size: 20px;
    line-height: 33px;
    position: relative;
	margin-bottom: 30px;
    background-color: #D6809C;
    color: #fff;
    text-align: center;
	z-index: 1;
}

#shop .c3 .content .prix span{
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}

#shop .c3 .form_part{
	margin-top: 20px;
}

#shop .c3 label{
    font-size: 14px;
    text-transform: uppercase;
}

#shop .c3 select{
	display: block;
    width: 300px;
	max-width: 100%;
    margin-top: 5px;
    border-radius: 20px;
    border: 1px solid #4e2413;
    padding: 8px 15px;
}

.form_button{
display: inline-block;
border-radius: 30px;
background-color: #4E2413;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration:none;
transition:all 0.3s;
margin:20px 0 0;
cursor: pointer;
}

.form_button:hover{
padding: 7px 33px;
margin:20px 0 0;
}

#shop .c3 .content .stock_infos{
font-size: 15px;
color: #CACACA;
line-height: 20px;
margin: 20px 0 0;
}

#shop .c3 .content .stock_infos+.stock_infos{
margin: 5px 0 0;
}

#shop .c3 .images{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

#shop .c3 .demo-gallery{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#shop .c3 .demo-gallery a{
	width: 30%;
	margin: 0 1% 10px;
	height: 150px;
	overflow: hidden;
	border-radius: 20px;
}

#shop .c3 .demo-gallery a.main_pic{
	width: 100%;
	height: 350px;
	margin: 0 0 20px;
}

#shop .c3 .demo-gallery a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.4s;
}

#shop .c3 .demo-gallery a:hover img{
	transform: scale(1.1);
}

.shop_form{
	position: fixed;
    z-index: 100;
    width: 80vw;
    height: 90vh;
    left: 10vw;
    top: -155vh;
	overflow: auto;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 1px 1px 13px 1px rgba(115,115,115,0.75);
    -webkit-box-shadow: 1px 1px 13px 1px rgba(115,115,115,0.75);
    -moz-box-shadow: 1px 1px 13px 1px rgba(115,115,115,0.75);
    padding: 50px;
    box-sizing: border-box;
	transition: all 0.6s;
}

.shop_form.visible{
    top: 5vh;
}

.shop_form .close{
	position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;
}

.shop_form .intro{
	text-align: left;
	margin: 0 auto 50px;
	max-width: 850px;
}

.shop_form .intro .image{
	display: inline-block;
    height: 120px;
    width: 120px;
    margin-right: 30px;
	vertical-align: middle;
	border-radius: 15px;
	overflow: hidden;
}

.shop_form .intro .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop_form .intro .infos{
	display: inline-block;
	width: calc( 100% - 160px );
	max-width: 700px;
	vertical-align: middle;
}

.shop_form .intro .infos h2{
	font-family: 'Playfair Display', serif;
    font-weight: 800;
    color: #4E2413;
    font-size: 28px;
    line-height: 31px;
    margin-bottom: 15px;
}

.shop_form .intro .infos p{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}

.shop_form .intro .infos p+p{
	margin-top: 5px;
}


.shop_form form{
max-width: 500px;
margin: 0 auto;
text-align: center;
}


.shop_form form .form_part{
margin-bottom: 25px;
text-align: left;
}

.shop_form form label{
display: block;
width: 100%;
color: #230900;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}

.shop_form form input{
display: block;
width: 100%;
max-width: 100%;
min-width: 100%;
max-height: 300px;
min-height: 39px;
padding: 10px 7px;
box-sizing: border-box;
border-radius: 8px;
background-color: #fff;
color: #230900;
border: 1px solid #4E2413;
font-size: 15px;
}

.shop_form form textarea{
display: block;
width: 100%;
max-width: 100%;
min-width: 100%;
min-height: 150px;
height: 150px;
padding: 10px 7px;
box-sizing: border-box;
border-radius: 8px;
background-color: #fff;
color: #230900;
border: 1px solid #4E2413;
font-size: 15px;
}

.shop_form form .stock_infos{
text-decoration: uppercase;
font-size: 14px;
color: #CACACA;
margin-top: 5px;
}

.shop_form .small {
font-size: 13px;
line-height: 15px;
margin-bottom: 11px;
text-align: left;
}

.shop_form .opt_in{
margin-bottom: 30px;
text-align: left;
}

.shop_form .opt_in input{
min-height: unset;
display: inline-block;
width: 13px;
max-width: unset;
min-width: unset;
margin-right: 5px;
vertical-align: baseline;
transform: translateY(1px);
}

.shop_form .opt_in label{
text-transform: none;
display: inline-block;
width: unset;
vertical-align: baseline;
margin: 0;
}

.shop_form input[type="submit"]{
display: inline-block;
border-radius: 30px;
background-color: #4E2413;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration:none;
transition:all 0.3s;
margin:20px auto 0;
cursor: pointer;
width: unset;
min-width: unset;
max-width: unset;
}

.shop_form input[type="submit"]:hover {
padding: 7px 33px;
margin:20px 0 0;
}


/* ***** ECO-RESPONSABILITE ***** */

#eco{
text-align: center;
}

#eco .principes{
display: inline-block;
width: 95%;
max-width: 700px;
vertical-align: top;
margin: 0 auto;
position: relative;
text-align: left;
background-color: #4E2413;
padding: 50px 30px;
border-radius: 20px;
box-sizing: border-box;
margin-top: 200px;
z-index: 13;
}

#eco .principes:before{
content:'';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 20px;
background-color: #4E2413;
z-index:-1;
}

#eco .principes:after{
content: '';
position: absolute;
left: -20px;
top: -250px;
width: calc(100% + 40px);
height: 370px;
background-image: url(images/comptoir-glacerie-sprimont-1.jpg);
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
border-radius: 40px;
z-index: -2;
}

#eco .principe{
background-color: #fff;
border-radius: 20px;
padding: 20px 30px;
position: relative;
cursor: pointer;
}

#eco .principe+.principe{
margin-top: 20px;
}

#eco .principe .count{
position: absolute;
left: 15px;
top: -9px;
width: 30px;
height: 30px;
}

#eco .principe .count:after{
content: "01";
color: #4E2413;
opacity: 0.1;
font-size: 53px;
font-family: 'Playfair Display', serif;
}

#eco .principe:nth-of-type(2) .count:after{
	content:"02";
}

#eco .principe:nth-of-type(3) .count:after{
	content:"03";
}

#eco .principe:nth-of-type(4) .count:after{
	content:"04";
}

#eco .principe:nth-of-type(5) .count:after{
	content:"05";
}

#eco .principe h3{
font-weight: 400;
font-size: 20px;
line-height: 28px;
padding-left: 60px;
}

#eco .principe p{
font-size: 17px;
line-height: 26px;
opacity: 0;
height: 0;
overflow: hidden;
transition: all 0.6s;
transform: translateY(-10px);
margin: 0;
}

#eco .principe.open p{
opacity: 1;
height: 135px;
margin-top: 20px;
transform: translateY(0);
}

#eco .principe .arrow{
position: absolute;
right: 25px;
top: 22px;
width: 30px;
height: 30px;
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
background-image: url(images/arrow-bottom-white.svg);
transform: rotate(0);
transition: all 0.6s;
background-color: #C4A580;
border-radius: 20px;
}

#eco .principe.open .arrow{
transform: rotate(180deg);
}


/* ***** RÉFÉRENCE ***** */
#references .microdata{
display: none;
}
#references .c1 .item{
display: block;
width: 100%;
max-width: 830px;
margin: 0 auto;
text-decoration: none;
text-align: center;
}

#references .c1 .item+.item{
margin-top: 70px;
}

#references .c1 .item .image{
display: block;
width: 350px;
max-width: 100%;
height: 350px;
margin: 0 auto 20px;
overflow: hidden;
position: relative;
}

#references .c1 .item .image img{
width: 90%;
height: 90%;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 300px;
}

#references .c1 .item .image:after {
content: '';
position: absolute;
width: 99%;
height: 99%;
left: 0;
top: 0;
border-radius: 300px;
border: 1px solid #D6809C;
}

#references .c1 .item .content{
display: block;
width: 100%;
max-width: 550px;
margin: 0 auto;
vertical-align: middle;
text-align: left;
}

#references .c1 .item .short_description{
display: block;
line-height: 27px;
font-size: 17px;
}

#references .c1 .item .button{
display: inline-block;
border-radius: 30px;
background-color: #4E2413;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration:none;
transition:all 0.3s;
margin:30px 10px 0 0;
}

#references .c1 .item:hover .button{
padding: 7px 33px;
margin:30px 0 0;
}

#references .c3{
text-align: center;
}

#references .c3 .images{
display: block;
vertical-align: top;
width: 100%;
max-width: 550px;
margin: 0 auto;
}

#references .c3 .demo-gallery{
display: flex;
justify-content: center;
flex-wrap: wrap;
}

#references .c3 .demo-gallery a{
width: 30%;
margin: 0 1% 10px;
height: 150px;
overflow: hidden;
border-radius: 20px;
}

#references .c3 .demo-gallery a.main_pic{
width: 100%;
height: auto;
margin: 0 0 20px;
}

#references .c3 .demo-gallery a img{
width: 100%;
height: 100%;
transition: all 0.4s;
object-fit: cover;
}

#references .c3 .demo-gallery a.main_pic img{
height: auto;
object-fit: unset;
}

#references .c3 .demo-gallery a:hover img{
transform: scale(1.1);
}

#references .c3 .content{
display: block;
width: 100%;
max-width: 550px;
margin: 50px auto 0;
text-align: left;
}

#references .c3 .description{
display: block;
line-height: 27px;
font-size: 17px;
}

#references .c3 .pdfs{
margin-top:30px;	
}

#references .c3 .pdfs a.item{
width: 145px;
display: inline-block;
vertical-align: top;
border: 1px solid #c4a580;
margin: 5px 10px;
font-size: 13px;
text-transform: uppercase;
transition: all 0.3s;
text-decoration: none;
border-radius: 15px;
}

#references .c3 .pdfs a.item .image{
position: relative;
width: 145px;
height: 100px;
overflow: hidden;
border-radius: 15px;
}

#references .c3 .pdfs a.item .image img{
width:100%;
height: 100%;
transition:all 0.3s;
z-index:5;
object-fit: cover
}

#references .c3 .pdfs a.item:hover .image img{
transform: scale(1.1);
filter: grayscale(0.20);
}

#references .c3 .pdfs a.item .image .pdf_icon{
position:absolute;
top:0px;
left:0px;
z-index:70;
transition:all 0.3s;
width:0px;
height:0px;
background-image:url('images/common/download-pdf.png');
background-repeat:no-repeat;
background-position: center center;
width:100%;
height:100%;
transform: scale(0);
}

#references .c3 .pdfs a.item:hover .image .pdf_icon{
transform: scale(1);
}

#references .c3 .pdfs a.item span.description{
line-height: 33px;
padding:0px 8px;
display: block;
width:100%px;
height: 33px;
overflow: hidden;
box-izing: border-box;
font-size: 12px;
letter-spacing: 0px;
text-align: center;
}

#references .items_nav{
margin-top: 50px;
text-align: center;
}

#references .items_nav a{
display: inline-block;
border-radius: 30px;
background-color: #4E2413;
text-transform: uppercase;
color: white;
padding: 7px 23px;
font-weight: 700;
transition: all 0.5s ease-in-out;
font-size: 15px;
text-decoration:none;
transition:all 0.3s;
margin:30px 10px 0 0;
}

#references .items_nav a:hover{
padding: 7px 33px;
margin:30px 0 0;
}


/* ***** CONTACT ***** */

#contact{
text-align:center;
}

#contact .c1{
display:inline-block;
vertical-align:middle;
width:38%;
margin-right:6%;
text-align:left;
}

#contact .c1 span.head{
display: block;
width: 100%;
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
color: #D6809C;
}

#contact .c1 .microdata{
display:none;
}

#contact .horaires p.title{
font-family: 'Playfair Display', serif;
font-weight: 800;
font-size: 17px;
margin: 20px 0 10px;
}

#contact .horaires p:not(.title){
margin-bottom: 0px;
font-size: 15px;
}

#contact .horaires p:not(.title) span.title{
font-weight: 600;
}

#contact .c2{
display:inline-block;
vertical-align:middle;
width:46%;
}

#contact .c2 img{
width: 100%;
height: auto;
}


#contact .c2 .streetview{
width:100%;
height:357px;
border-radius: 30px;
overflow: hidden;
}

#contact .map{
width:100%;
height:433px;
margin-top: 70px;
border-radius: 30px;
overflow: hidden;
}




/* ***** Mentions légales ***** */


#legal{
text-align:center;
margin-top: 250px;
}

#legal .main_width{
}


#legal h1{
text-align:center;
background-position:bottom center;
margin-bottom:73px;
}

#legal h2{
background-position: 0px 7px;
position: relative;
bottom: 0px;
margin-top: 14px;
margin-bottom: 14px;
font-size:28px;
line-height:30px;
background-position: bottom left;
padding-bottom: 7px;
}

#legal h3{
line-height:23px!important;
padding-bottom: 6px!important;
}

#legal p{
margin-bottom:5px;
}

#legal p span{
display:inline-block;
vertical-align:top;
width:166px;
text-decoration:underline;
}

#legal .c0{
width:600px;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
text-align:left;
padding:1%;
margin-bottom:30px;
background-color:white;
border-radius:13px;
}

#legal .c1{
display:inline-block;
vertical-align:top;
width:90%;
padding:1%;
border:1px solid #c0c0c0;
text-align:left;
margin-bottom:30px;
min-height:262px;
background-color:white;
border-radius:13px;
}

#legal .c1.last{
margin-right:0px;
}

#legal .c1 p{
margin-bottom:8px;
font-size:13px;
line-height:22px;
}

#legal .c2{
width:90%;
padding:1%;
text-align:left;
display:inline-block;
vertical-align:top;
border:1px solid #c0c0c0;
margin-bottom:30px;
height:600px;
overflow:auto;
padding-bottom:30px;
background-color:white;
border-radius:13px;
}

#legal .c2 h3{

}

#legal .c2 h4{

}

#legal .c2 p{
margin-bottom:8px;
font-size:13px;
line-height:22px;
}

#legal .c2 ul li{
margin-bottom:5px;
font-size:13px;
line-height:22px;
padding-left:15px;
list-style-type:none;
}

#legal .c2 ul ul li{
padding-left:30px;
}

#legal .c2.last{
margin-right:0px;
}


/* ***** 404 ***** */

#e404{
text-align:center;
}

#e404 .main_width{
padding-top:250px;
}

#e404 h1{
text-align:center;
background-position:bottom center;
margin-bottom:73px;
}


/* *********************** FOOTER *********************** */


#footer{
width:100%;
background-color: #fff;
padding-top: 200px;
position: relative;
overflow: hidden;
text-align: center;
max-width: 2500px;
margin: 0 auto;
z-index: 11;
}

#footer:before{
content:'';
position: absolute;
top: 150px;
left: 0;
width: 100%;
height: calc(100% - 150px);
background-image: url(images/footer-background.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
z-index: 0;
}

#footer .main_width{
position: relative;
z-index: 1;
}

#footer .logo{
width: 250px;
height: auto;
margin: 0 auto 30px;
}

#footer .logo img{
width: 100%;
height: auto;
}

#footer .c1{
display: block;
text-align: center;
}

#footer .c2{
display: block;
text-align: center;
}

#footer .c1 p, #footer .c2 p{
color: #fff;
margin: 0;
}

#footer p.title{
font-family: 'Playfair Display', serif;
font-weight: 800;
font-size: 17px;
margin: 40px 0 10px;
}

#footer .c2 p:not(.title){
margin-bottom: 8px;
font-size: 15px;
}

#footer .c2 p:not(.title) span.title{
font-weight: 600;
}

#footer .links a{
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 17px;
display: block;
width: intrinsic;
width: -moz-max-content;
width: -webkit-max-content;
padding-left: 35px;
backgtround-size: 18px;
background-repeat: no-repeat;
background-position: left center;
margin: 0 auto 20px;
}

#footer .links .map{
background-image: url(images/icon-map.svg);
}

#footer .links .mail{
background-image: url(images/icon-mail.svg);
}

#footer .links .tel{
background-image: url(images/icon-tel.svg);
}

#footer .socials a{
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}

#footer .socials a+a{
margin-left: 20px;
}

#footer .socials .facebook{
background-image:url(images/icon-facebook.svg);
}

#footer .socials .instagram{
background-image:url(images/icon-instagram.svg);
}

#footer .socials .petit-fute{
background-image:url(images/logo-petit-fute.png);
background-size: contain;
}

#footer .socials .restaurant-guru{
background-image:url(images/logo-restaurant-guru.png);
background-size: contain;
}

#footer .certificat{
display: block;
width: 115px;
height: auto;
margin: 70px auto 0;
}


#footer p.copyright{
color:white;
text-align:center;
font-size:13px;
margin-top:75px;
padding-bottom:10px;
margin-bottom:0px;
font-weight: 200;
}

#footer p.copyright p{
display: block;
}

#footer p.copyright a{
color:white;
text-decoration:underline;
}

#footer p.copyright+a, #footer p.copyright+a+a{
width: 65px;
display: inline-block;
margin: 0 auto;
padding-bottom: 10px;
}

#footer p.copyright+a+a{
margin-left: 30px;
width: 75px;
}

#footer p.copyright+a img, #footer p.copyright+a+a img{
width: 100%;
height: auto;
}



/* ***** CAPTCHA ***** */

.grecaptcha-badge { 
	visibility: hidden; 
}


/* ***** COOKIES ***** */

#cookieChoiceInfo{
	box-sizing: border-box;
}

#cookieChoiceInfo a{
	display: inline-block;
}

/* ***** AOS ***** */

.fade_container {
    overflow-x: hidden;
}