@media screen and (max-width: 1680px) {

  body .circle-background {
    clip-path: circle(50vw at 50% 2%);
    width: 100%;
    left: -20%;
  }

}

@media screen and (max-width: 1585px) {
  
    /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
      left: 20px;
      padding: 10px 15px;
  }

  body .container-header .mod-menu.float-menu li.parent {
    height: 50px;
    width: 50px;
  }

  /* NAVIGATION FLOTTANTE */

}

@media screen and (max-width: 1500px) {
  
    /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
      left: 20px;
      padding: 5px 10px;
  }

  body .container-header .mod-menu.float-menu li.parent {
    height: 45px;
    width: 45px;
  }

  /* NAVIGATION FLOTTANTE */

}

@media screen and (min-width: 1380px) and (max-width: 1460px){

  /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
      left: 0px;
  }

}

@media screen and (min-width: 1380px) and (max-width: 1550px){

  body .section-actualites .carousel-portail img {
    clip-path: polygon(20% 3%, 5% 40%, 25% 95%, 120% 100%, 100% 10%);
  }

  body .section-actualites .carousel-portail img:first-child {
    position: absolute;
    height: auto;
    z-index: 1;
    clip-path: polygon(0% 0%, 0% 50%, 25% 100%, 100% 100%, 100% 1%);
  }
  
}

@media screen and (max-width: 1380px) {

  body .carousel-portail .sppb-carousel-indicators {
    bottom: -15%;
  }



  body .etab-title .sppb-addon-title, body .etab-title-2 .sppb-addon-title {
    font-size: 48px;
  }

  body .button-type-groupe-portail .sppb-addon-content {
    width: 100%;
  }

  body .button-type-groupe-portail .sppb-btn {
    margin: 0px 20px 10px 0;
  }

  body .button-type-portail, body .button-type-groupe-portail .sppb-btn {
    font-size: 16px;
  }


/*   ETABLISSEMENT */

  body .title-type-etablissement .sppb-addon-title {
    font-size: 16px;
  }

  body .title-type-etablissement-2 .sppb-addon-title {
    font-size: 3em;
  }

  body .section-actualites .carousel-portail .title-carousel {
    font-size: 40px;
  }

  body #sp-page-builder .section-etablissement .avis .sppb-testimonial-carousel-message{
    min-height: 230px;
  }

  body #sp-page-builder .section-etablissement .sppb-testimonial-carousel-designation{
    font-size: 13px;
  }

  body .section-contact .contact-column .chronopage{
    width: 85%;
    margin: 0 auto;
  }

  /*ESPACE PRIVE*/
  body .col-btn-esp-prv .btn-esp-prv{
    left: 10%;
  }


}


@media screen and (max-width: 1350px) {



  /* ETABLISSEMENT */



  /* ETABLISSEMENT */

}




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

/*   TOUT LE SITE */
/* 
body .sppb-row-container {
  max-width: 1200px;
} */

/*   TOUT LE SITE */

}


@media screen and (min-width: 1200px) and (max-width: 1280px){

  /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
      left: 0px;
  }

}


@media screen and (max-width: 1200px) {

    /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
        left: 20px;
        padding: 5px 10px;
    }

    body .container-header .mod-menu.float-menu li.parent {
      height: 45px;
      width: 45px;
    }

    /* NAVIGATION FLOTTANTE */

      /*ESPACE PRIVE*/
  body .col-btn-esp-prv .btn-esp-prv{
    left: 8%;
  }

    /* PORTAIL */

    body .etab-title .sppb-addon-title, body .etab-title-2 .sppb-addon-title{
      /* font-size: 45px; */
      font-size: 40px;
    }

    body .etab-title-2 .sppb-addon-title {
      font-size: 25px;
    }

/*     body .button-type-portail, body .button-type-groupe-portail .sppb-btn {
      font-size: 16px;
    } */

