/* 11/09/2021 Tous droits réservés */

/* SECTION  */ 
.sectionTitreContenuFlex {
    background-size: 100%;
    width: 100%; 
    height: min-content; /* 500px; */

    background-size: 100%;
    background-image: url('../../vue/ImagesFond/fond_article.png');


    /*transform: translate(0px, 66px);*/
    /* alignement des objets */ 
    display: flex;
    flex-wrap: wrap;   
    justify-content: space-around;
    align-content: center;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;

    /* césure "intelligente" (elle s’adapte aux règles typographiques de la langue employée) et affiche des traits d’union */
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    padding-top: 40px;
    padding-bottom: 60px;    
}


.sectionTitreContenuTitre {
    color: white;
    font-size: 2em;
    width: 350px;

    height: min-content;        
    padding: 20px;
    font-family: 'Arial Rounded MT', 'arial', 'calibri';
}

.sectionTitreContenuTexte {
    color: #bbc1bc;
    font-size: 1.5em;
    width: 650px;
    height: min-content;        
    font-family: 'Arial Rounded MT', 'arial', 'calibri';
    margin-left: 8px;
    margin-right: 8px;
}

.sectionTitreContenuFlex h2{
    font-size: 1.5em;
    font-style: oblique;
    margin-top: 20px;
    margin-bottom: 15px;
    color: grey;
}

.sectionTitreContenuFlex .sectionDiv350{
    width: 350px;
    max-width:  fill-available;
    max-width: -moz-available;
    max-width: -webkit-fill-available;

    /* margin-right: 40px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.sectionTitreContenuFlex .sectionDiv650{
    width: 650px;
    max-width:  fill-available;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    /* alignement des objets */ 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    text-align: center;
    overflow-wrap: break-word;
    word-wrap: break-word;


}



/* Background Blur using backdrop-filter */ 
.blur {
    background: rgba(255, 255, 255, 0.2); 
    backdrop-filter: blur(8px); 
    height: 100vh;
    width: 50%;
}

/* Multiple filters  */
.multiple-filters {
    backdrop-filter: saturate(120%) contrast(200%);
    /* backdrop-filter: blur(20px) saturate(120%) contrast(200%); */
}