/**
* C'est cette classe ci-dessous qui permet de pouvoir cetrer les tableau sur la hauteur, 
* sinon le "height: 100%;" n'aura aucun effet sur le tableau
*/
@font-face {
    font-family: 'Carolingia';
	src: local('Carolingia Light'), local('Carolingia-Light'),
	url(../../fonts/carolingia.ttf) format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
	U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
	U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'CooperBlack';
    src: local('Cooper Black Light'), local('Cooper-Black-Light'),
	url(../../fonts/cooper_black_regular.ttf) format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
	U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
	U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'SegoePrint';
    src: local('Segoe-Print '), local('Segoe-Print-Light'),
	url(../../fonts/segoepr.ttf) format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
	U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
	U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    padding-top: 5px;
    padding-bottom: 5px;
}
.zf-green {
    color: #68b604;
	padding-top: 8px;
}
table tr th{
	background-color: #D1BC98;
	color: #27481F;
}
.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900 \9;
}
.gauche{
	float: left;
}
.droit{
	float: right;
}
div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}
* {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif !important;
}

.landing-intro {
    background: #f1f1f1;
    padding: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: -20px;
}

.bg-transparent{
	background-color: transparent!important;
}

.attentionimage {
    height: 238px;
}

.main-content {
    margin-top: 5px;
}

.module-row {
    margin-bottom: 20px;
}

.module-row .module-info .author-label {
    width: 100px;
}

.module-row .module-description {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    background:#f8f8f8;
}


.module-row .module-info, .new-module {
    position: relative;
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 5px;
}

.module-row .module-info:after, .module-row .module-info:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.module-row .module-info:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    left: 0%;
    margin-left: 10px;

}
.module-row .module-info:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #ddd;
    border-width: 11px;
    left: 0%;
    margin-left: 9px;
}

.sidebar {
    background: #f1f1f1;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar .block {
    background: #ffffff;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom:15px
}

.sidebar hr {
    margin:5px 0 5px 0;
}

.small-header img {
    float:left;
    height:68px;
    padding:0;
    margin:0;
}

.small-header p {
    font-size:3em;
    font-style:italic;
    margin:0;
}

/* Revisited Styles */

.fork-me-ribbon a {
    position: absolute;
    top: 51px;
    right: 0;
    border: 0;
    width: 149px;
    height: 149px;
    background-image: url(../img/aral/github-ribbons/right-green@2x.png);
    background-size: 149px 149px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.case-general{
	color:#08430F;
	background-color:#95C49B;
	border-color:#319048;
}
.case-general-categorie{
	color:#08430F;
	background-color:#C4AA4D;
	border-color:#8e792e;
}
.case-general-article{
	color:#08430F;
	background-color:#CBAAAA;
	border-color:#A36F6F;
}
/* #################################################### */
    a:link,
    a:visited
    {
        color: #0398CA;
    }

	div.voyant a:link, 
	div.voyant a:visited, 
	div.voyant a:hover
    {
        color: #0398CA!important;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
    	/*background-image: url(/images/bkg_header.jpg); */
    	color: #03480A;
    	min-height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    	/* ************************************** */
    	background: #105a7d; /* Old browsers */
    	/*
		background: -moz-linear-gradient(top, #105a7d 5%, #7db9e8 99%); * FF3.6+ *
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#105a7d), color-stop(99%,#7db9e8)); * Chrome,Safari4+ *
		background: -webkit-linear-gradient(top, #105a7d 5%,#7db9e8 99%); * Chrome10+,Safari5.1+ *
		background: -o-linear-gradient(top, #105a7d 5%,#7db9e8 99%); * Opera 11.10+ *
		background: -ms-linear-gradient(top, #105a7d 5%,#7db9e8 99%); * IE10+ *
		background: linear-gradient(to bottom, #105a7d 5%,#7db9e8 99%); * W3C *
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#105a7d', endColorstr='#7db9e8',GradientType=0 ); * IE6-9 *
    	*/
    }
    div#welcomecategories{
        color: #03480A;
        border: 2px solid #444444;
        overflow-x: scroll;
    	/* ************************************** */
    	background: #105a7d;
        height: 98px;
    }
    div#welcomearticles{
        color: #03480A;
        border: 2px solid #444444;
    	background: #105a7d;
        min-height: 98px;
    }

    div#more-information
    {
        background-image: url(images/bkg_body-bottom.gif);
        height: 100%;
    }
/* #################################################### */
.style_invisible{
	border: 0px;
	background-color:transparent;
	color:transparent;
}
.reference_article{
	width: 45%;
	height: 48px;	
	font-size: 32px;
}
.ajouter_reference_article{
	width: 150px;
	height: 50px;	
	font-size: 25px;
	margin-bottom: 15px;	
}
.groupe_reference_article{
	border-bottom: 4px solid rgba(68, 68, 68, 0.8);
	margin: 0 5px 18px 5px;
	
}
div#welcome, table.tableform, table.habilitations{
	color: #C89B4A;
}
.lib_annuler_tout, .lib_payer{
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
}
#boutons_inferieurs{
	margin-left: auto;
	margin-right: auto;
}
#boutons_inferieurs div{
	display: inline-block;
	margin-left: 5px;
}
.table_affichage{
	border-collapse: collapse;
	border-color: #C89B4A;
}
.table_affichage td, .table_affichage th{
	padding: 0 4px 0 4px;
}
.table_affichage tr td{
	text-align: left;
}
.table_affichage tr td{
	/* background-color: #105A7D; */
	color: #C89B4A;
	border-color: #C89B4A;
}
.table_affichage tr th{
	background-color: #D1BC98;
	color: #27485E;
	border-color: #C89B4A;
}
.colonnegaucheutilisateur{
	width: 200px;
}
.champ_quantite_article{
	width: 70px; 
}
.champ_pourcentage_reduction{
	width: 44px; 
	background-color: #698795;
	color: #CD9E4A;
}
.symbol_pourcentage_reduction{
	color: #CD9E4A;
}
form input.bouton_annulation{
	
	background:url(/images/annuler.png) top right no-repeat;
	width:30px;
	height: 30px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}

form input.bouton_annulation_totale{
	
	background:url(/images/annuler_tout.png) top right no-repeat;
	width:44px;
	height: 46px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}
#ranger_articles div.champ_article{
	display: inline-block;
	margin-left: 5px;
	border: 1px solid rgba(49, 144, 72, 0.0);
	width: 30%;
	overflow: hidden;
}
.champ_article_codebarre{
	margin-top: 5px;
}
.champ_article_nom{
	font-size: 24px;
	font-weight: bolder;
}
.champ_article_image img{
	width: 100%;
}
.prix_vente_total{
	font-size: 44px;
	font-weight: bolder;
}
.prix_total span{
	font-size: 24px;
	font-weight: bolder;
	color: #FFF;
}
.montant_paye span{
 	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
 }
div#navigation div.flech_gauche{
	float: left;
	padding-left: 25px;
}
div#navigation div.flech_droite{
	float: right;
	padding-right: 25px;	
}
div.flech_droite:hover, div.flech_gauche:hover {
    cursor: pointer;
}
div.impr_retour div{
	display: inline-block;
}
div.impr_retour a:link, div.impr_retour a:visited{
	color: #F1F1F1;
}
div.impr_retour div.retour_caisse div.lib_retour_caisse{
	font-size: 24px;
	font-weight: bolder;
	text-decoration: underline;
}
div.img_retour_caisse{
	margin-bottom: 8px;
}
div.lib_retour_caisse{
	margin-bottom: -16px;
}
div.impr_retour div.impr_facture div.lib_imprimer_facture{
	font-size: 20px;
	font-weight: bolder;
	text-decoration: underline;		
}
table#tab_articles_a_imprimer{
	border-collapse: collapse;
	width: 100%;
}
table#tab_articles_a_suppressionmultiple{
	border-collapse: collapse;
	width: 100%;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}
.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}
.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}
.messageDinformation{
	border:1px solid #000274;
	background-color:#396fd4;
	padding:5px;
	color:#FFFFFF;
}
.texteDalerte{
	color:#F8E0E0;
	font-weight: bold;
}
.erreur, .erreur a:visited{
	color:#f00;
}
.alerte, .alerte a:visited{
	color:#FEB500;
}
.ref_message{
	text-shadow: aqua;
	font-weight: bold;
}
div#alerte_stock div.article{
	display: inline-block;
	margin-left: 5px;
	border:1px solid #FCCECE;
	background-color: #FFFFFF;
}
/* ***************** Début d'anination de couleur de fond en CSS2 ***************** */
.alerte_stock {
  -webkit-animation: background 1s cubic-bezier(1,0,0,1) infinite;
  animation: background 1s cubic-bezier(1,0,0,1) infinite;
  color: #FFFFFF;
}
@-webkit-keyframes background {
  0% { background-color: #D15803; }/*
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }*/
  100% { background-color: #FFC34E; }
}
@keyframes background {
  0% { background-color: #D15803; }/*
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }*/
  100% { background-color: #FFC34E; }
}
/* ***************** Fin d'anination de couleur de fond en CSS2 ***************** */
.stk{
	font-size: 16px;
	font-weight: bolder;
}
.stk_min{	
	font-size: 13px;
	font-weight: bold;
}
.texte_resume_titre, .texte_resume_corps{
	text-align: justify;
	margin: 0 5px 0 5px;
}
.texte_resume_corps{
	margin-top: 5px;
}
.table_article_modifier td input#reference{
	background-color: #C9C9C9;
}
.mini_reference{
	font-size: 10px;
}
form#suppr_article_oui, form#suppr_article_non{
	display: inline-block;
}
form#suppr_article_oui input#boutonok, form#suppr_article_non input#boutonok{
	width: 85px;
}
.table_affichage{
	border-collapse: collapse;
	width: 100%;
	color: #C89B4A;
}
td.col_quantite{
	width:110px;
}
.table_gest_articles tr th, .table_gest_articles tr td{
	text-align: center;
	/*background-color: #218193;*/
}
.table_gest_articles tr th{
	font-size: 13px;
}
div.filtre_comptegestion{
	width: 100%;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 10px;
}
div.modif_suppr div.modif_gauche, 
div.modif_suppr div.suppr_droit,
div.modif_suppr div.details_droit{
	display: inline-block!important;
}
div.dt_vente, div.etat_credit, div.dt_achat{
	display: inline-block;
}
div.dt_vente .select_date_jour, div.dt_vente .select_date_mois{
	width: 45px;
}
div.dt_vente .select_date_annee{
	width: 65px;
}
div.dt_vente .input_date_heure, div.dt_vente .input_date_minute{
	width: 30px;
}
div.dt_vente span.dt_vente_titre_champ_filtre{
	text-decoration: underline;
	font-size: 11px; 
}
div.dt_vente .input_nom_utilisateur_vente{
	width: 105px;
}
.raz{
	margin-right: 10px;
}
.decal_gche{
	padding-left: 6px;
}
form#form_recherche{
	text-align: right;
}
form#form_recherche .recherche_articles{
	width: 250px
}
.champ_rech_invent{
	width: 120px
}
form#form_recherche .recherche_date{
	width: 160px
}
div.colonne_habilitations{
	/*width: inherit;*/
	overflow-x: scroll;
}
div.colonne_habilitations table{
	color: #C89B4A;
}
div.colonne_habilitations table tr td.img_mod_action{
	text-align: left;
}
.impression_facture_desactive{
	color: #BCBFC1;
}
.bouton_selectionner_tout{
	 /* Double-sized Checkboxes */
  	transform: scale(2); /* vendorPrefix */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}
