/* ------------------------------------ *
 CSS main
 * ------------------------------------ */
 /* ================ DOM ==============*/
 :root{
 	--vert-site: #006568;
 	--vert-fond: #dae9d6;
 	--vert-fonce: #053f40;
 }
 
html{height:100%;}
body {
	font-family: arial, sans-serif;
	font-size: 80%;
	height:auto;
	width:auto;
	background-color: #D8D3D3;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
/* FIN */
a{
	outline:none;
	text-decoration: none;		
	color:var(--vert-site);
}
.div_bloc_link{
	margin-top: 10px;
	padding-left:5px;
}
.div_bloc_link a{
	outline:none;
	text-decoration: none;
	
}
.div_bloc_link a:hover{
	text-decoration: underline;	
	color:yellow;
}

.t2{
	color:var(--vert-site);
	text-decoration: underline;
	padding-bottom:5px;
}
.t3{
	color:var(--vert-site);
	font-weight:bold; 
	padding-bottom:5px;	
}

/* FORMULAIRES */
input{
	border-top:none;
	border-left:none;
	border-right:none;		
}
input:required{
	border-bottom-color: red;
}
input:valid{	
	border-bottom:1px solid var(--vert-site);
}

input:focus{
	background-color:#cbdebc;
	outline:none;
}
input:invalid{
	background-color: #f5c1c1;
}
input:read-only{
	cursor:default;
	border-bottom:1px dotted #b9bfc0;
}
input[type="checkbox"]{
	margin-left:0px;
}
textarea{
	margin-left:-4px;
}
#devis_remarque,#facture_remarque{
	width:100%;
}
.bloc_std input{
	border-top:1px dotted #b9bfc0;
	border-left:1px dotted #b9bfc0;
	border-right:1px dotted #b9bfc0;
}


select{
	/*margin-left:4px;*/
	cursor:pointer;
}

.param_fin_dev_col1{
	flex:1;
}
.param_fin_dev_col2{
	flex:1;
}
/*
  Classes pour IconFa.class
*/

.div_icon_fa_button{
	cursor:pointer;
}
.div_icon_fa_button:hover{
	color:blue;
}
.div_icon_fa_color_site{
	color: var(--vert-site);
}

.div_icon_fa_color_white{
	color: white;
}
.div_icon_fa_color_red{
	color: red;
}

/* ==== Btn accepter et refuser ==== */
.div_btn_accepter{
	color : white;
	text-align: center;	
	font-size: large;
	background-color: var(--vert-site);
	border-radius: 10px;
	border:var(--vert-site) solid 2px;
	width: 20%;
	height: 50px;
	margin:10px;
	padding-top: 20px;
	cursor: pointer;
}
.div_btn_accepter:hover ,.div_btn_refuser:hover{
	border:black solid 2px;
	color:yellow;
}
.div_btn_refuser{
	color : white;
	text-align: center;
	font-size: large;
	background-color:red;
	border-radius: 10px;
	border:red solid 2px;
	width: 20%;	
	height: 50px;
	margin:10px;
	padding-top: 20px;
	cursor: pointer;	
}

/* ==== Liens locaux / sur la meme page ==== */
.lien_local_btn{
	width:80%;
	padding-right:10px;
	text-align: right;	
	color:white;
}
.lien_local_top{	
	cursor:pointer;
}
.lien_local_top :hover{	
	color:yellow;	
}

.action_admin a{
	color : blue;	
}
.action_admin :hover{
	text-decoration: underline;
}

.action_normal a{
	color:var(--vert-site);
}
.action_normal a:visited{
	color:var(--vert-site);
}
.action_normal :hover{
	text-decoration: underline;
}


.texte_titre{

	width:20%;
	margin-left:5px;
}
.info_mail
{
	display: flex;
	justify-content: center;
	text-align: center;
}
.text_info{
	border: 1px solid var(--vert-fonce);
    margin-top: 5px;
    padding: 5px;
    background-color: var(--vert-fond);
    color: var(--vert-fonce);	
}
.text_btn_before{
	margin-right: 5px;
}
.text_small{
	font-size: small;	
}
.text_underline{
	text-decoration: underline;
}

.text_error{
    padding: 5px;
    background-color: red;
    color:white;
}

.txt_surligne{
	background-color: var(--vert-site);
	color: white;
}
.txt_important{
	color:var(--vert-site);
	font-weight: bold;
}
.txt_flash{
	border:solid 1px red;
	background-color: yellow;
}
.txt_red{
	color:red;
}
.txt_rose{
	color:#ff80c0;
}
.txt_blue{
	color:blue;
}
.txt_green{
	color:green;
}
.txt_white{
	color:white;
}
.txt_orange{
	color:darkorange;
}
.txt_var{
	color:white;
	background-color: var(--vert-site);
}
.txt_like_link:hover{
	text-decoration: underline;
	cursor:pointer;
}
.txt_align_center{
	text-align: center;	
}
.txt_a_lire{
	line-height: 22px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.txt_align_right{
	text-align: right;	
}
.select_opt_group{
	font-weight: bold;
}

/* ====== EDITEUR TEXTE ===============*/
.editeur_texte{
	
	height: 100px;
	border: 1px solid black;
	padding: 5px;
	overflow: auto;	
	background-color: white;
	color:black;
}
.editeur_sujet{
	
	height: 20px;
	border: 1px solid black;
	padding: 5px;
	overflow: auto;	
	background-color: white;
	margin-bottom:5px;
	color:black;
}
/*=================DROITS===========*/
#form_par_droits input{
	width:30px;
}
/* ================ CAL ==============*/
.cal_user_select{
	display:inline-block;
	vertical-align:top;
}
.cal_user_select_liste{	
	width:200px;
}
.cal_Evt{
	font-size: 9px;
	border:1px solid var(--vert-site);  	
	border-radius: 5px; 
	padding-left:1px;
	padding-right:1px;
}
#evt_col2 .checkbox{
	margin-left: 5px;
}
/*
#cal_events_termine,#cal_events_perso,#cal_events_urgent, #cal_events_visu_externe,#contacts_visu_externe {
	margin-left: 5px;
}
*/
.cal_week_periode{
	height:20px;	
}

.cal_week_bloc_evt{
	width:100%;
	position:absolute;
}
.cal_week_evt{
	text-align: center;
	border-bottom:1px solid blue;	
	/*font-size: small;*/
	line-height: 0.95em;
	padding-top:3px;
	background-color:yellow;
	cursor:pointer;
	z-index:1;	
}
.cal_week_evt_multi{
	display:flex;
}
.cal_week_evt_multi .cal_week_evt{
	flex:1;	
}
.cal_week_evt_type01{
	background-color: red;
}
.cal_week_evt_type02{
	background-color: green;
}
.cal_week_evt_type03{
	background-color: yellow;
}

.cal_week_table{
  /*table-layout: fixed;
  width: auto;*/
  width:100%;
  border-collapse: collapse;
  border: 3px solid var(--vert-site);
}
.cal_week_table th{
	background-color: var(--vert-site);  	
	color:white;
}
.cal_week_table td,.cal_week_table td th{
	border:1px solid var(--vert-site);
}
#cal_week_table_td_heure{
	width:50px;
	vertical-align: top;
	text-align: right;
	padding-right:5px;
	background-color: var(--vert-site);
	color:white;
}
.cal_week_table_td_jour{
	/*min-width:calc((100vw - 100px)/7);*/
	/*width:12.5%*/
}

