/*
Theme Name: Extranet CH Rodez
Version: 1.0
Description: Thème enfant pour CH Rodez 
Author: Com6 Interactive
Template: theme-base
*/

:root {
  --main-orange: #F8910B;
  --main-blue : #3757A6;
}

h2{
  color: var(--main-blue);
}

.um a.um-button,
.um a.um-button.um-disabled:active,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:hover,
.um input[type="submit"].um-button{
  background-color: var(--main-blue);
}
.um input[type="submit"]#um-submit-btn:focus
.um input[type="submit"]#um-submit-btn:hover{
  background-color: var(--main-orange) !important;
}

.icon-twitter:before {
  content: '\e854' !important;
}

.icon-linkedin:before {
  content: '\f318' !important;
}

.icon-imprimer:before {
  content: '\e833' !important;
}

.sf-field-search label::after {
  content: '\e810' !important;
  display: none;
}

.icon-init{
  height: 15px;
}

.icon-init::before{
  font-size: 0;
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  background-size: cover;
  background-image: url(./assets/images/reset.png);
} 

.icon-accessibilite::before{
  font-size: 0;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background-size: cover;
  background-image: url(./assets/images/universel.png);
}

.icon-1clic::before{
  font-size: 0;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  background-size: cover;
  background-image: url(./assets/images/cursor.png);
} 

/***** HEADER ******/

#menu-widget-menu{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-right: 20px;
}

#menu-widget-menu .menu-item{
  width: auto !important;
  padding: 0;
  margin: 0;
}

#menu-widget-menu .menu-item a{
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}

#menu-widget-menu .menu-item a i{
  font-size: 1.4rem;
}

/* #menu-widget-menu .menu-item a:focus i,
#menu-widget-menu .menu-item a:hover i{
  font-size: 1.6rem;
} */

#menu-widget-menu .icon-right-open-big{
  display: none;
}

#searchModal .modal-content{
  background-color: transparent;
}

.topBarre .nav-link i.icon-universal-access{
  font-size: 35px;
}

.topBarre .nav-link i.icon-loupe{
  font-size: 22px;
}

.menu-principal .dropdown-menu{
  background: var(--main-blue);
}

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

    .custom-logo-link {
        display: flex;
    }

    .custom-logo-link img{
      margin: auto;
    }

  
  .navbar-brand {
      width: 264px;
      height: auto;
      min-height: 103px;
      padding: 18px 30px;
  }

  .menu-principal.navbar-nav {
      background-color: transparent;
  }

  .menu-principal > .menu-item {
      background-color: transparent;
  }

  .menu-principal > .menu-item > .nav-link {
      color: var(--wp--preset--color--bleuc);
  }

    .menu-principal > .menu-item > .nav-link{
        padding: 22px 0 29px;
    }

  .menu-principal > .menu-item > .nav-link:hover, .menu-principal > .menu-item > .nav-link:focus, .menu-principal > .menu-item.current > .nav-link {
      padding: 29px 0 29px;
  }

}

.topBarre .nav-link i {
  color: white;
}

.backtoch{
  margin-left: 90px;
  color: white;
  text-decoration: underline;
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
}

.backtoch i{
  margin-right: 6px;
  background-color: white;
  color: var(--main-blue);
  border-radius: 50%;
  display: inline-flex;
  font-size: 9px;
  font-weight: bold;
  padding: 7px 8px 7px 6px;
  transition: all 0.3s ease-in-out;
}

.backtoch:hover i{
  background-color: transparent;
  color: white;
  transform: scale(1.2);
}

#site-header .gtranslate_wrapper{
  min-width: 35px;
}

.topBarre {
  background-color: var(--main-blue);
}

@media screen and (max-width:767px){
  .backtoch {
    margin-left: 0;
  }
}



@media screen and (min-width:990px){
  .home  #acces-rapide{
    display: none;
  }
}

/***** HOME Page ******/

.recherche {
  background-color:var(--wp--preset--color--bleuc);
  margin-bottom: 20px;
}

#home-slider .title-slider{
  position: relative;
  width: fit-content;
  /* font-size: clamp(1.5625rem, 0.9943rem + 2.8409vw, 3.125rem); */
  font-size: 44px;
  color: var(--main-blue);
  padding: 105px 90px;
  background-color: hsla(0, 0%, 100%, 0.900);
}

