@charset "utf-8";

body{
	margin:0;
	color:#0073ab;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#bce2f7;
}

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

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

a{
	color:#0073ab;
}

img{
	border:0;
}

:focus{
	outline:0;
}

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

.fontObvNarBk{
	font-family: "ObviouslyNarrow-Black";
	font-style:normal;
}

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

.fontObvNarBd{
	font-family: "ObviouslyNarrow-Bold";
	font-style:normal;
}

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

.fontObvNarSeBd{
	font-family: "ObviouslyNarrow-SemiBold";
	font-style:normal;
}

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

.fontObvNarMe{
	font-family: "ObviouslyNarrow-Medium";
	font-style:normal;
}

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

.fontObvSeBd{
	font-family: "Obviously-Semibold";
	font-style:normal;
}

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

.fontFuturaHeavy{
	font-family: "FuturaStd-Heavy";
	font-style:normal;
}

.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 #DD052B;
	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:362px;
	height:auto;
    padding:19px 0 15px 0;
	margin:0 15px;
	color:#fff;
	font-size:18px;
	line-height:20px;
    font-weight:normal;
	text-align:center;
	text-decoration:none;
    background-color:#DD052B;
    border:0;
    border-radius:12px;
	cursor:pointer;
	-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;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.bouton a:hover{
	background-color:#111;
}

a.bouton2{
    background-color:#0073AB;
}

.bouton a.bouton2:hover{
	background-color:#111;
}

.mobile{
	display:none;
}

.rouge{
    color:#dd052b;
}

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

.input_password{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

.input_password .icon_eye{
	position:absolute;
	width:40px;
	height:40px;
	top:7px;
	right:0;
	background-image: url("../img/icon_eyeopen.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:18px 18px;
	cursor:pointer;
}

.renvoyer_email{
	cursor:pointer;
  text-decoration:underline;
}


/* HEADER */

header{
	position:relative;
	width:100%;
	background-color:#C3E1F5;
}

header.headerombre{
    box-shadow: 0px 5px 4px 0px rgba(0, 115, 171, 0.1);
}

#header{
	width:100%;
	height:90px;
}

#logo{
	float:left;
    width:140px;
    height:auto;
	margin-top:14px;
	margin-left:5.5%;
}

#menu{
    text-align:center;
}

@media screen and (min-width: 992px){
#menu{
	display:block !important;
}
}

#menu li{
	display:inline-block;
	list-style:none;
	margin-top:39px;
}

#menu li.debugMobile{
	display:none;
}

#menu li a{
    margin:0 34px;
	font-size:18px;
	line-height:1.2em;
	text-decoration:none;
}

@media screen and (max-width: 1400px){
#menu li a{
    margin:0 25px;
}
}

#menu a:hover{
	text-decoration:underline;
}

#header_login{
	float:right;
	margin-top:29px;
	margin-right:5.5%;
}

#header_login p{
	float:right;
	margin-top:7px;
	font-size:18px;
}

#header_login img{
	float:right;
	width:32px;
	height:32px;
	margin-right:16px;
}

#header_conso{
	float:right;
    max-width:164px;
	margin-top:1px;
	font-size:18px;
	line-height:1.2em;
	text-align:left;
}

#header_conso a{
	float:left;
	font-size:12px;
	line-height:normal;
}

#header_compte{
    position:relative;
    float:right;
    width:32px;
    height:32px;
    margin-top:-7px;
	margin-right:28px;
}

#header_compte img{
	float:left;
}

#header_compte div{
    position:absolute;
    bottom:-11px;
    right:-12px;
    display:flex;
    justify-content:center;
    width:22px;
    height:22px;
    text-align:center;
    background-color:#dd052b;
    border:2px solid #c3e1f5;
    border-radius:50%;
}

#header_compte div p{
    color:#fff;
    font-size:8px;
    line-height:1.3em;
    text-decoration:none;
    font-weight:normal;
}


/* CONTENU */

#contenu{
	position:relative;
	width:100%;
	height:auto;
}

#bl_contenu{
	position:relative;
	width:848px;
	padding:36px 0 120px 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:48px;
	line-height:1.2em;
	text-align:center;
    font-weight:normal;
}

.sstitre{
	font-size:20px;
	line-height:1.2em;
	text-align:center;
}

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

#obli{
	float:left;
    width:100%;
	font-size:16px;
	line-height:1.2em;
}

#mentions{
	float:left;
	font-size:14px;
	line-height:21px;
	text-align:justify;
}

#sb_left{
	position:absolute;
	bottom:0;
	left:0;
    width:315px;
    height:auto;
}

