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:#EC5150;

}


/* 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:1813px;
	margin:0 auto;
	align-items: center;
}

@media screen and (min-width: 1900px){
#navbar-container{
    max-width:1900px;
}
}

#navbar-brand img{
	float:left;
	width:auto;
	height:17px;
	margin-top:3px;
	margin-left:20px;
	margin-bottom:2px;
}
@media screen and (max-width: 991px) {
	#navbar-container {
        padding-bottom: 25px;
    }
	#navbar-brand img {
		margin-top: 29px;
		margin-left: 32px;
	}
}

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

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

.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:#376EB4;
	-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:#376EB4;	/* 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 #376EB4;
	border-bottom:1px solid #376EB4;
}

.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 50px;
	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:#376EB4;
    border-radius:3px;
}

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

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

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

.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:#376EB4;
    border:2px solid #376EB4;
}

[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:#376EB4;
	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:#376EB4;
}
.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:#376EB4;
    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:#376EB4;
}

.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{
    width:1900px;
    max-width: 100%;
    margin: 0 auto;
	padding-bottom:50px;
	background-image: url("../img/banniere.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	min-height: 100vh;
    height: auto;

}
body#page_suivi #contenu, body#page_forgotPartId, body#page_repart, body#page_codes-barres #contenu, body#page_forgotPartId #contenu{
    padding-bottom: 250px;
    background-size: contain;

}

@media screen and (max-width: 47.999em){
#contenu{
	padding-bottom:100px;
	background-image: url('../img/m_visuel.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	padding-top: calc(775 / 1145 * 102%);
	min-height: 100vh;
    height: auto;

}
body#attente #contenu, body#fin #contenu {
	padding-top: 0px;
}
body#page_suivi #contenu, body#page_forgotPartId, body#page_repart, body#page_codes-barres #contenu{
	background-size: contain;
}
}

@media screen and (min-width: 48em) and (max-width: 63.999em){
#contenu{
	width:750px;
	background-image: url('../img/m_visuel.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	padding-top: calc(775 / 1145 * 102%);
}
}

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

.panel-heading{
	color:#fff;
	background-color:#376EB4;
	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:#376EB4;
    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:#376EB4;
	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:#376EB4;
	border:2px solid #376EB4;
}

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

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

@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:#376EB4;
	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:9999;
	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;
}

/* ===== PANNEAU PRINCIPAL ===== */
#tarteaucitron {
	background: #ffffff !important;
	font-family: Arial, sans-serif !important;
}

/* En-tête sombre du panneau */
#tarteaucitronServices #tarteaucitronInfo {
	background: #f5f8fc !important;
	color: #333333 !important;
	border-bottom: 2px solid #0057A8 !important;
}

#tarteaucitronServices #tarteaucitronInfo a,
#tarteaucitronServices #tarteaucitronInfo #tarteaucitronPrivacyUrl {
	color: #0057A8 !important;
}

/* Bouton Fermer */
#tarteaucitronClosePanel {
	background: #0057A8 !important;
	color: #ffffff !important;
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

#tarteaucitronClosePanel:hover {
	background: #004080 !important;
}

/* Barre "Préférences pour tous les services" */
#tarteaucitronServices .tarteaucitronHidden {
	background: #f5f8fc !important;
}

.tarteaucitronMainLine {
	background: #e8f0f9 !important;
	border-top: 2px solid #0057A8 !important;
	border-bottom: 1px solid #ddd !important;
	color: #333333 !important;
}

.tarteaucitronMainLine .tarteaucitronName {
	color: #333333 !important;
	font-weight: bold !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	border: none !important;
	border-top: 3px solid #ffffff !important;
	border-left: 4px solid #0057A8 !important;
}

/* Bouton "Tout accepter" vert → bleu Geberit */
.tarteaucitronIsAllowed .tarteaucitronAllow,
button.tarteaucitron-toggle-group.tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronAllow {
	background: #0057A8 !important;
	color: #ffffff !important;
	border-radius: 2px !important;
}

.tarteaucitronLine .tarteaucitronAllow:hover {
	background: #004080 !important;
}

/* Bouton "Tout refuser" / "Interdire" */
.tarteaucitronLine .tarteaucitronDeny {
	background: #cccccc !important;
	color: #333333 !important;
	border-radius: 2px !important;
}

.tarteaucitronLine .tarteaucitronDeny:hover {
	background: #aaaaaa !important;
}

/* Ligne service Matomo */
.tarteaucitronLine {
	background: #ffffff !important;
	border-left: 4px solid #0057A8 !important;
}

.tarteaucitronLine .tarteaucitronName {
	color: #333333 !important;
}

/* Titre de catégorie (Mesure d'audience) */
.tarteaucitronTitle button {
	color: #0057A8 !important;
	font-weight: bold !important;
	background: transparent !important;
}

#tarteaucitron .tarteaucitronBorder {
	border: none !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}
/* TARTEAUCITRON */

#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigDebug {
	background: rgba(155, 155, 155, 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;
}
.enseigne-radio-group {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 5px;
}
.canal-achat-radio-group {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 5px;
}

.canal-achat-radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    /* border: 2px solid #ccc; */
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
    font-weight: normal;
}

.canal-achat-radio-label:hover {
    border-color: #999;
    background-color: #f5f5f5;
}

.canal-achat-radio-label input[type="radio"] {
    margin: 0;
    cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}

.canal-achat-radio-label:has(input:checked) {
    /* border-color: #2196F3; */
    /* background-color: #e8f4fd; */
    font-weight: bold;
}

.enseigne-radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    /* border: 2px solid #ccc; */
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
    font-weight: normal;
}

.enseigne-radio-label:hover {
    border-color: #999;
    background-color: #f5f5f5;
}

.enseigne-radio-label input[type="radio"] {
    margin: 0;
    cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}

.enseigne-radio-label:has(input:checked) {
    /* border-color: #2196F3; */
    /* background-color: #e8f4fd; */
    font-weight: bold;
}
.qte-spinner {
    display: flex;
    align-items: center;
    gap: 4px;
}
.qte-spinner .univQte {
    text-align: center;
    width: 40px;
    flex: 0 0 auto;
}
.qte-btn {
    width: 28px;
    height: 28px;
    line-height: 1;
    font-size: 16px;
    cursor: pointer;
	border: none;
	background-color: transparent;
    padding: 0;
}
.qte-btn:hover { background: #e0e0e0; }

.panel-sstitre1{
	font-weight: 700;
	color:#000;
}
.codeUnique {
	border: 3px solid #000;
	padding: 10px 45px;
	margin: 10px;
	width: fit-content;
	font-weight: 700;
}
.bl_fichier_recap{
	margin-top:45px;
	margin-bottom:35px;
    text-align:center;
}
.page_recap_titre{
    font-size:18px;
    line-height:0.2em;
    text-align:center;
}
.hr_recap{
    width:770px;
    height:2px;
    margin:0 auto;
    background-color:#01252d;
}
@media screen and (max-width: 991px){
	.bl_fichier_recap{
		margin-top:30px;
		margin-bottom:25px;
	}
	.page_recap_titre{
		font-size:16px;
		line-height:25px;
	}
	.hr_recap{
		width:100%;
		max-width:600px;
		height:1px;
	}
}
.visuel_facture{
    max-width:250px;
    max-height:250px;
	margin-top:21px;
}
.visuel_pdf{
    max-width:120px;
    max-height:120px;
	margin-top:21px;
}