@charset "UTF-8";

/*
Theme Name: Interlude Santé
Theme URI: http://interludesante.com
Author: Interlude Santé
Author URI: http://interludesante.com
Description: Thème créé spécifiquement pour la CNAV.
Requires PHP: 5.2
Version: 1.0
*/


@import 'cssInterlude/fonts.css';
@import 'cssInterlude/accessibilite.css';
@import 'cssInterlude/questionnaires.css';
@import 'cssInterlude/enquetes.css';
@import 'cssInterlude/produits.css';
@import 'cssInterlude/faq-glossaire.css';
@import 'cssInterlude/accueil.css';
@import 'cssInterlude/standard.css';
@import 'cssInterlude/footer.css';
@import 'cssInterlude/header.css';


*{
  box-sizing: border-box;
}
.hidden{
  display:none;
}
.flex{
  display:flex;
}
html{
  font-size: 18px;
}
.Brouillon{
  background: #f0f0f1;
}
body{
  position: relative;
  font-family: 'Roboto', 'sans-serif';
  font-size: 1em;
  margin:0;
  padding:0;
}
body > div:not(#wpadminbar,#tarteaucitronRoot){
  display:none;
}
h1,h2,h3,h4,h5{
  font-family: 'Raleway','sans-serif';
}

/* Permet le changement de police pour l'accessibilité */
body.dyslexic-font {
  font-family: 'OpenDyslexic', 'Roboto', 'sans-serif' !important;
}

body.dyslexic-font h1,
body.dyslexic-font h2,
body.dyslexic-font h3,
body.dyslexic-font h4,
body.dyslexic-font h5 {
  font-family: 'OpenDyslexic', 'Raleway', 'sans-serif' !important;
}

/* Gestion des règles CSS spécifiques qui forcent Raleway */
body.dyslexic-font .Accueil .noConnect .blocTexte p,
body.dyslexic-font p,
body.dyslexic-font div,
body.dyslexic-font span,
body.dyslexic-font a,
body.dyslexic-font li,
body.dyslexic-font td,
body.dyslexic-font th,
body.dyslexic-font button,
body.dyslexic-font input,
body.dyslexic-font select,
body.dyslexic-font textarea {
  font-family: 'OpenDyslexic', 'Roboto', 'sans-serif' !important;
}

/* Règles spécifiques pour les éléments qui forcent Raleway */
body.dyslexic-font footer .rsxScx p {
  font-family: 'OpenDyslexic', 'Raleway', 'sans-serif' !important;
}