#home-slider .title-slider:before{
  content: "";
  background-image: url("./assets/images/element-home-header.png");
  display: block;
  position: absolute;
  left: -102px;
  top: 40px;
  width: 210px;
  height: 360px;
}

.search-medecin, .search-service, .search-offre{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 auto;
  height: 3.375rem;
  line-height: 1;
  text-decoration: none;
  margin: 0;
  overflow: hidden;
  background-color: var(--main-orange);
  color : white;
  padding-right: 20px !important;
}

.search-medecin span, .search-service span, .search-offre span{
  display: flex;
  align-items: center;
}

.search-medecin span + i, .search-service span + i, .search-offre span + i{
  width: 25px;
  min-width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  color: var(--main-orange);
  transform: none;
  background-color: white;
  border-radius: 50%;
}

.search-medecin span i, .search-service span i, .search-offre span i{
  color: white;
  font-size: 19px; 
  margin-right: 15px;
}

.search-medecin span i, .search-service span i{
  height: 46px;
}

.search-service span i{
  font-size: 30px;
  margin-left: -3px;
}

.search-medecin span i::before,
.search-offre span i::before{
  border: 2px solid white;
  border-radius: 50%;
  width: auto;
  padding: 3px 4px 2px 4px;
}

.icon-doc-text::before{
  content: '\f0f6';
  font-family: "icones-extranet";
}

.search-medecin:hover, .search-service:hover, .search-offre:hover {
	background-color: white;
  color: var(--main-orange);
}

.search-medecin:hover span i, .search-service:hover span i, .search-offre:hover span i{
  color: var(--main-orange);
}

.search-medecin:hover span i::before,
.search-offre:hover span i::before{
  border: 2px solid var(--main-orange);
}

.search-medecin:hover span + i, .search-service:hover span + i, .search-offre:hover  span + i{	
	transform: translateY( 0 ) scale(1.2);
}

@media screen and (max-width:767px){
  .a-la-une .contslider {
    position: absolute;
    bottom: calc(50% - 250px);
    right: 0;
    left: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .home-search{
    flex-direction: row !important;
  }

  .home-search .col-gauche,
  .home-search .col-droite{
    width: 50%;
  }

  .home-search .col-gauche .recherche{
    margin: 0;
  } 

  #home-slider .title-slider {
    padding: 15px 30px;
  }

  #home-slider .title-slider:before{
    display: none;
  }
}

@media screen and (max-width:550px){
  .a-la-une .contslider{
    position: relative !important;
  }
   
  .home-search{
    flex-direction: column !important;
    margin-bottom: -12rem;
  }

  .home-search .col-gauche,
  .home-search .col-droite{
    width: 100%;
  }

  .a-la-une .slick-dots {
    bottom: 46%;
  }

   
}


@media screen and (max-width:400px){
  #home-slider .title-slider {
    font-size: 34px;
  }
}


.home-section.actus {
  background-size: 58% 510px, 50% 324px;
}

.a-la-une{
  margin-bottom: 100px;
}

.a-la-une .contslider{
  position: absolute;
  bottom: calc(50% - 210px);
  right: 0;
  left: 0;
}

.a-la-une .desc {
  top: calc(50% - 230px);
  position: relative;
}

.carousel-control-next i, .carousel-control-prev i{
  background-color: #A2BD28;
}

.carousel-control-next:hover i, .carousel-control-prev:hover i {
  background-color: var(--main-blue);
}

#slider-actu .slick-slide {
  border-radius: 20px;
}

#slider-actu .slick-slide .lieu{
  display: flex;
  background-color: #F5F5F5;
  border-radius: 20px;
  padding: 10px;
  width: fit-content;
}

#slider-actu .slick-slide h3{
  text-transform: uppercase;
}

#slider-actu .slick-slide h3 a{
  color: var(--main-blue) !important;
}

#slider-actu .slick-slide .lieu span{
  line-height: 19px;
}

#slider-actu .slick-slide .lieu::before{
  width: 20px;
  height: 20px;
}




.icon-groupe-103::before{
  font-family: 'icones-extranet';
  content: '\e82c'; 
}

.join-us .container-xl{
  position: relative;
}

