@charset "UTF-8";
/* CSS Document */

:root {
  --color1: #0D79F2; /* Bleu clair */
  --color2: #000E46; /* Bleu foncé */
  --color3: #09BAB8; /* Bleu appel */
  --color4: #E5EFF4; /* Bleu léger */
  
  --orange: #DC8D43;
  --rouge:#833E3F;
  --rouge2:#3B0D0E;
  --vert:#558E5F;
}

@font-face {
 font-family: "Source";
 src: url("../fonts/SourceSansPro-Regular.ttf");
}
@font-face {
 font-family: "SourceLight";
 src: url("../fonts/SourceSansPro-Light.ttf");
}
@font-face {
 font-family: "SourceBold";
 src: url("../fonts/SourceSansPro-Bold.ttf");
}
html {
font-family: "Oxygen";
padding-bottom: 220px;
  background-repeat: no-repeat;
  background-attachment: fixed;
    min-height: 100%;
}

html {
  font-size: clamp(14px, 1vw, 16px);
}
@media (min-width: 1600px) {
  html { font-size: 14px; } /* réduit tout ce qui est en rem */
}

.photo_profil {
width:45px;
height:45px;
margin-top: 10px;
}

.btn_envoi_photo_general {
position: fixed;
height: 150px;
width: 100vw;
top: 100%;
margin-top: -150px;
background-image: url("../png/btn_photo.png");
background-size: contain;
background-position:right bottom;
z-index: 10;
background-repeat: no-repeat;
}




.footer_display {
font-size: 1rem;
position: fixed;
padding: 15px;
height: 18vh;
width: 100vw;
top: 100%;
margin-top: -18vh;
color: #FFF;
z-index: 10;
background-repeat: no-repeat;
}

.footer_display .tarif { font-size: clamp(1.2rem, 1.5vw, 2.2rem); }
.footer_display .message1 { font-size: clamp(1rem, 1vw, 1.7rem); }



body {
background: none;
  min-height: 100%;
}

.infos_profil {

}
.infos_profil .bienvenue {
color: #000000;
font-family: "SourceBold";
margin-top: 8px;
margin-bottom: 0px;
font-size: 15px;
}
.infos_profil .secteur {
color: #000000;
font-family: "SourceLight";
font-size: 12px;
line-height: 12px;
}
.infos_profil .entreprise {
color: #0D79F2;
font-family: "SourceBold";
font-size: 12px;
line-height: 12px;
}
.top {
padding: 15px;
}
.matricules_pds {
text-align: center;
}
.infos_pds {
padding: 15px;
}
.capsule_pds1 {
background: var(--color1);
padding: 25px 15px 25px 15px;
color: #FFF;
font-size: 15px;
border-radius: 35px 0px 0px 35px;
}
.capsule_pds1 .date_pds {
text-align: center;
}
.capsule_pds2 {
background: var(--color2);
padding: 20px 0px 20px 0px;
border-radius: 0px 35px 35px 0px;
font-family: "SourceBold";
font-size: 25px;
text-align: center;
line-height: 25px;
}
.capsule_pds2 .debut {
color: #00E5FF;
}
.capsule_pds2 .fin {
color: #FF7F7C;
}
.fleche_pds {
color: var(--color1);
font-size: 50px;
margin-bottom: -40px;
padding-left: 35px;
}
.section {
padding: 0px 15px 0px 15px;
margin-bottom: 15px;
}
.section .titre{
color: #FFF;
font-family: "SourceBold";
margin-top: 15px;
margin-bottom: 15px;
font-size: 15px;
font-weight: bold;
line-height: 15px;
}
#blue_layer {
  display: none;
  position: fixed;
  top: 0;  
  left: 0;  
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: var(--color2);
  opacity: 0.6;
  z-index: 2;
}

.bloc_image_actu {
    position: relative;
    width: 100%;
    height: 180px; 
    border-radius: 20px; /* Coins arrondis */
    overflow: hidden;
    background:  no-repeat center center/cover; 
}

.bloc_image_actu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, var(--color2), rgba(0, 0, 255, 0.1)); /* Filigrane dégradé bleu */
    border-radius: 20px; /* Coins arrondis */
}

.bloc_image_actu .content {
    position: relative;
    z-index: 1;
    color: white; /* Écriture blanche */
    padding: 20px;
	 justify-content: space-between;
}

.bloc_image_actu .button-container {
    display: flex;
    justify-content: flex-end;
}

.bloc_image_actu .date {
    font-size: 12px;
}

