*{
	margin:0;
	padding:0;
}
body{
	font-family: Helvetica, Arial, sans-s�rif;
	font-size:12px;
	background: #e6e6e6;
}

.accueil #header-form{
	background: #002B6F;
	width:100%;
	height:135px;
	text-align:center;
}
#header-form{
	background: #002B6F;
	width:100%;
	height:135px;
}
.accueil #header-form #header-content #lang{
	width:100%;
}
#header-form #header-content #lang{
	position:absolute;
	text-align:center;
	width:230px;
}
#header-form #header-content #lang a{
	position: static;
	width:30px;
	margin-right:5px;
	display:inline-block;
}
#header-form #header-content{
	width:995px;
	margin:0 auto;
	position:relative;
}
#header-form #header-content .message_important{
	width:350px;
	padding:5px;
	position:absolute;
	top:50px;
	left:380px;
	font-weight:bold;
	text-align:center;
	border:2px solid red;
	color:red;
	background:#fbd9dd;
}
#header-form #header-content #info-mag{
	width:300px;
	height:90px;
	position:absolute;
	bottom:-20px;
	right:5px;
	text-align:right;
	line-height:18px;
	font-size:15px;
	color:#fff;
	
}
#header-form #header-content #deconnection{
	position:absolute;
	top:90px;
	right:5px;
	text-align:right;
	color:#fff;
}
#header-form #header-content #deconnection:hover{
	text-decoration:underline;
}
#header-form #header-content a{
	width:150px;
	height:20px;
	position:absolute;
	top:175px;
	right:0;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	display:block;
	background: #002B6F;
}
#content{
	width:980px;
	padding: 20px 0;
	margin: 0 auto;
	overflow:hidden;
}

/*********** form g�n�rale ************/
.msg{
	width:350px;
	color:#1dbd0c;
	text-align:center;
	line-height:17px;
	font-weight:bold;
	background:#bff0b9;
	border:1px solid #1dbd0c;
	padding:10px;
	margin: 0 auto 30px;
}
.msg_erreur{
	width:350px;
	color:#b20000;
	text-align:center;
	line-height:17px;
	font-weight:bold;
	background:#ffb1b1;
	border:1px solid #b20000;
	padding:10px;
	margin: 0 auto 30px;
}
.obligatoire input{
	background:#ffb1b1;
}
.obligatoire,
.obligatoire label{
	color:#b20000 !important;
}
ul.col_droite{
	width:480px;
	list-style:none;
	display:block;
	float:left;
}

.ligne_form{
	color:#505050;
}

/* Cachons la case � cocher */  
[type="radio"]:not(:checked),  
[type="radio"]:checked {  
	position: absolute;  
	left: -9999px;  
}  

/* on pr�pare le label */  
[type="radio"]:not(:checked) + label,  
[type="radio"]:checked + label {  
	position: relative; /* permet de positionner les pseudo-�l�ments */  
	padding-left: 25px; /* fait un peu d'espace pour notre case � venir */  
	cursor: pointer;    /* affiche un curseur adapt� */  
}  


/* Aspect des radios */  
/* :before sert � cr�er la case � cocher */  
[type="radio"]:not(:checked) + label:before,  
[type="radio"]:checked + label:before {  
	content: '';  
	position: absolute;  
	left:0; top: 2px;  
	width: 14px;
	height: 14px; /* dim. de la case */  
	background: #FFF;  
	border:1px solid #c2c4d8;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* Aspect g�n�ral de la coche */  
[type="radio"]:not(:checked) + label:after,  
[type="radio"]:checked + label:after {  
	content:'';
	position: absolute;  
	top: 5px;
	left: 3px;  
	width:10px;
	height:10px;
	display:block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #002B6F;  
	transition: all .1s; /* on pr�voit une animation */  
}  
/* Aspect si "pas coch�e" */  
[type="radio"]:not(:checked) + label:after {  
	opacity: 0; /* coche invisible */  
	transform: scale(0); /* mise � l'�chelle � 0 */  
}  
/* Aspect si "coch�e" */  
[type="radio"]:checked + label:after {  
	opacity: 1; /* coche opaque */  
	transform: scale(1); /* mise � l'�chelle 1:1 */  
}  


/*loading*/

#circleG{
	height: 21px;
    overflow: hidden;
    width: 100px;
}