.join-us #slider-joinus .slick-list{
  margin: 0 -40px;
  padding-top: 50px;
  padding-bottom: 100px;
}

.join-us .article-vert{
  background-color: transparent;
  overflow: visible;
  transition: all 0.3s ease-in-out;
  /* border: 1px solid black; */
}

.join-us .article-vert .wrapper-img{
  margin-bottom: -70px;
  z-index: 1;
  position: relative;
}

.join-us .article-vert.slick-current + .slick-active + .slick-active .wrapper-img{
  margin: 0px 10px -50px 10px;
}

.join-us .article-vert .wrapper-img img{
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  padding: 25px;
  object-fit: cover;
  background-color: white;
  border: 6px solid #F5F5F5;
}



.join-us .article-vert .wrapper-info{
  display: none;
  background-color: white;
  padding-top: 70px;
  border-radius: 40px 40px 20px 20px;
}

.join-us .article-vert:not(.slick-current) .wrapper-img{
  /* width: calc(100% + 40px);
  margin: 0 -20px; */
}

.join-us .article-vert.slick-current + .slick-active + .slick-active{
  transform: scale(1.5) translateY(75px);
  position: relative;
  z-index: 3;
}

.join-us .article-vert.slick-current{
  margin-right: -40px;
  margin-left: 40px;
}

.join-us .article-vert.slick-current + .slick-active + .slick-active + .slick-active + .slick-active{
  margin-left: -40px;
  margin-right: 40px;
}

.join-us .article-vert.slick-current + .slick-active,
.join-us .article-vert.slick-current + .slick-active + .slick-active + .slick-active{
  position: relative;
  z-index: 2;
}

.join-us .article-vert.slick-current,
.join-us .article-vert.slick-current + .slick-active + .slick-active + .slick-active + .slick-active{
  position: relative;
  z-index: 1;
}

.join-us .article-vert.slick-current + .slick-active + .slick-active .wrapper-info{
  display: block;
  text-align: center;
  padding: 25px 15px;
  padding-top: 70px;
}

.join-us .article-vert .wrapper-info h2{
  font-size: 14px;
}

.join-us .article-vert .wrapper-info .specialite,
.join-us .article-vert .wrapper-info .lieu{
  font-size: 10px;
} 

.join-us .article-vert .wrapper-info .icon-groupe-103{
  font-size: 20px;
}

.join-us .article-vert .wrapper-info .lieu{
  display: flex;
  background-color: #F5F5F5;
  border-radius: 20px;
  padding: 5px 10px;
  line-height: 20px;
  width: fit-content;
  margin: auto;
}

.join-us .article-vert .wrapper-info .lieu:before {
  content: "";
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 15px;
  height: 20px;
  background-position: center;
  background-size: 100% auto;
  background-image: url(./assets/images/localisation.png);
  background-repeat: no-repeat;
}


.join-us .slick-arrow{
  top: 240px;
  bottom: inherit;
}

.join-us .slick-arrow.slick-next{
  right: -40px;
}

.join-us .slick-arrow.slick-prev{
  left: -40px;
} 
 
@media screen and (max-width:1200px){
  .join-us .slick-arrow{
    top: 410px;
    bottom: inherit;
  }
  
  .join-us .slick-arrow.slick-next{
    right: 30px;
  }
  
  .join-us .slick-arrow.slick-prev{
    left: 30px;
  }
}

@media screen and (max-width:767px){
  
  .join-us #slider-joinus .slick-list{
    margin: 0;
    padding-bottom: 0;
  }

  .join-us .article-vert.slick-current {
    margin : 0;
}

  .join-us .article-vert.slick-current + .slick-active + .slick-active {
    transform: none;
    position: relative;
    z-index: 2;
}
  .join-us .article-vert.slick-current + .slick-active {
    transform: scale(1.5) translateY(75px) translateX(3px);
    position: relative;
    z-index: 3;
  }

  .join-us .article-vert.slick-current + .slick-active + .slick-active .wrapper-info {
    display: none;
    text-align: center;
    padding: 25px 15px;
    padding-top: 70px;
  }

  .join-us .article-vert.slick-current + .slick-active .wrapper-info {
    display: block;
    text-align: center;
    padding: 25px 15px;
    padding-top: 70px;
  }

  .join-us .slick-arrow{
    top: inherit;
    bottom: 50px;
  }

  .join-us .slick-arrow.slick-prev{
    left: 40px;
  }

  .join-us .slick-arrow.slick-next {
    right: 40px;
  }

}