.bloc_image_actu .title {
    font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}

.bloc_image_actu .subtitle {
    font-size: 14px;
	line-height: 14px;
    margin-bottom: 10px;
}

.bloc_image_actu .button {
    background-color: var(--color1);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
}

.bloc_image_actu .button:hover {
    background-color: var(--color2);
}




.bloc_image_mosaique {
     position: relative;
    width: 100%;
    height: 180px; 
    border-radius: 20px; /* Coins arrondis */
    overflow: hidden;
    background:  no-repeat center center/cover; 
	border: solid var(--color1) 5px;

	
}

.bloc_image_mosaique::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(to bottom, var(--color1), rgba(0, 0, 255, 0.1)); /* Filigrane dégradé bleu */
    border-radius: 20px; /* Coins arrondis */
}

.bloc_image_mosaique .content {
    position: relative;
    z-index: 1;
    color: white;
    padding: 20px;
	 justify-content: space-between;

}

.bloc_image_mosaique .button-container {
    display: flex;
    justify-content: flex-end;
}

.bloc_image_mosaique .date {
    font-size: 12px;
}

.bloc_image_mosaique .title {
    font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

.bloc_image_mosaique .subtitle {
    font-size: 14px;
	line-height: 14px;
    margin-bottom: 10px;
}

.bloc_image_mosaique .button {
    background-color: var(--color1);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
}

.bloc_image_mosaique .button:hover {
    background-color: var(--color2);
}



.besoins_personnel_accueil_top {
background-color: var(--color2);
text-align: center;
padding: 5px;
color: #FFF;
font-size: 16px;
font-weight: bold;
border-radius: 20px 20px 0px 0px;
}
.besoins_personnel_accueil_corps {
background-color: var(--color1);
text-align: center;
padding: 5px;
color: #FFF;
font-size: 16px;
font-weight: bold;
min-height: 50px;
border-radius: 0px 0px 20px 20px;
justify-content: space-between;
}
.besoins_personnel_accueil_corps .ligne_besoin {
margin:5px 0px 5px 0px;
}



.bloc_bleu_accueil_top {
background-color: var(--color3);
text-align: center;
padding: 5px;
color: #FFF;
font-size: 14px;
font-weight: bold;
border-radius: 20px 20px 0px 0px;
}
.bloc_bleu_accueil_corps {
background-color: var(--color1);
text-align: center;
padding: 5px;
color: #FFF;
font-size: 12px;
font-weight: bold;
min-height: 50px;
border-radius: 0px 0px 20px 20px;
}
.bloc_bleu_accueil_corps .ligne {
text-align: center;
border-bottom: dotted #A6EAEB 1px;
}
.bloc_bleu_accueil_corps .ligne span {
font-style: italic;
color:#A6EAEB;
font-weight: normal;
text-align: center;
font-size: 11px;
}
.bloc_blanc_accueil_top {
background-color:var(--color2);
text-align: center;
padding: 5px;
color: #FFF;
font-size: 14px;
font-weight: bold;
border-radius: 20px 20px 0px 0px;
}
.bloc_blanc_accueil_corps {
background-color:#FFF;
text-align: center;
padding: 10px;
color: #FFF;
font-size: 12px;
font-weight: bold;
min-height: 50px;
border-radius: 0px 0px 20px 20px;
box-shadow:0 -8px 15px rgba(0, 0, 0, 0.2);
}
.bloc_blanc_accueil_corps .ligne {
text-align: center;
border-bottom: dotted #A6EAEB 1px;
}
.bloc_blanc_accueil_corps .ligne span {
font-style: italic;
color:#A6EAEB;
font-weight: normal;
text-align: center;
font-size: 11px;
}


.besoins_personnel_accueil_corps .date {
font-size: 16px;
margin-top: 5px;
text-align: left;
color: #FFF;
font-weight: bold;
line-height: 20px;
}
.besoins_personnel_accueil_corps .info_offre1 {
font-size: 14px;
text-align: left;
font-weight: normal;
}
.besoins_personnel_accueil_corps .info_offre2 {
font-size: 12px;
text-align: left;
font-weight: normal;
}
.besoins_personnel_accueil_corps .type_horaire {
font-size: 30px;
text-align: center;
}
.besoins_personnel_accueil_corps .button {
background-color: #FFF;
color: var(--color1);
border: none;
padding: 10px 20px;
border-radius: 20px;
cursor: pointer;
font-size: 12px;
margin-top: 5px;
font-weight: normal;
}
.besoins_personnel_accueil_corps .button:hover {
background-color: var(--color2);
color: #FFF;
}
.bloc_acces_rapide {
color:#474747;
font-size: 12px;
text-align: center;
line-height: 12px;
}
.bloc_acces_rapide_cliquable {
text-align: center;
font-size: 35px;
padding: 23px;
color: #FFF;
border-radius: 20px;
margin-bottom: 5px;
}
.raccourci_check_in {
text-align: center;
font-size: 25px;
padding-top:35px;
line-height: 15px;
color: #FFF;
background-color: var(--color3);
height: 160px;
border-top-right-radius: 200px 40px;
margin-bottom: -55px;
box-shadow:0 -8px 15px rgba(0, 0, 0, 0.2);
}
.raccourci_declarer_supplement {
text-align: center;
font-size: 25px;
padding-top:35px;
line-height: 15px;
color: #FFF;
background-color: var(--color2);
height: 160px;
border-top-left-radius: 200px 40px;
margin-bottom: -55px;
box-shadow:0 -8px 15px rgba(0, 0, 0, 0.2);
}

.raccourci_recherche_message {
text-align: center;
font-size: 15px;
padding-top:25px;
line-height: 15px;
color: #FFF;
background-color: var(--color2);
height: 100px;
border-top-left-radius: 200px 40px;
margin-bottom: -25px;
box-shadow:0 -8px 15px rgba(0, 0, 0, 0.2);
}
.raccourci_nouveau_message {
text-align: center;
font-size: 15px;
padding-top:25px;
line-height: 15px;
color: #FFF;
background-color: var(--color3);
height: 100px;
border-top-right-radius: 200px 40px;
margin-bottom: -25px;
box-shadow:0 -8px 15px rgba(0, 0, 0, 0.2);
}


.menu_bottom_left {
text-align: center;
font-size: 20px;
padding-top: 25px;
line-height: 15px;
color: #FFF;
background-color: var(--color1);
height: 110px;
border-top-left-radius: 200px 40px;
}
.menu_bottom_left:hover {
cursor: pointer;
}
.menu_bottom_right {
text-align: center;
font-size: 20px;
padding-top: 25px;
line-height: 15px;
color: #FFF;
background-color: var(--color1);
height: 110px;
border-top-right-radius: 200px 40px;
}
.menu_bottom_right:hover {
cursor: pointer;
}
.menu_bottom span {
color: #FFF;
font-size: 12px;
line-height: 12px;
}

.raccourci_declarer_supplement span {
font-size: 12px;
line-height: 12px;
}
.raccourci_check_in span {
font-size: 12px;
line-height: 12px;
}
#fixed-bottom_full {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 210px;
    text-align: center;
	z-index: 1;
}
#fixed-bottom_mid {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 180px;
    text-align: center;
	z-index: 1;
}
#fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 105px;
    text-align: center;
	z-index: 1;
}
#menu {
display: none;
}
.main_menu {
position: fixed;
height: 100vh;
background: #FFF;
left: 34vw;
width: 66vw;
z-index: 2;
top: 0;
padding: 5px 5px 150px 5px;
overflow-y: auto;
 -ms-overflow-style: none;  /* Masquer la barre de défilement sur Internet Explorer et Edge */
  scrollbar-width: none; 
}
.main_menu::-webkit-scrollbar {
  display: none;
}
.element_menu {
padding: 20px;
color: #383838;
font-size: 12px;
border-bottom:solid #E5E5E5 1px;
transition: 0.3s;
}
.element_menu:hover {
cursor: pointer;
background: linear-gradient(to left, #ffffff, #f7f7f7, #eeeeee);
}

.element_menu_home {
text-align: center;
padding: 30px;
background-color: var(--color1);
color: #FFF;
font-size: 18px;
border-bottom:solid #E5E5E5 1px;
}
.element_menu i {
margin-left: 10px;
margin-right: 10px;
}
.element_sous_menu {
padding: 20px 20px 20px 40px;
color: var(--color1);
font-size: 12px;
}
.chiffre_notif0 {
position: relative;
height:18px;
width:18px;
background-color:var(--color1);
border-radius:3px;
font-size:8px;
color:#CCCCCC;
text-align:center;
padding-top:3px;
margin-left: 60%;
}
.chiffre_notif1 {
position: relative;
height:18px;
width:18px;
background-color:var(--color2);
border-radius:3px;
font-size:9px;
color:#FFFFFF;
text-align:center;
padding-top:2px;
margin-left: 60%;
}
.chiffre_notif2 {
position: relative;
height:18px;
width:18px;
background-color:var(--color3);
border-radius:3px;
font-size:9px;
color:#FFFFFF;
text-align:center;
padding-top:2px;
margin-left: 60%;
}
.chiffre_notif3 {
position: relative;
height:18px;
width:18px;
background-color:#EC7144;
border-radius:3px;
font-size:9px;
color:#FFFFFF;
text-align:center;
padding-top:2px;
margin-left: 60%;
}
.modal_1 {
position: fixed;
height: 100vh;
width: 100vw;
padding: 20px;
background: #FFF;
z-index: 3;
display: none;
overflow-y: auto;
 -ms-overflow-style: none;  /* Masquer la barre de défilement sur Internet Explorer et Edge */
  scrollbar-width: none; 
}
.modal_1::-webkit-scrollbar {
  display: none;
}

.btn_action_bottom {
padding:20px;
background:var(--color1);
color:#FFF;
text-align:center;
transition:0.3s;
border-radius: 50px;
position: fixed;
top: calc(100vh - 130px);
left: 5vw;
font-size: 12px;
line-height: 12px;
border: none;
width: 90vw;
z-index: 5;
}
.btn_action_bottom:hover {
cursor:pointer;
background:var(--color2);
}
.btn_action_bottom_nofix {
padding:20px;
background:var(--color1);
color:#FFF;
text-align:center;
transition:0.3s;
border-radius: 50px;
margin-top: 25px;
font-size: 12px;
line-height: 12px;
border: none;
width: 90vw;
z-index: 5;
}
.btn_action_bottom_nofix:hover {
cursor:pointer;
background:var(--color2);
}

/* Large ( ≥992px ) */
@media (min-width: 992px) {

	
   body.page-interne {
	    width: 40%;
        margin: 0 auto;   /* centre horizontalement */
	}

.btn_action_bottom {
left: 32.5vw;
width: 35vw;
}

.btn_action_bottom_nofix {
width: 35vw;

}
	
	
	.modal_1 {
	position: fixed;
	height: 100vh;
	width: 40vw;
	padding: 20px;
	background: #FFF;
	z-index: 3;
	display: none;
	overflow-y: auto;
	left: calc(50% - 20vw);
	 -ms-overflow-style: none;  /* Masquer la barre de défilement sur Internet Explorer et Edge */
	  scrollbar-width: none; 
	}
	.modal_1::-webkit-scrollbar {
	  display: none;
	}
}



#content_modal_1 {
padding-bottom: 150px;
}
#content_modal_2 {
padding-bottom: 150px;
}
.modal_notification {
position: fixed;
height: 100vh;
width: 100vw;
padding: 20px;
background: #FFF;
z-index: 3;
overflow-y: auto;
 -ms-overflow-style: none;  /* Masquer la barre de défilement sur Internet Explorer et Edge */
  scrollbar-width: none; 
}
.modal_notification::-webkit-scrollbar {
  display: none;
}
.content_modal_notification {
padding-bottom: 150px;
}



