/**
 * Table des matières :
 *
 * 0.0 - Debug
 * 1.0 - Reset
 * 2.0 - Général
 * 3.0 - Header
 * 4.0 - Navigation
 * 5.0 - Content
 * 6.0 - Footer
 * 7.0 - Media Queries
 * -----------------------------------------------------------------------------
 */

/*
 * 2.0 - Général
 * -----------------------------
 */
:root {
  --orange: #F5972B;
  --stronggrey: #666666;
  --lightgrey: #F8F8F8;
  --abel: 'Abel', sans-serif;
  --playfair: 'Playfair Display', serif;
  --transition: all 0.15s ease;
}

body {
  font-family: var(--abel)!important;
  color: var(--stronggrey);
  font-size: 16px;
  line-height: 1.4;
}

a, a:hover {
  color: unset;
  text-decoration: none;
}

h1, h2, h3, .h3, .h4, .h5 {
  font-family: var(--playfair);
}

.h1 {
  font-size: 38px;
}

h2 {
  font-size: 32px;
}

.bloc-titre h2 {
  font-size: 24px;
}


h3, .h3, .page-content h2, .page-content h3 {
  font-size: 30px;
  margin-bottom: 30px;
}

.h4 p {
  line-height: 1.4;
}

.single-expertise h3, .page h3, .page-content h2, .page-content h3 {
  margin-top: 40px;
}

.mt-6 {
  margin-top: 5rem!important;
  margin-bottom: 5rem!important;
}

.bg-orange {
  background-color: var(--orange);
  color: white!important;
}

.txt-orange, .txt-orange a span {
  color: var(--orange)!important;
}

.txt-red {
  color: red;!important;
}

.bg-lightgrey {
  background-color: var(--lightgrey);
}

.filet {
  border-left: var(--orange) 2px solid;
}

.filet-grey-down {
  border-bottom: var(--lightgrey) 2px solid;
}

.filet-down {
  border-bottom: white 2px solid;
  width: 50px;
  height: 24px;
  margin-right: 10px;
}

.cta {
  background-color: var(--orange);
  border: 1px solid var(--orange);
  color: white;
  font-size: 16px;
  padding: 6px 20px;
  transition: var(--transition);
}

.cta:hover {
  background-color: white;
  color: var(--orange);
}

.voir-plus {
  color: var(--orange);
  display: flex;
  align-items: center;
}

.voir-plus i {
  color: white;
}

.bg-orange .voir-plus, .bg-turquoise .voir-plus, .bg-violine .voir-plus {
  color: white;
}

.bg-orange .voir-plus div {
  background-color: white;
}

.filet-allaround {
  border: 1px var(--orange) solid;
}



.bg-orange .filet {
  border-left: white 2px solid;
}

.voir-plus div {
  height: 30px;
  width: 30px;
  background-color: var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

blockquote {
  font-size: 22px;
  color: var(--orange);
  margin-bottom: 20px;
}

strong {
    font-weight: 800;
}

.w-0 {
    width: 100%!important;
    overflow: hidden;
}

.fas.fa-search {
    cursor: pointer;
}

.archive .short-title {
  /*height: 55px;*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.short-title {
  margin-top: 15px;
  /*height: 72px;*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.short-text {
  text-align: justify;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.orng-square {
  background-color: var(--orange);
  padding: 5px;
  font-size: 12px;
  color: white;
  display: inline-block;
  margin-bottom: 15px;
}

/*Sliders*/

.slider .filet, .sliderx3 .filet {
  background-color: #6666669c;
  width: 100%;
  color: white;
  min-height: 200px;
}

.slider-control {
    position: relative;
    top: 110px;
    z-index: 50;
}

.slider-h100 {
    height: 500px!important;
}

.slider-h100 .h3 {
    font-size: 22px;
}

.fa-chevron-left, .fa-chevron-right {
    cursor: pointer;
    color: var(--orange);
    position: absolute;
    width: fit-content;
    top: 200px;
}

.fa-chevron-right {   
    right: -30px;
}

.fa-chevron-left {
    left: -30px;
}

/* Newsletter */

/*.fa-envelope {*/
/*    position: relative;
    top: 26px;
    left: 15px;
}*/

/*form.newsletter input.form-control:last-of-type {
    padding-left: 40px!important;
}*/

.encart-newsletter {
  width: 80%;
  position: fixed;
  bottom: 28px;
  right: 30px;
  -webkit-box-shadow: 0px 0px 8px 0px var(--stronggrey);
  box-shadow: 0px 0px 6px 0px #66666645;
}

#triangle-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 30px solid var(--lightgrey);
  position: fixed;
  bottom: 0;
  right: 54px;
}

#close-newsletter {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 20px;
  cursor: pointer;
}

