

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
		font-family: 'HelveticaNeueLTStd-LtCn';
		src: url('helveticaneueltstdltcn2.eot');
		src: url('helveticaneueltstdltcn2.eot?#iefix') format('embedded-opentype'),
				 url('helveticaneueltstdltcn2.woff') format('woff'),
				 url('helveticaneueltstdltcn2.ttf') format('truetype'),
				 url('helveticaneueltstdltcn2.svg#helveticaneueltstdltcn2') format('svg');
		font-weight: normal;
		font-style: normal;
}

body {font-family: helvetica, arial;}
header{width:1170px;margin:auto;}
header .content{height:141px;width:830px;margin-left:75px;position:relative;}
header .carreContainer{position:relative;width:154px;height:141px;}
header .carreClair{position:absolute;top:0px;left:0px;width:96px;height:141px;}
header .carreFonce{position:absolute;top:30px;left:0px;width:154px;height:102px;}
header .titre {padding-left: 187px;}
header .titre div{position:absolute; bottom:0; width:350px;font-size:1.9em;line-height:1.3em;font-family:'HelveticaNeueLTStd-LtCn';font-weight: bold;}
.help{height:26px;width:26px;}
.ligneBouton{text-align:center}
.boutonSuivant{padding:3px}

.sprite-lettre{background:url(sprite-lettre.png) no-repeat;height:85px;position:absolute;bottom:9px;right:0px;}