.commentaire_accueil_pds {
color:var(--color3);
}
#infos_image_article {
height:200px;
background-position: center;
background-size: cover;
}

.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:30px;
}
.infos_source_article {
font-size:14px;
font-weight:bold;
color:#006699;
}
.titre_toutes_actus {
font-weight: bold;
font-size: 20px;
text-align: center;
color:var(--color2);
}
.infos_besoins {
font-size: 12px;
line-height: 12px;
}
.btn_action1 {
padding:20px;
background:var(--color1);
color:#FFF;
text-align:center;
transition:0.3s;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
border: none;
width: 100%;
}
.btn_action1:hover {
cursor:pointer;
background:var(--color2);
}
.btn_action1 span {
font-size: 30px;
}
.btn_action_warning {
padding:20px;
background:var(--rouge);
color:#FFF;
text-align:center;
transition:0.3s;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
border: none;
width: 100%;
}
.btn_action_warning:hover {
cursor:pointer;
background:var(--rouge2);
}
.btn_action_warning span {
font-size: 30px;
}
.bdd_categorie {
border-radius: 7px;
margin-bottom: 5px;
min-height: 50px;
padding: 7px;
color:var(--color2);
border-bottom: solid #C3C3C3 1px;
}
.bdd_categorie_active {
background-color: var(--color4);
color: var(--color1);
}