/*     body .section-actualites .carousel-portail img {
        width: 100%;
        border: 15px solid #fff;
      } */

      body .carousel-portail a.sppb-btn {
        margin: 20px auto 0 auto;
        display: block;
        width: fit-content;
      }

      body .section-actualites .carousel-portail .title-carousel{
        font-size: 35px;
        line-height: 40px;
      }

      body .col-detail {
        position: initial;
      }

      body .sp-page-builder .add-shape #portail-esat {
        margin-top: -50px;
      }

      body #structure-etp .sppb-row{
        display: block;
      }

      /* body #structure-etp .sppb-row .sppb-col-md-6{
        margin: 0 auto;
        max-width: 80%;
      } */

      body .illustration{
        width: 80%;
        margin: 0 auto;
      }

      /* body #portail-emp-pro .illustration{
        width: 100%;
      } */

      body #portail-esat .illustration{
        margin-top: 0;
      }

      body #structure-etp .etab-title .sppb-addon-title{
        text-align: center;
      }

      body #structure-etp .sppb-col-md-6{
        flex: 0 0 100%;
        max-width: 100%;
      }

      body #structure-etp .illustration {
        width: 45%;
      }


      /* Tooltip text */
  body .tooltip-production::after, .tooltip-production-groupe .sppb-btn::after, #btn-1681920301345:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
  }

  body .tooltip-production:hover::after, .tooltip-production-groupe .sppb-btn:hover::after, #btn-1681920301345:hover::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
  }


    /* PORTAIL */

    /*   ETABLISSEMENT */

    body .title-type-etablissement .sppb-addon-title {
      font-size: 13px;
    }

    body .title-type-etablissement-2 .sppb-addon-title {
      font-size: 2.5em;
    }

    /* FOOTER */
    body footer.footer {
      font-size: 16px;
    }

    body footer .button-type-return {
      padding: 45px 20px;
      font-size: 20px;
    }
    /* FOOTER */

    body footer #section-return-portail {
      top: -90px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1100px){

  /* NAVIGATION FLOTTANTE */

    body .container-header .mod-menu.float-menu {
      left: 0px;
  }

}


@media screen and (min-width: 992px) and (max-width: 1150px){

    body .section-etablissement .acc-column .sppb-addon-accordion .acd-class-close.active.fix-menu-acd {
      width: 60%;
    }

    body .fix-menu-acd .acd-close-btn.active {
      right: 95px;
    }

    body #sp-page-builder .accordeon-menu.fix-menu-acd {
      width: 60%;
    }
}


@media (min-width: 992px){



   /* PORTAIL */

   /* PORTAIL */

   body .section-actualites .illustration.asso{
    width: 100%;
    margin: 50px 0 30px 0;
  }

    body footer .sppb-col-md-4 {
        width: 33.3%;
    }
}

