/*DEFAULT*/
    
    body {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0.05em;
    }
    
    *::first-letter {
        text-transform: uppercase;
    }
    
    .divider {
        width: 50px;
        border-bottom: 2px solid #243853;
        display: block;
        margin: 0 auto;
    }
    
    .divider-white {
        width: 50px;
        border-bottom: 2px solid #fff;
        display: block;
        margin: 0 auto;
    }
    
    h2 {
        letter-spacing: 0.02em;
        font: normal normal normal 30px/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif !important;
        color: #243853 !important;
        pointer-events: auto;
        line-height: normal;
    }
    
    img {
        object-fit: cover;
    }
    
    .buttn {
        background-color: transparent;
    }
    
    .buttn a {
        margin-top: 9px;
        border: solid rgba(16, 111, 154, 1) 2px;
        font: normal normal 700 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        transition: background 0.4s ease 0s;
        color: #FFFFFF;
        display: inline-block;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        text-decoration-style: none;
        border-radius: 0px !important;
    }
    
    .buttn a:hover {
        background: rgba(16, 111, 154, 1);
        color: #FFFFFF;
    }
    
    .buttn-b {
        background-color: transparent;
    }
    
    .buttn-b a {
        margin-top: 9px;
        border: solid #106d98 2px;
        font: normal normal 700 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        transition: background 0.4s ease 0s;
        color: #106d98;
        display: inline-block;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        text-decoration-style: none;
        border-radius: 0px !important;
    }
    
    .buttn-b a:hover {
        background: rgba(16, 111, 154, 1);
        color: #FFFFFF;
    }
    
    a {
        text-decoration: none !important;
        text-decoration-style: none !important;
    }
    /** DEFAULT*/
    /* MENU */
    
    .navbar {
        font: normal normal 700 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        text-transform: uppercase;
    }
    
    #navbar-brand {
        font: normal normal normal 29px/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif !important;
        transition: color 0.4s ease 0s;
        color: #243853 !important;
        white-space: nowrap;
        display: inline-block;
        text-align: initial;
    }
    
    .navbar .navbar-brand {
        justify-self: start;
        margin-left: 28px;
        align-self: start;
    }
    
    .navbar-collapse {
        justify-self: end;
        margin-right: 20px;
        align-self: start;
        margin-top: 15px;
        text-align-last: right;
    }
    
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    
    .navbar-nav li {
        padding-right: 30px !important;
    }
    
    .navbar li a {
        color: #243853 !important;
    }
    
    .navbar-nav li a:hover,
    .navbar-nav li.active {
        color: #ffffff !important;
        background-color: #243853 !important;
    }
    
    .icon-bar {
        background-color: #243853 !important;
    }
    
    .dropdown-menu {
        background-color: #243853 !important;
        box-shadow: 0 16px 24px 2px rgba(247, 245, 245, 0.2), 0 6px 30px 5px rgba(247, 245, 245, 0.2), 0 8px 10px -5px rgba(247, 245, 245, 0.2) !important;
    }
    
    .dropdown-menu .dropdown-item {
        color: #ffffff !important;
        text-decoration: none;
        text-decoration-style: none;
        padding: 5px;
        width: 100% !important;
        display: inline-block;
        text-align-last: left !important;
    }
    
    .dropdown-menu .dropdown-item:hover {
        color: #243853 !important;
        background: #ffffff !important;
    }
    
    #navbarDropdown {
        width: 100%;
    }
    /**MENU*/
    /*BACKGROUND*/
    
    .fond-image {
        background: url(../img/Livre_cabiet.webp) center top;
        height: 1000px;
        position: fixed;
        top: 5%;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    /**BACGROUND*/
    /*SECTION 1*/
    
    #section-1 {
        height: 800px;
    }
    
    .cabinet {
        position: relative;
        top: 80px;
        left: 10%;
        widows: 100%;
        z-index: 2;
        height: auto;
    }
    
    .cabinet-nom {
        text-transform: uppercase;
        color: #FFFFFF;
        width: 80%;
        display: inline-block;
        letter-spacing: 0.05em;
        font-size: 5vmax;
        font-weight: bold;
        line-height: .9em;
    }
    
    .slogan {
        color: #FFFFFF;
        letter-spacing: 0.05em;
        font: normal normal italic 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        text-align: start;
    }
    /**SECTION 1*/
    /*LE CABINET*/
    
    #le_cabinet {
        position: relative;
        z-index: 2;
        background: #F2F2F2;
        width: 100%;
    }
    
    .img {
        padding-top: 7%;
        padding-left: 12%;
        position: relative;
        left: -44px;
        justify-self: start;
        align-self: start;
    }
    
    .img img {
        border-bottom: 8px solid #106f9a;
    }
    
    .aside {
        background: #FFFFFF;
        position: relative;
        top: 190px;
        right: 150px;
        line-height: 1em;
    }
    
    .aside a {
        text-decoration-style: none !important;
        font: normal normal normal 18px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        text-decoration: none;
    }
    
    .aside a:hover {
        text-decoration-style: none !important;
        color: rgb(194, 179, 247);
    }
    
    .aside p {
        font: normal normal normal 13px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        color: #243853;
        line-height: .9em;
    }
    
    .svg {
        margin-top: 25px;
        padding-top: 3px;
        padding-left: 5px;
        height: 55px;
        width: 55px;
        border-radius: 50%;
        border: 2px solid #106f9a;
    }
    
    .detail_cabinet {
        width: 30vw;
    }
    
    .detail_cabinet h2 {
        letter-spacing: 0.02em;
        font: normal normal normal 35px/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif;
        color: #243853;
        font-weight: 10px;
    }
    
    .detail_cabinet p {
        font: normal normal normal 13px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        color: #243853;
        text-align: start;
    }
    /**LE CABINET*/
    /*TEAM*/
    
    #team {
        background: #ffffff;
        border-top: 220px solid #f2f2f2;
        padding-bottom: 100px;
    }
    
    .teaam_h2 {
        font-size: 50px !important;
    }
    
    .team-menbers {
        background: #ffffff;
        margin: 0 auto;
    }
    
    .team-menbers img {
        margin-top: 30px;
        width: 200px;
        height: 329px;
        object-fit: cover;
    }
    
    .team-menbers>div {
        margin-left: 35px;
        opacity: 1;
    }
    
    .team-menbers>div :hover {
        transition: all 0.4s ease 0s;
        opacity: .5;
    }
    
    .team-name h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        font: normal normal normal 25px/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif !important;
        color: #243853;
        white-space: nowrap;
        display: block;
    }
    
    .team-name span {
        overflow: hidden;
        text-overflow: ellipsis;
        color: #243853;
        font: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif !important;
        display: block;
        margin-top: .05em;
    }
    /**TEAM*/
    /*CAROUSEL*/
    
    #carousel {
        background-color: #106f9a;
        width: 100%;
        height: 500px;
    }
    
    .carousel-indicators {
        bottom: 0px;
    }
    
    .carousel-indicators li {
        border-color: #fff;
    }
    
    .carousel-indicators li.active {
        background-color: #fff;
    }
    
    #myCarousel .item {
        padding: 40px 30px;
    }
    
    #myCarousel .item h3 {
        color: #fff;
        font-style: italic;
        letter-spacing: 0.02em;
        line-height: 1.2em;
        text-align: center;
        font: italic normal normal 5vmax/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif !important;
    }
    
    #myCarousel .item h4 {
        color: #fff;
        letter-spacing: 0.05em;
        font: normal normal normal 18px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
    }
    /**CAROUSEL*/
    /*ACTUALITE*/
    
    .actuality img {
        margin-top: 30px;
        width: 500px;
        height: 329px;
    }
    /**ACTUALITE*/
    /*FOOTER*/
    
    footer {
        background: #243853;
    }
    
    .margin-x {
        margin-top: 30px !important;
    }
    
    .footer-aside-left {
        text-align-last: left;
    }
    
    .footer-aside-left h4 {
        letter-spacing: 0.07em;
        color: #FFFFFF;
        font: normal normal normal 25px/1.4em cormorantgaramond-semibold, 'cormorant garamond', serif !important;
    }
    
    .footer-aside-left p {
        font: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif !important;
        color: #FFFFFF;
        letter-spacing: 0.08em;
        line-height: 1.7em;
    }
    
    .footer-aside-left p a {
        color: #fff;
    }
    
    .form input {
        font: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        background-color: rgba(36, 56, 83, 1);
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 2px solid rgba(255, 255, 255, 1);
        color: #FFFFFF;
        margin: 0 0 5px;
        width: 100%;
        border-radius: 0;
        padding: 5px;
    }
    
    .form textarea {
        min-height: 130px;
        resize: none;
        font: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif;
        background-color: rgba(36, 56, 83, 1);
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 2px solid rgba(255, 255, 255, 1);
        color: #FFFFFF;
        margin: 0 0 5px;
        width: 100%;
        border-radius: 0;
        padding: 5px;
    }
    
    .buttn-contact {
        grid-column: 3;
        grid-row: 1/span 1;
        justify-self: end;
        background-color: rgba(36, 56, 83, 1);
        font: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, sans-serif !important;
        border: 0;
        color: #FFFFFF;
        cursor: pointer;
        margin: 0;
        border-radius: 0;
        padding: 5px;
    }
    
    .copyright {
        margin-top: 50px !important;
    }
    
    .copyright .text-left {
        letter-spacing: 0.09em;
        line-height: normal;
        letter-spacing: normal;
        pointer-events: auto;
        font: normal normal normal 12px/1.4em avenir-lt-w01_35-light1475496, sans-serif !important;
        color: #FFFFFF;
    }
    
    .copyright svg {
        stroke-width: 0;
        fill-opacity: 1;
        stroke: rgba(255, 255, 255, 1);
        stroke-opacity: 1;
        fill: rgba(255, 255, 255, 1);
    }
    
    .svg-scroll-up svg {
        width: 25px;
        height: 15px;
        transform: rotate(180deg);
    }
    /**FOOTER*/
    /*QUERY*/
    
    @media screen and (max-width: 985px) {
        .detail_cabinet {
            width: auto;
        }
        .aside {
            top: 0;
            left: 4%;
        }
        .team {
            border-top: none;
        }
        .margin-x {
            margin: 0 !important;
        }
    }
    
    @media screen and (max-width: 372px) {
        .aside {
            top: 0;
            right: 0;
        }
    }
    /**QUERY*/