.cal_week_col_jour{
	position:relative;
	/*height:calc(100vh - 200px);*/	
	/*min-width:250px;*/
	/*width:100%;*/
	height:700px;
	background-color: #D8D3D3;
}
.ui-resizable-helper{
	border:2px dotted black;
}
/* ================ FIN TEST ==============*/

.menu_start_admin{
	list-style-type: none;
	text-align: center;
	padding:0;
}
.menu_start_admin a{
  outline: none;
  text-decoration: none;
  display: inline-block;
  width:80%;
  text-align: center;
  line-height: 2;
  color: var(--vert-site);  
  margin:10px 0px;
  border: 3px solid var(--vert-site);  
  font-size: 3em;
  font-weight: bold;
}
.menu_start_admin a:hover{
  background-color:var(--vert-site);
  color:white;	
}
.text_gras{
	font-weight: bold;
}
/*==== JQUERY UI CSS=====*/
.ui-dialog-buttonset .dialog_btn_suppr{
	color:red;
}
.ui-dialog-buttonset .dialog_btn_save{
	color:var(--vert-site);
}
.ui-tooltip{
	/* activer les retours � la ligne */
	white-space:pre-line;
}
.dialogstyleperso .ui-state-information {
    border: 1px solid #2c2f81;
    background: #3774a0;   /* bleu - pour anciens navigateurs */
    background: -moz-linear-gradient(top, #3774a0 0%, #3774a0 55%, #316e9b 57%, #316e9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3774a0 0%,#3774a0 55%,#316e9b 57%,#316e9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3774a0 0%,#3774a0 55%,#316e9b 57%,#316e9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3774a0', endColorstr='#316e9b',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}
.dialogstyleperso .ui-state-warning {
    border: 1px solid #e36802;
    background: rgb(255, 0, 0);   /* orang� - pour anciens navigateurs */
    background: -moz-linear-gradient(top, rgb(255, 0, 0) 0%, rgb(255, 0, 0) 55%, rgb(255, 0, 0) 57%, rgb(255, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgb(255, 0, 0) 0%,rgb(255, 0, 0) 55%,rgb(255, 0, 0) 57%,rgb(255, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgb(255, 0, 0) 0%,rgb(255, 0, 0) 55%,rgb(255, 0, 0) 57%,rgb(255, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8119', endColorstr='#f8790f',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}
#conteneur{
	/* 	
	conteneur flex du header et du main
	align� sur une colonne 
	hauteur de 99% de la taille de l'ecran
	*/
	display: flex;
	flex-direction:column;
	border : 1px solid black;
	height:100vh;
}

header{
	/* 
	conteneur flex du header_ligne_info et alert
	align� sur une colonne 
	hauteur de 35px
	*/
	/*background: #053f40 url("images/ui-bg_gloss-wave_30_3d3644_500x100.png") 50% top repeat-x;*/
	/*flex-direction:column;*/
	flex-basis:38px;
	padding-top:1px;
	border-bottom:1px solid black;
	border-radius:6px;
	margin-bottom:1px;
	background: linear-gradient(to right,#053f40, var(--vert-site));
}
.btn_mode_affichage{
	margin-left: 10px;
}

#header_rdv{	
	margin-top:2px;
	text-align: center;
}
#header_evt_panel{
	height:14px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}

#header_evt_suiv{
	background-color: #F4D365;
	border-radius: 20px;
}

#header_ligne_info{
	/* 
	conteneur flex du header_titre et du btn_login
	align� en ligne par defaut
	*/	
	display: flex;
	justify-content: space-between;	
}

#header_titre{
	font-weight: bold;
	color:#bbf9ff;
}
#header_text_info{
	color:white;
}

#header_ligne_info div{
	padding-left:5px;
	padding-right:5px;
}
#header_ligne_alert{
	color:#CAC7C7;
	padding-left:5px;
	padding-right:5px;	
}
#div_header_alert{
	padding-left:2px;
}
.header_alert_info{
	background-color: white;
	color:var(--vert-site);
	
	
	animation-duration: 2s;
  	animation-name: defil;

}
@keyframes defil {
  from {
    padding-left: 10%;
    color:red;
  }

  to {
    padding-left: 2px;
    color:var(--vert-site);
  }
}
/*
.header_alert_error{
	
}
*/
#main{
	/* 
	conteneur flex du menu et de la page
	par defaut align� de gauche � droite
	Hauteur 100% du parent (conteneur) 
	*/
	display: flex;	
	flex-basis:100%;
}
#menu{
	
	background-color: #053f40;	
	color:white;
	flex-basis:109px;
	padding:3px;
}
#page{
	/* 
	conteneur flex de la section et du footer
	align� en colonne avec un espace entre 
	Hauteur definie pour scroll overflow
	// 91% du viewport pour ecran PC ok
	*/
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	background-color: white;
	max-height:91vh; 
	overflow:auto;
	width:100%;
}

#section{		
	flex:2;	
	padding : 0px;
	/*border:1px solid black;*/
}
#footer{
	display:flex;
	height:20px;
	background-color:var(--vert-fonce);
	color:white;
	position:fixed;
	bottom: 0;
	width:100%;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	
}
/* ============= FIN DOM """""""""""""""*/

/* PARAMETRES COULEUR DESIGN */
.input_design{
	width:60px;
	cursor:pointer;
}
/* comportements globaux */
.display_none
{
	display:none;
}

/* dialogues jquery ui */
.dialog_info a:hover{
	background-color: var(--vert-site);	
}
.dialog_info a:link{
	text-decoration:none;	
}
.dialog_form label, dialog_form input
{
	display:block;
	margin-top: 5px;
}
.dialog_form fieldset
{ 
	margin-top:10px;
	margin-bottom:20px;
}
/* Taches � faire */
#div_menu_task_todo{
	display:block;
	cursor : pointer;
	position:relative;
	margin: 2px 0 0 0;
	background-color: #F4D365;
	color: var(--vert-site);
	font-size: 100%;
	font-weight:bolder;
	text-align:center;
	border: 1px solid #dcd9de;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.menu_task{
	border : 1px solid black; 
	padding-left:2px;
	padding-right:2px;
	border-radius: 50%;
	cursor:pointer;
}
.menu_task:hover{
	background-color: var(--vert-site);
	color:#F4D365;
}

/* menu ui*/

.lien_menu ul{
	list-style: none;
	padding-left: 2px;
	padding-right:2px;
	padding-top:5px;	
	
}
.lien_menu a{
	outline:none;
	text-decoration: none;		
	color:white;
}
.lien_menu a:hover{
	outline:none;
	text-decoration: underline;		
	color:yellow;
}


#div_ui_menu_accordion h3{
	padding:0px;	
}

#div_ui_menu_accordion ul{
	list-style: none;
	padding-left: 2px;
	padding-right:2px;
	padding-top:5px;	
}

