@charset "utf-8";

/*
vert		: #5abf29
marron		:
bleu  		: #0075bd
*/

/* corrections bootstrap */
.bg-success, .bg-danger, .bg-primary {color: #000;}
.help-block {color: #FFF;}
/* fin corrections bootstrap */
.vert_table {font-weight: bold;
    color: #090;
    height: 20px;
    border-top: 1px solid #666;
    vertical-align: bottom;
    font-size: 1.1em;
}
.bg-vert-clair {
	background-color: #97cf97 !important;
}
.bg-jaune-clair {
	background-color: #fdf784 !important;
}
body{font-size: 14px;background-color: #FFF !important;}
a {text-decoration: none;}
h2 {text-align: left; margin: 2em auto 1em auto;}
b, strong, em {color: inherit;}
ul, ol {text-align: left; list-style-position: inside;}
ul li {list-style-type: square; margin: 1em auto;}
input, select, button, textarea {vertical-align: middle; font-family: arial, sans-serif; font-weight: bold; font-size: 16px;}
label {padding-left: 5px; color :black;}
.help-block{line-height: 15px;}
li {list-style-type: none !important;}
.fa-chevron-right {color: #5abf29;}
.middle-box h1 {margin-left: 0 !important;}
.loginscreen.middle-box {
    width: 600px !important;
}
.postit {
	background-color: #FFC;
	background-image: url(../images/punaise.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: left 5px top 5px;
	padding-left: 30px;
}
.info-enreg {font-weight: bold; font-size: 18px;}

.middle-box {
    max-width: 600px !important;
}
[class*='-keyboard-shortcuts-dialog-view']{
    display:none !important;
}
.td-composteuse {padding: 1px !important;max-width: 100px !important;}
.td-composteuse .input-date {font-size: 9px !important;}
.menu-link:hover {color:#5abf29 !important;}
.valeur-date {font-size:12px;}
/*///////////////LOGIN PAGE/////////////////*/
.middle-box h1 {margin-left: -100px;}
.color-vert {color: #5abf29;}
.btn-primary {background-color: #5abf29 !important;border-color: #5abf29 !important;color: #FFF !important;}

.btn-outline-primary {
	background-color: #ffffff !important;
    border-color: #5abf29 !important;
    color: #5abf29 !important;
}
.form-control:focus, .single-line:focus {border-color: #5abf29 !important;}
.container-fluid {background-color: #FFF;}
.badge-danger {color: #FFF; background-color: #dc3545;}
.badge-primary {color: #FFF; background-color: #007bff;}
.badge-success {color: #FFF; background-color: #28a745;}
.badge-dark {color: #FFF; background-color: #343a40;}
.badge-warning {color: #212529; background-color: #ffc107;}
.badge-info {color: #FFF; background-color: #17a2b8;}
.badge-mpdx {
    font-size: 14px;
    color: #ffffff;
    background-color: #ea8408;
    padding: 10px;
}
.badge-primary:hover {color: #007bff; background-color: #FFF;}
.badge-dark:hover {color: #343a40; background-color: #FFF;}
/*//////////////////////////////////////////*/

td {text-align: left; color: black;}
a img {border: 0;}
.noir {color: #000;}
.vert {color: #5abf29;}
h1 {font-family: arial; text-align: left; color: #5abf29 !important; font-weight: bold !important;}
h3 {color: black;}
img.bouton_vert {margin: 20px auto;}
tr.bas_tableau {background: #DEE5E8 url(../images/bg_ombre_sup.gif) repeat-x scroll 0 0;}
tr.bas_tableau td {border-right: 0;}
a.bouton, input.bouton {
	border: 1px solid #5abf29;
	background-color: #5abf29;
	/*border-radius: 5px;*/
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.8em;
	display: block;
	padding: 3px 10px;
	width: auto;
	color: #FFF;
	/*text-shadow: 1px 1px 2px #000;
	box-shadow: 2px 2px 3px #999;*/
	/* margin: 10px; */
}
a.bouton1, input.bouton1 {
	border: 1px solid #009759;
	background-color: #009759;
	/*border-radius: 5px;*/
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.8em;
	display: block;
	padding: 3px 10px;
	width: auto;
	color: #FFF;
	/*text-shadow: 1px 1px 2px #000;
	box-shadow: 2px 2px 3px #999;*/
	/* margin: 10px; */
}

a.bouton-disabled, input.bouton-disabled {
	border: 1px solid #b3b3b3;
	background-color: #b3b3b3;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.8em;
	display: block;
	padding: 3px 10px;
	width: auto;
	color: #FFF;
	pointer-events: none; /* Empêche tous les événements de clic */
	/* margin: 10px; */
}

a.bouton-disabled:hover {
	background-color: #b3b3b3;
	cursor: not-allowed;
	color: #FFF;
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
	background: inherit !important;
	border:none !important;
}

/*a.bouton:link {background-color: #5abf29;}*/
.bouton:hover {color: #5abf29; text-decoration: none; background-color: #FFFFFF;}
.bouton1:hover {color: #009759; text-decoration: none; background-color: #FFFFFF;}
a.bouton_gris {color: #999; background: #DDD url(../images/bg_gris.jpg) repeat-x;}
a.bouton_gris:hover {color: #000; border: 1px #999 solid;}
/* tr.ligne_paire {background-color: #EEE; color: #000;} */
/* tr.ligne_impaire {background-color: #DDD; color: #000;} */
.alert {font-size: 1.5em;clear: both;}
p.intro {text-align: justify; border-left: 5px solid #3589a0; padding-left: 10px; margin: 1em auto 2em;}
.indication  {font-style: italic; font-weight: normal; font-size: 1.1em; color: black;}
form table {width: 100%; text-align: left;}
/*th, td {vertical-align: top;}*/
table.voir {border-collapse: collapse; border: 1px solid #FFF; font-size: 10px; color: #000;}
table.voir td, table.voir th {padding: 3px 5px; border: 1px solid #FFF; text-align: left; vertical-align: bottom; font-size: 1.2em;}
table.voir th {background-color: #5abf29; color: #FFF; font-weight: bold; font-size: 1.4em;}
a.jimprimepas.btn.btn- {color: black;}
a.jimprimepas.btn.btn-:hover {color: #5abf29;}
#ins_form td.ins_champ {color: black;}

#back-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 46px;
}

/*********************************
### BANDEAU SUPERIEUR
*********************************/
#header {width: 1024px; margin: 0 auto;}

#bandeau_sup {height: 120px; border-bottom: 2px #5abf29 solid; padding: 10px; padding-right: 0px !important; background-color: #EEE;}
#bandeau_sup a {color: #5d5d5d;}
#bandeau_sup .logo {border: 0; height: 100px;}
#menu_haut {height: 65px; position: relative;}
#menu_haut div.bloc_menu {
	width: 70px;
	height: 50px;
	margin: 5px;
	float: left;
	text-align: center;
	padding: 5px; border: 0;
	font-size: 0.9em;
	color: #666;
	text-align: center;
}
div.bloc_menu a {text-decoration: none;}

/*#alertes {margin: 5px auto; padding: 5px;}*/
#alertes .bloc {width: 60px; height: 60px; float: left; margin-right: 5px;text-align: center; background-color: #ea8408;}
#alertes .bloc h1 {font-size: 18px; text-transform: uppercase; text-align: center; margin: 0; color: #FFF !important;}
#alertes .bloc .nb {font-size: 2em; color: #FFF;}
#alertes .bloc:hover {background-color: #5abf29; cursor:help;}

/* calendrier en feuille */
div.feuille_calendrier {background-color: white; border: 2px #444 solid; width: 70px; color: black; text-align: center; float: left; margin: -5px 5px 5px 20px; font-family: arial;}
div.cal_nom_jour {background-color: #09C; color: white; border-bottom: 2px #444 solid; text-align: center;}
div.cal_no_jour {background-color: white; color: red; font: 2.5em bold; font-family: tahoma; height: 40px; text-align: center;}
div.cal_mois_an {border-top: 2px #444 solid; font-size: 1.2em; font-weight: bold; text-align: center;}


/*********************************
### INDEX / ACCUEIL
*********************************/
#login_form {border: 2px solid #5abf29; margin: 50px auto; width: 500px;}
#login_form h2 {margin: 0 auto 10px auto; padding: 5px 0 0 20px;}
#menu_accueil {font-size: 18px;}

#logo {width: 300px; height: 100px; background-color: transparent; margin: 0 10px 15px 0;}


#bloc_actualites {width: auto; height: 50px; margin-top: 10px;}
.slideshow {
   /*width: 1000px;*/
   height: 75px;
   overflow: hidden;
   border: 2px solid #ea8408;
   padding: 5px;
   background-color: #ea8408;
   /*border-radius: 5px;*/
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 400%;
   height: 50px;
   padding: 0; margin: 0;
   list-style: none;
}
.slideshow li {
   float: left;
   height: 65px;
   width: 100%;
   list-style: none;
   margin: 0;
   font-size: 1.2em;
}

.cursor-pointer {
	cursor: pointer;
}

.slideshow h2 {margin: 0 10px 0 0; padding: 0; color: #FFF; font-weight: bold;}
.slideshow p {margin: 0; color: #FFF;}

.middle-box a {text-decoration: none !important;}

/*********************************
### DEMANDE DE PRESTATION
*********************************/
#carte_chantier {width: 100%; height: 350px; border: 1px #FFF solid; margin: 1em auto;}

#listesemaine {display: none; border: 1px dotted #666; background-color: #000; padding: 5px; margin: 5px auto; width: 70%;}
#listesemaine table {width: 100%;}
#ajax-loader-action {font-size: 10px; font-style: italic;}

#consignes_javascript {display: none; text-align: left;}
/* .form-control, .single-line {margin-bottom: 7px !important;} */
.bloc_presta {border: 1px black solid; vertical-align: top;padding: 0;}
.bloc_presta ul {margin-top: 20px !important; color: black;}
.bloc_presta li {line-height: 14px; color: black;}
.bloc_presta h2 {margin-left: 20px;}
/* .bloc_presta .lien {height: 50px;} */
.bloc_presta .visuel {width: 100%; height: 100px;}
#dechiquetage .visuel {background: transparent url(../images/dechiquetagepresta.jpg) no-repeat 0 -15px;}
#composteuse .visuel {background: transparent url(../images/composteusepresta.jpg) no-repeat 0 -35px;}
#epandeur .visuel {background: transparent url(../images/epandeurpresta.jpg) no-repeat 0 -15px;}
#effluent .visuel {background: transparent url(../images/effluentspresta.jpg) no-repeat 0 -15px;}
#toasteur .visuel {background: transparent url(../images/toasteurpresta.jpg) no-repeat 0 -60px;}
#nettoyage .visuel {background: transparent url(../images/nettoyagepresta.jpg) no-repeat -90px -15px;}
.detail_choix {display: none; background-color: #cd853f; border: 1px #000 solid; border-radius: 3px; margin: 5px auto; padding: 3px;}
.bloc_presta .bouton1 {min-height: 80px;}
.bloc_presta .bouton {min-height: 80px;}
/*********************************
### DEMANDE D'ADHESION / COMPTE
*********************************/

#adhesion_form {margin: 2em 1em; border-top: 1px solid #ea8408; border-bottom: 1px dotted #FFF; font-size: 1.2em;}
#adhesion_form form {margin: 1em auto;}
#carte_compte {width: 100%; height: 400px; border: 1px #FFF solid; margin: 1em auto;}
#form_profil {clear: both;}
/*********************************
### CHANTIERS
*********************************/
div.menu_nav {clear: both; margin: 1em auto; text-align: center;}

div.semaine {
	border: 1px #5abf29 solid;
	background-color: #EEE;
	color: #333;
	height: auto;
	text-align: center;
	margin-bottom: 15px;
	padding: 1em;
}
div.semaine table,.tabl_stats {border-collapse: collapse;}
div.semaine tr.total td, .tabl_stats tr.total td {font-weight: bold; color: #090; height: 20px; border-top: 1px solid #666; vertical-align: bottom; font-size: 1.1em;}
div.semaine b {color: #000;}
div.semaine th, .tabl_stats th {background-color: #333; color: #FFF; padding: 3px; font-weight: bold; font-size: 1.2em; text-align: left;}
div.semaine h2 {margin: 0;}
div.semaine table, .tabl_stats {border: 1px solid #333; width: 95%; margin: 1em auto; font-size: 12px;}
div.semaine table img.puce {vertical-align: middle; margin-right: 3px; width: 7px;}
div.semaine .realise {font-weight: bold;}
/* div.semaine .nonrealise {font-style: italic;} */
div.semaine div.telmobile {
	width: 40px; height: 32px;
	background: transparent url(../images/telmobile.png) no-repeat center right;
	color: #F00;
	line-height: 32px;
	font-size: 20px;
	text-align: left;
	margin: auto 3px;
	text-shadow: 1px 1px 1px #000;
}
.legende table td {vertical-align: middle;}

#conteneur_onglets {height: 30px; position: relative; top: -5px; left: 0; margin-bottom: 10px;}
a.onglet, a.onglet_actif {
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	float: left;
	padding: 2px 20px;
	margin: auto 10px;
	background: #2B748F url(../images/bg_bouton_survol.jpg) repeat-x;
	color: #FFF;
	font-size: 12px; font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.onglet_actif {border-bottom: 4px #F7A807 solid;}
a.onglet:hover {background: #F7A807 url(../images/bg_bouton.jpg) repeat-x}
.commentaire_user {
	display: none;
	border: 1px solid #666; background-color: #FFC;
	padding: 3px; color: #000;
	position: relative; top: 0; left: 0;
	z-index: 0;
}

/* CARTES */
#carte_tournee {width: 100%; height: 700px;border: 1px #FFF solid;}
.infomarqueur {background-color: inherit;}

/*********************************
### BON DE TRAVAIL
*********************************/
.form_bt label {font-size: 1.2em; color: #5abf29;}
#fin_bt {display: inline-block !important; width: 25% !important;}
#bon_travail {text-align: left; border: 2px solid #ea8408; padding: 20px;}
#bon_travail .adresses address {text-align: left;}
#bon_travail input[type=number] {width: 100px;}
#voir_bt img {max-width: 80%;}
.fond_blanc {background-color: #FFF;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -2px;
}

.btn-success {background-color: #5abf29; border-color: #5abf29;}

@media (max-width: 1024px) {#bandeau_sup .logo {height: 40px;}#infos_user {font-size: 10px;}}

/*********************************
### PIED DE PAGE
*********************************/
#footer {text-align: center; font-size: 0.9em; margin: 50px auto 1em; border-top: 2px #AAA dotted; width: 100%; padding: 10px; clear: both; color:black;}
#footer a {text-decoration: none; font-style: italic; font-family: arial; font-weight: bolder; color:black;}

/*********************************
### STATISTIQUES
*********************************/
#liste_mois{margin: 0; margin: 1% auto; font-size: 0.8em;}
#liste_mois li  {display: inline-block; margin-left: 5px; margin-top: 5px; padding: 5px; background-color: #e6680d;}
#liste_mois li a {color: #FFF; text-decoration: none;}
#liste_mois li:hover {background-color: #d9225a;}
#liste_mois li.actif {background-color: #d9225a;}
#liste_mois li.bilan  {background-color: #d9225a;}
#liste_mois li.bilan:hover {background-color: #e6680d;}
.date_fact {width: 75%; font-size: 1.1em;}
.form_fact {margin:0;}
.btn-ok {padding: 1%;}

.tabl_stats tr td {padding: 3px; color: #333;}
.tabl_stats tr th {padding: 3px; color: #FFF;}
#bilan {clear: both;}
.tabl_stats tr th.centrer {}
.small, small {color: black;}

#pseudobox .pseudo_ligne {background-color: #ffffff;}
#pseudobox .pseudo_ligne:hover {background-color: #5abf29;}
#pseudobox {
    color: black;
    background-color: #FFF;
    position: absolute; 
    z-index: 50;
    width: 45%;
    max-height: 500px;
    overflow: auto;
    padding: 5px;
    border: 1px #e6680d solid;
    text-align: left;
}

#recap_facture_user_choisi {display: none;}

/* BT */
.ligne_totaux_BT {background-color: #5abf29;}

#signature_chauffeur {margin-top: 20px;}
#signature_adherent {margin-top: 20px;}

.jSignature {width: 100% !important; border: 1px solid black !important;}
.gros-input{display: inline-block !important;width: 25% !important;}
.bande_verte
{
	background-color: #5abf29;
    padding-left: 25px;
    padding-right: 25px;
}

.adresses address {font-size: 1.5em;}
.navbar {padding-top: 0px !important; padding-bottom: 0px !important;border-bottom: 1px solid #5abf29; }

.bloc_presta .lien a {font-size: 18px;}

#demandePresta_form legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
    font-size: 13px;
}

#demandePresta_form fieldset
{
  border: 1px solid #CCC;
  max-width:500px;
  padding:16px;	
}

@media (max-width: 720px) 
{
	#bandeau_sup .logo {display: none;}
	a.bouton, input.bouton {font-size: 1.2em !important;}
	a.bouton1, input.bouton1 {font-size: 1.2em !important;}
	#bandeau_sup {height: 250px;}
	.bloc_presta ul {margin-top: none !important;}
	#alertes .bloc {height: 48px !important; width: 40px !important; font-size: 9px !important;}
	#infos_user {border-left: 5px #0075bd solid;padding-left: 10px;margin-left: 50px !important;height: 45px;text-align: left;color: black;}
	#bloc_actualites {display: none;}
	.bloc_presta h2{display: none;}
	div.feuille_calendrier {display: none;}
	.middle-box h1 {font-size: 100px !important;margin-left: 0px !important;}
	h1 {text-align: center;margin: 0px;font-size:17px !important;}
	.indication {font-size:11px !important;}
	h2 {margin:5px !important; font-size:16px !important;}
	p {font-size:12px !important;}
}

@media (min-width: 720px) and (max-width: 770px)  
{
	div.feuille_calendrier {display: none;}
}

@media (max-width: 1062px) 
{
	#bandeau_sup .logo {display: none;}
	.bloc_presta h2{display: none;}
	/*.bloc_presta ul {margin-top: 70px !important;}*/
}

@media (max-width: 1420px) 
{
	#bandeau_sup .logo {height: 70px !important;}
}

@media (max-width: 1788px) 
{
	#bandeau_sup .logo {height: 85px;}
}

@media (min-width: 1200px) 
{
	.bloc_presta .bouton {min-height: 65px;}
	.bloc_presta .bouton1 {min-height: 65px;}
	.bloc_presta ul {padding-left: 1rem;}
	#bloc_organisation .bouton {font-size: 18px;}
	#bloc_organisation .bouton1 {font-size: 18px;}
}

@media (max-width: 1199px) 
{
	.bloc_presta .bouton {min-height: 50px;}
	.bloc_presta .bouton1 {min-height: 50px;}
	#alertes {margin-top: 10px !important;}
	.bloc_presta {margin-bottom: 10px;}
}

@media (max-width: 767px) 
{
	#dechiquetage .visuel {background: transparent url(../images/dechiquetagepresta.jpg) no-repeat 0 -15px;background-size: cover;}
	#composteuse .visuel {background: transparent url(../images/composteusepresta.jpg) no-repeat 0 -35px;background-size: cover;}
	#epandeur .visuel {background: transparent url(../images/epandeurpresta.jpg) no-repeat 0 -15px;background-size: cover;}
	/* #effluent .visuel {background: transparent url(../images/noprestaimg.jpg) no-repeat 0 -160px;background-size: cover;} */
	#toasteur .visuel {background: transparent url(../images/toasteurpresta.jpg) no-repeat 0 -60px;background-size: cover;}
	#nettoyage .visuel {background: transparent url(../images/nettoyagepresta.jpg) no-repeat 0px -15px;background-size: cover;}
}

@media (min-width: 721px) and (max-width: 1199px)
{
	#alertes {margin-top: 27px !important;}
}

tr.vert_chantier_planifie
{
	background-color: #E2F0C9 !important;
}

tr.blanc_chantier_non_planifie
{
	background-color: #FFFFFF !important;
}