/*.module-newsletter {
    position: relative;
    top: 1px;
}*/


/* End of Général */


/*
 * 3.0 - Header
 * -----------------------------
 */
header .row {
  border-left: var(--orange) 20px solid;
}
/* End of Header */


/*
 * 4.0 - Navigation
 * -----------------------------
 */
#navcol-1 {
  z-index: 10;
  position: relative;
  left: -56px;
  width: 100%;
}

.nav-link {
  padding: .2rem 1rem!important;
}

.navbar-light .navbar-nav .nav-link {
  color: var(--stronggrey)!important;
}

.navbar-light .navbar-nav .wideangle .nav-link {
  color: white !important;
}

.navbar-light .navbar-nav .nav-link.active,
.current-menu-item,
ul.list-inline .list-inline-item:last-of-type a,
.equipe-content p, .bg-orange .voir-plus div i {
  color: var(--orange);
}

.navbar-light .navbar-toggler {
  border: 0px;
  position: relative;
  right: -95%;
  top: -46px;
  z-index: 55;
}

.navbar-toggler:focus {
  box-shadow: none!important;
}

.nav-link {
  font-size: 17px;
  margin-right: 10px;
}

.navbar-light .navbar-nav .nav-link i {
  margin-left: 3px;
}

.navbar-collapse ul {
  width: 100%;
  background-color: white;
}

.navbar, .navbar-brand {
  padding-top: 0rem!important;
  padding-bottom: 0rem!important;
}

.navbar-brand, .navbar-brand img {
  height: 60px;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--orange)!important;
}

.dropdown-menu {
    position: absolute;
    top: 142%;
    /*left: -58px;*/
    border: 0 solid rgba(0,0,0,.15);
    border-radius: 0;
    display: block;
}

li.bg-orange .dropdown-item, li.bg-orange:hover .dropdown-item {
    /*color: white!important;*/
    background-color: var(--lightgrey)!important;
}

.dropdown-item {
    color: var(--stronggrey)!important;
    white-space: normal;
    font-size: 14px;
    padding-left: 20px;
}

.dropdown-item.active, .dropdown-item:active {
    color: rgba(68,68,68,0.75);
    text-decoration: none;
    background-color: rgba(0,0,0,0);
}

#menu-langues li:nth-of-type(2) {
    margin-left: 15px;
}

.fil-dariane {
    font-size: 11px;
    margin-top: 10px;
}

.fil-dariane a,.menu-item.active a.dropdown-toggle, .menu-item.active a[aria-current="page"], .page-content a {
    color: var(--orange)!important;
}
.wideangle.current-menu-item.active a[aria-current="page"] {
  color: white!important;
}

ul.list-inline {
  margin-bottom: 0px;
  font-size: 14px;
}

ul.list-inline .list-inline-item a {
  color: var(--turquoise);
  margin-right: 10px;
}
.wideangle {
  width: fit-content;
  margin: 1rem 0rem;
}

.wideangle.menu-item a {
  background-color: var(--orange);
  color: white!important;
}
/* End of Navigation */


/*
 * 5.0 - Content
 * -----------------------------
 */
