.logo
{
	/* border:1px solid red; */
	/* height: 10em; */
	float:left;
	margin-left: 4em;
	height: 6em;
	margin-top: 4em;
}

.logo img
{
	/* border:1px solid red; */
	/* height: 10em; */
}

.footer
{
	/* border:1px solid red; */
	position: relative;
	bottom: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(241, 239, 237, 0.95);
	padding: 1em;
	text-align: center;
	border-radius: 0px 0px 12px 12px;
	/* margin-bottom: 3em; */
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px 0px 12px 12px;
    width: 1000px;
}


/*LOGO MENU*/

.logo_menu
{
	/* border:1px solid red; */
	/* float: left; */
	width: 1000px;
	height: 4.6em;
	margin-left: auto;
	margin-right: auto;
}
.logo_menu img
{
	/* border:1px solid red; */
	width: 100px;
	float: left;
	padding: 1em;
}
.container1
{
    /* border: 1px solid red; */
    float: right;
    width: calc(100% - 14em);
    height: 6em;
    /* margin-top: 2em; */
    margin-bottom: 10px;
    padding-top: 1em;
    padding-right: 1em;
    margin-right: 1em;
    display: grid;
    grid-template-columns: 1fr 8rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    grid-template-rows: 1fr 1fr;
}
.container2
{
	/* border:1px solid red; */
	float: left;
	width: 100%;
}

.contenu_principal
{
	border: 1px solid #c8c8c8;
	/* float: left; */
	/* width: 1000px; */
	/* margin-right: auto; */
	/* margin-left: auto; */
	min-height: calc(100% - 9.5em);
	background-color: rgba(241, 239, 237, 0.95);
	/* overflow-y: scroll; */
	padding: 0.5em;
	color: #000000;
	/* overflow: hidden; */
	padding-bottom: 20em;
}

.logo img
{
	width: 171px;
}


.menu_recherche .input_text
{
	/*border:1px solid red;*/
	width:50%;
	height:2em;
	/* margin-left: 1em; */
	/* margin-top: 1em; */
	margin-right: 1em;
}


.menu_recherche .input_bouton
{
	/* border: 1px solid red; */
	height: 2em;
	width: 10%;
}

.sous_menu_recherche
{
	/* border:1px solid red; */
	/* height: 4.5em; */
	text-align: left;
	color: rgba(249, 249, 249, .9);
	font-size: 0.9em;
	font-weight: 100;
}

.sous_menu_recherche_famille
{
	/* border:1px solid red; */
	height: 2em;
	padding-top: 8px;
}
.titre_recherche
{
	/* border:1px solid red; */
	float:left;
	width: 150px;
	text-align: left;
}

.sous_menu_recherche_fabricant
{
	/* border:1px solid red; */
	height: 2.2em;
	padding-top: 5px;
}

.resultat_recherche
{
	/* border:1px solid red; */
	float: left;
	/* border-left: 1px dashed red; */
	padding-left: 0.5em;
	width: 100%;
	padding-right: 0.5em;
}

.menu_recherche
{
	/* border:1px solid red; */
	padding-bottom: 1em;
}
.contenu_global
{
	/* border:1px solid red; */
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	/* padding-bottom: 5em; */
}

.connexion
{
	/* border:1px solid red; */
	/* float:right; */
	/* margin-top: 5em; */
	/* margin-left: 28em; */
	height: 1.5em;
}
.connexion a
{
color:#6699c3
}
.catalogue
{
	border: 2px solid #c8c8c8;
	float:right;
	/* margin-top: 5em; */
	/* margin-left: 28em; */
	width: 8em;
	padding: 0.4em;
	background-color: #ededed;
	display: flex;
	margin-right: 0.4em;
	border-radius: 5px;
}



