/* Webba Tech - 2023 */

/* Charte Graphique */
:root {

    --orange: #F37E29;

    --orangeClair: #FFA001;

    --blanc: #FAFAFA;

    --bleuClair: #006DF9;

    --bleuFonce: #030D4F;

}

/* Polices d'écritures */

/* Open Sans */

@font-face {
    font-family: opensans;
    src: url(../fonts/openSans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: opensans-light;
    src: url(../fonts/openSans/OpenSans-Light.ttf);
}

@font-face {
    font-family: opensans-light-italic;
    src: url(../fonts/openSans/OpenSans-LightItalic.ttf);
}

@font-face {
    font-family: opensans-semi-bold;
    src: url(../fonts/openSans/OpenSans-SemiBold.ttf);
}


/* Spartan */

@font-face {
    font-family: spartan;
    src: url(../fonts/spartan/Spartan-Regular.ttf);
}

@font-face {
    font-family: spartan-bold;
    src: url(../fonts/spartan/Spartan-Bold.ttf);
}

@font-face {
    font-family: spartan-semi-bold;
    src: url(../fonts/spartan/Spartan-SemiBold.ttf);
}

@font-face {
    font-family: spartan-light;
    src: url(../fonts/spartan/Spartan-Light.ttf);
}

@font-face {
    font-family: spartan-extra-light;
    src: url(../fonts/spartan/Spartan-ExtraLight.ttf);
}

@font-face {
    font-family: spartan-thin;
    src: url(../fonts/spartan/Spartan-Thin.ttf);
}



/* Debut style general */


@media only screen and (min-width: 700px){

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: var(--blanc);
}


/* Modification de la barre de scroll */

::-webkit-scrollbar 
{
   width:0.3vw;
   height:0.8px;
}

::-webkit-scrollbar-track
{
   background-color: #5d5d5d00;
}

::-webkit-scrollbar-thumb
{
   background-color:  #333333;
   border-radius:0;
   width:100%;
}

::-webkit-scrollbar-thumb:hover
{
   background-color: #929292;
}

::-webkit-scrollbar:hover
{
    width:0.6vw;
    position: absolute;
    
}


/* Debit syle Menu Expertises Desktop */

#menu_expertises
{
    height: 0vh;
    pointer-events: none;
    width: 100vw;
    background-color: #00052B;
    position: fixed;
    top: 0;
    left: 0;

    transition: 0.5s all ease;

    z-index: 5;
}

#menu_expertises_titres
{
    width: 85%;
    opacity: 0;
    margin: auto;
    margin-top: 10vh;
    display: flex;
    justify-content: space-between;
}

#menu_expertises_titres h2
{
    color: var(--blanc);
    font-size: 2.5vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.1vw;
    font-weight: 400;
}

#menu_expertises_titres img
{
    width: 1.5vw;
}

#menu_expertises_titres img:hover
{
    cursor: pointer;
}

#menu_expertises_liste
{
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    height: 70vh;
    width: 100vw;
    position: absolute;
    bottom: 0;
}

#menu_expertises_liste_urbanisme
{
    height: 100%;
    width: 25%;
    background: url('../img/pages/expertises/urbanisme.png');
    background-position: center;
    background-size: cover;
    position: relative;
}

#menu_expertises_liste_urbanisme::after,
#menu_expertises_liste_immobilier::after,
#menu_expertises_liste_sante::after,
#menu_expertises_liste_droit_public::after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    opacity: 0;
    transition: 0.8s opacity ease;
}

#menu_expertises_liste_urbanisme::after
{
    background-image: url('../img/pages/expertises/urbanisme_hover.png');
}

#menu_expertises_liste_immobilier::after
{
    background-image: url('../img/pages/expertises/immmobilier_hover.png');
}

#menu_expertises_liste_sante::after
{
    background-image: url('../img/pages/expertises/sante_hover.png');
}

#menu_expertises_liste_droit_public::after
{
    background-image: url('../img/pages/expertises/droit_public_hover.png');
}

#menu_expertises_liste_urbanisme:hover::after,
#menu_expertises_liste_immobilier:hover::after,
#menu_expertises_liste_sante:hover::after,
#menu_expertises_liste_droit_public:hover::after
{
    opacity: 1;
}

#menu_expertises_liste_urbanisme h3, #menu_expertises_liste_immobilier h3, #menu_expertises_liste_sante h3, #menu_expertises_liste_droit_public h3
{
    color: var(--blanc);
    position: absolute;
    font-family: "spartan";
    font-size: 1.5vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

#menu_expertises_liste_urbanisme img, #menu_expertises_liste_immobilier img, #menu_expertises_liste_sante img, #menu_expertises_liste_droit_public img
{
    position: absolute;
    bottom: 5vh;
    right: 3vw;
    width: 3vw;
    transition: 0.8s all ease;
    opacity: 0;
    z-index: 1;
}

#menu_expertises_liste_urbanisme:hover img, #menu_expertises_liste_immobilier:hover img, #menu_expertises_liste_sante:hover img, #menu_expertises_liste_droit_public:hover img
{
    opacity: 1;
}


#menu_expertises_liste_immobilier
{
    height: 100%;
    width: 25%;
    background: url('../img/pages/expertises/immobilier.png');
    background-position: center;
    background-size: cover;
    position: relative;
}


#menu_expertises_liste_sante
{
    height: 100%;
    width: 25%;
    background: url('../img/pages/expertises/sante.png');
    background-position: center;
    background-size: cover;
    position: relative;
}


#menu_expertises_liste_droit_public
{
    height: 100%;
    width: 25%;
    background: url('../img/pages/expertises/droit_public.png');
    background-position: center;
    background-size: cover;
    position: relative;
}

/* Debut style desktop */

#top_home
{
    height: 100vh;
    background-color: var(--blanc);
    position: relative;
}

#top_home_glob
{
    background-image: url("../img/backgrounds/index-top.png");
    background-position: center;
    background-size: cover;

    height: 93vh;
}

#nav-color-black
{
    background-color: transparent;
    color: black !important;
    transition: all 0.2s ease;
    top: 0;
    z-index: 2;

}

#navItem_black a
{
    color: black !important;
}

.actual-nav-black h4, #navItem_black a:hover
{
    color: var(--bleuFonce) !important;
}


#nav-color-blue
{
    background-color: var(--bleuFonce);

    position: fixed;
    width: 100%;
    pointer-events: none;

    opacity: 0;

    transition: all 0.2s ease;
    top: 0;
    z-index: 2;
    margin: 0;

}

#top_home_abs, #top_home_reseaux
{
    position: absolute;
}

.navigation-container
{
    display: flex;
    justify-content: space-between;
    width: 87%;
    margin: auto;
    transition: all 0.5s ease;
    margin-top: 5vh;
}

.mid-links
{
    display: flex;
    text-align: center;
    align-items: center;
}

.mid-links .navItem
{
    width: 100%;
}


.navItem
{
    margin-right: 1vw;
}

.navItem a
{
    color: #ECECEC !important;
}

#blue_nav a
{
    color: white !important;
}

.navItem a img
{
    width: 3.5vw;
    transition: all 0.5s ease;
}

#logo-wide img
{
    width: 10vw !important;
}

.navItem a:hover
{
    color: #ffffff !important;
    cursor: pointer;
}

#blue_nav a:hover
{
    color: white !important;
}

.navItem a h4
{
    font-weight: 400;
    font-size: 0.8vw;
}

#fixed-nav
{
    margin-top: 1vh !important;
    margin-bottom: 1vh;
}

.actual-nav-blue h4
{
    font-weight: 700 !important;
    color: white !important;
}

.actual-nav-white h4
{
    font-weight: 700 !important;
    color: white !important;
}

.actual-nav-black h4
{
    font-weight: 700 !important;
}


.btn-cl
    {
        margin-left: 2vw;
        transition: all 1s ease;
    }
    
    .btn-cl a
    {
        background-color: var(--blanc);
        color: var(--bleuFonce) !important;
        border-radius: 10px;
        font-size: 0.8vw !important;
        font-weight: 700 !important;
        transition: all 0.5s ease;
        letter-spacing: 0.1vw;
    
        padding-top: 2.3vh;
        padding-bottom: 2.3vh;
        padding-right: 3.8vw;
        padding-left: 3.8vw;
    }
    
    .btn-cl a:hover
    {
        background-color: rgb(198, 198, 198);
    }
    
    
    .btn-cl-blue
    {
        margin-left: 2vw;
        transition: all 1s ease;
    }
    
    .btn-cl-blue a
    {
        background-color: #001184;
        color: var(--blanc) !important;
        border-radius: 10px;
        font-size: 0.8vw !important;
        font-weight: 700 !important;
        transition: all 0.5s ease;
        letter-spacing: 0.1vw;
        text-decoration: none;
    
        padding-top: 2.3vh;
        padding-bottom: 2.3vh;
        padding-right: 3.8vw;
        padding-left: 3.8vw;
    }
    
    .btn-cl-blue a:hover
    {
        background-color: rgb(92, 51, 187);
    }






/*                      */ 
/*         PAGE         */
/*        ACCUEIL       */
/*                      */ 
/*       WBA TECH       */
/*                      */ 




/* TOP HOME ELEM */

#top_home_elem
{
    color: var(--blanc);
    margin-top: 13vh;
    margin-left: 8vw;
    text-align: center;
    width: 45%;
}


#top_home_elem h1
{
    font-size: 5.5vw;
    font-family: 'spartan-light';
}

#top_home_elem h2
{
    font-size: 2vw;
    font-family: 'spartan-extra-light';
    letter-spacing: 0.2vw;
    margin-top: 3vh;
}

#top_home_elem h3
{
    font-size: 1.2vw;
    letter-spacing: 0.2vw;
    margin-top: 10vh;
    color: var(--orangeClair);
    font-family: 'spartan-semi-bold';
}

#top_home_elem h4
{
    font-size: 1vw;
    margin-top: 3vh;
    font-family: 'spartan-thin';
    letter-spacing: 0.2vw;
}

/* SEO : le H1 d'accueil regroupe nom + metier + ville en gardant l'apparence d'origine */
#top_home_elem h1 .ht_name
{
    display: block;
    font-size: 5.5vw;
    font-family: 'spartan-light';
}
#top_home_elem h1 .ht_role
{
    display: block;
    font-size: 2vw;
    font-family: 'spartan-extra-light';
    letter-spacing: 0.2vw;
    margin-top: 3vh;
}
#top_home_elem h1 .ht_city
{
    display: block;
    font-size: 1vw;
    font-family: 'spartan-thin';
    letter-spacing: 0.2vw;
    margin-top: 3vh;
}



/* TOP ELEM ABS */

#top_home_abs
{
    background-color: var(--orangeClair);
    padding: 2.5vw;
    padding-bottom: 2vw;
    bottom: 3vh;
    right: 20vw;
    width: 30vw;

    border-radius: 1vh;
}

#top_home_abs p
{
    font-family: "opensans-light-italic";
    color: #1B1B1B;
    font-size: 1vw;
    letter-spacing: 0.1vw;
    margin-bottom: 1vh;
}

#top_home_abs h3
{
    font-family: "spartan";
    color: #001184;
    font-size: 1vw;
    text-align: right;
}


#top_home_reseaux
{
    display: flex;
    height: 22vh;
    justify-content: space-between;
    flex-direction: column;

    position: absolute;
    right: 3vw;
    bottom: 6vh;
}

#top_home_reseaux a
{
    background-color: var(--orange);
    width: 3vw;
    height: 3vw;
    transition: 0.5s all ease;

    border-radius: 100px;
    position: relative;
}

#top_home_reseaux a:hover
{
    background-color: var(--orangeClair);
    width: 3vw;
    height: 3vw;

    border-radius: 100px;
    position: relative;
}

#top_home_reseaux a img
{
    width: 1.5vw;
    height: 1.5vw;
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
}



/* Zone competences */

#competences_home
{
    min-height: 75vh;
    width: 100vw;
    background-color: var(--blanc);
}

#competences_home h2
{
    font-size: 2.5vw;
    margin-left: 13vw;
    padding-top: 10vh;
    font-weight: 600;
    letter-spacing: 0.25vw;
    
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--bleuFonce);
}

#competences_home_zone
{
    width: 68%;
    margin: auto;
    margin-top: 12vh;
    position: relative;
}

#competences_home_elem
{
    position: absolute;
    right: 0;
}


#competences_home_elem h3
{
    font-size: 1.05vw;
    font-family: "spartan-light";
    letter-spacing: 0.15vw;
    line-height: 170%;
    color: var(--bleuFonce);
    margin-bottom: 5vh;
}


.competences_home_btn
{
    border-top: 1px solid black;
    text-decoration: none;
    transition: all 0.8s ease;

    display: flex;
    justify-content: space-between;

    padding-top: 3.5vh;
    padding-bottom: 3.5vh;
    padding-right: 4vw;
    padding-left: 4vw;

    color: var(--bleuFonce);
}

#mob_menu_gen
{
    display: none;
}

.competences_home_btn:hover
{
    padding-right: 2vw;
    padding-left: 2vw;

    cursor: pointer;

}

.competences_home_btn p
{
    color: var(--bleuFonce);
    font-size: 0.9vw;

    font-family: "opensans-semi-bold";
}

.competences_home_btn img
{
    width: 5vw;
}








/* ZONE EXPERTISE HOME */


