@charset "utf-8";

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

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

img{
	border:0;
}

:focus{
	outline:0;
}

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

.fontMarvin{
	font-family: "Marvin-Round";
	font-style:normal;
}

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

.fontLondrina{
	font-family: "LondrinaSolid-Regular";
	font-style:normal;
}

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

.fontAvenirBd{
	font-family: "AvenirNext-Bold";
	font-style:normal;
}

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

.fontAvenirBdIt{
	font-family: "AvenirNext-BoldItalic";
	font-style:normal;
}

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

.fontAvenirDeBd{
	font-family: "AvenirNext-DemiBold";
	font-style:normal;
}

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

.fontAvenirMe{
	font-family: "AvenirNext-Medium";
	font-style:normal;
}

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

.fontAvenirRe{
	font-family: "AvenirNextCyr-Regular";
	font-style:normal;
}

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

.fontAvenirIt{
	font-family: "AvenirNextCyr-Italic";
	font-style:normal;
}

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

.fontClanBk{
	font-family: "ClanPro-Black";
	font-style:normal;
}

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

.fontClanBd{
	font-family: "ClanPro-Bold";
	font-style:normal;
}

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

.fontClanMe{
	font-family: "ClanPro-Medium";
	font-style:normal;
}

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

.fontClanBo{
	font-family: "ClanPro-Book";
	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 #ffdb0a;
	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:200px;
	height:auto;
    padding:14px 0 12px 0;
	margin:0 15px;
	color:#1c264b;
	font-size:26px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
    text-transform:uppercase;
    background-color:#fd0;
    border:3px solid #fd0;
    border-radius:15px;
	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+ */
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
}

.bouton a:hover{
	color:#fff;
	background-color:#c00303;
  border:3px solid #c00303;
}

a.bouton2{
	width:auto;
    padding:15px 28px 13px 28px;
	color:#fff;
	font-size:24px;
	line-height:16px;
    text-transform:uppercase;
    background-color:#c00303;
    border:2px solid #c00303;
    border-radius:10px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.bouton a.bouton2:hover{
	color:#1c264b;
	background-color:#fd0;
  border:2px solid #fd0;
}

a.bouton3{
	width:auto;
    padding:15px 28px 13px 28px;
	color:#c00303;
	font-size:24px;
	line-height:16px;
    text-transform:uppercase;
    background-color:#fff;
    border:2px solid #fff;
    border-radius:10px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.bouton a.bouton3:hover{
	color:#1c264b;
	background-color:#fd0;
  border:2px solid #fd0;
}

.mobile{
	display:none;
}

.jaune{
	color:#ffdd00;
}

.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:2px;
	right:8px;
	background-image: url("../img/icon_eyeclose.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:20px 20px;
	cursor:pointer;
}

#back-to-top{
    z-index:+1;
    position:absolute;
    right:20px;
	bottom:20px;
	width:56px;
	height:56px;
    text-align:center;
	border-radius:50%;
	background: rgb(255, 221, 0);
    -webkit-transition: background 250ms;
    transition: background 250ms;
    cursor:pointer;
}

#back-to-top:hover{
	background: rgba(246,165,0,1);
}

#back-to-top div{
	position:relative;
	top:12px;
    display:inline-block;
	width:0;
	height:0;
	border:0 solid transparent;
	border-left-width:16px;
	border-right-width:16px;
	border-bottom:24px solid #232e5d;
    -webkit-transition:border-bottom-color 250ms;
    transition:border-bottom-color 250ms;
}

.renvoyer_email{
	color:#ffdd00;
	cursor:pointer;
}


/* HEADER */

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

#header{
	width:100%;
  min-height:130px;
  height:auto;
  max-width: 1440px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#bl_logo{
height: auto;
  float: left;
 /* margin-left: 50%;*/
  position: relative;
  /*left: -115px;*/
}

#bl_logo #logo{

  width: 230px;

}

#header_login{
	float:right;
	margin-top:20px;
	margin-right:6%;
}

#header_login img{
	float:right;
	width:40px;
	height:auto;
	margin-left:10px;
}

#header_login p{
	float:right;
	margin-top:12px;
	font-size:15px;
	text-transform:uppercase;
}

#header_conso{
	float:right;
	margin-top:1px;
	font-size:15px;
	line-height:20px;
	text-align:left;
}