.catalogue .element_enfant1
{
	/* border: 1px solid #272525; */
	float: left;
	margin-right: 0.4em;
	margin-left: 0.2em;
}
.catalogue img
{
width:25px;
height:25px;
}
.catalogue .element_enfant2
{
	/* border: 1px solid #0cf71c; */
	float: right;
	margin-top: 5px;
}
.container_global_logo
{border: 1px solid #c8c8c8;width: 1000px;height: 9em;margin-left: auto;margin-right: auto;margin-top: 0.5em;background-color: rgb(242 240 238);border-radius: 23px 23px 0 0;}

.Bienvenue
{
	/* border:1px solid red; */
	/* margin-bottom: 1em; */
	/* width: 16em; */
	/* float: left; */
}

#liste_articles
{
	/* border:1px solid red; */
	/* float:left; */
	/* width:100%; */
	/* background: rgb(200, 215, 220); *//* Old browsers */

}







/*JCART*/
.contenu_page2
{
    /* border: 1px solid red; */
    float: left;
    width: 100%;
}

.contenu_page2 #jcart * 
{ margin:0; padding:0;/* font-family:arial, tahoma, verdana, sans-serif; */}

.contenu_page2 #jcart-checkout
{
	/* border:1px solid red; */
	/* padding:10px 0px; */
}

.contenu_page2 #jcart,
.contenu_page2 #jcart input,
.contenu_page2 #jcart-tooltip
{ font-size:12px; }

.contenu_page2 #jcart fieldset
{ border:0; }

.contenu_page2 #jcart-error
{ text-align:center; padding:5px; }

.contenu_page2 #jcart table
 {width: 100%; border:0; background:#fff; border-collapse:collapse;}

.contenu_page2 #jcart thead
{  }

.contenu_page2 #jcart-title
{font-family: 'Lato', Calibri, Arial, sans-serif;}

.contenu_page2 #jcart tbody
{ display:inherit; }

.contenu_page2 #jcart tfoot
{  }

.contenu_page2 #jcart tr
{border: 1px solid red;width: 100%;}

.contenu_page2 #jcart th
{
background: #1B3647;
text-align:right;
}
.contenu_page2 #jcart th
{
	vertical-align: top;
	padding: 6px!important;
}
.contenu_page2 #jcart th,
.contenu_page2 #jcart td
 {padding: 0 6px; border:0;border:solid 1px #ccc;/* vertical-align:middle; *//* text-align:left; *//* font-weight: normal; */color: rgba(249, 249, 249, .9);text-align: left;}

.contenu_page2 #jcart #jcart-empty
{ text-align:center; }

.contenu_page2 .jcart-item-qty
{ 
	width: 3em;
}
.contenu_page2 #jcart .jcart-item-qty
{color: #1B3647;text-align: center;}
.contenu_page2 #jcart .jcart-item-name
{width: 73%!important;/* font-weight:bold; */padding-left: 5px;/* font-size: medium; */width: 100%;color: #1B3647;}

.contenu_page2 #jcart .jcart-item-price
{width: 101px; font-weight:bold; text-align:right;font-family: 'Lato', Calibri, Arial, sans-serif;color: #1B3647;font-weight: 500;}

.contenu_page2 .jcart-item-price span
{ display:block; }

.contenu_page2 .jcart-remove
{ font-size:11px; font-weight:normal; }

.contenu_page2 #jcart-subtotal
{ display:block;font-size: x-large;/* color: #ca002a; *//* font-weight: bold; */      margin-left: 10px;      font-size: 16px;      float: right;}

.contenu_page2 #jcart-subtotal strong
{  }

.contenu_page2 #jcart-buttons input { padding:2px; margin:2px; }


.contenu_page2 .bouton {
    float: right;
    /* padding: 1px 20px; */
    margin-left: 14px;
    /* margin: 10px; */
    font-size: 1em!important;
    /* border: 1px solid red; */
    float: right;
    width: 10em;
    border-radius: 7px;
    background-color: #E3E3E3;
    color: rgb(27, 54, 71);
    text-align: center;
    margin-top: 1em;
    padding: 5px;
}



.contenu_page2 #jcart-checkout {
    float: right;
    /* padding: 1px 20px; */
    margin-left: 14px;
    /* margin: 10px; */
    font-size: 1em!important;
    /* border: 1px solid red; */
    float: right;
    height: 1.9em;
    width: 8em;
    border-radius: 7px;
    background-color: #E3E3E3;
    color: rgb(27, 54, 71);
    text-align: center;
}

.contenu_page2 #jcart-paypal-checkout { display:block; width:14em; padding:10px; margin:20px auto; }

.contenu_page2 #jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; background:url(../images/checkmark.png) 3px center no-repeat #fdfdfd; border:1px solid #a6c9e2; z-index:9999; }

.continuer_commande
{
	/* border:1px solid red; */
	float: left;
	margin-left: 2em;
}

.informations_livraison2
{
	/* border:1px solid red; */
	float:left;
	width:100%;
	font-size: 20px;
}
.informations_livraison
{
	border: 1px solid #A2A2A2;
	/* padding: 1em; */
	float: left;
	padding: 0.3em;
	border-radius: 7px;
	margin-bottom: 4em;
}

.informations_livraison td
{
	/* border: 1px solid #DDDDDD; */
	padding: 0.2em;
	margin-top: 1em;
	border-radius: 7px;
}
.informations_livraison input
{
	border: 1px solid #A2A2A2;
	border-radius: 7px;
	color:#89867e;
	padding: 0.2em;
}

.informations_livraison input
{
	/* border:1px solid red; */
	width: 30em;
	margin-left: 1em;
}
.franco
{
	float:left;
}

.bouton_valider_panier
{
	/* border:1px solid red; */
	float:right;
	height:2em;
	width:20em;
}
.bouton_valider_panier input
{
	/* border:1px solid red; */
	float:right;
	height: 2.5em;
	width: 21em;
	border-radius: 7px;
	background-color: #E3E3E3;
	color: rgba(249, 249, 249, .9);
	color: #1B3647;
}

.montant_total
{
	/* border:1px solid red; */
	float: right;
	font-size: 20px;
}

.number
{
	text-align: right;
}


.contenu_principal th
{
	/* border:1px solid red; */
	background-color: #4d6e89;
	color: rgba(249, 249, 249, .9);
	padding: 2px 2px;
}
.fc-col-header a
{
	color:white;
	
}
.active_menu
{
	background: #4d6e89!important;
	font-weight: bold;
}
.active
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,4e7892+100 */
	background: #8aa8bd!important; /* Old browsers */
	background: -moz-linear-gradient(top,  #7db9e8 0%, #4e7892 100%)!important; /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top,  #7db9e8 0%,#4e7892 100%)!important; */ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom,  #6a6a6a 0%,#6699c3 100%)!important; */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#4e7892',GradientType=0 )!important; /* IE6-9 */
	font-weight: bold;
}
.sous_menu_recherche_main
{
	/* border:1px solid red; */
	width: 100%;
	float:left;
	height: 77px;
	background-color: #055393;
	padding:10px;
}

.sous_menu_recherche_main2
{
	/* border:1px solid red; */
	width: 91%;
	float:left;
	/*height: 77px;*/
	background-color: #055393;
	padding:10px;
}
.container_bouton_recherche
{
	/* border:1px solid red; */
	width: 9%;
	float:left;
	height: 77px;
	background-color: #055393;
	padding: 7px;
	padding-top: 44px;
}
.container_bouton_recherche .effacer
{/* border:1px solid red; */padding: 12px;padding-top: 2px;padding-bottom: 3px;border-radius: 5px;background-color: red;color: white;}
#liste_famille
{
	/* border:1px solid red; */
	float: left;
	width: 70%;
	text-align:left;
}
#liste_famille .groupe_parent
{background-color: #E5E5E5;font-weight: bold;text-transform: uppercase;}

#liste_famille .groupe_enfant
{text-transform:lowercase;}

#liste_fabricant
{
	/* border:1px solid red; */
	float: left;
	width: 70%;
	text-align:left;
}
#liste_groupe
{
	/* border:1px solid red; */
	float: left;
	width: 70%;
	text-align:left;
}

#id_recherche
{
	width: 50%;
	float: left;
}

.bouton_valider
{
	/* border:1px solid red; */
	width: 70px;
	margin-left: 8px;
	border-radius: 5px;
	height: 22px;
	background-color: white;
}





.texte_detail
{
	/* border:1px solid black; */
	width: calc(100% - 400px);
	height:100px;
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	margin-left: 0.5em;
}

.quantite
{
	/* border:1px solid black; */
	width: 155px;
	height:120px;
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
	/* padding: 0px; */
	font-size: 12px;
	text-align: center;
	/* padding-top: 1px; */
	background: #E5E5E5;
}
.quantite_panier
{
	/* border:1px solid black; */
	width: 155px;
	height:120px;
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
	/* padding: 0px; */
	font-size: 12px;
	text-align: center;
	/* padding-top: 1px; */
	background: #2ca5ca;
	color: white;
}
.quantite2
{
	/* border:1px solid black; */
	width: 100%;
	/*height:120px;*/
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
	/* padding: 0px; */
	font-size: 12px;
	text-align: center;
	/* padding-top: 1px; */
	background: #E5E5E5;
}
.quantite_panier2
{
	/* border:1px solid black; */
	width: 100%;
	/* height:120px; */
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
	/* padding: 0px; */
	font-size: 12px;
	text-align: center;
	/* padding-top: 1px; */
	background: #2ca5ca;
	color: white;
}
.texte_detail .designation_groupe
{
	/* border:1px solid black; */
	width: 70%;
	float: left;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
}
.texte_detail .fabricant
{
	/* border:1px solid black; */
	width: 30%;
	float: left;
	height: 17px;
	font-size: 12px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
}
.texte_detail .libellecourt
{
	/* border:1px solid black; */
	float: left;
	width: 100%;
	height: 34px;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 5px;
	/* border-bottom: 1px solid #CFCFCF; */
	color: black;
}
.texte_detail .commentaires
{
	/* border:1px solid black; */
	float: left;
	width: 100%;
	height: 34px;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
	/* color: black; */
	/* width: 70%; */
	/* float: left; */
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	/* margin-bottom: 5px; */
	border-bottom: 1px solid #CFCFCF;
	font-style: italic;
}
.texte_detail .Code_Article
{
	/* border: 1px solid black; */
	float: left;
	width: 66%;
	height: 16px;
	font-size: 12px;
}
.texte_detail .Conditionnement
{
	/* border: 1px solid black; */
	float: left;
	width: 14%;
	height: 16px;
	font-size: 12px;
}
.texte_detail .plus
{
    /**/
    float: left;
    width: 14%;
    height: 16px;
    width: 110px;
    /* border: 1px solid black; */
    font-size: 12px;
}



.prix_detail .prix_ht
{
	/* border:1px solid black; */
	width: 100%;
	font-size: 20px;
	height: 50%;
	text-align: right;
	/* padding-right: 1em; */
	padding-top: 11px;
}
.prix_detail .stock
{
    /* border: 1px solid black; */
    /* float: left; */
    /* width: 14%; */
    height: 50%;
    padding-top: 1em;
}
.prix_detail
{
		/* border:1px solid black; */
		width: 130px;
		height:100px;
		float: left;
		/* margin-right: 1em; */
		/* margin-bottom: 1em; */
		/* margin-left: 0.5em; */
		/* padding: 0px; */
		font-size: 12px;
		text-align: center;
		/* padding-top: 7px; */
}

.container_produit_recherche
{
		border: 1px solid #E5E5E5;
		float:left;
		padding:0.5em;
		/* margin-bottom: 0.5em; */
		margin-top: 0.5em;
		background-color: #F6F6F6;
		width: 100%;
		/* border-bottom: 2px solid rgb(27, 54, 71); */
}


.image_detail_article
{
	/* border:1px solid black; */
	width:100px;
	height:100px;
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
}

.image_detail_article img
{
	/*border:1px solid black;*/
	max-width: 300px;
	max-height: 300px;
}

.texte_detail_article
{
	/* border:1px solid black; */
	width: calc(100% - 400px);
	height:100px;
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	margin-left: 0.5em;
}

.quantite_article
{
	border-bottom: 2px solid black;
	width: 100%;
	/*height: 190px;*/
	float: left;
	/* margin-right: 1em; */
	/* margin-bottom: 1em; */
	/* margin-left: 0.5em; */
	/* padding: 0px; */
	font-size: 16px;
	text-align: center;
	padding-top: 1em;
	/* background: #EAF0F2; */
}

.quantite_article .button
{
    float: right;
    /* padding: 1px 20px; */
    margin-left: 14px;
    /* margin: 10px; */
    font-size: 1em!important;
    /* border: 1px solid red; */
    float: right;
    height: 1.9em;
    width: 12em;
    border-radius: 7px;
    background-color: #E3E3E3;
    color: rgb(27, 54, 71);
    text-align: center;
    margin-top: 27px!important;
}
.quantite_article .button2
{
    /* float: right; */
    /* padding: 1px 20px; */
    margin-left: auto;
    margin-right: auto;
    /* margin: 10px; */
    font-size: 1em!important;
    /* border: 1px solid red; */
    /* float: right; */
    /* height: 1.9em; */
    width: 12em;
    border-radius: 7px;
    background-color: rgba(0, 128, 0, 0.7);
    color: rgb(27, 54, 71);
    text-align: center;
    margin-top: 27px!important;
    margin-bottom: 1em;
    padding: 0.7em;
    color: white;
}
.texte_detail_article .designation_groupe
{
	/* border:1px solid black; */
	width: 70%;
	float: left;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
}
.texte_detail_article .fabricant
{
	/* border:1px solid black; */
	width: 30%;
	float: left;
	height: 17px;
	font-size: 12px;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
}
.texte_detail_article .libellecourt
{
	/* border:1px solid black; */
	float: left;
	width: 100%;
	height: 57px;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom: 1px solid #CFCFCF;
	color: black;
}
.texte_detail_article .Code_Article
{
	/* border: 1px solid black; */
	float: left;
	width: 66%;
	height: 16px;
	font-size: 12px;
}
.texte_detail_article .Conditionnement
{
	/* border: 1px solid black; */
	float: left;
	width: 14%;
	height: 16px;
	font-size: 12px;
}
.texte_detail_article .plus
{
    /**/
    float: left;
    width: 14%;
    height: 16px;
    width: 110px;
    /* border: 1px solid black; */
    font-size: 12px;
}



.cote_droit_detail_article .prix_ht
{
	border-bottom: 2px solid black;
	width: 100%;
	font-size: 20px;
	height: 12%;
	/* text-align: right; */
	/* padding-right: 1em; */
	padding-top: 11px;
	font-weight: bold;
	font-size: 32px;
	color: black;
	float: left;
}
.cote_droit_detail_article .stock
{
    border-bottom: 2px solid black;
    float: left;
    width: 100%;
    /* height: 41px; */
    padding-top: 1em;
    float: left;
}
.stock table
{
	width:100%;
	margin-bottom:1em
}
.cote_droit_detail_article
{
		/* border:1px solid black; */
		width: 130px;
		height:100px;
		float: left;
		/* margin-right: 1em; */
		/* margin-bottom: 1em; */
		/* margin-left: 0.5em; */
		/* padding: 0px; */
		font-size: 12px;
		text-align: center;
		/* padding-top: 7px; */
}


.c_g_detail_art
{
 border:1px solid black; 
}
.c_d_detail_art
{
 border:1px solid black; 
}

.cote_gauche_detail_article
{
 /* border:1px solid black; */
 float: left;
 width: 75%;
 min-height: 500px;
 padding: 0.5em;
}
.cote_droit_detail_article
{
 /* border:1px solid black; */
 float: left;
 width: 25%;
 min-height: 500px;
 background: #E5E5E5;
 text-align: center;
 -moz-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);
 -webkit-box-shadow:  -2px 0px 4px rgba(0, 0, 0, 0.2);
 box-shadow:  -2px 0px 4px rgba(0, 0, 0, 0.2);
 color: black;
}

.container_detail_article
{
	    -moz-border-radius: 0 0 5px 5px;
	    -webkit-border-radius: 0 0 5px 5px;
	    border-radius: 0 0 5px 5px;
	    position: relative;
	    z-index: 1;
	    background: #fff;
	    border: 2px solid #c8c8c8;
	    /* border-top: none; */
	    /* margin-bottom: 10px; */
	    float: left;
	    width: 100%;
	    margin-top: 0em;
}

.cote_gauche_detail_article .ref
{
	border: 1px solid #121212;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 12px;
}
.cote_gauche_detail_article .groupe_titre
{
	/* border: 1px solid black; */
	width: 100%;
}
.cote_gauche_detail_article .titre
{
	/* border: 1px solid black; */
	/* padding-left: 1em; */
	/* float: left; */
	width: 100%;
	font-size: 17px;
}

.cote_gauche_detail_article .groupe_ref
{
	/* border: 3px solid red; */
	float: left;
	width: 100%;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
}

.cote_gauche_detail_article .groupe_ref .fabricant
{
	/* border:1px solid red; */
	width: 33%;
	float: left;
}

.cote_gauche_detail_article .groupe_ref .famille
{
	/* border:1px solid red; */
	width: 33%;
	float: left;
}

.cote_gauche_detail_article .groupe_ref .groupe
{
	/* border:1px solid red; */
	float: left;
	width: 33%;
}

.cote_gauche_detail_article .image
{
	/* border:1px solid red; */
	/* margin-left: 0.5em; */
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
	background-color: #EDEDED;
	-moz-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  -2px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.2);
}
.cote_gauche_detail_article .image p
{}
.cote_gauche_detail_article .image img
{/* vertical-align:middle; */transform: translateY(16%);max-height: 150px;max-width: 150px;}
.cote_gauche_detail_article .description
{
	/* border: 1px solid #3A3939; */
	float: left;
	width: calc(100% - 210px);
	height: 200px;
	padding-left: 1em;
}

.cote_gauche_detail_article .lien_pdf
{
	/* border:1px solid red; */
	/* margin-left: 0.5em; */
	float: left;
	width: 200px;
	height: 200px;
	text-align: center;
	border: 2px solid #c8c8c8;
}

.groupe_image_desc
{
	/* border: 1px solid #139541; */
	float: left;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}


.container_historique_recherche
{
	    border: 2px solid #c8c8c8;
	    float: left;
	    width: 100%;
	    height: 25px;
	    margin-bottom: 3px;
	    padding: 0.2em;
	    font-size: 12px;
	    background-color: white;
}

.alternative
{background-color: #E5E5E5;}

.container_historique_recherche .supprimer
{
	/* border:1px solid red; */
	float: left;
	width: 10%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.container_historique_recherche .numero_commande
{
	/* border:1px solid red; */
	float: left;
	width: 11%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.container_historique_recherche .date_Commande
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 26%;
}
.container_historique_recherche .designation
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 37%;
}
.container_historique_recherche .savoir_plus
{
	/* border:1px solid red; */
	float: left;
	/* padding-left: 3em; */
	/* padding-right: 3em; */
	width: 10%;
	text-align: center;
}
.container_historique_recherche .total
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 26%;
	text-align: right;
}





















.container_historique_detail
{
	    border: 2px solid #c8c8c8;
	    float: left;
	    width: 100%;
	    /* height: 25px; */
	    margin-bottom: 3px;
	    padding: 0.2em;
	    font-size: 12px;
}

.alternative_detail
{background-color: #E5E5E5;/* border: 1px solid red; */float: left;width: 100%;}

.container_historique_detail .ligne_reference
{
	/* border:1px solid red; */
	float:left;
	width:100%;
	margin-bottom: 7px!important;
}
.container_historique_detail .reference
{
	/* border:1px solid red; */
	float: left;
	width: 7%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.container_historique_detail .designation
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 45%;
}
.container_historique_detail .savoir_plus
{
	border:1px solid red;
	float: left;
	/* padding-left: 3em; */
	/* padding-right: 3em; */
	width: 10%;
	text-align: center;
}
.container_historique_detail .total
{
	/* border: 1px solid rgb(255, 0, 0); */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 88px;
	text-align: right;
}
.container_historique_detail .prix_unitaire
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 12%;
	text-align: right;
}
.container_historique_detail .total2
{
	/* border: 1px solid rgb(255, 0, 0); */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 86px;
	text-align: right;
}
.container_historique_detail .prix_unitaire2
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 7%;
	text-align: right;
}
.container_historique_detail .total3
{
	/* border: 1px solid rgb(255, 0, 0); */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 86px;
	text-align: right;
}
.container_historique_detail .prix_unitaire3
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 13%;
	text-align: right;
}
.container_historique_detail .designation3
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 38%;
}
.container_historique_detail .designation4
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 44%;
}
.container_historique_detail .quantite
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 8%;
	text-align: right;
	height: 16px;
	background: inherit;
	padding-top: 0px;
	font-size: 12px;
}
.container_historique_detail .quantite input
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%;
	text-align: right;
	height: 16px;
	background: inherit;
	padding-top: 0px;
	font-size: 12px;
}
.container_historique_detail .ajouter
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 7%;
	text-align: right;
	height: 16px;
	background: inherit;
	padding-top: 0px;
	font-size: 12px;
}
.container_historique_detail .bouton
{
	/* border:1px solid red; */
	float: left;
	/* padding-left: 0.5em; */
	/* padding-right: 0.5em; */
	width: 18%;
	/* text-align: right; */
	/* height: 16px; */
	background: #12acd1;
	/* padding-top: 0px; */
	text-align: right;
	/* font-size: 12px; */
}
.remerciement
{
	/* border:1px solid red; */
	float:left;
	width:100%;
	margin-bottom:1em;
}

