body {
font-size:12px;
background-color:#ECECEC;
}
html {
background-color:#ECECEC;
overflow-x:hidden;
}

@media (max-width: 8000px) {
.btn_message_accueil {
display:block;
}
.icone_notif { 
margin-top:0px;
margin-bottom:0px;
}
.menu_principal {
display:block;
}
.menu_display {
display:none;
}
.tri1 {
height:calc(100vh - 60px);
}
.fil_infos {
display:block;
}
.derniere_actu_mobile {
display:none;
}
}

@media (max-width: 1170px) {
.btn_message_accueil {
display:block;
}
.icone_notif { 
margin-top:0px;
margin-bottom:0px;
}
.menu_principal {
display:block;
}
.menu_display {
display:none;
}
.tri1 {
height:calc(100vh - 60px);
}
.fil_infos {
display:block;
}
.derniere_actu_mobile {
display:none;
}
}

@media (max-width: 900px) {
.btn_message_accueil {
display:none;
}
.icone_notif { 
margin-top:10px;
margin-bottom:10px;
}
.menu_principal {
display:none;
}
.menu_display {
display:block;
}
.tri1 {
height:auto;
}
.fil_infos {
display:none;
}
.derniere_actu_mobile {
display:block;
}
}

.menu_display {
background-image:url('img/icone_menu.svg');
background-position:right;
background-repeat:no-repeat;
height:30px;
width:100%;
}
.menu_display:hover {
cursor:pointer;
}

