body{
	background-color:#fff;
}

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

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

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

.pure-g [class*=pure-u]{
	font-family: "Roboto-Light";
	font-weight:normal;
	font-size:14px;
	color:#222;
}

a{
	color:#222;
}

p{
    margin:0 0 10px;
    line-height:1.42857143;
}

ul{
	margin:0;
    margin-bottom:10px;
}

li{
    font-size:12px;
    line-height:1.42857143;
}

:focus{
	outline:0;
}

.rouge, p.rouge{
    color:#a94442;
}


/* AJOUT CLASSES PURE */

.pure-padding{
	padding-left:15px;
	padding-right:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pure-row{
	display:inline-block;
}

.pure-relative{
	position:relative;
}

@media screen and (max-width: 47.999em){
.pure-sm-hide{
	display:none !important;
}
}

@media screen and (min-width: 48em){
.pure-md-show{
	display:block !important;
}

.pure-md-hide{
	display:none !important;
}

.pure-md-offset-1-3{
    width:66.6667%;
	margin-left:33.33333333%;
}
}

@media screen and (min-width: 64em){
.pure-lg-show{
	display:block !important;
}

.pure-lg-hide{
	display:none !important;
}

.pure-lg-offset-1-3{
    width:66.6667%;
	margin-left:33.33333333%;
}
}

.pure-load{
    opacity:0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.pure-load.load{
    opacity:1;
}


/* MENU */

#navbar{
	min-width:320px;
	background-color:#ec5150;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

#navbar-container{
    max-width:1200px;
	margin:0 auto;
}

#navbar-brand img{
	float:left;
	width:auto;
	height:60px;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:2px;
}

.pure-menu{
	height:65px;	/* changer également line-height de .pure-menu-link */
	text-align:center;	/* center le menu */
}

.pure-menu-item{
	float:left;
}

.pure-menu-item .active{
	background-color:#cc4140;
}

.pure-menu-link{
    padding:0 15px;
	color:#fff;
    font-family : "Roboto-Regular";
	font-size:18px;
	line-height:65px;	/* valeur identique que height de .pure-menu */
	text-transform:uppercase;
	cursor:pointer;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.pure-menu-link:hover{
	background-color:#cc4140;
}

.pure-menu-link:focus{
	background-color:transparent;
}

@media screen and (max-width: 63.999em){
.pure-menu-link{
    padding:0 10px;
	font-size:14px;
}
}

.navbar-bar{
	float:right;
	width:auto;
	margin-top:16px;
	margin-right:20px;
	-webkit-transition:all .7s ease;
	-moz-transition:all .7s ease;
	-ms-transition:all .7s ease;
	-o-transition:all .7s ease;
	transition:all .7s ease;
	cursor:pointer;
}
 
.navbar-bar .bar{
	display:block;
	width:30px;
	height:3px;
	margin:6px auto;
	background:#900;
	-webkit-transition:all .7s ease;
	-moz-transition:all .7s ease;
	-ms-transition:all .7s ease;
	-o-transition:all .7s ease;
	transition:all .7s ease;
}

.navbar-bar .middle{
	margin:0 auto;
}

.navbar-bar.open .bar{
	background-color:#900;	/* couleur de l'icon close */
}
 
.navbar-bar.open .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);
}
 
.navbar-bar.open .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);
}
 
.navbar-bar.open .middle{
	width:0;
}

@media screen and (max-width: 47.999em){
.pure-menu{
	height:auto;
}

.pure-menu-list{
	width:100%;
	border-top:1px solid #cc4140;
	border-bottom:1px solid #cc4140;
}

.pure-menu-horizontal .pure-menu-list{
    display:block;
	overflow:hidden;
}

.pure-menu-item{
	width:100%;
}

.pure-menu-link{
    padding:15px;
	line-height:normal;
}
}


/* BOUTON */

.pure-button{
    font-family : "Roboto-Light";
	font-weight:normal;
	text-transform:uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pure-button-primary, a.pure-button-primary{
	display:block;
	width:100%;
	padding:0 16px;
	margin-top:25px;
    margin-left:auto;
    margin-right:auto;
    font-family : "Roboto-Bold";
	color:#fff;
	font-size:16px;
	line-height:43px;
	background-color:#ec5150;
	border-radius:6px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
}

.pure-button-primary:hover{
    width:96%;
    font-size:14px;
    background-image:none;
	background-color:#d23d3c;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.pure-button-back, a.pure-button-back{
	padding:0 16px;
	color:#fff;
    font-family : "Roboto-Bold";
	font-size:16px;
	line-height:43px;
	background-color:#222;
	border-radius:6px;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.3);
}

