@charset "utf-8";

html {
color: #000;
background: #fff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {
list-style: none;
}

caption, th {
text-align: left;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr, acronym {
border: 0;
font-variant: normal;
}

sup {
vertical-align: text-top;
}

sub {
vertical-align: text-bottom;
}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input, textarea, select {
*font-size: 100%;
}

legend {
color: #000;
}

hr {
margin: 0;
}

header, footer, article, section, nav, menu, hgroup, aside {
display: block;
}

::selection {
background: #9fcb43;
color: #161616;
}

::-moz-selection {
background: #9fcb43;
color: #161616;
}

strong {
color: #8cb63b;
font-weight: bold;
}

em {
font-style: italic;
}

html, body {
background: #f1efe5;
color: #161616;
font-family: "Helvetica Neue","Arial",sans serif;
font-size: 14px;
height: 100%;
position: relative;
width: 100%;
}

h1, h2, h3 {
color: #161616;
font-weight: bold;
}

p + p {
margin-top: 25px;
}

a, a:active, a:focus {
outline: 0;
}

a, a:visited {
color: #1f92b3;
}

a.btn {
text-decoration: none;
}

.clear {
clear: both;
}

.clearfix:before, .clearfix:after {
content: "";
display: table;
}

.clearfix:after {
clear: both;
}

.white_back {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
overflow: auto;
}

#wrap {
min-height: 100%;
position: relative;
}

header.oai{background:#f8f8f8 url("../images/oai_header.png") no-repeat top center; border-top: 5px solid #000; padding-top: 107px; position: relative; }
header.oai a.oai {display: block; height: 107px; left: 50%; margin-left: -480px; position: absolute; top: 0; width: 250px;} 
header.oai a.tfo {display: block; height: 60px; margin-right: -490px; position: absolute; width: 100px; top: 40px; right: 50%;}
header.oai a.uottawa {display: block; height: 60px; margin-right: -300px; position: absolute; width: 190px; top: 40px; right: 50%;}

header.oai nav {
background: black;
height: 37px;
position: relative;
}

header.oai nav ul {
height: 37px;
left: 50%;
margin: 0 0 0 -474px;
padding: 6px 0;
position: absolute;
top: 0;
}

header.oai nav ul li {
float: left;
line-height: 25px;
padding: 0 20px;
}

header.oai nav ul li:first-child {
padding-left: 0;
}

header.oai nav ul li a {
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

header.oai nav ul li.oai {
border-right: 1px solid #686868;
}

div#oubli header {
background: url('../images/header_bg.png') repeat-x center top;
height: 120px;
position: relative;
z-index: 20;
}

div#oubli header div#menu_container {
margin: 0 auto;
width: 948px;
}

div#oubli header div#menu_container a#html_accueil {
display: block;
overflow: hidden;
text-indent: -1000px;
background: url('../images/header_title.png') no-repeat;
background-position: 0 0;
height: 62px;
float: left;
margin-top: 32px;
width: 470px;
}

div#oubli header div#menu_container ul {
float: right;
margin: 0 auto;
padding: 26px 0 0 0;
width: 460px;
}

div#oubli header div#menu_container ul li {
cursor: pointer;
float: left;
margin: 0 0 0 5px;
padding: 0;
}

div#oubli header div#menu_container ul li:first-child {
margin-left: 0;
}


div#oubli header div#menu_container ul li a {
font-family: 'Ropa Sans',sans-serif;
font-size: 17px;
line-height: 17px;
background: url('../images/menu_btn_bg.png') no-repeat;
color: #161616;
display: block;
height: 41px;
overflow: hidden;
padding: 14px 12px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

div#oubli header div#menu_container ul li a#html_comment {
    background-position: -8px -8px;
    width: 172px;
}

    div#oubli header div#menu_container ul li a#html_comment:hover, div#oubli header div#menu_container ul li a#html_comment.active, div#oubli header div#menu_container ul li a#html_comment.actif {
        background-position: -8px -97px;
    }

div#oubli header div#menu_container ul li a#html_hygiene {
    background-position: -204px -8px;
    width: 103px;
}

    div#oubli header div#menu_container ul li a#html_hygiene:hover, div#oubli header div#menu_container ul li a#html_hygiene.active, div#oubli header div#menu_container ul li a#html_hygiene.actif {
        background-position: -204px -97px;
    }

div#oubli header div#menu_container ul li a#html_stimule {
    background-position: -335px -8px;
    width: 103px;
}

    div#oubli header div#menu_container ul li a#html_stimule:hover, div#oubli header div#menu_container ul li a#html_stimule.active, div#oubli header div#menu_container ul li a#html_stimule.actif {
        background-position: -335px -97px;
    }

div#oubli #sub_nav_container {
background: url('../images/sub_header_bg.png') repeat-x center -4px;
height: 65px;
left: 0;
position: absolute;
top: -6px;
width: 100%;
z-index: 2;
}

div#oubli #sub_nav_container ul#subsection_nav {
display: block;
margin: 0 auto;
width: 840px;
}

div#oubli #sub_nav_container ul#subsection_nav li {
background: url('../images/nav_right_deco.png') no-repeat left center;
float: left;
padding: 7px 7px 0;
}

div#oubli #sub_nav_container ul#subsection_nav li:first-child {
background: 0;
padding-left: 0;
}

div#oubli #sub_nav_container ul#subsection_nav li a {
font-family: 'Ropa Sans',sans-serif;
font-size: 16px;
line-height: 16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
color: #161616;
display: block;
height: 40px;
line-height: 40px;
padding: 0 13px;
text-decoration: none;
}

div#oubli #sub_nav_container ul#subsection_nav li a:hover, div#oubli #sub_nav_container ul#subsection_nav li a.actif, div#oubli #sub_nav_container ul#subsection_nav li a.active {
background: #8cb63b;
}

div#oubli #ajax_content {
position: relative;
}