#header_conso a{
	float:left;
	font-size:14px;
}

#menu{

    position:relative;
	float:right;
	margin-top:70px;
}

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

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

#menu li.debugMobile{
	display:none;
}

#menu li a{
	font-size:18px;
	line-height:1em;
	text-decoration:none;
  text-transform:uppercase;
}

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


/* CONTENU */

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

#bl_contenu{
	position:relative;
	max-width: 1280px;
  width:100%;
	padding:80px 0 80px 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;
}

.perso{
  position:absolute;
  right:0px;
}
.persogauche{
  position:absolute;
  left:0px;
  bottom:0px;
}
.persogauche2{
  position:absolute;
  left:-30px;
  bottom:0px;
}
h1{
	font-size:32px;
	line-height:1.2em;
	text-align:center;
	text-transform:uppercase;
}

h1 span{
    color:#fff;
	font-size:24px;
    text-transform:none;
}

h2, h3{
	font-weight:normal;
}

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

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

#mentions{
	float:left;
	font-size:12px;
	line-height:1.2em;
	text-align:justify;
}

#blocAnim{
    width:776px;
    height:778px;
    margin-left:auto;
    margin-right:auto;
    margin-top:390px;
}

#terre{
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
    display:block;
    position:absolute;
}

#ombre{
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
    position:absolute;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating{
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating{
    -webkit-animation: rotating 120s linear infinite;
    -moz-animation: rotating 120s linear infinite;
    -ms-animation: rotating 120s linear infinite;
    -o-animation: rotating 120s linear infinite;
    animation: rotating 120s linear infinite;
}

.conteneurStar{
    position:absolute;
    width:124px;
    height:124px;
    text-align:center;
}

.scintille{
   animation-duration: 5s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none; 
}

.scintille2{
   animation-duration: 3s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none; 
}

.scintillePetit{
   animation-duration: 4s;
   animation-name: clignoterPetit;
   animation-iteration-count: infinite;
   transition: none; 
}

@keyframes clignoter{
  0%   { opacity:1; width:124px; width:124px; }
  40%   {opacity:0.4; width:110px; width:110px; padding-top:7px; }
  100% { opacity:1; width:124px; width:124px; }
}

@keyframes clignoterPetit{
  0%   { opacity:0.5; width:15px; width:15px; padding-top:4px;}
  40%   {opacity:1; width:23px; width:23px; padding-top:0px;}
  100% { opacity:0.5;  width:15px; width:15px; padding-top:4px; }
}

#star2-1{
    left:35%;
    top:40px;
}

#star2-2{
    left:15%;
    top:150px;
}

#star2-3{
    left:75%;
    top:70px;
}

#star2-4{
    left:70%;
    top:210px;
}

#star1-1{
    left:10%;
    top:20px;
}

#star1-2{
    left:80%;
    top:80px;
}

#star1-3{
    left:50%;
    top:70px;
}

#star1-4{
    left:60%;
    top:120px;
}


/* PAGE: Accueil */

#page_home #fetonslesrois{
    z-index:+1;
    position:absolute;
    top:0;
    left:0;
    width:408px;
    height:auto;
}

#page_home #header{


}

#page_home #bl_logo{
}

#page_home #contenu{
    background:none;
}

#page_home #bl_banniere, #page_out #bl_banniere{
    width:100%;
  background-color: #1f2d5c;
  display: block;
  margin: auto;
  text-align: center;
}

#page_home #banniere_home, #page_out #banniere_home{
    margin: auto;
}

#page_home #bt_participer{
position: relative;
  top: -30px;
}
#page_home #bt_participer a{
width:280px;
padding: 20px 0 18px 0;
}
#page_home #bl_reminder{
    z-index:+1;
    position:relative;
    top:2px;
    float:left;
    width:100%;
    text-align:center;
    background-color:#1c254a;
}

#page_home #visuel_reminder{
    display:inline-block;
    vertical-align:middle;
    width:40px;
    height:auto;
    margin-top:14px;
    margin-right:15px;
    margin-bottom:16px;
}

#page_home #bl_reminder div{
    display:inline-block;
    vertical-align:middle;
}

#page_home #bl_reminder p{
    font-size:18px;
    line-height:1em;
    text-align:left;
}

