/*div#d1{float:left;margin-left:10px;width:220px;padding:5px;border:1px solid #453c17;background:#d4cb9f;}
div#d2{float:left;margin-left:15px;padding:5px;border:1px solid #453c17;background:#d4cb9f;width:415px;}
.formulaire,.formulaire2{margin-left:30px;padding:5px;border:1px solid #453c17;background:#d4cb9f;}*/


div#d1, div#d2{
	position:relative;
	float:left;
	width:44%;
	background:#ebebeb;
	padding:2%;
	min-height:300px;
	overflow:hidden;
}
div#d2{
	float:right;
}
h2{
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	margin:8px 0 20px 0;
}
/*div#d2 p{
	text-transform:uppercase;
	text-align:center;
	margin:0 auto 7px auto;
}*/

div#d2 p.creation_compte {
	margin:0 auto 25px auto;
}


.submit.retour{
	margin-top:8px;
}

.bouton2 a, .submit.retour a{
	color:inherit;
	text-decoration:none;
	display:block;
	width:100%;
}
.ligne{
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 auto 8px auto;	
	color:#606060;
}
.ligne input{
	position:relative;
	/*text-align:center;*/
	width:100%;
}


.bouton2, div#d2 p.submit.retour, .ligne input.bouton2{
	position:relative;
    background:#C3CCCC;
    border: 0 none;
    cursor: pointer;
	color:#575756;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	padding:10px 0;
	/*
	line-height:45px;
    height: 45px;
	min-width:250px;*/
	/*width:90%;*/
	margin:10px auto;
}
.ligne input.bouton_valide, .bouton_valide{
	position:relative;
    /*
	background:#007ac7;
	color:#FFF;
	*/
	background:#ffba00;
	color:#3d0101;
    border: 0 none;
    cursor: pointer;
    height: 45px;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	line-height:45px;
	min-width:250px;
	width:50%;
	margin:10px auto;
}

.bouton2:hover, div#d2 p.submit.retour:hover, .ligne input.bouton2:hover {	
    background:#007ac7;
	color:#FFF;
}

.donnee {color:#01415a;}

.erreur {	
	background: none repeat scroll 0 0 #FFB4B4;
    border: 1px solid #CC0000;
    font-size: 0.9em;
	color:#CC0000;
	width:98%;
	margin:10px auto;
	text-align:center;
}


.password_perdu { text-align:center; margin:0; padding:0;}
.password_perdu a {color:inherit;}

div#d9 .ligne input {
    width: 100%;
}
.col{
	position:relative;
	float:left;
}
.col_75 {width:73%;margin:0 auto;}
.col_50 {width:48%;margin:0 auto;}
.col_25 {width:23%;margin:0 auto;}
.col_35 {width:33%;margin:0 auto;}
.col_65 {width:63%;margin:0 auto;}
/*.ligne input {width:50%;}*/
.ligne.input_left input {width:auto;}


.ligne p, .ligne h3{
	font-size:13px;
	font-style:italic;
}
.ligne p{
	color:#707877;
}

.ligne p.mention_mdp_auth {
	/*color:#0079c7;*/
	text-align: center;
	padding:0;
	margin:3px 0 0 0;
}
.mention_mdp_auth_chspec {font-size:1.2em;font-weight: bold;}
.mention_mdp_auth_chspec2 {font-size:1.2em; font-weight: bold;}

.col input{
	text-align:left;
}
/*creation compte*/
div#identite2{
	width:92%;
	padding:1%;
	background:#ebebeb;
	margin:0 auto;
}
div#identite2 .ligne .submit input {
	width:100%;
}
/*livraison*/
div#d5, div#d6, div#d9, .cadre, .cadre2{
	background:#ebebeb;
	padding:2%;
	overflow:hidden;
}
div#d9, .cadre, .cadre2{
	max-width:800px;
	margin:0 auto;
}
.cadre2{
	background:#F7F7F7 none repeat scroll 0 0;
    border: 1px solid #9F9F9F;
	margin-bottom:10px;
}
div#d4 p, div#d5 p,div#d6 p, .cadre p, .cadre2 p{
	font-size:14px;
}
div#d4 p a, div#d5 p a,div#d6 p a,.cadre p a,.cadre2 p a{
	color:#707877;
	font-weight:bold;
}
.ligne input.radio{
	width:inherit;
}


