/*@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);*/

/* Webfont: Lato-Italic */@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
	src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
	url('fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
	url('fonts/Lato-Italic.ttf') format('truetype');
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}



/* Webfont: Lato-Regular */@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
	url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/Lato-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}



.focused #focused, .blurred #blurred {
	display: inline
}
.focused #blurred, .blurred #focused {
	display: none
}
.focused {
	background: white;
	color: black;
	background:url(./images/body.jpg) #f6f6f6;
}

form.blurred {
	padding:10px;
	border:3px solid red;
}

.focusedform {
	background: white;
	color: black;
}
.blurred {
	background: red;
	color: black;
	background:url(images/body-red.jpg) #f6f6f6;
}


/*//-------important pour le slice*/
/* images inside questions should not have display block or line breaks are inserted */
img { display: inline; }


.zoneim td{
	margin:0;
	/*padding:0;*/ /* allow to see separation between table cells */
}
/* to have same display as in nicedit */
blockquote {
	margin: 0 0 0 40px;
	border: none;
	padding: 0px;
}

#focusmessagebox {
	font-weight: bold;
    text-align: center;
    font-size: 20px;  
    color: #FF0000;  
	margin: 0px 20px 10px 20px;    
}


.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

#divimage img {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 100%;
/* header image should be on its own line */
display: block;
}

.well-white, .well-image {
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  text-align: center;  
          
}

#questionbox
{
background-color: white;
}

	#warnbeforeleavemessagebox > h1
	{
		text-align:center;color:#FF0000;margin:10px;
	}
	
	#message_en_rouge
	{
		text-align:center;color:#FF0000;margin:10px;
	  font-size: 24px;
}

/* ecrans aux max 640px, donc petits */
@media (max-width: 481px) {
	.zone_reponse, .zone_question{
		padding: 4px;
	}

	#fancyClock {
	font-size: 18px;
	width: 32px;
   /*height: 32px; */
  	  padding-top: 10px;
	}
	.remainer {
	background: transparent url('images/timer/sonar7-32px.gif') no-repeat;
}
.rspacer{
  padding: 0px;
}

	.bigtxtzone {
	font-size:16px;color:#8D8D8D;
	margin: 0px;
	}
		.questionposition
	{
  font-size: 18px;
  margin-left: 10px;
  position: relative;
  right: inherit;
	}
	
	.btn-quiz {
	  padding: 6px 12px;

}

#message_en_rouge, #warnbeforeleavemessagebox > h1
	{
  font-size: 18px;
  line-height: 22px;
	}
	
	#focusmessagebox {
	  font-size: 14px;
	margin: 0px 2px 10px 2px;    
}

#jCrumbs span
{
display:none;
}


}

/* ecrans aux min 640px, donc larges */
@media (min-width: 481px) {
	.zone_reponse, .zone_question{
		padding: 10px;
	}
	
	/* -------------------------------   fancyClock ---------------  */
	.remainer {
	background: transparent url('images/timer/sonar7.gif') no-repeat;
	}         

	#fancyClock {
	display: block;
	width: 64px;
	/*height: 64px;*/
	line-height: 64px;
	margin: 0 5px;
	text-align: center;
	color: #666;
	font-family: Tahoma,"PT sans";
	/*font: normal 36px Tahoma;
	font-size:24px;
	margin-bottom: 4px;*/
	font-size: 36px;
	}         
	/* -------------------------------   fancyClock ---------------  */

	.bigtxtzone {
	font-size:24px;color:#8D8D8D;
	margin: 0px;
	}
	.questionposition
	{
	margin-left: 10px;
	position: relative;
	right: -24px;
	}
	


}


/* -------------------------------   jQuery-Simple-Timer-master ---------------  */
.globaltimer {

	font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#777;

	float: right;
	font-size: 20px;

	font-weight: bold;
	padding: 10px;
}
.jst-hours {
	float: left;
}
.jst-minutes {
	float: left;
}
.jst-seconds {
	float: left;
}
.jst-clearDiv {
	clear: both;
}
.jst-timeout {
	color: red;
}

/* -------------------------------   jQuery-Simple-Timer-master ---------------  */