.pure-button-back:hover{
    font-size:14px;
    background-image:none;
	background-color:#000;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.pure-button-add{
	padding:6px 11px;
	color:#fff;
    font-size:12px;
    line-height:1.5;
	background-color:#ec5150;
    border-radius:3px;
}

.pure-button-add:hover{
	background-color:#d23d3c;
}

.pure-button-delete{
	padding:6px 11px;
	color:#fff;
    font-size:12px;
    line-height:1.5;
	background-color:#222;
    border-radius:3px;
}

.pure-button-delete:hover{
	background-color:#000;
}

.pure-button-upload{
	padding:6px 11px;
	color:#fff;
    font-size:12px;
    line-height:1.5;
	background-color:#900;
    border-radius:3px;
}

.pure-button-upload:hover{
	background-color:#900;
}

.pure-button-lb{
	padding:6px 20px;
	color:#fff;
    font-size:16px;
    line-height:1.5;
	background-color:#900;
    border-radius:3px;
}

.pure-button-lb:hover{
	background-color:#900;
}

.pure-button-inline{
	width:100%;
	margin-top:25px;
}

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

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

.pure-button-middle{
	float:left;
	width:100%;
	text-align:center;
}

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

.pure-button-inline .pure-button{
	display:inline-block;
	width:220px;
	margin:0 20px;
}

@media screen and (max-width: 33.999em){
.pure-button-inline .pure-button{
	margin:5px;
}
}


/* FORMULAIRE */

.pure-form fieldset{
	padding:0;
}

.pure-form legend{
	padding:15px 25px;
	margin-bottom:30px;
	font-family: "Roboto-Light";
	font-weight:normal;
	color:#666;
	font-size:18px;
	border-bottom: 1px solid #cdcdcd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 47.999em){
.pure-form legend{
	padding:15px;
}
}

@media screen and (max-width: 33.999em){
.pure-form legend{
    font-size:14px;
}
}

.pure-form-aligned .pure-control-group{
    margin-bottom:15px;
}

.pure-form-aligned .pure-line{
	line-height:34px;	/* valeur identique que height de input */
}

.pure-form-aligned .pure-control-group label{
    width:100%;
	padding-right:15px;
    font-family : "Roboto-Regular";
	font-weight:normal;
	line-height:1.2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 47.999em){
.pure-form-aligned .pure-control-group label{
	text-align:left;
}
}

.pure-form-aligned .pure-control-group label.has-error{
	color:#ec5150;
}

.pure-form input[type=text], .pure-form input[type=email], .pure-form input[type=tel], .pure-form select{
    height:34px;	/* changer également line-height de .pure-line, .pure-icon-btn et .labelQte */
    padding:6px 12px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media screen and (max-width: 33.999em){
.pure-form input[type=text], .pure-form input[type=email], .pure-form input[type=tel], .pure-form select{
    font-size:14px;
}
}

.pure-form select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background: url(../img/icon_select.png) no-repeat right;
	background-color:#fff;
	background-size:12px 6px;
}

.pure-form select::-ms-expand{
	display:none;
}

option{
	color:#222;
	font-family:'Trebuchet MS';
}

option[value=""][disabled]{
	display:none;
}