#imprimerphoto{
	 /* Double-sized Checkboxes */
  	transform: scale(2); /* vendorPrefix */
	-ms-transform: scale(3); /* IE */
	-moz-transform: scale(3); /* FF */
	-webkit-transform: scale(3); /* Safari and Chrome */
	-o-transform: scale(3); /* Opera */
	padding: 10px;
	background: #666666;
  	color: #FAF004;
}





.ligne_de_titre_tableau{
	text-align: center !important;
}
.impression_facture, .impression_client{
	font-size: 10px;
}
.impression_ticket{
	font-size: 28px;
	font-weight: bolder;
}
.texte_extraction_pdf{
	font-size: 8px;
}
div#formulaire_login{
	margin-top: 7%;
	margin-bottom: auto;
}
.titre_ident_connect{
	font-size: 15px;
	color: #938E64;
	margin-bottom: 8px;
}
form#logon input{
	width: 188px;
}
form#form_export_pdf{
	text-align: center;
	margin-top: 5px;
}
input[type=image].modif_quantite{
	margin-bottom: -8px;
}
textarea#horaires{
	height: 98px;
}
.lib_heure_min{
	font-size: 9px;
	color: #A0A0A0;
}
form#societe textarea{
	width: 450px;
}
div.container{
	margin-top: 0px;
}
div.hb{
	font-size: 25px;
	font-weight: bold;
        padding-left: 18px;
}
table.pres_img tr td{
	padding-top: 8px;
	text-align: center;
}
div.titre_pres_img{
	color: #91BE3F;
	font-size: 14pt;
}
div.texte_pres_img{
	color: #F0F0FD;
	text-align: justify;
	max-width: 970px;	
	padding-left: 5px;
	padding-right: 5px;	
	margin-left: auto;	
	margin-right: auto;
}
.login_form_login label, .mot_de_passe_form_login label, .valider_form_login label{
	width: 120px;
	text-align: right;
	padding-right: 5px;	
}
div.text_aide_appli{
	text-align: left;
}
div.text_sous_li{
	margin-left: 15px;
}
.souligne{
	text-decoration: underline;
}
.remarq{
	font-weight: bold;
	color: #FFFFFF;
}
/* ############################################################## */
/* LIST #2 */
#list1 { width:100%; }
#list1 ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#bfe1f1;  }
#list1 ol li {margin-top:-10px; }
#list1 ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#eee; border-left: 1px solid #999; text-align: justify; }
#list1 ol li p em { display:block; }
/* ############################################################## */
div.valider_form_login label{
	color: transparent;
}
.gauche{
	float: left;
}
.texte_gauche{
	text-align: left;
}
.algh{
	text-align: left;
}
.texte_centre{
	text-align: center!important;
}
.texte_centre_force{
	text-align: center !important;
}
.droite{
	float: right;
}
.texte_droite{
	text-align: right;
}
.fd_format{
	background-color: #2F8EA4;
}
div#filtre_detail_paiements_bas{
	text-align: right;
	font-size: 11px;	
}
.bouton_valider_classique{
	height: 28px;
}
.bouton_valider_large{
	height: 59px;
}
div#filtre_detail_paiements_gauche_un, div#filtre_detail_paiements_gauche_deux, div#filtre_detail_paiements_gauche_trois, div#filtre_detail_depots_gauche_deux{
	float: left;
	height: 59px;
}
div#filtre_detail_paiements_gauche_deux{
	padding-top: 2px;
	padding-right: 2px;
}
.select_nombre_affichage{
	width: 183px;
	height: 30px;
}
.select_articles{
	width: 250px;
	height: 30px;	
}
.horizontal{
	float: right;
}
#espace_paiement label{
	width: 180px;
	text-align: left;
}

#espace_paiement input, #espace_paiement select{
	width: 340px;
}

#chps_chqinst input{
	width: 340px!important;
	display: inline;
}


#espace_paiement input#rendue{
	background-color: #CCCCCC;
}
.invisible{
	display: none;
}
.visible{
	display: block;
}
form#form_paiement span.voyant{
	color: #FFF;
	font-weight: bold;
}
form#form_paiement input#montant_a_payer, div#rendue_mixte{
	background-color: #CCC;
	color: #000000;
	font-weight: bold;
}
form#form_paiement input#total, input#rendue_mixte{
	background-color: #CCC;
}
div#champs_montant_remise, div#champs_plusieursfois, div#champs_somme_monnaie, div#champs_bouton_submit, div#champs_chequeenattenteencaissement, div#champs_creditclient{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border: 1px solid transparent;
	text-align: left;
}
div#champs_montant_remise select#id_client{
	height: 30px;
	background-color: #DEDEDE;
}
div#champ_ajouter_client{
	display: inline-block;
}
div#champ_points_fidelite{
	display: inline-block;
}
div#chps_crdclt label{
	width: 183px!important;
}
div#chps_crdclt textarea{
	display: inline-block;
}
div#champs_creditclient textarea{
	width: 250px;
}
div#champs_plusieursfois div#champ_paiement input[type='text'], div#champs_plusieursfois div#champ_paiement select{
	width:66px !important;
	height:21px !important;
	font-size: 11px !important;
}
div.modal-content  div.modal-body{
	text-align: left;
}
div.modal-content  div.modal-body label{
	display: inline-block;
	width: 130px;
}
div#champs_plusieursfois div#champ_paiement input.montant_plusieurs_fois{
	width:40px;
	font-size: 9px;
}
div#champs_plusieursfois div#champ_paiement input[type='radio']{
	width:auto;
}
div#champs_plusieursfois div#champ_nombre_paiement input[type='radio']{
	width: auto;
}
.label_radio_plusieur_fois{
	font-size: 9px;
}
.label_nombre_paiement_2, .label_nombre_paiement_3{
	display: inline-block;
	width: 95px
}
div#champs_plusieursfois div#champ_paiement input#date_premiere_fois{
	width:60px;
	font-size: 10px;
}
div#champs_plusieursfois input#client{
	width:348px;
}
div#champs_plusieursfois div#champ_paiement label{
	width:auto;
	font-size: 9px;
}
div#champs_plusieursfois div#champ_nombre_paiement label{
	width:115px;
}
div#champ_client label#texte_client{
	width:125px;
}
span#devise_plusieurs_fois{
	font-size: 9px;
}
div#champs_bouton_submit input.valider_paiement{
	margin-left:182px;
}
.option_plusieursfois{
	color: #319048;
	font-weight: bold;
	font-size: 22px;
}
.option_modemixte{
	color: #42a7e2;
	font-weight: bold;
	font-size: 22px;
}
.option_chequeenattenteencaissement{
	color: #ED7D31;
	font-weight: bold;
	font-size: 22px;
}
.option_creditclient{
	color: #820404;
	font-weight: bold;
	font-size: 22px;
}
.option_pointsdefidelite{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
}
.option_tickettitrepaiement{
	color: #C45ABC;
	font-weight: bold;
	font-size: 22px;
}
.option_reservepersonnelle{
	color: #5C6238;
	font-weight: bold;
	font-size: 22px;
}
.tableau_detail_paiement_en_plusieurs_fois{
	border-collapse: collapse;
}
.tableau_detail_paiement_en_plusieurs_fois, .tableau_detail_paiement_en_plusieurs_fois tr, .tableau_detail_paiement_en_plusieurs_fois tr td, .tableau_detail_paiement_en_plusieurs_fois th, .tableau_detail_paiement_en_plusieurs_fois th td{
	border: 1px solid #E73D27;
}
table.table_article input[type='text'], table.table_article select, table.table_article textarea, form#categorie input[type='text'] {
	width: 480px;
}
table.table_remise input[type='text'], table.table_remise select, table.table_remise textarea,
table#tablecategorie input[type='text'], table#tableticketbonachat input[type='text'], table#tableticketbonachat input[type='file']{
	width: 480px;
}
table.table_article textarea{
	height: 128px;
}
form#depot textarea, form#injection textarea {
	height: 128px;
}
form#depot textarea, form#depot input[type='text'], form#depot select, form#injection textarea, form#injection input[type='text'], form#injection select {
	width: 480px;
}
form.table_depotmateriel textarea {
    height: 128px;
}
form#categorie {
	text-align: left;
}
form#categorie label {
	width: 120px;
}
form#categorie input[type='submit'] {
	margin-left: 122px;
}
.desactive{
	background-color: #B8B8B8;
	color: #A0A0A0;
}
.champdesactive{
	background-color: #B8B8B8;
}
.desacticlaire{
	background-color: #B8B8B8!important;
	color: #FFFFFF;
	font-weight: bolder;
}
.prioriclaire{
	background-color: #E8F0FE;
	color: #0077D7;
	font-weight: bolder;
}
.nonactive{
	background-color: #B8B8B8;
	color: #FFFFFF;
}
div#champs_motif_suppression{
	text-align: left;
	padding-left: 72px;
}
div#champs_motif_suppression label{
	width: 174px;
}
.styl_motif_suppression{
	width: 480px;
	height: 128px;
}
p.hint{
	display: inline-block;
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.pages a.page_precedente{
	float: left;
}
div.pages a.page_suivante{
	float: right;
}
div.titre_page_precedente, div.titre_page_suivante{
	font-size: 9px;
}
span.numero_page_actuelle{
	font-weight: bold;
	font-size: 19px;
	color: #119C00;
}
select#id_remise, select#mode_paiement{
	background-color: #CCCCCC;
}
div#espace_paiement form#form_paiement input[type="text"],
div#espace_paiement form#form_paiement select{
	height: 50px;
	font-size: 30px;
}
div#espace_paiement form#form_paiement input#recue{
	height: 60px !important;
	font-size: 34px !important;
}
div#espace_paiement form#form_paiement input[type="button"]{
	height: 60px !important;
	font-size: 24px !important;
}
label[for=recue]
{
    color: #E3D1B9;
}
.texte_annulation{
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
}
div.conteneur_annul_vente{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.label_annul_vente{
	text-decoration: underline;
	font-weight: bold;
	width: 160px;
}
.label_annulation{
	color:#F47D7D;
	font-size: 10px;
}
.annulation_article{
    color:#F47D7D;
	margin-top: 85px;
}
.txte_gris{
	color: #9c9c9c;
}
.label_gris{
	color:#6B6B6B;
	font-size: 10px;	
}
.img_annul_article{
	margin-bottom: -10px;
}
div.creer_devis{
	padding: 0 0 0 0;
}
.texte_desactive{
	color: #A0A0A0;
}
.texte_devis{
	font-size: 10px;
}
.extraction_excel{
	margin-top: 8px;
	margin-bottom: 3px;
}
.texte_occurence_recherche{
	font-size: 8px;
}
.champ_texte_occurence{
	color: #FFFFFF;
}
.champ_lib_rech_invent{
	font-size: 8px;
	color: #FFFFFF;
}
.table_profil{
	width: 100%;
}
.colonne_table_habilitations{
	width: 600px;
	overflow: scroll;
}
#cadre_table_a_exporter, #dvData, #cadre_table_societe, #cadre_table_marges_a_exporter, #cadre_gestion_configurations, #cadre_table_depotmateriel{
	width: 100%;
	overflow-x: scroll;
}
.enligne{
	display: inline-block;
}