.intro {
  position: relative;
}

.intro > div {
  height: 680px;
}

.img-article {
  height: 170px;
}

.separation div {
  height: 100%;
  width: 2px;
  background-color: var(--orange);
}

.separation i {
  color: var(--orange);
  position: absolute;
  top: 30px;
}

.frise .separation i {
  top: 65px;
}

.frise .h3 {
  font-family: var(--playfair);
}

.frise p {
  text-align: justify;
}

.frise .bg-orange .separation div {
  background-color: white;
}

.frise .bg-orange .separation i {
  color: white;
}

.img-illustration {
  height: 220px;
}

.photo-profil {
  height: 150px;
  background-repeat: no-repeat;
  background-color: var(--lightgrey);
  background-position : top ;
  background-size: 100%;
  transition: var(--transition);
}

.photo-profil-expertises {
  height: 150px;
}
.membre-equipe:hover .photo-profil, .slick-slide:hover .photo-profil {
  background-size: 110%;
}

.separator {
  background-color: var(--orange);
  width: 50px;
  height: 2px;
  margin: 16px 0;
}

.page-content p,.page-content li {
margin-bottom: 10px;
  text-align: justify;
}

.page-content ul {
    list-style-type: disc;
    padding-left: 14px;
} 

.membre-equipe {
    position: relative;
}

.equipe-content h3, .equipe-content p:last-of-type {
  margin-bottom:30px;
}


.equipe-content ul, .dom-exp {
  border-left: var(--orange) 1px solid;
  padding-left: 100px;
  margin-bottom: 30px;
}

.dom-exp li {
  line-height: 1.1;
  margin-bottom: 5px;
}

.expertise-content ul {
    list-style-type: disc;
    padding-left: 14px;
    margin-bottom: 20px;
}

.expertise-content a {
    color: var(--orange);
}

.expertise-content p {
  text-align: justify;
}

.page .expertise-content h3 {
  font-size: 28px;
  margin-top: 50px;
}

.img-alaune {
  height: 300px;
}

/* Contact */
.adresse {
    color: var(--orange);
}

.adresse div p {
    font-size: 22px;
}

.adresse div ul li:first-of-type {
    color: var(--stronggrey);
}

/* Map ACF */
.acf-map {
    width: 100%;
    height: 240px;
}
.gmnoprint, .gm-style-cc {
    display: none;
}
.markerText p {
    margin: 0!important;
}

/* ACF FORM */
.acf-label label {
  /*display: none;*/
  font-size: 18px!important;
  color: var(--orange)!important;
  font-weight: 400!important;
}
.acf-label {
    margin: 0!important;
}
.acf-fields > .acf-field {
  position: relative;
  padding: 0px!important;
  margin: 20px 0!important;
  border-top: 0!important;
  /*border: 1px solid #ced4da !important;*/
}
.acf-input-wrap input {
    height: 50px!important;
}
.acf-input-wrap input:focus-visible {
    border: 2px solid var(--orange)!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px!important;
}
.select2-selection.select2-selection--single {
    height: 50px!important;
    padding-top: 10px!important;
}
.acf-input-wrap input,.select2-selection.select2-selection--single, .acf-input textarea {
    border: 1px solid #BBBBBB!important;
    border-radius: 10px!important;
}
.form-submit {
    display: flex;
    justify-content: end;
}
.form-submit input {
    color: white!important;
    border: 1px solid var(--orange)!important;
    background-color: var(--orange)!important;
    order: 2;
    height: 50px;
    font-size: 22px;
    padding: 0 10px;
    transition: var(--transition);
}
.form-submit input:hover {
    background-color: white!important;
    color: var(--orange)!important;
}
/*.wpcf7-spinner {
  display: none;
}*/
.select2-search--dropdown {
  display: none!important;
}
.wpcf7-response-output {
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  text-align: right!important;
  text-transform: uppercase;
  color: var(--orange);
  font-size: 20px;
}