.circleG{
	background-color:#e6e6e6;
	display:block;
	float:left;
	height:20px;
	margin-left:5px;
	width:20px;
	-moz-animation-name:bounce_circleG;
	-moz-animation-duration:0.6s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-moz-border-radius:21px;
	-webkit-animation-name:bounce_circleG;
	-webkit-animation-duration:0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-webkit-border-radius:21px;
	-ms-animation-name:bounce_circleG;
	-ms-animation-duration:0.6s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-ms-border-radius:21px;
	-o-animation-name:bounce_circleG;
	-o-animation-duration:0.6s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	-o-border-radius:21px;
	animation-name:bounce_circleG;
	animation-duration:0.6s;
	animation-iteration-count:infinite;
	animation-direction:linear;
	border-radius:10px;
}

#circleG_1{
	-moz-animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}

#circleG_2{
	-moz-animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

#circleG_3{
	-moz-animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	animation-delay:0.4s;
}

@-moz-keyframes bounce_circleG{
	0%{}
	50%{background-color:#002B6F}
	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}
	50%{background-color:#002B6F}
	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}
	50%{background-color:#002B6F}
	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}
	50%{background-color:#002B6F}
	100%{}
}

@keyframes bounce_circleG{
	0%{}
	50%{background-color:#002B6F}
	100%{}
}
/*fin loading*/

select{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #c2c4d8;
	height:30px;
	width: auto;
	padding:7px 0 0 10px;
	color:#505050;
	font-style:italic;
	margin:0 10px 10px 0;
	position:relative;
}

option{
	padding-right:30px;
}
option.inactive{
	color:#fff;
	background:#7b7b7b;
}
input{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:30px;
	border:none;
	width: 230px;
	padding:0 10px;
	line-height:30px;
	color:#505050;
	font-style:italic;
	margin-bottom:10px;
	border:1px solid #c2c4d8;
}
label{
	width:85px;
	height:30px;
	line-height:30px;
	text-align:left;
	display:inline-block;
	padding-right:10px;
	color: #505050;
}
fieldset{
	border:none;
}
legend{
	border-bottom:1px solid #505050;
	padding-bottom:10px;
	margin-bottom:10px;
	width:100%;
	color:#505050;
	font-size: 21px;
	font-style:italic;
	display:block;
}

input#submit{
	color:#fff;
	font-style:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #002B6F;
	cursor:pointer;
}
input#submit:hover{
	box-shadow:none;
}
input.radio {
	cursor:pointer;
}

/*********** form login ************/
form#login_form{
	width:365px;
	margin:0 auto;
}
form#login_form .center{
	clear:both;
	overflow:hidden;
}
form#login_form a{
	float:right;
	margin:5px 10px 0 0;
}
form#login_form label{
	text-align:right;
	margin-right:10px;
	float:left;
}
form#login_form input#mdp{
	font-style:normal;
}
form#login_form input#submit{
	height:25px;
	width: 100px;
	line-height:25px;
	margin:0 10px 0 0;
	float:right;
}


/*********** form tapis ************/
#form_modele{
	display:inline-block;
	height:32px;
	line-height:32px;
}
#form_vehicule ul{
	list-style:none;
	padding-top:10px;
}
#form_vehicule li{
	clear:both;
}
#form_vehicule li.inactive{
	opacity:0.5;
	filter:alpha(opacity=50);
}
#form_vehicule li.inactive label{
	cursor:default;
}
#form_vehicule li label{
	width:100%;
	/* width:auto; */
	height:20px;
}
#form_vehicule li label .vehic_modele{
	font-weight:bold;
}
#form_vehicule li label .vehic_date{
	font-style:italic;
}