.content {
margin: 0 auto;
padding: 0 5px 0 5px;
position: relative;
width: 950px;
}

.content .main_content {
margin-bottom: 180px;
padding-bottom: 1px;
}

.content .complementary {
margin: 0;
padding: 15px;
float: right;
width: 635px;
}

.content .complementary.slim {
padding: 10px;
width: 635px;
}

.content .complementary .icon_arrow_next, .content .complementary .counter {
float: right;
height: 30px;
line-height: 30px;
margin-top: 15px;
width: 40px;
}

.content .complementary .icon_arrow_next {
clear: both;
}

.content .complementary .icon_arrow_next.active {
cursor: pointer;
visibility: visible;
}

.content .full_width {
float: none;
width: 948px;
}

footer {
background: url('../images/footer_bg.png') repeat-x bottom center;
clear: both;
height: 126px;
margin-top: -126px;
position: relative;
}

footer p {
color: #565b5b;
font-size: 14px;
font-weight: bold;
margin: 0 auto;
text-align: center;
width: 900px;
}

footer div.spacer_10 {
display: block;
height: 10px;
}

footer div.glossaire_container {
margin: 10px auto;
padding: 1px;
text-align: right;
width: 900px;
}

footer div.glossaire_container a.btn_glossaire {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #8cb63b url('../images/glossaire_icon.png') no-repeat 10px center;
color: #161616;
display: inline-block;
font-size: 17px;
height: 40px;
line-height: 40px;
margin: 20px 0 10px;
padding: 0 15px 0 50px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90px;
}

footer div.glossaire_container a.btn_glossaire:hover {
background-color: #9fcb43;
}

.message_container {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
background: #fff url('../images/icon_consigne.png') no-repeat 15px center;
margin-bottom: 25px;
padding: 15px 15px 15px 50px;
}

.message_container strong {
color: #1f92b3;
}

.sub_section .message_container {
margin-top: 25px;
}

.glossaire_term {
color: #8cb63b;
cursor: help;
font-weight: bold;
}

#glossaire {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
box-shadow: 0 0 20px rgba(0,0,0,0.8);
background: #e9f3f3;
bottom: 0;
display: none;
height: 90%;
left: 50%;
margin-left: -465px;
overflow: hidden;
position: fixed;
width: 930px;
z-index: 99999;
}

#glossaire .btn_close {
background: url('../images/icon_close_large_green.png') no-repeat center center;
height: 52px;
right: 10px;
top: 10px;
width: 52px;
}

#glossaire h2 {
font-family: 'Ropa Sans',sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 30px;
padding: 20px 40px;
text-transform: uppercase;
}

#glossaire #glossaire_rows {
background: white;
height: 90%;
overflow-y: scroll;
overflow-x: hidden;
}

#glossaire #glossaire_rows .glossaire_row {
margin: 0 auto;
padding: 20px 40px;
width: 850px;
}

#glossaire #glossaire_rows .glossaire_row:hover {
background: #e9f3f3;
}

#glossaire #glossaire_rows .glossaire_row .term {
font-family: 'Ropa Sans',sans-serif;
font-size: 24px;
line-height: 24px;
color: #8cb63b;
float: left;
padding-top: 3px;
width: 200px;
}

#glossaire #glossaire_rows .glossaire_row .definition {
float: right;
font-size: 16px;
width: 635px;
}

a.btn_close {
background: url('../images/icon_close_small.png') no-repeat 0 0;
display: block;
height: 28px;
overflow: hidden;
position: absolute;
right: -14px;
text-indent: -9999px;
top: -14px;
width: 28px;
}

a.btn_close_large {
background: url('../images/icon_close_large.png') no-repeat 0 0;
display: block;
height: 52px;
overflow: hidden;
position: absolute;
right: 20px;
text-indent: -9999px;
top: 20px;
width: 52px;
}

a.btn_no_icon {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Ropa Sans',sans-serif;
font-size: 17px;
line-height: 17px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #8cb63b;
color: #161616;
display: block;
line-height: 30px;
margin: 20px auto 10px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 130px;
}

a.btn_no_icon:hover {
background-color: #9fcb43;
}

div.large_image {
background: #6c6960;
background: rgba(0,0,0,0.6);
bottom: 0;
cursor: pointer;
left: 0;
position: fixed;
right: 0;
top: 0;
text-align: center;
z-index: 6666;
}

div.large_image.loading {
background: #6c6960 url('../images/loading.gif') no-repeat center center;
background: rgba(0,0,0,0.6) url('../images/loading.gif') no-repeat center center;
}

div.large_image p.info {
top: 10px;
color: white;
font-weight: bold;
position: absolute;
text-align: center;
width: 100%;
z-index: 7777;
}

div.large_image a.btn_close_large {
left: 50%;
}

.pagemask {
background: rgba(0,0,0,0.5);
display: none;
left: 0;
right: 0;
bottom: 0;
top: 0;
position: fixed;
z-index: 500;
}

.icon_arrow_next, .icon_arrow_prev {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
background: #e5e5e5 url('../images/right_arrow_pad15_inactive.png') no-repeat right center;
color: #afafaf;
float: right;
margin-top: 25px;
padding: 10px 30px 10px 15px;
text-decoration: none;
text-transform: uppercase;
width: 160px;
}

.icon_arrow_next.active, .icon_arrow_prev.active {
background-color: #8cb63b;
background-image: url('../images/right_arrow_pad15.png');
color: #161616;
cursor: pointer;
display: block;
}

.icon_arrow_next.active:hover, .icon_arrow_prev.active:hover {
background-color: #9fcb43;
}

.icon_arrow_prev {
background: #e5e5e5 url('../images/left_arrow_pad15_inactive.png') no-repeat left center;
float: left;
padding: 10px 15px 10px 30px;
text-align: right;
}

.icon_arrow_prev.active {
background-image: url('../images/left_arrow_pad15.png');
}

