/* Sous Nav */
.columns .nav-cms-checkbox, .columns .nav-cms-toggle {
	display: none;
}

.columns .nav-cms {
    float: left;
    width: 100%;
}
.columns ul.nav-list-cms {
	padding: 0;
	margin-bottom: 0;
}
.columns ul.nav-list-cms li {
	display: inline-block;
	list-style: none;
	margin: 0 0 10px;
}
.columns ul.nav-list-cms li a {
	display: inline-block;
	background: #E8ECEF;
	padding: 12px 30px 17px;
	transform: skewX(-25deg);
	font-size: 1.4rem;
	transition: 0.5s all 0s;
}
.columns ul.nav-list-cms li a.active, .columns ul.nav-list-cms li a:hover {
	font-weight: bold;
	transition: 0.5s all 0s;
}
.columns ul.nav-list-cms li a::after {
	content: '';
	position: absolute;
	border: 0px solid #FABC3E;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transition: 0.5s all 0;
}
.columns ul.nav-list-cms li a.active::after, .columns ul.nav-list-cms li a:hover::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 3px;
	left: 3px;
	border-right: 3px solid #FABC3E;
	border-bottom: 3px solid #FABC3E;
}
.columns ul.nav-list-cms li a span{
	display: inline-block;
	transform: skewX(25deg);
}




