@charset "utf-8";

body{
	margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

.content{
	position:relative;
	width:100%;
	height:auto;
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

p, ul, li, table, tr, th, td, h1, h2, h3{
	padding:0;
	margin:0;
}

a{
	color:#000000;
}

img{
	border:0;
}

:focus{
	outline:0;
}

@font-face{
    font-family : "Recoleta-Black";
	src : url('../font/Recoleta-Black.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Recoleta-Black.eot?#iefix') format('eot'),
		  url('../font/Recoleta-Black.woff') format('woff'),
          url('../font/Recoleta-Black.svg') format('svg'),
          url('../font/Recoleta-Black.ttf') format('truetype');
}

.fontRecoBk{
	font-family: "Recoleta-Black";
	font-weight:normal;
}

@font-face{
    font-family : "Recoleta-SemiBold";
	src : url('../font/Recoleta-SemiBold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Recoleta-SemiBold.eot?#iefix') format('eot'),
		  url('../font/Recoleta-SemiBold.woff') format('woff'),
          url('../font/Recoleta-SemiBold.svg') format('svg'),
          url('../font/Recoleta-SemiBold.ttf') format('truetype');
}

.fontRecoSeBd{
	font-family: "Recoleta-SemiBold";
	font-weight:normal;
}

@font-face{
    font-family : "Lemongrass-Regular";
	src: url('../font/Lemongrass-Regular.otf') format('opentype');
}

.fontLemongrass{
	font-family: "Lemongrass-Regular";
	font-weight:normal;
}

@font-face{
    font-family : "Recoleta-Regular";
	src : url('../font/Recoleta-Regular.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Recoleta-Regular.eot?#iefix') format('eot'),
		  url('../font/Recoleta-Regular.woff') format('woff'),
          url('../font/Recoleta-Regular.svg') format('svg'),
          url('../font/Recoleta-Regular.ttf') format('truetype');
}

.fontRecoSeRe{
	font-family: "Recoleta-Regular";
	font-weight:normal;
}

@font-face{
    font-family : "OpenSans-Bold";
	src : url('../font/OpenSans-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/OpenSans-Bold.eot?#iefix') format('eot'),
		  url('../font/OpenSans-Bold.woff') format('woff'),
          url('../font/OpenSans-Bold.svg') format('svg'),
          url('../font/OpenSans-Bold.ttf') format('truetype');
}

.fontOpenBd{
	font-family: "OpenSans-Bold";
	font-weight:normal;
}

@font-face{
    font-family : "OpenSans-Regular";
	src : url('../font/OpenSans-Regular.eot'); /* Pour IE9 Compat mode */
    src : url('../font/OpenSans-Regular.eot?#iefix') format('eot'),
		  url('../font/OpenSans-Regular.woff') format('woff'),
          url('../font/OpenSans-Regular.svg') format('svg'),
          url('../font/OpenSans-Regular.ttf') format('truetype');
}

.fontOpenRe{
	font-family: "OpenSans-Regular";
	font-weight:normal;
}

@font-face{
    font-family : "Gobold-Bold";
	src : url('../font/Gobold-Bold.eot'); /* Pour IE9 Compat mode */
    src : url('../font/Gobold-Bold.eot?#iefix') format('eot'),
		  url('../font/Gobold-Bold.woff') format('woff'),
          url('../font/Gobold-Bold.svg') format('svg'),
          url('../font/Gobold-Bold.ttf') format('truetype');
}

.fontGobold{
	font-family: "Gobold-Bold";
	font-weight:normal;
}

.bouton{
	margin-top: 49px;
	float: left;
    width: 100%;
    text-align: center;
}

#form_coord .bouton {
	float: left;
    width: 100%;
    text-align: center;
}

.bouton .load{
	position:absolute;
	left:50%;
	top:50%;
	width:30px;
	height:30px;
	margin-top:-19px;
	margin-left:-19px;
	border:4px solid #f3f3f3;
	border-top:4px solid #1e5d30;
	border-radius:50%;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.bouton-left{
	float:left;
	width:50%;
	text-align:right;
}

.bouton-right{
	float:right;
	width:50%;
	text-align:left;
}

@media screen and (max-width: 33.999em){
.bouton-left{
	width:100%;
	text-align:center;
}
.bouton-right{
	width:100%;
	text-align:center;
}
}

.bouton a{
	display:inline-block;
	width:208px;
	height:auto;
	margin:0 35px;
	padding:4px;
	text-decoration:none;
	background-color:#e40614;
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-radius: 5px;
	margin-bottom: 38px;
}

.bouton a div{
	width:100%;
	height:auto;
	color:#ffffff;
	font-size:21px;
	line-height:43px;
	text-align:center;
	/* background-color:#7e69ac; */
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
}

.bouton .bouton-left a{
	display:inline-block;
	width:208px;
	height:auto;
	margin:0 35px;
	padding:4px;
	text-decoration:none;
	background-color:#ffffff;
	border: 1px solid red;
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-radius: 5px;
	margin-bottom: 38px;
}

.bouton .bouton-left a div{
	width:100%;
	height:auto;
	color:#ff0000;
	font-size:21px;
	line-height:43px;
	text-align:center;
	/* background-color:#7e69ac; */
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
}

/* .bouton a:hover div{
	color:#e40614;
	background-color:#e9c571;
}

a.bouton2 div{
	background-color:#e40614;
} */

.mobile{
	display:none;
}

.ui-autocomplete{
    display:none;
    z-index:1000;
    position:absolute;
    top:100%;
    left:0;
    float:left;
    min-width:200px; 
	max-height:300px;  
    padding:0;
    margin:0 0 10px 25px;
    list-style:none;
	border:1px solid #9e9e9e;
    background-color:#000000;
	overflow:auto;
}

.ui-menu-item{
	padding:7px 10px;
    font-size:12px;
    color:#222;
	cursor:pointer;
}

.ui-menu-item span{
    color:#000;
}

.ui-menu-item:hover{
    background-color:#eeeeee;
}

.ui-helper-hidden-accessible{
	display:none;  
}


/* HEADER */



#page_home_header{
	position:relative;
	width:100%;
	height:450px;
	background:url("../img/bandeau.png") no-repeat;
	background-color:#d13030;
	background-position: top center;
	background-size: cover;
}

#logo{
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-633px;
}

