body {font-size: 0.7em; background-color: #eee; padding: 0; margin: 0; }
#page {	margin: 0 auto;	border:1px solid #999;	padding: 5px;}
#page2 {	margin: 0 auto; 	width: 1700px; 	border:1px solid #999;	padding: 5px;	background-color: #fff;}
#page3 {	margin: 10px; border:1px solid #999;	padding: 5px;	background-color: #fff;}
#entete { border: 0px solid #ccc; 	clear: both; 	margin-bottom: 20px;}
#contenu { margin: 10px;/*	height: 300px; */	font-size: 14px;	padding: 0;}
#intro { margin: 20px auto; 	padding: 10px;	background-color:#FFF;	width:80%;	font-size: 14px;color: #333333;	font-family:verdana, arial, helvetica, sans-serif;}
#intro2 { margin: 5px auto; 	padding: 5px;	background-color:#FFF;	width:100%;	font-size: 14px;color: #333333;	font-family:verdana, arial, helvetica, sans-serif;}
#bloc1 { margin: 10px; border:1px solid #999; padding: 5px;	background-color: #fff;}
#pages a {color: #333; padding: 3px;}
#pages {color: #ccc;font-size: 0.8em;}
.report {font-size: 0.85em; font-family:verdana, arial, helvetica, sans-serif;}
.report th {background: #333; color: #fff; text-align:center; padding: 4px 10px;}
.report td {padding: 3px;}
.report tr:hover {background: #ddd;}
.report tr.alt {background: #ddd;}

.dispinline {display:block}
video {
    max-width: 100%;
    height: auto;
	}
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.imgfull {
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.imgblurred {
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

form ul {	list-style-type: none; 	-webkit-padding-start:0pt;}
label6 {	display: block;	float:left;	width: 200px; 	font-family: Verdana, Arial, Helvetica, sans-serif;}
li {margin: 5px;}
h1 {	color: #333; 	font-size: 1.8em;	text-align: center;}

ombrage {-moz-box-shadow:0px 0px 10px 4px #bfbdbd;
-webkit-box-shadow:0px 0px 10px 4px #bfbdbd;
box-shadow:0px 0px 10px 4px #bfbdbd;}

a {
/*	font-family: Tahoma;*/
	color: #7E8C95;
/*	line-height: 14px; */
}

fieldset {padding: 0; margin: 0; width:80%; border:0px solid #999; font-size: 14px;}
/* les tableaux de question */
.tableauquestions {width: 100%; font-size: 0.75em; }
.tableauquestions th { color: #000; padding: 10px 3px; font-size:0.8em;}
.tableauquestions .odd {background: #eee;}
.tableauquestions .odd:hover {background: #e9e9e9;}
.tableauquestions .even {background: #ddd;}
.tableauquestions .even:hover {background : #d9d9d9;}
.tableauquestions td {text-align: center;}
.tableauquestions td.libelle {text-align: left;}
/* pour la liste autocomplete */
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.txt1 {
/*	font-family: Tahoma;*/
	color: #E4EEF9;
}
.txt2 {
/*	font-family: Tahoma;*/
	color: #3791E9;
}
.txt3 {
/*	font-family: Tahoma;*/
	font-size: 1.8em;
	color: #3791E9;
}

.style1 {color: #666666;font-family: Tahoma, sans-serif}
.style2 {font-size: 1.6em;font-family: Verdana, Arial, Helvetica, sans-serif;}
.style2c {font-size: 1.6em;font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}
.style3small {font-size: 10px; color: #333333; font-family: Tahoma, sans-serif; font-weight: normal;}
.style3smallblanc {font-size: 10px; color: #FFF; font-family: Tahoma, sans-serif; font-weight: normal;}
.style3 {font-size: 14px; color: #333333; font-family: Tahoma, sans-serif}
.style32 {font-size: 20px; color: #333333; font-family: Tahoma, sans-serif}
.style31 {font-size: 48px; color: #333333; font-family: Tahoma, sans-serif}
.style30 {font-size: 36px; color: #333333; font-family: Tahoma, sans-serif}
.style5 {font-size: 12px; font-weight: bold; font-family: Tahoma, sans-serif }
.style6 {font-size: 10px; font-weight: bold; font-family: Tahoma, sans-serif }

.btn_center {	display: block;	margin: 0 auto; 	width: 250px;	font-size: 1em;	text-align: center;}
#logo {float: left; padding: 10px;}
#claim {display : none; padding: 40px 10px;}
.navbar1 {display: block;  width:100%; height:42px;line-height:42px;}
.navbar2 {display: block;  width:100%; height:42px;line-height:42px;}
.MAVMPP { display: block; float: left; margin-left: 40px; vertical-align: middle;text-align: center;line-height:40pt;} /* bouton precedent */
.MAVMPS { display: block; float: right; margin-right: 40px; vertical-align: middle; text-align: center;line-height:40pt;} /* bouton suivant */
.MAVMPA {display: block; text-align:center; vertical-align: middle;line-height:40pt;} /* bouton abandon */
.MAVML {margin-bottom: 10px; font-size: 16px; } /* Texte de la question font-weight: bold; retiré*/
.MAVME { font-size: 22px; padding-right: 10px;} 
/* Numero de la question */

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

.fwnormal {font-weight: normal};

/* Graphes */
.graphe {
 position: relative; /* IE hack */
 width: 200px;
 border: 1px solid #B1D632;
 padding: 2px;
 margin: 0 auto;
}
.graphe .barre {
 display: block;
 position: relative;
 background: #B1D632;
 text-align: center;
 color: #333;
 height: 2em;
 line-height: 2em;
}

.meter-wrap{
  margin: 0 auto 1em auto;
  position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 300px; height: 25px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(/files/meter-outline.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 3px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}

.imgcenter {
	margin: auto;
	}
	
.docenter {
	margin: auto; text-align:center;
}

.center-button{
  margin: 10 auto;
  text-align:center;
}

.margintop0{
	margin-top:0;
}

.paddingbottom10{
	padding-bottom: 6px;
}

ul.source, ul.target {
  min-height: 50px;
  margin: 0px 25px 10px 0px;
  padding: 2px;
  padding-bottom: 7px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  list-style-position: inside;
}
ul.source {
  border-color: #f8e0b1;
}
ul.target {
  border-color: #add38d;
}
.source li, .target li {
  font-size: 16px; font-family: 'Roboto', sans-serif;
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.source li {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
}
.target li {
  background-color: #ebf5e6;
  border: 1px solid #d6e9c6;
  color: #468847;
}
.sortable-dragging {
  border-color: #ccc !important;
  background-color: #fafafa !important;
  color: #bbb !important;
}
.sortable-placeholder {
  height: 40px;
}
.source .sortable-placeholder {
  border: 2px dashed #f8e0b1 !important;
  background-color: #fefcf5 !important;
}
.target .sortable-placeholder {
  border: 2px dashed #add38d !important;
  background-color: #f6fbf4 !important;
}

.title {
	font-size: 12px; font-family: 'Roboto', sans-serif;
	color: #959BA8;
	padding: 5px 5px;
	display: inline-block;
	position: relative;
	background-color: #FCF7DD;
	z-index: 1000;
}
	.title_xl {
		padding: 3px 15px;
		font-size: 40px;
	}
.title2 {
	font-size: 12px; font-family: 'Roboto', sans-serif;
	color: #959BA8;
	padding: 5px 5px;
	display: inline-block;
	position: relative;
	background-color: #E6F4DF;
	z-index: 1000;
}
	.title2_xl {
		padding: 3px 15px;
		font-size: 40px;
	}
	
.tooltip_templates { display: none; }