#left-side{
    float: left;
    margin-right: 50px;
    width: 350px;
}
#form_commande label{
	line-height:17px;
}
#form_commande p.center{
	text-align:center;
}

#form_tapis{
	display:none;
}
.type_vehicule{
	display:inline-block;
	float:left;
	width:95px;
}
#col_droite_type_vehicule li{
	float:left;
	margin:0 0 10px 0;
}
#col_droite_type_vehicule label{
	width: 120px;
	height:20px;
	padding-right:10px;
	color: #505050;
}
#tapis{
	clear:both;
}
#tapis_caoutchouc {
	clear:both;
	display:none;
}
#tapis label,
#tapis_caoutchouc label{
	width: 90px;
}
#livraison,
#vehicule {
	margin-bottom:30px;
}
#vehicule {
	width:580px;
}
#vehicule  .col_droite{
	display:inline;
}
#livraison label{
	width: 120px;
}
#sap label{
	width: 170px;
}
.type_tapis,
.type_tapis_caoutchouc{
	display:inline-block;
	float:left;
	width:85px;
}
ul.col_droite#col_droite_type_tapis ,
ul.col_droite#col_droite_type_tapis_caoutchouc {
    display: block;
    float: left;
    list-style: none outside none;
    width: 880px;
}
#col_droite_type_tapis li,
#col_droite_type_tapis_caoutchouc  li{
	float:left;
	padding-right:20px;
	background-position: center 55px;
	background-repeat: no-repeat;
	background-size: 90%;
	position:relative;
	width:14.2%;
	box-sizing:border-box;
}
#col_droite_type_tapis_caoutchouc  li{
	background-position: center 40px;
}
#col_droite_type_tapis_caoutchouc  li{
	width:20%;
	background-size: auto;
}
#col_droite_type_tapis li.inactive,
#col_droite_type_tapis_caoutchouc  li.inactive{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#col_droite_type_tapis li.inactive [type="radio"]:not(:checked) + label,  
#col_droite_type_tapis li.inactive [type="radio"]:checked + label,
#col_droite_type_tapis_caoutchouc  li.inactive [type="radio"]:not(:checked) + label,  
#col_droite_type_tapis_caoutchouc  li.inactive [type="radio"]:checked + label {  
	cursor: default;   
}  
#col_droite_type_tapis li label,
#col_droite_type_tapis_caoutchouc  li label{
	width:100%;
	box-sizing:border-box;
}


#col_droite_type_tapis li.inactive [type="radio"]:hover:not(:checked) + label:hover:before,
#col_droite_type_tapis_caoutchouc  li.inactive [type="radio"]:hover:not(:checked) + label:hover:before{  
	box-shadow: none;
}  
#col_droite_type_tapis li span.prix,
#col_droite_type_tapis_caoutchouc li span.prix{
	display:block;
	position:absolute;
	left:0;
	bottom:-20px;
	width:100%;
	text-align:center;
	font-weight:bold;
}