@media screen and (max-width:450px){
  .join-us #slider-joinus .slick-list{
    margin: 0;
  }

  .join-us .article-vert.slick-current {
    margin : 0;
}

  .join-us .article-vert.slick-current + .slick-active  {
    transform: none;
    position: relative;
    z-index: 2;
}
  .join-us .article-vert.slick-current {
    transform: none;
    position: relative;
    z-index: 3;
  }

  .join-us .article-vert.slick-current + .slick-active .wrapper-info {
    display: none
  }

  .join-us .article-vert.slick-current .wrapper-info {
    display: block;
    text-align: center;
    padding: 25px 15px;
    padding-top: 70px;
  }

}

.bloc-joinus{
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.bloc-joinus::before{
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 100px;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 25%;
  margin: auto;
  z-index: -1;
  background-color: #3757A6;
}

.bloc-joinus::after{
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 50px;
  left: 25%;
  height: 70%;
  width: 100%;
  margin: auto;
  z-index: -1;
  background-color: var(--main-orange);
}

.bloc-joinus .group-left{
  position: relative;
  padding: 45px;
  background-color: white;
  z-index: 2;
}

.bloc-joinus .group-left::after{
  content: "";
  position: absolute;
  display: block;
  right: -30px;
  top: 0;
  bottom: 00px;
  width: 40px;
  height: 100%;
  background-color: white;
}

.bloc-joinus .group-left h2{
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #F8910B;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.bloc-joinus .group-left a{
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  width: fit-content;
  padding: 12px 20px;
  border: 1px solid var(--main-orange);
  text-decoration: none;
  border-radius: 22px;
}

.bloc-joinus .group-right img{
  border-radius: 20px;
}

@media screen and (min-width: 992px) {
  .home-search .col-droite{
      max-width: 360px;
  }

  .topBarre {
      background-color: var(--main-blue);
  }

}

@media screen and (min-width: 768px) {
  .home-search {
    transform: translateY(-100%);
    transform: none;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

  .a-la-une .slick-dots {
      bottom: 15px;
      right: 15px;
      left: inherit;
      transform: none;
  }
}

/*---- PARTAGE --------*/

.partage .facebook-button,
.partage .linkedin-button,
.partage .pdf-button,
.partage .mail-button{
  display: none;
}

/***********  SEARCH AND FILTER ***********/
.wrapper-moteur{
  padding: 35px 0;
  background-color: #3757A6;
}

.searchandfilter.search-row > ul > li:nth-child(1),
.searchandfilter.search-row > ul > li:nth-child(2){
  width: 35%;
}

.searchandfilter.search-row > ul > li:nth-child(3),
.searchandfilter.search-row > ul > li:nth-child(4){
  width: 15%;
}

.searchandfilter h4{
  color: white;
}

[data-sf-field-input-type="select"] label::after{
  color: var(--main-orange);
}
  
.searchandfilter select.sf-input-select,
.sf-field-search input,
.sf-field-search input::placeholder{
  color: white;
}

.searchandfilter select.sf-input-select option {
  color: black;
}

.searchandfilter label{
  border-bottom: 1px solid white;
}

.sf-field-submit [type="submit"]{
  border: 1px solid var(--main-blue);
  background-color: white;
  color: var(--main-blue) !important;
}

.sf-field-submit [type="submit"]:hover,
.sf-field-submit [type="submit"]:focus{
  border: 1px solid var(--main-orange);
  background-color: var(--main-orange);
  color: white !important;
}
 
.sf-field-reset a{
  display: flex;
  align-items: center;
  color: white !important;
  padding: 0.6875em 5px;
  font-weight: normal;
}

.sf-field-reset a::after{
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 18px;
  height: 18px;
  background-size: cover;
  background-image: url('./assets/images/reset.png');
  transition: all 0.3s ease-in-out;
}

.sf-field-reset a:hover::after,
.sf-field-reset a:focus::after{
  transform: rotate(180deg);
}

.tri-alpha li > a{
  color: var(--main-blue);
}

[data-sf-field-input-type="select"] label::after, .sf_date_field label::after, .sf-field-search label::after{
  color: var(--main-orange);
  content: "\E800";
}

.sf-datepicker:placeholder-shown,.sf-datepicker::placeholder,.sf-field-search input, .sf-datepicker, .searchandfilter select.sf-input-select, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: white;
}

@media screen and (max-width:990px){
  .searchandfilter.search-row > ul > li{
    width: 50% !important;
  }
}

@media screen and (max-width:767px){
  .searchandfilter.search-row > ul > li{
    width: 100% !important;
  }
  .searchandfilter.search-row .sf-field-submit {
    display: flex;
    margin: auto;
  }
}



/* ----------- actus  ----------- */
.home-section.actus {
  background-image: linear-gradient(var(--wp--preset--color--bleuc),var(--wp--preset--color--bleuc)),
  linear-gradient(var(--wp--preset--color--vert),var(--wp--preset--color--vert));
  background-size: 58% 420px, 50% 324px;
  background-position: right 0 top 0, left 50% top 96px;
  background-repeat: no-repeat;
  padding-bottom: 4em;
}


/* ----------- agenda ----------- */
.home-section.agenda {
  background-image: 	linear-gradient(var(--wp--preset--color--bleuc),var(--wp--preset--color--bleuc)),
  linear-gradient(var(--wp--preset--color--vert),var(--wp--preset--color--vert));
  ;
  background-size: 58% 300px, 50% 100px;
  background-position: left 0 top 0, left 50% top 5rem;
  background-repeat: no-repeat;
  padding-bottom: 3em;
}


/************ MENU EN 1 CLIC  ************/
.en-un-clic .nav-link .img-wrapper path {
  fill: var(--main-blue);
}

@media screen and (min-width: 992px) {
  body:not(.home) #acces-rapide {
      position: fixed;
      right: 0;
      left: inherit;
      top: 50%;
      transform: translateY(-50%);
      background-color: transparent !important;
      z-index: 99;
  }

  body:not(.home) #acces-rapide .offcanvas-body {
    overflow-x: visible;
  }
  body:not(.home) #acces-rapide .en-un-clic {
        width: auto;
        background-color: var(--main-orange);
        font-size: 10px;
        padding: 0;
        border-radius: 20px 0px 0px 20px;
        margin-right: - calc(100% -36px);
  }

  body:not(.home) #acces-rapide .en-un-clic{
    transform: translateX(100%) translateX(-85px);
  }
  
  #menu-en-un-clic li a{
    position: relative;
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    color: white;
    text-transform: none;
    padding: 10px 0;
    padding-right: 10px;
    margin: 0 !important;
    background-color: var(--main-orange);
    border: 1px solid var(--main-orange);
    border-radius: 20px 0px 0px 20px;
    transition: all 0.3s ease-in-out;
  }
  
  #menu-en-un-clic li a .menu-title{
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
  }
  
  #menu-en-un-clic li a .menu-title i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    background-color: var(--main-orange);
    color: white;
    border-radius: 50%;
    font-size: 8px;
    margin-left: 10px;
  }
  
  #menu-en-un-clic li a:hover{
    transform: translateX(calc(-100% + 86px));
    background-color: white;
    color: var(--main-orange);
  }
  
  #menu-en-un-clic li a:hover .img-wrapper path{
    fill: var(--main-orange);
  } 
  
  /* #menu-en-un-clic li a:hover .img-wrapper .icon{
    fill: var(--main-blue);
  } */
  
  body:not(.home) #acces-rapide .en-un-clic .nav-link .img-wrapper{
    width: 36px;
    margin: 0 25px;
  }
  
  .en-un-clic .nav-link .img-wrapper path {
    fill: white;
  }
  
  .en-un-clic .nav-link:hover .img-wrapper {
    transform: none;
  }
}


