/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #b0b8c2 url(../images/v2/body_bg.gif) repeat-x;
    outline            : none;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

img, a {
    outline            : none;
}

#container {
  width              : 980px;
  margin             : 0 auto;
  margin-top         : 10px;
  background         : #FFF;
}

/* --- HEADER --- */
#header {
    background: url(../images/v2/header_bg.gif) repeat-x;
}
#header .accroche {
    color               : #24408f;
}
#header .accroche strong {
    text-transform      : uppercase;
}
#header .accroche ul {
    margin-top          : 0;
    margin-left          : 10px;
}
#header .accroche ul li {
  margin             : 0;
}
#header .accroche ul li a {
    text-decoration     : none;
    color               : #24408f;
}
#header .accroche ul li a:hover {
    text-decoration     : underline;
}

#header_menu {
    position            : relative;
}
#icones_float {
    position            : absolute;
    top                 : 100px;
    left                : 980px;
}

/* --- CONTENT --- */
#content {
  padding            : 0 10px;
  background         : #FFF;
}

/* --- FOOTER --- */
#footer {
  padding            : 0 10px;
    margin             : 0 auto;
    width              : 980px;
    /*height              : 55px;
    background          : url(../images/v2/footer_bg.gif) no-repeat center;*/
}
#footer_menu {
  text-align         : right;
}
#footer, #footer a, #footer a:link, #footer a:visited {
  text-decoration    : none;
  color              : #FFF;
  text-transform     : uppercase;
  font-size          : 10px;
}
#footer a:hover {
  text-decoration    : underline;
}

#container_arrondi_bas {
    width              : 980px;
    margin             : 0 auto;
}



/* HOME */

div.home_login {
    background          : url(../images/v2/bg_login.gif) no-repeat left top;
    width               : 199px;
    height              : 110px;
    padding-top         : 5px;
    padding-left        : 40px;
}
div.home_login h3 {
    margin              : 5px 0;
    color               : #00519e;
    text-transform      : uppercase;
}
div.home_login input.texte {
    color               : #8c8c8c;
    background          : url(../images/v2/bg_input.gif) repeat-x;
    border              : 0;
    margin              : 2px 0;
    height              : 19px;
    padding-left        : 4px;
    width               : 130px;
}
div.home_login a, div.home_login a:link, div.home_login a:visited {
    color               : #043882;
    text-decoration     : none;
}
div.home_login a:hover {
    text-decoration     : underline;
}

/* --- ACTUALITES HOME --- */
div.actu_home_v2 {
    overflow-y          : scroll;
    height              : 220px;
    margin-left         : 15px;
}
div.actu_home_v2 h3 {
    text-transform      : uppercase;
    font-family         : Georgia, Arial, Verdana, sans-serif;
    font-size           : 12px;
    margin              : 0;
}

div.home_actu_maj {
    background          : url(../images/v2/bg_actu_maj.gif) no-repeat;
    width               : 334px;
    height              : 301px;
    scrollbar-face-color: #3BC6F4;
    scrollbar-shadow-color: #2BB6E4;
    scrollbar-highlight-color: #2BB6E4;
    scrollbar-3dlight-color: #EBFFF8;
    scrollbar-darkshadow-color: #2BB6E4;
    scrollbar-track-color: #EEE;
    scrollbar-arrow-color: #043882;
}
div.actu_style_bleu {
    width               : 300px;
}
div.actu_style_bleu h3 {
    color               : #043882;
}
div.actu_style_bleu table {
    border-top          : 1px dotted #76a12a;
}
div.actu_style_bleu a, div.actu_style_bleu a:link, div.actu_style_bleu a:visited {
    color               : #3bc6f4;
}


div.home_actu_nouveaux_tests {
    background          : url(../images/v2/bg_nouveaux_tests.gif) no-repeat;
    width               : 370px;
    height              : 301px;
    scrollbar-face-color: #A1CC55;
    scrollbar-shadow-color: #91BC45;
    scrollbar-highlight-color: #91BC45;
    scrollbar-3dlight-color: #EBFFF8;
    scrollbar-darkshadow-color: #91BC45;
    scrollbar-track-color: #EEE;
    scrollbar-arrow-color: #334710;

}
div.actu_style_vert {
    width               : 320px;
}
div.actu_style_vert h3 {
    color               : #334710;
}
div.actu_style_vert table {
    border-top          : 1px dotted #76a12a;
}
div.actu_style_vert a, div.actu_style_vert a:link, div.actu_style_vert a:visited {
    color               : #334710;
}


