/* ******************************* IMPORT POLICES */
@font-face {
  font-family: 'Bloomsbury-Sans';
  src: url(../fonts/Bloomsbury-Sans.woff);
  src: url(../fonts/Bloomsbury-Sans.woff) format('woff'),
	   url(../fonts/Bloomsbury-Sans.ttf) format('truetype'),
	   url(../fonts/Bloomsbury-Sans.otf) format('opentype');
}


@font-face {
  font-family: 'Black-Bamboo';
  src: url(../fonts/Black-Bamboo.woff);
  src: url(../fonts/Black-Bamboo.woff) format('woff'),
	   url(../fonts/Black-Bamboo.ttf) format('truetype'),
	   url(../fonts/Black-Bamboo.otf) format('opentype');
}
@font-face {
  font-family: 'DK-Black-Bamboo';
  src: url(../fonts/DK-Black-Bamboo.woff);
  src: url(../fonts/DK-Black-Bamboo.woff) format('woff'),
	   url(../fonts/DK-Black-Bamboo.ttf) format('truetype'),
	   url(../fonts/DK-Black-Bamboo.otf) format('opentype');
}

:root {
	--Texte: #171716;
	--Or: #dea60e;
	--Footer: #1e1e1c;
}




/* ******************************* */
html {font-size: 10px; }
body {margin: 0; font-size: 14px; line-height: 1.3; color: #000; background-color: #000; font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; }
.text-or {color: var(--Or);}

.page {
	overflow: hidden; width: 100%; margin: 0 auto; position: relative; 
}

/*p, ul, table {font-size: 1em;margin-bottom:1em;}*/
@media (min-width: 992px) {
	.page {width: 992px; background: #fff;}
}
@media (min-width: 1200px) {
	.page {width: 1200px;}
}


/* ******************************* BOUTON   */
.bouton {width: 206px; height: 55px; display: block; margin: 0 auto; color: #fff; background: #000; font-family: 'Bloomsbury-Sans'; font-size: 28px; line-height: 47px; text-align: center; text-decoration: none; text-transform: uppercase; border: solid 2px var(--Or); border-radius: 46px; cursor: pointer;}	
.bouton:hover {background-color: var(--Or); color: var(--Texte); text-decoration: none;}
@media (min-width: 480px) {
	
}
@media (min-width: 992px) {	
	.bouton { }
}
@media (min-width: 1200px) {
	/*.bouton {width: 220px; height: 54px; font-size: 34px; line-height: 48px; }*/
}



/* ******************************* HOMEPAGE   */
/* x 0.7 de min 480px (sauf bouton = x 0.85) */
.page-home {background: #fff;}
.page-home .logo {background: url('../images/home/logo.png') top center no-repeat; background-size: cover; width: 287px; height: 179px; margin: 0 auto; margin-top: 25px;}
.page-home .jouer {background: url('../images/home/a-gagner.png') top center no-repeat; background-size: 100%; width: 450px; max-width: calc(100% - 30px); aspect-ratio: 400/293;  margin: 30px auto;}
.page-home.attente .jouer {background: url('../images/home/attente.png') top center no-repeat; background-size: 100%; width: 450px; max-width: calc(100% - 30px); aspect-ratio: 400/293;  margin: 30px auto;}
.page-home .bouton {width: 190px; height: 58px; font-size: 28px; line-height: 50px; }	
.page-home .mentions {font-size: 14px; margin-top: 40px; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: 700;}
@media (min-width: 480px) {
	/* même chose que min 992px */
	.page-home .logo {background: url('../images/home/logo.png') top center no-repeat; background-size: cover; width: 300px; height: 178px; margin: 0 auto; margin-top: 25px;}
	.page-home .jouer {background: url('../images/home/a-gagner.png') top center no-repeat; width: 450px; height: 286px; margin: 30px auto;}
	.page-home.attente .jouer {background: url('../images/home/attente.png') top center no-repeat; width: 400px; height: 293px; margin: 30px auto;}
	
}
@media (min-width: 700px) {
	.page-home .logo {background: url('../images/home/logo.png') top center no-repeat; background-size: cover; width: 420px; height: 249px; margin: 0 auto; margin-top: 25px;}
	.page-home .jouer {background: url('../images/home/a-gagner-lg.png') top center no-repeat; width: 640px; height: 407px; margin: 30px auto;}
	.page-home.attente .jouer {background: url('../images/home/attente-lg.png') top center no-repeat; width: 578px; height: 424px; margin: 30px auto;}

}
@media (min-width: 992px) {	
	/* x 0.827 de min 1200px */
	.page-home {background: url('../images/home/bg-home-md.jpg') top center no-repeat; height: 782px;}
	.page-home.attente {background: url('../images/home/bg-attente-md.jpg') top center no-repeat; height: 782px;}
	.page-home .logo {display:none;}
	/*.page-home .jouer {background: url('../images/home/jouer.svg') top center no-repeat; width: 456px; height: 278px; position: absolute; left: 292px; top: 306px; margin: 0;}*/
	
	.page-home .mentions {width: 100%; height: 30px; font-weight: 700; color: #FFF; font-size: 12px; position: absolute; left: 0px; top: 745px; text-align: left; margin: 0; margin-left: 485px;}
	.page-home .bouton {width: 202px; height: 62px; position: absolute; left: 399px; top: 602px; font-size: 30px; line-height: 53px; }
}
@media (min-width: 1200px) {
	.page-home {background: url('../images/home/bg-home.jpg') top center no-repeat; height: 946px;}
	.page-home.attente {background: url('../images/home/bg-attente.jpg') top center no-repeat; height: 946px;}
	/*.page-home .logo {background: url('../images/home/logo.png') top center no-repeat; width: 530px; height: 344px; position: absolute; left: 353px;}*/
	/*.page-home .jouer {background: url('../images/home/a-gagner-xl.png') top center no-repeat; width: 750px; height: 506px; position: absolute; left: 225px; top: 240px; }*/
	
	.page-home .mentions {width: 100%; height: 30px;font-size: 14px; top: 900px; text-align: left; margin: 0; margin-left: 585px;}
	.page-home .bouton {width: 238px; height: 72px; position: absolute; left: 487px; top: 727px; font-size: 35px; line-height: 63px;}
}




/* ******************************* PAGE INTERIEURE   */
.page-interieure {background: #fff;}
.page-interieure .contenu {background: #fff; padding: 0 20px;}
.page-interieure .contenu-cadre {padding: 20px 20px; max-width: 650px; margin: 0 auto;}
.page-interieure .mentions {font-size: 14px; margin-top: 40px; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}
.page-interieure h1 { text-transform: uppercase; text-align: center; font-family: 'Black-Bamboo'; font-size: 30px; line-height: 1.1; color: var(--Or);}
@media (min-width: 992px) {	
	/* x 0.827 de min 1200px */
	.page-interieure {background: url('../images/bg-interieur-md.jpg') top center no-repeat; height: 782px;}
	.page-interieure .contenu {width: 568px; margin: 0 auto; height: 610px;}
	.page-interieure .contenu-cadre {height: calc(100% - 25px); padding: 20px 5px; max-width: none;}

	.page-interieure .mentions {width: 100%; height: 25px; font-size: 14px; margin: 0; }
}
@media (min-width: 1200px) {
	.page-interieure {background: url('../images/bg-interieur.jpg') top center no-repeat; height: 946px;}
	.page-interieure .contenu {width: 680px; margin: 0 auto; height: 737px;}
	.page-interieure .contenu-cadre {height: calc(100% - 25px); padding: 25px 15px;}
	
	.page-interieure .mentions {width: 100%; height: 25px; font-size: 14px; }
}



/* ******************************* PROMOPRESTO   */
.promopresto {background: url(../images/promopresto-fonce.svg) center center no-repeat; background-size: 100%; position: absolute; width: 12px; height: 90px; bottom: 50px; right: 5px;}
@media (min-width: 992px) {
	.promopresto {background: url(../images/promopresto.svg) center center no-repeat; background-size: 100%; bottom: 150px; right: 5px;}
	.page-interieure .promopresto {bottom: 15px; left: 5px; right: auto;}
}

@media (min-width: 1200px) {
	.promopresto {bottom: 190px; right: 5px;}
	.page-interieure .promopresto {bottom: 15px; left: 5px; right: auto;}
}




/* ******************************* HEADER   */
header .header-logo {width: 240px; height: 143px; display: block; margin: 0 auto; }
@media (min-width: 992px) {	
	/* x 0.827 de min 1200px */
	header {text-align: center; height: 175px;}
	header img {margin: 0 15px;}
	header .header-logo {width: 238px; height: 171px; display: inline-block;}
}
@media (min-width: 1200px) {
	header {text-align: center; height: 210px;}
	header .header-logo {width: 288px; height: 207px;}
}




/* ******************************* ETAPES */
.contenu #etapes {margin: 0 auto; max-width: 330px; overflow: hidden; text-align: center; 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: #000; border-radius: 50%; padding: 3px 0px; font-size: 16px; line-height: 1; color: #fff; display: block; width: 23px; margin: 0 auto;}
.contenu #etapes div .legende {display: none;}
.contenu #etapes div.current .chiffre {background: var(--Or); }
@media (min-width: 350px) {
	.contenu #etapes {padding-bottom: 5px; max-width: 254px;}
	.contenu #etapes div {margin-left: 15px; margin-right: 15px; padding-bottom: 0;}
	.contenu #etapes div .chiffre {font-size: 19px; width: 30px; text-align: center; height: 30px; padding-top: 5px;}

	.contenu #etapes div {float: left; margin-left: 0px; margin-right: 0px; background: url(../images/bg-etapes.svg) left top 13px no-repeat, url(../images/bg-etapes.svg) right top 13px no-repeat; background-size: auto 4px;}
	.contenu #etapes div .legende {display: block; color: var(--Texte); font-size: 12px; line-height: 1.1; margin-top: 4px;}
	.contenu #etapes div.current .legende {color: var(--Or);}
	.contenu #etapes div.etape1 {width: 76px; background: url(../images/bg-etapes-mini.svg) right top 13px no-repeat; background-size: auto 4px;}
	.contenu #etapes div.etape2 {width: 92px; }
	/*.contenu #etapes div.etape3 {width: 70px; }*/
	/*.contenu #etapes div.etape3 {width: 86px; }*/
	.contenu #etapes div.etape3 {width: 80px; background: url(../images/bg-etapes-mini.svg) left top 13px no-repeat; background-size: auto 4px;}
}
@media (min-width: 992px) {
	.contenu #etapes {}
}
@media (min-width: 1200px) {
	.contenu #etapes {}
}



/* ******************************* MODALITES */
.page-modalites h1 {padding: 1em 0; text-transform: uppercase; text-align: center; font-family: 'Bloomsbury-Sans'; font-size: 30px; line-height: 1.1; }
.page-modalites li {padding-bottom: 14px; text-align: justify; padding-left: 25px; margin-left: -35px; position: relative; list-style: none;}
.page-modalites .liste-modalites {margin:0;}
.page-modalites .liste-modalites li::before {
  content: "•"; /* Ajoute une puce manuellement */
  font-size: 2.1em; /* Double la taille */
  color: var(--Or); /* Met la puce en rouge */
  position: absolute;
  left: 0;
  top: 0px; margin-top: -12px;
}
.page-modalites .text-or {color: #f5333f;}
.page-modalites .boutons {text-align: center; margin-top: 4rem;}
.page-modalites li a {color: #000; text-decoration: underline;}
div#captcha{
	/*width: 300px;*/
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px; 
}
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;}
.page-modalites .bouton {width: 260px;}


@media (min-width: 992px) and (max-width: 1199px) {
	.page-modalites h1 {padding: 0.5em 0;}
	div#captcha{margin-top: 20px; margin-bottom: 15px;}
}



/* ******************************* INSCRIPTION */
.page-inscription form {color: var(--Bleu); margin:0 auto; max-width: 500px;}
.page-inscription h1 {line-height: 1; margin-bottom: 20px;}
.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(--Or); 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"] {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 .special {display: none;}
.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;}
	.page-inscription .bouton {font-size: 24px; line-height: 40px; height: 50px;}
}

@media (min-width: 992px) {
	
	.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"] {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 46%; flex: 0 0 46%; max-width: 46%;}
	.page-inscription form .col-lg-7 {-ms-flex: 0 0 54%; flex: 0 0 54%; max-width: 54%;}
	.page-inscription form .colonne1 {border-right: solid 2px var(--Texte);}
	.page-inscription .confirmer {margin-top: 4rem!important;}
	.page-inscription .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; padding-bottom: 4rem;}
.page-gain .invite-decouvrez {width: 272px; display: block; margin: 0 auto;}
.page-gain .bouton {width: 240px;}



/* ******************************* 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-0 {width: 100%; height: 120px;}
.page-merci .zone-gain-1 {width: 100%; height: 140px;}
.page-merci .zone-gain-2 {width: 100%; height: 140px;}
.page-merci .zone-gain-3 {width: 100%; height: 140px;}
.page-merci .zone-gain-4 {width: 100%; height: 140px;}
.page-merci .zone-gain .img-gain {position: absolute; top:0; left:0; width: 100%; }
.page-merci .zone-upload {text-align: center; font-size: 13px;}
.page-merci .zone-upload #doc1 {margin: 5px auto;}
.page-merci .zone-upload input[type="submit"] {margin-top: 15px;}
.page-merci h2 {margin-top: 1.5em; text-transform: uppercase; text-align: center; font-family: "Black-Bamboo", sans-serif; font-size: 26px; line-height: 33px;}
.page-merci h3 {margin-top: 1em; text-transform: uppercase; text-align: center; font-family: "Black-Bamboo", sans-serif; color: var(--Or); font-size: 24px; line-height: 28px;}
.page-merci .explications {font-size: 13px; margin-top: 25px; margin-bottom: 60px;}
.page-merci .retrouvez {margin-top: 0.5em; text-transform: uppercase; color: var(--Or); text-align: center; font-family: "DK-Black-Bamboo", sans-serif; font-size: 18px; line-height: 29px; text-decoration: none; }
.page-merci .retrouvez a {padding: 3px 10px; background: #000; color: #fff;}
.page-merci .retrouvez a:hover {text-decoration: none; background: var(--Or); color: #000;}
.page-merci .email {text-align: center; font-size: 13px; margin:0 auto; max-width: 560px; }

@media (min-width: 410px) {
	.page-merci .zone-gain-0 {height: 150px;}
	.page-merci .zone-gain-1 {height: 160px;}
	.page-merci .zone-gain-2 {height: 180px;}
	.page-merci .zone-gain-3 {height: 180px;}
	.page-merci .zone-gain-4 {height: 145px;}
}
@media (min-width: 470px) {
	.page-merci .zone-gain-0 {height: 195px;}
	.page-merci .zone-gain-1 {height: 200px;}
	.page-merci .zone-gain-2 {height: 220px;}
	.page-merci .zone-gain-3 {height: 220px;}
	.page-merci .zone-gain-4 {height: 195px;}
}
@media (min-width: 600px) {
	.page-merci .zone-gain-0 {width: 480px; height: 205px;}
	.page-merci .zone-gain-1 {width: 563px; height: 249px;}
	.page-merci .zone-gain-2 {width: 505px; height: 240px;}
	.page-merci .zone-gain-3 {width: 481px; height: 240px;}
	.page-merci .zone-gain-4 {height: 230px;}
}
@media (min-width: 700px) {
	.page-merci .zone-gain-4 {width: 586px; height: 232px;}
}

@media (min-width: 992px) and (max-width: 1199px) {	
	.page-merci .zone-gain-0 {width: 300px; height: 140px;}
	.page-merci .zone-gain-1 {width: 450px; height: 220px;}
	.page-merci .zone-gain-2 {width: 330px; height: 150px;}
	.page-merci .zone-gain-3 {width: 330px; height: 150px;}
	.page-merci .zone-gain-4 {width: 430px; height: 165px;}
}




/* ******************************* REGLEMENT   */
.page-reglement .texte {text-align: justify; margin-top: 30px;}
.page-reglement .texte h2 {margin-top: 35px; color: var(--Or);}
.page-reglement .texte h2.un {margin-top: 0;}
.page-reglement .bouton {width: 156px; height: 40px; font-size: 22px; line-height: 34px; margin-top: 20px;}
@media (min-width: 992px) {
	.page-reglement {height: auto;}
	.page-reglement .contenu {height: 780px;}
	.page-reglement .texte {overflow: auto; height: 590px;  padding-right: 10px;}
}
@media (min-width: 1200px) {
	.page-reglement {height: auto;}
	.page-reglement .contenu {height: 837px;}
	.page-reglement .texte {height: 650px; }
}



/* ******************************* DOTATIONS   */
.page-dotations h1 {color: #fff; background: var(--Or); padding: 3px 20px; display: block; width: 200px; margin: 15px auto; }
.page-dotations .item {max-width: 480px; margin-left: auto; margin-right: auto;}
.page-dotations .item-ligne {border-bottom: solid 2px var(--Or); padding-bottom: 20px; margin-bottom: 20px;}
.page-dotations .img--titre {margin-bottom: 7px;}
.page-dotations .bouton {height: 50px; font-size: 26px; line-height: 44px;}

@media (min-width: 992px) {
    .page-dotations {height: auto;}
	.page-dotations .contenu {height: 780px;}
	.page-dotations .item {max-width: none;}
}
@media (min-width: 1200px) {
    .page-dotations {height: auto;}
	.page-dotations .contenu {height: 837px;}
	.page-dotations .item p {font-size: 13px;}
}
@media (min-width: 992px) and (max-width: 1199px) {	
	.page-dotations .item p {font-size: 12.8px;}
	.page-dotations .item p br { position:relative;
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    height: 8px;
    color: blue;
    content: "";
    width: 1px;}
}



/* ******************************* FIN   */
.page-fin h1 {margin-top: 2.5em; color: #000;}
.page-fin .retrouvez {margin-top: 2.5em; text-transform: uppercase; color: var(--Or); text-align: center; font-family: "Black-Bamboo", sans-serif; font-size: 18px; line-height: 29px; text-decoration: none; }
.page-fin .retrouvez a {padding: 3px 10px; background: #000; color: #fff;}
.page-fin .retrouvez a:hover {text-decoration: none; background: var(--Or); color: #000;}
.page-fin .rezo {text-align: center; margin-top: 2.5em;}
.page-fin .rezo a {width: 35px; height: 35px; display: inline-block; margin: 0 4px;}
.page-fin .rezo a.instagram {background: url(../images/icone-instagram.svg); background-size: cover;}
.page-fin .rezo a.instagram:hover {background: url(../images/icone-instagram-hover.svg); background-size: cover;}
.page-fin .rezo a.facebook {background: url(../images/icone-facebook.svg); background-size: cover;}
.page-fin .rezo a.facebook:hover {background: url(../images/icone-facebook-hover.svg); background-size: cover;}
.page-fin .rezo a.youtube {background: url(../images/icone-youtube.svg); background-size: cover;}
.page-fin .rezo a.youtube:hover {background: url(../images/icone-youtube-hover.svg); background-size: cover;}
.page-fin .rezo a.pinterest {background: url(../images/icone-pinterest.svg); background-size: cover;}
.page-fin .rezo a.pinterest:hover {background: url(../images/icone-pinterest-hover.svg); background-size: cover;}
.page-fin .rezo a.tiktok {background: url(../images/icone-tiktok.svg); background-size: cover;}
.page-fin .rezo a.tiktok:hover {background: url(../images/icone-tiktok-hover.svg); background-size: cover;}
@media (min-width: 992px) {
	.page-fin h1 {margin-top: 5.5em; }
}
@media (min-width: 1200px) {
	.page-fin h1 {margin-top: 7.5em; }
}


/* ******************************* FOOTER   */
footer {text-align: center; font-weight: 700; color: #fff; font-size: 13px; text-align: center; padding: 15px 0;}
footer a {text-transform: uppercase; color: #fff; text-decoration: none; display: block; margin-top: 5px; margin-bottom: 5px;}
footer a:hover {text-decoration: underline;}
@media (min-width: 768px) {
	footer a {margin: 0 15px; display: inline-block; }
}
@media (min-width: 992px) {
	
}
@media (min-width: 1200px) {
}




/* ******************************* POPUP   */
.popup .cadre {padding:0px; /*box-shadow: 3px 3px 4px #000; */background: #fff; border: solid 5px var(--Or); 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; }
}