/* Pagination */
.pagination {
  padding-left: calc(var(--bs-gutter-x) * .5)!important;
}

.pagination span,
a.page-numbers {
    color: white;
    background-color: var(--stronggrey);
    font-size: 16px;
    padding: 15px 10px;
    width: 40px;
    text-align: center;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    margin-right: .5rem;
}

span.page-numbers.current {
    background-color: var(--orange);
}

.video iframe {
  height: 300px;
  width: 100%;
}

/* End of Content */


/*
 * 6.0 - Footer
 * -----------------------------
 */
footer {
  font-size: 14px;
}

footer .menu-item {
  padding: 8px 0px;
}

#menu-inline-footer .menu-item, #menu-inline-footer span {
  padding: 1px 5px;
  border-right: 1px var(--stronggrey) solid;
}

#menu-inline-footer span:last-of-type {
  border-right: 0px var(--stronggrey) solid;
}

.menu-footer-inline {
  display: inline-flex;
}

/*footer .container {
  border-top: var(--stronggrey) 1px solid;
}*/
/* End of Footer */


/*
 * 7.0 - Media Queries
 * -----------------------------
 */
@media (min-width: 576px) {
  .encart-newsletter {
    width: 320px;
    position: fixed;
    bottom: 28px;
    right: 30px;
  }

  .navbar-light .navbar-toggler {
    position: unset!important;
    right: unset!important;
    top: unset!important;
  }

}

@media (min-width: 768px) {

    .navbar-collapse ul {
      width: 50%;
      background-color: white;
    }

    .img-illustration {
      height: unset;
    }

    .img-article {
      height: unset;
    }

    /*.fa-envelope {
        top: 12px;
        left: 30px;
    }*/

    .dropdown-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0!important;    
    }

    ul.dropdown-menu li {
        width: 100%;
    }

    .home .slider-h100 {
        height: 800px!important;
    }
    .home .col-sm-6.slider, .sliderx3 .slider-h100 {
      border-right: 15px solid white;
    }
  
    .home .row.g-0.flex-column.no-gutter .slider:first-of-type .slider-h50 {
      border-bottom: 15px solid white;
    }

    .slider-h100,
    .slider-h100 .slick-slide > div:first-of-type {
        height: 500px!important;
    }

    .slider-h100 .h3 {
        font-size: 33px;
    }

    .slider-h50, .slider-h50 .slick-slide > div:first-of-type {
        height: 400px!important;
    }

    .photo-profil {
      height: 150px;
    }

    .photo-profil-expertises {
      height: 80px;
    }

    .archive .short-title {
      /*height: 58px;*/
    }

    .img-alaune {
      height: 700px;
    }

    .bloc-titre h2 {
      font-size: 34px;
    }
   
}

@media (min-width: 992px) {

  .photo-profil {
    height: 250px;
  }

  .photo-profil-expertises {
    height: 150px;
  }

  .container.mt-4.bloc-titre.bloc-titre .row.bg-lightgrey .bg-orange  {
    min-height: 170px;
  }

  h2 {
    font-size: 44px;
  }

  h3 {
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  #navcol-1 {
    position: unset;
  }

  .navbar-collapse ul {
    width: unset;
  }

  .h1 {
    font-size: 48px;
  }

  .w-0 {
    width: 0px!important;
    overflow: hidden;
  }

  .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        /*left: -58px;*/
        border: 0 solid rgba(0,0,0,.15);
        border-radius: 0;
        width: unset;
        background-color: var(--light-grey);
    }


    .dropdown-item {
/*      background-color: var(--lightgrey)!important;*/
      
    }

    ul.dropdown-menu li {
        width: unset;
    }

    .navbar .nav-item:hover > ul.dropdown-menu {
        display: block;
        left: 15px;
    }
    .dropdown-item {
        white-space: nowrap;
    }
    .wideangle {
      width: unset;
      margin: unset;
    }
}


/* End of Media Queries */