@import url('reset.css');

body{margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#f6f6f6 url(../images/bg.png) top repeat-x; color:#586066;}
#wrapper_h{width:1067px; margin:0 auto;}
#wrapper{width:1126px; margin:0 auto;}
#logo{width:808px; margin:0 auto; margin-top:80px; position:relative; display: flex;justify-content: space-between;align-items: center;}
#logo.home{width:885px;}
#logo a.imageLogo {display: block; width: 370px; height:100px; text-indent: -9999px; background-image: url("../images/logo.png"); background-repeat: no-repeat;}
#logo div.coordonnes {
	/*position:absolute;
	top:0px;
	right:0px;*/
	text-align:right;
	color:#525B60;
	font-weight:bold;
}
#logo div.header_espaces {
	display: flex;
}
#logo div.header_compte {
	margin-right: 20px;
}
#logo div.header_compte,
#logo div.header_panier {
	text-align:right;
	padding-right: 20px;
	border-right: 1px solid #aeb3b3;
	color:#525B60;
}
#logo div.coordonnes span {
	color:#E30000;
}
#logo div.header_compte span,
#logo div.header_panier span {
	color:#E30000;
	font-weight:bold;
	font-size: 14px;
	display: flex;
	margin-bottom: 5px;
	justify-content: flex-end;
	align-items: center;
}
#logo div.header_compte a,
#logo div.header_panier a {
	color:#525B60;
	text-decoration:none;
	font-size: 13px;
}
#logo div.coordonnes a {
	color:#525B60;
	text-decoration:none;
}
#content_bg{background:url(../images/shadow_engrenages.png) 0px 85px no-repeat;}
#content_bg_h{background:url(../images/shadow.png) -3px 377px no-repeat;}
#content_bg_d{background:url(../images/shadow_engrenages1.png) 0px 115px no-repeat;}
#content{width:808px; margin:0 auto; padding-bottom:30px;}
#wrapper_h #content{width:885px;}
#content.homepage{padding-bottom:0px;}
.nobackground {background:none !important;}
#contentb{width:808px; margin:0 auto; padding-bottom:0px;     }
.break {clear:both;}
.rubrique{display:block; float:left; width:200px; height:113px; text-indent:-9999px; margin-bottom:2px; margin-right:2px;}
.video{display:block; float:left; width:200px; height:113px; margin-right:2px;}

#metrologie a{background:url(../images/metrologie.png) no-repeat;}
#metrologie a:hover{background:url(../images/metrologie_hover.png) no-repeat;}

#fraisage a{background:url(../images/fraisage.png) no-repeat;}
#fraisage a:hover{background:url(../images/fraisage_hover.png) no-repeat;}

#commander_catalogue a{background:url(../images/commander_catalogue.png) no-repeat;}
#commander_catalogue a:hover{background:url(../images/commander_catalogue_hover.png) no-repeat;}

#percage a{background:url(../images/percage.png) no-repeat;}
#percage a:hover{background:url(../images/percage_hover.png) no-repeat;}

#nouveautes a{background:url(../images/nouveautes.png) no-repeat;}
#nouveautes a:hover{background:url(../images/nouveautes_hover.png) no-repeat;}

#offres_speciales a{background:url(../images/offres_speciales.png) no-repeat;}
#offres_speciales a:hover{background:url(../images/offres_speciales_hover.png) no-repeat;}

#ferronnerie a{background:url(../images/ferronnerie.png) no-repeat;}
#ferronnerie a:hover{background:url(../images/ferronnerie_hover.png) no-repeat;}

#sciage a{background:url(../images/sciage.png) no-repeat;}
#sciage a:hover{background:url(../images/sciage_hover.png) no-repeat;}

#tournage a{background:url(../images/tournage.png) no-repeat;}
#tournage a:hover{background:url(../images/tournage_hover.png) no-repeat;}

#contact a{background:url(../images/contact.png) no-repeat;}
#contact a:hover{background:url(../images/contact_hover.png) no-repeat;}

#atelier a{background:url(../images/atelier.png) no-repeat;}
#atelier a:hover{background:url(../images/atelier_hover.png) no-repeat;}

#menu_bg{background:#525b60; padding-top:20px; padding-bottom:20px;position:fixed;top:0px;   }
/* menu */
#menu{width:808px; margin:0 auto;   }
#sddm{margin: 0; padding: 0; z-index: 30}