.last_question .icon_arrow_next, .first_question .icon_arrow_prev {
visibility: hidden;
}

#content_accueil {
min-height: 400px;
padding-top: 80px;
padding-bottom: 126px;
}

#content_accueil #explication_accueil {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
margin-left: 420px;
line-height: 23px;
padding: 20px;
width: 430px;
}

#content_accueil .btn_comment, #content_accueil .btn_hygiene {
-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 2px rgba(0,0,0,0.4);
box-shadow: 3px 3px 2px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Ropa Sans',sans-serif;
font-size: 16px;
line-height: 16px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
background: #8cb63b url('../images/comment_hygiene_butt_bg.png') no-repeat 7px 8px;
color: #161616;
display: block;
height: 37px;
line-height: 17px;
margin-left: 420px;
margin-top: 20px;
padding: 18px 15px 15px 70px;
text-decoration: none;
text-transform: uppercase;
width: 266px;
}

#content_accueil .btn_comment.btn_hygiene, #content_accueil .btn_hygiene.btn_hygiene {
background-position: 7px -395px;
}

#content_accueil .btn_comment:hover, #content_accueil .btn_hygiene:hover {
background-color: #9fcb43;
}

#content_accueil .btn_comment span, #content_accueil .btn_hygiene span {
display: block;
text-transform: none;
}

#content_accueil #jacob_accueil {
background: url('../images/jacob_accueil.png') no-repeat bottom center;
bottom: 76px;
color: #161616;
font-size: 13px;
height: 140px;
left: 0;
line-height: 16px;
padding: 364px 20px 0 20px;
position: absolute;
text-align: center;
width: 335px;
}

#content_accueil #jacob_accueil h4 {
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
margin: 0 0 5px 0;
text-transform: uppercase;
}

#content_accueil #jacob_accueil p {
margin: 0 0 5px 0;
}

#content_comment {
padding: 50px 5px 0;
}

#contenu_comment_video div#acc_vid_player {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
height: 410px;
margin: 35px auto 25px;
padding: 5px;
width: 640px;
}

#contenu_comment_video div#acc_vid_player div#acc_vid_play_content {
height: 360px;
margin-bottom: 18px;
width: 640px;
}

#contenu_comment_video div#acc_vid_player div#acc_vid_play_title {
font-family: 'Ropa Sans',sans-serif;
font-size: 16px;
line-height: 16px;
color: #565b5b;
line-height: 19px;
text-align: center;
}

#contenu_comment_video #activite_suivante {
display: block;
margin: 0 150px 0 0;
}

#contenu_comment_video #activite_suivante a {
margin-top: 0;
}

#contenu_comment_oubli .main_content .sub_section {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 20px;
}

#contenu_comment_oubli #draggables_container {
padding-left: 10px;
margin-bottom: 20px;
height: 255px;
}

#contenu_comment_oubli .draggable_container {
float: left;
height: 85px;
margin-right: 25px;
position: relative;
width: 425px;
}

#contenu_comment_oubli .draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: url('../images/comment_oubli_draggables.png') no-repeat 1px 1px;
cursor: pointer;
font-size: 13px;
height: 65px;
padding: 10px 20px 10px 120px;
position: absolute;
width: 285px;
}

#contenu_comment_oubli .draggable.ui-draggable-disabled {
cursor: auto;
opacity: .4;
}

#contenu_comment_oubli .draggable span.retroaction {
display: none;
}

#contenu_comment_oubli .draggable.draggable_paul {
background-position: -18px -12px;
}

#contenu_comment_oubli .draggable.draggable_carla {
background-position: -467px -12px;
padding-left: 80px;
width: 325px;
}

#contenu_comment_oubli .draggable.draggable_benjamin {
background-position: -18px -102px;
}

#contenu_comment_oubli .draggable.draggable_gabrielle {
background-position: -467px -102px;
}

#contenu_comment_oubli .draggable.draggable_michele {
background-position: -18px -193px;
}

#contenu_comment_oubli .draggable.draggable_olivier {
background-position: -467px -193px;
font-size: 12px;
}

#contenu_comment_oubli .droppable_container {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
float: left;
margin-right: 15px;
position: relative;
overflow: hidden;
width: 440px;
}

#contenu_comment_oubli .droppable_container h3 {
background: #8cb63b;
color: #161616;
line-height: 40px;
text-align: center;
}

#contenu_comment_oubli .droppable_container .droppable {
background: #fff url('../images/comme_oubli_droppables_bg.jpg') no-repeat -1px 0;
border: 1px solid #e2e0d6;
min-height: 290px;
padding-top: 9px;
position: relative;
}

#contenu_comment_oubli .droppable_container .droppable .draggable {
margin: 3px 9px;
z-index: 2;
}

#contenu_comment_oubli .droppable_container .icon_win, #contenu_comment_oubli .droppable_container .icon_fail {
background: url('../images/quiz_win_fail.png') no-repeat 0 0;
bottom: 10px;
position: absolute;
height: 18px;
right: 10px;
width: 18px;
}

#contenu_comment_oubli .droppable_container .icon_win.icon_fail, #contenu_comment_oubli .droppable_container .icon_fail.icon_fail {
background-position: 0 -570px;
}

#contenu_comment_oubli .droppable_container .retroaction {
color: #565b5b;
min-height: 100px;
padding: 10px;
}

#contenu_comment_oubli #conclusion {
display: none;
padding: 10px;
margin-top: 20px;
}

#contenu_comment_etudes .main_content .sub_section {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 25px 40px;
}

#contenu_comment_etudes #quiz_menu_images {
margin-bottom: 50px;
}

#contenu_comment_etudes .image_de_question {
float: left;
margin-left: 3px;
text-align: center;
width: 120px;
}

#contenu_comment_etudes .image_de_question:first-child {
margin-left: 0;
}