.remerciement_montant_total
{
	/* border:1px solid red; */
	float: left;
	width: 100%;
	text-align: right;
	color: #6A6A6A;
	margin-bottom: 3em;
	margin-top: 2em;
}




.container_detail_livraison
{
	    border: 2px solid #c8c8c8;
	    float: left;
	    width: 51%;
	    /*height: 25px;*/
	    margin-bottom: 3px;
	    padding: 0.2em;
	    font-size: 12px;
	    margin-right: 49%;
	    margin-bottom: 2em;
}
.container_detail_livraison table
{
	    
	    float: left;
	    width: 100%;
	    /*height: 25px;*/
	    
}

.container_detail_livraison td
{
	    border: 1px solid #E5E5E5;
	    float: left;
	    width: 50%;
	    /*height: 25px;*/
	    margin-bottom: 3px;
	    padding: 0.2em;
	    font-size: 12px;
}




.sauvegarde_panier
{
	/* border:1px solid red; */
	float:left;
	width:100%;
	margin-bottom:2em;
	margin-top:2em;
	text-align: left;
}


.sauvegarde_panier .bordure
{
	border: 2px solid #c8c8c8;
	width:200px;
	padding: 1em;
	text-align: center;
	margin-right:auto;
	margin-left:2em;
	background-color: white;
	border-right: 14px;
}

