@font-face {
	font-family: "Berthold";
	src: url("../fonts/Berthold-Akzidenz-Grotesk-Regular.woff");
	src:
		url("../fonts/Berthold-Akzidenz-Grotesk-Regular.woff") format("woff"),
		url("../fonts/Berthold-Akzidenz-Grotesk-Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "DK-Appelstroop";
	src: url("../fonts/DK-Appelstroop.woff");
	src:
		url("../fonts/DK-Appelstroop.woff") format("woff"),
		url("../fonts/DK-Appelstroop.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

:root {
  --Vert: #88a527;
  --VertBg: #b8bd17;
  --Rouge: #c3211c;
  --Orange: #db9400;
  --Texte: #171716;
  --Blanc: #ffffff;
}




/* ******************************* */

html {font-size: 10px;}
body {margin: 0;font-size: 14px;line-height: 1.45; color: var(--Texte); background-color: var(--VertBg); font-family: "dunbar-tall", sans-serif; font-weight: 500;}

ul, table {font-size: 1em;margin-bottom:1em;}
p {font-size: 1em;margin-bottom:0;}
/*

.btn {padding: .6em 1.4em; font-family: 'Oswald-Medium'; font-size: 18px; text-transform: uppercase; text-align: center; background-color: transparent; color: #fff !important; border: 1px solid #fff; text-decoration: none !important; display: inline-block; background-image: none; white-space: nowrap; vertical-align: middle; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover {color: #464854 !important;background-color: #fff;text-decoration: none;}*/

@media (min-width: 420px) {
	/*body {font-size: 17px;}*/
}

.main-content {position: relative; }
.container-1200 {max-width: 1200px; margin :0 auto;  }

h1 {text-align: center; color: var(--Rouge); font-size: 30px; font-family: "DK-Appelstroop"; text-transform: uppercase;}
h2 {text-align: center; color: var(--Vert); font-size: 1.5em; font-family: "DK-Appelstroop";}

.bt-action {background: var(--Vert); font-family: "DK-Appelstroop"; padding: 1rem 0rem; color: #fff; font-size: 37px; text-align: center; line-height: 1; display: block; margin: 0 auto; width: 180px; border:0; cursor: pointer; text-transform: uppercase;}
.bt-action:hover {text-decoration: none; background: var(--Rouge); color: #fff; }

.mention-jeu {font-size: 14px; text-align: center; color: #fff; padding-bottom: 15px; line-height: 1.2; }
@media (min-width: 992px) {
	.mention-jeu {position: absolute; bottom:0; width:100%;}
}

.text-rouge {color: var(--Rouge);}



/* ******************************* COPYRIGHT */
body #copyright {background: url(../images/home/mentions-verticales.svg); background-size: 100%; width: 12px; height:300px; position: absolute; bottom: 290px; right: 5px; z-index: 20;}
/*body.interieure #copyright {bottom: 0px; left: 3px;}
@media (min-width: 992px) {
	body #copyright {bottom: inherit; top: 350px; left: calc(50% - 490px); }
	body.interieure #copyright {bottom: inherit; top: 400px; left: calc(50% - 490px); }
}
@media (min-width: 1200px) {
	body #copyright {top: 430px; left: calc(50% - 595px); }
	body.interieure #copyright {top: 460px; left: calc(50% - 595px); }
}*/


/* ******************************* HEADER */
header {position: relative;}


/* ******************************* GENERAL */
body {position : relative;}
body .main-content .container-1200 { /*background: url(../images/bg-interieur.svg) top center no-repeat, url(../images/bg-interieur.jpg) top center no-repeat var(--VertBg); background-size: 100%; */ position : relative;}
@media (min-width: 992px) {
	body .main-content .container-1200 {padding: 0; /*min-height: 820px;*/ width: 992px; position : relative;}
}
@media (min-width: 1200px) {
	body .main-content .container-1200 { min-height: 940px; width: 1200px;}
}	

/* ******************************* HOMEPAGE */
body.page-home .main-content .container-1200 {background: url(../images/home/bg-page-mini.jpg) top center no-repeat var(--VertBg); background-size: 100%; }
body.page-home .elements {text-align: center; color: #fff;}
body.page-home .img-logo {width: 160px; position: absolute; top: 25px; left: calc(50% - 80px); }
body.page-home .img-avec {width: 90%; position: absolute; top: 205px; left: 5%; }
body.page-home .elements {padding-top: 570px; padding-bottom: 15px;}
body.page-home .img-elements {width: 98%; position: absolute; top: 270px; left: 1%; }
/*body.page-home .img-header-crepe {display: none;}
body.page-home .img-header {max-width: 700px; margin: 0 auto; display: block; margin-bottom: 50px;}
body.page-home .img-home-gagner {max-width: 700px; margin: 0 auto; display: block; margin-bottom: 50px;}
body.page-home .img-home-cabane {width: 135px; position: absolute; top: 450px; left: calc(50% + 280px); }
body.page-home .img-home-robot {width: 195px; position: absolute; top: 400px; right: calc(50% + 250px); }*/
body.page-home .bt-action {z-index:10; position: relative; background: #fff; color: var(--Vert); font-size: 46px;}
body.page-home .bt-action:hover {text-decoration: none; background: var(--Rouge); color: #fff; }


@media (min-width: 400px) {
	body.page-home .img-elements {width: 88%; position: absolute; top: 290px; left: 6%; }
}
@media (min-width: 480px) {
	body.page-home .img-logo {width: 30%; position: absolute; top: 45px; left: 34%; }
	body.page-home .img-avec {width: 75%; position: absolute; top: 215px; left: 12.5%; }
	body.page-home .elements {padding-top: 620px;}
}
@media (min-width: 580px) {
	body.page-home .img-avec {top: 255px; width: 460px; left: calc(50% - 230px); }
	body.page-home .img-elements {width: 540px; position: absolute; top: 350px; left: calc(50% - 270px); }
	body.page-home .elements {padding-top: 710px;}
}
@media (min-width: 700px) {
	body.page-home .img-avec {top: 285px; }
}
@media (min-width: 768px) {
	body.page-home .img-logo {width: 25%; position: absolute; top: 95px; left: 36%; }
	body.page-home .img-avec {top: 325px; width: 520px; left: calc(50% - 260px); }
	body.page-home .img-elements {top: 410px;}
	body.page-home .elements {padding-top: 770px;}
}
@media (min-width: 900px) {
	body.page-home .img-avec {top: 350px;}
}
@media (min-width: 992px) {
	body.page-home .main-content .container-1200 {background: url(../images/home/bg-page-1200.jpg) top center no-repeat var(--VertBg); background-size: 100%; }
	/*body.page-home .bg-cotes {z-index: 4;background: url(../images/home-cotes-md.png) top center no-repeat ; position: absolute; top:0; height: 100%; width: 100%; margin-top: -35px;}
	body.page-home .img-header {width: 750px; max-width:inherit; position: absolute; top: 0; left:0; margin-left: calc(50% - 375px); margin-top: -60px; margin-bottom: 0;}
	body.page-home .img-header-crepe {display: block; width: 140px; position: absolute; top: 0; left:0; margin-left: 720px; margin-top: -60px;}
	body.page-home .img-home-gauche {width: 225px; position: absolute; top: 0; left:0; margin-left: -120px; margin-top: -0px;}
	body.page-home .img-home-fleche-gauche {width: 71px; height: 32px; position: absolute; top: 332px; right: calc(50% + 160px); }
	body.page-home .img-home-fleche-droite {width: 60px; height: 25px; position: absolute; top: 485px; right: calc(50% - 210px); }
	body.page-home .img-home-droite {width: 235px; position: absolute; top: 0; right:0; margin-right: -90px; margin-top: -0px;}
	body.page-home .img-home-cabane {width: 145px; position: absolute; top: 400px; left: inherit; right: 130px; }
	body.page-home .img-home-robot {width: 240px; position: absolute; top: 330px; right: inherit; left: 80px; }
	body.page-home .img-home-gagner {max-width:inherit; position: absolute; top: 240px; max-width: 600px; left: calc(50% - 300px); margin-bottom: 0; }*/
	body.page-home .img-logo {width: 20%; position: absolute; top: 35px; left: 39%; }
	body.page-home .img-avec {width: 380px; position: absolute; top: 265px; left:calc(50% - 190px); }
	body.page-home .img-elements {width: 460px; position: absolute; top: 335px; left:calc(50% - 230px); }
	body.page-home .elements {padding-top: 680px; padding-bottom: 80px;}
}
@media (min-width: 1200px) {
	
	/*body.page-home .bg-cotes {background: url(../images/home-cotes-lg.png) top center no-repeat ; position: absolute; top:0; height: 100%; width: 100%; margin-top: -35px;}
	body.page-home .img-header {width: 850px;  margin-left: calc(50% - 425px); margin-top: -60px; }
	body.page-home .img-header-crepe {width: 164px; top: 0; left:0; margin-left: 850px; margin-top: -60px;}
	body.page-home .img-home-fleche-gauche {width: 83px; height: 38px; position: absolute; top: 380px; right: calc(50% + 185px); }
	body.page-home .img-home-fleche-droite {width: 72px; height: 30px; position: absolute; top: 560px; right: calc(50% - 250px); }
	body.page-home .img-home-gauche {width: 272px; position: absolute; top: 0; left:0; margin-left: -120px; margin-top: -0px;}
	body.page-home .img-home-droite {width: 285px; position: absolute; top: 0; right:0; margin-right: -90px; margin-top: -0px;}
	body.page-home .img-home-gagner {max-width: 720px; left: calc(50% - 360px); top: 270px;}
	body.page-home .img-home-cabane {width: 194px; top: 450px; right: 145px;}
	body.page-home .img-home-robot {width: 310px; top: 380px; left: 90px; }*/
	body.page-home .img-logo {width: 347px; position: absolute; top: 15px; left:calc(50% - 173px); }
	body.page-home .img-avec {width: 448px; position: absolute; top: 365px; left:calc(50% - 224px); }
	body.page-home .img-elements {width: 600px; position: absolute; top: 465px; left:calc(50% - 300px); }
	/*body.page-home .txt1 {font-family: "DK-Appelstroop"; font-size: 57px; color: #fff; text-transform: uppercase; line-height: 1;}
	body.page-home .txt2 {font-size: 16.5px;}
	body.page-home .txt3 {font-weight: 800; text-align: center; margin-top: 8px;}
	body.page-home .txt3 span {display: inline-block; background: var(--Rouge); border-radius: 50%; font-size: 50px; line-height: 0.82; height: 46px; width: 46px;}
	body.page-home .txt4 {font-family: "DK-Appelstroop"; font-size: 57px; color: var(--Rouge); text-transform: uppercase; line-height: 1;}
	body.page-home .txt5 {font-weight: 800; font-size: 26.5px; line-height: 0.82; }
	body.page-home .txt5 span {font-family: "DK-Appelstroop"; font-size: 68px; line-height: 1;}*/
	body.page-home .elements {padding-top: 870px; padding-bottom: 65px;}
}

/* ******************************* PAGE INTERIEURE */
body.interieure .img-header {/*max-width: 700px; margin: 0 auto; display: block; margin-bottom: 15px; padding:0 15px;*/}
body.interieure .img-header-2 {position: absolute; top:0; left:0; width: 100%;}


body.interieure .cadre-blanc {background: #fff;  margin: 0 auto;  padding: 10px; padding-bottom: 10px; z-index:10; position: relative;}
body.interieure .cadre-blanc .cadre-contenu { max-width: 700px; margin: 0 auto;}
body.interieure .mention-jeu { position : relative;  padding:0 20px; color: var(--Texte); font-size: 12px; margin-top: 100px!important;}

@media (min-width: 420px) {
	body.interieure .cadre-blanc {padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 25px;}
	body.interieure .mention-jeu {}
}
@media (min-width: 992px) {
	body.interieure .img-header {padding: 0;margin-bottom: 50px; }
	body.interieure .img-header {width: 750px; max-width:inherit; position: absolute; top: 0; left:0; margin-left: calc(50% - 375px); margin-top: -60px; margin-bottom: 0;}
	body.interieure .img-header-lg {width: 560px; position: absolute; z-index: 10; top: 0; left: calc(50% - 280px);  }
	
	body.interieure .contenu {padding-top: 180px; width: 580px;  margin:0 auto;}
	body.interieure .cadre-blanc {padding-bottom: 25px; padding-top: 30px; height: 664px;}
	body.interieure .cadre-blanc .cadre-contenu {max-width: auto;}
	body.interieure .mention-jeu {margin-top: 0; padding: 0px; position: absolute; bottom: 10px; font-size: 10px; left:0; width: 100%;}
}
@media (min-width: 1200px) {
	body.interieure .contenu {padding-top: 210px; width: 680px;  margin:0 auto;}
	body.interieure .img-header {width: 850px;  margin-left: calc(50% - 425px); margin-top: -60px; }
	body.interieure .img-header-lg {width: 680px; position: absolute; z-index: 10; top: 0; left: calc(50% - 340px); }
	
	body.interieure .cadre-blanc {padding-bottom: 18px; height: 748px;}
	body.interieure .mention-jeu {font-size: 11px; bottom: 18px;}
	
}





/* ******************************* ETAPES */
.contenu #etapes {margin: 0 auto; max-width: 330px; overflow: hidden; text-align: center; margin-bottom: 20px; padding-top: 6px;}
.contenu #etapes div {display: inline-block; text-align: center; color: var(--Blanc); margin-left: 5px; margin-right: 5px; padding-bottom: 6px;}
.contenu #etapes div .chiffre {background: var(--Orange); border-radius: 50%; padding: 6px 0px; font-size: 16px; line-height: 1; width: 28px; display: inline-block;}
.contenu #etapes div .legende {display: none;}
.contenu #etapes div.current .chiffre {background: var(--Rouge); }
@media (min-width: 480px) {
	.contenu #etapes {padding-bottom: 5px;}
	.contenu #etapes div {margin-left: 15px; margin-right: 15px; padding-bottom: 0;}
	.contenu #etapes div .chiffre {/*font-size: 16px; width: 28px;*/}
}
@media (min-width: 768px) {
	.contenu #etapes {max-width: 260px;}
	.contenu #etapes div {float: left; margin-left: 0px; margin-right: 0px; background: url(../images/bg-etapes.svg) left top 12px no-repeat, url(../images/bg-etapes.svg) right top 12px no-repeat; background-size: auto 4px;}
	.contenu #etapes div .legende {display: block; color: var(--Orange); font-size: 12px; line-height: 1.1; margin-top: 4px;}
	.contenu #etapes div.current .legende {color: var(--Rouge);}
	.contenu #etapes div.etape1 {width: 82px; background: url(../images/bg-etapes-mini.svg) right top 12px no-repeat; background-size: 50px 4px;}
	.contenu #etapes div.etape2 {width: 92px; }
	/*.contenu #etapes div.etape3 {width: 70px; }
	.contenu #etapes div.etape4 {width: 86px; }*/
	.contenu #etapes div.etape3 {width: 86px; background: url(../images/bg-etapes-mini.svg) left top 12px no-repeat; background-size: auto 4px;}
}



/* ******************************* MODALITES */
.page-modalites h1 {margin-top: 1rem; margin-bottom: 3rem;}
.page-modalites li {padding-bottom: 14px;}
.page-modalites .boutons {text-align: center; margin-top: 5rem;}
.page-modalites .boutons .bt-action {width: 220px;}
div#captcha{
	/*width: 300px;*/
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px; 
}
div#captcha table{ display:block; width: 238px;  margin:0 auto; margin-top: 10px; }
div#captcha #captchaValeur {padding: 5px; height: 33px; background:#ffffff; border:solid 1px #000000; text-align: center; color:#000000; font-size: 14px; width: 99px;}
@media (min-width: 992px) {
	body.interieure.page-modalites .cadre-blanc {height: 735px;}
}
@media (min-width: 1200px) {
	body.interieure.page-modalites .cadre-blanc {height: 748px;}
}



/* ******************************* INSCRIPTION */
.page-inscription form {color: var(--Bleu); margin:0 auto; max-width: 500px;}
.page-inscription h1 {line-height: 1; margin-bottom: 10px;}
.page-inscription .ligne {margin-top: 0.7rem; font-size: 1.2em; line-height: 1.1;}
.page-inscription .ligne.row { margin-left:0; margin-right: 0;}
.page-inscription .ligne.row > div {padding-left:0 ;padding-right: 0;}
.page-inscription .ligne .titre {font-size: 2.3rem; margin-bottom: 1.5rem;}
.page-inscription .ligne .info {color: var(--Rouge); font-size: 1.4rem;}
.page-inscription .obligatoire {font-size: 1.4rem; text-align: right;}
.page-inscription input[type="text"], .page-inscription input[type="email"], .page-inscription input[type="date"], .page-inscription input[type="number"] {width: 100%; padding: 7px 7px; background: #efefef; border: none; border-right: solid 1px #000; border-bottom: solid 1px #000;}
.page-inscription select {width: 100%; padding: 7px 7px; background: #efefef; border: none; border-right: solid 1px #000; border-bottom: solid 1px #000;}
.page-inscription .ligne label {padding-top: 4px;}
.page-inscription .ligne label.double {padding-top: 0px;}
.page-inscription .ligne label .special {display: none;}
.page-inscription .ligne .titre-achat {font-family: "DK-Appelstroop"; font-size: 18px;}
.page-inscription .confirmer .ligne2 {width: 100%; overflow: hidden;}
.page-inscription .confirmer .ligne2 input {float: left; width: 20px;}
.page-inscription .confirmer .ligne2 label {float: left; width: calc(100% - 30px); margin-left: 10px; font-size: 1em; line-height: 1.2;}
.page-inscription .confirmer a {color: var(--Bleu); text-decoration: underline;}
.page-inscription .bouton {text-align: center;}
.page-inscription #produit {text-align: center; font-style: italic; font-size: 1.2rem; margin-top: -0.4rem; line-height: 1.2;}
.page-inscription .bouton-2 .bt-action {font-size: 22px; padding: 1rem 2rem; width: 230px;}
@media (max-width: 991px) {
	.page-inscription .ligne label br {display: none;}	
}
@media (min-width: 992px) and (max-width: 1199px) {	
	.page-inscription .ligne label .normal {display: none;}
	.page-inscription .ligne label .special {display: inline;}
	/*.body-interieur.page-inscription .main-content .container-1200 {background: url(../images/bg-interieur-grand-md.jpg) top no-repeat var(--Rouge); background-size: 100%; }*/
	.page-inscription .row-tableau {margin-left: -7px; margin-right: -7px;}
	.page-inscription .row-tableau > div {padding-left: 7px; padding-right: 7px;}
}
@media (min-width: 992px) {
	body.interieure.page-inscription  .cadre-blanc {height: 880px;}
	.page-inscription form {max-width: none;}
	.page-inscription form .col-lg-5 {-ms-flex: 0 0 51%; flex: 0 0 51%; max-width: 51%;}
	.page-inscription form .col-lg-7 {-ms-flex: 0 0 49%; flex: 0 0 49%; max-width: 49%;}
	
	.page-inscription .ligne {margin-top: 0.7rem; font-size: 0.92em; line-height: 1.1;}
	.page-inscription .ligne .info {font-size: 1.18rem;}
	.page-inscription .ligne .colonne-label {text-align: right;}
	.page-inscription .obligatoire {font-size: 1.18rem;}
	.page-inscription input[type="text"], .page-inscription input[type="email"], .page-inscription input[type="date"], .page-inscription input[type="number"] {width: 100%; padding: 4px 5px;}
	.page-inscription #produit { margin-top: -1.4rem;}
	.page-inscription select {width: 100%; padding: 4px 5px;}
	.page-inscription form .colonne1 label, .page-inscription form .colonne2 label {padding-right: 8px;}
	.page-inscription .confirmer .ligne2 label {font-size: 0.85em; line-height: 1.1;}
	.body-interieur.page-inscription .texte-droite { top: 362px; }
}
@media (min-width: 1200px) {
	.page-inscription form .col-lg-5 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.page-inscription form .col-lg-7 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.page-inscription form .colonne2 .col-lg-5 {-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
	.page-inscription form .colonne2 .col-lg-7 {-ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%;}
	
	.page-inscription form .colonne1 {border-right: solid 2px #000;}
	.page-inscription .confirmer {margin-top: 3rem!important;}
	.page-inscription form .bouton {margin-top: 5rem!important;}
	.page-inscription .confirmer .ligne2 label {font-size: 0.95em; line-height: 1.2;}
	.body-interieur.page-inscription .contenu { height: 940px; }
	.page-inscription #bloc_TC {font-size: 0.95em; line-height: 1.2;}
	.page-inscription .bouton-2 {margin-top: 3rem!important;}
	.body-interieur.page-inscription .texte-droite { top: 222px; }
}





/* ******************************* GAIN */
.page-gain .decouvrir h1 { margin: 1.5em 0;}
.page-gain .decouvrir .zone-perso .bouton {margin-top: 4rem; margin-bottom: 4rem;}
.page-gain .invite-decouvrez {width: 272px; display: block; margin: 0 auto;}
.page-gain .bt-action {width: 220px; padding: 4px 0;}
@media (min-width: 768px) {
	.page-gain .invite-decouvrez {width: 340px;}
	.page-gain .decouvrir {margin-top: 80px;}
	.page-gain .decouvrir .zone-perso .bouton {margin-top: 8rem;}
}


/* ******************************* GAGNE */
.page-merci .img-felicitations {width: 289px; display: block; margin: 0 auto;}
.page-merci .zone-gain {display: block; margin: 15px auto; position: relative; }
.page-merci .zone-gain-1 {aspect-ratio: 1.088; width: 100%; max-width: 350px; background: url(../images/gain1-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-2 {aspect-ratio: 1.088; width: 100%; max-width: 350px; background: url(../images/gain2-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-3 {aspect-ratio: 1.088; width: 100%; max-width: 350px; background: url(../images/gain3-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-4 {aspect-ratio: 1.487; width: 100%; max-width: 460px; background: url(../images/gain4-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-5 {aspect-ratio: 1.25; width: 100%; max-width: 420px; background: url(../images/gain5-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-6 {aspect-ratio: 1.663; width: 100%; max-width: 490px; background: url(../images/gain6-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-7 {aspect-ratio: 1.386; width: 100%; max-width: 420px; background: url(../images/gain7-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-8 {aspect-ratio: 1.46; width: 100%; max-width: 460px; background: url(../images/gain8-titre.jpg); background-size: 100%;}
.page-merci .zone-gain-9 {aspect-ratio: 1.486; width: 100%; max-width: 470px; background: url(../images/gain9-titre.jpg); background-size: 100%;}

.page-merci .zone-gain .img-gain {position: absolute; top:0; left:0; width: 100%; }
/*.page-merci .img-gain-xs {margin:0 auto; display: block; margin-bottom: 25px;}*/
.page-merci .zone-upload {text-align: center; font-size: 13px; font-family: "Gotham-Medium", sans-serif;}
.page-merci .zone-upload .email {font-family: "Gotham-Book", sans-serif;}
.page-merci .zone-upload #doc1 {margin: 5px auto;}
.page-merci .zone-upload input[type="submit"] {margin-top: 15px; padding: 3px 0; font-size: 31px; line-height: 1; width: 130px;}
.page-merci h2 {margin-top: 0.5em; color: var(--Rouge); text-align: center; font-family: "DK-Appelstroop"; font-size: 29px; line-height: 34px;}
.page-merci .retrouvez {margin-top: 0.5em;  color: var(--Vert); text-align: center; font-family: "DK-Appelstroop"; font-size: 26px; line-height: 29px; text-decoration: none; }
.page-merci .retrouvez a {padding: 3px 10px; background: var(--Vert); color: #fff; display: block; margin: 0 auto; margin-top: 5px; text-transform: uppercase; width: 190px; font-size: 37px; line-height: 40px;}
.page-merci .retrouvez a:hover {text-decoration: none; background: var(--Rouge); color: #fff;}
.page-merci .email {text-align: center; font-size: 12px; margin:0 auto; max-width: 560px; }
.page-merci .img-perdu {display: block; margin: 0 auto;}
.page-merci .zone-taille label {font-family: "DK-Appelstroop"; font-size: 18px; line-height: 20px; }
.page-merci .zone-taille select {display: block; width: 120px; padding: 3px 5px; margin: 0 auto;}
.page-merci .intro-finaliser {font-size: 0.96em; line-height:1.22;}

.page-merci .zone-perdu {margin-top: 100px;}
.page-merci .retrouvez {margin-top: 110px; color: var(--Vert); text-align: center; font-family: "DK-Appelstroop"; font-size: 26px; line-height: 29px; text-decoration: none; }
.page-merci .retrouvez a {padding: 3px 10px; background: var(--Vert); color: #fff; display: block; margin: 0 auto; margin-top: 5px; font-family: "DK-Appelstroop"; text-transform: uppercase; width: 190px; font-size: 37px; line-height: 41px;}
.page-fin .retrouvez a:hover {text-decoration: none; background: var(--Rouge); color: #fff;}



@media (min-width: 992px) {
	.page-merci .gain-1 .cadre-blanc, .page-merci .gain-2 .cadre-blanc, .page-merci .gain-3 .cadre-blanc {height: 680px;}
	.page-merci .gain-5 .cadre-blanc, .page-merci .gain-6 .cadre-blanc {height: 764px;}
}

@media (min-width:1200px) {
	.page-merci .zone-gain-1, .page-merci .zone-gain-2, .page-merci .zone-gain-3 {max-width: 420px;}
	.page-merci .zone-gain-4 {max-width: 520px;}
	.page-merci .zone-gain-5 {max-width: 500px;}
	.page-merci .zone-gain-6 {max-width: 600px;}
	.page-merci .zone-gain-7 {max-width: 500px;}
	.page-merci .zone-gain-8 {max-width: 540px;}
	.page-merci .zone-gain-9 {max-width: 550px;}
	.page-merci .gain-1 .cadre-blanc, .page-merci .gain-2 .cadre-blanc, .page-merci .gain-3 .cadre-blanc {height: 760px;}
	.page-merci .gain-5 .cadre-blanc, .page-merci .gain-6 .cadre-blanc {height: 830px;}
}

/* ******************************* REGLEMENT   */
.page-reglement .cadre-blanc .texte {text-align: justify;}
.page-reglement .cadre-blanc .texte p {margin-bottom: 12px;}
.page-reglement .cadre-blanc .texte h1 {color: var(--Rouge);}
.page-reglement .cadre-blanc .texte h2 {margin-top: 35px; color: var(--Vert);}
.page-reglement .cadre-blanc .bt-action {margin-top: 1em; font-size: 29px; line-height: 34px; width: 130px; padding: 4px 0;}
@media (min-width: 992px) {
	.page-reglement .cadre-blanc .texte {overflow: auto; height: 495px; padding-right: 10px;}
}
@media (min-width: 1200px) {
	.page-reglement .cadre-blanc .texte {height: 580px; }
}



/* ******************************* DOTATIONS   */
.page-dotations .zone-cadeaux {margin:0 auto; max-width: 350px;}
.page-dotations .item-cadeau {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 2px var(--Rouge); }
.page-dotations .row-cadeaux {margin-left: -4px; margin-right: -4px; padding-top: 12px; padding-bottom: 12px; align-items: center;
  justify-content: center;}
/*.page-dotations .row-cadeaux > div {padding-left: 4px; padding-right: 4px;}*/
.page-dotations .row-cadeaux p {/*padding-left: 12px;*/ font-size: 13.5px; line-height: 16px; padding-top: 3px; margin-top: 12px;}
/*.page-dotations .row-cadeau2 p {padding-left: 9px;}*/
.page-dotations .item-titre {font-size: 1.25em; font-weight: 600; color: var(--Rouge);}
.page-dotations .img-gain {display: block; margin: 0 auto;}
.page-dotations .titre1 {width: 260px;}
.page-dotations .infos-plus {font-style: italic; margin-top: 12px; font-size: 0.92em;}

@media (min-width: 370px) {
	.page-dotations .titre1 {width: 319px;}	
}
@media (min-width: 768px) {
	.page-dotations .zone-cadeaux {max-width: 550px;}
	/*.sejour-photo {padding-left: 10px;}*/
	.page-dotations .row-cadeaux p {margin-top: 0px;}
	.page-dotations .img-gain {display: inline;}
}
@media (min-width: 992px) {
	.page-dotations {height: auto;}
	.page-dotations .zone-cadeaux {max-width: auto;}
	.page-dotations .contenu {height: auto;}
	.page-dotations .zone-cadeaux {overflow: auto; height: 495px; padding-right: 10px;}
}

@media (min-width: 1200px) {
	.page-dotations {height: auto;}
	.page-dotations .contenu {height: auto;}
	.page-dotations .zone-cadeaux {height: 580px; }
}


/* ******************************* FIN   */
.page-fin .fin {margin: 0 auto; margin-top: 40px; max-width: 540px;}
.page-fin h1 {margin-top: 2.5em; }
.page-fin .img-fin {width: 260px;}
.page-fin .retrouvez {margin-top: 0.5em; margin-bottom: 50px; color: var(--Vert); text-align: center; font-family: "DK-Appelstroop"; font-size: 26px; line-height: 29px; text-decoration: none; }
.page-fin .retrouvez a {padding: 3px 10px; background: var(--Vert); color: #fff; display: block; margin: 0 auto; margin-top: 5px; font-family: "DK-Appelstroop"; text-transform: uppercase; width: 190px; font-size: 37px; line-height: 41px;}
.page-fin .retrouvez a:hover {text-decoration: none; background: var(--Rouge); color: #fff;}
@media (min-width: 480px) {
	.page-fin .img-fin {width: 320px;}
}
@media (min-width: 992px) {	
	.page-fin .img-fin-lots {max-width: 400px;}
}
@media (min-width: 1200px) {	
	.page-fin .img-fin-lots {max-width: none;}
}



/* ******************************* ATTENTE   */
.page-attente .fin {margin: 0 auto; margin-top: 40px; max-width: 540px;}
.page-attente h1 {margin-top: 2.5em; }
.page-attente .retrouvez {margin-top: 0.5em; margin-bottom: 50px; color: var(--Vert); text-align: center; font-family: "DK-Appelstroop"; font-size: 26px; line-height: 29px; text-decoration: none; }
.page-attente .retrouvez a {padding: 3px 10px; background: var(--Vert); color: #fff; display: block; margin: 0 auto; margin-top: 5px; font-family: "DK-Appelstroop"; text-transform: uppercase; width: 190px; font-size: 37px; line-height: 41px;}
.page-attente .retrouvez a:hover {text-decoration: none; background: var(--Rouge); color: #fff;}





/* ******************************* FOOTER */
/*footer {z-index: 10; position: relative; background-color: #fff; color: var(--Texte);}
body.interieure footer {margin-top: 20px;}
.page-footer {padding: 2rem 0; padding-bottom: 1rem; text-transform: uppercase; z-index: 10; overflow: auto;}
.page-footer p {margin-bottom: 0;}
.page-footer li {padding-bottom: 10px; font-size: 0.92em;}
.page-footer a {color: var(--Texte); font-weight: 700; text-decoration: none; }
.page-footer a:hover {text-decoration: underline;}
.page-footer .footer-col2 {overflow: auto;}
.page-footer .footer-col2 .texte {float: left; width: calc(100% - 160px); font-family: "DK-Appelstroop"; color: var(--Vert); font-size: 18px; line-height:1;}
.page-footer .footer-col2 .bouton {float: left; width: 160px;}
.page-footer .footer-col2 .bouton a {font-family: "DK-Appelstroop"; background-color: var(--Vert); font-size: 20px; line-height:1; color: #fff; padding: 4px 9px; font-weight: 400; display: inline-block;}

@media (min-width: 768px) {
	.page-footer ul {display: inline-block; margin:0; padding: 0;}
	.page-footer li { float: left; padding: 0 1rem;}
}
@media (min-width: 992px) {
	body.interieure footer {margin-top: 0px;}
	.page-footer .footer-col1 {float: left; width: 50%;}
	.page-footer .footer-col2 {float: left; width: 50%; }
	
}*/
footer {
    z-index: 10;
    position: relative;
    background-color: #fff;
    color: var(--Texte);
}

body.interieure footer {
}

.page-footer {
    padding: 1.5rem;
    text-transform: uppercase;
    z-index: 10;

    /* ✅ Flexbox pour disposition côte à côte et alignement vertical */
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-footer p {
    margin-bottom: 0;
}

.page-footer li {
    padding-bottom: 10px;
    font-size: 0.92em; text-align: center;
}

.page-footer a {
    color: var(--Texte);
    font-weight: 700;
    text-decoration: none;
}

.page-footer a:hover {
    text-decoration: underline;
}

/* ✅ Colonnes */
.page-footer .footer-col1 {width: 100%; order: 2;}
.page-footer .footer-col2 {width: 100%; order: 1;}


/* ✅ Flex interne pour footer-col2 */
.page-footer .footer-col2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.page-footer .footer-col2 .texte {
    font-family: "DK-Appelstroop";
    color: var(--Vert);
    font-size: 18px;
    line-height: 1;
    flex: 1;
    min-width: 200px;
	padding: 10px;
}

.page-footer .footer-col2 .bouton {
    flex-shrink: 0;
}

.page-footer .footer-col2 .bouton a {
    font-family: "DK-Appelstroop";
    background-color: var(--Vert);
    font-size: 20px;
    line-height: 1;
    color: #fff;
    padding: 4px 9px;
    font-weight: 400;
    display: inline-block; border: solid 1px var(--Vert);
}
.page-footer .footer-col2 .bouton a:hover {background: #fff; color: var(--Vert); text-decoration: none;}

/* RESPONSIVE */
@media (min-width: 480px) {
	.page-footer .footer-col2 .texte {padding: 0;}
	.page-footer .footer-col2 {justify-content: space-between; max-width: 520px; margin: 0 auto;}
}
@media (min-width: 768px) {
    .page-footer ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .page-footer li {
        float: left;
        padding: 0 1.5rem;
    }
}

@media (min-width: 1200px) {
    body.interieure footer {
        margin-top: 0;
    }

    .page-footer {
        flex-direction: row; /* ✅ Colonne → ligne */
        align-items: center; /* ✅ Centre verticalement col1 et col2 */
		padding: 1.5rem 0;
    }

    .page-footer .footer-col1{
        flex: 0 0 50%; border-right: solid 2px var(--Texte); order: 1;
    }
    .page-footer .footer-col2 {
        flex: 0 0 50%; order: 2;
    }
	.page-footer .footer-col2 .texte {margin-bottom: 7px; padding-left: 10px; padding-top: 6px; letter-spacing: 0.4px;}
	.page-footer li {padding:0 0.9rem; padding-top: 6px; }
}





/* ******************************* POPUP   */
.popup .cadre {padding:0px; /*box-shadow: 3px 3px 4px #000; */background: #fff; border: solid 5px var(--VertClair); border-radius: 25px; text-transform: uppercase; color: #000;}
.popup .cadre .filet {/*border: solid 4px #e5370d;*/ padding: 8px;}
.popup .cadre .filet .zone-fermer {width: 100%; overflow: hidden; margin-bottom: 20px;}
.popup .cadre .filet .zone-fermer img {width: 17px; height: 17px; float: right; display: block;}
.popup .cadre .filet .zone-contenu {padding: 0 12px; padding-top: 40px; text-align: center; font-size: 20px; line-height: 1.4; font-weight: 400;}
.popup .cadre .filet .zone-contenu.reduit {padding-top: 0; }
.popup .cadre .filet .zone-contenu .rouge {color: #2d3cff;}
@media (min-width:420px) {
	.popup { padding:5px;  }
	.popup .cadre .filet {padding: 18px;}
	.popup .cadre .filet .zone-fermer img {width: 34px; height: 34px; }
}