.bdd_sous_categorie {
border-radius: 7px;
margin-bottom: 5px;
min-height: 50px;
padding: 7px;
color:#999;
font-size: 12px;
padding-left: 20px;
}
.bdd_sous_categorie_active {
background-color: var(--color2);
color: #FFF;
font-weight: bold;
}
.ligne_notif {
border-radius: 7px;
margin-bottom: 5px;
min-height: 50px;
font-size: 12px;
padding: 7px;
color:var(--color2);
border-bottom: solid #B7B7B7 1px;
}
.ligne_notif span {
font-size: 11px;
display: inline-table; margin-right: 15px;
color: var(--color3);
}
.ligne_info1 {
background-color: var(--color4);
border-radius: 7px;
margin-bottom: 5px;
min-height: 50px;
padding: 7px;
color:var(--color2);
}
.ligne_info1_zoom {
background-color: var(--color2);
color: #FFF;
border-radius: 7px;
margin-bottom: 5px;
min-height: 50px;
padding: 7px;
color:var(--color2);
}
.montant_acompte_defaut {
background-color: var(--color4);
border-radius: 7px;
margin-bottom: 5px;
padding: 15px;
color:var(--color2);
text-align: center;
font-size: 16px;
font-weight: bold;
}
.montant_acompte_defaut:hover {
cursor: pointer;
background: var(--color2);
color: #FFF;
}