/************ ARCHIVE MEDIA  ************/

.tax-type-media h1{
  text-align: center;
  background-color: transparent;
  color: #3757A6;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
  line-height: normal;
}

.tax-type-media .page-intro{
  max-width: 75%;
  margin: 0 auto;
  color: #898989;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  background-color: transparent;
  padding: 0;
  text-align: center;
}

.tax-type-media #type-media-nav{
  border-radius: 40px;
  background-color: #898989;
  margin-bottom: 70px;
}

.tax-type-media #type-media-nav a {
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: white;
  padding: 13px 30px;
  text-decoration: none;
  border-radius: 40px;
  text-transform: capitalize;
  opacity: 0.5;
  min-width: 150px;
}

.tax-type-media #type-media-nav .active a{
  background-color: #3757A6;
  opacity: 1;
  font-weight: bold;
}

.tax-type-media #type-media-nav .active.video a{
  background-color: var(--main-orange);
}

.tax-type-media .wrapper-moteur{
  padding: 35px 0;
  background-color: #3757A6;
}

.tax-type-media article.docutheque{
  border-radius: 20px;
}

/*.tax-type-media article.docutheque .icon-extranet-heart{
  font-size: 90px;
}

.tax-type-media article.docutheque .icon-extranet-heart::before{
  margin: 0;
}*/