#contenu_comment_etudes .image_de_question.done {
opacity: .3;
}

#contenu_comment_etudes div.sprite {
background: url('../images/comment_etudes_personnages.jpg') no-repeat -3px -3px;
height: 130px;
width: 120px;
}

#contenu_comment_etudes div.sprite.quiz_menu_1 {
background-position: -3px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_2 {
background-position: -129px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_3 {
background-position: -255px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_4 {
background-position: -381px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_5 {
background-position: -507px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_6 {
background-position: -633px -3px;
}

#contenu_comment_etudes div.sprite.quiz_menu_7 {
background-position: -759px -3px;
}

#contenu_comment_etudes #current_image {
float: left;
width: 140px;
}

#contenu_comment_etudes #quiz_comment_etudes {
float: left;
width: 500px;
}

#contenu_comment_etudes #quiz_comment_etudes .situation_text {
margin-bottom: 20px;
}

#contenu_comment_etudes #quiz_comment_etudes .question_text {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #8cb63b;
color: white;
clear: both;
font-weight: bold;
margin-top: 20px;
padding: 12px;
text-transform: uppercase;
}

#contenu_comment_etudes #quiz_comment_etudes .question_text .counter {
font-weight: normal;
}

#contenu_comment_etudes #quiz_comment_etudes .choices {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow: hidden;
border: 1px solid #cfcdc3;
border-top: 0;
}

#contenu_comment_etudes #quiz_comment_etudes .choices li {
background: url('../images/radio_butt_bg.png') no-repeat 0 -553px;
border-top: 1px solid #cfcdc3;
cursor: pointer;
padding: 13px 13px 13px 40px;
}

#contenu_comment_etudes #quiz_comment_etudes .choices li:first-child {
border-top: 0;
}

#contenu_comment_etudes #quiz_comment_etudes .choices li:hover, #contenu_comment_etudes #quiz_comment_etudes .choices li.win_failed, #contenu_comment_etudes #quiz_comment_etudes .choices li.win {
background-position: 0 2px;
}

#contenu_comment_etudes #quiz_comment_etudes .choices li.fail {
background-position: 0 -1155px;
color: #7e7e7e;
}

#contenu_comment_etudes #quiz_comment_etudes .result {
background: url('../images/quiz_win_fail.png') no-repeat 0 0;
margin-top: 15px;
padding-left: 28px;
}

#contenu_comment_etudes #quiz_comment_etudes .result.fail {
background-position: 0 -568px;
}

#contenu_comment_etudes #quiz_comment_etudes .result.fail strong {
color: #d91616;
display: block;
}

#contenu_comment_etudes #quiz_comment_etudes .result.win {
background-position: 0 0;
}

#contenu_comment_etudes #quiz_comment_etudes .result.win strong {
color: #63c30c;
display: block;
}

#contenu_comment_etudes #sidebar {
float: right;
width: 140px;
}

#contenu_comment_etudes #avertissement {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
margin: 20px 0 20px 140px;
padding: 20px;
width: 460px;
}

#extras_block {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
display: none;
margin: 25px auto 180px;
padding: 20px;
}

#extras_block h2 {
color: #8cb63b;
margin-bottom: 25px;
text-transform: uppercase;
}

#extras_block h3 {
color: #565b5b;
font-weight: bold;
}

#extras_block p {
color: #565b5b;
margin-bottom: 25px;
}

#extras_block a#btn_retour {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
background: #8cb63b url('../images/left_arrow_pad15.png') no-repeat left center;
color: #161616;
cursor: pointer;
float: left;
margin-top: 25px;
padding: 10px 15px 10px 30px;
text-align: right;
text-decoration: none;
text-transform: uppercase;
width: 80px;
}

#extras_block a#btn_retour.active {
display: block;
}

#extras_block a#btn_retour:hover {
background-color: #9fcb43;
}

#content_hygiene {
padding: 50px 5px 0;
}

#contenu_hygiene_cles .main_content .sub_section, #contenu_hygiene_vrai .main_content .sub_section {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 40px;
}

#contenu_hygiene_cles #left_side {
float: left;
width: 250px;
}

#contenu_hygiene_cles #jacob_section {
font-family: 'Ropa Sans',sans-serif;
font-size: 16px;
line-height: 16px;
background: url('../images/jacob_happy_mad.jpg') no-repeat 6px 0;
height: 75px;
padding: 425px 50px 0 0;
text-align: center;
text-transform: uppercase;
width: 250px;
}

#contenu_hygiene_cles #jacob_section.jacob_sad {
background-position: -725px 0;
}

#contenu_hygiene_cles #right_side {
float: right;
width: 560px;
}

#contenu_hygiene_cles #right_side #conclusion {
display: none;
margin-top: 30px;
}

#contenu_hygiene_cles #draggables_section {
height: 500px;
position: relative;
width: 555px;
}

#contenu_hygiene_cles #draggables_section .draggable {
background: url('../images/hygiene_cles_objets.png') no-repeat 0 0;
cursor: pointer;
font-size: 12px;
position: absolute;
text-align: center;
}

#contenu_hygiene_cles #draggables_section .draggable.ui-draggable-disabled {
color: #d0d0d0;
cursor: auto;
}

#contenu_hygiene_cles #draggables_section .draggable#repetition {
background-position: -10px -30px;
padding-top: 88px;
left: 140px;
top: 32px;
width: 121px;
}

#contenu_hygiene_cles #draggables_section .draggable#repetition.ui-draggable-disabled {
background-position: -418px -30px;
}

#contenu_hygiene_cles #draggables_section .draggable#attention {
background-position: -10px -289px;
padding-top: 140px;
left: 270px;
top: 33px;
width: 100px;
}

#contenu_hygiene_cles #draggables_section .draggable#attention.ui-draggable-disabled {
background-position: -418px -289px;
}