.sauvegarde_panier .cadre_bouton
{
	/* border: 2px solid #c8c8c8; */
	width: 100%;
	/* padding: 1em; */
	/* text-align: center; */
	/* margin-right:auto; */
	/* margin-left:2em; */
	height: 4em;
	float: left;
}

.sauvegarde_panier .bordure .bouton_sauvegarde
{
	/* border:1px solid red; */
	/* float:left; */
	padding: 0.5em 1em;
	/* text-align: center; */
	margin-top: 0.5em;
	border-radius: 7px;
	background-color: #E3E3E3;
	font-size: 1em;
	color: rgb(27, 54, 71);
	/* margin-left: auto; */
	/* margin-right: auto; */
}

.sauvegarde_panier .bordure .nom_panier
{
	margin-top:1em;
	width: 12em;
}

.sql_fabricant
{
	/* border: 1px solid red; */
	background-color: white;
	color: black;
	margin-bottom: 1em;
}




.LISTE_PANIER_SAUVEGARDER
{
	       float: left;
    width: 100%;
}

.feu_vert
{
    width: 15px;
    height: 15px;
    background-color: #056605;
    border-radius: 15px;
    float: right;
    margin-right: 1em;
    top: 4px;
    margin-left: 1em;
    position: relative;
}
.feu_rouge
{
    width: 15px;
    height: 15px;
    background-color: red;
    border-radius: 15px;
    float: right;
    margin-right: 1em;
    top: 4px;
    margin-left: 1em;
    position: relative;
}


.deja_present
{
	border: 1px solid rgba(255, 0, 0, 0);
	background-color: rgba(240, 248, 255, 0);
	color: red;
	text-align: right;
	padding-right: 0.5em;
	font-weight: normal;
	font-size: 1em;
}

.bas_de_page
{background-color: rgb(234 78 27);height: 2em;line-height: 2em;margin-bottom: 1em;width: 100%;/* padding: 1em; */margin-left: auto;margin-right: auto;/* border-radius: 6px; */color: white;font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;font-size: 1em;position: absolute;bottom: 0px;}


.bas_de_page a
{
	color:red;
}

