@import url("https://fonts.googleapis.com/css?family=Oswald:300,700,900");
body {
    font-family: 'Oswald';
}


.titre_header3{
    margin-top: 0.3em; /* between paragraphs */
    font-size: 1.4em;
    color:#585858;
    font-weight: 900;
    margin-bottom: 0.1em; /* between paragraphs */
}
.titre_section {
    margin-top: 0.3em; /* between paragraphs */
    font-size: 1em;
    color:#585858;
    font-weight: 900;
    margin-bottom: 0em; /* between paragraphs */
}
.titre_sous_section {
    margin-top: 0em; /* between paragraphs */
    font-size: 0.8em;
    color:#585858;
    font-weight: 900;
    margin-bottom: 0.1em; /* between paragraphs */
}

.menu_item {
    font-size: 1em; 
    padding: 0.5em 0;
}
.div_flex {
      display: flex;
}
.div_recherche {
     flex: 70%;
     padding: 20px;
   }
.div_rapport {
     flex: 40%;
     background: #EDF2F7;
     padding: 15px;
     margin-top: 1.7em;
   }
.noresult {
    font-size: 1em;  
    font-weight: 900;
    color:#585858;
 }

 
.catalogue_titre_link:link {font-weight: 900;color:#595959;text-decoration:none;} 
.catalogue_titre_link:visited {font-weight: 900;color:#595959;text-decoration:none;} 
.catalogue_titre_link:hover { font-weight: 900;color:#595959;text-decoration:none;} 
.catalogue_titre_link:active {font-weight: 400;color:#595959;text-decoration:none;}
 
 
.catalogue_titre {
    font-size: 1.2em;  
    font-weight: 900;
 }
 .catalogue_titre2 {
    font-size: 1em;  
    font-weight: 900; 
 }
 .catalogue_titre3 {
    font-size: 0.8em;  
    font-weight: 900; 
 }
 .catalogue_tab_label {
    font-size: 0.8em;  
    font-weight: 700; 
    color:#808080;
 }
 .catalogue_tab_val_label {
    font-size: 0.8em;  
    font-weight: 700; 
    color:#6E6D6D;
 }
 .catalogue_texte {
      font-size: 0.8em; 
 }
.catalogue_texte_link {
      font-size: 0.7em; 
 }
#table_recheche {
    border-collapse: collapse;
    line-height: 1.3; /* réduit la hauteur des lignes */
    background-color: white;
}
.td_recheche_titre {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 0.7rem;
}
.result-row {
    background-color: white;
}

 

/* onglets */        

.txt_fiche{
font-size: 1.3em; 
color:#5f586b;
padding-left: 0.4em;
padding-bottom: 0.4em;
}
.txt_fiche2{
font-size: 1.1em; 
color:#5f586b;
padding-left: 0.4em;
padding-bottom: 0.4em;
}
.txt_fiche3{
font-size: 0.9em; 
color:#5f586b;
padding-left: 0.4em;
padding-bottom: 0.4em;
}
.txt_fiche4{
font-size: 1.1em; 
color:#ff338f;
padding-left: 0.4em;
padding-bottom: 0.4em;
}
.txt_fiche3_quartier{
font-size: 0.7em; 
color:#5f586b;
padding-left: 0.2em;
}

.note_fiche{
font-size: 1em; 
color:#5f586b;

}

.val_fiche{
font-size: 1em; 
font-weight: 900;
color:#1d81c9;
padding-left: 0.4em;
padding-bottom: 0.4em;
}

.txt_petit{
 font-size: 90%;   
}

.txt_tout_petit{
 font-size: 55%;   
 color:#5a4e4d;
white-space: nowrap;
}
 .bandeau_fiche1{
                         font-family: 'Source Sans Pro', sans-serif;
                        font-weight: 700;
                        font-size: 40pt;
                        color:#5f586b
                    }
 .bandeau_fiche2{
                         font-family: 'Source Sans Pro', sans-serif;
                        font-weight: 700;
                        font-size: 23pt;
                        color:#5f586b
                    }
 .bandeau_fiche2{
                         font-family: 'Source Sans Pro', sans-serif;
                        font-weight: 700;
                        font-size: 18pt;
                        color:#5f586b
                    }
.txt_tout_petit_fiche{
 color:#5f586b;
 font-size: 85%; 
 font-family: 'Source Sans Pro', sans-serif;
}

.txt_petit_bleu{
 font-size: 80%; 
 color:#006277;
}

.txt_titre{
    font-size: 1.40em;
    color: inherit;
    font-weight: 600;
}

.txt_titre_quartier{
    font-weight: 900;
    color: #48B4E9;
     font-size: 1.4em;
}

.txt_titre2{
    font-size: 1em;
    color: inherit;
    font-weight: 600;  
}
.txt_titre3{
    font-size: 0.7em;
    color: inherit;
    font-weight: 700;
     line-height: normal;
  
}
/* Carto */
.info {
    width:180px;
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    background:rgba(255,255,255,0.8);
    z-index:-10;}
.info_titre
{   height:40px;
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    background:rgba(255,255,255,0.8);
    z-index:-10;}
.msg_quartier_effectif
{   height:40px;
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    color:white;
    background:#008ECF;
    z-index:-10;}
.info_quartier {
    border: 4px #4d4d4f groove;
    border-radius: 10px;
    width:280px;
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    background:rgba(242,242,242,0.9);
    z-index:-10;}
.info2 {
    width:180px;
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    background:rgba(255,255,255,0.8);
    z-index:10;}
#map { 
    background-color:#ffffff;
    position: relative;
    top:5px;
    left:0px;
    height: 40em;
    z-index:20;
    width: 100% !important;}
#map_fiche { 
    background-color:#ffffff;
    position: relative;
    top:5px;
    left:0px;
    height: 25em;
    z-index:20;
    width: 100% !important;}
/* frame */
#map2 {
    background-color:#ffffff; 
    position: relative;
    top:5px;
    left:0px;
    height: 40em;
    z-index:20;
    width: 100% !important;}