/* PAGES INTERIEURES - NON LOGUE */
#wys_contenu {
    background          : #40bce9 url(../images/v2/bg_wys.gif) repeat-x top;
    padding             : 0 5px 5px 5px;
    margin              : 0 8px;
    zoom                : 1; /* Bug IE 6 disparition textes */
}

/* ACTUALITES - ARTICLES DYNAMIQUES */
.article_dyn {
    background          : #FFF;
}

.article_dyn h2.actu_dyn {
    font-family         : Georgia, Times New Roman, Arial, Helvetica, sans-serif;
    font-weight         : normal;
    color               : #3bc6f4;
    font-size           : 36px;
    font-style          : italic;
    margin              : 0;
}
.article_dyn p.description_courte {
    font-size           : 12px;
}
.article_dyn p.description_courte b {
    color               : #043882;
}
.article_dyn div.wys {
    display             : none;
    padding-bottom      : 10px;
}

/* PAGES INTERIEURES - LOGGUE */
#wys_contenu_loggue {
    background          : #FFF url(../images/v2/bg_wys_loggue.gif) repeat-x top;
    margin              : 0 5px;
}



/* Partie Abonnement */
div.abonnement_formule select,
div.abonnement_formule textarea,
div.abonnement_formule input.texte,
div.abonnement_infos select,
div.abonnement_infos textarea,
div.abonnement_infos input.texte,
div.abonnement_validation select,
div.abonnement_validation textarea,
div.abonnement_validation input.texte,
div.reabonnement select {
    border              : 1px solid #66CCFF;
    padding             : 2px;
    font-size           : 12px;
}
div.abonnement_formule h2 {
    text-align          : center;
    margin              : 10px 0;
    text-transform      : uppercase;
}
div.abonnement_formule fieldset {
    width               : 380px !important;
    height              : 300px;
}

div.abonnement_infos div.ligne {
    margin              : 4px 0;
}
div.abonnement_infos input.texte,
div.abonnement_validation input.texte {
    width               : 200px;
}
div.abonnement_infos label.my_label {
    float               : left;
    position            : relative;
    width               : 150px;
}
div.abonnement_infos span.obligatoire {
    color               : #CC0000;
}
div.abonnement_infos .champ_large {
    width               : 350px;
}
div.abonnement_infos fieldset {
    height              : 420px;
}
div.abonnement_infos div.btn_valider {
    text-align          : right;
    margin-right        : 60px;
}

div.abonnement_validation fieldset {
    height              : 420px;
}
div.abonnement_validation div.ligne {
    margin              : 20px 0;
}
div.abonnement_validation .big {
    font-size           : 20px;
    font-weight         : bold;
}
div.abonnement_process a.current,
div.abonnement_process a.current:link,
div.abonnement_process a.current:visited {
    font-weight         : bold;
    text-decoration     : underline;
}

div.abonnement_erreur {
    margin              : 10px;
    padding             : 10px;
    background          : #FFDDDD;
    border              : 1px solid #CC0000;
}
div.abonnement_ok {
    margin              : 10px;
    padding             : 10px;
    background          : #BFF37F;
    border              : 1px solid #1D7845;
}