.image_detail
{
	/* border:1px solid black; */
	width:100px;
	height: 110px;
	float: left;
	margin-left: 0.5em;
	text-align: center;
	background-color: #EDEDED;
	-moz-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:  -2px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.image_detail img
{
	/*border:1px solid black;*/
	max-width: 100px;
	max-height: 100px;
	transform: translateY(5%);
	vertical-align:middle;
}


.image_detail .bolcimage
{ 
      display : table-cell;
      vertical-align : middle;
      text-align:center;
      width:110px;
      height:110px;
}
.image .bolcimage
{ 
      display : table-cell;
      vertical-align : middle;
      text-align:center;
      width:200px;
      height:200px;
}

#boutton_precedent
{
	/* border:1px solid red; */
	padding:0.5em;
	/* margin:0.5em; */
	background-color: rgba(0, 128, 0, 0.7);
	color: white;
	margin-top: 0em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-radius: 7px;
}

#savoirplus
{
	padding:0.25em;
	font-size: x-small;
}
.button
{
		padding:0.25em;
	font-size: x-small;
	margin-left:10px
}

.table_panier_def
{
	/* border:1px solid red; */
	width: 100%;
}

.table_panier_def th
{
	border: 1px solid white;
	font-weight: normal;
	font-size: small;
}
.table_panier_def td
{
	/* border:1px solid green; */
	font-weight: normal;
	font-size: 0.7em;
}
.table_panier_def .feu_vert,.table_panier_def .feu_rouge
{
	/* border:1px solid red; */
	margin-left:auto;
	margin-right:auto;
	float: none;
	top: 0px;
}

.table_panier_def tr
{
	border: 1px solid rgba(191, 191, 188, 0.75);
}
#sous_total_panier_def
{
	width:100px;
	background-color: rgba(240, 248, 255, 0);
	border-width: 0px;
	text-align: right;
	padding-right: 1em;
}

#prix_panier_def
{
	width:60px;
	background-color: rgba(240, 248, 255, 0);
	border-width: 0px;
	text-align: right;
}

.input_sous_total
{
	width:90px;
	background-color: rgba(240, 248, 255, 0);
	border-width: 0px;
	text-align: right;
	padding-right: 0.5em;
	font-size: 1em;
}

.footer_panier
{
	border: 1px solid green !important;
	width: 100% !important;
}

.footer_panier th
{background: #1b3647 !important;}



.container_validation_definitive
{
	/* border:1px solid red; */
}

.container_validation_definitive table
{
	/* border:1px solid red; */
	width:100%;
}
.container_validation_definitive td
{
	/* border:1px solid red; */
	padding:0px;
	margin:0px;
	/* text-align: right; */
}
.container_validation_definitive tr
{
	/* border:1px solid green; */
	/* padding:0px; */
	/* margin:0px; */
	height: 20px;
}

.container_validation_definitive .quantite,
.container_validation_definitive .prix_unitaire,
.container_validation_definitive .total
{
	/* border:1px solid green; */
	/* padding:0px; */
	/* margin:0px; */
	height: 20px;
	font-size: medium;
	text-align: right;
	width: 0;
	float: none;
}




.container_validation_definitive .entete_qte,
.container_validation_definitive .entete_prx,
.container_validation_definitive .entete_sst
{
	text-align:right;
	width:15%;
}
.prix_commande
{
	text-align: right;
	width: 71px;
	background-color: #12acd1;
}
.quantite_commande
{
	text-align: right;
	background-color: #12acd1;
}
.tri
{
	/* border:1px solid red; */
	float:right;
	width: 10%;
	position: relative;
	top: -21px;
		color: white;
	font-weight: 100;
}
.tri2
{
	/* border:1px solid red; */
	float:right;
	width: 11%;
	position: relative;
	/* top: -21px; */
	background-color: #055393;
	color: white;
	height: 77px;
	font-weight: 100;
}
#liste_recherche
{
	/* border:1px solid red; */
	float:left;
	width:90%;
}










/*
jCart v1.3
http://conceptlogic.com/jcart/
*/
#jcart-buttons {display:none;}
#jcart * { margin:0; padding:0; font-family:arial, tahoma, verdana, sans-serif; }
#jcart, #jcart input, #jcart-tooltip { font-size:12px; }

#jcart fieldset { border:0; }

#jcart-error { text-align:center; padding:5px; }

#jcart table {width: 25em;border:0;/* background:#fff; */border-collapse:collapse;border-radius: 7px;border: 2px solid #c8c8c8;}
#jcart thead {  }
#jcart-title {  }
#jcart tbody { display:none; }
#jcart tfoot {  }
#jcart tr {  }
#jcart th {background: #EDEDED;padding: 7px;}
#jcart th, #jcart td {/* padding:5px; */border:0;/* border:solid 1px #ccc; */vertical-align:middle;text-align: right;font-weight:normal;font-size: small;}
#jcart #jcart-empty { text-align:center; }

.jcart-item-qty {
    width: 3em;
}
#jcart .jcart-item-name {/* width:50%; *//* font-weight:bold; */padding-left: 5px;/* font-size: medium; */}
#jcart .jcart-item-price {width: 5em; font-weight:bold; text-align:right;}
.jcart-item-price span { display:block; }

.jcart-remove { font-size:11px; font-weight:normal; }

#jcart-subtotal { display:block;text-align: right;}
#jcart-subtotal strong {  }

#jcart-buttons input { padding:2px; margin:2px; }

#jcart-checkout {float:right; padding:2px;}

#jcart-paypal-checkout { display:block; width:14em; padding:10px; margin:20px auto; }

#jcart-tooltip { display:none; position:absolute; padding:3px 7px 3px 25px; background:url(../images/checkmark.png) 3px center no-repeat #fdfdfd; border:1px solid #a6c9e2; z-index:9999; }



.container_historique_recherche2
{
	    border: 2px solid #c8c8c8;
	    float: left;
	    width: 100%;
	    height: 25px;
	    margin-bottom: 3px;
	    padding: 0.2em;
	    font-size: 12px;
	    background-color: white;
}

.alternative
{background-color: #E5E5E5;}

.container_historique_recherche2 .supprimer
{
	/* border:1px solid red; */
	float: left;
	width: 9%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.container_historique_recherche2 .numero_commande2
{
	/* border:1px solid red; */
	float: left;
	width: 9%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.container_historique_recherche2 .date_Commande2
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 9%;
}
.container_historique_recherche2 .designation2
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 9%;
}
.container_historique_recherche2 .savoir_plus2
{
	/* border:1px solid red; */
	float: left;
	/* padding-left: 3em; */
	/* padding-right: 3em; */
	width: 9%;
	text-align: center;
}
.container_historique_recherche2 .total2
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 9%;
	text-align: right;
}

.container_historique_recherche2 .nom_client2
{
	/* border:1px solid red; */
	float: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 40%;
	text-align: right;
}
/* CSS FACILS */

.titre_facils
{
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #18474F;
}

.entete_ligne_client_facils
{
	  display: grid;
	  grid-template-columns: 5rem 10rem 1fr 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
	  text-align: center;
}
.ligne_client_facils
{
	  display: grid;
	  grid-template-columns: 14rem 8rem 1fr 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #18474F;
	  text-align: left;
	  /* background-color: aliceblue; */
}
.entete_ligne_client_facils5
{
	  display: grid;
	  grid-template-columns: 5rem 10rem 1fr 6rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
	  text-align: center;
}
.ligne_client_facils5
{
	  display: grid;
	  grid-template-columns: 14rem 8rem 1fr 6rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #18474F;
	  text-align: left;
	  /* background-color: aliceblue; */
}

.entete_ligne_client_facils_dsi
{
	  display: grid;
	  grid-template-columns: 14rem 8rem 1fr 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
	  text-align: center;
}
.ligne_client_facils_dsi
{
	  display: grid;
	  grid-template-columns: 5rem 10rem 1fr 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #18474F;
	  text-align: left;
	  /* background-color: aliceblue; */
}





.entete_ligne_intervenant_facils
{
	  display: grid;
	  grid-template-columns: 1fr 6rem 10rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
}
.ligne_intervenant_facils
{
	  display: grid;
	  grid-template-columns: 1fr 6rem 10rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
     color: #18474F;
     text-align: left;
 }
.entete_ligne_intervenant_facils5
{
	  display: grid;
	  grid-template-columns: 1fr 6rem 10rem 6rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
}
.ligne_intervenant_facils5
{
	  display: grid;
	  grid-template-columns: 1fr 6rem 10rem 6rem 6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
     color: #18474F;
     text-align: left;
 }


.type_client_facils
{
}
.Compte_facils
{
}

.Nom_facils
{

}
.Statut_facils
{

}
.Action_facils
{
	display: grid;
	grid-template-columns: 3rem 1fr 1.5rem;
	grid-gap: 6px;
	grid-auto-rows: minmax(1em, auto);
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 11px; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* color: #18474F; */
	text-align: center;
}
.Action_facils_dsi
{
	text-align: center;
}
.tableau_client_facils
{

}
.tableau_client_facils_dsi
{

}

.recherche_facils
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #18474F;

}

.ajouter_client_facils
{
	width:100%;
	text-align: center;
	color: #DE1B1C;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.nb_enre_facils
{
		width:100%;
		text-align: center;
}
.input_text_recherche_facils
{
    font-size: : 11px;
    border: #CCCCCC 1px solid;
    width: 140px;
    font-family: Verdana;
    background-color: #ffffff;
    color: #18474F;
  }

.select
{
	font-family: Verdana;
    background-color: #ffffff;
    color: #18474F;
    font-style: normal;
    border: #CCCCCC;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-size: 11px;
}    
.bout_facils
{
	    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #18474F;

        padding: 0.2em 0.5em 0.2em 0.5em;
}


fieldset {
    padding: 10px 5px!important;
    margin: 10px 0!important;
    border: 1px solid #ccc!important;
}

.FI
{
	    BORDER: #CCCCCC 1px solid;
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff;
    color: #18474F;
    padding: 0.2em;
}
.navGd
{
	    COLOR: #55645F;
	    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
	    TEXT-DECORATION: none;
	    font-weight: normal;
	    width: auto;
}
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
    background: #fff top left url(../images/fond_ecran.jpg);
    background-size: cover;
}
.lien
{
	color:red!important;
}

.entete_ligne_article_facils
{
	  display: grid;
	  grid-template-columns: 8rem 1fr 6rem  6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
}

.ligne_article_facils
{
	  display: grid;
	  grid-template-columns: 8rem 1fr 6rem  6rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #18474F;
	  text-align: left;
	}

 .class_impaire
 {
 	background-color: #ffffff;
 }

 .aide {
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    border: 0;
    margin-top: 6px;
    padding: 1px;
    font-size: 1em;
    border: 1px solid #ccc;
    background-color: #DE1B1C;
    padding: 0 2px;
}

.menu_parametre
{
	font-size: 0.8em;
	/* float: right; */
	/* margin-top: 5em; */
	/* margin-left: 0em; */
	height: 1.5em;
	/* border: 1px solid red; */
}

.menu_parametre a
{
color:grey;
}
.accueil_parametre_parametre
{
	/* border: 1px solid #ea4e1b; */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	background: #4d6e89;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 3em;
	padding-top: 0.3em;
}
.accueil_parametre_parametre a
{
	color: white;
}
.accueil_parametre_listing
{
/*border: 1px solid #ea4e1b; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #4d6e89;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    /* color: #f2f0ee; */
    text-align: center;
    height: 2em;
    line-height: 1.8em;
    /* padding-top: 0.3em;*/
}
.accueil_parametre_listing a
{
	color: white;
}
.accueil_parametre_planning
{
	/* border: 1px solid #ea4e1b; */
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	background: #4d6e89;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 2em;
	line-height: 1.8em;
	/* padding-top: 0.3em; */
}
.accueil_parametre_planning a
{
	color: white;
}
.contenu_parametre
{
	/*border: 1px solid red;*/
}

.ligne_entete_compte_titre
{
		/* border: 1px solid #ea4e1b; */
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
		grid-auto-rows: minmax(1em, auto);
		/* background: #f9b234; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		/* color: #f2f0ee; */
		text-align: center;
		height: 2em;
		padding-top: 0.3em;
}
.ligne_corps_compte_titre
{
		/* border: 1px solid #ea4e1b; */
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
		grid-auto-rows: minmax(1em, auto);
		/* background: #f9b234; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		/* color: #f2f0ee; */
		text-align: center;
		height: 2em;
		padding-top: 0.3em;
}
.entete_ligne_tableau_parametre_compte_bancaire_facils
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
}
.ligne_parametre_compte_bancaire_facils
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
    text-align: center;
}
.entete_ligne_tableau_parametre_societe_facils
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
}
.ligne_parametre_societe_facils
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
    text-align: center;
}
.bouton_ajouter
{
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.ligne_entete_societe
{
	    /* border: 1px solid #ea4e1b; */
    display: grid;
    grid-template-columns: 10rem 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #f9b234; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    /* color: #f2f0ee; */
    text-align: left;
    height: 31em;
    padding-top: 0.3em;
}

.logo2 img
{
	width: 160px;
	float:left;
	margin-top: 1em;
	margin-left: 1em;
}

.planning_accueil_haut
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	background: #cecdcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 2em;
	padding-top: 0.3em;
}
.planning_accueil_date
{
	/* display: grid; */
	/* grid-template-columns: 1fr; */
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	background: #d3dde5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 3em;
	padding-top: 0.3em;
}
.planning_accueil_selection
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	background: #cecdcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 2em;
	padding-top: 0.3em;
}

