@charset "utf-8";

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

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

img{
	border:0;
}

:focus{
	outline:0;
}

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

.fontNobelBd{
	font-family: "NobelBL-Bold";
	font-style:normal;
}

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

.fontNobelMe{
	font-family: "NobelBL-Medium";
	font-style:normal;
}

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

.fontNobelRe{
	font-family: "NobelBL-Regular";
	font-style:normal;
  word-spacing: 2px;
}

@font-face{
    font-family : "NobelBL-Book";
	src : url('../font/NobelBL-Book.eot'); /* Pour IE9 Compat mode */
    src : url('../font/NobelBL-Book.eot?#iefix') format('eot'),
		  url('../font/NobelBL-Book.woff') format('woff'),
          url('../font/NobelBL-Book.svg') format('svg'),
          url('../font/NobelBL-Book.ttf') format('truetype');
}
.black{
  color:#000;
}
.fontNobelBo{
	font-family: "NobelBL-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 #184276;
	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: 39.999em){
.bouton-left{
	width:100%;
	text-align:center;
}
.bouton-right{
	width:100%;
	text-align:center;
}
}

.bouton a{
	display:inline-block;
	width:250px;
	height:auto;
	margin:0 10px;
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:48px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#0098AD;
	border-radius:2px;
	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{
	color:#0098AD;
	line-height:46px;
	background-color:transparent;
	border:1px solid #0098AD;
}

.bouton a.bouton2:hover{
	color:#fff;
	background-color:#0098ad;
}

.mobile{
	display:none;
}

.vert{
	color:#009AA6;
}

.vertfonce{
    color:#01252D;
}

.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 input[type=text], .input_password input[type=password]{
	text-transform:none;
}

.input_password .icon_eye{
	z-index:+1;
	position:absolute;
	width:24px;
	height:24px;
	top:13px;
	right:13px;
	background-image: url("../img/icon_eyeclose.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:24px 24px;
	cursor:pointer;
}


/* HEADER */

header{
	position:relative;
	width:100%;
	min-height:60px;
    text-align:center;
	border-bottom:1px solid #dadada;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow: 0px 4px 4px 0px rgba(11, 133, 148, 0.1);
}

#header{
	width:1166px;
	margin:0 auto;
}

#logo{
    float:left;
    margin-top:23px;
    width:178px;
    height:auto;
}

#menu{
	position:absolute;
    top:6px;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
	transform: translateX(-50%);
  width:100%;
  max-width: 780px;
}

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

#menu ul{
}

#menu li{
	display:inline-block;
	list-style:none;
}

#menu li.mobile{
    display:none;
}

#menu li a{
    display:block;
    padding:0 12px;
	margin:0 19px;
	font-family: "NobelBL-Regular";
	font-style:normal;
	font-size:16px;
    line-height:50px;
	text-decoration:none;
	text-transform:uppercase;
  line-height: 20px;
  padding-bottom: 10px;
}

#menu ul#menuLogin li a{
    padding:15px 15px;
	margin:5px 5px;
	font-size:14px;
  padding-bottom: 9px;
}

#menu li .actif{
	font-family: "NobelBL-Medium";
	color:#009AA6;
    border-bottom:4px solid #009aa6;
}

#menu a:hover{
	color:#009AA6;
    border-bottom:4px solid #009aa6;
}

#bt_jeu{
/*max-width: 100px;
line-height: 20px !important;
padding-bottom: 15px !important;*/
}

#header_login{
    float:right;
	margin-top:16px;
}

#header_login img{
	float:left;
    width:26px;
    height:26px;
	margin-top:3px;
	margin-right:4px;
}

#header_login div{
	float:left;
	font-size:16px;
	line-height:17px;
	text-align:left;
}

#header_login div a{
	font-size:12px;
}
#header_login #headerContact{
  line-height: 27px;
  margin-left: 5px;
  margin-right: 15px;
}

/* CONTENU */

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

#bl_contenu{
	position:relative;
	width:970px;
	padding:50px 0 100px 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;
}

#bl_titre{
    display:flex;
    justify-content:center;
}

h1{
	font-size:18px;
    line-height:38px;
	font-weight:normal;
    text-align:center;
}

h1 .copyright{
	position:relative;
	top:4px;
	font-size:12px;
    line-height:1em;
}

#titre_validite{
    display:block;
    padding:10px 16px;
    margin-left:8px;
    background-color:#e6f5f7;
    border-radius:22px;
}

#titre_validite p{
    font-size:14px;
    line-height:18px;
}

h2{
	font-weight:normal;
}

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

.bl_sstitre{
	position:relative;
	width:100%;
    text-align:center;
}

.bl_sstitre h1, .bl_sstitre h2{
	margin-bottom:2px;
	font-size:30px;
	line-height:36px;
}

.bl_sstitre .hr{
    display:inline-block;
	width:164px;
	height:4px;
    background-color:#009AA6;
}

#obli{
	float:left;
	font-size:14px;
	line-height:1em;
}
#interro{
  margin-left:5px;
  top:5px;
  position:relative;
  cursor:pointer;
}
#mentions{
	float:left;
	font-size:12px;
	line-height:19px;
	text-align:justify;
}

#ariane{
    display:flex;
    justify-content:center;
    align-items:center;
	margin-top:51px;
	margin-bottom:115px;
}

.ariane_step{
    position:relative;
}

.ariane_num{
	width:31px;
	height:31px;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
	border-radius:50%;
	border:2px solid #4F4F4F;
}

.ariane_num p{
    color:#4F4F4F;
	font-size:23px;
	line-height:31px;
}

.ariane_icon{
	float:left;
	width:17px;
	height:auto;
	margin-top:9px;
	margin-left:6px;
}

.ariane_lib{
    position:absolute;
    top:46px;
    left:-45px;
    width:125px;
	font-size:16px;
    line-height:25px;
    text-align:center;
}

