.navigation {
height:5vh;
min-height:50px;
}
:root {
  --violet_flash: #D241CC;
  --violet_flash_hover: #5E1B5C;

}
.menu_smartphone {
background-color:#333333;
}

@font-face {
 font-family: "Ubuntu";
 src: url("../fonts/Ubuntu-Medium.ttf");
}
@font-face {
 font-family: "Ubuntu-bold";
 src: url("../fonts/Ubuntu-Bold.ttf");
}
@font-face {
 font-family: "Ubuntu-light";
 src: url("../fonts/Ubuntu-Light.ttf");
}
@font-face {
 font-family: "Ubuntu-italic";
 src: url("../fonts/Ubuntu-Italic.ttf");
}


html {
background: #000000;
background-image:url('../img/bg.jpg');
background-position: top left;
background-repeat: no-repeat;
color: #FFF;
padding:0;
margin:0;
overflow-y:hidden;
}
body {
background:none;
color: #FFF;
padding:0;
margin:0;
}

.menu_left {
background:none;
color: #FFF;
height:95vh;
padding:25px;
}

.input_black {
border: solid var(--violet_flash) 1px;
background:#212121;
color: #FFF;
}
label {
font-size: 12px;
}

#bloc_notifications {
position:fixed;
z-index:3;
min-height:20vh;
max-height:60vh;
overflow-y:auto;
border-radius:0px 0px 10px 10px;
background:#FFFFFF;
box-shadow: 3px 3px 5px 1px #999;
padding:20px;
display:none;
}
#bloc_notifications_taches {
position:fixed;
z-index:3;
min-height:20vh;
max-height:60vh;
overflow-y:auto;
border-radius:0px 0px 10px 10px;
background:#FFFFFF;
box-shadow: 3px 3px 5px 1px #999;
padding:20px;
display:none;
}

@media (max-width: 3000px) {
#menu_left {
display:block;
}
#nav_smart {
display:none;
}

#popup1 {
display:none;
position:fixed;
text-align:center;
max-height:60vh;
width:50vw;
top:100vh;
margin-top:-80vh;
left:100vw;
margin-left:-75vw;
background-color:#1F162B;
z-index:11;
border:solid var(--violet_flash) 2px;
padding:15px;
overflow-y:auto;
border-radius:15px;
}

#popup_pdf {
display:none;
position:fixed;
text-align:center;
height:98vh;
width:98vw;
top:1vh;
left:1vw;
background-color:#1F162B;
z-index:11;
border:solid var(--violet_flash) 2px;
padding:15px;
overflow-y:auto;
border-radius:15px;
}


.bloc_legende {
display:block;
}
#fleche_retour_1 {
display:none;
}
.document_navigateur {
padding:5px;
}
#conversation {
top:-60vh;
margin-top:100vh;
height:60vh;
}
#btn_contenu_multimedia {
display:none;
}
}
@media (max-width: 900px) {
#menu_left {
display:none;
}
#nav_smart {
display:block;
}
#popup1 {
display:none;
position:fixed;
text-align:center;
height:80vh;
width:80vw;
top:100vh;
margin-top:-80vh;
left:85vw;
background-color:#000000;
z-index:11;
padding:15px;
overflow-y:auto;
color: #FFF;
}

#fleche_retour_1 {
display:block;
font-size:24px;
margin-bottom:10px;
}

.bloc_legende {
display:none;
}
.document_navigateur {
padding:20px;
}
.navigation {
display:none;
}

#bloc_notifications {
left:-60vw;
}
#bloc_notifications_taches {
left:-60vw;
}
#messagerie { 
left:-60vw;
}

#conversation {
height:60vh;
left:-60vw;
top:-70vh;
}
#btn_contenu_multimedia {
display:block;
}
}



a {
color:var(--violet_flash);
transition:0.3s;
text-decoration:none;
}
a:hover {
color:#333333;
cursor:pointer;
}

#popup1 label {
color:#FFF;
font-weight:normal;
font-size:14px;
}

#popup2 {
display:none;
position:fixed;
max-height:60vh;
width:50vw;
top:100vh;
margin-top:-80vh;
left:100vw;
margin-left:-75vw;
background-color:#FFFFFF;
z-index:11;
padding:15px;
overflow-y:auto;
}

#popup2 label {
color:#666666;
font-weight:normal;
font-size:14px;
}

#black_layer {
display:none;
position:fixed;
width:100vw;
height:100vh;
background-color:#000000;
opacity:0.6;
z-index:10;
}
#black_layer2 {
display:none;
position:fixed;
width:100vw;
height:100vh;
background-color:#000000;
opacity:0.6;
z-index:10;
}


.logo {
margin-left:25px;
margin-top:5px;
}
.menu_top {
background:none;
height:100%;
text-align:right;
}
.infos_profil_top {
font-size: 12px;
padding: 10px;
}
.photo_profil {
clip-path:circle();
}
.nom_profil {
color:#1A1A1A;
font-size:12px;
line-height:12px;
}
.nom_profil:hover {
cursor:pointer;
}
.nom_profil span {
font-weight:bold;
}
.nom_profil a {
color:#c060c0;
text-decoration:none;
transition:0.3s;
padding-top:7px;
}
.nom_profil a:hover {
color:#c060c0;
}
.infos_profil {
border-bottom:solid #CCCCCC 2px;
padding-left:12px;
padding-bottom:15px; 
margin-bottom:20px;
margin-top: 20px;
}