@media screen and (max-width: 1300px){
#logo{
	margin-left:-580px;
}
}


/* CONTENU */

#contenu{
	position:relative;
	background-color: white;
}

#bl_contenu{
	width:970px;
	padding:45px 0 50px 0;
	margin:0 auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	overflow:hidden;
}

h1{
	font-size:31px;
	line-height:1.2em;
	text-align:center;
}

h2{
	font-size:16px;
	line-height:1.2em;
	font-weight:normal;
	text-transform:uppercase;
}

h2 span{
	text-transform:none;
}

.sstitre{
	margin-top:18px;
	font-size:18px;
	line-height:1em;
	text-align:center;
}

.text1{
	font-size:16px;
	line-height:1.2em;
}

.text2{
	font-size:24px;
	line-height:1.2em;
	margin-bottom: 27px;
}

.text3{
	font-size:24px;
	line-height:1.2em;
	margin-bottom: 27px;
}

#mentions{
	float:left;
	font-size:12px;
	line-height:15px;
	text-align:justify;
	color: #999999;
}

#ariane{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	margin-top:22px;
}

.ariane_num{
	width:26px;
	height:26px;
	text-align:center;
	border-radius:50%;
	background-color:transparent;
	border:2px solid #5b538f;
}

.ariane_num p{
	color:#686293;
	font-size:16px;
	line-height:26px;
}

.ariane_icon{
	float:left;
	width:15px;
	height:15px;
	margin-top:5px;
	margin-left:6px;
}

.ariane_slache{
	width:30px;
	height:2px;
	margin-top:14px;
	background-color:#5b538f;
}

.ariane_slache.ariane_actif{
	background-color:#e9c571;
}

.ariane_actif .ariane_num{
	background-color:#e9c571;
	border:2px solid #e9c571;
}

.ariane_actif .ariane_num p{
	color:#e40614;
}

#file_list{
	float:left;
	width:100%;
	height:auto;
}

.file_ligne {
    position: relative;
    display: flex;          
    align-items: center;    
    justify-content: center; 
    flex-direction: column;
    margin-top: 30px;
    width: 100%;         
}

.file_visuel{
	display:inline-block;
	vertical-align:middle;
}