.ariane_hrsmall{
    width:15px;
    height:3px;
    background-color:#DADADA;
}

.ariane_hrlong{
    width:120px;
    height:3px;
    background-color:#DADADA;
}

.ariane_hrvert{
    background-color:#009AA6;
}

.ariane_actif .ariane_num{
	border:2px solid #009AA6;
}

.ariane_actif .ariane_num p{
	color:#009AA6;
}

.ariane_check .ariane_num{
	background-color:#009AA6;
	border:2px solid #009AA6;
}

#file_list{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
}

.file_ligne{
	position:relative;
	display:block;
	margin-top:40px;
	margin-bottom:10px;
}

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

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

.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 PARTICULIER : Accueil */

.compteur{
  margin-top: 10px;
  color: #005A6D;
}
.compteur span{
  font-size:1.4em;
}
#section_titre #bl_titre{
	margin-top:50px;
}

#section_titre h1{
	font-size:24px;
    line-height:41px;
    text-transform:uppercase;
}

#section_titre #titre_validite{
    margin-left:17px;
}

#section_titre #titre_validite p{
    font-size:16px;
    line-height:21px;
    text-transform:uppercase;
}

#section_offres{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

#section_offres .offre{
    width:501px;
    height:auto;
    margin:29px 20px;
    text-align:center;
}

#section_offres .disabled{

}
#section_offres .offre_visuel{
    display:inline-block;
    position:relative;
    margin-bottom:5px;
}

#section_offres .offre_visuel img{
    float:left;
    width:100%;
    height:auto;
}

#section_offres .offre_btn{
    position: absolute;
    bottom: 16px;
    left: 50px;
    width: auto;
}

#section_offres .offre_btn a{
	width:240px;
    margin:0;
	border-radius:4px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

#section_offres .offre.disabled .offre_visuel img{
    opacity:0.35;
}

#section_offres .offre.disabled .offre_btn a{
	background-color:#8FA3A7;
    box-shadow: 0px 0px 0px 0px #00000040;
    opacity:0.35;
}

#section_offres .offre_disabled{
    z-index:+1;
    position:absolute;
    width:100%;
    height:100%;
}

#section_offres #offre1 .offre_btn a{
	background-color:#FD5C00;
}

#section_offres #offre1 .offre_btn a:hover{
	background-color:#111;
}

#section_offres #offre2 .offre_btn{
    width:auto;
    left:50px;
}

#section_offres .offre_moda{
    color:#005A6D;
    font-size:16px;
    line-height:25px;
    text-decoration:none;
}

#section_offres .offre_moda span{
    text-decoration:underline;
}

#section_offres .offre_moda .icon_link{
    position:relative;
    top:2px;
    left:9px;
    width:16px;
    height:auto;
}

#section_suivi{
	position:relative;
	width:100%;
	padding-top:47px;
	padding-bottom:39px;
    margin-top:12px;
    text-align:center;
    background-color:#F1F3F5;
	overflow:hidden;
}

#section_suivi #section_suivi_titre{
    font-size:24px;
    line-height:1em;
    text-transform:uppercase;
}

#section_suivi #form_suivi{
    display:flex;
    justify-content:center;
    margin-top:43px;
}

#section_suivi #form_suivi input[type=text], #section_suivi #form_suivi input[type=email]{
	margin-bottom:8px;
	background-color:transparent;
	border:1px solid #01252D;
}

#section_suivi #bl_mail{
    width:296px;
}

#section_suivi #bl_numero{
    width:158px;
    margin:0 31px;
}

#section_suivi #recup_numero{
	float:left;
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
}

#section_suivi #form_suivi #bt_valider{
    width:auto;
    margin-top:32px;
}

#section_suivi #form_suivi #bt_valider a{
	width:230px;
    margin:0;
	border-radius:4px;
}

#section_tuto{
	position:relative;
	padding-top:60px;
	padding-bottom:100px;
	text-align:center;
}

#section_tuto #section_tuto_titre{
    position:relative;
    width:652px;
    margin:0 auto;
}

#section_tuto #section_tuto_titre p{
    z-index:+1;
    position:relative;
    display:inline-block;
    padding:0 25px;
    font-size:24px;
    line-height:38px;
    text-transform:uppercase;
    background-color:#fff;
}

#section_tuto #section_tuto_hr{
    position:absolute;
    top:18px;
    width:100%;
    height:2px;
    background-color:#009aa6;
}

#section_tuto #section_tuto_sstitre{
    margin-top:7px;
    font-size:18px;
    line-height:28px;
    text-transform:uppercase;
}

#section_tuto .tuto_cadre{
	display:inline-block;
	vertical-align:top;
	width:250px;
	margin:0 32px;
	margin-top:73px;
}

#section_tuto .tuto_ellipse{
    display:block;
	width:100px;
	height:100px;
    margin:0 auto;
    background-color:#009AA6;
    border-radius:50%;
}

#section_tuto .tuto_ellipse img{
    position:relative;
    display:block;
    margin:0 auto;
}

#section_tuto .tuto_num{
    margin-top:12px;
	font-size:26px;
    line-height:1em;
}

#section_tuto .tuto_text{
	margin-top:7px;
	font-size:16px;
    line-height:20px;
}

#section_tuto #tuto_cadre1 .tuto_ellipse img{
    top:26px;
    width:50px;
    height:auto;
}

#section_tuto #tuto_cadre2 .tuto_ellipse img{
    top:25px;
    width:46px;
    height:auto;
}

#section_tuto #tuto_cadre3 .tuto_ellipse img{
    top:29px;
    width:45px;
    height:auto;
}

#section_tuto #tuto_cadre4 .tuto_ellipse img{
    top:27px;
    width:46px;
    height:auto;
}