#sb_left2{
	position:absolute;
	bottom:0;
	left:0;
    width:290px;
    height:auto;
}

#sb_right{
	position:absolute;
	top:113px;
	right:0;
    width:300px;
    height:auto;
}

#sb_right2{
	position:absolute;
	top:28px;
	right:0;
    width:205px;
    height:auto;
}

#sb_right3{
	position:absolute;
	top:24px;
	right:0;
    width:185px;
    height:auto;
}

#sb_right4{
	position:absolute;
	top:0;
	right:0;
    width:182px;
    height:auto;
}

@media screen and (max-width: 1366px){
#sb_left, #sb_left2{
	left:50%;
	margin-left:-683px;
}
#sb_right, #sb_right2, #sb_right3, #sb_right4{
	right:50%;
	margin-right:-683px;
}
}

#bl_nombre_dominos{
    float:left;
    width:100%;
    text-align:center;
}

#bl_nombre_dominos div{
    position:relative;
    display:inline-block;
    font-size:20px;
    line-height:1.2em;
}

#bl_nombre_dominos span{
    color:#DD052B;
}

#bl_nombre_dominos #icon_domino{
    position:absolute;
    top:-6px;
    left:-34px;
    width:30px;
    height:auto;
}

#bl_nombre_dominos #icon_avion{
    position:absolute;
    top:-10px;
    right:-58px;
    width:58px;
    height:auto;
}

#bl_onglet{
    display:flex;
    width:100%;
}

#bl_onglet .onglet{
    padding:13px 0 8px 0;
    background-color:#0073AB;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor:pointer;
}

#bl_onglet .onglet p{
    color:#fff;
	font-size:18px;
    line-height:20px;
    text-align:center;
	font-family: "ObviouslyNarrow-Medium";
	font-style:normal;
}

#bl_onglet .onglet_actif, #bl_onglet .onglet:hover{
    background-color:#DD052B;
}

#bl_onglet .onglet_actif p, #bl_onglet .onglet:hover p{
	font-family: "ObviouslyNarrow-Black";
	font-style:normal;
}


/* PAGE: Accueil */

#page_home #bl_comptearebours{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    width:100%;
    min-height:58px;
    background-color:#0073ab;
}

#page_home #compteur1{
    position:relative;
	top:2px;
    width:120px;
    height:auto;
    margin-right:16px;
}

#page_home #bl_compteur{
	display:block;
	width:192px;
	height:26px;
	background-image: url(../img/compteur2.png);
	background-position:top center;
	background-repeat:no-repeat;
    background-size:cover;
}

#page_home #bl_jour{
	float:left;
	width:42px;
	height:auto;
    text-align:center;
}

#page_home #bl_heure{
	float:left;
	width:42px;
	height:auto;
    margin-left:27px;
    text-align:center;
}

#page_home #bl_minute{
	float:left;
	width:42px;
	height:auto;
    margin-left:39px;
    text-align:center;
}

#page_home .compteur_text1{
    position:relative;
	top:6px;
	left:6px;
	font-size:18px;
	line-height:1em;
    letter-spacing:12px;
}

#page_home #bl_top{
    position:relative;
    width:100%;
    height:auto;
    color:#fff;
    padding-top:230px;
    padding-bottom:48px;
    text-align:center;
	background-image: url("../img/banniere.png"), url("../img/bg_banniere.png");
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, bottom center;
	background-size:1600px 627px, 1900px 627px;
    overflow:hidden;
}

@media screen and (min-width: 1900px){
#page_home #bl_top{
	background-image: url("../img/banniere.png"), url("../img/bg_banniere.png");
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, bottom center;
	background-size:1600px 627px, 100% 100%;
}
}

#page_home #page_home_text1{
    font-size:32px;
    line-height:1.2em;
}

#page_home #page_home_text2{
    margin-top:19px;
    font-size:20px;
    line-height:1.2em;
}

#page_home #form_code{
    width:343px;
    margin:0 auto;
}

#page_home #form_code input[type=text]{
	height:48px;
    padding:17px 13px 11px 13px;
    margin-top:24px;
    margin-bottom:16px;
    text-align:center;
}

#page_home #bl_recaptcha{
    display: inline-block;

}

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

#page_home #bt_valider a{
    width:310px;
    padding:16px 0 12px 0;
}

#page_home #dotation_mention{
    float:left;
    width:100%;
	margin-top:38px;
	font-size:14px;
    line-height:1em;
}

#page_home #bl_contenu{
    width:100%;
    padding-top:68px;
    padding-bottom:120px;
}