body.dyslexic-font .Accueil .blocTexte a {
  font-family: 'OpenDyslexic', 'Raleway', 'sans-serif' !important;
}
h1{
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 27px!important;
}
h2{
  font-size: 1.556em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 15px;
  color:#666666;
}
h2:first-child{
  padding-top: 0;
}
h3,span.h3{
  font-size: 1.333em;
  font-weight: normal;
  margin: 33px 0;
  color:#666666;
}
h4{
  font-size: 1em;
  font-weight: normal;
  color:#666666;
}
iframe{
  max-width: 100%;
}
img{
  max-width:100%;
}
img.alignleft{
  float:left;
  margin-right: 10px;
}
img.alignright{
  float:right;
  margin-left: 10px;
}
img.aligncenter{
  display:block;
  margin: 5px auto;
}
table, table *{
  border-collapse: collapse;
}
table tr:nth-child(even){
  background-color: #F7F7F7;
}
table tr td{
  border:1px solid #BBBBBB;
  padding:10px;
}
#fil-ariane {
  margin-bottom: 50px;
  font-size: 0.778em;
}
#fil-ariane .content > span{
  color:#095AA6;
}
#fil-ariane a{
  color:#000;
  text-decoration: none;
}
#fil-ariane a:hover{
  font-weight: bold;
  text-decoration: underline;
}
#corps{
  border-top: 2px solid #F2F2F2;
}
#corps > div{
  padding-top: 60px;
}
.blocBleu{
  position:relative;
  background-color: #DAEEFB;
  padding-bottom: 61px;
}
.blocBleu:before{
  content:'';
  display: block;
  width:100%;
  height:90px;
  background-color: #DAEEFB;
  border-radius:100%;
  position: absolute;
  bottom:100%;
  left:0;
  transform: translateY(  50%);
  z-index:1;
}
.blocBleu .content{
  padding-top:45px;
}
.standPage{
  max-width: 800px;
  width:95%;
  margin: 0 auto;
}
.content{
  max-width:1330px;
  width: 100%;
  margin:0 auto;
}
.btnBleu,.btnBlanc:hover{
  background: transparent linear-gradient(180deg, #9cc9f1 0%, #8db2d6 100%) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  padding:13px 30px;
  display:block;
  width: fit-content;
  width: -moz-fit-content;
  text-decoration: none;
  color: #000000 !important;
  font-size: 1em;
  border:0;
}
.btnBleu:not('choixSelect'):hover{
  background: #0489DE;
  box-shadow: none;
}
.btnBlanc{
  background-color:#FFF ;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #BBBBBB;
  border-radius: 50px;
  padding:13px 30px;
  display:block;
  width: fit-content;
  text-decoration: none;
  color:#000;
  font-size: 1em;
}
main .pom-default{
  background-image: url('img/icnPrint.svg');
  background-position: center;
  width:95px;
  height:95px;
}
.col2 > div{
  width:49%;
}
.col3 > div.col1_3{
  width:32%;
}
.col3 > div.col2_3{
  width:66%;
}
form .btnBleu{
  border:0;
  font-family: 'Roboto', 'sans-serif';
  font-size: 0.818em;
}
form .btnBleu:hover{
  font-weight: bold;
  text-decoration: underline;
}
form textarea,form input[type="email"]{
  width:100%;
  background-color: #F7F7F7;
  border:1px solid #BBBBBB;
  padding:24px 32px;
  font-size:0.909em;
  border-radius: 8px;
  font-family: 'Roboto', 'sans-serif';
}
form input[type="email"]{
  background-image: url('../img/@.svg');
  background-repeat: no-repeat;
  background-position: 95% center;
  padding-right: 55px;
}
form textarea::placeholder{
  color:#666666;
  font-style: italic;
  font-family: 'Roboto', 'sans-serif';
  font-size:0.909em;
}
/* Aspect de la case */
input[type="checkbox"],input[type="radio"]{
  opacity: 0!important;
  z-index:99;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
}
.filtreTaxo form .selectTaxo input[type="checkbox"]{
  opacity: 1!important;
  position: relative;
  width: auto;
  height: auto;
  top:inherit;
  left:inherit;
}
input[type="checkbox"] + .wpcf7-list-item-label,input[type="checkbox"] + span,input[type="radio"] + span{
  padding-left:20px;
}
input[type="checkbox"] + .wpcf7-list-item-label:after,input[type="checkbox"] + span:after,input[type="radio"] + span:after{
  content:'';
  display:block;
  background: url('img/checkbox.svg')!important;
  background-size: cover;
  width:15px;
  height:15px;
  position: absolute;
	top: 5px;
	left: 0;
	transition: all .2s; /* Petite transition*/
	transform: translateY(0%)!important;
  opacity:1!important;
  z-index:1;
}

/* Aspect de la coche */
input[type="checkbox"]:checked + .wpcf7-list-item-label:after,input[type="checkbox"]:checked + span:after,input[type="radio"]:checked + span:after{
  background: url('img/checkboxOn.svg')!important;
  background-size: cover;
  width:15px;
  height:15px;
  position: absolute;
	top: 5px;
	left: 0;
	transition: all .2s; /* Petite transition*/
	transform: translateY(0%)!important;
  opacity:1!important;
}
@media(max-width:1370px) {
  .content {
    padding: 0 20px;
  }
@media(max-width:768px){
  .flex {
    flex-wrap:wrap;
  }


}


}