#col_droite_type_tapis li#liste_options_type_tapis_1{
	background-image: url(img/type_tapis_1.png?v=2.01);
	background-size:auto;
			  
}
#liste_options_type_tapis_caoutchouc_1{
	background-image: url(img/type_tapis_tr_1.png?v=2.01);
	height:135px;
}
#liste_options_type_tapis_1 label{
	height:155px;
}
#liste_options_type_tapis_caoutchouc_1 label{
	height:135px;
}
#liste_options_type_tapis_2{
	background-image: url(img/type_tapis_2.png?v=2.01);
			  
}
#liste_options_type_tapis_caoutchouc_2{
	background-image: url(img/type_tapis_tr_2.png?v=2.01);
	height:135px;
}
#liste_options_type_tapis_2 label,
#liste_options_type_tapis_caoutchouc_2 label{
	height:135px;
}
#liste_options_type_tapis_3{
	background-image: url(img/type_tapis_3.png?v=2.01);
			  
}
#liste_options_type_tapis_3 label{
	height:167px;
}
#liste_options_type_tapis_caoutchouc_4{
	background: url(img/type_tapis_tr_4.png?v=2.01) no-repeat center 30px;
	height:213px;
}
#liste_options_type_tapis_caoutchouc_4 label{
	height:193px;
}
#liste_options_type_tapis_4{
	background-image: url(img/type_tapis_4.png?v=2.01);
			  
}
#liste_options_type_tapis_4 label{
	height:167px;
}
#liste_options_type_tapis_5{
	background-image: url(img/type_tapis_5.png?v=2.01);
			  
} 
#liste_options_type_tapis_5 label{
	height:210px;
} 
#col_droite_type_tapis #liste_options_type_tapis_6{
	background-image: url(img/type_tapis_6.png?v=2.01);
	height:250px;
} 
#liste_options_type_tapis_6 label{
	height:130px;
}
#liste_options_type_tapis_caoutchouc_6{
	background: url(img/type_tapis_6.png?v=2.01) no-repeat center 30px;
	height:250px;
}
#liste_options_type_tapis_caoutchouc_6 label{
	height:130px;
}

#col_droite_type_tapis #liste_options_type_tapis_7{
	background-image: url(img/type_tapis_7.png?v=2.01);
	height:250px;
	padding-right:0px;
} 
#liste_options_type_tapis_7 label{
	height:150px;
} 
#liste_options_type_tapis_caoutchouc_7{
	background: url(img/type_tapis_7.png?v=2.01) no-repeat center 30px;
	height:213px;
}
#liste_options_type_tapis_caoutchouc_7 label{
	height:125px;
}

#form_commande #submit{
	height:50px;
	line-height:50px;
	font-size:20px;
	padding: 0 10px;
	width:auto;
}
#matiere label{
	width:210px;
	height:50px;
}
#matiere label img{
	vertical-align:middle;
	max-height:50px;
	max-width:110px;
}
#matiere label span.prix{
	font-weight:bold;
}
#matiere_1:not(:checked) + label::before,
#matiere_1:checked + label::before{
	top:16px;
}
#matiere_1:not(:checked) + label::after,
#matiere_1:checked + label::after{
	top:19px;
}

.coloris,
.coloris_caoutchouc,
.matiere{
	display:inline-block;
	width:85px;
}
.ganse_liste{
	overflow:hidden;
	padding:20px 20px 20px 0;
	clear:both;
	/* width:50%; */
	/* float:left; */
	box-sizing:border-box;
}
.ganse_liste .ganse,
.ganse_liste .ganse_tpr,
.titre_broderie{
	display:block;
	width:100%;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:20px;
	font-size:18px;
}
#tapis .ganse_liste label,
#tapis_caoutchouc .ganse_liste label{
	/* width:415px; */
	padding:5px 0;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    height: auto;
    width: 100px;
}
#tapis .ganse_liste label img,
#tapis_caoutchouc .ganse_liste label img{
	vertical-align:middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-right:5px;
    width: 100px;
    height: 100px;
}
.ganse_liste [type="radio"]:not(:checked) + label::before,
.ganse_liste [type="radio"]:checked + label::before {
	top:12px;
    left: 12px;
}
.ganse_liste [type="radio"]:not(:checked) + label::after,
.ganse_liste [type="radio"]:checked + label::after {
	top:15px;
	left:15px;
}