.tax-type-media article.docutheque .icon-file-pdf{
  font-size: 5rem;
}

.tax-type-media article.docutheque .icon-file-pdf::before{
  margin: 0;
}

.tax-type-media article.docutheque .btn-rond{
  border: 1px solid var(--main-orange);
}

.tax-type-media article.docutheque .btn-rond:hover,
.tax-type-media article.docutheque .btn-rond:focus{
  border: 1px solid #3757A6;
}

.tax-type-media article.videos{
  border-radius: 20px;
  overflow: hidden;
  background: transparent;
}

.tax-type-media article.videos .wrapper-img{
  position: relative;
}

.tax-type-media article.videos .wrapper-img .cat{
  position: absolute;
  left: 30px;
  top: 15px;
  pointer-events: none;
}

.tax-type-media article.videos .wrapper-img img{
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.tax-type-media article.videos .wrapper-img .icon-play-youtube{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("./assets/images/play.png");
  background-repeat: no-repeat;
  background-position: center;
}

.tax-type-media article.videos .wrapper-info{
  position: relative;
  display: flex;
  flex-direction: column; 
  height: 150px;
  margin-bottom: 50px;
  padding: 20px;
}

.tax-type-media article.videos .wrapper-info h2{
  margin-bottom: 35px;
}

.tax-type-media article.videos .wrapper-info button{
  position: absolute;
  bottom: 0;
  right: 0;
}

.tax-type-media article.videos .wrapper-info button:hover,
.tax-type-media article.videos .wrapper-info button:focus{
  background-color: transparent;
  color: var(--main-orange) !important; 
}

.tax-type-media .modal-dialog{
  min-width: 640px;
  height: 100vh;
  margin: auto;
  display: flex;
  align-items: center;
}

.tax-type-media .modal-dialog .modal-content{
  position: relative;
}

.tax-type-media .modal-dialog .modal-content .btn-close{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -40px;
  top: -40px;
  background: #fff;
  border: 3px solid red;
  opacity: 1 !important;
}

.tax-type-media .modal-dialog .modal-content .btn-close:before{
  content: "X";
  color: red;
  font-size: 1.6rem;
}

.tax-type-media .modal-dialog .modal-body{
  height: 360px;
  padding: 0;
}

/**************** ARCHIVE PRATICIEN ****************/
.post-type-archive-praticien h1{
  text-align: center;
  background-color: transparent;
  color: #3757A6;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
  line-height: normal;
}

.post-type-archive-praticien .page-intro{
  max-width: 75%;
  margin: 0 auto;
  color: #898989;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  background-color: transparent;
  padding: 0;
  text-align: center;
}

.post-type-archive-praticien .wrapper-moteur{
  padding: 35px 0;
  background-color: #3757A6;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(1){
  width: 25%;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(2),
.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(3){
  width: 30%;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(4){
  width: 15%;
  display: none;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(4) ul{
  padding: 0.8rem 1.5rem 0.8rem 0;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li.sf-field-submit{
  width: 15%; 
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li:nth-child(6){
  width: 15%;
}

.post-type-archive-praticien .searchandfilter.search-row > ul > li span.select2 span,
.post-type-archive-praticien .searchandfilter.search-row > ul > li label{
  color : white;
}

.post-type-archive-praticien .tri-alpha li > a{
  padding: 12px 5px;
  color: var(--main-blue);
}

.post-type-archive-praticien .tri-alpha li > span{
  padding: 12px 5px;
}

.post-type-archive-praticien #results .article-prat h2{
  text-transform: none;
}

.post-type-archive-praticien #results .article-prat{
  position: relative;
  background-color: transparent;
}

.post-type-archive-praticien #results .article-prat .article-desc,
.post-type-archive-praticien #results .article-prat .col-lg-3{
  background-color: white;
}
.post-type-archive-praticien #results .article-prat .col-lg-3{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.post-type-archive-praticien #results .article-prat .article-desc{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 110px;
}

.post-type-archive-praticien #results .article-prat .article-img{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 156px;
  min-width: 156px;
  display: flex;
  align-items: center;
}

.post-type-archive-praticien #results .article-prat .article-img img,
.post-type-archive-praticien #results .article-prat .article-img i{
  display: flex;
  align-items: center;
  max-width: 156px;
  width:  156px;
  min-width: 156px;
  height: 156px;
  font-size: 90px;
  border-radius: 50%;
  padding: 12px;
  object-fit: cover;
  background-color: white;
  border: 4px solid #F5F5F5;
}