.file_visuel img{
	float: left;
    width: 320px;
    height: auto;
}

.file_name{
	display:inline-block;
	vertical-align:middle;
	max-width:300px;
	padding:0 15px 0 10px;
	word-wrap:break-word;
	font-size:12px;
}

.file_delete{
	display:inline-block;
	vertical-align:middle;
}

.file_delete img{
	width:30px;
	height:30px;
	cursor:pointer;
}


/* PAGE: Accueil */

#bl_banniere {
	margin: 0 auto;
	position: relative;
	width: 1900px;
	max-width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#banniere_home {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

#page_home #bt_participer {
	position: absolute;
	z-index: 2;
	font-size: 18px;
    line-height: 49px;
    background-color: #e40614;
	color: white;
    border-radius: 5px;
    font-weight: 900;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.1);
}

.bouton a{
	display:inline-block;
	width:208px;
	height:auto;
	margin:0 35px;
	padding:4px;
	text-decoration:none;
	background-color:#e40614;
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-radius: 5px;
	margin-bottom: 38px;
}

.bouton a div{
	width:100%;
	height:auto;
	color:#ffffff;
	font-size:21px;
	line-height:43px;
	text-align:center;
	/* background-color:#7e69ac; */
	-webkit-transition:all 0.3s; /* Chrome, Safari */
	-moz-transition:all 0.3s; /* Mozilla */
	-ms-transition:all 0.3s; /* IE */
	-o-transition:all 0.3s; /* Opéra */
	transition:all 0.3s;
}

#page_home #page_home_header{
	height:797px;
	width: 100%;
	background:url("../img/bandeau_home_min.png") no-repeat;
	background-color:#f6f4f5;
	background-position: top center;
	background-size: cover;
}

#main-header {
    position: relative;
    z-index: 10;      
	width: 100%;
    max-width: 1900px;
	margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0px 6px 10px -2px rgba(0, 0, 0, 0.15); 
}

#main-header ul{
	text-align: right;
    padding-right: 150px;
}

#main-header li{
	display:inline;
	list-style:none;
}

#main-header li a{
	margin: 0 15px;
    color: #160a0a;
    font-size: 13px;
    line-height: 80px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
}

/* #page_home header{
	position:relative;
	width:100%;
	min-height:89px;
    padding-top:16px;
	background-color:#fff;
    border-bottom:1px solid #ececec;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.05);
} */

#page_home #bt_jouer{
	position: absolute;
	margin-top:628px;
}

#page_home #bt_jouer a{
	padding:2px;
	background-color:transparent;
	width: 223px;
}

#page_home #bt_jouer a{
	font-size: 18px;
    line-height: 49px;
    background-color: #e40614;
	color: white;
    border-radius: 5px;
    font-weight: 900;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 7%;
    margin-left: 48%;
}

#page_coord #bl_contenu1 {
	z-index: +1;
	top: 1px;
	width: 100%;
}
/* #page_home #bt_jouer a:hover div{
	color:#e40614;
	background-color:#e9c571;
} */

#page_home #contenu {
    min-height: 0 !important; 
    height: auto !important;
	background-color: #e40614;
}

#page_home h1{
	margin-top:72px;
}

#page_home #bl_tuto{
	display:flex;
	flex-direction:row;
	justify-content:center;
	padding-top:54px;
	padding-bottom:130px;
}

#page_home .tuto_cadre{
	width:280px;
	margin:0 10px;
	display: flex;
    flex-direction: column;
    align-items: center;
	gap:17px
}

#page_home .tuto_cadre img{
	width:auto;
	height:78px;

}

#page_home .tuto_text{
	margin:0 14px;
	margin-top:4px;
	font-size:16px;
	line-height:1.2em;
	text-align:center;
}


/* PAGE: Coordonnées */
#page_home #bl_contenu {
	z-index: +1;
	top: 1px;
	width: 100%;
	padding-bottom: 53px;
}

#page_coord #bl_contenu form{
	margin-top:38px;
	margin-bottom: 22px;
}

#page_coord #bl_middle{
	width:380px;
	margin:0 auto;
}

#page_coord #bl_radio{
	float:left;
	width:100%;
	margin-top:7px;
	margin-bottom:10px;
}

#page_coord #bl_radio .check_ligne{
	float:left;
}