@media screen and (max-width: 992px) {

    body .grid-child main {
      margin: 105px 0 0 0;
    }

    body .container-header .grid-child.container-nav {
      position: fixed;
      top: 0;
      height: 105px;
    }

    body #header-bleu .header-container .l-side-header img:first-child {
      display: none;
    }

    body #header-bleu .header-container .l-side-header img:last-child {
      width: 80%;
    }

    /* NAVIGATION FLOTTANTE -> NAVIGATION TOP HORIZONTALE*/

    body #back-fade{
      display: none;
    }

    body #header-bleu .header-container .r-side-header{
      display: none;
    }

    body #header-bleu .r-side-header2{
      display: block;
    }

    body.itemid-112 #header-bleu .header-etablissement .sppb-addon-content{
      height: 50px;
    }

    body.itemid-112 #header-bleu .header-etablissement .icon-etablissement{
      display: none;
    }

    /* BURGER */

    #mobile-menu {
      position: relative;
      height: 45px;
      margin-top: 0;
      background: transparent;
      border: none;
      display: block;
      z-index: 2;
      box-shadow: none;
      cursor: pointer;
      left: 0;
      width: 45px;
      border-radius: 50%;
      background-color: var(--vert);
    }

    #mobile-menu span {
      width: 25px;
      height: 3px;
      border-radius: 10px;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all .3s ease;
      background-color: #FFFFFF;
    }

    #mobile-menu.active span {
      background-color: transparent;
    }

    #mobile-menu span::before, #mobile-menu span::after {
      content: '';
      position: absolute;
      width: 25px;
      height: 3px;
      border-radius: 10px;
      background-color: #FFFFFF;
      top: 0;
      left: 0;
      padding-left: 0;
      margin-left: 0;
      transition: transform 0.2s ease-in-out;
    }

    #mobile-menu span::before {
      transform: translateY(-10px);
    }

    #mobile-menu.active span::before {
      transform: rotateZ(45deg);
    }

    #mobile-menu span::after {
      transform: translateY(10px);
    }

    #mobile-menu.active span::after {
      transform: rotateZ(-45deg);
    }

    /* BURGER */



    body .container-header .mod-menu.float-menu{
      background-color: #fff;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      width: 100%;
      max-width: unset;
      height: 100%;
      position: fixed;
      top: -820px;
      left: 0;
      transition: all 0.5s ease-out;
      cursor: unset;
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: unset;
      transform: unset;
    }


    body .container-header .mod-menu.float-menu.in{
      overflow-y: hidden;
      visibility: visible;
      opacity: 1;
      transition: all 0.5s ease-out;
      left: 0;
      top: 105px;
      z-index: 3;
      width: 100%;
      max-width: unset;
      padding: 0;
    }

    body .container-header .mod-menu.float-menu li.parent {
      width: 100%;
      border-radius: unset;
      margin: 0;
      padding: 10px;
      height: unset;
    }

    body .container-header .mod-menu.float-menu li.parent:hover {
      margin-bottom: 0;
    }

    body .container-header .mod-menu.float-menu li.parent ul.small{
      opacity: unset;
      overflow: unset;
      visibility: unset;
      position: initial;
      left: unset;
      text-align: center;
    }

    body .container-header .mod-menu.float-menu li.parent > a {
      display: none;
    }

    body .container-header .mod-menu.float-menu li.parent:hover ul.small {
      left: unset;
    }

    body .container-header .mod-menu.float-menu li.parent:hover ul.small li.nav-item{
      padding: .25em 0;
    }

    body .mod-menu.float-menu ul.small, body .mod-menu.float-menu ul.small li,   body .mod-menu.float-menu ul.small a{
      display: block;
      width: 100%;
      white-space: break-spaces;
    }

    body .container-header .mod-menu.float-menu li.parent:hover ul.small a{
      color: #ffffff;
    }





    body #header-bleu .header-etablissement .sppb-addon-content{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 10px;
    }

    body #header-bleu .header-etablissement .icon-etablissement{
      padding: 0 15px;
    }

    body #header-bleu .header-etablissement .icon-etablissement img{
      max-height: 45px;
    }    

    body #header-bleu .header-etablissement .titre-etablissement{
      text-align: center;
    }

    body #header-bleu .header-etablissement .titre-etablissement span{
      font-family: "Cocogoose-semilight", sans-serif;
      text-transform: uppercase;
      font-size: 12px;
      color: #fff;
    }


    /* NAVIGATION TOP HORIZONTALE*/


    body .container-header .mod-menu.float-menu li.parent.item-532{
      display: block;
  }

  body .col-btn-esp-prv .btn-esp-prv{
      margin-top: 10px;
      font-size: 13px;
      padding: 6px 20px 6px 20px;
  }

  body.itemid-131.etablissement .etablissement-banner,  body.itemid-133.etablissement .etablissement-banner{
      padding: 40px 0 20px 0;
  }

    /* RECHERCHE*/

    body .modal-research .page-content {
      width: 85%;
    }

    body #research-bar .form-search .form-control {
      max-width: 100%;
    }
    /* RECHERCHE*/

    /* PORTAIL */

    body.itemid-112 .circle-background{
      clip-path: circle(40vw at 83% 1%);
      width: 75%;
      right: 0;
      left: unset;
      transform: none;
  }

  body #portail-intro .col-logo {
    padding: 25px 0;
  }

  body #portail-intro .col-logo .sppb-column-addons .sppb-addon-wrapper:last-child{
    display: none;
  }

  body #portail-intro .col-logo .sppb-column-addons .sppb-addon-wrapper {
    width: 40%;
  }

  body.portail .sp-page-builder .page-content #portail-intro {
    padding-bottom: 150px;
  }
  
  body .section-actualites .carousel-portail .sppb-carousel-inner .sppb-col-sm-6{
    flex: 0 0 100%;
    max-width: 100%;
  }

   body .section-actualites .carousel-portail .title-carousel, body .section-actualites .carousel-portail .content-carousel {
    text-align: center;
   }

