@charset "UTF-8";


/******************************************************************/
/* COMMON */
/******************************************************************/
html,body{ overscroll-behavior: none;}
body{ font-family: 'STIX Two Text', serif; font-weight:400; font-size:1.1em; line-height:1.3; word-wrap:keep-all; overflow-wrap: break-word;}
.stix-text{ font-family: 'STIX Two Text', serif;}
.stix-text.bold{ font-weight: 700;}
.normal{ font-style:normal;}
.italic{ font-style:italic;}
.fonts{ font-size:0.7rem;}
.red{ color:#ec0000;}
a{ color:#000;}
.img-w100{ width:100%;}
.zindexl{ position:relative; z-index:9;}
.headingtxt{ margin-bottom:2.5rem; font-weight:500; font-size:1.8rem;}
.headingtxt a{ text-decoration:none; color:#000;}
.headingtxt_dassaicolor{ position:relative; padding-bottom:0.3rem; margin-bottom:5rem; font-weight:500; font-size:1.9rem; font-style:italic; text-align:center; color:#182987;}
.headingtxt_dassaicolor::before{ position:absolute; top:100%; left:50%; width:100px; content:'';}
.headingtxt_boder{ font-weight:500; font-size:1.6rem; margin-bottom:1rem;}
.headingtxt_boder span{ border-bottom:2px solid #000;}
a.btn_dassaicolor{ position:relative; display:inline-block; background:#182987; color:#FFF; text-decoration:none; font-size:1.2rem; padding:0.7rem 3.5rem 0.7rem 1.5rem; min-width:200px;}
a.btn_dassaicolor::before{ content:""; display:block; width:3rem; height:1px; background:#FFF; position:absolute; top:0; bottom:0; right:0; margin:auto;}
.contentsmrg{ margin-bottom:10rem;}
.contentsmrg_min{ margin-bottom:5rem;}
.box_bgdassai{ background:#e4e6f1; font-size:1.6rem; text-align:center; padding:1rem;}
ul.normallist li{ line-height:1.3; margin-top:0.3rem;}
ul.normallist li p{ margin-top:1rem;}
ol.normalolist li{ line-height:1.3; margin-top:0.3rem;}
ul.circlelist{ list-style-type: circle;}
@media (max-width:991.98px){
	.headingtxt,.headingtxt_dassaicolor,.headingtxt_boder{ font-size:1.3rem;}
	.box_bgdassai{ font-size:1.2rem;}
}

.container-xs{ --bs-gutter-x:1.5rem; --bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}
@media (min-width:576px){
	.container-xs{ max-width:540px;}
}
@media (min-width:768px){
	.container-xs{ max-width:720px; --bs-gutter-x:4rem;}
}
@media (min-width:992px){
	.container-xs{ max-width:960px; --bs-gutter-x:7rem;}
}


/******************************************************************/
/* AGE CHECK */
/******************************************************************/
.agemodal{ display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.4);}
.agemodal-content{ background:#FFF; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); margin:auto; padding:40px 20px; border:1px solid #888; width:80%; text-align:center;}
.agemodal-content h2{ margin-bottom:2rem;}
.agemodal-content button{ background:#000; color:#FFF; border:#000; padding:10px; text-decoration:none; margin:20px 15px 0px 15px; cursor:pointer; font-size:1.1rem; min-width:180px;}
@media screen and (min-width: 768px) {
	.agemodal-content{ width:50%;}
	.agemodal-content button{ padding:8px 30px; margin:20px 20px 0px 20px;}
}


/******************************************************************/
/* HEADER */
/******************************************************************/
/* NAVBAR */
#navbar{ position:absolute; top:0; left:0; width:100%; z-index:9; transition:top 0.3s ease-in-out;}
.navbar div.container-fluid{ padding-top:0.2rem;}
.navbar-brand img{ width:60px; height:60px;}
.fixed-navbar{ position:fixed!important; background-color:rgba(255, 255, 255, 0.9)!important;}
.navbar-brand{ visibility:hidden; margin-left:0; margin-right:0;}
.fixed-navbar .navbar-brand{ visibility:visible;}
.fixed-navbar .navbar-brand img{ display:inline-block; margin-top:0.2rem!important;}
.navbar-toggler{ border:none; color:transparent; outline:none; box-shadow:none; margin-left:auto;}
.navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='1' d='M2 4h12M2 8h12M2 12h12'/%3e%3c/svg%3e");}
.fixed-navbar .navbar-toggler-icon{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='1' d='M2 4h12M2 8h12M2 12h12'/%3e%3c/svg%3e");}
.nav-link{ color:#FFF; font-size:1em; text-align:center; background-image:linear-gradient(90deg, #FFF, #FFF); background-repeat:no-repeat; background-position:left bottom; background-size:0 1px; transition:background-size 0.2s; padding-bottom:2px; margin-left:0.9rem;}
.nav-link:hover{ color:#FFF; background-size:100% 1px;}
.fixed-navbar .nav-link{ color:#000; background-image:linear-gradient(90deg, #000, #000);}
.offcanvas-top{ background:rgba(255, 255, 255, 1.0); height:100vh!important;}
.offcanvas-body{ display:flex; align-items:center;}
.btn-close{ filter:invert(0); position:absolute; right:1.9rem; top:2rem;}
.btn-close:focus{ outline:none; box-shadow:none;}
.iconshop{ position:relative; display:inline-block; width:55px; height:55px; border-radius:50%; background:#ec0000; color:#FFF; text-decoration:none; margin-top:0.2rem;}
.iconshop span{ position:absolute; display:inline-block; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:55px; text-align:center; font-size:0.7rem;}
.iconshop span img{ width:37%; margin-bottom:0.1rem;}
@media (max-width:1199.98px){
	.nav-link{ font-size:0.9rem; margin-left:0.75rem;}
}
@media (max-width:991.98px){
	.navbar-nav{ display:block!important; width:100%;}
	.nav-link{ color:#000; border-bottom:1px solid #BBB; line-height:2.5;}
	.nav-link:hover{ background:none; color:#000;}
	.offcanvas-body{ align-items:start; display:block;}
	.iconshop{ margin-top:2rem;}
}

/* PAGE TITLE */
header.secondpage{ border-bottom:2px solid #182987; margin-bottom:80px; padding:3rem 0 0 0; position: relative;}
@media (min-width:992px){
	header.secondpage .navbar-brand{ position:relative;}
	header.secondpage .navbar-brand img{ position:absolute; top:calc(29px * -1); left:calc(20px * -1); width:100px; height:100px; margin-top:1.5rem; transition:height 0.1s ease;}
	header.secondpage .offcanvas-body{ padding-left:60px!important;}
	header.secondpage.shrink .navbar-brand img{ position:relative; top:0; left:0; margin-top:0;/* margin-top:0.2rem; */ width:60px!important; height:60px!important;}
	header.secondpage.shrink .offcanvas-body{ padding-left:0!important;}
}

div.pagetitle{ position:relative; display:block; text-align:center;}
div.pagetitle img{ display:block; width:91%; margin-left:auto;}
div.pagetitle h2{ position:absolute; top:50%; left:50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color:#FFF; font-size:1.8rem; font-style:italic; font-weight:700; background-image:linear-gradient(to right, transparent 0%,#182987 15%,#182987 85%, transparent 100%); padding:0.7rem 5rem; text-align:center;}
@media (max-width:991.98px){
	header.secondpage{ padding:5rem 0 1rem 0;}
	div.pagetitle h2{ font-size:1.5rem; padding:0.7rem 2rem; display:block; white-space:nowrap;}
	div.pagetitle img{ width:100%; margin-left:0; opacity:0.4;}
}


/******************************************************************/
/* FOOTER */
/******************************************************************/
footer{ border-top:1px solid #888; margin-top:10rem; padding-top:2rem; padding-bottom:2rem; font-size:0.85rem;}
footer a{ text-decoration:none; color:#000;}
footer a:hover{ text-decoration:underline;}
div.logofooter img{ max-width:200px;}
footer ul.footermenu{ list-style:none; margin:0.3rem 0 0 0; padding:0; /* display:flex; */ align-items:center;}
footer ul.footermenu li{ display:inline; margin-right:0.8rem;}
footer ul.footermenu li i{ font-size:1.3rem;}
footer ul.footermenu li i.fa-facebook{ color:#0866ff;}
footer ul.footermenu li  img.note{ width:16px; vertical-align:top;}
div.stoptxt img{ max-width:20px; margin:0 0.5rem 0 0; float:left;}
div.copyright{ cleat:both; margin-top:1rem;}
#toTopBtn{ display:none; position:fixed; right:-1rem; bottom:1.3rem; cursor:pointer; font-weight:bold; transform:rotate(90deg); font-size:80%; color:#666; padding:0 5px 5px 30px; border:none; border-top:solid 1px; background:transparent;}
#toTopBtn::before{ content:""; display:block; position:absolute; top:-1px; left:0px; width:15px; border-top:solid 1px; transform: rotate(35deg); transform-origin: left top;}
@media (max-width:1199.98px){
	footer ul.footermenu li.smblock{ display:block; margin-bottom:0.3rem;}
}
@media (max-width:991.98px){
	div.stoptxt{ margin-top:1rem;}
}


/******************************************************************/
/* ANIMATION */
/******************************************************************/
/* TEXT LEFT TO RIGHT */
.bgextend{ animation-name:bgextendAnimeBase; animation-duration:1.0s; animation-fill-mode:forwards; position: relative; overflow:hidden; opacity:0;}
@keyframes bgextendAnimeBase{
	from{ opacity:0;}
	to{ opacity:1;}
}
.bgappear{ animation-name: bgextendAnimeSecond; animation-duration:1.0s; animation-delay:0.6s; animation-fill-mode: forwards; opacity:0; position:relative; transform: translateX(-100%); transition:transform 1.0s ease;}
@keyframes bgextendAnimeSecond {
	  0%{ opacity:0; transform:translateX(-100%);}
	100%{ opacity:1; transform:translateX(0);}
}
.bgLRextend::before{ animation-name:bgLRextendAnime; animation-duration:1.4s; animation-fill-mode:forwards; content:""; position:absolute; width:100%; height:100%; background:#666; z-index:1;}
@keyframes bgLRextendAnime {
	  0%{ transform-origin:left; transform:scaleX(0);}
	 50%{ transform-origin:left; transform:scaleX(1);}
	 50.001%{ transform-origin:right;}
	100%{ transform-origin:right; transform:scaleX(0);}
}

.bgappearTrigger,.bgLRextendTrigger{ opacity:0;}


/* FADE IN */
.fadeIn{ animation-name:fadeInAnime; animation-duration:1.4s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeInAnime{
	from{ opacity:0;}
	  to{ opacity:1;}
}


/* FADE UP */
.fadeUp{ animation-name:fadeUpAnime; animation-duration:0.8s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeUpAnime{
	from{ opacity:0; transform:translateY(30px);}
	  to{ opacity:1; transform:translateY(0);}
}
.delay-time03{ animation-delay:0.2s;}
.delay-time06{ animation-delay:0.4s;}


/* FADE DOWN */
.fadeDown{ animation-name:fadeDownAnime; animation-duration:0.8s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeDownAnime{
	from{ opacity:0; transform: translateY(-50px);}
	  to{ opacity:1; transform: translateY(0);}
}


/* FADE LEFT */
.fadeLeft{ animation-name:fadeLeftAnime; animation-duration:0.8s; animation-fill-mode:forwards; opacity:0;}
@keyframes fadeLeftAnime{
	from{ opacity:0; transform:translateX(-10px);}
	  to{ opacity:1; transform: translateX(0);}
}


/* PATA */
.flipLeftTrigger img{ transition: transform 0.8s ease; transform: rotateY(-330deg);}
.flipLeft img{ transform: rotateY(-360deg);}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
/*
.bgLRextendTrigger,.bgappearTrigger,.fadeUpTrigger,.flipLeftTrigger{ opacity:0;}
*/


/******************************************************************/
/* INDEX */
/******************************************************************/
#loading{ position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:9999; background:#fff; display:flex; align-items:center; justify-content:center; animation: fadeOut 4.0s 4.5s forwards; pointer-events:none;}
@keyframes fadeOut{
	  0%{ opacity:1;}
	100%{ opacity: 0;}
}
.loading__logo{ opacity:0; animation:logo_fade 4.0s 0.5s forwards; width:6%;}
@keyframes logo_fade {
	  0%{ opacity:0;}
	 30%{ opacity:1;}
	 70%{ opacity:1;}
	100%{ opacity:0;}
}
@media (max-width: 991.98px) {
	.loading__logo{ width:20%;}
}


/* Carousel - mainImg */
.carousel-inner{ position:relative;}
.carousel-inner img{ /*height:100vh;*/ height:100%; z-index:1; display:block;}
.carousel-control-prev{ left:-5rem; z-index:3;}
.carousel-control-next{ right:-5rem; z-index:3;}
div.carousel-txt{ position:absolute; top:20%; left:5%; z-index:2; font-style:italic;}
div.carousel-txt span{ font-style:normal;}
div.carousel-txt div.indexdassailogo{ text-align:center;}
div.carousel-txt div.indexdassailogo img{ max-width:130px;}
div.carousel-txt div.copy{ font-size:2.2rem; color:#FFF; margin-top:6rem; margin-bottom:3rem;}
div.carousel-txt a.btn_whitegradation{ color:#182987; text-decoration:none; font-size:1.3rem; background-image:linear-gradient(to right,#FFF 60%, transparent 100%); padding:0.7rem 3.5rem 0.7rem 1.5rem;}
@media (max-width:1399.98px){
	.carousel-control-prev{ left:-3.5rem;}
	.carousel-control-next{ right:-3.5rem;}
}
@media (max-width:1199.98px){
	.carousel-inner img{ height:100vh; object-fit:cover; object-position:center bottom;}
}
@media (max-width:991.98px){
	div.carousel-txt div.copy{ font-size:2.5rem;}
	.carousel-control-prev{ left:-1rem;}
	.carousel-control-next{ right:-1rem;}
}
@media (max-width:767.98px){
	div.carousel-txt{ left:0; right:0; width:53%; margin-left:auto; top:10%;}
	div.carousel-txt div.indexdassailogo{ text-align:left;}
	div.carousel-txt div.copy{ font-size:1.6rem; margin-top:3rem; margin-bottom:2rem;}
	div.carousel-txt div.copy span{ display:block;}
	div.carousel-txt a{ font-size:1rem;}
/*	.carousel-inner img{ height:calc(var(--vh, 1vh) * 100); object-position:left bottom;} */
	.carousel-inner img{ height:100svh; object-position:left bottom;}
	div.carousel-txt a.btn_whitegradation{ font-size:1.1rem; background-image:linear-gradient(to right,#FFF 85%, transparent 100%); padding:0.7rem 0.7rem 0.7rem 0.5rem; margin-left:0.7rem;}
	.carousel-control-prev{ left:-0.5rem;}
	.carousel-control-next{ right:-0.5rem;}
}
@media (max-width:575.98px){
}


/* Swiper */
div.swiper-wrapper{ margin-top:3rem;}
.swiper-slide{ display:flex!important; justify-content:center!important; align-items:center!important;}
.slide-content{ max-width:80%; overflow: hidden;}
.slide-content a{ text-decoration:none; color:#000;}
.slide-content img{ max-width:100%; height:auto; transition: transform 0.3s ease;}
.slide-content a:hover img{ transform: scale(1.03, 1.03); }
.swiper-button-next,.swiper-button-prev{ color:#333!important; top:50%; transform:translateY(-50%);}
.swiper-button-next::after,.swiper-button-prev::after{ font-size:1.5rem!important;}
.swiper-button-next{ right:0!important;}
.swiper-button-prev{ left:0!important;}
/*
.swiper-pagination{ position:relative; margin-top:3rem!important;}
.swiper-pagination-bullet{ background-color:#333; opacity:1;}
.swiper-pagination-bullet-active{ background-color:#182987!important;}
*/


div.nosproduits{ padding-top:10rem;}
div.nosproduits h3{ margin-top:1rem; font-weight:700; font-size:1.2rem;}
div.index_aboutdassai{ position:relative; display:inline-block; color:#FFF;}
div.index_aboutdassai img{ display:block; width:100%; height:auto;}
div.index_aboutdassai div{ position:absolute; top:13%; left:5%; transform: translateY(-20%);}
div.index_aboutdassai div h2{ margin-bottom:2rem; font-size:2rem;}
div.index_newsbox div.categorybox{ display:inline-block; background:#182987; color:#FFF; font-size:0.9rem; margin-top:0.8rem; margin-bottom:0.8rem; padding:0.2rem 0.5rem;}
div.index_newsbox a{ color:#000; text-decoration:none;}
div.index_newsbox h3{ font-size:1.5rem;}
div.index_newsbox img{ object-fit:cover; aspect-ratio:16/9; width:100%;}
ul.snslist{ list-style:none; margin:1rem 0 0 0; padding:0; display:flex; justify-content: flex-end;}
ul.snslist li{ display:inline; margin-right:0.8rem;}
ul.snslist li a{ color:#000;}
ul.snslist li i{ font-size:1.5rem;}
ul.snslist li i.fa-facebook{ color:#0866ff;}
ul.snslist li img.note{ width:18px; vertical-align:top; margin-top:3px;}
div.eclinkbox{ background:url(../img/index/bg_boutique_en_ligne.jpg) left top repeat-y; display:block; padding:3rem 5rem;}
div.eclinkbox h2{ color:#182987; margin-bottom:1rem; font-size:2rem;}
div.eclinkbox p{ color:#000; font-size:1.1rem; margin-bottom:2rem;}
div.norenarea{ border-top:20px solid #4e3b00;}
div.norenarea a{ position:relative; color:#FFF; background:#182987; display:block; text-align:center; padding:6rem 1rem 9rem 1rem; margin:0;}
div.norenarea a:hover{ color:rgba(255, 255, 255, 0.8);}
div.norenarea a img{ display:block; padding:0 4rem;}
div.norenarea a h2{ font-size:1.5rem; position:absolute; left:0; right:0; margin:0 auto; bottom:1.5rem;}
@media (max-width:991.98px){
	div.index_aboutdassai div h2{ font-size:1.6rem;}
	div.index_newsbox{ margin-bottom:2rem;}
	ul.snslist{ margin-bottom:1rem;}
	div.eclinkbox h2{ font-size:1.9rem;}
	div.norenarea a{ padding:4rem 1rem 8rem 1rem;}
	div.norenarea a h2{ font-size:1.1rem;}
	div.norenarea a img{ padding:0 2rem;}
}
@media (max-width:767.98px){
	div.index_aboutdassai{ display:block; color:#000;}
	div.index_aboutdassai div{ position:relative; top:0; left:0; padding:1rem;}
	div.index_aboutdassai div h2{ margin-bottom:1rem;}
	div.eclinkbox{ padding:3rem 1.5rem;}
	div.eclinkbox p{ margin-bottom:1rem;}
	div.norenarea a{ padding:3rem 1rem 6rem 1rem;}
	div.norenarea a img{ padding:0 1rem;}
/*
	div.index_aboutdassai div{ top:5%; left:2%;}
	div.index_aboutdassai div h2{ margin-bottom:0.5rem;}
*/
}
@media (max-width:575.98px){
	div.index_aboutdassai div h2{ font-size:1.2rem;}
	div.norenarea a h2{ font-size:1rem;}
}


/******************************************************************/
/* Products */
/******************************************************************/
div.productslist{ margin-bottom:2rem; padding:1rem; background:radial-gradient(#fff,#f7f7fd);}
div.productslist a{ display:block; color:#000; text-decoration:none;}
div.productslist h4 span{ font-style:normal;}
div.productslist img{ margin:1.5rem 0;}
div.productslist div.contents{ text-align:right;}

div.products_mainimg{ padding:5rem; background:radial-gradient(#fff,#f7f7fd); text-align:center;}
div.products_mainimg img{ max-height:600px;}
h3.productsname{ font-size:2rem; margin:4rem 0 3rem 0; text-align:center;}
div.productsdetail{}
div.productsdetail div.contents{ border-top:1px solid #BBB; margin-top:4rem; padding-top:2rem; line-height:1.8; font-size:0.85rem;}
@media (max-width:767.98px){
	div.products_mainimg{ padding:2rem;}
}



/******************************************************************/
/* À propos de DASSAI */
/******************************************************************/
/* INDEX */
div.transparentbox{ background-color:rgba(255,255,255,0.75); padding:4rem; position:relative; top:-15rem;}
div.transparentbox h4{ margin-bottom:1rem; font-weight:500; font-size:1.9rem;}
@media (max-width:575.98px){
	div.transparentbox{ padding:1.5rem 0; top:0; margin-bottom:4rem;}
}


/* Procede */
div.procedeimg{ padding:0 2rem 2rem 0; text-align:center; margin:0 auto;}
h4.hd_procede{ color:#182987; margin-bottom:1.5rem; font-weight:600;}
h4.hd_procede strong{ font-style:italic; border-top:1px solid #182987; border-right:1px solid #182987; display:inline-block; padding:0.2rem 0.5rem 0 0.5rem; margin-right:1rem;}
@media (max-width:991.98px){
	div.procedeimg{ max-width:400px;}
}}
@media (max-width:575.98px){
	div.procedeimg{ padding:0 0 2rem 0;}
}

/* Origine du nom "DASSAI" */
div.produirebox{ position:relative; display:inline-block; color:#FFF;}
div.produirebox img{ display:block; width:100%; height:auto;}
div.produirebox div{ position:absolute; bottom:5%; left:5%; transform: translateY(-20%);}
div.produirebox div h2{ margin-bottom:2rem; font-size:2rem;}
@media (max-width:991.98px){
	div.produirebox div h2{ font-size:1.6rem;}
}
@media (max-width:575.98px){
	div.produirebox{ display:block; color:#000;}
	div.produirebox div{ position:relative; bottom:0; left:0; padding:1rem;}
	div.produirebox div h2{ margin-bottom:0;}
}

/* L'histoire de Dassai 23 */
div.history23box{ width:100%; color:#000; background:url(../img/a_propos_de_dassai/history23/bg-heading.jpg) center bottom no-repeat; max-height:891px; text-align:center; padding:2rem 1rem 1rem 1rem;}
div.history23box img{ margin-top:4rem; margin-bottom:4rem;}
div.history23box h4{ margin-bottom:2rem; font-size:2rem;}
.txtbox_padl4{ padding-left:4rem;}
.txtbox_padr4{ padding-right:4rem;}
@media (max-width:991.98px){
	div.history23box img{ margin-top:0; margin-bottom:1rem;}
	.txtbox_padl4,.txtbox_padr4{ padding:0 1rem;}
	div.history23box h4{ font-size:2rem;}
}
@media (max-width:767.98px){
	.txtbox_padl4,.txtbox_padr4{ padding:1rem;}
	div.history23box img{ margin-bottom:3rem;}
}

/* Artisans */
div.heading_artisans{ position:relative; display:inline-block; color:#FFF;}
div.heading_artisans img{ display:block; width:100%; height:auto;}
div.heading_artisans div{ position:absolute; bottom:5%; left:5%;}
div.heading_artisans div h4{ font-size:2.6rem;}
div.artisansbox{ padding:0 2rem; position:relative;}
div.artisansbox h4{ text-align:center; margin-bottom:2rem; font-weight:500; font-size:1.9rem;}
div.artisansbox h4 small{ display:block; color:#AAA; font-size:1rem; margin-bottom:0.3rem; font-weight:normal;}
@media (max-width:991.98px){
	div.heading_artisans div h4{ font-size:1.8rem;}
	div.artisansbox h4{ margin-top:1.5rem;}
}
@media (max-width:575.98px){
	div.heading_artisans{ display:block; color:#000;}
	div.heading_artisans div{ position:relative; bottom:0; left:0; padding:1rem;}
	div.heading_artisans div h4{ font-size:1.6rem;}
}


/******************************************************************/
/* Quoi de neuf ? */
/******************************************************************/
div.newsbox div.categorybox{ display:inline-block; background:#182987; color:#FFF; font-size:0.9rem; margin-top:1.5rem; margin-bottom:0.8rem; padding:0.2rem 0.5rem; float:right;}
div.newsbox h3{ font-size:2rem; margin:4rem 0 3rem 0; font-style:italic; text-align:center;}



/******************************************************************/
/* Questions fréquantes */
/******************************************************************/
h4.hd_questions{ position:relative; display:inline-block; margin-bottom:1.5rem; padding-left:70px; font-size:1.3rem;}
h4.hd_questions:before{ content:''; position:absolute; top:40%; left:0; display:inline-block; width:60px; height:1px; background:#000;}

dl.questionsdlist dt{ font-size:1.6rem; margin-bottom:1rem; text-indent:-1.6em; padding-left:1.6em;}
dl.questionsdlist dt:before{ font-weight:bold; margin-right:1.5rem;}
dl.questionsdlist dd{ font-size:1.1rem; margin-bottom:4rem;}
dl.questionsdlist dd p{ margin-top:1rem;}
/*
dl.questionsdlist dt:before{ content:"Q"; font-weight:bold; margin-right:1.5rem;}
dl.questionsdlist dd{ font-size:1.1rem; padding-left:2.8rem; margin-bottom:4rem;}
dl.questionsdlist dd:before{ content:"A"; margin-right:1rem;}
*/



/******************************************************************/
/* Où acheter */
/******************************************************************/
dl.buylist{ text-align:left; display:flex; flex-wrap:wrap;}
dl.buylist dt,dl.buylist dd{ width:33.3%; padding:1rem;}
dl.buylist dt{ font-size:1.2rem; border-bottom:1px solid #888;}
dl.buylist dd{ margin:0; border-bottom:1px solid #CCC;}
dl.buylist dd a{ color:#000;}
@media (max-width:991.98px){
	dl.buylist{ display:block;}
	dl.buylist dt,dl.buylist dd{ width:100%; border:none; padding:0.2rem 0;}
	dl.buylist dt{ margin-top:2rem;}
}



/******************************************************************/
/* Nous contacter */
/******************************************************************/
dl.contacttbl{ text-align:left; display:flex; flex-wrap:wrap;}
dl.contacttbl dt,dl.contacttbl dd{ padding:1rem; margin:0;}
dl.contacttbl dt{ width:30%; font-size:1.2rem; border-bottom:1px solid #888;}
dl.contacttbl dt span{ color:#ec0000; font-size:0.9rem; padding:0.3rem;}
dl.contacttbl dd{ width:70%; border-bottom:1px solid #CCC;}
dl.contacttbl dd input.w100,dl.contacttbl dd textarea.w100{ width:100%;}
button.btn_form{ border:0; position:relative; display:inline-block; background:#182987; color:#FFF; text-decoration:none; font-size:1.2rem; padding:0.7rem 3.5rem 0.7rem 1.5rem; min-width:200px; cursor:pointer;}
button.btn_form::before{ content:""; display:block; width:3rem; height:1px; background:#FFF; position:absolute; top:0; bottom:0; right:0; margin:auto;}

@media (max-width:991.98px){
	dl.contacttbl{ display:block;}
	dl.contacttbl dt,dl.contacttbl dd{ width:100%; border:none; padding:0.2rem 0;}
	dl.contacttbl dt{ margin-top:2rem;}
}



/******************************************************************/
/* Nous contacter */
/******************************************************************/
dl.companytbl{ text-align:left; display:flex; flex-wrap:wrap;}
dl.companytbl dt,dl.companytbl dd{ padding:1rem; margin:0;}
dl.companytbl dt{ width:30%; font-size:1.2rem; border-bottom:1px solid #888;}
dl.companytbl dd{ width:70%; border-bottom:1px solid #CCC;}
dl.companytbl dd ol{ margin:0 0 0 1rem; padding:0;}
@media (max-width:991.98px){
	dl.companytbl{ display:block;}
	dl.companytbl dt,dl.companytbl dd{ width:100%; border:none; padding:0.2rem 0;}
	dl.companytbl dt{ margin-top:2rem;}
}



/******************************************************************/
/* Cookies */
/******************************************************************/
dl.ddline dt{ font-weight:normal;}
dl.ddline dd{ position:relative; padding-left:20px; margin-left:1rem;}
dl.ddline dd::before{ content:""; position:absolute; top:9px; left:0; width:15px; height:1px; background-color:#666; transform: translateY(-50%);}
dl.listtable{ width:33%;}
dl.listtable dt,dl.listtable dd{ border:1px solid #000;}
dl.listtable dt{ background:#CCC;}
ul.listyokoline{ list-style:none;}
ul.listyokoline li{ position:relative; padding-left:17px;}
ul.listyokoline li::before{ content:""; position:absolute; top:9px; left:0; width:12px; height:1px; background-color:#666; transform: translateY(-50%);}
table.politiquetbl th{ font-size:1rem; vertical-align:middle;}
table.politiquetbl td{ font-size:0.95rem; vertical-align:top;}
table.politiquetbl td ul{ list-style:none; margin:0; padding:0;}
table.politiquetbl td ul li{ position:relative; padding-left:15px;}
table.politiquetbl td ul li::before{ content:""; position:absolute; top:9px; left:0; width:10px; height:1px; background-color:#666; transform: translateY(-50%);}