.check-with-label:checked ~ .check-with-label:checked ~ .check-with-label:checked ~ .check-with-label:checked ~ .label-for-check + .div3 {
  display: block;
}



.div2 {
  width: 100%;
  height: 100px;
  background: red;
}

.div3 {
  width: 100%-2px;
  height: 30px;
  	line-height: 30px;
  background: #FFF7F7;
  color:#C00000;
  display: none;
    border: 2px solid;
	border-color:#C00000;
text-align:center;
font-style: italic;
}










/* Dropdown Button */
.dropbtn {
  background-color: #52AB80;
  color: white;
  padding: 15px;
   min-width: 128px;
   	height: 49px;
	  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 128px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
    font-size: 14px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #70BD95;}




#menu {
	    margin:0 auto;
	  margin-top: 0px;
	    display:block;
	background-color:#1A486A;
    text-align: left;
	font-size: 20px;
	height: 49px;
	line-height: 49px;
	color: white;

		}





body {
    font: normal 16px Verdana, Arial, sans-serif;
	font-size: 16px;
		    margin: auto;
			margin-top:0px; 
	      display:block;
	height:100%;
	min-height:100%;
	width:100%;
	background-color: white;
	top:0;

}

#page {
	margin-top:;
    min-height: 100%;
    position: relative;
    background-color:white;
}

#bloc-principal {
	
    padding-bottom: 100px;
    background-color:;
}
#footer {
		display: inline-block;
	text-align: center;
    width:100%;
    position: absolute;
    bottom: 0;
    background-color:#EBF0F5;
	font-size: 12px;
	color: grey;
}	

.centerparent {
	display: inline-block;
	margin:0 auto;
	width:95%;
}

.mentionslegales {
	text-align: justify;
	margin-right:15px;
	margin-left:15px;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }



#formchoixidEN {
display: block;
margin-top:;
background-color:;
width: 28px;
height: 21px;
float:right;
padding:8px;
}

#formchoixidFR{
display: block;
margin-top:;
background-color:;
width: 28px;
height: 21px;
float:left;
padding:8px;
}

.logodanstitre {
/*display: block;
margin-top:px;
background-color:;
width: 72px;
height: 21px;
*/
padding:8px;
float:left;
}
/*logodanstitre= Espace pour mettre un logo à gauche du titre si besoin, memes dimensions que bloc des drapeaux ci-dessous*/


#buttonFR {
background-color: ;
	background-image: url("https://cle-rh.com/FlagFR.svg");
width: 28px;
height: 21px;
border: none;
float: ;

}

#buttonEN {
float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagEN.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonES {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagES.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonBE {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagBE.svg");
width: 28px;
height: 21px;
border: none;
}


#buttonNL {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagNL.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonGE {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagGE.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonCZ {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagCZ.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonHU {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagHU.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonRO {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagRO.svg");
width: 28px;
height: 21px;
border: none;
}

#buttonIT {
	float:;
	background-color: ;
	background-image: url("https://cle-rh.com/FlagIT.svg");
width: 28px;
height: 21px;
border: none;
}



.messageidentifiant {
	
	    margin:0 auto;
	  margin-top: 60px;
    display:block;
		 width:90%;
		 text-align: center;
		   color: #1A486A;
		   font-weight: bold;
	
}

/*#menu {
	    margin:0 auto;
	  margin-top: 0px;
	    display:block;
	background-color:#1A486A;
    text-align: left;
	font-size: 20px;
	height: 49px;
	line-height: 49px;
	color: white;

		}
*/			
#Formchoixlangue {

		}		
/*.classspanchoixlangue {
	display:block;
	float:left;
	background-color:yellow;
}*/		
		
	/*	
 .zonetexte {
    margin:0 auto;
    display:block;
	 width:48%;
	  height: 30px;
	   background-color: white;
   color: #1A486A;
  border: none;
}*/

input[type=text], select {
  width: 70%;
  padding: 12px 20px;
   margin:0 auto;
   margin-top: 20px;
   
  display: block;
  border: 1px solid #ccc;
  border-color: #1A486A ;
  border-radius: 4px;
  box-sizing: border-box;
     background-color: ;
}