#contenu_hygiene_cles #draggables_section .draggable#sommeil {
background-position: -10px -546px;
padding-top: 85px;
left: 383px;
top: 34px;
width: 130px;
}

#contenu_hygiene_cles #draggables_section .draggable#sommeil.ui-draggable-disabled {
background-position: -418px -546px;
}

#contenu_hygiene_cles #draggables_section .draggable#alimentation {
background-position: -10px -804px;
padding-top: 140px;
left: 19px;
top: 272px;
width: 95px;
}

#contenu_hygiene_cles #draggables_section .draggable#alimentation.ui-draggable-disabled {
background-position: -418px -804px;
}

#contenu_hygiene_cles #draggables_section .draggable#oxygenation {
background-position: -10px -1063px;
padding-top: 90px;
left: 12px;
top: 32px;
width: 120px;
}

#contenu_hygiene_cles #draggables_section .draggable#oxygenation.ui-draggable-disabled {
background-position: -418px -1063px;
}

#contenu_hygiene_cles #draggables_section .draggable#curiosite {
background-position: -10px -1321px;
padding-top: 92px;
left: 276px;
top: 358px;
width: 93px;
}

#contenu_hygiene_cles #draggables_section .draggable#curiosite.ui-draggable-disabled {
background-position: -418px -1321px;
}

#contenu_hygiene_cles #draggables_section .draggable#moyens_mnemotechniques {
background-position: 8px -1580px;
padding-top: 100px;
left: 144px;
top: 149px;
width: 110px;
}

#contenu_hygiene_cles #draggables_section .draggable#moyens_mnemotechniques.ui-draggable-disabled {
background-position: -400px -1580px;
}

#contenu_hygiene_cles #draggables_section .draggable#jeux_societe {
background-position: -10px -1836px;
padding-top: 86px;
left: 386px;
top: 149px;
width: 130px;
}

#contenu_hygiene_cles #draggables_section .draggable#jeux_societe.ui-draggable-disabled {
background-position: -418px -1836px;
}

#contenu_hygiene_cles #draggables_section .draggable#alcool {
background-position: -1px -2095px;
padding-top: 86px;
left: 266px;
top: 217px;
width: 110px;
}

#contenu_hygiene_cles #draggables_section .draggable#alcool.ui-draggable-disabled {
background-position: -409px -2095px;
}

#contenu_hygiene_cles #draggables_section .draggable#medicament {
background-position: -10px -2870px;
padding-top: 85px;
left: 125px;
top: 308px;
width: 125px;
}

#contenu_hygiene_cles #draggables_section .draggable#medicament.ui-draggable-disabled {
background-position: -418px -2870px;
}

#contenu_hygiene_cles #draggables_section .draggable#stress {
background-position: -10px -2354px;
padding-top: 90px;
left: 389px;
top: 263px;
width: 130px;
}

#contenu_hygiene_cles #draggables_section .draggable#stress.ui-draggable-disabled {
background-position: -418px -2354px;
}

#contenu_hygiene_cles #draggables_section .draggable#encombrement {
background-position: -10px -2612px;
padding-top: 80px;
left: 14px;
top: 148px;
width: 118px;
}

#contenu_hygiene_cles #draggables_section .draggable#encombrement.ui-draggable-disabled {
background-position: -418px -2612px;
}

#contenu_hygiene_cles #draggables_section .draggable span.retroaction {
display: none;
}

#contenu_hygiene_vrai #left_side {
float: left;
width: 250px;
}

#contenu_hygiene_vrai #jacob_section {
font-family: 'Ropa Sans',sans-serif;
font-size: 16px;
line-height: 16px;
background: url('../images/jacob_happy_mad.jpg') no-repeat -725px 0;
height: 75px;
padding: 425px 50px 0 0;
text-align: center;
text-transform: uppercase;
width: 250px;
}

#contenu_hygiene_vrai #quiz_hygiene_vrai {
float: right;
width: 550px;
}

#contenu_hygiene_vrai #quiz_hygiene_vrai .icon_arrow_next, #contenu_hygiene_vrai #quiz_hygiene_vrai .icon_arrow_prev {
width: 190px;
}

#contenu_hygiene_vrai .quest_answer_container {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 25px 20px;
}

#contenu_hygiene_vrai .question {
font-weight: bold;
}

#contenu_hygiene_vrai .choices li {
display: inline-block;
padding-left: 20px;
background: url('../images/radio_butt_bg.png') no-repeat 0 -553px;
cursor: pointer;
padding: 13px 13px 13px 40px;
}

#contenu_hygiene_vrai .choices li:hover, #contenu_hygiene_vrai .choices li.win_failed, #contenu_hygiene_vrai .choices li.win {
background-position: 0 2px;
}

#contenu_hygiene_vrai .choices li.fail {
background-position: 0 -1155px;
color: #7e7e7e;
}

#contenu_hygiene_vrai .result {
margin-top: 15px;
}

#contenu_hygiene_vrai .result strong {
background: url('../images/quiz_win_fail.png') no-repeat 0 0;
color: #63c30c;
padding-left: 20px;
}

#contenu_hygiene_vrai .result.fail strong {
background-position: 0 -570px;
color: #d91616;
}

#contenu_hygiene_vrai .counter {
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #edebe1;
height: 40px;
line-height: 40px;
margin: 25px auto 0;
text-align: center;
width: 60px;
}

#contenu_hygiene_vrai #end_message {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
-webkit-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
-moz-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
display: none;
left: 50%;
margin-left: -250px;
padding: 20px;
position: absolute;
top: 60px;
width: 500px;
z-index: 501;
}

#contenu_hygiene_vrai #end_message h2 {
color: #8cb63b;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

#activite_suivante, #goto_audio_1, #goto_audio_2 {
display: none;
}

#activite_suivante a.btn_suivante, #goto_audio_1 a.btn_suivante, #goto_audio_2 a.btn_suivante {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
transition: all .2s ease-out;
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
background: #8cb63b;
color: #161616;
cursor: pointer;
float: right;
margin: 25px auto 0;
padding: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 240px;
}