.contenant {
  display: flex;
}
.contenu {
  margin-top: auto;
	margin-right: 5px;
  margin-bottom: auto;
	margin-left: 5px;
}

.espdrt{
	margin-right: 15px;
}
.table_var{
	width: 100%;
}
.modif_abrege{
	width: 980px;
	height: 158px;
}
.bouton_tourner{
	width: 45px;
}
div.label_text_client{
	width: 625px;
	margin-left: auto;
	margin-right: auto;
}
div.label_text_client label{
	display: inline-block;
	width: 80px;
}
div.label_text_client textarea{
	width: 358px;
	height: 150px;
}
div.label_text_client input[type=submit]{
	width: 338px;	
}
div.label_text_client select{
	width: 338px;
}
#table_devis{
	width: 100%;
}
#table_client{
	width: 100%;
}
.devis_encours{
	background-color: #1DA408;
	color: #FFFFFF!important;
}
.devis_annule{
	background-color: #D0CFD0;
	color: #AA006A!important;	
}
.devis_valide{
	background-color: #8393FC;
	color: #503905!important;	
}
.devis_paye{
	background-color: #987662;
	color: #FFFFFF!important;
}
.devis_encaisse{
    background-color: #794B03;
    color: #FFFFFF!important;
}
.devis_encours_modification{
    background-color: #d4d684;
    color: #000000!important;
}
.depotmateriel_encours{
	background-color: #1DA408!important;
	color: #FFFFFF!important;
}
.depotmateriel_restitue{
	background-color: #883198!important;
	color: #FFFFFF!important;
}
.depotmateriel_abandonne{
	background-color: #086F98!important;
	color: #FFFFFF!important;
}
div#champs_creditclient textarea{
	width: 340px !important;
	display: inline;
}

.commande_encours{
	background-color: #1DA408;
	color: #FFFFFF!important;
}
.commande_annule{
	background-color: #D0CFD0;
	color: #AA006A!important;	
}
.commande_valide{
	background-color: #8393FC;
	color: #503905!important;	
}
.commande_paye{
	background-color: #987662;
	color: #FFFFFF!important;
}
.commande_encaisse{
	background-color: #D3D674;
	color: #1C559D!important;
}

table.table_gest_depenses{
	width: 100%;
	text-align: left;
}
table.table_gest_depenses tr.ligne_total{
	font-size: 28px;
}
table.table_depense input[type=text], table.table_depense select{
	width: 400px;
}
table.table_depense textarea#motif{
	width: 400px;
	height: 150px;
}
div.liste_articles{
	width: 100%;
	height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 3px solid rgba(136, 136, 136, 0.9);
}
div.liste_articles table tr td, div.liste_articles table tr th{
	padding: 1px 4px 1px 4px;
}
table#articles_inventaire{
	width: 100%;
}
.titre_buton_image_inserer{
	font-weight: bold;
	font-size: 14px;
}
.buton_image_inserer{
	height: 50px;
	padding-bottom: 0px;
}
table.apropos{
	text-align: left;
}
table.apropos tr td{
	padding: 1px 4px 1px 4px;
}
.elem1{
	font-style: italic;
	font-weight: bold;
	font-size: 10px; 
}
.sous_titre_telecharger{
	color: #0398C4;
}
.risque{
	color: #E5310A;
}
.securite{
	color: #5ADD09;
}
.securite_gris{
	color: #B2C6A7;
}
.risque_gris{
	color: #C6A5A2;
}
div.message_licence{
	margin-top: 0px;
	margin-bottom: -18px;
	margin-left: 8px;
}
.style_demo{
	color: #000D9B;
}
.style_eval{
	color: #8E5D03;
}
.style_fals{
	color: #DC1F05;
}
.titre_licence{
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}
.message_ko{
	color: #F5625A;
}
.tab_aide_manuel{
	margin-top: 5px;
	margin-left: 45px;
}
.titre_important{
	color: #ED7D31;
}
.champ_boutons_inferieur{
	width: 100%;
	text-align: center;	
}
.leger{
	display: inline-block;
}
.message_extraction_pdf{
	font-size: 9px;
	color: #CCCCCC;
}
.descr_titre{
	margin: 5px 25px 5px 25px;
	color: #91BE3F;
}
.champ_telecharger_mannuel{
	border-left: 1px solid #999999;
	margin-left: 40px;
	text-align: right;
	padding-right: 6px;
	padding-left: 6px;	
}
.label_telecharger_mannuel{
	font-size: 16px;
	font-weight: bold;
}

div#myModal1 div.modal-body input#numero_client, table.table_client input#numero_client{
	background-color: #D0CFD0;
}
div#myModal3 input.btn_pts_fidel, select#mode_paiement_reste_fidelite, div#myModal2 input.btn_rech{
	width: 342px;
}
select.ui-datepicker-month, select.ui-datepicker-year{
	color: #1C94D5;
}
div#credit_total_rembourse, div#credit_restant_a_payer{
	text-align: left;
	padding-left: 5px;
	font-size: 18px;
}
div#credit_total_rembourse label, div#credit_restant_a_payer label{
	width: 156px;
}
div#credit_total_rembourse{
	color: #2E9E00;
}
div#credit_restant_a_payer, div#restant_a_payer{
	color: #E07171;
}
.styl_en_cours{
	background-color: #125203;
}
.styl_paye{
	background-color: #DBDBC4;
	color: #0A365F;	
}
div#cadre_enregistrement_remboursement{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#cadre_enregistrement_remboursement label{
	width: 132px;
}

div#cadre_enregistrement_remboursement input, div#cadre_enregistrement_remboursement select{
	width: 167px;
}
.montant_initial_paye{
	font-weight: bolder;
	text-decoration: underline;
}
.conteneur_credit{
	width: 100%;
	overflow-x: scroll;
}
.boutonsubmitendeuxlignes{
	width: 90px;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
table#table_algoruthme_points_fidelite tr th{
	padding: 1px 4px 1px 4px;
}
table#table_algoruthme_points_fidelite tr td{
	padding: 1px 4px 1px 4px;
	text-align: left;
}
.lib_ch_pf{
	/*color: #462E79;*/
	text-decoration: underline;
}
.lib_nb_pf{
	/*color: #A06F43;*/
	text-decoration: underline;
}
div#case_gest_points_fidelite{
	clear: both;
}
div#case_gest_points_fidelite div#case_gest_points_fidelite_interne{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}
div#case_gest_points_fidelite div#case_gest_points_fidelite_interne label{
	display: inline-block;
	width: 100px;
}
.nonmodifiable{
	background-color: #CBCBCB;
}
table#table_liste_clients tr th{
	text-align: center;
}
table#table_liste_suivie_annulations_entree tr th{
	text-align: center;
}
table#table_liste_suivie_annulations_sortie tr th{
	text-align: center;
}
table#table_liste_entrees tr th {
    text-align: center;
}
table#table_liste_sorties tr th {
    text-align: center;
}
table.table_client input#numero_client{
	background-color: #CBCBCB;
}
table.bordsfins{
	border-collapse: collapse;
}
input.btn_pts_fidel, input.btn_rech{
	color: #FFFFFF;
	background-color: #47B40A;
}
span#alerteperte_points{
    color: #A70831;
}
.gras{
	font-weight: bold;
}
label.reste_a_payer, span#reste_a_payer{
	color: #A06405;
	font-weight: bold;
	font-size: 16px;
}
.paye_par_fidelite{
	font-size: 10px;
}
.paye_par_mode_mixte, .paye_par_mode_plusieursfois{
	font-size: 10px;
}
.paye_par_reserve_personnelle{
	font-size: 10px;
}
table.config_gest_tickets, table.config_gest_barre_logo, table.config_gest_articl_plu_vendus, table.config_gest_utilisateur_connecte, table.config_gest_mode_saisie, table.config_colon_artic_imprim, table.config_nb_jours_remboursement, table.config_activer_temps_session, table.config_temps_minutes_personnalise, table.config_type_pourcentage_reduction, table.config_type_remise_personalise, table.config_cumule_meme_ligne, table.config_sauveagarde_protege_par_mot_de_passe, table.config_mode_paiement_mixte{
	width: 100%;
}
div#cadre_gestion_configurations table tr td{
	text-align: left;
	padding-left: 5px;
}
table.config_gest_tickets{
	border: 3px solid #A06405;
}
table.config_gest_tickets tr th{
	text-align: center;
	background-color: #A06405;
	color: #FFFFFF;
}
table.config_gest_tickets label{
	color: #A06405;
}
table.config_gest_barre_logo{
	border: 3px solid #68B604;
}
table.config_gest_barre_logo tr th{
	text-align: center;
	background-color: #68B604;
	color: #000000;
}
table.config_gest_barre_logo label{
	color: #68B604;
}
table.config_gest_articl_plu_vendus{
	border: 3px solid #E0C4E3;
}
table.config_gest_articl_plu_vendus tr th{
	text-align: center;
	background-color: #E0C4E3;
	color: #000000;
}
table.config_gest_articl_plu_vendus label{
	color: #E0C4E3;
}
table.config_gest_utilisateur_connecte{
	border: 3px solid #D1BC98;
}
table.config_gest_utilisateur_connecte tr th{
	text-align: center;
	background-color: #D1BC98;
	color: #000000;
}
table.config_gest_utilisateur_connecte label{
	color: #D1BC98;
}
table.config_colon_artic_imprim{
	border: 3px solid #FCB700;
}
table.config_colon_artic_imprim tr th{
	text-align: center;
	background-color: #FCB700;
	color: #000000;
}
table.config_colon_artic_imprim{
	color: #FCB700;
}