/* frame */

#wrap { position:fixed; left:0; width:100%; top:0; height:100%; }


.light{
   font-weight: 400;
}

.line-separator{
height:1px;
background:#726C6C;
border-bottom:1px solid #313030;
}
.link_box{
  border-radius:4px;
  font-weight: 700;  
  font-family: 'Source Sans Pro', sans-serif;
  padding: 3px 20px;
  height: 25px;
  cursor: pointer;
  color: black;
  font-size: 16px;
  background: #EEEEEE;
  box-shadow: 
            0px 0px 0px 1px rgba(155,155,155,0.3), 
            1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
            0px 2px 2px rgba(0,0,0,0.1);
  margin: 10px;

}
.link_box:hover{
     background: #006B81;
     color:white;
}    
.link_box_selected{
    background: #006B81;
    color:white;
}
.link_box_selected:hover{
    background: #EEEEEE;
    color: black;
}

#ul_tab{
    position: relative;
    width: 100% !important;
}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none; 
}
ul.tabs li{
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 700;
        font-size: 18pt;
        background: none;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        border: gray solid 1px;
        border-bottom: none;
        border-radius: 5px;
}
 
ul.tabs li:hover{
        background: #007087;
        color: white;
}

ul.tabs li.current{
        background: #007087;
        color: white;
}
.tab-content{
        display: none;
        background: white;
        padding: 15px;
        border-top: gray solid 1px;
}
.tab-content.current{
        display: inherit;
}

.loader {
position : fixed;
z-index: 9999;
background : url(loader_ajax.gif) 50% 50% no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}

.td_text{
    overflow:visible;
    padding-right:4em;
}



@media print {
            body * {
                visibility:hidden;
                float:none;
            } 
            #printable, #printable * {
                visibility:visible;
            }
            #printable { /* aligning the printable area */
                position:absolute;
                left:40;
                top:0;
            } 
}

.ref_list_entites{
   color:#474747;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#474747;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 80%;
   margin-right: 7px;
   white-space: nowrap	;
}