#page_home #bl_reminder p span{
    font-size:14px;
    font-style:italic;
}

#page_home #bl_contenu{
    z-index:+1;
    top:1px;
    width:100%;
    padding-top:53px;
    padding-bottom:40px;
    background-color:#232f5e;
}

#page_home h1{
    line-height:34px;
}

#page_home #bl_tuto{
	display:flex;
	flex-direction:row;
	justify-content:center;
    flex-wrap:wrap;
padding-top: 42px;
  background-image: url('../img/fd_fleches.png');
  background-repeat: no-repeat;
  background-position-x: center;
  min-height: 308px;
}

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

#page_home .tuto_cadre img{
    display:block;
	width:auto;
	height:120px;
    margin:0 auto;
}

#page_home .tuto_text{
	margin-top:2px;
	font-size:14px;
	line-height:1.2em;
}


/* PAGE: Formulaire et Compte */

#page_coord #bl_contenu form{
	margin-top:45px;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

#page_coord .page_coord_text1{
	padding-bottom:39px;
	font-size:24px;
	line-height:1em;
  text-transform: uppercase;
}

#page_coord #bl_left{
	float:left;
	width:500px;
}

#page_coord #labelCivil{
	margin-left:20px;
	line-height:20px;
	text-transform:uppercase;
}

#page_coord #bl_radio{
	float:left;
	margin-left:30px;
	margin-bottom:15px;
}

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

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

#page_coord #bl_radio label{
	width:auto;
	height:20px;
	margin-right:30px;
	line-height:20px;
	text-transform:none;
}

#page_coord #bl_right{
	float:right;
	width:500px;
}

#page_coord #bl_right .page_coord_text1{
	padding-bottom:24px;
}

#page_coord .page_coord_text2{
	margin-bottom:16px;
	font-size:14px;
	line-height:17px;
	font-style:italic;
}

#page_coord #cp{
	width:50%;
}

#page_coord #adresse_manuellement{
    float:left;
    width:100%;
	margin-top:9px;
	margin-bottom:55px;
    font-size:16px;
    line-height:1em;
    text-align:center;
}

#page_coord #adresse_manuellement p{
    display:inline-block;
    cursor:pointer;
}

#page_coord #adresse_manuellement span{
    text-decoration:underline;
}

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

#page_coord #code{
	width:50%;
	text-align:center;
}

#page_coord .bl_checkbox{
	float:left;
	width:100%;
	margin-top:44px;
}

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

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

#page_coord #form_compte .page_coord_text1{
	padding-bottom:22px;
}

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

#page_coord #form_compte #bl_right .page_coord_text1{
	padding-bottom:22px;
}

#page_coord #form_compte #bt_valider{
	margin-top:64px;
}

#page_coord #form_compte #bt_valider .bouton-left{
	width:45%;
}

#page_coord #form_compte #bt_valider .bouton-left a{
	width:252px;
}

#page_coord #form_compte #bt_valider .bouton-right{
	width:55%;
}

#page_coord #form_compte #bt_valider .bouton-right a{
	width:338px;
}


/* PAGE: Confirmation */

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

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

#page_conf #page_conf_text{
	margin-top:25px;
}
#page_conf #page_conf_text0 {
  margin-top: 25px;
  text-transform:uppercase;
}
#page_conf #bt_back{
	margin-top:58px;
}

#page_conf #bt_back a{
    width:282px;
  margin-left: 10px;
  margin-right: 10px;
}


/* PAGE: Activation */

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

#page_activ #page_activ_text{
margin-top: 50px;
  margin-bottom: 50px;
  font-size: 20px;
}

#page_activ #bt_valider a{
}


/* PAGE: Connexion */

#page_login #flex{
    display:flex;
    justify-content:center;
    align-items:flex-start;
	margin-top:42px;
}

#page_login #bl_inscription{
	width:400px;
	margin-top:37px;
	text-align:center;
  margin-left: 20px;
  margin-right: 20px;
}

#page_login .page_login_text1{
	font-size:24px;
	line-height:1em;
  text-transform: uppercase;
  text-align: left;
}

#page_login #page_login_text2{
	margin-top:35px;
  margin-bottom:35px;
	font-size:14px;
	line-height:20px;
  text-align: left;
}
#page_login #page_login_text2 span{
	text-transform:uppercase;
}