table.sous_config_colon_artic_imprim tr th{
	text-align: center;
    background-color: #F0F0F0;
    color: #FCB700;
}
table.sous_config_colon_artic_imprim, table.sous_config_colon_artic_imprim tr, table.sous_config_colon_artic_imprim tr th, table.sous_config_colon_artic_imprim tr td{
	border: 1px solid #FFFFFF;
}


table.config_gest_mode_saisie{
	border: 3px solid #CCCCCC;
}
table.config_gest_mode_saisie tr th{
	text-align: center;
	background-color: #CCCCCC;
	color: #FFFFFF;
}
table.config_gest_mode_saisie label{
	color: #CCCCCC;
}
table.config_nb_jours_remboursement{
	border: 3px solid #cc2f42;
}
table.config_nb_jours_remboursement tr th{
	text-align: center;
	background-color: #cc2f42;
	color: #FFFFFF;
}


table.sous_config_nb_jours_remboursement tr th{
	text-align: center;
    background-color: #F0F0F0;
    color: #cc2f42;
}
table.sous_config_nb_jours_remboursement, table.sous_config_nb_jours_remboursement tr, table.sous_config_nb_jours_remboursement tr th, table.sous_config_nb_jours_remboursement tr td{
	border: 1px solid #FFFFFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

table.config_mode_paiements_acceptes{
	border: 3px solid #F0F0F0;
}
table.config_mode_paiements_acceptes tr th{
	text-align: center;
	background-color: #F0F0F0;
	color: #000000;
}


table.sous_config_mode_paiements_acceptes tr th{
	text-align: center;
    background-color: #F0F0F0;
    color: #000000;
}
table.sous_config_mode_paiements_acceptes, table.sous_config_mode_paiements_acceptes tr, table.sous_config_mode_paiements_acceptes tr th, table.sous_config_mode_paiements_acceptes tr td{
	border: 1px solid #F0F0F0;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


table.config_activer_temps_session{
	border: 3px solid #90AA93;
}
table.config_activer_temps_session tr th{
    text-align: center;
    background-color: #90AA93;
    color: #FFFFFF;
}
table.config_temps_minutes_personnalise{
	border: 3px solid #90AA93;
}
table.config_temps_minutes_personnalise tr th{
    text-align: center;
    background-color: #90AA93;
    color: #FFFFFF;
}
table.config_type_pourcentage_reduction{
	border: 3px solid #19AA93;
}
table.config_type_pourcentage_reduction tr th{
    text-align: center;
    background-color: #19AA93;
    color: #FFFFFF;
}
table.config_type_remise_personalise{
	border: 3px solid #BC05F7;
}
table.config_type_remise_personalise tr th{
    text-align: center;
    background-color: #BC05F7;
    color: #FFFFFF;
}
table.config_cumule_meme_ligne{
	border: 3px solid #ff6666;
}
table.config_cumule_meme_ligne tr th{
    text-align: center;
    background-color: #ff6666;
    color: #FFFFFF;
}
table.config_sauveagarde_protege_par_mot_de_passe{
	border: 3px solid #808000;
}
table.config_sauveagarde_protege_par_mot_de_passe tr th{
    text-align: center;
    background-color: #808000;
    color: #FFFFFF;
}
table.config_mode_paiement_mixte{
	border: 3px solid #f79258;
}
table.config_mode_paiement_mixte tr th{
    text-align: center;
    background-color: #f79258;
    color: #FFFFFF;
}
table.sous_config_mode_paiement_mixte tr th{
	text-align: center;
    background-color: #F0F0F0;
    color: #f79258;
}
table.sous_config_mode_paiement_mixte, table.sous_config_mode_paiement_mixte tr, table.sous_config_mode_paiement_mixte tr th, table.sous_config_mode_paiement_mixte tr td{
	border: 1px solid #FFFFFF;
}
table.config_categorie_article_maj_api{
	border: 3px solid #e6bea6;
}
table.config_categorie_article_maj_api tr th{
    text-align: center;
    background-color: #e6bea6;
    color: #2c2c2c;
}
table.sous_config_categorie_article_maj_api tr th{
	text-align: center;
    background-color: #e6bea6;
    color: #381804;
}
table.sous_config_categorie_article_maj_api, table.sous_config_categorie_article_maj_api tr, table.sous_config_categorie_article_maj_api tr th, table.sous_config_categorie_article_maj_api tr td{
	border: 1px solid #e6bea6;
	color: #2c2c2c;
}
form#form_paiement input#reste_a_payer_ticket, input#montant_ticket_titre_paiement{
	background-color: #CCC;
	color: #6a6a6a;
	font-weight: bold;
}
div#champ_ticket_titre_paiement{
	background-color: none;
}
.ptsfidencrs{
	background-color: #378805;
	color: #FFC070 !important;
}
.sous_action_profil{
	font-size: 10px;
	color: #FCFCFC;
}
.blocaligne{
	display: inline-block;
}
.clidevvalid{
	text-align: left;
}
.clidevvalid button{
	width: 338px;
	margin-left: 3px;
}
select#nombre_affichage{
	width: 75px;
}
div.central_dtp{
	width: 100px;
	margin-left: auto;
	margin-right: auto;	
}
.alerte_paiement_plusieurs_fois{
	margin-top: 4px;
	font-weight: bold;
}
.alerte_credit_client{
	margin-top: 4px;
	font-weight: bold;
}
.alerte_cheque_instance{
	margin-top: 4px;
	font-weight: bold;	
}
.col_gauche_pay_grp{
	text-align: left;
	padding: 0 20px 0 0;
}
.col_droite_pay_grp{
	text-align: left;	
	padding: 0 20px 0 20px;
}
.telelistepaygrp{
	border-right:  1px solid transparent;
	border-bottom:  1px solid transparent;	
	border-left:  1px solid transparent;	
}
ul.errors li{
	color: #A60001;
}
.lien_desactive{
	text-decoration: underline;
	color: #CDCDCD;
}
.souligne{
	text-decoration: underline;
}
.montant_rembourser{
	font-size: 28px;
	font-weight: bold;
}
.ligne0{
	background-color: #126F9B;
	padding-left: 4px;
}
.ligne1{
	background-color: transparent;
	padding-left: 4px;	
}
.total_remb{
	font-size: 22px;
	font-weight: bold;
}
table#table_societe td.cote_adresse{
	padding-left: 4px;
	text-align: left;
}
table#table_client, table#table_articles{
	width: 100%;
}
table#table_articles{
	border-collapse: collapse;
}
tr.mnt_remise_personnalise, tr.total_ht, tr.total_tva, tr.total_ttc{
	font-size: 18px;
	font-weight: bolder;
}
div#client{
	text-align: left;
}
div#nom_caissiere{
	text-align: left;
}
div#nom_caissiere label{
	text-decoration: underline;
}
td#boutonenvoyer-label{
	color:#105A7D;
}
div#bardevideos{
	background-color: #333;
    overflow: auto;
    white-space: nowrap;
	border-top: 15px solid #F0F0F0;
}
div#corps_video{
	padding-top: 6px;
}
.table_centre{
    margin-left:auto; 
    margin-right:auto;
}
.tabdetailscommande{
	width: 100%;
}
.tabcommandes{
	width: 100%;
}
.lignstk{
	background-color: #9B7940 !important;
}
form#depense input#autre_chose, form#depense select#id_article{
	background-color: #83ADC1;
	color: #FFFFFF;
}
div#dte_de, div#dte_au{
	display: inline-block;
}
.img_racoursi_article{
	height: 38px;
}
.img_info_bull_article{
	height: 18px;
}
.bvisible{
	color: #FFFFFF;
	font-weight: bold;
}
.mvisible{
	color: #D1BC98;
	font-size: 11px;
}
.fondtcdaf{
	background-color: #D3E8F2;
	color: #D39B5D;
	font-weight: bold;
	text-align: center;	
}
.fondtmrg{
	background-color: #81B7D1;
	color: #644664;
	font-weight: bold;
	text-align: center;
}
.fondtlqtt{
    background-color: #E8F2F7;
    color: #0A2C62;
    font-weight: bold;
    text-align: center;
}
.chmp_ttl_lrg{
	width: 105px;
}
form#caisse input.bouton_ajouter_panier_bleu, img#bouton_ajouter_panier_bleu{
	width: 80px;
	margin-right: 8px;
	margin-left: 8px;
}
.icone_titre_centre{
	width:	165px;
	border: 1px solid transparent;
	text-align: center;
}
#table_impr_commande{
	width: 100%;
	border-collapse: collapse;
}
.cache{
	display: none;
}
.affiche_tr{
	display: table-row;
}
.lib_gauche{
	text-align: left;
	padding-left: 4px;
}
.lib_inject_gauche{
	text-align: left;
	padding-left: 6px;
	font-weight: bold;
}
.sortticket{
	font-weight: bold;
	font-size: 22px;
}
.sortticketmoyent{
	font-weight: bold;
	font-size: 14px;
}
hr#souscadremeuillersarticles{
	height: 3px;
	background-color: #39484F;
	border-color: #39484F;
	margin-left: 5px;
	margin-right: 5px;	
}
/* ******************************************** */
.artic_pl_vend{
	width: 122px;
    height: 50px;
	white-space: pre-line;	/* forcer le retour à la ligne. forcer le retour-chariot */
}
div#cadremeuillersarticles form input[type=submit] {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  outline: 0;
  appearance: none; /* vendorPrefix */
  -webkit-appearance: none;
  height: 50px;
}