#page_home #bl_tuto{
	display:flex;
	flex-direction:row;
	justify-content:center;
    flex-wrap:wrap;
	margin-top:37px;
}

#page_home .tuto_cadre{
	width:282px;
    margin:0 40px;
	text-align:center;
}

#page_home .tuto_num{
    display:block;
    width:30px;
    height:30px;
    padding-top:5px;
    margin:0 auto;
    text-align:center;
    background-color:#DD052B;
    border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_home .tuto_num p{
	color:#fff;
    font-size:24px;
    line-height:1em;
}

#page_home .tuto_text{
	margin-top:12px;
	font-size:20px;
	line-height:20px;
}

#page_home #bt_regles{
	margin-top:51px;
}

#page_home #bt_regles a{
    width:310px;
    padding:16px 0 12px 0;
}


/* PAGE: Formulaire et Adresse et Compte */

#page_coord .sstitre{
    margin-top:12px;
}

#page_coord h1{
    margin-top:24px;
}

#page_coord #bl_contenu form{
	width:524px;
	margin:0 auto;
	margin-top:33px;
}

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

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

#page_coord #bl_checkbox2{
    margin-top:21px;
    margin-bottom:26px;
}

#page_coord #bl_recaptcha{
    display: inline-block;
}

#page_coord #obli{
	margin-top:48px;
}

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

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

#page_coord #page_coord_text1{
	margin-top:29px;
    font-size:20px;
    line-height:1em;
    text-align:center;
}

#page_coord #bl_contenu #form_adresse{
	margin-top:44px;
}

#page_coord #bl_cp{
	float:left;
	width:146px;
}

#page_coord #form_adresse #cp{
    margin-bottom:33px;
}

#page_coord #bl_ville{
	float:right;
	width:362px;
}

#page_coord #form_adresse #bt_valider{
	margin-top:37px;
}

#page_coord #form_compte .page_coord_text2{
    margin-bottom:21px;
    font-size:24px;
    line-height:1.2em;
}

#page_coord #bl_contenu #form_compte{
	margin-top:43px;
}

#page_coord #form_compte #bt_modifier{
	margin-top:10px;
}

#page_coord #form_compte #bt_modifier a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:344px;
    padding:16px 0 13px 0;
	margin:0 auto;
    background-color:#006491;
}

#page_coord #form_compte #bt_modifier a:hover{
    background-color:#111;
}

#page_coord #form_compte #bt_modifier #icon_stylo{
    position:relative;
    top:-2px;
    width:25px;
    height:25px;
    margin-right:8px;
}

#page_coord #form_compte #hr{
    float:left;
    width:100%;
    margin-top:38px;
    margin-bottom:48px;
    border-top:2px dashed #0073AB;
}

#page_coord #form_compte #obli{
	margin-top:25px;
}

#page_coord #form_compte #bt_back{
	margin-top:40px;
}


/* PAGE: Confirmation inscription */

#page_conf #bl_contenu{
    padding-top:52px;
    padding-bottom:375px;
	text-align:center;
}

#page_conf h1{
	line-height:72px;
}

#page_conf #page_conf_text{
	margin-top:37px;
    font-size:20px;
    line-height:30px;
}

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

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


/* PAGE: Activation */

#page_activ #bl_contenu{
    padding-top:60px;
    padding-bottom:210px;
	text-align:center;
}

#page_activ #page_activ_text{
	margin-top:70px;
	margin-bottom:70px;
}


/* PAGE: Connexion */

#page_login #bl_contenu{
    width:908px;
    padding-top:60px;
    padding-bottom:270px;
	text-align:center;
}

#page_login .sstitre{
    margin-top:16px;
}

#page_login #flex{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
	margin-top:58px;
}

#page_login #flex.debugFin{
    justify-content:center;
}

#page_login #form_login{
	width:416px;
	text-align:center;
}

#page_login #form_login .page_login_text1{
	font-size:36px;
    line-height:1.2em;
	padding-bottom:26px;
}

#page_login #motdepasse{
	margin-bottom:18px;
}

#page_login #recup_pwd{
	float:left;
	font-size:14px;
    line-height:1.2em;
	text-decoration:underline;
	cursor:pointer;
}

#page_login #bt_login{
	margin-top:46px;
}

#page_login #bl_inscription{
    position:relative;
    left:25px;
	width:416px;
	text-align:center;
}

#page_login #bl_inscription .page_login_text1{
	font-size:36px;
    line-height:1.2em;
	padding-bottom:33px;
}

#page_login .page_login_text2{
    margin-bottom:10px;
	font-size:18px;
	line-height:27px;
}