.element_menu {
font-family:"Ubuntu-light";
font-size:14px;
padding-top:7px;
padding-bottom:7px;
transition:0.3s;
color:#FFF;
}
.element_menu:hover {
font-family:"Ubuntu";
background-color:#FFF;
cursor:pointer;
color:#666666;
}

.element_sous_menu {
font-family:"Ubuntu-light";
font-size:12px;
padding-top:4px;
padding-bottom:4px;
transition:0.3s;
color:#FFF;
padding-left:65px;
}
.element_sous_menu:hover {
font-family:"Ubuntu";
background-color:#FFF;
cursor:pointer;
color:#FFF;
}

.bloc_recherche_gauche {
background-color:#ECEFEF;
padding-top:2vh;
padding-bottom:2vh;
height:9vh;
}

.bloc_recherche_gauche_users {
background-color:#004658;
padding-top:2vh;
padding-bottom:2vh;
height:9vh;
}

.champs_recherche_rapide {
text-align:center;
height:40px;
border-radius:20px;
}
.btn_plus1:hover {
background-image:url("../icons/btn_plus1_hover.png");
}

.btn_plus1 {
width:14px;
height:14px;
background-image:url("../icons/btn_plus1.png");
background-repeat:no-repeat;
display:inline-table;
transition:0.3s;
margin-right:15px;
}