.pure-form textarea{
    height:113px;
    padding:6px 12px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

[type="checkbox"].filled-in{
    position:absolute;
    opacity:0;
    pointer-events:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

[type="checkbox"].filled-in+span{ /* Checkbox : label */
	display:inline-block;
	position:relative;
	padding-left:30px;
	cursor:pointer;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width: 33.999em){
[type="checkbox"].filled-in+span{ /* Checkbox : label */
    font-size:12px;
}
}

[type="checkbox"].filled-in+span:after{ /* Checkbox : box unchecked */
    content: '';
	z-index:1;
    position:absolute;
	top:-2px;
    left:0;
    width:20px;
    height:20px;
    background-color:transparent;
    border:1px solid #9e9e9e;
	border-radius:3px;
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

[type="checkbox"].filled-in:checked+span:after{ /* Checkbox : box checked */
	z-index:0;
    background-color:#900;
    border:2px solid #900;
}

[type="checkbox"].filled-in+span:before{ /* Checkbox : Puce unchecked */
    content: '';
	z-index:1;
    position:absolute;
    top:10px;
    left:6px;
    width:0;
    height:0;
    background-color:transparent;
    -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

[type="checkbox"].filled-in:checked+span:before{ /* Checkbox : Puce checked */
	top:-2px;
    left:1px;
    width:8px;
    height:13px;
	margin-top:3px;
	border:solid #fff;
	border-width:0 2px 2px 0;
	border-radius:1px;
    -webkit-transform:rotateZ(37deg);
    transform:rotateZ(37deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
}

.pure-form-message-inline{
	display:none;
	padding:0;
	margin-top:3px;
	color:#ec5150;
}


/* INFOBULLE */

.pure-icon{
	position:relative;
}

.pure-icon-btn{
	z-index:+1;
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:100%;
	color:#fff;
    font-size:14px;
	line-height:34px;	/* valeur identique que height de input */
	text-align:center;
    background-color:#900;
	border:0;
    border-radius:4px;
	border-top-left-radius:0;
    border-bottom-left-radius:0;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

.pure-icon-btn:hover{
	background-color:#222;
}

.pure-icon-btn-scan{
	z-index:+1;
	position:absolute;
	top:0;
	right:35px;
	width:34px;
	height:100%;
	color:#fff;
    font-size:14px;
	line-height:34px;	/* valeur identique que height de input */
	text-align:center;
    background-color:#222;
	border:0;
    border-radius:4px;
	border-top-left-radius:0;
    border-bottom-left-radius:0;
	cursor:pointer;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
    display:none;
}

.pure-icon-btn-scan:hover{
	background-color:#000;
}
.mentionScan p{
    display:none;
    color:#900;
}
.mentionScan img{
    width: 20px;
    height: auto;
    top: 3px;
    position: relative;
}

@media screen and (max-width: 47.999em){
    .mentionScan p, .pure-icon-btn-scan{
    display:block;
    margin-bottom: 15px;
}
}

.pure-icon-content{
	display:none;
    z-index:100;
    position:absolute;
    top:-15px;
    right:45px;
    width:180px;
    height:auto;
    padding:15px;
	color:#fff;
    font-size:12px;
    line-height:15px;
    background-color:#900;
    border:0;
    border-radius:4px;
}

@media screen and (max-width: 33.999em){
.pure-xs-icon-content{
    top:40px;
    right:-50px;
}
}


/* AUTOCOMPLÉTION */

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

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

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


/* UPLOAD */

input[type=file]{
    display:none;
}

.file{
    margin-bottom:20px;
}

.file-list{
}

.file-ligne{
	display:table;
	width:100%;
	height:auto;
	padding:8px;
    border-top:1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.file-visuel{
	display:table-cell;
	vertical-align:middle;
}

.file-visuel img{
	width:100px;
	max-width:100%;
    padding:4px;
    border:1px solid #ddd;
    border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.file-name{
	display:table-cell;
	vertical-align:middle;
	word-wrap:break-word;
	width:auto;
	max-width:200px;
	padding:0 10px;
    font-family : "Roboto-Light";
}

@media screen and (max-width: 33.999em){
.file-name{
	font-size:12px;
}
}

.file-delete{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}


/* CONTENU */

#contenu{
    min-width:320px;
    max-width:1200px;
	padding-bottom:50px;
	margin:0 auto;
}

@media screen and (max-width: 47.999em){
#contenu{
	padding-bottom:100px;
}
}

@media screen and (min-width: 48em) and (max-width: 63.999em){
#contenu{
	width:750px;
}
}

header img{
	display:block;
	width:100%;
	max-width:640px;
	height:auto;
	margin:15px auto;
}

@media screen and (min-width: 64em){
header{
	min-height:80px;
}
}

#visuel-ope{
	display:none;
    width:100%;
}

.panel{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	background:rgba(255,255,255,0.8);
}

.panel-heading{
	color:#fff;
	background-color:#900;
	border-radius:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

.panel.open .panel-heading{
	border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.panel-title{
    float:left;
	margin-top:0;
    margin-bottom:0;
	margin-left:25px;
	font-family: "Roboto-Regular";
	font-weight:normal;
    font-size:16px;
	line-height:45px;
}

@media screen and (max-width: 47.999em){
.panel-title{
	margin-left:15px;
}
}

@media screen and (max-width: 33.999em){
.panel-title{
    font-size:14px;
}
}

.panel-modif{
	display:none;
	float:right;
	margin-right:25px;
    font-size:14px;
	line-height:45px;
	text-decoration:underline;
	cursor:pointer;
}

@media screen and (max-width: 33.999em){
.panel-modif{
	margin-right:15px;
    font-size:12px;
}
}

.panel-num{
	float:right;
	width:31px;
	height:31px;
	margin:7px 15px 7px 0;
    font-family : "Roboto-Bold";
	color:#900;
    font-size:20px;
	line-height:31px;
	text-align:center;
	background-color:#fff;
	border-radius:50%;
}

.panel-contenu{
	display:none;
	padding-bottom:15px;
	border:1px solid #cdcdcd;
	border-top:0;
	border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}

.panel.open .panel-contenu{
	display:block;
}

.panel-sstitre{
    display:block;
    margin-top:10px;
    font-size:12px;
}

.mention{
	margin-top:15px;
	margin-bottom:0;
	color:#666;
	font-size:12px;
	line-height:15px;
}

@media screen and (max-width: 33.999em){
.mention{
    font-size:10px;
}
}

.obli{
	margin-top:12px;
	margin-bottom:0;
	color:#900;
	font-size:10px;
}

.notes{
	font-size:11px;
	font-style:italic;
}

.text{
	margin:0;
    line-height:1.42857143;
}

@media screen and (max-width: 33.999em){
.text{
    font-size:13px;
}
}

.step{
	display:inline-block;
	margin-top:7px;
	margin-left:85px;
}

.step-num{
	width:31px;
	height:31px;
	margin:0 auto;
	text-align:center;
	border-radius:50%;
	background-color:#900;
	border:2px solid #900;
}

.step-num p{
    font-family : "Roboto-Bold";
	color:#fff;
	font-size:20px;
	line-height:31px;
}

.step-num.inactif{
	background-color:#fff;
}

.step-num.inactif p{
	color:#900;
}

.step-line{
	width:2px;
	height:30px;
	margin:0 auto;
	background-color:#900;
}

@media screen and (max-width: 63.999em){	
.step-center{
	float:left;
	width:100%;
	text-align:center;
}
	
.step{
	margin:0 auto;
	margin-bottom:25px;
}

.step-num{
	float:left;
}

.step-line{
	float:left;
	width:30px;
	height:2px;
	margin:0;
	margin-top:16px;
}
}

/*#compteur{
	display:none;
    position:absolute;
    top:50px;
    left:50%;
    font-size:40px;
    font-weight:bold;
    letter-spacing:24px;
    margin-left:-103px;
}*/

@media screen and (max-width: 63.999em){
/*#compteur{
	display:none !important;
}*/
}

#step_achat .libelleCB{
	position:relative;
	top:6px;
    margin:0;
	color:#222;
	font-size:12px;
	font-style:italic;
}

#step_achat .labelQte{
	line-height:34px;	/* valeur identique que height de input */
	text-align:right;
}

#step_achat .univQte{
	text-align:center;
}

#step_achat #bl_btnCB{
	margin-bottom:2em;
    text-align:right;
}

#step_achat #btRemoveLigne{
	display:none;
}

#step_achat #mentionPdv{
	position:relative;
	top:6px;
    margin:0;
    color:#900;
	font-size:12px;
}