#page_login #bt_compte{
	margin-top:12px;
}


/* PAGE: Mot de passe */

#page_pass #bl_contenu{
	width:416px;
    padding-bottom:0;
}

#page_pass .sstitre{
    margin-top:12px;
}

#page_pass h1{
    margin-top:24px;
}

#page_pass #page_pass_text{
	margin-top:41px;
	font-size:20px;
    line-height:31px;
	text-align:center;
}

#page_pass #bl_contenu #form_password{
	margin-top:40px;
}

#page_pass #bt_valider{
	margin-top:26px;
    margin-bottom:390px;
}

#page_pass #bl_contenu #form_passwordchange{
	margin-top:32px;
}

#page_pass #form_passwordchange #bt_valider{
	margin-top:62px;
    margin-bottom:295px;
}


/* PAGE: Reveal */

#page_reveal #bl_contenu{
    min-height:864px;
    padding-top:59px;
    padding-bottom:200px;
    text-align:center;
}

#page_reveal #visuel_domino{
    display:block;
    width:135px;
    height:auto;
    margin:0 auto;
    margin-bottom:74px;
}

#page_reveal #page_reveal_text1{
    margin-top:3px;
	margin-bottom:74px;
	font-size:20px;
    line-height:30px;
}

#page_reveal #page_reveal_text2{
    margin-top:16px;
	margin-bottom:51px;
	font-size:20px;
    line-height:32px;
}

#page_reveal #page_reveal_text3{
    margin-top:13px;
	font-size:20px;
    line-height:32px;
}

#page_reveal #page_reveal_text4{
    margin-top:20px;
	margin-bottom:31px;
	font-size:20px;
    line-height:32px;
}

#page_reveal #bullerouge{
    position:relative;
    top:-2px;
    display:inline-block;
    width:36px;
    height:35px;
	background-image: url("../img/icon_bullerouge.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:36px 35px;
}

#page_reveal #bullerouge p{
    position:relative;
    top:3px;
    color:#fff;
    font-size:24px;
    line-height:35px;
}

#page_reveal #bullerouge p span{
    position:relative;
    top:-3px;
    font-size:16px;
    line-height:35px;
}

#page_reveal #bt_link{
	margin-bottom:52px;
}

#page_reveal #bt_link a{
	width:310px;
}

#page_reveal #reglesdujeu{
    clear:both;
    display:flex;
    align-items:center;
    justify-content:center;
}

#page_reveal #reglesdujeu p{
	font-size:18px;
    line-height:1.2em;
}

#page_reveal #reglesdujeu img{
    position:relative;
    top:-2px;
    width:16px;
    height:16px;
    margin-left:9px;
}


/* PAGE: Plateau Dominos */

#page_plateau #bandeau_gain{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    padding-top:19px;
    padding-bottom:10px;
    background-color:#0073ab;
    display:none;
}

#page_plateau #bandeau_gain_text{
    color:#fff;
    font-size:16px;
    line-height:1.2em;
}

#page_plateau #bandeau_gain_text span{
    text-transform:uppercase;
}

#page_plateau #bandeau_link{
    position:relative;
    top:-2px;
    margin-left:50px;
}

#page_plateau #bandeau_link p{
    float:left;
    color:#fff;
    font-size:14px;
    line-height:1.2em;
    text-decoration:underline;
}

#page_plateau #bandeau_link img{
    float:left;
    width:14px;
    height:14px;
    margin-left:6px;
}

@media screen and (max-width: 1300px){
#page_plateau #bandeau_gain_text{
    font-size:14px;
}
#page_plateau #bandeau_link{
    margin-left:3%;
}
}

#page_plateau #bl_contenu{
    padding-top:50px;
    padding-bottom:115px;
    text-align:center;
}

#page_plateau #bl_nombre_dominos{
    margin-bottom:27px;
}

#page_plateau #onglet_1{
	width:50%;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
}

#page_plateau #onglet_2{
	width:50%;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
}

#page_plateau #link_bons{
    display:block;
	width:100%;
    margin-top:24px;
    margin-bottom:29px;
    border:1px solid #0073AB;
    border-radius:6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    overflow:hidden;
}

#page_plateau #icon_bulleprix{
    float:left;
    width:31px;
    height:auto;
    margin-top:8px;
    margin-left:23px;
    margin-bottom:9px;
}

#page_plateau #link_bons p{
    float:left;
    margin-top:16px;
    margin-left:12px;
    font-size:18px;
    line-height:1.2em;
    text-decoration:none;
}

#page_plateau #link_bons:hover p{
    text-decoration:underline;
}