/*    body .section-actualites .carousel-portail img:first-child {
    left: 50%;
    transform: translate(-50%, -1%);
  } */

/*    body #portail-intro .carousel-portail a.sppb-btn {
    display: block;
  } */

  body.portail .carousel-portail .sppb-carousel-indicators {
    bottom: -135px;
    left: 50%;
    right: unset;
    width: 100%;
    transform: translate(-50%, 0);
    top: unset;
    margin-left: unset;
  }
  
  body .carousel-portail .sppb-carousel-indicators li {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 10px;
  }

  body .etab-title-2{
    margin-top: 35px;
  }

  body .etab-desc .sppb-addon-content {
    margin-top: 20px;
  }

  body .etab-title-2 .sppb-addon-title {
    margin-top: 0;
  }

   body .etab-title .sppb-addon-title{
    text-align: center;
   }

   body #portail-asso .etab-desc .sppb-addon-content {
    width: 100%;
    text-align: center;
  }

  body .button-type-portail, body .button-type-groupe-portail .sppb-btn {
    margin: 10px auto;
  }

  body .sp-page-builder .add-shape #portail-esat{
    margin-top: -60px;
  }

  body #portail-esat .illustration {
    width: 50%;
    margin-top: 20px;
  }

  body .illustration {
    width: 60%;
  }

  body .sp-page-builder .add-shape #structure-etp {
    margin-top: -185px;
    padding-top: 100px;
    padding-bottom: 200px;
  }

  body #structure-etp .icon img{
    max-height: 55px;
  }

  body #structure-etp .illustration {
    width: 50%;
  }

  body #portail-emp-pro .move-top .illustration{
    margin-top: 50px;
  }

  body .button-type-groupe-portail .sppb-addon-content {
    width: 100%;
    justify-content: space-evenly;
  }
  body #portail-emp-pro .content{
    padding-left: 0;
  }

   /* PORTAIL */



   /* ETABLISSEMENT */



      body .section-actualites .carousel-portail .title-carousel {
        line-height: 40px;
      }


      body .section-etablissement .acc-column .sppb-addon-accordion .acd-class-close {
        width: 60%;
      }

      /* MENU ACCORDEON */

      body .section-etablissement .acc-column .sppb-addon-accordion .acd-class-close.active.fix-menu-acd {
        width: 100%;
        position: fixed;
        top: 105px;
        /* transform: translate(-50%,0%); */
      }

      body .container-btn-close.fix-menu-acd {
        width: 100%;
        top: 137px;
      }

/*       body .container-btn-close.fix-menu-acd .acd-close-btn{
        top: unset;
        transform: unset;
        -webkit-transform: unset;
      } */

      body #sp-page-builder .accordeon-menu .sppb-responsive-bars {
       display: none;
      }

      body #sp-page-builder .accordeon-menu.fix-menu-acd {
        /* top: 260px; */
        width: 100%;
        box-shadow: unset;
        top: 155px;
      }

