/*
Theme Name: Puffys
Author: L'équipe Maad
Version: 1
*/
/*
Bleu : #035580
Bleu clair : #94b2c5
Gris : #e9e9e9

font-family: 'Dela Gothic One', sans-serif; 400
font-family: 'Poppins', sans-serif; 300;400;600
*/
*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{padding-top:calc(109px - 3vw); color:#035580;background:#fff;font-family:'Poppins', sans-serif;font-weight:400;font-size:16px;}
a{color:#035580;text-decoration:underline;}
a:hover, a:focus{color:#035580;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;font-family: 'Dela Gothic One', sans-serif;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid #d1dde6;margin:30px 0;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.centerdiv{width:90%;max-width:1130px;margin:0 auto;position:relative;}
.centerdiv2{width:90%;max-width:1230px;margin:0 auto;position:relative;}
.centerdiv3{width:90%;max-width:1430px;margin:0 auto;position:relative;}
.centerdiv4{width:90%;max-width:820px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{background-color:#035580; font-style:normal; color:#fff; font-family: 'Dela Gothic One', sans-serif;font-weight: 400; padding:12px 30px 14px 30px; border-radius:25px; text-decoration:none; display:inline-block; transform: scale(1); transition:all .2s;}
a.bt:hover, a.bt:focus{transform: scale(1.05); color:#fff; text-decoration:none;}

#cookie-notice #cn-close-notice { right: 1.5vw !important; }
#cookie-notice #cn-notice-buttons { margin: 0 0 0 1vw !important; }
#cookie-notice #cn-notice-buttons a { font-family:"regulator-nova", arial !important; color: #000 !important; background: #fff !important; margin: .5vw .25vw !important; border-radius: 5vw !important; }
#cookie-notice { font-family:"regulator-nova", arial !important; background: #1a1a1a !important; left: 1vw !important; right: 1vw !important; bottom: 1vw !important; width: 98vw !important; min-width: 98vw !important; border-radius: 5vw !important; }
#cookie-notice .cookie-notice-container { padding: 0.5vw 1vw !important; }

#infopopuphtml{display:none;}
#infopopupctn{ max-width: 600px; font-size:90%; padding: 40px 40px 15px 40px; }
#infopopupctn a, #infopopupctn a:hover, #infopopupctn a:focus{ outline:none; }


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}


/********************************************************************** HEADER */
#header{ background-color:#035580; padding:30px 5% 26px 5%; border-radius:0 0 3vw 0;position: fixed;top: 0;right: 0;left: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); z-index:50; transition:padding .2s; }
#header.small{ padding:15px 5% 11px 5%;  }
.home #header{background-color:#fff;}
.admin-bar #header{top:32px;}
#logo{float:left; position:relative; top:4px; }
#nav{float:right;}


/********************************************************************** HOME */
#home_links{height:calc(100vh - 69px); display:block; width:100%; position: relative;}
.home_link{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; opacity:1; float:left;position:relative; transition:all .4s;}
/*.home_link.actif{}*/
.home_link.noactif{opacity:.75;filter: blur(5px); overflow:hidden;}

.home_link a{ display:block;position: absolute; z-index:3; bottom:6vw;
	padding:.7vw 2.3vw .8vw 2.3vw; border-radius:2vw; font-size:clamp(12px, 1vw, 32px);}
.home_link#home_link1 a{ right:3vw; }
/*.home_link#home_link2 a{ left:3vw; background:#111; }*/

.home_link h2{ display:block;position: absolute; z-index:3; top:12.2vw; width:22vw; font-size: 2.6vw; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight:700; line-height: 110%; }
.home_link#home_link1 h2{ right:3vw; text-align:right;}
.home_link#home_link2 h2{ left:3vw; color:#111; }

.home_link div{ display:block;position: absolute; z-index:3; top:13vw; }
.home_link#home_link1 div{left:6vw;}
.home_link#home_link2 div{right:6vw;}
.home_link img{ transform:scale(1.0); display:inline-block; width: auto; height: 7vw; transform-origin: top left; transition:all .3s; }
.home_link#home_link2 img{ transform-origin: top right; }
.home_link.actif img{ transform:scale(1.2); }

#home_link1{background-color: #94b2c5;}
#home_link1:after{content:''; position:absolute;z-index:2; top:6vw;left:3vw;bottom:3vw;right:0; border:2px solid #fff; border-right:0; }
/*#home_link2{background-color: #e9e9e9;}
#home_link2:after{content:''; position:absolute;z-index:2; top:6vw;left:0;bottom:3vw;right:3vw; border:2px solid #fff; border-left:0; border-radius:0 0 5vw 0; }*/


/********************************************************************** PAGE */
.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:25px;}
.contenu h1, .contenu h2{font-size: 170%;line-height: 110%;}
.contenu h3, .contenu h4{font-size: 150%;line-height: 110%;}
.contenu p + h2, .contenu p + h3, .contenu p + h4, .contenu p + h5{margin-top:30px;}
.contenu p{margin-bottom:20px;line-height:150%;font-weight: 300;}.contenu p strong{font-weight: bold;}
.contenu img{margin-bottom:20px;max-width:100%;height:auto;display:block;}
.contenu blockquote{font-size:120%;font-style:italic;margin-bottom:20px;padding-left:55px;line-height:150%;}
.contenu ul, .contenu ol{margin-bottom:20px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:15px;margin-bottom:0;}
.contenu li{margin-bottom:15px;line-height:130%;font-weight: 300;}
.contenu .gallery{margin-bottom:25px !important;}


.grid{margin-bottom: calc(20px - 2vw);}
.gutter-sizer{ width:4%; }
.grid-sizer{ width:48%; }
.grid-item{ width:48%;margin-bottom:3vw; }


.part{position:relative;display:block;
	border-radius: 0 0 3vw 0;background-color:#fff;padding:9vw 0 calc(6vw - 20px) 0;position:relative;margin-bottom:-3vw;
}
.part_title{text-align:center; position:relative;z-index:2; font-size:3vw !important;margin-bottom:60px;line-height:110% !important;}
.part_pagectn{max-width: 650px;margin: 0 auto; position:relative;z-index:2;}
.part_pagectn .part_title{text-align:left;}
.page-template-distributeurs .part_title{margin-bottom:20px;}
/* .part_pagectn{margin: 0 auto 3vw auto;} */

.part_page{position:relative;overflow:hidden;}
/* .part_page:before{content:""; z-index:0; position:absolute; top:-8vw;left:-3vw; width:43vw;height:43vw;border-radius:43vw; background:url('img/bg-lait-skyr.jpg') center no-repeat;background-size:cover;}
.part_page:after{content:""; z-index:0; position:absolute; bottom:6vw;right:-16vw; width:28vw;height:28vw;border-radius:28vw; background:url('img/bg-lait-skyr.jpg') center no-repeat;background-size:cover;} */
.part_page .centerdiv{z-index:1; position:relative;}

.bulle{ z-index:0; position:absolute; border-radius:43vw; background:url('img/bg-lait-skyr.jpg') center no-repeat;background-size:cover; }
.bulleG{ top:-8vw; left:-3vw; width:43vw;height:43vw; }
.bulleD{ bottom:6vw; right:-16vw; width:28vw;height:28vw; }

.part_ctn{position:relative;}
.part_ctn .centerdiv{max-width:800px;}

.part_pagethumb .part_pageimg{width:55%;float:left;}
.part_pagethumb .part_pageimg img{border-radius:0 0 0 3vw;}
.part_pagethumb .part_pagectn{width:39%;float:right;padding-top: 4%; max-width:inherit; margin:0;}
.part_pagethumb .part_pagectn h2{position:relative;}
.part_pagethumb .part_pagectn h2:before{ content:''; position:absolute; top:17px; left:-26%; width:20%; height:8px;border-radius:10px; background-color:#035580; }

.single-recette .part_pagethumb .part_pageimg,
.single-post .part_pagethumb .part_pageimg
{width:48%;}
.single-recette .part_pagethumb .part_pagectn,
.single-post .part_pagethumb .part_pagectn
{width:48%;padding-left:3vw;}


.part_img{height:34vw;background-color:#94b2c5;background-position:center;background-attachment:fixed; background-repeat:no-repeat;background-size:cover;}

.part_img.part_imgs{ height:18vw; display:flex;justify-content:center; align-items:center; overflow: hidden; }
.part_img.part_imgs:after{ content:''; z-index:0; position:absolute;top:0;left:0;right:0;bottom:0; background-color:#035580; opacity:.6; }
.part_img.part_imgs h3{position:relative;z-index:2; margin-bottom: 20px; text-align: center; font-size: 3vw; line-height: 110%; color:#fff; }

.part_3col .col img{border-radius:300px;margin-bottom:30px;}
.part_3col .col{float:left;width:32%;margin-right:2%;padding:0 2%;text-align:center;}
.part_3col .col.last{margin-right:0;}
.page-id-14 .part_3col{ background: #ccdae3; }

.part_2col{background:#94b2c5 url('img/bg-skyr-montagne.jpg') center no-repeat; background-size:cover; background-attachment:fixed; }
.part_2col .grid-item{background-color:#035580;padding:0;color:#fff;}
.part_2col .grid-item1{border-radius:3vw 0 0 0;}
.part_2col .grid-item2{border-radius:0 0 0 3vw;}
.part_2col .grid-item3{border-radius:0 3vw 0 0;}
.part_2col .grid-item4{border-radius:0 0 3vw 0;background:transparent;color:#035580;border:2px solid #035580;}
.page-id-12 .part_1.part_2col{background: linear-gradient(180deg, rgba(227,232,235,1) 0%, rgba(255,255,255,1) 100%);}
.page-id-12 .part_3.part_2col{background:#fff;}

.hidecol_bt{ padding:3vw 6vw calc(3vw - 25px) 3vw; text-decoration:none; color:#fff; display:block; position:relative;}
.hidecol_bt svg{ position:absolute; font-size: 160%; top:3.2vw; right:3vw; color:#fff; transform:rotate(0); transition:all .2s; }
.hidecol_bt.open svg{ transform:rotate(180deg); }
.hidecol_bt:hover, .hidecol_bt:focus{ text-decoration:none; color:#fff; }
.hidecol_ctn{ padding:0 3vw calc(3vw - 20px) 3vw; display:none;}
.grid-item4 .hidecol_bt, .grid-item4 .hidecol_bt:hover, .grid-item4 .hidecol_bt:focus, .grid-item4 .hidecol_bt svg{ color:#035580; }

.pageel_ld{ background: linear-gradient(180deg, rgba(227,232,235,1) 0%, rgba(255,255,255,1) 100%); }
.pageel_ld .centerdiv{max-width:600px;}
.depl_ctn{position:relative;margin-bottom:8px;}
.depl_ctn:after{ content:''; position:absolute; bottom:-8px; left:0; width:100%; height:8px;border-radius:10px; background-color:#94b2c5; }
.depl_bt{font-weight:700;font-size:100%;padding:15px 25px 15px 0;display:block; text-decoration:none; position:relative; transition:all .2s;}
.depl_bt:hover, .depl_bt:focus{ text-decoration:none; padding:15px 15px 15px 10px;}
.depl_bt svg{position:absolute; top:16px;right:0; transition:all .2s;}
.depl_bt.open{color:#111;}
.depl_bt.open svg{transform:rotate(180deg);}
.depl_txt{display:none; color:#111; padding:0 15px 15px 0;}

.part_contacts{ background: linear-gradient(180deg, rgba(227,232,235,1) 0%, rgba(255,255,255,1) 100%);  }
.part_contacts{ padding: 9vw 0 7vw 0; }
.contacts{display:flex; flex-wrap: wrap; justify-content: center; max-width: 900px; margin: 0 auto; }
.contacts li{width:33.33%; padding:0 2%; text-align:center; margin-bottom:2vw;}
.contacts li img{border-radius:500px;margin-bottom:10px;width: 90%;}
.contacts li strong{font-size:100%; display:block;}
.contacts li span{font-size:80%; margin-bottom:5px; font-weight:400; text-transform:uppercase; display:block;}
.contacts li a{font-size:150%;}

.part_dates{position:relative; background-color:#F7F7F7; }
.part_dates > .centerdiv{position:relative; z-index:1;}
.part_dates:after{ content:''; z-index: 0; position:absolute; top:0;bottom:0;left:50%; width:8px; margin-left:-4px; background: #ccdae3;}
.part_dates strong{font-family: 'Dela Gothic One', sans-serif; font-weight:400; font-size: 170%; line-height: 110%; margin-bottom: 10px;display: block; position:relative;}
.part_dates span{font-family: 'Dela Gothic One', sans-serif; font-weight:400; font-size: 100%;margin-bottom: 25px;display: block; position:relative;}
.part_dates .enavant span{ display:inline-block; padding:6px 15px; background-color:#feff91; border-radius: 2px; }
.part_dates p{font-weight: 300;line-height:150%; margin-bottom: 0;display: block;}
.part_dates img{margin-top: 25px; border-radius: 1vw;}
.part_dates .gutter-sizer{ width: 10%; }
.part_dates .grid-sizer{ width: 45%; }
.part_dates .grid-item{margin: 0 0 4vw 0; background:#fff; border: 2px solid #035580; border-radius: 0vw 3vw 3vw 3vw; padding: 2.5vw; width: 45%; }
.part_dates .grid-item.first + .grid-item{margin: 6vw 0 4vw 0;}
.part_dates .grid-item-left{text-align:right; border-radius: 3vw 0vw 3vw 3vw;}

.part_dates .grid-item:before { content: ''; position: absolute; width: 70px; height: 80.5px; }
.part_dates .grid-item:before { top: -2px; left: -68px; background: url('img/timeline-angle-top-left.svg') no-repeat center center; }
.part_dates .grid-item-left:before { top: -2px; left: auto; right: -68.5px; background: url('img/timeline-angle-top-right.svg') no-repeat center center; }

/*.part_dates strong:before{ content:''; position:absolute; top: 14px;left: -100px;width: 60px; height:8px;border-radius:10px; background-color:#035580;z-index: 1; top: 21px;}*/
/*.part_dates .grid-item-left strong{padding-left: 0px;}*/
/*.part_dates .grid-item-left strong:before{ left: initial; right: -100px; z-index: 1; top: 21px; }*/

.part_dates .grid-item {  }
.part_dates .grid-item-left {  }

ul.logos{display:flex;justify-content:center;align-items:center; margin-bottom: 0;}
ul.logos li{display:block; width:20%; margin:15px 15px 15px 15px; }
ul.logos li a{display:block; text-decoration:none; width:100%;height:80px; display:flex;justify-content:center;align-items:center; 
	border:2px solid #94b2c5; border-radius:0 0 2vw 0;padding:15px; transform:scale(1); transition:all .2s;}
ul.logos li a:hover, ul.logos li a:focus{ text-decoration:none; transform:scale(1.05); }
ul.logos li img{max-width: 100%;max-height: 100%;display: block;width: auto;height: auto;}

.swiperlogos{padding-bottom:45px !important; margin-bottom:25px;}
.swiperlogos .swiper-slide{height:80px;display:flex;justify-content:center;align-items:center;}
.swiperlogos img{max-height:80px;max-width:185px;width:auto;height:auto;}
.swiperlogos .swiper-pagination-bullet-active{background:#035580;}

.partcarte{padding: 3vw 0 0 0;overflow:hidden;}

.part_ingprepa{position:relative;overflow:hidden;}
.part_ingprepa:after{content:''; filter: blur(10px);opacity: 0.35;position:absolute;z-index:1; top:0;left:0;right:0;bottom:0; background-image:url('img/bg-skyr-montagne.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat;}
.block_ing{position:relative;z-index:2; width:48%; float:left; border-radius: 3vw 0 0 0; padding: 3vw 3vw calc(3vw - 20px) 3vw; background-color: #035580; color:#fff;}
.block_prepa{position:relative;z-index:2; width:48%; float:right; border-radius: 0 0 3vw 0; padding: 3vw 3vw calc(3vw - 20px) 3vw; background-color: #fff;}
.part_ingprepa h2{font-size: 2.5vw;margin-bottom: 2vw;}

.r_ancres{display:flex;justify-content:space-between; align-items:center; }
.r_ancres a{display:flex; justify-content:center; align-items:center; text-align:center; margin: 0 2%; width:32%; position:relative;
	aspect-ratio:1/1; background-size:cover; background-position:center; border-radius:500px; overflow:hidden; text-decoration:none; transform:scale(1.0); transition:all .2s; }
.r_ancres a:hover, .r_ancres a:focus{text-decoration:none; transform:scale(1.05);}
.r_ancres a:after{content:''; z-index:1; position:absolute; top:0;left:0;right:0;bottom:0; background-color:rgba(0, 0, 0, .3);}
.r_ancres a strong{ z-index:2; position:relative; color:#fff; font-size:1.8vw; text-transform: uppercase; text-shadow: 0 0 .5vw rgba(0, 0, 0, 0.3);}


/********************************************************************** PAGE PRODUIT */
.part_pdt1{background-color:#94b2c5; padding-top:8vw; padding-bottom:0;}
.part_pdt1ctn{float:left;width:45%;padding:4% 4vw 0 4vw;min-height: 400px;background:#fff;z-index:5;position:relative;}
.part_pdt1ctn h1{font-size: 2.8vw;line-height: 110%;margin-bottom: 25px;}
.part_pdt1ctn .contenu{margin:25px 0 -20px 0;}

.swiperpdtwrap{position:absolute; background: url('img/bg-lait-skyr.jpg') center no-repeat; background-size: cover;
	padding-left: 29%; top:0;left:0; z-index:1; width:100%; height: 100%; border-radius: 0 0 3vw 0;overflow: hidden;}
.pdt_artik .swiperpdtwrap{ padding-left:0; background:#E9E9E9; }
.swiperpdt{width:100%; height: 100%;}
.swiperpdt .swiper-slide{width:100%; height: 100%; background-size:cover; background-position:center;}

.swiperpdtthumbwrap{position:absolute; bottom: -3vw;right:0; z-index:2; width:50%; height: 6vw;}
.swiperpdtthumb{width:100%; height: 100%; padding-right: 1vw !important;}
.swiperpdtthumb .swiper-wrapper{justify-content:center;}
.swiperpdtthumb .swiper-slide{width:6vw !important; position:relative;cursor:pointer; height: 6vw !important; background-color:#fff; background-size:cover; background-position:center; border-radius:6vw; box-shadow: inset 0px 0px 0px 0 #fff; transition:all .2s; margin-right:-1vw;}
.swiperpdtthumb .swiper-slide-thumb-active { z-index:9; box-shadow: inset 0px 0px 0px 2px #fff; }
.swiper-slide-pack-ctn{width:100%;height:100%; background:#94b2c5 url('img/bg-skyr-montagne.jpg') center no-repeat; background-size:cover;}
.swiper-slide-pack-ctn > div{height:100%;display:flex;justify-content:flex-end;}
.swiper-slide-pack-ctn > div > div{height:100%;width:50%; margin-right:15%; display:flex;align-items:center; justify-content:center;}
.swiper-slide-pack img{display:block;max-width: 27vw;max-height: 20vw;width:auto;height:auto;}

.etiq{background-color:#94b2c5; position:relative; font-family: 'Dela Gothic One', sans-serif;font-weight: 400;color:#fff;font-size:90%; padding:5px 12px;border-radius:20px;margin-right:6px;display:inline-block; text-decoration:none;transform:scale(1); transition:all .2s;}
a.etiq:hover, a.etiq:focus{text-decoration:none;transform:scale(1.05);color:#fff;}
.etiqcat:after{ content:""; opacity:0; visibility:hidden; width:6px;height:6px; position:absolute; bottom:-8px;left:50%; margin-left:-3px; background-color:#111; border-radius:10px; transition:all .2s; }
.etiqcat.open:after{ opacity:1; visibility:visible; }

.part_pdt2{padding-top:3vw;}
.part_pdt2 .col{float:left;width:45%;padding:40px 4vw; background:#fff;border-radius:0 0 0 6vw;}
.part_pdt2 .col.colS{margin-top:-1px; text-align: center; }
.part_pdt2 .col.colL{width:50%;float:right;padding:0;padding-top:100px;text-align:center; background:transparent;}
.part_pdt2 hr{margin: 35px 0 30px 0;}
.part_pdt2 h3{margin-bottom:20px;font-size:150%;}
.part_pdt2 .colL h3{font-size:100%;padding: 0 10%;margin-top:20px; }
.pdt_artik .part_pdt2 .colL h3{color:#111;}

.pdt_logos{display:flex;justify-content:space-between;margin-bottom:20px;}
.pdt_logos li img{display:block;max-height: 70px;}

.pdt_valnut{border-radius:20px 0 0 0; text-align:left;border-top:2px solid #94b2c5;border-right:2px solid #94b2c5;border-left:2px solid #94b2c5;}
.pdt_valnut li{display:block; border-bottom:2px solid #94b2c5;padding:10px 52px 10px 14px; font-size:90%; position:relative; }
.pdt_valnut li.top{background:url('img/icon-like.svg') right 14px center no-repeat;background-size:24px;}
.pdt_valnut li strong{font-weight:400;}
.pdt_valnut li.valnut_s strong{font-weight:300; margin-left: 10px; opacity: .8;}
.pdt_valnut li span{float:right;font-weight:700;}
.colL .pdt_valnut{border:0;}
.colL .pdt_valnut li{border-color:#111;color:#111;padding:10px 38px 10px 0;}
.colL .pdt_valnut li.top{background-position:right center;background-image:url('img/icon-like-b.svg');}

.pdt_valnut li p{ opacity:0; visibility:hidden; position:absolute; right:47px; bottom:5px; max-width: 200px; color: #fff; background-color: #035580; padding:10px; font-size:85%; border-radius:4px; transition:all .4s; }
.pdt_valnut li p:after{ content:''; position: absolute;bottom: 5px;right: -14px;width: 0;height: 0;border-style: solid;border-width: 8px 8px 8px 8px;border-color:transparent transparent transparent #035580;  }
.pdt_valnut li:hover p{ right:52px; opacity:1; visibility:visible; }

.pdt_infos{margin:0 auto 20px auto;max-width:320px; display:block; display:block; text-align:center;}
.colS .pdt_infos{margin-bottom:0;}
.pdt_infos a{display:block; font-size:85%;font-weight:300; text-decoration:none; transform:scale(1.0); transition:all .2s;}
.pdt_infos a:hover, .pdt_infos a:focus{ text-decoration:none; transform:scale(1.05);}
.pdt_infos a svg{position: relative;top: 1px;margin-right: 2px;}
.pdt_infos p{display:none;padding-top:20px;font-size:90%;}
.pdt_infos hr{margin:15px 0;}
.colS .pdt_infos hr{display:none;}
.pdt_infos span{display:block; font-family: 'Dela Gothic One', sans-serif;font-weight: 400;font-size: 90%;padding: 12px 0 12px 46px; text-align:left;
	background:url('img/icon-conservation.svg') left center no-repeat;background-size:36px; position:relative;
}
.colS .pdt_infos span:before{content:'';z-index: 2; width:20px;height:29px;position:absolute;top:50%;left:8px;margin-top:-8px; display:block; background:url('img/icon-conservation-w.svg') left center no-repeat;background-size:20px;}
.colS .pdt_infos span{background:none;}
.colS .pdt_infos span:after{content:'';position:absolute;left:0; top:50%;margin-top:-18px; border-radius: 30px;
z-index: 1;width:36px;height:36px;background-color:#111;}


.pdt_ing{display:flex;justify-content: center; flex-wrap:wrap;  margin-bottom:40px;text-align:center;}
.colL .pdt_ing{padding-right: 2%;padding-bottom:2%;}
.colS .pdt_ing{margin:0 -4vw 40px -4vw;}
.pdt_ing li{ padding: 2%;  display:flex;justify-content:center; align-items:center; 
	background: linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba(247,247,247,1) 100%);
	background-size:cover; background-position:center; background-repeat:no-repeat;
}
.colL .pdt_ing li{width:24%; aspect-ratio:1/1; border-radius: 1000px; margin-right: -2%; margin-bottom: -2%;}
.colS .pdt_ing li{width:33.33%; aspect-ratio:4/3;}
.pdt_ing li.white{color:#fff;}
.pdt_ing li span{font-family: 'Dela Gothic One', sans-serif;font-weight: 400;font-size: clamp(16px, 1.6vw, 48px); display:block;}
.pdt_ing li strong{font-family: 'Dela Gothic One', sans-serif;font-weight: 400;font-size: clamp(10px, 0.8vw, 36px); display:block;}
.colL .pdt_ing li:nth-child(-n + 3){ width:31.33%; padding: 2.5%; }
.colS .pdt_ing li:nth-child(-n + 3){ padding: 2.5%; }
.pdt_ing li:nth-child(-n + 3) span{ font-size: clamp(16px, 2.1vw, 48px); }
.pdt_ing li:nth-child(-n + 3) strong{ font-size: clamp(10px, 1vw, 36px); }


/*
.colL .pdt_ing{padding-right: 1vw;padding-bottom:1vw;}
.colS .pdt_ing{margin:0 -4vw 40px -4vw;}
.pdt_ing li{ padding: 1.2vw;  display:flex;justify-content:center; align-items:center; 
	background: linear-gradient(90deg, rgba(233,233,233,1) 0%, rgba(247,247,247,1) 100%);
	background-size:cover; background-position:center; background-repeat:no-repeat;
}
.colL .pdt_ing li{width:10vw;height:10vw;border-radius: 6vw; margin-right: -1vw; margin-bottom: -1vw;}
.colS .pdt_ing li{width:33.33%;height:9vw;}
.pdt_ing li.white{color:#fff;}
.pdt_ing li span{font-family: 'Dela Gothic One', sans-serif;font-weight: 400;font-size: 1.6vw; display:block;}
.pdt_ing li strong{font-family: 'Dela Gothic One', sans-serif;font-weight: 400;font-size: .8vw; display:block;}
.colL .pdt_ing li:nth-child(-n + 3){ width:12vw;height:12vw; padding: 1.4vw; }
.colS .pdt_ing li:nth-child(-n + 3){ height:11vw; padding: 1.4vw; }
.pdt_ing li:nth-child(-n + 3) span{ font-size: 2.1vw; }
.pdt_ing li:nth-child(-n + 3) strong{ font-size: 1vw; }
*/

.part_pdt3{background-color:#e9e9e9;}
.part_pdt3 h2{text-align:center; font-size:2vw;margin-bottom:40px;line-height:110%;}

/* ARTIK */
.pdt_artik .part_pdt1ctn{float:right;color:#111;}
.pdt_artik .pdt_ing{color:#111;justify-content: left;}
.pdt_artik .swiperpdtthumbwrap{left:0;right:inherit;}
.pdt_artik .part_pdt2{width: 100%;}
.pdt_artik .part_pdt2:before{ content: "";  position: absolute;  width: 23vw;  left: 0;  top: 0; bottom: 0;  clip-path: polygon(100% 0, 0 0, 0 70%);
	/* background: url('img/bg-lait-skyr.jpg') center center;    background-size: auto;  background-size: cover; */ }
.pdt_artik .part_pdt2 .col{float:right;color:#111;}
.pdt_artik .part_pdt2 .col.colL{float:left;padding:100px 10% 20px 10%;}
.pdt_artik .pdt_logos{margin-bottom:40px;}
.pdt_artik .swiper-slide-pack-ctn{background:#e9e9e9;}
.pdt_artik .swiper-slide-pack-ctn > div{justify-content:flex-start;}

#popupartik{ color: #035580; display:none; max-width: 600px; }

.contentBmap{color: #333; min-width: 120px;max-width: 240px; overflow: hidden; padding: 10px 20px 8px 10px;}
.contentBmap strong{font-size: 120%;line-height: 110%;}
.contentBmap span{color: #fff;
padding: 3px 6px 2px 6px;
display: inline-block;
margin: 3px 0 4px 0;
font-size: 90%;
font-weight: 500;
border-radius: 3px;}


/********************************************************************** PAGE DES PRODUITS */
.part_pdtspuffys{position:relative;overflow:hidden;}
.part_pdtspuffys .part_pagectn h2{ color: #94b2c5; }
/* .part_pdtspuffys:before{content:""; z-index:0; position:absolute; top:-2vw;left:-17vw; width:34vw;height:34vw;border-radius:43vw; background:url('img/bg-lait-skyr.jpg') center no-repeat;background-size:cover;}
.part_pdtspuffys:after{content:""; z-index:0; position:absolute; top:-5vw;right:-12vw; width:26vw;height:26vw;border-radius:28vw; background:url('img/bg-lait-skyr.jpg') center no-repeat;background-size:cover;} */

.pdtsgroupwrap{ display:flex; justify-content:center; flex-wrap:wrap; text-align:center; }
.pdtsgroup{ margin:0 2% 20px 2%; }
.pdtsgroup h3.etiq{ margin-bottom:20px; margin-right:0; }

.part_pdtgrid{ display:flex; justify-content:center; flex-wrap:wrap; padding: 9vw 0 4vw 0; }
.part_pdtgrid a{ width:20%; text-align:center; text-decoration:none; margin-bottom:2vw; }
.part_pdtgrid strong{ text-align:center; }
.part_pdtgrid img{display:block; max-width:90%; max-height: 10vw; width: auto; height: auto; margin:0 auto 20px auto; transform:scale(1.0); transition:all .2s;}
.part_pdtgrid a:hover img, .part_pdtsld a:focus img{transform:scale(1.07);}
.part_pdtgrid .nouveau{ position:absolute; top:0;right:0;left:0; text-align:center; text-transform:uppercase; color: #c24141; font-weight:700; font-size: clamp(14px, 1vw, 38px); }

/*
.swiperPdts{ padding-bottom: 20px !important; }
.part_pdtsld{ padding: 7.5vw 0 calc(4.5vw - 20px) 0; }
.part_pdtsld .swiper-slide{ padding:1.5vw 0; }
.part_pdtsld .swiper-slide a{ text-align:center; text-decoration:none; }
.part_pdtsld .swiper-slide strong{ text-align:center; }
.part_pdtsld .swiper-slide img{display:block; max-width:90%; max-height: 10vw; width: auto; height: auto; margin:0 auto 20px auto; transform:scale(1.0); transition:all .2s;}
.part_pdtsld .swiper-slide a:hover img, .part_pdtsld .swiper-slide a:focus img{transform:scale(1.07);}
.part_pdtsld .swiper-slide .nouveau{ position:absolute; top:0;right:0;left:0; text-align:center; text-transform:uppercase; color: #c24141; font-weight:700; font-size: clamp(14px, 1vw, 38px); }
.part_pdtsld .swiper-pagination-bullet-active{ background-color: #035580; }
*/

/*
.part_pdtspuffys ul{display:flex; justify-content: center;text-align:center;}
.part_pdtspuffys ul li{display:flex; justify-content: center; align-items: flex-end; width: 11vw; margin:0 1% 20px 1%;padding:0; position:relative; }
.part_pdtspuffys ul li a{display:flex; align-items: flex-end; justify-content: center; text-decoration:none; width:100%; height:100%; padding: 25% 5% 18% 5%;
	background: linear-gradient(180deg, rgba(227,232,235,1) 0%, rgba(227,232,235,.2) 100%); border-radius:1vw; }
.part_pdtspuffys ul li img{display:block;max-width: 80%;max-height: clamp(30px, 5vw, 175px);width: auto;height: auto; margin:0 auto 20px auto; transform:scale(1.0); transition:all .2s;}
.part_pdtspuffys ul li a:hover img, .part_pdtspuffys ul li a:focus img{transform:scale(1.07);}
.part_pdtspuffys ul li strong{display:block; font-weight:300; margin: 0 2%;}
.part_pdtspuffys ul li span{display:inline-block; padding: 2px 8px 1px 8px; margin-top: 5px; color:#94b2c5; font-size:80%; font-weight: 300; border-radius: 20px; border : 1px solid #94b2c5; }
.part_pdtspuffys ul li .nouveau{ position:absolute; top:5%;right:0;left:0; text-align:center; text-transform:uppercase; color: #c24141; font-weight:700; font-size: clamp(14px, 1vw, 38px); }
*/

.page-template-produits-artik #header, .page-template-produits-artik #footer{ background-color:#111; }
.part_pdtsartikpres .centerdiv3{z-index:3;}
.part_pdtsartikpres h1, .part_pdtsartikpres .contenu *{ color: #111 !important; }
.part_pdtsartikpres .part_pagectn h2{ color: #ffa20f !important; }
.part_pdtsartikpres{position:relative;overflow:hidden; border-radius:0;}
.part_pdtsartikpres:before{ content: "";  position: absolute; width: 23vw; left: 0; top: 0; bottom: 0; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
	background: url('img/bg-lait-skyr.jpg') center center; background-size: cover; z-index:0; }
.part_pdtsartikpres:after{ content: "";  position: absolute; width: 23vw; right: 0; top: 0; bottom: 0; clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
	background: url('img/bg-lait-skyr.jpg') center center; background-size: cover; z-index:0; }

.part_pdtsartik{background-color:#E9E9E9;padding:3vw 0 0 0; }
.part_pdtsartik .part_title{margin-bottom:0; position:relative; z-index:2;}
.part_pdtsartik ul{text-align:center;position:relative; z-index:1; display: flex;justify-content: center;}
.part_pdtsartik ul li{position:relative; width:25%; display:flex;}
.part_pdtsartik ul li a{display:flex;align-items: center; text-decoration:none; height: 100%; padding:6vw 10% 6vw 10%;overflow:hidden;position:relative;}
.part_pdtsartik ul li img{display:block;width:90%; margin:20px auto 0 auto;z-index: 2;position: relative; transform:scale(1.0); transition:all .2s;}
.part_pdtsartik ul li a:hover img, .part_pdtsartik ul li a:focus img{transform:scale(1.05);}
.part_pdtsartik ul li strong{display:block; color:#111; font-size: 110%; margin-bottom: 5px; font-weight: 400;font-family: 'Dela Gothic One', sans-serif; margin:0 auto; max-width: 200px;}
.part_pdtsartik ul li span{display:block; color:#fff; font-size:90%; font-family: 'Dela Gothic One', sans-serif;font-weight: 400;}

.lienscats{text-align:center; margin-bottom:30px;}
.lienscats .etiq{margin:0 4px;}

.part_pdtsartik ul li.nodispo{ width:16.66%; }
.part_pdtsartik ul li.nodispo strong{
	z-index: 9; position: relative;
	font-weight:700; font-size:100%; color:#fff; font-weight: 400; font-family: 'Dela Gothic One', sans-serif;
}
.part_pdtsartik ul li.nodispo .bt{padding: 5px 15px 5px 15px; margin-top:10px; background-color:#111; font-size: 75%;font-weight:300;font-family: 'Poppins', sans-serif; transform:scale(1.0); transition:all .2s; }
.part_pdtsartik ul li.nodispo img{margin-top:0 !important; margin-bottom:20px;}
.part_pdtsartik ul li.nodispo a:hover .bt{transform:scale(1.1);}


/********************************************************************** PAGE DES RECETTES */
.recettes{display:flex; justify-content:center;flex-wrap: wrap;}
.recette{width:25%;padding:0 1.5%; text-align:center;text-decoration:none; margin-bottom:40px;}
.recette > div{position:relative;}
.recette .recette_img img{margin-bottom:20px;border-radius:0 0 0 4vw; transform:scale(1.0); transition:all .2s;}
.recette strong{ font-weight:400; display:block; color:#035580; font-size:125%; font-family: 'Dela Gothic One', sans-serif;font-weight: 400; transform:scale(1.0); transition:all .2s;}
.recette:hover, .recette:focus{text-decoration:none;}
.recette:hover .recette_img img, .recette:focus .recette_img img{transform:scale(0.95);}
.recette:hover strong, .recette:focus strong{transform:scale(1.05);}

.recettes_foot .recette{width:25%;margin-bottom:20px;}
.recette_imgpdt{display:flex; align-items: center;justify-content: center; position:absolute;bottom:calc(-.7vw + 20px);right:-0.7vw; background-color:#035580; border-radius:10vw; width:5vw; height:5vw; padding:.7vw;}
.recette_imgpdt img{ margin-bottom:0 !important; }

a.recette_imgpdt{ float:left; margin-right: .8vw; position:relative; right:initial;bottom:initial; margin-right:20px; text-decoration:none; transform:scale(1.0); transition:all .2s; }
a.recette_imgpdt:hover, a.recette_imgpdt:focus{ text-decoration:none; transform:scale(1.05); }


/********************************************************************** PAGE DES ARTICLES */
.grid-item-article{text-decoration:none; background-color: #ccdae3; display: block; border-radius: 0 0 3vw 0; color: #035580; }
.grid-item-article:hover, .grid-item-article:focus{text-decoration:none;}
.grid-item-article div{padding: 3vw 3vw calc(3vw - 20px) 3vw; }
.grid-item-article img{display:block;width:100%; transform:scale(1.0); transition:all .3s;}
.grid-item-article:hover img, .grid-item-article:focus img{transform:scale(0.95);}
.grid-item-article h2{color:#035580;}


/********************************************************************** FOOTER */
#footer{background-color:#035580;color:#fff;padding:calc(3vw + 60px) 5% 60px 5%;z-index:1; text-align:center;
	display:flex;justify-content:space-around;align-items:center;
	position: relative; z-index:1;
}
.home #footer{padding-top:60px;}
#footer > img{ position:relative; top:4px; }
#footer > div{width:40%;}
#footer li{display:inline-block;}
#footer a{display:inline-block; color:#94b2c5; font-size:90%; font-family: 'Dela Gothic One', sans-serif;font-weight: 400; text-decoration:none; margin:0 10px; transition:all .2s;}
#footer .menu a{color:#fff; font-size:150%; margin:0 5px;}
#footer a:hover, #footer a:focus{text-decoration:none;color:#fff;}
#footer .menu a:hover, #footer .menu a:focus{color:#94b2c5;}


/********************************************************************** FORM */
form button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
form button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

form label, form .label{display:block;margin-left:0;font-size:100%;cursor:pointer;margin-bottom:5px;font-weight:700;color:#035580;}

input[type=text], input[type=email], input[type=tel], textarea
{
	font-size:100%;border:none;margin-bottom:10px;border:2px solid #035580;
	color:#111;border-radius:0;padding:12px !important;width:100%;background-color:#fff;
	transition:all .2s; font-family: 'Poppins', sans-serif;
}

form input[type=submit], form button
{
	font-size:100%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:12px 36px;border:none;background-color:#035580;
	transition:all .2s; font-family: 'Poppins', sans-serif;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#035580;}
input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus
{outline:none;}

div.wpcf7-response-output{width:100%;padding:10px 10px !important;margin:0 !important;clear:both;font-size:14px; font-weight:500; background-color:#548b37;color:#fff; border:0 !important;}
.wpcf7 form.invalid .wpcf7-response-output{background-color:#d7b026;}
.wpcf7-validation-errors{background-color:#a13434;color:#6B630B;}
.wpcf7-mail-sent-ok{background-color:#548b37;color:#fff;}
span.wpcf7-not-valid-tip{top:-4px;left:0;display:block;font-size:14px;position:relative;padding:10px 10px;background-color:#d7b026;color:#fff;border:none;margin:0 0 6px 0;}
span.wpcf7-not-valid-tip:after{position:absolute;float:right;content:'';width:0;height:0;border-color:transparent transparent #d7b026 transparent;border-style:solid;border-width:6px;top:-12px;left:25px;}
span.wpcf7-not-valid-tip-no-ajax{margin:-15px 0 13px 0}


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


/********************************************************************** RWD */
@media (min-width:1180px){

	/* NAV */
	a#showmenu{display:none;}

	#showmenunav{position:relative;}

	#nav{float:right;margin-top:8px;}
	#nav .menu{position:relative;z-index:2;}
	#nav ul{display:block;}
	#nav ul li{display:inline-block;}
	#nav ul li a{text-decoration:none;color:#fff;display:block;font-weight:400; font-size:80%;text-transform:uppercase;letter-spacing:1px; padding:10px 12px 19px 12px; transition:all .3s;}
	.home #nav ul li a{color:#035580;}
	#nav ul li:first-child a{padding:10px 12px 10px 0;}
	#nav ul li:last-child a{padding:10px 0 10px 12px;}
	#nav ul li a:hover, #nav ul li a:focus{color:#fff;text-decoration:none;}
	.home #nav ul li a:hover, .home #nav ul li a:focus{color:#035580;text-decoration:none;}
	#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{text-decoration:none;}

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25);position:absolute;
		top:40px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;}
	#nav .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	#nav .menu .sub-menu li{display:block;margin: 0 20px;border-bottom:2px solid #eaeef1;}
	#nav .menu .sub-menu li:first-child{border-radius:20px 20px 0 0;}
	#nav .menu .sub-menu li:last-child{border-radius:0 0 20px 20px;border-bottom:0;}
	#nav .menu .sub-menu li:after{display:none;}
	#nav .menu .sub-menu a{background:transparent; color:#035580; width:100%;text-align:center;padding:12px 7px 12px 7px; transform:scale(1); }
	#nav .menu .sub-menu .current-menu-item a{font-weight:700;}
	#nav .menu .sub-menu li:first-child a{padding-top:18px;}
	#nav .menu .sub-menu li:last-child a{padding-bottom:18px;}
	#nav .menu .sub-menu a:after{display:none;}
	#nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{ color:#035580; transform:scale(1.05); }

	#nav .menu-item-has-children{position:relative;outline:none !important;}
	#nav .menu-item-has-children > a{padding-right:28px !important;}
	#nav .menu-item-has-children > a:before{content: "";top:14px;right:12px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#fff transparent transparent transparent;}
	.home #nav .menu-item-has-children > a:before{border-color:#035580 transparent transparent transparent;}

	#nav .menu-open > .sub-menu{opacity:1;top:45px;visibility:visible;}

	#showmenunavline{position:absolute;z-index:5;width:100px;height:0px;border-radius:0 0 5px 5px;background-color:#fff;top:-38px;left:-110px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;}
	#header.small #showmenunavline{top:-23px;}
	.home #showmenunavline{background-color:#035580;}

}


@media (max-height:650px){

	#home_links{height:650px;}

}


@media (max-width:1440px) AND (min-width:1180px){

	#nav ul li a{text-transform: initial; letter-spacing: 0px;padding: 10px 6px 10px 6px; }

}


@media (max-width:1180px){

	/* NAV */
	a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:27px;right:2.5%;}
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#fff;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s; }
	#showmenu:before{margin-top:-9px;}
	#showmenu:after{margin-top:8px;width:14px;right:10px;}
	#showmenu div{width:28px;height:2px;background:#fff;border-radius:4px;}
	.home #showmenu:before, .home #showmenu:after, .home #showmenu div{background:#035580;}
	
	#showmenu.close{position:fixed;}
	#showmenu.close div{opacity:0;background:#fff;}
	#showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;}
	#showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#94b2c5;}

	#showmenunav{opacity:0;visibility:hidden; position:fixed;z-index:999; top:30px;left:0;right:0;bottom:0;height:100%;transition:all .2s;background:#035580;color:#fff;display:flex;justify-content:center;align-items:center;text-align:left;}
	.open #showmenunav{opacity:1;visibility:visible;top:0;}
	#showmenunav li a{color:#fff;font-size:5vw;padding: 1.5vw 0;display: block;text-decoration: none;transition:all .2s;transform:scale(1);}
	#showmenunav li a:hover, #showmenunav li a:focus{color:#fff;transform:scale(.95);text-decoration: none;}

	.sub-menu{margin-left: 9vw;}

}


@media (min-width:860px){
	
	.appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
	.appearOnScroll.visible { opacity: 1; transform: scale(1); }

}


@media (max-width:860px){

	body{padding-top:0;}

	#header, #header.small{padding: 30px 5% 26px 5% !important; position:relative; border-radius: 0 0 6vw 0; margin-bottom: -6vw;}
	#logo img{width: 120px;}

	#home_links{height:auto;margin-bottom:-6vw;}
	.home_link{width:100%;height: 65vw;float:none;}
	.home_link div{top: 16vw;}
	.home_link#home_link1 div{left: 10vw;}
	.home_link#home_link2 div{right: 10vw;}
	.home_link img{height:15vw;}
	.home_link h2{top: 15.8vw; width: 44vw; font-size: 5.2vw; }
	.home_link#home_link1 h2{right: 5vw;}
	.home_link#home_link2 h2{left: 5vw;}
	.home_link a{ bottom: 10vw; border-radius: 6vw; padding: 1.7vw 3.3vw 1.8vw 3.3vw; text-align:center; }
	.home_link#home_link1 a{ left: 10vw; }
	.home_link#home_link2 a{ right: 10vw; }

	#home_link1:after{top: 11vw;left: 5vw;bottom: 5vw;}
	#home_link2:after{top: 5vw;right: 5vw;bottom: 5vw; border-radius: 0 0 6vw 0;}
	#home_link2{border-radius: 0 0 6vw 0;}

	.grid{margin-bottom:0;}
	.gutter-sizer{ width:0; }
	.grid-sizer{ width:100%; }
	.grid-item{ width:100%;margin-bottom:20px; }

	.part{margin-bottom: -6vw;padding: calc(15vw + 20px) 0 9vw 0;border-radius: 0 0 6vw 0;}
	.part_title{font-size: 180% !important; padding: 0 5%; margin-bottom: 9vw;}
	.part_pagectn .part_title{padding:0;}

	.partcarte{padding: 6vw 0 0 0;}

	.contenu p{font-size: 95%;}
	.contenu h1, .contenu h2{font-size: 140%;line-height: 110%;}
	.contenu h3, .contenu h4{font-size: 120%;line-height: 110%;}

	.part_page:before{width: 53vw;height: 53vw;}
	.part_page:after{width: 38vw;height: 38vw;bottom: 16vw;right: -6vw;}

	.part_pagethumb .part_pageimg{width:100%;float:none;}
	.part_pagethumb .part_pageimg img{border-radius: 0 0 0 6vw;}
	.part_pagethumb .part_pagectn{width:100%;float:none;padding-top: 20px;}

	.part_2col .grid-item{padding: 0px; position: relative;}
	.hidecol_bt{padding: 30px 55px 10px 20px;}
	.hidecol_bt h2{font-size: 120%;}
	.hidecol_bt svg{top: 30px; right: 15px;}
	.hidecol_ctn{padding: 0 20px 10px 20px;}
	.part_2col .grid-item1{border-radius: 6vw 0 0 0;}
	.part_2col .grid-item2{border-radius: 0 0 0 6vw;}
	.part_2col .grid-item3{border-radius: 0 6vw 0 0;}
	.part_2col .grid-item4{border-radius: 0 0 6vw 0;}

	.part_img{ height:80vw; background-attachment: initial; }
	.part_img.part_imgs{height: 34vw;}
	.part_img.part_imgs h3{font-size: 120%;}

	.r_ancres{ flex-wrap: wrap;justify-content: center;align-items: center; margin-bottom:20px; }
	.r_ancres a{ width: 44%; }
	.r_ancres a strong{ font-size: 4vw; }

	.part_dates:after{left: 5%;}
	.part_dates p{font-size:95%;}
	.part_dates .grid-item{padding:30px 20px;width: 90%;margin: 0 0 4vw 10% !important; position:relative;}
	.part_dates strong{font-size: 140%;}
	.part_dates .grid-item:before{display:none;}
	.part_dates .grid-item:after{content: "";position:absolute;top:-2px;left:-26px;width:0;height:0;border-style:solid;border-width:12px 12px 12px 12px; border-color:#035580 #035580 transparent transparent; }

	.part_3col .col{width:100%;float:none;margin-right:0;padding: 0;}
	.part_3col .col img{width: 55%; margin:0 auto 20px auto;}

	.lienscats{margin-bottom:20px;}
	.lienscats .etiq{margin:5px;}

	.recettes{display:block;}
	.recette, .recettes_foot .recette{width:100%; margin-bottom: 20px; padding: 0; display: block;}
	.recette strong{font-size: 120%;}
	.recette_imgpdt{width: 24vw;height: 24vw;padding: 1.5vw; right: 20px;bottom:40px;}
	.recette .recette_img img{border-radius: 0 0 0 6vw;width: 100%;}

	.part_pdtspuffys ul{flex-wrap: wrap;}
	.part_pdtspuffys ul li{width:48%;padding: 0 1%;height: 230px; }
	.part_pdtspuffys ul li img{max-height: clamp(85px, 11vw, 175px); margin: 0 auto 15px auto; }
	.pdtsgroupwrap{display:block;}
	.pdtsgroup{ margin: 0 0 25px 0; }

	.part_pdtsartik{padding: 0 0 0 0;}
	.part_pdtsartik .part_title{margin-bottom: 9vw;}
	.part_pdtsartik ul{ flex-wrap:wrap;}
	.part_pdtsartik ul li{ width:50%; }
	.part_pdtsartik ul li.nodispo{width:50%;}
	.part_pdtsartik ul li:after{display:none;}
	.part_pdtsartik ul li:first-child a, .part_pdtsartik ul li:nth-child(2) a{ padding-top:12vw; }

	.part_pdtgrid{padding: 15vw 5% 7vw 5%;}
	.part_pdtgrid a{width: 50%;padding: 0 2.5%;margin-bottom: 4vw;}
	.part_pdtgrid img{max-height: 18vw;}

	ul.logos{flex-wrap:wrap;margin-bottom:30px;}
	ul.logos li{width:30%;margin: 5px;}

	#googlemap{height:600px;}

	.swiperlogos{margin-bottom:20px;}
	.swiperlogos .swiper-slide{height:55px;}
	.swiperlogos img{max-height:55px;max-width:120px;}

	.pageel_ld .centerdiv{margin-bottom:20px;}
	.depl_ctn{margin-bottom:4px;}
	.depl_ctn:after{height: 4px;bottom: -4px;}
	.depl_txt{font-size: 95%;}

	.contacts li{width:46%;margin-bottom: 4vw;}

	.grid-item-article div{padding: 20px 20px 1px 20px;}
	.grid-item-article h2{font-size:120%;}

	.recette .recette_img img{margin-bottom:10px;}
	.recette{margin-bottom:25px;}

	.single-recette .part_pagethumb .part_pagectn, .single-post .part_pagethumb .part_pagectn{width: 100%; padding-top:0; padding-left: 0;}
	.single-recette .part_pagethumb .part_pageimg, .single-post .part_pagethumb .part_pageimg{width:100%; margin-bottom:20px; }

	.recette_imgpdt{padding: 3.5vw;border-radius: 21vw;margin-bottom: 20px;}

	.block_ing, .block_prepa{width:100%; float:none; padding:30px 20px; margin-bottom:20px; }
	.block_prepa{border-radius: 0 0 6vw 0;}
	.block_ing{border-radius: 6vw 0 0 0;}

	.part_pdt1{ padding: calc(6vw + 30px) 0 0 0; }
	.pdt_artik .part_pdt1{background-color:#eee;}
	.part_pdt1ctn{ width: 100%; min-height:initial; border-radius: 6vw 0 0 0; padding:30px 20px; margin-bottom:0; }
	.part_pdt1ctn h1{ font-size: 160%; }
	.swiperpdtwrap{height:80vw; position:relative; border-radius: 0 0 6vw 0; padding-left:0;}
	.part_pdt2 .col, .part_pdt2 .col.colL, .part_pdt2 .col.colS{width: 100%; float:none;padding:0; margin-bottom: 20px;}
	.swiperpdtthumbwrap{width:100%;bottom: -8vw; height: 16vw; }
	.swiperpdtthumb .swiper-slide{width: 16vw !important;height: 16vw !important;border-radius: 16vw;}
	.pdt_infos{max-width: none;}
	.pdt_infos hr{margin: 35px 0 30px 0;}
	.swiper-slide-pack-ctn > div > div{width: 100%;}
	.swiper-slide-pack img{max-width: 54vw;max-height: 40vw;}
	.pdt_logos li{margin-right:6%;}

	.pdt_artik .part_pdt2{padding-bottom:0;}
	.pdt_artik .part_pdt2 .centerdiv2{width:100%;}
	.pdt_artik .part_pdt2 .col.colL{float:none;padding:0 5% 10px 5%;}
	.pdt_artik .part_pdt2 .col.colL > img{width:60%;}
	.pdt_artik .part_pdt2:before{width: 160px;height: 402px;left: -95px;top: -110px;}
	.pdt_artik .part_pdt2 .col.colS{background: #fff;padding: 40px 5% calc(9vw + 20px) 5%; margin-bottom:0; border-radius:0; }
	.colS .pdt_ing{margin: 0 0 30px 0;}

	.part_pdt3 h2{font-size: 160%;}

	#footer{display:block; padding:calc(15vw + 20px) 5% calc(9vw + 20px) 5%; }
	#footer > div{width:100%;}
	#footer > img{width:120px;display:inline-block; margin:20px 0; }
	#footer a{margin:5px;padding: 5px;}

}