.sous_titre_facils {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #18474F;
    padding: 3px;
}
.nom_client
{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
		grid-auto-rows: minmax(1em, auto);
		/* background: #cecdcc; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		/* color: #f2f0ee; */
		text-align: left;
		height: 2em;
		padding-top: 0.3em;
}
.courriel
{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
		grid-auto-rows: minmax(1em, auto);
		/* background: #cecdcc; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		/* color: #f2f0ee; */
		text-align: left;
		height: 3em;
		padding-top: 1em;
}
.date_debut
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 2em;
	padding-top: 0.3em;
}
.titre_1
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 2em;
	padding-top: 0.3em;
}
.bloc_1
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 10em;
	padding-top: 0.3em;
}
.titre_2
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 2em;
	padding-top: 0.3em;
}
.bloc_2
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 10em;
	padding-top: 0.3em;
}
.titre_3
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 2em;
	padding-top: 0.3em;
}
.bloc_3
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 10em;
	padding-top: 0.3em;
}

.bloc_4
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 2em;
	padding-top: 0.3em;
}
.bloc_4_1
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: left;
	height: 4em;
	padding-top: 0.3em;
}
.bloc_5
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 3em;
	padding-top: 0.3em;
}

.courriel input
{
	width: 239px;
}

.select2-container
{
	font-size:11px;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 500px!important;
    overflow-y: auto;
}
.detail_intervention
{

}

.entete_detail_intervention, .ligne_detail_intervention
{
	display: grid;
	grid-template-columns: 3rem 1fr 8rem 3rem 3rem 3rem 3rem 3rem 7rem;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 3em;
	padding-top: 0.3em;
}
.ligne_detail_intervention2
{
	display: grid;
	grid-template-columns: 3rem 1fr 8rem 3rem 3rem 3rem 3rem 3rem 7rem;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	/* height: 3em; */
	/* padding-top: 0.3em; */
}
.entete_detail_intervention
{
background: grey;
color:white;
}

.bout
{
    padding-top: 5px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 4px;
}
.bout2
{
    padding-top: 5px!important;
    padding-right: 77px!important;
    padding-left: 77px!important;
    padding-bottom: 4px!important;
}
.ajouter_intervenant
{

}
.supprimer_article
{

}
.modifier_article
{

}
.dupliquer_article
{

}
.action_bouton_ligne
{
	display: grid;
	grid-template-columns: 1rem 1rem 1rem 1rem;
	grid-gap: 7px;
	grid-auto-rows: minmax(1em, auto);
	/* background: #cecdcc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	/* color: #f2f0ee; */
	text-align: center;
	height: 3em;
	padding-top: 0.3em;
}
.ajouter_detail_intervention
{
    background: #b8ccdc;
    height: 2em;
    display: grid;
    grid-template-columns: 3rem 1fr 8rem 3rem 3rem 3rem 3rem 3rem 8rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #cecdcc; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    /* color: #f2f0ee; */
    text-align: center;
    height: 3em;
    padding-top: 0.5em;
}

.intervenant_multiple
{
    height: 16em;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px;
    padding-right: 7em;
}

.cadre_intervenants
{
    /* background: #b8ccdc; */
    height: 2em;
    display: grid;
    grid-template-columns: 21rem 1fr;
    grid-gap: 13em;
    grid-auto-rows: minmax(1em, auto);
    /* background: #cecdcc; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    /* color: #f2f0ee; */
    /* text-align: center; */
    height: 22em;
    padding-top: 0.8em;
}

.intervenants_selectionnes
{

}
.liste_demande_sous_titre
{
	    /* background: #b8ccdc; */
	    height: 2em;
	    display: grid;
	    grid-template-columns: 1fr 10rem 10rem 1fr;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    /* color: #f2f0ee; */
	    /* text-align: center; */
	    height: 2em;
	    padding-top: 0.8em;
	    text-align: center;
}

.liste_demande_sous_titre a
{
color:red;
}


.ligne_intervenant
{
		/* background: #b8ccdc; */
		/* height: 2em; */
		display: grid;
		grid-template-columns: 1fr 5rem 5rem 5rem 5rem;
		grid-gap: 3px;
		grid-auto-rows: minmax(1em, auto);
		/* background: #cecdcc; */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		/* color: #f2f0ee; */
		/* text-align: center; */
		/* padding-top: 0.3em; */
		padding-left: 5px;
}
.entete_intervenant
{
	    background: #808080;
	    height: 2.5em;
	    display: grid;
	    grid-template-columns: 1fr 5rem 5rem 5rem 5rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #ffffff;
	    /* text-align: center; */
	    padding-top: 0.8em;
	    padding-left: 5px;
}

.ligne_intervenant input[type="submit" i]
{
border:0px;
margin:0px;
padding:0px;
color:red;
}

.intervenant_heure_fin,.intervenant_heure_fin
{
width:50px;
}
.entete_liste_planning
{
	    background: #cccccc;
	    height: 6em;
	    display: grid;
	    grid-template-columns: 6rem 1fr 12rem 6rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    /* text-align: center; */
	    padding-top: 0.8em;
	    padding-left: 5px;
}


.entete_liste_planning a
{
	color:white;
}
.entete_liste_planning_dsi2
{
	    background: #cccccc;
	    height: 3em;
	    display: grid;
	    grid-template-columns: 6rem 1fr 6rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    /* text-align: center; */
	    padding-top: 0.8em;
	    padding-left: 5px;
text-align: center;}


.entete_liste_planning_dsi2 a
{
	color:white;
}
.entete_liste_planning_dsi
{
	    background: #cccccc;
	    height: 2.5em;
	    display: grid;
	    grid-template-columns: 6rem 1fr 6rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    /* text-align: center; */
	    padding-top: 0.8em;
	    text-align: center;padding-left: 5px;
}


.entete_liste_planning_dsi a
{
	color:white;
}