#sddm li{margin: 0; padding: 0;	list-style: none; float: left;}


#sddm li a{
    display: block; 
	text-indent:-9999px;	 	  
	text-decoration: none;}

#sddm li a:hover{color: #afb3b3;}

#sddm div{position: absolute;
	visibility:  hidden;
	margin-top: 20px;
	margin-left:-40px;
	width:147px;
	padding-right:10px;
	padding-top:26px;
	padding-bottom:26px;
	text-align:center; 
	background: url(../images/menu_der_bg.png) no-repeat;
 }
#sddm div a{
        position: relative;
		display: block;
		text-indent: inherit;	  
		padding:0;
		margin:0;
		margin-bottom: 3px;
	    color:#fff;
		text-decoration: none;
		z-index:1000;
		text-indent:0;
		}		 

#sddm div a:hover{color: #afb3b3;}

.accueil  {background:url(../images/accueil.png) bottom no-repeat; width:49px; margin-right:72px; }
.accueil:hover{background:url(../images/accueil_hover.png) bottom no-repeat;}

.societe  {background:url(../images/notre_societe.png) bottom no-repeat;  width:85px; margin-right:72px;}
.societe:hover{background:url(../images/notre_societe_hover.png) bottom no-repeat;}

.produits  {background:url(../images/nos_produits.png) bottom no-repeat; width:80px; margin-right:72px;}
.produits:hover{background:url(../images/nos_produits_hover.png) bottom no-repeat;}

.devis  {background:url(../images/demande_devis.png) bottom no-repeat;  width:108px; margin-right:72px;}
.devis:hover{background:url(../images/demande_devis_hover.png) bottom no-repeat;}

.contact  {background:url(../images/contact_menu.png) bottom no-repeat;  width:53px; margin-right:62px;}
.contact:hover{background:url(../images/contact_menu_hover.png) bottom no-repeat;}

.acces  {background:url(../images/plan_acces.png) bottom no-repeat; width:81px;}
.acces:hover{background:url(../images/plan_acces_hover.png) bottom no-repeat;}
 /* menu */ 
#mentions{ text-align:right; font-size:11px; margin-bottom:5px; margin-top:0px;margin-right:3px;}
#mentions a{color:#aeb3b3; text-decoration:none;}
#mentions a:hover{color:#525b60;}
#mentions .active{color:#525b60;}