#section_tuto #tuto_cadre5 .tuto_ellipse img{
    top:26px;
    width:46px;
    height:auto;
}


/* PAGE PARTICULIER : Point de vente */

#page_pdv #bl_contenu{
    width:100%;
}

#page_pdv .ariane_actif .ariane_num{
    background-color:#009AA6;
	border:2px solid #009AA6;
}

#page_pdv .ariane_actif .ariane_num p{
	color:#fff;
}

#page_pdv #page_pdv_text{
	margin-top:26px;
    text-align:center;
}

#page_pdv #bl_contenu form{
    width:390px;
    margin:0 auto;
	margin-top:41px;
}

#page_pdv #bl_opticien{
    float:left;
    width:100%;
    padding:12px 19px 12px 19px;
    background-color:#f1f3f5;
    border:1px solid #ced4da;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_pdv #tab_pdv{
	width:100%;
	border-collapse:collapse;
}

#page_pdv #tab_pdv td{
    padding:7px 0;
	font-size:16px;
	line-height:1.2em;
}

#page_pdv #icon_pointer{
    position:relative;
    top:-4px;
    left:-3px;
    width:24px;
    height:auto;
}

#page_pdv #icon_social{
    position:relative;
    top:-2px;
    width:18px;
    height:auto;
}

#page_pdv #eligible{
    margin-top:10px;
	font-size:18px;
	line-height:28px;
}

#page_pdv #bt_valider{
	margin-top:43px;
	margin-bottom:64px;
}

#page_pdv #obli{
    float:none;
    clear:both;
    width:690px;
    margin:0 auto;
}


/* PAGE PARTICULIER : Achat */

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

#page_achat #page_achat_text1{
	margin-top:22px;
    line-height:28px;
}

#page_achat #page_achat_text1 .copyright{
	position:relative;
	top:4px;
	font-size:11px;
    line-height:1em;
}

#page_achat #page_achat_text2{
    margin-top:4px;
    font-size:16px;
    line-height:1em;
}

#page_achat #page_achat_text2 .copyright{
	position:relative;
	top:3px;
	font-size:10px;
    line-height:1em;
}

#page_achat #bl_date{
    width:450px;
    margin:0 auto;
	margin-top:44px;
}

#page_achat #bl_date label{
    width:100%;
    text-align:left;
}

#page_achat #bl_date input[type=date]{
    width:200px;
}

#page_achat .bl_champCB{
    width:450px;
    margin:0 auto;
}

#page_achat .bl_codebarre{
    float:left;
    width:380px;
}

#page_achat .bl_codebarre input[type=text]{
    width:322px;
    margin-bottom:0;
}

#page_achat .icon_aide{
    float:left;
	width:21px;
	height:21px;
    margin-top:14px;
    margin-left:8px;
	cursor:pointer;
}

#page_achat .cb_libelle{
	float:left;
	width:100%;
	height:17px;
	font-size:14px;
  line-height:17px;
	font-style:italic;
	text-align:left;
  color:#0098AD;
}

#page_achat .bl_quantite{
    float:right;
    width:68px;
}

#page_achat #bt_valider{
	margin-top:53px;
	margin-bottom:64px;
}

#page_achat #obli{
    float:none;
    clear:both;
    width:690px;
    margin:0 auto;
    text-align:left;
}


/* PAGE PARTICULIER : Facture */

#page_facture #bl_contenu{
	width:100%;
}

#page_facture #bl_contenu form{
	width:930px;
	margin:0 auto;
	margin-top:22px;
}

#page_facture #upload_text1{
	font-size:18px;
	line-height:28px;
}

#page_facture #upload_text1 .copyright{
	position:relative;
	top:4px;
	font-size:11px;
  line-height:1em;
}

#section_tuto .tuto_text .copyright {
	position:relative;
	top:-4px;
	font-size:11px;
  line-height:1em;
}

#page_facture #tab_upload{
	font-size:18px;
	line-height:28px;
  margin-top: 10px;
  margin-bottom: 15px;
}

#page_facture #tab_upload .bull{
	padding:0 10px;
}

#page_facture #upload_text2{
	margin-top:24px;
	font-size:14px;
	line-height:1.2em;
}

#page_facture #upload_text2 .copyright{
	position:relative;
	top:2px;
	font-size:8px;
    line-height:1em;
}

#page_facture #upload_text3{
	margin-top:29px;
	font-size:18px;
	line-height:1.2em;
}

#page_facture #zone_upload{
	width:772px;
	height:140px;
	margin-top:64px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:2px dashed #009aa6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_facture #visuel_upload{
	margin-top:28px;
    width:24px;
    height:auto;
}

#page_facture #zone_upload_text{
	margin-top:7px;
	font-size:16px;
	line-height:25px;
}

#page_facture #zone_upload_text span{
    text-decoration:underline;
    cursor:pointer;
}

#page_facture #zoneParcourirMobile{
	display:none;
}

#page_facture #bt_valider{
	margin-top:60px;
}


/* PAGE PARTICULIER : Coordonnées */

#page_coord #bl_contenu{
    width:100%;
}

#page_coord #page_coord_text{
	margin-top:26px;
    text-align:center;
}

#page_coord #bl_contenu form{
    width:520px;
    margin:0 auto;
	margin-top:41px;
}

#bl_civil{
	float:left;
	width:100%;
	margin-bottom:13px;
}

#bl_radio{
	float:left;
	margin-top:6px;
	margin-left:40px;
}

#bl_radio .check_ligne{
	float:left;
}

#bl_radio .check_btn{
	position:relative;
	top:2px;
	float:left;
	width:15px;
	height:15px;
	margin-right:8px;
	background:url(../img/radio_60.png) no-repeat;
	background-position: 0px 0px;
	background-size:100%;
}

