@media(min-width: 481px) {}

@media(min-width: 768px) {

  /*-----------------*/
  /* FOOTER */
  /*-----------------*/
  #footerCoordonnees .wrappercontent>div:before {
    top: 20px;
  }

}

@media(min-width: 1025px) {

  /*------------------- ELEMENTS ---------------------*/
  .title small,
  .sectionsbloc .section_txt .wrap-text .subtitle small {
    font-family: var(--font-bold);
    color: var(--secondary-color);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 1;
    text-shadow: none;
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    letter-spacing: 1px;
  }

  .title small:after,
  .sectionsbloc:not(.odd) .section_txt .wrap-text .subtitle small:after,
  .sectionsbloc:last-of-type .section_txt .wrap-text .subtitle small:after {
    content: "";
    width: 50px;
    background: var(--secondary-color);
    height: 1px;
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
  }

  .sticky
{
    position: sticky;
    top: 50px;
    margin-top: 100px;
}
  /*------------------- HEADER ---------------------*/
  #header #logo {
    position: relative;
  }

  #header #logo:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--black);
    z-index: -1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 48%, rgba(0, 0, 0, .2189250700280112) 100%);
    border-right: 1px solid #00000040;
  }

  #navprimary {
    margin-left: -86px;
  }

  .navigtoogle.lang {
    order: -1;
    position: relative;
  }

  .navigtoogle.lang::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    --size: 70px;
    width: var(--size);
    height: var(--size);
    background: var(--primary-color);
    border-radius: 50%;
    border: 6px solid var(--background-color);
  }
  .adresse{
    display: grid !important;
    gap: 5px;
  }

  .adresse>*,
  #header-coordonnees>*:not(.adresse) {
      gap: 10px;
      display: flex;
      align-items: center;
  }

  #header-coordonnees span {
      line-height: 1.4;
      display: inline-block;
  }
  #navprimary .naviglink.lvl-0:not(.button):before {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 0;
    width: 2px;
    background-color: var(--secondary-color);
    content: "";
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#navprimary .naviglink.lvl-0:not(.button):hover:before,
#navprimary .active .naviglink.lvl-0:not(.button):before {
    height: 64px;
}
  /*------------------- HEADERHOME ---------------------*/
  #headerHome .wrappercontent,
  #header-coordonnees {
    margin-left: 0;
    padding: 50px 20px;
  }

  .nohome :is(#headerHome .wrappercontent, #header-coordonnees) {
    padding: 30px 50px;
  }


  /*------------------- NEWS / ACTUS ---------------------*/
  .home .content_slider {
    background: var(--background-color);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    max-width: 40%;
  }

  .home .thumbnail_slider {
    height: 600Px;
    margin-left: auto;
    width: 90%;
  }
  /*------------------- &&& ---------------------*/
  .col-img .blocthumb {
      height: 500px;
      width: 160%;
  }
  .col-img .specialthumb {
    height: calc(100% + 200px);
    position: relative;
    width: 85%;
    z-index: -1;
    left: 25%;
    top: -330px;
  }
  .col-img
  {
    margin-bottom: 50px;
  }
  .home .col-title {
    max-width: 55%;
    margin-bottom: 30px;
  }
  /*----------------GALLERY--------------------*/
  #galleryHome {
    margin-bottom: 100px;
  }

  #galleryHome .gallery {
    height: 38em;
    font-size: 1.25vw;
    overflow: hidden;
    position: relative;
    transition: 0.6s;
  }

  #galleryHome .gallery .gallery-item {
    margin-bottom: 0;
    position: absolute;
  }

  #galleryHome .gallery .gallery-item:first-of-type {
    width: 17.9375em;
    height: 23.25em;
    top: 7em;
    left: 0;
    z-index: 1;
  }

  #galleryHome .gallery .gallery-item:nth-child(2) {
    width: 11em;
    height: 16em;
    top: 3em;
    left: 15em;
    z-index: 6;
  }

  #galleryHome .gallery .gallery-item:nth-child(3) {
    width: 9.8125em;
    height: 13em;
    top: 25em;
    left: 25em;
    z-index: 4;
  }

  #galleryHome .gallery .gallery-item:nth-child(4) {
    width: 24.5em;
    height: 34.625em;
    top: 0;
    left: 28em;
    z-index: 2;
  }



  #galleryHome .gallery .gallery-item:nth-child(5) {
    width: 15.4375em;
    height: 17em;
    top: 12em;
    right: 5em;
    z-index: 1;
  }

  #galleryHome .gallery .gallery-item:last-of-type {
    width: 12em;
    height: 13em;
    top: 5.125em;
    right: 0;
    z-index: 3;
  }

  /*------------------- &&& ---------------------*/
  .nohome #reassurances {
    padding: 120px 20px;
  }

  /*------------------- SECTIONS ---------------------*/
  #sections .sectionsbloc {
    padding: 50px 0;
  }

  .sectionsbloc .section_thumb .blocthumb img {
    height: calc(100% + 200px);
  }

  /*-----------------*/
  /* FOOTER */
  /*-----------------*/
  #footerCoordonnees #infoadresseFooter br {
    display: none;
  }

  #footer .adresse span {
    white-space: nowrap;
  }

  #footer .adresse {
    gap: 10px;
  }

  #footer .adresse .flex {
    flex-direction: column;
  }

  #footerCoordonnees .wrappercontent>div:not(:last-child) {
      border-right: solid 1px rgb(255 255 255 / 50%)
  }
}
@media (min-width: 767px) and (max-width: 1280px){
  #footerCTA
  {
    padding-top: 0!important;
  }
  #cta
  {
    padding-top: 50px;
    padding-bottom: 200px;
  }
}
@media(min-width: 1281px) {

  /*-------------------  NAVPRIMARY ---------------------*/
  .navigmenu .naviglink.lvl-0
  {
    padding: 20px 10px;
    font-size: 15px;
  }
  /*------------------- HEADERHOME ---------------------*/
  #headerHome:before,
  #banner:before {
    position: absolute;
    right: 0;
    top: initial;
    bottom: 140px;
    height: calc(100% + 60px);
    width: 25%;
    max-width: 450px;
    background-image: url(../images/shape-home.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    content: "";
    z-index: 2;
    background-size: cover;
    pointer-events: none;
  }
}