div.abonnement_formule_loggue table.abon_en_cours th {
    color               : #FFF;
    font-weight         : normal;
    background          : url(../images/v2/bg_abon_th.gif) repeat-x top;
    padding             : 5px;
    text-align          : left;
}
div.abonnement_formule_loggue table.abon_en_cours td {
    background          : #E3E3E3 url(../images/v2/bg_abon_td.gif) repeat-x top;
    color               : #000;
    padding             : 13px 5px;
}
div.abonnement_formule_loggue table.abon_en_cours td.sep {
    border-right        : 1px dotted #49c1ec;
}
div.abonnement_formule_loggue div#encart_reabonnement {
    background          : url(../images/v2/bg_reabonnement.gif) no-repeat;
    width               : 242px;
    height              : 157px;
}
div.abonnement_formule_loggue div#encart_reabonnement p {
    padding             : 40px 25px 0 15px;
    font-size           : 11px;
    color               : #FFF;
}
div.abonnement_formule_loggue div#encart_reabonnement div.bouton {
    margin              : 30px 0 0 195px;
}
div.abonnement_formule_loggue fieldset {
    width               : 380px;
    height              : 300px;
    float               : left;
    margin              : 2px;
    padding             : 10px;
    background          : #FFF !important;
}
div.abonnement_formule_loggue fieldset div.overflow {
    width               : 370px;
    height              : 280px;
    overflow            : auto;
    text-align          : left;
}
div.abonnement_formule_loggue div.overflow * {
    font-size           : 12px;
}
div.abonnement_formule_loggue span.keyword {
    color               : #24408f;
    font-weight         : bold;
}
div.abonnement_formule_loggue fieldset div.ligne {
    margin              : 3px 0;
}
div.abonnement_formule_loggue div.cadre {
    margin              : 20px 0 0 50px;
}
div.abonnement_formule_loggue fieldset div.overflow * {
    font-size           : 13px;
    color               : #666;
}
div.abonnement_formule_loggue div.cadre * {
    font-size           : 12px;
}
div.reabonnement div.texte {
    font-size           : 14px;
}
div.reabonnement h2 {
    font-size           : 18px;
}
div.reabonnement fieldset {
    height              : 250px;
}
div.abonnement_formule fieldset,
div.abonnement_infos fieldset,
div.abonnement_validation fieldset,
div.abonnement_formule_loggue fieldset,
div.reabonnement fieldset {
    border              : 1px solid #66CCFF;
    background          : #F0F0F0;
    float               : left;
    width               : 380px;
    margin              : 2px 23px;
    padding             : 10px;
}

div.abonnement_infos fieldset,
div.abonnement_validation fieldset {
    float               : none;
    width               : auto;
    margin-bottom       : 10px;
}
div.abonnement_validation fieldset {
    float               : left;
    width               : 260px;
}

/* Sous-menu */
ul#ssmenu {
    margin              : 0;
    padding             : 0;
}
ul#ssmenu li {
    display             : inline;
    float               : left;
    margin              : 0;
    padding             : 0;
}
ul#ssmenu a {
    background          : url(../images/v2/titre_c_off.gif) repeat-x bottom;
    text-decoration     : none;
    color               : #043882;
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    text-transform      : uppercase;
    display             : block;
}
ul#ssmenu a img {
    vertical-align      : middle;
    border              : 0;
}
ul#ssmenu a.couleur_bleu_on, ul#ssmenu a.couleur_bleu:hover {
    background-image    : url(../images/v2/titre_c_bleu.gif);
    color               : #FFF;
}
ul#ssmenu a.couleur_orange_on, ul#ssmenu a.couleur_orange:hover {
    background-image    : url(../images/v2/titre_c_orange.gif);
    color               : #FFF;
}
ul#ssmenu a.couleur_violet_on, ul#ssmenu a.couleur_violet:hover {
    background-image    : url(../images/v2/titre_c_violet.gif);
    color               : #FFF;
}
ul#ssmenu a.couleur_rouge_on, ul#ssmenu a.couleur_rouge:hover {
    background-image    : url(../images/v2/titre_c_rouge.gif);
    color               : #FFF;
}
ul#ssmenu a.couleur_vert_on, ul#ssmenu a.couleur_vert:hover {
    background-image    : url(../images/v2/titre_c_vert.gif);
    color               : #FFF;
}