a.ref_list_entites:hover { color:white; background-color:#007087; border-color:#474747;font-weight: 800;}


.ref_principal{
   color:#474747;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#474747;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 80%;
   margin-right: 7px;
  display:inline-block;

}
a.ref_principal:hover { color:white;  background-color:#007087; border-color:#474747;font-weight: 800;}

.ref_principal_option{
   color:#474747;

   border-style:solid;
   border-width:thin;
   border-color:#474747;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 70%;
   margin-right: 7px;
   background-color:#E3DDDD;
   white-space: nowrap	;
}
a.ref_principal_option:hover { color:white; background-color:#007087;  border-color:#474747;font-weight: 800;}

.map_commu_close{
   border-style:solid;
   border-width:thin;
   border-color:#474747;
   margin: 2px;
   padding: 2px;
   background-color:#007087;
   color:white;
   cursor: pointer;
   float:right;
   margin-top:-8px;
   margin-right:-8px;
   font-size: 1.3em;
   cursor:pointer;
   font-weight: 900;
}
.map_option{
   font-weight: 800;
   color:#474747;
   border-style:solid;
   border-width:thin;
   border-color:#474747;
   background-color:white;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 70%;
   margin-right: 7px;
   white-space: nowrap	; 
   cursor: pointer;
}

.map_option_selected{
   font-weight: 800;
   color:white;
   border-style:solid;
   border-width:thin;
   border-color:#474747;
   background-color:#007087;
    padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 70%;
   margin-right: 7px;
   white-space: nowrap	; 
   cursor: pointer;
}
.ref_link_infra{
   font-weight: 800;
   background-color:#007087;
   color:white;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:black;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 75%;
   margin-left: 20px;
   white-space: nowrap	;  
}
.ref_nouveau{
   background-color:#48B4E9;
   color:white;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#48B4E9;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 75%;
   margin-left: 20px;
   white-space: nowrap	;
}
.ref_nouveau_quartier{
    font-weight: 800;
   background-color:#48B4E9;
   color:white;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#6699ff;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 75%;
   margin-left: 20px;
   white-space: nowrap	;
}
.ref_nouveau_commune{
    font-weight: 800;
   background-color:#48B4E9;
   color:white;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#6699ff;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 75%;
   margin-left: 20px;
   white-space: nowrap	;
}
.ref_nouveau_sec{
   background-color:#848484;
   color:white;
   border-radius:5px;
   border-style:solid;
   border-width:thin;
   border-color:#848484;
   padding: 2px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 64%;
   margin-left: 20px;
   white-space: nowrap	;
}


.div_titre_header{
    
    font-size: 1.6em;
    margin: 20px;
    padding: 20px;
    font-weight: 600;
    text-align: left;
}

.overScroll {
     overflow: scroll;
      max-height: 20em;
     
}


.link_white {
    color:white;
}       

.link_sec_principal {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 1em;
    font-weight: 900;  
    padding: 2px;
    padding-left: 10px;
    background: white;
    color:#474747;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius:4px;
    border-width: 3px;
    border-color: black;
    background-color:#EEEEEE
}
.link_sec_principal:hover {
    color: white;
    background: #088ECF;
    cursor: pointer;
} 

.link_sec {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 0.80em;
    font-weight: 900;  
    padding: 2px;
    padding-left: 10px;
    background: white;
    color:#474747;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius:4px;
    border-width: 3px;
    border-color: black;
    background-color:#EEEEEE
}
.link_sec:hover {
    color: white;
    background: #088ECF;
    cursor: pointer;
} 
.link_sec_selected_principal{ 
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 0.80em;
    font-weight: 700;  
    padding: 2px;
    padding-left: 10px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius:4px;
    box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
    color: white;
    background: #088ECF;
}
.link_sec_selected{ 
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 0.80em;
    font-weight: 700;  
    padding: 2px;
    padding-left: 10px;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius:4px;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);  
    color: white;
    background:#088ECF;
}
.link_sec_no {
    margin-top: 2px;
    margin-bottom: 5px;
    margin-left: 20px;
    font-size: 0.80em;
    font-weight: 900;  
    padding: 2px;
    padding-left: 10px;
    background: white;
    color:grey;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    border-radius:4px;
    border-width: 3px;
    border-color: black;
}

a:link {font-weight: 900;color:#357ABD;text-decoration:none;} 
a:visited {font-weight: 900;color:#357ABD;text-decoration:none;} 
a:hover { font-weight: 900;color:#357ABD;text-decoration:none;} 
a:active {font-weight: 400;color:#357ABD;text-decoration:none;} 

#tab_data {
      overflow: scroll;
      max-height: 20em;
}
.select_theme{
    font-size: 1em;
    font-weight: 600;
}
.select_indic{
     font-size: 0.8em;
    font-weight: 600;
}
#bandeau{ 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    width:100%; 
    height:100%; 
    z-index:10; 
    display:block; 
}
.info_gis_desc {
    padding:6px;
    font-size:14px;
    font-family: Verdana, sans-serif;
    background:#FFF;
    background:rgba(255,255,255,0.8);
    border-radius:5px;
    z-index:10;
    width:60%}

.tr-separator{
height:1px;
border-bottom:1px solid #313030;
}
.tr-separator_right{
height:1px;
border-right:1px solid #313030;
vertical-align: middle;
}
.legend {
     width:280px;
    -webkit-print-color-adjust: exact;
     z-index:15;
     background:rgba(255,255,255,0.8);
}
.ul_theme {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
#div_fiche_entite {
     background:#FFF;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 15px;
     color: black;
     line-height: 20px;
     border: solid 1px #e0e0e0;
     padding: 7px;
     page-break-inside: avoid;
} 
#div_fiche_entite_principal{
     background:#FFF;
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 15px;
     line-height: 20px;
     border: solid 1px #1d81c9;
     padding: 7px;
}
.div_no_break {  
      page-break-inside: avoid;
      page-break-before: always;
}
#div_search_indic {
float: right;
top : 52%;
right : 10px;
background:#FFF;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
color: black;
line-height: 20px;
border: solid 1px #e0e0e0;
padding: 7px;
width:25%;
}


#social_net{
    position: absolute;
    right: 0%;
} 
#div_accueil_info{
    border: solid 2px #006479;
    background-color: #fafafc;
    padding: 6px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;

    font-weight: 600;
    text-align: center;
  
}
#div_accueil{
    background:#47b3e8;
    padding: 12px;
    border-radius: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    color: white;
    font-weight: 600;
}
#div_accueil_petit{
    background:#47b3e8;
    padding: 12px;
    border-radius: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: white;
    font-weight: 600;
}
#recherche_entite_fiche{
    color: black;
}