#page_plateau #icon_right{
    float:right;
    width:16px;
    height:16px;
    margin-top:15px;
    margin-right:23px;
}

#page_plateau .page_plateau_text1{
    font-size:18px;
    line-height:1.2em;
}

#page_plateau #plateau{
    display:block;
    width:578px;
    min-height:483px;
    padding-top:13px;
    margin:0 auto;
    margin-top:15px;
	background-image: url("../img/plateau.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_plateau #plateau .ligne{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:14px;
    margin-bottom:15px;
}

#page_plateau #plateau .ligne_dominos{
    display:block;
    width:295px;
    height:61px;
    padding-top:6px;
    padding-left:7px;
    background: rgba(0, 115, 171, 0.6);
    border:1px solid #0073AB;
    border-radius:8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    cursor:pointer;
}

#page_plateau #plateau .ligne_dominos.ligne_gain{
    padding-top:5px;
    padding-left:6px;
    border:2px solid #DD052B;
	-webkit-animation: clignoter 1300ms infinite;
	animation: clignoter 1300ms infinite;
}

@keyframes clignoter{
	0%{
    background-color:rgba(109, 16, 50, 1);
    box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    -moz-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    }
	50%{
    background-color:rgba(109, 16, 50, 0.6);
    box-shadow: 0px 0px 10px 5px rgba(109,16,50,0);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0);
    -moz-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0);
    }
	100%{
    background-color:rgba(109, 16, 50, 1);
    box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    -moz-box-shadow: 0px 0px 10px 5px rgba(109,16,50,0.4);
    }
}

#page_plateau #plateau .ligne_dominos div{
    position:relative;
    float:left;
    margin-right:6px;
}

#page_plateau #plateau .ligne_dominos .dominos{
    width:89px;
    height:46px;
}

#page_plateau #plateau .ligne_dominos .icon_locker{
    position:absolute;
    top:-1px;
    right:-7px;
    width:22px;
    height:30px;
}

#page_plateau #plateau .ligne_egal{
    width:27px;
    height:auto;
    margin-left:39px;
    margin-right:24px;
}

#page_plateau #plateau .ligne_visuel{
    position:relative;
    width:111px;
    height:auto;
}

#page_plateau #plateau #ligne2 .ligne_visuel{
    left:4px;
}

#page_plateau #plateau #ligne3 .ligne_visuel{
    top:-6px;
    left:3px;
}

#page_plateau #plateau #ligne4 .ligne_visuel{
    top:-5px;
    left:-5px;
}

#page_plateau #plateau #ligne5 .ligne_visuel{
    top:-7px;
    left:4px;
}

#page_plateau #plateau #ligne6 .ligne_visuel{
    top:-2px;
    left:6px;
}

#page_plateau #bl_pioche{
	display:none;
}

#page_plateau #pioche{
    position:relative;
    display:block;
    width:578px;
    min-height:483px;
    padding-top:38px;
    margin:0 auto;
    margin-top:15px;
	background-image: url("../img/plateau.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_plateau #list_pioche{
    display:flex;
    flex-wrap:wrap;
    margin-left:32px;
}

#page_plateau #pioche .pioche{
    position:relative;
    margin-right:29px;
    margin-bottom:29px;
}

#page_plateau #pioche .pioche img{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:63px;
}

#page_plateau .pioche_bulle{
    display:block;
    width:52px;
    height:50px;
    padding-top:15px;
    margin-top:5px;
    margin-left:26px;
	background-image: url("../img/icon_bulleblanc.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_plateau .pioche_bulle p{
    font-size:24px;
    line-height:1em;
}

#page_plateau #bt_placer{
    float:none;
    position:absolute;
    bottom:34px;
}

#page_plateau #bt_placer a{
    width:310px;
	margin:0;
}

#page_plateau #link_cadeaux{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    margin-top:24px;
}

#page_plateau #link_cadeaux a{
    display:flex;
}

#page_plateau #link_cadeaux p{
    margin-top:3px;
    margin-right:8px;
    font-size:16px;
    line-height:1em;
}

#page_plateau #icon_cadeau{
    width:24px;
    height:24px;
}

#page_plateau #visuel_plateau{
    display:block;
    width:240px;
    height:auto;
    margin:0 auto;
    margin-top:23px;
}

#page_plateau #page_plateau_text2{
    width:632px;
    margin:0 auto;
    margin-top:28px;
    font-size:17px;
    line-height:20px;
}


/* PAGE: Confirmation dotation */

#page_confdot #bl_contenu{
    padding-top:60px;
    padding-bottom:102px;
	text-align:center;
}