.post-type-archive-praticien #results .article-prat .article-desc .cat{
  display: inline-block;
  width: fit-content;
  margin-bottom: 13px;
}

.post-type-archive-praticien #results .article-prat .article-desc .cat span{
  color: #707070;
  padding: 5px 10px;
}

.post-type-archive-praticien #results .article-prat .article-desc .cat i{
  font-size: 21px;
  margin-right: 10px;
}

.post-type-archive-praticien #results .article-prat .article-desc .spec{
  font-size: 0.8rem;
}

.post-type-archive-praticien #results .article-prat .article-desc .spec span{
  color: var(--main-blue);
}

.post-type-archive-praticien #results .article-prat .article-desc .spec span:before{
  content: "- ";
}

.post-type-archive-praticien #results .article-prat .article-desc .spec span:first-child:before {
  display: none;
}

.post-type-archive-praticien #results .article-prat .article-desc .lieu{
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 5px 15px;
  border-radius: 20px;
}

.post-type-archive-praticien #results .article-prat .article-desc .lieu i{
  font-size: 25px;
}

.post-type-archive-praticien #results .article-prat .consult{
  background-color: transparent !important;
  color: var(--main-orange) !important;
}

.post-type-archive-praticien #results .article-prat .consult:hover,
.post-type-archive-praticien #results .article-prat .consult:focus{
  color: var(--main-blue) !important;
}


@media screen and (max-width:990px){
  .post-type-archive-praticien #results .article-prat .article-desc {
    padding-left: 175px;
  }
}

@media screen and (max-width:767px){
  .post-type-archive-praticien #results .article-prat > .row{
    flex-direction: column;
  }
  .post-type-archive-praticien #results .article-prat .article-img {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: -55px;
    z-index: 1;
  }

  .post-type-archive-praticien #results .article-prat .article-desc {
    padding-left: 0;
    padding-top: 50px;
  }

  .post-type-archive-praticien #results .article-prat .article-desc .flex-column{
    align-items: center;
    text-align: center;
  }

  .tri-alpha .jspHorizontalBar .jspDrag{
    width: 100% !important;
  }
}


/* ARCHIVE SERVICE // OFFRE DE SOIN */
.post-type-archive-service article.service h2 span{
  display: inline-block ;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--wp--preset--color--noir);
}

/* ARCHIVE EMPLOI */
.post-type-archive-offre-emploi .searchandfilter ul{
  flex-direction: column;
  align-items: flex-start;
}

.post-type-archive-offre-emploi #sf-input-666167f2db2eea6bf268ed78c43db47f{
  display: none; /* bug list etablissements */
}

.post-type-archive-offre-emploi .searchandfilter h4{
  color: var(--wp--preset--color--noir);
}

.post-type-archive-offre-emploi .searchandfilter label{
  width: 300px;
  border: none;
}

.post-type-archive-offre-emploi .searchandfilter select,
.post-type-archive-offre-emploi .searchandfilter input{
  color: var(--wp--preset--color--noir);
}

.post-type-archive-offre-emploi .searchandfilter input[type="text"]{
  width: 200px;
  padding: 10px;
  border-bottom: 1px solid var(--wp--preset--color--noir);
}

