/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .container-full-tablet {
        margin-left: 56px;
        margin-right: 56px;
    }

    .container {
        margin-left: 0;
        width: 100%;
        position: relative;
    }

    .headtop,
    header {
        display: none;
    }

    .container-full-tablet {
        display: flex;
        justify-content: space-between;
    }

    .headtop-tablet {
        display: block;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        z-index: 100;
    }

    .headtop-tablet .burger {
        position: relative;
        height: 30px;
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    .headtop-tablet .burger .masked {
        margin-top: 40px;
        background-color: #353E47;
        position: absolute;
        z-index: 999;
        top: 0;
        right: -56px;
        height: 0;
        width: 180px;
        overflow: hidden;
        transition: .3s ease-in-out;
    }

    .headtop-tablet .burger .masked ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .headtop-tablet .burger .masked ul li {
        list-style-type: none;
        margin: 10px 0;
        transition: .1s ease-in-out;
    }

    .headtop-tablet .burger .masked ul li a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.6rem;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 30px;
        padding-right: 30px;
        color: #FFF;
    }

    .headtop-tablet .burger .masked .menu-menu-entete-container ul li a {
        color: #E48762;
    }

    .headtop-tablet .burger .burger-icon {
        position: relative;
        width: 30px;
        background-color: #FFF;
        height: 3px;
        border-radius: 2px;
        animation: burger-base .4s ease-in-out forwards;
    }

    .headtop-tablet .burger .burger-icon::before {
        content: " ";
        border-radius: 2px;
        position: absolute;
        width: 30px;
        height: 3px;
        bottom: 10px;
        background-color: #FFF;
        animation: burger-before .4s ease-in-out forwards;
    }

    .headtop-tablet .burger .burger-icon::after {
        content: " ";
        border-radius: 2px;
        position: absolute;
        width: 24px;
        height: 3px;
        top: 10px;
        background-color: #FFF;
        animation: burger-after .4s ease-in-out forwards;
    }

    .headtop-tablet .burger.active .burger-icon {
        animation: burger-base-active .4s ease-in-out forwards;
    }

    .headtop-tablet .burger.active .burger-icon::before {
        animation: burger-before-active .4s ease-in-out forwards;
    }

    .headtop-tablet .burger.active .burger-icon::after {
        animation: burger-after-active .4s ease-in-out forwards;
    }

    .headtop-tablet .burger.active .masked {
        height: 355px;
    }

    .action {
        cursor: pointer;
        z-index: 99999;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    @-webkit-keyframes burger-base {
        0% {
            background-color: #353E47;
        }

        50% {
            background-color: #353E47;
        }

        100% {
            background-color: #FFF;
        }
    }

    @keyframes burger-base {
        0% {
            background-color: #353E47;
        }

        50% {
            background-color: #353E47;
        }

        100% {
            background-color: #FFF;
        }
    }

    @-webkit-keyframes burger-before {
        0% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            bottom: 0;
        }

        50% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 0;
        }

        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }
    }

    @keyframes burger-before {
        0% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            bottom: 0;
        }

        50% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 0;
        }

        100% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }
    }

    @-webkit-keyframes burger-after {
        0% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0;
            width: 30px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            width: 30px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 30px;
        }

        100% {
            width: 24px;
        }
    }

    @keyframes burger-after {
        0% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 0;
            width: 30px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            width: 30px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 30px;
        }

        100% {
            width: 24px;
        }
    }

    @-webkit-keyframes burger-base-active {
        0% {
            background-color: #FFF;
        }

        33% {
            background-color: #FFF;
        }

        66% {
            background-color: #FFF;
        }

        100% {
            background-color: #353E47;
        }
    }

    @keyframes burger-base-active {
        0% {
            background-color: #FFF;
        }

        33% {
            background-color: #FFF;
        }

        66% {
            background-color: #FFF;
        }

        100% {
            background-color: #353E47;
        }
    }

    @-webkit-keyframes burger-before-active {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 0;
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            bottom: 0;
        }
    }

    @keyframes burger-before-active {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 10px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            bottom: 0;
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            bottom: 0;
        }
    }

    @-webkit-keyframes burger-after-active {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 24px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 30px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            width: 30px;
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 0;
            width: 30px;
        }
    }

    @keyframes burger-after-active {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 24px;
        }

        33% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 10px;
            width: 30px;
        }

        66% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            top: 0;
            width: 30px;
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 0;
            width: 30px;
        }
    }

    .headtop-tablet {
        display: block;
        position: relative;
        width: 100%;
        background-color: #353E47;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 100;
    }

    .header-tablet {
        display: block;
        position: relative;
        width: 100%;
        background-color: #FFF;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 10;
        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    }

    .section1 {
        margin-top: 0px;
        min-height: calc(100vh - 80px);
    }

    .intitule {
        justify-content: center;
    }

    .intitule a {
        color: #353E47;
    }

    .section1 .container {
        margin: 100px 0;
        display: flex;
        justify-content: center;
    }

    .white-block {
        max-width: 575px;
        padding: 50px 75px;
    }

    .btn-box {
        display: flex;
        flex-wrap: wrap;
    }

    .deposer,
    .payer {
        width: 50%
    }

    .connecter {
        width: 100%
    }

    .mission {
        padding-bottom: 70px;
    }

    /* --------------section1-------------- */

    .section-content {
        max-width: 100%;
        margin: 60px 56px;
    }

    .section-defaut .img-colonne {
        display: none;
    }

    .section-defaut .img-ligne {
        background-size: cover;
        width: 100%;
        height: 124px;
        position: absolute;
        top: 0;
        left: 0
    }

    .section-defaut .container {
        margin-top: 118px;
        margin-bottom: 60px;
    }

    .section-title .trait {
        margin-bottom: 40px;
    }

    .services-group-pos p {
        display: none;
    }

    .services-group-pos h4 {
        padding-left: 80px;
        padding-right: 80px;
    }

    /* --------------section services-------------- */
    .block-left {
        width: 53%;
    }

    .block-right {
        width: 40%;
    }

    .etude-block p {
        margin-bottom: 15px;
    }

    /* --------------section etude-------------- */
    .map iframe {
        max-width: 100%;
    }

    .actutablet .container {
        margin-top: 0;
    }

    .actutablet .container .section-content {
        margin: 0 56px;
    }

    footer {
        margin-top: 60px;
    }

    /* --------------section contact et actualites-------------- */
    .section-defaut.etude {
        margin-top: 0;
    }

    .section-defaut.etude .container {
        margin-top: 0;
        margin-left: 0;
    }

    .section-defaut .section-content {
        margin-top: 154px;
    }

    .section-defaut .section-content.fulls {
        margin-top: 50px;
    }

    .section-defaut.etude .menu-title,
    .section-defaut.etude .info-top {
        display: none;
    }

    /* --------------page notre etude-------------- */

    .section-defaut.nosservices {
        margin-top: 0;
        margin-left: 0;
    }

    .section-defaut.nosservices .container {
        margin-top: 0;
        margin-left: 0;
    }

    .section-defaut.nosservices .section-content {
        margin-top: 154px;
    }

    .missions {
        min-height: 143px;
        margin-bottom: 40px;
    }

    .icon-missions {
        width: 105px;
        height: 81px
    }

    .btn-missions {
        width: 105px;
        height: 47px;
    }

    .icon-missions img {
        width: 40%;
    }

    .missions-info {
        padding: 30px 40px 30px 40px;
    }

    .missions-info p {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    .missions-info h2 {
        margin-bottom: 15px;
    }

    /* --------------page nos services-------------- */
    .section-defaut.missions-constat {
        margin-top: 0;
        margin-left: 0;
    }

    .section-defaut.missions-constat .container {
        margin-top: 0;
        margin-left: 0;
    }

    .section-defaut.missions-constat .section-content,
    .section-defaut-without {
        width: auto;
        margin: 30px 30px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .service-constat-colonne {
        width: 108px;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
    }

    .services-group-pos h4 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .constat-services-tableau {
        margin-bottom: 30px;
        padding: 40px 70px 40px 70px;
    }

    .missions-constat .services-group-pos {
        margin-bottom: 0;
    }

    .constat-services-onglet .onglet-left,
    .constat-services-onglet .onglet-right {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* --------------page nos services ( déplié )-------------- */
    .section-defaut-without.vente-archive .title-block {
        display: flex;
    }

    .section-defaut-without.vente-archive .title-block img {
        width: 100%;
    }

    .section-defaut-without.vente-archive {
        width: 100%;
        margin-top: 30px;
        padding-left: 56px;
        padding-right: 56px;
    }

    .ventes-description,
    .ventes-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* --------------page ventes-------------- */
    .section-defaut-without.actualites-archives {
        width: 100%;
        margin-top: 30px;
        padding-left: 56px;
        padding-right: 56px;
    }

    .actualites-description,
    .actualites-block {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* --------------page actualites ( archives )-------------- */
    .section-defaut-without.actualites-single {
        width: 100%;
        margin-top: 30px;
        padding-left: 56px;
        padding-right: 56px;
    }

    .banniere-actualites {
        display: none;
    }

    .banniere-actualites-tablet {
        margin-top: 0;
        display: block;
    }

    /* --------------page actualites ( single )-------------- */
    .section-defaut.contact .img-colonne {
        display: block;
        position: fixed;
    }

    .section-defaut.contact .container {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 200px;
        width: calc(100% - 200px);
    }

    .section-defaut.contact .section-content {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .contact-form {
        width: 40%;
    }

    .contact-localisation {
        width: 55%;
    }

    .contact-localisation iframe {
        height: 280px;
    }

    /* --------------pages nous contacter-------------- */
    .banniere-missions {
        top: 0;
    }

    .section-defaut.depot-actes,
    .section-defaut.paiement,
    .section-defaut.espace-client {
        margin: 30px 0;
        padding-left: 56px;
        padding-right: 56px;
    }

    .section-defaut.depot-actes img {
        display: none;
    }

    .section-defaut.depot-actes .title-block .icon-services {
        margin-right: 0;
    }

    .multi-form .form-title.valid~p {
        width: 100%;
    }

    .section-defaut.paiement,
    .section-defaut.espace-client {
        min-height: calc(100vh - 230px);
    }

    .section-defaut.paiement .paiement-info {
        padding: 30px 50px 20px;
    }

    /* --------------pages ( dépôt d'actes, paiement, espace client-------------- */

    .section-defaut-without.annonce-single {
        width: 100%;
        min-height: calc(100vh - 80px);
        margin-top: 30px;
        padding-left: 56px;
        padding-right: 56px;
    }

    .section-defaut.depot-actes,
    .section-defaut.paiement,
    .section-defaut.espace-client {
        width: 100%;
    }

    .section-defaut.presentationannexe {
        width: auto;
        margin: 30px 30px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .paiement-block {
        display: flex;
        justify-content: center;
    }

    .paiement-infoblock {
        margin-right: 30px;
    }

    .paiement-form {
        margin-left: 30px;
    }

    .section-defaut.presentationannexe .paiement-logo {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut.presentationannexe .paiement-logo img {
        margin: 0 10px;
    }

    .section-defaut.erreur .info-top {
        display: block;
    }
}

@media (max-width: 1240px) {
    .services-group-pos p {
        display: none;
    }

    .mission {
        width: 32.5%;
    }
}

@media (max-width: 1240px) and (min-width: 1199.98px) {
    .topmenu nav ul li a {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.section-defaut.contact .img-ligne {
    display: none;
}

@media (max-width: 991.98px) {

    .section-defaut .container {
        margin-bottom: 0;
    }

    .services-group-pos {
        padding-left: 30px;
        padding-right: 30px;
    }

    .mission {
        width: 48%;
    }

    .services-group-pos .mission:last-child {
        margin-right: 10px;
    }

    .actu-titre {
        font-size: 2rem;
    }

    .section-defaut .section-content .etude-block {
        flex-direction: column;
        align-items: center;
    }

    .section-defaut .section-content .block-left,
    .section-defaut .section-content .block-right {
        width: 70%;
    }

    .section-defaut .section-content .block-right img {
        width: 70%;
    }

    .contact-list .list.localisation,
    .contact-list .list.time,
    .contact-list .list.contact {
        padding-left: 12px;
        padding-right: 12px;
        justify-content: center;
    }

    .contact-list .list.time:before,
    .contact-list .localisation:before,
    .contact-list .list.contact:before {
        left: calc(50% - 25px);
    }

    .section-defaut .section-content .contact-list .list {
        align-items: center;
    }

    .section-defaut .section-content .contact-list p {
        text-align: center;
    }

    .section-defaut .section-content .localisation,
    .time,
    .contact {
        padding-left: 15px;
        padding-right: 15px;
    }

    .section-defaut .section-content .actualites-group .actu {
        width: 49.4%;
    }

    .section-defaut .section-content .actualites-group .actu img {
        width: 100%;
    }

    .section-defaut .section-content .etude-block .block-left,
    .section-defaut .section-content .etude-block .block-right {
        width: 100%;
    }

    .section-defaut .section-content .etude-block .block-right img {
        width: 60%;
    }

    .section-defaut.nosservices .service-constat-colonne {
        display: none;
    }

    .section-defaut.nosservices {
        margin-left: 0;
    }

    .section-defaut-without.actualites-single h1 {
        font-size: 3.2rem;
    }

    .section-defaut.contact .contact-block {
        flex-direction: column;
        align-items: center;
    }

    .section-defaut.contact .contact-form {
        width: 65%;
    }

    .section-defaut.contact .contact-localisation {
        width: 100%;
    }

    .section-defaut.contact .localisation-info {
        display: none;
    }

    .ventes-block .wifdt .annonce-click {
        display: none;
    }

    .section-defaut-without.annonce-single .containerfull {
        flex-direction: column;
        align-items: center;
    }

    .section-defaut-without.annonce-single .annonce-intitule-tablet,
    .section-defaut-without.annonce-single .annonce-intitule-tablet:before {
        display: block;
    }

    .section-defaut-without.annonce-single .annonce-intitule,
    .section-defaut-without.annonce-single .annonce-intitule:before {
        display: none;
    }

    .section-defaut-without.annonce-single .annonce-other-photos {
        display: none;
    }

    .section-defaut-without .annonce-block-left {
        width: 100vw;
    }

    .section-defaut-without .annonce-descriptions {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut-without .ventes-block .wifdt {
        font-size: 1.6rem;
        padding: 10px 15px;
    }

    .section-defaut-without .annonce-single .section-defaut.depot-actes,
    .section-defaut.paiement,
    .section-defaut.espace-client {
        width: 100%;
    }

    .multi-form .multi-form-block {
        flex-direction: column;
        align-items: center;
    }

    .multi-form .input-block-left,
    .multi-form .input-block-right {
        align-items: center;
        width: 75%;
    }

    .multi-form .multi-form-block .input-block-right {
        padding-top: 0;
    }

    .input-block-center {
        width: 67.5%;
        margin: 0 auto;
    }

    .multi-form #comment-message {
        display: block;
        margin: 0 auto 40px;
        width: 67.5%;
    }

    .section-defaut.paiement .paiement-block {
        flex-direction: column;
        align-items: center;
    }

    .section-defaut.paiement .paiement-infoblock {
        width: 60%;
        margin-bottom: 45px;
    }

    .section-defaut.paiement .paiement-form {
        width: 60%;
    }

    .section-defaut.espace-client .espace-perso-block {
        flex-direction: column;
        align-items: center;
    }

    .section-defaut.espace-client .espace-perso-infoblock {
        width: 60%;
        margin-bottom: 50px;
    }

    .section-defaut.espace-client .espace-perso-info li:last-child {
        margin-bottom: 20px;
    }

    .section-defaut.espace-client .compte-form {
        width: 60%;
    }

    .constat:nth-of-type(1) {
        order: 1;
    }

    .execution:nth-of-type(2) {
        order: 2;
    }

    .recouvrement:nth-of-type(3) {
        order: 6;
    }

    .depot:nth-of-type(4) {
        order: 3;
    }

    .saisie:nth-of-type(5) {
        order: 4;
    }

    .litiges:nth-of-type(6) {
        order: 5;
    }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .ariane {
        display: none;
    }

    .header-tablet {
        display: none;
    }

    .white-block {
        max-width: 65%;
        padding: 35px 60px;
    }

    .hero h1 {
        font-size: 2.4rem;
    }

    .hero h2 {
        font-size: 2rem;
    }

    .white-block p {
        display: none;
    }

    .section-content.fulls .contact-list {
        background-color: #F4F4F4;
        flex-direction: column;
        align-items: center;
        padding-bottom: 60px;
    }

    .section-content.fulls .contact-list span:last-child {
        margin-top: 30px;
    }

    .section-content.fulls .map {
        display: none;
    }

    .section-defaut.nosservices .menu-title .search {
        display: none;
    }

    .section-defaut.nosservices .info-top {
        display: none;
    }

    .section-defaut.nosservices .missions {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }

    .section-defaut.nosservices .missions.respblue {
        background-color: #353E47;
    }

    .section-defaut.nosservices .missions.respblue p,
    .section-defaut.nosservices .missions.respblue h2 {
        color: #FFF;
    }

    .section-defaut.nosservices .missions.respgrey {
        background-color: #CCC6C8;
    }

    .section-defaut.nosservices .missions.respgreylight {
        background-color: #F4F4F4;
    }

    .section-defaut.nosservices .missions .block-side .btn-missions {
        display: none;
    }

    .section-defaut .service-constat-colonne {
        display: none;
    }

    .section-defaut.missions-constat {
        margin-left: 0;
    }

    .section-defaut.nosservices .missions-info {
        border: none;
        margin: 0;
        padding: 10px 40px 30px 40px;
    }

    .section-content .nosservices-tablet {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .section-defaut.nosservices .missions .icon-missions.grey,
    .section-defaut.nosservices .missions .icon-missions.blue,
    .section-defaut.nosservices .missions .icon-missions.greylight {
        background-color: transparent;
    }

    .section-defaut.nosservices .missions .icon-missions {
        margin: 15px auto 0;
    }

    .section-defaut.nosservices .missions .icon-missions img {
        width: 60px;
    }

    .section-defaut.nosservices .missions {
        width: 49.2%;
        padding-top: 10px;
    }

    .section-defaut.nosservices .missions .icon-missions {
        margin: 5px auto 0;
    }

    .section-defaut.nosservices .missions-info h2 {
        text-align: center;
        margin-top: -10px;
    }

    .section-defaut.missions-constat .constat-services-onglet {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .section-defaut.missions-constat .constat-services-onglet>a {
        width: 100%;
    }

    .section-defaut.missions-constat .constat-services-onglet .onglet-left {
        margin-right: 0;
    }


    .section-defaut.missions-constat .services-group-pos {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut-without .annonce-descriptions {
        padding-top: 10px;
    }

    .section-defaut.espace-client .espace-perso-infoblock {
        width: 90%;
    }

    .section-defaut.espace-client .compte-form {
        width: 90%;
    }

    .paiement-block,
    .espace-perso-block {
        flex-direction: column;
        align-items: center;
    }

    .paiement-infoblock,
    .espace-perso-infoblock {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .paiement-form {
        margin-left: 0;
    }

    .paiement-infoblock,
    .paiement-form,
    .espace-perso-infoblock,
    .compte-form {
        width: 100%;
    }

    .depot-acte-description {
        margin-bottom: 0;
    }

    .multi-form .multi-form-block {
        margin-top: 30px;
    }

    .section-defaut.paiement .paiement-infoblock {
        width: 90%;
    }

    .section-defaut.paiement .paiement-form {
        width: 90%;
    }

    .section-defaut.paiement .paiement-logo {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut.paiement .paiement-form #date-expir {
        width: 100%;
    }

    .section-defaut.paiement .paiement-form #crypto {
        width: 100%;
    }

    .multi-form .input-block-left,
    .multi-form .input-block-right {
        width: 90%;
    }

    .input-block-center {
        width: 80.5%;
        margin: 0 auto;
    }

    .multi-form #comment-message {
        display: block;
        margin: 0 auto 40px;
        width: 80.5%;
    }

    .section-defaut.contact .img-colonne {
        display: none;
    }

    .section-defaut.contact {
        justify-content: center;
    }

    .section-defaut.contact .container {
        margin-left: 0;
        width: 90%
    }

    .section-defaut.contact .section-content {
        margin-left: 0;
        margin-right: 0;
    }

    .section-defaut.contact .img-ligne {
        display: block;
    }

    .section-defaut.contact .section-content {
        margin-top: 154px;
    }

    .section-defaut.contact .contact-form {
        width: 90%;
    }

    .section-defaut.contact .contact-form .captcha img {
        margin-bottom: 30px;
    }

    .section-defaut.contact .menu-title {
        margin-left: 20px;
    }

    .section-defaut-without .actualites-block {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut-without.actualites-archives .actualites-description {
        display: none;
    }

    .section-defaut-without .actu-bouton {
        padding: 10px 15px 10px;
    }

    .section-defaut-without .actu-bouton .actu-titre {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .section-defaut-without .actu-bouton .actu-date {
        margin-bottom: 5px;
    }

    .banniere-actualites-tablet {
        height: 325px;
    }

    .section-defaut-without.vente-archive .ventes-description {
        display: none;
    }

    .section-defaut-without .section-title h1 {
        font-size: 2.2rem;
    }

    .section-defaut-without .icon-services img {
        width: 80%;
    }

    .section-defaut-without .ventes-block {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut-without .ventes-block .wifdt {
        font-size: 1.6rem;
        padding: 10px 15px;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .white-block {
        padding: 25px 35px;
    }

    .section-title h1 {
        font-size: 2.4rem;
    }

    .section-defaut-without.annonce-single {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-defaut-without {
        margin: 30px 0;
    }

    .header-tablet {
        display: none;
    }

    .etude-block h2 {
        padding-right: 80px;
    }

    .section-content .carte h2::after,
    .section-content .presentation h2::after {
        top: 63px;
    }

    .section-content {
        margin: 60px 15px;
    }

    .section-defaut .section-content,
    .section-defaut.contact .section-content {
        margin-top: 100px;
    }

    .banniere-missions {
        height: 70Px;
    }

    .section-title h3 {
        font-size: 2.6rem;
    }

    .section-defaut .container .section-content .etude-block h5 {
        font-size: 2.4rem;
    }

    .section-defaut .container .section-content .etude-block .trait {
        margin-bottom: 15px;
    }

    .section-defaut .img-ligne {
        height: 70px;
    }

    .white-block {
        max-width: 90%;
    }

    .btn-box .btn {
        width: 100%;
    }

    .mission {
        width: 90%;
    }

    .nosservices-tablet .missions {
        flex-direction: column;
    }

    .nosservices-tablet .icon-missions {
        width: 100%;
        height: 81px;
        margin-bottom: 0;
        background-color: transparent !important;
        border: 1px solid orange;
        border-bottom: none;
        padding-top: 15px;
    }

    .missions-info h2 {
        text-align: center;
        color: #353E47;
    }

    .missions-info a {
        color: #FFF;
    }

    .icon-missions img {
        width: 45px;
    }

    .nosservices-tablet .missions-info {
        padding: 10px 30px 20px 30px;
        margin-left: 0;
        margin-right: 0;
        border-top: none;
    }

    .missions.blockright .missions-info {
        margin-right: 0;
        border-top: none;
    }

    .nosservices-tablet .btn-missions {
        display: none;
    }

    .btn-missions-resp {
        background-color: #353E47 !important;
        display: inline-flex;
    }

    .section-content .nosservices-tablet {
        flex-direction: column;
    }

    .section-content .nosservices-tablet .missions {
        width: 100%;
    }

    .section-defaut.missions-constat .section-content,
    .section-defaut-without {
        margin: 30px 0px;
    }

    .services-group-pos {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        justify-content: center;
    }

    .section-defaut.missions-constat .title-block .icon-services {
        margin-right: 15px;
    }

    .section-defaut.missions-constat .constat-services-tableau {
        padding: 20px 20px 20px 20px;
    }

    .section-defaut.missions-constat h2 {
        font-size: 2.4rem;
    }

    .actualites-group-pos {
        flex-direction: column;
    }

    .services-group-pos .mission {
        margin-right: 0;
        margin-left: 0;
    }

    .section-content .presentation,
    .section-content .approche,
    .section-content .carte {
        padding: 20px 20px 20px 20px;
    }

    .section-defaut .section-content .etude-block .block-right img {
        width: 100%;
    }

    .actutablet .container .section-content {
        margin: 0 40px;
    }

    .services-group-pos h4 {
        font-size: 1.6rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-defaut-without.actualites-archives {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-defaut .section-content .actualites-group .actu {
        width: 100%;
    }

    .section-defaut-without.actualites-archives {
        margin-top: 20px;
    }

    .section-defaut-without .actualites-block {
        flex-direction: column;
    }

    .section-defaut-without.actualites-archives .icon-services img {
        width: 45px;
        margin-bottom: 15px;
    }

    .section-defaut-without.actualites-archives .title-block {
        display: block;
        text-align: center;
    }

    .section-defaut-without.actualites-archives .section-title .trait {
        margin-left: auto;
        margin-right: auto;
    }

    .description {
        margin-bottom: 0;
    }

    .description h1 {
        margin-bottom: 20px;
        font-size: 2.8rem;
    }

    .section-defaut-without .actualites-block .annonce {
        width: 100%;
    }

    .title-block .icon-services {
        margin-right: 0;
    }

    .section-defaut-without.actualites-single {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-defaut-without.actualites-single h1 {
        font-size: 2rem;
    }

    .section-defaut-without.actualites-single h2,
    .section-defaut-without.actualites-single p {
        font-size: 1.3rem;
    }

    .section-defaut-without.actualites-single .trait {
        width: 100%;
    }

    .section-defaut-without .actualite-reseaux {
        width: 50%;
    }

    .section-defaut-without .actualite-other {
        display: none;
    }

    .section-defaut-without .actualite-bottom {
        margin-bottom: 0;
    }

    .actualites-group-pos .actu-titre {
        font-size: 1.9rem;
    }

    .section-content .actualites-group .actu-other-block {
        display: none;
    }

    .banniere-actualites-tablet {
        height: 190px;
    }

    .section-content.fulls .list.localisation p {
        font-size: 1.5rem;
    }

    .section-defaut.contact .contact-localisation {
        width: 100vw;
    }

    .section-defaut-without .annonce-descriptions {
        padding-top: 0;
    }

    .section-content.fulls .contact-list {
        padding-bottom: 0;
        padding-top:30px;
    }

    .section-content.fulls .contact-list .list.localisation,
    .section-content.fulls .contact-list .list.time,
    .section-content.fulls .contact-list .list.contact {
        width: 100%;
        margin-top:40px;
        margin-bottom: 15px;
        padding-top: 20px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .section-content.fulls .contact-list .list.localisation::before,
    .section-content.fulls .contact-list .list.time::before,
    .section-content.fulls .contact-list .list.contact::before {
        top: -40px;
        width: 45px;
        height: 45px;
    }


    .section-defaut.presentationannexe {
        padding-left: 0;
        padding-right: 0;
    }

    .paiement-logo {
        justify-content: center;
    }

    .section-defaut.contact .contact-form {
        width: 100%;
    }

    .section-content.fulls .contact-list .icon-contact {
        display: flex;
        justify-content: center;
    }

    .section-content.fulls .contact-list .icon-contact img {
        width: 60%;
    }

    .section-content.fulls .contact-list p {
        font-size: 1.4rem;
    }

    .section-defaut.contact .section-content {
        padding-left: 0;
        padding-right: 0;
    }

    .section-defaut-without.vente-archive {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20px;
    }

    .section-defaut-without.vente-archive .title-block {
        display: block;
        text-align: center;
    }

    .section-defaut-without.vente-archive .title-block .trait {
        margin-left: auto;
        margin-right: auto;
    }

    .section-defaut-without.vente-archive .title-block .icon-services img {
        width: 45px;
        margin-bottom: 10px;
    }

    .section-defaut-without.vente-archive .annonce-boutton {
        font-size: 16px;
        padding: 15px 20px;
    }

    .section-defaut-without .ventes-block {
        flex-direction: column;
        align-items: center
    }

    .section-defaut-without .ventes-block .annonce {
        width: 100%;
    }

    .section-defaut-without.annonce-single .bouton-prev a {
        font-size: 1.7rem;
    }

    .section-defaut-without .actu-bouton .actu-titre {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 2rem;
    }

    .mentions ul li a {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 1rem;
    }

    .section-defaut.depot-actes,
    .section-defaut.paiement,
    .section-defaut.espace-client {
        padding-left: 40px;
        padding-right: 40px;
    }

    .section-defaut.espace-client .espace-perso-infoblock,
    .section-defaut.paiement .paiement-infoblock {
        width: 100%;
    }

    .depot-acte-description p {
        font-size: 1.5rem;
        margin-bottom: 40px;
    }

    .multi-form .form-title {
        font-size: 2.2rem;
    }

    .multi-form #comment-message,
    .inputsmall {
        width: 100%;
    }

    #btn-form2 {
        padding: 9px 90px;
    }

    .multi-form-block .input-block-left,
    .multi-form-block .input-block-right {
        width: 100%;
    }

    .multi-form-block .input-block-center {
        width: 90%;
    }

    .input-block-center {
        width: 90%;
    }

    #btn-form2,
    #btn-connexion {
        padding: 9px 100px;
        font-size: 1.8rem;
    }

    .section-defaut.erreur .section-title h1 {
        font-size: 2.2rem;
    }

    .section-defaut.erreur .info-top p {
        font-size: 1.7rem;
        line-height: 1.8rem;
    }

    .section-defaut.erreur ul li {
        font-size: 1.7rem;
        line-height: 1.8rem;
    }

}

@media (max-width: 326px) {
    .mentions ul li a {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 0.9rem;
    }
}