/*       body #sp-page-builder .accordeon-menu.fix-menu-acd.acc-nb-items-4{
        top: 175px;
    } */

      body #sp-page-builder .accordeon-menu ul{
        max-height: unset;
      }

      /* MENU ACCORDEON */


      body #etablissment-illustration .illustration-pre-acc {
        width: 70%;
      }

      body .section-etablissement .competent-different {
        margin-top: 0;
      }

      body .acc-column .sppb-panel-body .sppb-addon-module img, body .acc-column .sppb-panel-body .sppb-addon-module .sppb-addon.sppb-carousel-extended{
        width: 85%;
        display: block;
        margin: 0 auto;
      }

      body .acc-column .sppb-panel-body .sppb-addon-module .sppb-addon.sppb-carousel-extended img{
        width: 100%;
      }


      body .tab-horizontale .sppb-tab-content .sppb-tab-pane.active {
        display: block;
        justify-content: unset;
      }

      body .tab-horizontale .sppb-tab-content .sppb-tab-pane .sppb-addon-wrapper, body .tab-horizontale .sppb-tab-content .sppb-tab-pane .sppb-addon-wrapper.bigger{
        max-width: unset;
        width: 100%;
      }

      body .tab-horizontale .sppb-tab-content .sppb-tab-pane .sppb-addon-wrapper .sppb-addon-single-image-container{
        max-width: 50%;
        width: 100%;
      }

      body #sp-page-builder .section-etablissement .avis .sppb-testimonial-carousel-message{
        min-height: 200px;
      }

      body #sp-page-builder .section-etablissement .sppb-testimonial-carousel-designation {
        font-size: initial;
      }



  /* ETABLISSEMENT */





    
    body footer .sp-page-builder .sppb-section{
        text-align: center;
    }

    body .tab-horizontale .sppb-nav-tabs li a{
      padding: 12px 12px;
    }

  /* FOOTER */
  /*body footer #section-return-portail {
     top: -90px;
  } */

    body.etablissement footer #section-return-portail {
      position: fixed;
      bottom: 0px;
      top: unset;
      width: 100%;
      z-index: 10;
    }

    body.etablissement footer #section-return-portail .sppb-col-md-12{
      padding: 0;
    }
    
    body.etablissement footer #section-return-portail .button-type-return {
      opacity: 1;
      max-height: unset;
      max-width: unset;
      width: 100%;
      padding: 5px 0;
      border-top-left-radius: 25px;
      border-top-right-radius: 25px;
      font-family: 'Cocogoose-light', 'sans-serif';
    }


    body.etablissement footer #section-return-portail .sppb-column-addons .sppb-addon-wrapper{
      width: 45%;
      margin: 0 auto;
    }


/*     PAGE ACTUALITES */

    body #tte-actualites .article-container .art-id{
      flex-direction: column;
    }  

    body #tte-actualites .article-container .col-info .cat-icon-location {
      padding-top: 15px;
    }

/*     PAGE ACTUALITES */


    
}


@media screen and (max-width: 768px) {


    /* NAVIGATION FLOTTANTE */

    /* body .container-header .mod-menu.float-menu {
        display: none;
    }
 */
    /* NAVIGATION FLOTTANTE */

    /* PORTAIL */

    body.portail .carousel-portail .sppb-carousel-indicators {
      bottom: -160px;
    }

    body #portail-intro .carousel-portail a.sppb-btn {
      width: 80%;
    }

    body .etab-title .sppb-addon-title{
      font-size: 35px;
    }

    body .etab-title-2 .sppb-addon-title {
      text-align: center;
    }

    body .etab-desc .sppb-addon-content {
      text-align: center;
    }

    /* PORTAIL */

    /* ETABLISSEMENT */

    body .section-etablissement .intro-acc-etab .sppb-addon-title, body .section-tab-horizontale .intro-acc-etab.first-acc .sppb-addon-title{
      font-size: 40px;
    }

    body .section-etablissement .acc-column .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title, body .section-etablissement .acc-contact .sppb-panel-heading .sppb-panel-title {
      font-size: 22px;
    }

    body .acc-column .sppb-panel-body .sppb-addon-module img, body .acc-column .sppb-panel-body .sppb-addon-module .sppb-addon.sppb-carousel-extended{
      width: 100%;
    }

    body .acc-column .sppb-panel-body .sppb-addon-module .ce-quils-en-disent img{
      width: 60%;
    }

    /* MENU ACC */

    body .accordeon-menu .sppb-responsive-bars {
        display: none;
    }

    body .fix-menu-acd .sppb-responsive-bars, body .fix-menu-acd ul {
        display: block;
    }

    body .fix-menu-acd .sppb-responsive-bars {
        display: block;
        width: 56px;
        position: absolute;
        top: 0;
    }

    body .accordeon-menu .titre-block{
        height: 43px;
        text-align: center;
        font-size: 22px;
        font-weight: 900;
        padding: 5px 60px;
    }

    body .accordeon-menu.fix-menu-acd {
        top: 50px;
        width: 100%;
        left: 0%;
        box-shadow: 0px 2px 0px black;
        transform: none;
        border-radius: 0;
      }

    body .acd-close-btn{
      top: 29px;
    }  

    body .accordeon-menu.fix-menu-acd .acd-close-btn {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        background-color: red;
        color: white;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
      }

    body .accordeon-menu .acd-close-btn {
        position: absolute;
        top: 433px;
        left: 320px;
        background-color: red;
        color: white;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
      }

      body .sp-page-builder .add-shape#portail-esat{
        background-size: 140% 100%;
      }