#activite_suivante a.btn_suivante.active, #goto_audio_1 a.btn_suivante.active, #goto_audio_2 a.btn_suivante.active {
display: block;
}

#activite_suivante a.btn_suivante:hover, #goto_audio_1 a.btn_suivante:hover, #goto_audio_2 a.btn_suivante:hover {
background-color: #9fcb43;
}

#content_stimule {
padding: 50px 5px 0;
}

#content_stimule #introduction_message {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
-webkit-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
-moz-box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
box-shadow: 1px 1px 6px 3px rgba(0,0,0,0.7);
left: 50%;
margin-left: -250px;
padding: 20px;
position: absolute;
top: 60px;
width: 500px;
z-index: 501;
}

#content_stimule #introduction_message h2 {
color: #8cb63b;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

#contenu_stimule_liste .main_content div.clearfix, #contenu_stimule_chiffres .main_content div.clearfix {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 45px 0;
}

#contenu_stimule_liste #column_counter, #contenu_stimule_chiffres #column_counter, #contenu_stimule_liste #column_liste, #contenu_stimule_chiffres #column_liste, #contenu_stimule_liste #column_content, #contenu_stimule_chiffres #column_content {
float: left;
}

#contenu_stimule_liste #column_counter, #contenu_stimule_chiffres #column_counter {
text-align: center;
width: 175px;
}

#contenu_stimule_liste #column_counter #chrono, #contenu_stimule_chiffres #column_counter #chrono {
font-family: 'Ropa Sans',sans-serif;
font-size: 26px;
line-height: 26px;
background: url('../images/chrono.png') no-repeat 0 0;
color: #1f92b3;
height: 65px;
line-height: 65px;
margin: 175px auto 0;
text-align: center;
width: 75px;
}

#contenu_stimule_liste #column_liste, #contenu_stimule_chiffres #column_liste {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
overflow: hidden;
position: relative;
width: 180px;
}

#contenu_stimule_liste #column_liste h4, #contenu_stimule_chiffres #column_liste h4 {
background: #8cb63b;
color: #161616;
line-height: 40px;
text-align: center;
}

#contenu_stimule_liste #column_liste ul, #contenu_stimule_chiffres #column_liste ul {
border: 1px solid #e2e0d6;
height: 450px;
padding: 15px 0;
}

#contenu_stimule_liste #column_liste ul li, #contenu_stimule_chiffres #column_liste ul li {
background: url('../images/list_arrow.png') no-repeat 15px 15px;
padding: 10px 10px 10px 45px;
}

#contenu_stimule_liste #column_liste #chiffres, #contenu_stimule_chiffres #column_liste #chiffres {
border: 1px solid #e2e0d6;
height: 390px;
position: relative;
width: 178px;
}

#contenu_stimule_liste #column_liste #chiffres .number_container, #contenu_stimule_chiffres #column_liste #chiffres .number_container {
height: 35px;
position: absolute;
width: 35px;
}

#contenu_stimule_liste #column_content, #contenu_stimule_chiffres #column_content {
padding: 0 40px;
width: 515px;
}

#contenu_stimule_liste #column_content a.btn_no_icon, #contenu_stimule_chiffres #column_content a.btn_no_icon {
margin: 10px 10px 10px 0;
}

#contenu_stimule_liste #column_content a.btn_no_icon#debuter, #contenu_stimule_chiffres #column_content a.btn_no_icon#debuter {
margin-top: 190px;
width: 180px;
}

#contenu_stimule_liste #column_content a.btn_no_icon#reessayer, #contenu_stimule_chiffres #column_content a.btn_no_icon#reessayer, #contenu_stimule_liste #column_content a.btn_no_icon#nouvelle_partie, #contenu_stimule_chiffres #column_content a.btn_no_icon#nouvelle_partie {
display: inline-block;
}

#contenu_stimule_liste #column_content a.btn_no_icon#devoiler_liste, #contenu_stimule_chiffres #column_content a.btn_no_icon#devoiler_liste {
margin-bottom: 40px;
}

#contenu_stimule_liste #column_content #question, #contenu_stimule_chiffres #column_content #question {
display: none;
}

#contenu_stimule_liste #column_content p.instructions, #contenu_stimule_chiffres #column_content p.instructions {
font-weight: bold;
margin-bottom: 10px;
}

#contenu_stimule_liste #column_content textarea, #contenu_stimule_chiffres #column_content textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
border: 1px solid #ceccc3;
display: block;
height: 150px;
padding: 10px;
resize: none;
width: 495px;
}

#contenu_stimule_liste #column_content #resultat, #contenu_stimule_chiffres #column_content #resultat {
display: none;
}

#contenu_stimule_liste #column_content #resultat h2, #contenu_stimule_chiffres #column_content #resultat h2 {
margin-bottom: 20px;
}

#contenu_stimule_liste #column_content #resultat p, #contenu_stimule_chiffres #column_content #resultat p {
margin-bottom: 20px;
}

#contenu_stimule_liste #column_content #resultat strong, #contenu_stimule_chiffres #column_content #resultat strong {
color: #161616;
}

#contenu_stimule_liste p#retroaction_many_tries, #contenu_stimule_chiffres p#retroaction_many_tries {
display: none;
}

#contenu_stimule_chiffres #devoiler_liste {
width: 180px;
}

#contenu_stimule_rendez #audio_tabs {
position: relative;
}