#page_confdot #page_confdot_text{
	margin-top:23px;
    font-size:20px;
    line-height:30px;
}

#page_confdot #bl_dotation{
    display:inline-block;
    width:280px;
    height:268px;
    margin-top:35px;
    text-align:center;
	background-image: url("../img/icon_bulleviolet.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

#page_confdot #bl_dotation img{
    width:auto;
    height:124px;
    margin-top:39px;
}

#page_confdot #bl_dotation_text1{
    margin-top:8px;
    color:#F4BCC5;
    font-size:16px;
    line-height:1.2em;
}

#page_confdot #bl_dotation_text2{
    margin-top:3px;
    color:#F4BCC5;
    font-size:26px;
    line-height:1.2em;
}

#page_confdot #dotation_mention{
	margin-top:38px;
	font-size:14px;
    line-height:1em;
}

#page_confdot #page_confdot_text2{
	margin-top:61px;
    font-size:20px;
    line-height:1.2em;
}

#page_confdot #bt_back{
	margin-top:68px;
}


/* PAGE: Cadeaux */

#page_suivi #bl_contenu{
    padding-top:60px;
}

#page_suivi #bl_nombre_dominos{
    margin-top:36px;
    margin-bottom:27px;
}

#page_suivi #onglet_1{
	width:33%;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
}

#page_suivi #onglet_2{
	width:34%;
}

#page_suivi #onglet_3{
	width:33%;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
}

#page_suivi #bl_codes{
	display:none;
}

#page_suivi #list_codes{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:20px;
}

#page_suivi .codes{
    display:flex;
    justify-content:space-between;
    width:408px;
    min-height:96px;
    margin-top:12px;
    margin-bottom:12px;
    border-radius:12px;
    box-shadow: 0px 4px 4px 0px rgba(0, 115, 171, 0.1);
}

#page_suivi .codes_details{
    width:80%;
    padding:26px 0 10px 20px;
    background-color:#fff;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_suivi .codes_titre{
    font-size:18px;
    line-height:1.2em;
}

#page_suivi .codes_date{
    margin-top:11px;
    font-size:16px;
    line-height:1.2em;
}

#page_suivi .codes_date span{
    position:relative;
    top:3px;
    left:6px;
    font-size:18px;
    line-height:normal;
}

#page_suivi .codes_de{
    display:flex;
    justify-content:center;
    align-items:center;
    width:20%;
    background-color:#f4e6d0;
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
}

#page_suivi .codes_de img{
    width:41px;
    height:auto;
}

#page_suivi #bl_commandes{
	display:none;
}

#page_suivi #list_commandes{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:20px;
}

#page_suivi .commande{
    width:408px;
    margin-top:12px;
    margin-bottom:12px;
    border-radius:12px;
    background-color:#fff;
}

#page_suivi .cmd_header{
    display:flex;
    justify-content:space-between;
    padding:16px 19px 15px 19px;
}

#page_suivi .cmd_titre{
    position:relative;
    top:8px;
    font-size:16px;
    line-height:1.2em;
}

#page_suivi .cmd_statut{
    display:block;
    padding:7px 7px 4px 7px;
    color:#FFC107;
    font-size:12px;
    line-height:1em;
    border:1px solid #FFC107;
    border-radius:4px;
}

#page_suivi .cmd_statut.expedie{
    color:#00AB2E;
    border:1px solid #00AB2E;
}

#page_suivi .cmd_hr{
    width:100%;
    height:1px;
    background-color:#bce2f7;
}

#page_suivi .cmd_content{
    display:flex;
    justify-content:space-between;
}

#page_suivi .cmd_desc{
    width:69%;
    padding-top:7px;
    padding-left:19px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_suivi .cmd_desc p{
    padding:7px 0;
    font-size:16px;
    line-height:18px;
}

#page_suivi .cmd_desc p span, #page_suivi .cmd_desc p a{
    position:relative;
    font-size:18px;
    line-height:1em;
}

#page_suivi .cmd_desc .icon_link{
    position:absolute;
    top:-1px;
    right:-19px;
    width:14px;
    height:14px;
}

#page_suivi .visuel_serie{
    position:relative;
    top:-8px;
    width:auto;
    height:32px;
}

#page_suivi .cmd_article{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:31%;
    text-align:center;
    background-color:#F4E6D0;
    border-bottom-right-radius:12px;
}

#page_suivi .cmd_visuel{
    width:54px;
    height:auto;
}

#page_suivi .cmd_article p{
    margin-top:10px;
    font-size:14px;
    line-height:14px;
}