/* Custom */
div#cadremeuillersarticles form input[type=submit] {
  display: inline-block;
  position: relative;
  padding: 2px 4px;
  top: 0;
  font-size: 14px;
  font-family: "Open Sans", Helvetica;
  border-radius: 4px;
  border-bottom: 1px solid rgba( 28, 227, 125, 0.5 );
  background: rgba( 52, 137, 162, 1 );
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

div#cadremeuillersarticles form input[type=submit]:hover {
  top: -3px;
  box-shadow: 0px 10px 10px rgba( 15, 165, 60, 0.2 );
  
  -webkit-transform: rotateX(20deg);
     -moz-transform: rotateX(20deg);
      -ms-transform: rotateX(20deg);
          transform: rotateX(20deg);
}

div#cadremeuillersarticles form input[type=submit]:active {
  top: 0px;
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.0 );
  background: rgba( 20, 224, 133, 1 );
}

div#cadremeuillersarticles div.art_pv_desactive {
  display: block;
  background: transparent;
  border: 0;
  outline: 0;
  appearance: none; /* vendorPrefix */
  -webkit-appearance: none;
  padding-top: 14px !important;
}
div#cadremeuillersarticles div.art_pv_desactive {
  display: inline-block;
  position: relative;
  padding: 2px 4px;
  top: 0;
  height: 50px;
  color: #4D4D4D;
  font-size: 14px;
  font-family: "Open Sans", Helvetica;
  border-radius: 4px;
  border-bottom: 1px solid rgba( 28, 227, 125, 0.5 );
  background: rgba( 175, 178, 178, 1 );
  box-shadow: 0px 0px 0px rgba( 15, 165, 60, 0.1 );
  
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
          transform: translateZ(0);
  
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
div#cadremeuillersarticles {
  overflow: auto;
  white-space: nowrap;
}
div.cadrestatjounalier{
	 overflow: auto;
}
.pgstk{
	margin-left: 4px;
	background-color: #9B7940; 
	color: #C69B4A;
	width: 73px;
}
.pdnvt{
	display: inline-table;
	width: 15px;
}
.bordures{
	border: 1px solid #ccc;
}
.cadre_stknbvt{
	background-color: transparent;
}
/* ******************************************** */
.mntrsvprsnl{
	background-color: #0094F2;
	color: #FFFFFF!important;
}
.mntrsvprsnl a:link, .mntrsvprsnl a:visited{
	color: #FFFFFF;
}
.chmpmntrsvprsnl{
	background-color: #B8B8B8;
	color: #C89B4A;
}
/* ******************************************** */
.mntrsvprsnl02 a:link, .mntrsvprsnl02 a:visited{
	color: #FFFFFF;
}
.chmpmntrsvprsnl02{
	background-color: #B8B8B8;
	color: #C89B4A;
}
.icone_coffre{
	width: 65px;
}
.infospaiements{
	clear: both;
	text-align: left;
	color: #DEDEDE;	
}
div.infospaiements b{
	text-decoration: underline;
	padding-left: 4px;
}
table#tab_injectreserv_perso tr td{
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;	
}
table#tab_injectreserv_perso input, table#tab_injectreserv_perso select{
	width: 408px;
	height: 38px;
}
.icon_viderreservperso{
	height: 25px;
}
div.card-header{
	margin-right: 15px;
	margin-left: 15px;
}
.inactif{
	color: #CCCCCC;
}
.centrerobjet{
	text-align: center !important;	
}
.centrerobjet input[type="checkbox"]{
	 /* Double-sized Checkboxes */
  	transform: scale(2); /* vendorPrefix */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	padding: 10px;
}
table#table_col_articles{
	width: 100%;
}
table tr td.colarticlelabel{
	width: 250px;
}
table#table_col_articles tr td, table#table_col_categories tr td{
	text-align: center !important;
}
.image_fin_page, .image_debut_page{
	width: 58px;
}
.cadre_fleche_basse, .cadre_fleche_haute{
	text-align: center;
}
.cadre_lib_deb_page, .cadre_lib_fin_page{
	color: #000000;
}
div.cadre_formulaire_recherche form dt, div.cadre_formulaire_recherche form dd{
	display: inline-block;
}
div.cadre_formulaire{
	width: 80%;
	margin: auto;
}
div.cadre_formulaire table{
	width: 100%;
}
div.cadre_formulaire textarea{
	height: 150px;
	width: 100%;
	margin-bottom: 25px;
}
#table_details_article{
	width: auto;
}
#table_details_article tr td{
	text-align: left;
}
.bouton_valider_entree{
	width: 190px;
	height: 45px;
}
.separateurstatsannees{
	color: #055898;
	font-size: 23pt;
	border: 1px solid #999;
	background-color: #CDE6F7;
	margin-bottom: 2px;
}
.boutonrestitue, boutonabandonne, .btdpmat{
    width: 115px;
}
.boutonrestitue{
    background-color: #883198;
}
.boutonabandonne{
    background-color: #086F98;
}
.tbldpmt tr td{
    text-align: left;
}
.colgche{
    width: 25%;
    text-align: left;
}
form[name='form_abandonner_depotmateriel']{
    font-weight: bolder;
    text-align: left;
}
.boutonvalider{
    margin-top: 8px;
}
.titrenumsuivi{
    background-color: #C9DEB2;
    color: #000000;
    font-weight: bold;
}
.justifie{
    text-align: justify;
}
.textdefaut{
    color: #C89B4A !important;
    font-size: 12px !important;
}
.lignetotaux{
    background-color: #0D465F;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #C89B4A;
}
.lignetotaux td{
    border: 1px solid #C89B4A;
}
.lignetotal{
    background-color: #0D465F;
}
.table_remboursement{
    margin: 5px 0 5px 0;
    width: 100%;
}
.bouton_remboursement{
    width: 45px;
}
.bouton_remboursement_icone{
    width: 20px;
}
.libremboursementgris{
    color: #AFAFAF;
}
.bouton_attention{
    width: 25px;
}
.cadreinfolimiteremboursement{
    margin-top: 8px;
    background-color: #FFFFFF;
    color: #F57900;
    font-weight: bold;
    font-size: 10px;
    padding: 2px 0 2px 0;
}
div#cadreformremboursement{
    margin-left: auto;
    margin-right: auto;
    width: 550px;
    text-align: left;
/*    border: 1px solid #000; */
}
div#cadreformremboursement label{
    width: 180px;
}
div#cadreformremboursement input[type="text"]{
    width: 298px;
    height: 45px;
}
div#cadreformremboursement input[type="submit"]{
    margin: 12px 0 0 192px;
}
.mntbienvisible{
    font-size: 18px;
    font-weight: bolder;
    color: #FFF;
}
.listderoulantebienvisible{
    width: 298px;
    height: 46px;
}
.liste_clients{
    text-align: left;
    padding: 0 0 2px 1px;
    font-weight: bold;
    font-size: 18px;
}
.reservepersonnelle span {
    font-size: 18px;
    font-weight: bolder;
    color: #FFF;
}
.insfostockarticle{
    width: 100%;
    margin-top: 3px;
}
table#insfostockartic tr th{
    background-color: #0398CA;
    border: 1px solid #f3f7f8;
    padding: 0 2px 0 2px;
    color: #fff;
}
table#insfostockartic tr td{
    background-color: transparent !important;
    border: 1px solid #f3f7f8;
    color: #fff;
    padding: 0 2px 0 2px;
    text-align: left;
}
.tabpaymtgroup{
	border-color: #C89B4A;
}
.tabpaymtgroup tr th, .tabpaymtgroup tr td{
    padding: 0 2px 0 2px;color: #C89B4A;
	border-color: #C89B4A;
}
.tpg0{
    background-color: #D2EEF4;
}
.cadrenum{
    background-color: #034664;
    color: #FFFFFF;
}
.class_imgversion{
    width: 120px;
}

table.historiqueversion{
    margin-left: 4px;
}

table.historiqueversion tr td.espacedescription table{
    width: 100%;
}
table tr th.colnumversion, table tr td.colnumversion{
    text-align: left;
    width: 85px;
}
table tr th.coldatemaj, table tr td.coldatemaj{
    text-align: left;
    width: 90px;
}
table tr th.coldescription, table tr td.coldescription{
    text-align: justify;
    padding-right: 4px !important;
}
table.historiqueversion tr td{
    padding: 0 0 8px 0 ;
}
p.presentationlog{
    padding-left: 4px;
    text-align: justify;
    font-weight: bold;
    padding-right: 5px;
}
.limhistdesc{
    border-bottom: 1px solid #C69B4B;
}
.cadre_stat_group{
    width: 100%;
    overflow: scroll;
}
div#filtre_fournisseur{
    display: inline-block;
}
.quatrebords{
    border: 1px solid #C83047;
}
.wcat{
    margin-left: 4px;
    margin-right: 4px;
	height: 80px;
	border: 1px solid #FFF;
}
.lgneresteapayer{
    font-weight: normal;
    font-size: 12px;
}
td.lgneresteapayer div{
    margin-left: 4px;
}
.artcat{
    margin: 1px 2px 1px 2px;
    border: 1px solid #f3f7f8;
}
.alertes{
    margin-bottom: 2px;
}
textarea#conditions_mentions_legales{
    width: 98%;
    height: 250px;
    margin-top: 35px;
    margin-bottom: 5px;
}
.cadre_mentions_legales{
    text-align: justify;
}
.bordeureerreur{
    border-width: 2px;
    border-color: #FF5555;
    border-radius: 4px;
}
.decaleadroite{
	margin-left: 35px;
}
.casechrdaf{
	background-color: #95CBE5;
	color: #246789 !important;
}

/* *********** Liste déroulante Select 2 ************** */
form#form_paiement .select2-selection__rendered {
	line-height: 50px !important;
}

form#form_paiement .select2-selection{
    height: auto !important;
	background-color: #CCCCCC;	
}
form#form_paiement .select2-selection__arrow{
	height: 50px !important;
}
form#form_paiement span#select2-id_client-container{
	color: #C89B4A;
	font-size: 30px;
}
/* *********** Fin iste déroulante Select 2 ************** */