#page_coord #bl_radio .check_btn{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	background:url(../img/radio_80.png) no-repeat;
	background-position: 0px 0px;
	background-size:100%;
}

/* Le carré de la checkbox */
.check_btn {
    position:relative;
	float:left;
	width:20px;
	height:20px;
    border: 2px solid #333; /* Couleur bordure quand vide */
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    transition: all 0.2s ease;
}

/* Style quand la case est cochée */
.check_btn.checked {
    background-color: #e30613; /* Couleur de fond (rouge) */
    border-color: #e30613;
}

/* Dessin de la coche (V) en pur CSS */
.check_btn.checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.black_color {
	color: black;
}

label {
    display: inline-block; 
    white-space: nowrap;   
}

.red_color {
    color: #e30613 !important;
}

#page_coord #bl_radio label{
	width:auto;
	height:20px;
	margin-right:30px;
	font-size:16px;
	line-height:20px;
	letter-spacing:normal;
	text-transform:none;
}

#page_coord input[type=email]{
	text-transform:lowercase;
}

#page_coord #bl_code{
	float: left;
    margin-top: 35px;
    z-index: 99;
    position: relative;
    width: 100%;
}

#page_coord #bl_code label{
	width:100%;
}

#page_coord #code{
	width:176px;
	text-align:center;
}

#page_coord .bl_checkbox{
	float:left;
	width:100%;
}

#page_coord #bl_checkbox1{
	margin-top:43px;
}

#page_coord #bl_checkbox2{
	margin-top:17px;
}

#page_coord #mentions{
	margin-top:42px;
}

#page_coord #bt_valider{
	margin-top:32px;
}




/* PAGE: Code-barres */

#page_cb #bl_contenu{
	padding-bottom:56px;
	background-color: white;
}

#page_cb .sstitre{
	margin-top:26px;
}

#page_cb #bl_contenu form{
	margin-top:38px;
}

#page_cb #bl_codebarre{
	width:380px;
	margin:0 auto;
}

#page_cb .cb_libelle{
	float:left;
	width:100%;
	height:auto;
	padding-left:18px;
	font-size:16px;
	font-style:italic;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cb #labelCb2{
	margin-top:17px;
}

#page_cb #bt_continuer{
	margin-top:45px;
}

#page_cb #icon_aide{
	width:30px;
	height:30px;
	cursor:pointer;
	margin-top: 19px;
    margin-left: 15px;
}


/* PAGE: Déclaration */

#page_decla #bl_contenu{
	padding-bottom:80px;
	text-align:center;
}

#page_decla #bl_sstitre{
	display:inline-block;
	position:relative;
}

#page_decla .sstitre{
	margin-top:26px;
}

#page_decla #icon_aide{
	position:absolute;
	top:20px;
	right:-42px;
	width:10px;
	height:10px;
	cursor:pointer;
}

#page_cb #upload_text1{
	margin-top:12px;
}

#page_cb #upload_text2{
	margin-top:26px;
	font-size:12px;
	line-height:1.2em;
}

#page_cb #zone_upload{
	width:568px;
	height:241px;
	margin-top:28px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border: 2px dashed #ff0000;
	border-radius:50px;
}

#page_cb #visuel_upload{
	margin-top:49px;
	margin-bottom:32px;
}

#page_cb #upload_text3{
	font-size:18px;
	line-height:1.2em;
}

#page_cb #upload_text3 span{
	color:#e9c571;
	text-decoration:underline;
	cursor:pointer;
}

#page_cb #zoneParcourirMobile{
	display:none;
}

#page_decla #bt_valider{
	margin-top:50px;
}

#page_decla #form_lapin #upload_text2{
	margin-top:13px;
}

#page_decla #form_lapin #bt_valider{
	margin-top:80px;
}

#page_decla #form_lapin .file_ligne{
	left:20px;
}

#page_decla #form_lapin .file_visuel img{
	height:auto;
	max-height:275px;
}

#page_decla #form_lapin .file_name{
	display:none;
}

#page_decla #form_lapin .file_delete{
	vertical-align:top;
	margin-top:8px;
	margin-left:10px;
}


/* PAGE: Reveal */

#page_reveal #bl_contenu{
	text-align:center;
}
#page_reveal .text1 {
	font-size: 33px;
}