@media (max-width: 768px) { 
.columns .nav-cms {
	/*margin: -20px 0 0;*/
	font-size: 1.8rem;
}
.columns .nav-cms-checkbox {
	top: -1000px;
	position: absolute;
	opacity: 0;
}
.columns .nav-cms-toggle {
	background: #E8ECEF;
	width: 100%;
	display: inline-block !important;
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
.columns .nav-cms-checkbox:focus + .nav-cms-toggle {
    outline: #00A1A1 auto 5px;
}
.nav-cms-toggle .ed-icon-mdd--chevron {
	transform: rotate(90deg);
	float: right;
	margin: 3px 10px 0 0;
	transition: 0.25s all 0s;
	font-size: 0.8em;
}
.nav-cms-checkbox:checked + .nav-cms-toggle .ed-icon-mdd--chevron {
	transform: rotate(90deg) scaleX(-1);
	float: right;
	transition: 0.25s all 0s;
}
.columns ul.nav-list-cms {
	text-align: left;
	position: absolute;
	/*width: calc(100% - 40px);*/
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .5s ease-in-out, opacity .3s .1s ease-in-out;
	z-index: 1;
}
.columns .nav-cms-checkbox:checked ~ ul.nav-list-cms {
	display: block;
	max-height: 500px;
	opacity: 1;
	transition: max-height .5s ease-in-out, opacity .3s .1s ease-in-out;
}
.columns ul.nav-list-cms li {
	width: 100%;
	margin: 0;
}
.columns ul.nav-list-cms li+li {
	border-top: 1px solid #FFF;
}
.columns ul.nav-list-cms li a {
	font-size: 1.8rem;
	transform: none;
	width: 100%;
	padding: 10px;
}
.columns ul.nav-list-cms li a::after,.columns ul.nav-list-cms li a.active::after {
	content: none;
}
.columns ul.nav-list-cms li a span {
	transform: none;
}
.columns ul.nav-list-cms li {
	width: 100%;
}
.columns ul.nav-list-cms li+li {
	border-top: 1px solid #FFF;
}
.columns ul.nav-list-cms li a {
	transform: none;
	width: 100%;
	padding: 10px;
}
.columns ul.nav-list-cms li a span {
	transform: none;
}
}


/* Générique CMS */

.cms-page-view .column.main h1, .cms-page-view .column.main h2 {
	font-family: 'Barlow',sans-serif;
	font-size: 43px;
	font-weight: bold;
	margin: 15px 0 25px 0;
	text-transform: none;
}
.cms-page-view .column.main h3 {
	font-family: 'Barlow',sans-serif;
	font-size: 40px;
	font-weight: bold;
	margin: 15px 0 25px 0;
	text-transform: none;
}
.cms-page-view .column.main h4 {
	font-family: 'Barlow',sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin: 15px 0 25px 0;
	text-transform: none;
}
.text-orange, .text-orange h3{
	color: #FF7400 !important;
}
.cms-page-view .main p {
	font-size: 1.8rem;
	margin-bottom: 1.75rem;
}
.cms-page-view .column.main .clearfix {
    display: inline-block;
    width: 100%;
}
.cms-page-view .column.main .flex {
    display: flex;
    flex-wrap: wrap;
}
.cms-page-view .column.main .flex.align-self > div {
    align-self: center;
}
.grayscale {
    filter: grayscale(1);
    transition: 1s all 0s;
}
.grayscale:hover {
    filter: grayscale(0);
    transition: 1s all 0s;
}

.grande-marque img {
    max-height: 35px;
    max-width: 125px;
}

[class^="quote"] {
	font-style: italic;
}
.quote {
	font-size: 2rem !important;
}
.quote::before{
	content: '« ';
}
.quote::after {
	content: ' »';
}
.quote::before, .quote::after {
	color: #FF7400;
	font-weight: bold;
	font-size: 1.2em;
}

.float-right{
	float: right;
}

.bg-yellow {
	background-color: #FFBA00;
}
.bg-blue-light {
	background-color: #AEDBFF;
}
.bg-grey {
	background-color: #E8ECEF;
}
.bg-white {
	background-color: #FFF;
}
.bg-green {
	background-color: #AAD400;
}

[class^="shadow-box"] {
	position: relative;
	display: inline-block;
	max-width: calc(100% - 10px);
}
[class^="shadow-box"] > img {
	position: relative;
	float: left;
}
[class^="shadow-box"]::before {
	content: '';
	width: 100%;
	height: 100%;
	top: 10px;
	left: 10px;
	position: absolute;
	display: inline-block;
}
.shadow-box-yellow::before {
	background-color: #FFBA00;
}
.shadow-box-blue::before {
	background-color: #4586FF;
}
.shadow-box-orange::before {
	background-color: #FA530D;
}
.shadow-box-pink::before {
	background-color: #FF8DC0;
}
.shadow-box-grey::before {
	background-color: #E8ECEF;
}

.shadow-box-grey .bg-white {
	border: 1px solid #E8ECEF;
	display: inline-block;
	position: relative;
}

.trapeze-box {
	transform: skewY(-3deg);
	display: inline-block;
	position: relative;
}
.trapeze-box-reset {
	transform: skewY(3deg);
	padding: 8% 0;
}

[class^="highlighted"] {
	padding: 0 5px 2px;
}
.highlighted-blue {
	color: #FFF;
	background: #4586FF;
}
.highlighted-orange {
	color: #FFF;
	background: #FF7400;
}
.highlighted-yellow {
	color: #000;
	background: #FFBA00;
}
.highlighted-white {
	color: #000;
	background: #FFF;
}

.disco {
  position: relative;
  padding: 14px 14px 38px 38px;
}
.disco img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
}
.disco:before {
  content: '';
  background-color: #FF7400;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: 0;
}
.disco:after {
  content: '';
  background-color: #FFBA00;
  width: calc(100% - 25px);
  height: calc(100% - 27px);
  position: absolute;
  border-radius: 50%;
  top: 6px;
  right: 5px;
}

.disco-background {
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}
.disco-background div {
  z-index: 1;
  position: relative;
}
.disco-background.disco-yellow:before {
  content: '';
  background-color: #FA530D;
  width: 1050px;
  height: 1050px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  right: -20px;
}
.disco-background.disco-yellow:after {
  content: '';
  background-color: #FF7400;
  width: 980px;
  height: 980px;
  position: absolute;
  border-radius: 50%;
  top: 25px;
  right: -10px;
}
.disco-background.disco-yellow > div::before {
  content: '';
  background-color: #FFBA00;
  width: 900px;
  height: 900px;
  position: absolute;
  border-radius: 50%;
  top: 50px;
  right: 10px;
  z-index: -1;
}

