body{ overflow-x: hidden; }

.TitreModule{display: none;}

.top{
    width: 100%;
    max-height: 450px;
    height: fit-content;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #3c424c;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.top img{
    width: 100%;
    height: 100%;
    background-color: white;
    /*mask-image: linear-gradient(#3c424c 50%, transparent);*/
    border-radius: 15px;
}

.background_top{
    width: 100%;
    max-height: inherit;
    border-radius: inherit;grid-area: 1 / 1 / 2 / 2;
    z-index: 0;
}

.cadre_top{
    background-color: transparent;
    width: 100%;
    height: 100%;
    margin-left: 2%;   
    padding: 15px;
    border-radius: 15px;grid-area: 1 / 1 / 2 / 2;z-index: 1;
    /* Pour la nouvelle page */
}
.cadre_top .header_service{
    display: flex;
    margin-top: 10%;
    margin-bottom: auto;
    flex-direction: column;
}

.cadre_top .header_service .bas{
    display: flex;
    flex-direction: row;
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
}

.cadre_top .header_service .bas~div{
    margin-top: auto;
    margin-bottom: auto;
}

.header_service h2{ font-size: xx-large; }
.nom_Service h1{ font-size: xx-large; margin-top: 0px;}


.trait { width: -webkit-fill-available; margin-top: 22.5px; margin-bottom: auto; flex: 1;}
.trait .line{ background-color: #466089; width: 100%; height: 2px; display:block;margin-top: 10px !important;}
.trait .circle{ background-color: #466089; width: 25px; height: 25px; border-radius: 50%; position: absolute;}

.image_droite { margin-right: 40px; margin-top: -50px; min-width: 130px; }
.image_droite img { max-height: 150px; background: transparent; mask-image: none; }
.grey{
    color:#b3b3b4;
}

.cadre_top h1::after{
    display: none;
}
.cadre_top h1{
    color: #295a7a ;
}

.cadre_top h2{
    color: var(--gold);
}


/* .titre_accordeon::before{
    color: var(--darkblue);
    content: ">";
    display: inline-block;
    margin-bottom: 5px;
    font-size: 3rem;
}

.titre_accordeon.open::before{
    transform: rotate(90deg);
    transition: transfomr 2s;
}

.titre_accordeon.closed::before{
    transform: rotate(-90deg);
    transition: transfomr 2s;
} */

.LienDemandeRDV{
    margin-left: 13%;
}