#bl_radio label{
	width:auto;
	height:20px;
	margin-right:40px;
	font-size:16px;
	line-height:20px;
	text-transform:none;
}

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

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

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

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

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

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

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

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

#page_coord #bt_valider .bouton-left a{
    margin:0;
    margin-right:10px;
}

#page_coord #bt_valider .bouton-right a{
    margin:0;
    margin-left:10px;
}


/* PAGE PARTICULIER : Récapitulatif */

#page_recap #ariane{
	margin-bottom:110px;
}

#page_recap .bl_sstitre h2{
	margin-bottom:15px;
}

#page_recap .bl_sstitre .hr{
    position:relative;
    top:-2px;
}

#page_recap #bl_achat{
	margin-top:25px;
	margin-bottom:35px;
}

#page_recap .page_recap_titre{
    font-size:24px;
    line-height:1.2em;
    text-align:center;
}

#page_recap .page_recap_text{
    width:900px;
    margin:0 auto;
    margin-top:18px;
    margin-bottom: 20px;
}


#page_recap .recap_ligne{
    display:flex;
    width:100%;
    padding:5px 0;
}

#page_recap .recap_ligne p{
	font-size:18px;
	line-height:28px;
}

#page_recap .recap_ligne p .copyright{
	position:relative;
	top:4px;
	font-size:11px;
    line-height:1em;
}

#page_recap .hr_recap{
    width:770px;
    height:2px;
    margin:0 auto;
    background-color:#01252d;
}

#page_recap #bl_facture{
	margin-top:45px;
	margin-bottom:35px;
    text-align:center;
}
#page_recap #bl_cb {
  margin-top: 45px;
  margin-bottom: 35px;
  text-align: center;
}

#page_recap #visuel_facture{
    max-width:250px;
    max-height:250px;
	margin-top:21px;
}
#page_recap #visuel_cb{
    max-width:250px;
    max-height:250px;
	margin-top:21px;
}
#page_recap .visuel_pdf{
    max-width:120px;
    max-height:120px;
	margin-top:21px;
}
#page_recap #bl_coordonnees{
	margin-top:45px;
}

#page_recap #bl_coordonnees .page_recap_text{
    width:600px;
}

#page_recap #bt_valider{
	margin-top:75px;
}


/* PAGE PARTICULIER : Finaliser */

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

#page_finaliser #page_finaliser_text{
	margin-top:33px;
    line-height:24px;
}

#page_finaliser #page_finaliser_text a{
    text-decoration:none;
}

#page_finaliser #page_finaliser_text a:hover{
    text-decoration:underline;
}

#page_finaliser #bl_tuto{
	padding-top:35px;
	padding-bottom:35px;
	margin-top:60px;
	text-align:center;
	background-color:#f1f3f5;
}

#page_finaliser #bl_tuto_titre{
    font-size:30px;
}

#page_finaliser #bl_tuto2{
	padding-top:35px;
	text-align:center;
}
#page_finaliser #bl_tuto2 img{
	width:100%;
  max-width:712px;
}
#page_finaliser #bl_tuto2_titre{
    font-size:30px;
  padding-bottom:20px;
}

#page_finaliser .tuto_cadre{
	display:inline-block;
	vertical-align:top;
	width:180px;
	margin:0 32px;
	margin-top:36px;
}

#page_finaliser .tuto_ellipse{
    display:block;
	width:142px;
	height:142px;
    margin:0 auto;
    background-color:#a9d9e0;
    border-radius:50%;
}

#page_finaliser .tuto_ellipse img{
    position:relative;
    display:block;
    margin:0 auto;
}

#page_finaliser .tuto_ellipse img.m_tuto{
    display:none;
}

#page_finaliser .tuto_num{
    margin-top:16px;
	font-size:26px;
    line-height:1em;
}

#page_finaliser .tuto_text{
	margin-top:6px;
	font-size:16px;
    line-height:20px;
}

#page_finaliser #tuto_captcha{
    display:inline-block;
    padding:0 8px;
    margin-top:16px;
    background-color:#dae8ec;
    border:1px dashed #01252D;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_finaliser #tuto_captcha p{
    font-size:16px;
    line-height:34px;
}

#page_finaliser #tuto_cadre1 .tuto_ellipse img{
    top:4px;
}

#page_finaliser #tuto_cadre1 .tuto_text{
	margin-top:7px;
    line-height:25px;
}

#page_finaliser #tuto_cadre1 #icon_download{
    position:relative;
    top:1px;
    left:4px;
    width:16px;
    height:auto;
}

#page_finaliser #tuto_cadre2 .tuto_ellipse img{
    top:11px;
}

#page_finaliser #tuto_cadre3 .tuto_ellipse img{
    top:2px;
}

#page_finaliser #tuto_cadre4 .tuto_ellipse img{
    top:12px;
}

#page_finaliser #tuto_cadre5 .tuto_ellipse img{
    top:36px;
}

#page_finaliser #bt_back{
	margin-top:30px;
}



/* PAGE PARTICULIER : Codes-barres */

#page_cb #bl_contenu{
	width:1170px;
}
#page_cb #bl_tuto{
	padding-top:35px;
	padding-bottom:35px;
	margin-top:60px;
	text-align:center;
	background-color:#f1f3f5;
}

#page_cb #bl_tuto_titre{
    font-size:30px;
}

#page_cb #bl_tuto2{
	padding-top:35px;
	text-align:center;
}
#page_cb #bl_tuto2 img{
	width:100%;
  max-width:712px;
}
#page_cb #bl_tuto2_titre{
    font-size:30px;
  padding-bottom:20px;
}

#page_cb .tuto_cadre{
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin:0 20px;
	margin-top:36px;
}

#page_cb #interro {
  margin-left: 5px;
  width:20px;
  height:20px;
  position: absolute;
  cursor: pointer;
  top: auto;
}