.titre{background:url(../images/bg_notre_societe.png) repeat-x; font-size: 24px; color:#fff; text-transform:uppercase;      height:46px;   padding-left:70px;   padding-top:24px;}
.texte{margin-top:2px; height:358px; padding-right:50px;  padding-left:70px; padding-bottom:25px; padding-top:25px;  background:url(../images/bg_texte.png) no-repeat;}
.texte-devis{margin-top:2px; padding-right:50px;  padding-left:180px; padding-bottom:0px; padding-top:25px;  background:url(../images/bg_texte_01.png) repeat-x;}
.texte-devis-1{padding-right:50px;  padding-left:180px; padding-bottom:25px; padding-top:0px;  background:url(../images/bg_texte_02.png) repeat;}
.bleu{color:#E30000;}
.bleu_dark{color:#E30000;}
.bleu_fade{color:#dd9998;}
.m_l_titre {color:#E30000; font-size:14px; display:block; margin-bottom:15px;}

.b_c {color:#fff; font-size:12px;; text-transform:none;}
.form{padding-top:40px;}
.form1{padding-top:40px;}
.row{ clear:both; padding-bottom:8px;width: 550px;}
label{float:left; display:block; width:120px; margin-right:30px;}
input[type="text"],input[type="email"],input[type="password"]{background:transparent; width:250px; height:15px; border: #b7babc solid 1px; font-size:11px;}
.envoyer{background:url(../images/envoyer_devis.png);text-weight:bole;border:none;background-color: transparent;color:#fff;width:143px;height:22px;cursor:pointer}
.envoyer2{background:url(../images/envoyer_devis.png);text-weight:bole;border:none;background-color: transparent;color:#fff;width:247px;height:22px;cursor:pointer}
.ajout_produit{color:#586066; text-decoration:none; display:block; background:url(../images/puce.png) left no-repeat; padding-left:20px;}
.supprimer_produit{color:#586066; text-decoration:none; display:block; background:url(../images/supprimer.png) left no-repeat; padding-left:20px;}
.msg{padding-left:10px;font-size:10px;color:#E30000}
.submit{margin-left:150px; margin-top:20px;}  
.active{color:#afb3b3;}


#catalogue {
	background-color: #e7e7e7;
	margin-top:2px;
	padding-top:25px;
	width: 794px;
	padding-top:12px;
	padding-left:12px;
	float: left;
}

.catalogue_gauche {
	float: left;
	width: 214px;
}

.menu {

}

.menu ul {

}

.menu ul li {
	background-color: #dadbda;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #c8caca;
	height:38px;
	position:relative;
	font-size: 14px;
}
.menu ul li.open_menu {
	height:auto;
	padding-bottom: 12px;
}
.menu ul li.open_menu ul li {
	background: none;
	border-top:none;
	border-bottom:none;
	height:auto;
}

.menu ul li a {
	text-decoration: none;
	color: inherit;
	display:block;
	padding-left: 22px;
	padding-top: 12px;
}


.menu ul li.menu_active ul {
	padding-top:20px;
	padding-bottom:20px;
}

.menu ul li.menu_active {
	background-color:#525b60;
	color: #ffffff;
}
.menu ul li.menu_active a {
	font-weight:bold;
}
.menu ul li.menu_active ul li a {
	font-size: 12px;
	font-weight:normal;
}
.menu ul li.menu_active::after {
	content:">";
	top:13px;
	right:20px;
	position:absolute;
}
.menu ul li ul li.menu_active a {
	font-weight:bold;
}
.menu ul li ul li.menu_active::after {
	content:"";
	display:none;
}
.menu_active a {
	background-color:#525b60;
	color:#ffffff;
}

.menu ul li.open_menu2 {
	height:auto;
	padding-bottom: 0px;
}
.menu ul li.open_menu2 ul {
    padding-top: 5px;
    padding-bottom: 10px;
}
.menu ul li.open_menu2 ul li {
	padding-left: 10px;
	background: none;
	border-top:none;
	border-bottom:none;
	height:auto;
}
.menu ul li.open_menu2 ul li a {
	font-size: 12px;
	font-weight:normal;
	padding-top:5px;
	padding-left:25px;
}
.menu ul li.open_menu2 ul li a {
	font-size: 12px;
	font-weight:normal;
	padding-top:5px;
}
.menu ul li.open_menu2 ul li.menu_active a {
	font-weight:bold;
	color: #E30000;
	padding-left:35px;
}
.menu ul li.open_menu2 ul li a span {
	font-weight:normal;
	color: #E30000;
}
.menu ul li.open_menu2 ul li a span.gauche {
	padding-right:5px;
}
.menu ul li.open_menu2 ul li a span.droite {
	padding-left:5px;
}

.menu_bleu {
	font-weight: bold;
	color: #E30000;
}

.menu_bleu a {
	text-decoration: none;
	color: #E30000;
}

.menu_catalogue {
	background: url(../images/bg_telecharge_catalogue.jpg);
	width:213px;
	height: 63px;
	margin-top: 5px;
	float: left;
	text-align: center;
	padding-top: 40px

}

.menu_catalogue a {
	text-decoration: none;
	color: #ffffff;
}

.menu_question {
	background: url(../images/bg_telecharge_question.jpg);
	width:213px;
	height: 63px;
	margin-top: 5px;
	float: left;
	text-align: center;
	padding-top: 40px;
	color: #ffffff;
}

.menu_question a {
	text-decoration: none;
	color: #ffffff;
}

.catalogue {
	float: right;
	width: 580px;
}

.catalogue_produit {
	background-color: #dadbda;
	width:178px;
	height:265px;
	float: left;
	margin-left: 11px;
	margin-bottom: 10px;
}
.catalogue_produit.associes {
	margin-left:7px;
}

.catalogue_produit_img {
	width: 143px;
	height: 143px;
	margin: 17px 0px 0px 18px;
	background-color:#FFFFFF;
}

.catalogue_produit_titre {
	text-align: center;
	width: 142px;
	height:40px;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.catalogue_produit_prix {
	text-align: center;
	width: 142px;
	height: 28px;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 5px;
	color: #E30000;
	font-weight: bold;
	font-size: 15px;
}

.catalogue_produit_btn {
	text-align: center;
	width: 178px;
	height: 32px;
}

.catalogue_shadow {
	text-align: center;
	margin-left: 27px;
}

.titre_gauche {
	float: left;
	width: 300px;
}

.titre_droit {
	text-transform: none;
	float: right;
	width: 400px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 20px;
}

.titre_droit_cellule {
	border-left:1px solid #579fb1;
	float: right;
	padding-left: 20px;
	margin-right: 20px;
}

.bas {
	margin:0 auto;
	width: 567px;
	text-align: center;
	margin-top:20px;
}

.bas_precedent {
	font-weight: bold;
	color: #E30000;
	margin-right: 20px;
}

.bas_precedent a {
	text-decoration: none;
	color: inherit;
}

.bas_numeros {
	font-weight: bold;
	color: #E30000;
	width: auto;
}

.bas_numeros a {
	color: #525b60;
	text-decoration: none;
	font-weight: normal;
}


.bas_suivant {
	font-weight: bold;
	color: #E30000;
	margin-left: 20px;
}

.bas_suivant a {
	text-decoration: none;
	color: inherit;
}


#catalogue_produit {
	background-color: #e7e7e7;
	margin-top:2px;
	padding-top:25px;
	width: 806px;
	float: left;
}

#catalogue_produit .haut {
	width: 806px;
	background: url(../images/bg_fiche.jpg) bottom repeat-x;
	float: left;
	position: relative;
}

#catalogue_produit .haut_left {
	width: 368px;
	float: left;
}

#catalogue_produit .img {
	background-color: #ffffff;
	width: 320px;
	height: 320px;
	border: 10px solid #d1d2d3;
	margin: 0px 0px 0px 28px;
	overflow:hidden;
}
#catalogue_produit .img .img_slide {
	float:left;
	width: 320px;
	height: 320px;
}

#catalogue_produit .img_petites {
	float: left;
	height: 65px;
	width: 341px;
	margin: 9px 0px 0px 28px;
	position:relative;
}
#catalogue_produit .img_petites .thumbs {
	float:left;
	width:296px;
	height: 65px;
}
#catalogue_produit .img_petites .thumbs.padLeft {
	margin-left:19px;
}
#catalogue_produit .img_petites .thumbs div {
	float:left;
}
#catalogue_produit .img_petite {
	display:block;
	width: 55px;
	height: 55px;
	margin-left: 9px;
	border: 5px solid #FFFFFF;
	background-color:#FFFFFF;
}

#catalogue_produit .img_petite.active {
	border: 5px solid #cfd0d1;
}

#catalogue_produit .puce_left {
	margin-top: 25px;
	float: left;
	width:19px;
	height:19px;
	background: url(../images/fiche_puce_left.jpg) left top no-repeat;
	cursor:pointer;
}

#catalogue_produit .puce_right {
	margin-top: 25px;
	float: right;
	width:19px;
	height:19px;
	background: url(../images/fiche_puce_right.jpg) left top no-repeat;
	cursor:pointer;
}