.lettreE{width:52px;background-position: -1px -1px;}
.bgE{background-color:#fff;}
.contentE{border-bottom: 2px solid #a1b229 ;color:#a1b229 ;}
.noQuestionE{color:#a1b229 ;}
.degradeE{
	background: #a1b229 ; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2OGEzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjRlMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #a1b229  0%, #a1b229  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a1b229 ), color-stop(100%,#a1b229 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #a1b229  0%,#a1b229  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #a1b229  0%,#a1b229  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #a1b229  0%,#a1b229  100%); /* IE10+ */
	background: linear-gradient(to right, #a1b229  0%,#a1b229  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b229 ', endColorstr='#a1b229 ',GradientType=1 ); /* IE6-8 */
}


.lettreA{width:68px;background-position: -55px -1px;}
.bgA{background:#f8ddf8}
.contentA{border-bottom: 2px solid #5a2c7e;color:#5a2c7e;}
.noQuestionA{color:#5a2c7e;}
.degradeA{
	background: #ab69ac; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiNjlhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTJjN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ab69ac 0%, #5a2c7e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ab69ac), color-stop(100%,#5a2c7e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ab69ac 0%,#5a2c7e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ab69ac 0%,#5a2c7e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ab69ac 0%,#5a2c7e 100%); /* IE10+ */
background: linear-gradient(to right, #ab69ac 0%,#5a2c7e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab69ac', endColorstr='#5a2c7e',GradientType=1 ); /* IE6-8 */
}

.lettreC{width:57px;background-position: -124px -1px;}
.bgC{background:#fff9f1}
.contentC{border-bottom: 2px solid #e94482;color:#e94482;}
.noQuestionC{color:#e94482;}
.degradeC{background: #e94482; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYzQ1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWE5MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e94482 0%, #e94482 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e94482), color-stop(100%,#e94482)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e94482 0%,#e94482 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e94482 0%,#e94482 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e94482 0%,#e94482 100%); /* IE10+ */
background: linear-gradient(to right,  #e94482 0%,#e94482 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94482', endColorstr='#e94482',GradientType=1 ); /* IE6-8 */
}

.lettreN{width:61px;background-position: -185px -1px;}
.bgN{background:#f8f8f2}
.contentN{border-bottom: 2px solid #79943b;color:#79943b;}
.noQuestionN{color:#79943b;}
.degradeN{background: #afcb5a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmY2I1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTk0M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #afcb5a 0%, #79943b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#afcb5a), color-stop(100%,#79943b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #afcb5a 0%,#79943b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #afcb5a 0%,#79943b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #afcb5a 0%,#79943b 100%); /* IE10+ */
background: linear-gradient(to right,  #afcb5a 0%,#79943b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afcb5a', endColorstr='#79943b',GradientType=1 ); /* IE6-8 */

}

.lettreP{width:60px;background-position: -248px -1px;}
.bgP{background:#fff}
.contentP{border-bottom: 2px solid #507fc0 ;color:#507fc0 ;}
.noQuestionP{color:#507fc0 ;}
.degradeP{background: #507fc0 ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #507fc0  0%, #507fc0  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#507fc0 ), color-stop(100%,#507fc0 )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #507fc0  0%,#507fc0  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #507fc0  0%,#507fc0  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #507fc0  0%,#507fc0  100%); /* IE10+ */
background: linear-gradient(to right,  #507fc0  0%,#507fc0  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#v', endColorstr='#507fc0 ',GradientType=1 ); /* IE6-8 */
}

.lettreL{background-position: -890px -1px;width: 69px;}
.bgL{background:#fff}
.contentL{border-bottom: 2px solid #f9b119  ;color:#f9b119  ;}
.noQuestionL{color:#f9b119  ;}
.degradeL{background: #f9b119  ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #f9b119   0%, #f9b119   100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9b119  ), color-stop(100%,#f9b119  )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f9b119   0%,#f9b119   100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f9b119   0%,#f9b119   100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f9b119   0%,#f9b119   100%); /* IE10+ */
background: linear-gradient(to right,  #f9b119   0%,#f9b119   100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#v', endColorstr='#f9b119  ',GradientType=1 ); /* IE6-8 */
}

.lettreD{background-position: -701px -1px;width: 83px;}
.bgD{background:#fff}
.contentD{border-bottom: 2px solid #c50c62 ;color:#c50c62 ;}
.noQuestionD{color:#c50c62 ;}
.degradeD{background: #c50c62 ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #c50c62  0%, #c50c62  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#v), color-stop(100%,#c50c62)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #c50c62  0%,#c50c62  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #c50c62  0%,#c50c62  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #c50c62  0%,#c50c62  100%); /* IE10+ */
background: linear-gradient(to right,  #c50c62  0%,#c50c62  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50c62 ', endColorstr='#c50c62 ',GradientType=1 ); /* IE6-8 */
}

.lettreM{background-position: -786px -1px;width: 99px}
.bgM{background:#fff}
.contentM{border-bottom: 2px solid #2bb8b9  ;color:#2bb8b9  ;}
.noQuestionM{color:#2bb8b9  ;}
.degradeM{background: #2bb8b9  ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjYmJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4NmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #2bb8b9   0%, #2bb8b9   100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#v), color-stop(100%,#2bb8b9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #2bb8b9   0%,#2bb8b9   100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #2bb8b9   0%,#2bb8b9   100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #2bb8b9   0%,#2bb8b9   100%); /* IE10+ */
background: linear-gradient(to right,  #2bb8b9   0%,#2bb8b9   100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bb8b9  ', endColorstr='#2bb8b9  ',GradientType=1 ); /* IE6-8 */
}

.lettreR{width:65px;background-position: -310px -1px;}
.bgR{background:#fff}
.contentR{border-bottom: 2px solid #ed6730 ;color:#ed6730 ;}
.noQuestionR{color:#ed6730 ;}
.degradeR{background: #ed6730 ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjYWVkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU5OGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ed6730  0%, #ed6730  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ed6730 ), color-stop(100%,#ed6730)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ed6730 0%,#ed6730 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ed6730 0%,#ed6730  98e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ed6730 0%,#ed6730  100%); /* IE10+ */
background: linear-gradient(to right,  #ed6730 0%,#ed6730  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6730 ', endColorstr='#v',GradientType=1 ); /* IE6-8 */
}

.lettreS{width:57px;background-position: -377px -1px;}
.bgS{background:#fff}
.contentS{border-bottom: 2px solid #01a8db ;color:#01a8db ;}
.noQuestionS{color:#01a8db ;}
.degradeS{background: #01a8db ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMjEyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNjIwMjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #01a8db  0%, #01a8db  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#01a8db ), color-stop(100%,#01a8db )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #01a8db  0%,#01a8db  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #01a8db  0%,#01a8db  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #01a8db  0%,#01a8db  100%); /* IE10+ */
background: linear-gradient(to right,  #01a8db  0%,#01a8db  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a8db ', endColorstr='#01a8db ',GradientType=1 ); /* IE6-8 */
}

.lettreT{width:57px;background-position: -437px -1px;}
.bgT{background:#f6f7f8}
.contentT{border-bottom: 2px solid #656668;color:#656668;}
.noQuestionT{color:#656668;}
.degradeT{background: #929598; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTU5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTY2NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #929598 0%, #656668 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#929598), color-stop(100%,#656668)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #929598 0%,#656668 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #929598 0%,#656668 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #929598 0%,#656668 100%); /* IE10+ */
background: linear-gradient(to right,  #929598 0%,#656668 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929598', endColorstr='#656668',GradientType=1 ); /* IE6-8 */
}

.lettreU{width:58px;background-position: -501px -1px;}
.bgU{background:#fff9f1 }
.contentU{border-bottom: 2px solid #e6145a ;color:#e6145a ;}
.noQuestionU{color:#e6145a ;}
.degradeU{background: #e6145a ; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3NTlhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODIzNmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e6145a  0%, #e6145a  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6145a ), color-stop(100%,#e6145a )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e6145a  0%,#e6145a  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e6145a  0%,#e6145a  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e6145a  0%,#e6145a  100%); /* IE10+ */
background: linear-gradient(to right,  #e6145a  0%,#e6145a  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6145a ', endColorstr='#e6145a ',GradientType=1 ); /* IE6-8 */
}

.lettreV{width:66px;background-position: -563px -1px;}
.bgV{background:#ecedf3}
.contentV{border-bottom: 2px solid #25336e;color:#25336e;}
.noQuestionV{color:#25336e;}
.degradeV{background: #6f8ec0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmOGVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTMzNmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #6f8ec0 0%, #25336e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6f8ec0), color-stop(100%,#25336e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #6f8ec0 0%,#25336e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #6f8ec0 0%,#25336e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #6f8ec0 0%,#25336e 100%); /* IE10+ */
background: linear-gradient(to right,  #6f8ec0 0%,#25336e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f8ec0', endColorstr='#25336e',GradientType=1 ); /* IE6-8 */
}

.lettreX{width:67px;background-position: -631px -1px;}
.bgX{background:#fcf3f8}
.contentX{border-bottom: 2px solid #bc1d78;color:#bc1d78;}
.noQuestionX{color:#bc1d78;}
.degradeX{background: #ee6599; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlNjU5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzFkNzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ee6599 1%, #bc1d78 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ee6599), color-stop(100%,#bc1d78)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ee6599 1%,#bc1d78 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ee6599 1%,#bc1d78 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ee6599 1%,#bc1d78 100%); /* IE10+ */
background: linear-gradient(to right,  #ee6599 1%,#bc1d78 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6599', endColorstr='#bc1d78',GradientType=1 ); /* IE6-8 */
}

.container-fin{display:none;text-align:center;margin-top:2em;font-weight:bold;font-size:2em;}

.container-image{
	margin-bottom: 0px;
    margin-top: 10px;
    position: relative;
    width: 100%;
}

.textePreliminaire{
	font-weight:bold;
}

.image-question{z-index:10;margin:auto;width:640px;display:block;position:relative;}

.fond-question{
	height: 248px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.container-question{width:640px;margin:10px auto;}
.ennonce{font-weight: bold;}
.proposition{width:90%;margin:10px 0px;padding:2px 5%;}
.proposition:hover{cursor:pointer;}
.propositionOK{background-color: #69ba12;}
.propositionKO{background-color: #f02e2e;}
.propositionOff{background-color: #e2e2e2;}

#correction{width:90%;display:none;padding:10px 5%;color:#fff;position:relative;}
#correction:hover{cursor:pointer;-moz-opacity: 0.73;opacity: 0.73;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=73);}

#help{
	display:none;
	padding:3%;
	background-color:#eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px;
}
#help:hover{
	cursor:pointer;
	background-color:#f6f6f6; 
}

.help{right:0px;top:105px;-moz-opacity: 0.6;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=6);width:32px;height:32px;background-image:url(sprite-lettre.png) -461px -98px;no-repeat;position:absolute;color:#fff;font-weight:bold;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;font-size: 1.6em;text-align:center;line-height:32px;}
.help:hover{cursor:pointer;
	-moz-opacity: 1;opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opactiy .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

@media (max-width: 1200px) {
  	header {width:940px;}
  	header .content{margin-left:0px;width:790px;}
  	header .carreContainer{width:120px;}
  	header .carreClair{width:75px;}
  	header .carreFonce{width:120px;}
  	header .titre div{font-size:2em;line-height:1.0em;}
  	header .titre{padding-left:147px;}
  	.help{top:105px;}
}

@media (max-width: 979px) {
	header {width:724px;margin:auto;}
  	header .content{height:70px;width:682px;}
  	header .carreContainer{width:77px;height:71px;}
  	header .carreClair{width:44px;height:70px;}
  	header .carreFonce{width:77px;height:51px;top:14px;}
	.sprite-lettre{height:43px;bottom:6px;right:0px;}
	header .titre{padding-left:80px;}

	header .titre div{font-size:2em;line-height:1.0em;}
	.lettreE{width:25px;background-position: -1px -89px;}
	.lettreA{width:33px;background-position: -29px -89px;}
	.lettreC{width:25px;background-position: -63px -89px;}
	.lettreN{width:31px;background-position: -92px -89px;}
	.lettreP{width:29px;background-position: -124px -89px;}
	.lettreR{width:30px;background-position: -154px -89px;}
	.lettreS{width:28px;background-position: -188px -89px;}
	.lettreT{width:28px;background-position: -218px -89px;}
	.lettreU{width:28px;background-position: -250px -89px;}
	.lettreV{width:32px;background-position: -280px -89px;}
	.lettreX{width:33px;background-position: -315px -89px;}
  	.help{top:35px;height:26px;width:26px;-webkit-border-radius: 13px;-moz-border-radius: 13px;border-radius: 13px;font-size: 1.4em;text-align:center;line-height:28px;top:42px;}
}

@media (max-width: 767px) {
	header {width:auto;margin:auto;margin}
	header .content{width:auto;}
	header .titre div{font-size:1.6em;}
	.container-question{width:auto;}

}

@media (max-width: 640px) {
	.fond-question{display:none;}
	header .titre div{width:250px;font-size:1.3em;}
}