.disco-background.disco-green::before {
	content: '';
	background-color: #00AA13;
	width: 860px;
	height: 860px;
	position: absolute;
	border-radius: 50%;
	bottom: 0;
	right: 0px;
}
.disco-background.disco-green::after {
	content: '';
	background-color: #AAD400;
	width: 800px;
	height: 800px;
	position: absolute;
	border-radius: 50%;
	bottom: 15px;
	right: 40px;
}
.disco-background.disco-green > div::before {
	content: '';
	background-color: #E8ECEF;
	width: 750px;
	height: 750px;
	position: absolute;
	border-radius: 50%;
	bottom: 10px;
	right: 80px;
	z-index: -1;
}
.banner-background::before {
	content: '';
	width: 100%;
	height: 80%;
	top: 10%;
	position: absolute;
	background-color: #E8ECEF;
	z-index: -1;
	left: 0;
}

@media (min-width: 768px) {
	.dynamic-box {
		margin: 100px 0 0 -17%;
	}
	.dynamic-box-1 {
		margin-top: -100px;
	}
}
@media (max-width: 768px) { 
	.dynamic-box .shadow-box-grey::before, .dynamic-box-1 .shadow-box-grey::before {
		display: none !important;
	}
	.dynamic-box .shadow-box-grey, .dynamic-box-1 .shadow-box-grey {
		max-width: 100%;
	}
	.dynamic-box .shadow-box-grey .bg-white, .dynamic-box-1 .shadow-box-grey .bg-white {
		border: none;
	}
}

/* forme trapèze */
.trapeze-after, .trapeze-before {
	position: relative;
	float: left;
	padding-top: 55px;
}
.trapeze-after.trapeze-margin {
	margin-bottom: 70px;
}
.trapeze-before.trapeze-margin {
	margin-top: 70px;
}
.trapeze-after::after {
	content: '';
	width: 100%;
	height: 75px;
	transform: skewY(-3deg);
	position: absolute;
	bottom: -30px;
	z-index: -1;
	left: 0;
}
.trapeze-before::before {
	content: '';
	width: 100%;
	height: 75px;
	transform: skewY(-3deg);
	position: absolute;
	background: grey;
	top: -30px;
	left: 0;
}
.bg-blue-light.trapeze-before::before, .bg-blue-light.trapeze-after::after {
	background: #AEDBFF;
}
.bg-grey.trapeze-before::before, .bg-grey.trapeze-after::after {
	background: #E8ECEF;
}
.bg-yellow.trapeze-before::before, .bg-yellow.trapeze-after::after {
	background: #FFBA00;
}
.bg-green.trapeze-before::before, .bg-green.trapeze-after::after {
	background: #AAD400;
}


.advise {
	margin: -20px -20px 0 -20px;
}
.advise .quality {
	display: inline-block;
	background: url("data:image/svg+xml,%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 888.2 665.3' style='enable-background:new 0 0 888.2 665.3;' xml:space='preserve'%3E%3Cpath style='fill:%233B00CB;' d='M32.6,665.3h855.6V216v-68.9V89.6c-48.3-30.6-101.9-54.5-160-70C419.6-63.1,102.5,120,19.8,428.5 c-21.4,79.7-25,160.1-13.3,236.8h7.8H32.6z'/%3E%3Cpath style='fill:%234586FF;' d='M888.2,665.3V216v-68.9c-57-46-124.4-81.1-199.7-101.2C399.3-31.6,102,140,24.5,429.2 c-21.3,79.7-23.8,159.9-10.1,236h18.1H888.2z'/%3E%3Cpath style='fill:%23AEDBFF;' d='M888.2,216c-61.4-64-140.5-112.6-232.5-137.2C387.4,6.9,111.5,166.1,39.6,434.4c-20.9,78-22.3,156.7-7.1,230.8 h855.6V216z'/%3E%3C/svg%3E") right top no-repeat;
	background-size: 65%;
}

.advise .en-pratique h3 {
	font-size: 2.2rem !important;
}
.advise .number span{
  font-size: 6rem;
  font-weight: 700;
  display: inline-block;
  position: relative;
  z-index: 1;
  line-height: 6rem;
}
.advise .number span:before {
  content: '';
  width: 110%;
  height: 50%;
  background: #FFBA00;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -5%;
  z-index: -1;
}