.bloc_legende {
background: linear-gradient(to left, #FFF, #F2F2F2);
min-height:20px;
font-size:10px;
padding-top:7px;
padding-bottom:7px;
height:3vh;
}
.bloc_tri_datas {
background: linear-gradient(to right, #FFF, #F2F2F2);
min-height:20px;
font-size:10px;
padding-top:7px;
padding-bottom:7px;
height:3vh;
}

.elements_datas {
border-right:solid #DFDFDF 1px;
height:75vh;
overflow-y:auto;
}
.element_data {
padding-top:10px;
padding-bottom:10px;
transition:0.3s;
border-bottom:solid #DFDFDF 1px;
}
.data_actif {
background-color:#C0A8C3;
color:#2C1037;
}
.tache_active {
padding:15px;
transition:0.1s;
border-radius:20px;
background-color:#F0F0F0;
margin-bottom:10px;
border:solid #006699 5px;
font-weight:bold;
}
.element_data:hover {
cursor:pointer;
background-color:#7B3C9B;
color:#FFFFFF;
}
.element_data .titre {
font-family:"Ubuntu-bold";
font-size:16px;
}
.element_data .titre_user {
font-family:"Ubuntu-light";
font-size:12px;
}
.element_data .titre_entreprise {
font-family:"Ubuntu";
font-size:16px;
color:#999999;
}
.element_data .date_creation {
font-style:italic;
font-size:12px;
color:#999999;
}
.element_data .derniere_contribution {
font-size:12px;
color:#D9D9D9;
}
.element_data .derniere_contribution .aujourdhui {
color:#00CC99;
font-weight:bold;
}
.icone_etat_date {
padding-top:7px;
}
.icone_folder {
padding-top:7px;
}
.icones_infos_datas {
text-align:right;
font-size:11px;
}

.contenu_liste_navigateur {
height:95vh;
overflow-y:auto;
padding-top:20px;
}

.contenu {
height:90vh;
overflow-y:auto;
padding:30px;
background:url('../img/bg_transp.png');
background-repeat: repeat;
border: solid #7A7A7A 1px;
border-radius:8px;
margin-top: 15px;
margin-bottom: 50px;
}

.contenu .titre1 {
font-family:"Ubuntu-bold";
font-size:34px;
line-height:34px;
margin-bottom: 20px;
}
.contenu .infos_titre1 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
margin-top:10px;
}
.contenu .infos_titre1 .auteur {
font-weight:bold;
color:#333333;
display:inline-table;
}

.infos_titre_operateur {
font-size: 22px;
color: var(--violet_flash);
margin-bottom: 20px;
}

.contenu_operateur {
height:80vh;
overflow-y:auto;
padding:30px;
background:url('../img/bg_transp.png');
background-repeat: repeat;
border: solid #7A7A7A 1px;
border-radius:8px;
margin-top: 15px;
text-align: center;
margin-bottom: 50px;
}

.contenu_operateur .titre1 {
font-family:"Ubuntu-bold";
font-size:30px;
line-height:30px;
margin-bottom: 20px;
color: #949494;
}
.contenu_operateur .infos_titre1 {
font-size:20px;
line-height: 20px;
margin-bottom: 40px;
font-family:Arial, Helvetica, sans-serif;
color:#949494;
margin-top:10px;
}
.contenu_operateur .infos_titre1 .auteur {
font-weight:bold;
color:#333333;
display:inline-table;
}
.intro_projet {
background-color:#C1D4D4;
padding:15px;
font-size:12px;
color:#004658;
margin-top:15px;
margin-bottom:15px;
transition:0.3s;
}
.intro_projet:hover {
cursor:pointer;
background-color:#468B8B;
color:#FFFFFF;
}
.modif_projet {
background-color:#FFF;
border:solid #CCCCCC 1px;
padding:15px;
font-size:12px;
color:#004658;
margin-bottom:15px;
display:none;
}
.post {
background-color:#FFF;
border:solid #CCCCCC 1px;
border-radius:10px;
min-height:80px;
padding:15px;
border:solid #E1E1E1 1px;
z-index:2;
}
.post_nn_vu {
border-right:solid #B4D3DD 15px
}
.post .img_profil {
border:solid #004658 1px;
}
.post .nom_profil {
font-family:"Ubuntu-bold";
font-size:16px;
display:inline-table;
}
.post .role_profil {
font-family:"Ubuntu-light";
font-size:14px;
color:#FFF;
display:inline-table;
margin-left:15px;
}
.post .date_post {
font-size:11px;
color:#999999;
}

.post .post_content {
padding:15px 15px 15px 0px;
border-bottom:solid #CCCCCC 1px;
}

.post .titre_documents {
font-size:11px;
color:#999999;
padding-top:7px;
padding-bottom:7px;
}

.post .lien_fichier {
font-size:11px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}

.post_replies {
background-color:#F7F7F7;
border-right:solid #E1E1E1 1px;
border-left:solid #E1E1E1 1px;
border-bottom:solid #E1E1E1 1px;
border-radius:0px 0px 10px 10px;
min-height:80px;
padding:15px;
z-index:1;
margin-bottom:20px;
}
.titre_reactions {
color:#999999;
}


.post_replies .img_profil {
border:solid #666666 1px;
}
.post_replies .nom_profil {
font-family:"Ubuntu-bold";
font-size:12px;
display:inline-table;
}
.post_replies .role_profil {
font-family:"Ubuntu-light";
font-size:10px;
color:#FFF;
display:inline-table;
margin-left:15px;
}
.post_replies .date_post {
font-size:10px;
color:#999999;
}
.post_replies .post_content {
padding:0px 15px 15px 15px;
font-size:12px;
}


.post .modif {
text-align:right;
font-size:11px;
color:#999999;
opacity:0;
transition:0.3s;
}

.post .infos_auteur:hover .modif {
opacity:1;
cursor:pointer;
}


.post_replies .modif {
text-align:right;
font-size:9px;
color:#999999;
transition:0.3s;
}


.likes {
text-align:right;
color:#666666;
font-size:12px;
}
.like1 {
color:#B5144D;
font-size:16px;
transition:0.3s;
}
.like1:hover {
cursor:pointer;
}
.like0 {
color:#999999;
font-size:16px;
transition:0.3s;
}
.like0:hover {
color:#B5144D;
cursor:pointer;
}
.bookmark {
text-align:right;
padding-right:25px;
color:#004658;
font-size:35px;
margin-top:-18px;
}

.notif {
background:#303030;
height:36px;
width:36px;
border-radius:18px;
display:inline-table;
margin-top:8px;
font-size:14px;
color:#FFFFFF;
text-align:center;
transition:0.3s;
}
.notif:hover {
cursor:pointer;
color:#B5144D;
}
.notif_icone {
padding-top:11px;
}
.chiffre_notif {
background:#404040;
height:20px;
width:20px;
border-radius:10px;
font-size:12px;
display:inline-table;
color:#FFFFFF;
text-align:center;
margin-left:-15px;
margin-top:-15px;
}
.chiffre_notif1 {
background:#B5144D;
height:20px;
width:20px;
border-radius:10px;
font-size:12px;
display:inline-table;
color:#FFFFFF;
text-align:center;
margin-left:-15px;
margin-top:-15px;
}
.chiffre_notif2 {
background:#0099CC;
height:20px;
width:20px;
border-radius:10px;
font-size:12px;
display:inline-table;
color:#FFFFFF;
text-align:center;
margin-left:-15px;
margin-top:-15px;
}
.menu_smartphone_new_project {
background:#136869; 
color:#FFFFFF;
font-size:22px;
font-weight:bold;
padding-top:7px;
}

.main_top_btn {
background:#136869; 
color:#FFFFFF;
text-align:center;
font-size:12px;
height:100%;
padding-top:14px;
text-transform:uppercase;
transition:0.3s;
}
.main_top_btn:hover {
cursor:pointer;
background-color:#333333;
}
.bloc_ajout_document {
background-color:#ECEFEF;
padding-top:2vh;
padding-bottom:2vh;
}
.envoi_rapide_document {
background:#FFF;
min-height:40px;
width:90%;
border-radius:20px;
text-align:center;
padding:15px;
margin:auto;
font-size:14px;
line-height:14px;
color:#999999;
}
.envoi_rapide_document:hover {
cursor:pointer;
}
.colonne_droite {
height:95vh;
overflow-y:auto;
}
.colonne_droite_navigateur {
height:90vh;
overflow-y:auto;
}
.contenu_colonne_droite {
padding:15px;
}
.titre_colonne_droite {
font-weight:bold;
font-family:"Ubuntu";
font-size:12px;
text-transform:uppercase;
padding-bottom:15px;
border-bottom:dotted #CCCCCC 1px;
}
.section_colonne_droite {
font-weight:bold;
font-family:"Ubuntu-light";
font-size:14px;
text-transform:uppercase;
color:#999999;
margin-bottom:15px;
margin-top:15px;
}
.liste_docs_colonne_droite {
max-height:30vh;
overflow:auto;
}
.document_pdf {
background-color:#D5A7AD;
padding:5px;
font-size:11px;
border-radius:5px;
transition:0.3s;
color:#9A3240;
margin-top:5px;
overflow:hidden;
}
.document_pdf:hover {
cursor:pointer;
background-color:#9A3240;
color:#FFFFFF;
}
.document_download {
background-color:#FFF;
padding:5px;
font-size:11px;
border:solid #CCCCCC 1px;
border-radius:5px;
transition:0.3s;
color:#999999;
margin-top:5px;
text-align:center;
overflow:hidden;
}
.document_download:hover {
cursor:pointer;
background-color:#666666;
color:#FFFFFF;
}
.document_download2 {
background-color:#FFF;
padding:5px;
font-size:11px;
border:solid #CCCCCC 1px;
border-radius:5px;
transition:0.3s;
color:#999999;
margin-top:5px;
overflow:hidden;
}
.document_download2:hover {
cursor:pointer;
background-color:#666666;
color:#FFFFFF;
}
.titre_liste_navigateur {
font-size:10px;
margin-bottom:15px;
}
.btn_filtre {
border:solid #CCCCCC 1px;
padding:3px 7px 3px 7px;
font-size:11px;
border-radius:5px;
transition:0.3s;
text-align:center;
color:#666666;
margin-top:5px;
display:inline-table;
overflow:hidden;
}
.btn_filtre:hover {
cursor:pointer;
background-color:#E5F4FB;
}
.btn_upload_mini {
border:none;
background-color:#0099CC;
padding:3px 7px 3px 7px;
font-size:11px;
border-radius:5px;
transition:0.3s;
text-align:center;
color:#FFF;
margin-top:5px;
display:inline-table;
overflow:hidden;
}
.btn_upload_mini:hover {
cursor:pointer;
background-color:#006699;
}

.mini_select {
border:solid #CCCCCC 1px;
padding:3px 7px 3px 7px;
font-size:11px;
border-radius:5px;
transition:0.3s;
text-align:center;
color:#666666;
margin-top:5px;
display:inline-table;
overflow:hidden;
}

.btn_filtre_actif {
border:solid #CCCCCC 1px;
padding:3px 7px 3px 7px;
font-size:11px;
border-radius:5px;
background:#E5F4FB;
transition:0.3s;
color:#333333;
font-weight:bold;
margin-top:5px;
display:inline-table;
overflow:hidden;
}
.rename {
color:#CCCCCC;
font-size:11px;
transition:0.3s;
display:none;
font-weight:normal;
}
.rename:hover {
color:#990000;
cursor:pointer;
}

.document_navigateur {
font-size:11px;
transition:0.3s;
color:#FFF;
overflow:hidden;
border-bottom:solid #CCCCCC 1px;
}
.document_navigateur:hover {
cursor:pointer;
background-color:#613762;
}
.date_document_navigateur {
float:right;
color:#CCCCCC;
text-align:right;
display:inline-table;
}
.document_txt {
background-color:#9ABEBF;
padding:5px;
font-size:11px;
border-radius:5px;
transition:0.3s;
color:#004658;
margin-top:5px;
}
.document_txt:hover {
cursor:pointer;
background-color:#004658;
color:#FFFFFF;
}
.categorie_documents_colonne_droite {
color:#004658;
padding-left:15px;
font-size:12px;
margin-top:10px;
}
.dlfile {
display:none;
float:right;
transition:0.3s;
}
.document_txt:hover .dlfile {
display:block;
}
.document_pdf:hover .dlfile {
display:block;
}
.document_download:hover .dlfile {
display:block;
}
.document_download2:hover .dlfile {
display:block;
}
.thumbnail_container {
height:25%;
overflow:hidden;
margin-bottom:10px;
}
.thumbnail_container img {
transition:0.3s;
border:solid #FFFFFF 4px;
vertical-align:middle;
}
.thumbnail_container img:hover {
border:solid #B5144D 4px;
cursor:pointer;
}
.ajouter_membre {
color:#B5144D;
font-size:20px;
transition:0.3s;
}
.ajouter_membre:hover {
color:#333333;
cursor:pointer;
}

.liste_user_projets {
margin-top:10px;
max-height:30vh;
}
.liste_user_projets:hover {
cursor:pointer;
}
.liste_user_projets .img_profil {
border:solid #FFF 1px;
}
.liste_user_projets .nom_profil {
font-family:"Ubuntu-bold";
font-size:11px;
display:inline-table;
}
.liste_user_projets .role_profil {
font-family:"Ubuntu-light";
font-size:10px;
color:#999999;
display:inline-table;
}
.liste_user_projets .company {
color:#136869;
font-weight:bold;
font-size:11px;
}
.btn_nouvelle_publication {
color:#999999;
font-size:14px;
border:solid #CCCCCC 1px;
background-color:#FFFFFF;
transition:0.3s;
}
.btn_nouvelle_publication:hover {
cursor:pointer;
color:#FFFFFF;
background-color:#004658;
}
.btn_contenu_multimedia {
color:#FFF;
font-size:14px;
border:solid #CCCCCC 1px;
background-color:#62788E;
float:right;
}
.label_formulaire {
color:#666666;
font-size:12px;
margin-top:10px;
}

.bouton_cliquable_bleuvert {
background:#136869;
color:#FFFFFF;
transition:0.3s;
}
.bouton_cliquable_bleuvert:hover {
background:#666666;
cursor:pointer;
color:#FFFFFF;
}

.ligne_notif1 {
padding:15px;
color:#FFFFFF;
text-align:center;
background-color:#009999;
margin-bottom:25px;
transition:0.3s;
}
.ligne_notif1:hover {
color:#006699;
cursor:pointer;
}
.ligne_notif2 {
padding:15px;
color:#FFFFFF;
text-align:center;
background-color:#CC6633;
margin-bottom:25px;
}
.ligne_notif2:hover {
color:#006699;
cursor:pointer;
}
.ligne_notif3 {
padding:15px;
color:#FFFFFF;
text-align:center;
background-color:#990000;
margin-bottom:25px;
}
.ligne_notif3:hover {
color:#006699;
cursor:pointer;
}
.element_liste_simple {
padding:7px;
border-bottom:dotted #CCCCCC 1px;
}
.btn_supp {
color:#999999;
transition:0.3s;
}
.btn_supp:hover {
cursor:pointer;
color:#993300;
}
.btn_edit {
color:#999999;
transition:0.3s;
}
.btn_edit:hover {
cursor:pointer;
color:#006699;
}

.popup_title {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:left;	
padding:15px 15px 15px 20px;
}
.bg_popup_title {
width:100%;
background: radial-gradient(circle at bottom right, #301159, #000000);
color: #FFF;
border-radius:15px;
}

.champ_nom_big {
text-align:center;
padding:20px; 
border:solid #CCCCCC 1px;
font-size:18px;
color:#999999;
border-radius:15px;
}
.submit_big {
margin-top:20px;
text-align:center;
padding:20px; 
border:solid #CCCCCC 1px;
font-size:18px;
color:#FFF;
background: radial-gradient(circle at bottom right, #301159, #000000);
border-radius:15px;
transition:0.3s;
}
.submit_big:hover {
background-color:var(--violet_flash_hover);
color:#FFFFFF;
cursor:pointer;
}
.btn-fermer {
color:#FFF;
transition:0.3s;
float:right;
font-size:30px;
padding:8px 15px 0 0;
}
.btn-fermer:hover {
color:#000000;
cursor:pointer;
}

.btn_ajout_rond {
border:none;
border-radius:15px;
height:30px;
width:30px;
background-color:#009999;
color:#FFF;
font-weight:bold;
transition:0.3s;
}
.btn_ajout_rond:hover {
cursor:pointer;
border:none;
color:#FFFFFF;
background-color:#B5144D;
}
.btn_retrait_rond {
border:solid #CCCCCC 1px;
border-radius:15px;
height:30px;
width:30px;
background-color:#FFF;
color:#999999;
font-weight:bold;
transition:0.3s;
}
.btn_retrait_:hover {
cursor:pointer;
border:none;
color:#FFFFFF;
background-color:#333333;
}

.champs_txt_post {
font-size:14px;
padding-left:15px;
padding-right:15px;
color:#666666;
width:100%;
border:none;
border:solid #CCCCCC 1px;
height:150px;
border-radius:15px;
transition:0.3s;
}

.ajout_media1 {
font-size:36px;
color:#999999;
}
.ajout_media1:hover {
cursor:pointer;
color:#006699;
}
.ajout_media2 {
font-size:36px;
color:#999999;
}
.ajout_media2:hover {
cursor:pointer;
color:#B5144D;
}

.ajout_media_actif {
color:#006699;
}

.btn_publier {
color:#999999;
font-size:14px;
border:solid #CCCCCC 1px;
background-color:#FFFFFF;
transition:0.3s;
}
.btn_publier:hover {
cursor:pointer;
color:#FFFFFF;
background-color:#004658;
}

.image_preview_apres_upload {
border:solid #0099CC 3px;
transition:0.3s;
}
.image_preview_apres_upload:hover {
cursor:pointer;
border:solid #CC3333 3px;
}
.nopost {
text-align:center; 
padding:50px; 
color:#999999;
transition:0.3s;
}
.nopost:hover {
cursor:pointer;
color:#004658;
}
.btn_repondre_comm {
padding:3px;
font-size:11px;
background-color:#004658;
border:none;
color:#FFFFFF;
opacity:0.5;
transition:0.3s;
}
.btn_repondre_comm:hover {
opacity:1;
cursor:pointer;
color:#FFFFFF;
}
.valeur_commentaire {
padding:10px; 
font-size:12px;
color:#666666;
margin-bottom:15px;
}
.lien_modif_comm {
color:#666666;
transition:0.3s;
display:inline-table;
}
.lien_modif_comm:hover {
color:#006699;
cursor:pointer;
}
.lien_supp_comm {
color:#666666;
transition:0.3s;
display:inline-table;
}
.lien_supp_comm:hover {
color:#990000;
cursor:pointer;
}
.titre_fiche_document {
text-align:center;
color:#666666;
font-size:14px;
padding:10px;
}
.titre_fiche_document span {
color:#006699;
font-size:12px;
}
.ligne_info_fichier {
border-bottom:solid #CCCCCC 1px;
padding:8px;
font-size:11px;
color:#999999;
}
.intitule_info_fichier {
font-size:11px;
font-weight:bold;
color:#333333;
}



.ligne_notif {
padding:7px; 
font-size:11px;
color:#999999;
background-color:#F5F5F5;
border-bottom:solid #FFFFFF 1px;
}
.ligne_notif:hover {
color:#006699;
cursor:pointer;
}

.nom_user_like {
color:#666666;
font-size:11px;
font-style:italic;
display:inline-table;
transition:0.3s;
padding-right:7px;
}
.nom_user_like:hover {
color:#006699;
cursor:pointer;
}

.clic_nb_likes {
color:#999999;
text-decoration:underline;
transition:0.3s;
}
.clic_nb_likes:hover {
cursor:pointer;
color:#006699;
}

.bandeau_ephemere {
color: #FFF;
padding: 20px;
margin-bottom: 15px;
}
.b_success {
background-color: #58BF85;
}
.b_warning {
background-color:#D2CA50;
color:#000;
}
.b_error {
background-color:#C93D40;
}
.b_info {
background-color:#65B2E2;
}

/* MESSAGERIE */

#messagerie {
position:fixed;
z-index:3;
min-height:20vh;
max-height:60vh;
overflow-y:auto;
border-radius:0px 0px 10px 10px;
background:#FFFFFF;
box-shadow: 3px 3px 5px 1px #999;
padding:20px;
display:none;
}

#messagerie h3 {
font-size:24px;
font-weight:bold;
color:#333333;
}
#messagerie .recherche {
background-color:#E5E5E5;
border:none;
color:#666666;
margin-bottom:15px;
}
#messagerie .user {
padding:5px;
transition:0.3s;
}
#messagerie .user:hover {
cursor:pointer;
background-color:#E5F4FB;
}
#messagerie .img_profil {
border:solid #666666 1px;
}
#messagerie .nom_profil {
font-family:"Ubuntu-bold";
font-size:11px;
display:inline-table;
}
#messagerie .role_profil {
font-family:"Ubuntu-light";
font-size:10px;
color:#999999;
display:inline-table;
}
#messagerie .company {
color:#136869;
font-weight:bold;
font-size:11px;
}