/* BOUTONS */
.btn_editeur{
	width: 30px;
	color:white;
	background-color: var(--vert-site);
	cursor:pointer;
	text-align: center;
}
.btn_editeur_champs{
	color:white;
	background-color: var(--vert-site);
	cursor:pointer;
	text-align: center;	
}
.btn_editeur_g{
	font-weight: bold;
}
.btn_editeur_i{
	font-style: italic;
}
.btn_editeur_s{
	text-decoration: underline;
}


.btn_color{
	background-image: none;
}
.linkLikeButton
{
	display:inline-block;
}
.img_fa_title{
    position: relative;    
    color: white;
    width: 20px;
}

.img_fa_title_no_color{
    position: relative;   
    width: 20px;
}
.img_fa_btn_liste{
    color: var(--vert-site);
    width: 25px;
    text-align:center;
    padding:1px;
    cursor:pointer;
    margin-right:1px;	
}

.img_fa_btn_big{
    color: var(--vert-site);
	font-size: 30px;    
    text-align:center;
    padding:1px;
    cursor:pointer;
    margin:1px;	
}
.img_fa_btn_big:hover{
    color: blue;
    margin:0;
    border : 1px solid blue;
}
.img_fa_btn{
    color: white;
    width: 25px;
    text-align:center;
    padding:1px;
    border:1px solid white;
    cursor:pointer;
    margin-right:1px;
}
.img_fa_btn:hover{
    color: var(--vert-site);
	background-color: white;
}

.img_fa_bloc{
    position: relative;
    top: 1px;
    color: var(--vert-site);
    width: 20px;	
}

.btn_red
{
	background:none;
	background-color: #E2B5B3;
	border-color: red;	
}

.btn_classique
{
	width:max-content;
	cursor : pointer;
	color:	var(--vert-site);
	border-radius:3px;
}
.btn_classique:hover
{
	background-color: var(--vert-site);
	color:white;
}
#btn_big_connect{
	width:100%;
	font-size: 5em;
	font-weight:bold;
	cursor:pointer;
	padding: 50px 0;
	border:5px solid var(--vert-site);
	color:var(--vert-site);
}
#btn_big_connect:hover{
	background-color: var(--vert-site);
	color:white;
}
.btn_1818
{
	height: 18px;
	width:18px;
	border : 0px;
	padding:0px;	
	background-color: var(--vert-site);
}

.btn_7018
{
	height: 18px;
	width:70px;
	border : 0px;
	cursor : pointer;
	padding:0px; 
}
.btn_4418
{
	height: 18px;
	width:44px;
	border : 0px;
	cursor : pointer;
	padding:0px;	
}
.btn_calcul_diags{
	color:var(--vert-site);
	cursor:pointer;	
}
.btn_prix_histo{
	background-image: url( '../images/comparer-prix.png' );
	border:none;
	height:14px;
	width:18px;
	margin-left:2px;
	cursor:pointer;
}
.btn_prix_histo:hover{
	background-image: url( '../images/comparer-prix-survol.png' );	
}
.btn_suppr_lot{
	margin-left:2px;
	color:var(--vert-site);
	cursor:pointer;
}
.btn_suppr_lot:hover{
	color:red;
}
/*
.btn_display_info{
	color:var(--vert-site);
}
*/
.btn_calcul_diags:hover, .btn_display_info:hover{
	color:blue;	
}

.btn_diags{
	height: 14px;
	border:none;
	cursor:pointer;
	margin-left:5px;
	opacity:0.8;
}
.img_diags{
	height: 14px;
	border:none;
	margin-left:2px;
	opacity:0.8;
}

.logo_preview{
	max-width:250px;
	max-height:70px;
}
.logo_site{
	width:280px;
	height:90px;
	display:block;
}

.btn_diags:hover{
	opacity:1;
	border:1px solid var(--vert-site);
}
.btn_d_am
{
	background-image: url( '../images/amiante.png' );
	width:19px;
}
.btn_d_cz
{
	background-image: url( '../images/carrez.png' );
	width:17px;
}
.btn_d_dpe
{
	background-image: url( '../images/dpe.png' );
	width:23px;
}
.btn_d_dv
{
	background-image: url( '../images/dv.png' );
	width:17px;	
}
.btn_d_el
{
	background-image: url( '../images/elec.png' );
	width:17px;
}
.btn_d_erp
{
	background-image: url( '../images/erp.png' );
	width:23px;
}
.btn_d_gz
{
	background-image: url( '../images/gaz.png' );
	width:17px;
}
.btn_d_pb
{
	background-image: url( '../images/plomb.png' );	
	width:17px;
}
.btn_d_tm
{
	background-image: url( '../images/termites.png' );
	width:17px;
}
.btn_d_am_off
{
	background-image: url( '../images/amiante-gris.png' );
	width:19px;
}
.btn_d_cz_off
{
	background-image: url( '../images/carrez-gris.png' );
	width:17px;
}
.btn_d_dpe_off
{
	background-image: url( '../images/dpe-gris.png' );
	width:23px;
}
.btn_d_dv_off
{
	background-image: url( '../images/dv-gris.png' );
	width:17px;	
}
.btn_d_el_off
{
	background-image: url( '../images/elec-gris.png' );
	width:17px;
}
.btn_d_erp_off
{
	background-image: url( '../images/erp-gris.png' );
	width:23px;
}
.btn_d_gz_off
{
	background-image: url( '../images/gaz-gris.png' );
	width:17px;
}
.btn_d_pb_off
{
	background-image: url( '../images/plomb-gris.png' );	
	width:17px;
}
.btn_d_tm_off
{
	background-image: url( '../images/termites-gris.png' );
	width:17px;
}
.btn_d_am_nd
{
	background-image: url( '../images/amiante-non-demande.png' );
	width:19px;
}
.btn_d_cz_nd
{
	background-image: url( '../images/carrez-non-demande.png' );
	width:17px;
}
.btn_d_dpe_nd
{
	background-image: url( '../images/dpe-non-demande.png' );
	width:23px;
}
.btn_d_dv_nd
{
	background-image: url( '../images/dv-non-demande.png' );
	width:17px;	
}
.btn_d_el_nd
{
	background-image: url( '../images/elec-non-demande.png' );
	width:17px;
}
.btn_d_erp_nd
{
	background-image: url( '../images/erp-non-demande.png' );
	width:23px;
}
.btn_d_gz_nd
{
	background-image: url( '../images/gaz-non-demande.png' );
	width:17px;
}
.btn_d_pb_nd
{
	background-image: url( '../images/plomb-non-demande.png' );	
	width:17px;
}
.btn_d_tm_nd
{
	background-image: url( '../images/termites-non-demande.png' );
	width:17px;
}
.btn_plus_01
{
	background-image: url( '../images/plus.png' );
	cursor : pointer;
}
.btn_plus_01:hover
{
	background-image: url( '../images/plus-survol.png' );
	cursor : pointer;
}
.btnvalid_survol
{
	background-image: url( '../images/bouton-valide-survol.png' );
}

.btn_add_admin_cab
{
	background-image: url( '../images/plus-admin-cabinet.png' );
}
.btn_add_admin_cab:hover
{
	background-image: url( '../images/plus-admin-cabinet-survol.png' );
}