/*       body .sp-page-builder .add-shape #structure-etp {
        background-size: 120% 100%;
      } */

      

      /* TABLEAU PAGE TYPE */

      body .tab-horizontale .sppb-nav-tabs > li{
        width: 100%;
        text-align: center;
      }

      body .tab-horizontale .sppb-nav-tabs li a{
        border: 2px solid black;
      }

      body .tab-horizontale .sppb-nav-tabs li.active a, body .tab-horizontale .sppb-tab-content{
        border-radius: 0;
      }

      body .tab-horizontale hr{
        display: none;
      }

      body .tab-horizontale .sppb-nav-tabs li:has(+ li.active) a{
        border-right: 2px solid black;
      }

      body .tab-horizontale .sppb-tab-content .sppb-tab-pane.active {
        display: block;
        justify-content: unset;
      }

      body .tab-horizontale .sppb-tab-content .sppb-tab-pane .sppb-addon-wrapper {
        max-width: unset;
        width: 100%;
      }

      body .tab-horizontale .sppb-tab-content .sppb-tab-pane .sppb-addon-wrapper .sppb-addon-single-image-container{
        max-width: 50%;
        width: 100%;
      }


    /* ETABLISSEMENT */  

    /* NOTRE ASSOCIATION */

    body .acc-column h2{
        text-align: center;
    }



   /* ESPACE SECURISE */

   body .col-private-doc .sppb-column-addons{
    display: block;
  }

   body .col-private-doc .sppb-column-addons .sppb-addon-wrapper{
    float: left;
    width: 100%;
   }

   body .btn-private-doc:hover{
    font-size: 15px;
   }


   /* ESPACE SECURISE */

   /* NOUS RECRUTONS */

   body .contact-column .ui.fluid.container{
    margin: 0 auto;
   }

   /* NOUS RECRUTONS */




    body footer .picto-footer {
      margin: 10px 0 60px 0;
    }


    body footer .picto-footer a::after {
      opacity: 1;
      visibility: visible;
      height: auto;
      width: 100%;
      transition: all 0.5s;
      display: block;
      font-size: 13px;
      margin-top: 15px;
      top: 115%;
    }

  }


  @media screen and (max-width: 550px) {

        body .container-header .mod-menu.float-menu li.parent ul.small {
          font-size: 18px;
        }

        body #header-bleu .header-container .l-side-header img:last-child{
          width: 65%;
        }
     
        /* PORTAIL */

        body #portail-intro .col-logo .sppb-column-addons .sppb-addon-wrapper {
          width: 40%;
        }

        body .section-actualites .carousel-portail .title-carousel{
          font-size: 25px;
          line-height: 26px;
        }

        body .section-actualites .carousel-portail .content-carousel{
          font-size: 14px;
        }

        body .etab-title .sppb-addon-title {
          font-size: 30px;
        }

        body .etab-title-2 .sppb-addon-title {
          font-size: 25px;
        }

        body .button-type-portail, body .button-type-groupe-portail .sppb-btn {
          margin: 5px auto;
          padding: 6px 15px;
          font-size: 14px;
        }

        body .sp-page-builder .add-shape #portail-esat {
          background-size: 180% 100%;
        }

        body .sp-page-builder .add-shape #structure-etp {
          background-size: 180% 100%;
        }

        body footer .button-type-return {
          max-width: 80%;
          font-size: 18px;
        }

       /* ETABLISSEMENT */

       body .acd-close-btn {
        right: 25px;
        top: 26px;
       }

       body .section-etablissement .sppb-panel-heading .sppb-toggle-direction {
        display: none;
       }


       body.etablissement footer #section-return-portail .acc-close-btn-mobile{
        background-color: #f4201f;
        color: white;
        font-family: 'Cocogoose-light', 'sans-serif';
        width: 100%;
        border: 0;
        border-radius: 50px;
        box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.6);
        font-size: 18px;
        margin-bottom: 10px;
        padding: 13px;
        cursor: pointer;
       }

       body.etablissement footer #section-return-portail .sppb-column-addons .sppb-addon-wrapper.active,
       body.etablissement footer #section-return-portail .sppb-addon-wrapper.active .acc-close-btn-mobile {
        display: block;
       }

       body.etablissement footer #section-return-portail .sppb-column-addons .sppb-addon-wrapper.disable-portail{
        display: none;
       }