.post-type-archive-offre-emploi .searchandfilter input[type="text"]::placeholder{
  color: var(--wp--preset--color--gris);
}

.post-type-archive-offre-emploi .searchandfilter.search-row .sf-field-submit{
  align-self: flex-start;
  margin-left: 0 !important;
}

/***** FOOTER ******/
.widget-newsletter h3{
  margin-right: 30px;
}

.widget-social > div {
  padding-right: 1.5rem;
}

.widget-social h3{
  margin-right: 20px;
}

.widget-social > div .nos-reseaux i.icon-facebook.rond::before{
  content: "\e80f";
}

.widget-social > div .nos-reseaux i.icon-twitter.rond::before{
  content: "\f057" !important;
}

.widget-social > div .nos-reseaux i.icon-instagram.rond::before{
  content: "\e81e";
}

.widget-social > div .nos-reseaux i.icon-youtube.rond::before{
  content: "\e823";
}

.widget-social > div .nos-reseaux i.icon-linkedin.rond::before{
  content: "\f319" !important;
}


.footer-widgets.has-bleu-background-color{
  background-color: var(--wp--preset--color--bleuc) !important;
}

#footer .wmenu{
  display: flex;
  flex-direction: column-reverse;
}

#footer .backtoch{
  display: block;
  color: var(--main-blue);
  padding: 10px 0;
  margin: 0;
}

#footer .backtoch i{
  background-color: var(--main-blue);
  color: white;
}

#footer .backtoch:hover i{
  background-color: transparent;
  color: var(--main-blue);
}

.footer-menu .nav-link{
  color: #707070;
}

.footer-menu .nav-link:hover {
  color: black;
  text-decoration: underline;
}

#footer #nav_menu-2{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#footer #nav_menu-2 #menu-widget-menu-1{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-right: 20px;
}

#footer #nav_menu-2 .menu-item{
  width: auto !important;
  padding: 0;
  margin: 0;
}

#footer #nav_menu-2 .menu-item a{
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}

#footer #nav_menu-2 .menu-item a i{
  font-size: 1.4rem;
}

#footer #nav_menu-2 .icon-right-open-big{
  display: none;
}

/* ADAPTATION CHARTE GRAPHIQUE */

.has-bleuc-color {
  color: #3757A6 !important;
}

.has-bleuc-background-color {
  background-color: #3757A6 !important;
}

.has-bleu-background-color {
  background-color: var(--main-blue) !important;
}

.pagination .current,
.has-bleu-color {
  color: var(--main-blue) !important;
}

.wp-block-button__link:hover,
.sf-field-submit [type="submit"]:hover,
.btn-bleu,
.btn-hover-bleu:hover {
  background-color: var(--main-blue);
  color: var(--wp--preset--color--blanc);
  border-color: var(--main-blue);
}

.btn-rond {
  font-weight: 500 !important;
  display: inline-flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
  padding: 0.6875em 1em !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 2em !important;
  border-color: transparent !important;
  box-sizing: border-box !important;
}

.btn-orange,
.btn-hover-orange:hover,
.btn-hover-orange:focus {
  background-color: var(--wp--preset--color--orange) !important;
  color: var(--wp--preset--color--blanc) !important;
  border-color: var(--wp--preset--color--orange) !important;
}

.btn-hover-bleu:hover,
.btn-hover-bleu:focus {
  background-color: var(--main-blue) !important;
  color: var(--wp--preset--color--blanc) !important;
  border-color: var(--main-blue) !important;
}

.page-header .page-header-inner h1.page-title {
  background-color: var(--main-blue) !important;
}

.service .picto g>* {
  fill: var(--main-blue);
}

#slider-actu .actu .lieu:before {
  background-image: url('./assets/images/localisation-intranet.png');
}

.join-us .article-vert .wrapper-info h2{
  color: var(--main-blue);
}

.join-us .article-vert .wrapper-info .lieu:before {
  background-image: url('./assets/images/localisation-intranet.png');
}

.bloc-joinus::before{
  background-color: var(--main-blue);
}

.has-bleuc-color{
  color: var(--main-blue) !important;
}

.btn-blanc,
.btn-hover-blanc:focus,
.btn-hover-blanc:hover{
  color: var(--main-blue);
}

.wp-block-details[open]>summary{
  background-color: var(--main-blue);
}