/* GLOBAL */

/* Définition des couleurs */
/*
Pour définir une variable : ajouter une ligne avec --var
Pour l'utiliser par la suite, utiliser : var(--var)
ATTENTION, ne fonctionne pas sur IE
Exemple : 
déclaration : :root{ --couleurPrincipaleClient: #00aac2; }
usage : .maclass { background-color: var(--couleurPrincipaleClient); }
*/
:root{
    --colorOrangeBtn : #f19136;
    --colorOrange : #ee7707;
    --colorVertFiltre : #76dfa0;
    --colorOrangeFiltre : #f0b85f;
    --colorRougeFiltre : #df4b2d;
    --colorInputConnexion: #6e6055;
    --colorGrisText : #b7b1ac;
    --colorBG : #fafafa; 
    --colorSecondDatatable: #bebcbb;
    
    --colorGrisNoir : #000000; /* Menu / header */
    --colorGrisSombre : #999999; /* Survols d'onglets */
    --colorGrisClair : #ccc; /* Onglets */
	--colorRouge : #ccc; /* survol menu */
	--colorRougeFonce : #8B0000; /* hover menu */
	--colorFiltreBckgd :#f6f5f5; /* fond / background des filtres */
	--colorFiltreFont :#737373; /* couleur police des filtres */
	--colorInput :rgba(214,217,221,0.35); /*contour des inputs*/
	--colorLabelInput :#b1b1b1; /*label des inputs*/
	--colorBckgInput : #d6d7da; /*fond des inputs*/
	--colorBouton:#3877e1; /* couleur des boutons */
	--colorBleu:#2b98c5; /*bleu*/
	--colorVert:#50a052; /*vert*/
	--colorGrisFormulaire:#d9d9d9; /*couleur grise de fond des formulaires*/
	--couleurRougeTransparent:#d90d152b; /* couleur rouge transparent pour le survol des BI*/
	--couleurFondEntete: #0c284f;
	--couleurFondTitre: #98afd8;
	--couleurBckgApplication: rgba(203,206,210,0.85);
    --tailleMenu: 60px;
}

.bgAppliClient{background: var(--colorBG); background-size: cover;}
.bgIconeClient{background-color: var(--bgIconeClient);}
.colorClient{color: var(--colorClient);}

/* div layout */
table, tr, td, th{margin: 0; padding: 0; border-spacing: 0; text-align: left}
tr, td, th{margin: 0; padding: 2px; border-spacing: 0;text-align: left; } 
th{text-align: left}
table {display: inline-table;}

*{position: relative;box-sizing: border-box}
body {height:100%; font-family: 'Arial', sans-serif;font-size:14px;background:transparent;vertical-align: top; margin: 0px; padding: 0px; text-align: center;color: var(--colorClient);}