.options_message {
padding:20px;
background:#EFEFEF;
color:#FFF;
position: fixed;
top: calc(100vh - 130px);
left: 5vw;
font-size: 12px;
line-height: 12px;
border: none;
width: 90vw;
z-index: 5;
}

.btn_action_bottom_annul {
padding:20px;
background:var(--rouge);
color:#FFF;
text-align:center;
transition:0.3s;
border-radius: 50px;
position: fixed;
top: calc(100vh - 130px);
left: 5vw;
font-size: 12px;
line-height: 12px;
border: none;
width: 90vw;
z-index: 5;
}
.btn_action_bottom_annul:hover {
cursor:pointer;
background:var(--rouge2);
}

.mini_info_capsule {
padding:20px;
background:var(--color3);
color:#FFF;
text-align:center;
border-radius: 50px 0px 0px 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.mini_info_capsule_rouge {
padding:20px;
background:var(--rouge);
color:#FFF;
text-align:center;
border-radius: 0px 50px 50px 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px;
line-height: 10px;
}

.capsule_activites {
background: #FFF;
padding:15px;
color:#2E2E2E;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
box-shadow:0 8px 10px #CACACA;
}

.info_capsule {
padding:20px;
background:var(--color3);
color:#FFF;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px;
line-height: 10px;
}
.info_capsule_grise {
padding:20px;
background:#D8D8D8;
color:#303030;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px;
line-height: 10px;
}
.info_capsule_orange {
padding:20px;
background:var(--orange);
color:#FFF;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.info_capsule_rouge {
padding:20px;
background:var(--rouge);
color:#FFF;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.info_capsule_verte {
padding:20px;
background:var(--vert);
color:#FFF;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
.info_capsule_violette {
padding:20px;
background:#7E449E;
color:#FFF;
text-align:center;
border-radius: 50px;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 12px;
}
7E449E

.declaration_dispo label {
margin: auto;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
font-size: 12px;
}

.modal_declaration label {
margin: auto;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
font-size: 12px;
}

.messagerie_auteur_message {
font-weight: bold;
line-height: 12px;
font-size: 12px;
}
.messagerie_objet_message {
font-style: italic;
color: #2D2D2D;
}
.icone_non_lu {
color:var(--color3);
}
.icone_message_entrant {
color:var(--color3);
}
.icone_message_sortant {
color:var(--color2);
}
.date_liste_messages {
color:var(--color2);
float: right;
}

.option_message {
background-color:#C7C7C7;
text-align: center;
padding: 5px;
border-radius: 5px;
}
.expediteur_message {
color:var(--color2);
font-weight: bold;
font-size: 14px;
}
.date_message {
color:var(--color1);
}

#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;
}
#champ_recherche_messagerie {
margin:15px 0px 15px 0px;
display: none;
border: solid var(--color1) 2px;
}
.champs_basique_modal {
height: 80px;
padding: 30px;
font-size: 30px;
text-align: center;
}
.liste_acomptes .date {
font-weight: bold;
}
.liste_acomptes .montant {
font-size: 20px;
font-weight: bold;
color: var(--color1);
}
.rappel_demande_acompte {
padding-top:60px;
font-size:30px;
text-align:center;
color:var(--color1);
font-weight: bold;
}
.rappel_demande_acompte .ok {
color:var(--vert);
font-size:14px;
line-height: 14px;
}
.rappel_demande_acompte .notok {
color:var(--rouge);
font-size:14px;
line-height: 14px;
}
.rappel_demande_acompte .infos {
color:#4F4F4F;
font-size:14px;
}
.bookmark_lu {
color: #FFF;
}
.bookmark_non_lu {
color: var(--color1);
}
.date_communique_liste {
float: right;
padding: 5px;
color: #999;
}
.sstitre_communique_liste {
color:#999;
font-style: italic;
}