/* @font-face {
	font-family: 'love_trust';
	src: url('fonts/Freehand521BT.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'seagull';
	src: url('fonts/seagull-medium.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'souvenir';
	src: url('fonts/souvenir.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'republica_minor';
	src: url('fonts/republica-minor.ttf');
	font-weight: normal;
	font-style: normal;
} */
.box_broderie{
	overflow:hidden;
	padding:20px 0 20px 20px;
	/* width:50%;
	float:left; */
	box-sizing:border-box;
}
.box_broderie #display_broderie{
	display:none;
}
.box_broderie .ligne_form{
	overflow:hidden;
}
.box_broderie .ligne_form.texte_broderie{
	position:relative;
}
.box_broderie .ligne_form.texte_broderie #picto_texte{
	position:absolute;
	top:35px;
	left:10px;
	width:40px;
	height:40px;
}
.box_broderie .ligne_form.texte_broderie #picto_texte img{
	max-width:100%;
	max-height:100%;
}
#tapis .box_broderie .ligne_form label{
	width:auto;
}
#tapis .box_broderie #texte{
	width:100%;
	box-sizing:border-box;
	height:50px;
}
#tapis .box_broderie #preview{
	font-size:25px;
	width:350px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
	height:55px;
	line-height:55px;
	background:#505050;
	color:#FFF;
	padding:0 20px;
	margin-bottom:20px;
}
#tapis .box_broderie #preview span{
	display:inline-block;
	margin-right:20px;
	/* float:left; */
}
#tapis .box_broderie #preview span.choix_picto{
	padding:5px 0;
	margin:0;
}
#tapis .box_broderie #preview span img{
	height:40px;
	vertical-align:middle;
}

.box_broderie .choix_typo{
	font-size:15px;
}
/* .typo_1{
	font-family:love_trust;
}
.typo_2{
	font-family:seagull;
}
.typo_3{
	font-family:souvenir;
}
.typo_4{
	font-family:republica_minor;
} */

.box_broderie span.couleur_broderie,
.box_broderie span.picto,
.box_broderie span.nb_broderie{
	width:100%;
	display:block;
}
.box_broderie label.couleur_broderie:after,
.box_broderie label.couleur_broderie:before,
.box_broderie label.picto:after,
.box_broderie label.picto:before{
	display:none;
}
#tapis .box_broderie label.couleur_broderie{
	width:10%;
    height: 50px;
	border:2px solid #dedede;
	margin-right:5px;
	margin-bottom:5px;
}
#tapis .box_broderie label.picto{
	width:50px;
	height:50px;
	line-height:50px;
	padding:0;
	border:2px solid #FFF;
	margin-right:10px;
	margin-bottom:10px;
	display:block;
	float:left;
	text-align:center;
	padding:5px;
}
#tapis .box_broderie label.picto img{
	max-width:50px;
	max-height:50px;
	display:inline-block;
}
#tapis .box_broderie label.couleur_broderie:hover,
#tapis .box_broderie input:checked + label.couleur_broderie,
#tapis .box_broderie label.picto:hover,
#tapis .box_broderie input:checked + label.picto{
	border:2px solid #000;
}
#tapis .box_broderie input + label.picto{
	background:#505050;
	color:#FFF;
	display:flex;
	align-items: center;
	justify-content: center;
}
#tapis .box_broderie label.picto:hover,
#tapis .box_broderie input:checked + label.picto{
	background:#b2b2b2;
}
#tapis .box_broderie label.nb_broderie{
	height:auto;
	text-align:center;
	margin-left:20px;
}
#tapis .box_broderie label.nb_broderie{
	width:100%;
	text-align:left;
	font-size:15px;
}
#tapis .box_broderie label.nb_broderie strong{
	margin-right:10px;
}
.ligne_texte{
	overflow:hidden;
}
.preview{
	font-size:15px;
	width:100%;
	box-sizing:border-box;
	height:50px;
	line-height:40px;
	background:#505050;
	color:#FFF;
	padding:0 10px;
	margin-bottom:20px;
}
.preview span{
	display:block;
	margin-right:15px;
	float:left;
}
.preview span.choix_picto{
	padding:5px 0;
	margin:0;
}
.preview span img{
	height:30px;
}
.texte_col2 img{
	display:none;
}