#page_suivi #bl_bons{
	display:none;
}

#page_suivi #page_suivi_text2{
    float:left;
    width:100%;
    margin-top:34px;
    margin-bottom:28px;
    font-size:20px;
    line-height:1em;
    text-align:center;
}

#page_suivi #list_bons{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:718px;
    margin:0 auto;
}

#page_suivi .bons{
    display:flex;
    justify-content:space-between;
    width:343px;
    min-height:94px;
    margin-top:12px;
    margin-bottom:12px;
    background-color:#fff;
	background-image: url("../img/bg_bons.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
    border-radius:12px;
}

#page_suivi .bons_details{
    width:71%;
    padding:22px 0 10px 16px;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_suivi .bons_titre{
    font-size:16px;
    line-height:1.2em;
}

#page_suivi .bons_titre span{
    font-size:18px;
    line-height:1em;
}

#page_suivi .bons_date{
    margin-top:19px;
    font-size:16px;
    line-height:1.2em;
}

#page_suivi .bons_prix{
    display:flex;
    justify-content:center;
    align-items:center;
    width:29%;
    text-align:center;
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
}

#page_suivi .bons_bulle{
    display:block;
    width:66px;
    height:63px;
	background-image: url("../img/suivi_bullerouge.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

#page_suivi .bons_prix1{
    margin-top:12px;
    color:#fff;
    font-size:32px;
    line-height:1em;
}

#page_suivi .bons_prix1 span{
    position:relative;
    top:-12px;
    font-size:16px;
    line-height:1em;
}

#page_suivi .bons_prix2{
    position:relative;
    top:-2px;
    color:#fff;
    font-size:9px;
    line-height:1em;
}

#page_suivi #bt_back{
	margin-top:68px;
}


/* PAGE: Dotations */

#page_dot #bl_contenu{
	width:1104px;
    padding-top:60px;
}

#page_dot #list_dotation{
	display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
	margin-top:30px;
}

#page_dot .dotation{
	width:344px;
	padding:12px;
	margin:12px;
	text-align:center;
    background-color:#fff;
    border-radius:11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_dot .dotation_visuel{
    display:block;
	width:auto;
	height:167px;
    margin:0 auto;
    margin-top:4px;
}

#page_dot .dotation_titre{
	margin-top:10px;
	font-size:24px;
    line-height:1.4em;
	text-transform:uppercase;
}

#page_dot .dotation_desc{
	margin-top:16px;
	font-size:16px;
    line-height:24px;
}

#page_dot .dotation_mention{
	margin-top:12px;
	font-size:12px;
    line-height:1em;
}

#page_dot .dotation_dominos{
    display:block;
	width:auto;
	height:36px;
    margin:0 auto;
	margin-top:9px;
}

#page_dot .dotation_link{
    display:flex;
    justify-content:center;
    align-items:flex-end;
	margin-top:14px;
	margin-bottom:16px;
    color:#DD052B;
}

#page_dot .dotation_link p{
	font-size:16px;
    line-height:1em;
}

#page_dot .dotation_link img{
    position:relative;
    top:-3px;
    width:18px;
    height:auto;
    margin-left:11px;
}

#page_dot #dotation1{
    background-color:#F4E6D0;
}

#page_dot #dotation1 .dotation_visuel{
    position:relative;
    left:-9px;
    margin-top:0;
}

#page_dot #bt_back{
	margin-top:44px;
}


/* PAGE: Règles du jeu */

#page_regles #bl_contenu{
	width:100%;
    padding-top:50px;
}

#page_regles .sstitre{
    font-size:32px;
}

#page_regles h1{
    margin-top:10px;
}

#page_regles #bl_step{
    width:692px;
    margin:0 auto;
    margin-top:45px;
}

#page_regles .step_ligne{
    position:relative;
    display:flex;
}

#page_regles .step_num{
    position:relative;
    top:1px;
    display:block;
    width:30px;
    height:30px;
    padding-top:5px;
    margin-right:12px;
    text-align:center;
    background-color:#DD052B;
    border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_regles .step_num p{
	color:#fff;
    font-size:24px;
    line-height:1em;
}

#page_regles .step_text{
    font-size:18px;
    line-height:20px;
}

#page_regles #step_ligne2{
    margin-top:18px;
}

#page_regles #step_ligne2 .step_text{
    margin-top:8px;
}

#page_regles #step_ligne3{
    margin-top:24px;
}

#page_regles #step_ligne3 .step_text{
    margin-top:8px;
}

#page_regles #step_ligne4{
    margin-top:38px;
}