.advise .menu-accordeon h5.title-accordeon {
	background: #3B00CB;
	color: #FFF;
	font-size: 1.6rem !important;
	font-family: 'barlow', arial !important;
	padding: 15px 20px;
	position: relative;
}
.advise .menu-accordeon .content-accordeon {
	border: 1.5px solid #AEDBFF;
}
.advise .menu-accordeon .content-accordeon ul {
	margin: 0;
}
.advise .menu-accordeon h5.title-accordeon::before {
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12.15 25' overflow='visible' xml:space='preserve'%3E%3Cpolygon fill='%23ffffff' points='5.15,25 0,25 7,12.5 0,0 5.15,0 12.15,12.5 '/%3E%3C/svg%3E") no-repeat;
	/* transform: rotate(90deg); */
	right: 10px;
	top: calc(50% - 8px);
	transform-origin: center;
	width: 8px;
}
.advise .menu-accordeon ul {
	padding: 0 !important;
}
.advise .menu-accordeon li {
	list-style: none !important;
}

.testimonial-carousel .owl-stage {
	display:flex;
}
.testimonial-carousel .owl-stage div div{
	height:100%;
}
.testimonial-carousel .owl-stage p {
	font-size: 1.5rem;
	margin-bottom: 1.25rem;
}
.testimonial-carousel .owl-item.active.center {
	text-align: left !important;
}
.testimonial-carousel .owl-stage-outer {
	padding: 0 0 6px;
}



.cms-page-view .main .content-onglet p {
	font-size: 1.5rem;
}
.flex-right {
	margin-left: auto;
}


.livraisons {
	position: relative;
	min-height: 200px;
	float: left;
	width: 100%;
}

@media (min-width: 768px) {
	.cms-page-view .column.main h3.title-onglet {
		position: absolute;
	}

	h3.title-onglet+div+h3.title-onglet {
		top: 74px;
	}

	h3.title-onglet+div+h3.title-onglet+div+h3.title-onglet {
		top: 148px;
	}

	.onglet {
		padding: 0 0 0 25px !important;
		margin: 0 !important;
	}

	.content-onglet {
		border-left: 1px solid #ccc;
		padding: 0 25px;
	}
}



.cms-page-view .column.main h3.title-onglet {
	padding: 15px 30px 15px 15px;
	font-family: 'barlow';
	text-transform: none;
	font-size: 1.8rem;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin: 0 0 20px 0;
	cursor: pointer;
	transition: 0.5s background 0s;
}

.cms-page-view .column.main h3.title-onglet a {
	text-decoration: none;
}

.cms-page-view .column.main h3.title-onglet:hover,
.cms-page-view .column.main h3.title-onglet.active {
	background: #FFBA00;
	border: 1px solid #FFBA00;
	transition: 0.5s background 0s;
}

.title-onglet::after {
	content: '';
	width: 16px;
	height: 26px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23FFBA00' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat;
	position: absolute;
	top: calc(50% - 13px);
	right: 10px;
}

