/* 02/06/2022 Tous droits réservés */

.flex1{
    /* alignement des objets */ 
    display: flex;
    flex-wrap: wrap;   
    justify-content: center;
    align-content: center;
    align-items: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.alignementCentre{
    text-align: center;
}
.alignementGauche{
    text-align: left;
}
.alignementJustify{
    text-align: justify;
}

/* SECTION  */ 
.sectionTitreContenuFlex {
    background-size: 100%;
    width: 100%; 
    max-width: 100%;
    height: min-content; 
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: linear-gradient(to right,#56624e,#d3b691,#56624e );

    /* alignement des objets */ 
    display: flex;
    flex-wrap: wrap;   
    justify-content: space-evenly;
    align-content: center;
    text-align: center;
    align-items: 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;
}

/* 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;
    font-size: 1.6rem;
    height: min-content;        
    /*max-width: max-content; */
    padding: 10px;
    font-family: 'Arial Rounded MT', 'arial', 'calibri';
    text-transform: uppercase;
    padding-left: 1em;
    padding-right: 1em;
}

.sectionTitreContenuTexte {
    color: antiquewhite;
    /*width: 950px;*/
    height: min-content;        
    font-family: 'calibri';
    margin-left: 8px;
    margin-right: 8px;
    max-width: 95%;
}

.sectionTitreContenuFlex h2{
    font-size: 1.5rem;
    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;
}
.sectionDiv650{
    max-width: 650px;
    padding-left: 5px;
    padding-right: 5px;
    /* 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;*/
}

.sectionDiv2{
    max-width: 1100px;
    padding-left: 10px;
    padding-right: 10px;
}

/* 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%;
}




/* 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{
    width: max-content;
    height: 0px;

    font-family: sans-serif;
    font-size: 0.8rem;
    letter-spacing: 2px;
    /* 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: white;
}
@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,transparent, #435057, transparent);
    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;*/
    }
}

.fondFixe{
    /*    background-image: url("../../images/ImagesClient/bain1.jpg"); */
    /*    min-height: 400px; */
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    background-size: 100%; /* ou cover; */
    /*opacity: 1; 999*/
}