#page_particulier #interro {
  margin-left: 5px;
  width:20px;
  height:20px;
  position: absolute;
  cursor: pointer;
  top: auto;
}

#page_opticien #interro {
  margin-left: 5px;
  width:20px;
  height:20px;
  position: absolute;
  cursor: pointer;
  top: auto;
}

#page_cb .tuto_ellipse{
    margin:0 auto;
  margin-bottom: 25px;

}

#page_cb .tuto_ellipse img{
    position:relative;
    display:block;
    margin:0 auto;
}

#page_cb .tuto_ellipse img.m_tuto{
    display:none;
}

#page_cb .tuto_num{
  font-size: 20px;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 20px;
  line-height: 40px;
  position: absolute;
  margin-left: 60px;
  margin-top: 30px;
  z-index: +1;
}

#page_cb .tuto_text{
	margin-top:6px;
	font-size:16px;
    line-height:18px;
}

#page_cb #tuto_captcha{
    display:inline-block;
    padding:0 8px;
    margin-top:16px;
    background-color:#dae8ec;
    border:1px dashed #01252D;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cb #tuto_captcha p{
    font-size:16px;
    line-height:34px;
}

#page_cb #tuto_cadre1 .tuto_ellipse img{
    top:4px;
}


#page_cb #tuto_cadre1 #icon_download{
    position:relative;
    top:1px;
    left:4px;
    width:16px;
    height:auto;
}

#page_cb #tuto_cadre2 .tuto_ellipse img{
    top:11px;
}

#page_cb #tuto_cadre3 .tuto_ellipse img{
    top:2px;
}

#page_cb #tuto_cadre4 .tuto_ellipse img{
    top:12px;
}

#page_cb #tuto_cadre5 .tuto_ellipse img{
    top:36px;
}

#page_cb #bt_back{
	margin-top:30px;
}

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

#page_cb .bl_sstitre{
	margin-top:55px;
}

#page_cb #page_cb_text1{
	margin-top:22px;
	font-size:18px;
	line-height:28px;
}

#page_cb #page_cb_text2{
    position:relative;
    display:inline-block;
	margin-top:20px;
	font-size:18px;
	line-height:18px;
}

#page_cb #tuto_captcha{
    display:inline-block;
    width:90px;
    background-color:#e7f3f5;
    border:1px dashed #01252D;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cb #tuto_captcha p{
    font-size:14px;
    line-height:30px;
}

.cbGreenLine {
  width: 630px; 
  height: 2px; 
  background-color: #009aa6; 
  margin: 50px auto 0px auto;
}

#page_cb #upload_text{
	margin-top:20px;
    font-size:14px;
}

#page_cb #zone_upload{
	width:630px;
	height:140px;
	margin-top:7px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:2px dashed #009aa6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_cb #visuel_upload{
	margin-top:28px;
    width:24px;
    height:auto;
}

#page_cb #zone_upload_text{
	margin-top:7px;
	font-size:16px;
	line-height:25px;
}

#page_cb #zone_upload_text span{
    text-decoration:underline;
    cursor:pointer;
}

#page_cb #zoneParcourirMobile{
	display:none;
}

#page_cb #ajout_fichier{
    display:inline-block;
    margin-top:15px;
    margin-bottom:19px;
	cursor:pointer;
}

#page_cb #ajout_fichier div{
	float:left;
	width:20px;
	height:20px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	text-align:center;
	background-color:#009AA6;
	border-radius:50%;
}

#page_cb #ajout_fichier p{
	float:left;
	margin-left:9px;
	font-size:16px;
	line-height:20px;
	text-decoration:underline;
}

#page_cb .file_ligne{
	margin-top:15px;
	margin-bottom:0;
}

#page_cb .file_ligne:last-child{
	margin-bottom:10px;
}

#page_cb .file_visuel img{
	/*width:21px;
	height:21px;*/
  height: 40px;
  width: auto;
  padding: 10px;
}

#page_cb .file_name{
	padding:0 90px 0 3px;
    color:#000;
	font-size:14px;
}

#page_cb .file_visualiser{
	display:inline-block;
	vertical-align:middle;
    padding-right:27px;
}

#page_cb .file_visualiser img{
    position:relative;
    top:1px;
    float:left;
	width:16px;
	height:16px;
    margin-right:6px;
	cursor:pointer;
}

#page_cb .file_visualiser p{
    float:left;
    font-size:12px;
}

#page_cb .file_delete{
	cursor:pointer;
}

#page_cb .file_delete img{
    float:left;
	width:17px;
	height:17px;
    margin-right:6px;
}

#page_cb .file_delete p{
    float:left;
    color:#f00;
    font-size:12px;
}

#page_cb #bt_valider{
	margin-top:49px;
}


/* PAGE PARTICULIER : Confirmation */

#page_conf .bl_sstitre{
	margin-top:47px;
}

#page_conf #page_conf_text{
    width:645px;
    margin:0 auto;
	margin-top:31px;
	text-align:center;
}

#page_conf #page_conf_text p{
    margin-top:20px;
    font-size:18px;
    line-height:28px;
}

#page_conf #page_conf_text .lienSuivi{
    text-decoration:none;
}

#page_conf #page_conf_text .lienSuivi:hover{
    text-decoration:underline;
}

#page_conf #icon_link{
    position:relative;
    top:2px;
    left:1px;
    width:16px;
    height:auto;
}

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


/* PAGE PARTICULIER : Suivi */

#page_suivi #bl_contenu{
    width:100%;
	padding-top:52px;
}

#page_suivi h1{
    font-size:24px;
    text-transform:uppercase;
}

#page_suivi #bl_suivi{
    display:flex;
    width:1166px;
    max-width:92%;
    margin:0 auto;
    margin-top:50px;
    background-color:#F1F3F5;
}

