@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&family=Oswald&display=swap');

/*
	KILL TILT - Twenty by HTML5 UP / LE Mago
*/

body{background-color: #071218; color: #c9cbcc; padding-top: 60px; font-family: "Roboto","Lato", sans-serif !important;}

h1, h2, h3, h4, h5, h6 {color: #FFFFFF; font-family: "Oswald", Helvetica, sans-serif; letter-spacing: 0.5px;}
p{text-align: justify;}

a.btn-prix{text-align: center; z-index: 1000; position: relative; margin: 0 auto 45px; display: block; width: fit-content; padding: 0.4em 2em !important;background: rgb(54,180,37); background: linear-gradient(197deg, rgba(54,180,37,1) 0%, rgba(18,84,9,1) 100%); border-color:#125409; color:#f7efc6; box-shadow: 7px 7px rgba(0, 0, 0, 0.5); font-size: 15px !important;}
p.infoprix{text-align: center !important; font-size: 13px !important; line-height: 20px; display: block; color:#f7efc6 !important; margin-top: 11px}
p.infoprix-top{text-align: center !important; font-size: 16px; line-height: 20px; display: block; color:#ffbd61 !important; margin: 10px auto !important;}
p.infoprix strong{color: #f6e27a; display: block;}

em{font-style: italic;}

.gold{
	   background-image: linear-gradient(
		to right,
		#916a37 0,
	  #cb9b51 25%, 
		#f6e27a 45%,
		#f6f2c0 50%,
		#f6e27a 55%,
		#cb9b51 78%,
		#916a37 100%
		);
	   color:transparent;
	   -webkit-background-clip:text;
}

.image{position: relative;  z-index: 0;}
.image::before {content: ''; height: 80%; left: 0; position: absolute; top: 50px; width: 80%; transform: rotate(17deg); filter: blur(50px); border-radius: 100%; min-height: 250px; background: rgb(177,63,59); background: linear-gradient(133deg, rgba(177,63,59,1) 0%, rgba(177,63,59,1) 100%); z-index: -1;}

#top .image::before {background: rgb(255,255,255); background: linear-gradient(133deg, rgba(231,131,125,1) 0%, rgba(180,70,36,1) 100%); z-index: -1; opacity: 0.75;}

.arrow{transform: rotate(90deg); text-align: center; font-size: 100px; margin-bottom: 60px}

/**********************************/
/* STRUCTURE */

article {padding: 2em 0 0 !important;}

#main .wrapper {margin-bottom: 6em;}

.image img,
.img img{width: 100%;}

/**********************************/
/* STRUCTURE */

#countdown{height: 60px; background: linear-gradient(218deg, #f5da6c 0%, #f2b824 100%); position: fixed; top:0; left: 0; width: 100%; text-align: center; color: #d60004; box-shadow: 0px 2px 20px rgba(0,0,0,0.6); z-index: 2000; display: flex; align-items: center; line-height: 1.2em;}
#countdown p{margin: 0 auto; letter-spacing: 0; display: block; text-align: center; font-family: 'Lexend Deca', sans-serif; text-transform: uppercase; font-size: 1.2em;}
#countdown p span{color: red; font-weight: bold;}

/**********************************/
/* HEADER */

header#top{position: relative; z-index: 1; overflow: hidden;}
header#top::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../../images/bg.jpg") no-repeat center center transparent; background-size: cover; z-index: -1; opacity: 0.8;}

header#top {padding: 1.5em 0 1em !important; background: rgb(231,62,42); background: linear-gradient(194deg, rgba(231,62,42,1) 0%, rgba(85,19,20,1) 100%);}

header .logo{margin: 0 auto 15px; width: 100%; max-width: 550px; display: block;}

#top .image img{width: 100%; display: block; margin: 0 auto;}

header h1{font-weight: bold; display:block; width: fit-content; max-width: 1000px !important; margin: 0 auto 30px; text-align: center; font-size: 2.2em !important; color: #f7f4e1;; font-family: 'Lexend Deca', sans-serif; letter-spacing: 2px; background-color: rgba(85,19,20,0.6); padding: 10px 20px; line-height: 1.2em;}
header h2{display:none; text-align: center; letter-spacing: 2px; font-size: 4em; line-height: 1em; text-shadow: 3px 3px rgba(0, 0, 0, 0.5);  margin-bottom: 0.7em; color: #f7efc6;}
header h3{font-size: 1.9em; line-height: 1.2em; margin-bottom: 0.6em; color: #f0c369; text-shadow: 2px 2px rgba(0, 0, 0, 0.5);}

header#top p{color: #f7f4e1; text-align: left; margin-bottom: 15px;}
p.chapo{font-size: 23px; line-height: 32px; font-weight: 500; color: #f7efc6;}
header u{color: #eda71d;}

header p.checklist{text-align: left; margin-bottom: 20px !important; font-size: 1.1em; font-weight: 400; color:#FFF !important;}
header .checklist span{color: rgba(54,180,37,1); font-size: 1.4em; font-weight: bold;}

header .row{border-bottom: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: end;}
header .coachs {padding: 0;}
header .coachs img{display: block;}

header .avis{clear: both; position: relative; margin-top: 0px; text-align: center; color: #FFFFFF; border-bottom: 0 none;}
header .avis:before{content:""; position: absolute; top: -1px; left: -100%; width:100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.3);}
header .avis:after{content:""; position: absolute; top: -1px; right: -100%; width:100%; height: 1px; border-top: 1px solid rgba(255, 255, 255, 0.3);}

header .avis img{display: block; margin: 0 auto 10px; width: 100%; max-width: 200px;}
header .avis strong{font-family: "Oswald", Helvetica, sans-serif; font-size: 16px; width: 70%; display: inline-block; line-height: 22px;}

header .wrapper {margin-bottom: 1.8em;}

/**********************************/
/* TOP AVIS */

#topblock{background-color: rgba(29,69,97,0.25); padding: 30px 0 1px !important; margin: 0 0 25px;}
#top-avis{margin-bottom: 2em !important;}

#top-avis h3{text-align: center; font-size: 1.6em; line-height: 1.4em; margin-bottom: 0; color: #f0c369; text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
#top-avis p.subtitle{text-align: center; font-style: italic; margin: 5px 0 0; font-size: 0.9em;}

#top-avis b{font-weight: 500;}

#top-avis .row{margin-top: 0; display: flex; align-items:stretch;}

#top-avis figure{background-color: #1a333d; border-radius: 10px; margin-bottom: 15px; position: relative;}
#top-avis figure:after{content: ""; display: block; background-color: #1a333d; width: 16px; height: 16px; transform: rotate(45deg); position: absolute; bottom: -8px; left: 22px;}
#top-avis figure blockquote{clear: both; border:0 none; font-style: italic; padding: 15px; font-size: 16px; margin-bottom: 0;}
#top-avis figure blockquote p{text-align: left !important; margin-bottom: 0; line-height: 1.6em;}

#top-avis .avatar{width: 60px; height: 60px; overflow: hidden; border-radius: 100%; border: 2px solid #1a333d; float: left;}
#top-avis .avatar img{width:100%;}
#top-avis figcaption{float: left; padding: 13px 0 0 15px; font-size: 0.8em; line-height: 1em; font-weight: bold;}
#top-avis figcaption em{font-weight: normal; font-size: 0.7em;}
#top-avis figcaption span{display: block; color: #ffbe33; margin-top: 5px; font-size: 18px;}

#top-avis h5{text-align: center; font-size: 1.3em; margin-bottom:1em; padding-top: 1.5em; letter-spacing: 1px; color: #f6e27a; display: block; clear: both;}


/**********************************/
/* ARGUMENTS */

#arguments{margin-bottom: 3em !important;}

#arguments h2{text-align: center; font-size: 1.8em; line-height: 1.3em; letter-spacing: 1px; margin-bottom:1.5em; color: #eda71d;}

#arguments header h3{text-align: center; font-size: 1.2em; line-height: 1.5em;}
#arguments p,
#arguments ul{font-size: 16px; line-height: 26px;}
#arguments strong{display: block; margin-bottom: 10px; font-size: 1.15em}

.col-4 section{border-radius: 5px; padding: 25px; font-size: 0.9em;  background: rgb(19,49,65); background: linear-gradient(164deg, rgba(19,49,65,1) 0%, rgba(7,18,24,1) 70%); margin-top: 40px;}
.col-4 section p{margin: 0;}

#arguments .icon{width: 120px; height: 120px; margin: -80px auto 25px; border-radius: 100%; border: 3px solid #FFF; background-color: rgba(7,18,24,1); overflow: hidden;}
#arguments .icon img{width: 100%;}


/**********************************/
/* COACHS */

#coachs{max-width:900px; }
#coachs h2{text-align: center; font-size: 1.8em;}
#coachs .col-12 section{border-radius: 5px; padding: 25px; font-size: 0.9em; display: flex; align-items: center; background: rgb(19,49,65); background: linear-gradient(164deg, rgba(19,49,65,1) 0%, rgba(7,18,24,1) 70%); margin-top: 0;}

#coachs .col-12 header {position: relative; margin-right: 30px;}
#coachs .col-12 header .avatar{width: 100%; height: 215px;  background: rgb(7,18,24); overflow: hidden; background: linear-gradient(28deg, rgba(7,18,24,1) 26%, rgba(0,0,0,0) 100%);  margin-bottom: 15px; border-radius: 4px; position: relative;}
#coachs .col-12 header img{float: left;}

#coachs .col-12 .txt strong.maj{ font-weight:600; letter-spacing:0.2px; text-transform:uppercase; }
#coachs .col-12 .txt em{color: #f0c369; font-style: normal;}

#coachs .col-12 header h3{text-align: right; position: absolute; bottom: 20px; right: 20px; margin: 0; font-size: 1.4em;}
#coachs .col-12 header h3 span{display: block; color: #FFF; font-size: 17px;}
#coachs .col-12 section{margin-bottom: 5px;}
#coachs .col-12 section p{margin: 0 0 10px; font-size: 16px; letter-spacing: -0.1px; line-height: 24px; font-weight: 400;}

#coachs .avatar::before{content:""; position: absolute; bottom:0; left:0; width:100%; height: 100px; display:block; background: rgb(7,18,24); background: linear-gradient(0deg, rgba(7,18,24,0.8) 0%, rgba(0,0,0,0) 100%); }
#coachs .avatar::after{content:""; position: absolute; bottom:0; left:0; width:100%; height: 100%; display:block; background: url("../../images/Jeton.png") no-repeat center right transparent; opacity: 0.5; z-index: -1;}

/**********************************/
/* DÉCEPTION */

#deception {}
#deception h3{font-size: 1.5em; line-height: 1.4em; color: #fc5642;}
#deception .row{align-items: center;}

#deception p,
#deception ul{margin: 0 0 20px; font-size: 0.9em; line-height: 1.35em;}
#deception li{margin-bottom: 15px;}
#deception li strong{color: #ffffff; }
#deception strong{color: #fc5642; }

#deception h4{text-align: center; line-height: 1.3em; font-size: 2em; margin:1em auto !important; color: #FFFFFF;  background: rgb(252,86,66); background: linear-gradient(35deg, rgba(252,86,66,1) 38%, rgba(252,126,66,1) 100%);  padding: 25px; box-shadow: 10px 10px black;}

#deception .image::before {background: rgb(29,69,97); background: linear-gradient(133deg, rgba(29,69,97,1) 0%, rgba(20,66,86,1) 100%); z-index: -1;}

/**********************************/
/* EDITION */

#edition {background: rgba(51,9,14,1); background: linear-gradient(16deg, rgba(51,9,14,1) 0%, rgba(101,11,22,1) 100%); margin-bottom: 70px; position: relative; padding: 60px 0 1px; z-index: 1;}
#edition::after {content: ""; background: url("../../images/KT-Jetons.png") no-repeat center center transparent; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; opacity: 0.4; z-index: 1;}
#edition .wrapper{max-width: 680px; position: relative; z-index: 2; margin-bottom: 3.5em;}

#edition h3{text-align: center; font-size: 2.2em; line-height: 1.20em; max-width: 80%; margin: 0 auto 1em;}
#edition h3 strong{font-size: 1.3em;}

#edition p.chapo {font-size: 22px; line-height: 32px; font-weight: 500; color: #f7efc6; margin-bottom: 1em; }
#edition p.checklist{padding-left: 20px; color: #FFF; line-height: 1.5em; margin-bottom: 1.2em;}
#edition p.checklist span{color: rgba(54,180,37,1); font-size: 1.4em; font-weight: bold;}
#edition p.checklist strong{color: #fff0a1; font-weight: 500;}
#edition p.chapo strong{font-weight: 600; color: #ffe482;}

#edition a.btn-prix {margin: 40px auto 20px;}


/**********************************/
/* POUR OU CONTRE */

#pourcontre{margin-bottom: 0em !important; padding-bottom: 0;}
#pourcontre .row{margin-top: 0; margin-bottom: 25px; display: flex; align-items:stretch;}

#pourcontre .row .col-6{padding-top: 0;  display: flex;}
#pourcontre .row .col-6 section {padding: 30px; margin: 0 0 40px; box-shadow: 10px 10px black; position: relative;}

#pourcontre .row .col-6 section:after{content:""; background: url("../../images/transparent-jeton.png") no-repeat bottom right transparent; width: 100%; height: 100%; position:absolute; bottom: 0; right: 0; opacity: 0.12;}

#pourcontre .row .col-6.pour section{ background: rgb(54,180,37); background: linear-gradient(197deg, rgba(54,180,37,1) 0%, rgba(18,84,9,1) 100%); padding: 40px;}
#pourcontre .row .col-6.contre section{  background: rgb(214,27,27); background: linear-gradient(197deg, rgba(214,27,27,1) 0%, rgba(84,9,9,1) 100%); padding: 40px;}

#pourcontre .row .col-6 section h4{font-size: 32px; line-height: 40px; margin-bottom: 25px;}
#pourcontre .row .col-6 section h4 svg{height: 60px; display: block; float: right; margin: -10px 0 0 25px}
#pourcontre .row .col-6 section h4 svg path{fill: #FFF;}
#pourcontre .row .col-6 section ul{margin: 0 0 10px; color: #FFF;}
#pourcontre .row .col-6 section ul li{line-height: 1.35em; margin: 0 0 12px; font-size: 0.95em}


/* Hide scrollbar for Chrome, Safari and Opera */
#intervenants .item-list::-webkit-scrollbar {display: none; }
#intervenants .prev-btn {background = none; cursor: pointer; }
#intervenants .next-btn {cursor: pointer; display: }
#intervenants .item {scroll-snap-align: center; width: 440px; }
#intervenants .item strong{ font-weight:600; letter-spacing:0.3px; }
#intervenants .item em{color: #f0c369; font-style: normal;}

#intervenants .coach{border-radius: 8px; padding: 25px; font-size: 0.9em; background: rgb(7,18,24); background: linear-gradient(347deg, rgba(7,18,24,1) 35%, rgba(62,21,21,1) 100%);  margin-top: 0;}
#intervenants .coach::after{content: none;}
#intervenants .coach header{border-radius: 5px; font-size: 0.9em; position: relative; background: rgb(7,18,24); background: linear-gradient(347deg, rgba(7,18,24,1) 35%, rgba(62,21,21,1) 100%);  margin-top: 0;}
#intervenants .coach header .avatar{overflow: hidden; margin-bottom: 15px;}
#intervenants .coach header img{float: right; max-width: 100%;}
#intervenants .coach h3{font-size: 1.4em; text-align: center; line-height: 1.2em; margin-bottom: 0.6em; color: #f0c369; text-shadow: 2px 2px #000;}
#intervenants .coach h3 span{display: block; color: #FFF; font-size: 20px;}
#intervenants .coach p{margin: 0 0 10px; font-size: 16px; letter-spacing: -0.1px; line-height: 24px; font-weight: 400;}

/* PROGRAMME */
#programme{background-color: rgba(51,9,14,1); margin-bottom: 60px; position: relative;}
#programme::after {content: ""; background: url("../../images/transparent-jeton.png") no-repeat bottom right transparent; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; opacity: 0.15; }

#programme .programme{max-width: 950px; padding: 0 20px 20px; margin: 0 auto;}
#programme h3{text-align: center; font-size: 1.8em; margin-bottom:1em; padding-top: 0.25em; letter-spacing: 1px; color: #febc60; display: block; clear: both;}

#programme .cd-faq__categories {display: none !important;}

#programme ul{list-style: none; padding: 0; margin: 0 0 45px; background-color: #170607; border: 2px solid #5d090a; line-height: 1.4em; border-radius: 20px; overflow:hidden; }
#programme ul ul{border: 0 none;}
#programme ul li{list-style: none; padding: 25px; margin: 0; background-color: #170607; border-radius:0; text-align: left;}
#programme ul li.cd-faq__item-visible{background-color: #290509;}
#programme ul li a{font-weight: bold; color: #dfdfdf; border: 0 none; align-items: center; padding: 0px 60px 2px 10px; display: flex;}
#programme ul li em{color: #febc60; font-style:normal; }
#programme ul li a label{font-size: 42px; color: #febc60; padding: 0 20px 0 0; width: 60px; text-align: center; display: inline-block;}
#programme ul li a span{display: inline-block; font-size: 1.1em;}
#programme ul li p{margin: 10px; line-height: 1.5em; font-size: 14px;}

#programme strong{font-weight:500; letter-spacing:0.3px; color: }

#programme ol {list-style: decimal; padding-left: 3em; margin: 0; }
#programme ol li {list-style: decimal;padding: 0; margin: 0; font-size: 14px;}

#programme .text-component{padding: 15px 80px 0 75px;}
#programme .text-component p,
#programme .text-component ul{font-size:17px; line-height: 1.6em; margin: 0 0 10px; padding: 0; background-color: transparent;}
#programme .text-component ol{font-size:17px; line-height: 1.6em; margin: 0 0 10px; padding: 0; background-color: transparent;}
#programme .text-component li{font-size:17px; line-height: 1.6em; margin: 0 0 10px 0; padding: 0; list-style: square; background-color: transparent;}
#programme .text-component ol li{font-size:17px; line-height: 1.7em; margin: 0 0 12px 20px; padding: 0; list-style: square; background-color: transparent;}
#programme .text-component u{font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; color: #febc60;}

.cd-faq__trigger::before,
.cd-faq__trigger::after,
.cd-faq__item-visible .cd-faq__trigger::before,
.cd-faq__item-visible .cd-faq__trigger::after{background-color: #FFF;}

/**********************************/
/* POINTS FORTS */

#pointsforts{margin-bottom: 4em !important;}

#pointsforts .col-6 section{padding: 30px; margin: 0 0 40px; box-shadow: -15px -15px 15px rgba(0, 0, 0, 0.4);  background: rgb(7,18,24); background: linear-gradient(312deg, rgba(7,18,24,1) 70%, rgba(21,48,62,1) 100%); }

#pointsforts .row{margin-top: 0; margin-bottom: 25px; display: flex; align-items:stretch;}
#pointsforts .row .col-6{padding: 0 40px; display: flex;}

#pointsforts .col-6 section .icone{width: 90px; height: 90px; margin: -60px 0 -25px -60px; border-radius: 100%; border: 3px solid #FFF; background-color: #15303e; text-align: center; overflow: hidden;}
#pointsforts .col-6 section .icone img{width: 100%;}

#pointsforts .col-6 section h3{font-size: 1.4em; margin-left: 40px; line-height: 1.3em;}
#pointsforts .col-6 section p{margin-bottom: 25px; font-style: italic; line-height: 1.5em;}
#pointsforts .col-6 section ul{margin-bottom: 0; color: #FFF;}

#pointsforts .col-6 .point1 section{}
#pointsforts .col-6 .point2 section{}
#pointsforts .col-6 .point3 section{}
#pointsforts .col-6 .point4 section{}

/**********************************/
/* GAGNANT 1 et 2 */

#gagnant,
#gagnant{padding: 2em 0 !important; position: relative; z-index: 100; background: rgb(54,11,15); background: linear-gradient(194deg, rgba(170,42,46,1) 0%, rgba(57,13,15,1) 100%); margin-bottom: 3em; padding: 0 !important;}
#gagnant::after {content: ""; background: url("../../images/transparent-jeton.png") no-repeat bottom right transparent; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; opacity: 0.12; z-index: -1; }

#gagnant .wrapper{margin-bottom: 0; overflow: hidden;}
#gagnant .wrapper .row{margin: 0; padding:0; display: flex; align-items: end;}
#gagnant .wrapper .row .col-6{padding-top: 35px !important;}
#gagnant .wrapper .row .coachs{padding: 0;}

#gagnant h2{font-size: 2.4em; display: block; margin: 0; padding-top: 0.85em; line-height: 1.2em; color:#ffbd61; text-shadow: 2px 2px #820000; text-align: center;}
#gagnant p{color: #FFF; text-align: left; margin-bottom: 20px; font-size: 18px;}
#gagnant p.chapo{font-size: 26px; line-height: 35px; font-weight: 500; color: #f7efc6;}
#gagnant img{display: block; position: relative; z-index: 100;}

#gagnant p.checklist{text-align: left; margin-bottom: 20px !important; font-size: 1.1em; font-weight: 400; color:#FFF !important;}
#gagnant .checklist span{color: rgba(54,180,37,1); font-size: 1.4em; font-weight: bold;}

#gagnant a{margin: 0 auto;}

#gagnant .warning{text-align: center; color: #ffbb5c;}

/**********************************/
/* REMBOURSEMENT */

#remboursement{border: 5px solid rgba(246, 226, 122,0.6); padding: 3em 15px; margin-bottom: 4em !important;   background: rgb(0,0,0);
background: radial-gradient(circle, rgba(0,0,0,0.5578432056416316) 0%, rgba(218,150,44,0.17689082468925066) 100%);  }
#remboursement h2{text-align: center; font-size: 2.3em; letter-spacing: 2px;}
#remboursement ul{color:#FFFFFF; margin: 0; padding: 0; text-align: center; list-style: none;}
#remboursement ul li{ margin-bottom:12px; color: #fff7cf; list-style: none; font-size: 22px; padding: 0;}
#remboursement ul li svg{max-height: 24px; margin-right: 5px; fill: #f6e27a; display: inline-block; vertical-align: sub;}

#remboursement .row{padding-top: 1em; display: flex; align-items: center;}
#remboursement .col-12-narrower{padding-top: 0;}
#remboursement img{max-height: 300px; width: auto; margin: 0 auto 20px; display: block;}
#remboursement strong{color: #f6e27a;}
#remboursement strong em{font-size: 24px; text-decoration: underline;}

#remboursement .garantie{position: relative;}
#remboursement .garantie:before{content: ""; background: url("../../images/arrow-right-solid.svg") no-repeat center center transparent; background-size: 100% auto; width: 90px; height: 80px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -300px; opacity: 0.7;}
#remboursement .garantie:after{content: ""; background: url("../../images/arrow-right-solid.svg") no-repeat center center transparent; background-size: 100% auto; transform: rotate(180deg); width: 90px; height: 80px; position: absolute; right: 50%; top: 50%; margin: -40px -300px 0 0; opacity: 0.7;}

#remboursement .garantie:before{animation: 0.4s ease-out 0s infinite alternate slideleft;}
@keyframes slideleft {
  from {margin: -40px 0 0 -300px;}
  to   {margin: -40px 0 0 -340px; }
}

#remboursement .garantie:after{animation: 0.4s ease-out 0s infinite alternate slideright;}
@keyframes slideright {
  from {margin: -40px -300px 0 0;}
  to   {margin: -40px -340px 0 0;}
}

/**********************************/
/* AVIS */

#avis{background-color: #333439; padding: 40px 40px 10px; border: 1px solid #f6e27a; border-radius: 10px; margin-bottom: 40px !important;}
#avis h2{text-align: center; font-size: 1.8em; max-width: 100%; margin-bottom: 0em; letter-spacing: 1px; color: #f6e27a;}

#avis .row{margin-top: 0; display: flex; align-items:stretch;}

#avis .gallery ul,
#avis .gallery li{list-style: none; margin: 0; padding: 0;}
#avis .gallery li{width: 33.33333%; float: left; padding: 5px;}
#avis .gallery li.comz{width: 50%; float: left; padding: 10px;}
#avis .gallery li img{width: 100%; display: block;}
#avis .gallery li.comz img{border-radius: 8px;}

#avis figure{background-color: #1a333d; border-radius: 10px; margin-bottom: 15px; position: relative;}
#avis figure:after{content: ""; display: block; background-color: #1a333d; width: 16px; height: 16px; transform: rotate(45deg); position: absolute; bottom: -8px; left: 22px;}
#avis figure blockquote{clear: both; border:0 none; font-style: italic; padding: 15px; font-size: 16px; margin-bottom: 0;}
#avis figure blockquote p{text-align: left !important; margin-bottom: 0; line-height: 1.6em;}

#avis .avatar{width: 60px; height: 60px; overflow: hidden; border-radius: 100%; border: 2px solid #1a333d; float: left;}
#avis .avatar img{width:100%;}
#avis figcaption{float: left; padding: 13px 0 0 15px; font-size: 1.1em; line-height: 1em; font-weight: bold;}
#avis figcaption a{display:block; font-size: 12px; text-align: left; font-weight: normal;}

#avis h5{text-align: center; font-size: 1.4em; margin-bottom:1em; padding-top: 1.5em; letter-spacing: 1px; color: #f6e27a; display: block; clear: both;}

#avis .cd-faq{}
#avis .cd-faq__item a{background-color: #1f2026; border-radius: 8px; padding: 10px; border-bottom: 0 none;}
#avis .cd-faq__item a span{font-weight: 500; letter-spacing: 2px; text-transform: uppercase;}
#avis .cd-faq__categories{display: none !important;}
#avis #perf{list-style: none; margin: 20px 0 0; padding:0;}
#avis #perf a{text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:15px;}
#avis #perf .text-component .gallery img{}
#avis #perf .text-component .gallery img.comz{height: 70px;}

/**********************************/
/* FAQ */

#faq{max-width: 1000px;}
#faq h3{text-align: center; font-size: 1.8em; margin-bottom:1em; padding-top: 0.25em; letter-spacing: 1px; color: #f6e27a; display: block; clear: both;}

#faq .cd-faq__categories {display: none !important;}

#faq ul{list-style: none; padding: 10px; margin: 0 0 20px; line-height: 1.4em;}
#faq ul li{list-style: none; padding: 10px; margin: 0 0 12px 20px; background-color: #1a333d; border-radius: 5px; text-align: left;}
#faq ul li strong{font-weight: 500;}
#faq ul li a{font-weight: 500; border: 0 none; padding: 0px 60px 0px 10px; letter-spacing: 0.3px;}
#faq ul li p{margin: 10px 20px 15px 10px; line-height: 1.55em; font-size: 15px;}

#faq ol {list-style: decimal; padding-left: 3em; margin: 0; }
#faq ol li {list-style: decimal;padding: 0; margin: 0 0 12px 0; line-height: 1.55em; font-size: 15px; }

.cd-faq__trigger::before,
.cd-faq__trigger::after,
.cd-faq__item-visible .cd-faq__trigger::before,
.cd-faq__item-visible .cd-faq__trigger::after{background-color: #FFF;}

/**********************************/
/* PEANUTS */

#peanuts{max-width: 1200px;}
#peanuts .row{display: flex; align-items:center;}
#peanuts .avatar{background-color: #000000; border-radius: 100px; border: 3px solid #FFF; max-width: 200px; width: 100%; max-height: 100%; height: 200px; text-align: center; margin: 0 auto;}

#peanuts .col-9,
#peanuts .col-3{padding-top: 0;}

#peanuts blockquote{padding: 0 0 0 30px; margin-bottom: 0;}
#peanuts blockquote p{font-size: 1em; margin-bottom: 10px; line-height: 1.6em; color: #EEEEEE;}
#peanuts figcaption{text-align: left; font-size: 0.9em;}
#peanuts figcaption cite{color: red;}

#peanuts .avatar{overflow: hidden;}
#peanuts .avatar img{width: 100%;}

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

#footer {background: #000; color: #7c8081; padding: 5em 5em 3em; text-align: center;}

.icon.circle.fa-instagram {background: #a1569b; color: #fff;}
.icon.circle.fa-youtube {background: #b74646; color: #fff;}

/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/* RESPONSIVE */

@media screen and (max-width: 1400px){
	#intervenants h3 {font-size: 1.8em;}
	#intervenants h3 span{font-size: 24px;}
	#intervenants button{display: block;}
	#intervenants .carousel-view .item-list {max-width: 1000px; width: 80vw;}
	#intervenants .item {scroll-snap-align: center; width: auto; min-width: 350px;}
}

@media screen and (min-width: 1280px){
	header .avis strong{width: 100%;}
	#arguments header h3 {font-size: 1.5em;}
	#top .image img{width: auto; max-height: 450px;}
	#gagnant .image img,
	#gagnant2 .image img {width: 90%;}
}

@media screen and (max-width: 1280px){
	#top .image img{width: 120%;}
	#top .row,
	#top .row > * {padding: 10px 0 0 0; margin-left: 0;}
	#gagnant p.chapo, #gagnant2 p.chapo {font-size: 18px;}

	#programme ul li a label{font-size: 30px; width: 35px}
	#programme ul li a span{font-size: 1em;}
	header h1{font-size: 2em !important;}
}

@media screen and (max-width: 980px){
	 header br {display: block;}
	header h1{font-size: 1.7em !important;}
	#top .wrapper.style1 {padding: 0 1em;}
	#top .image img{width: 125%;}
	#navButton{display: none !important;}
	header .avis strong{width: 100%;}
	header h1 {letter-spacing: 1px; font-size: 3em; text-shadow: 2px 2px rgba(0, 0, 0, 0.5);}
	header h1 span {font-size: 1.6rem; letter-spacing: 2px;}
	header h2 {font-size: 2em;}
	p.chapo {font-size: 18px; line-height: 28px;}
	a.btn-prix { padding: 0.4em 1em !important; font-size: 13px !important;}
	#remboursement img{max-height: 250px;}
	#remboursement ul li {font-size: 18px;}

	#avis .gallery li {width: 50%;}
	#faq {max-width: 100%; padding: 0;}

	#arguments h2 {font-size: 1.8em;}
	#deception h4 {font-size: 1.8em;}

	#gagnant p.chapo, #gagnant2 p.chapo {font-size: 16px;}

@media screen and (max-width: 840px){
	#top .image img{width: auto; max-width: 100%;  max-height: 350px;}
	body #navButton{display: none !important; z-index: -5000;}
	header .avis {border-top: 0 none;}
	.avis > .col-3 {width: 50%;}
	#deception h4 {margin: 1em 0 0;}
	#avis {padding: 20px; max-width: 90%;}
	#gagnant{margin-bottom: 2em;}
	#arguments .icon {width: 90px; height: 90px;}
	#remboursement{padding-bottom: 1em;}
	#coachs .guests h2 {width: 100%; letter-spacing: 1px; font-size: 1.8em;}
	#coachs .col-6 section {margin-bottom: 10px;}
	#pourcontre.wrapper,
	#avis.wrapper {margin-bottom: 3em;}
	#pourcontre .row .col-6 section h4 {font-size: 26px; line-height: 36px;}
	#gagnant h2,
	#gagnant2 h2 {font-size: 1.9em; text-align: center; line-height: 1.1em;}
	#gagnant .image,
	#gagnant2 .image{display: none;}
	#gagnant .row > *,
	#gagnant2 .row > * {padding: 20px 0 0 30px;}
	#peanuts .avatar{margin-bottom: 30px;}
	#peanuts blockquote p {font-size: 0.9em; margin-bottom: 13px; line-height: 1.4em;}
	#footer {padding: 2em;}
	#footer .copyright {text-align: center;}
	#coachs .col-12 section {flex-direction: column;}
	#coachs .col-12 header {margin-right: 0; width: 100%; text-align: center;}
	#coachs .col-12 header img {float: none;}

	section:first-child { z-index: 100; position: relative;}

	#pourcontre .row .col-6.pour section,
	#pourcontre .row .col-6.contre section {padding: 20px;}
	#pourcontre .row .col-6 section h4 {font-size: 20px;}
	#pourcontre .row .col-6 section a {padding: 10px !important; line-height: 28px; margin: 20px auto 20px;}
	#intervenants h3 span {font-size: 19px; line-height: 30px; margin-top: 15px;}
	#programme h3 {font-size: 1.6em; line-height: 1.3em;}
	#programme .text-component {padding: 15px 0px 0 0;}
	#programme .text-component p,
	#programme .text-component ul,
	#programme .text-component li{font-size: 15px; line-height: 1.6em;}
	#programme ul li {padding: 20px 15px;}

	#peanuts {padding-top: 30px;}

	#remboursement h2 {font-size: 2em; letter-spacing: 0;}
	#remboursement .garantie:before{width: 80px; height: 70px; margin: -35px 0 0 -270px;}
	#remboursement .garantie:after{width: 80px; height: 70px; margin: -35px -270px 0 0;}
	#remboursement .garantie:before{animation: 0.4s ease-out 0s infinite alternate slideleft;}
	@keyframes slideleft {
	  from {margin: -35px 0 0 -270px;}
	  to   {margin: -35px 0 0 -230px; }
	}

	#remboursement .garantie:after{animation: 0.4s ease-out 0s infinite alternate slideright;}
	@keyframes slideright {
	  from {margin: -35px -270px 0 0;}
	  to   {margin: -35px -230px 0 0;}
	}
}

@media screen and (max-width: 736px){
	h1 br, h2 br, h3 br{display: none;}
	p.checklist {font-size: 1em;}
	header h1{font-size: 1.3em !important;}
	header h3 {font-size: 1.5em;}
	#countdown p{font-size: 1em;}
	a.btn-prix{max-width: 100%;}
	.row {margin-left: 0;}
	.row > * {padding: 30px 0 0 0;}
	.col-4 section {padding: 25px 25px 5px;}
	header h1 {font-size: 2.5rem; letter-spacing: 1px; line-height: 30px;}
	header h1 span {font-size: 1.1rem; letter-spacing: 1px; line-height: 20px; padding: 10px; margin-top: 25px; display: block;}
	#coachs h2 {text-align: center; font-size: 1.6em; line-height: 1.35em; }
	#avis h2::after,
	#avis h2::before{content: none;}
	#avis h2 {font-size: 1.5em; letter-spacing: 0;}
	#pourcontre .row .col-6 section {padding: 20px;}
	#pourcontre .row .col-6 section h4 svg {height: 45px;}
	header .avis strong {font-size: 14px; letter-spacing: 0;}
	#avis figcaption a{display: none;}
	#avis figcaption {padding: 12px 0 0 15px; font-size: 15px;}
	#pointsforts {margin-bottom: 0em !important;}
	#avis .avatar {width: 40px; height: 40px; margin-left: 10px;}
	#avis .row > * {padding: 20px 0 0 0;}
	#remboursement img{max-height: 200px;}
	#remboursement ul li {font-size: 16px;}

	#intervenants{padding: 0; margin: 0;}
	#intervenants button{max-width: 25px; padding: 0px;}
	#intervenants .item {min-width: 270px;}
	#intervenants h3 span {margin-top: 5px;}
	#intervenants .coach p {font-size: 15px;}
	#intervenants .coach {padding: 15px;}
	#intervenants .carousel-view .item-list {width: 85vw;}

	#remboursement{overflow: hidden;}
	#remboursement .garantie:before{width: 50px; height: 44px; margin: -25px 0 0 -200px;}
	#remboursement .garantie:after{width: 50px; height: 44px; margin: -25px -200px 0 0;}
	#remboursement .garantie:before{animation: 0.4s ease-out 0s infinite alternate slideleft;}
	@keyframes slideleft {
	  from {margin: -22px 0 0 -200px;}
	  to   {margin: -22px 0 0 -170px; }
	}

	#remboursement .garantie:after{animation: 0.4s ease-out 0s infinite alternate slideright;}
	@keyframes slideright {
	  from {margin: -22px -200px 0 0;}
	  to   {margin: -22px -170px 0 0;}
	}

@media screen and (max-width: 640px){
	header h1{font-size: 1.1em !important;}
	  p.chapo {line-height: 26px;}
	.wrapper.style1 {padding: 0 1em}
	#main .wrapper {margin-bottom: 1em;}
	header h1 {font-size: 2rem; letter-spacing: 0;}
	header h1 span {font-size: 1rem; letter-spacing: 0;}
	header h2 {font-size: 1em !important; letter-spacing: 2px;}
	a.btn-prix {line-height: 25px; letter-spacing: 2px; padding: 10px 20px !important; font-size: 16px !important;}
	header .avis img {width: 85%;}
	header .avis strong {font-size: 12px;}
	#arguments h2 {font-size: 1.5em;}
	#deception h4 {font-size: 1.35em; padding: 13px;}
	p {font-size: 15px; text-align: left;}
	#pointsforts .row .col-6 {padding: 0 0px 0 15px; display: flex;}
	#pointsforts .col-6 section {padding: 25px 0 10px 20px;}
	#pointsforts .col-6 section h3 {text-align: left;}
	#pointsforts .col-6 section .icone {width: 70px; height: 70px; margin: -45px 0 -25px -45px;}
	ul li {padding-left: 0; font-size: 15px; line-height: 22px; }
	#gagnant .row > *, #gagnant2 .row > * {padding: 20px 0 0 0;}
	#coachs .guests h2 {font-size: 1.3em;}
	#peanuts blockquote p {font-size: 0.9em;}
	#peanuts .avatar{width: 170px; height: 170px;}
	#gagnant p.chapo, #gagnant2 p.chapo {font-size: 16px;}
	#remboursement h2 {font-size: 1.3em; margin-bottom: 1em;}
	#remboursement img{margin-bottom: 25px;}
	#remboursement strong em {font-size: 17px;}
	#remboursement svg{display: none;}
	#faq ul li {margin: 0 7px 12px 7px;}

	#edition h3{text-align: center; font-size: 1.7em; max-width: 100%; margin: 0 auto 0.9em;}
	#edition p.chapo {font-size: 1.1em; line-height: 1.35em;;}
	#edition p {font-size: 0.9em; line-height: 1.35em;;}
	#edition p.checklist{padding: 0;}

	#avis .gallery li.comz,
	#avis .gallery li {width: 100%;}
	#avis h5 {font-size: 1.2em;}

	#remboursement{overflow: hidden;}
	#remboursement .garantie:before{width: 40px; height: 34px; margin: -17px 0 0 -140px;}
	#remboursement .garantie:after{width: 40px; height: 34px; margin: -17px -140px 0 0;}
	#remboursement .garantie:before{animation: 0.4s ease-out 0s infinite alternate slideleft;}
	@keyframes slideleft {
	  from {margin: -17px 0 0 -140px;}
	  to   {margin: -17px 0 0 -160px; }
	}

	#remboursement .garantie:after{animation: 0.4s ease-out 0s infinite alternate slideright;}
	@keyframes slideright {
	  from {margin: -17px -140px 0 0;}
	  to   {margin: -17px -160px 0 0;}
	}
}