#contenu_stimule_rendez #audio_tabs a {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
background: -moz-linear-gradient(top,rgba(246,244,239,0.6) 0,rgba(242,239,232,0.6) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,244,239,0.6)),color-stop(100%,rgba(242,239,232,0.6)));
background: -webkit-linear-gradient(top,rgba(246,244,239,0.6) 0,rgba(242,239,232,0.6) 100%);
background: -o-linear-gradient(top,rgba(246,244,239,0.6) 0,rgba(242,239,232,0.6) 100%);
background: -ms-linear-gradient(top,rgba(246,244,239,0.6) 0,rgba(242,239,232,0.6) 100%);
background: linear-gradient(to bottom,rgba(246,244,239,0.6) 0,rgba(242,239,232,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f6f4ef',endColorstr='#99f2efe8',GradientType=0);
color: #161616;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
height: 65px;
line-height: 50px;
margin-left: 4px;
padding-top: 8px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 310px;
z-index: 1;
}

#contenu_stimule_rendez #audio_tabs a:first-child {
margin-left: 0;
}

#contenu_stimule_rendez #audio_tabs a.active {
background: white;
color: #161616;
height: 53px;
z-index: 150;
}

#contenu_stimule_rendez #audio_tabs a.active .ducttape {
background: white;
height: 15px;
left: 0;
position: absolute;
top: 55px;
width: 310px;
}

#contenu_stimule_rendez .sub_section {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
margin-top: -10px;
min-height: 350px;
padding: 30px 20px;
position: relative;
z-index: 50;
}

#contenu_stimule_rendez .section_audio {
display: none;
}

#contenu_stimule_rendez .section_audio.active {
display: block;
}

#contenu_stimule_rendez .audio_container {
float: left;
margin: 50px 0 0 10px;
position: relative;
width: 330px;
}

#contenu_stimule_rendez .audio_container .audio_blocker {
background: white;
opacity: .6;
position: absolute;
z-index: 10000;
}

#contenu_stimule_rendez .audio_container .audio_blocker.current {
opacity: .2;
}

#contenu_stimule_rendez .audio_container .audio_blocker.done {
opacity: .4;
}

#contenu_stimule_rendez h2 {
margin-bottom: 10px;
}

#contenu_stimule_rendez .audio_container {
margin-bottom: 20px;
}

#contenu_stimule_rendez .audio_container.done h2 {
color: #565b5b;
}

#contenu_stimule_rendez .interaction_section {
display: none;
float: right;
margin: 50px 10px 0 0;
width: 515px;
}

#contenu_stimule_rendez .interaction_section p.instructions {
font-weight: bold;
margin-bottom: 10px;
}

#contenu_stimule_rendez .interaction_section textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
border: 1px solid #ceccc3;
display: block;
height: 150px;
padding: 10px;
resize: none;
width: 495px;
}

#contenu_stimule_rendez .interaction_section .devoiler_liste {
margin-bottom: 40px;
width: 200px;
}

#contenu_stimule_rendez .interaction_section .retro_audio_text {
display: none;
margin-top: 40px;
}

#contenu_stimule_rendez .interaction_section h2 {
color: #8cb63b;
margin: 25px 0 10px;
text-transform: uppercase;
}

#contenu_stimule_rendez .interaction_section p + p {
margin-top: 10px;
}

#contenu_stimule_rendez .retro_times_played {
display: none;
margin-bottom: 80px;
}

#contenu_stimule_rendez .error_message {
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
border: 2px solid #d91616;
display: none;
margin: 20px;
padding: 10px;
text-align: center;
}

#contenu_stimule_rendez .audio_suivante {
display: none;
}

#contenu_stimule_rendez .audio_suivante a {
width: 300px;
}

#contenu_stimule_cercles .main_content div.clearfix {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 0 0 10px 0;
}

#contenu_stimule_cercles #circles_container {
height: 390px;
margin: 10px 0 0 10px;
position: relative;
width: 930px;
}

#contenu_stimule_cercles #circles_container .circle {
font-family: 'Ropa Sans',sans-serif;
font-size: 36px;
line-height: 36px;
background: url('../images/cercles_couleur.png') no-repeat -1px -3px;
cursor: pointer;
display: none;
height: 105px;
line-height: 105px;
overflow: hidden;
position: absolute;
text-align: center;
width: 107px;
}

#contenu_stimule_cercles #circles_container .circle span.number {
display: block;
text-indent: -9999px;
}

#contenu_stimule_cercles #circles_container .circle.inactive {
cursor: auto;
}

#contenu_stimule_cercles #circles_container .circle.win span.number, #contenu_stimule_cercles #circles_container .circle.win_fail span.number {
text-indent: 0;
}

#contenu_stimule_cercles #circles_container .circle.circle_1 {
background-position: -1px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_2 {
background-position: -139px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_3 {
background-position: -278px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_4 {
background-position: -417px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_5 {
background-position: -554px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_6 {
background-position: -693px -3px;
}

#contenu_stimule_cercles #circles_container .circle.circle_7 {
background-position: -830px -3px;
}

#contenu_stimule_cercles #circles_container .circle span.icon_fail {
background: url('../images/quiz_win_fail.png') no-repeat 0 -570px;
bottom: 41px;
height: 18px;
position: absolute;
right: 44px;
width: 18px;
}

#contenu_stimule_cercles a#demarrer {
width: 200px;
}

#contenu_stimule_cercles #result {
padding: 15px 65px;
}

#contenu_stimule_hanoi .message_container p {
float: left;
width: 735px;
}

#contenu_stimule_hanoi .message_container #btn_instructions {
float: right;
margin: 0;
width: 90px;
}

#contenu_stimule_hanoi .main_content {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
padding: 70px 10px;
}

#contenu_stimule_hanoi h2 {
color: #8cb63b;
margin: 25px 0 10px;
text-transform: uppercase;
}

#contenu_stimule_hanoi #hanoi_play {
background: url('../images/hanoi_sprites.png') repeat-x -2px -312px;
float: left;
height: 185px;
margin-left: 60px;
position: relative;
width: 515px;
}

#contenu_stimule_hanoi .hanoi_disk {
background: url('../images/hanoi_sprites.png') no-repeat -6px -14px;
height: 27px;
margin-top: -2px;
position: absolute;
z-index: 2;
}