#page_suivi #bl_suivi_visuel{
    width:395px;
    height:auto;
}

#page_suivi #bl_suivi_info{
    margin-top:32px;
    margin-left:50px;
}

#page_suivi #tab_suivi{
	width:100%;
	border-collapse:collapse;
}

#page_suivi #tab_suivi td{
    padding:13px 0;
	font-size:18px;
	line-height:1.2em;
}

#page_suivi #tab_suivi td .copyright{
	position:relative;
	top:4px;
	font-size:12px;
    line-height:1em;
}

#page_suivi #libStatut{
    float:left;
}

#page_suivi #bl_statut{
    position:relative;
    top:-9px;
    float:left;
	min-width:62%;
  max-width: 88%;
    padding:3px 36px 15px 36px;
    margin-left:16px;
    color:#54B07D;
    line-height:41px;
    background-color:#e4f0ec;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_suivi .detailSuivi{
  line-height: 20px;
  font-size: 16px;
}

#page_suivi #bl_statut #statut_icon{
    position:absolute;
    top:18px;
    left:16px;
    width:12px;
    height:12px;
    background-color:#54b07d;
    border-radius:50%;
}

#page_suivi #bl_statut a{
    color:#54B07D;
}

#page_suivi #bl_statut a .icon_link{
    position:relative;
    top:2px;
    left:2px;
    width:16px;
    height:auto;
}

#page_suivi #bl_statut.statutKO{
    color:#FA7000;
    background-color:#f2e6dd;
}

#page_suivi #bl_statut.statutKO #statut_icon{
    background-color:#FA7000;
}

#page_suivi #bl_statut.statutKO a{
    /*color:#FA7000;*/
}

#page_suivi #bt_back{
	margin-top:80px;
}
#page_suivi #bt_suivi{
	margin-top:20px;
  margin-bottom:20px;
  text-align:left;
  
}
#page_suivi #bt_suivi a{
	width:280px;
  color:#fff;
  background-color:#FA7000;
}
#page_optisuivi #bt_suivi{
	margin-top:20px;
  margin-bottom:20px;
  text-align:left;
  
}
#page_optisuivi #bt_suivi a{
	width:280px;
  color:#fff;
  background-color:#FA7000;
}
/* PAGE OPTICIEN : Accueil */

#bg_home{
    position:absolute;
    top:0;
    left:-86px;
    width:55%;
    height:100%;
    background: linear-gradient(137.65deg, #0B8594 22.49%, rgba(11, 133, 148, 0.27) 115.07%);
    box-shadow: 3px 0px 24px 0px #00000026;
	-webkit-transform:skew(-9deg);
	-moz-transform:skew(-9deg);
	-o-transform:skew(-9deg);
	transform:skew(-9deg);
}

#section_connexion{
	position:relative;
	width:1166px;
	padding-top:130px;
	padding-bottom:42px;
	margin:0 auto;
	overflow:hidden;
}

#section_connexion #form_login{
	float:left;
	width:402px;
	margin-left:80px;
}

#section_connexion .page_home_text1{
	margin-bottom:37px;
    color:#fff;
	font-size:24px;
	line-height:1em;
	text-align:center;
	text-transform:uppercase;
}

#section_connexion #form_login label{
    color:#fff;
}

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

#section_connexion .recup_pwd{
	float:left;
    color:#fff;
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
}

#section_connexion #bt_login{
	margin-top:73px;
}

#section_connexion #bt_login a{
	color:#fff;
	border:1px solid #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

#section_connexion #bt_login a:hover{
    background-color:#111;
	border:1px solid #111;
}

#section_connexion #obli{
	position:relative;
	left:-30px;
	float:left;
	margin-top:66px;
	color:#fff;
	font-size:12px;
	line-height:1em;
}

#section_connexion #form_code{
	float:right;
	width:562px;
	text-align:center;
}

#section_connexion #form_code .page_home_text1{
	margin-bottom:44px;
    color:#009AA6;
}

#section_connexion #page_home_text2{
	font-size:20px;
	line-height:1.2em;
}

#section_connexion #page_home_text3{
	margin-top:5px;
	font-size:16px;
	line-height:1.2em;
}

#section_connexion #bl_codeclient{
    width:416px;
    margin:0 auto;
	margin-top:42px;
}

#section_connexion #bl_codeclient input[type=text]{
    width:388px;
    margin-bottom:0;
	text-align:center;
}

#section_connexion #bl_codeclient #icon_aide{
    float:right;
	width:20px;
	height:20px;
    margin-top:14px;
	cursor:pointer;
}

#section_connexion #bt_compte{
	margin-top:112px;
}


/* PAGE OPTICIEN : Inscription */

#page_insc #bl_contenu{
    width:574px;
	padding-top:55px;
}

#page_insc h1{
    font-size:30px;
    text-transform:uppercase;
}

#page_insc .bl_sstitre{
    float:left;
    width:100%;
    text-align:left;
}

#page_insc .bl_sstitre h1, #page_insc .bl_sstitre h2{
	margin-bottom:1px;
	font-size:18px;
	line-height:1em;
}

#page_insc .bl_sstitre .hr{
	width:100%;
	height:2px;
    background-color:#01252D;
}

#page_insc #bl_sstitre1{
	margin-top:51px;
	margin-bottom:23px;
}

#page_insc .align_left{
    float:left;
	width:277px;
}

#page_insc .align_right{
    float:right;
	width:277px;
}

#page_insc #raison_sociale{
	margin-bottom:6px;
}

#page_insc #mention_raisonsociale{
    float:left;
    font-size:12px;
    line-height:1.5em;
}

#page_insc #bl_sstitre2{
	margin-top:66px;
	margin-bottom:23px;
}

#page_insc #condition_mdp{
	float:left;
	margin-top:10px;
	font-size:14px;
	line-height:17px;
}