.commentaire_client{
	float:left;
	width:55%;
	clear:left;
}
.commentaire_client textarea{
	width:248px;
	max-width:248px;
	min-width:248px;
	border:none;
	margin-bottom:10px;
}
/***************popup****************/
#recap_order{
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	background:#151D36;
	opacity:0.9;
	filter:alpha(opacity=90);

}
#recap_order_content{
	display:block;
	width:460px;
	position:fixed;
	background:#FFF;
	padding:20px;
	z-index:200;
	top:100px;
	margin-left:50%;
	left:-250px;
	box-shadow:#000 0 0 5px; 
	color:#505050;
}
#recap_order_content h2{
	border-bottom:1px solid #505050;
	padding-bottom:10px;
	margin-bottom:5px;
	width:100%;
	color:#505050;
	font-size: 21px;
	font-style:italic;
}
#recap_order_content h3{
	margin-bottom:5px;
	color:#505050;
	font-size: 15px;
	font-style:italic;
}
#recap_order_content #info_client{
	border:1px solid #505050;
	padding:5px;
	margin:0 25px 20px 0;
	width:200px;
	overflow:hidden;
	line-height:17px;
}

#recap_order_content .texte_col1{
	font-weight:bold;
	width:100px;
	float:left;
}
#recap_order_content .texte_col2{
	text-align:right;
	width:100px;
	float:left;
}

#recap_order_content #info_tapis{
	width:220px;
	float:right;
}
#recap_order_content .confirm_type_tapis_1{
	background: url(img/type_tapis_1.png?v=2.01) no-repeat top center;
	height:116px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_2{
	background: url(img/type_tapis_2.png?v=2.01) no-repeat top center;
	height:117px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_3{
	background: url(img/type_tapis_3.png?v=2.01) no-repeat top center;
	height:182px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_4{
	background: url(img/type_tapis_4.png?v=2.01) no-repeat top center;
	height:183px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_5{
	background: url(img/type_tapis_5.png?v=2.01) no-repeat top center;
	height:290px;
	clear:both;
} 
#recap_order_content .confirm_type_tapis_6{
	background: url(img/type_tapis_6.png?v=2.01) no-repeat top center;
	height:150px;
	clear:both;
} 
#recap_order_content .confirm_type_tapis_caoutchouc_1{
	background: url(img/type_tapis_tr_1.png?v=2.01) no-repeat top center;
	height:116px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_caoutchouc_2{
	background: url(img/type_tapis_tr_2.png?v=2.01) no-repeat top center;
	height:117px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_caoutchouc_3{
	background: url(img/type_tapis_tr_3.png?v=2.01) no-repeat top center;
	height:182px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_caoutchouc_4{
	background: url(img/type_tapis_tr_4.png?v=2.01) no-repeat top center;
	height:183px;
	clear:both;
}
#recap_order_content .confirm_type_tapis_caoutchouc_5{
	background: url(img/type_tapis_tr_5.png?v=2.01) no-repeat top center;
	height:290px;
	clear:both;
} 
#recap_order_content #info_submit{
	clear:both;
	margin-top:20px;
} 
#recap_order_content #info_submit input{
	cursor:pointer;
	margin:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-style:normal;
	font-size:15px;
	font-weight:bold;
	width:200px;
} 
#recap_order_content #info_submit #submit_modif{
	float:left;
	background:#b8b8b8;
	color:#151d36;
} 
#recap_order_content #info_submit #submit_confirm{
	float:right;
	background:#151d36;
	color:#FFF;
} 


/************** suivi commande ***************/

#bouton_commande{
	margin:0 auto;
	display:block;
	width: 200px;
	height:40px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
	line-height:40px;
	text-align:center;
	background:#E74C3C;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#bouton_commande:hover{
	background:#C0392B;
}
#menu_gauche {
	list-style:none;
	width:100%;
	height:65px;
	clear:both;
	overflow:hidden;
}
#menu_gauche li{
	height:25px;
	width:20%;
	float:left;
	text-align:center;
	margin:20px 0;
}
#menu_gauche li a{
	display:inline-block;
	width:92%;
	height:25px;
	padding: 0 3px;
	text-decoration:none;
	color:#FFF;
	line-height:25px;
	font-weight:bold;
	background:#8a93ac;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu_gauche li a:hover,
