body {
	/* background-color: #003768; */
	background-color: #333333;
	line-height: 1.8;
}

form {background-color:#EEEEEE;}

#HEAD_SECTION {
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	}
	
#HEAD_INNER{padding:0px;
	margin:0 auto;
	max-width:1000px;}
	
.LOGO_SPAN {
display: inline-block;
width:50%;
text-align:left;
padding:0px;
margin:0px;
}

.LANG_SPAN {
display: inline-block;
width:50%;
text-align:right;
padding:0px;
margin:0px;
}

.LANG_BUTTON{
    background-color: transparent;
    border: none;
    color: #333333;
    text-align: center;
    text-decoration:underline;
    display: inline-block;
}

#BODY_SECTION, #BUTTON_TABLE, #PROGRESS_TABLE {
	background-color:#EEEEEE;
	}

table {background-color:transparent !important;}

	
#FOOT_SECTION {
	/* background-color: #003768; */
	background-color: #333333;
	color:#FFFFFF;
}

#FOOT_SECTION a {color:#999999;}
#FOOT_SECTION a:hover {color:#999999;text-decoration:none;}
#FOOT_SECTION a:visited {color:#999999;}

label:hover	{background-color: #EEEEEE;}

.EQUIVALENTH5 {color:red;display:block;padding:2px;}
.EQUIVALENTH6 {color:red;padding:2px;}

.BUTTON {
    /* background-color: #4CAF50;  Green */
    /* background-color: #58c7db;  Blue */
    background-color: #5084AC; /*Mala-Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.BUTTON:hover {
    /* background-color: #4CAF50;  Green */
    background-color: #247bac; /* Blue */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}




/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 270px;
    background-color: #333333;
    color: #EEEEEE;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    font-size:.8em;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    width: 270px;
    top: 100%;
    left: 50%;
    margin-left: -135px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltiptext a {color: #EEEEEE;}






/* Tooltip container */
.tooltip2 {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip2 .tooltip2text {
    visibility: hidden;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border:2px solid #115B88;
    font-size:.8em;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltip2text {
    visibility: visible;
}

.tooltip2 .tooltip2text {
    top: -5px;
    left: 105%; 
}

.tooltip2text a {color: #EEEEEE;}

.SPECIAL_COLUMN0, .SPECIAL_COLUMN1, .SPECIAL_COLUMN2, .SPECIAL_COLUMN3, .SPECIAL_COLUMN4, .SPECIAL_COLUMN5, .SPECIAL_COLUMN6, .SPECIAL_COLUMN7, .SPECIAL_COLUMN8, .SPECIAL_COLUMN9, .SPECIAL_COLUMN10, .SPECIAL_COLUMN11 {
	text-align:center;
	padding: 5px;
}


.SPECIAL_LINE_A0, .ORDINARY_CELL_A1  { background: white; font-weight:normal; color:black; padding:5px;}
.SPECIAL_LINE_B0, .ORDINARY_CELL_B1 { background: none; font-weight:normal; color:black; padding: 5px;}
	
.LIGNE {padding: 5px;padding-left: 0px;}

/* Tooltip container edits */
.tooltip {
    position: relative;
    display: inline-block;
    color: #5066ac;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: #333333;
    color: #EEEEEE;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    font-size:.8em;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    width: 500px;
    top: 100%;
    left: 50%;
    margin-left: 100px;
    padding: 6px;
    margin-top: -60px;
}

.tooltiptext a {color: #EEEEEE;}

.left-align {
    float: left;
	display: inline-block;
}


.tel-text{
	color: #e83e8c;
	font-style:italic;
}

.tooltip-small{
	width: 250px !important;
}

.err, .ERREUR {
	color: #f04124;
}

.REPONSE_INPUT {vertical-align: middle;}

.SPECIAL_COLUMN0  {vertical-align:bottom !important;background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}
.SPECIAL_COLUMN1  {vertical-align:bottom !important;background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}

.SPECIAL_LINE_A0 {background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}

.ORDINARY_CELL_A1 {background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}

.SPECIAL_LINE_B0 {background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}

.ORDINARY_CELL_B1 {background-color:#EEEEEE;border-bottom:1px solid #CCCCCC;}

.ORDINARY_CELL_A1 .REPONSE label {display:none;}

.ORDINARY_CELL_B1 .REPONSE label {display:none;}

@media only screen and (min-width: 601px) {
#__autoq2c11 {width:115px;}
#__autoq2c12 {width:115px;}
#__autoq2c13 {width:115px;}
#__autoq2c14 {width:115px;}
#__autoq2c15 {width:115px;}
#__autoq2c16 {width:115px;}


#q3c11 {width:80px;}
#q3c12 {width:60px;}
#q3c13 {width:60px;}
#q3c14 {width:60px;}
#q3c15 {width:60px;}
#q3c16 {width:60px;}
#q3c17 {width:60px;}
#q3c18 {width:60px;}
#q3c19 {width:60px;}
#q3c110 {width:80px;}

}

#AQ51 {width:750px;height:200px;}

@media only screen and (max-width: 600px) {
	.LOGO_SPAN {
		display: inline-block;
		width:100%;
		text-align:center;
		}
		
	.LANG_SPAN {
		display: none;
		}
		
.BUTTON {font-size: 12px;}

#FOOT_SECTION {font-size: 12px;}

.THERMOMETRE {display:none;}

/*.ORDINARY_CELL_A1 .REPONSE label {display:inline-block;}*/

/*.ORDINARY_CELL_B1 .REPONSE label {display:inline-block;}*/

.ORDINARY_CELL_A1 .REPONSE label {display:inline-block;width:100%;}

.ORDINARY_CELL_B1 .REPONSE label {display:inline-block;width:100%;}

.COLONNE {display:none;}

table[cellpadding="3"] td {display:block;text-align:left;min-width:140px;font-size:.8em;}

table[cellpadding="3"] th {vertical-align:top !important;}

label {
	display:inline-block;
	width:auto;
	min-width:90px;
	}

label:hover {background-color: #b3b3b3;}

.DROPDOWN {max-width:300px;}

.TEXTBOX {max-width:300px;}

	}
	

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

.DROPDOWN {max-width:200px;}

.TEXTBOX {max-width:200px;}

.ORDINARY_CELL_A1 .REPONSE label {width:100%;}

.ORDINARY_CELL_B1 .REPONSE label {width:100%;}

	}