/*        body .section-etablissement .sppb-panel-heading .sppb-toggle-direction {
        position: fixed;
        transform: unset;
        top: unset;
        z-index: 10;
        right: unset;
        width: 100%;
        text-align: center;
        left: 0;
      } */

/*       body .section-etablissement .sppb-panel-heading.active .sppb-toggle-direction {
        transform: unset
      }

      body .section-etablissement .acc-column .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-toggle-direction .fa-chevron-right {
        padding: 18px;
        border-radius: 0;
        width: 100%;
      } */

       body .title-type-etablissement .sppb-addon-title {
          font-size: 15px;
       }

       body .title-type-etablissement-2 .sppb-addon-title {
        font-size: 40px;
      }

      body .section-etablissement .intro-acc-etab .sppb-addon-title, 
      body .section-tab-horizontale .intro-acc-etab.first-acc .sppb-addon-title {
        /* font-size: 45px; */
        font-size: 38px;
      }

      body #esat-cest-quoi .intro-acc-etab.first-acc .sppb-addon-title {
        inline-size: 95%;
      }

      body .sp-page-builder .add-shape #section-tab-horizontale {
        padding-bottom: 180px;
      }

      body .sp-page-builder .add-shape #etablissment-illustration {
        padding-bottom: 400px;
      }

      body .section-etablissement .acc-column .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title, 
      body #sp-page-builder .accordeon-menu ul li a, body .section-etablissement .acc-contact .sppb-panel-heading .sppb-panel-title{
        font-size: 18px;
      }

        body .container-btn-close.fix-menu-acd {
          top: 132px;
        }

        body #sp-page-builder .accordeon-menu.fix-menu-acd {
          top: 145px;
          width: 100%;
          box-shadow: unset;
        }


        body.etablissement footer #section-return-portail .button-type-return {
          /* padding: 10px 0; */
          /* border-radius: 0; */
        }

     /* ETABLISSEMENT */
     

  }


  @media screen and (max-width: 500px) {

    /* MENU */

    body #header-bleu .header-etablissement .sppb-addon-content {
      margin-top: 5px;
    }

  /* ETABLISSEMENT */

  body .section-etablissement .intro-acc-etab .sppb-addon-title, body .section-tab-horizontale .intro-acc-etab.first-acc .sppb-addon-title {
    font-size: 30px;
  }

  body .section-etablissement .acc-container .acc-section {
    padding: 0 10px 30px 10px;
  }

  body .acc-column .sppb-panel-body .sppb-addon-module img, body .acc-column .sppb-panel-body .sppb-addon-module .sppb-addon.sppb-carousel-extended{
    width: 100%;
  }

  body #sp-page-builder .section-tab-horizontale .sppb-section-title.sppb-text-center .sppb-title-subheading{
  font-size: 25px;
}