#conversation {
position:fixed;
z-index:3;
overflow-y:hidden;
border-radius:10px 10px 0px 0px;
background:#FFFFFF;
box-shadow: 0px 0px 6px 0px #DFDFDF;
display:none;
}
#conversation .top {
height:60px;
width:100%;
margin:0;
padding:5px;
border-bottom:solid #CCCCCC 1px;
}
#conversation .nom_profil {
font-size:14px;
font-weight:bold;
color:#333333;
padding-top:5px;
}
.extrait_dernier_message {
color:#999999; 
font-size:12px;
margin-top:5px;
}
#conversation .corps {
height:calc(60vh - 120px);
padding:10px;
overflow-y:auto;
margin:0;
}

@media (max-height: 800px) { /* adapte la valeur selon ton besoin */
  #conversation .corps {
    height: calc(45vh - 120px);
  }
}

#conversation .write {
height:40px;
padding:10px;
margin:0;
}
#conversation .corps .rec {
padding:5px;
color:#333333;
background-color:#CCCCCC;
border-radius:15px;
font-size:14px;
min-height:10px;
margin-bottom:15px;
}
#conversation .corps .exp {
padding:5px;
color:#FFF;
background-color:#058F93;
border-radius:15px;
font-size:14px;
min-height:10px;
margin-bottom:15px;
}
#conversation .envoi {
background-color:#E5E5E5;
border:none;
color:#666666;
margin-bottom:15px;
}
#conversation .like_messagerie {
font-size:28px;
transition:0.3s;
color: #4E4E4E;
}
.like_messagerie_affichage {
color:#006699;
font-size:45px;
margin-bottom:10px;
}
#conversation .like_messagerie:hover {
cursor:pointer;
color:#058F93;
}
.close-conversation {
color:#CCCCCC;
transition:0.3s;
font-size:28px;
}
.close-conversation:hover {
cursor:pointer;
color:#666666;
}
.liste_taches {
padding:20px;
height:90vh;
overflow-y:auto;
}
.fiche_tache {
padding:20px;
height:90vh;
overflow-y:auto;
}
.categories_taches {
padding:20px;
height:90vh;
overflow-y:auto;
}
.ligne_tache {
padding:15px;
transition:0.1s;
border-radius:20px;
background-color:#F0F0F0;
margin-bottom:10px;
border:solid #FFF 2px;
}
.ligne_tache:hover {
cursor:pointer;
border:solid #9FBBC8 2px;
}
.ligne_tache_confiee {
padding:15px;
transition:0.1s;
border-radius:20px;
background-color:#F0F0F0;
margin-bottom:10px;
border:solid #EADAE8 2px;
}
.ligne_tache_confiee:hover {
cursor:pointer;
border:solid #9FBBC8 2px;
}
.ligne_tache_recue {
padding:15px;
transition:0.1s;
border-radius:20px;
background-color:#F0F0F0;
margin-bottom:10px;
border:solid #009999 2px;
}
.ligne_tache_recue:hover {
cursor:pointer;
border:solid #9FBBC8 2px;
}
.ligne_tache .description {
color:#999999;
font-size:14px;
transition:0.1s;
}
.ligne_tache .description:hover {
text-decoration:underline;
}
#load_liste_taches {
height:75vh;
padding:15px;
overflow-x:hidden;
overflow-y:auto;
}

