/* Thème : Materialize */

.pure-form-aligned .pure-control-group{
	position:relative;
}

.pure-form-aligned .pure-control-group label{
    position:absolute;
    top:0;
    left:0;
    width:100%;
	padding:0;
	font-family: "Roboto-Light";
	font-weight:normal;
    color:#333;
    font-size:16px;
	text-align:left;
    cursor:text;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: translateY(9px);
    transform: translateY(9px);
}

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

.pure-form-aligned .pure-control-group label.active{
    color:#aeaeae;
    -webkit-transform: translateY(-12px) scale(0.8);
    transform: translateY(-12px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.pure-form input[type=text], .pure-form input[type=email], .pure-form input[type=tel], .pure-form select, .pure-form textarea{
	height:38px;
    padding:0;
	margin:0 0 11px 0;
	color:#333;
    font-size:16px;
    line-height:38px;
    background-color:transparent;
    border:none;
    border-bottom:1px solid #9e9e9e;
	border-radius:0;
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}

.pure-form select{
	color:#333;
}

@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, .pure-form textarea{
    height:34px;
	font-size:14px;
    line-height:34px;
}
}

.pure-form input[type=text]:focus, .pure-form input[type=email]:focus, .pure-form input[type=tel]:focus, .pure-form select:focus, .pure-form textarea:focus{
    border-bottom:1px solid #900;
    -webkit-box-shadow: 0 1px 0 0 #900;
    box-shadow: 0 1px 0 0 #900;
}

.pure-form textarea{
	height:auto;
	min-height:58px;
	padding-top:9px;
    line-height:normal;
}

.pure-form-message-inline{
	margin-top:-5px;
}

.pure-icon-btn{
	z-index:+1;
	position:absolute;
	top:5px;
	right:0;
	width:30px;
	height:30px;
	color:#fff;
	font-family: "Roboto-Regular";
	font-weight:normal;
    font-size:14px;
	line-height:30px;	/* valeur identique que width */
	text-align:center;
	border:0;
    border-radius:50%;
	cursor:pointer;
}

.pure-icon-btn-scan{
	z-index:+1;
	position:absolute;
	top:5px;
	right:35px;
	width:30px;
	height:30px;
	color:#fff;
	font-family: "Roboto-Regular";
	font-weight:normal;
    font-size:14px;
	line-height:30px;	/* valeur identique que width */
	text-align:center;
	border:0;
    border-radius:50%;
	cursor:pointer;
    background-image: url(../img/photo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

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

@media screen and (max-width: 33.999em){
.pure-icon-btn{
	top:2px;
}
.pure-icon-btn-scan{
	top:2px;
}
}

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

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

@media screen and (max-width: 33.999em){
.th2-xs-pure-icon-btn{
	display:none;
}

.th2-xs-pure-icon-content{
	display:block !important;
    z-index:1;
	position:relative;
	top:-3px;
	right:auto;
    width:100%;
    padding:0;
	color:#900;
    font-size:10px;
    line-height:auto;
    background-color:transparent;
    border-radius:0;
	-webkit-transform:none;
	transform:none;
}
}

.mention{
	margin-top:10px;
}

#step_achat .libelleCB{
	position:relative;
	top:-3px;
    margin:0;
}

#step_achat #bl_btnCB{
	margin-bottom:15px;
}

#step_achat #mentionPdv{
	position:relative;
	top:-3px;
}

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


/* Select Materialize */

.pure-control-group select{
	display:none;
}

.pure-control-group .dropdown-content li.disabled{
	display:none;
}

.pure-control-group .select-wrapper{
	background: url(../img/icon_select.png) no-repeat right;
	background-color:transparent;
	background-size:12px 6px;
}

.pure-control-group .datepicker-controls .select-wrapper{
	background:none;
}

.pure-control-group .select-wrapper .caret{
	display:none;
}

.pure-control-group .dropdown-content li > a, .pure-control-group .dropdown-content li > span {
    color:#900;	/* Couleur option */
}


/* Materialize parcours V1 */

.th2-padding{
	padding-left:15px;
	padding-right:15px;
}

.th2-1-2-left{
	position:relative;
	margin-bottom:15px;
}

.th2-1-2-leftsolo{
	position:relative;
}

.th2-1-2-right{
	position:relative;
}

.th2-1-3-left{
	position:relative;
}

.th2-1-4-right{
	position:relative;
	padding-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pure-form-aligned .pure-control-group .th2-1-4-right label{
	left:20px;
}

.th2-3-4-left{
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pure-control-group label.th2-label-hide{
	display:none;
}


@media screen and (min-width: 48em){
.th2-padding{
	padding-left:40px;
	padding-right:40px;
}

.th2-1-2-left, .th2-1-3-left{
	padding-right:10px;
	margin-bottom:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.th2-1-2-leftsolo{
	padding-right:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
.th2-1-2-right{
	padding-left:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pure-form-aligned .pure-control-group .th2-1-2-right label{
	left:10px;
}
}


/* Materialize parcours V2 */

.panel-bloc .th2-padding{
	padding-left:0;
	padding-right:0;
}

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

.panel-bloc .th2-blCB-padding{
	padding-right:10px;
}

.panel-bloc .th2-1-2-left, .panel-bloc .th2-1-3-left{
	padding-right:23px;
}

.panel-bloc .th2-1-2-leftsolo{
	padding-right:23px;
}

.panel-bloc .th2-1-2-right{
	padding-left:23px;
}

.panel-bloc .pure-form-aligned .pure-control-group .th2-1-2-right label{
	left:23px;
}
}

#step_valid.panel-bloc .th2-padding{
	text-align:center;
}


/* Masquer select dropdown mobile */

@media screen and (max-width: 33.999em){
.pure-control-group select{
	display:block;
}
	
.pure-form input[type=text].select-dropdown{
	display:none;
}
}