/* 08/03/2024 Tous droits réservés */

/* SECTION  */ 
.sectionTitreContenuFlex {
    width: 100%; 
    max-width: 100%;
    height: min-content; 
    /*padding-top: 2rem;
    padding-bottom: 2rem;*/
    /* font-family: 'Arial Narrow'; */

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

    /* arrière plan par défaut */
    background-color: gray;

    /* césure "intelligente" (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;*/
}

/* interdit dépassement d'écran */
@media screen and (max-width: 920px) {	
    .petitMessageDyn{
        display: none;
    }
}
/* interdit dépassement d'écran */
@media screen and (max-width: 640px) {	
    .sectionTitreContenuFlex {
        max-width: 100%;
        overflow: hidden;
    }
    /* supprime bouton automatique */
    .boutonAutomatique{
        display: none;
    }
    .petitMessageDyn{
        display: none;
    }
}




.sectionTitreContenuTitre {
    color: antiquewhite;
    background-color: #045092;
    font-size: 1.6rem;
    /* width: 450px; */
    height: min-content;        
    padding: 0.5rem;
    margin-top: 2.5rem;
    font-stretch: condensed;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    border: 1px solid antiquewhite;
}

.sectionTitreContenuTexte {
    /*color: antiquewhite;*/
    /* width: 850px; */
    height: min-content;        
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 2rem;
    max-width: 95vw;
    width: 100%;
}

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

.sectionTitreContenuFlex .sectionDiv350{
    width: 450px;
    max-width:  fill-available;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    padding-top: 15px;

    /* margin-right: 40px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.sectionTitreContenuFlex .sectionDiv850{
    width: 850px;
    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;
}
.sectionTitreContenuFlex .sectionDiv{
    /* alignement des objets */ 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    text-align: center;
}
.sectionTitreContenuFlex .width650{
    width: 650px;
    max-width:  fill-available;
    max-width: -moz-available;
    max-width: -webkit-fill-available;

}

/* pour fond foncé */
.sectionTitreContenuFlex{
    /*    display:inline-block; */
    /*opacity:0.95;999*/
    -moz-transition: opacity 0.9s;
    -webkit-transition: opacity 0.9s;
    -o-transition: opacity 0.9s;
    -ms-transition: opacity 0.9s;
    transition: opacity 0.9s;
}
.sectionTitreContenuFlex:hover{
    -moz-transition: opacity 0.7s;
    -webkit-transition: opacity 0.7s;
    -o-transition: opacity 0.7s;
    -ms-transition: opacity 0.7s;
    transition: opacity 0.7s;
}

.imgSection{
    width: 100%;
    max-width: 100%;
    border: black 1px solid;
    /* ombre portée */ 
    /*
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 10px 10px 10px rgba(0,0,0, 0.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 10px 10px 10px rgba(0,0,0, 0.7);
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 10px 10px 10px rgba(0,0,0, 0.7);
    */
}




/* Background Blur using backdrop-filter */ 
.blur {
    filter: blur(3px);
}

/* Multiple filters  */
.multiple-filters {
    backdrop-filter: saturate(120%) contrast(200%);
    /* backdrop-filter: blur(20px) saturate(120%) contrast(200%); */
}
/*
.boutonPS {
    padding: 10px 20px 10px 20px;
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer;
}*/
.carousel-options{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

p.blanc{
    display: inline;
    color: white;

}

.texteVertical{
    margin: 0;
    -webkit-transform-origin: 0 20px;
    -moz-transform-origin: 0 20px;
    -ms-transform-origin: 0 20px;
    -o-transform-origin: 0 20px;
    transform-origin: 0 20px;
    /*    -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);*/
}


/* petit pendule */
.pendule{
    z-index: 10;
    width: max-content;
    height: 0px;

    font-family: sans-serif;
    font-stretch: extra-condensed;
    font-size: 0.8rem;
    /* inline-size: inherit; top: 0px; left: 100px;*/
    position: relative;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    /* rotate: 70deg;*/

    animation: blocSuspendu 3s infinite ease-in-out;
    top: 30px; 
    left: 110px; 
    color: antiquewhite;
}
@media screen and (max-width: 800px) {	
    .pendule{left: 40px;}
}

@media screen and (max-width: 600px) {	
    .pendule{left: 20px;}
}
@media screen and (max-width: 300px) {	
    .pendule{display: none;}
}


.fondTansparentLosange{
    padding: 10px;
    border-radius: 35px;
    background: linear-gradient(to right,black, #435057, black);
    filter: brightness(1.5);
    -moz-filter: brightness(1.5);
    -webkit-filter: brightness(1.5);
    -o-filter: brightness(1.5);
    -ms-filter: brightness(1.5);
    /* writing-mode: sideways-lr; écriture verticale ? */
}
/* petit pendule - attention décalage content */
@keyframes blocSuspendu {
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        -webkit-transform: rotate(110deg);
        -moz-transform: rotate(110deg);
        -o-transform: rotate(110deg);
        -ms-transform: rotate(110deg);
        /*
        top: 20px;
        left: 100px;*/
    }
}