.tache_check1 {
color:#999999;
font-size:24px;
}
.tache_check1:hover {
cursor:pointer;
color:#00CC99;
}
.tache_check2 {
color:#999999;
font-size:24px;
}
.tache_check2:hover {
cursor:pointer;
color:#993300;
}
.tache_check3 {
color:#999999;
font-size:24px;
}
.tache_check3:hover {
cursor:pointer;
color:#0099CC;
}

.tache_check4 {
color:#999999;
font-size:24px;
}
.tache_check4:hover {
cursor:pointer;
color:#FF9933;
}

.categories_taches {
font-size:12px;
padding:15px;
}
.legende_projet:hover {
cursor:pointer;
}
#notifier_tiers {
border:solid #CCCCCC 1px;
color:#999999;
font-size:11px;
}
.data_navigateur {
font-size:12px;
}
.btn_mode_navig {
border:none;
background:#CCCCCC;
border-radius:5px;
color:#999999;
font-size:11px;
transition:0.3s;
padding:7px;
text-align:center;
margin-top:15px;
}
.btn_mode_navig:hover {
cursor:pointer;
background:#058F93;
color:#FFFFFF;
}

.btn_mode_navig1 {
border:none;
background:#0099CC;
border-radius:5px;
color:#FFF;
font-size:11px;
padding:7px;
text-align:center;
margin-top:15px;
}


