/*html {
height:100%;
}
*/
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 }



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

.logodanstitre {
display: block;
margin-top:px;
background-color:;
width: 72px;
height: 19px;
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/FRflag.png");
width: 28px;
height: 19px;
border: none;
float: left;
}

#buttonEN {
	float:right;
	background-color: ;
	background-image: url("https://cle-rh.com/ENflag.png");
width: 28px;
height: 19px;
border: none;
}

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

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

		}
/*.classspanchoixlangue {
	display:block;
	float:left;
	background-color:yellow;
}*/		
		
	/*	
 .zonetexte {
    margin:0 auto;
    display:block;
	 width:48%;
	  height: 30px;
	   background-color: white;
   color: #145EA8;
  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: #145EA8 ;
  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: #145EA8 ;
  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: #145EA8 ;
  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: #145EA8;
		   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: #145EA8;
   color: white;
  width: 100%;
     padding: 20px;
	 margin-right: -50%;

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

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

h1 {
	  background-color: #145EA8;
   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 {
 display: none; 
}

.Question  {
	margin-top:60px;
	margin-bottom:30px; 	
	text-align:center;
	color: #145EA8;
	font-weight: bold;
/*	font-style: italic; */
	}
.IntroQR
{
text-align: justify;
	margin-bottom:20px; 
	 display:; 
	}


.label {
    display: flex;
	margin-bottom:12px; 

   background-color: #EBF0F5;

  padding: 12px;
 
  
  
            
    

}

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

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

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


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

 
  
@media only screen and (min-width: 900px) {
	
html {
background-image: url("https://cle-rh.com/EquilibreCitylight.jpg");

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

}


body {
    
	width: 800px;
background-color: yellow;
	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 {

	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: left;	
margin-top:7px;
}
#formchoixidEN {
margin-top:7px;
}

.logodanstitre {
display:none;
}
/*
#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: #145EA8;
    
	  width: 100%;
	    top: 0;
    left: 0;
    margin-right: -50%;
	
	   color: white;
	}
*/



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