.btn_delete_01
{
	background-image: url( '../images/supp-poubelle.png' );
	cursor:pointer;
}

.btn_delete_01:hover
{
	background-image: url( '../images/supp-poubelle-survol.png' );

}

.btn_update_01
{
	background-image: url( '../images/edit-stylo-texte.png' );
}
.btn_update_01:hover
{
	background-image: url( '../images/edit-stylo-texte-survol.png' );
}
.btn_slot{
	cursor:pointer;
	color: var(--vert-site);
}
.btn_slot:hover{
	color: blue;
}
.btn_lot_edit, .btn_slot_edit{
	cursor:zoom-in;
}
.btn_lot_edit:hover, .btn_slot_edit:hover{
	background-color:var(--vert-site);
	color:white;
}
.input_prix_lot{
	width : 50px;
	font-size: 80%;
	text-align:end;
	margin-left:2px;
	border :none;
	border-bottom:1px solid var(--vert-site);
}
.input_prix_lot:focus{
	outline:none;
	background-color: var(--vert-site);
	color:white;
}
.input_dev_pos_designation{
	width: 95%;
}
/* boutons type batiment */
.btn_type_bat{
	color:var(--vert-site);
	font-size: 30px;
	cursor : pointer;
	opacity: 0.2;
	margin-bottom:2px;
}

/* FORMULAIRES */
.label_oui_non{
	width : 40px;
}
.label_no_width{
	display :inline-block;
		
}
.label_std{
	display :inline-block;
	width : 90px;	
}
.label_grand{
	display :inline-block;
	width : 150px;	
}

.label_35px{
	display :inline-block;
	width : 35px;	
}
.label_long{
	display :inline-block;
}
.label_30pc{
	display :inline-block;
	width:30%;
}
.label_margin_left{
	margin-left: 10px;
}
.input_300px{
	width:300px;
}

.input_90pc{
	width:90%;
}
.input_95pc{
	width:95%;
}

.input_100pc{
	width:100%;
}

.input_4em{
	width:4em;
}
.input_5em{
	width:5em;
}
#div_dest_email_1{
	flex:0.7;
}
#div_dest_email_2{
	flex:10;
}
#div_dest_email_3{
	flex:0.1;
}
.select_date_pc_p1{
	/*< 1949*/
	background-color: brown;
}
.select_date_pc_p2{
	/*1/1/1949 - 30/6/1997*/
	background-color: red;
}
.select_date_pc_p3{
	/*1/7/1997 - 2006*/
	background-color: blue;
	color:white;
}
.select_date_pc_p4{
	/*> 15 ans (2006)*/
	background-color: green;
}

.form_dossier input[type="radio"]{
	display:none;		
	}
.form_dossier input[type="radio"] + label{
 	padding: 2px;
	border: 1px dashed #ccc;
}	
.form_dossier input[type="radio"]:checked + label{
	border: 1px solid;
	opacity: 1;
	background-color: var(--vert-site);
	color:white;
}

input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;	
	height: 14px;
	width: 14px;
	border: 1px solid;
	vertical-align: middle;
	cursor:pointer;
}
input[type="checkbox"]:checked{
	background-color: var(--vert-site);
 	background-image: url( '../images/bouton-valide.png' );
	background-size: contain;
}

.form_std input[type="radio"]{
	display:none;
}
.form_std input[type="radio"] + label{
 	padding: 2px;
	border: 1px dashed #ccc;
}
.form_std input[type="radio"]:checked + label{
	border: 1px solid #000;
}
.form_std div{
	/* margin : 5px; */
}
.form_std label{
	display : inline-block;
}
.form_type_contact{
	margin-right:2px;
}
.form_label_tous_dossier{
	width:150px;
}
/* TAILLE */
.w30{width:30px;}
.w50{width:50px;}
.w50pc{width:50%;}
.w60{width:60px;}


/* INPUT SEARCH */
#dossiers_adr_batiment{
	width : 270px;
}

#dossiers_surface{
	width:70px;
}
/* SELECT */
.select_civilite{
	width : auto;
}

/* BLOCS MODULE */
.module{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/	
	flex-direction:column;
}
.module_graph{
	width : 90%;
}
.module_no_wrap{
	display: flex;
	flex-direction:column;
}
.module_space{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	flex-direction:column;
}
.module_aligne_right{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;	
}

.module_aligne{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*background-color: yellow;*/	
}
.module_center{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/*background-color: yellow;*/	
}

.module_aligne_no_wrap{
	display: flex;
	justify-content: space-between;
	/*background-color: yellow;*/	
}

.module_aligne_nospace{
	display: flex;
	flex-wrap: wrap;
	/*background-color: yellow;*/	
}
.module .bloc,.module_no_wrap .bloc{
	background-color: #f8f8f8;
	min-width:20vh;
	margin : 1px;
}

.module .bloc_std,.module_no_wrap .bloc_std{
	border : solid 1px black;
	box-shadow: 2px 2px 8px black;
	/*height:150px;*/
	padding : 5px;	
}
.module .bloc_form,.module_no_wrap .bloc_form{
	border: solid 1px silver;
	padding: 5px;
	margin: 5px;
}


/* TYPES BLOCS */
#bloc_last_actions{
	margin-top:5px;
	padding:2px;	
	background: #dae9d6 url("images/ui-bg_highlight-soft_100_dcd9de_1x100.png") 50% 50% repeat-x;
	border:1px solid white;
	font-size: 90%;	
}

.bloc > .titre{
	padding-top:1px;
	background-color: var(--vert-site);
	color: white;
	padding-left:2px;
	margin-bottom : 5px;
	align-items: center;
	display: flex;
	min-height:21px;
}
.ui-widget-content .titre{
	background-color: var(--vert-fonce);
}
.ui-widget-content .bloc_form{
	border:1px solid var(--vert-fonce);
	margin-top:5px;
	padding:5px;
	background-color: var(--vert-fond);
	color:var(--vert-fonce);
}
.bloc_no_border{
	border:0px;
	padding:0px;
	margin:0px;
}
.bloc_moyen{
	flex:1;
}

.module .bnew_btn{
  display: flex;
  align-items: center;
  justify-content: center;	
}