.lien_projet:hover {
text-decoration:underline;
cursor:pointer;
}

.bloc_interne_tableau_de_bord {
border: solid #58486B 1px;
border-radius:10px;
min-height: 170px;
max-height: 350px;
padding: 10px;
background: radial-gradient(circle at bottom right, #1a001f, #000000);
overflow-x: hidden;
overflow-y: auto;
}

.bloc_interne_tableau_de_bord .chiffre1 {
font-size:30px;
font-weight: bold;
}
.bloc_interne_tableau_de_bord .chiffre2 {
font-size:22px;
color:#8B8B8B;
font-weight: bold;
}

.bloc_interne_calendar {
border: solid #58486B 1px;
border-radius:10px;
min-height: 170px;
padding: 10px;
background: radial-gradient(circle at bottom right, #1a001f, #000000);
overflow-x: hidden;
overflow-y: auto;
}

.bloc_interne_calendar .chiffre1 {
font-size:30px;
font-weight: bold;
}
.bloc_interne_calendar .chiffre2 {
font-size:22px;
color:#8B8B8B;
font-weight: bold;
}



.stats2_tdb {
font-size: 12px;
}

.titre_interne {
text-align: center;
color: #9A9A9A;
font-size: 18px;
margin-top: 25px;
margin-bottom: 20px;
}

    .chart-container-accueil {
      display: flex;
      align-items: center;
      gap: 50px;

    }

    .chart-container-accueil .legend {
      font-size: 14px;
    }

    .chart-container-accueil .legend span {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 8px;
      border-radius: 50%;
    }

.btn_tri_tableau_de_bord {
background: #251637;
color: #FFF;
font-size: 12px;
padding: 10px 25px 10px 25px;
text-align: center;
border-radius: 10px;
display: inline-table;
margin-right: 10px;
margin-bottom: 10px;
transition: 0.3s;
}

.btn_tri_selected {
background: #FFF;
color: #251637;
}

.bloc_interne_tableau_de_bord hr {
clear: both;
border: none;
background: none;
height: 0;
margin: 0;

}
.btn_tri_tableau_de_bord:last-child {
  margin-right: 0; /* évite d’ajouter un espace inutile après le dernier */
}
.btn_tri_tableau_de_bord:hover {
background: #FFF;
color: #251637;
cursor: pointer;
}
.item_liste_affaires {
padding:10px;
font-size: 12px;
border-bottom: solid #251637 1px;
transition: 0.3s;
}
.item_liste_affaires:hover {
cursor: pointer;
background: radial-gradient(circle at bottom right, #301159, #000000);
}

.titre_liste_affaires {
font-size: 12px;
line-height: 12px;
}
.titre_liste_affaires a {
color:#D7D7D7;
text-decoration: underline;
}
.titre_liste_affaires a:hover {
text-decoration: none;
color: #c060c0;
}
.icone_liste_affaires {
text-align: center;
padding:10px;
font-size: 20px;
color: #FFF;
}
.icone_liste_affaires span {
font-size: 12px;
}

.container_operator {
padding-left: 50px;
padding-right: 50px;
}

.item_liste_affaires_operateur {
padding:20px 10px 20px 10px;
font-size: 12px;
border-bottom: solid #251637 1px;
font-weight: bold;
transition: 0.3s;
}
.item_liste_affaires_operateur:hover {
cursor: pointer;
background: radial-gradient(circle at bottom right, #301159, #000000);
}

.affaire_prioritaire {
background: #BB4042;
}

.titre_liste_affaires_operateur {
font-size: 14px;
line-height: 14px;
}
.titre_liste_affaires_operateur a {
color:#D7D7D7;
text-decoration: underline;
}
.titre_liste_affaires_operateur a:hover {
text-decoration: none;
color: #c060c0;
}
.icone_liste_affaires_operateur {
text-align: center;
padding:10px;
font-size: 20px;
color: #FFF;
}
.icone_liste_affaires_operateur span {
font-size: 11px;
}


.barre_progression {
width: 100%; 
height: 20px;
border: solid #FFF 1px;
border-radius:15px;
overflow: hidden;
}
.progression {
background-color:#9EDE88;
height:25px;
position:relative;
color: #FFFFFF;
font-size: 10px;
text-align: center;
padding-top: 2px;
}
.btn_nouvelle_affaire {
background-color: var(--violet_flash);
color: #FFF;
border: none;
font-size: 12px;
border-radius: 15px;
padding: 10px; 
text-align: center;
transition: 0.3s;
}
.btn_nouvelle_affaire:hover {
cursor: pointer;
background-color: var(--violet_flash_hover);
}

.btn_enregistrer_affaire {
background-color: #B9BE71;
color: #FFF;
border: none;
font-size: 12px;
border-radius: 15px;
padding: 10px; 
text-align: center;
transition: 0.3s;
}
.btn_enregistrer_affaire:hover {
cursor: pointer;
background-color: #A7B200;
}

.btn_modifier_affaire {
background-color:#353535;
color: #FFF;
border: none;
font-size: 12px;
border-radius: 15px;
padding: 10px; 
text-align: center;
transition: 0.3s;
}
.btn_modifier_affaire:hover {
cursor: pointer;
background-color: #A7B200;
}

.sous_titre_tdb {
font-size: 20px;
color: #7A7A7A;
margin-bottom: 15px;
margin-top: 15px;
}
.sous_titre_tdb span {
float:right;
font-size: 12px;
color: #FFF;
}
.sous_titre_affaire {
font-size: 24px;
color: #FFF;
margin: 10px 0px 10px 0px;
}

.ligne_collab_tdb {
padding:5px;
}
.infos_collab_tdb {
color:#FFF;
font-size: 14px;
}
.infos_collab_tdb span {
font-size:11px;
line-height: 11px;
}
.infos_collab_tdb span a {
color:var(--violet_flash);
}
.caspule_time_collab {
padding:5px 10px 5px 10px;
color:#FFF;
text-align:center;
border: solid #FFFFFF 2px;
border-radius:50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
text-align: center;
line-height: 20px;
font-weight: bold;
}
.color_collab_1 {
background:#A0A740;
}
.color_collab_2 {
background:#F68A4C;
}
.message_envoye {
background-color:#9A9A9A;
padding: 8px; 
border-radius: 12px;
color: #FFF;
font-size: 12px;
margin-bottom: 10px;
}
.message_recu {
background-color:#9385C4;
padding: 8px; 
border-radius: 12px;
color: #FFF;
font-size: 12px;
margin-bottom: 10px;
}
.displaynone {
display:none;
}
.bloc_texte_info_affaire {
padding: 7px;
color: var(--violet_flash);
border:solid #6D6D6D 1px; 
margin-top: 7px;
margin-bottom: 7px;
border-radius:10px;
}
.service_selected {
border: solid #FFF 3px;
}
.case_wait_clavier {
border: dotted #FFF 4px;
}
.stats_instant_planif {
padding: 15px;
color: #FFF;
}


.btn_demarrer_travail {
color:#FFF;
font-size: 15px;
border: none;
background: linear-gradient(to left, #A10CC3, #F68A4C);
padding: 15px;
border-radius: 25px;
}

.btn_arreter_travail {
color:#FFF;
font-size: 15px;
border: none;
background:#C53537;
padding: 15px;
border-radius: 25px;
}

.timer {
background: linear-gradient(to left, #A10CC3, #F68A4C);
height: 250px;
border-radius: 200px;
text-align: center;
font-size: 60px;
color:#FFF;
font-weight: bold;
padding-top: 50px;
margin-bottom: 50px;
}
.select_tablet {
height:55px;
border-radius:50px;
text-align: center;
}
.bandeau_rappel_session {
padding: 15px; 
background: linear-gradient(to left, #A10CC3, #F68A4C);
text-align: center; 
color: #FFF;
margin-bottom: 20px;
}
.btn_stop {
background:none;
color:#FFF;
text-align: center;
border-radius:40px;
padding: 10px 40px 10px 40px;
border: solid #FFF 3px;
font-weight: bold;
font-size: 15px;
}
.btn_stop:hover {
background-color: #FFF;
color: #F68A4C;
}
.log {
font-size: 12px;
line-height: 12px;
}

.disclaimer {
background: #EA8E2B;
border-radius: 25px;
padding: 15px;
font-size: 12px;
text-align: center;
margin-bottom: 15px;
}
.champ_commentaire {
border-radius: 15px;
font-size: 12px;
border: solid #FFF 1px;
padding: 10px;
color: #FFF;
background-color: #424242;
}
.btn_commentaire {
border-radius: 15px;
border: solid #FFF 1px;
padding: 10px;
color: #FFF;
font-size: 12px;
background: linear-gradient(to left, #A10CC3, #F68A4C);
}
.btn_commentaire:hover { 
cursor:pointer;
background-color:#A0A740;
}

.element_gantt {
display: inline-table;
display: inline-block;
padding : 5px;
font-size:10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-word;
height: 25px;
}

.gantt_titre {
background-color: var(--violet_flash);
color: #FFFFFF;
height: 35px;
}
.gantt_semaine {
background-color:#348EB7;
text-align: center;
font-weight: bold;
height: 35px;
}
.jour_semaine_gantt {
font-size: 8px;
width: 25px; 
text-align: center;
display: inline-table;
height: 35px;
}

.export_titre {
background-color: var(--violet_flash);
color: #FFFFFF;
height: 35px;
}
.element_export {
padding : 5px;
font-size:12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-word;
height: 25px;
}
.chps_recherche_tdb {
border:none;
background-color: #24172B;
color: #D8D8D8;
text-align: center;
}

.appel_action_appro {
background-color: #FF00B5;
color: #FFF;
}

.appel_action_matos {
background-color:#E8A524;
color: #FFF;
}
.appel_action_matos_semaine {
background-color:#FA4346;
color: #FFF;
}