#page_reveal .sstitre{
	text-transform:none;
}

#page_reveal #decompte{
	position:relative;
	margin-top:30px;
}

#page_reveal #visuel_reveal{
	z-index:-1;
	position:absolute;
	top:0;
	margin-left:-211px;
}

#page_reveal #decompte p{
	position: absolute;
	top: 25%;
    left: 22%;
	font-size:175px;
	line-height:1.65em;
	color: red;
}

#page_reveal #bl_contenu {
    width: 100%; /* Changez 970px par 100% */
    max-width: 100%;
    padding-bottom: 0; /* Important pour coller l'image au bord bas */
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Optionnel : force le contenu à prendre toute la hauteur de l'écran */
}

#page_reveal #reveal_img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}



/* PAGE: Perdu */

#page_perdu #bl_contenu{
	width:100%;
	text-align:center;
}

#page_perdu h1{
	margin-bottom:3px;
	font-size:40px;
}

#page_perdu #visuel_montagne{
	margin-top: 40px;
    margin-bottom: 40px;
}

#page_perdu #page_perdu_text{
	margin-top:18px;
}

#page_perdu #visuel_mvec{
	margin-top:46px;
}

#page_perdu #bt_back{
	margin-top:46px;
}

#page_perdu #bt_back a{
	width:310px;
}


/* PAGE: Gain */

#page_gain #bl_contenu{
	text-align:center;
}

#page_gain h1{
	margin-bottom:2px;
	font-size:40px;
}

#page_gain #page_gain_text1{
	font-size:18px;
	margin-top:16px;
}

#page_gain #visuel_panier{
	display:inline-block;
	vertical-align:top;
	width:400px;
	height:auto;
	margin-top:24px;
	margin-left:32px;
}

#page_gain #bl_champ{
	display:inline-block;
	vertical-align:top;
	width:370px;
	margin-top:23px;
	margin-left:54px;
}

#page_gain #cp{
	width:50%;
	margin-right:50%;
}

#page_gain #page_gain_text2{
	margin-top:28px;
}

#page_gain #bt_valider{
	margin-top:45px;
}

#page_gain #mentions{
	margin-top:47px;
}


/* PAGE: Confirmation */

#page_conf #bl_contenu{
	width:100%;
	text-align:center;
}

#page_conf h1{
	margin-bottom:3px;
	font-size:40px;
}

#page_conf #visuel_montagne{
	margin-top:40px;
	margin-bottom:40px;
}

#page_conf #page_conf_text{
	margin-top:18px;
}

#page_conf #visuel_mvec{
	margin-top:46px;
}

#page_conf #bt_back{
	margin-top:46px;
}

#page_conf #bt_back a{
	width:310px;
}


/* PAGE: Mentions légales */

#page_text #bl_text{
	margin-top:18px;
	text-align:justify;
}

#page_text .table{
	width:100%;
	border-collapse:inherit;
}

#page_text .table td, #page_text .table th{
	border:1px solid #fff;
}

#page_text .bull{
	padding:0 10px 0 20px;
}

#page_text #bt_back{
	margin-top:75px;
}

#page_text #bt_back a{
	width:310px;
}


/* PAGE: Attente et Fin */

#page_out #bl_contenu{
	text-align:center;
}

#page_out h1{
	margin:10vh 0;
	font-size:30px;
	line-height:1.2em;
}


/* LIGHTBOX */

#lightbox{
	z-index:99;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.7);
}

#lightbox_bg{
	width:100%;
	height:100%;
}