#page_regles #step_ligne4 #step_visuel1{
    position:absolute;
    top:-17px;
    right:-2px;
    width:260px;
    height:auto;
}

#page_regles #step_ligne5{
    margin-top:52px;
}

#page_regles #step_ligne5 #step_visuel2{
    position:absolute;
    top:-25px;
    right:25px;
    width:278px;
    height:auto;
}

#page_regles #step_ligne6{
    margin-top:62px;
}

#page_regles #step_ligne6 #step_visuel3{
    position:absolute;
    top:-17px;
    right:33px;
    width:221px;
    height:auto;
}

#page_regles #bl_reglement{
	width:100%;
    padding-top:57px;
    padding-bottom:43px;
    margin-top:108px;
    text-align:center;
    background-color:#fff;
}

#page_regles #bl_reglement_titre{
    font-size:22px;
    text-transform:uppercase;
}

#page_regles #bl_reglement_text{
    width:1120px;
    margin:0 auto;
    margin-top:43px;
    font-size:18px;
    line-height:25px;
}

#page_regles #bt_back{
	margin-top:64px;
}


/* PAGE: Contact */

#page_contact #bl_contenu{
	padding-top:60px;
	padding-bottom:150px;
}

#page_contact #form_contact{
	width:524px;
	margin:0 auto;
	margin-top:40px;
}

#page_contact #bl_recaptcha{
    display: inline-block;
}

#page_contact #obli{
	margin-top:48px;
}

#page_contact #mentions{
	margin-top:7px;
}

#page_contact #bt_valider{
	margin-top:53px;
}


/* PAGE: Mentions légales */

#page_text #bl_contenu{
	padding-top:60px;
}

#page_text #bl_text{
	margin-top:40px;
	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:53px;
}


/* PAGE: Attente et Fin */

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

#page_out h1{
	margin:25vh 0 25vh 0;
	font-size:24px;
	line-height:30px;
	text-transform:none;
}


/* 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 #dd052b;
	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:#fff;
	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;
	top:4px;
	right:8px;
	padding:0 10px;
	cursor:pointer;
}

.lightbox_close .bar{
	display:block;
	width:20px;
	height:4px;
	margin:14px auto;
	background:#E31837;
	border-radius:8px;
}

.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:25px;
	font-size:24px;
	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;
}

.lightbox_content .bouton a{
	width:310px;
	max-width:90%;
    padding:16px 0 12px 0;
}

#lb_inactif .renvoyer_email{
	text-decoration:underline;
	cursor:pointer;
}

#lb_pwd #form_pwd label{
	width:100%;
	font-size:18px;
	text-align:center;
}

#lb_pwd #form_pwd input{
	width:70%;
	margin-top:5px;
	margin-left:15%;
	text-align:center;
    text-transform:lowercase;
    border:1px solid #bce2f7;
}

#lb_pwd .bouton{
	position:relative;
	margin-top:25px;
}

#lb_pwd .bouton a{
	z-index:+1;
	position:relative;
}

.lb_dotation{
    width:848px;
    padding-bottom:32px;
    text-align:center;
}

.lb_dotation #lb_dotation_visuel{
    display:block;
	width:auto;
	height:167px;
    margin:0 auto;
}

.lb_dotation #lb_dotation_mention{
	margin-top:34px;
	font-size:14px;
    line-height:1em;
}

.lb_dotation #lb_dotation_dominos{
    display:block;
	width:auto;
	height:48px;
    margin:0 auto;
	margin-top:14px;
	margin-bottom:23px;
}

.lb_gain{
    width:848px;
	padding-top:45px;
    padding-bottom:32px;
    text-align:center;
}

.lb_gain #lb_gain_visuel{
    display:block;
	width:auto;
	height:167px;
    margin:0 auto;
}

.lb_gain #lb_gain_mention{
	margin-top:16px;
	font-size:14px;
    line-height:1em;
}

.lb_gain #lb_gain_titre{
	margin-top:26px;
	margin-bottom:21px;
    color:#E31837;
	font-size:32px;
    line-height:1.2em;
    text-transform:uppercase;
}


/* FOOTER */

footer{
	position:relative;
	width:100%;
	background-color:#fff;
}

#footer{
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    left:16px;
}

#logo_footer{
	width:157px;
    height:auto;
	margin-top:15px;
	margin-bottom:15px;
    margin-right:34px;
}

footer ul{
	margin-top:28px;
	margin-bottom:22px;
}

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

footer li a{
	margin:0 30px;
    color:#000;
	font-size:14px;
	line-height:1.2em;
	text-decoration:none;
}

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