@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: #140600; color: #e8e8e8; padding-top: 60px; font-family: "Roboto","Lato", sans-serif !important;}
body.nopromo{padding-top: 0;}

h1, h2, h3, h4, h5, h6 {color: #FFFFFF; font-family: "Oswald", Helvetica, sans-serif; letter-spacing: 0.5px;}
p{text-align: justify;}
p.chapo{font-size: 23px; line-height: 32px; font-weight: 500; color: #f7efc6;}

a.btn-prix{text-align: center; z-index: 1000; position: relative; margin: 0 auto 45px; display: block; width: fit-content; padding:2px 35px !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: 18px !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;}

a {color: #e18522;}

.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; text-align: center;}
.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: #35210b; background: linear-gradient(133deg, #aa6e1d 0%, #a46312 100%); z-index: -1;}

.separator{ display:block; margin:0 auto 30px; height:60px; }

#top .image::before {background: #aa6e1d; background: linear-gradient(133deg, #aa6e1d 0%, #4a2e0a 100%); z-index: -1; opacity: 0.25;}

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

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

article {padding: 0 !important;}

#main .wrapper {margin-top: 3em; 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: 10px 0 1em !important; background: #724310; background: linear-gradient(194deg, #d76c2c 0%, #462505 100%);}

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

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

header h1{display:none; font-weight: bold; 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{text-align: center; letter-spacing: 2px; font-size: 2.3em; line-height: 1em; text-shadow: 3px 3px rgba(0, 0, 0, 0.7);  margin-bottom: 0.3em; color: #ffffff; text-transform: none;}
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;}
header u{color: #eda71d;}

header p.checklist{text-align: left; margin-bottom: 25px !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; flex-direction:row;}
header .coachs {padding: 0; position: relative;}
header .coachs img{display: block;}

header .accroche{position: absolute; bottom: 20px; left: 50%; margin-left: -400px; z-index: 2; width: 100%; max-width: 800px;}
header .accroche p.chapo{text-align:center; font-size: 60px; line-height: 60px; font-weight: 500; color: #ffbc38 !important; letter-spacing: 3px; text-shadow: 4px 4px 1px rgba(0, 0, 0, 0.7); text-align: center !important; text-transform: uppercase;}

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; max-height: 62px; max-width: 200px; max-height: 62px; }
header .avis strong{font-family: "Oswald", Helvetica, sans-serif; font-size: 16px; width: 70%; display: inline-block; line-height: 22px;}

header .wrapper {margin-bottom: 20px; margin-top: 50px;}

/**********************************/
/* COMMENTAIRES */

.commentaires{margin-bottom: 0 !important; background-color: rgba(67, 31, 1,0.5); padding: 40px 0 50px !important; margin: 0;}
.commentaires .row{max-width: 1200px; margin: 0 auto;}

.commentaires 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);}

.commentaires b{font-weight: 500;}

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

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

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

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

.commentaires.first figure blockquote{min-height: 160px;}

.commentaires.second figure blockquote{min-height: 160px;}

.commentaires.third{margin: 40px auto !important;}
.commentaires.third figure blockquote{min-height: 210px;}
.commentaires.third a.btn-prix{margin-top: 40px !important; margin-bottom: 15px;}

.commentaires.fourth{background: none; padding-top: 0 !important;}
.commentaires.fourth h3{margin-bottom: 0 !important;}
.commentaires.fourth .row {max-width: 940px;}
.commentaires.fourth .row > * {padding: 40px 20px 0 20px !important;}

.commentaires.five .row{max-width: 1000px;}
.commentaires.five a.btn-prix{margin-top: 60px !important;}
.commentaires.five .row > * {padding: 40px 20px 0 20px !important;}

/**********************************/
/* OFFRE */

.offre.first{margin-bottom: 3em; position: relative; z-index: 100; background: #190901; background: linear-gradient(-50deg, #9e5302 0%, #240d00 100%); padding: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.15);}
.offre.second::after {content: none;}
.offre.second .wrapper .row {padding: 30px 0 50px;}

.offre{margin-bottom: 3em; position: relative; z-index: 100; background: #904708; background: linear-gradient(194deg, #190901 0%, #904708 100%); padding: 0 !important;}
.offre::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; }
.offre .image::before {opacity: 0.5;}

.offre .wrapper{margin-bottom: 0 !important; margin-top: 0 !important; overflow: hidden;}
.offre .wrapper .row{margin: 0; padding: 20px 0 60px; display: flex; align-items: center;}

.offre h2{font-size: 2.1em; display: block; margin: 0 0 20px; line-height: 1.2em; color:#ffbd61; text-shadow: 2px 2px #000000; text-align: left;}
.offre h3{font-size: 1.4em; display: block; margin: 0 0 20px; line-height: 1.3em; color:#ffbd61; text-shadow: 2px 2px #000000; text-align: left;}

.offre p{color: #FFF; text-align: left; margin-bottom: 10px; font-size: 18px;}
.offre p.chapo{font-size: 25px; line-height: 35px; font-weight: 500; color: #f7efc6;}
.offre img{display: block; position: relative; z-index: 100; margin-bottom: 10px;}

.offre p.checklist{text-align: left; margin-bottom: 20px !important; font-size: 1.1em; font-weight: 400; color:#FFF !important;}
.offre .checklist span{color: rgba(54,180,37,1); font-size: 1em; font-weight: bold;}
.offre a{margin: 0 auto;}
.offre .image p{font-size: 22px; font-weight: 500; color: #f7efc6; text-align: center;}
.offre .warning{text-align: center; color: #ffbb5c;}

.offre video{float: right; width: 100%; border: 2px solid #f7efc6; border-radius: 15px; overflow: hidden;}

.offre p.tarif{font-size: 1.4em; line-height: 1em;}
.offre p.tarif s{color: #f2260c; font-size: 1.4em;}
.offre p.tarif-ok{color: #24a612; font-size: 4em; line-height: 1em; text-shadow: 2px 2px #000000;}
.offre p.tarif-ou{font-size: 20px; line-height: 0.6em; margin-bottom: 15px;}
.offre p.tarif-3x{color: #FFFFFF; font-size: 1.9em; line-height: 1em;}
.offre p.tarif-3x b{color: #ffbc38;}
.offre p.alerte{margin: 15px 0 20px !important}


/**********************************/
/* POINTS */

#points{margin-bottom: 2.1em !important;}
#points .icon{width: 120px; height: 120px; margin: 0px auto 15px; border-radius: 100%; border: 3px solid #FFF; background-color: rgba(7,18,24,1); overflow: hidden; padding: 18px;}
#points .icon img{width: 100%;}

#points h3{text-align: center; font-size: 1.2em; line-height: 1.4em; text-transform: none; color: #ffbd61}

/**********************************/
/* METHODE */

#methode{max-width: 820px; margin-bottom: 5em !important;}
#methode h2{text-align: center; font-size: 2.5em; margin-bottom: 10px; line-height: 1.15em; margin-top: 25px;}
#methode h3{text-align: center; margin: 20px auto 10px; font-size: 1.3em;}
#methode h5{text-align: left; margin: 0px auto 5px; line-height: 25px; color: #e5b85e;}
#methode p{margin: 0 0 20px; font-size: 16px; line-height: 23px; font-weight: 400;}

#methode .txt{margin: 30px auto 0;}
#methode .col-6.txt{margin: 10px auto 0;}
#methode img{width: 100%; margin: 12px auto 18px; display: block;}
#methode ul {list-style: none; padding-left: 0; font-size: 17px; line-height: 23px; margin-bottom: 20px;}
#methode ul li{margin-bottom: 10px;}
#methode .txt strong {font-weight: 500; color: #f0c369;}


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

#coachs{max-width:1050px; margin-bottom: 4em !important; }
#coachs h2{text-align: center; font-size: 1.8em;}
#coachs .row{margin-left: 0;}
#coachs .col-6 {width: 100%; max-width: 800px; margin: 0 auto; padding-left: 0;}
#coachs .col-6 section{border-radius: 5px; padding: 25px; font-size: 0.9em; display: flex; align-items: center; flex-direction:column; background: #7e4100; background: linear-gradient(164deg, #7e4100 0%, #240d00 100%);}

#coachs .col-6 header {position: relative; margin: 0 auto 15px; width: 100%; background: url("../../images/arrow.svg") no-repeat center right transparent;}
#coachs .col-6 header .avatar{width: 100%; height: 260px; background: rgb(44,22,7); overflow: hidden; background: linear-gradient(28deg, rgba(44,22,7) 26%, rgba(0,0,0,0) 100%); border-radius: 4px; position: relative;}
#coachs .col-6 header img{float: right; max-height: 300px;}
#coachs .col-6 .txt strong{ font-weight:500; color: #f0c369;}
#coachs .col-6 .txt em{color: #f0c369; font-style: normal;}
#coachs .col-6 .txt i{font-style: italic; text-align: center; display: block; margin-top: 8px;}
#coachs .col-6 .txt img{width: 90%; margin: 8px auto 10px; display: block; border-radius: 10px;}
#coachs .col-6 .txt p img{width:100px; margin: 0 10px 5px 0; display: inline-block; float: left;}
#coachs .col-6 .txt h4{text-align: left; margin: 40px auto 15px; font-size: 1.4em; line-height: 30px;}
#coachs .col-6 .txt em{text-align: center; display: block; font-style: italic;}

#coachs .col-6 header h3{text-align: left; position: absolute; bottom: 15px; left: 25px; margin: 0; font-size: 1.6em;}
#coachs .col-6 header h3 span{display: block; color: #FFF; font-size: 18px;}
#coachs .col-6 section{margin-bottom: 5px;}
#coachs .col-6 section p{margin: 0 0 10px; font-size: 15.5px; line-height: 22px; font-weight: 400;}

#coachs .col-6 section ul{margin: 18px 0 25px; font-size: 15.5px; line-height: 20px; font-weight: 400; list-style:none; padding-left: 0;}
#coachs .col-6 section ul li{padding: 3px 0 3px 0; margin-bottom: 5px; background: no-repeat center left; background-size: 22px;}

#coachs .col-6 div.expert,
#coachs .col-6 div.casino,
#coachs .col-6 .analyse{background: no-repeat center left; background-size: 90px auto; padding-left: 110px;}
#coachs .col-6 div.expert{background-image: url("../../images/014-expert.png");}
#coachs .col-6 div.casino{background-image: url("../../images/016-casino-chip-1.png");}
#coachs .col-6 .analyse{background-image: url("../../images/013-analysis.png");}

#coachs .avatar::before{content:""; position: absolute; bottom:0; left:0; width:100%; height: 100px; display:block; background: rgba(44,22,7,1); background: linear-gradient(0deg, rgba(44,22,7,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 left 5% transparent; background-size: auto 100%; opacity: 0.06; z-index: 0;}

/**********************************/
/* 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.4em;}
#arguments p,
#arguments ul{font-size: 16px; line-height: 26px;}

.col-4 section{border-radius: 5px; padding: 25px; font-size: 0.9em; background: #4a2300; background: linear-gradient(164deg, #4a2300 0%, #150b00 100%); margin-top: 40px;}
.col-4 section p{margin: 0;}
.col-4 section p strong{font-weight: 500; color: #FFF;}

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

#arguments a.btn-prix{margin-top: 45px;}

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

#deception {margin-bottom: 0 !important;}
#deception h3{font-size: 1.5em; line-height: 1.4em; color: #ff921c;}
#deception .row{align-items: center;}

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

#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 .col-4 section{background: none;}
#deception .image::before {z-index: -1;}

#deception .image h3{text-align: center; margin: 0; font-size: 1.4em;}
#deception .image h3 span{display: block; color: #FFF; font-size: 17px;}

#deception .col-12 p{text-align: center;}

/**********************************/
/* PROGRAMME */

#programme{position: relative;}

#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 h4{font-size: 1.2em; margin-bottom: 10px; letter-spacing: 1px;}
#programme h4 img{height: 36px; vertical-align: bottom; margin-right: 5px;}

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

#programme ul{list-style: none; padding: 0; margin: 0 0 45px; background-color: #904708; border: 2px solid #904708; line-height: 1.4em; border-radius: 20px; overflow:hidden; }
#programme ul ul{border: 0 none;}
#programme ul li{list-style: none; padding: 15px; margin: 0; background-color: #904708; border-radius:0; text-align: left;}
#programme ul li.cd-faq__item-visible{background-color: #3a1e07;}
#programme ul li a{font-weight: 600; 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: 26px; 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: 1em;}
#programme .cd-faq__trigger span{color: #febc60; letter-spacing: 1px; text-transform: uppercase;}
#programme .cd-faq__trigger span em{display: block; font-size: 0.85em; text-transform: none; font-style: italic; color: #ffffff; font-weight: normal; letter-spacing: 0.25px;}
#programme ul li p{margin: 10px; line-height: 1.5em; font-size: 14px;}

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

#programme .text-component{padding: 15px 80px 0 75px;}
#programme .text-component p,
#programme .text-component ul,
#programme .text-component ol{font-size:17px; line-height: 1.6em; margin: 0; padding: 0 0 20px 0; background-color: transparent; display: block;}
#programme .text-component li{font-size:17px; line-height: 1.6em; margin: 0 0 10px 20px; 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;}


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

#faq{max-width: 1000px; margin-bottom: 2em !important; position: relative;}

#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: #904708; 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; }

#faq .text-component img{max-height: 380px; max-width: 100%;}
#faq .text-component a{font-weight: normal; border: 0 none; padding: 0; letter-spacing: 0px;}

.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;}


/**********************************/
/* 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 (min-width: 1280px){
	header .avis strong{width: 100%;}
	#arguments header h3 {font-size: 1.5em;}
	#top .image img{width: auto; max-height: 500px;}
	#gagnant .image img,
	#gagnant2 .image img {width: 90%;}
}

@media screen and (max-width: 1280px){
	header .wrapper {margin-top: 15px;}
	#top .image img{width: 90%;}
	#top .row,
	#top .row > * {padding: 20px 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;}

	.commentaires .col-4{padding: 40px 20px 0 20px;}
}

@media screen and (max-width: 980px){
	header br {display: block;}
	header h1{font-size: 1.7em !important;}
	header .avis img {max-width: 160px;}
	header .avis strong {font-size: 15px;}
	#top .wrapper.style1 {padding: 0 1em;}
	#top .image img{width: 90%;}
	#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;}

	#deception .row {align-items: flex-start;}

	#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;}
	header .accroche {left: 0%; margin-left: 0; width: 100%; max-width: 100%;}
	header .accroche p.chapo {font-size: 50px; line-height: 50px;}
}

@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;}
	header .wrapper {margin-top: 0;}
	header .accroche p.chapo {font-size: 40px; line-height: 46px;}
	.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;}

	#deception .col-4 section {margin-top: 0;}
	#deception img{width: 60%}

	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;}

	.commentaires figure blockquote {min-height: 100% !important;}

	#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;}
	.offre 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;}

	.commentaires .col-4,
	.commentaires.five .row > *,
	.commentaires.fourth .row > * {padding: 30px 20px 0 20px !important;}

	.offre .image p {font-size: 15px;}

	#programme h4 {text-align: center;}
	#programme h4 img{display: block; margin: 0 auto 5px; height: 56px}

	#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;}
	.offre p.chapo {line-height: 26px; font-size: 20px;}
	.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: 1.3em !important; letter-spacing: 2px;}
	header .accroche p.chapo {font-size: 30px; line-height: 32px;}
	a.btn-prix {line-height: 25px; letter-spacing: 2px; padding: 10px 20px !important; font-size: 16px !important;}
	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;}

	#methode .row {margin: 20px auto 10px;}
	#methode .col-6.txt {margin: 0 auto; padding: 0;}

	#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;}
	}
}

@media screen and (max-width: 500px){
	header .accroche {position: relative; margin: 30px auto 5px; width: 95%;}
	header .accroche p.chapo {letter-spacing: 1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7); margin-bottom: 0 !important;}
}