/* headers */
h1, h2, h3 {font: bold 1em 'Avenir', sans-serif;}
h1 { font-size: 1.4em; color: var(--couleurPrincipaleClient); }
h2 { font-size: 1.2em; color: var(--couleurPrincipaleClient); text-align: center; text-transform:uppercase;}
h3 { font-size: 1em; color: #999; }

p {margin: 3px 7px;color: #000000;}
ul {color: #000;margin: 0px 0px 0px 0;padding: 0;text-decoration: none;}
a {color: #000;text-decoration: none;border: none;outline:none;}
a:hover {text-decoration: underline;}
a:visited {color: #000;text-decoration: none;border: none;}


/* GLOBAL */
.Content{
	/*width:1500px;*/
	width:90%;
}

.mobile{
	display:none !important;
}

/* FORMULAIRES */
input, textarea, select, .dropzone {border-radius:3px;border:1px solid var(--colorInput);min-height:20px;font-weight:normal;font-size:12px; font-family:'Arial', sans-serif;outline:none;}
input, select, textarea{
	color:#000000; 
	font-weight:normal; 
	text-align:left; 
	font-size:14px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align:middle !important; 
	background-color: white; 
	border-radius:90px; 
	padding:6px 6px 6px 10px;
	border : none !important;
}
textarea{border-radius:15px;}
input[type=number]{padding-right: 0px;}
/*select{color:#000000; font-weight:normal; text-align:left; font-size:14px;padding-left: 5px;padding-right: 5px;max-width: 190px;}
textarea{color:#000000; font-weight:normal; text-align:left; font-size:14px;padding-left: 5px;padding-right: 5px;}*/
.noSelectInfo .liste_info{display:none;}

.msgErr{ color:red; }


.input_form_popin_classique .inputNumberParametrage, .inputNumberParametrage{width: 50px;text-align: right}
.rangebar.bar {width: 100% !important;}
.champObligatoire{color: #8d0000; font-size: 15px;}
.aRetour{}
/*.aRetour::before{content:'< '}*/
/* FIN FORMULAIRES */


.hiddenOverflowX{overflow-x: hidden;}
.div_principal{vertical-align:top; text-align:left;height:100%;min-height: 900px;min-width:900px;position:relative; padding-bottom: 50px;}
.div_principal.noBG{background: transparent}
.div_principal.noBG:after{content: none;}
.div_principal.hasMenu{padding-left: 100px; padding-top: var(--tailleMenu);min-height: 900px;padding-right: 15px; padding-bottom: 50px;min-height: 100vh;padding-left:0;padding-right:0;margin:auto;}
.div_principal:after{position: absolute; top: 0; left: 200%; bottom: 0; right: 0;content: ""; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px);animation: slideRight 0.7s linear}

.div_page_centrale_param{display: flex; }
.div_page_centrale_param div{margin: 20px; min-width:20%}

.detail_dossier_gauche{display: block; float: left;}
.OuvertureTabGrand .detail_dossier_gauche{width: 46%;}
.detail_dossier_droit{display: block; float: left;};

.absolute{position:absolute;}

p.msg_ok{color:#2b98c5;}
p.msg_erreur{color:#e41771;}



.align_left, .AlignLeft{text-align:left;}
.align_right, .AlignRight{text-align:right;}
.align_center, .AlignCenter{text-align:center;}
.underline {text-decoration:underline;}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.loading:before, .loadingInside:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
  border-top-color: var(--couleurPrincipaleClient);
  
}

.loading, .loadingInside{opacity: 0;text-align: center; background: rgba(255,255,255,.5);position: absolute; pointer-events: none;top: 0; left: 0; right: 0; bottom: 0; transition: 0.2s; min-height: 200px;}
.loading:after{content: "";  width: 100px;height: 100px;display: inline-block;top: 50%;position: fixed;}
.loading:after, .loadingInside:after{content: "";  width: 100px;height: 100px;display: inline-block;top: 50%;}
.loading.visible{opacity:1;z-index: 200000; pointer-events: auto;position: fixed;}
.loadingInside.visible{opacity:1;z-index: 200000; pointer-events: auto;}
.loading.visible:after, .loadingInside.visible:after{animation: rotate 1s linear infinite;}
.loading .text_loading {
	position: fixed;
	top: 55%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2em;
	color: var(--couleurPrincipaleClient);
	background: white;
	border-radius: 5px;
	padding: 5px;
}

.picto_active{display: block; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_desactive{display: block; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_acces{background: #000 url('../inc_images/design/picto/gestion-acces.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_blocage{display: block; background: #000 url("../inc_images/design/picto/blocage2.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_clone{display: block; background: #000 url("../inc_images/design/picto/clone-jaune.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_save{display: block; background: url("../inc_images/picto/picto_save.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_loupe{display: block; background: url("../inc_images/picto/view.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_warning{display: block; background: url("../inc_images/picto_client/warning.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; display: inline-block}

.picto_btn_radio,
.ui-icon.picto_btn_radio{background: url(../inc_images/design/picto/btn_radio.png) 0 0 no-repeat !important;width: 14px;height: 14px;}

.picto_btn_checkbox,
.ui-icon.picto_btn_checkbox{background:no-repeat center/100% url(../inc_images/design/picto/btn_checkbox.png)!important;width:14px;height:14px;}

.picto_btn_select,
.ui-icon.picto_btn_select{background:no-repeat center/100% url(../inc_images/design/picto/btn_select.png)!important;width:14px;height:14px;}

.picto_btn_grille1,
.ui-icon.picto_btn_grille1{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille1.png)!important;width:14px;height:14px;}

.picto_btn_grille2,
.ui-icon.picto_btn_grille2{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille2.png)!important;width:14px;height:14px;}

.picto_btn_grille3,
.ui-icon.picto_btn_grille3{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille3.png)!important;width:14px;height:14px;}

.picto_btn_grille4,
.ui-icon.picto_btn_grille4{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille4.png)!important;width:14px;height:14px;}

.picto_btn_txtlong,
.ui-icon.picto_btn_txtlong{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt.png)!important;width:14px;height:14px;}

.picto_btn_txtcourt,
.ui-icon.picto_btn_txtcourt{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_court.png)!important;width:14px;height:14px;}

.btn_txt_seul,
.ui-icon.btn_txt_seul{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_seul.png)!important;width:14px;height:14px;}

.picto_btn_img,
.ui-icon.picto_btn_img{background:no-repeat center/100% url(../inc_images/design/picto/btn_img.png)!important;width:14px;height:14px;}

.picto_btn_num,
.ui-icon.picto_btn_num{background:no-repeat center/100% url(../inc_images/design/picto/btn_numerique.png)!important;width:14px;height:12px;}


.hide{display: none;}
.hideImportant{display: none !important;}
.displayFlex{display:flex;align-items:center}

.demi{display: inline-block; width: 48%; vertical-align: top;padding: 20px;box-sizing: border-box;box-shadow: 2px 2px 8px #ccc;margin: 0 15px; transition: 0.3s}
.demi:hover{box-shadow: 2px 2px 8px transparent;}

.bgRouge, .bgOrange, .bgVert{display: inline-block; width: 50px; height: 23px; vertical-align: top; margin: 0 2px}
.bgRouge{background: #ff3333 !important;}
.bgOrange{background: #f58c46 !important;}
.bgVert{background: #00cc00 !important;}
.vert{color: #7ec9cd;}
.orange{color: #e56a54;}
.rouge{color: #e56a54;}

.dtable{display: table; width: 100%;}
.dcell{display: table-cell; vertical-align: top;}
.dib{display: inline-block;vertical-align: top;}

.fleche_bas{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}
.fleche_haut{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}

.absoRight{position: absolute; top: 3px; right: 3px;}
.absoLeft{position: absolute; top: -0px; left: 3px;}

fieldset{position: relative}

.rond{width: 100px; height: 100px; border-radius: 50%; background: #2b98c5; color: #FFFFFF; line-height: 100px; font-size: 20px;display: inline-block;}
.petit{font-size: 10px;}

.tablePleinePage{width:100%;padding:5px;background: transparent; border-spacing: 0 10px;}
.table3QuartPage{width:75%;padding:5px;background: transparent;}

.floatLeft{float:left;}
.floatRight{float:right;}

label.champInvalide{color: #e56a54;}
input.champInvalide, textarea.champInvalide{border-color: #e56a54}
.picto_plus{display: inline-block; color: #33ff99; font-size: 25px;line-height: 20px;}
.vcenter{top: 50%; transform: translateY(-50%); -webkit-transform: translatY(-50%);display: block;}
.center{text-align: center}
.souligne{text-decoration: underline;}
.disabled{opacity: 0.6;}
.dib{display: inline-block !important; vertical-align: top;}
.dcell{display: table-cell;}
.dtable{display: table; width: 100%;}
.valign{vertical-align: middle;}

.borderJaune{border-color: #33ff99;}
.bgBlanc{background-color: #fff;}
.bgNoir{background-color: #000;}
.colorJaune{color: #33ff99 !important;}
.colorBlanc{color : #fff;}

.loader{width: 50px; height: 50px;  top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.loader:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: url("../inc_images/design/picto/loader.png") no-repeat center center; background-size: contain; content: ""}
.loader.actif:after{animation: rotate 1s infinite linear;}

h2.titrePage{font-size: 38px; text-transform: uppercase;text-align: center; padding-right: 580px;margin: 0}
.conteneurTitrePage{height: 100px;overflow: hidden; text-align: left}
.conteneurTitrePage:after{content: "";position: absolute;width: 650px; background: url("../inc_images/design/ligne_sous_titre.png") no-repeat bottom 10px right; background-size: auto 44px;height: 100%; right: 0; top: 0;pointer-events: none;}
.conteneurTitrePage:before{content: ""; position: absolute; right: 650px; top: 0; width: 100%;background: url("../inc_images/design/ligne_droite.png") repeat-x bottom 10px right;height: 100%;}

/* FIN GLOBAL */

/* MENU */
.topFixed{
	position: fixed; 
	width: 100%; 
	top: 0; 
	left: 0; 
	z-index: 45; 
	transition: all ease 0.3s;
}
.menuSite{ width: auto; margin-left: auto; padding-right: 300px; display: table;background: #fff; }
.menuSite .lien{margin: 3px 10px; color: #6f6f6f; font-size: 16px; text-decoration: underline; display: inline-block}

.topAppli{
	height: var(--tailleMenu); 
	/*background: var(--couleurFondEntete); */
	text-align: left; transition: 0.3s linear; 
}

.topFixed{
	background-color: var(--bgAppliMenuTop);
}

.topAppli .Content{
	z-index: 10;
	width:100%;
        padding: 0 15px;
        padding-right: 10%;
}

.topAppli .Content a{
	padding:10px;
	transition: all ease 0.3s;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	color:var(--colorMenuClient);
}

.topAppli .Content :not(.logoMenu) a:hover, .menu_top .menu_top_item.selected{
	text-decoration: none;
	background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
}

.logoMenu{
	display: inline-block; 
	vertical-align: top; 
	height: 100%; 
	width: 170px; 
	background: url("../inc_images/design/logo.svg") no-repeat center left;
	background-size: contain;
}

.logoMenu a{display: block; width: 100%; height: 100%;}
/*.menuCompte{position: absolute; top: 20px; right: 50px; width: 50px; height: 100%;color:#000;}
.menuCompte a{text-decoration: none;}*/
.titreMenuCompte{color: #fff; font-size: 20px; text-transform: uppercase; top: 30%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;text-align: center}
.nomCompte{
	top: 5px;
	position: absolute;
	right: 5px; 
	text-align: left; 
	color: #fff; 
	transition: 0.3s; 
}

/*a.menuMonCompte, 
a.menuMonCompte:hover, 
a.menuMonCompte:visited{color: #fff;padding:5px;border-radius:3px;}
a.menuMonCompte:hover{background-color:var(--bgIconeClient)}*/

.menuDeconnexion{
	font-weight:bold;
	color:var(--couleurPrincipaleClient) !important;
	text-decoration: none;
}


.pictoParam{background: url("../inc_images/design/picto/pictoParam.png") no-repeat center center;}


.pictoParamGeneral{background: url("../inc_images/design/picto/parametre-black.png") no-repeat;}
span.pictoWarning{background: url("../inc_images/design/picto_attention.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoActif{background: url("../inc_images/design/actif.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoAttention{background: url("../inc_images/design/picto/picto_attention.png") no-repeat center center;display:inline-block; width:20px;height:20px;background-size:20px;margin-left:10px;}

.pictoDelete{background: var(--bgIconeClient) center/70% url("../inc_images/design/picto/delete.png") no-repeat;display:inline-block;vertical-align:middle; width:15px;height:15px;margin:0 5px;border-radius:90px; padding:12px;}
.verticalAlign{top:50%; transform:translateY(-50%);}
.menu_top{
	color:white;
	position: relative; 
	overflow: hidden;
	width: 100%;
	min-width:250px;
        left: -160px;
        top: 40px;
        z-index: 10000;
        background: #fdfdfd;
        border-radius: 5px; position: absolute;
}
.menu_top.close{max-height:0; padding:0;transition: 1s;}
.menu_top.open, .menuParam:hover .menu_top{max-height:500px; padding:15px 0;transition: 1s;border: 1px solid var(--colorClient);}
.menu_mon_compte.open, .LienMonCompte:hover .menu_mon_compte{max-height: 500px;padding: 15px 0;transition: 1s;border: 1px solid var(--colorClient);}
.menu_mon_compte{position: relative;
  left: -70px;
  top: 40px;
  z-index: 10000;
  overflow: hidden;
  background: #fdfdfd;
  width: 100%;
  border-radius: 5%;
  min-width: 150px; position: absolute;}

.menu_mon_compte.close {
  max-height: 0;
  padding: 0;
  transition: 1s;
}
.LienMonCompte .menu_mon_compte > div:hover{background-color: var(--bgAppliMenuTop);}
.menuParam .menu_top > div:hover{background-color: var(--bgAppliMenuTop);}


.menu_top .menu_top_item{
	height:100%;
	display: flex;
	flex-wrap: nowrap; 
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	background-position:left center;
}

a.menu_top_item.lien.pictoDossiersOT:before{
	content: "";
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
	background: url('../inc_images/design/menu/dossiers.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain; 
	margin-right:10px
}

a.menu_top_item.lien.pictoDemandeTransport:before{
	content: "";
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
	background: url('../inc_images/design/menu/picto_demande.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain; 
	margin-right:10px
}


.sousmenuTop a{padding-left:40px;font-size: 10px; }

#menuGauche{
	box-shadow: none;
	text-align: left;
        position: fixed;
	height: var(--tailleMenu); 
	left: 0;
	z-index: 10;
	margin-bottom: 8px;
	overflow: hidden;
	padding-top: var(--tailleMenu); 
	top:var(--tailleMenu);
	width: 70px;
	height: 100%;
	transition: all linear 0.2s;
	background: #5a4e45;
}
#menuGauche.open{
	background-color: var(--bgAppliMenuTop);
	height: 100%;
	width: 300px;
}
#menuGauche.open .lien{opacity: 1;}
#menuGauche table{width: 100%;}
#menuGauche .boutonOpen{position: absolute; top: 0; left: 0; width: var(--tailleMenu); height: var(--tailleMenu); background: url(../inc_images/design/picto/pictoOuvreMenu.png) no-repeat center;cursor: pointer;}
#menuGauche.open .boutonOpen{background: url(../inc_images/design/picto/pictoCroixMenu.png) no-repeat center;}

.menu_gauche{text-align:left;padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;/*line-height: 50px;*/transition: 0.2s; font-size:14px; font-weight:bold;}
.menu_gauche:hover{text-decoration: none;opacity:1;}

/*.menu_gauche .picto{width: 70px;background: url("../inc_images/design/menu/picto_param.png") no-repeat center center;}
.menu_gauche .lien{opacity: 0; transition: 0.5s ease-in; color: #fff; width: 230px; text-align: left; text-decoration: none !important; padding-left: 5px;}
*/


/* Liste des pictos du menu */

.menu_gauche.picto{min-width:70px;height:50px;background-size:36px;opacity:0.8;z-index:200;margin:5px 0;} /*couleur bckgd différente que ci-dessous pour identiifer les mansques de picto*/
.menu_gauche.selected.picto{opacity:1;}

.menu_gauche .pictoMenu{font-size: 30px; margin: auto;position: absolute; color: #817063; width: 70px; height: 30px; display: flex; justify-content: center;}
.menu_gauche.picto:hover .pictoMenu::before, .menu_gauche .pictoMenu.selected::before{color: white;}
.menu_gauche.picto:hover .sousmenu{background-color:#5a4e45; opacity: 1 !important; left: 70px; position: fixed;border-radius: 0 30px 30px 0 !important; font-weight: normal;}
.menu_gauche .pictoMenu.lienClientMenu	{background: url("../inc_images/design/picto/pictoClients.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienDossier	{background: url("../inc_images/design/picto/pictoDossiers.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienFacturation	{background: url("../inc_images/design/picto/pictoFacturation.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienParams	{background: url("../inc_images/design/picto/pictoParams.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienPointage	{background: url("../inc_images/design/picto/pictoPointage.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienStat	{background: url("../inc_images/design/picto/pictoStat.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienTarifs	{background: url("../inc_images/design/picto/pictoTarifs.png") no-repeat center ;}


#menuGauche .sousmenu
{
	display: flex;
	/*left: 100%;*/
	left:70px;
	min-height: 50px;
	border-radius:0 5px 5px 0; 
	z-index:0;
	transition: 0.4s;
	opacity: 0;
	justify-content: center;
	align-items: center;
}


#menuGauche:hover .sousmenu, #menuGauche.open .sousmenu{
	display:flex;	
	opacity: 1;
  	left:70px;
}
#menuGauche table tr:first-child td .sousmenu{margin-top: 0px;} 
.sousmenu ul {margin:0; padding:0; list-style:none;}
.sousmenu li {margin:0; padding:0 5px; list-style:none;text-align:left}
.sousmenu .lien{ color: #fff; width: 250px; text-align: left; padding-left:0px; text-decoration: none !important; }
.sousmenu .lienMenu{ color: #fff; text-align: left; padding:0 5px;  font-weight: bold; font-size:14px; width:230px;}
.sousmenu ul li:not(:first-child) a:hover{font-weight: bold; text-decoration: none;}

.titrePage{position: absolute; left: 50%; top: 0; height: 100%; transform: translateX(-50%);color: #fff; font-size: 23px; text-transform: uppercase;line-height: 72px;}
.titrePage:after{position: absolute; bottom: -5px; left: 50%; content: ""; transform: translateX(-50%);background: var(--couleurPrincipaleClient); border-radius: 5px;height: 10px; width: 100px;}
/* FIN Liste des pictos du menu */
/* FIN MENU */

/* BOUTONS */
.btn{display: inline-block;border-radius:3px;padding: 7px 25px;color: #ffffff !important;width: auto;cursor: pointer;text-align: center;font-size:12px;vertical-align: middle;transition: 0.3s;border: none;background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.btn:hover{color:#ffffff !important;text-decoration:none;}
.btn.disabled{opacity: 0.5}
.btn_add:after{content:""; display:inline-block; width:15px; height:15px;background: var(--bgIconeClient) center/65% url("../inc_images/design/picto/add.png") no-repeat; vertical-align: middle; margin-left:5px;border-radius:90px;padding:4px;}
/* FINS BOUTONS */

/* TABLEAU / TABLE */
/*table tr:nth-child(odd){background-color:#fdfdfd}*/
/* FIN DATATABLE */

/* DATATABLE */
.table_liste{width:100%;}
/* FIN DATATABLE */

/* POPIN */
/*
.popin_classique {padding:10px;text-align:justify;text-indent:5px;background:transparent;border-radius:.5em;}
.popin_classique.popin-content {padding:10px;}
.popin_classique.popin-content p {padding:0;margin:0 0 1em;}*/
.popin-content{overflow:hidden !important;overflow-y:auto !important;}
.popin-content .fond_popin_classique tr,
.popin-content .fond_popin_classique th,
.popin-content .fond_popin_classique td {padding:5px 20px;}

table.fond_popin_classique{width:100%; height:100%; background:#ebebeb /*url("../inc_images/design/logo_w_gris_transparent.png") no-repeat bottom center*/; font-weight:normal; font-size:8pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;}
table.fond_popin_grande{width:100%; height:750px; background:#ebebeb /*url("../inc_images/design/logo_w_gris_transparent.png") no-repeat bottom center*/; font-weight:normal; font-size:8pt; color:var(--colorClient); margin-top: 0px;border-radius: 5px;}
table.fond_popin_compteur{width:900px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_releve{width:1080px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_export{width:960px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_do_export{width:450px; height:300px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }

tr.titre_popin{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient)); height:30px; font-size:10pt; color:#ffffff; text-align: left;margin : 10px 0px;font-weight:bold;}
tr.titre_popin td{text-align: left}

.title_arrondi {width: auto;text-align: left;
background: var(--bgIconeClient);display: block;color:#fff;margin : 10px 0px;font-weight:bold;padding-top:10px;padding-bottom:10px;padding-left:20px;border-radius:20px;}
/* FIN GLOBAL */

tr.bas_popin{background-color:transparent; height:30px; font-size:10pt; color:#ffffff;  background-repeat:repeat-x;}
table.fond_popin_classique .dataTables_wrapper{min-height: 0}
table.conteneur_popin_classique{text-align: left;padding:5px;box-sizing: border-box}
table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left}
tr.titre_popin_classique{color:#fff; font-size:10pt; height:25px; text-align: left; margin-left:5px;}
tr.titre_popin_classique td{text-align: center;}
tr.submit_popin_classique{background-color:#2b98c5; color:#ffffff;font-weight:bold; height:25px}
td.lib_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:20%; width:auto;padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:30%; width:auto; padding-top:1px; padding-bottom:1px; text-align: left;display:flex;align-items:center;}
td.lib_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique_mini{color:#2b98c5; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.td_close_popin{text-align: right; padding-right: 10px;}
td.input_form_popin_classique input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique input[type=number]{padding-right: 0;}
td.input_form_popin_classique select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;padding-left: 5px;padding-right: 5px;min-height:100px}
tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; font-size:8pt; width:auto;padding-left: 5px;padding-right: 5px;}
.popin_close_cross{background-image: url('../inc_images/design/picto/close.png');background-repeat: no-repeat;width: 20px;height:20px;position: absolute; z-index: 2; background-size: contain;right: 15px; top:7px; cursor: pointer;}
td.lib_form_popin_classique.align_right{text-align: right}
.input_form_popin_classique input,.input_form_popin_classique select{width: 200px;}
.input_form_popin_classique input[type='checkbox'],.input_form_popin_classique input[type='radio']{width: auto}
.input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 250px;}
/*tr td.lib_form_popin_classique, */
tr td th.input_form_popin_classique{ padding: 5px 0; /*border-bottom : 1px solid #eee;*/}

td.contenu_popin_classique{width:780px; vertical-align: top;}
table.contenu_popin_classique{width:780px; vertical-align: top;}

/*tr td.lib_form_popin_classique:before { content:""; display: inline-block; width: 17px; height: 17px; margin-right:5px; margin-left:5px;background: url('../inc_images/design/puce.png') transparent no-repeat; vertical-align:middle;}*/
.input_form_popin_classique input.widthInit, .input_form_popin_classique select.widthInit, .input_form_popin_classique textarea.widthInit{width: initial;}
/* FIN POPIN */

/* TABLEAU DROITS */
tr.tab_liste_selected{background-color:var(--colorGrisClair); color:#000;}

.tableauDroits{background: #fff;}
.tableauDroits thead tr{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.tableauDroits thead th:first-child{width:15%;} 
.tableauDroits thead th{padding:5px 10px; color:#fff;font-weight:bold;}
.tableauDroits tr:nth-child(even){background:#efefef;}
.tableauDroits td:first-child{border-right:1px solid var(--colorGrisSombre)} 
.tableauDroits td{color:var(--colorClient); padding:2px 5px;}
.tableauDroits tbody tr:hover{background:var(--bgAppliMenuTop)}
/* FIN TABLEAU DROITS */



/* Fil d'Ariane */
div.FilAriane{color:#2b98c5; font-size:10pt; float:left;padding-left:15px;}
div.FilAriane a{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:10pt; }
div.FilAriane a:visited{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:10px;}
div.FilAriane a:hover{color:#2b98c5; text-decoration:underline;}
/* FIN Fil d'Ariane */

/* PARTIE SITE (si existante) */
.menu_page{text-align: left;}
/* FIN PARTIE SITE */

/*  PICTOS DATATABLE  */
.btn_flex{
	padding: 5px;
    cursor: pointer;
    font-weight: normal;
    display: inline-flex;
    border-radius: 5px;
    color: black !important;
    transition: all ease 0.3s;
    /*background-color: #f7f7f7;*/
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-decoration: none !important;
    font-size: 18px;
    box-sizing: border-box;
    min-width: 27px;
    min-height: 27px;
    position: relative;
}

.btn_flex:hover, .btn_flex.selected{
	color:#f7f7f7 !important;
	background-color: var(--colorOrangeBtn);
}
.btn_flex:hover::before{color: white;}

.liste_close:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00d";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_pause:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f04c";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_check:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00c";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_info:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f129";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_upload:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\e09a";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_tel:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f095";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_valider:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00c";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_mail:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f0e0";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_pdf:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f1c1";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #817063;
}
.liste_word:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f1c2";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_modif::before {
    content: "\e91f";
    color: #817063;
    font-family: 'icomoon' !important;
}
.liste_delete::before {
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f2ed";
    text-rendering: auto;
    color:#817063;
    -webkit-font-smoothing: antialiased;
}

.liste_voir::before {
	font-family: "Font Awesome 6 Free";
    font-weight: 400;
    content: "\f06e";
    text-rendering: auto;
    color:#817063;
    -webkit-font-smoothing: antialiased;
}

.liste_activer::before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f04b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_desactiver::before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f00d";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_add:before, .petit_btn_add:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\2b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.petit_btn_add{background-color: var(--bgIconeClient); color: white !important; border-radius: 80px; padding: 5px 10px;}
/*.btn_action{background-color: var(--bgIconeClient); color: white !important; border-radius: 80px; padding: 5px 10px;}*/
.btn_action{background-color: var(--bgIconeClient); color: white !important; border-radius: 80px; padding: 8px 20px}
.btn_action_note{width: fit-content; min-width: 200px; margin: auto; margin-bottom: 20px; font-size: 14px;}
.petit_btn_valide{background-color: #6ec015; color: white !important; border-radius: 80px; padding: 8px 20px;}
.petit_btn_valide:hover{background-color: var(--colorVertFiltre) !important;}
.petit_btn_delete{background-color: #e85837; color: white !important; border-radius: 80px; padding: 8px 20px;}
.petit_btn_delete:hover{background-color: red !important;}
.petit_btn_annule{background-color: #817063; color: white !important; border-radius: 80px; padding: 8px 20px;}
.petit_btn_annule:hover{background-color: #c5beb7 !important;}
.toggleIfModif.hide{display: none;}
input.toggleIfModif{width: 100%;}


.liste_info.info_multiselect{min-height: 20px; min-width: 20px; font-size: 14px;}
.liste_info.liste_info_petit{font-size: 10px; padding: 2px; min-width: 15px; min-height: 15px;}

.lock{background: url('../inc_images/design/picto/unlock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.unlock{background: url('../inc_images/design/picto/lock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}


/* FIN PICTOS DATATABLE  */

/* FILTRES */
/*.DivFiltre{display: inline-block; vertical-align: top;margin: 0 4px; text-align: left}*/
.DivFiltre label{
	color: var(--colorClient);
}
.contentFiltre{display:inline;vertical-align: top; width: 1000px}
.labelFiltre{padding: 5px; text-align: right;font-size: 15px;color:var(--colorClient);}
.inputFiltre{height: 30px;padding: 2px;}
.inputFiltre input, .inputFiltre select{height: 100%; border: none; background: #f1f1f1; font-size: 15px;}
td.legende, div.legende, span.legende{font-size: 25px; font-weight: bold;text-transform: uppercase;text-align: left; /*padding-left: 20px;*/display: inline-block; vertical-align: top;background-color:transparent; padding:5px; color:#000;}
fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left;border-radius:10px;}

.filtre_favoris_img_jaune{ background:url('../inc_images/design/picto/favoris.png') no-repeat left center;image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_vert{ background:url('../inc_images/design/picto/favoris_vert.png')  no-repeat left center; image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_rouge{ background:url('../inc_images/design/picto/favoris_rouge.png')  no-repeat left center;image-rendering:-webkit-optimize-contrast;}
/* FIN FILTRES */

/* TINYMCE */
.defaultSkin table.mceToolbar{display: block !important;}
.tabsParam .mce-container{margin: auto}
/* FIN TINYMCE */

/* TOAST */
.jq-has-icon{box-sizing: border-box;}
/* FIN TOAST */

/* TABS */
.ui-tabs{ margin-left:50px !important; }
li.ui-tabs-tab{border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:0px !important;}
.ui-tabs .ui-tabs-panel{position: relative;}
.ui-tab.ui-state-disabled{width: 0; opacity: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important;}
.ui-tabs.ui-widget.ui-widget-content{border: none !important;padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav{padding: 0 !important; background: none !important;}
.ui-tabs .ui-tabs-nav li{border-radius: 0;border: 1px solid var(--colorSecondDatatable)  !important;transition: 0.3s; margin:0 5px 2px 0 !important; margin-right: 20px !important;border-radius: 80px;position: relative;background: transparent;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li:hover a{background-color: var(--colorOrangeBtn) !important; color: white !important; border: none !important;border-radius: 80px !important;}
.OuvertureTabGrand .ui-tabs .ui-tabs-nav li.ui-tabs-active{background: linear-gradient(to bottom right, #f4d5d0 10px, #fff 60px) !important; }
.ui-tabs .ui-tabs-nav li a{/*font-weight: bold;/*text-transform: uppercase; */font-size:14px;}
.ui-tabs .ui-tabs-nav .ui-state-active a, 
.ui-tabs .ui-tabs-nav .ui-state-active a:link, 
.ui-tabs .ui-tabs-nav .ui-state-active a:visited{ color: white !important; font-weight: bold; border: 1px solid var(--colorSecondDatatable)  !important;border-radius: 80px !important }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{font-size:18px; padding: 5px 20px !important; color: var(--couleurPrincipaleClient) !important; font-weight: 600; border:none;border-radius: 80px !important} 

/* AA 22/08/2023 - spécial pour les onglets du 1/3 2/3 */
#contenu_module_page_droit .ui-tabs{ margin:0px !important;}
#contenu_module_page_droit_2_tiers .ui-tabs{ margin:0px !important;} 
#contenu_module_page_droit .ui-tabs .ui-tabs-nav li.ui-tabs-active, #contenu_module_page_droit .ui-tabs .ui-tabs-nav li:hover a{ border-radius: 25px 25px 0 0; }
#contenu_module_page_droit_2_tiers .ui-tabs .ui-tabs-nav li.ui-tabs-active, #contenu_module_page_droit_2_tiers .ui-tabs .ui-tabs-nav li:hover a{ border-radius: 25px 25px 0 0; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 5px 20px 0 20px !important; 
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li a:after {
  content: '';
  display: block;
  margin: auto;
  height: 1px;
  width: 0;
  margin-top:5px;
  padding:1px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
  padding-left:50px;
}

.ui-widget-header{border: none !important;background:#c2c2c2 !important;}
.ui-widget{font-family: "Arial", sans-serif !important;}
/* FIN TABS */

/* DATATABLE */
.textareaDatatable{width: 100%; height: auto;}
.dataTables_paginate{max-width: 100%;}
.dt-buttons{float: right}
.export-excel{width: 20px; height: 20px; background: url("../inc_images/design/picto/excel.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;display: inline-block;vertical-align: top;background-size: contain;}
.export-pdf{width: 35px; height: 35px; display: inline-block;vertical-align: top;border-radius: 50%; background: #000 url("../inc_images/design/picto/pdf.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: 60% auto;}
.table_liste .liste_voir.hide{display: none;}
.multiselectDatatable{width: 150px;}
.ui-multiselect{max-width: 100% ;}
.table_liste .ui-multiselect{max-width: 100%;}
.dataTables_wrapper{margin-bottom: 30px;}
.dt-button{border: none; background: #000;padding: 7px;margin-bottom: 5px;height: 40px; width: 40px;transition: 0.3s; box-sizing: border-box; vertical-align: top;cursor: pointer;}
.dt-button span{display: block; width: 100%; height: 100%;}
.dt-button span .export-excel{width: 100%; height: 100%; background-size: contain;}
.dt-button span .export-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button:hover{padding: 6px;}
.table_liste, .table_liste table{max-width: none;}
.table_liste tr.inactif{font-style: italic;background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#e6e6e6 5px,#e6e6e6 10px)}
/* FIN DATATABLE */

/* Page Parametrage des listes */
.paramListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.paramListe{width: 460px;padding: 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 15px;box-shadow: 2px 2px 8px #ccc; transition: 0.3s}
.paramListe:hover{box-shadow: 2px 2px 8px transparent;}

.menuListes{display: inline-block; width:330px; vertical-align: top; text-align: left;font-size:12px;}
.menuListes a{display: block;margin: 2px 0 2px 25px; cursor: pointer;color:var(--colorClient);text-decoration:none}
.menuListes a i{padding:8px 5px}
.menuListes a:hover{background:var(--colorGrisClair)}
.menuListes a.selected{font-weight: bold; /*color: var(--couleurPrincipaleClient);*/background:var(--colorGrisClair)}
.paramListes{display: inline-flex; width: calc(100% - 340px);width: -webkit-calc(100% - 340px); vertical-align: top}
.paramListe{flex-grow: 1;}
.paramListe input {
  border: 1px solid #eae8e8 !important;

}
/* FIN Page Parametrage des listes */

/* AUTOCOMPLETE */
.ui-autocomplete{max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000 !important}
.ui-autocomplete .ui-state-active{box-sizing: border-box}
.ui-autocomplete{text-align: left}
.ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;}
.ui-autocomplete.ui-widget-content .ui-state-active{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
/* FIN AUTOCOMPLETE */

/* DATEPICKER */
.ui-datepicker { z-index: 9999 !important; }
.datepicker {width: 130px;}

.pictoDate{
	content:"";
	display:flex;
	width:25px;
	height:25px;
	background: url('../inc_images/design/picto/picto_calendar.png') no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}

/* FIN DATEPICKER */

/* CHOSEN */
.chosen-results li{font-size: 10px !important;}
.chosen-container{/*position: absolute !important;*/ -webkit-transition: width 1s; transition: width 1s; top: 3px;padding-bottom:8px;}
.chosenVille{padding-bottom:10px !important;}
/* FIN CHOSEN */

/* Espace disque */
.InfosStats{color: var(--colorClient);}
.InfosStats p{color: var(--colorClient);margin-left:auto;margin-right:auto;width:500px;}
.InfosStats p label{display:block;float:left;width:200px;}
.InfosStats p input{float:left;}
.InfosStats h1, .InfosStats h2 {margin-bottom: 5px;padding: 5px;color: #ffffff;text-transform: uppercase;font: normal bold 15px verdana, tahoma, arial;background: linear-gradient(to right, var(--couleurPrincipaleClient), 50%, var(--colorClient));}
/* FIN Espace disque */

/* Connexion / Inscription / mdp oublié */
.contentMdpOublie{position: relative; font-weight: bold; width:380px; color:#fff; margin:10px;}
.infosMDP{
	position: absolute; 
	left: calc(100% + 5px); 
	top: 0;
	width: 200px;
	background: rgba(0, 0, 0, 0.8); 
	text-align: left !important; 
	z-index: 4;
	padding: 10px; 
	border-radius: 10px;
	color: #fff;
}
.infosMDP ul li{
	color:#aaaaaa;
}

.listeConditions{padding-left: 25px;text-align: right}
.infosMDP:before{position: absolute;top: 50%; top: calc(50% - 10px);top: -webkit-calc(50% - 10px); content: ""; right: 100%; border: 10px solid transparent; border-right: 10px solid  rgba(0, 0, 0, 0.8);}
.listeConditions .condition{font-weight: bold; position: relative;}
.listeConditions .condition.condPassOk{color: #65c462}
.condPassNOk{color: red}
.listeConditions .condition.condPassOk:after{content: "";position: absolute; left: -30px;margin-left: 3px;top: 0; width: 15px; height: 100%; background: url("../img_global/picto/check_petit.png") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size: contain;}
#formChangeMdp{text-align: center}
a.lien_mdp_oublie{color:white;text-align:center; font-size:14px;}
.lien_mdp_oublie{font-size: 18px;font-weight:400;}
.bgConnexion{
	width: 100%; 
	height: 100vh; 
	background: transparent url(../inc_images/design/bg.png) no-repeat center center;
	image-rendering:-webkit-optimize-contrast; 
	text-align: center; 
	background-repeat:no-repeat;
	background-size:cover;
	color:#b7b1ac;
	overflow: hidden;
}
.divConnexion{
	position: relative;
	margin: auto; 
	width: fit-content; 
	padding:50px;
	width:450px;
        padding-top: 10%;
        padding-bottom: 0;
}
.divConnexion:after{width: 2px; height: 50px; background-color: var(--colorOrangeBtn); content: "";}

.deco_login{
	background-image: url("../inc_images/design/login/deco_login.png");
	object-fit: contain;
	height:50px;
	background-repeat: no-repeat;
	background-position: center center;
}

.logoConnexion{
	width: 100%; 
	height: 50px; 
	background: url("../inc_images/design/logo_plein.png") no-repeat top center; 
	image-rendering:-webkit-optimize-contrast;
	background-size: contain; 
	display: block; 
	margin: auto; 
}
.saisie_formulaire{
	margin: auto;
	text-align:left;
	display: flex; 
	flex-direction: row; 
	justify-content:space-between; 
}

.accoladeBleu{
	border-left: 3px solid #3876e0;
	border-right: 3px solid #3876e0;
	border-radius: 10px;
	box-sizing: border-box;
	padding:10px;
	font-size: 30px;
}


.saisie_formulaire input, .saisie_formulaire span {vertical-align:middle}
a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 23px;margin-bottom: 10px; display: inline-block}
.divConnexion h2{color: #fff; margin-top: 10px;}
.divConnexion.divInscription{padding-top: 60px;font-size: 16px; color: #fff}
.divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;}
.labelInscription{font-size: 16px;color: #b2b2b2;  cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;}
.labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{color: #fff;border: 1px solid #fff; }
.containerRadio{display: inline-block; width: 48%;margin: 18px 0px; }
.containerRadio:first-child{margin-right: 2px;}
.containerRadio:last-child{margin-left: 2px;}
.checkMention{padding: 0 60px;}
.btnConnexion{display: block;width: 100%; height: 100%; border: none; background: transparent;line-height: 180px;color: #fff;font-weight: bold;font-size: 45px;text-transform: uppercase; cursor: pointer;   text-align: center; }
.divBtnConnexion:hover .conteneurImageBouton{animation: rotate 1s linear infinite}
.btnConnexion:focus{outline: none;}
.divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;}
.divConnexion.divInscription .btnConnexion{line-height: 150px;}
.divBtnConnexion{display: block; position: absolute; width: 180px; height: 180px;  bottom: -80px;  left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.conteneurImageBouton{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : #33ff99 url("../inc_images/design/lueur_interne.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;border-radius: 50%;border: 10px solid #2f3031;}
.divConnexion .divBtnConnexion{left: 90%; bottom: 45px;width: 150px; height: 150px;}
.divConnexion .btnConnexion{line-height: 150px;}
input.input_connexion{
	text-align: center;
	background: transparent; 
	border: 1px solid var(--colorInputConnexion) !important; 
	color: white; 
	box-sizing: border-box;
	font-size: 18px;
	width: 100%; 
	padding: 10px 30px; 
	font-weight: normal;
	outline:none; 
	border-radius: 5px;
}

input.input_connexion::placeholder{color:#aaaaaa}
.input_connexion:focus{border:1px solid var(--couleurPrincipaleClient) !important;}
.btn_connexion .btn{
	border-radius:50px; 
	background: none;
	background-color: var(--colorOrangeBtn); 
        border: none !important;
	color: #fff;
	text-align: center;
	padding: 10px 20px; 
	font-size: 23px; 
	font-weight:bold;
	text-transform: lowercase;
	transition: all ease 0.3s;
	width: 300px;
        margin-bottom: 20px;
}
.btn_connexion .btn:hover{ opacity:0.7; }

.home_msg_bienvenue{font-weight:700;font-size: 25px; margin:20px;border: 1px solid #91877e;border-radius: 50px; padding: 10px 50px;}

.home_msg_bienvenue_detail{font-size: 24px;font-weight:400;}
/* FIN Connexion / Inscription / mdp oublié */

/* NOTIFICATIONS */
/*.infosLive{position: absolute; top: 15px; right: 160px; transition: 0.3s; text-align: center}*/
.notifModif{display: inline-block; color: #e56a54; font-size: 11px; padding-right: 20px;width: 300px;position: absolute; top: 5px; right: 0;text-align: right;}
.notifModif .fermerNotif{position: absolute; top: 5px; right: 0;width: 10px; height: 10px;cursor: pointer; background: url("../inc_images/design/picto/annuler2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications, #NotificationsNavigation{position: fixed; bottom: 0; right: 0; width: 300px; height: 0px;transition: 0.3s; z-index: 46000}
#Notifications .pictoFermer, #NotificationsNavigation .pictoFermer{display: none;position: absolute;width: 30px; height: 30px; top: -15px; left: -15px;background: url("../inc_images/design/picto/close2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: contain;z-index: 40; cursor: pointer;}
#Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s}
#Notifications.open .contentPicto{right: -60px;}
#Notifications.open, #NotificationsNavigation.open{height: 300px;}
#Notifications.open .pictoFermer, #NotificationsNavigation.open .pictoFermer{display: block;}
#Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications .nbNotif{display: none;}
#Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite}
#listeNotifs, #listeNavigation{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);}
#listeNotifs .info,.notif, #listeNavigation .info{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: #fff;}
.notif.vue{background: transparent; color: #fff}
.notif a{color: #b40c64;display: block;}
.notif.vue a{color: #fff;}
.notif a{color: #fff !important;}
.rondPictoNotification, rondPictoNotificationMail, .rondPictoNotificationNavigation{text-transform: uppercase;width: 55px;display: inline-block;cursor: pointer;}
.rondPictoNotificationNavigation .iconPointer{font-size: 20px;}
.rondPictoNotification .picto, .rondPictoNotificationMail .picto{background:url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;width:40px; height:40px; line-height:70px;background-size: 100%; margin: auto;}
.rondPictoNotification.hasNotif .picto, .rondPictoNotificationMail.hasNotif .picto{background: url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 100%}
.rondPictoNotification .nbNotif, .rondPictoNotificationMail .nbNotifMail{display: none;font-size: 12px;}
.rondPictoNotification.hasNotif .nbNotif, .rondPictoNotificationMail.hasNotif .nbNotifMail{position: absolute;top: -8px; left: 10px;color: #fff; width: 15px; height: 15px; background: var(--colorOrangeBtn); border-radius: 50%;display: block;line-height: 15px; text-align: center; animation: zoom 1s infinite}
/* FIN NOTIFICATIONS */

/* Tooltips */
.fctHover{float:right;width: 20px; height: 20px;}
.fctHover:hover .hoverFct{display: block;z-index: 45800; font-size: 12px; }
.fctHover .hoverFct{position: absolute;z-index: 45; left: 50%; top: 50%;color: #ffffff; background:#999; width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}

/* FIN Tooltips */

/* MULTISELECT */
.ui-multiselect{max-width: 100%; width: 100% !important; border-radius: 90px !important; padding: 5px 10px !important; background-color:white !important;border:none !important;}
.ui-multiselect-checkboxes .ui-corner-all span{display: inline-block; vertical-align: text-top; width: calc(100% - 20px); width: -webkit-calc(100% - 20px)}
.ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 0; padding: 0;border: 1px solid #000}
.ui-widget-header.ui-multiselect-header{background:  var(--colorFiltreBckgd); }
.ui-multiselect.ui-state-active{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont); border: 1px solid var(--colorInput); border-radius: 0;}
.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
.ui-multiselect-filter{width: 90%;}
.ui-multiselect-filter input{width: 100% !important;}

.hasInfo{margin-right:5px;}
.info_multiselect .contenu_info{padding: 5px;text-align: left;position: absolute; top: 50%; left: 50%; display: block; height: auto; background: #f1f1f1; border-radius: 5px;z-index: 45000;display: none; width: 200px;color: #000}
.info_multiselect:hover .contenu_info{display: block; font-size:12px;}
.info_multiselect:hover{z-index: 450000}
/* FIN MULTISELECT */

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:var(--colorOrangeBtn) !important;}
/* FIN JQUERY CONFIRM */

/* SUPER SESSION (test user) */
.superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;}
.superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;}
/* FIN SUPER SESSION (test user) */

/* DOCUMENTS */
.infoNB{font-size: 10px; font-style: italic;}
/* FIN DOCUMENTS */

/* PARAM DESIGN */
.previsuImage{width: auto; height: auto;margin: auto;max-width: 350px;overflow: hidden;}
.previsuImage img{max-width: 100%; height: auto;display: block; margin: auto;}
.previsuImagePrincipale{background: var(--couleurPrincipaleClient);}
.previsuImageFond{background: var(--bgAppliClient);}
.previsuCouleur{width: 100px; height: 20px; margin: auto;}
/*#param_style{background: #fff;text-align: center;}*/
#param_style{text-align: center;}
.tableClassique{width: auto;text-align: left;background: transparent;}
.tableClassique td{text-align: left;padding: 5px 40px;border-left: 1px solid;border-top: 1px solid}
.tableClassique td:first-child{border-left: none;}
.tableClassique tr:first-child td{border-top: none;}
.tableClassique th{background-color: var(--couleurPrincipaleClient);color: #fff;padding: 5px 40px;}
.tableClassique tr:hover td{background-color: var(--colorGrisClair)}
.center-table{display: table; margin: 0 auto;}
/* FIN PARAM DESIGN */


/* SORTABLE ou DRAG&DROP */
.list-drag-drop.ui-sortable li .handle{
    cursor: grabbing;
}
.list-drag-drop{
    list-style: none;
}
.placeholder-bg{
    border: 1px solid #cacaca;
    padding: 5px;
}

#list_question_modif{width:auto; margin: 20px auto 0;}
.delete_question.pictoDelete{position: absolute;right: 10px; bottom: 5px;}
#list_question_modif li{margin-bottom: 15px;}
.bg_question{background: #f1f1f1; padding: 10px 10px 30px 10px;}
.type_question{display: block; position: absolute; right: 10px; top: 5px;}
.handle.fa-grip-horizontal.handle{display: block;text-align:center;padding-bottom:20px;}
/* FIN DRAG & DROP*/


.container_flex_row{display: flex; flex-flow: row wrap; justify-content:space-between; margin: 0 5px; }

/* image à la place d'un input file */
.FormInputFile{font-size:20px;vertical-align:middle;}
/* remplacement si il y a un element avec la class FormInputFile avant */
.FormInputFile + input[type='file']{
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    height: 1px;
    width: 1px;
    z-index: -5;
}
.SpanInfoFile{width:auto; height:20px; border:1px solid red; display:none/*inline-block*/;}

 .imgup{vertical-align:middle}
/* FIN FORMULAIRE */

@media screen and (max-width: 1300px){
    h2.titrePage{font-size: 28px;}
}

.contenuPage{ padding: 0 40px 40px 40px; }

input.input_numerique_court {width: 60px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long[type=number] {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input_form_popin_classique input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input_form_popin_classique input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

/* style pour liste factures */
.grouplabel th {background-color: var(--couleurFondEntete); color: white;}
.tbfact {width: 100%;}
.tbfact td {border:1px solid var(--colorGrisSombre)}
.clear {
    clear: both;
}

/* div affichage suivi dossier*/
.divSuivi {padding-left: 10px; padding-right: 10px; border: 1px solid var(--colorInput); border-radius: 3px; background-color: white; width: 800px; height: 400px; overflow-x: auto;}
.divCom {padding-left: 10px; color: gray;}
.spanCom{color:var(--couleurFondEntete);font-weight: bold;}
.divAction {padding-left: 10px; padding-right: 10px; width: 800px;}

.containerFlex{display: flex; flex-direction: row; flex-wrap: wrap;}
.containerFlex .partieGauche{width: 35%;}
.containerFlex .partieDroite{width: 65%;padding-left: 40px;}
.containerFlex .contenu_mid_gauche{width: 50%;padding-right: 20px;}
.containerFlex .contenu_mid_droite{width: 50%;padding-left: 20px;}


#previsuMail,#previsuMail table, #previsuMail tr:not(.titre_popin), #previsuMail td, #previsuMail tbody, #previsuMail iframe{height: 100%;}




#suiviAction{width: 100%; height: 100px;}

.td_boutons {padding: 5px;}

.fc-timegrid-slot {
    height: 3em !important;
    border-bottom: 0 !important;
}


.FieldFiltre legend{cursor: pointer; display: none;}
.FieldFiltre.closed .DivFiltre{display: none;}


#adresseVille{width: 162px;}

.jq-toast-wrap.bottom-right{z-index: 90000 !important}
html.hasPopin{overflow: hidden !important;}

#Table_ConfigEmail{background: #fbfbfb;}
#Table_ConfigEmail td{padding: 2px;border-bottom: 1px solid;border-right: 1px solid #aaa;}
#Table_ConfigEmail td:first-child{border-left: 1px solid #aaa;}
#Table_ConfigEmail tr:first-child td{border-top: 1px solid #aaa;}
#Table_ConfigEmail label{font-weight: bold;}

select:focus{
	border: 1px solid #5897fb;
  	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*=============================================================================*/
/* style des datatables */

table.dataTable thead tr th{
	background-color: #c5beb7;
	border:none;
	/*padding:20px;*/
}

table.dataTable thead tr th:first-child{
	border-radius: 40px 0 0 0px;
}

table.dataTable thead tr th:last-child{
	border-radius: 0px 40px 0px 0px;
}
/*=============================================================================*/
/* VV - 14/03/2023 - Ajout des jeux de classe CSS responssives */
/* Ajout des classes flex et Responssive */
/* Class flex */
.flexParent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flexHalf {
    display: flex;
    flex: 1 1 49%;
    max-width: 50%;
}

.flexThird {
    display: flex;
    flex: 1 1 32%;
    max-width: 33%;
}

.flexTwoThirds {
    display: flex;
    flex: 1 1 64%;
    max-width: 65%;
}

.flexQuarter {
    display: flex;
    flex: 1 1 24%;
    max-width: 25%;
}

.flexRight {
    justify-content: flex-end;
}

.flexCenter {
    justify-content: center;
}

.flexLeft {
    justify-content: flex-start;
}

.flexColumn {
    flex-direction: column !important;
}

.flexRow {
    flex-direction: row !important;
}

.flexStart {
    align-items: flex-start;
}

.flexEnd {
    align-items: flex-end;
}

.flexStretch {
    align-items: stretch;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexBetween {
    justify-content: space-between;
}

.flexAround {
    justify-content: space-around;
}

.flexVCenter {
    align-items: center !important;
}
.flexVEnd{align-items: end !important;}

.flex10{ flex: 10%;}
.flex20{ flex: 20%;}
.flex30{ flex: 30%;}
.flex50{ flex: 50%;}
.flex70{ flex: 70%;}
/*=============================================================================================================*/

/* Class gap */
.gap_5 {
    column-gap: 5px;
    row-gap: 5px;
}

.gap_10 {
    column-gap: 10px;
    row-gap: 10px;
}

.gap_15 {
    column-gap: 15px;
    row-gap: 15px;
}

.gap_20 {
    column-gap: 20px;
    row-gap: 20px;
}

.gap_30 {
    column-gap: 30px;
    row-gap: 30px;
}

.gap_40 {
    column-gap: 40px;
    row-gap: 40px;
}

.gap_50 {
    column-gap: 50px;
    row-gap: 50px;
}

.gap_60 {
    column-gap: 60px;
    row-gap: 60px;
}

.gap_70 {
    column-gap: 70px;
    row-gap: 70px;
}

.gap_80 {
    column-gap: 80px;
    row-gap: 80px;
}

.gap_90 {
    column-gap: 90px;
    row-gap: 90px;
}

.gap_100 {
    column-gap: 100px;
    row-gap: 100px;
}

/*=============================================================================================================*/

/* Variable positionnement */
.wp_5 {
    width: 5%;
}
.wp_10 {
    width: 10%;
}

.wp_20 {
    width: 20%;
}
.wp_25 {
    width: 25%;
}

.wp_30 {
    width: 30%;
}

.wp_40 {
    width: 40%;
}

.wp_50 {
    width: 50%;
}

.wp_60 {
    width: 60%;
}

.wp_70 {
    width: 70%;
}

.wp_80 {
    width: 80%;
}

.wp_90 {
    width: 90%;
}

.wp_100 {
    width: 100%;
}

.hp_100{
	height:100%;
}

.hp_50{
	height: 50%;
}

.mb_3 {
    margin-bottom: 3px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_50 {
    margin-left: 50px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.p_5{
    padding: 5px;
}
.p_20{
    padding: 20px;
}
.pr_10{padding-right: 10px;}
.petit_btn_invisible{display:none !important;}
/* AA 25/08/2023 - css spécifique pour gérer Safari (cf safari.css)*/
.icone_loupe-safari{display: none !important;}
.notDisplayPC{display: none;}



/**************************************************************
 SPECIFIQUE RAVEL
*/
/* ============================================================================ */
/* MOBILE */
.return_mobile{display:none;}
.onlyMobile{display: none;}
.return_mobile:before{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f053";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-size: 17px;
}

input:disabled{background-color: #bbb4b4;}
.colorOrange{color: var(--colorOrange);}
.colorVert{color: green;}
.pointer{cursor: pointer;}
.bgVertCircle{background-color: green; padding: 3px; border-radius: 90px; color: white; }
.iconPointer:hover::before{color: var(--colorOrangeBtn);}
.btn_flex:hover .iconPointer::before{color: white;}
.strong{font-weight: bold;}
.colorFonce{color: var(--colorMenuClient);}
.xs-font{font-size: 8px;}
.xl-font{font-size: 18px;}
.xxl-font{font-size: 24px;}
.tooltipevent{ background-color: rgba(202, 202, 202, 0.5); text-wrap: wrap; max-width: 200px; text-align: left; font-size: 12px; padding: 5px; border-radius: 5px; box-shadow: 1px 5px 10px; }
.legendeBg{width: 10px; height: 10px; border-radius: 90px;}
.faColor{color:#817063 !important;}
.dropzone.dz_reduit.wp_100{width: 100% !important; border-radius: 15px;}
.notUnderline{text-decoration: none !important;}

/* Formulaire general */
.formulaireFlex{padding: 10px; background-color:#e3e0e0;border-radius: 30px;}
.formulaireFlex > .flexParent{margin-top: 10px;}

/* popin */
.popin-content{background-color: #e3e0e0;}

/* Page login */
.containerConnexion{background-color: white;}
.bgConnexion{background-color:var(--bgAppliClient);}
.bgConnexion .icon-logo_white{font-size: 35px;}
.bgTextLogin{height: 100vh;}
.containerTextLogin{max-width: 400px; text-align: left; margin-left: 40px; padding-top: 10%;}
.containerTextLogin .icon-demiRectangleHaut{font-size: 100px; align-self: flex-start; margin-top: -40px;}
.containerTextLogin .icon-demiRectangleBas{font-size: 100px; align-self: flex-end; bottom: -50px;}
.containerTextLogin .icon-demiRectangleHaut::before, .containerTextLogin .icon-demiRectangleBas::before{color: #e1dfdc;}


/* Menu */
.containerFiltreRaccourci{border-right: 2px solid var(--couleurPrincipaleClient); border-left: 2px solid var(--couleurPrincipaleClient); padding: 0 20px;}
.containerNomUser{border-right: 2px solid var(--couleurPrincipaleClient); padding: 0 20px; text-align:right;}
.bgFiltreRaccourci{color: white; min-width: 50px; border-radius: 30px;text-align: center; padding: 5px 30px;}
#FieldFiltreSinistre .bgFiltreRaccourci{width: 70px; padding: 5px;}
.bgFiltreVert{background-color:var(--colorVertFiltre);}
.bgFiltreOrange{background-color:var(--colorOrangeFiltre);}
.bgFiltreRouge{background-color:var(--colorRougeFiltre);}
.bgFiltreMarron{background-color:#5a4e45;}
.borderChosen.bgFiltreMarron{background-color: #130b02;}
.TitreReferenceSinistre.bgFiltreNormal{background-color:var(--colorMenuClient);}
.container_searchGeneral { height: 100%; background-color: #d9d6d5; border-radius: 0 0 30px 30px; min-width: 30%;}
.detail_searchGeneral{background-color: white; border: none !important; border-radius: 10px; width: 90%; margin: auto; height: 40px; margin-top: 10px;}
.detail_searchGeneral .icon-loupe{font-size: 18px; vertical-align: middle;}
.detail_searchGeneral input{background-color: white; border: none !important;width: 90%; height: 40px;}
.detail_searchGeneral input:placeholder{color:var(--bgAppliMenuTop)}
.menuTopIcone > div{width: 40px;}
.menuTopIcone .icon-notifications,
.menuTopIcone .icon-parametres,
.menuTopIcone .icon-mail,
.menuTopIcone .icon-connexion{font-size: 20px;}

/* Echange */
.container_downloadFile{background-color: white; padding: 10px; border-radius: 30px;}
.container_downloadFile:hover{color:var(--colorOrangeBtn); text-decoration: none;}

/* Note */
.table_liste tbody tr td.bg_noteInterneTd, 
#contenu_souspageDroit .table_liste tbody tr.even td.bg_noteInterneTd, 
.table_liste tbody tr.odd td.bg_noteInterneTd{background-color: #f2dfd5 !important;}

/* Action */
div#contenu_module_page_droit_action{float: right; width: 0%;}
div.OpenContenuModuleDroitAction{
    width: 40px;
    height: 80px;
    position: fixed;
    right: 0px;
    cursor: pointer;
    top: calc(50% - 35px);
    background-color: var(--couleurPrincipaleClient);
    z-index:200;
    display: flex;
    justify-content: center;
    border-radius: 20px 0 0 20px !important;
    font-size: 12px;
}
div.OpenContenuModuleDroitAction.openDroitDocument{right: 0; transition:right 1s ease}
div.OpenContenuModuleDroitAction.closeDroitDocument{right: 25%; transition:right 1s ease}
div.OpenContenuModuleDroitAction a:hover{opacity:1}
#ouvredroitaction, #fermedroitaction{line-height: 80px;}
#contenu_module_droit_action{width: 0px;
  transition: all 1s ease;
  background: #f6f5f5;
  max-width: 0;
  width: 25% !important;
  right: -10px;
  top: var(--tailleMenu);
  position: fixed;
  height: 100vh;
  text-wrap: nowrap;
  }
#contenu_module_droit_action.OuvertureTabGrand{
    max-width:25%;
    padding:20px;
    right: 0;
    text-wrap: auto;
}
.containerActionARealiserDroite{border-radius: 30px;border: 1px solid #5a4e45;padding: 10px 5px;background-color: white;margin-bottom: 15px;}
.ActionARealiserPast{border: 1px solid #ac3d38;}
.titreActionARealiserDroite{padding-left: 15px;
  font-style: italic;
  color: var(--colorClient);
  font-weight: bold;}
.listeActionARealiser{height: 95%; overflow-y: auto;}
/*Liste sinistres*/
.TitreRechercheSinistre{
    font-size: 25px;
}

.FondCreate{
    background-color: var(--bgAppliMenuTop);
    border-radius: 25px 25px 25px 25px;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
}

.FondFiltre{
    background-color: var(--bgAppliMenuTop);
    border-radius: 25px 25px 25px 25px;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
}

.FondFiltreOpen{
    border-radius: 25px 25px 0 0;
}

.RechercheSinistre{
    background-color: #6ec015;
    padding: 5px;
    border-radius: 30px;
    width:  30px;
    height: 30px;
    cursor: pointer;
}

#PlusDeFiltres{
    font-size: 20px;
    background-color: var(--colorOrange);
    padding: 5px;
    border-radius: 30px;
    width:  30px;
    height: 30px;
}

#EmptyFiltres{
    font-size: 12px;
    background-color:#5a4e45;
    padding: 5px;
    border-radius: 30px;
    width:  30px;
    height: 30px;
    color: #fff;
}

.white{
    color :#fff;
}

#FiltresComplementaires{
    background-color: var(--bgAppliMenuTop);
    margin-left: 0px; 
    margin-right: 0px;
    border-radius: 0 0 25px 25px;
    height: 50px;
    padding: 5px;
}
.paddingRight10{
    padding-right:10px ;
}

.BtncreateSinistre{background-color:#5a4e45; font-size: 25px; width: 60%;}

.BtnAddDateExp{
    background-color:#5a4e45; font-size: 25px; width: 60%;
    border-radius: 30px;
    width:  30px;
    height: 30px;}

/* TABLEAU DES SINISTRES */

.Table_liste_sinistres thead tr{text-transform:uppercase;}

.dataTables_wrapper{
    width: 100% !important;
}

/* FIN TABLEAU DROITS */

/* Detail sinitre */
#contenu_souspageDroit{border: 1px solid #817063; border-radius: 30px; padding: 10px;}
#contenu_souspageDroit .ui-tabs-panel{background-color: transparent !important;}
#contenu_souspageDroit .ui-tabs{margin: 0 !important;}
#contenu_souspageDroit table.dataTable thead tr th:first-child{border-radius: 40px 0 0 40px;}
#contenu_souspageDroit table.dataTable thead tr th:last-child{border-radius: 0px 40px 0px 0px;}
#contenu_souspageDroit table.dataTable thead tr th a.Entete{color: white !important;font-size: 14px;}
#contenu_souspageDroit .table_liste tbody tr.even td{background-color: transparent !important;}

/*Creation sinistre*/
.TitreCreationSinistre{
    font-size: 24px;
    font-weight: bold;
}

.FondFormCreateSinistre{
    margin-top :1%;

}

.TitreCreationDetailSinistre{
    background-color:#5a4e45; 
    border-radius: 30px;
    text-transform:uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px;

}

.TitreReferenceSinistre{
    border-radius: 30px;
    text-transform:uppercase;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;

}

#formSinistre{
    padding-top: 10px;
}

.FondFormCreateSinistreDetail{
    background-color:var(--bgAppliMenuTop);
    border-radius: 30px;
    padding: 10px;
}

.FondFormSinistreDetail{
    background-color:var(--bgAppliMenuTop);
    border-radius: 30px;
    padding: 10px;
}

.FondFormArchive{
    background-color:var(--bgAppliMenuTop);
    border-radius: 30px;
    padding: 10px;
}

.BlocEtape, .BlocReference{
    border-top: 1px solid #5a4e45;
    border-bottom: 1px solid #5a4e45;
    
}

.Etapes{
    border-radius: 30px;
    background-color: var(--colorOrangeFiltre );
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 0.5;
    color: #fff;
    font-size: 18px;
}

.EtapeActive{
    border-radius: 30px;
    background-color: var(--colorOrange );
    opacity: 1;
}


.bgRef{
    border-radius: 5px;
    height: 100%;
    opacity: 0.5;
    color: #000;
    
}

.msgError{
    color: var(--colorRougeFonce);
}

.borderChosen{
    /*border:2px solid #5a4e45;*/
    box-shadow: 1px 1px 5px 0px black;
    filter: contrast(125%);
}

a.voir_pdf_sinistre:hover {text-decoration: none;}

.fa-archive{
    color : #817063
}

/* Transfert sinistre */
#containerSinistre{
    background-color: white;
  border-radius: 8px;
  padding: 10px;
  max-height: 250px;
  overflow-y: auto;

}
/* Photo a classer */
.imgPhoto{max-width: 200px; max-height: 200px;}
.containerPhoto{height: 260px;
  padding: 10px;
  border: 1px solid var(--colorMenuClient);
  border-radius: 30px;}
.containerPhoto:hover{box-shadow: 1px 1px 10px var(--colorMenuClient);}
.containerPhoto.selected{background-color: #eedacc;}

/* Export sinistre */
#containerListeColonne{max-height: 400px; overflow-y: auto; padding: 10px; background-color: #eae8e8; border-radius: 30px;}
.containerFavoris{border-radius: 30px; background-color: #eae8e8; max-height: 200px; overflow-y: auto;}
.placeholder-bg{
    border: 1px solid #cacaca;
    padding: 5px;
}
.noCheck{color: gray;}
.containerAddExport{background-color: #eae8e8;
  border-radius: 30px;
  padding: 20px;}
.deleteExport:after{font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00d";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  position: absolute;
  top: -16px;
  right: -16px;
  background-color: #df4b2d;
  color: white;
  border-radius: 90px;
  width: 15px;
  height: 15px;
  text-align: center;}
.deleteExport:hover:after{background-color: red;}


.desarchiverColor{
    color: var(--colorRougeFonce);
}

.ActionRefuseDevis{
    color: var(--colorRougeFonce);
}

.ActionAccepteDevis{
    color: var(--colorVert);
}

.alertePJ{
    width: 15px;
    height: 15px;
    border-radius: 15px;
}

.AdminOnly{

    display: none;

}

.Italique{
   font-style: italic;
   background-color: #5086a1;

}

.legendeSinitreAlerte{
    width: 10px;
    height: 10px;
    border-radius: 90px;
}


/********* Piece jointe ***************/
.ligneDocumentSinistre{background-color: #eae8e8; border-radius: 30px; padding: 5px 0;}