#step_achat #bl_autre{
	display:none;
}

#step_upload .file_label{
	font-family: "Roboto-Regular";
	font-weight:normal;
}

@media screen and (max-width: 33.999em){
#step_upload .file_label{
    font-size:12px;
}
}

#step_upload #bt_valid_upload{
	display:none;
	margin-top:0;
}

#step_coord #bl_checkbox{
	margin-top:25px;
}

#step_iban legend{
    margin-bottom:35px;
}

#step_valid .panel-contenu{
	padding-bottom:25px;
}

#step_conf .panel-contenu{
	padding-bottom:25px;
}

#step_contact .panel-contenu{
	padding-bottom:25px;
}

#step_contact .mention{
	margin-top:25px;
}

#step_suivi legend{
    margin-bottom:35px;
}

#step_part .panel-contenu{
	padding-top:15px;
	padding-bottom:25px;
}

#step_part #afficheSuivi span{
    font-family : "Roboto-Regular";
	font-weight:normal;
}

#step_part #afficheSuivi hr{
	height:0;
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #e5e5e5;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* 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{
	z-index:-1;
	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:400px;
	height:auto;
	max-height:90%;
	padding-top:65px;
	padding-bottom:40px;
	background-color:#fff;
	border-radius:4px;
	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:0;
	right:10px;
	cursor:pointer;
}
 