@media(min-width: 1481px) {

  /*-------------------  NAVPRIMARY ---------------------*/
  .navigmenu .naviglink.lvl-0
  {
    padding: 20px 14px;
    font-size: 16px;
  }
  /*------------------- HEADERHOME ---------------------*/
  #headerHome .wrappercontent {
    padding: 50px;
  }

  #headerHome:before,
  #banner:before {
    bottom: 0px;
    height: calc(100% + 200px);
  }
}

@media(min-width: 1681px) {}


@media(max-width: 1680px) {}

@media(max-width: 1480px) {}

@media(max-width: 1280px) {

  /*-----------------*/
  /*  PRESTATIONS */
  /*-----------------*/
  .prestations-content h2,
  .prestations-content h3 {
    font-size: 30px;
  }
}

@media(max-width: 1024px) {

  /*---------------HEADER---------------------*/
  #header
  {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }
  body:not(.is-toggle-open) #header .ckmenu {
    position: relative;
    z-index: 1000
  }

  .logoParent {
    display: none;
  }

  #header .ckmenu-nav {
    top: 0;
    padding-top: 50px
  }

  #headerGrid {
    align-items: start;
  }
  /*-------------------MDTAC---------------------*/
  .md-tac {
    text-align: center;
  }

  .title.md-tac:not(.no-after):after {
    left: 50%;
    transform: translateX(-50%);
  }
  /*------------------- HEADERHOME ---------------------*/
  #headerHome-content,#banner
  {
    padding-top: 200px;
    padding-bottom: 50px;
  }

  #header-coordonnees,#footerCoordonnees
  {
    display: grid;
    padding: 20px;
    text-align: center;
    gap: 15px;
  }
  .adresse
  {
    gap: 15px;
  }
  #header-coordonnees>*,.adresse>*,
  #footerCoordonnees>.wrappercontent>*,
  #contactCoordonnees>*
  {
    flex-direction: column;
    justify-items: center;
  }
  /*------------------- INTRO / CONTENT ---------------------*/
  .col-img
  {
    gap: 10Px;
  }
  .home #content .tc_content img
  {
    max-height: 150px;
    object-fit: contain;
  }
  .home #content .wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em;
  }
  /*------------------- GALLERYHOME ---------------------*/
  #galleryHome .gallery
  {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: 150px;
  }
  /*------------------- NEWS / ACTUS ---------------------*/
  .home #news :is(.text_slider, .title_link_slider) {
    color: var(--white);
  }

  /*-----------------*/
  /* PRESTATIONS */
  /*-----------------*/
  #prestations
  {
    padding: 50px 20px;
  }
  .bloc_prestations {
    min-height: 500px;
  }

  .bloc_prestations .prestations-content {
    padding: 30px 20px;
  }

  .bloc_prestations .txt-presta {
    font-size: 14px;
  }

  .prestations-content h2,
  .prestations-content h3 {
    font-size: 26px;
    letter-spacing: 1px;
  }
  /*------------------- REASSURANCES ---------------------*/
  .picto-container
  {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
  }
  /*------------------- SECTIONS ---------------------*/
  .wrap-text,#news .wrappercontent
  {
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
  }

}

@media(max-width: 767px) {

  /*-----------------*/
  /* PRESTATIONS */
  /*-----------------*/
  .bloc_prestations {
    min-height: 240px;
  }

  .bloc_prestations .prestations-content {
    padding: 20px;
  }

  .prestations-content h2,
  .prestations-content h3 {
    font-size: 24px;
  }

  .prestations-content .tc_excerpt {
    display: none;
  }

  .prestations-content .liresuite {
    margin-top: 10px;
  }

  /*-----------------*/
  /* FOOTER */
  /*-----------------*/
  #footerCTA {
    padding: 60px 15px 320px;
  }

  #footer #footerbloc {
    padding: 30px 15px 40px;
  }

  #footerCoordonnees {
    border: none;
    bottom: 10px;
  }

  #footerCoordonnees>.wrappercontent {
    flex-direction: column
  }

  #footerCoordonnees .wrappercontent>div {
    border: none;
    max-width: 250px;
    margin: 0 auto;
    padding: 25px 20px 15px 20px;
  }
}

@media(max-width: 480px) {}