/* Style de tableau */
table.cadre td.centre {
    background          : #FFF url(../images/v2/tab_centre.gif) no-repeat bottom;
    width               : 939px;
}
table.cadre td.centre div.contenu {
    padding-left        : 15px;
    padding-right       : 15px;
}
table.cadre td.h {
    height              : 14px;
    background          : url(../images/v2/tab_h.png) no-repeat;
    width               : 912px;
}
table.cadre td.hg {
    background          : url(../images/v2/tab_hg.png) no-repeat;
    width               : 19px;
    height              : 14px;
}
table.cadre td.hd {
    background          : url(../images/v2/tab_hd.png) no-repeat;
    width               : 19px;
    height              : 14px;
}
table.cadre td.g {
    background          : url(../images/v2/tab_g.png) no-repeat;
    width               : 6px;
}
table.cadre td.d {
    background          : url(../images/v2/tab_d.png) no-repeat;
    width               : 6px;
}
table.cadre td.b {
    background          : url(../images/v2/tab_b.png) no-repeat;
    height              : 6px;
    width               : 912px;
}
table.cadre td.bg {
    background          : url(../images/v2/tab_bg.png) no-repeat;
    width               : 19px;
    height              : 13px;
}
table.cadre td.bd {
    background          : url(../images/v2/tab_bd.png) no-repeat;
    width               : 20px;
    height              : 5px;
}

.msg_info, .msg_success, .msg_warning, .msg_erreur {
    border              : 1px solid;
    padding             :15px 10px 15px 50px;
    background-repeat   : no-repeat;
    background-position : 10px center;
    width               : 50%;
    margin              : 10px auto;
}
.msg_erreur {
    color               : #D8000C;
    background-color    : #FFBABA;
    background-image    : url(../images/picto/error.png);
}
.msg_info {
    border-color        : #00529B;
    color               : #00529B;
    background-color    : #BDE5F8;
    background-image    : url(../images/picto/info.png);
}
.msg_success {
    color               : #4F8A10;
    background-color    : #DFF2BF;
    background-image    :url(../images/picto/success.png);
}
.msg_warning {
    color               : #9F6000;
    background-color    : #FEEFB3;
    background-image    : url(../images/picto/warning.png);
}

div.cadre_questions {
    background          : #FFF;
    padding             : 10px;
    margin              : 10px 0px;
}

/* DEMO QUESTIONS */

#chrono {
    text-align: center;
    font-size: 26px;
    font-weight: normal;
    width: 112px;
    height: 37px;
    background: url(../images/v2/bg_chrono.gif) no-repeat center;
    color: #FFF;
}
#chrono span {
    padding-left: 10px;
}
#liste_questions {
    position:relative;
    overflow: hidden;
    width: 800px;
    height:400px;
    float:left;
    background: #CCF0FF;
    margin-top: 5px;
}
#liste_questions div.items {
    width:20000em;
    position:absolute;
    clear: both;
}
.bouton_next {
    border: 1px solid #1e9ad3;
    color: #FFF;
    background: url(../images/v2/bg_bouton_next_off.gif) repeat-x;
    cursor: pointer;
    padding: 1px 30px;
}
.bouton_next:hover {
    background-image: url(../images/v2/bg_bouton_next_on.gif);
}
.bouton_prev {
    border: 1px solid #777;
    color: #777;
    background: url(../images/v2/bg_bouton_prev_off.gif) repeat-x;
    cursor: pointer;
    padding: 1px 30px;
}
.bouton_prev:hover {
    background-image: url(../images/v2/bg_bouton_prev_on.gif);
}
#liste_questions div.question {
    display: block;
    float: left;
    width: 800px;
    height:410px;
    padding: 10px;
}
#liste_questions div.question h2 {
    margin-bottom: 20px;
}
#liste_questions div.question label {
    font-size: 12px;
    cursor: pointer;
}
#liste_questions div.question input {
    vertical-align:middle;
}
div.cadre_questions a.prev,
div.cadre_questions a.next {
    display:block;
    width:42px;
    height:410px;
    background:url(../images/v2/jeu_fleche_g.gif) no-repeat;
    float:left;
    margin:0;
    cursor:pointer;
    font-size:1px;
}
div.cadre_questions a.prev:hover,
div.cadre_questions a.next:hover {
    /*background-position:0px -18px;*/
}
div.cadre_questions a.disabled {
    visibility:hidden !important;
}
div.cadre_questions a.next {
    background-image:url(../images/v2/jeu_fleche_d.gif);
    clear:right;
}