#page_login #visuel_login{
    display:block;
    width:358px;
    height:auto;
    margin:0 auto;
	margin-top:38px;
}

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

#page_login #bt_compte a{
	width:272px;
}

#page_login #hr{
	width:1px;
    height:375px;
    margin:0 65px;
    background-color:#9197ae;
}

#page_login #form_login{
	width:400px;
	margin-top:37px;
	text-align:center;
  margin-left: 20px;
  margin-right: 20px;
}

#page_login #form_login .page_login_text1{
	padding-bottom:36px;
  text-transform: uppercase;
  text-align: left;
}

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

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

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

#page_login #bt_login a{
	width:220px;
}

#page_login #obli{
	float:left;
    width:100%;
	margin-top:40px;
	font-size:12px;
	line-height:1em;
    text-align:left;
}


/* PAGE: Mot de passe */

#page_pass #bl_contenu{
}

#page_pass h1{
    line-height:34px;
}

#page_pass #page_pass_text{
	margin-top:41px;
	font-size:14px;
	text-align:center;
}

#page_pass #bl_contenu form{
	width:430px;
	margin:0 auto;
	margin-top:45px;
}

#page_pass #obli{
	float:left;
	font-size:12px;
	line-height:1em;
}

#page_pass #bt_valider{
	margin-top:38px;
}

#page_pass #form_passwordchange input[type=password]#passOld, #page_pass #form_passwordchange input[type=text]#passOld{
	margin-bottom:40px;
}


/* PAGE: Déclaration */

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

#page_decla #page_decla_text1{

	font-size:20px;
    line-height:1.2em;
}

#page_decla #page_decla_text2{
    margin-top: 20px;
  font-size: 14px;
  line-height: 1.4em;
}
#page_decla #page_decla_text3{
margin-top: 20px;
  font-size: 14px;
  line-height: 1.4em;
  clear: both;
  margin-bottom: 20px;
}
#page_decla #bl_contenu #bl_champ{
    position:relative;
	width:430px;
	margin:0 auto;
	margin-top:29px;
}

#page_decla #icon_aide{
	z-index:+1;
	position:absolute;
	top:40px;
	right:-44px;
	width:24px;
	height:24px;
	cursor:pointer;
}

#page_decla #m_icon_aide{
    display:none;
}

#page_decla #code_unique{
	margin-bottom:33px;
}

#page_decla #code{
	width:50%;
	margin-bottom:60px;
    text-align:center;
}

#page_decla #bt_valider a{
	width:190px;
}

/* PAGE: Reveal */

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

#page_reveal #bt_tenter{
	margin-top:52px;
}

#page_reveal_text{
margin-top:30px;
}
#page_reveal h1 span {
  color: #fff;
  font-size: 34px;
  text-transform: none;
}

/* PAGE: Gain */

#page_gain #bl_contenu{
	width:100%;
}

#page_gain #bl_flex{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:flex-start;
}

#page_gain #visuel_gain{
    width:350px;
    height:auto;
    margin-top:15px;
}

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

#page_gain #page_gain_text1{
    font-size:24px;
    line-height:1.2em;
}

#page_gain #page_gain_text2{
    margin-top:2px;
    font-size:14px;
    line-height:1.2em;
}

#page_gain #page_gain_text3{
    font-size: 12px;
    line-height: 17px;
    text-align: right;
    font-style: italic;
}

#page_gain #page_gain_text4{
margin-top: 30px;
  font-size: 24px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 30px;
}

#page_gain #page_gain_text5{
    margin-top:16px;
    font-size:14px;
    line-height:17px;
  display: block;
  clear: both;
}

#page_gain #page_gain_text6{
font-size:18px;
}

#page_gain #bt_code{
	margin-top:58px;
}

#page_gain #bt_code a{
	width:252px;
}

#page_gain #bt_back{
	margin-top:21px;
}

#page_gain #bt_back a{
	width:252px;
}


/* PAGE: Perdu */

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

#page_perdu #page_perdu_text1{
    font-size:24px;
    line-height:1.2em;
}

#page_perdu #page_perdu_text2{
    margin-top:52px;
    font-size:14px;
    line-height:17px;
}

#page_perdu #page_perdu_text2 span{
	color:#ffdd00;
    font-size:20px;
    line-height:24px;
}