/* TELEPHONE*/
#tel_conteneur{
	display:flex;
	flex-direction: column;
	background-color: var(--vert-site);
	color:white;	
}
#tel_header{
	background-color: var(--vert-fonce);
	display: flex;
	justify-content: space-between;
	padding:5px;
}
#tel_header a{
	color:white;
}
#tel_header > div:nth-child(2) {
    display: flex; /* Active Flexbox */
    justify-content: flex-end; /* Aligne les éléments enfants (les boutons) à droite */
    align-items: center; /* Centre les éléments verticalement s'ils n'ont pas la même hauteur */
    gap: 10px; /* Ajoute un espace entre les boutons */
}
#tel_main{
	padding:5px;
	overflow-y: auto; /* défilement */
	-webkit-overflow-scrolling: touch; /* défilement sur iOS */	
	
    height: calc(100vh - 75px); /* Ajuster les px à la somme des hauteurs de header + footer */	
}
#tel_footer{
	background-color: var(--vert-fonce);
	position:fixed;
	bottom: 0;
	width:100%;
	padding: 5px 0;
	flex-direction: column;
	display:flex;
	align-items: center;
}
#tel_resetAllEvents{
	margin-right: 10px; 
	padding: 5px 10px; 
	background-color: rgb(192, 192, 192); 
	color: var(--vert-site); 
	border: none; 
	border-radius: 5px; 
	cursor: pointer;	
}
.tel_bloc_event{
	font-size: 16px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--event-color, #000);
    border-left: 10px solid var(--event-color, #000);
    padding: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden; /* Cache le contenu qui dépasse au cas où */
    /* La transition pour slideToggle est gérée par jQuery, mais on garde 'all' pour les autres propriétés */
    transition: all 0.3s ease-in-out; 
}
.tel_bloc_event:hover {
    transform: translateY(-2px); /* Soulève légèrement le bloc */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Ajoute une petite ombre */
}

.tel_bloc_event:hover .tel_bloc_event_main_info {
    /* Utilise une couleur très claire basée sur la couleur de l'événement, ou une couleur neutre */
    background-color: rgba(var(--event-color-r, 0), var(--event-color-g, 0), var(--event-color-b, 0), 0.1);
}

/* Conteneur des infos principales (nom et date) */
.tel_bloc_event_main_info {
    display: flex; /* Active flexbox pour le nom et la date */
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 5px; /* Petit espace entre les infos principales et les détails cachés */
    transition: background-color 0.3s ease-in-out;
    gap: 5px; /* Espace entre les blocs enfants (le row top et l'adresse) */
}
/* conteneur du nom et de la date */
.tel_info_row_top {
    display: flex; /* Active Flexbox pour aligner le nom et la date sur la même ligne */
    flex-direction: row; /* Nom et date sur la même ligne */
    align-items: center;
    justify-content: flex-start; /* Aligne à gauche */
    width: 100%; /* Prend toute la largeur disponible dans le parent */
    gap: 10px; /* Espacement entre le nom et la date */
}


/* Style pour l'adresse de l'événement */
.tel_event_address {
    margin-top: 10px; /* Espace au-dessus de l'adresse */
    margin-bottom: 10px; /* Espace en dessous de l'adresse et avant les boutons */
    font-size: 0.95em;
    color: #444; /* Une couleur un peu plus foncée pour la lisibilité */
    line-height: 1.4;
}
/* Style pour l'adresse visible dans l'en-tête de l'événement */
.tel_event_address_visible {
    width: 100%; /* Prend toute la largeur disponible */    
    color:floralwhite;
    display: flex; /* Pour aligner l'icône et le texte */
    align-items: center;
    gap: 5px; /* Espacement entre l'icône et le texte */
    padding: 0;
    white-space: nowrap; /* Évite le retour à la ligne si possible */
    overflow: hidden;
    text-overflow: ellipsis;
}

.tel_event_address_visible i {
    color: var(--event-color, #000); /* L'icône prend la couleur de l'événement */
}
.tel_event_address strong {
    color: #222; /* Rend le mot "Adresse:" plus prononcé */
}

.tel_bloc_event_name{
	/* Permet à ce div de prendre l'espace disponible, mais pas trop pour laisser de la place à la date */
    flex-grow: 1; /* Permet au nom de prendre l'espace restant */
    flex-shrink: 1; /* Empêche le nom de rétrécir */
    text-align: left; /* Aligne le texte à gauche dans ce div */
    padding: 0;
    white-space: nowrap; /* Empêche le retour à la ligne pour le nom si possible */
    overflow: hidden; /* Cache le texte qui dépasse */
    text-overflow: ellipsis; /* Ajoute des points de suspension si le texte est tronqué */
    color: white;
    font-weight: bold;
}
.tel_bloc_event_date{
    flex-shrink: 0; /* Empêche la date de rétrécir */
    text-align: right; /* Aligne la date à droite à l'intérieur de son div */
    padding: 0px;
    min-width: 150px; /* Largeur minimale pour la date pour éviter qu'elle ne se réduise trop */
    font-weight: bold;	
    color: white;	
}
.tel_bloc_event_date_urgent{
    flex-shrink: 0; /* Empêche la date de rétrécir */
    text-align: right; /* Aligne la date à droite à l'intérieur de son div */
    padding: 0px;
    min-width: 150px; /* Largeur minimale pour la date pour éviter qu'elle ne se réduise trop */
    font-weight: bold;	
    color: rgb(255, 128, 128);	
}


.tel_bloc_event_details {
	max-height: 0;
	opacity:0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
    color: #555;
    background-color: rgb(224, 224, 224);     
    border-radius: 0 0 5px 5px;
}
.tel_bloc_event.expanded .tel_bloc_event_details {
    max-height: 1000px;/* Assure que le bloc est toujours assez haut pour son contenu réel*/  
    opacity: 1; 
    padding:10px;
    margin-top: 5px;
}

.tel_bloc_event_details p {
    margin: 0; /* Supprime les marges par défaut des paragraphes dans les détails */
    color: #333;
}



.tel_update_button {
  
    background-color: var(--vert-site);  
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}
.tel_detail_button {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    text-decoration: none; 
    font-size: 0.9em;
    cursor: pointer;
    display: flex;  
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    flex-shrink: 0; 
}


.tel_detail_button:hover {
    background-color: #e0e0e0;
    border-color: #999;
}
.tel_detail_button i {
    margin-right: 5px; /* Espacement entre l'icône et le texte */
}
/* Styles spécifiques pour le groupe SMS */
.tel_sms_button_group {
    display: flex;
    align-items: center;
    gap: 5px; /* Espace entre les éléments du groupe SMS */
    flex-wrap: nowrap; /* Empêche ce groupe de passer à la ligne à l'intérieur */
    border: 1px solid var(--event-color, #000); /* Bordure de la couleur de l'événement */
    border-radius: 5px; /* Coins arrondis pour l'encadrement */
    padding: 3px 5px; /* Petit padding interne pour ne pas coller les éléments à la bordure */    
}
.tel_sms_delay_minutes {
    font-weight: bold;
    font-size: 1em;
    min-width: 40px; /* Assure une largeur minimale */
    text-align: center; /* Centre le texte des minutes */
}
.tel_sms_button_minus,
.tel_sms_button_plus {
    padding: 5px 8px; /* Plus petit padding pour les boutons +/- */
    background-color: #ddd;
}
.tel_sms_button_minus:hover,
.tel_sms_button_plus:hover {
    background-color: #bbb;
}
.tel_sms_button_send {
    background-color: var(--event-color, #000); /* Couleur de la marque pour le bouton SMS final */
    color: white;
    border-color: var(--event-color, #000);
}
.tel_sms_button_send:hover {
    filter: brightness(1.1); /* L'éclaircir au survol */
    border-color: var(--event-color, #000);
}
.tel_details_buttons_container {
    display: flex;
    flex-wrap: wrap; /* Permet aux boutons de passer à la ligne si l'espace est insuffisant */
    gap: 10px; /* Espace entre les boutons */
    margin-top: 10px; /* Espace au-dessus des boutons */
    margin-bottom: 15px; /* Espace en dessous des boutons et avant la liste des contacts */
    justify-content: flex-start; /* Aligne les boutons au début */
}

.tel_contacts_list {
    margin-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); /* Séparateur visuel */
    padding-top: 10px;
}

.tel_contact_item {
    display: flex;
    flex-direction: column; /* Nom et boutons s'empilent par défaut */
    align-items: flex-start; /* Aligne le contenu à gauche */
    background-color: rgba(255, 255, 255, 0.1); /* Légère couleur de fond */
    border-bottom: 1px dotted var(--vert-site);
    padding-bottom: 2px;
    margin-bottom: 5px; /* Espace entre chaque contact */
}

.tel_contact_item p {    
    font-size: 1em;
    color: #333; /* Couleur de texte plus foncée pour la lisibilité */
}

.tel_contact_item p strong {
    color: var(--vert-fonce);
}

.tel_contact_buttons {
    display: flex;
    flex-wrap: wrap; /* Permet aux boutons de passer à la ligne si besoin */
    gap: 5px; /* Espace entre les petits boutons */
    margin-top: 5px; /* Espace au-dessus des boutons du contact */
}

/* Style pour les petits boutons */
.tel_small_button {
    padding: 5px 10px; /* Plus petit padding */
    font-size: 0.8em; /* Texte plus petit */
}

/* Ajustement pour les groupes SMS des petits boutons */
.tel_small_button_group .tel_sms_button_minus,
.tel_small_button_group .tel_sms_button_plus {
    padding: 3px 6px; /* Encore plus petit pour les +/- */
}

.tel_small_button_group .tel_sms_delay_minutes {
    font-size: 0.9em; /* Ajuster la taille du texte des minutes */
    min-width: 30px; /* Réduire la largeur minimale */
}

/* Rendre le bouton Maps général et les boutons contact-spécifiques plus distincts */
.tel_maps_button {
    background-color: #4285f4; /* Couleur Google Maps */
    color: white;
    border-color: #4285f4;
}
.tel_maps_button:hover {
    background-color: #357ae8;
    border-color: #357ae8;
}
/* Style pour le bouton Waze */
.tel_waze_button {
    background-color: #36BFEE; /* Couleur de la marque Waze */
    color: white;
    border-color: #36BFEE;
}
.tel_waze_button:hover {
    background-color: #2da1d0;
    border-color: #2da1d0;
}
.tel_call_button {
    background-color: #28a745; /* Vert pour appel */
    color: white;
    border-color: #28a745;
}
.tel_call_button:hover {
    background-color: #218838;
    border-color: #218838;
}

/* Surcharge pour le bouton SMS d'un contact, s'il a besoin d'une couleur spécifique */
.tel_contact_buttons .tel_sms_button_send {
    background-color: var(--vert-site);
    color: white;
    border-color: var(--event-color, #000);
}
.tel_contact_buttons .tel_sms_button_send:hover {
    filter: brightness(1.1);
    border-color: var(--event-color, #000);
}
.tel_checkbox_group {
    display: flex; /* Utilise Flexbox pour un alignement horizontal */
    justify-content: space-between; /* Distribue l'espace de manière égale entre les éléments */
    align-items: center; /* Aligne les éléments verticalement */
    margin-top: 10px;
    margin-bottom: 10px;
    gap: 10px; /* Ajoute un espace entre les cases à cocher */
    flex-wrap: wrap; /* Permet aux éléments de passer à la ligne si l'écran est petit */
}

.tel_checkbox_label {
    display: flex; /* Pour aligner la case et le texte */
    align-items: center;
    gap: 5px; /* Espace entre la case et le texte */
    font-size: 0.9em;
    color: #333; /* Couleur de texte plus foncée */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
}

/* ============= FIN TEL ======================= */
/* bloc login */
.module_login{
	display:flex;
	min-height: 100vh;
	background-color: var(--vert-site);
	flex-direction: column;
	align-items: center;
	color:white;
	
}
.bloc_login_header {
	width: 100%;
	background-color: var(--vert-fonce);
	display:flex;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#div_btn_valider_login{
	margin: 20px 20px;
	display:flex;
	justify-content: center;
}


/* Admin */
.bloc_admin{
	border: dotted 1px red;
	padding: 5px;
	background-color: silver;	
}

.bloc_admin > .titre{
	color: var(--vert-site);
	margin-bottom : 3px;
	text-decoration: underline;
}
/*blocs liste pour dialog*/
.bloc_liste_dialog{
	color:black;
}
.bloc_liste_dialog .liste_ligne_1{
	background-color: #9ea79b;	
}

/* MakeListe & Listes*/
.div_select_page{
	margin-right:3px;
}
.div_select_page_all{
	margin-left:5px;
	margin-right:5px;
}
.div_select_page_1{
	align-items:center;
}

.liste_ligne_1{
	
}
.liste_ligne_2{
	background-color: var(--vert-fond);  
}
.liste_container{
	/*background-color: yellow;*/
	/*flex-wrap: nowrap;*/
}
.liste_ligne, .liste_ligne_titre{
	display: flex;
	margin-bottom:1px;	
	cursor:default;
}
.liste_elt{
	border : none;
	padding : 1px;
	flex:1;
	min-width:0;
	border-right:1px solid silver;
}
.liste_elt_text{
	text-align: left;
}
.liste_elt_num{
	text-align: right;
	padding-right:5px;
}
.liste_elt_titre{
	background-color: var(--vert-site);
	color : white;
	border:none;
}
/* listes TOUTES*/
.liste_mouse_detect:hover
{
	background-color: var(--vert-site);
	color:white;		
}
.liste_mouse_detect
{
	cursor:pointer;
}
.liste_container a:hover{
	text-decoration: underline;
}

/*liste ECHEANCES*/
.elt_echeances_payeur{flex:2;}
/*liste BORDEREAUX*/
.elt_bordereaux_comment{flex:2;}
/*liste VIEW BORDEREAUX liste echeances*/
.elt_echeances_bord_view_info_ech{flex:0.3;}
.elt_echeances_bord_view_payeur{flex:2;}
.elt_echeances_bord_view_info{flex:2;}

/*liste des echeances d'une facture*/
#liste_echeances_col1{flex:2;}
#liste_echeances_col2{flex:1;}
.elt_echeances_from_facture_info{flex:1;}	
.elt_echeances_from_facture_date_ech{flex:2;}
.elt_echeances_from_facture_montant{flex:2;}
.elt_echeances_from_facture_payeur{flex:3;}
.elt_echeances_from_facture_type_paiement{flex:2;}
.elt_echeances_from_facture_date_paiement{flex:2;}
.elt_echeances_from_facture_action{flex:2;}
/*liste des pos devis pour facturation*/
#liste_pos_dev_to_fact div{
	vertical-align: middle;
	color:var(--vert-site);
}
.elt_pos_dev_to_fact_col1{flex:1;}
.elt_pos_dev_to_fact_col2{flex:1;}
.elt_pos_dev_to_fact_col3{flex:10;}
.elt_pos_dev_to_fact_prix{flex:2;}
.elt_pos_dev_to_fact_pos{	
	border-style:solid;
	border-width:thin;
	border-top-style:none;
	border-color: var(--vert-fonce);
	margin-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;	
	background-color: var(--vert-fond);
}
.elt_pos_dev_to_fact_devis{	
	border:solid;
	border-width:thin;
	border-color: var(--vert-fonce);
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom : 1px;
	background-color: var(--vert-fond);
}
/*liste facture pos pour validation*/
.elt_facture_valide_type{flex:1;}
.elt_facture_valide_dev_pos_id{flex:2;}
.elt_facture_valide_designation{flex:5;}
.elt_facture_valide_prix_ht,.elt_facture_valide_prix_ttc{flex:1.5;}
.elt_facture_valide_taux_tva{flex:1;}
.elt_facture_valide_remise{flex:1.2;}
.elt_facture_valide_diags{flex:3;}
/* CABINET-PLANNING */
.elt_planning_termine{flex:0.3;}
.elt_planning_type{flex:1;}
.elt_planning_Date{flex:1.5;}
.elt_planning_nom{flex:4.5;}
.elt_planning_dos_num{flex:2;}
.elt_planning_info{flex:0.7;}
.elt_planning_origine, .elt_planning_user_id{flex:0.5;}
/* CABINET-DOSSIERS */
.liste_ligne_dossier_contacts > div:nth-child(n+4){
	/*:not(:first-child)*/
	flex:2;
	max-width:48px;
}
.elt_dossier_contacts_cid{
	flex:9;
	overflow:hidden;
}
.elt_dossier_contacts_tel{flex:6;}
.elt_dossier_contacts_email{flex:1;}
.elt_dossier_contacts_btn{flex:1;}
/* CABINET-CONTACTS*/ 
.js_elt_user_contacts_nom:hover
{
	background-color: var(--vert-site);
	color:white;	
}

.js_elt_user_contacts_nom:hover
{
	background-color: var(--vert-site);
	color:white;
}
.contacts_role_all{
	padding:0px 2px;
}
.contacts_role_3{ /*Diag*/
	background-color: #66CCFF;	
}
.contacts_role_7{
	background-color: #00CC99;
}
/* DOSSIER-BIENS */
.ligne_bien_lot{
	background-color: #dae9d6;
	margin-bottom:1px;
}
.ligne_bien_slot{
	margin-left:20px;
}
.lot_prix{
	cursor:default;
	margin-left:5px;
	padding-left:1px;
	padding-right:1px;
	border:1px solid var(--vert-site);
	width:72px;
	text-align: end;
}
.btn_suppr{
	/*color:var(--vert-site);*/
	cursor:pointer;
	border:none;
}
.btn_suppr:hover{
	color:red;
}
/* DOSSIER-DOCUMENTS */
.liste_dossier_doc{
	color:black;
	background-color: white;
}
/* DOSSIER-CONTACTS */


.elt_dossier_contacts_on_off0
{	
	cursor:pointer;	
	border:1px dashed var(--vert-fonce);
	border-radius:2px;
}
#liste_dossier_contacts .liste_elt_titre{
	border:1px solid var(--vert-site);
}
.elt_dossier_contacts_on_off0:hover
{
	background-color: var(--vert-site);
}
.elt_dossier_contacts_on_off1
{
	background-color: var(--vert-site);
	cursor:pointer;
	color:var(--vert-site);
	border:1px solid var(--vert-fonce);
	border-radius:2px;
	
}
.on_off1:hover
{
	background-color: lightgrey;
}
.elt_dossier_contacts_cid{
	font-weight: bold;
}
/* PARAM TEXTES PRE */
.js_elt_param_textes_pre_code{
	cursor:pointer;
}
.js_elt_param_textes_pre_code:hover{
	background-color: var(--vert-site);
	color:white;	
}
.elt_param_textes_pre_code{
	flex:1;
}
.elt_param_textes_pre_type{
	flex:2;
}
.elt_param_textes_pre_texte{
	flex:15;
}
/* DOSSIERS */

.liste_ligne .elt_dossiers_actu_urgent,.liste_ligne .elt_dossiers_all_urgent 
,.liste_ligne .elt_dossiers_a_traiter_urgent 
{
	color:red;	
}
.liste_ligne .elt_dossiers_all_archive{
	color:var(--vert-site);
}
#dossier_col1{
	flex:1;
	height:fit-content;
}
#dossier_col2{
	flex:3;
	height:fit-content;
}
#dossiers_type_batiment_autre{
	border : hidden; 
	font-size: 120%;
	color : var(--vert-site);
	background-color: #f8f8f8;
	margin-left:5px;
}
.elt_id{
	min-width :20px;
	border: dotted 1px red;
	padding:0px;
	text-align: center;
	flex : 0;
}

/* Liste Planning */
.js_elt_planning_type{
	cursor:pointer;
}

#span_ttc_final{
	padding-left:5px;
	font-weight: bold;
}
#devis_remise{
	margin-right:10px;
}
/* Listes des positions d'un devis et d'une facture*/
.elt_dev_pos_info,.elt_fact_pos_info{flex : 0.5;}
.elt_dev_pos_ordre,.elt_fact_pos_ordre{flex : 1;}
.elt_dev_pos_diag,.elt_fact_pos_diag{flex : 3;}
.elt_dev_pos_designation,.elt_fact_pos_designation{flex : 5;}
.elt_dev_pos_taux_tva,.elt_fact_pos_taux_tva{flex : 1.5;}
.elt_dev_pos_remise,.elt_fact_pos_remise{flex : 1.5;}
.elt_dev_pos_prix_ttc,.elt_dev_pos_prix_ht,.elt_fact_pos_prix_ttc,.elt_fact_pos_prix_ht{flex : 2;}
.elt_dev_pos_suppr,.elt_fact_pos_suppr{flex : 1;}
/* Liste des droits */
#form_par_droits .liste_elt_role{flex : 4;}
#form_par_droits .liste_elt_obj{flex : 2;}
#form_par_droits .liste_ligne{border-bottom: 1px solid grey;}
/* Liste Contacts */
.elt_user_contacts_role{flex:2;}
.elt_user_contacts_nom{flex:4;}
.elt_user_contacts_info{flex:3;}
.elt_user_contacts_tel{flex:2;}
.elt_user_contacts_email{flex:3;}
.elt_user_contacts_login{flex:2;}
.elt_user_contacts_lastco{flex:2;}
.elt_user_contacts_nbdos{flex:2;}
.elt_user_contacts_action{flex:1;}
.elt_user_contacts_acces_site{
	text-align: center;
}