.deux_colonne_consolidation
{
	    /* background: #808080; */
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 6px;
	    /* grid-auto-rows: minmax(1em, auto); */
	    /* background: #cecdcc; */
	    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	    /* font-size: 10px; */
	    /* font-style: normal; */
	    /* font-weight: normal; */
	    /* color: #ffffff; */
	    /* text-align: center; */
	    padding-top: 0.8em;
	    /* padding-left: 5px; */
	    /* border: 1px solid red; */
}
.tableau_gauche
{
	    /* background: #808080; */
	    /* height: 2.5em; */
	    /* display: grid; */
	    /* grid-template-columns: 1fr 1fr 1fr 5rem; */
	    /* grid-gap: 3px; */
	    /* grid-auto-rows: minmax(1em, auto); */
	    /* background: #cecdcc; */
	    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	    /* font-size: 10px; */
	    /* font-style: normal; */
	    /* font-weight: normal; */
	    /* color: #ffffff; */
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
}
.tableau_droit
{
	    background: #808080;
	    height: 2.5em;
	    /* display: grid; */
	    grid-template-columns: 1fr 1fr 1fr 5rem;
	    /* grid-gap: 3px; */
	    /* grid-auto-rows: minmax(1em, auto); */
	    /* background: #cecdcc; */
	    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
	    /* font-size: 10px; */
	    /* font-style: normal; */
	    /* font-weight: normal; */
	    /* color: #ffffff; */
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
}
.entete_gauche_consolidation
{
	    background: #CCC;
	    height: 2.5em;
	    display: grid;
	    grid-template-columns: 5rem 1fr 8rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    text-align: center;
	    /* padding-top: 0.8em; */
	    padding-left: 5px;
	    /* border: 1px solid red; */
}
.entete_gauche_consolidation .col1,.entete_gauche_consolidation  .col2
{
	text-align:left;
}
.entete_gauche_consolidation .col2,.entete_gauche_consolidation  .col3
{
border-left: 1px solid white;
}
.ligne_gauche_consolidation,.ligne_gauche_consolidation_2
{
	    /* background: #808080; */
	    /*height: 2.5em;*/
	    display: grid;
	    grid-template-columns: 5rem 1fr 8rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    background: #6666666;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #080808;
	    text-align: center;
	    /* padding-top: 0.8em; */
	    padding-left: 5px;
	    /* border: 1px solid red; */
}
.ligne_gauche_consolidation
{

	    background: white;

}
.ligne_gauche_consolidation_2
{

	    background: #d5dee6;

}

.contenu_gauche_consolidation .col1,.contenu_gauche_consolidation .col2
{
	text-align:left;
}

.entete_droit_consolidation
{
	    background: #CCCCCC;
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 4rem 6.02rem 6.1rem;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    /* font-weight: normal; */
	    color: #000000;
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
	    text-align: center;
}
	.entete_droit_consolidation .col1
{
	text-align:left;
	padding-left: 1em;
}
	.entete_droit_consolidation .col2, .entete_droit_consolidation .col3,.entete_droit_consolidation .col4
{
border-left: 1px solid white;
}
	.entete2_droit_consolidation .col2, .entete2_droit_consolidation .col3,.entete2_droit_consolidation .col5
{
border-left: 1px solid white;
}
.entete2_droit_consolidation
{
	    background: #CCCCCC;
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 4rem 3rem 3rem 3rem 3rem;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    text-align: center;
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
}

.contenu_droit_consolidation
{
	    background: #808080;
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 4rem 3rem 3rem 3rem 3rem;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    background: #EDEDED;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    text-align: center;
	    /* padding-top: 0.8em; */
	    line-height: 2em;
	    /* padding-left: 5px; */
}
.contenu_droit_consolidation .col1,.contenu_droit_consolidation .col3,.contenu_droit_consolidation .col5
{
	
	background-color: white;
}
.contenu_droit_consolidation .col1
{
	text-align:left;
	padding-left:1em;
}

.contenu_droit_consolidation .col3,.contenu_droit_consolidation .col5
{
	text-align:center;
}

.contenu_droit_consolidation .col2,.contenu_droit_consolidation .col4,.contenu_droit_consolidation .col6
{
	text-align:left;
	/* padding-left:1em; */
	/* line-height: 2em; */
	background-color: #d5dee6;
	text-align: right;
}


.contenu_droit_consolidation_footer1
{
	    background: #808080;
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 2.5rem 2.9rem 2.9rem 2.9rem 2.9rem;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    background: #d5dee6;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    text-align: center;
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
	    line-height: 3em;
}
.contenu_droit_consolidation_footer1 .col1
{
	text-align:left;
	padding-left:1em;
}
.contenu_droit_consolidation_footer2
{
	    /* background: #808080; */
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #d5dee6; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    color: #000000;
	    text-align: center;
	    padding-top: 0.8em;
	    /* padding-left: 5px; */
}

.legende_haut
{
	display: grid;
	grid-template-columns: 1fr 4rem 10rem 2rem 10rem 5rem 1fr;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 2em;
}
.legende_haut_dsi
{
	display: grid;
	grid-template-columns: 1fr 4rem 10rem 2rem 10rem 5rem 1fr;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 2em;
}

.liste_demande_sous_titre_listing
{
	    /* background: #b8ccdc; */
	    height: 2em;
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 3px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    font-weight: normal;
	    /* color: #f2f0ee; */
	    /* text-align: center; */
	    height: 3.5em;
	    /* padding-top: 0.8em; */
	    text-align: center;
	    margin-top: 1em;
	    border-top: 1px solid #80808061;
	    line-height: 3em;
} 
.liste_demande_sous_titre_listing a
{
color:red;
}
.legende_haut_listing
{
	display: grid;
	grid-template-columns: 1fr 4rem 10rem 2rem 10rem 5rem 1fr;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 2em;
}
.entete_ligne_listing
{
	display: grid;
	grid-template-columns: 5rem 1fr 13rem 9rem 4rem 4rem;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	line-height: 2em;
	background-color: grey;
}
.entete_ligne_listing_dsi2
{
	display: grid;
	grid-template-columns: 5rem 1fr 13rem 9rem 4rem 4rem;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	line-height: 2em;
	background-color: grey;
}
.ligne_listing,.ligne_listing_2
{
	display: grid;
	grid-template-columns: 5rem 1fr 13rem 9rem 4rem 4rem;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 2em;
}
.ligne_listing_dsi2,.ligne_listing_2_dsi2
{
	display: grid;
	grid-template-columns: 5rem 1fr 13rem 9rem 4rem 4rem;
	grid-gap: 3px;
	grid-auto-rows: minmax(1em, auto);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: center;
	line-height: 2em;
}
.ligne_listing
{
	background-color: rgba(241, 239, 237, 0.95);
}
.ligne_listing_2
{
	background-color: white;
}
.ligne_listing_dsi2
{
	background-color: rgba(241, 239, 237, 0.95);
}
.ligne_listing_2_dsi2
{
	background-color: white;
}

.date_listing_facils{}
.client_listing_facils
{
	text-align: left;
}
.intervenant_listing_facils
{
	text-align: left;
}
.client_listing_facils_dsi2
{
	text-align: left;
}
.intervenant_listing_facils_dsi2
{
	text-align: left;
}
.horaire_listing_facils{}
.scop_listing_facils{}
.sap_listing_facils{}
.action_listing_facils{}
.formulaire_date
{
	/* border:1px solid red; */
	/* width: 22.3rem; */
	/* margin-left: auto; */
	/* margin-right: auto; */
}
.formulaire_bouton
{/* border:1px solid red; */width: 4rem;margin-left: auto;margin-right: auto;margin-top: 0.3em;}
.formulaire_intervenant
{/*border:1px solid red;*//* width: 22rem; *//* margin-left: auto; *//* margin-right: auto; */margin-top: 0.3em;}
.formulaire_entreprise
{/*border:1px solid red;*//* width: 32rem; *//* margin-left: auto; *//* margin-right: auto; */margin-top: 0.3em;}
.entete_tableau_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 1rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.ligne_contenu_tableau_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 1rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #ddc3c3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1e1e1e;
    text-align: left;
    padding-top: 6px;
}
.bas_tableau_listing
{
    display: grid;
    grid-template-columns: 1fr 8rem 8rem 12rem 2rem 6rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #6699c3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
.bouton_tableau_listing
{
    display: grid;
    grid-template-columns: 1fr 8rem 8rem 5rem 9rem 9rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #f2f0ee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
.ligne_generation_listing
{
	    display: grid;
	    grid-template-columns: 11rem  1fr;
	    grid-gap: 10px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #f2f0ee; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    font-style: normal;
	    font-weight: normal;
	    color: #ffffff;
	    text-align: left;
	    padding-top: 0.4em;
	    padding-bottom: 0.4em;
}
.formulaire_listing
{
	margin-left: auto;
	margin-right: auto;
	width: 36em;
	text-align: left;
}
.afficher_intervenant_listing
{
	/* border: 1px solid red; */
	font-weight: bold;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #4d6e89;
}
.afficher_intervenant_listing a
{
	font-size: 11px;
	color: red;
}

.bas_recap_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #6699c3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.tableau_recap_listing
{
	border: 1px solid grey;
	margin-bottom: 2em;
	margin-top: 1em;
}

.entete_tableau_recap_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.ligne_contenu_tableau_recap_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #ddc3c3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1e1e1e;
    text-align: left;
}
.formulaire_recap
{
	border: 1px solid grey;
	width: 49.4em;
	margin-left: auto;
	margin-right: auto;
	/* text-align: center; */
	padding: 1em;
	background: #6699c3;
}
.bouton_tableau_recap
{
	/* border: 1px solid red; */
	text-align: center;
}
.message_envoye
{
	/* border: 1px solid red; */
	width: 99.5%;
}
.message_contenu_global
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #18474F;
    background: white;
    width: 99%;
}