#page_perdu #bt_code{
	margin-top:45px;
}

#page_perdu #bt_code a{

}

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

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


/* PAGE: Dotations */

#page_dot #bl_contenu{
	width:100%;
}

#page_dot #list_dotation{
	display:flex;
    justify-content:center;
	margin-top:40px;
}

#page_dot .dotation{
	width:235px;
	margin:0 15px;
	text-align:center;
  font-size: 18px;
  text-transform:uppercase;
}

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

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

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

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

#page_dot #bt_back a{
}


/* PAGE: Contact */

#page_contact #form_contact{
	margin-top:41px;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

#page_contact .sstitre{
	text-align:center;
  font-size:20px;
}
#page_contact #bl_left{
	float:left;
	width:500px;
}

#page_contact #labelCivil{
	margin-left:20px;
	line-height:20px;
	text-transform:uppercase;
}

#page_contact #bl_radio{
	float:left;
	margin-left:30px;
	margin-bottom:17px;
}

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

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

#page_contact #bl_radio label{
	width:auto;
	height:20px;
	margin-right:30px;
	line-height:20px;
	text-transform:none;
}

#page_contact #bl_right{
	float:right;
	width:500px;
}

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

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


/* PAGE: Mentions légales */

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

#page_text #bt_back a{
	width:252px;
}
/* PAGE: FAQ */

#page_faq #bl_contenu{
    padding-top:141px;
}

#page_faq h1{
	line-height:0.7em;
}

#page_faq h1 span{
    position:relative;
    top:5px;
}

#page_faq #bl_faq{
	width:970px;
	margin:0 auto;
	margin-top:46px;
}

#page_faq .faq_content{
	float:left;
	width:100%;
	margin-bottom:13px;
	border-bottom:2px solid #fff;
	cursor:pointer;
}

#page_faq .faq_header{
	float:left;
	width:100%;
}

#page_faq .faq_header h2{
	float:left;
	width:94%;
	padding:15px 0;
	font-size:18px;
	text-transform:uppercase;
}

#page_faq .faq_cursor{
	float:right;
	width:18px;
	height:18px;
	margin-top:13px;
	margin-right:0;
}

#page_faq .faq_deploi{
	display:none;
	float:left;
	width:100%;
  line-height:1.3em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#page_faq .faq_deploi p{
	padding-bottom:25px;
	/*text-align:justify;*/
}

#page_faq .faq_deploi .table{
	border-collapse:collapse;
}

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

#page_faq #bt_back{
	margin-top:37px;
}

#page_faq #bt_back a{
	width:196px;
}


/* PAGE: Attente et Fin */

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

#page_out h1{
	margin:5vh 0 5vh 0;
	font-size:22px;
	line-height:1.4em;
	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 #e40613;
	border-radius:50%;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

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

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

#lightbox_loadScan{
	position:absolute;
	left:50%; 
	top:50%;
	width:60px;
	height:60px;
	margin-top:-38px;
	margin-left:-38px;
	border:8px solid #f3f3f3;
	border-top:8px solid #e40613;
	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:#232e5d;
	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:12px;
	padding:0 6px;
	cursor:pointer;
}

.lightbox_close .bar{
	display:block;
	width:20px;
	height:4px;
	margin:14px 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:25px;
	font-size:20px;
	text-align:center;
  text-transform:uppercase;
}

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

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

.lightbox_content .bouton a{
	width:auto;
	min-width:200px;
    padding-left:20px;
    padding-right:20px;
}

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

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

#lb_pwd #form_pwd input{
	width:70%;
	margin-top:5px;
	margin-left:15%;
	text-align:center;
}

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

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

#lb_aide{
	padding-bottom:50px;
}


/* FOOTER */

footer{
	position:relative;
	width:100%;
    padding-top:10px;
    padding-bottom:2px;
	background-color:#1c254a;
}

#visuel_footer{
	width:100%;
    height:40px;
	background-image: url("../img/visuel_footer.png");
	background-position: top center;
	background-repeat: repeat-x;
  text-align: center;
}
#visuel_footer img{
width: 130px;
}

footer ul{
	margin-top:20px;
	text-align:center;
}

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

footer li a{
	margin:0 17px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
}

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

#mangerbouger{
    padding:10px 0;
    margin-top:10px;
    font-size:12px;
    text-align:center;
}