#page_insc #condition_mdp ul{
	margin-top:14px;
}

#page_insc #condition_mdp li{
	list-style:none;
	padding:5px 0;
}

#page_insc #condition_mdp .icon_check{
	float:left;
	width:17px;
	height:17px;
	margin-right:8px;
	background-image: url("../img/icon_check.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:17px 17px;
}

#page_insc #condition_mdp .icon_check p{
	float:left;
}

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

#page_insc #bl_checkbox1{
	margin-top:31px;
}

#page_insc #bl_checkbox2{
	margin-top:21px;
}

#page_insc #bl_checkbox3{
	margin-top:25px;
}

#page_insc #obli{
	margin-top:65px;
}

#page_insc #mentions{
	margin-top:13px;
}

#page_insc #bt_valider{
	margin-top:71px;
}

#page_insc #form_compte #bt_password{
	margin-top:15px;
}

#page_insc #form_compte #bl_checkbox1{
	margin-top:70px;
}

#page_insc #form_compte #obli{
	margin-top:40px;
}

#page_insc #form_compte #bt_valider a{
	width:270px;
}


/* PAGE OPTICIEN : Mot de passe */

#page_pass #bl_contenu{
	padding-top:55px;
}

#page_pass h1{
    font-size:30px;
    text-transform:uppercase;
}

#page_pass #bl_contenu form{
	width:470px;
	margin:0 auto;
	margin-top:50px;
}

#page_pass #condition_mdp{
	float:left;
	margin-top:20px;
	font-size:14px;
	line-height:17px;
}

#page_pass #condition_mdp ul{
	margin-top:14px;
}

#page_pass #condition_mdp li{
	list-style:none;
	padding:5px 0;
}

#page_pass #condition_mdp .icon_check{
	float:left;
	width:17px;
	height:17px;
	margin-right:8px;
	background-image: url("../img/icon_check.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:17px 17px;
}

#page_pass #condition_mdp .icon_check p{
	float:left;
}

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

#page_pass #obli{
	float:left;
	width:100%;
	margin-top:46px;
	font-size:12px;
	line-height:1em;
}


/* PAGE OPTICIEN : Accueil */

#page_opticien #section_tuto{
	padding-top:55px;
	padding-bottom:55px;
    margin-top:20px;
    background-color:#f1f3f5;
}

#page_opticien #section_tuto #section_tuto_titre p{
    background-color:#f1f3f5;
}


/* PAGE OPTICIEN : Suivi */

#page_optisuivi #bl_contenu{
    width:1166px;
}

#page_optisuivi h1{
	font-size:24px;
}

#page_optisuivi h2{
	font-size:24px;
    line-height:38px;
    text-align:center;
}

#page_optisuivi .bl_table{
	float:left;
	width:100%;
}

#page_optisuivi .tab_suivi{
	width:100%;
	border-collapse:collapse;
}

#page_optisuivi .tab_suivi tr{
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}

#page_optisuivi .tab_suivi th{
	padding:16px 0 16px 30px;
    color:#fff;
	font-size:18px;
	line-height:1em;
	font-weight:normal;
    background-color:#009aa6;
    border:0;
	border-bottom:1px solid #dadada;
}

#page_optisuivi .tab_suivi td{
	height:auto;
	padding:13px 0 13px 30px;
	font-size:18px;
	line-height:1.2em;
    border:0;
	border-bottom:1px solid #dadada;
}

#page_optisuivi .tab_suivi th:first-child{
	border-left:1px solid #009aa6;
}

#page_optisuivi .tab_suivi th:last-child{
	border-right:1px solid #009aa6;
}

#page_optisuivi .tab_suivi td.tdStatut{
    position:relative;
    padding-left:53px;
}

#page_optisuivi .tab_suivi .statut_icon{
    position:absolute;
    top:18px;
    left:30px;
    width:12px;
    height:12px;
    background-color:#54b07d;
    border-radius:50%;
}

#page_optisuivi .tab_suivi .statut_icon.orange{
    background-color:#fa7000;
}

#page_optisuivi .tab_suivi td.tdStatut a{
    position:relative;
    float:left;
    margin-top:11px;
    margin-bottom:4px;
    font-size:16px;
}

#page_optisuivi .tab_suivi td.tdStatut a .icon_link{
    position:relative;
    top:2px;
    left:7px;
    width:16px;
    height:16px;
}

#page_optisuivi .tab_suivi td.tdStatut a .icon_download{
    position:absolute;
    top:1px;
    left:-23px;
    width:17px;
    height:17px;
}

#page_optisuivi #tab_suivi1{
	width:968px;
    margin:0 auto;
	margin-top:40px;
	margin-bottom:80px;
}

#page_optisuivi #tab_suivi1.tab_suivi th{
    padding-left:20px;
}

#page_optisuivi #tab_suivi1.tab_suivi td{
    padding-left:20px;
}

#page_optisuivi #bl_recherche{
    position:relative;
    float:right;
    width:395px;
    margin-top:50px;
}

#page_optisuivi #bl_recherche input[type=text]{
	height:50px;
    padding:16px;
}

#page_optisuivi #bl_recherche input[type=text]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
	color:#A9A9A9;
}

#page_optisuivi #bl_recherche input[type=text]:-moz-placeholder{ /* Firefox 18- */
	color:#A9A9A9;
}

#page_optisuivi #bl_recherche input[type=text]::-moz-placeholder{ /* Firefox 19+ */
	color:#A9A9A9;
}

#page_optisuivi #bl_recherche input[type=text]:-ms-input-placeholder{ /* IE 10+ */
	color:#A9A9A9;
}

#page_optisuivi #bl_recherche #bt_search{
    z-index:+1;
    position:absolute;
    top:10px;
    right:13px;
    width:30px;
    height:30px;
    cursor:pointer;
}