#lightbox_load{
	position:absolute;
	left:50%; 
	top:50%;
	width:60px;
	height:60px;
	margin-top:-38px;
	margin-left:-38px;
	border:8px solid #f3f3f3;
	border-top:8px solid #c20012;
	border-radius:50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin{ /* Safari */
	0%{-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

.lightbox_content{
	display:none;
	position:absolute;
	left:50%;
	top:50%;
	width:580px;
	height:auto;
	max-height:90%;
	padding-top:65px;
	padding-bottom:40px;
	background-color:#c74141;
	overflow:auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.lightbox_close{
	position:absolute;
	width:30px;
	height:30px;
	top:15px;
	right:15px;
	background-color:#000000;
	border-radius:50%;
	cursor:pointer;
}

.lightbox_close .bar{
	position:relative;
	top:-11px;
	display:block;
	width:14px;
	height:2px;
	margin:16px auto;
	background:#fff;
	border-radius:0;
}

.lightbox_close .top{
	-webkit-transform: translateY(9px) rotateZ(45deg);
	-moz-transform: translateY(9px) rotateZ(45deg);
	-ms-transform: translateY(9px) rotateZ(45deg);
	-o-transform: translateY(9px) rotateZ(45deg);
	transform: translateY(9px) rotateZ(45deg);
}

.lightbox_close .bottom{
	-webkit-transform: translateY(-9px) rotateZ(-45deg);
	-moz-transform: translateY(-9px) rotateZ(-45deg);
	-ms-transform: translateY(-9px) rotateZ(-45deg);
	-o-transform: translateY(-9px) rotateZ(-45deg);
	transform: translateY(-9px) rotateZ(-45deg);
}

.lightbox_titre{
	margin-bottom:40px;
	color:#fff;
	font-size:30px;
	line-height:36px;
	text-align:center;
}

.lightbox_text{
	max-width:90%;
	margin:0 auto;
	font-size:18px;
	line-height:1.2em;
	text-align:center;
}

.lightbox_content .bouton{
	margin-top:40px;
}

#lb_aide{
	width:770px;
	padding-top:40px;
	text-align:center;
}

#pourcentage{
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-top: -10px;
	margin-left: -30px;
}


/* FOOTER */

#footer_bandeau{
	position:relative;
	width:100%;
	height:114px;
	background-color:#f00;
	background:url("../img/footer_bandeau.png") no-repeat;
	background-position: bottom center;
}

footer{
	position:relative;
	width:100%;
	background-color:#e40614;
	border-top:1px solid #ea5862;
}

footer ul{
	text-align:center;
}

footer li{
	display:inline;
	list-style:none;
}

footer li a{
	margin:0 15px;
	color:#fff;
	font-size:12px;
	line-height:39px;
	text-decoration:none;
	cursor:pointer;
}


/* TARTEAUCITRON */

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigDebug{
	background:rgba(0,0,0,0.75);
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert.tarteaucitronDisclaimerAlertDebug{
	font-size:12px;
	font-family: "OpenSans-Regular" !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert.tarteaucitronDisclaimerAlertDebug a{
	font-size:12px;
	font-family: "OpenSans-Regular" !important;
}

#tarteaucitronAlertBig #blCTADebug{
	display:inline-block;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize2.tarteaucitronPersonalizeDebug, #tarteaucitronAlertBig #tarteaucitronAllDenied2.tarteaucitronAllDeniedDebug, #tarteaucitronAlertBig #tarteaucitronCloseAlert.tarteaucitronCloseAlertDebug{
	padding:0 15px;
	margin-top:5px;
	margin-bottom:5px;
	font-family: "OpenSans-Regular" !important;
    color:#1f3e75;
    font-size:14px !important;
	line-height:30px;
    background:#fff;
	border-radius:20px;
}

#tarteaucitronPercentage.tarteaucitronPercentageDebug{
	height:0;
}

@media screen and (max-width: 991px){
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert.tarteaucitronDisclaimerAlertDebug{
	font-size:10px;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert.tarteaucitronDisclaimerAlertDebug a{
	font-size:10px;
}
}

.separateur{
	border: 1px black;
}

/* page gain deezer */

#page_conf #visuel_deezer{
	margin-top:21px;
	margin-bottom:40px;
}

#page_conf #visuel_jeux{
	margin-top:40px;
	margin-bottom:40px;
	width: 300px;
}

#page_perdu #visuel_jeux{
	margin-top:40px;
	margin-bottom:40px;
	width: 300px;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler, 
#onetrust-banner-sdk #onetrust-reject-all-handler {
    background-color: #e00918 !important; /* Remplace par ton bleu ou ta couleur */
    border-color: #e00918 !important;
    color: #ffffff !important;
}

/* Changer la couleur du texte des paramètres (bouton contouré) */
#onetrust-banner-sdk #onetrust-pc-btn-handler {
    color: #e00918 !important;
    border-color: #e00918 !important;
}

/* Changer la couleur du lien "politique relative aux Cookies" */
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
    color: #e00918 !important;
}