/* TYPES DE QUESTIONS */
div.question input.radio {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
div.question input.checkbox {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
div.question input.input {
    border: 1px inset #000;
    background: #F0F0F0;
}
div.question input.text:focus {
    background: #FFF;
}

/* POSITIONNEMENT */
div.question div.pos_HORIZONTAL {
    float: left;
    padding: 5px;
}
div.question div.pos_VERTICAL input.input {
    width: 780px;
}


/* PARCOURS */
#liste_parcours {
    background: url(../images/v2/bg_parcours_motif.png) repeat-y center;
    width: 940px;
    /*margin-bottom: 50px;*/
    padding: 5px 0;
}
#liste_parcours div.un_parcours {
    background: #D2EFF7 url(../images/v2/bg_parcours.gif) repeat-x bottom;
    padding: 10px;
    margin: 0 20px;
    position: relative;
}
#liste_parcours div.un_parcours div.deplier,
#liste_parcours div.un_parcours div.replier {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/v2/bg_deplier_replier.gif) repeat-x;
}
#liste_parcours div.un_parcours div.deplier a, #liste_parcours div.un_parcours div.deplier a:link, #liste_parcours div.un_parcours div.deplier a:visited,
#liste_parcours div.un_parcours div.replier a, #liste_parcours div.un_parcours div.replier a:link, #liste_parcours div.un_parcours div.replier a:visited {
    text-decoration: none;
    padding: 2px 10px;
    display: block;
    color: #26495d;
}
#liste_parcours div.un_parcours div.deplier a:focus,
    #liste_parcours div.un_parcours div.replier a:focus {
    outline: none;
}
#liste_parcours div.un_parcours:hover {
    /*background: #D7F2FB;*/
}
#liste_parcours div.un_parcours h2.parc_titre {
    margin: 0;
    /*cursor: pointer;*/

    color: #5f5f5f;
    font-size: 12px;
}
#liste_parcours div.un_parcours p.parc_resume,
    #liste_parcours div.un_parcours p.parc_consigne {
    margin: 0;
    padding: 0px 0 10px 0;
    font-size: 11px;
    /*cursor: pointer;*/

    color: #5f5f5f;
}
#liste_parcours div.exercices {
    display: none;
    padding-left: 20px;
    border-top: 2px dashed #FFF;
}
#liste_parcours div.exercices p {
    padding: 5px 0 10px 0;
    font-size: 10px;
}
#liste_parcours div.exercices img {
    vertical-align: middle;
    padding-right: 5px;
    padding-top: 3px;
    float: left;
}
#liste_parcours div.exercices h3 {
    font-size: 11px;
}
#liste_parcours div.un_exo_enabled {
    cursor: pointer;
    /*border: 1px solid #FFF;*/
    margin-bottom: 2px;
    padding: 5px;
}
#liste_parcours div.un_exo_disabled {
    /*border: 1px solid #FFF;*/
    margin-bottom: 2px;
    padding: 5px;
}
#liste_parcours div.un_exo_deja_fait {
    background: url(../images/v2/picto_parcours_ok.gif) no-repeat 99% 95%;
}
#liste_parcours div.hover {
    background: #D2EFF7;
}
#liste_parcours div.hover h3 {
    text-decoration: underline;
}
#liste_parcours div.un_exo_disabled h3, #liste_parcours div.un_exo_disabled p {
    color: #999;
}
#liste_parcours div.exercices div.note {
    float: right;
    color: #999;
}
#masqueMenuHaut {
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 2;
}

/* Tableau des tarifs */
table.tableau_tarifs {
    border              : 1px solid #47cbf3;
    border-collapse     : collapse;
}
table.tableau_tarifs th {
    color               : #FFF;
    font-weight         : normal;
    background          : url(../images/v2/bg_tarif_th.gif) repeat-x top;
    padding             : 5px;
    text-align          : center;
}
table.tableau_tarifs th.bordure {
    border-right: 2px solid #44cff6;
}
table.tableau_tarifs td {
    background          : #b1e9fb;
    color               : #000;
    padding             : 8px 5px;
}
table.tableau_tarifs tr.pair td {
    background          : #d7f3fd;
}
table.tableau_tarifs td.bordure {
    border-right: 2px solid #FFF;
}