body .col-btn-esp-prv .btn-esp-prv{
  margin-top: 5px;
}

 /* ETABLISSEMENT */

  body footer .picto-footer a::after {
    margin-top: 25px;
    }
  
  body .tooltip-production::after, .tooltip-production-groupe .sppb-btn::after, #btn-1681920301345::after {
      font-size: 13px;
    }


  body .acc-contact-column{
      padding: 0 10px;
  }


     /* ESPACE SECURISE */

     body .col-private-doc .sppb-column-addons .sppb-addon-wrapper{
      max-width: 50%;
     }

     /* ESPACE SECURISE */

  }


  @media screen and (max-width: 480px) {


  body .col-btn-esp-prv .btn-esp-prv{
  margin-top: 2px;
  }

}


  @media screen and (max-width: 450px) {

/*     body .sppb-col-md-6 {
      padding: 0;
    } */
    
    /* PORTAIL */

    body #portail-intro .col-logo .sppb-column-addons .sppb-addon-wrapper {
      width: 50%;
    }

    body .button-type-portail, body .button-type-groupe-portail .sppb-btn{
      width: 80%;
      justify-content: flex-start;
      text-align: left;
    }

    /* body .etab-title ., body #portail-emp-pro .etab-title-2, body #structure-etp .etab-title{
      inline-size: 300px;
      margin: 0 auto;
      hyphens: auto;
      overflow-wrap: break-word;
    } */

    body .etab-title .sppb-addon-title, body .etab-title-2 .sppb-addon-title {
      font-size: 28px;
      inline-size: 95%;
      margin: 0 auto;
      hyphens: auto;
      overflow-wrap: break-word;
    }

    body .etab-title-2 .sppb-addon-title {
      font-size: 22px;
    }


    /* PORTAIL */

    body footer .picto-footer {
      flex-direction: column;
      margin: 10px 0;
    }

    body footer .picto-footer a{
      width: 80%;
      margin-bottom: 25px;
    }

    body footer .picto-footer img {
      width: 30%;
    }

    body footer .picto-footer a::after {
      top: unset;
      left: unset;
      transform: unset;
      position: unset;
      margin-top: 10px;
    }



    
  }   

  @media screen and (max-width: 400px) {

    body .title-type-etablissement-2 .sppb-addon-title {
      font-size: 35px;
    }

    body .section-etablissement .acc-column .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title, body #sp-page-builder .accordeon-menu ul li a, body .section-etablissement .acc-contact .sppb-panel-heading .sppb-panel-title{
      font-size: 17px;
    }

    body .section-etablissement .intro-acc-etab .sppb-addon-title, 
    body .section-tab-horizontale .intro-acc-etab.first-acc .sppb-addon-title {
      font-size: 25px;
    }

    body #esat-cest-quoi .intro-acc-etab.first-acc .sppb-addon-title {
      inline-size: 80%;
    }

    body .tab-horizontale .sppb-tab-content {
      padding: 20px;
    }

    body .sp-page-builder .add-shape #section-tab-horizontale {
      background-size: 115% 100%;
    }

    body #sp-page-builder .section-etablissement .avis .sppb-testimonial-carousel-message{
      font-size: 13px;
      min-height: 150px;
    }
    
    body #sp-page-builder .section-etablissement .sppb-testimonial-carousel-designation {
      font-size: 13px;
    }

}

  @media screen and (max-width: 350px) {

    body .section-etablissement .intro-acc-etab .sppb-addon-title, body .section-tab-horizontale .intro-acc-etab.first-acc .sppb-addon-title {
      font-size: 22px;
    }

    body .section-etablissement .acc-column .sppb-addon-accordion .sppb-panel .sppb-panel-heading .sppb-panel-title, body #sp-page-builder .accordeon-menu ul li a, body .section-etablissement .acc-contact .sppb-panel-heading .sppb-panel-title{
      font-size: 15px;
    }

    body #header-bleu .l-side-header {
      margin-left: 10px;
    }

    body #header-bleu .r-side-header2 {
      margin-right: 10px;
    }

  
    body .tooltip-production::after, .tooltip-production-groupe .sppb-btn::after, #btn-1681920301345::after {
      font-size: 9px;
    }



     /* ESPACE SECURISE */

     body .col-private-doc .sppb-column-addons .sppb-addon-wrapper{
      max-width: 100%;
     }

     /* ESPACE SECURISE */    


        /* PORTAIL */
/*     body #portail-emp-pro .etab-title, body #portail-emp-pro .etab-title-2{
      inline-size: 250px;
    } */

  }