/* Listes factures*/
.elt_facturation_Date{flex:1.5;}
.elt_facturation_num{flex:2.5;}
.elt_facturation_destinataire,.elt_facturation_apporteur{flex:4.5;}
.elt_facturation_dossier{flex:2;}
.elt_facturation_bien{flex:2;}
.elt_facturation_statut{flex:2;}
.elt_facturation_Montant,.elt_facturation_reste{flex:1.5;}
.elt_facturation_ech_next{flex:2.5;}

/* Listes devis*/
.elt_devis_Date{flex:1.5;}
.elt_devis_num{flex:2.5;}
.elt_devis_statut{flex:1.5;}
.elt_devis_valide_code{flex:3;}

.elt_devis_destinataire{flex:5;}
.elt_devis_dossier{flex:2;}
.elt_devis_bien{flex:3;}
.elt_devis_Montant{flex:1.5;}



/* Listes dossiers*/
.elt_user_dossiers_num{
	flex : 1.3;	
	font-weight: bold;	
}	
.elt_user_dossiers_bien{flex : 1.5;}	
.elt_user_dossiers_date_rdv{flex : 2;}
.elt_user_dossiers_tech{flex : 0.6;}
.elt_user_dossiers_statut{flex : 1.5;}
.elt_user_dossiers_urgent
{
	flex : 0.1;
	color:red;	
}
.elt_user_dossiers_diags, .elt_user_dossiers_proprio{flex : 3;}
.elt_user_dossiers_adr_bat_ville{
	flex : 1.6;
	padding-top: 3px;
}
.elt_user_dossiers_dem, .elt_user_dossiers_prescr{flex : 2;}
.elt_user_dossiers_action{flex: 1;}