/*
  ______                       _                   ___   ___ __  ___
 |  ____|                     | |                 |__ \ / _ |_ |/ _ \
 | |__  __  __ ___ ______     | | ___ _   ___  __    ) | | | | | | | |
 |  __| \ \/ // _ \______|_   | |/ _ \ | | \ \/ /   / /| | | | | | | |
 | |____ >  <| (_) |     | |__| |  __/ |_| |>  <   / /_| |_| | | |_| |
 |______/_/\_\\___/       \____/ \___|\__,_/_/\_\ |____|\___/|_|\___/

*/
div#keep_place {
    position        : relative;
}
div#selector_wrapper {
    position        : relative;
}
div.init {
    clear           : both;
    font-size       : 0;
    height          : 0;
}
div#exojeux_wrapper {
    position        : relative;
    width           : 942px;
    height          : 504px;
    background      : url(../images/fond_exojeux.jpg) no-repeat;
}
span.h4_noir {
    font-size       : 14px;
    color           : #000;
    font-weight     : bold;
    font-style      : normal;
}
h4.exojeux {
    font-size       : 24px;
}
ul#onglets {
    margin          : 0;
    padding         : 3px 0 0 0;
}
ul#onglets li {
    display         : block;
    float           : left;
    width           : 80px;
    margin-left     : 11px;
    padding         : 3px 0 0 0;
    text-align      : center;
    font-weight     : bold;
}
ul#onglets li a:link,
ul#onglets li a:active,
ul#onglets li a:visited,
ul#onglets li a:hover,
ul#onglets li a:focus {
    text-decoration : none;
    color           : #000;
}

/* Liste des exos */
div#liste_exo {
    position        : absolute;
    width           : 410px;
    height          : 439px;
    top             : 36px;
    left            : 17px;
    padding         : 5px;
    overflow        : auto;
}
div#liste_exos_content {
    border          : 3px solid #77888c;
    width          : 375px;
}
div#liste_exo div.liste_par_serie {
	position        : relative;
	zoom            : 1; /* IE Fix : après chargement de la page, la liste disparaissait */
}
div#liste_exo div.liste_par_serie div.top, div#liste_exo div.liste_par_serie div.bottom {
    width           : 375px;
    height          : 12px;
    left            : 0;
    position        : absolute;
    z-index         : 50;
}
div#liste_exo div.liste_par_serie div.top {
	top            : 0;
    background     : transparent url(../images/v2/exo_liste_par_serie_haut.png) no-repeat top;
}
div#liste_exo div.liste_par_serie div.bottom {
    bottom            : 0;
    background     : #D3F0F8 url(../images/v2/exo_liste_par_serie_bas.png) no-repeat bottom;
}
div#liste_exo div.liste_par_serie div.wrapper_exo {
	padding-left    : 10px;
	font-size      : 10px;
	border-bottom  : 1px solid #FFF;
    z-index         : 49;
}
div#liste_exo div.liste_par_serie span {
	font-size      : 12px;
}
div#liste_exo div.serie div.titre {
    width          : 375px;
	height         : 64px;
	background     : url(../images/v2/bg_exo_serie.gif) no-repeat;
    border-bottom  : 1px solid #77888c;
    position        : relative;
}
div#liste_exo div.click {
    cursor          : pointer;
}
div#liste_exo .liste_par_serie {
	display        : none;
    border-bottom  : 1px solid #77888c;
}
div#liste_exo div.serie div.titre h3 {
	color          : #FFF;
	font-size      : 22px;
    font-style      : italic;
	font-weight    : bold;
	margin         : 0;
	padding        : 16px 0 0 35px;
	text-shadow    : 1px 1px 4px #666;
	letter-spacing : 1px;
}
div#liste_exo div.serie div.ss_titre {
	font-size      : 11px;
    color           : #053780;
    font-style      : italic;
    padding        : 0 0 0 35px;
}
div#liste_exo div.serie div.verrou {
    position       : absolute;
    top            : 16px;
    left           : 315px;
    width          : 14px;
    height         : 22px;
    background     : url(../images/v2/exo_verrou.png) no-repeat;
}
div#liste_exo div.serie div.fleche {
	position       : absolute;
	top            : 23px;
	left           : 290px;
	width          : 18px;
	height         : 15px;
}
div#liste_exo div.serie div.fleche_bas {
	background     : url(../images/v2/exo_fleche_bas.png) no-repeat;
}
div#liste_exo div.serie div.fleche_haut {
    background     : url(../images/v2/exo_fleche_haut.png) no-repeat;
}
div.wrapper_exo {
    padding         : 15px 0;
    position        : relative;
}
div.wrapper_exo_on {
    background      : #e2f9ff !important;
}
div.difficulte1 {
    background      : url(../images/difficulte/1.png) no-repeat;
}
div.difficulte2 {
    background      : url(../images/difficulte/2.png) no-repeat;
}
div.difficulte3 {
    background      : url(../images/difficulte/3.png) no-repeat;
}
div.difficulte4 {
    background      : url(../images/difficulte/4.png) no-repeat;
}
div.difficulte5 {
    background      : url(../images/difficulte/5.png) no-repeat;
}
div.difficulte1,
div.difficulte2,
div.difficulte3,
div.difficulte4,
div.difficulte5 {
    position        : absolute;
    width           : 65px;
    height          : 14px;
}
div#liste_exo span {
    color           : #000;
    font-size       : 14px;
    font-weight     : bold;
    display         : block;
    padding         : 0 0 7px 70px;
    text-decoration : underline;
}

