/* CSS Document */
html {
height: 100%;
margin: 0px;
}
body {
/*font-family: 'Nunito', sans-serif;*/
font-family: 'Poppins', sans-serif;
color:#111;
font-size: 13px;
height: 100%;
margin:0px;
line-height: 16px;
background: #ffffff;
}
/******* REDEFINITION STYLES DE BASE ***************/
a {color: #111;}
textarea {font-family: 'Nunito', sans-serif; font-size: 13px;}
.wrapper {width: 100%; margin: 0 auto;}
#document{position: relative; background:#ffffff; }
#zoneA {}
header {padding-bottom: 40px; position: relative;}
header #imgHeader {display: block; margin: 0 auto;}
header p {text-align: center; font-size: 12px; font-weight: bold; padding-top: 3px; color:#333333;}
#compteurRestant {position: absolute; top: 15px; right:0;}
.zoneC {margin: 0 auto; background: url(../images/bg-interieur-2023.jpg) top center no-repeat; }
#feuilleBlanche {width: 604px; position: relative; margin: 0 auto; margin-bottom: 8px;position:relative; min-height: 300px;}
#zoneA #promopresto {position: absolute; bottom: 0px; right:0; background: url(../images/promopresto.png) top center no-repeat; width: 34px; height: 125px;}
.titrePage {text-align: center; font-size: 19px; line-height: 30px; text-transform: uppercase; color:#23404b; font-weight: bold; font-family: Montserrat, sans-serif; padding-bottom: 22px;}
/*#conteu {position: relative;}*/
#contenu #englobeEtapes {width: 400px; margin: 0 auto; overflow: auto;}
#contenu #englobeEtapes.nbCases3 {width: 300px;}
#contenu #etapes {height: 80px; }
#contenu #etapes span {float: left; /*height: 85px;*/ width:100px;}
#contenu #etapes span .num {background:#cbcbcb; color:#ffffff; font-weight: 400; text-align:center; border-radius: 5px; margin:0 auto; width: 37px; height: 22px; padding-top: 10px; font-size: 17px;}
#contenu #etapes span .txt {text-align: center; font-size: 10px; color:#cbcbcb; padding-top: 3px; line-height: 10px;}
#contenu #etapes span.on .num {background:#5c5d60;}
#contenu #etapes span.on .txt {color:#5c5d60; }
/*#contenu #etapes .etape1 {width: 85px; background: url(../images/etapes/bt1.png) top center no-repeat; }
#contenu #etapes .etape1.on {background: url(../images/etapes/bt1-on.png) top center no-repeat; }
#contenu #etapes .etape2 {width: 109px; background: url(../images/etapes/bt2.png) top center no-repeat;}
#contenu #etapes .etape2.on {background: url(../images/etapes/bt2-on.png) top center no-repeat; }
#contenu #etapes .etape3 {width: 95px; background: url(../images/etapes/bt3.png) top center no-repeat;}
#contenu #etapes .etape3.on { background: url(../images/etapes/bt3-on.png) top center no-repeat;;}
#contenu #etapes .etape4 {width: 94px; background: url(../images/etapes/bt4.png) top center no-repeat;}
#contenu #etapes .etape4.on {background: url(../images/etapes/bt4-on.png) top center no-repeat;}*/
/******* PAGE 0 : accueil / choix langue ***************/
.page0 #document{padding-bottom: 30px;}
.page0 #contenu {position: relative;}
.page0 #contenu .logo {position: absolute; height: 180px; top: 190px; width: calc(100% - 20px);}
.page0 #contenu .logo img {width: 450px; height: 250px;display: block; margin: 0 auto;}
.page0 .zoneC {background: url(../images/page0/bg-2023.jpg) top center no-repeat; }
.page0 .t {margin:0 auto; padding-top: 640px; width: 100%; text-align: center; font-size: 12px;}
.page0 .invite {text-align: center; font-weight: 600; font-size: 16px;}
.page0 .boutons {margin: 0 auto; margin-top: 20px; overflow:auto;}
.page0 .boutons.Nb1 {width: 109px;}
.page0 .boutons.Nb2 {width: 218px;}
.page0 .boutons.Nb3 {width: 327px;}
.page0 .boutons.Nb4 {width: 436px;}
.page0 .boutons.Nb5 {width: 545px;}
.page0 .boutons.Nb6 {width: 654px;}
.page0 .boutons.Nb7 {width: 763px;}
.page0 .boutons.Nb8 {width: 872px;}
.page0 .boutons .langue {overflow: auto; float:left; width: 99px; padding-left: 5px; padding-right: 5px;}
.page0 .boutons .bt {display: block; width: 66px; height: 63px; margin: 0 auto; padding-top: 80px; }
.page0 .boutons .bt:hover {-webkit-filter: grayscale(40%); filter: grayscale(40%); }
.page0 .boutons #bt_fra {background: url(../images/page0/fra.png) top center no-repeat; }
.page0 .boutons #bt_bel {background: url(../images/page0/bel.png) top center no-repeat; }
.page0 .boutons #bt_bel-1-4 {background: url(../images/page0/bel-1-4.png) top center no-repeat; }
.page0 .boutons #bt_esp {background: url(../images/page0/esp.png) top center no-repeat; }
.page0 .boutons #bt_che {background: url(../images/page0/che.png) top center no-repeat; }
.page0 .boutons #bt_nld {background: url(../images/page0/nld.png) top center no-repeat; }
.page0 .boutons #bt_lux {background: url(../images/page0/lux.png) top center no-repeat; }
.page0 .boutons #bt_deu {background: url(../images/page0/deu.png) top center no-repeat; }
.page0 .boutons #bt_gbr {background: url(../images/page0/gbr.png) top center no-repeat; }
.page0 .boutons #bt_mar {background: url(../images/page0/mar.png) top center no-repeat; }
.page0 .boutons #bt_mus {background: url(../images/page0/mus.png) top center no-repeat; }
.page0 .boutons .langue .lg {text-align: center;}
.page0 .boutons .langue a {color:#5c5d60; text-decoration:none;}
.page0 .boutons .langue a:hover {color:#e8595c; text-decoration:none;}
.page0 .blocLangues {display:none;}
.page0 .inviteLangue {text-align: center; font-weight: 600; font-size: 16px;}
.page0 .inviteLangue .liens {margin-top: 17px; font-weight: 400; font-size: 15px;}
.page0 .inviteLangue .liens a {display: block; padding: 5px; margin-bottom: 7px;}
.page0 .blocLangues a.retour {display:block; background: url(../images/page0/back.png) top center no-repeat; height: 30px; width: 30px; margin:0 auto; margin-top: 30px;}
/******* PAGE 0bis : liste deals ***************/
.page0bis header img {display:block; margin:0 auto; padding-top: 30px; width: 420px;}
.page0bis .zoneC {background: url(../images/page0bis/bg-2023.jpg) top center no-repeat; }
.page0bis #feuilleBlanche {min-height: 860px;}
.page0bis .zoneA {}
.page0bis h1 {padding-bottom: 25px; text-align: center; color:#000; font-weight: bold; font-size: 21px; line-height: 24px;}
.page0bis #listeOffres {}
.page0bis #listeOffres .item {padding-top: 25px;}
.page0bis #listeOffres .item .accroche {text-align: center; font-size: 11px;}
/******* PAGE 1 : modalites ***************/
.page1 .intro {text-align: center; font-weight: 700; line-height: 19px;}
.page1 .intro .titre {font-size: 14px;}
.page1 .btTitre {width: 151px; height: 40px; margin: 0 auto; background: url(../images/page1/bt1.png) top center no-repeat; margin-top: 30px ;margin-bottom: 20px;}
.page1 .infos {}
.page1 .infos .ligne {margin-bottom: 20px;}
.page1 .boutons #bt2 {display: block; width: 163px; height: 52px; background: url(../images/page1/bt2.png) top center no-repeat; margin: 0 auto; margin-top: 0px; }
/******* PAGE 1bis : accueil ***************/
.page1bis {color:#333333;}
.page1bis .titrePage {padding-bottom: 30px; padding-top: 25px;}
.page1bis ul li:before {
content: "\2022";
margin-right: 10px;
color: #1f294d;
font-size: 20px;
}
.page1bis ul li {margin:0 auto; width: calc(100% - 100px); margin-bottom: 12px; line-height: 16px; list-style: none; text-align: justify;}
.page1bis ul .petit {font-size: 12px; color:#e8595c; line-height: 14px;}
div#captcha{
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
padding-left: 30px;
}
div#captcha {color:#000000; font-weight: bold; padding-top: 30px;}
div#captcha table{ display:block; width: 258px; margin:0 auto; margin-top: 7px; }
div#captcha #captchaValeur {padding: 5px; height: 17px; background:#ffffff; border:solid 1px #000000; text-align: center; color:#000000; font-size: 15px; width: 89px; font-weight: 700;}
.page1bis .boutons {padding-top: 25px;}
.page1bis .boutons #bt1 {display: block; width: 250px; height: 29px; padding-top: 10px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 28px; margin: 0 auto; margin-top: 0px; }
.page1bis .boutons #bt1:hover {background: #eb6449;}
/******* PAGE 2 : INSCRIPTION ***************/
.page2 {font-size: 12px;}
.page2 .titrePage {padding-top:0}
.page2 .obligatoire {padding-top: 30px; width: 580px; height: 80px; margin:0 auto; text-align: right;font-size: 14px;}
.page2 .bloc {width: 100%; overflow: auto;}
.page2 .bloc .colonnes {width: 100%; overflow: auto;}
.page2 .bloc .colG {float: left; width: calc(56% - 5px); margin-right: 5px;}
.page2 .bloc .colD {float: left; width: calc(44% - 5px); margin-left: 5px;}
.page2 .bloc .ligne {margin-bottom: 8px; width: 100%;}
.page2 .bloc .ligne.obli {text-align: right; font-style: italic; padding-right: 15px; width: calc(100% - 15px);}
.page2 .bloc .ligne.padTop {padding-top: 25px;}
.page2 .bloc .ligne label {display: inline-table; text-align: right; margin-right: 6px; line-height: 13px;width: 90px;}
.page2 .bloc .ligne label .indication {font-size: 10px;line-height: 9px; color:#ed6d05; display:block;}
.page2 .bloc .ligne label.radio {width:auto; }
.page2 .bloc .ligne input[type="text"],.page2 .bloc .ligne input[type="email"] {border:none; height: 14px; padding: 4px; background:#f6f5f5; width: 190px; font-size: 12px; border-right: solid 1px #000000; border-bottom: solid 2px #8e8c8f;}
.page2 .bloc .ligne select {border:none; border-right: solid 1px #5c575d; border-bottom: solid 1px #4c474d; height: 25px; padding: 4px; background:#f6f5f5; width: 199px; font-size: 12px;}
.page2 .bloc .colD .ligne label {width: 110px;}
.page2 .bloc .colD .ligne input[type="text"],.page2 .bloc .colD .ligne input[type="email"] {width: 120px; }
.page2 .bloc .colD .ligne label.radio {width:auto; }
.page2 .bloc .colD .ligne select {width: 130px;}
.page2 .bloc .ligne .verifiez {font-size: 9px; margin-top: 10px; margin-right: 150px; line-height: 11px; text-align: right; }
.page2 .bloc .ligne .assurez {font-size: 11px; text-align: center; line-height: 13px; margin-top: 11px; padding-right: 15px; color:#e84e1b;}
.page2 .dates {text-align: center; margin-top: 7px; padding-right: 30px; }
.page2 .bloc .ligne .info {color:#ed6d05; font-size: 9px; margin-right: 12px; margin-top: 2px; text-align: right;}
.page2 .confirmer {width: 550px; margin:0 auto; padding-top: 10px; padding-left: 15px; clear: both; overflow: auto;}
.page2 .confirmer .check {margin-top: 10px; }
.page2 .confirmer .ligne2 {margin-bottom: 10px;}
/*.page2 .confirmer .check .enseigneSlick {margin-bottom: 10px; margin-left: 22px; display:none;}
.page2 .confirmer .check .enseigneSlick.check {display: block;}*/
.page2 #banque {margin-left: 70px;}
.page2 .bloc #banque .ligne label {width: 150px;}
.page2 .bloc #banque #IBAN_details, .page2 .bloc #banque #BIC_details {color:#e84e1b; font-size: 11px;}
.page2 .boutons {padding-top:16px; }
.page2 .boutons #btEnvoyer,.page2 .boutons #btValider {display: block; border: none; width: 250px; height: 42px; line-height: 28px; padding-top: 0px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 28px; margin: 0 auto; margin-top: 0px; }
.page2 .boutons #btEnvoyer:hover,.page2 .boutons #btValider:hover {background: #eb6449;}
/******* PAGE 3 : VERIF ***************/
.page3 .boutons {padding-top:4px; width: 100%; margin:0 auto;}
.page3 .retour {text-align: center; font-size: 13px; margin-top: 6px;width: 100%; overflow: auto; margin-bottom: 20px; overflow: hidden;}
.page3 .retour .t1 {float: left; width: calc(100% - 140px); text-align: right;}
.page3 .retour #btRetour {float: left; border:none; display: block; width: 107px; height: 17px; padding-top: 1px; margin-left: 10px; margin-top: 0px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 14px; }
.page3 .retour #btRetour:hover {background: #eb6449;}
.page3 .blocExact {padding-bottom: 25px;}
/*.page3 .titrePage {padding-bottom: 20px; color:#222222; text-transform: inherit;}
.page3 .boutons {padding-top:8px; width: 100%; margin:0 auto;}
.page3.fr .boutons #btValider {border:none; display: block; width: 371px; height: 40px; background: url(../images/page3/bt2-fr.png) top left no-repeat; margin: 0 auto; margin-top: 0px; }
.page3.fr .boutons #btValider:hover {background-position: -371px;}
.page3 .retour {text-align: center; font-size: 13px; margin-top: 6px;width: 100%; overflow: auto; margin-bottom: 20px; overflow: hidden;}
.page3 .retour .t1 {float: left; width: calc(100% - 220px); text-align: center;}
.page3.fr .retour #btRetour {float: left; border:none; display: block; width: 147px; height: 24px; background: url(../images/page3/bt-retour-fr.png) top left no-repeat; margin-right: 50px; margin-top: 0px; }
.page3.fr .retour #btRetour:hover {background-position: -147px;}
.page3.fr .boutons #btValider {border:none; display: block; width: 371px; height: 40px; background: url(../images/page3/bt2-fr.png) top left no-repeat; margin: 0 auto; margin-top: 0px; }
.page3.fr .boutons #btValider:hover {background-position: -371px;}
.page3.es .retour #btRetour {float: left; border:none; display: block; width: 148px; height: 24px; background: url(../images/page3/bt-retour-es.png) top left no-repeat; margin-right: 50px; margin-top: 0px; }
.page3.es .retour #btRetour:hover {background-position: -148px;}
.page3.es .boutons #btValider {border:none; display: block; width: 311px; height: 40px; background: url(../images/page3/bt2-es.png) top left no-repeat; margin: 0 auto; margin-top: 0px; }
.page3.es .boutons #btValider:hover {background-position: -311px;}*/
/******* PAGE 4 : UPLOAD ***************/
.page4 #formProduits {/*width: 496px; */margin: 0 auto;}
.page4 .bloc .ligne {margin-bottom: 8px; width: 100%;}
.page4 .bloc .ligne label {display: inline-table; text-align: right; margin-right: 6px; font-size: 14px; line-height: 15px;width: 225px; font-weight: bold;}
.page4 .bloc .ligne label .indication {font-size: 10px;line-height: 9px; color:#ed6d05; display:block;}
.page4 .bloc .ligne label.radio {width:auto; }
.page4 .bloc .ligne input[type="text"],.page4 .bloc .ligne input[type="email"] {border:none; border:none; height: 15px; padding: 4px; background:#f6f5f5; width: 230px; font-size: 13px; border-right: solid 1px #000000; border-bottom: solid 1px #8e8c8f;}
.page4 .bloc .ligne select {border:none; border-right: solid 1px #5c575d; border-bottom: solid 1px #4c474d; height: 25px; padding: 4px; background:#f6f5f5; width: 239px; font-size: 13px;}
.page4 .bloc .ligne .info {font-size: 11px; font-weight: normal;}
.page4 .bloc .ligne.deux label {width: 300px;}
/*.page4.es .bloc .ligne.deux label {width: 390px;}*/
/*
.page4 #formProduits .fond {background: url(../images/page4/bg.png) top left repeat-y; border: solid 2px #ffffff; margin-top: 20px; font-size: 14px; line-height: 13px;}
.page4 #formProduits .fond .petit {font-size : 10px; line-height: 11px;}
.page4 #formProduits .fond .ligne {margin-top:4px; padding-top: 3px;margin-bottom:2px; padding-bottom: 4px; border-bottom: solid 1px #000000; width: 100%; overflow: auto;}
.page4 #formProduits .fond .ligne .col1 {float: left; width: 143px; padding-left: 5px; padding-right: 5px;}
.page4 #formProduits .fond .ligne .col2 {float: left; width: 103px; padding-left: 5px; padding-right: 5px;}
.page4 #formProduits .fond .ligne .col3 {float: left; width: 102px; padding-left: 5px; padding-right: 5px;}
.page4 #formProduits .fond .ligne .col4 {float: left; width: 103px; padding-left: 5px; padding-right: 5px;}
.page4 #formProduits .fond .ligne1 {text-align: center;}
.page4 #formProduits .fond .padTop5 {padding-top: 5px;}
.page4 #formProduits .fond .champ {width: 100px; margin-left:2px; display:block; font-size: 12px; height: 13px; border: solid 1px #9c9b9c; background: #ffffff; margin-top: 6px;}
.page4 #formProduits .fond select.champ {width: 102px; font-size: 12px; height: 19px; border: solid 1px #9c9b9c; background: #ffffff;}
.page4 #formProduits .fond .fichier {width: 100px; margin-left:2px; display:block; font-size: 11px; height: 13px; margin-top: 26px;}
.page4 #formProduits .fond .ligne.derniere {border-bottom: none;}
.page4 #formProduits .dates {text-align: center; margin-top: 14px;font-size: 12px; margin-bottom: 12px; }*/
/*.page4.fr #formProduits #btGo {border:none; display: block; width: 367px; height: 40px; background: url(../images/page4/bt1-fr.png) top left no-repeat; margin: 0 auto; margin-top: 0px; margin-bottom: 40px;}
.page4.fr #formProduits #btGo:hover {background-position: -367px;}
.page4.es #formProduits #btGo {border:none; display: block; width: 265px; height: 40px; background: url(../images/page4/bt1-es.png) top left no-repeat; margin: 0 auto; margin-top: 0px; margin-bottom: 40px;}
.page4.es #formProduits #btGo:hover {background-position: -265px;}*/
.page4 #formProduits .nomFichier {text-align: center; font-size: 10px; font-style:italic; margin-top: 6px;}
.page4 .attention {padding:15px; font-weight: bold; font-size: 14px; line-height: 18px; width: calc(100% - 120px); margin: 0 auto; border: solid 1.5px #e8595c; border-radius: 12px; text-align: center; margin-top: 35px; margin-bottom: 6px; }
.page4 .attention p {margin-bottom: 4px;}
.page4 .attention .orange { color:#e84e1b;}
.page4 .obli {font-size: 11px; width: calc(100% - 120px); margin: 0 auto; text-align: right; margin-bottom: 30px;}
.page4 .infosProduit {margin-top: 17px;}
.page4 #btAjouter {display:inline-block; margin:0 auto; margin-top: 15px;}
.page4 .retirer {text-align: center; font-size: 11px;}
.page4 #btGo {display: block; border: none; width: 250px; height: 42px; line-height: 28px; padding-top: 0px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 28px; margin: 0 auto; margin-top: 0px; }
.page4 #btGo:hover {background: #eb6449;}
/* enregistrement phase2 */
.page4 #banque {margin-left: 70px; margin-top: 30px;}
.page4 .bloc #banque .ligne label {width: 150px;}
.page4 .bloc #banque #IBAN_details, .page2 .bloc #banque #BIC_details {color:#e84e1b; font-size: 11px;}
/******* PAGE 5 : CONFIRMATION ***************/
.page5 .titrePage {margin:0 ; padding:0; font-size: 25px; /*font-weight: normal;*/margin-bottom: 12px; line-height: 29px; margin-top: 18px;}
.page5 .texte {text-align: center; margin:0 auto; overflow: auto; margin-top: 20px; width: calc(100% - 100px); color:#000000;}
.page5 .texte .texte1 {margin:0 ; padding:0; margin-top: 7px; font-size: 21px; line-height: 27px; font-weight: normal;}
.page5 .texte .texte1 p {margin-bottom: 11px;}
.page5 .texte .texte2 {margin-top: 23px; font-size: 13px; line-height: 17px; }
.page5 .texte .texte3 {margin-top: 23px; font-size: 21px; line-height: 27px; font-weight: normal;}
.page5 .texte .texte4 {overflow: auto; border: solid 2px #e8595c; line-height: 19px; font-size: 14px; padding: 12px; margin-top: 30px; margin-bottom: 40px; color:#e8595c;}
.page5 .texte .texte4 a {color:#e8595c;}
.page5 .intro_bt {padding-top: 10px; padding-bottom: 14px; font-size: 17px; line-height: 23px; color:#23404b;}
/*
.page5 .zoneA.cas2 #imgTitre {padding-top: 100px;}
.page5 .zoneA.cas2 .texte {margin-top: 40px;}
.page5 .zoneA.cas2 .cadre2 {margin-top: 35px;}
.page5 .zoneA.cas2 .h4 {margin-top: 45px;}
.page5 .zoneA.cas2 .boutons {padding-top:20px;}
*/
.page5 .boutons {/*width: 221px; */padding-top: 29px; margin:0 auto; padding-bottom: 20px; }
.page5 #bt1 {border:solid 2px #e8595c; border-radius: 30px; display: block; font-weight: 700; width: 350px; height: 20px; font-size: 20px; line-height: 20px; color:#e8595c; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; }
.page5 #bt1:hover {border:solid 2px #303e48; color:#303e48;}
/******* PAGE 6 : MERCI ***************/
.page6 .titrePage {margin-top: 5px;}
.page6 .t {/*background: url(../images/page6/attention.jpg) top center no-repeat;*/ font-size: 15px;margin: 0 auto; line-height: 20px; text-align: center; margin-top: 30px; padding: 40px; padding-top: 30px; padding-bottom: 10px; border: solid 2px #e8595c; border-radius: 7px; width: calc(100% - 100px); position: relative;}
.page6 .t.plus {margin-top: 50px; padding-top: 18px;}
.page6 .t p {margin:0; padding:0; margin-bottom: 7px;}
.page6 .t p.un {font-size: 16px;}
.page6 .t p.deux {font-size: 13px; line-height: 17px; padding-top: 14px;}
.page6 .t #imgAttention {position: absolute; top: -25px; margin-left: -24px;}
.page6 .info {text-align: center; margin: 0 auto; margin-top: 30px; color:#e8595c; width: calc(100% - 100px); line-height: 20px; font-weight: 600;}
.page6 .info a {color:#e8595c;}
.page6 .info .pensez {padding-top: 35px; font-size: 17px; line-height: 23px; color:#23404b;}
.page6 .boutons {/*width: 221px; */padding-top: 19px; margin:0 auto; padding-bottom: 20px; }
.page6 .bt-clic {border:solid 2px #e8595c; border-radius: 30px; display: block; font-weight: 700; width: 260px; /*height: 20px; */font-size: 20px; line-height: 20px; color:#e8595c; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; margin-bottom: 15px;}
.page6 .bt-clic:hover {border:solid 2px #303e48; color:#303e48;}
.page6 .bt-rejouer {display: block; border: none; width: 350px; /*height: 35px; */line-height: 26px; padding-top: 10px; padding-bottom: 10px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 20px; margin: 0 auto; margin-top: 0px; margin-bottom: 45px;}
.page6 .bt-rejouer span {font-size: 24px;}
.page6 .bt-rejouer:hover {background: #eb6449;}
.page6 .sousTitre {text-align:center; margin-bottom: 15px;}
.page6 .asterisque {font-size: 11px; font-style: italic;}
/******* PAGE 8 : CONDITIONS ***************/
.page8 .texte {width: 560px; height: 460px; padding-left: 20px; padding-right: 20px; overflow: auto; text-align: justify; font-size: 13px; line-height: 17px; margin: 0 auto; margin-top: 0px; }
.page8 .texte h2 {margin-top:20px;margin-bottom: 2px; font-size: 16px; color:#23404b;}
.page8 .texte h2.un {margin-top:0;}
.page8 .texte h3 {padding-top:3px; padding-bottom:2px; text-decoration: underline;}
.page8 .texte p {margin-bottom: 8px;}
.page8 .texte ul {margin-top: 7px; margin-bottom: 22px;}
.page8 .texte ul li {list-style: disc; margin-left: 20px; padding-left:5px; padding-bottom:5px;}
.page8 .texte .offre12-photos {margin-top: 25px; width: 100%; overflow: auto;}
.page8 .texte .offre12-photos .col {float: left; width: calc(50% - 20px); padding-left: 10px; padding-right: 10px;}
.page8 .texte .offre12-photos .col img {width: 100%;}
.page8 .texte .rhinov {margin:0 auto; margin-top: 30px; width: 170px; padding: 10px; text-align: center; background:#008996; color:#ffffff; text-decoration: none; border-radius: 5px; display:block; font-weight: bold; font-size: 16px; }
.page8 .boutons {padding-top:31px; margin:0 auto; }
.page8 #bt1 {display: block; font-weight: 700; width: 160px; height: 20px; font-size: 20px; line-height: 20px; color:#ffffff; background:#5c5d60; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; }
.page8 #bt1:hover {background:#eb6449;}
@media only screen and (max-width: 767px) {
.page8 .texte .offre12-photos .col {float: none; margin-bottom: 20px; width: calc(100% - 20px);}
}
.page8 .zone-boutons-pdf {width: 100%; overflow: auto;}
.page8 .zone-boutons-pdf .col {margin-bottom: 25px;}
.page8 .zone-boutons-pdf a {display: block; margin: 0 auto; font-weight: 700; border-radius: 12px; width: 220px; font-size: 16px; line-height: 25px; color:#ffffff; background:#5c5d60; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; }
.page8 .zone-boutons-pdf a:hover {background:#eb6449;}
/******* PAGE 9 : FIN ***************/
.page9 .zoneA {min-height: 550px;}
/*.page9 .fondFin {background: url('../images/page9/bg.png') top center no-repeat; width: 100%; padding-top: 6px; min-height: 540px;}*/
.page9 .titrePage {padding-top: 28px; padding-bottom: 25px;}
.page9 .rezo {overflow: auto; text-align: center; width: 360px; border-radius: 12px; margin: 0 auto; border: solid 2px #e8595c; line-height: 23px; font-size: 19px; padding: 12px; margin-top: 30px; margin-bottom: 20px; color:#e8595c;}
.page9 .rezo .invite {margin-bottom: 20px;}
.page9 .blocIcones {width: 100%; overflow: none; text-align: center;}
.page9 .blocIcones a {display:inline-block; padding: 5px; height: 55px;}
.page9 .blocIcones a.instagram {width: 54px; background: url(../images/rezo/instagram.png) top left no-repeat;}
.page9 .blocIcones a.facebook {width: 59px; background: url(../images/rezo/facebook.png) top left no-repeat;}
.page9 .blocIcones a.pinterest {width: 53px; background: url(../images/rezo/pinterest.png) top left no-repeat;}
.page9 .blocIcones a.youtube {width: 55px; background: url(../images/rezo/youtube.png) top left no-repeat;}
.page9 .boutons {/*width: 221px; */padding-top: 29px; margin:0 auto; padding-bottom: 20px; }
.page9 #bt1 {border:solid 2px #e8595c; border-radius: 30px; display: block; font-weight: 700; width: 250px; height: 20px; font-size: 20px; line-height: 20px; color:#e8595c; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; }
.page9 #bt1:hover {border:solid 2px #303e48; color:#303e48;}
/******* PAGE 10 : DOTATIONS ***************/
.page10 .titrePage {line-height: 33px; padding-top: 55px; }
.page10 .texte {width: 600px; text-align: justify; font-size: 13px; line-height: 17px; margin: 0 auto; margin-top: 0px; }
.page10 .texte h2 { margin-top:20px;margin-bottom: 2px; font-size: 15px; color:#008b99;}
.page10 .texte h2 .orange {color:#e84e1b;}
.page10 .texte p {margin-bottom: 0px;}
.page10 .texte ul {margin-top: 7px; margin-bottom: 22px;}
/*.page10 ul li:before {
content: "\2022";
margin-right: 10px;
color: #e84e1b;
font-size: 20px;
}*/
.page10 .texte ul li {list-style: none; margin-left: 0px; padding-left:5px; padding-bottom:5px;}
.page10 .boutons {padding-top:31px; padding-bottom: 30px; margin:0 auto; }
.page10.fr .boutons #bt1 {display: block; width: 311px; height: 39px; background: url(../images/page8/bt1-fr.png) top left no-repeat; margin: 0 auto; margin-top: 0px; }
.page10.fr .boutons #bt1:hover {background-position: -311px;}
.page10.es .boutons #bt1 {display: block; width: 271px; height: 40px; background: url(../images/page8/bt1-es.png) top left no-repeat; margin: 0 auto; margin-top: 0px; }
.page10.es .boutons #bt1:hover {background-position: -271px;}
/******* PAGE 11 : REVELATION ***************/
.page11 .zoneA {margin-top: 30px;}
.page11 .intro {text-align: center; padding: 20px; padding-top: 0px; font-size: 21px; line-height: 25px; padding-bottom: 30px; font-weight: bold;}
.page11 .intro2 {font-weight: normal; margin-top: 15px;}
.page11 .boutons {padding-top:16px; }
.page11 .boutons #btJouer {display: block; border: none; width: 250px; height: 35px; line-height: 28px; padding-top: 5px; background: #5c5d60; color:#ffffff; text-align:center; text-decoration: none; font-weight: bold; font-size: 24px; margin: 0 auto; margin-top: 0px; }
.page11 .boutons #btJouer:hover {background: #eb6449;}
/*
* Casino : OFFRE 6
*/
/*.offre6 #casino .content:nth-child(1) {text-align: center; height: 441px;}
.offre6 #casino .content > div {clear:both; padding-top: 190px; width: 100%; margin: 0 auto;}
.offre6 .machineContainer{background-color: #000;padding: 5px 1px 5px 1px;overflow: hidden;height: 135px;}
.offre6 .slotMachine{
width: 111px;
height: 38px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
background-color: #ffffff;
}
.offre6 .btn-group-casino {margin-top:220px;}
.offre6 .btn-group-casino .btn {border: none;background-color: rgb(209, 79, 119);}
.offre6 .btn-group-casino .btn:hover, .btn-group-casino .btn:focus {background-color: rgb(180, 75, 119);}
.offre6 .slotMachineNoTransition {-webkit-transition: none !important;transition: none !important;}
.offre6 .slotMachineBlurFast {-webkit-filter: blur(5px); filter: blur(5px);}
.offre6 .slotMachineBlurMedium {-webkit-filter: blur(3px);filter: blur(3px);}
.offre6 .slotMachineBlurSlow {-webkit-filter: blur(2px);filter: blur(2px);}
.offre6 .slotMachineBlurTurtle {-webkit-filter: blur(1px); filter: blur(1px);}
.offre6 .slotMachineGradient {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}
.offre6 .machineResult{ color:#fff;text-align:center;font-weight: 900;}
.offre6 .noBorder{border:none !important;background: transparent !important;}
.offre6 .slotMachine .slot{height:38px; background-position-x: 55%; background-repeat: no-repeat;}
.offre6 .slot3 {background-image: url("../images/page11/offre6-slot3.png");}
.offre6 .slot4 {background-image: url("../images/page11/offre6-slot4.png");}
.offre6 .slot0 {background-image: url("../images/page11/offre6-slot0.png");}*/
/*
* Casino : OFFRE 11
*/
.offre11 #casino .content:nth-child(1) {text-align: center;/*background: url('../img/machine.png') no-repeat 50% 80px;*/ height: 350px;}
.offre11 #casino .content > div {clear:both; padding-top: 00px; width: 100%; margin: 0 auto;}
.offre11 .machineContainer{background-color: #000;padding: 5px 1px 5px 1px;overflow: hidden;height: 135px;}
.offre11 .slotMachine{ /*width: 32.333333%;*/
width: 350px;
/*border: 5px solid #000;*/
/*height: 100px;*/
height: 350px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
background-color: #ffffff;
}
.offre11 .btn-group-casino {margin-top:220px;/*margin-left: -32px;*/}
.offre11 .btn-group-casino .btn {border: none;background-color: rgb(209, 79, 119);}
.offre11 .btn-group-casino .btn:hover, .btn-group-casino .btn:focus {background-color: rgb(180, 75, 119);}
.offre11 .slotMachineNoTransition {-webkit-transition: none !important;transition: none !important;}
/*.offre11 .slotMachineBlurFast {-webkit-filter: blur(5px); filter: blur(5px);}
.offre11 .slotMachineBlurMedium {-webkit-filter: blur(3px);filter: blur(3px);}
.offre11 .slotMachineBlurSlow {-webkit-filter: blur(2px);filter: blur(2px);}
.offre11 .slotMachineBlurTurtle {-webkit-filter: blur(1px); filter: blur(1px);}*/
/*
.offre11 .slotMachineGradient {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}*/
.offre11 .machineResult{ color:#fff;text-align:center;font-weight: 900;}
.offre11 .noBorder{border:none !important;background: transparent !important;}
.offre11 .slotMachine .slot{height:350px; background-position-x: 55%; background-repeat: no-repeat;}
.offre11 .slot5 {background-image: url("../images/page11/offre11-slot5.png");}
.offre11 .slot6 {background-image: url("../images/page11/offre11-slot6.png");}
.offre11 .slot7 {background-image: url("../images/page11/offre11-slot7.png");}
.offre11 .slot8 {background-image: url("../images/page11/offre11-slot8.png");}
/*.offre11 .slot0 {background-image: url("../images/page11/offre11-slot0.png");}*/
.offre11 .slot5.xl {background-image: url("../images/page11/offre11-slot5-xl.png");}
.offre11 .slot6.xl {background-image: url("../images/page11/offre11-slot6-xl.png");}
.offre11 .slot7.xl {background-image: url("../images/page11/offre11-slot7-xl.png");}
.offre11 .slot8.xl {background-image: url("../images/page11/offre11-slot8-xl.png");}
/*.offre11 .slot0.xl {background-image: url("../images/page11/offre11-slot0-xl.png");}*/
/*
* Casino : OFFRE 14
*/
.offre14 #casino {background:url('../images/page11/bg-offre14-fr.png') top center no-repeat;}
.offre14 #casino .content:nth-child(1) {text-align: center; height: 441px;}
.offre14 #casino .content > div {clear:both; padding-top: 190px; width: 100%; margin: 0 auto;}
.offre14 .machineContainer{background-color: #000;padding: 5px 1px 5px 1px;overflow: hidden;height: 135px;}
.offre14 .slotMachine{
width: 111px;
height: 38px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
background-color: #ffffff;
}
.offre14 .btn-group-casino {margin-top:220px;}
.offre14 .btn-group-casino .btn {border: none;background-color: rgb(209, 79, 119);}
.offre14 .btn-group-casino .btn:hover, .btn-group-casino .btn:focus {background-color: rgb(180, 75, 119);}
.offre14 .slotMachineNoTransition {-webkit-transition: none !important;transition: none !important;}
.offre14 .slotMachineBlurFast {-webkit-filter: blur(5px); filter: blur(5px);}
.offre14 .slotMachineBlurMedium {-webkit-filter: blur(3px);filter: blur(3px);}
.offre14 .slotMachineBlurSlow {-webkit-filter: blur(2px);filter: blur(2px);}
.offre14 .slotMachineBlurTurtle {-webkit-filter: blur(1px); filter: blur(1px);}
.offre14 .slotMachineGradient {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}
.offre14 .machineResult{ color:#fff;text-align:center;font-weight: 900;}
.offre14 .noBorder{border:none !important;background: transparent !important;}
.offre14 .slotMachine .slot{height:38px; background-position-x: 55%; background-repeat: no-repeat;}
.offre14 .slot11 {background-image: url("../images/page11/offre14-slot11.png");}
.offre14 .slot12 {background-image: url("../images/page11/offre14-slot12.png");}
.offre14 .slot0 {background-image: url("../images/page11/offre14-slot0.png");}
/*
* Casino : OFFRE 25
*/
.offre25 #casino .content:nth-child(1) {text-align: center; height: 441px;}
.offre25 #casino .content > div {clear:both; padding-top: 60px; width: 100%; margin: 0 auto;}
.offre25 .machineContainer{background-color: #000;padding: 5px 1px 5px 1px;overflow: hidden;height: 135px;}
.offre25 .slotMachine{
width: 146px;
height: 61px;
padding: 0px;
overflow: hidden;
display: inline-block;
text-align: center;
background-color: #ffffff;
}
.offre25 .btn-group-casino {margin-top:220px;}
.offre25 .btn-group-casino .btn {border: none;background-color: rgb(209, 79, 119);}
.offre25 .btn-group-casino .btn:hover, .btn-group-casino .btn:focus {background-color: rgb(180, 75, 119);}
.offre25 .slotMachineNoTransition {-webkit-transition: none !important;transition: none !important;}
.offre25 .slotMachineBlurFast {-webkit-filter: blur(5px); filter: blur(5px);}
.offre25 .slotMachineBlurMedium {-webkit-filter: blur(3px);filter: blur(3px);}
.offre25 .slotMachineBlurSlow {-webkit-filter: blur(2px);filter: blur(2px);}
.offre25 .slotMachineBlurTurtle {-webkit-filter: blur(1px); filter: blur(1px);}
.offre25 .slotMachineGradient {-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}
.offre25 .machineResult{ color:#fff;text-align:center;font-weight: 900;}
.offre25 .noBorder{border:none !important;background: transparent !important;}
.offre25 .slotMachine .slot{height:61px; background-position-x: 55%; background-repeat: no-repeat;}
.offre25 .slot16 {background-image: url("../images/page11/offre25-slot16.png");}
.offre25 .slot17 {background-image: url("../images/page11/offre25-slot17.png");}
.offre25 .slot0 {background-image: url("../images/page11/offre25-slot0.png");}
/******* PAGE 12 : DON ASSOCIATION ***************/
.page12 .t {text-align: center; padding-top: 22px; font-size: 17px;}
.page12 .t .un {font-weight: bold; font-size: 19px;}
.page12 .t .deux {margin-top: 16px; margin-bottom: 30px;}
.page12 .t .deux span {font-size: 14px;}
.page12 .t .choix {font-size: 15px; margin-bottom: 25px;}
.page12 .t .choix input {width: 46px; padding: 3px; font-size: 14px; text-align: center;}
.page12 .t .choix .precisions {font-size: 12px; font-style: italic;}
.page12 .t button {font-size: 17px; padding: 5px 15px;}
/******* PAGE 13 : SELECTION POINT DE VENTE ***************/
.page13 .logo-devient {display: block; margin: 0 auto; max-width: calc(100% - 30px); margin-bottom: 50px;}
.page13 .t2 {text-align: justify; padding-top: 0px; font-size: 17px;line-height: 20px;}
.page13 .t2 p {margin-bottom: 18px;}
.page13 .t2 .titre {font-size: 24px; font-weight: 700; line-height: 30px;}
.page13 .t {text-align: center; padding-top: 22px; font-size: 17px;}
.page13 .t .un {font-weight: bold; font-size: 19px; margin-bottom: 35px;}
.page13 .t .choix {font-size: 15px; margin-bottom: 15px;}
.page13 .t .choix select {padding: 6px; font-size: 14px;}
/*.page13 .t .choix input {width: 46px; padding: 3px; font-size: 14px; text-align: center;}
.page13 .t .choix .precisions {font-size: 12px; font-style: italic;}*/
.page13 .t button {font-size: 17px; padding: 5px 15px;}
.page13 .boutons {/*width: 221px; */padding-top: 19px; margin:0 auto; padding-bottom: 20px; }
.page13 .bt-clic {border:solid 2px #e8595c; border-radius: 30px; display: block; font-weight: 700; width: 260px; /*height: 20px; */font-size: 20px; line-height: 20px; color:#e8595c; text-align: center; padding: 10px; text-decoration:none; margin: 0 auto; margin-top: 0px; margin-bottom: 15px;}
.page13 .bt-clic:hover {border:solid 2px #303e48; color:#303e48;}
@media only screen and (min-width: 458px) {
.page13 .logo-devient {max-width: 380px;}
}
/******* POPUP ***************/
.popup {padding:10px; width: 450px;}
/******* PROMOPRESTO ***************/
#promopresto {background: url(../images/promopresto.svg); background-size: 100%; width: 13px; height: 90px; position: absolute; margin-right: -80px;}
/******* FOOTER ***************/
footer { width: 100%; margin: 0 auto; padding-top: 20px; color:#ffffff; }
footer #navOffre {margin-top: 0px; text-align: center;}
footer #navOffre a {display:inline-block; padding: 20px; text-align: center; text-decoration: none; /*color:#5c5d60;*/ font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
footer #navOffre a:hover {color:#eb6449;}
footer #navBas {margin: 0 auto; /*background: url(../images/bg-footer.png) top center no-repeat #5c5d60;*/ text-align: center;}
footer #navBas .cadre {width: 762px; margin: 0 auto; /*padding-top: 20px;*/ padding-bottom: 5px; overflow: auto;}
footer #navBas a {display:inline-block; padding: 20px; text-align: center; text-decoration: none; /*color:#ffffff;*/ font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
footer #navBas a:hover {/*color:#eb6449;*/}
.page0 footer {background: #008a98; width: calc(100% - 40px); text-align: center; padding: 20px; font-size: 14px; line-height: 19px; font-weight: 700; font-family: Arial, Helvetica, sans-serif;}
@media only screen and (max-width: 867px) {
.zoneC {background: #ffffff;}
#feuilleBlanche {min-height: auto !important; padding-bottom: 40px;}
.page0 .zoneC {background: url(../images/page0/bg-mini-2023.png) top center no-repeat; }
.page0 .t {padding-top: 580px;}
.page0 #contenu .logo {display: none;}
.page0bis .zoneC {background: none; }
.page0bis header img {max-width: 92%; margin: 0 auto;}
.page8 .texte {height: auto; padding-right:0}
footer #navBas .cadre {width: 100%; margin: 0 auto; }
}
@media only screen and (max-width: 767px) {
/*.page0.es .boutons .bt1 {display: block; width: 400px; height: 26px; background: url(../images/page0/bt1-s-es.png) top left no-repeat; }
.page0.es .boutons .bt1:hover {background-position: -400px;}*/
.page9 .zoneA {min-height: auto;}
#promopresto {display: none;}
}
@media only screen and (max-width: 707px) {
/*#contenu #englobeEtapes {width: 100%; height: 200px;}*/
/*#contenu #etapes {float: none;width: 383px; margin:0 auto; height: 98px; }
#contenu #ZoneCpt {float: none; margin: 0 auto; width: 140px; height: 30px;}*/
}
@media only screen and (max-width: 667px) {
/*#document {background: none;}
.wrapper {width: 100%;}
body {background:#f8a700;}
.zoneC {width: 100%;}
#zoneA {height: inherit;}*/
#feuilleBlanche {padding-right: 12px; padding-left: 12px; width: calc(100% - 24px);}
/*.page0.fr .boutons .bt1 {display: block; width: 270px; height: 32px; background: url(../images/page0/bt1-xs-fr.png) top left no-repeat; }
.page0.fr .boutons .bt1:hover {background-position: -270px;}*/
.page1bis ul li {width: calc(100% - 44px);}
/*.page1bis.fr .boutons #bt1 {width: 270px; height: 31px; background: url(../images/page1bis/bt1-xs-fr.png) top left no-repeat; }
.page1bis.fr .boutons #bt1:hover {background-position: -270px;}
.page1bis.es .boutons #bt1 {width: 270px; height: 27px; background: url(../images/page1bis/bt1-xs-es.png) top left no-repeat; }
.page1bis.es .boutons #bt1:hover {background-position: -270px;} */
.page2 .bloc .colG {float: none; width: 100%; margin-right: 0px; margin-bottom: 40px;}
.page2 .bloc .colD {float: none; width: 100%; margin-left: 0px;}
.page2 .bloc .ligne { width: 400px; margin: 0 auto; margin-bottom: 17px;}
.page2 .bloc .ligne label {width: 100% !important; display:block; text-align: left; margin-bottom: 4px;}
.page2 .bloc .ligne label.radio {display: inline-table; width: auto !important;}
.page2 .bloc .ligne input[type="text"], .page2 .bloc .ligne input[type="email"] {width: calc(100% - 16px) !important; }
.page2 .bloc .ligne .verifiez {width: 100%; text-align: center;}
.page2 .confirmer {width: 100%; padding-left:0;}
.page2 #banque {margin-left: 0px;}
.page2 .bloc #banque .ligne label {width: 100%;}
.page4 .bloc .ligne { width: 400px; margin: 0 auto; margin-bottom: 17px;}
.page4 .bloc .ligne label {width: 100%; display:block; text-align: left; margin-bottom: 4px;}
.page4 .bloc .ligne label.radio {display: inline-table;}
.page4 .bloc .ligne input[type="text"], .page2 .bloc .ligne input[type="email"] {width: calc(100% - 16px); }
.page4 .bloc .ligne select {width: calc(100% - 8px); }
.page4 .obli {width: 100%; margin: 0 auto; text-align: center; margin-bottom: 30px;}
/*.page5.es #bt1 {border:none; display: block; width: 270px; height: 55px; background: url(../images/page6/bt1-xs-es.png) top left no-repeat; }
.page5.es #bt1:hover {background-position: -270px;}
.page6.es #bt1 {border:none; display: block; width: 270px; height: 55px; background: url(../images/page6/bt1-xs-es.png) top left no-repeat; }
.page6.es #bt1:hover {background-position: -270px;}
.page9.es #bt1 {border:none; display: block; width: 270px; height: 55px; background: url(../images/page6/bt1-xs-es.png) top left no-repeat; }
.page9.es #bt1:hover {background-position: -270px;} */
.page8 .texte {width: 100%;}
footer {padding-top: 0;}
}
@media only screen and (max-width: 567px) {
.zoneC {width: 100%;}
/*.page0.es .boutons .bt1 {display: block; width: 270px; height: 18px; background: url(../images/page0/bt1-xs-es.png) top left no-repeat; }
.page0.es .boutons .bt1:hover {background-position: -270px;} */
.page5 .texte {width: 100%; }
}
@media only screen and (max-width: 467px) {
.page2 .bloc .ligne { width: 100%;}
.page4 .bloc .ligne { width: 100%;}
.page5 #bt1 {width: calc(100% - 35px); height: auto; }
.page9 .rezo {width: calc(100% - 50px);
}
@media only screen and (max-width: 420px) {
#contenu #englobeEtapes {width: 320px;}
#contenu #etapes span {width: 80px;}
.page6 .info {width: 100%;}
.page6 #bt1 {width: calc(100% - 30px); height: auto; }
}