#catalogue_produit .haut_right {
	width: 438px;
	float: right;
}

#catalogue_produit .nom {
	width: 370px;
	color: #535353;
	font-size: 14px;
	padding: 10px 0px 0px 30px;
	float: left;
}

#catalogue_produit .reference {
	width: 370px;
	padding-left: 30px;
	margin-top: 5px;
	float: left;
}

#catalogue_produit .prix {
	width: 370px;
	padding-left: 30px;
	color: #E30000;
	font-weight: bold;
	font-size: 19px;
	margin: 15px 0px 15px 0px;
	float: left;
}

#catalogue_produit .descriptif {
	background: url(../images/bg_fiche_right.jpg) top repeat-x;
	width: 370px;
	padding: 45px 38px 130px 30px;
	float: left;
	text-align: justify;
}

#catalogue_produit .btn {
	position: absolute;
	bottom:65px;
	right: 26px;
}

#catalogue_produit .tableau {
	float: left;
	width: 753px;
	margin:35px 0px 15px 28px;
}
#catalogue_produit .tableau2 {
	float: left;
	width: 753px;
	margin:10px 0px 15px 28px;
}

#catalogue_produit .cellule_caracteristiques {
	height: 55px;
	color: #fff;
	vertical-align: middle;
	padding-left: 30px;
}