#menu_gauche li a.active{
	background:#002B6F;
	color:#FFF;
}

#commande_result{
	width:100%;
	float:right;
	border-spacing : 0;
	border-collapse : collapse;
	margin-bottom:20px;
}
#commande_result th{
	background:#002B6F;
	color:#FFF;
	margin:0;
	padding:5px;
	height:25px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#commande_result tr:hover{
	background:rgba(22,31,57,0.1);
}
#commande_result td{
	height:18px;
	margin:0;
	padding:5px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#commande_result td span.commentaire{
	font-style:italic;
	clear:both;
	display:block;
}
.print{
	display:block;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:2px;
	background:#E74C3C;
	margin-bottom:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.print:hover{
	background:#C0392B;
}
#commande_result .num_cmde .info_comm_client{
	position:absolute;
	display:none;
	bottom:5px;
	/*left:-305px;*/
	max-width:275px;
	min-width:100px;
	line-height:17px;
	padding:5px 10px;
	background:#fff;
}
#commande_result .num_cmde span:hover .info_comm_client{
	display:block;
}
#commande_result span.comment{
	position:relative;
	margin-left:5px;
}
#commande_result span.comment .info_comm_client{
	display:none;
	position:absolute;
	bottom:-20px;
	left: 0;
	max-width:200px;
	min-width:150px;
	padding:5px;
	background:#FFF;
}
#commande_result span.comment:hover .info_comm_client{
	display:block;
}

/************** modifier mdp ***************/
#formulaire_mot_de_passe label{
	width:45%;
	text-align:right;
}
.submit_change_mdp{
	color:#fff;
	font-style:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #002B6F;
	cursor:pointer;
	margin-left:460px;
}

#clear{
	clear:both;
}

/************** mdp oublie ***************/
#page_mot_de_passe_oublie p{
	color:#505050;
	margin-bottom:10px;
}
#page_mot_de_passe_oublie .ligne_form{
	float:left;
	margin-right:10px;
}
.validate_forgot_password{
	color:#fff;
	font-style:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #002B6F;
	cursor:pointer;
}
/************** page annulation ***************/
#page_annulation .ligne_texte{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
#page_annulation .texte_col1{
	width:200px;
	float:left;
}
#page_annulation .texte_col2{
	width:500px;
	float:left;
}
#page_annulation .ligne_form label{
	width:150px;
	line-height:18px;
}
/************** popup ***************/
#fond_pop-up{
	width:100%;
	height:100%;
	display:block;
	background:#002B6F;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
#pop-up{
	position:fixed;
	top:50px;
	left:50%;
	z-index:150;
	width:610px;
	/* height:530px; */
	height:auto;
	overflow-y:scroll;
	margin-left:-325px;
	/* background:#ffd3db; */
	background:#FFF;
	/* color:red; */
	padding:20px;
	text-align:center;
	font-size:16px;
}
a#close{
	color:#FFF;
	text-decoration:none;
	position: fixed;
    left: 50%;
    top: 30px;
	z-index:120;
}
#pop-up img{
	width:100%;
}
/************ R�cup�ration ref_nor ****************/
#recup_ref{
	float:right;
	display:block;
	color:#FFF;
	background:#002B6F;
	text-decoration:none;
	width:150px;
	padding: 5px 2px;
	text-align:center;
	position:relative;
}
#recup_ref span{
	display:block;
	position:absolute;
	left:-40px;
	top:0px;
	height:0px;
	width:0px;
	border:20px solid transparent;
	border-right:20px solid #002B6F;
}
#sap .ligne_form{
	float:left;
}

#my_popup{
	background-color:#002B6F;
	display:none;
	float:right;
	margin-right:40px;
	padding:5px;
	color:#FFF;
}