.lightbox_close .bar{
	display:block;
	width:25px;
	height:2px;
	margin:14px auto;
	background:#cccccc;
	border-radius:2px;
}
 
.lightbox_close .top{
	-webkit-transform: translateY(8px) rotateZ(45deg);
	-moz-transform: translateY(8px) rotateZ(45deg);
	-ms-transform: translateY(8px) rotateZ(45deg);
	-o-transform: translateY(8px) rotateZ(45deg);
	transform: translateY(8px) rotateZ(45deg);
}
 
.lightbox_close .bottom{
	-webkit-transform: translateY(-8px) rotateZ(-45deg);
	-moz-transform: translateY(-8px) rotateZ(-45deg);
	-ms-transform: translateY(-8px) rotateZ(-45deg);
	-o-transform: translateY(-8px) rotateZ(-45deg);
	transform: translateY(-8px) rotateZ(-45deg);
}

.lightbox_text{
	max-width:90%;
	margin:0 auto;
	font-family: "Roboto-Light";
	font-weight:normal;
	color:#000;
	font-size:14px;
	line-height:1.2em;
	text-align:center;
}

.lightbox_btn{
	float:left;
	width:100%;
	text-align:center;
}

.lightbox_btn button{
	margin-top:30px;
}

@media screen and (max-width: 47.999em){
.lightbox_content{
	width:90%;
	max-width:400px;
	padding:3em 5% 1.5em 5%;
}

.lightbox_text{
	max-width:100%;
	font-size:0.8em;
	line-height:normal;
}

.lightbox_btn button{
	margin-top:1.5em;
}
}

#lb_browser{
	padding-top:55px;
}

#lb_browser img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:360px;
	height:auto;
	margin-top:20px;
}

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

/* FOOTER */

#footer{
    z-index:+1;
    position:fixed;
	display:none;
    bottom:0px;
    width:100%;
    padding:10px 0;
    background-color:#fff;
	border-top:1px solid #dcdcdc;
}

#footer ul{
	padding:0;
    margin:0 auto;
    text-align:center;
}

#footer li{
    list-style-type:none;
    padding:0 10px;
}

@media screen and (min-width: 48em){
#footer li{
	display:inline;
}
}

#footer li a{
	color:#000;
    font-size:12px;
	text-decoration:none;
}

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


/* TARTEAUCITRON */

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

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

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

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

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

#tarteaucitronPercentage.tarteaucitronPercentageDebug{
	height:0;
}

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

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


/* Parcours V2 */

.panel-bloc{
	display:none;
	margin:0;
	margin-top:15px;
	border:0;
	background-color:transparent;
}

.panel-bloc:first-child{
	display:block;
}

.panel-bloc .panel-contenu{
	display:block;
	border:0;
}

@media screen and (max-width: 47.999em){
.panel-bloc .panel-contenu{
	padding:0 15px;
}
}

.panel-bloc .panel-title{
    float:none;
}

@media screen and (min-width: 64em){
.panel-bloc .th1-padding{
	padding-left:65px;
	padding-right:65px;
}

.panel-bloc .pure-form-aligned .th1-padding .pure-control-group label{
	line-height:26px;
}
}

.panel-bloc .pure-form-aligned .th1-padding .pure-control-group label{
	line-height:30px;
	text-align:left;
}

.panel-bloc .th1-padding #bl_showCB .pure-line{
	line-height:32px;
}

@media screen and (max-width: 33.999em){
.panel-bloc .th1-padding .pure-padding{
	padding-left:0;
	padding-right:0;
}
}

#step_upload.panel-bloc .pure-button-inline{
	margin-top:50px;
}

#step_part.panel-bloc .panel-contenu{
	padding-top:0;
}

#step_part.panel-bloc .panel-title{
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #cdcdcd;
}