.bandeau_top {
min-height:60px; 
background:linear-gradient(to left, #000, #334C5F);
padding-top:20px;
color:#FFFFFF;
font-size:14px;
padding-left:55px; 
background-position:left 10px top 7px;
}
.bandeau_top2 {
min-height:40px; 
/*background-color:#0099CC;*/
background-color:#FBFBFB;
padding-top:10px;
padding-bottom:7px;
color:#FFFFFF;
font-size:12px;
}


.tri1 {
padding-top:30px;
background-color:#F0F0F0;
overflow:auto;
padding-bottom:25px;
}
.label_global {
padding-bottom:20px;
padding-top:20px;
border-bottom:dotted #CCCCCC 1px;
transition:0.2s;
padding-left:15%;
font-size:14px;
}
.label_global:hover {
border-bottom:dotted #CCCCCC 1px;
background-color:#E6E6E6;
font-weight:bold;
cursor:pointer;
}
.label_global1 {
padding-bottom:20px;
padding-top:20px;
border-bottom:dotted #CCCCCC 1px;
color:#FFFFFF;
background:#0099CC;
}
.label_global1:hover {
cursor:pointer;
background-color:#006699;
}

.label_global_s {
padding-bottom:15px;
padding-top:15px;
border-bottom:dotted #CCCCCC 1px;
font-weight:bold;
background-color:#993333;
color:#FFFFFF;
display:none;
}
.label_global_s:hover {
padding-bottom:15px;
padding-top:15px;
border-bottom:dotted #CCCCCC 1px;
font-weight:bold;
background-color:#333333;
cursor:pointer;
color:#FFFFFF;
}

.select_secteur {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#666666;
background:#FFF;
font-weight:bold;
padding-left:15px;
}
.select_secteur1 {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#FFFFFF;
background:#336699;
font-weight:bold;
padding-left:15px;
}
.select_secteur:hover {
cursor:pointer;
background-color:#D2E5EE;
}

.select_entreprise {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#999;
background:#DFE8ED;
font-weight:bold;
padding-left:30px;
}
.select_entreprise1 {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#FFFFFF;
background:#336699;
font-weight:bold;
padding-left:15px;
}
.select_entreprise:hover {
cursor:pointer;
background-color:#D2E5EE;
}

.select_service {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#666666;
background:#FFF;
font-weight:bold;
padding-left:15px;
}
.select_service1 {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#FFFFFF;
background:#336699;
font-weight:bold;
padding-left:15px;
}
.select_service:hover {
cursor:pointer;
background-color:#D2E5EE;
}
.select_specialite {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#666666;
background:#FFF;
font-weight:bold;
padding-left:15px;
}
.select_specialite1 {
padding-bottom:5px;
padding-top:5px;
border-bottom:dotted #CCCCCC 1px;
color:#FFFFFF;
background:#336699;
font-weight:bold;
padding-left:15px;
}
.select_specialite:hover {
cursor:pointer;
background-color:#D2E5EE;
}

.chps_recherche {
height:30px;
padding-left:5px; 
font-size:16px;
width:100%;
margin-bottom:20px;
border:solid #CCCCCC 1px;
}

.users {
padding-top:10px;
height:calc(100vh - 60px);
overflow:auto;
padding-bottom:25px;
border-right:solid #F3F3F3 1px;
}

.message {
color:#333333;
padding-top:10px;
padding-bottom:10px;
transition:0.2s;
}
.message:hover {
cursor:pointer;
background-color:#C1D3DC;
color:#FFFFFF;
}
.message_selected {
background-color:#0099CC;
color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
}


.ligne_simple {
color:#333333;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
transition:0.2s;
}
.ligne_simple:hover {
cursor:pointer;
background-color:#C1D3DC;
color:#FFFFFF;
}
.ligne_simple_selected {
background-color:#0099CC;
color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
}


.messagenl {
background-color:#C5F1FF;
}

.fiche_decla {
padding:20px;
padding-left:30px;
height:calc(100vh - 60px);
overflow:auto;
padding-bottom:25px;
}

.fiche_titre_decla {
color:#333333;
font-size:28px;
font-weight:bold;
}

.expediteur_message {
color:#333333;
font-size:14px;
font-weight:bold;
}
.objet_message {
color:#333333;
font-size:14px;
font-weight:normal;
padding-bottom:10px;
padding-bottom:15px;
}
.options_message {
margin-bottom:20px;
}
.option_message {
background-color:#E5E5E5;
border-radius:5px;
text-align:center;
color:#666666;
padding-top:5px;
padding-bottom:5px;
}
.option_message:hover {
cursor:pointer;
background-color:#006699;
color:#FFFFFF;
}
.option_supp {
background-color:#D6B4AE;
border-radius:5px;
text-align:center;
color:#666666;
padding-top:5px;
padding-bottom:5px;
}

.btn_envoyer {
background:none;
border:none;
background-color:#66CC66;
border-radius:5px;
text-align:center;
color:#666666;
padding-top:15px;
padding-bottom:15px;
font-size:14px;
color:#FFFFFF;
width:100%;
}
.btn_envoyer:hover {
cursor:pointer;
background-color:#006699;
}

.option_supp:hover {
cursor:pointer;
background-color:#990033;
color:#FFFFFF;
}

.destin_supp {
background-color:#E5E5E5;
border-radius:5px;
text-align:center;
color:#666666;
padding-top:5px;
padding-bottom:5px;
}

.destin_supp:hover {
cursor:pointer;
background-color:#990033;
color:#FFFFFF;
}

.photo_profil {
  margin:0;
  height:200px;
  padding:0;
  background:no-repeat center; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
      -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.gauche_fiche_salarie {
	text-align:center;

}
.btn_remplacer_photo {
width:100%;
font-size:11px;
}

#resultats_recherche {
width:100%;
}

.btn_ajout_general {
background-color:#66CC66;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin:0;
margin-top:-25px;
padding-top:25px;
text-align:center;
transition:0.3s;
}
.btn_ajout_general:hover {
cursor:pointer;
background-color:#00CC99;
}

.btn_deconnexion {
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-top:-25px;
background-image:url('img/btn_deconnexion.png');
background-position:center;
background-repeat:no-repeat;
padding-top:25px;
text-align:center;
transition:0.3s;
}
.btn_deconnexion:hover {
cursor:pointer;
background-color:#990000;
}

.btn_mouvements {
color:#FFFFFF;
font-weight:bold;
font-size:14px;
margin-top:-25px;
padding-top:25px;
text-align:center;
transition:0.3s;
}
.btn_mouvements:hover {
cursor:pointer;
background-color:#006699;
}
.ligne_prise_select {
color:#FFFFFF;
background-color:#006699;
}
.date_message {
color:#CCCCCC;
font-size:14px;
text-align:right;
padding-right:40px;
}
.champ_recherche {
border:solid #CCCCCC 1px;
padding:5px;
font-size:14px;
border-radius:5px;
width:100%;
}
.champ_destinataire {
border:solid #00CCCC 1px;
font-size:12px;
border-radius:5px 5px 5px 0px;
}
.champ_objet {
font-size:12px;
}
#recherche_destinataire {
width:80%;
position:absolute;
height:auto;
min-height:50px;
max-height:250px;
border:solid #999999 1px;
border-top:none;
border-radius:0px 0px 5px 5px;
padding:5px;
background-color:#FFFFFF;
overflow-y:auto;
display:none;
z-index:2;
}
.elements_destinataires {
padding:10px;
color:#666666;
}
.elements_destinataires:hover {
cursor:pointer;
background-color:#006699;
color:#FFFFFF;
}
.nonlu {
background-color:#E5D8D1;
}