.bootstrapinfosbulle{
	margin-top: 2px;
	width: 19px !important;
	height: 20px !important;
}
.icone_cle_licence{
	margin-top: 2px;
	height: 20px !important;
}
.info_bulle{
	text-decoration: underline;
	cursor: pointer;
}
.liste_nombre_paiement_mixte{
	width: 50px !important;
	height: 28px !important;
	font-size: 20px !important;
}
.classe_contenue_nbpart{
	margin-top: 8px;
}
div#cadre_contenue_nbpart input[type="text"]{
	width: 90px !important;
	font-size: 20px !important;
	height: 36px !important;
}
.champ_part_mixte{
	display: inline-block;
	margin-left: 18px;
}
.label_part_mixte{
	display: block;
	font-size: 16px !important;
	width: 90px !important;
	color: #F0F0F0;
	padding: 0 0 0 2px;
}
.liste_mode_paiement_mixte{
	width: 90px !important;
	height: 28px !important;
	font-size: 14px !important;
	margin-left: -15px !important;
	color: #715A31 !important;
	font-weight: bold !important;
}
span#select2-id_article-container, span#select2-reference-container{
	text-align: left;
}
.clss_mnt_mixte{
	font-weight: bold;
	color: #c9ab7a;
}
.total_mixte{
	font-size: 20px !important;
}
.tableau_detail_paiement_en_mode_xixte{
	width: 100%;
}
.dtls_mxte{
	padding-left: 60px;
}
.tableau_detail_paiement_en_plusieurs_fois tr th, .tableau_detail_paiement_en_plusieurs_fois tr td{
	padding: 0 3px !important;
}
.lib_totaux_droite{
	text-align: right !important;
	padding-right: 6px;
	font-weight: bold;
	font-size: 20px;
}
.totaux_gauche{
	text-align: left !important;
	padding-left: 6px;
	font-weight: bold;
	font-size: 20px;
}
div#champ_info_rend_monnaie_sur_titre{
	display: inline-block;
}























/*
===================================================================================
== app.css
===================================================================================
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 avr. 2020, 18:48:22
    Author     : issihaka
*/
.contoursite{
    width: 100%;
    margin: 0 auto;
}
h1#tr1{
    color: #ec5840;
}
form#auth label{
    width: 100px;
}
form#majauth label{
    width: 375px;
}
div#cadremdpoublie form#auth label, div#cadremdprovisoir form#auth label{
    width: 215px;
}
form#auth input[type='text'], form#auth input[type='password']{
    width: 280px;
	height: 40px;
}
div#cadremodifierutilisateur form button#modifiermotdepass_valider{
        margin-left: 135px;
}
.messageDeSucces{
	border:1px solid #40FF00;
	background-color:#D0F5A9;
	padding:5px;
	color:#000;
}

.messageDeConfirmation{
	border:1px solid #fc0;
	background-color:#ff9;
	padding:5px;
	color:#000;
}
.texte_barre{
    text-decoration:line-through;
}
.texte_maque{
    color: #6b4911;
    font-weight: bold;
}
/*
.messageDerreur
{
	border:1px solid #f00;
	background-color:#fcc;
	padding:5px;
	color:#000;
	margin: 15px 8px 15px 8px;
	text-align: justify;
}

.messageDalerte{
	border:1px solid #61380B;
	background-color:#F8E0E0;
	padding:5px;
	color:#B12222;
}

.texteDalerte{
	color:#F8E0E0;
	font-weight: bold;
}
*/
.thead-dark{
    background-color: #343A40;
    color: #FFF;
}

.thead-dark tr th{
    vertical-align: middle !important;
}

div#cadre_form_utilisateur label, div#cadremodifierutilisateur label{
    width: 150px;
}

/* div#cadre_form_utilisateur input, div#cadre_form_utilisateur select, div#cadremodifierutilisateur input, div#cadremodifierutilisateur select{
    width: 300px;
} */

div#cadremodifierutilisateur label{
    width: 130px;
}

.enligne{
    display: inline-block !important;
}

.agauche{
    float: left;
}

.adroite{
     float: right;
}
.centrertexte{
    text-align: center;
}
.cdregauche{
    float: left;
}

.cdredroite{
    float: right;
}

fieldset{
    border: solid 1px #D1D1D1 !important;
    padding-left: 11px !important;
    margin-top: 20px !important;
}

fieldset legend{
    padding: 0 15px 0 15px !important;
    font-weight: bold;
    color: #003962;
    width: auto !important;
    border-bottom: none !important;
}

div#cadresuperieurdebienvenue{
    background-color: #525252;
    height: 60px;
    margin-bottom: 20px;
}

div#cadredebienvenue{
    padding-top: 5px;
    background-color: #525252;
    color: #FFF;
    margin-top: -9px;
    margin-bottom: 20px;
}

div#cadreprincipal{
    min-height: 300px;
}

div#cadreprincipal article{
    min-height: 300px;
}

div#cadrelogon{
    margin: 98px auto 1px auto;
    width: 438px; 
}

nav#menuprincipal ul li a{
    text-transform: uppercase !important;
}
.petitlogo{
    height: 20px;
}
#cadrelibident{
    text-transform: uppercase !important;
    font-family: var;
    font-weight: bold;
    font-size: 12px;
    padding-left: 0px;
    color: #003962;
}
#cadremdpoublie{
    /*border: solid 1px green;*/
    margin-top: 20px;
    font-size: 10px;
    padding-left: 120px;
}
#cadreformmdpoublie{
    /*border: solid 1px red;*/
    margin: auto;
    text-align: left;
    width: 501px;
}
button#logon_valider{
    width: 280px;
}
.titredemmdpprovisoire{
    text-align: center;
}
#cadremotdepasseprovisoir{
    display: inline-block;
}
.titre_bonjour, .titre_service{
    text-align: center;
}
.titre_service{
    font-weight: bold;
    font-size: 18px;
}
.tableaubordbas{
    border-bottom: 4px solid #003962;
}
.tableaubordhaut{
    border-top: 4px solid #003962;
}
#tableau_liste_dossier{
    margin-top: 8px;
    width: 100%;
}
.iconteldossiers{
    width: 120px;
}
.iconboutonsoush1{
    width: 90px;
}
.cadrecontenu{
    border: 1px solid #CCC;
    padding: 4px 4px;
}
#cadreboutontelechargerexcel{
    text-align: right;
    padding-top: 8px;
}
#recherche_dossier_valider {
    display: inline-block;
    width:61px;
    height:54px;
    background:url('/images/recherche.png') top left no-repeat;
    text-indent:-9000px;
    text-transform: capitalize;
    line-height: -9999px;
    overflow:hidden;
    border: none;
    margin-left: 20px;
}
#tableau_recherche_dossier input, #tableau_recherche_dossier select{
    width:130px;
    height:54px;
    background-color: #E8E8E8;
}
#tableau_recherche_dossier tr td{    
    padding-right: 8px;
}
#tabs-identite label{
    width: 195px;
}
#tabs-identite input[type='text'], #tabs-identite select,
#tabs-cra input[type='text'], #tabs-cra select,
#tabs-preguda input[type='text'], #tabs-preguda select,
#tabs-postguda input[type='text'], #tabs-postguda select,
#tabs-domiciliation input[type='text'], #tabs-domiciliation select,
#tabs-hergement input[type='text'], #tabs-hergement select,
#tabs-mida input[type='text'], #tabs-mida select,
#tabs-asile input[type='text'], #tabs-asile select,
#tabs-sante input[type='text'], #tabs-sante select,
#tabs-aada input[type='text'], #tabs-aada select,
#tabs-acsocadmin input[type='text'], #tabs-acsocadmin select,
#tabs-refugie input[type='text'], #tabs-refugie select
{
    width: 300px;
}
#tabs-identite button{
    width: 300px;
    margin: 5px 0 0 199px;
}
.labelnumfoyer{
    width: 150px !important;
}
.labelnouveaunumfoyer{
    width: 75px !important;
}
.labelratacherfoyer{
    width: 65px !important;
}
#cadrnumfoyer{
    margin-top: 15px;
}
div#tabs-cra label{
    width: 250px;
}
div.radio_boutons{
    display: inline-block;
}
div#tabs-preguda label{
    width: 260px;
}
#cadreboutonsinferieursfiche{
    text-align: center;
    margin-bottom: 4px;
}
#cadreboutonsinferieursfiche label{
    color: #40B6AD;
    font-weight: bold;
}
#cadreboutonsinferieurspj{
    text-align: center;
    margin-bottom: 4px;
}
#cadreboutonsinferieurspj label{
    color: #1A9AE0;
    font-weight: bold;
}
form#formdossier div#cadrnumfoyer label.required{
    width: 80px;
}
.iconboutonsinferieurs{
    width: 42px;
}
.fichepj{
    width: 100%;
}
.fichepj th{
    background-color: #E8E8E8;
    text-align: center;
}
#pieces-jointes input[type="file"]{
    display: inline-block;
}
.colnblignes{
    width: 90px;
    text-align: center;
}
.coldate{
    width: 120px;
    text-align: center;
}
.colutilisateur{
    width: 160px;
    text-align: center;
}
div#tabs-postguda label{
    width: 260px;
}
div#tabs-domiciliation label{
    width: 260px;
}
div#tabs-hergement label{
    width: 260px;
}
div#tabs-mida label{
    width: 260px;
}
div#tabs-asile label{
    width: 260px;
}
div#dossier_id_liste_orientation_partenaire input[type="checkbox"]{
    width: 20px;
    margin-right: 0px;
    margin-left: 8px;
}
div#dossier_id_liste_orientation_partenaire input#dossier_id_liste_orientation_partenaire_0{
    width: 20px;
    margin-right: 0px;
    margin-left: 0px;
}
div#tabs-aada label{
    width: 260px;
}
div#tabs-acsocadmin label{
    width: 260px;
}
div#tabs-refugie label{
    width: 300px;
}
/*
div#tabs-cra div label, div#tabs-preguda div label, div#tabs-domiciliation div label, div#tabs-hergement div label, div#tabs-mida div label, 
div#tabs-mida div label, div#tabs-asile div label, div#tabs-sante div label, div#tabs-aada div label, div#tabs-acsocadmin div label, div#tabs-refugie div label{
    width: 40px;
}
*/
div.radio_boutons label{
    width: 40px !important;
}
div.radio_boutons input{
    width: 30px !important;
}
fieldset label{
    width: 100px;
}
/* curseur en form de pointeur de doigt */
img#opener-fiche {
    cursor: pointer !important;
}
img#opener-fiche hover {
    cursor: default !important;    
}
img#opener-pj {
    cursor: pointer;
}
img#opener-pj hover {
    cursor: default;    
}
/* ************************************ */
.iconboutonajoutase, .iconboutonajoutprocureur{
    width: 35px;
}
.texteboutonajoutase{
    color: #648306;
}
.cadreaseproc label{
    width: 80px !important;
}
.cadreaseproc{
    display: inline-block;
    width: 350px !important;
}
.boutonaseproc{
    display: inline-block;
    text-align: center;
    width: 90px;
}
div#cadre_form_ase label, div#cadre_form_procureur label{
    width: 90px;
}
div#cadre_form_ase input, div#cadre_form_ase select, div#cadre_form_procureur input, div#cadre_form_procureur select{
    width: 300px;
}
div#cadre_form_freresoeur label{
    width: 180px;
}
div#cadre_form_freresoeur input, div#cadre_form_freresoeur select{
    width: 300px;
}
div#cadre-infosutilisateur{
    margin-left: 25px;
}
div#cadremodifinferieur{
    width: 60px;
    text-align: center;
}
.soustitreboutondetail{
    padding-left: 8px;
    margin-top: -6px;
}
.soustitreboutonmodif{
    padding-left: 4px;
    margin-top: -6px;
}
.labact{
    width: 50px !important;
}
button#motdepasseoublie_valider{
    margin-left: 220px !important;
}
.discret{
    color: #D8D8D8;
}
.discret a:visited, .discret a:link, .discret a:active{
    color: #D8D8D8;
}
.logosuperieur{
    height: 54px;
    margin-top: -2px;
}
.tabsousmenu{
    width: 100%;
}
.tabsousmenu td.colg{
    text-align: left;
    width: 33%;
    padding-left: 16px;
}
.tabsousmenu td.colm{
    text-align: center;
    width: 34%;
}
.tabsousmenu td.cold{
    text-align: right;
    width: 33%;
    padding-right: 16px;
}
.info_numero{
    text-decoration: underline;
    color: #61380B;
    font-weight: bold;
}
.nom_appli{
    text-decoration: underline;
    font-weight: bold;
}
.version_appli{
    text-decoration: underline;
    font-weight: bold;
}
div.confirmrazmdp label{
    width: 80px;
}
div#validationrazmdp form{
    display: inline-block;
}
form#formconfirmrazmdp input[type="submit"]{
    background-color: #40B6AD;
}
form#formannulermrazmdp input[type="submit"]{
    background-color: #a5aeae;
}
.message_formulaire{
    width: 100%;
}
.decummul_quantite{
	width: 45px;
}
div#espace_paiement form#form_paiement input[type="text"], div#espace_paiement form#form_paiement select {
    height: 50px;
    font-size: 30px;
}
tr.colonnescentrees th{
    text-align: center;
}