.info_ligne_info {
float: right;
padding: 5px;
color:#2A2A2A;
}

.sstitre_ligne_info {
color:#999;
font-style: italic;
}


#liste_declarations .date {
color: #464646;
font-size: 12px;
display: inline-table;
}
#liste_declarations .source {
display: inline-table;
}
#liste_declarations .titre {
display: inline-table;
font-size: 14px;
}
#content_modal_1 label {
color:#5E5E5E;
margin-bottom:10px;
font-size: 12px;
}

/* Bouton personnalisé pour l'upload de photos */
.custom-file-upload {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--color1);
    color: #FFF;
    border: none;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.3s ease;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}


/* Icône appareil photo */
.custom-file-upload i {
    font-size: 20px;
}

/* Effet au survol */
.custom-file-upload:hover {
    background-color: #0056b3;
}
.image-preview-declaration {
border-radius: 10px;
}
.bulle_commentaire1 {
background-color: var(--color4);
font-size: 11px;
padding: 10px;
color: var(--color2);
border-radius: 20px;
}
.bloc_impact {
display: inline-block;
height:15px;
width: 5%;
margin: 0;
}
.etat_declaration {
float:right;
padding-top: 10px;
}

.question_checkin {
background: #FFF;
border: solid #BDBDBD 1px;
padding: 20px 10px 20px 10px;
font-size: 12px;
border-radius: 20px;
margin-bottom: 10px;
}
.question_checkin_ok {
border: solid #468976 4px;
background: var(--color3);
color: #FFF;
}
.question_checkin_notok {
border:  solid #853637 4px;
background: var(--rouge);
color: #FFF;
}
.question_checkin span {
color: var(--color2);
font-weight: bold;
font-size: 11px;
font-style: italic;
}

.element_avatar {
position: absolute;
width: 85%;
}
.element_avatar_top {
position: relative;
}
.avatar_fleche {
color: var(--color2);
font-size: 25px;
text-align: center;
}
.conteneur_avatar {
display: grid;
place-items: center;
}
.conteneur_avatar img {
grid-area: 1 / 1; 
width: 100%;
}

.intitules_urgences {
border: solid #C0C0C0 1px;
border-radius: 20px;
padding: 15px;
font-size:12px;
}
.intitules_numeros2 {

}
.resp_accueil {
background-color:var(--color1);
color:#FFF;
padding:7px;
font-size:11px;
border-radius:15px;
text-align: center;
margin-bottom: 2px;
}
.intitules_numeros {
background-color:var(--rouge);
color:#FFF;
padding:7px;
font-size:11px;
border-radius:15px;
text-align: center;
margin-bottom: 2px;
}

.intitules_numeros2 {
background-color:var(--orange);
color:#FFF;
padding:7px;
font-size:11px;
border-radius:15px;
text-align: center;
margin-bottom: 2px;
}
.lien_infos_contacts {
color:#D6D6D6;
font-size: 12px;
}

.lien_infos_contacts span {
float: right;
color:#6A6A6A;
}
.galerie_image_container {
position: relative;
}
.galerie_image {
border-radius: 10px;
width: 100%;
filter: grayscale(0%);
transition: filter 0.3s ease;
}
.galerie_image:hover {
filter: grayscale(100%);
}
.galerie_image_container .icon {
position:absolute;
left:15px;
top:5px;
color:#FFF;
font-size:14px;
filter: grayscale(0%);
}

.image-glow {
border-radius: 8px; /* optionnel */
  box-shadow: 0 0 5px 5px #CDE0E4; /* Lueur cyan */
}

.photo_accueil.img-fluid {
    height: 150px;
    width: 100%;
    object-fit: cover;
	margin-bottom: 15px;
}

.page-interne, .container-fluid {
background:none;
}