.message_envoye {
height:45px;
background-color:#009999;
color:#FFFFFF;
padding-top:15px;
text-align:center;
font-size:14px;
}
.btn_derouler {
color:#0066CC;
}
.btn_derouler:hover {
color:#333333;
cursor:pointer;
}

.contenu_principal {
background-color:#E3E3E3;
height:calc(100vh - 120px);
overflow-x:hidden;
overflow-y:auto;
}

.nb_comm_non_lus {
margin-top:15px;
color:#999;
font-style:italic;
text-align:center;
}
.nb_comm_non_lus span {
color:#006699;
font-weight:bold;
}

.liste_c_nn_lu {
width:calc(98%-24px);
margin:auto;
padding:12px;
border-bottom:solid #F4F3F4 1px;
color:#333333;
font-size:14px;
}
.liste_c_nn_lu:hover {
cursor:pointer;
background-color:#006699;
color:#FFFFFF;
}
.liste_c_nn_lu span {
font-weight:bold;
color:#999999;
}
.liste_c_nn_lu:hover .liste_c_nn_lu span {
color:#CCCCCC;
}
.bloc_accueil {
background-color:#FFFFFF;
min-height:80px;
margin-top:30px;
}
.titre_bloc_accueil {
height:45px;
padding:15px;
color:#FFFFFF;
}

.img_profil_general {
width:80px;
height:80px;
overflow:hidden;
background-size:cover;
background-position:center;
-webkit-filter: grayscale(100%); /* Pour les navigateurs Chrome, Safari, Opera */
filter: grayscale(100%); /* Firefox */
}

.fil_infos {
height:calc(100vh - 60px);
overflow-x:hidden;
overflow-y:auto;
background-color:#FFFFFF;
}
.bloc_document_d {
height:calc(100vh - 60px);
overflow-x:hidden;
overflow-y:auto;
background-color:#FFFFFF;
}
.bloc_info {
background-color:#FFFFFF;
padding:15px;
}
.fil_infos h2 {
font-size:24px;
font-weight:normal;
color:#006699;
margin-top:15px;
}
.bloc_info .date {
font-size:14px;
font-weight:normal;
font-style:italic;
color:#999999;
}
.bloc_info .auteur {
font-size:14px;
font-weight:normal;
font-style:italic;
color:#006699;
}

#infos_image_article {
width:100%;
height:180px;
overflow:hidden;
background-position:center;
margin-top:15px;
background-size:cover;
margin-bottom:15px;
}
.infos_titre_article {
font-size:20px;
font-weight:bold;
color:#333333;
margin-bottom:15px;
}
.infos_date_article {
font-size:16px;
color:#999999;
font-style:italic;
}
.infos_contenu_article {
text-align:justify;
font-size:14px;
padding-top:15px;
padding-bottom:15px;
border-bottom:solid #CCCCCC 3px;
}
.infos_source_article {
font-size:14px;
font-weight:bold;
color:#006699;
}