.tableau_messages_envoyes
{
	border:1px solid #cccccc;
	font-size:11px;
}
.fc-dailytotal
{
	/* border: 1px solid red; */
	font-size: 0.8em;
	background-color: #6699c3;
}


.container_solde_certification
{
	    background: #6699c3;
	    /* height: 2.5em; */
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    /* font-weight: normal; */
	    color: #ffffff;
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
	    padding-top: 0.3em;
	    text-align: center;
	    padding-bottom: 0.3em;
}
.certificat_travail
{
	/* border: 1px solid red; */
}
.solde_tout_compte
{
	/* border: 1px solid red; */
}
.container_solde_certification a
{
	color: white;
}

.footer_general
{
	    background: #6699c3;
	    height: 9.5em;
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    /* font-weight: normal; */
	    color: #ffffff;
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
	    padding-top: 0.3em;
	    text-align: center;
	    padding-bottom: 2.3em;
	    margin-bottom: 8em;
	    border-radius: 0 0 23px 23px;
	    padding-top: 1em;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100em;
	    position: relative;
	    top: 0em;
}

.formulaire_planning_accueil
{
	    background: #6699c3;
	    height: 8em;
	    display: grid;
	    grid-template-columns: 19rem 13rem 28rem 5rem;
	    grid-gap: 1px;
	    grid-auto-rows: minmax(1em, auto);
	    /* background: #cecdcc; */
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 10px;
	    font-style: normal;
	    /* font-weight: normal; */
	    color: #ffffff;
	    /* text-align: center; */
	    /* padding-top: 0.8em; */
	    /* padding-left: 5px; */
	    padding-top: 0.3em;
	    text-align: center;
	    padding-bottom: 0.3em;
	    margin-bottom: 0em;
	    padding-top: 1em;
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
}


.accueil_parametre .active
{
	/* border:1px solid red; */
	background-color: #6699c3!important;
	height: 2em!important;
	padding-top: 0.4em!important;
}
.accueil_parametre .inactive
{
	height: 2em!important;
	padding-top: 0.4em;
}

.accueil_parametre .active
{
	/* border:1px solid red; */
	background-color: #6699c3!important;
	height: 2em!important;
	padding-top: 0.4em!important;
}
.accueil_parametre .inactive
{
	height: 2em!important;
	padding-top: 0.4em;
}


.entete_tableau2_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.ligne_contenu_tableau2_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #ddc3c3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1e1e1e;
    text-align: left;
}
.bas_tableau2_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 9rem 10rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #6699c3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.entete_tableau3_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 1rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.ligne_contenu_tableau3_listing
{
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem 1rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #ddc3c3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1e1e1e;
    text-align: left;
}
.bas_tableau3_listing
{
    display: grid;
    grid-template-columns: 1fr 8rem 8rem 12rem 2rem 6rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #6699c3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
.nav
{
	    display: -ms-flexbox;
	    display: initial!important;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    padding-left: 0;
	    margin-bottom: 0;
	    list-style: none;
}
.Action_facils2
{
	text-align: center;
}


/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}

.alert-success {background-color: #04AA6D;}
.alert-info {background-color: #2196F3;}
.alert-warning {background-color: #ff9800;}

.closebtn {
    padding-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

.entete_ligne_client_facils_liste_demande
{
	  display: grid;
	  grid-template-columns: 5rem 10rem 1fr 19rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  background: #808080;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #ffffff;
	  text-align: center;
}
.ligne_client_facils_liste_demande
{
	  display: grid;
	  grid-template-columns: 5rem 10rem 1fr 23rem;
	  grid-gap: 10px;
	  grid-auto-rows: minmax(1em, auto);
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	  font-style: normal;
	  font-weight: normal;
	  color: #18474F;
	  text-align: left;
	  /* padding-bottom: 0.5em; */
	  padding-top: 0.5em;
	  /* margin-top: 0.5em; */
	  /* background-color: aliceblue; */
	  padding-right: 0.2em;
	  padding-left: 0.2em;
	  padding-bottom: 0.3em;
	}

.Action_facils_liste_demande
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 11px; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* color: #18474F; */
	/* text-align: left; */
}

.Action_facils_article
{
	display: grid;
	grid-template-columns: 2rem 1fr;
	grid-gap: 10px;
	grid-auto-rows: minmax(1em, auto);
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	/* font-size: 11px; */
	/* font-style: normal; */
	/* font-weight: normal; */
	/* color: #18474F; */
	/* text-align: left; */
}
.ligne_contenu_tableau_listing_utilisateur {
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    /* background: #ddc3c3; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #1e1e1e;
    text-align: left;
    padding-top: 6px;
}

.entete_tableau_listing_utilisateur {
    display: grid;
    grid-template-columns: 5rem 1fr 1fr 7rem 5rem;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.entete_tableau_intervenant_utilisateur {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #808080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
}
.contenu_tableau_intervenant_utilisateur {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: #eae8e6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}
.contenu_tableau_intervenant_utilisateur_impaire {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: minmax(1em, auto);
    background: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-align: left;
}

.supprimer_demande
{
	/* border:1px solid red; */
}
button
{
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    border: 1px solid #4d6e89;
    border-radius:3px;
    	color: black;
}

input[type="submit" i]
{
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	border: 1px solid #4d6e89;
	border-radius:3px;
	padding: 0.3em 0.5em 0.3em 0.5em;
	color: black;
}









*{
  margin:0;
  padding:0;
}
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size:16px;
}
.mobile-menu {
  display:block;
  width:100%;
  background: #8aa8bd/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;
  line-height: 1.6em;
  font-weight: 400;
  width:100%;
  text-align:center;
  position: relative;
  margin:0 auto;
  /* border: 1px solid red; */
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
  list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background: #8aa8bd;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
  display:inline-block;
  /*float: left;
  margin-right: 1px;*/
}

/*Style for menu links*/
.mobile-menu li a {
  display:block;
  /* min-width:140px; */
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-transform:uppercase;
  /* background: #8aa8bd; */
  text-decoration: none;
  /*margin-left:-5px;*/
  padding: 6px 0;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
  color: #4db3ff;
  background-color:#ccddee;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
  background: #f3f3f3;
  color: #2f3036;
  height: 40px;
  line-height: 40px;
}

/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
  color: #4db3ff;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
  display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
  display: block;
  float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
  width: auto;
  min-width: 100px;
  padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
  text-decoration: none;
  color: #fff;
  background: #8aa8bd;
  text-align: center;
  padding: 10px 15px;
  display: none;
  cursor: pointer;
  text-transform: uppercase;
}

.mobile-menu .show-menu span{
   padding-left: 25px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 800px){
  .mobile-menu .lines {
    border-bottom: 15px double #f8f8f8; 
    border-top: 5px solid #f8f8f8; 
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
  float: right;
}
  /*Make dropdown links appear inline*/
  .mobile-menu ul {
    position: static;
    display: none;
  }
  /*Create vertical spacing*/
  .mobile-menu li {
    margin-bottom: 1px;
  }
  /*Make all menu links full width*/
  .mobile-menu ul li, .mobile-menu li a {
    width: 100%;
  }
  /*Display 'show menu' link*/
  .mobile-menu .show-menu {
    display:block;
  }
}


.devis_planning_facils,.date_planning_facils
{
	text-align:center;
}
.dupliquer
{
		  display: grid;
		  grid-template-columns: 1em 13em 0em 7em;
		  grid-gap: 10px;
		  grid-auto-rows: minmax(1em, auto);
		  background-color: #dce9d7;
		  padding: 3px;
		  border-radius: 5px;
}
.input_dupli input
{
	font-size:9px;
}