div#cogito_conseil {
    position        : absolute;
    width           : 340px;
    height          : 120px;
    top             : 358px;
    left            : 487px;
    background      : url(../images/cogito_conseil.jpg) 0 9px no-repeat;
    padding         : 0 0 0 93px;
    overflow        : auto;
}
div#conseil_consigne {
    position        : absolute;
    width           : 380px;
    height          : 40px;
    top             : 450px;
    left            : 550px;
    font-weight     : bold;
}
div#pipette {
    position        : absolute;
    width           : 106px;
    height          : 288px;
    top             : 35px;
    right           : 15px;
}

/* Choix du type d'éxercice */
span#type_exo {
    position        : relative;
}
div#choix_type_exo {
    position        : absolute;
    width           : 352px;
    height          : 282px;
    left            : 459px;
    top             : 40px;
    z-index         : 1;
}
div#warning_niveau {
    position        : absolute;
    width           : 332px;
    height          : 266px;
    background      : #2f7d9b;
    left            : 459px;
    top             : 36px;
    z-index         : 2;
    color           : #fff;
    text-align      : center;
    padding         : 10px;
    font-size       : 13px;
    display         : none;
}
div#warning_niveau p {
    padding         : 7px 0;
    font-weight     : bold;
}
div#warning_niveau p.red {
    color           : #dea5a5;
}
ul.niv1 {
    margin          : 0;
    padding         : 0 0 0 146px;
}
ul.niv1 li {
    display         : block;
    width           : 66px;
    float           : left;
    font-weight     : bold;
    font-size       : 12px;
    font-style      : italic;
    text-align      : center;
    margin-right    : 2px;
}
div.niv2 {
    position        : relative;
    height          : 51px;
    margin-top      : 2px;
}
div.init_niv1 {
    height          : 2px;
    clear           : both;
    margin          : 0;
}
div.label {
    font-size       : 14px;
    font-weight     : bold;
    font-style      : italic;
    text-align      : right;
    width           : 147px;
    padding         : 10px 4px 0 0;
    float           : left;
}
div.pave {
    width           : 63px;
    height          : 51px;
    background      : url(../images/pave.gif) no-repeat;
    margin-right    : 2px;
    float           : left;
}
div.label img {
    vertical-align  : text-bottom;
    padding-left    : 8px;
}

/* Choix du niveau */
div#choix_niveau {
    display         : none;
    position        : absolute;
    left            : 609px;
    top             : -8px;
    font-size       : 12px;
}
div#choix_niveau img {
    vertical-align  : middle;
}

div#wrapper_result_exo {
    position        : absolute;
    /*top             : 54px;*/
    top             : 220px;
    background      : #fff;
    z-index         : 3;
    /*left            : 6px;*/
    left            : 50%;
    margin-left     : -455px;
    width           : 911px;
    border          : 6px solid #53BFBD;
    display         : none;
}
div#close_result_exo {
    position        : absolute;
    width           : 27px;
    height          : 26px;
    right           : 20px;
    top             : 4px;
    background      : url(../images/btn_close.png) no-repeat;
    cursor          : pointer;
    z-index         : 6;
}
div#content_result_exo {
    position        : relative;
    height          : 451px;
    overflow        : auto;
    z-index         : 5;
}

object {
    outline          : none;
}