.icone_notif {
background-repeat:no-repeat;
background-position:center;
background-size:contain;
height:40px;
width:40px;
display:inline-table;
}
.icone_notif:hover {
cursor:pointer;
}
.chiffre_notif0 {
height:18px;
width:18px;
background-color:#2F353B;
border-radius:3px;
font-size:8px;
color:#CCCCCC;
text-align:center;
padding-top:3px;
}
.chiffre_notif1 {
height:18px;
width:18px;
background-color:#FF3366;
border-radius:3px;
font-size:9px;
color:#FFFFFF;
text-align:center;
padding-top:2px;
}

.raccourci {
height:120px;
width:100%;
background-color:#000000;
background-size:cover;
color:#FFFFFF;
font-size:14px;
text-align:center;
padding-top:80px;
margin-top:20px;
text-transform:uppercase;
-webkit-filter: grayscale(100%); /* Pour les navigateurs Chrome, Safari, Opera */
filter: grayscale(100%); /* Firefox */
transition:0.2s;
}
.raccourci:hover {
cursor:pointer;
-webkit-filter: grayscale(0%); /* Pour les navigateurs Chrome, Safari, Opera */
filter: grayscale(0%); /* Firefox */
}
.btn_raccourci {
position:absolute;
width:100%;
height:40px;
}
#btnd1 {
display:none;
}
#raccourci_decla1:hover #btnd1 {
display:block;
}
#btnd2 {
display:none;
}
#raccourci_decla2:hover #btnd2 {
display:block;
}
#btnd3 {
display:none;
}
#raccourci_decla3:hover #btnd3 {
display:block;
}
#btnd4 {
display:none;
}
#raccourci_decla4:hover #btnd4 {
display:block;
}
.like {
height:30px;
width:30px;
}
.like:hover {
cursor:pointer;
}
.grd_btn {
background:none;
border:none;
width:250px;
height:60px;
margin:auto;
margin-top:10px;
background-color:#006699;
text-align:center;
padding-top:5px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
.grd_btn:hover {
cursor:pointer;
background-color:#333333;
}
.ttes_decla {
background:none;
color:#999;
font-size:14px;
border:none;
}


.dernier_mois_conge {
width:90%;
margin:auto;
height:80px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:24px;
padding-top:22px;
background-color:#A9233D;
border-radius:10px;
margin-top:30px;
}
.dernier_mois_conge:hover {
cursor:pointer;
background-color:#CCCCCC;
color:#333333;
}
.element_comm_accueil {
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

.titre_bloc {
background-color:#001A2C;
color:#FFFFFF;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
width:100%;
}
.titre_bloc2 {
background-color:#CC3366;
color:#FFFFFF;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
width:100%;
}

.intitules_urgences {
padding:5px 10px 5px 10px;
font-weight:bold;
background-color:#FFF;
border:solid #CCCCCC 1px;
color:#999999;
margin-left:15px;
border-radius:5px;
text-align:center;
margin-bottom:3px;
}

.intitules_numeros {
padding:5px 10px 5px 10px;
font-weight:bold;
background-color:#006699;
color:#FFF;
margin-left:15px;
border-radius:5px;
text-align:center;
margin-bottom:3px;
}
.intitules_numeros2 {
padding:5px 10px 5px 10px;
font-weight:bold;
background-color:#D75055;
color:#FFF;
margin-left:15px;
border-radius:5px;
text-align:center;
margin-bottom:3px;
}
.intitules_numeros img {
margin-left:5px;
margin-right:5px;
}
.intitules_numeros2 img {
margin-left:5px;
margin-right:5px;
}
#bloc_ticket {
position:absolute;
width:700px;
height:500px;
overflow-y:auto;
z-index:100;
background-color:#FFFFFF;
border-radius:10px;
padding:20px;
top:100px;
left:50%;
text-align:center;
margin-left:-350px;
}

#opaque {
width:100%;
height:100%;
position:fixed;
background:#000000;
opacity:0.4;
z-index:2;
display:none;
}