.txt_carto {
     font-size: 25px;
      color: red;
}

.txt_groupe {

    font-size: 1.20em;
    color: inherit;
    font-weight: 600;
}
   
#div_catalogue { 
  border-radius:5px;
  background-color: white;
  border-style:solid;
  border-width:4px;
  border-color: #00667b;
  background-color: #00667b;
  padding: 1em;
}
#div_catalogue_claire {
  border-radius:5px;
  background-color: white;
  border-style:solid;
  border-width:4px;
  border-color: #35BBf4;
  background-color: #35BBf4;
  padding: 1em; 
}
.div_menu_td  {
  border-radius:4px;
  background-color: white;
  border-style:solid;
  border-width:1px;
  border-color: #00667b;
  padding-left: 0.7em;
  padding-top: 0.5em;
  padding-down: 0.5em;
  padding-right: 0.5em;
  margin:0.4em;
  line-height: 1.3em;
  height:7.5em;
}

.div_menu_td_catalogue {
  background-color: white;
  border-style:solid;
  border-width:1px;
  border-color: #00667b;
  padding: 1em;
}

#div_box_odd {
     background:#FFF;
     line-height: 20px;
     border: solid 1px #e0e0e0;
     padding: 7px;
     page-break-inside: avoid;
  
} 
#commune_infra{
       height: 5px;
}



div.spinner {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-left: 50%;
  margin-right: 50%;
  background: #48b4e9;
  padding: 10px;
  border-radius: 10px;
}

div.spinner div {
  width: 6%;
  height: 16%;
  background: #FFF;
  position: absolute;
  left: 49%;
  top: 43%;
  opacity: 0;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
  -webkit-animation: fade 1s linear infinite;
}


@-webkit-keyframes fade {
  from {opacity: 1;}
  to {opacity: 0.25;}
}

div.spinner div.bar1 {
  -webkit-transform:rotate(0deg) translate(0, -130%);
  -webkit-animation-delay: 0s;
}    

div.spinner div.bar2 {
  -webkit-transform:rotate(30deg) translate(0, -130%); 
  -webkit-animation-delay: -0.9167s;
}