#page_optisuivi #bl_filtre{
    float:left;
    margin-top:50px;
    margin-bottom:40px;
}

#page_optisuivi .filtre_cadre{
    float:left;
}

#page_optisuivi .filtre_cadre label{
	display:block;
	width:310px;
	height:auto;
    color:#01252D;
    font-size:18px;
    line-height:48px;
    text-align:center;
	background-color:#fff;
	border:1px solid #ced4da;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#page_optisuivi .filtre_cadre label.checked{
    color:#fff;
	background-color:#009aa6;
	border:1px solid #009aa6;
}

#page_optisuivi .filtre_cadre input{
	display:none;
}

#page_optisuivi #filtre_left label{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

#page_optisuivi #filtre_right label{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

#page_optisuivi #lienSuppr{
  margin-top: -10px;
  color: #f01010;
  margin-left: 10px;
}

/* PAGE: Contact */

#page_contact h1{
	font-size:24px;
    line-height:42px;
}

#page_contact #page_contact_text{
	margin-top:41px;
    text-align:center;
}

#page_contact #bl_contenu form{
    width:520px;
    margin:0 auto;
	margin-top:28px;
}

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

#page_contact #bl_checkbox1{
	margin-top:15px;
}

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

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

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

#page_contact #bt_valider .bouton-left a{
    margin:0;
    margin-right:10px;
}

#page_contact #bt_valider .bouton-right a{
    margin:0;
    margin-left:10px;
}


/* PAGE: Mentions légales */

#page_text #bl_contenu{
	width:1030px;
}

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

#page_text #bl_text h2{
    font-size:20px;
}

#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:95px;
}

#page_text .copyright {
	position: relative;
	top: 4px;
	font-size: 11px;
	line-height: 1em;
}


/* PAGE: Attente et Fin */

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

#page_out h1{
	margin:30vh 0;
	font-size:24px;
	line-height:1.2em;
	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 #01252D;
	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:600px;
	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:18px;
	right:18px;
    width:20px;
    height:20px;
	padding:0;
	cursor:pointer;
    background-color:#0B8594;
	border-radius:50%;
}

.lightbox_close .bar{
    position:relative;
    top:-1px;
	display:block;
	width:12px;
	height:2px;
	margin:6px auto;
	background:#fff;
}

.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(4px) 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(-4px) rotateZ(-45deg);
}

.lightbox_titre{
	margin-bottom:45px;
    color:#009AA6;
	font-size:20px;
	text-align:center;
    text-transform:uppercase;
}

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

.lightbox_content .bouton{
	float:left;
	margin-top:50px;
}

.lightbox_content .bouton a{
}

#lb_maj, #lb_contact, #lb_pwd_maj, #lb_pwd_conf, #lb_attestation, #lb_aide, #lb_codeclient, #lb_codeclientko, #lb_dejaparticipe, #lb_limite{
	padding-top:30px;
	text-align:center;
}

#lb_maj .bouton, #lb_pwd_maj .bouton{
	margin-top:50px;
}

#lb_pwd, #lb_numero{
	padding-top:25px;
	padding-bottom:50px;
	text-align:center;
}

#lb_pwd .lightbox_titre, #lb_numero .lightbox_titre{
	margin-bottom:25px;
}

#lb_pwd #lb_pwd_text, #lb_numero #lb_numero_text{
	margin-bottom:28px;
    color:#01252D;
	font-size:18px;
}

#lb_pwd form, #lb_numero form{
	width:90%;
	max-width:470px;
	margin:0 auto;
}

#lb_pwd form input, #lb_numero form input{
	margin-bottom:0;
	text-align:center;
}

#lb_pwd .bouton, #lb_numero .bouton{
	position:relative;
	margin-top:40px;
}

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

#lb_pwd_modif{
	padding-top:25px;
	text-align:center;
}

#lb_pwd_modif .lightbox_titre{
	margin-bottom:35px;
}

#lb_pwd_modif form{
	width:90%;
	max-width:470px;
	margin:0 auto;
}

#lb_pwd_modif #passConf{
	margin-bottom:5px;
}

#lb_pwd_modif #lb_pwd_modif_mention{
	float:left;
	width:100%;
	font-size:15px;
	line-height:1.2em;
	font-style:italic;
	text-align:left;
}

#lb_pwd_modif .bouton{
	position:relative;
	margin-top:40px;
}

#lb_pwd_modif .bouton a{
	z-index:+1;
	position:relative;
	margin:0;
}

#lb_aide{
    width:800px;
	padding-bottom:42px;
}

#lb_aide .lightbox_titre{
	margin-bottom:27px;
}

#lb_aide_visuel{
    position:relative;
    left:30px;
    margin-top:30px;
}

#lb_codeclient{
    width:800px;
	padding-bottom:25px;
}

#lb_codeclient .lightbox_titre{
	margin-bottom:27px;
}

#lb_codeclient_visuel{
    margin-top:30px;
}

#lb_codeclientko{
	padding-bottom:75px;
}

#lb_dejaparticipe{
    width:800px;
    padding-bottom:60px;
}

#lb_limite{
    width:800px;
	padding-bottom:75px;
}
#lb_tuto{
  width:100%;
  max-width:800px;
}

/* FOOTER */

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

#footer ul{
	text-align:center;
}

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

#footer li a{
	margin:0 16px;
	color:#4f4f4f;
	font-size:16px;
	line-height:59px;
	text-decoration:none;
	cursor:pointer;
}

#footer li a.vert{
	color:#009AA6;
}

#footer a:hover{
	text-decoration:underline;
}
#contactStick{
	position:fixed;
  bottom:45%;
  right:10px;
}
#question{
  float:right;
}
#question2 {
  float: right;
}
#questionMessage{
  float:left;
  margin-top: 10px;
  display:none;
}