#contenu_stimule_hanoi .hanoi_disk#hanoi_disk_0 {
background-position: -6px -161px;
left: 7px;
width: 137px;
}

#contenu_stimule_hanoi .hanoi_disk#hanoi_disk_1 {
background-position: -6px -124px;
left: 14px;
width: 122px;
}

#contenu_stimule_hanoi .hanoi_disk#hanoi_disk_2 {
background-position: -6px -88px;
left: 22.5px;
width: 107px;
}

#contenu_stimule_hanoi .hanoi_disk#hanoi_disk_3 {
background-position: -6px -51px;
left: 28.5px;
width: 92px;
}

#contenu_stimule_hanoi .hanoi_disk#hanoi_disk_4 {
background-position: -6px -14px;
left: 37px;
width: 76px;
}

#contenu_stimule_hanoi .hanoi_disk.ui-draggable {
cursor: pointer;
}

#contenu_stimule_hanoi .hanoi_tower {
height: 185px;
left: 0;
position: absolute;
top: 0;
width: 150px;
}

#contenu_stimule_hanoi .hanoi_tower#hanoi_tower_2 {
left: 180px;
}

#contenu_stimule_hanoi .hanoi_tower#hanoi_tower_3 {
left: 360px;
}

#contenu_stimule_hanoi #hanoi_options {
float: right;
margin-right: 50px;
width: 270px;
}

#contenu_stimule_hanoi #hanoi_options label {
float: left;
margin-right: 25px;
width: 160px;
}

#contenu_stimule_hanoi #hanoi_options select, #contenu_stimule_hanoi #hanoi_options input {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.3);
background: white;
border: 1px solid #ceccc3;
color: #161616;
display: inline-block;
float: left;
height: 30px;
line-height: 30px;
margin-bottom: 25px;
text-align: center;
width: 45px;
}

#contenu_stimule_hanoi #hanoi_options select {
line-height: 30px;
width: 65px;
}

#contenu_stimule_hanoi #hanoi_options select option {
text-align: center;
}

#contenu_stimule_hanoi a#btn_start {
clear: both;
height: 30px;
margin-left: 0;
}

#contenu_stimule_hanoi #instructions {
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
box-shadow: 1px 1px 10px rgba(0,0,0,0.7);
display: none;
left: 50%;
margin-left: -370px;
padding: 20px;
position: absolute;
top: 100px;
width: 700px;
z-index: 10000;
}

#contenu_stimule_hanoi #instructions h2 {
margin-top: 0;
}

#contenu_stimule_hanoi #instructions li {
margin-bottom: 15px;
list-style: disc;
list-style-position: inside;
}

#contenu_stimule_hanoi #instructions #btn_close_instructions {
width: 80px;
}

#contenu_stimule_hanoi .retroaction {
display: none;
margin: 25px 200px;
}

#contenu_stimule_liste .error_message, #contenu_stimule_chiffres .error_message, #contenu_stimule_rendez .error_message {
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: white;
border: 2px solid #d91616;
display: none;
margin: 20px;
padding: 10px;
text-align: center;
}

.mejs-container {
background: transparent;
}

.mejs-container .mejs-controls {
background: url('../images/mediaplayer_bg.png') no-repeat 0 0;
height: 34px;
padding-top: 1px;
position: absolute;
width: 282px;
}

.mejs-container .mejs-controls div {
display: block;
float: left;
}

.mejs-container .mejs-controls .mejs-button {
margin-top: 4px;
}

.mejs-container .mejs-controls button {
background: url('../images/mediaplayer_bg.png') no-repeat 0 0;
border: 0;
cursor: pointer;
height: 20px;
width: 25px;
}

.mejs-container .mejs-controls .mejs-rew-button button {
background-position: -9px -75px;
margin-left: 15px;
}

.mejs-container .mejs-controls .mejs-play button {
background-position: -55px -75px;
}

.mejs-container .mejs-controls .mejs-ffw-button button {
background-position: -84px -75px;
}

.mejs-container .mejs-controls .mejs-pause button {
background-position: -33px -75px;
}

.mejs-container .mejs-controls .mejs-time-rail {
margin: 11px 0 0 10px;
background: url('../images/mediaplayer_bg.png') no-repeat 0 -56px;
height: 10px;
width: 164px;
}

.mejs-container .mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: 0;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current {
background: url('../images/mediaplayer_bg.png') no-repeat 0 -39px;
height: 10px;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-handle {
background: url('../images/mediaplayer_bg.png') no-repeat -119px -74px;
cursor: pointer;
height: 22px;
margin: -5px 0 0 -5px;
width: 22px;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #8cb63b;
top: -29px;
margin-left: -18px;
text-align: center;
color: #111;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float-current {
font-size: 10px;
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #8cb63b;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}

.tipsy {
font-size: 14px;
position: absolute;
padding: 5px;
z-index: 100000;
}

.tipsy-inner {
background-color: #8cb63b;
color: white;
max-width: 400px;
padding: 15px 18px 14px 18px;
text-align: left;
}

.tipsy-inner .term {
font-family: 'Ropa Sans',sans-serif;
font-size: 18px;
line-height: 18px;
margin-bottom: 6px;
}

.tipsy-inner {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: -3px -3px 5px rgba(0,0,0,0.4);
-moz-box-shadow: -3px -3px 5px rgba(0,0,0,0.4);
box-shadow: -3px -3px 5px rgba(0,0,0,0.4);
}

.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #8cb63b;
}

.tipsy-arrow-n {
border-bottom-color: #8cb63b;
}

.tipsy-arrow-s {
border-top-color: #8cb63b;
}

.tipsy-arrow-e {
border-left-color: #8cb63b;
}

.tipsy-arrow-w {
border-right-color: #8cb63b;
}

.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: 0;
border-top-color: transparent;
border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}