#champdetexte {
  width: 70%;
  padding: 12px 20px;
   margin:0 auto;
   margin-top: 20px;
   
  display: block;
  border: 1px solid #ccc;
  border-color: #1A486A ;
  border-radius: 4px;
  box-sizing: border-box;
     background-color: ;
	 height: 200px;	
}

#champtextepersonneevaluee {
  width: 70%;
  padding: 12px 20px;
   margin:0 auto;
   margin-top: 20px;
   
  display: block;
  border: 1px solid #ccc;
  border-color: #1A486A ;
  border-radius: 4px;
  box-sizing: border-box;
     background-color: ;
	 height: 50px;	
}


.warningRGPD {
	font-size: 12px; 
 margin:0 auto;
	  margin-top: 20px;
    display:block;
		 width:70%;
		 text-align: center;
		  font-style: italic;
		  color: red;
	
}

.remerciement {
margin-top:60px;
	text-align: center;
	
	}

.messageidentifiant {
	
	    margin:0 auto;
	  margin-top: 60px;
	  margin-bottom: 30px;
    display:block;
		 width:90%;
		 text-align: center;
		   color: #1A486A;
		   font-weight: bold;
	
}

.Intro {
	margin-top:60px;
	margin-bottom:30px;
text-align: justify;
}


.messageerreur {
    margin:0 auto;
	  margin-top: 20px;
    display:block;
		 width:90%;
		 text-align: center;
		  font-style: italic;
		  color: red;
	
	}

.suiviquestion {
    height: 30px;
	line-height: 30px;
	text-align: center;
	margin: auto;
	margin-top: 0px;
    	background-color:;

	}


/*
#menu {
 position: fixed; 
    right: 0;
	top:0;
   	background-color: #1A486A;
   color: white;
  width: 100%;
     padding: 20px;
	 margin-right: -50%;

}
*/
.sparespace2{
	   
 display: none;
 padding: px;
		background-color: ;
			  
}

.sparespace{
	 display: none;
	 padding: px;
	}

h1 {
	  background-color: #1A486A;
   color: white;
  width: 100%;
}

.bouton {
  background-color: yellow;
  font: normal 1em Verdana, Arial, sans-serif;
    padding: 13px;

	
  
}

.divquestions {

  margin-left: auto;
  margin-right: auto;
		 width:95%;
		 padding-bottom: px;
	

}

.Boutonsnavigation {
		margin-top:50px; 
		margin-bottom:px;
		height: 70px;
		line-height: 70px;
		background-color:;
		width: 100%;
		
}

.isHidden {
opacity: 0;
position : absolute;
pointer-events : none;
}

.Question  {
	margin-top:60px;
	margin-bottom:30px; 	
	text-align:center;
	color: #1A486A;
	font-weight: bold;
/*	font-style: italic; */
	}
	
.Titrepartie  {
	background-color:#52AB80;
	padding:10px;
	margin-top:60px;
	margin-bottom:30px; 	
	text-align:center;
	color: white;
	font-weight: bold;
/*	font-style: italic; */
	}	
	
.partiedisc  {
	font-size: 14px; 
 margin:0 auto;
	  margin-top: 20px;
    display:block;
		 width:70%;
		 text-align: center;
		  font-style: italic;
		  color: #1A486A;
	}		
	
.divcompteur  {
	margin-top:60px;
	font-size: 100px;
	margin-bottom:30px; 	
	text-align:center;
	color: #F0A61F;
	font-weight: bold;
/*	font-style: italic; */
	}
	
.IntroQR
{
text-align: justify;
	margin-bottom:20px; 
	 display:; 
	}

.Introsensib
{
text-align: center;
font-style: italic;
	margin-bottom:20px; 
	 display:; 
	}
	
.Participationsave
{
text-align: center;
font-style: italic;
	margin-bottom:20px; 
	color: #F0A61F;
	}	
	
	
.label {
    display: flex;
	margin-bottom:12px; 
   background-color: #EBF0F5;
  padding: 12px;
}

