/*
Theme Name: Interlude Santé
Theme URI:
Description: Tourcoing
Version: 1.0
Author: Interlude Santé
Author URI: http://www.interludesante.com
*/
/* letter-spacing:1px; */

@import "cssInterlude/general.css";
@import "cssInterlude/accueil.css";
@import "cssInterlude/page.css";
@import "cssInterlude/service.css";
@import "cssInterlude/emplois.css";
@import "cssInterlude/actualites.css";
@import "cssInterlude/medecin.css";

*{
  box-sizing: border-box;
}
.container{
  width:1920px;
  max-width:calc(100% - 1px);
  margin:0 auto;
}
.hidden,.hiddenResponsive{
  display:none;
}
img,iframe{
  border: none;
  max-width: 100%;
}
img{
  height: auto;
}
a{
  text-decoration: none;
  color:#007BFF;
}
ul{
  padding-left:0;
  margin:0;
}
li{
  list-style: none;
}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{
  text-transform:uppercase ;
}
table{
  border-collapse: collapse;
}
table tr{
  border:0px;
  border-bottom:1px solid #007BFF;
}
.cli-row table tr:nth-of-type(odd){
  color:#000;
	
}
.cli-tab-container p, .cli-privacy-content-text{
	font-size:12px!important;
}
table tr:nth-of-type(2n+1) {
    color: #fff;
}
table tr {
  padding-top:10px;
  padding-bottom: 10px;
}
table tr td{
  border:0;
  padding-left:15px;
}
.content ul li {
  position: relative;
  align-items: center;
  padding: 3px 5px 3px 15px;
  margin-left: 15px;
}
.content ul li:before{
  position: absolute;
  top:10px;
  left:0;
  display: block;
  content:'';
  width: 10px;
  height: 10px;
  background-color: #007BFF;
  border-radius: 10px;
}
.content ul li ul li:before{
  position: absolute;
  top:0;
  left:0;
  display: block;
  content:'-';
  background-color: transparent;
  font-weight: 600;
}
.content ul li ul li ul li:before{
  position: absolute;
  top:0;
  left:0;
  display: block;
  content:'•';
  background-color: transparent;
  font-weight: 600;
}

footer .content ul li:before{
  display: none;
}
body{
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
  font-size: 18px;
  max-width: 100%;
  margin:0;
  color:#434343;
}
.content{
  width:1200px;
  max-width:98%;
  margin:0 auto;
}
.flex{
  display:flex;
  flex-wrap: wrap;
}
.flex.rgpd{
  flex-wrap: nowrap;
}
.fdBlanc{
  background-color: #fff;
}
.fdOrange{
  background-color: rgba(253,187,45,1);
}
header .content{
  width:1480px;
}
header ul li:before{
  display:none;
}
header .infoH{
  background-color: #007BFF;
  color:#fff;
  font-size: 22px;
  text-transform: uppercase;
  justify-content: space-between;
}
header .infoH a{
  color:#fff;

}
header .infoH .traduction{
  min-height: 63px;
  display: flex;
  align-items: center;
}
header .infoH .traduction a{
  padding: 0 9px;
}
header .infoH .menuSup{
  position: relative;
}
header .infoH .menuSup li{
  font-weight: 500;
  border-left: 1px solid #fff;
  min-height: 63px;
  display: flex;
  align-items: center;
  padding:0 30px;
}
header .infoH .menuSup li:first-child a{
  cursor: pointer;
}
header .infoH .menuSup li:first-child span{
  font-size:16px;
}
header .infoH .menuSup li.urgences{
  background-color: #D51C5F;
  border:none;
}
header .infoH .menuSup li.recherche{
  background-color: #004B9A;
  border:none;
  position: relative;
  background-image: url('./images/loupe.svg');
  background-repeat: no-repeat;
  background-position: center;
}
header .infoH .menuSup form#searchform{
  position: absolute;
  top: 100%;
  right: 0;
  display:flex;
  width:233px;
  z-index: 9999999;
}
header .infoH .menuSup form#searchform.hidden{
  display:none;
}
header .infoH .menuSup form input{
  width:200px;
  height: 30px;
  border:1px solid #004B9A;
  border-top: none;
  padding: 5px;
  margin:0;
}
header .infoH .menuSup form button{
  width:70px;
  height: 30px;
  border:1px solid #004B9A;
  background-color: #004B9A;
  color:#fff;
}
header .headerMenu #menuBas{
  justify-content: space-between;
}
header .headerMenu #logo{
  max-width:200px;
	width:100%;
  height:auto;
}
header #mega-menu-wrap-primary{
  width:calc(100% - 260px);
  min-width: 980px;
  padding:0 70px;
  display:flex;
  z-index:9999;
}
header #mega-menu-wrap-primary ul#mega-menu-primary{
  width: 100%;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