#expertises_home
{
    height: 80vh;
    width: 100vw;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


#expertise_elem_urbanisme
{
    background:url(../img/pages/accueil/expertise_urbanisme.png);
    background-position: center;
    background-size: cover;

    transition: 0.8s all ease;
    width: 33.333333%;
    height: 100%;

    position: relative;
    text-decoration: none;
}

#expertise_elem_urbanisme:hover
{
    width: 60%;
    height: 100%;
}





#expertise_elem_urbanisme h3
{
    color: #D7D7D7;
    font-size: 1.5vw;
    font-family: "spartan-semi-bold";
    transition: 0.3s all ease;

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

#expertise_elem_urbanisme:hover h3
{
   opacity: 0;
}

#expertise_elem_urbanisme:hover #expertise_elem_urbanisme_elem
{
   opacity: 1;
}

#expertise_elem_urbanisme_elem
{
    width: 100%;
    bottom: 8vh;
    position: absolute;
    opacity: 0;

    transition: 0.5s all ease;

    display: flex;
    justify-content: space-between;

    align-items: center;
}

#expertise_elem_urbanisme_elem h4
{
    font-family: "spartan-semi-bold";
    margin-left: 5vw;
    font-size: 1.2vw;
    color: #D7D7D7;
}

#expertise_elem_urbanisme_elem img
{
   width: 4vw;
   margin-right: 5vw;
}


#expertise_elem_immobilier
{
    background:url(../img/pages/accueil/expertise_immobilier.png);
    background-position: center;
    background-size: cover;

    width: 33.3333333%;
    height: 100%;
    transition: 0.8s all ease;

    position: relative;
    text-decoration: none;
}

#expertise_elem_immobilier:hover
{
    width: 60%;
    height: 100%;
}

#expertise_elem_immobilier:hover h3
{
   opacity: 0;
}

#expertise_elem_immobilier:hover #expertise_elem_immobilier_elem
{
   opacity: 1;
}


#expertise_elem_immobilier h3
{
    color: #D7D7D7;
    font-size: 1.5vw;
    font-family: "spartan-semi-bold";
    transition: 0.3s all ease;
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

#expertise_elem_immobilier_elem
{
    width: 100%;
    bottom: 8vh;
    position: absolute;

    transition: 0.5s all ease;
    opacity: 0;
    display: flex;
    justify-content: space-between;

    align-items: center;
}

#expertise_elem_immobilier_elem h4
{
    font-family: "spartan-semi-bold";
    margin-left: 5vw;
    font-size: 1.2vw;
    color: #D7D7D7;
}

#expertise_elem_immobilier_elem img
{
   width: 4vw;
   margin-right: 5vw;
}



#expertise_elem_sante
{
    background:url(../img/pages/accueil/expertise_sante.png);
    background-position: center;
    background-size: cover;

    width: 33.33333%;
    height: 100%;
    transition: 0.8s all ease;

    position: relative;
    text-decoration: none;
}

#expertise_elem_sante:hover
{
    width: 60%;
    height: 100%;
}

#expertise_elem_sante:hover
{
    width: 60%;
    height: 100%;
}

#expertise_elem_sante:hover h3
{
   opacity: 0;
}

#expertise_elem_sante:hover #expertise_elem_sante_elem
{
   opacity: 1;
}

#expertise_elem_sante h3
{
    color: #D7D7D7;
    font-size: 1.5vw;
    font-family: "spartan-semi-bold";

    transition: 0.3s all ease;
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

#expertise_elem_sante_elem
{
    width: 100%;
    bottom: 8vh;
    position: absolute;

    transition: 0.5s all ease;
    opacity: 0;
    display: flex;
    justify-content: space-between;

    align-items: center;
}

#expertise_elem_sante_elem h4
{
    font-family: "spartan-semi-bold";
    margin-left: 5vw;
    font-size: 1.2vw;
    color: #D7D7D7;
}

#expertise_elem_sante_elem img
{
   width: 4vw;
   margin-right: 5vw;
}




#expertise_elem_droit_public
{
    background:url(../img/pages/accueil/expertise_droit_public.png);
    background-position: center;
    background-size: cover;

    width: 33.33333%;
    height: 100%;
    transition: 0.8s all ease;

    position: relative;
    text-decoration: none;
}

#expertise_elem_droit_public:hover
{
    width: 60%;
    height: 100%;
}

#expertise_elem_droit_public:hover
{
    width: 60%;
    height: 100%;
}

#expertise_elem_droit_public:hover h3
{
   opacity: 0;
}

#expertise_elem_droit_public:hover #expertise_elem_droit_public_elem
{
   opacity: 1;
}

#expertise_elem_droit_public h3
{
    color: #D7D7D7;
    font-size: 1.5vw;
    font-family: "spartan-semi-bold";

    transition: 0.3s all ease;
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

#expertise_elem_droit_public_elem
{
    width: 100%;
    bottom: 8vh;
    position: absolute;

    transition: 0.5s all ease;
    opacity: 0;
    display: flex;
    justify-content: space-between;

    align-items: center;
}

#expertise_elem_droit_public_elem h4
{
    font-family: "spartan-semi-bold";
    margin-left: 5vw;
    font-size: 1.2vw;
    color: #D7D7D7;
}

#expertise_elem_droit_public_elem img
{
   width: 4vw;
   margin-right: 5vw;
}





/* ZONE LEGAL DESIGN */


#legal_design_home
{
    height: 92vh;
    padding-bottom:3vh;
    display: flex;
    justify-content: center;
    align-items: center;
}


#legal_design_home_txt
{
    width: 50%;
    height: 100%;

    background-color: var(--blanc);

    color: var(--bleuFonce);
}

#legal_design_home_txt h2
{
    font-size: 2.5vw;
    margin-left: 8vw;
    margin-top: 18vh;
    font-family: "spartan-semi-bold";
}

#legal_design_home_txt p
{
    font-size: 0.8vw;
    line-height: 220%;
    margin-left: 8vw;
    letter-spacing: 0.15vw;
    font-weight: 600;
    font-family: "opensans-light";

    margin-top: 6vh;

    text-align: justify;

    max-width: 60%;
}

#legal_design_home_img
{
    width: 50%;
    height: 100%;
    background: url(../img/backgrounds/legal-design-top.png);

    background-position: center;
    background-size: cover;

    position: relative;
}

#legal_design_home_img img
{
    height: 90%;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-position: center;
    background-size: cover;
}

.btn-cl-black
{
    margin-left: 8vw;
    transition: all 1s ease;
    margin-top: 7vh;
}

.btn-cl-black a
{
    background-color: #1D1D1D;
    color: var(--blanc) !important;
    border-radius: 8px;
    font-size: 0.75vw !important;
    font-weight: 500 !important;
    transition: all 0.5s ease;
    letter-spacing: 0.1vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    text-decoration: none;

    padding-top: 2.5vh;
    padding-bottom: 2.5vh;
    width: 12vw;

    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-cl-black a img
{
    width: 2.5vw;
    transition: all 0.5s ease;
    margin-left: 1.8vw;
}

.btn-cl-black a:hover
{
    background-color: rgb(74, 74, 74);
    cursor: pointer;
}

.btn-cl-black a:hover img
{
    margin-left: 2.5vw;
}





/* ZONE ACTUALITES BLOG */


#blog_news_home
{
    height: 90vh;
    width:100vw;

    background: url("../img/backgrounds/actualite_home.png");
    background-position: center;
    background-size: cover;

    color: var(--blanc);
    

}

#blog_news_home_title
{
    width: 85vw;

    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: auto;
}

#blog_news_home_title h2
{
    margin-top: 10vh;
    font-size: 2vw;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.25vw;
}

#blog_news_home_title a
{
    margin-top: 12vh;
    text-decoration: none;
    color: var(--blanc);
    font-size: 0.9vw;

    display: flex;
    justify-content: space-between;
    align-items: baseline;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400 !important;
    width: 7vw;
    letter-spacing: 0.1vw;
    transition: 0.8s all ease;
}

#blog_news_home_title a:hover
{
    text-decoration: underline;

    width: 8vw;
}

#blog_news_home_title a img
{
    width: 0.4vw;
}

#blog_liste_accueil
{
    width: 85%;
    margin: auto;
}



/* ZONE CONTACT WHITE */

    
#contact_white
{
    height: 92vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact_carte
{
    height: 100%;
    width: 45%;

    position: relative;
}

#contact_carte iframe
{
    position: absolute;
    top: 0;
    left: 0;
}

#contact_carte .btn-cl-black
{
    position: absolute;
    bottom: 6vh;
    right: 5vw;
}


#contact_white_txt
{
    height: 100%;
    width: 55%;

    background: url(../img/backgrounds/contact_white.png);
    background-position: center;
    background-size: cover;
}

#contact_white_txt h3
{
    font-size: 2.8vw;
    margin-top: 11vh;
    margin-left: 8vw;

    font-family: 'spartan-semi-bold';
    font-weight: 700;

    letter-spacing: 0.15vw;
}

#contact_white_txt h4
{
    text-align: right;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 0.8vw;
    margin-top: 3vh;
    width: 72%;
}

#contact_form_white
{
    width: 55%;
    margin-top: 2vh;
    margin-left: 8vw;
    display: flex;
    flex-direction: column;
}

#contact_form_white div
{
    display: flex;
    justify-content: space-between;
    width: 105%;
}

#contact_name_white, #contact_surname_white
{
    width: 44% !important;
}

#contact_form_white input, #contact_form_white textarea
{
    width: 100%;
    border: 3px solid black;
    height: 3.5vh;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: transparent;
    color: black;
    padding: 0.6vw;

    font-size: 0.8vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}

#contact_form_white textarea
{
    height: 12vh;
    resize: none;
}

#contact_form_white input[type='submit']
{
    width: 105%;
    border: none;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: var(--bleuClair);
    color: white;
    height: 6vh;

    letter-spacing: 0.05vw;

    padding: 0.5vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;

    transition: 0.3s all ease;
}


#contact_form_white input[type='submit']:hover
{
    background-color: rgb(77, 103, 167);
    cursor: pointer;
}

#contact_white_txt_elem
{
    margin-left: 8vw;
    margin-top: 3vh;
    color: #494949;
    font-size: 0.9vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1vw;
}

#contact_white_txt_elem p
{
    margin-bottom: 1vh;
}

#contact_white_txt_elem a
{
    text-decoration: none;
    color: #494949;
}

#contact_white_txt_elem a:hover
{
    text-decoration: underline;
}








/* ZONE CONTACT BLUE */


#contact_blue
{
    height: 92vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#contact_carte
{
    height: 100%;
    width: 45%;

    position: relative;
}

#contact_carte iframe
{
    position: absolute;
    top: 0;
    left: 0;
}

#contact_carte .btn-cl-black
{
    position: absolute;
    bottom: 6vh;
    right: 5vw;
}


#contact_blue_txt
{
    height: 100%;
    width: 55%;

    background: url(../img/backgrounds/contact_blue.png);
    background-position: center;
    background-size: cover;
}

#contact_blue_txt h3
{
    font-size: 2.8vw;
    margin-top: 10vh;
    margin-left: 8vw;

    color: #f5f5f5;

    font-family: 'spartan-semi-bold';
    font-weight: 700;

    letter-spacing: 0.15vw;
}

#contact_blue_txt h4
{
    text-align: right;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    font-weight: 400;
    font-size: 0.8vw;
    margin-top: 3vh;
    width: 72%;
}

#contact_form_blue
{
    width: 55%;
    margin-top: 2vh;
    margin-left: 8vw;
    display: flex;
    flex-direction: column;
}

#contact_form_blue div
{
    display: flex;
    justify-content: space-between;
    width: 105%;
}

#contact_name_blue, #contact_surname_blue
{
    width: 44% !important;
}

#contact_form_blue input, #contact_form_blue textarea
{
    width: 100%;
    border: 3px solid white;
    height: 3.5vh;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: white;
    color: black;
    padding: 0.6vw;

    font-size: 0.8vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}

#contact_form_blue textarea
{
    height: 12vh;
    resize: none;
}

#contact_form_blue input[type='submit']
{
    width: 105%;
    border: none;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: var(--orange);
    color: white;
    height: 6vh;

    letter-spacing: 0.05vw;

    padding: 0.5vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;

    transition: 0.3s all ease;
}


#contact_form_blue input[type='submit']:hover
{
    background-color: var(--orangeClair);
    cursor: pointer;
}

#contact_blue_txt_elem
{
    margin-left: 8vw;
    margin-top: 3vh;
    color: #e8e8e8;
    font-size: 0.9vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1vw;
}

#contact_blue_txt_elem p
{
    margin-bottom: 1vh;
}

#contact_blue_txt_elem a
{
    text-decoration: none;
    color: #cbcbcb;
}

#contact_blue_txt_elem a:hover
{
    text-decoration: underline;
}


/* ZONE FOOTER */
    
footer
{
    background-color: #00052B;
    color: blue;
    padding-top: 10vh;

    position: relative;

}

footer section
{
    display: flex;
    justify-content: space-between;
    align-items: top;
    width: 80%;
    margin: auto;
}


footer section div a p
{
    color: #d3d3d3;
    margin-top: 3vh;
    max-width: 90%;
    font-size: 0.7vw !important;
    letter-spacing: 0.15vw;

    font-family: 'opensans-light';
}

footer section div h3
{
    font-size: 1vw !important;
    color: #F0F0F0 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-bottom: 5vh;
}

footer section div a
{
    text-decoration: none;
}

footer section div a p
{
    margin-bottom: 2vh !important;
    font-size: 0.8vw;
}


#foot_down
{
    display: flex;
    width: 80%;
    justify-content: space-between;
    align-items: end;
    margin: auto;
    margin-top: 5vh;
    padding-bottom: 8vh;
}

.link-hov:hover
{
    text-decoration: underline;
    color: #B3B3B3 !important;
}

.elem_social:hover
{
    background-color: #a0a0a0 !important;
}

.mob-deact a
{
    text-decoration: none;
}

.mob-deact a h3
{
    text-decoration: none;
    font-size: 1vw !important;
    color: #525252 !important;
}


.elem_social 
{

    position: relative;
    background-color: var(--orange) !important;
    transition: 0.5s all ease;

    border-radius: 100px;
}

.elem_social img 
{

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.elem_social:hover
{
    background-color: var(--orangeClair) !important;
}

#footer_res_txt p
{
    font-family: "spartan";
    color: var(--orange);
    letter-spacing: 0.1vw;
    margin-bottom: 2vh;
}











/*                      */ 
/*         PAGE         */
/*        CABINET       */
/*                      */ 
/*       WBA TECH       */
/*                      */ 



/* ZONE TOP CABINET */


#top_cabinet
{
    height: 100vh;
    background: url('../img/backgrounds/cabinet-top.png');
    background-position: center;
    background-size: cover;

    position: relative;
}

#top_cabinet h1
{
    color: var(--bleuFonce);
    position: absolute;

    top: 48vh;
    left: 9vw;

    font-size: 4.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#top_cabinet_elem
{
    position: absolute;

    right: 10vw;
    top: 55vh;
}


#top_cabinet_elem h3
{
    max-width: 35vw;
    margin-bottom: 3vh;
    color: #030D4F;

    font-size: 0.9vw;
    letter-spacing: 0.1vw;
    line-height: 200%;

    font-family: 'opensans-light';
}

#top_cabinet_elem h3 span
{
    font-family: 'opensans';
}


/* ZONE TOP LOIC */

#top_loic
{
    height: 40vh;
    background: url('../img/backgrounds/cabinet-sous-top.png');
    background-position: center;
    background-size: cover;

    position: relative;
}

/* ZONE TOP LEGAL */

#top_legal_design
{
    height: 40vh;
    background: url('../img/backgrounds/cabinet-sous-top.png');
    background-position: center;
    background-size: cover;

    position: relative;
}


/* ZONE TOP CONTACT */

#top_contact
{
    height: 70vh;
    margin-bottom: 5vh;
    background: url('../img/pages/contact/background-contact.png');
    background-position: center;
    background-size: cover;

    position: relative;
}

#top_contact h1
{
    color: var(--blanc);
    position: absolute;

    top: 30vh;
    left: 9vw;

    font-size: 4.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#top_contact h3
{
    color: var(--blanc);
    position: absolute;

    top: 40vh;
    left: 9vw;

    width: 40vw;

    font-size: 1vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 164.508%; /* 27.966px */
    letter-spacing: 1.955px;
}




#top_home_reseaux_hor
{
    display: flex;
    width: 12vw;
    justify-content: space-between;
    flex-direction: row;

    position: absolute;
    left: 8vw;
    bottom: 16vh;
}

#top_home_reseaux_hor a
{
    background-color: var(--orange);
    width: 3vw;
    height: 3vw;
    transition: 0.5s all ease;

    border-radius: 100px;
    position: relative;
}

#top_home_reseaux_hor a:hover
{
    background-color: var(--orangeClair);
    width: 3vw;
    height: 3vw;

    border-radius: 100px;
    position: relative;
}

#top_home_reseaux_hor a img
{
    width: 1.5vw;
    height: 1.5vw;
    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
}


/* ZONE DECOUVRIR LOÏC BALDIN */


#decouvrir_loic_baldin
{
    height: 90vh;
    width: 95vw;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
}


#decouvrir_loic_baldin_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#decouvrir_loic_baldin_txt h2
{
    font-size: 2.5vw;
    margin-left: 8vw;
    margin-top: 19vh;

    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#decouvrir_loic_baldin_txt p
{
    font-size: 0.9vw;
    margin-left: 8vw;
    margin-top: 5vh;

    text-align: justify;
    max-width: 60%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;

    color: var(--bleuFonce);
}

#decouvrir_loic_baldin_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#decouvrir_loic_baldin_img img
{
    height: 80%;
    position: absolute;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/* ZONE PAGE LOÏC BALDIN */


#page_loic_baldin
{
    height: 100vh;
    width: 100%;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
}


#page_loic_baldin_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#page_loic_baldin_txt h2,
#page_loic_baldin_txt h1
{
    font-size: 3vw;
    margin-left: 8vw;
    margin-top: 10vh;

    font-family: 'spartan-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_loic_baldin_txt h5
{
    font-size: 1.2vw;
    margin-left: 8vw;
    margin-top: 5vh;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.62px;

    color: var(--orange);
}

#page_loic_baldin_txt p
{
    font-size: 0.8vw;
    margin-left: 8vw;
    margin-top: 2vh;

    text-align: justify;
    max-width: 60%;

    font-family: 'opensans-light';
    font-weight: 300;
    line-height: 200%;
    letter-spacing: 0.85px;

    color: var(--bleuFonce);
}

#page_loic_baldin_img
{
    width: 40%;
    position: relative;
    margin-top: -28vh;
}

#page_loic_baldin_img img
{
    width: 85%;


}

#page_loic_baldin_img h5
{
    font-size: 1.2vw;
    margin-top: 5vh;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.62px;

    color: var(--orange);
}

#page_loic_baldin_img p
{
    font-size: 0.8vw;
    margin-top: 2vh;

    text-align: justify;
    max-width: 80%;

    font-family: 'opensans-light-italic';
    font-style: italic;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: 0.85px;

    color: var(--bleuFonce);
}


/* ZONE PAGE LEGAL DESIGN */


#page_legal_design
{
    height: 60vh;
    width: 100%;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
}


#page_legal_design_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#page_legal_design_txt h2,
#page_legal_design_txt h1
{
    font-size: 3vw;
    margin-left: 8vw;
    margin-top: 10vh;

    font-family: 'spartan-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_legal_design_txt h5
{
    font-size: 1.2vw;
    margin-left: 8vw;
    margin-top: 5vh;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 4.62px;

    color: var(--orange);
}

#page_legal_design_txt p
{
    font-size: 0.8vw;
    margin-left: 8vw;
    margin-top: 4vh;

    text-align: justify;
    max-width: 75%;

    font-family: 'opensans-light-italic';
    font-style: italic;
    font-weight: 300;
    line-height: 250%;
    letter-spacing: 0.85px;

    color: var(--bleuFonce);
}

#page_legal_design_img
{
    width: 40%;
    position: relative;
    margin-top: -20vh;
}

#page_legal_design_img img
{
    width: 85%;


}


/* ZONE SAVOIR FAIRE */

.bandeau
{
    width: 100vw;
    padding-top: 8vh;
    padding-bottom: 8vh;
    margin-bottom: 10vh;
    margin-top: 5vh;

    background: url('../img/backgrounds/bandeaux.png');
    background-position: center;
    background-size: cover;
}


.bandeau h2
{
    font-size: 2.4vw;
    color: var(--blanc);
    text-align: center;
    font-family: 'spartan-bold';
    letter-spacing: 0.35vw;
}

.bandeau h3
{
    font-size: 1.2vw;
    color: var(--orangeClair);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15vw;
    margin-left: -10vw;
    margin-bottom: -0.5vh;

}

#liste_savoir_faire
{
    display: flex;
    width: 75%;
    padding-bottom: 8vh;
    margin: auto;
    justify-content: space-between;
    align-items: baseline;
}

.savoir_faire_elem
{
    width: 18vw;
    min-height: 51.5vh;
    background-color: white;
    border-top: 5vh solid var(--orange);
    padding: 2vw;
    padding-top: 0;
    border-radius: 0.5vw;
}

.savoir_faire_elem h3
{
    font-size: 1.8vw;
    margin-top: 2vh;
    padding-top: 0;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing: 0.15vw;
    margin-bottom: 3.5vh;
}

.savoir_faire_elem h3 span
{
    font-size: 3vw;
    margin-top: 0;
    padding-top: 0;

    color: var(--orange);

    font-family:Arial, Helvetica, sans-serif;
    font-weight:700;
    letter-spacing: 0.15vw;
}

.savoir_faire_elem p
{
    font-size: 0.82vw;
    text-align: justify;
    margin-top: 2vh;
    padding-top: 0;
    font-family:'opensans-light';
    letter-spacing: 0.1vw;
    color: var(--bleuFonce);
    line-height: 200%;
    margin-bottom: 2vh;
}



/* ZONE ACTIVITES ANNEXES */

.bandeau_annexes
{
    width: 100vw;
    padding-top: 8vh;
    padding-bottom: 8vh;
    margin-bottom: 10vh;
    margin-top: 5vh;

    background: url('../img/backgrounds/bandeaux.png');
    background-position: center;
    background-size: cover;
}


.bandeau_annexes h2
{
    font-size: 2.4vw;
    color: var(--blanc);
    text-align: center;
    font-family: 'spartan-bold';
    letter-spacing: 0.4vw;
}

.bandeau_annexes h3
{
    font-size: 1.2vw;
    color: var(--orangeClair);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15vw;
    margin-left: -4vw;
    margin-bottom: -0.5vh;

}

#activites_annexes 
{
    height: 82vh;
}

#activites_annexes ul
{
    width: 55%;
    margin: auto;
}

#activites_annexes ul li
{
color: #030D4F;
text-align: justify;
font-family: 'opensans-light';
font-size: 0.8vw;
font-style: normal;
font-weight: 300;
line-height: 200%; /* 36px */
letter-spacing: 1.26px;
}

/* ZONE ENGAGEMENTS */

.decouvrir_engagements_elem
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 95vh;
    width: 90%;
    margin: auto;
    margin-bottom: 5vh;
}

#decouvrir_engagements_elem_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#decouvrir_engagements_elem_txt h2
{
    font-size: 2.5vw;
    margin-top: 19vh;

    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#decouvrir_engagements_elem_txt p
{
    font-size: 0.9vw;
    margin-top: 5vh;

    text-align: justify;
    max-width: 75%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;

    color: var(--bleuFonce);
}

#decouvrir_engagements_elem_img
{
    width: 60%;
    height: 100%;
    position: relative;
}

#decouvrir_engagements_elem_img img
{
    height: 80%;
    position: absolute;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#decouvrir_engagements_elem_img iframe
{
    width: 80%;
    height: 80%;
    margin: auto;
    object-fit: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1vw;
}

#elem_droite
{
    left: 50% !important;
}

/* ZONE POINTS FORTS */


#decouvrir_points_forts
{
    margin-top: 10vh;
    margin-bottom: 15vh;
    min-height: 100vh;
}

#points_forts_liste_up
{
    display: flex;
    width: 80%;
    margin: auto;
    margin-top: 15vh;
    justify-content: space-between;
    align-items: end;
}

#points_forts_liste_down
{
    display: flex;
    width: 60%;
    margin: auto;
    margin-top: 10vh;
    justify-content: space-between;
    align-items: baseline;
}

.points_forts_elem
{
    width: 20vw;
    min-height: 43vh;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.points_forts_elem img
{
    height: 15vh;
    text-align: center;
}

.points_forts_elem h3
{
    color: var(--bleuFonce);
    font-family: 'spartan-semi-bold';
    font-size: 1.2vw;
    margin-top: 5vh;
    margin-bottom: 3vh;
    text-align: center;
}

.points_forts_elem p
{
    color: var(--bleuFonce);
    font-family: 'opensans-light';
    font-size: 0.8vw;
    text-align: justify;
    letter-spacing: 0.1vw;
    line-height: 200%;
}


/* ZONE TOP URBANISME */

#top_urbanisme
{
    height: 100vh;
    position: relative;
}

#top_urbanisme h1
{
    color: var(--bleuFonce);
    position: absolute;

    top: 33vh;
    left: 9vw;

    font-size: 5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#top_urbanisme h2
{
    color: #001184;
    position: absolute;

    top: 28vh;
    left: 11vw;

    font-size: 1.5vw;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.3vw;
}

#splash_urba
{
    color: #001184;
    position: absolute;

    bottom: 5vh;

    width: 100%;
    height: 45vh;

    object-fit:cover;
    object-position: bottom;

    font-size: 1.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#splash_immo
{
    color: #001184;
    position: absolute;

    bottom: 5vh;

    width: 100%;
    height: 45vh;

    object-fit: cover;
    object-position: 300px, 200px;

    font-size: 1.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}







/* ZONE TOP HONORAIRES */

#top_honoraires
{
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#top_honoraires h1
{
    color: var(--bleuFonce);
    position: absolute;

    top: 25vh;
    left: 9vw;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 4vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 11.875px;
}

#top_honoraires h2
{
    position: absolute;

    top: 38vh;
    left: 9.2vw;

    width: 50vw;

    color: #030D4F;
    text-align: justify;
    font-family: "opensans-light";
    font-size: 1vw;
    font-style: normal;
    font-weight: 300;
    line-height: 200%; /* 36px */
    letter-spacing: 0.36px;
}

#splash_honoraires
{
    color: #001184;
    position: absolute;
    overflow: hidden;

    bottom: -5vh;

    width: 100%;
    height: 45vh;
}




/* ZONE BLOG */

#top_blog
{
    height: 70vh;
    position: relative;
    overflow: hidden;
}

#top_blog_ouv
{
    height: 55vh;
    position: relative;
    overflow: hidden;
}

#splash_blog
{
    color: white;
    

    margin-top: 8vh;

    width: 100%;
    height: auto;

    position: relative;
}

#splash_blog img
{
    width: 100%;
    height: 100%;
}

#splash_blog h1
{
    position: absolute;
    top: 45%;
    left: 50%;
    color: white;

    transform: translate(-50%, -50%);

    font-size: 6vw;
}


#blog
{
    width: 85%;
    margin: auto;
}

#blog_titles
{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

#blog_titles h2
{
    font-size: 1.7vw;
    color: #030D4F;
    font-family: "spartan";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
}

#tag_selector
{
    display: flex;
}

#tag_selector a
{
    text-decoration: none;
    color: #3D3D3D;

    font-size: 0.6vw;

    text-align: center;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
}

#tag_selector a:hover h3
{
    color: #FFA001;
    border-bottom: 2px solid #FFA001 !important;
    cursor: pointer;
}

#tag_selector a h3
{
    width: 6vw;
    border-bottom: 2px solid #3D3D3D;
    padding-bottom: 1vh;
}

.actual_tag
{
    color: #FFA001;
    border-bottom: 2px solid #FFA001 !important;
}


#liste_articles
{
    display:grid;
    width: 94%;
    margin: auto;
    margin-top: 5vh;
}

#liste_articles_grid
{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 60px;
    width: 100%;
    
    margin: auto;
    margin-left: 0vw;
    margin-top: 5vh;
    margin-bottom: 10vh;
}

#article_blog
{
    width: 100%;
    color: white;
    text-decoration: none;

    border-radius: 10px;
    margin-top: 5vh;
    position: relative;
    
}

#article_blog div img
{
    border-radius:10px;
    height: 25vh;
    object-fit: cover;
}

#article_blog div h3
{
    font-size: 1vw;
    margin: 0;
    padding: 0;
    width: 100%;
    text-overflow: ellipsis;
    margin-top: 1vh;
    height: 5vh;
    line-height: 100%;
}

#article_blog div p
{
    font-size: 0.7vw;
    font-weight: 400;
    color: black;
    margin: 0;
    padding: 0;

    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 3vh;
    margin-top: 1.5vh;
}

#article_blog div h6
{
    font-size: 0.8vw;
    font-weight: 400;
    color: #8D8D8D;
    margin: 0;
    padding: 0;
    margin-top: 2.5vh;

}

#article_blog div h5
{
    font-size: 0.65vw;
    font-weight: 400;
    border-radius: 0.5vw;
    color: white;
    width: 7.3vw;
    text-align: center;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    letter-spacing: 0.1vw;
    
    position: absolute;
    top: 51%;
    right: 9%;
    transform: translate(0, -50%);

}


#article_blog div h4
{
    font-size: 0.6vw;
    font-weight: 400;
    border-radius: 0.5vw;
    color: white;
    width: 5.5vw;
    text-align: center;
    padding-top: 0.4vw;
    padding-bottom: 0.4vw;

    background-color: #001184;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    letter-spacing: 0.1vw;
    
    position: absolute;
    top: 0%;
    left: 5%;
    transform: translate(0, -50%);

}

.btn_article
{
    background-color: #1D1D1D;
    color: white !important;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    padding-top: 1.8vh;
    padding-bottom: 1.8vh;
    text-align: center;
    width: 10vw !important;
    border-radius: 10px;
    margin-top: 3vh;
    font-size: 0.8vw;
}

.btn_article:hover
{
    background-color: rgb(137, 137, 137);
}

#article_blog div
{
    width: 100%;
    color: black;
}


#article_blog img
{
    width: 100%;
}


#splash_blog_article
{
    width: 100%;
    height: 30vh;
    object-fit: cover;
    margin-top: 8vh;
    background-color: #000944;
    position: relative;
}

#splash_blog_article img
{
    width: 100%;
    height: 100%;
    object-fit: cover;

    opacity: 0.3;
}

#splash_blog_article section
{
    position: absolute;
    top: 3.5vh;
    left: 8vw;
    margin-left: 0;
    margin-top: 0;
}

#splash_blog_article h4
{
    position: absolute;
    bottom: -2vh;
    left: 8vw;
    margin-left: 0;
    margin-top: 0;

    font-size: 0.8vw;
    font-weight: 400;
    border-radius: 0.5vw;
    color: white;
    width: 10vw;
    text-align: center;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    letter-spacing: 0.15vw;

    background-color: #001184;
}

#nouv_art
{
    position: absolute;
    bottom: -2vh;
    left: 20vw;
    margin-left: 0;
    margin-top: 0;

    font-size: 0.8vw;
    font-weight: 400;
    border-radius: 0.5vw;
    color: white;
    width: 9vw;
    text-align: center;
    padding-top: 0.8vw;
    padding-bottom: 0.8vw;
    letter-spacing: 0.15vw;

    background-color: #001184;
}

#article_blog_ouv
{
    width: 70%;
    margin: auto;
}

#article_blog_ouv h6
{
    color: #848484;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.7vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    margin-top: 0;
    margin-bottom: 1vh;
}

#article_blog_ouv h1
{
    color: #030D4F;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 3vw;
    font-style: normal;
    font-weight: 600;
    text-align: justify;
    line-height: normal;
    letter-spacing: 1.08px;
}

#article_blog_ouv h5
{
    color: #F37E29;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.2vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.08px;
    margin-bottom: 5vh;
    margin-top: 2vh;
}

#article_blog_ouv p
{
    color: #002060;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.85vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: justify;
    letter-spacing: 1.08px;
    width: 90%;
    margin: auto;
}

#article_blog_pied
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin-top: 10vh;
}

#article_blog_pied_loic
{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

#article_blog_pied_loic img
{
    width: 8vw !important;
    height: 8vw !important;
    object-fit: cover;
    border-radius: 100vw;
}

#article_blog_pied_loic div
{
    width: 75%;
}

#article_blog_pied_loic div h3
{
    color: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
    margin-bottom: 1.5vh;
}

#article_blog_pied_loic div p
{
    color: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.6vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    margin-left: 0;
    max-width: 80%;
}

#article_blog_pied_share
{
    width: 20%;
}

#article_blog_pied_share h4
{
    color: #000;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2.85px;
    margin-bottom: 2vh;
}


/* ZONE URBA ELEM */


#urbanisme_elem
{
    height: 90vh;
    width: 85vw;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


#urbanisme_elem_txt
{
    width: 55%;
    /* height: 100%; */
    color: var(--bleuFonce);
    margin-left: 5%;
}

#urbanisme_elem_txt h2
{
    font-size: 2.2vw;
    margin-top: 8vh;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#urbanisme_elem_txt h3
{
    font-size: 1.5vw;
    margin-top: 4vh;
    margin-bottom: 4vh;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0.2vw;
    font-weight: 400;

    color: var(--orange);
}


#urbanisme_elem_txt p
{
    font-size: 0.85vw;
    margin-top: 3vh;

    text-align: justify;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#urbanisme_elem_txt li
{
    font-size: 0.9vw;
    margin-top: 1.5vh;
    margin-left: 1vw;

    text-align: justify;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    font-weight: 200;

    color: var(--bleuFonce);
}

#urbanisme_elem_img
{
    width: 45%;
    height: 100%;
    position: relative;
}

#urbanisme_elem_img img
{
    height: 95%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    left: 50%;
    top: 50%;
    border-radius: 1vw;
    transform: translate(-50%,-50%);
}




#urbanisme_elem_deux
{
    height: 75vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#urbanisme_elem_deux_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#urbanisme_elem_deux_txt h2
{
    font-size: 2.5vw;
    margin-top: 22vh;
    margin-left: 8vw;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#urbanisme_elem_deux_txt p
{
    font-size: 0.9vw;
    margin-top: 3vh;
    margin-left: 8vw;

    text-align: justify;
    max-width: 80%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#urbanisme_elem_deux_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#urbanisme_elem_deux_img img
{
    width: 80%;
    max-height: 80%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/* ZONE ENJEUX */


#grid_cat
{
    display: grid;
    width: 70%;
    margin: auto;
    margin-bottom: 10vh;
    grid-template: 1fr / 1fr 1fr;

    grid-row-gap: 5vh;

    justify-content: center;
}


.elem_sous_cat_exp
{
    background: url(../img/pages/expertises/elem_sub.png);
    background-position: center;
    background-size: cover;

    transition: 0.8s all ease;

    border-radius: 1vw;
    width: 30vw;
    margin: auto;
    height: 25vh;
    position: relative;
}

.elem_sous_cat_exp:hover
{
    opacity: 0.7;
}

.elem_sous_cat_exp:hover img
{
    right: 2vw;
}

.elem_sous_cat_exp h3
{
    color: var(--blanc);
    position: absolute;

    font-family: 'spartan-semi-bold';
    font-size: 1.15vw;
    max-width: 80%;
    line-height: 150%;

    top: 50%;
    left: 2vw;

    transform: translate(0, -50%);
}


.elem_sous_cat_exp img
{
    width: 4vw;

    position: absolute;
    bottom: 15%;
    right: 2.7vw;

    transition: 0.8s all ease;
}


/* ZONE ELEM IMMO */


#immobilier_elem
{
    height: 75vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#immobilier_elem_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#immobilier_elem_txt h2
{
    font-size: 2.5vw;
    margin-top: 22vh;
    margin-left: 3vw;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#immobilier_elem_txt p
{
    font-size: 0.9vw;
    margin-top: 3vh;
    margin-left: 3vw;

    text-align: justify;
    max-width: 80%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#immobilier_elem_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#immobilier_elem_img img
{
    width: 80%;
    max-height: 80%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/* ZONE TOP SANTE */

#top_sante
{
    height: 100vh;
    position: relative;
}

#top_sante h1
{
    color: var(--bleuFonce);
    position: absolute;

    top: 33vh;
    left: 13vw;

    font-size: 5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#top_sante h2
{
    color: #001184;
    position: absolute;

    top: 28vh;
    left: 15vw;

    font-size: 1.5vw;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.3vw;
}

#splash_sante
{
    color: #001184;
    position: absolute;

    bottom: 5vh;

    width: 100%;
    height: 45vh;

    object-fit:cover;
    object-position: top;
    object-position: 300px, 200px;

    font-size: 1.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}


#splash_droit_public
{
    color: #001184;
    position: absolute;

    bottom: 5vh;

    width: 100%;
    height: 45vh;

    object-fit:cover;
    object-position: top;
    object-position: 300px, 200px;

    font-size: 1.5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#splash_logo
{
    position: absolute;

    right: 18vw;
    top: 65vh;

    width: 6.5vw;
}


/* ZONE SANTE ELEM */


#sante_elem
{
    height: 90vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#sante_elem_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#sante_elem_txt h2
{
    font-size: 2.5vw;
    margin-top: 8vh;
    margin-left: 8vw;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#sante_elem_txt p
{
    font-size: 0.9vw;
    margin-top: 3vh;
    margin-left: 8vw;

    text-align: justify;
    max-width: 80%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#sante_elem_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#sante_elem_img img
{
    width: 80%;
    max-height: 92%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/* ZONE SANTE ELEM PRO */


#sante_elem_pro
{
    background: url(../img/pages/expertises/sante/back_pro.png);
    background-position: center;
    background-size: cover;
    padding-top: 12vh;
    margin-top: 10vh;

    height: 80vh;
    color: var(--blanc);
}

#sante_elem_pro h2
{
    font-size: 2.5vw;
    
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.15vw;

    margin-left: 10vw;
}

#sante_pro_grid
{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-top: 8vh;
}

.sante_elem_pro_sub
{
    width: 45%;
}

.sante_elem_pro_sub h3
{
    font-size: 1.2vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 200;

    color: var(--orange);
    margin-bottom: 5vh;
    letter-spacing: 0.1vw;
}

.sante_elem_pro_sub ul
{
    margin-left: 1.5vw;
    font-family: 'opensans-light';
    font-weight: 200;
    font-size: 1vw;
    letter-spacing: 0.05vw;
    text-align: justify;
}

.sante_elem_pro_sub ul li
{
    margin-bottom: 2vh;
}


/* ZONE SANTE ELEM TROIS */


#sante_elem_trois
{
    height: 90vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#sante_elem_trois_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#sante_elem_trois_txt h2
{
    font-size: 2.5vw;
    margin-top: 13vh;
    margin-left: 3vw;
    margin-bottom: 2vh;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#sante_elem_trois_txt p
{
    font-size: 0.9vw;
    margin-top: 2vh;
    margin-left: 3vw;

    text-align: justify;
    max-width: 80%;

    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    line-height: 150%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#sante_elem_trois_txt h3
{
    font-size: 1.2vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 200;
    margin-left: 3vw;

    color: var(--orange);
    margin-bottom: 2vh;
    margin-top: 4vh;
    letter-spacing: 0.1vw;
}

#sante_elem_trois_txt ul
{
    margin-left: 7vw;
    margin-top: 3vh;
    font-family: 'opensans-light';
    font-weight: 200;
    max-width: 70%;
    font-size: 0.9vw;
    letter-spacing: 0.05vw;
    text-align: justify;
}

#sante_elem_trois_txt ul li
{
    margin-bottom: 2vh;
}

#sante_elem_trois_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#sante_elem_trois_img img
{
    width: 80%;
    max-height: 80%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/* ZONE DROIT PUBLIC ELEM */


#droit_public_elem
{
    height: 90vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#droit_public_elem_txt
{
    width: 50%;

    color: var(--bleuFonce);
}

#droit_public_elem_txt h2
{
    font-size: 2.2vw;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#droit_public_elem_txt p
{
    font-size: 0.9vw;
    margin-top: 3vh;

    text-align: justify;
    max-width: 75%;

    font-family: 'spartan';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#droit_public_elem_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#droit_public_elem_img img
{
    width: 80%;
    max-height: 90%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


#droit_public_elem_txt ul
{
    margin-left: 2.5vw;
    margin-top: 3vh;
    font-family: 'opensans-light';
    font-weight: 200;
    max-width: 70%;
    font-size: 0.9vw;
    letter-spacing: 0.05vw;
    text-align: justify;
}

#droit_public_elem_txt ul li
{
    margin-bottom: 2vh;
}


/* ZONE DROIT PUBLIC ELEM DEUX */


#droit_public_elem_deux
{
    height: 80vh;
    width: 95vw;
    margin: auto;
    margin-top: 5vh;

    display: flex;
    justify-content: center;
    align-items: center;
}


#droit_public_elem_deux_txt
{
    width: 50%;
    height: 100%;

    color: var(--bleuFonce);
}

#droit_public_elem_deux_txt h2
{
    font-size: 2.5vw;
    margin-top: 18vh;
    margin-left: 8vw;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}


#droit_public_elem_deux_txt p
{
    font-size: 0.9vw;
    margin-top: 3vh;
    margin-left: 8vw;
    text-align: justify;
    max-width: 75%;

    font-family: 'spartan';
    letter-spacing: 0.1vw;
    line-height: 200%;
    font-weight: 200;

    color: var(--bleuFonce);
}

#droit_public_elem_deux_img
{
    width: 50%;
    height: 100%;
    position: relative;
}

#droit_public_elem_deux_img img
{
    width: 80%;
    max-height: 80%;
    position: absolute;
    object-fit: cover;
    border-radius: 1vw;

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


#droit_public_elem_deux_txt ul
{
    margin-left: 2.5vw;
    margin-top: 5vh;
    margin-left: 10vw;
    font-family: 'opensans-light';
    font-weight: 200;
    max-width: 70%;
    font-size: 0.9vw;
    letter-spacing: 0.05vw;
    text-align: justify;
}

#droit_public_elem_deux_txt ul li
{
    margin-bottom: 3vh;
}



/* ZONE TOP REALISATIONS */


#top_realisations
{
    height: 95vh;
    background: url(../img/backgrounds/realisations-top.png);
    background-position: center;
    background-size: cover;
    position: relative;
}

#top_realisations h1
{
    color: var(--bleuFonce);

    margin-top: 28vh;
    margin-left: 8vw;

    font-size: 5vw;
    font-family: "spartan-bold";
    letter-spacing: 0.6vw;
}

#top_realisations p
{
    color: #001184;

    margin-top: 3vh;
    max-width: 45%;
    margin-left: 8vw;
    font-size: 1vw;
    line-height: 150%;
    font-family: 'opensans-light';
    letter-spacing: 0.3vw;
}


#honoraires-specs
{
    background-image: url(../img/backgrounds/background-hono-spe.png);
    background-position: center;
    background-size: cover;

    height: 145vh;
}


.honoraires-specs-grid
{
    display: flex;
    justify-content: space-between;
    width: 75%;
    padding-top: 10vh;
    margin: auto;
}

.honoraires-specs-elem
{
    width: 40%;
    height: 50vh;
    padding: 2vw;

    border-radius: 1vw;
    position: relative;

    background-color: var(--bleuFonce);
}

.honoraires-specs-elem h3
{
    color: var(--orange);
    font-size: 2.5vw;
    text-align: center;
    margin-top: 3vh;
    margin-bottom: 5vh;

    font-family: "spartan-bold";

    font-style: normal;
    font-weight: 900;
    line-height: 115.008%; /* 43.703px */
    letter-spacing: 3.61px;
}

.honoraires-specs-elem p
{
    color: var(--blanc);
    font-size: 0.85vw;
    text-align: justify;
    width: 95%;
    margin: auto;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 32px */
    letter-spacing: 1.12px;
    margin-bottom: 13vh;
}


#honoraires-exp
{
    display: flex;
    flex-direction: row;

    width: 60%;
    padding-top: 10vh;
    padding-bottom: 10vh;
    margin: auto;

    justify-content: space-between;
}

#honoraires-exp-img img
{
   height: 100vh;
}

#honoraires-exp-txt 
{
   width: 87%;
}

#honoraires-exp-txt h3
{
    color: #030D4F;
    font-family: "spartan-semi-bold";
    font-size: 4vh;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.68px;
}

#honoraires-exp-txt p
{
    color: #030D4F;
    font-family: "opensans";
    text-align: justify;
    font-size: 1.8vh;
    font-style: normal;
    font-weight: 300;
    width: 100vh;
    line-height: 178.008%; /* 32.041px */
    letter-spacing: 1.26px;
}


/* ZONE OUVRAGES */

#ouvrages
{
    height: 90vh;
    background-color: #DEDEDE;
}

.bandeau_ouvrages
{
    width: 100vw;
    padding-top: 8vh;
    padding-bottom: 8vh;
    margin-bottom: 2vh;
    margin-top: 7vh;
}


.bandeau_ouvrages h2
{
    font-size: 2.4vw;
    color: var(--bleuFonce);
    text-align: center;
    font-family: 'spartan-bold';
    letter-spacing: 0.4vw;
}

.bandeau_ouvrages h3
{
    font-size: 1.2vw;
    color: var(--orangeClair);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15vw;
    margin-left: -5vw;
    margin-bottom: 1vh;

}

#ouvrages_grid
{
    display: flex;
    flex-direction: row;
    justify-content: space-around;

    width: 80%;
    margin: auto;
}


.ouvrages_elem
{
    width: 45%;
    background-color: #F8F8F8;
    padding: 1.5vw;
    border-radius: 1vw;
    height: 42vh;

    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.ouvrages_elem img
{
    width: 40%;
    height: auto;
    max-width: 80%;

    border-radius: 1vw;
}

.ouvrages_elem_txt
{
    width: 60%;
}

.ouvrages_elem_txt h5
{
    color: #000;
    font-family: "spartan-bold";
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 10vh;
    margin-left: 2vw;

}

.ouvrages_elem_txt p
{
    color: #000;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    max-width: 80%;
    font-weight: 300;
    line-height: 200%; /* 34px */
    letter-spacing: 1.19px;
    margin-left: 2vw;
    margin-top: 2vh;
    height: 18vh;
    margin-bottom: 0;
    padding-bottom: 0;

    text-align: justify;
}

.ouvrages_elem_txt .btn-cl-black
{
    margin-top: 0vh !important;
    margin-left: 7vw !important;
}


/* ZONE POURQUOI LEGAL DESIGN */

.bandeau_pourquoi
{
    width: 100vw;
    padding-top: 10vh;
    padding-bottom: 8vh;
    margin-bottom: 3vh;
    margin-top: 5vh;

}


.bandeau_pourquoi h2
{
    font-size: 2.4vw;
    color: var(--bleuFonce);
    text-align: center;
    font-family: 'spartan-bold';
    letter-spacing: 0.35vw;
}

.bandeau_pourquoi h3
{
    font-size: 1.2vw;
    color: var(--orangeClair);
    text-align: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    letter-spacing: 0.15vw;
    margin-left: -10vw;
    margin-bottom: -0.5vh;

}


#legal_design_pourquoi
{
    height: 80vh;
    background-color: #f2f2f2;
}

#legal_design_pourquoi_liste_up
{
    display: flex;
    width: 85%;
    margin: auto;
    justify-content: space-between;
    align-items: end;
}

.legal_design_pourquoi_elem
{
    width: 15vw;
    min-height: 43vh;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.legal_design_pourquoi_elem img
{
    height: 15vh;
    text-align: center;
}

.legal_design_pourquoi_elem h3
{
    color: black;
    font-family: 'spartan-semi-bold';
    font-size: 1.2vw;
    margin-top: 5vh;
    margin-bottom: 3vh;
    text-align: center;
}

.legal_design_pourquoi_elem ul
{
    font-family: 'opensans-light';
    font-size: 0.8vw;
    text-align: center;
    letter-spacing: 0.1vw;
    line-height: 200%;
    width: 95%;
    margin-left: auto;
}

.legal_design_pourquoi_elem ul li 
{
    color: black;
    text-align: left;
    font-family: 'opensans-light';
    font-style: normal;
    font-weight: 300;
    line-height: 33px; /* 173.684% */

}

#legal_design_elem
{
    height: 90vh;
    width: 100vw;
    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
}


#legal_design_elem_txt
{
    width: 60%;
    height: 100%;

    color: var(--bleuFonce);

    position: relative;
}

#legal_design_elem_txt h2
{
    margin: auto;
    font-size: 2.5vw;
    margin-top: 13vh;
    max-width: 85%;
    font-family: 'spartan-semi-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#legal_design_elem_txt h3
{
    font-size: 1.5vw;
    margin-top: 4vh;
    margin-bottom: 4vh;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    letter-spacing: 0.2vw;
    font-weight: 400;

    color: var(--orange);
}


#legal_design_elem_txt ul
{
    margin: auto;
    font-size: 0.9vw;
    margin-top: 5vh;


    text-align: justify;
    max-width: 70%;

}

#legal_design_elem_txt li
{
    margin: auto;
    font-size: 1vw;
    margin-top: 3vh;




    font-family: 'opensans-light';
    letter-spacing: 0.1vw;
    font-weight: 200;

    color: var(--bleuFonce);

    text-align: justify;
    font-style: normal;
    font-weight: 300;
    line-height: 200%; /* 36px */
    letter-spacing: 1.26px;
}

#legal_design_elem_img
{
    width: 35%;
    height: 100%;
    position: relative;
}

#legal_design_elem_img img
{
    height: 80%;
    position: absolute;

    left: 60%;
    top: 50%;
    transform: translate(-50%,-50%);
}


#legal_design_elem_txt a
{
    margin-top: 12vh;
    text-decoration: none;
    color: var(--bleuFonce);
    font-size: 0.9vw;

    display: flex;
    justify-content: space-between;
    align-items: baseline;

    position: absolute;

    bottom: 10vh;
    right: 8.5vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3.06px;
    width: 9vw;
    transition: 0.8s all ease;
}

#legal_design_elem_txt a:hover
{
    text-decoration: underline;

    width: 8vw;
}

#legal_design_elem_txt a img
{
    width: 0.4vw;
}


/* ZONE PAGE SOUS CAT */


#page_sous_cat
{
    height: 100vh;
    width: 100%;
    margin: auto;
    top: 0;
    position: absolute;
    pointer-events: none;

}

#page_sous_cat_wt
{
    height: 0vh;
    width: 100%;
    margin: auto;
    top: 0;
    position: absolute;
    pointer-events: none;

}


#page_sous_cat_txt
{
    width: 100%;
    height: 100%;

    color: var(--bleuFonce);
}

#page_sous_cat_wt h2
{
    font-size: 3.5vw;
    margin-left: 15vw;
    margin-top: 2vh;
    position: relative;
    top:initial;
    left: initial;
    font-family: 'spartan-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_sous_cat_wt h3
{
    font-size: 1.5vw;
    margin-left: 18vw;
    margin-top: 25vh;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_sous_cat h2
{
    font-size: 3.5vw;
    margin-left: 15vw;
    margin-top: 2vh;
    position: relative;
    top:initial;
    left: initial;
    font-family: 'spartan-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_sous_cat h3
{
    font-size: 1.5vw;
    margin-left: 18vw;
    margin-top: 25vh;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

/* SEO : le H1 des sous-pages d'expertise reprend exactement l'ancien style du H2 */
#page_sous_cat_wt h1, #page_sous_cat h1
{
    font-size: 3.5vw;
    margin-left: 15vw;
    margin-top: 2vh;
    position: relative;
    top: initial;
    left: initial;
    font-family: 'spartan-bold';
    letter-spacing: 0.1vw;

    color: var(--bleuFonce);
}

#page_sous_cat_splash
{
    width: 100%;
    max-height: 45vh;
    object-fit: cover;

    position: absolute;
    bottom: 0;
}

#specif h2
{
    color: #030D4F;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 7.44px;
    margin-left: 8vw;
    margin-top: 4vh;
}

#specif_droite
{
    display: flex;
    width: 85%;

    height: 80vh;
    
    margin: auto;
    margin-top: 8vh;
    justify-content: space-between;
    align-items: center;
}


#specif_droite_img
{
    width: 37.5%;

    height: 90%;
    border-radius: 1vw;
    object-fit: cover;
    
}

#specif_droite_txt
{
    width: 57.5%;
}


#specif_droite_txt h5
{
    color: #F37E29;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.5vw;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18vw;

    margin-top: 5vh;
    margin-bottom: 4vh;
}

#specif_droite_txt p
{
    color: #030D4F;
    text-align: justify;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 300;
    line-height: 161.5%; /* 29.07px */
}

#specif_droite_txt ul
{
    color: #030D4F;
    text-align: justify;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 300;
    line-height: 161.5%; /* 29.07px */
    margin-top: 2vh;
    margin-left: 3vw;
}


#specif_gauche
{
    display: flex;
    width: 85%;
    
    margin: auto;
    margin-top: 8vh;
    justify-content: space-between;
    align-items: center;

    height: 80vh;

}


#specif_gauche_img
{
    width: 38%;

    height: 90%;
    border-radius: 1vw;
    object-fit: cover;
}

#specif_gauche_txt
{
    width: 54%;
}


#specif_gauche_txt h5
{
    color: #F37E29;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.5vw;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2vw;

    margin-bottom: 4vh;
}

#specif_gauche_txt p
{
    color: #030D4F;
    text-align: justify;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 300;
    line-height: 161.5%; /* 29.07px */
}

#specif_gauche_txt ul
{
    color: #030D4F;
    text-align: justify;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 300;
    line-height: 161.5%; /* 29.07px */
    margin-top: 2vh;
    margin-left: 3vw;
}

#confi
{
    width: 75%;
    height: 520vh;
    margin: auto;
    text-align: justify;

    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 300;
    line-height: 161.5%; /* 29.07px */
}

#top_confi
{
    height: 40vh;
    position: relative;
    overflow: hidden;
}

#top_confi h1
{
    color: var(--bleuFonce);
    position: absolute;

    top: 25vh;
    left: 9vw;

    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 4vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 11.875px;
}


#FAQ_white
{
    width: 65%;
    margin: auto;
    padding-top: 12vh;
    padding-bottom: 25vh;

    transition: 0.5s all ease;
}

#FAQ_blue_sel
{
    background-image: url(../img/backgrounds/faq_blue.png);
    background-size: cover;
    background-position: center;

    width: 100%;
    margin-top: 5vh;
}

#FAQ_blue
{
    width: 65%;
    margin: auto;
    padding-top: 12vh;
    padding-bottom: 25vh;
}


#FAQ_white h3
{
    color: #030D4F;
    text-align: center;
    font-family: "spartan-bold";
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.15vw;

    margin-top: 8vh;
    margin-bottom: 8vh;
}

#FAQ_blue h3
{
    color: #F37E29;
    text-align: center;
    font-family: "spartan-bold";
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.15vw;

    margin-top: 8vh;
    margin-bottom: 8vh;
}

.FAQ_white_elem
{
    width: 100%;
    border-bottom: 1px solid var(--bleuFonce);
    transition: 1s all ease;
}


.FAQ_white_elem:hover
{
  cursor: pointer;
}

.FAQ_white_elem:hover div h6
{
  margin-bottom: 3.5vh;
}

.FAQ_white_elem:hover div img
{
  margin-bottom: 3.5vh;
}

.FAQ_white_elem div
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vh;
    
    transition: 0.5s all ease;
}

.FAQ_white_elem div h6
{
    color: var(--bleuFonce);
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
    max-width: 80%;
    transition: 0.5s all ease;
    margin-bottom: 3vh;
}

.FAQ_white_elem div img
{
    width: 1.5vw;
    transition: 0.5s all ease;
    height: 1.5vw;
    margin-bottom: 3vh;
}

.FAQ_white_elem p
{
    color: var(--bleuFonce);
    font-family: "opensans-light";
    font-size: 0.7vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
    width: 100%;
    text-align: justify;

    margin-top: 2vh;
    margin-bottom: 3vh;

    transition: 0.5s all ease;
    display: none;
}






.FAQ_blue_elem
{
    width: 100%;
    border-bottom: 1px solid rgb(255, 255, 255);
    transition: 1s all ease;
}


.FAQ_blue_elem:hover
{
  cursor: pointer;
}

.FAQ_blue_elem:hover div h6
{
  margin-bottom: 3.5vh;
}

.FAQ_blue_elem:hover div img
{
  margin-bottom: 3.5vh;
}

.FAQ_blue_elem div
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vh;
}

.FAQ_blue_elem div h6
{
    color: #ffffff;
    font-family: "opensans-light";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
    max-width: 80%;
    transition: 0.5s all ease;
    margin-bottom: 3vh;
}

.FAQ_blue_elem div img
{
    width: 1.5vw;
    transition: 0.5s all ease;
    height: 1.5vw;
    margin-bottom: 3vh;
}

.FAQ_blue_elem p
{
    color: #ffffff;
    font-family: "opensans-light";
    font-size: 0.7vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.15vw;
    width: 100%;
    text-align: justify;

    margin-top: 2vh;
    margin-bottom: 3vh;

    display: none;
}

}
























































/* Debut style mobile */
@media only screen and (max-width: 700px){


    *
    {
        margin: 0;
        padding: 0;
    }
    
    body
    {
        background-color: var(--blanc);

        max-width: 100vw;
        overflow: hidden;
    }
    

    
    
    /* Debit syle Menu Expertises Desktop */
    
    #menu_expertises
    {
        height: 0vh;
        pointer-events: none;
        width: 100vw;
        background-color: #00052B;
        position: fixed;
        top: 0;
        left: 0;
    
        transition: 0.5s all ease;
    
        z-index: 5;
    }
    
    #menu_expertises_titres
    {
        width: 80%;
        opacity: 0;
        margin: auto;
        margin-top: 10vh;
        display: flex;
        justify-content: space-between;
    }
    
    #menu_expertises_titres h2
    {
        color: var(--blanc);
        font-size: 6vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        letter-spacing: 0.1vw;
        font-weight: 400;
    }
    
    #menu_expertises_titres img
    {
        width: 4vw;
    }
    
    #menu_expertises_titres img:hover
    {
        cursor: pointer;
    }
    
    #menu_expertises_liste
    {
        display: flex;
        opacity: 0;
        justify-content: center;
        align-items: center;
        height: 75vh;
        width: 100vw;
        position: absolute;
        bottom: 0;
        flex-direction: column;
    }
    
    #menu_expertises_liste_urbanisme
    {
        height: 100%;
        width: 100%;
        background: url('../img/pages/expertises/urbanisme.png');
        background-position: center;
        background-size: cover;
        position: relative;
    }

    #menu_expertises_liste_urbanisme h3, #menu_expertises_liste_immobilier h3, #menu_expertises_liste_sante h3, #menu_expertises_liste_droit_public h3
    {
        color: var(--blanc);
        position: absolute;
        font-family: "spartan";
        font-size: 5vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }

    #menu_expertises_liste_urbanisme img, #menu_expertises_liste_immobilier img, #menu_expertises_liste_sante img, #menu_expertises_liste_droit_public img
    {
        position: absolute;
        bottom: 5vh;
        right: 3vw;
        width: 3vw;
        transition: 0.8s all ease;
        opacity: 0;
        z-index: 1;
    }

    #menu_expertises_liste_urbanisme:hover img, #menu_expertises_liste_immobilier:hover img, #menu_expertises_liste_sante:hover img, #menu_expertises_liste_droit_public:hover img
    {
        opacity: 1;
    }


    #menu_expertises_liste_immobilier
    {
        height: 100%;
        width: 100%;
        background: url('../img/pages/expertises/immobilier.png');
        background-position: center;
        background-size: cover;
        position: relative;
    }


    #menu_expertises_liste_sante
    {
        height: 100%;
        width: 100%;
        background: url('../img/pages/expertises/sante.png');
        background-position: center;
        background-size: cover;
        position: relative;
    }


    #menu_expertises_liste_droit_public
    {
        height: 100%;
        width: 100%;
        background: url('../img/pages/expertises/droit_public.png');
        background-position: center;
        background-size: cover;
        position: relative;
    }
    
    /* Debut style desktop */
    
    #top_home
    {
        height: 100vh;
        background-color: var(--blanc);
        position: relative;
    }
    
    #top_home_glob
    {
        background-image: url("../img/backgrounds/index-top.png");
        background-position: center;
        background-size: cover;
    
        height: 93vh;
    }
    
    #nav-color-black
    {
        background-color: transparent;
        color: black !important;
        transition: all 0.2s ease;
        top: 0;
        z-index: 2;
    
    }
    
    #navItem_black a
    {
        color: black !important;
    }
    
    .actual-nav-black h4, #navItem_black a:hover
    {
        color: var(--bleuFonce) !important;
    }
    
    
    #nav-color-blue
    {
        background-color: var(--bleuFonce);
    
        position: fixed;
        width: 100%;
        pointer-events: none;
    
        opacity: 0;
    
        transition: all 0.2s ease;
        top: 0;
        z-index: 2;
        margin: 0;
    
    }
    
    #top_home_abs, #top_home_reseaux
    {
        position: absolute;
    }
    
    .navigation-container
    {
        display: flex;
        justify-content: space-around;
        width: 95%;
        margin: auto;
        transition: all 0.5s ease;
        margin-top: 5vh;
    }
    
    .mid-links
    {
        display: flex;
        width: 50%;
        text-align: center;
        display: none;
    }
    
    .mid-links .navItem
    {
        width: 100%;
    }
    
    
    .navItem
    {
        margin-right: 1vw;
    }
    
    .navItem a
    {
        color: #ECECEC !important;
    }
    
    #blue_nav a
    {
        color: white !important;
    }
    
    .navItem a img
    {
        width: 12vw;
        margin-right: 50vw;
        transition: all 0.5s ease;
    }
    
    #logo-wide img
    {
        width: 35vw !important;
        margin-right: 16vh;
    }
    
    .navItem a:hover
    {
        color: #ffffff !important;
        cursor: pointer;
    }
    
    #blue_nav a:hover
    {
        color: white !important;
    }
    
    .navItem a h4
    {
        font-weight: 400;
        font-size: 0.8vw;
    }
    
    #fixed-nav
    {
        margin-top: 1vh !important;
        margin-bottom: 1vh;
    }
    
    .actual-nav-blue h4
    {
        font-weight: 700 !important;
        color: white !important;
    }
    
    .actual-nav-white h4
    {
        font-weight: 700 !important;
        color: white !important;
    }
    
    .actual-nav-black h4
    {
        font-weight: 700 !important;
    }
    
    
    .btn-cl
    {
        margin-left: 2vw;
        transition: all 1s ease;
        display: none;
    }
    
    .btn-cl a
    {
        background-color: var(--blanc);
        color: var(--bleuFonce) !important;
        border-radius: 10px;
        font-size: 0.8vw !important;
        font-weight: 700 !important;
        transition: all 0.5s ease;
        letter-spacing: 0.1vw;
    
        padding-top: 2.3vh;
        padding-bottom: 2.3vh;
        padding-right: 3.8vw;
        padding-left: 3.8vw;
    }
    
    .btn-cl a:hover
    {
        background-color: rgb(198, 198, 198);
    }
    
    
    .btn-cl-blue
    {
        margin-left: 2vw;
        transition: all 1s ease;
    }
    
    .btn-cl-blue a
    {
        background-color: #001184;
        color: var(--blanc) !important;
        border-radius: 10px;
        font-size: 0.8vw !important;
        font-weight: 700 !important;
        transition: all 0.5s ease;
        letter-spacing: 0.1vw;
        text-decoration: none;
    
        padding-top: 2.3vh;
        padding-bottom: 2.3vh;
        padding-right: 3.8vw;
        padding-left: 3.8vw;
    }
    
    .btn-cl-blue a:hover
    {
        background-color: rgb(92, 51, 187);
    }
    
    
    
    
    
    
    
    /*                      */ 
    /*         PAGE         */
    /*        ACCUEIL       */
    /*                      */ 
    /*       WBA TECH       */
    /*                      */ 
    
    
    
    
    /* TOP HOME ELEM */
    
    #top_home_elem
    {
        color: var(--blanc);
        margin-top: 13vh;
        /* margin-left: 8vw; */
        /* transform: translate(-50%, 0); */
        text-align: center;
        width: 100%;
    }
    
    
    #top_home_elem h1
    {
        font-size: 11.5vw;
        font-family: 'spartan-light';
        /* font-weight: 900; */
    }
    
    #top_home_elem h2
    {
        font-size: 6vw;
        font-family: 'spartan-extra-light';
        letter-spacing: 0.2vw;
        margin-top: 3vh;
    }
    
    #top_home_elem h3
    {
        font-size: 4vw;
        letter-spacing: 0.2vw;
        margin-top: 5vh;
        color: var(--orangeClair);
        font-family: 'spartan-semi-bold';
    }
    
    #top_home_elem h4
    {
        font-size: 5vw;
        margin-top: 2vh;
        font-family: 'spartan-thin';
        letter-spacing: 0.2vw;
    }

    #top_home_elem h1 .ht_name
    {
        font-size: 11.5vw;
    }
    #top_home_elem h1 .ht_role
    {
        font-size: 6vw;
    }
    #top_home_elem h1 .ht_city
    {
        font-size: 5vw;
    }
    
    
    
    /* TOP ELEM ABS */
    
    #top_home_abs
    {
        background-color: var(--orangeClair);
        padding: 8vw;
        padding-bottom: 2vw;
        bottom: 5vh;
        left: 5vw;
        width: 75vw;
        border-radius: 1vh;
    }
    
    #top_home_abs p
    {
        font-family: "opensans-light-italic";
        color: #1B1B1B;
        font-size: 2vh;
        letter-spacing: 0.1vw;
        margin-bottom: 3vh;
    }
    
    #top_home_abs h3
    {
        font-family: "spartan";
        color: #001184;
        font-size: 2vh;
        text-align: right;
        margin-bottom: 4vw;
    }
    
    
    #top_home_reseaux
    {
        display: flex;
        height: 25vh;
        justify-content: space-between;
        flex-direction: row;
        width: 50vw;
        position: absolute;
        right: 5vw;
        bottom: 10vh;
    }
    
    #top_home_reseaux a
    {
        background-color: var(--orange);
        width: 13vw;
        height: 13vw;
        transition: 0.5s all ease;
        border-radius: 100px;
        position: relative;
    }
    
    #top_home_reseaux a:hover
    {
        background-color: var(--orangeClair);
        border-radius: 100px;
        position: relative;
    }
    
    #top_home_reseaux a img
    {
        width: 7vw;
        height: 7vw;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    
    
    /* Zone competences */
    
    #competences_home
    {
        min-height: 75vh;
        width: 100vw;
        background-color: var(--blanc);
    }
    
    #competences_home h2
    {
        font-size: 8vw;
        margin-left: 10vw;
        padding-top: 10vh;
        font-weight: 600;
        letter-spacing: 0.25vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: var(--bleuFonce);
    }

    #competences_home br
    {
        display: none;
    }
    
    #competences_home_zone
    {
        width: 80%;
        margin: auto;
        margin-top: 12vh;
        position: relative;
    }

    
    
    #competences_home_elem h3
    {
        font-size: 4vw;
        font-family: "spartan-light";
        letter-spacing: 0.15vw;
        line-height: 170%;
        color: var(--bleuFonce);
        margin-bottom: 5vh;
    }
    
    
    .competences_home_btn
    {
        border-top: 1px solid black;
        text-decoration: none;
        transition: all 0.8s ease;
    
        display: flex;
        justify-content: space-between;
    
        padding-top: 3.5vh;
        padding-bottom: 3.5vh;
        padding-right: 4vw;
        padding-left: 4vw;
    
        color: var(--bleuFonce);
    }
    
    .competences_home_btn:hover
    {
        padding-right: 2vw;
        padding-left: 2vw;
    
        cursor: pointer;
    
    }
    
    .competences_home_btn p
    {
        color: var(--bleuFonce);
        font-size: 4vw;
        font-family: "opensans-semi-bold";
    }
    
    .competences_home_btn img
    {
        width: 10vh;
    }
    
    
    
    
    
    
    
    
    /* ZONE EXPERTISE HOME */
    
    
    #expertises_home
    {
        height: 80vh;
        width: 100vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    
    #expertise_elem_urbanisme
    {
        background:url(../img/pages/accueil/expertise_urbanisme.png);
        background-position: center;
        background-size: cover;
    
        transition: 0.8s all ease;
        width: 100% !important;
        height: 100%;
    
        position: relative;
        text-decoration: none;
    }
    
    
    
    
    #expertise_elem_urbanisme h3
    {
        color: #D7D7D7;
        font-size: 5vw;
        font-family: "spartan-semi-bold";
        transition: 0.3s all ease;
    
        position: absolute;
    
        top: 50%;
        left: 50%;
    
        transform: translate(-50%, -50%);
    }

    
    #expertise_elem_urbanisme_elem
    {
        width: 100%;
        bottom: 8vh;
        position: absolute;
        opacity: 0;
    
        transition: 0.5s all ease;
    
        display: flex;
        justify-content: space-between;
    
        align-items: center;
    }
    
    #expertise_elem_urbanisme_elem h4
    {
        font-family: "spartan-semi-bold";
        margin-left: 5vw;
        font-size: 1.2vw;
        color: #D7D7D7;
    }
    
    #expertise_elem_urbanisme_elem img
    {
       width: 4vw;
       margin-right: 5vw;
    }
    
    
    #expertise_elem_immobilier
    {
        background:url(../img/pages/accueil/expertise_immobilier.png);
        background-position: center;
        background-size: cover;
    
        width: 100%;
        height: 100%;
        transition: 0.8s all ease;
    
        position: relative;
        text-decoration: none;
    }
    
    
    #expertise_elem_immobilier h3
    {
        color: #D7D7D7;
        font-size: 5vw;
        font-family: "spartan-semi-bold";
        transition: 0.3s all ease;
        position: absolute;
    
        top: 50%;
        left: 50%;
    
        transform: translate(-50%, -50%);
    }
    
    #expertise_elem_immobilier_elem
    {
        width: 100%;
        bottom: 8vh;
        position: absolute;
    
        transition: 0.5s all ease;
        opacity: 0;
        display: flex;
        justify-content: space-between;
    
        align-items: center;
    }
    
    #expertise_elem_immobilier_elem h4
    {
        font-family: "spartan-semi-bold";
        margin-left: 5vw;
        font-size: 1.2vw;
        color: #D7D7D7;
    }
    
    #expertise_elem_immobilier_elem img
    {
       width: 4vw;
       margin-right: 5vw;
    }
    
    
    
    #expertise_elem_sante
    {
        background:url(../img/pages/accueil/expertise_sante.png);
        background-position: center;
        background-size: cover;
    
        width: 100%;
        height: 100%;
        transition: 0.8s all ease;
    
        position: relative;
        text-decoration: none;
    }
    

    #expertise_elem_sante h3
    {
        color: #D7D7D7;
        font-size: 5vw;
        font-family: "spartan-semi-bold";
    
        transition: 0.3s all ease;
        position: absolute;
    
        top: 50%;
        left: 50%;
    
        transform: translate(-50%, -50%);
    }
    
    #expertise_elem_sante_elem
    {
        width: 100%;
        bottom: 8vh;
        position: absolute;
    
        transition: 0.5s all ease;
        opacity: 0;
        display: flex;
        justify-content: space-between;
    
        align-items: center;
    }
    
    #expertise_elem_sante_elem h4
    {
        font-family: "spartan-semi-bold";
        margin-left: 5vw;
        font-size: 1.2vw;
        color: #D7D7D7;
    }
    
    #expertise_elem_sante_elem img
    {
       width: 4vw;
       margin-right: 5vw;
    }
    
    
    
    
    #expertise_elem_droit_public
    {
        background:url(../img/pages/accueil/expertise_droit_public.png);
        background-position: center;
        background-size: cover;
    
        width: 100%;
        height: 100%;
        transition: 0.8s all ease;
    
        position: relative;
        text-decoration: none;
    }
    
   
    
    #expertise_elem_droit_public h3
    {
        color: #D7D7D7;
        font-size: 5vw;
        font-family: "spartan-semi-bold";
    
        transition: 0.3s all ease;
        position: absolute;
    
        top: 50%;
        left: 50%;
    
        transform: translate(-50%, -50%);
    }
    
    #expertise_elem_droit_public_elem
    {
        width: 100%;
        bottom: 8vh;
        position: absolute;
    
        transition: 0.5s all ease;
        opacity: 0;
        display: flex;
        justify-content: space-between;
    
        align-items: center;
    }
    
    #expertise_elem_droit_public_elem h4
    {
        font-family: "spartan-semi-bold";
        margin-left: 5vw;
        font-size: 1.2vw;
        color: #D7D7D7;
    }
    
    #expertise_elem_droit_public_elem img
    {
       width: 4vw;
       margin-right: 5vw;
    }
    
    
    
    
    
    /* ZONE LEGAL DESIGN */
    
    
    #legal_design_home
    {
        height: 120vh;
        /* display: flex; */
        justify-content: center;
        align-items: center;
    }
    
    
    #legal_design_home_txt
    {
        width: 100%;
        /* height: 100%; */
        background-color: var(--blanc);
        color: var(--bleuFonce);
        margin-bottom: 10vh;
    }
    
    #legal_design_home_txt h2
    {
        font-size: 8vw;
        margin-left: 8vw;
        margin-top: 18vh;
        font-family: "spartan-semi-bold";
    }
    
    #legal_design_home_txt p
    {
        font-size: 3vw;
        line-height: 220%;
        margin-left: 8vw;
        letter-spacing: 0.15vw;
        font-weight: 600;
        font-family: "opensans-light";
        margin-top: 6vh;
        text-align: justify;
        max-width: 85%;
    }
    
    #legal_design_home_img
    {
        width: 100%;
        height: 45%;
        background: url(../img/backgrounds/legal-design-top.png);
        background-position: center;
        background-size: cover;
        position: relative;
    }
    
    #legal_design_home_img img
    {
        height: 95%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-position: center;
        background-size: cover;
    }
    
    .btn-cl-black
    {
        margin-left: 8vw;
        transition: all 1s ease;
        margin-top: 7vh;
    }
    
    .btn-cl-black a
    {
        background-color: #1D1D1D;
        color: var(--blanc) !important;
        border-radius: 8px;
        font-size: 4vw !important;
        font-weight: 500 !important;
        transition: all 0.5s ease;
        letter-spacing: 0.1vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        text-decoration: none;
        padding-top: 2.5vh;
        padding-bottom: 2.5vh;
        width: 50vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    
    .btn-cl-black a img
    {
        width: 10vw;
        transition: all 0.5s ease;
        margin-left: 1.8vw;
    }
    
    .btn-cl-black a:hover
    {
        background-color: rgb(74, 74, 74);
        cursor: pointer;
    }
    
    .btn-cl-black a:hover img
    {
        margin-left: 2.5vw;
    }
    
    
    
    
    
    /* ZONE ACTUALITES BLOG */
    
    
    #blog_news_home
    {
        width:100vw;
    
        background: url("../img/backgrounds/actualite_home.png");
        background-position: center;
        background-size: cover;
    
        color: var(--blanc);
        
    
    }
    
    #blog_news_home_title
    {
        width: 85vw;
    
        display: flex;
        justify-content: space-between;
        align-items: center;
    
        margin: auto;
    }
    
    #blog_news_home_title h2
    {
        margin-top: 10vh;
        font-size: 7vw;
        font-weight: 600;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        letter-spacing: 0.25vw;
    }
    
    #blog_news_home_title a
    {
        margin-top: 12vh;
        text-decoration: none;
        color: var(--blanc);
        font-size: 3vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400 !important;
        width: 20vw;
        letter-spacing: 0.1vw;
        transition: 0.8s all ease;
    }
    
    #blog_news_home_title a:hover
    {
        text-decoration: underline;
    
        width: 8vw;
    }
    
    #blog_news_home_title a img
    {
        width: 2vw;
    }
    
    #blog_liste_accueil
    {
        width: 85%;
        margin: auto;
        padding-bottom: 1vh;
    }
    
    
    
    /* ZONE CONTACT WHITE */

#contact_white
{
    /* height: 92vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}

#contact_carte
{
    height: 50vh;
    width: 100%;

    display: none;

    position: relative;
}

#contact_carte iframe
{
    position: absolute;
    top: 0;
    left: 0;
}

#contact_carte .btn-cl-black
{
    position: absolute;
    bottom: 6vh;
    right: 5vw;
}


#contact_white_txt
{
    height: 100%;
    width: 100%;

    background: url(../img/backgrounds/contact_white.png);
    background-position: center;
    background-size: cover;
}

#contact_white_txt h3
{
    font-size: 10vw;
    margin-top: 11vh;
    margin-left: 8vw;

    font-family: 'spartan-semi-bold';
    font-weight: 700;

    letter-spacing: 0.15vw;
}

#contact_white_txt h4
{
    text-align: right;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-size: 4vw;
    margin-top: 3vh;
    margin-bottom: 3vh;
    width: 94%;
}

#contact_form_white
{
    width: 90%;
    margin-top: 2vh;
    /* margin-left: 8vw; */
    margin: auto;
    display: flex;
    flex-direction: column;
}

#contact_form_white div
{
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
}

#contact_name_white, #contact_surname_white
{
    width: 44% !important;
}

#contact_form_white input, #contact_form_white textarea
{
    /* width: 100%; */
    border: 3px solid black;
    height: 5vh;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: transparent;
    color: black;
    padding: 1vw;
    font-size: 4vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 600;
}

#contact_form_white textarea
{
    height: 15vh;
    resize: none;
}

#contact_form_white textarea::placeholder
{
    padding-left: 3vw;
    padding-top: 2vh;
    color: black;
}

#contact_form_white input::placeholder
{
    padding-left: 3vw;
    color: black;
}


#contact_form_white input[type='submit']
{
    /* width: 100%; */
    border: none;
    border-radius: 5px;
    margin-bottom: 2vh;
    background-color: var(--bleuClair);
    color: white;
    height: 6vh;

    letter-spacing: 0.05vw;

    padding: 0.5vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;

    transition: 0.3s all ease;
}


#contact_form_white input[type='submit']:hover
{
    background-color: rgb(77, 103, 167);
    cursor: pointer;
}

#contact_white_txt_elem
{
    margin-left: 8vw;
    margin-top: 3vh;
    margin-bottom: 5vh;
    color: #494949;
    font-size: 04vw;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1vw;
}

#contact_white_txt_elem p
{
    margin-bottom: 1vh;
}

#contact_white_txt_elem a
{
    text-decoration: none;
    color: #494949;
}

#contact_white_txt_elem a:hover
{
    text-decoration: underline;
}


    
    /* ZONE CONTACT BLUE */
    
    
    #contact_blue
    {
        height: 80vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #contact_carte
    {
        height: 100%;
        width: 45%;
    
        position: relative;
    }
    
    #contact_carte iframe
    {
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #contact_carte .btn-cl-black
    {
        position: absolute;
        bottom: 6vh;
        right: 5vw;
    }
    
    
    #contact_blue_txt
    {
        height: 100%;
        width: 100%;
        background: url(../img/backgrounds/contact_blue.png);
        background-position: center;
        background-size: cover;
    }
    
    #contact_blue_txt h3
    {
        font-size: 8vw;
        margin-top: 10vh;
        margin-left: 8vw;
        color: #f5f5f5;
        font-family: 'spartan-semi-bold';
        font-weight: 700;
        letter-spacing: 0.15vw;
    }
    
    #contact_blue_txt h4
    {
        text-align: right;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        color: white;
        font-weight: 400;
        font-size: 3vw;
        margin-top: 3vh;
        width: 90%;
    }
    
    #contact_form_blue
    {
        width: 80%;
        margin-top: 2vh;
        margin-left: 8vw;
        display: flex;
        flex-direction: column;
    }
    
    #contact_form_blue div
    {
        display: flex;
        justify-content: space-between;
        width: 103%;
    }
    
    #contact_name_blue, #contact_surname_blue
    {
        width: 44% !important;
    }
    
    #contact_form_blue input, #contact_form_blue textarea
    {
        width: 100%;
        border: 3px solid white;
        height: 3.5vh;
        border-radius: 5px;
        margin-bottom: 2vh;
        background-color: white;
        color: black;
        padding: 0.6vw;
        font-size: 3vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
    }
    
    #contact_form_blue textarea
    {
        height: 12vh;
        resize: none;
    }

    #contact_form_blue textarea::placeholder
    {
        padding-left: 3vw;
        padding-top: 2vh;
        color: black;
    }

    #contact_form_blue input::placeholder
    {
        padding-left: 3vw;
        color: black;
}
    
    #contact_form_blue input[type='submit']
    {
        width: 103%;
        border: none;
        border-radius: 5px;
        margin-bottom: 2vh;
        background-color: var(--orange);
        color: white;
        height: 6vh;
    
        letter-spacing: 0.05vw;
    
        padding: 0.5vw;
    
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 500;
    
        transition: 0.3s all ease;
    }
    
    
    #contact_form_blue input[type='submit']:hover
    {
        background-color: var(--orangeClair);
        cursor: pointer;
    }
    
    #contact_blue_txt_elem
    {
        margin-left: 8vw;
        margin-top: 3vh;
        color: #e8e8e8;
        font-size: 3vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 500;
        letter-spacing: 0.1vw;
    }
    
    #contact_blue_txt_elem p
    {
        margin-bottom: 1vh;
    }
    
    #contact_blue_txt_elem a
    {
        text-decoration: none;
        color: #cbcbcb;
    }
    
    #contact_blue_txt_elem a:hover
    {
        text-decoration: underline;
    }
    
    
    /* ZONE FOOTER */

    
    footer
    {
        background-color: #00052B;
        color: blue;
        padding-top: 10vh;

        position: relative;

    }

    footer section
    {
        align-items: top;
        width: 80%;
        margin: auto;
    }

    .sous_elem_foot
    {
        width: auto !important;
        padding-bottom: 2vh;
    }

    .elem_foot
    {
        max-width: none !important;
        display: block !important;
        width:auto !important;
        padding-bottom: 5vh;
    }

    .elem_foot img
    {
       width: 40vw !important;
    }


    footer section div a p
    {
        color: #d3d3d3;
        margin-top: 3vh;
        max-width: 100%;
        font-size: 4vw !important;
        letter-spacing: 0.15vw;
        margin-bottom: 3vh;

        font-family: 'opensans-light';
    }

    footer section div h3
    {
        font-size: 5vw !important;
        color: #F0F0F0 !important;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        margin-bottom: 5vh;
        margin-top: 2vh;
    }

    footer section div a
    {
        text-decoration: none;
    }

    footer section div a p
    {
        margin-bottom: 5vh !important;
        font-size: 4vw;
    }

    .mob-deact
    {
        display: none !important;
    }
    
    
    
    #foot_down
    {
        display: flex;
        width: 80%;
        justify-content: space-between;
        align-items: end;
        margin: auto;
        margin-top: 5vh;
        padding-bottom: 8vh;
    }
    
    .link-hov:hover
    {
        text-decoration: underline;
        color: #B3B3B3 !important;
    }
    
    .elem_social:hover
    {
        background-color: #a0a0a0 !important;
    }
    
    .mob-deact a
    {
        text-decoration: none;
    }
    
    .mob-deact a h3
    {
        text-decoration: none;
        font-size: 1vw !important;
        color: #525252 !important;
    }
    
    
    .elem_social 
    {
    
        position: relative;
        background-color: var(--orange) !important;
        transition: 0.5s all ease;
    
        border-radius: 100px;
    }
    
    .elem_social img 
    {
    
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .elem_social:hover
    {
        background-color: var(--orangeClair) !important;
    }
    
    #footer_res_txt p
    {
        font-family: "spartan";
        color: var(--orange);
        letter-spacing: 0.1vw;
        margin-bottom: 2vh;
    }
    
    
    
    
    
    
    
    
    
    
    
    /*                      */ 
    /*         PAGE         */
    /*        CABINET       */
    /*                      */ 
    /*       WBA TECH       */
    /*                      */ 
    
    
    
    /* ZONE TOP CABINET */

    #top_cabinet
    {
        height: 100vh;
        background: url('../img/backgrounds/cabinet-top.png');
        background-position: inherit;
        background-size: cover;
        position: relative;
    }

    #top_cabinet h1
    {
        color: var(--bleuFonce);
        position: absolute;
        top: 48vh;
        left: 9vw;
        font-size: 10vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }

    #top_cabinet_elem
    {
        position: absolute;
        left: 10vw;
        top: 58vh;
    }


    #top_cabinet_elem h3
    {
        max-width: 80vw;
        margin-bottom: 3vh;
        color: #030D4F;
        font-size: 4vw;
        letter-spacing: 0.1vw;
        line-height: 200%;
        font-family: 'opensans-light';
    }
    
    #top_cabinet_elem h3 span
    {
        font-family: 'opensans';
    }
    
    
    /* ZONE TOP LOIC */
    
    #top_loic
    {
        height: 40vh;
        background: url('../img/backgrounds/cabinet-sous-top.png');
        background-position: center;
        background-size: cover;
    
        position: relative;
    }
    
    /* ZONE TOP LEGAL */
    
    #top_legal_design
    {
        height: 40vh;
        background: url('../img/backgrounds/cabinet-sous-top.png');
        background-position: center;
        background-size: cover;
    
        position: relative;
    }
    
    
    /* ZONE TOP CONTACT */
    
    #top_contact
    {
        height: 70vh;
        margin-bottom: 5vh;
        background: url('../img/pages/contact/background-contact.png');
        background-position: center;
        background-size: cover;
    
        position: relative;
    }
    
    #top_contact h1
    {
        color: var(--blanc);
        position: absolute;
        top: 30vh;
        left: 9vw;
        font-size: 8vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #top_contact h3
    {
        color: var(--blanc);
        position: absolute;
        top: 38vh;
        left: 9vw;
        width: 80vw;
        font-size: 3vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 164.508%;
        letter-spacing: 1.955px;
    }


    #btn_mob_fl
    {
        width: 3vw !important;
    }
    
    
    
    
    #top_home_reseaux_hor
    {
        display: flex;
        width: 50vw;
        justify-content: space-between;
        flex-direction: row;
        position: absolute;
        left: 8vw;
        bottom: 16vh;
    }
    
    #top_home_reseaux_hor a
    {
        background-color: var(--orange);
        width: 15vw;
        height: 15vw;
        transition: 0.5s all ease;
        border-radius: 100px;
        position: relative;
    }
    
    
    #top_home_reseaux_hor a img
    {
        width: 8vw;
        height: 8vw;
        position: absolute;
    
        left: 50%;
        top: 50%;
    
        transform: translate(-50%, -50%);
    }
    
    
    /* ZONE DECOUVRIR LOÏC BALDIN */
    
    
    #decouvrir_loic_baldin
    {
        height: 90vh;
        width: 95vw;
        margin: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    
    
    #decouvrir_loic_baldin_txt
    {
        width: 85%;
        height: 100%;
        color: var(--bleuFonce);
        margin-bottom: 5vh;
    }
    
    #decouvrir_loic_baldin_txt h2
    {
        font-size: 7vw;
        /* margin-left: 8vw; */
        margin-top: 5vh;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #decouvrir_loic_baldin_txt p
    {
        font-size: 3vw;
        /* margin-left: 8vw; */
        margin-top: 5vh;
        text-align: justify;
        /* max-width: 60%; */
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        line-height: 200%;
        color: var(--bleuFonce);
    }
    
    #decouvrir_loic_baldin_img
    {
        width: 90%;
        height: 100%;
        position: relative;
        margin-top: 5vh;
    }
    
    #decouvrir_loic_baldin_img img
    {
        height: 100%;
        position: absolute;
        left: 50%;
        width: 100%;
        border-radius: 5vw;
        object-fit: cover;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    #btn_renc
    {
        margin-left: 0 !important;
    }
    
    
    /* ZONE PAGE LOÏC BALDIN */
    
    
    #page_loic_baldin
    {
        /* height: 100vh; */
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    
    #page_loic_baldin_txt
    {
        width: 80%;
        /* height: 100%; */
        color: var(--bleuFonce);
    }
    
    #page_loic_baldin_txt h2,
    #page_loic_baldin_txt h1
    {
        font-size: 8vw;
        /* margin-left: 8vw; */
        margin-top: 10vh;
        font-family: 'spartan-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_loic_baldin_txt h5
    {
        font-size: 5vw;
        /* margin-left: 8vw; */
        margin-top: 5vh;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 4.62px;
        color: var(--orange);
    }
    
    #page_loic_baldin_txt p
    {
        font-size: 3vw;
        /* margin-left: 8vw; */
        margin-top: 2vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'opensans-light';
        font-weight: 300;
        line-height: 200%;
        letter-spacing: 0.85px;
        color: var(--bleuFonce);
    }
    
    #page_loic_baldin_img
    {
        width: 80%;
        position: relative;
        /* margin-top: -28vh; */
    }
    
    #page_loic_baldin_img img
    {
        width: 85%;
        display: none;
    
    }
    
    #page_loic_baldin_img h5
    {
        font-size: 5vw;
        margin-top: 5vh;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 4.62px;
        color: var(--orange);
    }
    
    #page_loic_baldin_img p
    {
        font-size: 3vw;
        margin-top: 2vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'opensans-light-italic';
        font-style: italic;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: 0.85px;
        color: var(--bleuFonce);
    }
    
    
    /* ZONE PAGE LEGAL DESIGN */
    
    
    #page_legal_design
    {
            /* height: 60vh; */
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    
    
    #page_legal_design_txt
    {
        width: 80%;
        height: 100%;
        color: var(--bleuFonce);
    }
    
    #page_legal_design_txt h2,
    #page_legal_design_txt h1
    {
        font-size: 8vw;
        /* margin-left: 8vw; */
        margin-top: 10vh;
        font-family: 'spartan-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_legal_design_txt h5
    {
        font-size: 5vw;
        /* margin-left: 8vw; */
        margin-top: 5vh;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 4.62px;
        color: var(--orange);
    }
    
    #page_legal_design_txt p
    {
        font-size: 3vw;
        /* margin-left: 8vw; */
        margin-top: 4vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'opensans-light-italic';
        font-style: italic;
        font-weight: 300;
        line-height: 250%;
        letter-spacing: 0.85px;
        color: var(--bleuFonce);
    }
    
    #page_legal_design_img
    {
        width: 80%;
        position: relative;
        /* margin-top: -20vh; */
        margin: auto;
        margin-top: 5vh;
    }
    
    #page_legal_design_img img
    {
        width: 100%;
    
    
    }
    
    
    /* ZONE SAVOIR FAIRE */
    
    .bandeau
    {
        width: 100vw;
        padding-top: 8vh;
        padding-bottom: 8vh;
        margin-bottom: 10vh;
        margin-top: 5vh;
    
        background: url('../img/backgrounds/bandeaux.png');
        background-position: center;
        background-size: cover;
    }
    
    
    .bandeau h2
    {
        font-size: 6vw;
        color: var(--blanc);
        text-align: center;
        font-family: 'spartan-bold';
        letter-spacing: 0.35vw;
    }
    
    .bandeau h3
    {
        font-size: 4vw;
        color: var(--orangeClair);
        text-align: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400;
        letter-spacing: 0.15vw;
        margin-left: -10vw;
    
    }
    
    #liste_savoir_faire
    {
        display: flex;
        width: 75%;
        flex-direction: column;
        padding-bottom: 8vh;
        margin: auto;
        justify-content: space-between;
        align-items: baseline;
    }
    
    .savoir_faire_elem
    {
            /* width: 18vw; */
    /* min-height: 51.5vh; */
    background-color: white;
    border-top: 5vh solid var(--orange);
    padding: 5vw;
    padding-top: 0;
    border-radius: 0.5vw;
    padding-bottom: 5vh;
    margin-bottom: 3vh;
    }
    
    .savoir_faire_elem h3
    {
        font-size: 5vw;
        margin-top: 2vh;
        padding-top: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.15vw;
        margin-bottom: 3.5vh;
    }
    
    .savoir_faire_elem h3 span
    {
        font-size: 5vw;
        margin-top: 0;
        padding-top: 0;
        color: var(--orange);
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.15vw;
    }
    
    .savoir_faire_elem p
    {
        font-size: 3vw;
        text-align: justify;
        margin-top: 2vh;
        padding-top: 0;
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
        line-height: 200%;
        margin-bottom: 2vh;
    }
    
    
    
    /* ZONE ACTIVITES ANNEXES */
    
    .bandeau_annexes
    {
        width: 100vw;
        padding-top: 8vh;
        padding-bottom: 8vh;
        margin-bottom: 10vh;
        margin-top: 5vh;
    
        background: url('../img/backgrounds/bandeaux.png');
        background-position: center;
        background-size: cover;
    }
    
    
    .bandeau_annexes h2
    {
        font-size: 8vw;
        color: var(--blanc);
        text-align: center;
        font-family: 'spartan-bold';
        letter-spacing: 0.4vw;
    }
    
    .bandeau_annexes h3
    {
        font-size: 5vw;
        color: var(--orangeClair);
        text-align: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400;
        letter-spacing: 0.15vw;
        margin-left: -4vw;
        margin-bottom: -0.5vh;
    
    }

    
    #activites_annexes ul
    {
        width: 75%;
        margin: auto;
    }
    
    #activites_annexes ul li
    {
    color: #030D4F;
    text-align: justify;
    font-family: 'opensans-light';
    font-size: 3vw;
    font-style: normal;
    font-weight: 300;
    line-height: 200%; /* 36px */
    letter-spacing: 1.26px;
    }
    
    /* ZONE ENGAGEMENTS */
    
    .decouvrir_engagements_elem
    {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        min-height: 80vh;
        width: 90%;
        margin: auto;
        margin-bottom: 5vh;
    }

    #inv_flex
    {
        flex-direction: column-reverse !important;
    }
    
    #decouvrir_engagements_elem_txt
    {
        width: 90%;
        /* height: 100%; */
        color: var(--bleuFonce);
    }
    
    #decouvrir_engagements_elem_txt h2
    {
        font-size: 6vw;
        margin-top: 2vh !important;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
        margin-left: 0 !important;
    }
    
    #decouvrir_engagements_elem_txt p
    {
        font-size: 3vw;
        margin-top: 4vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        margin-left: 0 !important;
        line-height: 200%;
        color: var(--bleuFonce);
    }

    .hr-medium
    {
        margin-top: 0vh !important;
    }
    
    #decouvrir_engagements_elem_img
    {
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    #decouvrir_engagements_elem_img img
    {
        height: 40vh;
        /* position: absolute; */
        left: 50%;
        top: 50%;
        width: 100%;
        border-radius: 5vw;
        object-fit: cover;
        /* transform: translate(-50%,-50%); */
        margin-top: 5vh;
        margin-bottom: 3vh;
    }

    #decouvrir_engagements_elem_img iframe
    {
        height: 65vh;
        width: 90%;
        max-width: 350px;
        border-radius: 5vw;
        margin-top: 5vh;
        margin-bottom: 3vh;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #elem_droite
    {
        left: 50% !important;
    }
    
    /* ZONE POINTS FORTS */
    
    
    #decouvrir_points_forts
    {
        margin-top: 10vh;
        margin-bottom: 15vh;
        min-height: 100vh;
    }
    
    #points_forts_liste_up
    {
        display: flex;
        width: 90%;
        flex-direction: column;
        margin: auto;
        margin-top: 10vh;
        justify-content: space-between;
        align-items: end;
    }
    
    #points_forts_liste_down
    {
        display: flex;
        width: 90%;
        flex-direction: column;
        margin: auto;
        justify-content: space-between;
        align-items: baseline;
    }
    
    .points_forts_elem
    {
        width: 90%;
        min-height: 43vh;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    
    .points_forts_elem img
    {
        height: 14vh;
        text-align: center;
    }
    
    .points_forts_elem h3
    {
        color: var(--bleuFonce);
        font-family: 'spartan-semi-bold';
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 3vh;
        text-align: center;
    }
    
    .points_forts_elem p
    {
        color: var(--bleuFonce);
        font-family: 'opensans-light';
        font-size: 3vw;
        text-align: justify;
        letter-spacing: 0.1vw;
        line-height: 200%;
    }
    
    
    /* ZONE TOP URBANISME */
    
    #top_urbanisme
    {
        height: 100vh;
        position: relative;
    }
    
    #top_urbanisme h1
    {
        color: var(--bleuFonce);
        position: absolute;
        top: 33vh;
        left: 9vw;
        font-size: 10vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #top_urbanisme h2
    {
        color: #001184;
        position: absolute;
    
        top: 28vh;
        left: 11vw;
    
        font-size: 5vw;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        letter-spacing: 0.3vw;
    }
    
    #splash_urba
    {
        color: #001184;
        position: absolute;
    
        bottom: 5vh;
    
        width: 100%;
        height: 45vh;
    
        object-fit:cover;
        object-position: bottom;
    
        font-size: 1.5vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #splash_immo
    {
        color: #001184;
        position: absolute;
    
        bottom: 5vh;
    
        width: 100%;
        height: 45vh;
    
        object-fit: cover;
        object-position: 300px, 200px;
    
        font-size: 1.5vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    
    
    
    
    
    
    /* ZONE TOP HONORAIRES */
    
    #top_honoraires
    {
        height: 100vh;
        position: relative;
        overflow: hidden;
    }
    
    #top_honoraires h1
    {
        color: var(--bleuFonce);
        position: absolute;
        top: 25vh;
        left: 9vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 9vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 5px;
    }
    
    #top_honoraires h2
    {
        position: absolute;
        top: 35vh;
        left: 9.2vw;
        width: 80%;
        color: #030D4F;
        text-align: justify;
        font-family: "opensans-light";
        font-size: 3.5vw;
        font-style: normal;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: 0.36px;
    }
    
    #splash_honoraires
    {
        color: #001184;
        position: absolute;
        overflow: hidden;
    
        bottom: -5vh;
    
        height: 45vh;
    }
    
    
    
    
    /* ZONE BLOG */
    
    #top_blog
    {
        height: 40vh;
        position: relative;
        overflow: hidden;
    }
    
    #top_blog_ouv
    {
        height: 45vh;
        position: relative;
        overflow: hidden;
    }
    
    #splash_blog
    {
        color: white;
        margin-top: 5vh;
        width: 100%;
        /* height: 200%; */
        position: relative;
    }
    
    #splash_blog img
    {
        /* width: 100%; */
        height: 20vh;
    }
    
    #splash_blog h1
    {
        position: absolute;
        top: 45%;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
        font-size: 10vw;
    }
    
    
    #blog
    {
        width: 85%;
        margin: auto;
    }
    
    #blog_titles
    {
        display: flex;
        flex-direction: column;
        /* justify-content: space-between; */
        align-items: baseline;
        width: 100%;
        /* margin-bottom: 0; */
        padding-bottom: 0;
    }
    
    #blog_titles h2
    {
        font-size: 5vw;
        color: #030D4F;
        font-family: "spartan";
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        text-align: center;
        width: 100%;
    }
    
    #tag_selector
    {
        display: flex;
        margin-top: 3vh;
        /* float: right; */
    }
    
    #tag_selector a
    {
        text-decoration: none;
        color: #3D3D3D;
        font-size: 2vw;
        text-align: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.18px;
    }
    
    #tag_selector a:hover h3
    {
        color: #FFA001;
        border-bottom: 2px solid #FFA001 !important;
        cursor: pointer;
    }
    
    #tag_selector a h3
    {
        width: 17vw;
        border-bottom: 2px solid #3D3D3D;
        padding-bottom: 1vh;
    }
    
    .actual_tag
    {
        color: #FFA001;
        border-bottom: 2px solid #FFA001 !important;
    }
    
    
    #liste_articles
    {
        display:grid;
        width: 94%;
        margin: auto;
        margin-top: 5vh;
    }
    
    #liste_articles_grid
    {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: auto;
        margin-left: 0vw;
        margin-top: 5vh;
        margin-bottom: 10vh;
    }
    
    #article_blog
    {
        width: 100%;
        color: white;
        text-decoration: none;
        border-radius: 10px;
        /* margin-top: 5vh; */
        position: relative;
        margin-bottom: 5vh;
        
    }
    
    #article_blog div img
    {
        border-radius:10px;
        height: 25vh;
        object-fit: cover;
    }
    
    #article_blog div h3
    {
        font-size: 5vw;
        margin: 0;
        padding: 0;
        width: 100%;
        text-overflow: ellipsis;
        margin-top: 1vh;
        line-height: 100%;
    }
    
    #article_blog div p
    {
        font-size: 3vw;
        font-weight: 400;
        color: black;
        margin: 0;
        padding: 0;
    
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
        margin-top: 1.5vh;
    }
    
    #article_blog div h6
    {
        font-size: 4vw;
        font-weight: 400;
        color: #8D8D8D;
        margin: 0;
        padding: 0;
        margin-top: 2.5vh;
    
    }
    
    #article_blog div h5
    {
        font-size: 4vw;
        font-weight: 400;
        border-radius: 5vw;
        color: white;
        width: 40vw;
        text-align: center;
        padding-top: 2vw;
        padding-bottom: 2vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        letter-spacing: 0.1vw;
        position: absolute;
        top: 48%;
        right: 9%;
        transform: translate(0, -50%);
    
    }
    
    
    #article_blog div h4
    {
        font-size: 0.6vw;
        font-weight: 400;
        border-radius: 0.5vw;
        color: white;
        width: 5.5vw;
        text-align: center;
        padding-top: 0.4vw;
        padding-bottom: 0.4vw;
    
        background-color: #001184;
    
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
        letter-spacing: 0.1vw;
        
        position: absolute;
        top: 0%;
        left: 5%;
        transform: translate(0, -50%);
    
    }
    
    .btn_article
    {
        background-color: #1D1D1D;
        color: white !important;
        padding-left: 0.5vw;
        padding-right: 0.5vw;
        padding-top: 1.8vh;
        padding-bottom: 1.8vh;
        text-align: center;
        width: 50vw !important;
        border-radius: 10px;
        margin-top: 3vh;
        font-size: 4vw;
    }
    
    .btn_article:hover
    {
        background-color: rgb(137, 137, 137);
    }
    
    #article_blog div
    {
        width: 100%;
        color: black;
    }
    
    
    #article_blog img
    {
        width: 100%;
    }
    
    
    #splash_blog_article
    {
        width: 100%;
        height: 20vh;
        object-fit: cover;
        margin-top: 8vh;
        background-color: #000944;
        position: relative;
    }
    
    #splash_blog_article img
    {
        width: 100%;
        height: 100%;
        object-fit: cover;
    
        opacity: 0.3;
    }
    
    #splash_blog_article section
    {
        position: absolute;
        top: 3.5vh;
        left: 8vw;
        margin-left: 0;
        margin-top: 0;
    }
    
    #splash_blog_article h4
    {
        position: absolute;
        bottom: -0.9vh;
        right: 8vw;
        margin-left: 0;
        margin-top: 0;
        font-size: 3.5vw;
        font-weight: 400;
        border-radius: 2vw;
        color: white;
        width: 30vw;
        text-align: center;
        padding-top: 3vw;
        padding-bottom: 3vw;
        letter-spacing: 0.15vw;
        background-color: #001184;
    }

    #splash_blog_article section a
    {
        width: 30vw !important ;
        padding-top: 3vw !important ;
        padding-bottom: 3vw !important ;
        font-size: 3vw !important;
    }

    #splash_blog_article section a img
    {
    width: 2vw !important ;
    margin-left: 0 !important ;
    /* margin-right: 2vw; */
    }
    
    #nouv_art
    {
        position: absolute;
        bottom: -2vh;
        left: 20vw;
        margin-left: 0;
        margin-top: 0;
    
        font-size: 0.8vw;
        font-weight: 400;
        border-radius: 0.5vw;
        color: white;
        width: 9vw;
        text-align: center;
        padding-top: 0.8vw;
        padding-bottom: 0.8vw;
        letter-spacing: 0.15vw;
    
        background-color: #001184;
    }
    
    #article_blog_ouv
    {
        width: 85%;
        margin: auto;
    }
    
    #article_blog_ouv h6
    {
        color: #848484;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 3vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.08px;
        margin-top: 0;
        margin-bottom: 1vh;
    }
    
    #article_blog_ouv h1
    {
        color: #030D4F;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 6vw;
        font-style: normal;
        font-weight: 600;
        text-align: justify;
        line-height: normal;
        letter-spacing: 1.08px;
    }
    
    #article_blog_ouv h5
    {
        color: #F37E29;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 4vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.08px;
        margin-bottom: 5vh;
        margin-top: 2vh;
    }
    
    #article_blog_ouv p
    {
        color: #002060;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 3vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-align: justify;
        letter-spacing: 1.08px;
        width: 90%;
        margin: auto;
    }
    
    #article_blog_pied
    {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        margin-top: 10vh;
    }
    
    #article_blog_pied_loic
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
    }
    
    #article_blog_pied_loic img
    {
        width: 49vw !important;
        height: 30vw !important;
        object-fit: cover;
        border-radius: 100%;
    }
    
    #article_blog_pied_loic div
    {
        width: 100%;
        margin-left: 5vw;
    }
    
    #article_blog_pied_loic div h3
    {
        color: #000;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 5vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        margin-bottom: 1.5vh;
    }
    
    #article_blog_pied_loic div p
    {
        color: #000;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 2.5vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1px;
        margin-left: 0;
        max-width: 100%;
    }
    
    #article_blog_pied_share
    {
        width: 100%;
        margin-top: 5vh;
    }

    #article_blog_pied_share div a
    {
        width: 15vw !important;
        height: 15vw !important;
        padding: 0 !important;
    }

    #article_blog_pied_share div a img
    {
        width: 8vw !important;
    }
    
    #article_blog_pied_share h4
    {
        color: #000;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 5vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 2.85px;
        margin-bottom: 2vh;
    }
    
    
    /* ZONE URBA ELEM */
    
    
    #urbanisme_elem, #immobilier_elem, #sante_elem
    {
        /* height: 90vh; */
        width: 100%;
        margin: auto;
        display: flex; 
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 8vh;
    }

    #sante_elem_trois
    {
        /* height: 90vh; */
        width: 100%;
        margin: auto;
        display: flex; 
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 8vh;
    }
    
    
    #urbanisme_elem_txt, #immobilier_elem_txt, #sante_elem_txt, #sante_elem_trois_txt
    {
        width: 80%;
        margin: auto;
        height: 100%;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_txt h2, #immobilier_elem_txt h2, #sante_elem_txt h2, #sante_elem_trois_txt h2
    {
        font-size: 4.5vw;
        margin-top: 8vh;
        /* max-width: 85%; */
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_txt h3, #immobilier_elem_txt h3, #sante_elem_txt h3, #sante_elem_trois_txt h3
    {
        font-size: 4vw;
        margin-top: 4vh;
        margin-bottom: 4vh;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        letter-spacing: 0.2vw;
        font-weight: 400;
        color: var(--orange);
    }
    
    
    #urbanisme_elem_txt p, #immobilier_elem_txt p, #sante_elem_txt p, #sante_elem_trois_txt p
    {
        font-size: 3vw;
        margin-top: 3vh;
        text-align: justify;
        /* max-width: 85%; */
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        line-height: 200%;
        font-weight: 200;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_txt li, #immobilier_elem_txt li, #sante_elem_txt li, #sante_elem_trois_txt li
    {
        font-size: 3vw;
        margin-top: 1.5vh;
        margin-left: 1vw;
        text-align: justify;
        /* max-width: 85%; */
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        font-weight: 200;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_img, #immobilier_elem_img, #sante_elem_img, #sante_elem_trois_img
    {
        width: 80%;
        height: 100%;
        margin: auto;
        position: relative;
        margin-top: 3vh;
    }
    
    #urbanisme_elem_img img, #immobilier_elem_img img, #sante_elem_img img, #sante_elem_trois_img img
    {
        width: 100%;
        max-height: 40vh;
        object-fit: cover;
        /* height: -webkit-fill-available; */
        /* position: absolute; */
        border-radius: 5vw;
        /* left: 50%; */
        /* top: 50%; */
        /* transform: translate(-50%,-50%); */
    }
    
    
    
    
    #urbanisme_elem_deux
    {
        /* height: 90vh; */
        width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 8vh;
    }
    
    
    #urbanisme_elem_deux_txt
    {
        width: 80%;
        margin: auto;
        height: 100%;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_deux_txt h2
    {
        font-size: 4.5vw;
        margin-top: 8vh;
        /* max-width: 85%; */
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    
    #urbanisme_elem_deux_txt p
    {
        font-size: 3vw;
        margin-top: 3vh;
        text-align: justify;
        /* max-width: 85%; */
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        line-height: 200%;
        font-weight: 200;
        color: var(--bleuFonce);
    }
    
    #urbanisme_elem_deux_img
    {
        width: 80%;
        height: 100%;
        margin: auto;
        position: relative;
    }
    
    #urbanisme_elem_deux_img img
    {
        width: 100%;
        max-height: 40vh;
        object-fit: cover;
        /* height: -webkit-fill-available; */
        /* position: absolute; */
        border-radius: 5vw;
        /* left: 50%; */
        /* top: 50%; */
        /* transform: translate(-50%,-50%); */
    }
    
    /* ZONE ENJEUX */
    
    
    #grid_cat
    {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: auto;
        margin-bottom: 10vh;
        grid-template: 1fr / 1fr 1fr;
        grid-row-gap: 2vh;
        justify-content: center;
    }
    
    
    .elem_sous_cat_exp
    {
        background: url(../img/pages/expertises/elem_sub.png);
        background-position: center;
        background-size: cover;
        transition: 0.8s all ease;
        border-radius: 5vw;
        width: 100%;
        margin: auto;
        height: 20vh;
        position: relative;
    }
    
    
    .elem_sous_cat_exp h3
    {
        color: var(--blanc);
        position: absolute;
        font-family: 'spartan-semi-bold';
        font-size: 3vw;
        max-width: 80%;
        line-height: 150%;
        top: 50%;
        left: 5vw;
        transform: translate(0, -50%);
    }
    
    
    .elem_sous_cat_exp img
    {
        width: 10vw;
        position: absolute;
        bottom: 15%;
        right: 8vw;
        transition: 0.8s all ease;
    }
    
    
    /* ZONE ELEM IMMO */
    
   
    
    /* ZONE TOP SANTE */
    
    #top_sante
    {
        height: 100vh;
        position: relative;
    }
    
    #top_sante h1
    {
        color: var(--bleuFonce);
        position: absolute;
    
        top: 33vh;
        left: 13vw;
    
        font-size: 10vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #top_sante h2
    {
        color: #001184;
        position: absolute;
    
        top: 28vh;
        left: 15vw;
    
        font-size: 5vw;
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        letter-spacing: 0.3vw;
    }
    
    #splash_sante
    {
        color: #001184;
        position: absolute;
    
        bottom: 5vh;
    
        width: 100%;
        height: 45vh;
    
        object-fit:cover;
        object-position: top;
        object-position: 300px, 200px;
    
        font-size: 1.5vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    
    #splash_droit_public
    {
        color: #001184;
        position: absolute;
    
        bottom: 5vh;
    
        width: 100%;
        height: 45vh;
    
        object-fit:cover;
        object-position: top;
        object-position: 300px, 200px;
    
        font-size: 1.5vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #splash_logo
    {
        position: absolute;
    
        right: 18vw;
        top: 65vh;
    
        width: 6.5vw;
    }
    
    
    /* ZONE SANTE ELEM */
    
    
    
    /* ZONE SANTE ELEM PRO */
    
    
    #sante_elem_pro
    {
        background: url(../img/pages/expertises/sante/back_pro.png);
        background-position: center;
        background-size: cover;
        padding-top: 12vh;
        margin-top: 10vh;
        /* height: 80vh; */
        color: var(--blanc);
    }
    
    #sante_elem_pro h2
    {
        font-size: 7vw;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.15vw;
        margin-left: 10vw;
    }
    
    #sante_pro_grid
    {
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin: auto;
        margin-top: 8vh;
        flex-direction: column;
    }
    
    .sante_elem_pro_sub
    {
        width: 100%;
        margin-bottom: 5vh;
    }
    
    .sante_elem_pro_sub h3
    {
        font-size: 4vw;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 200;
        color: var(--orange);
        margin-bottom: 5vh;
        letter-spacing: 0.1vw;
    }
    
    .sante_elem_pro_sub ul
    {
        /* margin-left: 1.5vw; */
        font-family: 'opensans-light';
        font-weight: 200;
        font-size: 3vw;
        letter-spacing: 0.05vw;
        text-align: justify;
    }
    
    .sante_elem_pro_sub ul li
    {
        margin-bottom: 2vh;
    }
    
    
    /* ZONE SANTE ELEM TROIS */
    

    
    /* ZONE DROIT PUBLIC ELEM */
    
    
    #droit_public_elem
    {
        min-height: 85vh;
        width: 95vw;
        margin: auto;
        margin-top: 5vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 5vh;
    }
    
    
    #droit_public_elem_txt
    {
        width: 80%;
        height: 100%;
        margin-top: 5vh;
        color: var(--bleuFonce);
    }
    
    #droit_public_elem_txt h2
    {
        font-size: 6vw;
        margin-top: 2vh !important;
        max-width: 85%;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    
    #droit_public_elem_txt p
    {
        font-size: 3vw;
        margin-top: 3vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'spartan';
        letter-spacing: 0.1vw;
        line-height: 200%;
        font-weight: 200;
        color: var(--bleuFonce);
    }
    
    #droit_public_elem_img
    {
        width: 90%;
        height: 100%;
        position: relative;
        margin: auto;
    }
    
    #droit_public_elem_img img
    {
        /* height: 90%; */
        /* position: absolute; */
        width: 100%;
        /* object-fit: cover; */
        /* margin: auto; */
        /* text-align: center; */
        border-radius: 5vw;
        left: 50%;
        top: 50%;
        /* transform: translate(-50%,-50%); */
    }
    
    
    #droit_public_elem_txt ul
    {
        margin-left: 2.5vw;
        margin-top: 3vh;
        font-family: 'opensans-light';
        font-weight: 200;
        max-width: 70%;
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
        text-align: justify;
    }
    
    #droit_public_elem_txt ul li
    {
        margin-bottom: 2vh;
    }
    
    
    /* ZONE DROIT PUBLIC ELEM DEUX */
    
    
    #droit_public_elem_deux
    {
        min-height: 85vh;
        width: 95vw;
        margin: auto;
        margin-top: 5vh;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 5vh;
    }
    
    
    #droit_public_elem_deux_txt
    {
        width: 80%;
        height: 100%;
        margin-top: 5vh;
        color: var(--bleuFonce);
    }
    
    #droit_public_elem_deux_txt h2
    {
        font-size: 6vw;
        margin-top: 2vh !important;
        max-width: 85%;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    
    #droit_public_elem_deux_txt p
    {
        font-size: 3vw;
        margin-top: 3vh;
        text-align: justify;
        max-width: 100%;
        font-family: 'spartan';
        letter-spacing: 0.1vw;
        line-height: 200%;
        font-weight: 200;
        color: var(--bleuFonce);
    }
    
    #droit_public_elem_deux_img
    {
        width: 90%;
        height: 100%;
        position: relative;
        margin: auto;
    }
    
    #droit_public_elem_deux_img img
    {
        /* height: 90%; */
        /* position: absolute; */
        width: 100%;
        /* object-fit: cover; */
        /* margin: auto; */
        /* text-align: center; */
        border-radius: 5vw;
        left: 50%;
        top: 50%;
        /* transform: translate(-50%,-50%); */
    }
    
    
    #droit_public_elem_deux_txt ul, #droit_public_elem_txt ul
    {
        margin-left: 2.5vw;
        margin-top: 5vh;
        margin-left: 5vw;
        font-family: 'opensans-light';
        font-weight: 200;
        max-width: 80%;
        font-size: 3vw;
        letter-spacing: 0.05vw;
        text-align: justify;
    }
    
    #droit_public_elem_deux_txt ul li
    {
        margin-bottom: 3vh;
    }
    
    #rt_btn a
    {
        width: 30vw !important ;
        padding-top: 3vw !important ;
        padding-bottom: 3vw !important ;
        font-size: 3vw !important;
    }

    #rt_btn a img
    {
    width: 2vw !important ;
    margin-left: 0 !important ;
    /* margin-right: 2vw; */
    }
    
    /* ZONE TOP REALISATIONS */
    
    
    #top_realisations
    {
        height: 95vh;
        /* background: url(../img/backgrounds/realisations-top.png); */
        background-position: center;
        background-size: cover;
        position: relative;
    }
    
    #top_realisations h1
    {
        color: var(--bleuFonce);
        margin-top: 28vh;
        margin-left: 8vw;
        font-size: 10vw;
        font-family: "spartan-bold";
        letter-spacing: 0.6vw;
    }
    
    #top_realisations p
    {
        color: #001184;
        margin-top: 3vh;
        max-width: 80%;
        margin-left: 8vw;
        font-size: 4vw;
        line-height: 150%;
        font-family: 'opensans-light';
        letter-spacing: 0.3vw;
    }
    
    
    #honoraires-specs
    {
        background-image: url(../img/backgrounds/background-hono-spe.png);
        background-position: center;
        background-size: cover;

        padding-bottom: 5vh;
    }
    
    
    .honoraires-specs-grid
    {
        background-image: url(../img/backgrounds/background-hono-spe.png);
        background-position: center;
        background-size: cover;
        /* height: 145vh; */
        padding-bottom: 5vh;
        padding-top: 5vh;
    }
    
    .honoraires-specs-elem
    {
        width: 80%;
        min-height: 55vh;
        padding: 5vw;
        margin: auto;
        margin-bottom: 5vh;
        border-radius: 5vw;
        position: relative;
        background-color: var(--bleuFonce);
    }
    
    .honoraires-specs-elem h3
    {
        color: var(--orange);
        font-size: 6vw;
        text-align: center;
        margin-top: 5vh;
        margin-bottom: 5vh;
        font-family: "spartan-bold";
        font-style: normal;
        font-weight: 900;
        line-height: 115.008%;
        letter-spacing: 3.61px;
    }
    
    .honoraires-specs-elem p
    {
        color: var(--blanc);
        font-size: 3vw;
        text-align: justify;
        width: 95%;
        margin: auto;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 200%;
        letter-spacing: 1.12px;
        margin-bottom: 13vh;
    }
    
    
    #honoraires-exp
    {
        display: flex;
        flex-direction: row;
        width: 90%;
        padding-top: 10vh;
        padding-bottom: 10vh;
        margin: auto;
        justify-content: space-between;
    }
    
    #honoraires-exp-img img
    {
       height: 80vh;
       display: none;
    }
    
    #honoraires-exp-txt 
    {
        width: 80%;
        margin: auto;
    }
    
    #honoraires-exp-txt h3
    {
        color: #030D4F;
        font-family: "spartan-semi-bold";
        font-size: 3vh;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.68px;
    }
    
    #honoraires-exp-txt p
    {
        color: #030D4F;
        font-family: "opensans";
        text-align: justify;
        font-size: 1.5vh;
        font-style: normal;
        font-weight: 300;
        width: 100%;
        line-height: 178.008%; /* 32.041px */
        letter-spacing: 1.26px;
    }
    
    
    /* ZONE OUVRAGES */
    
    #ouvrages
    {
        background-color: #DEDEDE;
    }
    
    .bandeau_ouvrages
    {
        width: 100vw;
        padding-top: 8vh;
        padding-bottom: 8vh;
        margin-bottom: 2vh;
        margin-top: 7vh;
    }
    
    
    .bandeau_ouvrages h2
    {
        font-size: 8vw;
        color: var(--bleuFonce);
        text-align: center;
        font-family: 'spartan-bold';
        letter-spacing: 0.4vw;
    }
    
    .bandeau_ouvrages h3
    {
        font-size: 5vw;
        color: var(--orangeClair);
        text-align: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400;
        letter-spacing: 0.15vw;
        margin-left: -5vw;
        margin-bottom: 1vh;
    
    }
    
    #ouvrages_grid
    {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 90%;
        margin: auto;
    }
    
    
    .ouvrages_elem
    {
        width: 88%;
        background-color: #F8F8F8;
        padding: 5vw;
        border-radius: 5vw;
        /* height: 42vh; */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 5vh;
    }
    
    .ouvrages_elem img
    {
        /* width: 70%; */
        /* margin-top: 5vh; */
        height: auto;
        max-width: 70%;
        border-radius: 1vw;
    }
    
    .ouvrages_elem_txt
    {
        width: 80%;
    }
    
    .ouvrages_elem_txt h5
    {
        color: #000;
        font-family: "spartan-bold";
        font-size: 5vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        height: 10vh;
        margin-top: 3vh;
        /* margin-left: 2vw; */
    
    }
    
    .ouvrages_elem_txt p
    {
        color: #000;
        font-family: "opensans-light";
        font-size: 3vw;
        font-style: normal;
        max-width: 80%;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: 1.19px;
        margin-left: 2vw;
        /* margin-top: 2vh; */
        /* height: 18vh; */
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: justify;
    }
    
    .ouvrages_elem_txt .btn-cl-black
    {
        margin-top: 3vh !important;
        margin-left: 20vw !important;
    }
    
    
    /* ZONE POURQUOI LEGAL DESIGN */
    
    .bandeau_pourquoi
    {
        width: 100vw;
        padding-top: 10vh;
        padding-bottom: 8vh;
        margin-bottom: 3vh;
        margin-top: 5vh;
    
    }
    
    
    .bandeau_pourquoi h2
    {
        font-size: 7vw;
        color: var(--bleuFonce);
        text-align: center;
        font-family: 'spartan-bold';
        letter-spacing: 0.35vw;
    }
    
    .bandeau_pourquoi h3
    {
        font-size: 5vw;
        color: var(--orangeClair);
        text-align: center;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400;
        letter-spacing: 0.15vw;
        margin-left: -15vw;
        margin-bottom: 0.5vh;
    
    }
    
    
    #legal_design_pourquoi
    {
        background-color: #f2f2f2;
    }
    
    #legal_design_pourquoi_liste_up
    {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: auto;
        justify-content: space-between;
        align-items: end;
    }
    
    .legal_design_pourquoi_elem
    {
        width: 100%;
        min-height: 43vh;
        margin: auto;
        display: flex;
        flex-direction: column;
    }
    
    .legal_design_pourquoi_elem img
    {
        height: 15vh;
        text-align: center;
    }
    
    .legal_design_pourquoi_elem h3
    {
        color: black;
        font-family: 'spartan-semi-bold';
        font-size: 5vw;
        margin-top: 5vh;
        margin-bottom: 3vh;
        text-align: center;
    }
    
    .legal_design_pourquoi_elem ul
    {
        font-family: 'opensans-light';
        font-size: 3vw;
        text-align: center;
        letter-spacing: 0.1vw;
        line-height: 200%;
        width: 90%;
        margin-left: auto;
    }
    
    .legal_design_pourquoi_elem ul li 
    {
        color: black;
        text-align: left;
        font-family: 'opensans-light';
        font-style: normal;
        font-weight: 300;
        line-height: 33px; /* 173.684% */
    
    }
    
    #legal_design_elem
    {
        /* height: 90vh; */
        width: 100vw;
        margin: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    
    
    #legal_design_elem_txt
    {
        width: 90%;
        height: 100%;
        color: var(--bleuFonce);
        position: relative;
    }
    
    #legal_design_elem_txt h2
    {
        margin: auto;
        font-size: 6vw;
        margin-top: 5vh;
        max-width: 85%;
        font-family: 'spartan-semi-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #legal_design_elem_txt h3
    {
        font-size: 1.5vw;
        margin-top: 4vh;
        margin-bottom: 4vh;
    
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        letter-spacing: 0.2vw;
        font-weight: 400;
    
        color: var(--orange);
    }
    
    
    #legal_design_elem_txt ul
    {
        margin: auto;
        font-size: 0.9vw;
        margin-top: 5vh;
    
    
        text-align: justify;
        max-width: 70%;
    
    }
    
    #legal_design_elem_txt li
    {
        margin: auto;
        font-size: 3vw;
        margin-top: 3vh;
        font-family: 'opensans-light';
        letter-spacing: 0.1vw;
        font-weight: 200;
        color: var(--bleuFonce);
        text-align: justify;
        font-style: normal;
        font-weight: 300;
        line-height: 200%;
        letter-spacing: 1.26px;
    }
    
    #legal_design_elem_img
    {
        width: 70%;
        height: 100%;
        position: relative;
        margin-bottom: 5vh;
        margin-top: 5vh;
    }
    
    #legal_design_elem_img img
    {
        /* height: 80%; */
        width: 100%;
        /* position: absolute; */
        left: 60%;
        top: 50%;
        /* transform: translate(-50%,-50%); */
    }
    
    
    #legal_design_elem_txt a
    {
        display: none;
    }
    
    #legal_design_elem_txt a:hover
    {
        text-decoration: underline;
    
        width: 8vw;
    }
    
    #legal_design_elem_txt a img
    {
        width: 0.4vw;
    }
    
    
    /* ZONE PAGE SOUS CAT */
    
    
    #page_sous_cat
    {
        height: 100vh;
        width: 100%;
        margin: auto;
        top: 0;
        position: absolute;
        pointer-events: none;
    
    }
    
    #page_sous_cat_wt
    {
        height: 0vh;
        width: 100%;
        margin: auto;
        top: 0;
        position: absolute;
        pointer-events: none;
    
    }
    
    
    #page_sous_cat_txt
    {
        width: 100%;
        height: 100%;
    
        color: var(--bleuFonce);
    }
    
    #page_sous_cat_wt h2
    {
        font-size: 7vw;
        margin-left: 10vw;
        margin-top: 2vh;
        position: relative;
        top: initial;
        left: initial;
        font-family: 'spartan-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_sous_cat_wt h3
    {
        font-size: 5vw;
        margin-left: 12vw;
        margin-top: 25vh;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_sous_cat h2
    {
        font-size: 7vw;
        margin-left: 10vw;
        margin-top: 2vh;
        position: relative;
        top: initial;
        left: initial;
        font-family: 'spartan-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_sous_cat h3
    {
        font-size: 5vw;
        margin-left: 12vw;
        margin-top: 25vh;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }

    #page_sous_cat_wt h1, #page_sous_cat h1
    {
        font-size: 7vw;
        margin-left: 10vw;
        margin-top: 2vh;
        position: relative;
        top: initial;
        left: initial;
        font-family: 'spartan-bold';
        letter-spacing: 0.1vw;
        color: var(--bleuFonce);
    }
    
    #page_sous_cat_splash
    {
        display: none;
    }
    
    #specif h2
    {
        color: #030D4F;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 4vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 4px;
        margin-left: 8vw;
        margin-top: 4vh;
    }
    
    #specif_droite
    {
        display: flex;
        flex-direction: column;
        width: 85%;
        /* height: 80vh; */
        margin: auto;
        margin-top: 8vh;
        justify-content: space-between;
        align-items: center;
    }

    #specif_gauche
    {
        display: flex;
        flex-direction: column-reverse;
        width: 85%;
        /* height: 80vh; */
        margin: auto;
        margin-top: 8vh;
        justify-content: space-between;
        align-items: center;
    
    }
    
    
    #specif_droite_img,  #specif_gauche_img
    {
        width: 90% !important;
        height: 90%;
        border-radius: 1vw;
        object-fit: cover;

    }

    /* Hauteur spécifique pour les iframes vidéo en mobile */
    iframe#specif_droite_img, iframe#specif_gauche_img
    {
        width: 100% !important;
        min-height: 55vw;
        aspect-ratio: 16/9;
    }
    
    #specif_droite_txt, #specif_gauche_txt
    {
        width: 85%;
        margin-top: 3vh;
    }
    
    
    #specif_droite_txt h5, #specif_gauche_txt h5
    {
        color: #F37E29;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 5vw;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.18vw;
        margin-top: 5vh;
        margin-bottom: 4vh;
    }
    
    #specif_droite_txt p, #specif_gauche_txt p
    {
        color: #030D4F;
        text-align: justify;
        font-family: "opensans-light";
        font-size: 3vw;
        font-style: normal;
        font-weight: 300;
        line-height: 161.5%;
    }
    
    #specif_droite_txt ul, #specif_gauche_txt ul
    {
        color: #030D4F;
        text-align: justify;
        font-family: "opensans-light";
        font-size: 3vw;
        font-style: normal;
        font-weight: 300;
        line-height: 161.5%; /* 29.07px */
        margin-top: 2vh;
        margin-left: 3vw;
    }
    
    

    
    
    
    #confi
    {
        width: 75%;
        height: 520vh;
        margin: auto;
        text-align: justify;
    
        font-family: "opensans-light";
        font-size: 0.9vw;
        font-style: normal;
        font-weight: 300;
        line-height: 161.5%; /* 29.07px */
    }
    
    #top_confi
    {
        height: 40vh;
        position: relative;
        overflow: hidden;
    }
    
    #top_confi h1
    {
        color: var(--bleuFonce);
        position: absolute;
    
        top: 25vh;
        left: 9vw;
    
        font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 4vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 11.875px;
    }
    
    
    #FAQ_white
    {
        width: 85%;
        margin: auto;
        padding-top: 12vh;
        padding-bottom: 25vh;
    
        transition: 0.5s all ease;
    }
    
    #FAQ_blue_sel
    {
        background-image: url(../img/backgrounds/faq_blue.png);
        background-size: cover;
        background-position: center;
    
        width: 100%;
        margin-top: 5vh;
    }
    
    #FAQ_blue
    {
        width: 85%;
        margin: auto;
        padding-top: 12vh;
        padding-bottom: 25vh;
    }
    
    
    #FAQ_white h3
    {
        color: #030D4F;
        text-align: center;
        font-family: "spartan-bold";
        font-size: 5vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15vw;
    
        margin-top: 8vh;
        margin-bottom: 8vh;
    }
    
    #FAQ_blue h3
    {
        color: #F37E29;
        text-align: center;
        font-family: "spartan-bold";
        font-size: 5vw;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.15vw;
    
        margin-top: 8vh;
        margin-bottom: 8vh;
    }
    
    .FAQ_white_elem
    {
        width: 100%;
        border-bottom: 1px solid var(--bleuFonce);
        transition: 1s all ease;
    }
    
    
    .FAQ_white_elem:hover
    {
      cursor: pointer;
    }
    
    .FAQ_white_elem:hover div h6
    {
      margin-bottom: 3.5vh;
    }
    
    .FAQ_white_elem:hover div img
    {
      margin-bottom: 3.5vh;
    }
    
    .FAQ_white_elem div
    {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3vh;
        
        transition: 0.5s all ease;
    }
    
    .FAQ_white_elem div h6
    {
        color: var(--bleuFonce);
        font-family: "opensans-light";
        font-size: 2.5vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        max-width: 80%;
        transition: 0.5s all ease;
        margin-bottom: 3vh;
    }
    
    .FAQ_white_elem div img
    {
        width: 5vw;
        transition: 0.5s all ease;
        height: 5vw;
        margin-bottom: 3vh;
    }
    
    .FAQ_white_elem p
    {
        color: var(--bleuFonce);
        font-family: "opensans-light";
        font-size: 3vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        width: 100%;
        text-align: justify;
    
        margin-top: 2vh;
        margin-bottom: 3vh;
    
        transition: 0.5s all ease;
        display: none;
    }
    
    
    
    
    
    
    .FAQ_blue_elem
    {
        width: 100%;
        border-bottom: 1px solid rgb(255, 255, 255);
        transition: 1s all ease;
    }
    
    
    .FAQ_blue_elem:hover
    {
      cursor: pointer;
    }
    
    .FAQ_blue_elem:hover div h6
    {
      margin-bottom: 3.5vh;
    }
    
    .FAQ_blue_elem:hover div img
    {
      margin-bottom: 3.5vh;
    }
    
    .FAQ_blue_elem div
    {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3vh;
    }
    
    .FAQ_blue_elem div h6
    {
        color: #ffffff;
        font-family: "opensans-light";
        font-size: 2.8vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        max-width: 80%;
        transition: 0.5s all ease;
        margin-bottom: 3vh;
    }
    
    .FAQ_blue_elem div img
    {
        width: 5vw;
        transition: 0.5s all ease;
        height: 5vw;
        margin-bottom: 3vh;
    }
    
    .FAQ_blue_elem p
    {
        color: #ffffff;
        font-family: "opensans-light";
        font-size: 3vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.15vw;
        width: 100%;
        text-align: justify;
    
        margin-top: 2vh;
        margin-bottom: 3vh;
    
        display: none;
    }



    #mob_menu_gen
    {
        display: none;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 3;

        background-color: #00052b;
    }

    #mob_menu_gen_title
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 70%;
        align-items: center;
        margin: auto;
        margin-top: 10vh;
    }

    #mob_menu_gen_title img
    {
        width: 10vw;
        height: auto;
    }

    #mob_menu_gen_txt
    {
        display: flex;
        flex-direction: column;
        width: 60%;
        margin: auto;
        margin-top: 8vh;
        height: 60%;
        justify-content: space-between;
    }

    #fermerMob
    {
        width: 6vw !important;
        height: auto;
    }

    .btn_mob_menu
    {
        /* width: 50%; */
        text-align: left;
        font-size: 5vw;
        text-decoration: none;
        color: white;
    }



}

/* ===== Section Avis clients (accueil) ===== */
#avis_home
{
    min-height: 60vh;
    width: 100vw;
    background-color: var(--blanc);
    padding-bottom: 10vh;
}

#avis_home h2
{
    font-size: 2.5vw;
    margin-left: 13vw;
    padding-top: 10vh;
    font-weight: 600;
    letter-spacing: 0.25vw;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--bleuFonce);
}

#avis_home_zone
{
    overflow: hidden;
    width: 100%;
    margin-top: 6vh;
}

#avis_home_track
{
    display: flex;
    width: max-content;
    align-items: stretch;

    animation: avis_defile 90s linear infinite;
}

#avis_home_zone:hover #avis_home_track
{
    animation-play-state: paused;
}

@keyframes avis_defile
{
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce)
{
    #avis_home_track { animation: none; }
}

.avis_card
{
    flex: 0 0 30vw;
    margin-right: 2vw;
    display: flex;
    flex-direction: column;

    background-color: #ffffff;
    border: 1px solid rgba(3, 13, 79, 0.12);
    border-radius: 8px;
    box-shadow: 0 6px 20px rgba(3, 13, 79, 0.05);

    padding: 2.3vw 2vw 2vw;
}

.avis_comment::before
{
    content: "\201C";
    display: block;

    font-family: Georgia, 'Times New Roman', serif;
    font-size: 3.6vw;
    line-height: 0.5;
    color: var(--orange);

    margin-bottom: -0.8vh;
}

.avis_comment
{
    flex-grow: 1;

    margin: 0;

    color: var(--bleuFonce);
    font-size: 0.78vw;
    line-height: 185%;
    letter-spacing: 0.05vw;
    font-weight: 600;
    font-family: "opensans-light";
}

.avis_name
{
    margin: 4.5vh 0 0 0;
    color: var(--bleuFonce);
    font-size: 0.9vw;
    font-family: "spartan-semi-bold";
}

@media only screen and (max-width: 700px)
{
    #avis_home h2
    {
        font-size: 6vw;
        margin-left: 8vw;
        padding-top: 8vh;
    }

    #avis_home_zone
    {
        margin-top: 4vh;
    }

    .avis_card
    {
        flex: 0 0 80vw;
        margin-right: 4vw;
        padding: 6.5vw 6vw 6vw;
    }

    .avis_comment::before
    {
        font-size: 13vw;
    }

    .avis_comment
    {
        font-size: 3.3vw;
    }

    .avis_name
    {
        font-size: 3.6vw;
    }
}