.pointeur{
	cursor: pointer;
}

.na{
	width: 26px;
	height: 26px;
	border: 1px solid gray;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
	color: #000;
	border-radius: 13px;
	margin-right: 8px;
}

.nbdd{
	font-size: x-large;
	font-weight: bold;
	text-decoration: underline;
}
.widthcentpourcent{
	width: 100%;
}
.widthcinquantepourcent{
	width: 50%;
}
.widthvingthpourcent{
	width: 20%;
}
.colgaucheremise{
	width: 150px;
}
.table_utilisateur{
	color: #C89B4A;
}
table.tableform tr td{
	padding: 2px 0;
}
table.tableform tr td input[type='text'], table.tableform tr td textarea, table.tableform tr td select{
	width: 80%;
}
table.tableform tr td label{
	margin-left: 8px;
}
table.habilitations tr th{
	background-color: transparent!important;
	color:#C89B4A;
}
table.habilitations tr td{
	text-align: center;
}
.labelgauche{
	text-align: left;
	width: 120px;
}
.largeurcolonnegauchesociete{
	width: 200px;
}
.largeurcolonnegauchepourcentagereduction{
	width: 130px;
}
.largeurcolonnegauchetickettitrepaiement{
	width: 130px;
}
.colvarsmodifgauche{
	width: 150px;
}
label[for="importationclient_supprimer_fichier_importe_0"], label[for="fournisseur_remplacer_logo_0"]{
	display: none;
}
.logofournisseur{
	width: 80px;
}
.texteagauche{
	text-align: left;
}
.texteaucentre{
	text-align: center;
}
.texteadroite{
	text-align: right;
}
.cadremodifstockarticle{	
	text-align: left;
	margin: 2px 8px;
}
.cadremodifstockarticle label{	
	width: 230px;
}
.cadremodifstockarticle .lignecadre{
	margin-top: 9px;
}
.cadre_formulaire_depot_materiel table tr td.colonnegauche{
	width: 300px;
}
.cadre_formulaire_paiementenligne table tr td.colonnegauche{
	width: 250px;
}
form#paiementenligne input#paiementenligne_total_a_payer {
    height: 45px;
    background-color: #d9ebbb;
    color: #0070C0;
}
form#paiementenligne input#paiementenligne_montant_recu {
    height: 55px;
    background-color: #83926b;
    color: #FFFFFF;
}
.ligne_0{
	background-color: #285468!important;
}
.ligne_1{
	background-color: transparent!important;
}
table tr td span.remarquable, table tr th span.remarquable, table tr td.remarquable {
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
}
.disponible {
    font-weight: bold;
    font-size: 16px;
    color: #02b014;
}
.colgauche{
	width: 200px;
}
.colgauche{
	width: 200px;
}
tr.lignedetails{
	border-bottom: 1px solid #7E5F29;
}
tr.lignedetails td{
	padding: 2px 6px;
}
.tablemodifsociete tr td input[type='text'], .tablemodifsociete tr td textarea{
	width: 100%;
}
.classlogomodif{
	width: 85px;
}
form table tr td ul li{
	color: #F77A7A;
	font-weight: bold;
}
.coldroittableform input, .coldroittableform textarea, .coldroittableform select{
	width: 80%;
}
table#tabcreerdepot tr td.colonnegauche{
	width: 220px!important;
}
.decaler_haut{
	margin-top: 8px;
}
input[type="checkbox"]{
	margin-right: 5px!important;
}
.iconeqr{
	width: 52px;
}
div#ticketbonachat_remplacer_limage{
	display: inline-block;
}
/* ***************************************** */
/* ************** Bon d'achat ************** */
.cadrebonachat{
	display: flex;
	width: 718px;
	height: 340px;
	background-color: #FFF;
	border: 1px solid #969393;
	background-image:
		url("/images/cadeau_marron.png"),
		url("/images/cadeau_bleu.png"),
		url("/images/e_rouge_droit.png"),
		url("/images/e_blanc_centre.png"),
		url("/images/e_blanc_droit.png"),
		url("/images/e_bleu_centre_bas.png"),
		url("/images/e_bleu_gauche.png"),
		url("/images/e_blanc_gauche.png"),
		url("/images/fond_transparent_grille.png")
		;
	background-repeat: no-repeat;
}
.bordgaucheepais{
	background-color: #0276E3;
	width: 45px;
	height: 100%;
}
.cadredroit{
	width: 100%;
	height: 100%;
}
.logoticketbon{
	height: 94px;
	margin-left: 2px;
	margin-top: 2px;
}
.qrcodeticketbon{
	height: 94px;
	margin-left: 102px;
	margin-top: 2px;
}
div#etatdestock div{
	display: inline-block;
	margin-left: 8px;
}
.libboutonpdf{
	margin-top: -15px;
}
.panartbout{
	text-align:left;
}
.panartstk{
	width: 74px; overflow: hidden;
}
.panartcompt{
	text-align:left; padding-left:2px;
}
.panartcomptdiv{
	color:#E1E1E1;
}
.cadrecdbrexist{
	font-size: large;
	margin: 12px 0 12px 0;
}
.table_importarticle{
	text-align: left;
}
.table_importarticle tr td.colgauche{
	width: 200px;
	padding: 5px 0;
}
.table_importarticle tr td{
	padding: 5px 0;
}
table#detailspaiementticketsettitre tr td{
	padding-left: 5px;
	padding-right: 5px;
}
.valeur_negative{
	color: #6d172d!important;
}
.valeur_positive{
	color: #089103!important;
}
.cadre_logo_ouvrcaisse{
	width: 100%; 
	padding-right: 15px; 
	padding-left: 15px; 
	margin-right: auto; 
	margin-left: auto;

	display: flex;
	align-items: stretch;
}
.texte_remarquable{
	color: #7a0303 !important;
	text-shadow: 1px 1px 2px #884d50, 0 0 1em #f07878, 0 0 0.2em #f82727;
	font-size: 25px !important;
	font-weight: bold !important;
	height: 80px !important;
}
.texte_remarquable_ouverture{
	color: #345B02 !important;
	text-shadow: 1px 1px 2px #233a05, 0 0 1em #426613, 0 0 0.2em #4f7220;
	font-size: 25px !important;
	font-weight: bold !important;
	height: 80px !important;
}
.texte_remarquable_fermeture{
	color: #7a0303 !important;
	text-shadow: 1px 1px 2px #884d50, 0 0 1em #f07878, 0 0 0.2em #f82727;
	font-size: 25px !important;
	font-weight: bold !important;
	height: 80px !important;
}
.logo_ouvrcaisse_gauche{
	width: 80%;
}
.logo_ouvrcaisse_droit{
	width: 19%; 
	text-align: right;
}
.bouton_ouvrir_la_caisse{
	text-align: center;
	/* width: 130px; */
	float: right;
}
.bouton_ouvrir_la_caisse_gauche{
	text-align: center;
	/* width: 130px; */
	float: left;
}
.totalattendu{
	font-weight: bolder;
	font-size: x-large;
}
.totalattendu th{
	color: #554106!important;
}
.totalattendu td{
	color: #FFF!important;
}
.boxhaut{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;

	background: #F1F1F1;
	padding: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: -20px;

	display: flex;
	align-items: stretch;
}
.boxhaut img.degauche {
    height: 68px;
}
.boxhaut img.dedroite {
    height: 48px;
}
.label_ouverture_caisse{
	font-weight: bold;
}
.logo_ouvrcaisse_gauche p {
    font-size:3em;
    font-style:italic;
	display: inline-block;

}
.stylecaissedejaouverte{
	color: #048115;
}
.stlcssouvr{
	color: #048115;
}
.stylecaissedejafermee{
	color: #6d6d6d;
}
.stlcssferme{
	color: #6d6d6d;
}
.detafermcaissegauche{
	width: 300px;
}
.grostexte{
	font-size: xx-large;
}
.super_remarquable{
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
}
.stylecaisseouverte{
	color: #68B604;
}
.stylecaisseouvertepar{
	font-size: small;
}
.stylecaissefermee{
	color: #610000;
}
.stylecaisseattente{
	color: #EE6916;
}