#catalogue_produit .tableau_associes {
	padding: 10px 0px;
}

#catalogue_produit .cellule {
	height: 33px;
	vertical-align: middle;
	padding-left: 30px;
}

.titre_retour {
	text-transform: none;
	float: right;
	width: 200px;
	font-size: 12px;
	margin-top: 5px;
}

.titre_retour a {
	text-decoration: none;
	color: inherit;
}

.cb {
	clear:both;
}
.erreur_liste {
	text-align:center;
	padding:50px 20px;
	font-weight:bold;
	color:#E30000;
}
#homepage_diaporama {
	background-color:#FFFFFF;
	width:869px;
	height:326px;
	margin:0 auto;
	padding:8px;
	position:relative;
}
#home_diapos {
	width:869px;
	height:326px;
	overflow:hidden;
}
.home_diapo_slide {
	width:869px;
	height:326px;
}
#home_pagination {
	position:absolute;
	bottom:15px;
	right:20px;
}
#home_pagination a {
	background:url(../images/home_diaporama_puce_normal.png) 0px 0px no-repeat transparent;
	width:10px;
	height:10px;
	margin:0 0 0 3px;
	display:inline-block;
	text-indent:-3000px;
}
#home_pagination a.selected {
	background:url(../images/home_diaporama_puce_active.png) 0px 0px no-repeat transparent;
	cursor:default;
}
#homepage_content {
	width:877px;
	margin:0 auto;
}
.homepage_content_left {
	float:left;
	width:300px;
	padding:26px 24px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#575e64;
	text-align:justify;
	line-height:19px;
}
.homepage_content_left h1 {
	color:#ff3607;
	font-size:14px;
}
.homepage_content_left a {
	display:block;
	width:178px;
	height:32px;
	line-height:32px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	background:url(../images/bouton_rouge.jpg) left top repeat-x;
}
.homepage_content_center {
	float:left;
	width:236px;
	padding:40px 45px 0px 37px;
	font-size:13px;
	font-weight:bold;
	color:#575e64;
	line-height:18px;
	background:url(../images/homepage_content_center.jpg) left top no-repeat;
}
.homepage_content_center h2 {
	font-size:14px;
	color:#ff3607;
}
.homepage_content_center ul {
	margin:15px 0px 0px 0px;
	padding:10px 0px;
	border-top:1px solid #ff3607;
	border-bottom:1px solid #ff3607;
}
.homepage_content_center ul li {
	padding-bottom:5px;
	position:relative;
}
.homepage_content_center ul li:before {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	height:14px;
	width:22px;
	background:url(../images/homepage_content_puce.png) left top no-repeat;
}
.homepage_content_center ul li a {
	font-size:13px;
	color:#575e64;
	text-decoration:none;
	display:block;
	padding-left:22px;
}
.homepage_content_center ul li a:hover {
	color:#ff3607;
}
.homepage_content_center ul li:last-child {
	padding-bottom:0px;
}
.homepage_content_right {
	float:left;
	width:200px;
	padding:95px 0px 0px 35px;
	font-size:13px;
	font-weight:bold;
	color:#575e64;
	line-height:18px;
	background:url(../images/homepage_content_right.jpg) left top no-repeat;
}
.homepage_content_contact {
	height:78px;
	border-bottom:1px solid #ff3607;
}
.homepage_content_contact h2 {
	font-size:14px;
	color:#ff3607;
}
.homepage_content_contact a {
	color:#575e64;
}
.homepage_content_catalogue {
	padding:27px 0px 0px 18px;
}
.homepage_content_catalogue a {
	display:block;
	width:110px;
	height:36px;
	color:#575e64;
	text-decoration:none;
	padding-left:48px;
	background:url(../images/homepage_content_catalogue.png) left top no-repeat;
}
.homepage_content_catalogue span {
	display:block;
	color:#ff3607;
	font-size:14px;
	text-decoration:none;
}

