:root {
	  --mc-dark:#555;
	  --mc-dark2:#2d2b32;
	  --mc-dark3:#223039;
	  --mc-grey:#3b3b3b;
	  --mc-grey1:#8d99ae;
	  --mc-grey2:#4a4c69;
	  --mc-white:#FFF;
	  --mc-green:#3CB371;
	  --mc-green2:#32CD32;
	  --mc-red:#F42320;
	  --mc-red2:#d90429;
	  --mc-orange:#ff6347;
	  --mc-cyan:#008b8b;
	  --mc-blue:#35507e;
	  --mc-blue2:#2f4858;
	  --mc-blue3:#00b4d8;
	  --mc-pink:#e20064;
	  --mc-purple1:#ad358d;
	  --mc-purple2:#6a4c95;
	}

	.bg-dark{background-color: var(--mc-dark) !important;color:#FFF;}
	.bg-dark:hover{color:#FFF;}
	.bg-green{background-color: var(--mc-green) !important;color:#FFF;}
	.bg-green2{background-color: var(--mc-green2) !important;color:#FFF;}
	.bg-red{background-color: var(--mc-red) !important;color:#FFF;}
	.bg-orange{background-color: var(--mc-orange) !important;color:#FFF;}
	.bg-pink{background-color: var(--mc-pink) !important;color:#FFF;}
	.bg-purple1{background-color: var(--mc-purple1) !important;color:#FFF;}
	.bg-purple2{background-color: var(--mc-purple2) !important;color:#FFF;}
	.bg-cyan{background-color: var(--mc-cyan) !important;color:#FFF;}
	.bg-blue{background-color: var(--mc-blue) !important;color:#FFF;}
	.bg-blue2{background-color: var(--mc-blue2) !important;color:#FFF;}
	.bg-grey{background-color: var(--mc-blue2) !important;color:var(--mc-dark);}

	.bg-devis{background-color: var(--mc-blue3) !important;color:var(--mc-white);}
	.bg-devis:hover{background-color: var(--mc-white) !important;color:var(--mc-blue3);border:1px solid var(--mc-blue3);}
	.bg-rappel{background-color: var(--mc-red2) !important;color:var(--mc-white);}
	.bg-rappel:hover{background-color: var(--mc-white) !important;color:var(--mc-red2);border:1px solid var(--mc-red2);}
	.bg-commande{background-color: var(--mc-green) !important;color:var(--mc-white);}
	.bg-commande:hover{background-color: var(--mc-white) !important;color:var(--mc-green);border:1px solid var(--mc-green);}
	.bg-bdc{background-color: var(--mc-grey2) !important;color:var(--mc-white);}
	.bg-bdc:hover{background-color: var(--mc-white) !important;color:var(--mc-grey2);border:1px solid var(--mc-grey2);}

	.text-red{color: var(--mc-red);}
	.text-white{color: var(--mc-white);}
	.text-cyan{color: var(--mc-cyan);}
	.text-dark{color: var(--mc-dark);}


/* PAGES GENERAL */
	
	.pg{padding: 1em;}
	.pg > h1{position: relative;font-family:'Bebas Neue',sans-serif;color:var(--mc-black);}
	.pg > h1::before{
		position: absolute;bottom: -2px;left: 0;display: inline-block;
		content:'';height: 3px;width: 120px;background-color:var(--mc-red);
	}
	.pg .contenu{width: 100%;}
	.pg_classic{margin-top: 0px;}
	.pg_classic .contenu{margin-top: 30px;padding: 1em;}

/* PAGE TDB */

	.pg_tdb{}
	.pg_tdb .tdb_nbs{display: flex;flex-direction: row;margin-top: 2em;}
	.pg_tdb .tdb_nbs .item{max-width:300px;display: flex;flex-direction: row;align-items: baseline;margin-right: 2em;border: 1px solid #CCC;padding: 0.5em 1.5em;}
	.pg_tdb .tdb_nbs .item .icone{font-size: 2em;}
	.pg_tdb .tdb_nbs .item .nb{font-size: 2.5em;color:var(--mc-cyan);font-weight: bold;margin:0 0.25em 0 0.25em;}
	.pg_tdb .tdb_nbs .item .label{font-size: 1.8em;color:var(--mc-dark2);}

	.pg_tdb .stock_pdf{margin-top: 1em;}


/* PAGE CLIENTS */

	.pg_client{}
	.pg_client .liste_clients{margin-top: 2em;}
	.pg_client .liste_clients .ligne_head{display: flex;background-color: var(--mc-dark2);color: #FFF;}
	.pg_client .liste_clients .ligne_head > div{background-color: transparent;padding: 0.5em;text-transform: uppercase;font-weight: bold;}
	.pg_client .liste_clients .ligne{border-bottom: 1px solid #555;padding: 0.5em 0;

	}
	.pg_client .liste_clients .ligne > div{background-color: #fff;}
	.pg_client .liste_clients .ligne .client i{color: var(--mc-grey)}
	.pg_client .liste_clients .info_statut{border: 1px solid #CCC;padding: 5px;border-radius: 50px;text-align: center;transition: all 0.3s;background-color:#FFF;}
	.pg_client .liste_clients .info_statut{}
	.pg_client .liste_clients .info_statut:hover{background-color: var(--mc-red2);}
	.pg_client .liste_clients .info_statut:hover a{color:#FFF;}

/* PAGE PARAM */

	.pg_param{}
	.pg_param #bloc_societe form{width: 50%;}
	.pg_param .card{margin-top: 2em;}
	.pg_param .table-flex{display: flex;flex-direction: column;}
	.pg_param .table-flex .ligne{display: flex;align-items: center;margin-top: 0.5em;}
	.pg_param .table-flex .ligne .label{width: 250px;}
	.pg_param .table-flex .ligne .champ{flex:1;}
	.pg_param .ligne_bouton_submit{text-align: center;padding-top: 1em;}

/* PAGE REPRISE */
	
	.pg_reprise{}

	#form_reprise{width: 70%;margin-left: 15%;margin-top: 2em;}
	#form_reprise .boutons_step{display: flex;justify-content: center;margin-top: 2em;}
	#form_reprise fieldset .item{flex:1;margin: 1em 1em 0em 1em;}
	#form_reprise fieldset label{font-weight: bold;}
	#form_reprise fieldset:not(:first-of-type){display: none;}
	#form_reprise .liste_coloris .btn{margin-right: 0.25em;}
	#form_reprise .liste_coloris .btn.fonce{margin-right: 0.25em;color:#FFF;}
	#form_reprise .liste_coloris .btn .fa{opacity: 0.1;}
	#form_reprise .liste_coloris .btn.active{box-shadow: 0px 2px 5px #888;}
	#form_reprise .liste_coloris .btn.active .fa{opacity: 1;}
	#btn_terminer_reprise{visibility: hidden;}

/* PAGE TRANSPORT */
	
	.pg_transport{}
	.pg_transport .carte{width: 50%;}
	.pg_transport .carte #vmap{width: 100%; height: 600px;}
	.pg_transport .info{padding-top: 5em;}
	.pg_transport .cadre_tarif{text-align: center;margin-top: 1em;padding: 1em;background-color: #e5e5e5;}
	.pg_transport .cadre_tarif .titre{font-weight: bold;text-transform: uppercase;}
	.pg_transport .cadre_tarif .tarif{font-size: 1.2em;}

	@media (max-width: 768px) {
		.pg_transport .carte{display: none;}
		.pg_transport .info{padding-top: unset;}
	}

/* PAGE MANUEL */
	
	.pg_manuel{}
	.pg_manuel .filtre{padding: 0.5em;}
	.pg_manuel .item{padding: 1em;border:1px solid #CCC;margin: 0.25em;width: 150px;}
	.pg_manuel .item:hover{background-color: #f5f5f5;}
	.pg_manuel .item a{display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;}
	.pg_manuel .item .titre{text-transform: uppercase;font-weight: bold;font-size: 1.1em;text-align: center;}

/* PAGE CATALOGUE CLIENT */

	.pg_catalogue{}
	.pg_catalogue .filtres{margin: 1em 0;}

	.pg_catalogue .liste_items{}
	.pg_catalogue .liste_items .item{border-bottom: 1px solid #999;padding: 0.5em 0;margin-bottom: 0.5em;}
	.pg_catalogue .liste_items .item .visuel{position: relative;}
	.pg_catalogue .liste_items .item .visuel .badge{position: absolute;top:0;right:0;background-color: #000;color: #FFF;}
	.pg_catalogue .liste_items .item .infos-1{}
	.pg_catalogue .liste_items .item .infos-1 .titre{font-size:1.6em;line-height: 1em;}
	.pg_catalogue .liste_items .item .infos-1 .details{padding: 0.25em 0;}
	.pg_catalogue .liste_items .item .infos-1 .equip_serie{display: block;font-style: italic;line-height: 1.3em;}
	.pg_catalogue .liste_items .item .infos-2{}
	.pg_catalogue .liste_items .item .infos-2 .wrapper{display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		gap: 0.5em 0.5em;
		grid-template-areas:
	    	". ."
	    	". .";
	}
	.pg_catalogue .liste_items .item .infos-2 .wrapper  div{padding:1em 0.5em;background-color: #f5f5f5;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
	.pg_catalogue .liste_items .item .tarifs{text-align: center;font-weight: bold;padding-top: 1em;padding-bottom: 1em;}
	.pg_catalogue .liste_items .item .tarifs .prix_ttc{display: inline-block;font-size:1.5em;}
	.pg_catalogue .liste_items .item .tarifs .prix_ht{font-size:1em;}
	.pg_catalogue .liste_items .item .actions{font-size:1.5em;padding-top: 1em;padding-bottom: 1em;text-align: center;}

	.pg_catalogue .fiche{position: relative;}
	.pg_catalogue .fiche h1{font-size: 3.3em;}
	.pg_catalogue .fiche_infos{position: relative;}
	.pg_catalogue .titre_equipement{font-size: 1.8em;}
	.pg_catalogue .titre_equipement a{color:#223039;}
	.pg_catalogue .fiche_infos .section1{margin-bottom: 1em;}
	.pg_catalogue .fiche_infos .section1 .image{max-width: 400px;}
	.pg_catalogue .remise{background-color: var(--mc-red);color:#FFF;padding:0.5em 1.5em;margin-bottom: 0.25em;}
	.pg_catalogue .fiche_infos .section1 .prix_const{background-color: var(--mc-dark2);color:#FFF;padding:0.5em 1.5em;}
	.pg_catalogue .fiche_infos .section1 .details{flex:1;padding:0 1em;max-width: 550px;}
	.pg_catalogue .fiche_infos .section1 .prix_ttc{display: block;font-size: 3em;text-align: right;font-weight: bold;line-height: 1em;margin-top: 0.5em;}
	.pg_catalogue .fiche_infos .section1 .prix_ht{display: block;font-size: 2.4em;text-align: right;line-height: 1em;margin-bottom: 0.5em;}
	.pg_catalogue .fiche_infos .section1 .estimation_livraison{display: flex;justify-content: end;align-items: baseline;color:#444;font-size: 1.3em;text-align: right;padding: 0.5em;background-color: #F7F7F7;}
	.pg_catalogue .fiche_infos .section1 .estimation_livraison .fas{margin-right: 0.5em;}

	.pg_catalogue .fiche #equip_serie{}
	.pg_catalogue .fiche #equip_serie > div{columns: 2;}

	.pg_catalogue .fiche_actions{position: relative;padding: 0.5em  0em 1.5em 0em;}
	.pg_catalogue .fiche_actions .wrapper{position: -webkit-sticky;position: sticky;top:2em;right: 0;}
	.pg_catalogue .fiche_actions .btn{width: 250px;}
	.pg_catalogue .fiche_actions .fas{text-align: center;font-size: 1.1em;width: 100%;margin-bottom: 0.5em;margin-right: 0.5em;display: inline;}

	/* LISTE MOSAIQUE */

		.liste_mosaique{list-style: none;padding-left: 0;padding-right: 0;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
		}	
		.liste_mosaique li{position: relative;max-width: 240px;padding: 10px;margin: 1rem;border: 1px solid #999;overflow: hidden;
			transition: all 0.3s;
		}
		.liste_mosaique li:hover{border-color:var(--mc-red);}
		.liste_mosaique .wrapper{position: relative;height: 100%;}
		.liste_mosaique .visuel{overflow: hidden;}
		.liste_mosaique .visuel img{max-width: 100%;max-height: 199px;-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s;
		}
		.liste_mosaique li:hover img{transform: scale(1.05);}

		.liste_mosaique li:hover .titre a{color:var(--mc-red);}
		.liste_mosaique .reference{position: absolute;background-color:rgba(255,255,255,0.5);padding:0.25em 0.5em;right: 0;z-index: 111;font-size: 0.8em;}
		.liste_mosaique .titre{display: block;font-weight: bold;text-align: center;color: #000;font-size: 1em;padding-top: 0.5em;padding-bottom: 0.5em;line-height: 1.1em;height: 3.9em;overflow: hidden;}
		.liste_mosaique .categorie{text-align: center;margin-top: 1em;}
		.liste_mosaique .texte{position: relative;font-size: 0.9em;}
		.liste_mosaique .texte::after{
			content:'';position: absolute;bottom:5px;width: 50%;left:50%;height:1px;margin-bottom:-10px;background-color:#e5e5e5;-webkit-transform: translate(-50%);
			-ms-transform: translate(-50%);
			-o-transform: translate(-50%);
			transform: translate(-50%);
		}
		.liste_mosaique .categorie::after{
			content:'';position: absolute;bottom:5px;width: 50%;left:50%;height:1px;margin-bottom:-15px;background-color:#e5e5e5;-webkit-transform: translate(-50%);
			-ms-transform: translate(-50%);
			-o-transform: translate(-50%);
			transform: translate(-50%);
		}
		.liste_mosaique .texte i{display: block;font-size: 1.1em;}
		.liste_mosaique .pourcent{font-size: 2.6em;color:var(--mc-red);}
		.liste_mosaique .tarifs{line-height: 1.5em;font-family:'Bebas Neue', sans-serif;margin-top: 1rem;text-align: right;}
		.liste_mosaique .prix_barre{text-decoration: line-through;color:#999;font-size: 0.8em;}
		.liste_mosaique .prix{font-size:2em;color:var(--mc-black);}
		.liste_mosaique .lien{font-size: 1.6em;z-index: 2;/*padding-top: 1em;padding-right: 2px;*/position: absolute;right: 0;bottom: -5px;}
		.liste_mosaique .lien a{color:#FFF;}
		.liste_mosaique .nb_vehicule a{display: block;position: relative;color:var(--mc-dark);text-align: center;font-size: 1em;padding-top: 1em;}
		.liste_mosaique .nb_vehicule a .fa{position: absolute;right: 0;color:#FFF;font-size: 1.6em;z-index: 2;padding-right: 5px;}

	/* MODAL DEVIS */

		#form_modal_devis{}
		#form_modal_devis .bloc_visuel img{width: 200px;height: 150px;object-fit: cover;}
		#form_modal_devis .ligne_total{padding:0.25em 0.25em;font-size: 1.2em;display: flex;align-items: center;border-bottom: 1px dotted #CCC;}
		#form_modal_devis .ligne_total .libelle{text-align: right;}
		#form_modal_devis .ligne_total .valeur{text-align: right;}
		#form_modal_devis .ligne_entete{position: relative;border-bottom: 1px solid var(--mc-cyan);color:#000;font-family: 'Bebas Neue',sans-serif;
			display: flex;align-items: center;padding:0.5em 0.5em 0.5em 30px;text-transform: uppercase;}
		#form_modal_devis .ligne_entete::before{
			content:'';width: 10px;height:10px;background-color: var(--mc-cyan);position: absolute;left: 10px;
		}
		#form_modal_devis .ligne_entete em{font-size: 0.7em;}

/* PAGE LOGIN */
	
	.box_acces_pro{display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.box_acces_pro form{width: 350px;}
	.box_acces_pro form .indispensable{display: none;}
	.box_acces_pro .titre_rubrique{font-size: 1.5em;font-weight: bold;}
	.box_acces_pro form input{text-align: center;}


/* PAGE CONTACT */

	#form_contact{width: 100%;	}
	#form_contact .wrapper{max-width: 600px;}