/* DOSSIER-MESSAGE*/
.elt_dossier_evt_Int{
	flex: 0.6;
	font-weight: bold;
}
.js_elt_dossier_evt_Type,.js_elt_dossier_doc_devis_num
{		
	cursor:pointer;
}

.elt_dossier_evt_Horaire{
	flex:1.7;
}
.elt_dossier_evt_Type{
	flex:2;
}
.elt_dossier_evt_Cr{	
	flex: 0.6;
}
.elt_dossier_evt_Description{
	flex:5;
}
.elt_dossier_evt_I,.elt_dossier_evt_Fait{
	flex:0.5;
}

.js_elt_dossier_evt_Type:hover,.js_elt_dossier_doc_devis_num:hover
{
	background-color: var(--vert-site);
	color:white;	
}
/* PAGE GUEST*/
#div_guest_visu_doc{
	background-color: yellow;
}
/* DOSSIER-DOCUMENT*/
#div_drop_doc{
	width:400px;
	height:100px;
	border:1px dotted white;
}
.elt_dossier_doc_devis_action div{
	margin-left: 1px;
	margin-right: 1px;
}

/* Style ecriture */
.style_requete{
	font-size: 80%;
	color:purple;
	font-style: italic;
}


/* LISTES TABLEAUX */
/*CALENDRIER*/
.fa_task{	
	margin: 2px 2px;
	
	border:1px solid var(--vert-site);
}
.cal_tasks_area{
	padding:1px;
	color:var(--vert-site);
	cursor:pointer;
	font-size: small;
}
.cal_tasks_area:hover{
	color:white;
	background-color: var(--vert-site);	
}
.div_cal_week
{
	border-radius:50%;
	background-color:white;	
	color:var(--vert-site);
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	font-weight: bold;
	border:1px solid var(--vert-site);
}
#div_cal_week_on
{
	border-radius:50%;
	background-color:var(--vert-site);	
	color:white;
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	font-weight: bold;
	border:1px solid white;
	cursor:not-allowed;
}
.div_cal_week:hover{
 border-color:white;
 background-color: var(--vert-site);
}
.div_cal_week a:visited{
	color:var(--vert-site);
}
.div_cal_week a:link{
	color:var(--vert-site);
}
.div_cal_week a:hover{
	color:white;
}
#module_cal_header{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-left:5px;	
	padding-right:5px;
	border : solid 1px black;
	box-shadow: 2px 2px 8px black;
	background-color: var(--vert-site);
	color:white;
}
#module_cal_header h1{
	color: white;
}
#module_cal_header h1 a{
	color: white;
}	
#module_cal_header h1 a:hover{
	text-decoration: underline;	
}
#module_cal_body{
	border : solid 1px black;
	box-shadow: 2px 2px 8px black;	
}
.cal_fa_btn{
    color: white;
    width: 25px;
    text-align:center;
    padding:1px;
    cursor:pointer;
	font-size: 2em;
}
.cal_fa_btn:hover{
    color: grey;
    width: 25px;
    text-align:center;
    cursor:pointer;
    
}
.cal_table{
	width:100%;
	height:calc(100vh - 120px);
}
.cal_table td{
	border:1px solid #CCC;	
	vertical-align:top;
	width:14.29%;
	height:20%;
}
.cal_table_6weeks td{
	height:16.66%;
}
.cal_jour_repos{
	background-color: #bdbd97;
}
.cal_jour_travail{
	background-color:#d8d3d3;
}