.likert {
	    display: inline-block;
		margin:0 auto;
	width : 7.5%;
text-align: center;
   background-color: #EBF0F5;
  padding-bottom: 12;
padding-top: 12;
}

.centerspan {
	    display: block;
		margin: 0 auto;
text-align: center;
	margin-bottom:12px; 
	
}

.radio:checked + .likert {   /* target next sibling (+) label  */
  background-color: #1A486A;
   color: white;
}


.label-for-check {
    display: flex;
	margin-bottom:12px; 
font-size: 14px;
   background-color: #EBF0F5;

  padding: 12px;
 


}

.radio:checked + .label {   /* target next sibling (+) label  */
  background-color: #1A486A;
   color: white;
}

.check-with-label:checked + .label-for-check {
  background-color: #1A486A;
   color: white;
}





#centerb {
    margin:0 auto;
	margin-bottom:0px;
    display:block;
	 width:48%;
	  max-width : 200px;
	   background-color: #1A486A;
   color: white;
   border: none;
   border-radius: 4px;
  cursor: pointer;
}

#leftb1, #leftb2 {
	float:right ;
		 
	 width:48%;
	  	   background-color: #1A486A;
   color: white;
   border: none;
      border-radius: 4px;
  cursor: pointer;
}


#rightb1 {
	float:left ;
	 width:48%;
	 
  background-color: #EBF0F5;
    border: none;
	   border-radius: 4px;
  cursor: pointer;
}


#rightb2 {
	float:left ;
	 width:48%;
	  	   background-color: #1A486A;
   color: white;
   border: none;
      border-radius: 4px;
  cursor: pointer;
} 

#centerb3 {

	margin-top:20px;
		 width:48%; 
	  	   background-color: #1A486A;
   color: white;
   border: none;
      border-radius: 4px;
  cursor: pointer;
} 

#buttoninline {  
display: inline-block; 
		width:30%;
	  	   background-color: #1A486A;
   color: white;
   border: none;
      border-radius: 4px;
  cursor: pointer; 
}
  
@media only screen and (min-width: 900px) {
	
html {
background-image: url("https://cle-rh.com/backgroundzerocarbone.jpg");

background-size: cover;
background-attachment: fixed;

}


body {
    
	width: 800px;
background-color:;
	height: calc(100% - 50px);
    min-height: calc(100% - 50px);

  }


#page {
	margin-top:50px;
    min-height: 100%;
    position: relative;
    background-color:white;
}

#bloc-principal {
	
    padding-bottom: 100px;
    background-color:;
}


  
#leftb1, #leftb2 {
		margin-right:24%;  
		width:24%;
}
#rightb1, #rightb2, #centerb3 {

	margin-left:24%;
	width:24%;
}

.label {
font-size: 14px;
}
#menu {
width: 800px;
	height: 100px;
	line-height: 100px;
		}
	

	

}


@media only screen and (max-width: 900px) {

#champdetexte {
height: 150px;	
}


#formchoixid, .logodanstitre {
margin-top:15px;
}
/*
#formchoixid {
width:100%;
margin: auto;
padding-right: 8px;
margin-top:15px;
}
*/

#formchoixidFR {
float:;	
margin-top:6px;
}
#formchoixidEN {
margin-top:6px;
padding:0px;
padding-right:9px;
padding-top:8px;
}

/*.logodanstitre {
padding-right: 3px;
display:;
}
/*
#menu {
text-align: left;
padding-left:8px
}*/
/* MENU QUI RESTE EN HAUT QUAND ON SCROLL
#menu {
    height: 1em;
    position: relative ;
		}
	
#menu p {
    margin: 0;
    position: fixed;

	   	background-color: #1A486A;
    
	  width: 100%;
	    top: 0;
    left: 0;
    margin-right: -50%;
	
	   color: white;
	}
*/


#buttonFR, #buttonEN, #buttonES, #buttonBE, #buttonNL, #buttonGE, #buttonCZ, #buttonHU, #buttonRO, #buttonIT {
width: 28px;
height: 21px;
}








}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}