header #mega-menu-wrap-primary ul li{
  padding:0 30px;
}
header #mega-menu-wrap-primary ul li a{
  font-family: 'Montserrat', sans-serif!important;
}
header #mega-menu-wrap-primary ul li.mega-current-menu-ancestor > a{
  border-bottom:5px solid #FFA800!important;
}
header #mega-menu-wrap-primary ul li.mega-current-menu-ancestor ul li.mega-current-menu-ancestor > a{
  border-bottom:none!important;
  font-weight:700!important;
}
header #mega-menu-wrap-primary ul li.mega-current-menu-ancestor  .mega-current-menu-item >a{
  text-decoration:underline !important;
}
header #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-current-menu-ancestor> a.mega-menu-link > span.mega-indicator::after{
  color:#FFA800;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu.mega-menu-grid > a{
  pointer-events: none;
  cursor: default;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.offreSoinsLi > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
  pointer-events: none;
  cursor: default;
  text-transform: uppercase;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-object-services:hover > a{
  font-weight: 700 !important;
}
footer{
  background-color: #004B9A;
  color:#fff;
  padding:95px 0;
}
footer a{
  color:#fff;
}
footer .coordEtbt{
  justify-content: space-between;
}
footer .coordEtbt .etbt{
  width:calc(100% - 250px);
}
footer .coordEtbt .etbt .logo img,
footer .coordEtbt .Logo img{
  width:239px;
}
footer .coordEtbt .etbt .coordonnees{
  margin-left: 35px;
  font-size: 20px;
}
footer .coordEtbt .etbt .coordonnees span{
  font-size: 24px;
}
footer .menu{
  margin-top: 50px;
  justify-content: space-between;
}
footer .menu .menuPlus{
  width:calc(100% - 250px);
}
footer .menu .menuPlus ul{
  width: 100%;
}
footer .menu .menuPlus ul li{
  margin-right: 15px;
}
footer .menu .menuPlus ul li a{
  font-size:16px;
}
footer .menu .blocRSxScx{
  display:flex;
  justify-content: flex-end;
}
footer .menu .blocsRSxScx{
  margin-left: 15px;
}
.su-accordion .su-spoiler{
  margin-bottom: 30px!important;
}
.su-spoiler-title {
  display: flex;
  align-items: center;
  justify-content: left;
  padding: 0!important;
}
.su-spoiler-title h3,.su-spoiler-title h4, .su-spoiler.h3 > .su-spoiler-title, .su-spoiler.h4 > .su-spoiler-title{
  font-size: 25px;
  line-height: 28px;
  font-family: 'Quicksand',sans-serif;
  font-weight: 400;
  width:calc(100% - 60px);
  background: transparent;
  color: inherit;
  text-align: left;
  margin:0;
}
.su-spoiler-title h4, .su-spoiler.h4 > .su-spoiler-title{
  font-size: 20px;
  line-height: 23px;
}
.su-spoiler-closed .su-spoiler-icon{
  display:block;
  width:25px!important;
  height:25px!important;
  background-image: url('./images/arrowLien.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position:relative!important;
  top:inherit!important;
  left:inherit!important;
  fill:#fff;
  margin-right: 20px;
}
.su-spoiler-icon-plus:not(.su-spoiler-closed) .su-spoiler-icon{
  display:block;
  width:25px!important;
  height:25px!important;
  background-image: url('./images/arrowLien.svg');
  background-repeat: no-repeat;
  background-size: contain;
  position:relative!important;
  top:inherit!important;
  left:inherit!important;
  transform: rotateY(180deg);
  margin-right: 20px;
}
.blocPage.bleu .su-spoiler-closed .su-spoiler-icon, .blocPage.bleu .su-spoiler-icon-plus:not(.su-spoiler-closed) .su-spoiler-icon,
.blocPage.orange .su-spoiler-closed .su-spoiler-icon, .blocPage.orange .su-spoiler-icon-plus:not(.su-spoiler-closed) .su-spoiler-icon{
  background-image: url('./images/arrowLienBlanc.svg');
}
.su-spoiler-style-default > .su-spoiler-content{
  padding-left:60px!important;
}
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before,.su-spoiler-icon-plus .su-spoiler-icon:before{
  display: none;
}
select,input,textarea{
  font-size: 18px;
  font-family: 'Quicksand',sans-serif;
  font-weight: 300;
  color: #434343;
  margin: 10px 0px;
  padding: 5px;
  border-radius: 0px;
  border: 1px solid #c3c3c3;
}
input[type='file']{
  border:none;
	background-color:#fff;
}
textarea{
  width:100%;
}
.wpcf7 .flex{
  justify-content: space-between;
}
.wpcf7 i{
  text-align: center;
  display: block;
  font-weight: 700;
}
.wpcf7 .importFichier + p{
  margin-top: 5px;
}
.wpcf7 .rgpd{
  margin: 40px 0;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.rgpd span.wpcf7-list-item{
  margin: 0 1em;
}
.wpcf7 .rgpd input{
  margin: 0px 10px 0px 0px;
}
.wpcf7 input.btnBleu{
  background-color: #007BFF;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 25px;
  border-radius: 4px;
  border:1px solid #007BFF;
  cursor: pointer;
}
#accessibilite{
  position: fixed;
  top:0;
  left:0;
  z-index:999999;
  width: 100%;
  height:100%;
  background-color: rgba(0,0,0, 0.66);
  overflow: auto;
}
#accessibilite .blocContenu{
  background-color: #fff;
  width:95%;
	max-height:100%;
  max-width: 730px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 20px;
  overflow-y: scroll;
}
#accessibilite .blocContenu .headerAccess{
  position: relative;
  background-color: #007BFF;
  color:#fff;
  align-items: stretch;
}
#accessibilite .blocContenu .headerAccess .closed{
  position: absolute;
  right:31px;
  top:50%;
  transform: translateY(-50%);
  width:30px;
  height:30px;
  z-index:999999;
  background-image: url('./images/icnClose.svg');
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
#accessibilite .blocContenu .headerAccess .aaPlus{
  background-color: #004B9A;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 10px;
}
#accessibilite .blocContenu .headerAccess .aaPlus span{
  font-size: 19px;
  font-weight: normal;
}
#accessibilite .blocContenu .headerAccess h3{
	margin:0;
  margin-left: 30px;
  font-weight: 300;
  font-size: 24px;
	background-color:transparent;
}
#accessibilite .blocContenu .contenuAccess{
  padding:20px 25px;
}
#accessibilite .blocContenu .contenuAccess p:first-child{
  margin-top: 0;
}
#accessibilite .blocContenu .contenuAccess strong{
  font-weight: 600;
}
#accessibilite .blocContenu .contenuAccess .directive{
  justify-content: space-between;
	align-items:center;
  font-size: 18px;
  padding-bottom: 10px;
}
#accessibilite .blocContenu .contenuAccess .directive img{
  width: 27px;
	height:100%;
}
#accessibilite .blocContenu .contenuAccess .directive div{
  width: calc(100% - 45px);
}
#accessibilite .blocContenu .contenuAccess .directive div strong{
  display: block;
  padding: 10px 0;
}
@media screen and (max-width: 1600px) {

  footer{
    padding:95px 20px;
  }
}
@media screen and (max-width: 1480px) {
  .Accueil .headerMenu .content{
    width:100%;
    max-width:100%;
    padding-right:0px;
  }
  header #mega-menu-wrap-primary{
    width:calc(100% - 260px);
    min-width: 940px;
    padding:0;
    display:flex;
    z-index:999;
  }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
    width:calc(100% + 260px)!important;
    right:0px!important;
    left:inherit!important;
  }
}
@media screen and (max-width: 1350px) {
  header #mega-menu-wrap-primary{
    width:calc(100% - 200px);
  }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
    width:calc(100% + 200px)!important;
    right:0!important;
  }
}
@media screen and (max-width: 1250px) {
  header .infoH{
    font-size: 15px;
  }
  header .headerMenu #logo {
    max-width: 150px;
  }
  header #mega-menu-wrap-primary{
    width:calc(100% - 150px);
    min-width: inherit;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-size: 16px!important;
    line-height: 30px!important;
    height: 30px!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
    width:calc(100% + 150px)!important;
  }
  footer .logo,.Logo{
    width:170px;
  }
  footer .coordEtbt .etbt .coordonnees{
    font-size: 15px;
  }
  footer .coordEtbt .etbt .coordonnees span{
    font-size: 20px;
  }
  footer .menu .menuPlus ul li{
    padding: 3px 5px;
    margin-left: 9px;
  }
  footer .menu .menuPlus ul li a{
    font-size: 12px;
  }
  footer{
    padding:40px 20px;
  }
}
@media screen and (max-width: 1010px) {
  header .infoH .traduction,header .infoH .menuSup li{
    height:25px;
    min-height: inherit;
    width:38px;
    padding:0;
  }
  header .infoH .menuSup li.recherche{
    background-size: 50%;
  }
  header .infoH .menuSup li.urgences{
    background-image:url('./images/urgences.svg');
    background-repeat: no-repeat;
    background-position: center;
  }
  header .infoH .menuSup li:nth-child(4){
    background-image:url('./images/standard.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FFA800;
    border-left: 0px;
  }
  header .infoH .menuSup li:nth-child(3){
    background-image:url('./images/avatar.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  header .infoH .menuSup li a{
    color:transparent;
  }

  .menuSup ul li:nth-child(1),.menuSup ul li:nth-child(2){
    display:none;
  }
  header .headerMenu #menuBas{
    align-items: center;
    padding: 0 30px;
  }
  header .headerMenu #logo{
    max-width: 100px;
  }
  header #mega-menu-wrap-primary{
    background-color: #f5fafd;
    width:auto;
    min-width: inherit;
    height: fit-content;
  }
  .mega-toggle-blocks-right{
    background-color: #fff;
  }
  header #mega-menu-wrap-primary .mega-toggle-label{
    font-weight: 700;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
    height:inherit!important;
    flex-direction: column;
    border-top: 0!important;
  }
  .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right{
    position: absolute;
    top: -69px;
    right: 0px;
  }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
    width:100%!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    display: none!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
    flex-wrap: wrap;
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column{
    max-width: 100%!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary img{
    max-width: 50%!important;
  }
}
@media screen and (max-width: 900px) {
  header .infoH .traduction,header .infoH .menuSup li{
    height:25px;
    min-height: inherit;
    width:38px;
    padding:0;
  }
  header .infoH .menuSup li.recherche{
    background-size: 50%;
  }
  header .infoH .menuSup li a{
    color:transparent;
  }

  .menuSup ul li:nth-child(1),.menuSup ul li:nth-child(2){
    display:none;
  }
  header .headerMenu #menuBas{
    align-items: center;
    padding: 0 30px;
  }
  header .headerMenu #logo{
    max-width: 100px;
  }
  header #mega-menu-wrap-primary{
    background-color: #f5fafd;
    width:auto;
    min-width: inherit;
    height: fit-content;
  }
  .mega-toggle-blocks-right{
    background-color: #fff;
  }
  header #mega-menu-wrap-primary .mega-toggle-label{
    font-weight: 700;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
    height:inherit!important;
    flex-direction: column;
    border-top: 0!important;
  }
  .mega-menu-toggle.mega-menu-open .mega-toggle-blocks-right{
    position: absolute;
    top: -69px;
    right: 0px;
  }
  #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu{
    width:100%!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    display: none!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
    flex-wrap: wrap;
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column{
    max-width: 100%!important;
  }
  footer .coordEtbt .etbt .coordonnees{
    margin-left: 0;
    width:100%;
  }
  footer .menu .menuPlus ul li {
    padding: 3px;
    margin-left: 5px;
  }
  .content ul li:before{
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 6px;
  }
  body{
    font-size: 16px;
  }
  .Page h3,.su-spoiler-title h3, .su-spoiler-title h4{
    font-size: 20px;
    width: calc(100% - 35px);
  }
  .su-spoiler-closed .su-spoiler-icon,.su-spoiler-icon-plus:not(.su-spoiler-closed) .su-spoiler-icon {
    width: 20px!important;
    height: 20px!important;
  }
  .su-spoiler-style-default > .su-spoiler-content {
    padding-left: 35px!important;
  }
}
@media screen and (max-width: 750px) {
  h2{
    font-size: 24px;
    margin-bottom: 0!important;
    padding-bottom:13px!important;
  }
  h2:after{
    margin-top: 0!important;
    width:50px!important;
    height:3px!important;
  }
  #mega-menu-wrap-primary .mega-menu-toggle,header #mega-menu-wrap-primary{
    display:block!important;
  }
  #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge{
    line-height:1!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
    padding:5px!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{
    font-size: 20px!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 7px 10px!important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item{
      padding: 7px 0px!important;
  }
}
@media screen and (max-width: 500px) {
  footer .coordEtbt .etbt{
    width:100%;
    text-align: center;
  }
  footer .logo, .Logo{
    margin: 10px auto;
  }
  footer .menu .menuPlus{
    width:100%;
    margin-bottom: 20px;
  }
  footer .menu .menuPlus .flex{
    justify-content: space-between;
  }
  footer .menu .blocRSxScx{
    margin: 0 auto;
  }
}