.cal_weekday{
	font-weight: bold;
	color:white;
	font-size:1.2em;
	cursor:pointer;
}
.cal_day{
	font-size: 1.3em;
	color:black;
	border-bottom: 1px dotted grey;		
}
.cal_day:hover{
}
.cal_insert_event{
	cursor:pointer;
}
.cal_insert_event:hover{
	color:var(--vert-site);	
}
.cal_day_info{
	font-size: 70%;
	font-style: italic;
	margin-left:3px;
}
.cal_day_header td{
	height:20px;
	border-bottom: none;
	background-color: var(--vert-site);
	vertical-align: middle;
}
.cal_day_event_area{
	/*background-color: yellow;*/
	height:calc(100% - 20px);
}
.cal_day_event_area_active{
	border:1px solid var(--vert-site);
}
.cal_day_event_area_hover{
	background-color: #dae9d6;
}
.cal_time{
	
}
.cal_other_month .cal_day{
	opacity:0.4;
}
.cal_other_month .cal_day:hover{
	opacity:1;
}
.cal_day_event{	
	cursor:grab;
}

.cal_day_event:hover{
	background-color: var(--vert-site);
	color:white;
}
#div_view_days a{
	display:inline-block;
	background-color: var(--vert-site);
	padding:5px;
	color:white;
	cursor:pointer;
	border:1px solid white;
}
#div_view_days a:hover{
	background-color: white;
	color:var(--vert-site);
	border:1px solid white;
}

/* listes admin*/
.tabAdm{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--vert-site);
	font-size: 100%;
}

.tabAdm thead{
	background-color: var(--vert-site);
	color: white;
	
}
.tabAdm tr:nth-child(even){
	background-color: #dae9d6;	
}

.tabAdm td{
	border-right:1px solid silver;
	text-align: center;	
}
.tabAdm .tpetit{
	font-size: smaller;
}
.tabAdm .tleft{
	text-align: left;
}
.tabAdm .ticon{
	color:var(--vert-site);	
}
.txtAdmLabel{
	width:155px;
	float:left;	
}
.txtAdmValue{	
	color:var(--vert-site);
}
.txtAdmvalueNoLabel{
	margin-left:155px;
	color:var(--vert-site);
}
.txtAdmDivTab{
	height:100px;
	overflow-y:auto;
	border:1px solid var(--vert-site);
	padding:1px;
	width:30%;
}
.txtAdmTab{
	font-size: smaller;
	width:100%;
}
.txtAdmTab th{
	font-weight: bold;
	color:var(--vert-site);
	text-align: left; 
}

.txtAdmComment{

	color:red;
}
.txtAdmTab tr:nth-child(even){
	background-color: #dae9d6;	
}