.client_espace_creation_connexion {
	background: url(../images/bg_fiche_right.jpg) top repeat-x #e7e7e7;
	display:flex;
	padding:35px 0px;
	justify-content: center;
	align-items: flex-start;
	/* box-sizing: border-box;*/
}
.client_espace_creation {
	width: 48%;
    padding-left: 25px;
}
.client_espace_connexion {
	border-left:1px solid #c1c2c4;
	width: 48%;
    padding-left: 25px;
}
.client_espace_creation h2, .client_espace_connexion h2 {
	font-weight:bold;
	font-size:15px;
	color:#ff3607;
}
.client_espace_creation h3, .client_espace_connexion h3 {
	font-weight:bold;
	font-size:13px;
	padding-bottom:25px;
}
.client_espace_creation .row, .client_espace_connexion .row {
	width:100%;
}
.client_espace_creation label, .client_espace_connexion label {
	width:150px;
	margin-right:15px;
	text-align:right;
	cursor: pointer;
}
.client_espace_creation input, .client_espace_connexion input {
	width:170px;
}
.client_espace_creation select, .client_espace_connexion select {
	width:175px;
}
.client_espace_creation button, .client_espace_connexion button {
	margin-left:165px;
	width:175px;
	outline:none;
	border:none;
	padding:10px 0px;
	cursor: pointer;
	text-transform:uppercase;
	background:url(../images/bouton_rouge.jpg) left top repeat-x;
	color:#FFFFFF;
}
.client_espace_creation a.client_espace_connexion_login, .client_espace_connexion a.client_espace_connexion_login {
	padding-left:165px;
	text-decoration:none;
	color:inherit;
}
.client_espace_menu {
	background-color: #e7e7e7;
	padding:25px 0px;
	display:flex;
	align-items: center;
    justify-content: center;
    font-size:13px;
}
.client_espace_menu a {
	color:inherit;
	text-decoration:none;
}
.client_espace_menu span {
	padding:0px 20px;
}
.client_espace_menu a.active {
	color:#E30000;
	font-weight:bold;
}
.client_espace_container {
	background: url(../images/bg_fiche_right.jpg) top repeat-x #e7e7e7;
	padding:35px 0px;
}
.client_espace_container table {
	width:95%;
	margin:0 auto;
}
.client_espace_container table thead tr th {
	color:#FFFFFF;
	background:url(../images/bouton_rouge.jpg) left top repeat-x;
	padding:8px 5px 8px 5px;
}
.client_espace_container table tbody tr td {
	padding:8px 5px 8px 5px;
}
.client_espace_container table tbody tr:nth-child(even) td {
	background-color: #d9d9db;
}
.client_espace_container table tbody tr td a {
	color:inherit;
	text-decoration: none;
}
.client_espace_form {
	width:550px;
	margin:0 auto;
}
.client_espace_form div.row {
	margin-top:10px;
}
.client_espace_form div.row input,
.client_espace_form div.row select {
	width:390px;
}
.client_espace_form div.row button {
	margin-left:150px;
	width:175px;
	outline:none;
	border:none;
	padding:10px 0px;
	cursor: pointer;
	text-transform:uppercase;
	background:url(../images/bouton_rouge.jpg) left top repeat-x;
	color:#FFFFFF;
}
.go_to_link {
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	height:45px;
	padding: 0px 20px;
	cursor: pointer;
	text-transform: uppercase;
	background: url(../images/bouton_rouge.jpg) left top repeat;
	color: #FFFFFF;
}
.ajouter_produit_quantite_simple {
	display:flex;
	justify-content: space-between;
	width: 390px;
	height:45px;
	align-items: center;
}
.ajout_produit_submit {
	outline:none;
	border:none;
    cursor: pointer;
    text-transform: uppercase;
    background: url(../images/bouton_rouge.jpg) left top repeat;
    color: #FFFFFF;
    width:175px;
	height:45px;
}
.ajouter_produit_quantite {
	display:flex;
	justify-content: space-between;
	padding:5px 0px;
}
.ajouter_produit_quantite input {
	border: none;
    text-align: center;
    width: 75px;
}
.ajouter_produit_quantite_simple .ajouter_produit_quantite {
    width: 125px;
}
.ajouter_produit_quantite_simple .ajouter_produit_quantite input {
    width: 45px;
}
.ajouter_produit_quantite .fiche-quantite {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2d2f33;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
}
.ajout_produit_submit_car {
	outline:none;
	border:none;
    padding: 5px 0px;
    cursor: pointer;
    text-transform: uppercase;
    background: url(../images/bouton_rouge.jpg) left top repeat;
    color: #FFFFFF;
    width:100%;
}
.panier_menu {
	background-color: #e7e7e7;
	padding:25px 0px;
	display:flex;
	align-items: center;
    justify-content: center;
    font-size:13px;
}
.panier_menu a {
	color:inherit;
	text-decoration:none;
}
.panier_menu span {
	padding:0px 20px;
}
.panier_menu a.active {
	color:#E30000;
	font-weight:bold;
}
.bg_panier_div {
	background: url(../images/bg_fiche.jpg) top repeat-x #e7e7e7;
}
.panier_produits {
	width:95%;
	margin:0 auto;
	padding:20px 0px;
}
.panier_produits thead tr {
    background: url(../images/bouton_rouge.jpg) left top repeat;
}
.panier_produits thead tr th {
	padding:12px 0px;
	color:#FFFFFF;
	font-weight: bold;
}
.panier_produits thead tr th.panier_header_titre {
	padding-left:10px;
}
.panier_produits thead tr th.panier_header_prix {
	width:140px;
	text-align:center;
}
.panier_produits thead tr th.panier_header_quantite {
	width:140px;
	text-align:center;
}
.panier_produits thead tr th.panier_header_total {
	width:140px;
	text-align:center;
}
.panier_produits tbody tr:nth-child(even) {
	background: #dbdbdb;
}
.panier_produits tbody tr:nth-child(odd) {
	background: none;
}
.panier_produits tbody tr td {
	padding:10px 0px;
}
.panier_produits tbody tr td a {
	color: inherit;
	text-decoration:none;
}
.panier_produits tbody tr td.panier_produits_titre {
	padding-left:10px;
	font-weight: bold;
}
.panier_produits tbody tr td.panier_produits_prix {
	width:140px;
	text-align:center;
}
.panier_produits tbody tr td.panier_produits_quantite {
	width:140px;
	text-align:center;
}
.panier_produits tbody tr td.panier_produits_quantite select {
	width:70%;
	text-align:center;
}
.panier_produits tbody tr td.panier_produits_total {
	width:140px;
	text-align:center;
}
.div_panier_total {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 2.5%;
}
.panier_total {
	width:280px;
	padding:20px 0px;
}
.panier_total .panier_total_titre {
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
.panier_total .panier_total_valeur {
	text-align:right;
	font-size:15px;
	padding-right:5px;
}
.panier_total .panier_total_valeur.panier_total_valeur_gris {
	padding-right:0px;
}
.panier_total .panier_total_valeur.panier_total_valeur_gris span {
	display:inline-block;
	padding:3px 5px;
	background-color:#525b60;
	color:#FFFFFF;
}
.div_panier_suivant {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 2.5%;
    min-height:110px;
}
.bouton_panier_droite {
	display:inline-block;
	outline:none;
	border:none;
    padding: 12px 25px;
    min-width:100px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background: url(../images/bouton_rouge.jpg) left top repeat;
    color: #FFFFFF;
}
.panier_paiements {
	display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row;
}
.panier_paiement_choix {
	padding:60px 0px;
	min-width:250px;
}
.panier_paiement_choix label {
	float:none;
	width:auto;
	margin:0px;
	cursor: pointer !important;
	text-align:center;
}
.panier_paiement_choix label input,
.panier_paiement_choix label img,
.panier_paiement_choix label strong,
.panier_paiement_choix label p {
	cursor: pointer !important;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0;
    outline: 0;
    position: fixed;
    z-index: 908989990;
    background-color: #f3f3f4;
    display: none;
}
.modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50);
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 908989991;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-radius: 1rem;
  outline: 0;
}


.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px;
}

.modal-header .close {
  padding: 0px;
  margin: 10px 15px 0px auto;
    background:none;
    border:none;
    color:#111821;
    font-size: 30px;
    font-family: 'agenda-bold';
    outline: none;
    cursor:pointer;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  /*border-top: 1px solid #dee2e6;*/
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
  }
  .modal-xl .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
  }
  .modal-xl .modal-dialog {
    max-width: 1140px;
    margin: 1.75rem auto;
  }
}