div.modal-body div.cadremodifstockarticle input[type=text], div.modal-body textarea{
	/* width: 125px !important; */
}
div.modal-body div.colnbpieceseuro{
	margin-right: 60px;
}
div.modal-body div.imgbilleteuro{
	margin-right: 40px;
}
div.imgbilleteuro img{
	width: 150px;
}
div.modal-body div.imgpieceeuro{
	margin-right: 94px;
}
div.imgpieceeuro img{
	height: 76px;
}
div.cadremodifstockarticle div.lignecadre{
	border-top: 1px solid #c7c7c7;
	padding-top: 5px;
}
div.modal-body div.imgresulteuro{
	margin-right: 200px;
}
#fermeturedelacaisse textarea#fermeturecaisse_commentaires,
#ouverturedelacaisse textarea#ouverturecaisse_commentaires{
	width: 100%!important;
}
div.modal-body label{
	width: 200px!important;
}
.icogchedetails{
	height: 25px;
}
.chpsdroitecart{
	width: 140px;
}
.fondecartnegatif{
	background-color: #610000;
	color: #ffffff;
	font-weight: bold;
	padding-left: 4px;
}
.fondecartpositif{
	background-color: #0d1d01;
	color: #ffffff;
	font-weight: bold;
	padding-left: 4px;
}
.form-controlnonblocksanswidth {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.selectouvrcaisse{
	width: 150px;
}
.table_affichage tr td.statut_fermee{
	background-color: #554D4D!important;
	color: #FFFFFF!important;
}
.table_affichage tr td.statut_ouverte{
	background-color: #004600;
	color: #FFFFFF;
}
.soustexteouvrferm{
	font-size: small;
}
#depense_heure_depense_hour{
	width: 50%;
}
#depense_heure_depense_minute{
	width: 49.5%;
}
input#importationarticle_actionsurlarticleexistant_0{
	margin-right: 5px;
}
input#importationarticle_actionsurlarticleexistant_1{
	/* margin-left: 15px; */
	margin-right: 5px;
}
.table_importarticle td.colgauche{
	padding-right: 15px!important;
}

/* ********************** */
.tabledetbilletpiec{
	width: 100%;
	color:#FFFFFF;
	text-align: left; 
	padding-left: 8px;
	border-color: #C89B4A;
}
.tabledetbilletpiec tr td.colgauche{
	width: 120px;
	padding-left: 8px;
}
.tabledetbilletpiec tr td{
	padding: 0 8px 0 8px;
}
.ttbp{
	font-size: 15px;
}
.listearttarifs{
	font-size: large;
	padding-bottom: 4px;
}
div#modalFermercaisse div.modal-dialog div.modal-content div.modal-header{
	background-color: #A03E3E;
	color: #FFFFFF;
}
div#modalFermercaisse div.modal-dialog div.modal-content div.modal-body{
	border: 4px solid #A03E3E;
}
div#modalOuvrircaisse div.modal-dialog div.modal-content div.modal-header{
	background-color: #345B02;
	color: #FFFFFF;
}
div#modalOuvrircaisse div.modal-dialog div.modal-content div.modal-body{
	border: 4px solid #345B02;
}
div#myModal1 div.modal-body label{
	display : inline-block;
}
div#myModal1 div.modal-body input[type="text"]{
	display : inline-block;
}
div#myModal1 div.modal-body textarea{
	display : inline-block;
	/* width: 350px!important; */
}
.totalprepadevis{
	text-align: left;
	padding-left: 20px;
}
.laligneclient{
	width: 250px;
}
.champsremiseperso{
	background-color: #477fa7;
	color: #FFFFFF;
}
.boutondesactive{
	color: #7b7878;
	font-weight: bolder;
}
.boutonnumcaisse{
	display: block;
	background-color: #719fee;
	border: 4px double #1f69ec;
	color: #5C5C5C;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	border-radius: 50% 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	top: -40px; 
	left: 40px;
}
.mini_image{
	width: 18px;
}
.decale_bas{
	margin-top: 5px;
}

/* ######################################################### */
.cadreconsult{
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 8px;
	border: 1px solid #393939;
}
.elementenstock{
	color:#529949; 
	font-weight: bold; 
	position: absolute; 
	top: 80px; left: 50%; 
	transform: translate(-50%, -50%); 
	background:#FFF; 
	border:1px solid #EDEDED; 
	border-radius: 10px; 
	padding: 3px 7px;
}
.stockepuise{
	color:#E5E5E5; 
	font-weight: bold; 
	position: absolute; 
	top: 80px; left: 50%; 
	transform: translate(-50%, -50%); 
	background:#979797; 
	border:1px solid #EDEDED; 
	border-radius: 10px; 
	padding: 3px 7px;
}
.cadreprixconsul{
	font-size: 18px; 
	color:#F49E9E;
}
.cadrenomconsul{
	color:#CECECE;
}
.cadrerefconsul{
	color:#201D1D;
}
.stylimageconsulok{
	height:240px; 
	opacity: 0.2; 
	filter: alpha(opacity=20);
}
.stylimageconsulmanq{
	height:240px; 
	opacity: 0.2; 
	filter: alpha(opacity=20);
}
div#rechercheconsultation div{
	display: inline-block;
}
body div table.table-striped > tbody > tr:nth-of-type(2n+1){
	background-color: #195544;
}
.scrolhorizontal{
	width: 100%;
  	overflow-x: scroll;
}
div#ticketbonachat_fonction.form-control {
    height: auto !important;
}
div#ticketbonachat_fonction input:not(:first-of-type){
	margin-left: 12px;
}
.fondblanc{
	background-color: #FFF;
}
.couleurblanc{
	color: #FFF;
}



.ui-keyboard {
	z-index: 1051 !important; /* supérieur au modal Bootstrap (1050) */
}
.texte_plusdetails{
	color: #ffe8bd !important;
	font-size: larger;
}

button#rechercheexportarticle_export_excel, button#rechercheexportarticle_export_images{
	display: none;
}

div#bardevideos{
	display: flex;
	flex-flow: row;
	background-color: #FFFFFF;
}

.vignette{
	width: 150px;
	background-color: #FFFFFF;
}
.vignette{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

  /* S'assure qu'on peut positionner le panneau par rapport à la barre */
#boutons_inferieurs { position: relative; }

/* Conteneur du drop-up */
.dropup-wrapper {
  position: relative;
  width: max-content;
  margin: 8px auto 0;           /* centré sous la barre */
  z-index: 20;
  text-align: center;
}

/* L’onglet qu’on survole/clic */
.dropup-tab {
  border: 0;
  padding: 6px 12px;
  border-radius: 999px;
  background: #E3E3E3;          /* adaptez à votre thème */
  border: 3px #128718 solid;
  color: #000;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}

/* Le panneau déroulant, caché par défaut sous l’onglet */
.dropup-panel {
  position: absolute;
  left: 0;
  bottom: 100%;
  min-width: 440px;  
  max-height: 250px;       /* Limite la hauteur */
  overflow-y: auto;   
  padding: 8px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);  /* glisse vers le haut à l’ouverture */
  transition: transform .22s ease, opacity .22s ease, visibility 0s .22s;
  pointer-events: none;
  text-align: left;
  background: #E3E3E3;
  border: 3px #128718 solid;
}

/* Items du menu */
.dropup-panel a {
  display: block;
  padding: 8px 10px;
  color: #1f7db3;
  text-decoration: none;
  border-radius: 8px;
  font-size: x-large;
}
.dropup-panel a:hover { background: rgba(255,255,255,.08); }

/* OUVERTURE au survol OU au focus (clavier) */
.dropup-wrapper:hover .dropup-panel,
.dropup-wrapper:focus-within .dropup-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;         /* visible immédiatement */
  pointer-events: auto;
}

.cerclemseatte {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  width: 80px;
  height: 30px;
  transition: all 0.5s;
  position: relative;
  padding-top: 1px;
}
.enregister_miseenattente{
	color: #000;
}
.petitmessageapi{
	font-size: smaller;
}
input#article_prix_vente{
	background-color: #d7ecda;
}
.config_afficher_erreurs_api_sku{
	background-color: #467559;
}
.config_afficher_site_stock_supplementaire{
	background-color: #1b7970;
}
.enligneapi{
	display: inline-block!important;
	width: 50%!important;
}
div#rechercheexportarticle_categories label{
	margin-right: 25px;
}
.scroll-x{
	overflow: auto;
	white-space: nowrap;
}
.icocmaparstk{
	width: 25px;
}
button.as-text{
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: inherit;          /* ou une couleur de lien: #0d6efd */
  text-decoration: underline;
  cursor: pointer;
}
button.as-text:focus{
  outline: 2px solid currentColor;
  outline-offset: 2px;     /* accessibilité */
}

/* ************* début Animation loader ************* */
#liencomparstk {
  display: inline-flex;
  flex-direction: column;
  align-items: center; /* centre le loader sous le lien */
}

.nav-loader {
  margin-top: 6px;
  height: 16px;
  display: inline-flex;
  gap: 6px;
}

.nav-loader .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;           /* hérite de la couleur du texte */
  opacity: 0.6;
  animation: nav-bounce 1s infinite ease-in-out;
}

.nav-loader .dot:nth-child(2) { animation-delay: 0.15s; }
.nav-loader .dot:nth-child(3) { animation-delay: 0.30s; }

@keyframes nav-bounce {
  0%, 80%, 100% { transform: translateY(0); opacity: 0.4; }
  40%          { transform: translateY(-6px); opacity: 1; }
}

/* petit feedback visuel sur le lien pendant le chargement */
.js-nav-link.is-loading {
  opacity: 0.7;
  pointer-events: none; /* bloque les doubles clics après le premier */
}
/* ************* fin Animation loader ************* */

div#cadrelistelogconnexion{
	overflow: auto;
}

.messagemodulenonautorise{
	margin: 25px 15px;
	font-size: larger;
}