@charset "utf-8";
@font-face {
  font-family: 'Merck';
  font-weight: normal;
  font-style: normal;
  src: local('Merck Regular'),
  url('../font/Merck-police/Merck.woff2') format('woff2'),
  url('../font/Merck-police/Merck.woff') format('woff'),
  url('../font/Merck-police/Merck.ttf') format('ttf'),
  url('../font/Merck-police/Merck.eot') format('eot');
}

/*...................................................*/
:root{
--couleur-page:rgba(255, 255, 255, 0.92); /*blanc alpha*/
--couleur-fond:#4f328f; /*violet*/
--couleur-logo:#fdc635; /*jaune*/
--couleur-titre:#c3d0d5; /*bleu gris foncé*/
--couleur-titre2:#e9f0f2;/*bleu gris clair alpha*/
--couleur-bouton:#eb3c96;/*rose*/
--couleur-bouton2:#f0cbe3;/*rose alpha*/
--arrondi:1rem;
--arrondi-bas:0 0 2rem 2rem;
--ombre:-1px 2px 4px 0px rgba(23,14,43,.5);
/*--ombre2:-1px 2px 5px 0px rgba(0,0,0,.6);*/
--transition-couleur:background .7s;
--grilleColonne:repeat(1,1fr);
}
/*...................................................*/
*, *:before, *:after {
	 -webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
			 box-sizing: border-box; 
}
html {
	font-size:50%;
    margin: 0;
    padding: 0;
    height: 100.2%;
}
body{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color:#e9f0f2;
	min-height: 100.2%;
    font-size: 1.7rem;
	margin:1% 0 0 0;
	padding:0;
	color: #000;
}
.global {
	z-index:1;;
    width: 95%;
    max-width: 1920px;
    min-height: 100.2%;
    margin:1rem auto;
}
header{
/*	padding:0 2rem 0 2rem;
	margin: 0;
    display: -webkit-box;
      display: -ms-flexbox;
       display: flex;
	-webkit-box-align: center;
	  -ms-flex-align: center;
	     align-items: center;
	-webkit-box-pack: justify;
	  -ms-flex-pack: justify;
	    justify-content: space-between;*/
height: 5rem;
}
/*.logo,.logo2{
	width:8rem;
	height:auto
}
.logo2{
	width:5rem;
	height:auto
}*/
section{
	padding:1.5rem 2rem 2rem 2rem;
    background-color:var(--couleur-page);
	min-height:40rem;	
	margin-top: 1rem;
	border-radius: 1rem;
	border: solid .1rem #4f328f;
}
.fin-container{
	width:99%;
	position: inherit;
	text-align: left;
	margin:0 auto;
	min-height: 0;
}
.fin-container section{
	min-height:30rem
}
/*.fin-container--texte{
	background-color: var(--couleur-titre);
    padding: 1rem;
	border-radius: var(--arrondi-bas);
}*/
footer{
	min-height:5rem;
	/*! background-color:var(--couleur-page); */
	z-index: -10;
	position: relative;
	margin-top: 2.5rem;
}
footer div{
	position:relative;
	background-color:#e9f0f2;
	padding:0 2rem 2rem 2rem;
}
.blob{
	z-index:-1;
	width:18%;
	min-width:22rem;
	height:auto;
	position:absolute;
    -webkit-animation: anime-blob 30s  infinite linear;
	    animation: anime-blob 80s infinite linear;
	top:3%;
	left:-4%;
	/*! opacity:.6; */
}
@-webkit-keyframes anime-blob {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1) ;
            transform: rotate(0deg) scaleY(1) ;
	
  }
  25% {
    -webkit-transform: rotate(90deg) scaleY(.7);
            transform: rotate(90deg) scaleY(.7);
  }
  50% {
    -webkit-transform: rotate(184deg) scaleY(.5);
            transform: rotate(184deg) scaleY(.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scaleY(1);
            transform: rotate(360deg) scaleY(1);
  }
}
@keyframes anime-blob {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1) ;
            transform: rotate(0deg) scaleY(1) ;
	
  }
  25% {
    -webkit-transform: rotate(90deg) scaleY(.7);
            transform: rotate(90deg) scaleY(.7);
  }
  50% {
    -webkit-transform: rotate(184deg) scaleY(.5);
            transform: rotate(184deg) scaleY(.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scaleY(1);
            transform: rotate(360deg) scaleY(1);
  }
}
/*...................................................*/
/*.titre-logo,*/h1,h2{
	font-family: 'Merck', sans-serif;
    font-style: normal;
    font-size:3rem;
    position: relative;
	Letter-spacing:.1rem;
	margin:0;
	padding:0;
}
/*.titre-logo{
	font-size:3.5rem;
	color:#4f328f;
}*/
h1{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:2.3rem;
	color:var(--couleur-fond);
	font-weight:normal;
	margin-bottom:2rem;
	line-height: 3.5rem;
	font-weight:bold;
}
h2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
    color:var(--couleur-fond);
	font-weight: bold;
	font-size:1.9rem;
	text-transform: uppercase;	
}
footer h2{
	font-family: 'Merck', sans-serif;
    color:#4f328f;
	font-size:2rem
}
ul{
	list-style: none;
	margin-left: -3rem;
}
li{
	position:relative
}
li::before {
	content:"•"; 
	color:var(--couleur-bouton);
    display: inline-block;
	/*! width: 2rem; */
	font-size: 2rem;
    /*! margin-left: -1.4rem; */
	position: absolute;
	top: -.3rem;
	left: -1.5rem;
}
/*.tableauCaracteristique-div li::before{
	color:var(--couleur-bouton);
	width: 1rem;
    margin-left: -3.5rem;
	font-size: 2rem;
}
.info .tableauCaracteristique-div li::before{
	color:var(--couleur-bouton);
	width: 1.5rem;
    margin-left: -2rem;
	font-size: 2rem;
}*/
.encadre{
	border:.1rem var(--couleur-fond) solid;
	padding:0 1.8rem;
	margin-bottom:2.5rem;
	background: #fff;
}
/*.....................................................................progresspage......*/
.progresspage{
    margin:2rem 0 3rem 0;
    background-color: var(--couleur-titre2);
    color: white;
    width: 100%;
    border-radius: var(--arrondi);
    /*! border: .1rem var(--couleur-fond) solid; */
}
.progresspage-bar{
    position:relative;
    background-color: var(--couleur-fond);
    color: white;
    padding: .2rem 2rem;
    text-align: right;
    font-size:1.2rem;
    border-radius: var(--arrondi);	
    transform-origin:left;
    animation: 1.5s progresspage;
    height:2rem
}
.progresspage-bar::after{
	content:attr(data-page);
	display:inline-block;
	position:absolute;
	color:#fff;
	border-radius:.6rem .6rem 0 0;
	/*! top: 0; */
	right: .5rem;
}
/*@keyframes progresspage {
	  from {  transform: scaleX(0); }
	  to   {  transform: scaleX(1); }
}*/
@-webkit-keyframes progresspage {
	  from { width:0;}
	  to   { width:attr(data-page);}
}
@keyframes progresspage {
	  from { width:0;}
	  to   { width:attr(data-page);}
}
.progresspage-bar[data-page='0%']{
	width:0%
}
.progresspage-bar[data-page='6%']{
	width:calc(5.88% * 1)	
}
.progresspage-bar[data-page="12%"]{
	width:calc(5.88% * 2);
}
.progresspage-bar[data-page='18%']{
	width:calc(5.88% * 3)	
}
.progresspage-bar[data-page='24%']{
	width:calc(5.88% * 4)	
}
.progresspage-bar[data-page='30%']{
	width:calc(5.88% * 5)	
}
.progresspage-bar[data-page='37%']{
	width:calc(5.88% * 6)	
}
.progresspage-bar[data-page='42%']{
	width:calc(5.88% * 7)	
}
.progresspage-bar[data-page='48%']{
	width:calc(5.88% * 8)	
}
.progresspage-bar[data-page='54%']{
	width:calc(5.88% * 9)	
}
.progresspage-bar[data-page='60%']{
	width:calc(5.88% * 10)	
}
.progresspage-bar[data-page='65%']{
	width:calc(5.88% * 11)	
}
.progresspage-bar[data-page='71%']{
	width:calc(5.88% * 12)	
}
.progresspage-bar[data-page='77%']{
	width:calc(5.88% * 13)	
}
.progresspage-bar[data-page='83%']{
	width:calc(5.88% * 14)	
}
.progresspage-bar[data-page='89%']{
	width:calc(5.88% * 15)	
}
.progresspage-bar[data-page='95%']{
	width:calc(5.88% * 16)	
}
.progresspage-bar[data-page='100%']{
	width:calc(5.88% * 17)	
}
/*.........................................................boutons...................*/
a{
    color: var(--couleur-bouton);
    text-decoration: none;
    font-weight: bold;
    font-size: 1.6rem;
}
a:hover{
	color:#2db7ca;
}
/*.cadre-texte a{
    color: #f77aba;
}
.cadre-texte a:hover{
    color: #2db7ca;
}*/
a.bouton-nav{
	color:#FFF;
}
.bouton-nav{
    display: inline-block;
    position: relative;
    height: auto;
    padding:.4rem;
    margin:10px 0 0 0;
    color: #fff;
    font-size:1.7rem;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    /*! border:0.1rem solid #4f328f; */
    border-radius:var(--arrondi);
    overflow: hidden;
    cursor: pointer;
    background-color:var(--couleur-bouton);
    z-index: 1;
  	  box-shadow:var(--ombre);
	    -webkit-box-shadow:var(--ombre);
	       -moz-box-shadow:var(--ombre);
}
.bouton-nav::before, .bouton-nav::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:var(--couleur-bouton);
    border-radius:var(--arrondi);
    -webkit-transition: .4s;
      transition: .4s;
    z-index: -2;
}
.bouton-nav::before {
    width: 0;
    background-color:#2fb9ca;
    z-index: -1;
}
.bouton-nav:hover::before {
    width: 100%;
}
.bouton-info{
	display:inline;
    /*! position: absolute; */
	/*! text-align:center; */
	font-size:1.4rem;
	font-weight:bold;
    top:.1rem;
    left:-1.2rem;
    padding:.3rem .9rem;
	color:#fdfefe;
    background-color:var(--couleur-bouton);
	/*! border:var(--couleur-fond) .1rem solid; */
	/*! --arrondi:50%; */
    border-radius:1.5rem;
	cursor:pointer;
    z-index:1;
}
.texte-info{
	font-size: 1.5rem;
	font-style: italic;
}
.conteneur-info{
	display:none !important;
}
.conteneur-info1,.conteneur-info2,.conteneur-info3,.conteneur-info4,.conteneur-info5,.conteneur-info6{
	display:block !important;
}
.conteneur-info1 .info1,.conteneur-info2 .info2,.conteneur-info3 .info3,.conteneur-info4 .info4,.conteneur-info5 .info5,.conteneur-info6 .info6{
	display:grid !important;
}
.bouton-info-text{
    position:relative;
	left:0;
    /*! font-size: 1.4rem; */
    cursor: default;
    top: -.1rem;
    font-style: normal;
}
.bouton-info-survol{
	cursor:pointer;
	position:relative;
}
a .hover-image{
	display:none;
	position:absolute;
	z-index: 2;
	border: .1rem var(--couleur-fond) solid;
	top: 0;
	left: 3rem;
}
a .bouton-info-survol:hover + .hover-image{
	display: block;
}
.conteneur-image{
	position: relative;
    display: inline-block;
}
/*..........................................................................bouton radio*/
.radio-label{
	position:relative;
	display:block;
	cursor:pointer;	        
	border-radius:var(--arrondi); 	
	background:var(--couleur-titre2);
	padding:.5rem .8rem .5rem 3.4rem;
	margin:0 0 .4rem 0;
    -webkit-transition:var(--transition-couleur);
    -o-transition:var(--transition-couleur);
	transition:var(--transition-couleur) 
}
.radio2 .radio-label{
	text-align:center;
	font-size:2.1rem;
	display: inline-block;
/*	padding-left:4.5rem;*/
    padding: .5rem 1.1rem .5rem 4.5rem;
}
.radio-input{
    display:none;
}
.radio-label::before{
	position:absolute;
	left:.7rem;
	top:.51rem;
	vertical-align:middle;
	display:inline-block;
	border:.1rem var(--couleur-fond) solid;
	background:#fff;
	width:2rem;
	height:2rem;
    content: "";   
	border-radius:var(--arrondi);
	--arrondi:50%;
}
.radio2 .radio-label::before{
	left:1rem;
	top:.4rem;
	width:2.8rem;
	height:2.8rem; 
}
.radio-input:checked+.radio-label{
	background-color:var(--couleur-titre);
	color: #000;
}
.radio-input:checked+.radio-label::before{	
	background: -webkit-radial-gradient(circle at .8rem .3em, #fff, #98a4a8, #4f328f);
	   background: -moz-radial-gradient(circle at .8rem .3em, #fff, #98a4a8, #4f328f);
	        background: radial-gradient(circle at .8rem .3em, #fff, #98a4a8, #4f328f);
}
/*..........................................................................cases à cocher*/
.casesAcocher-label{
	position:relative;
	color:#000;
	display:block;
	cursor:pointer;	        
	border-radius:var(--arrondi);	
	background:var(--couleur-titre2);
	padding:.5rem .5rem .5rem 3.4rem;
	margin:.8rem .6rem .4rem.6rem;
    -webkit-transition:var(--transition-couleur);
      -o-transition:var(--transition-couleur);
	    transition:var(--transition-couleur) 
}
.casesAcocher-label-2{
    margin-top:.3rem;
}
.casesAcocher-input{
    display:none;
}
.casesAcocher-label::before{
	position:absolute;
	left:.7rem;
	top:.35em;
	vertical-align:middle;
	display:inline-block;
	border:.1rem #4f328f solid;
	background:#fdfefe;
	width:2rem;
	height:2rem;
    content:"";
}
.casesAcocher-input:checked+.casesAcocher-label{
	background-color:var(--couleur-titre);
	color: #000;
}
.casesAcocher-input:checked+.casesAcocher-label::before{
	/*! background-color:#fdfefe; */	
}
/*............icone*/
.icon-ok-1::before {
	content: '✓';
	font-size:2.6rem;
	font-weight: bold;
	/*! color:var(--couleur-fond); */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4f328f;
}
.casesAcocher-icon{
	display:none
}
.casesAcocher-input:checked+label .casesAcocher-icon{
	position:absolute;
	top:-.6rem;
	left:1rem;
	display:inline-block;
	font-size:1.3rem;
}
/*..............................................................................texte*/
.cadre-texte{
	background-color:#fff; 
	padding:1rem 0;
	border-bottom:.1rem var(--couleur-fond) solid;	
}
.cadre-texte:last-child {
	border:none
}
.cadre-texte p{
	/*! color:var(--couleur-logo); */
	padding:0;
	margin: 0;
}
.texte-emphase{
	font-weight:bold;
	color:var(--couleur-fond);
/*	text-decoration: underline overline var(--couleur-logo);*/
	/*! text-decoration: underline dotted var(--couleur-fond); */
}
.texte-emphase2{
	/*! color:var(--couleur-fond); */
/*	text-align:left !important;*/
	font-size: 1.8rem;
}
.texte-emphase3{
	font-size: 1.8rem;
	color: var(--couleur-bouton);
	font-weight: bold;
}
.tableauCaracteristique-div-entete.titre-emphase{
	font-size:1.9rem;;
	color:#fff;
	background: var(--couleur-fond);
}
.tableauCaracteristique-div.texte-emphase3{
	font-size:2.5rem;
	color: #fdc635;
}
.tableauCaracteristique.reponse{
	padding-bottom:0;
	background: none;
	text-align: center;
}
.tableauCaracteristique.reponse .tableauCaracteristique-div-entete{
	background: #fdfefe;
}
.tableauCaracteristique.reponse .tableauCaracteristique-div{
	background: #fdfefe;
}
/*..................................................................................*/
.radio,.casesAcocher{
	margin-bottom:1.5rem;
	display: block;
}
.radio:last-of-type,.casesAcocher:last-child{
	margin-bottom:1.5rem;
}
.radio-photo{
	margin:0;
	/*! border:.1rem #4f328f solid; */
	width:100%;
	height:auto;
	max-width:18rem;
}
.radio-photo2{
	max-width:25rem;
}
.radio-photo-arrondi{
    /*! border-radius:60% 40% 37% 63% / 50% 47% 53% 50%; */
	/*! box-shadow: 12px 14px 5px -9px rgba(0,0,0,0.17); */
	/*! -webkit-box-shadow: 12px 14px 5px -9px rgba(0,0,0,0.17); */
	/*! -moz-box-shadow: 12px 14px 5px -9px rgba(0,0,0,0.17); */
}
.radio-photo-centre{
	display:block;
	/*! text-align:center; */
	margin-left: 1.3rem;
}
.tableauCaracteristique-div .radio-photo{
	max-width:15rem;
}
.tableauCaracteristique-div .radio-photo-H{
	max-width:7.5rem;
}
/*...................................................................................................................echelle horizontal.........*/
/*input,
output {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  font-family: Arial, sans-serif;
}*/

/*output {
  background: #000;
  padding: 5px 16px;
  border-radius: 3px;
  color: #fff;
}*/

/*.echelle-input[type="number"] {
  width: 40px;
  padding: 4px 5px;
  border: 1px solid #000;
  border-radius: 3px;
}*/

input[type="range"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*! margin-right: 15px; */
  width: 100%;
  height: 1rem;
  background: #fdfefe;
  border-radius: .5rem;
  background-image: linear-gradient(#c3d0d5, #c3d0d5);
  background-size: 0% 100%;
  background-repeat: no-repeat;border: .1rem solid #c3d0d5;
  position: relative;
  left: -.2rem;
  top: -1rem;
}

/*[dir="rtl"] input[type="range"] {
  background: #fff;
  background-image: linear-gradient(#fff, #fff);
  background-size: 30% 100%;
  background-repeat: no-repeat;
}*/

/* Input Thumb Pouce*/
input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #eb3c96;
  cursor: ew-resize;
/*  box-shadow: 0 0 2px 0 #555;*/
  transition: background .3s ease-in-out;
}
input[type="range"]::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  background: var(--couleur-bouton);
  cursor: ew-resize;
/*  box-shadow: 0 0 2px 0 #555;*/
  transition: background .3s ease-in-out;
  border: .3rem white solid;
}
input[type="range"]::-ms-thumb {
  -webkit-appearance: none;  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #eb3c96;
  cursor: ew-resize;
/*  box-shadow: 0 0 2px 0 #555;*/
  transition: background .3s ease-in-out;
}
input[type="range"]::-webkit-slider-thumb:hover {
  background: #eb3c96;
}

input[type="range"]::-moz-range-thumb:hover {
  background: #eb3c96;
}
input[type="range"]::-ms-thumb:hover {
  background: #eb3c96;
}
/* input[type="range"]:focus,
input[type="number"]:focus {
  box-shadow: 0 0 3px 1px #000;
  outline: none;
} */
input[type="range"]:focus::-webkit-slider-thumb {
    outline: .1rem solid #eb3c96;
    outline-offset: .4rem;
}
input[type="range"]:focus::-moz-range-thumb{
    outline: .1rem solid #eb3c96;
    outline-offset: .4rem;
}
input[type="range"]:focus::-ms-range-thumb{
    outline: .1rem solid #eb3c96;
    outline-offset: .4rem;
}
input[type="range"]:focus::range-thumb{
    outline: .1rem solid #eb3c96;
    outline-offset: .4rem;
}
/* Input Track piste*/
input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
/*  border: none;*/
  background: transparent;
}
input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  /*! border: none; */
  background: transparent;
}
input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
/*  border: none;*/
  background: transparent;
}
/*.........................................conteneur-graduation...........*/
.echelle{
	width:100%;
	height: 8rem;
	background-color: #fff;
	padding: 0 .5rem;
	border-radius: var(--arrondi);
}
.echelle-conteneur-graduation {
    position:relative;
    display: block;
    z-index: 0;
    width:calc(100% - 1.6rem);
    height: .3rem;
    top: 2rem; 
    left:.5em;
    /*! border: none; */
    /*! border-top: .1rem #555 solid; */
}
.echelle-graduation{
	position: absolute;
	/*! display:inline-block; */
	width:.1rem;
	height:1rem;
	border-left:.1rem #c8c5c5 solid;
	top:-.2rem;
	/*! background-color: #09ff2f; */
}
.echelle-graduation:after{
	content: "0";
	font-size: 1.3rem;
	font-weight: bold;
	position:relative;
	display:inline-block;
	width:4rem;
	text-align:center;
	left: -2rem;
	top: 1rem;
	color: #4f328f;
}
.g0{
   left: calc(0% + .9rem);
}
.g10{
   left: calc(10% + .7rem);
}
.g10:after{
   content: "1";
}
.g20{
   left: calc(20% + .4rem);
}
.g20:after{
   content: "2";
}
.g30{
   left: calc(30% + .4rem);
}
.g30:after{
   content: "3";
}
.g40{
   left: calc(40% + .1rem);
}
.g40:after{

   content: "4";
}
.g50{
   left: calc(50% - .1rem);
}
.g50:after{
   content: "5";
}
.g60{
   left: calc(60% - .2rem);
}
.g60:after{
   content: "6";
}
.g70{
   left: calc(70% - .4rem);
}
.g70:after{
   content: "7";
}
.g80{
   left: calc(80% - .6rem);
}
.g80:after{
   content: "8";
}
.g90{
   left: calc(90% - .8rem);
}
.g90:after{
   content: "9";
}
.g100{	
   left:calc(100% - 1rem);
}
.g100:after{
   content: "10";
}
/*........................................................................*/
.legende {
    margin: 0 .7rem 1.8rem.7rem;
    font-size: 1.2rem;
    /*! width: 90%; */
    /*! margin-left: 10%; */
}
/*..............................................................................................................................................*/
.block-centre {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center; 
}
.block-centre--oppose {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.block-centre--droite {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
}
/*.......................................alerte*/
[data-alerte='1']/*, .couleur-fond-tableau [data-alerte='1']*/{
	background:#e3bbce !important;
}
.tableauCaracteristique-div[data-alerte='1'] + div{
	background:#fbadad !important;
}
/*.................................................................question.fieldset........*/
.conteneur{
	padding: 0 1rem;
}
.conteneur-fieldset{
	margin: 0 0 2rem 0;
	padding: 0 0 0rem 0;
	border: none;
}
/*.conteneur-fieldset2{
	padding:0rem 1rem .5rem 1rem;
	border: none;
}*/
.titre-question{
	font-size:2.1rem;
	margin:0;
	padding:0 .8rem 1.5rem .8rem;
	/*! background-color:#2dbecd; */
	color:#4F328F;
	font-weight: bold;
	position: relative;
}
.titre-question-nombre{
	color:#fdc635;
}
.input-annee {
    font-size: 1.7rem;
    padding: .2rem;
    width: 10rem;
    text-align: center;
    margin-right: .1rem;
    border-radius: var(--arrondi);
    border: .1rem #4f328f solid;
    /*! background-color: var(--couleur-titre2); */
}
.arrondi-question-haut{
	border-radius:.5rem .5rem 0 0 
}
.arrondi-question-bas{
	border-radius: 0 0 .5rem .5rem 
}
.bordure-gauche-retrait{
	padding-left:4rem
}
.bordure{
	/*! border: .1rem var(--couleur-fond) solid; */
	margin-bottom: .3rem;
}
/*.......................................................................tableau*/
/*.couleur-fond-tableau{
	background-color:var(--couleur-fond); 
	grid-template-columns:repeat(3,1fr) !important ;
	--grilleColonne:repeat(3,1fr) !important ;
	-ms-grid-columns: var(--grilleColonne)!important ;
	grid-template-columns: var(--grilleColonne)!important ;
}*/
.arrondi{
	border-radius: 2rem;
}
/*............................................................................*/
.tableauCaracteristique{
    display: -ms-grid;
    display: grid;
   -ms-grid-columns:21% .5rem 29% .5rem 1fr;
    grid-template-columns:25% 1fr 1fr; 
    -ms-grid-rows: auto .5rem auto; 
    grid-template-rows: auto auto;
    grid-gap:.2rem;
    background-color:var(--couleur-fond);
    padding:.2rem;
	/*! border-radius: var(--arrondi-bas); */
    font-size:1.5rem;
    margin-bottom: 2rem;
}
.tableauCaracteristique-div {
    background-color: #fff;
    padding:0.5rem .8rem;
	/*! background:var(--couleur-titre); */
	/*! border-radius:var(--arrondi); */
	hyphens:auto;
    position: relative;
}
.tableauCaracteristique-div-centre {
	display:-ms-grid;
	display:grid;
    place-items: center ;
	color: var(--couleur-fond);
	ont-weight: bold;
	overflow-wrap: anywhere;
	display: grid;
	place-items: center;
	font-size: 1.7rem;
	color: var(--couleur-fond);
	background: #e9f0f2;
	text-align: center;
}
.tableauCaracteristique-div-titre{
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span:3;
	grid-column-end:4; 
	/*! background:var(--couleur-titre2); */
	text-align: center;
	padding: 1rem;
}
.tableauCaracteristique-div-entete{
	/*! text-align:center; */ 
	font-weight:bold;
	overflow-wrap: anywhere;
	background: #e9f0f2;
	display: grid;
	place-items: center;
	font-size: 1.7rem;
	color: var(--couleur-fond);
	text-align: center;
}
/*.tableauCaracteristique.col2{
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr; 
}
.tableauCaracteristique.col2 .tableauCaracteristique-div-titre{
	-ms-grid-column: 1;
	grid-column-start: 1;
	-ms-grid-column-span:2;
	grid-column-end:3; 
}*/
/*.........................................................info*/
.conteneur-info{
	position:fixed; 
	top:0; 
	left:0;
	background:rgba(203, 211, 213, 0.7); 
	width:100%; 
	height:100%; 
	z-index:3;
    animation: alpha 1s;
    -moz-animation: alpha 1s;
    -webkit-animation: alpha .6s; 
    -o-animation: alpha 1.; 
}
@keyframes alpha {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes alpha { 
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes alpha {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes alpha { 
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.info{
	display: -ms-grid;
	display: grid;
    -ms-grid-columns:1fr .5rem 2fr;
    grid-template-columns:1fr 2fr; 
    grid-gap:.2rem;
    background-color:var(--couleur-fond);
    padding:.2rem;
	/*! border-radius:var(--arrondi); */
	width:90%;
	position:relative;
	left:5%;
}
.bouton-nav-info{
	position:relative;
	width:10rem;
	top: -1.8rem;
}
.conteneur-info-col{
	margin-top:4%;
}
/*.........................................................................*/
@media (min-width: 640px){
html{ 
	font-size: 62.5%;
}
.tableauCaracteristique {
    font-size: 1.7rem;
}
.encadre{
	text-align: justify;
}
.bouton-info{
    /*! padding:.2rem .9rem .3rem .9rem; */
    /*! left: .2rem; */
    /*! display: inline-block; */
}
ul{
	margin-left: -1rem;
}
li::before {
	top: -.2rem;
	left: -1.5rem;
}
.tableauCaracteristique-div-entete.titre-emphase{
	font-size:2.8rem;;
}
.radio2 .radio-label{
	font-size:2.5rem;
	padding-left:5rem;
}
.radio2 .radio-label::before{
	top:.5rem;
	width:3rem;
	height:3rem; 
}
}
@media(min-width:760px) {
/*   .grille-form,.conteneur-grille-echelle{
    display:-ms-grid;
    display:grid; 
    gap:.2rem 2rem;
    --grilleColonne:repeat(3,1fr);
    -ms-grid-columns:var(--grilleColonne);
    grid-template-columns:var(--grilleColonne);
    margin-bottom: -2rem;*/
}
.fin-container{
    width:50%; 
}
}
@media (min-width: 870px){
/*    .grille-form,.conteneur-grille-echelle{
     --grilleColonne:repeat(4,1fr);*/
}
}
@media (min-width: 813px){
/*.progresspage-bar[data-page='Page 1']::after, .progresspage-bar[data-page='Page 2']::after{
	left: calc(100% - 6rem);
}*/
}
@media (min-width: 1024px){
}
@media (min-width: 1302px){ 
}