.title-onglet.active::after,
.title-onglet:hover::after {
	background: url("data:image/svg+xml,%3Csvg width='16' height='26' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat;
}

.onglet {
	padding: 0;
}

.cms-page-view .column.main .subtitle-onglet {
	margin: 0 0 15px;
	padding: 20px 40px 20px 20px;
	border-radius: 3px;
	position: relative;
	font-size: 1.6rem;
	border: 1px solid #746F6F;
	cursor: pointer;
	display: flex;
}

.cms-page-view .column.main .subtitle-onglet::after {
	content: "";
	position: absolute;
	background: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") no-repeat;
	width: 12px;
	height: 19px;
	right: 16px;
	top: calc(50% - 10px);
	transform: rotate(90deg);
	transition: 0.5s all 0s;
}

.cms-page-view .column.main .subtitle-onglet.active::after {
	transform: rotate(90deg) scaleX(-1);
	transition: 0.5s all 0s;
}

.cms-page-view .column.main .subtitle-onglet h4 {
	font-size: 1.6rem;
	margin: auto 20px;
}

.cms-page-view .column.main .subtitle-onglet h4.flex {
	width: 100%;
	margin: 0;
	align-items: center;
}

.cms-page-view .column.main .subtitle-onglet .flex-right {
	margin: auto 10px auto auto;
	text-align: right;
}

.cms-page-view .column.main .subtitle-onglet span {
	font-weight: normal;
}

.cms-page-view .column.main .subtitle-onglet+div {
	padding: 15px;
	margin: -16px 0 15px 0;
	border: 1px solid #746F6F;
	border-radius: 0 0 3px 3px;
	border-top: none;
}

.content-onglet, .cms-page-view .main .content-onglet p {
	font-size: 1.5rem;
}

.content-onglet li {
	list-style: none !important;
}

.content-onglet li::before {
	content: '';
	background: #FFBA00;
	height: 7px;
	width: 7px;
	display: inline-block;
	border-radius: 3px;
	margin: 0 8px 0 0;
	position: relative;
	top: -2px;
}


/* FAQ */
.subcategory-faq > div {
	width: 100%;
}
.back-to-faq {
	padding: 50px 45px;
	border-right: 1px solid #E8ECEF;
}
.back-to-faq + div {
	text-align: left;
	width: calc(100% - 140px);
}
.back-to-faq + div svg {
	margin: auto 10px;
}
.cms-page-view .column.main .subcategory-faq h1 {
	font-size: 2.2rem;
	margin: auto 10px;
	max-width: calc(100% - 105px);
	text-align: left;
	display: inline;
}

.subcategory-faq + .content-onglet {
  border: none;
}
.cms-page-view .column.main .subtitle-onglet h2 {
	font-size: 1.8rem;
	margin: 0;
	font-weight: 600;
}
.cms-page-view .column.main .subtitle-onglet span {
	font-weight: normal;
}
.content-onglet li {
	list-style: none !important;
}
.content-onglet li::before {
	content: '';
	background: #FFBA00;
	height: 7px;
	width: 7px;
	display: inline-block;
	border-radius: 3px;
	margin: 0 8px 0 0;
	position: relative;
	top: -2px;
}


@media (max-width:768px) {
	
.back-to-faq {
	padding: 30px 12px;
}
.back-to-faq svg {
	width: 30px;
}
.back-to-faq + div svg {
	max-width: 50px;
	margin: auto 5px;
}
.cms-page-view .column.main .subcategory-faq h1 {
	font-size: 2rem;
	max-width: calc(100% - 70px);
	margin: auto 5px;
}
.back-to-faq + div {
	text-align: left;
	width: calc(100% - 71px);
}
}



@media (max-width: 990px) {
.advise .quality {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 375 800.2' style='enable-background:new 0 0 375 800.2;' xml:space='preserve'%3E%3Cpath fill='%233B00CB' d='M52.4,26.7C175-6.1,300,39,375,131.6v-6.6C295.2,25.2,161.1-23.6,29.6,11.6c-10.1,2.7-20,5.9-29.6,9.5v24.8 C16.6,38.1,34.1,31.6,52.4,26.7z'/%3E%3Cpath fill='%234586FF' d='M52.4,26.7C34.1,31.6,16.6,38.1,0,45.9v29.4c21.8-12.8,45.6-22.9,71.2-29.7C187.4,14.5,306,58.8,375,148.6v-17 C300,39,175-6.1,52.4,26.7z'/%3E%3Cpath fill='%23aedbff' d='M375,800.2V148.6C306,58.8,187.4,14.5,71.2,45.6C45.6,52.5,21.8,62.6,0,75.3v724.9H375z'/%3E%3C/svg%3E") no-repeat;
	background-size: 100%;
}
}


@media (max-width: 768px) { 
.cms-page-view .column.main h1, .cms-page-view .column.main h2 {
	font-size: 30px;
}
.cms-page-view .column.main h3 {
	font-size: 28px;
}

.disco-background.disco-yellow::before {
	content: '';
	width: 675px;
	height: 675px;
	left: -210px;
	top: 0;
}.disco-background.disco-yellow > div::before {
	content: '';
	width: 575px;
	height: 575px;
	left: -125px;
	top: 30px;
}
.disco-background.disco-yellow::after {
	content: '';
	width: 620px;
	height: 620px;
	top: 15px;
	left: -165px;
}

.disco-background.disco-green::before {
	width: 575px;
	height: 575px;
	right: -5px;
}
.disco-background.disco-green > div::before {
	content: '';
	width: 490px;
	height: 490px;
	right: 50px;
	bottom: 5px;
}
.disco-background.disco-green::after {
	width: 530px;
	height: 530px;
	right: 23px;
	bottom: 10px;
}
}
/* fix récap checkout */
.opc-sidebar .opc-summary .open + ol {
    overflow: auto !important;
}
/* fix récap checkout */