div.spinner div.bar3 {
  -webkit-transform:rotate(60deg) translate(0, -130%); 
  -webkit-animation-delay: -0.833s;
}
div.spinner div.bar4 {
  -webkit-transform:rotate(90deg) translate(0, -130%); 
  -webkit-animation-delay: -0.7497s;
}
div.spinner div.bar5 {
  -webkit-transform:rotate(120deg) translate(0, -130%); 
  -webkit-animation-delay: -0.667s;
}
div.spinner div.bar6 {
  -webkit-transform:rotate(150deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5837s;
}
div.spinner div.bar7 {
  -webkit-transform:rotate(180deg) translate(0, -130%); 
  -webkit-animation-delay: -0.5s;
}
div.spinner div.bar8 {
  -webkit-transform:rotate(210deg) translate(0, -130%); 
  -webkit-animation-delay: -0.4167s;
}
div.spinner div.bar9 {
  -webkit-transform:rotate(240deg) translate(0, -130%); 
  -webkit-animation-delay: -0.333s;
}
div.spinner div.bar10 {
  -webkit-transform:rotate(270deg) translate(0, -130%); 
  -webkit-animation-delay: -0.2497s;
}
div.spinner div.bar11 {
  -webkit-transform:rotate(300deg) translate(0, -130%); 
  -webkit-animation-delay: -0.167s;
}
div.spinner div.bar12 {
  -webkit-transform:rotate(330deg) translate(0, -130%); 
  -webkit-animation-delay: -0.0833s;
} 

.fiche_quartier{
   border: solid 1px #e0e0e0; 
   vertical-align: top;
}
  

.tooltip {
  position: relative;          /* Nécessaire pour positionner le pseudo-élément */
  color: #0066cc;
  text-decoration: none;
}

.tooltip::after {
  content: attr(data-tooltip);  /* Le texte se trouve dans un attribut data-* */
  position: absolute;
  left: 0; bottom: -1.5em;      /* Ajustez selon votre besoin */
  white-space: nowrap;
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;        /* Empêche de perturber le clic */
  font-size: 0.9rem;
}

.tooltip:hover::after {
  opacity: 1;
}

.suggestions {
    border: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    background: #fff;
    width: 300px;
}

.suggestions li {
    padding: 8px;
    cursor: pointer;
}

.suggestions li:hover {
    background: #eee;
}

.walstat_edit {
    display: inline-block;
    border: 1px solid #006b81;
    background-color: #006b81;
    color: white;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 900;
    cursor: pointer;
}
.isadf_edit {
    display: inline-block;
    border: 1px solid #7e96ac;
    background-color: #7e96ac;
    color: white;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 900;
    cursor: pointer;
}
span {
  pointer-events: auto;
}
.header {
    display: flex;
    align-items: center;
    justify-content: space-between; /* header-left à gauche, logos à droite */
    flex-wrap: wrap;
    padding: 1.5em 3em;
    gap: 1em;
}
.header-left {
    display: flex;
    align-items: flex-start;
    gap: 1.5em;   /* espace entre logo et texte */
}
.header-text {
    text-align: left;   /* important pour ne pas centrer le texte */
    margin: 0;
    margin-top:1em;
}
/* Logos partenaires */
.header-logos {
    display: flex;
    align-items: center;
    gap: 1em;
    flex-shrink: 0;
    align-self: flex-start;
}
/* Images */
.logo_iweps {
    width: auto;          /* largeur automatique */
    max-width: 250px;     /* taille maximale pour desktop */
    min-width: 80px;     /* ne pas devenir trop petit */
    height: auto;   
    width: 200px;
    margin-top: 0.2em;
   
}
.logo_partenaires {
     margin-top: 0.2em;
    align-self: flex-start;
    margin-top: 0.2em;
    width: auto;          /* largeur automatique */
    max-width: 430px;     /* taille maximale sur grand écran */
    min-width: 90px;     /* taille minimale pour rester lisible */
    height: auto;         /* garder proportions */
    flex-shrink: 0;  
}
.titre_header1 {
    font-size: 2.4em;
    color: #585858;
    font-weight: 900;
    margin: 0;
    line-height: 1.1;
}

.titre_header2 {
    font-size: 1.6em;
    color: #585858;
    font-weight: 900;
    margin: 0;
    line-height: 1.2;
}