/*Données sauvegardées valides*/
div#valide {
	background-image:url(../img/administration/valide.png);
	background-color:#99ff99;
	background-repeat:no-repeat;
	background-position:5% 50%;
    border: 1px dashed #009900;
    height: auto;
    margin: 5px auto;
    width: 60%;
	text-align:center;
	font-size:12px;
	padding:8px 0;
}
/*commande*/
.pays{
	text-transform:uppercase;
	font-weight:bold;
}
.formulaire a{
	color:#707877;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}
.fauxmail{
	color:#900;
	text-align:center;
	padding-bottom:5px;
}

.livraison_submit {width:38%; margin:10px auto;}
.livraison_submit .bouton_valide {min-width:0;}

/* BOUTON RETOUR PANIER */
.retour_panier {
	position:relative;
	float:left;
    height: 35px;
	width:55px;
	font-size:1em;
	line-height:1.1em;
	padding:5px 10px 5px 10px;
	margin:10px 10px 10px 0;
	background:#CCC;
	color:#FFF;
	text-align:center;
}
.retour_panier:hover {
	color:#3d0101;
	background:#ffba00;
}
.retour_panier a {
	display:block;
	width:100%; height:100%;
	text-decoration:none;
	color:inherit;
}


/***************************************************/
/* FORMULAIRE APPARENCE */
/***************************************************/

.ligne {box-sizing:border-box;position:relative; font-size:14px;}


.frm_input {
	box-sizing:border-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #4d4d4d;
    display: block;
    font-size: 16px;
    height: 37px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: calc(100% - 2px);
}
.frm_input {
    box-shadow:none;
}
.frm_input.frm_input_in {
	min-height: 50px;
    padding-bottom: 5px;
    padding-top: 20px;
}
.frm_input.frm_input_in.required + label::after {
	color: #eb5d5e;
    content: "*";
    display: block;
    font-family: Arial,sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.1;
    position: absolute;
    right: -10px;
    top: 0;
}


.frm_input.frm_input_in + label {
    color: #444;
    font-size: 10px;
    margin-left: 13px;
    position: absolute;
    top: 7px;
    /*z-index: 1000;*/
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
.frm_input.frm_input_in.required:focus + label {
    color: #007ac7;
}
.frm_ligne50 {
    width: calc(49% - 2px);
}

.frm_ligne25 {
    width: calc(24% - 2px);
}
.frm_ligne75 {
    width: calc(74% - 2px);
}
.frm_ligne_left {float:left;margin:0 1% 8px 0;}
.frm_ligne_right {float:right;margin:0 0 8px 1%;}

.ligne input:-webkit-autofill {background-color:#c7e8ff !important;}


.ligne .mention_societe {
	background:#64808b url(../img/public/filtre_plus_blanc.png) center left no-repeat;
	background:#f7f7f7 url(../img/public/filtre_plus.png) center left no-repeat;
	/*background-position:230px 50%;*/
	text-indent:22px;
	font-size:1.2em;
	color:#FFF;
	color:#0079c7;
	border:none;
	text-transform:uppercase;
}
.ligne .mention_societe a {color:inherit; text-decoration:none;width:100%; height:100%;display:block;}

@media screen and (max-width : 959px) {
	.livraison_submit {width:50%; text-align:center;}
	.retour_panier {		
		margin:10px auto;
		float:none;
	}
}

@media screen and (max-width : 750px) {
	.bouton2 {
		font-size:1em;
	}	
	.ligne {font-size:0.9em;}
	.ligne input {width:100%;}
	.ligne input.bouton2 {width:100%;}
	div#valide {
		padding-left:5%;
	}
	
	.livraison_submit {width:100%;}
	
}
@media screen and (max-width : 600px) {
	div#d1, div#d2{
		float:none;
		width:96%;
		min-height:0;
		height:auto;
	}
	div#d2{
		margin:10px 0;
	}
	div#valide {
	padding-left:15%;
	}
	
	
	
	.frm_ligne50, .frm_ligne75, .frm_ligne25 {float:none;margin:0 auto 8px auto;width:100%;}
	
	
}
@media screen and (max-width : 480px) {
	.col_75, .col_50, .col_25, .ligne.input_left input, .ligne input, .ligne select {width:98%;margin:0 auto;}
	.ligne input.bouton2 {width:100%;}
	.ligne input.bouton_valide, .bouton_valide {width:98%;margin:0 auto;}
}