@import url(utils.css);
@import url(utils.css);

/* /////////////////////////////////////////////////////////////////////////
							CLASSES GLOBALES
///////////////////////////////////////////////////////////////////////// */

html {
    font-size: 100%;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

body {
    font-size: 0.750em;
}

.bodyExercice {
}

.bodyAccueil {
    background: #f8f8f8;
}

.m-auto, .pos-center, .center-auto {
    margin: 0 auto;
}

/*--------- Titres ---------*/

h1, h3 {
    cursor: default;
}

h1 {
    font-size: 1.6em;
}

h1 em {
    font-size: 9pt;
    padding-top: 8px;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-weight: 600;
    font-size: 1.1em;
    margin-top: 0
}

h5 {
    font-weight: bold;
}

h6 {
    color: #000;
    font-weight: lighter;
}

/*--------- Liens ---------*/

a {
    text-decoration: none;
    color: #497fa7;
}

a:hover {
    color: #62aac5;
    cursor: pointer;
}

a img {
    border: none;
}

.blanc:hover {
    color: #ffffff;
    font-weight: bold;
}

h1 a {
    text-decoration: none;
}

/*--------- curseurs ---------*/
.move:hover {
    cursor: move;
}

/*--------- Listes ---------*/

ul {
    padding: 0 0 0 14px;
    margin: 18px 0 12px;
}

li {
    list-style-image: url("../../datas/structure/V8/puce.png");
}

li .legende {
    float: right;
}

#body_gram .listeLienSeul ul.list {
    margin: 0;
    padding: 0;
}

#body_gram .listeLienSeul ul.list li {
    padding: 6px 12px;
    list-style-position: inside;
    margin: 0;
}

.ongletListe li {
    list-style: none;
}

.exerciceContent ul {
    margin-left: 10px;
}

.abc {
    list-style-image: none;
    list-style-type: lower-alpha;
}

.no-bullet li {
    list-style-type: none;
    list-style-image: none;
}

/*--------- Boutons ---------*/

.primary-button, input.submit, a.bouton, a.button, .button a, .button2 a, .buttonInput, input.minibutton {
    background: #497fa7;
    border-radius: 3px;
    color: #fff !important;
    border: none;
    padding: 7px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: background 0.3s ease-out;
}

input.minibutton {
    padding: 3px;
    font-weight: normal;
}

.primary-button:hover, input.submit:hover, a.bouton:hover, a.button:hover, .button a:hover, .button2 a:hover, .buttonInput:hover, input.minibutton:hover {
    border: none;
    background: #48A7DA;
    cursor: pointer;
    color: #fff;
}

.button_r {
    float: right;
}

.button_r a {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    height: 23px;
    width: 27px;
    padding: 5px 0 0 0;
}

.close_r a b {
    height: 17px;
    width: 27px;
    display: block;
    background: url(../../datas/structure/disclaimer/close.png) no-repeat center center;
}

.button_r.close_r {
    position: absolute;
    right: 0;
    top: -30px;
}

.buttonInput {
    cursor: pointer;
}

.button2 a {
    padding: 2px 5px;
    width: auto;
    text-decoration: none;
    font-size: 10pt;
    white-space: nowrap;
    display: inline-block;
}

.button2 a img, .button a img {
    padding: 0 2px;
    border: none;
    vertical-align: 0;
}

.button_r a img {
    padding: 0;
    margin: 0;
    border: none;
    vertical-align: bottom;
}

.button2 a img {
    padding: 0 3px;
    vertical-align: 5px;
}

div .button2 {
    margin: 10px
}

.minibutton, input.minibutton {
    margin: 0;
    cursor: pointer;
}

.minibutton a, input.minibutton {
    line-height: 12px;
    margin-bottom: -4px;
    padding: 1px 6px;
    width: auto;
    text-decoration: none;
    font-size: 8pt;
    white-space: nowrap;
    display: inline-block
}

.minibutton a img {
    border: none;
    padding: 1px;
}

/* boutons spécifiques aux exercices */

.show-answer .primary-button {
    background-color: #dcdcdc;
    color: #606067;
    min-width: 100px;
    *width: 100px;
}

.primary-button .picto-redo {
    vertical-align: middle;
}

/*--------- Système de colonnes ---------*/
.col-container {
}

.col-1-2 {
    width: 49.7%;
}

.col-1-3 {
    width: 33.1%;
}

.col-2-3 {
    width: 66%;
}

.col-1-4 {
    width: 24.8%;
}

.col-3-4 {
    width: 74.7%;
}

.col-separate {
}

.col-separate .col-1-2 {
    width: 47.7%;
    margin-left: 4%;
}

.col-separate .col-1-3 {
    width: 30.6%;
    margin-left: 4%;
}

.col-separate .col-2-3 {
    width: 64.6%;
    margin-left: 4%;
}

.col-separate .col-1-4 {
    width: 21.9%;
    margin-left: 4%;
}

.col-separate .col-3-4 {
    width: 74.0%;
    margin-left: 4%;
}

.col-separate .first-col {
    margin-left: 0;
}

/*--------- positionnements ---------*/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/*--------- flottants ---------*/
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/*--------- display ---------*/
.inline, li.inline {
    display: inline;
}

.in-block {
    display: inline-block;
    zoom: 1;
}

.block {
    display: block;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

/*--------- cache-cache ---------*/
.none {
    display: none;
}

.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

.overflow {
    overflow: hidden;
}

/*--------- effets CSS3 ---------*/
.shadow {
    box-shadow: 0 0 5px 0 #8D8D8D;
}

.radius-light {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.smooth-trans {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.transparent {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* /////////////////////////////////////////////////////////////////////////
							TYPOGRAPHIE
///////////////////////////////////////////////////////////////////////// */


/*--------- Alignements ---------*/
.align-center, .text-center, #learningNews .text-center, .t_noBorder p.text-center, blockquote p.text-center {
    text-align: center;
}

.align-right, .text-right, .t_noBorder p.text-right, blockquote p.text-right {
    text-align: right;
}

.align-left, .text-left, .t_noBorder p.text-left, blockquote p.text-left {
    text-align: left;
}

.justify, .text-justify, .t_noBorder p.text-justify, blockquote p.text-justify {
    text-align: justify;
}

.valign {
    vertical-align: middle;
}

/*--------- Couleurs ---------*/

/*-- charte telelangue --*/
.tlg-light-blue {
    color: #3ba7de;
}

.tlg-dark-gray {
    color: #555;
}

/* -- autres couleurs --*/
.color_orange {
    color: #e88224;
}

.color_pink {
    color: #ca6caa;
}

.color_turquoise {
    color: #52c0cd;
}

.color_ocean {
    color: #3d89df;
}

.color_red, .bodyExercice table .color_red {
    color: #df3221;
}

.color_green, .bodyExercice table .color_green, .color_green h2 {
    color: #91b93e
}

.color_blu, .bodyExercice table .color_blu {
    color: #497fa7
}

.color_gray, .bodyExercice table .color_gray {
    color: #ccc;
}

.color_yellow, .bodyExercice table .color_yellow {
    color: #FFF7C9;
    font-weight: 600;
}

.white, .blanc, .bodyExercice table .blanc {
    color: #fff;
}

/*--------- formattage de texte ---------*/
.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.smaller {
    font-size: 0.833em;
}

.underline {
    text-decoration: underline;
}

/*--------- Transformations ---------*/
.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.smallcaps {
    font-variant: small-caps;
}

/* /////////////////////////////////////////////////////////////////////////
							MODELE DE BOITE
///////////////////////////////////////////////////////////////////////// */
/*--------- Positionnements ---------*/
.m-auto {
    margin: 0 auto;
}

/*--------- marges et paddings ---------*/
.margin20 {
    margin: 20px;
}

.padding20 {
    padding: 20px;
}

/*--------- Bordures ---------*/
.no-border {
    border: none;
}

.gray-border {
    border: 1px solid #c3c3c3;
}

.light-gray-border {
    border: 1px solid #E6E6E6;;
}

.gray-border-dotted {
    border: 1px dotted #c3c3c3;
}

.light-blue-border {
    border: 1px solid #cae8f3;
}

/*--------- Background ---------*/
.bg-white {
    background-color: #fff;
}

.tlg-bg-light-blue {
    background-color: #cde8f3;
}

.tlg-bg-blue {
    background-color: #497fa7;
}

.tlg-bg-light-green {
    background-color: #e9f1d8;
}

.tlg-bg-light-red {
    background-color: #fceae8;
}

.tlg-bg-light-gray {
    background-color: #ecedee;
}

.tlg-bg-green {
    background-color: #9ab512;
}

.tlg-bg-red {
    background-color: #df3221;
}

/* /////////////////////////////////////////////////////////////////////////
						  TABLEAUX & LIGNES
///////////////////////////////////////////////////////////////////////// */

/*--------- background ---------*/
.odd {
}

.even {
}

/* /////////////////////////////////////////////////////////////////////////
							FORMULAIRES
///////////////////////////////////////////////////////////////////////// */

/*------------------------------------------
		CHOIX DU TYPE DE PRÉSENTATION DES FORM
	------------------------------------------- */

/*------ commun au deux types de formulaires ------*/
.primary-form {
    padding: 20px;
}

.primary-form input {
    padding: 8px;
}

.primary-form select {
    padding: 3px;
}

.primary-form label {
    display: block;
}

/*--------- formulaire courant  ---------*/
.base-form {
}

.base-form label {
    display: block;
    margin: 0 0 5px;
}

.base-form span.intitule {
    display: inline-block;
    padding-right: 1%;
    line-height: 2;
}

.base-form input, .base-form select {
    padding: 4px;
}

.base-form input[type="submit"] {
    width: auto;
    height: auto;
}

.base-form input[type="checkbox"], .base-form input[type="radio"] {
    margin-right: 2px;
    width: 13px;
    height: 13px;
    border: 0;
}

.base-form select {
    width: auto;
}

.base-form textarea {
    resize: none;
}

.base-form .chk-content label span.intitule, .base-form .rad-content label span.intitule {
    width: auto;
}

/*--------- formulaire label au dessus ---------*/
.block-form {
}

.block-form .label {
    display: block;
    margin: 0 0 1em 0;
}

.block-form input[type="text"], .block-form textarea {
    padding: 10px;
}

.block-form label {
    margin: 10px 0;
}

.block-form span.intitule {
    margin: 0 0 10px 0;
    padding-right: 0;
    text-align: left;
    background: none;
}

.block-form span.intitule, .block-form label, .block-form select, .block-form input[type="text"], .block-form input[type="password"], .block-form textarea {
    display: block;
}

.block-form .chk-content label span.intitule, .block-form .rad-content label span.intitule {
    display: inline-block;
}

/*--------- Boutons de validation  ---------*/
.submit:hover {
    background-color: #c5883d;
}


/*--------- formulaire champs à 100% ---------*/
.fullwidth input[type="text"], .fullwidth textarea {
    width: 98%;
}

/* --------------- fix spécifiques à chrome et safari --------------- */
*:focus {
    outline: none;
}

/* --------------- choose password --------------- */

.form-choose-password {
    padding: 20px;
}

.form-choose-password, .form-choose-password .input-container, .form-choose-password .input-wrapper {
    width: 100%;
}

.form-choose-password .input-container {
    width: 600px;
    margin: 20px 0;
    position: relative;
}

.form-choose-password .input-wrapper {
    text-align: left;
}

.input-wrapper input[type="password"] {
    padding: 8px 5px;
    min-width: 0 !important;
    width: 150px;
    font: 1em Arial, sans-serif;
    margin: 0 0 10px;
    font-size: inherit;
    box-sizing: inherit;
}

.input-label {
    height: 33px;
    min-width: 260px;
    margin-right: 20px;
    padding: 5px 0 0;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;
}

.checked, input.valid, .input-label {
    display: inline-block;
}

.checked {
    width: 25px;
    height: 25px;
    line-height: 24px;
    margin-bottom: -10px;
    padding-left: 9px;
}

/* skinnage des messages d'erreur */
.error .checked, .valid .checked {
    height: 25px;
}

.error-message {
    width: 30%;
    border: 1px dotted red;
    margin: 0 0 10px 0;
    padding: 10px 10px 10px 40px;
    color: red;
    background: url("../../datas/structure/login/invalid.png") 5px center no-repeat;
}

.error .input, #corps .error input[type="password"]:hover {
    border: 1px solid red !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 3px rgba(255, 0, 0, .6);
}

.error .checked {
    padding: 0 0 0 40px;
    color: red;
    background: url("../../datas/structure/login/invalid.png") 5px top no-repeat;
}

.valid .input {
    border: 1px solid green;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 3px rgba(0, 128, 0, .6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 3px rgba(0, 128, 0, .6);
}

.valid .checked {
    background: url("../../datas/structure/login/valid.png") center center no-repeat;
}

/* bouton submit */
.form-choose-password .btn-submit {
    position: absolute;
    right: 154px;
}

/* fix ie */
.form-choose-password .btn-submit {
    width: 100px \9;
    border: none \9;
    height: 24px \9;
}

/*/////////////////////////////////////////////////////////////////////////
						NOS AMIS LES SPRITES
////////////////////////////////////////////////////////////////////////*/

/*--------- sprite slideshow ---------*/
.help-btn {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('../../datas/structure/V8/btn/aide.png')
}

.help-btn:hover {
    background-position: 0 -17px;
}


/*--------- sprite slideshow ---------*/
.slider-btn {
    background-image: url(../../datas/img/sprites/slider/sprite_slideshow.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
}

.slider-btn:active {
    background-color: white;
}

.slideshow-container .next-btn, .slideshow-container .prev-btn {
    top: 50%;
}

.slideshow-container .prev-btn {
    left: 2%;
}

.slideshow-container .next-btn {
    right: 2%;
}

.slideshow-container .first, .slideshow-container .last {
    width: 28px;
    height: 23px;
}

.slideshow-container .prev, .next {
    width: 28px;
    height: 39px;
}

.slideshow-container .first {
    background-position: 0 0;
}

.slideshow-container .first:hover {
    background-position: 0 -60px;
}

.slideshow-container .prev {
    background-position: 0 -113px;
    margin-left: 10px;
}

.slideshow-container .prev:hover {
    background-position: 0 -173px;
}

.slideshow-container .next {
    background-position: -40px -113px;
    margin-right: 10px;
}

.slideshow-container .next:hover {
    background-position: -40px -173px;
}

.slideshow-container .last {
    background-position: -40px 0;
}

.slideshow-container .last:hover {
    background-position: -40px -60px;
}

/* /////////////////////////////////////////////////////////////////////////
			MODULES / PLAYER / SLIDER / TABS / JQUERY UI, ETC.
 ///////////////////////////////////////////////////////////////////////// */

/*-- fonction zoom --*/
.zoomable:hover {
    cursor: pointer;
}

.zoom-box {
    z-index: 10;
    padding: 30px !important;
    border: 1px solid #3ba7de;
    background: #fff;
    color: #3ba7de;
    font-size: 2em;
}

/*-- divers effets réutilisables --*/
.highlight {
    background-color: #ECF2F6 !important;
}

/* fond transparent pour les lightbox notamment */
.overlay {
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=74);
}

/*--------- LIGHTBOX Jquery UI----------- */

.ui-dialog {
    background: #fff;
    color: #000;
    font-size: 1.167em;
}

.ui-dialog .dialog-modal {
    width: 70%;
    margin: 0 auto;
}

.ui-dialog .message-modal {
    margin-top: 40px;
}

.ui-front {
    z-index: 1500;
}

.ui-widget-overlay {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #497FA7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ui-dialog-titlebar {
    border-top: 5px solid #497fa7;
}

.ui-dialog-titlebar-close {
    z-index: 1001;
    position: absolute;
    top: 15px;
    right: 11px;
    width: 24px;
    height: 24px;
    background: url(../../datas/img/sprites/dialog/btn-close.png) 0 0 no-repeat;
    text-indent: -9999px;
}

.ui-dialog-titlebar-close:hover {
    background-position: 0 -24px;
}

.dialog-modal-header .title {
    padding: 10px;
}

.dialog-modal-content {
    padding: 10px 10px 20px 10px;
}

.dialog-modal-footer {
    padding: 0 0 20px;
}

.ui-dialog-buttonpane {
    text-align: center;
    padding: 0 0 20px;
    background-color: #fff;
}

.dialog-modal .primary-button {
    margin: 20px 5px;
    padding: 6px;
}

.dialog-modal .primary-button:hover {
    color: #fff;
}

/*--------- Highcharts (statistiques) ----------- */
.highcharts-wrapper {
    min-width: 400px;
    max-width: 700px;
    height: 400px;
}

/*--------- Fix vertical align ----------- */
.valign-fix {
    display: none;
    width: 1px;
    margin-left: -1px;
}

/* /////////////////////////////////////////////////////////////////////////
							PAGE STUDY NEWS
 ///////////////////////////////////////////////////////////////////////// */

.study-news-page {
    padding: 0 20px 20px;
}

.study-news-page .article-img .img-wrapper {
    z-index: 1;
}

.study-news-page .aide {
    margin-right: 15px;
}

.study-news-page .col-2-3 {
    width: 60%;
    margin: 0 3em 0 0;
    border-right: 1px solid #e6e6e6;
}

.study-news-page .content-header {
    padding: 20px;
    font-size: 2em;
    background: #497fa7;
    text-align: right;
    color: white;
}

/*-- btn-resize image --*/
.study-news-page .btn-resize {
    z-index: 10;
    width: 28px;
    height: 22px;
    background: url(../../datas/img/sprites/misc/asahi-zoom.png) no-repeat;
    top: 10px;
    right: 10px;
}

.study-news-page .btn-resize.smaller {
    background-position: 0 -24px;
}

/*-- article --*/
.study-news-page .article-title {
    font-size: 1.333em;
    color: #3f6594;
    background: none;
}

.study-news-page .article-content-inner {
    margin: 0 3em 0 0;
}

.study-news-page .article-text {
    line-height: 1.6em;
}

.study-news-page .btn-container {
    margin: 20px 0;
}

/*-- infos partenaire --*/
.study-news-page .partner-info p {
    margin: 20px 0 10px 0;
}

.study-news-page .partner-info .partner-copyright {
    margin-bottom: 20px;
}

/*-- Responsabilités --*/
.responsability-disclaimer {
    margin: 0 0 20px 0;
    padding: 0 20px;
}

/*-- listes de news --*/
.study-news-page .accordion {
    border: 1px solid #e6e6e6;
}

.study-news-page .accordion .accordion-header, .study-news-page .accordion .news-list li {
    border-bottom: 1px solid #e6e6e6;
}

.study-news-page .accordion .accordion-header:hover, .study-news-page .accordion .news-list li:hover {
    cursor: pointer;
    background-color: #f8f8f8;
}

.study-news-page .accordion .accordion-header {
    padding: 10px !important;
    margin-top: 0 !important;
    background: #EAEAEA;
    border-bottom: 1px solid #CACACA;
}

.study-news-page .accordion .news-list {
    margin: 0;
    padding: 0;
}

.study-news-page .accordion .news-entry {
    list-style-image: none;
    list-style-type: none;
    padding: 10px;
}

.study-news-page .accordion .news-entry.active {
    background-color: #eaeaea;
}

.study-news-page .accordion .news-entry.active a {
    color: #dd457e;
    font-weight: bold;
}

.study-news-page .sidebar .accordion .ui-state-active {
    background-color: #487fa6;
    color: #fff !important;
}

.study-news-page .accordion .news-date {
    color: #5b5b5b;
}

.study-news-exercise {
    padding: 0 0 20px 0 !important;
}

.study-news-exercise .article-content {
    margin: 0 30px;
}

.study-news-exercise .article-title {
    padding: 0 !important;
}

.study-news-exercise .article-text {
    line-height: 2.2em;
}

/* /////////////////////////////////////////////////////////////////////////
							PAGE DE LOGIN
 ///////////////////////////////////////////////////////////////////////// */
.login-page {
    background-color: #fff;
}


/* /////////////////////////////////////////////////////////////////////////
							    FAQ
 ///////////////////////////////////////////////////////////////////////// */

.faq form input[type="text"], .faq form textarea, .faq form input:hover {
    border: 1px solid #CCC;
}

.faq .h3-like {
    margin: 20px 0;
    font-size: 1.2em;
}

.faq label {
    padding: 0;
    margin: 10px 0;
}

.faq .faq-search input[type="text"] {
    padding: 5px;
}

.faq .no-result {
    margin: 10px 0;
}

.faq .request-answer-text {
    line-height: 1.6em;
}

.faq .customer-service-form {
    padding: 10px;
    border: 1px solid #CCC;
}

.faq .btn-wrapper {
    margin-bottom: 20px;
}

.faq .customer-service-form .message {
    width: 60%;
    height: 150px;
}

.faq .details li {
    list-style: none;
}

/* partie help sur la prise de screenshots */
.faq .help-box {
    border: 1px dashed #ccc;
    margin: 10px 0;
    padding: 10px;
}

.faq .help-box ol li {
    list-style: decimal;
}

.faq .help-box .h3-like {
    margin-top: 0;
}

/* partie de CSS dédié à l'habillage de la partie select */
.uiselector * {
    margin: 0;
    padding: 0;
}

.uiselector {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.uiselector a {
    width: 9px;
    height: 9px;
    background: url(../../datas/structure/skin/skin_olt/arrow.gif) no-repeat center right;
    color: #FFF;
    text-decoration: none;
    padding: 1px 5px;
    margin-left: 8px;
    display: inline-block;
    zoom: 1;
}

.uiselector.active p a {
    background: url(../../datas/structure/skin/skin_olt/arrowOv.gif) no-repeat center right;
}

.uiselector p {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 6px;
}

.uiselector span {
    display: inline;
    width: 9999px;
}

.uiselector ul {
    display: none;
    position: absolute;
    background: #FFF;
    border: 1px solid #CCC;
    border-top: none;
    list-style: none;
    padding: 2px;
    margin-top: -1px;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.uiselector li {
    padding: 4px 2px;
}

.uiselector li:hover {
    background-color: #F5F5F5;;
}


/* /////////////////////////////////////////////////////////////////////////
							PAGE DE DEMO V9
 ///////////////////////////////////////////////////////////////////////// */

.exercises-V9 p {
    padding: 0;
    margin: 0;
}

.exercises-V9 .overlay-wrapper {
}

.exercises-V9 .content {
    margin: 20px;
}

.exercises-V9 .new-exercise-list {
    width: 95%;
}

.exercises-V9 .new-exercise-item {
    margin: 0 40px 40px 0;
    cursor: pointer;
    border: 1px solid #c7c7c7;
}

.exercises-V9 .box-head, .exercises-V9 .box-overlay {
    width: 183px;
}

.exercises-V9 .box-head {
    height: 18px;
    padding: 15px 0;
}

.exercises-V9 .box-content {
    width: 180px;
    height: 117px;
}

.exercises-V9 .table-cell {
}

.exercises-V9 .table-cell span {
    display: block;
    padding: 20px;
}

.exercises-V9 .box-overlay {
    bottom: -200px;
    left: 0;
    background: #000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.exercises-V9 .new-exercise-item:hover .box-overlay {
    bottom: 0;
}


/******************************************************************************************************************************************************************************************************************
******************************************************************************************************************************************************************************************************************
******************************************************************************************************************************************************************************************************************

A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER     A TRIER

******************************************************************************************************************************************************************************************************************
******************************************************************************************************************************************************************************************************************
*******************************************************************************************************************************************************************************************************************/

.zdt, #aideTxt {
    color: #606067;
    padding: 9px;
    margin: 0;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans-serif;
}

.zdt:hover {
    border: 1px solid #606067;
}

.zdt, #research {
    padding: 3px;
}

#aide_responseId .zdt {
    border-color: #91b93e;
    width: 30px;
    color: #91b93e;
}

.disclaimerOptions input.zdt {
    padding: 5px;
}

.r_true, .bodyExercice table .r_true {
    color: #91b93e;
    padding: 0 10px;
}

.bodyExercice table .r_false {
    color: #FFF;
}

.small {
    font-size: 9px
}

.p {
    font-size: 9pt;
}

.p1, .bodyExercice table .p1 {
    font-weight: bold;
}

.p2, .bodyExercice table .p2 {
    list-style-image: url(../../datas/ul_fle.gif);
    color: #df3221;
}

.p3 {
    list-style-image: url(../../datas/ul_fle.gif);
    font-weight: bold;
}

.navig {
    border: #E2E2E2 solid 1px;
    color: #606067;
    padding: 5px;
    margin: 0 5px;
    text-align: center;
    cursor: default;
}

.somPage .navig {
    padding: 5px;
    margin: 12px;
    font-size: 11px;
}

.somPage .navig span {
    margin: 0 6px;
}

.somPage .navig p {
    color: #606067;
    text-align: left;
}

.somPage .navig p img {
    float: left;
    margin: 0 12px;
}

.popper {
    position: absolute;
    display: none;
}

.saut {
    page-break-before: always;
}

#logo_print, .logo_print {
    display: none;
}

.legende {
    color: #606060;
}

.speechTrainer {
    display: block;
    line-height: 35px;
}

.speechTrainer a {
    display: block;
    background: url(../../datas/structure/icons/mediaplayer.png) no-repeat top left;
    padding-left: 50px;
    height: 35px;
}

.speechTrainer a:hover {
    background: url(../../datas/structure/icons/mediaplayer.png) no-repeat bottom left;
}

/* --- conditions titres --- */
#centre h4 {
    margin: 5px 0 0 0;
    padding: 0 0 0 3px;
}

.bodyExercice h1, .bodyOnglets h1 {
    margin-top: 0;
}

.header h1, .bodylanguageTools h1 {
    margin-top: 0;
    padding-top: 15px;
}

.bodyPrint .header h1 {
    padding-top: 0
}

.content h1 {
    width: 90%;
    margin: 10px auto;
    padding: 0;
}

#nav_arbo h2 {
    margin: 5px 0
}

.bodyExercice h2, .bodyOnglets h2, .bodyAccueil h2, .ongletParent h2, .bodylanguageTools h2 {
    padding: 6px;
    margin-top: 0;
}

.bodylanguageTools .corps h2 {
    margin: 15px 0 10px 0;
}

.bodyAccueil .corps h2 {
    margin: 6px 0 12px 0;
    font-size: 1em;
}

.bodylanguageTools h2 {
    margin: 0 0 0 10px;
}

.bodyOnglets table {
    width: 90%;
    margin: 5px auto;
}

.bodyOnglets h4 {
    margin: 0;
}

.bodyExercice h4 {
    margin: 15px 0 0 0;
}

.exerciceContent h3 {
    display: block;
    padding: 10px;
    margin-bottom: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bodyAccueil .ongletContent h3, .bodylanguageTools .ongletContent h3, .bodyPopup h3 {
    background-color: #ecedee;
    border: 1px solid #c3c8cd;
    color: #497fa7;
    padding: 3px;
    margin: 0 0 10px 0;
}

.dictionnaire h2 {
    margin: 10px 0;
    background-color: #ecedee;
    border: 1px solid #c3c8cd;
    color: #497fa7;
    padding: 3px;
}

.exerciceColonne1 h4, .exerciceColonne1 ul {
    margin: 0;
}

.cadreFlash h3 {
    margin: 0;
}

#footer p {
    color: #414b56;
    margin: 10px 20px;
}

/*////////////////////////  balises communes //////////////////*/

.blocV8 {
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    margin: 0 0 10px 0;
    width: auto;
    box-shadow: 2px 2px 4px 0 #cedae8;
}

/* Boxs exercices */
#commentIfWrong, #commentIfGood {
    border: 0;
}

.bodyExercice p.alert2 {
    width: 306px;
    margin: 24px auto 0;
    padding: 20px 12px 12px;
    left: -52px;
}

.bodyExercice .r_false, .bodyExercice .r_true, .bodyExercice .r_false p, .bodyExercice .r_true p {
    width: 306px;
    margin: 20px auto 0;
    padding: 10px;
    color: #FFF;
}

.bodyExercice .r_false,
.bodyExercice .r_false p {
    background: #df3221;
}

.bodyExercice .r_true,
.bodyExercice .r_true p {
    background: #91b93e;
}

#commentIfWrong.r_false,
#commentIfGood.r_true,
#commentIfWrong .tips p {
    background: none;
}

#commentIfWrong .tips {
    width: 306px;
    margin: 0 auto;
    background: none;
    border: 1px solid #dcdcdc;
    /*border-top:0;*/
    padding: 8px;
}

#commentIfWrong .tips p {
    width: auto;
    margin: 0;
}

#bigparag li {
    list-style: none;
}

/* ---- menu gauche ---- */
.ma_formation {
    font-size: 18pt;
    font-weight: 600;
    cursor: default;
    letter-spacing: -0.5pt;
    margin: 0 0 10px 10px;
    padding-top: 10px;
}

/* ---- calendrier ---- */
#calendarSwf {
    line-height: 0;
}

/*#calendar_bottom{padding-bottom:20px;}*/
#calendar, #calendar2 {
    /*position: absolute;*/
    margin-top: 0;
    margin-left: 10px;
    width: 218px;
    padding: 0 7px 5px;
    line-height: 0;
}

#calendar2 {
    width: 206px;
    padding-bottom: 40px;
}

#lecon #calendar2 p {
    width: auto;
}

dd#lecon {
    width: 240px;
    height: 100%; /* permet l'adaptation du contenu à la taille du flash */
    padding: 0 20px 0 25px;
    /*position:relative;*/
}

dd#leconMin {
    height: 240px;
}

dd#leconMin #calendar {
    margin-left: 17px;
    margin-top: 25px;
    padding: 0;
    position: absolute;
    width: 207px;
}

.podcastAccueil {
    position: absolute;
    left: 180px;
    top: 245px
}

/* titre worksheet */
#lecon .titreWS {
    font-size: 11pt;
    text-align: center;
    margin: 5px 28px 5px 18px;
    padding: 5px;
    cursor: default;
    width: 156px;
}

/* nom + mum�ro */
#leconMin .aide, #lecon .aide {
    display: inline-block;
    text-align: right;
    width: 240px;
    right: 22px;
    position: absolute;
    margin-top: 15px
}

#leconMin p, #lecon p {
    padding: 2px 0;
    margin: 0 auto;
    width: 207px;
    line-height: 15px;
    font-size: 10px;
    text-align: center;
}

#leconMin p.name, #lecon p.name {
    clear: both;
    padding: 24px 0 10px;
    height: 20px;
}

#leconMin #num, #lecon #num {
    position: absolute;
    width: 200px;
    padding: 0 20px
}

/* liste le�on 15mn - 30mn -45mn */
#list_lecon {
    margin: 4px 40px 0 35px;
}

#list_lecon li {
    font-size: 11px;
    line-height: 12px;
    list-style-image: none;
    padding-left: 10px
}

#list_lecon li a {
    margin-left: 0;
    display: block;
    width: 100%;
    padding: 2px;
}

.lecon img {
    vertical-align: middle;
    width: 16px;
    height: 19px;
    border: none
}

.lecon img.prof {
    width: 22px;
    height: 16px;
    background: url(../../datas/structure/icons/ico_prof.png) no-repeat 0 0
}


/* ---- menu gauche ---- */
#menu dt {
    cursor: default;
    padding: 5px 0 0 10px;
    height: 28px;
    line-height: 21px;
    font-weight: 600;
    font-size: 11pt;
}

#menu dt.autres {
    padding: 0;
    height: 33px;
    line-height: 20px;
    font-weight: 600;
    font-size: 11pt;
    border-top: none;
}

#menu dt.autres a {
    padding: 5px 0 5px 0;
    text-indent: 20px;
    text-decoration: none;
    display: block;
    border: 0 none;
    width: 100%;
}

#lecon h2, #list_exerc h2 {
    font-size: 16px;
}

dl#menu dd {
    margin: 0;
    padding: 0;
}

/* list theme exercices */
#list_exerc ul, #lecon ul {
    margin: 0;
    padding: 5px 0 5px 0;
}

#lecon ul {
    margin-bottom: 20px
}

#list_exerc li, #lecon li, #divers li {
    padding: 0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

#list_exerc li a, #lecon li a, #divers li a {
    padding: 5px 0 5px 0;
    text-indent: 20px;
    text-decoration: none;
    display: block;
    border: 0 none;
    width: 100%;
}

#list_exerc li a img, #lecon li a img, #divers li a img {
    padding: 5px 0 5px 0;
    text-indent: 20px;
    text-decoration: none;
    display: block;
    border: 0 none;
    width: 100%;
}

#list_exerc li .on, #lecon li .on, #divers li .on {
    text-indent: 25px;
}

/* transparence menu */
#list_exerc li a:hover, #divers li a:hover, #list_lecon li a:hover {
    z-index: 1
}

/* barre de r�sultats */
.result {
    position: absolute;
    font-size: 9px;
    right: 0;
    margin: -18px 5px 0 0;
}

.result img {
    height: 5px;
    width: 25px;
    border: 1px solid #414B56;
    background: #ffffff url(../../datas/structure/bar.gif) no-repeat;
}

.result2 {
    font-size: 9px;
    margin: -18px 5px 0 0;
}

.result2 img {
    height: 5px;
    width: 100px;
    border: 1px solid #414B56;
    background: #ffffff url(../../datas/structure/listes/progress2.gif) no-repeat;
}

.arrowL, .arrowR {
    width: 25px;
    height: 28px;
    border: none
}

.arrowL img, .arrowR img {
    width: 25px;
    height: 28px;
    border: none
}

/* --- Tableaux --- */
.t_bul {
    border: 1px solid #000000;
    background: #CDD6A7 url(../../datas/m_bul.gif) repeat-x top;
}

.t_contour {
    border: 1px solid #E2E2E2;
    padding: 5px;
}

.t_center {
    width: 80%;
    margin: 10px auto;
}

a img.t_contour:hover {
    border: 1px solid #df3221;
}

.t_gris {
    border: #bcc1c7 1px solid;
    padding: 5px;
    background: #ddd;
}

.log .t_gris {
    margin: 20px auto;
    padding: 10px;
}

.t_galerie {
    border: #bcc1c7 1px solid;
    padding: 0;
    background: #ffffff url(../../datas/structure/listes/t_gris.gif) repeat-x bottom;
}

.t_galerie em {
    float: right;
    font-size: smaller;
}

table.t_noBorder td {
    background: none;
    border: 0;
}

table.t_border td {
    border: 1px solid #E2E2E2
}

table.t_noBorder td p {
    margin: 0 3px;
}

.greyBox {
    background: url(../../datas/structure/t_gris.gif) repeat-x bottom;
    border: #eeeeee 1px solid;
    padding: 3px;
    margin: 0;
    cursor: default;
}

.greyBox:hover {
    border: #c3c8cd 1px solid;
}

.support {
    text-align: justify;
}

.panier a img {
    border: none;
    float: right;
}

.panier {
    height: 30px;
    width: 230px
}

.encart_module {
    border: 1px solid #E2E2E2;
    padding: 10px;
}

.encart_module:hover {
    border-color: #414b56;
}

.encart_module img {
    float: left;
    border: none;
    padding: 0 0 10px 0
}

.encart_module p {
    color: #414b56;
    text-align: justify;
}


/* -- Warning -- */
.alert {
    width: 306px;
    font-weight: bold;
    margin: 0 auto;
    color: #FFF;
    background: #df3221;
    text-align: center;
    padding: 2px
}

.alert2 {
    background: url(../../datas/structure/listes/warning_on.png) no-repeat left center;
    margin: 5px auto;
    width: 80%;
    padding: 14px 2px 0 45px;
    color: #df3221;
    min-height: 35px;
}

.alert2 p {
    margin-top: 5px;
}

.note {
    max-width: 90%;
    margin: 10px 5% 10px 5%;
    background: url(../../datas/structure/listes/warning_on.png) no-repeat 5px 2px #fce0d5;
    border: 1px solid #f79879;
    min-height: 18px
}

p.note {
    padding: 8px 20px 8px 45px;
    display: block;
    color: #df3221;
    min-height: 20px
}

.note p {
    padding: 0 20px 0 45px;
    display: block;
    color: #df3221;
    height: 25px;
    margin: 8px 0 0 0
}

.tdmarge {
    padding: 5px 10px 5px 10px;
}

.marge {
    padding-left: 10px;
    padding-right: 10px;
}

.noint {
    margin-bottom: 2px;
    margin-top: 2px;
}

.copy {
    font-size: 10pt;
    color: #00267F;
    font-weight: bold;
}

.intro {
    color: #414b56;
    margin: 5px 10px
}

hr {
    clear: both;
    border: #dcdcdc 1px solid;
}

legend {
    font-size: 9pt;
    color: #999;
    font-weight: 600
}

.ModulFlash legend {
    white-space: normal;
}

fieldset {
    border: #CCCCCC 1px solid;
    margin: 0 0 5px 0;
    padding: 5px;
}

fieldset:hover {
    border-color: #414b56;
}

label {
    padding: 0 5px
}

input {
    border: 1px solid #ecedee;
}

input {
    border: 1px solid #ecedee;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #414b56;
    border: 1px solid #ecedee;
}

input:hover {
    border: 1px solid #414b56;
}

input[type=checkbox] {
    border: none
}

input[type=radio] {
    border: none
}

form {
    margin: 0;
    padding: 0
}

.word {
    border: 1px solid Black;
    height: 15px;
    font-size: 10px;
}

.doigt {
    cursor: pointer;
}

.stop {
    cursor: not-allowed;
}

.tips {
    margin: 10px 12px;
    background: url(../../datas/structure/V8/tip.png) no-repeat 5px 3px #fff3e6;
    border: 1px solid #fee7cd;
    min-height: 35px;
    text-transform: none;
}

p.tips {
    padding: 8px 20px 8px 40px;
    display: inherit;
}

.tips p {
    padding: 0 0 0 40px;
    margin: 2px
}

.tips h3 {
    padding: 10px 0 0 40px;
    color: #fa8804
}

.somPage .tips ul.list {
    border: none;
}

.somPage .tips ul.list li, .tips li {
    margin-left: 40px
}

.somPage .tips ul.list li {
    border: none;
    margin: 0;
}

.tips a {
    text-decoration: none;
}

.tips #commentSon {
    margin: 0 0 0 40px
}

.tips #commentSon .transcript {
    margin: 0;
    padding: 2px
}

.tips #commentSon .transcript p {
    color: #414b56;
    font-size: 10px;
    padding: 0;
    text-align: center;
}

.tips #commentSon .transcript p a {
    text-transform: none;
    font-size: 10px
}


/* bouton aide */
.aide a {
    border: 0 none;
    text-decoration: none;
    float: right;
    height: 16px;
    width: 18px
}

.aide a img {
    border: none;
    height: 16px;
    width: 18px;
}

.aide a:hover img {
    border: none;
}

.aide a:hover {
    background-position: 0 -17px;
    border: 0 none;
}

.aideVideo a {
    border: 0 none;
    text-decoration: none;
    float: left;
    padding-right: 10px;
    height: 25px;
    margin-top: -5px;
    background: url(../../datas/structure/skin/default/buttons/demoVideo.png) no-repeat 0 0;
}

.aideVideo a img {
    border: none;
    height: 25px;
    width: 24px;
}

.aideVideo a:hover img {
    border: none;
}

.aideVideo a:hover {
    background-position: 0 -25px;
    border: 0 none;
}

.aideBulle {
    border: 1px solid #819b6c;
    background: #cce4b9;
    width: 130px;
    padding: 2px;
    margin: 0 15px 15px 0;
}

.aideBulle a {
    font-size: 10pt;
    color: #fff;
    display: block;
    text-align: center;
    padding: 5px;
    margin: 0;
    text-decoration: none;
    background: #e88224;
}

.aideBulle a:hover {
    background: #91b93e;
}

/* mention */
.warning a {
    background: url(../../datas/structure/warning.png) no-repeat 0 0;
    border: 0 none;
    text-decoration: none;
    float: right;
    height: 16px;
    width: 18px;
    display: inline-block;
}

.warning a img {
    border: none;
    height: 16px;
    width: 18px
}

.warning a:hover img {
    border: none;
}

.warning a:hover {
    background-position: 0 -17px;
    border: 0 none;
}

.chargement {
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
    font-variant: small-caps;
}

.Modul .chargement img, .ModulFlash .chargement img, .chargement img {
    height: auto;
    width: auto;
    border: none;
    float: none;
}

img.img-loading {
    background: url(../../datas/loading.gif) no-repeat left center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 0;
}

img.img-load {
    background: url(../../datas/load.gif) no-repeat left center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border: 0;
}

img.img-loading-lesson {
    background: url(../../datas/freeFlashLesson/loading.gif) no-repeat left center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border: 0;
}

img.img-loading:hover, img.img-load:hover, img.img-loading-lesson:hover {
    border: 0;
}

/* EXERCICES */
#divLab {
    width: 300px;
    margin: 0 auto;
}

.intitule {
    padding: 3%;
    margin: 1% 5%;
    font-size: 11pt;
    text-align: center;
}

#ChronoBarre {
    background: url(../../datas/structure/vide.gif) repeat-x;
    height: 18px;
}

.vrai, .faux {
    display: block;
    margin: 5px;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: default;
    color: #FFF;
}

.vrai {
    background: #91b93e
}

.faux {
    background: #df3221;
}

.bodyExercice blockquote .prop, .exerciceImage .prop, .exercice2Colonnes .prop, .prop {
    cursor: default;
    margin: 5px 30px 0 49%;
    padding-top: 5px;
    clear: left;
}

.exerciceImage .prop, .exercice2Colonnes .prop {
    clear: none
}

.prop img, .setBioMouse p.prop img {
    cursor: pointer;
    padding: 0 5px;
    vertical-align: middle;
}

.mot {
    font-size: 12pt;
    font-weight: bold;
    color: #497fa7;
    text-align: center;
    border: #497fa7 1px solid;
    padding: 5px;
}

.pastis {
    cursor: default;
    padding: 0;
    margin: 2px;
    height: 35px;
    width: auto;
    min-width: 300px;
    position: relative;
    z-index: 100;
}

.pastis-img {
    z-index: 50;
    position: relative
}

.pastis img {
    vertical-align: middle;
    padding: 0;
    margin: 0
}

.pastis p {
    background-color: #dcdcdc;
    font-weight: bold;
    color: #497fa7;
    margin: 0;
    padding: 14px;
    white-space: nowrap;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    border-radius: 3px;
}

.pastis p.red {
    background-color: #df3221;
    border: 0;
    color: #FFF;
    white-space: nowrap;
}

.pastisspan {
    vertical-align: middle;
}

.pastis a.hp img {
    background: url(../../datas/structure/V8/spry_icoTools.png) no-repeat 0 -35px;
    height: 26px;
    width: 26px;
}

.pastis a.hp img.ov {
    background: url(../../datas/structure/V8/spry_icoTools.png) no-repeat -36px -35px;
}

.pastis a.flash-trainer img.ov {
    background: url(../../datas/structure/V8/spry_icoTools.png) no-repeat -36px 0;
}

.pastis a.flash-trainer img {
    background: url(../../datas/structure/V8/spry_icoTools.png) no-repeat 0 0;
    height: 26px;
    width: 26px;
    margin: 0 12px;
}

#zoneDeTravail {
    margin-bottom: 40px;
}

#zoneDeTravail.center {
    width: 906px;
    margin: 0 auto;
}

table.tableAppar {
    width: 95%;
    margin: 24px auto 0;
}

.tableAppar td {
    width: 50%;
    vertical-align: top;
}

table.tableAppar td p,
table.tableAppar td p.t_gris {
    text-align: right;
    padding: 10px;
    color: #FFF;
    background: #497fa7;
    margin-bottom: 15px;
}

table.tableAppar td.t_contour {
    border: 0;
}

table.tableAppar td.t_contour p {
    background: none;
    padding: 0;
}

table.tableAppar td div.reception {
    height: 35px;
    margin-top: 3px;
    background: #FFF;
    border: 1px dotted #497fa7;
}

table.tableAppar td div.hover {
    background: #62aac5;
}

table.tableAppar td div.Adrag2 {
    height: 14px;
    margin: 3px 0 0;
    padding: 10px;
    text-align: left;
}

table.tableAppar p.reponse {
    margin-bottom: 0;
    text-align: left;
}

.drag {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0
}

.tddrag {
    color: #00267f;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    cursor: move;
    padding: 2px;

}

.tddrag:hover {
    color: #ffffff;
}

.Adrag a {
    color: #497fa7;
    padding: 2px;
    font-size: 9pt;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    margin: 0;
    text-align: center;
    display: block;
}

.Adrag2 {
    font-size: 9pt;
    border: 1px dotted #497fa7;
    color: #497fa7;
    text-align: center;
    margin: 6px;
    width: 100px;
}

.Adrag a:hover {
    background-color: #497fa7;
    border: 1px solid #497fa7;
    color: #FFF;
    cursor: move;

}

.Adrag a:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #497fa7;
}

.exerciceTableau .hover {
    background: #62aac5;
}

.reception {
    font-size: 9pt;
    border: 1px dotted #df3221;
    color: #df3221;
    text-align: center;
}

.hover {
    background-color: #62aac5;
}

.exerciceTableau {
    width: 95%;
    margin: 5px auto 14px;
}

.exerciceOrdre li {
    width: 720px;
    margin: 0 auto;
    display: block;
    clear: both;
    list-style: none;
    background: none;
}

.exerciceOrdre li span {
    float: left;
}

#news .expre {
    border: #00267f 1px solid;
    color: #00267f;
    background-color: #fff
}

#news .exprBad {
    border: #df3221 1px solid;
    color: #df3221;
    background-color: #fff1f6;
}

#news .exprGood {
    border: 1px solid #91b93e;
    background: #E8FFDF;
    color: #91b93e;
}

#news .expre, #news .exprBad, #news .exprGood {
    text-align: center;
    padding: 5px;
    margin: 2px 2px 5px 2px;
}

.noprint {
    display: block;
}

.noscreen, .print {
    display: none;
}

/* HOME */
.info-bar {
    width: 95.9%;
    margin: 20px 10px 0 10px;
    background: #497fa7;
    color: #FFF;
    padding: 10px;
}

.info-bar .info-date {
    top: 10px;
    right: 10px;
}

.info-bar a, .info-bar a:hover {
    color: #FFF;
}

.info-bar a {
    text-decoration: underline;
}

/* STAT.JSP */
body#stat-exo {
    background: #497fa7;
    margin: 0;
}

body#stat-exo p {
    color: #FFF;
    margin-top: 7px;
}

body#stat-exo p.stat {
    margin-left: 8px;
}

body#stat-exo p.stat a {
    background: url(../../datas/structure/V8/light.gif) no-repeat 4px 2px #FFF;
    padding: 2px 8px 2px 18px;
    text-decoration: underline;
    border-radius: 3px;
}

body#stat-exo p.stat a:hover {
    text-decoration: none;
}

body#stat-exo #stop-exo,
body#stat-exo #stop-exo img {
    width: 58px;
    height: 19px;
    display: block;
    margin-bottom: 5px;
    border-radius: 3px;
}

body#stat-exo #stop-exo {
    background: url(../../datas/structure/V8/listes/stop_ov.gif) no-repeat 0 0;
}

body#stat-exo #stop-exo img {
    opacity: 1;
    transition: opacity 0.1s linear;
}

body#stat-exo #stop-exo:hover img {
    opacity: 0;
    transition: opacity 0.3s linear;
}

/* Learning News */

#podConteneur #loader {
    display: none;
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .8);
}

#learningNews ul, #learningNews li, #learningNews .box {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

#learningNews {
    width: auto;
    display: block;
    margin: 0 0 0 -1px;
    padding: 0;
    min-width: 646px;
    border: none;
    background: none;
    /*margin-left: 33%;*/
}

#learningNews .learning_Titre {
    background: #FFF;
    margin: 0;
    text-align: left;
    width: auto;
    padding: 12px;
    border-bottom: none;
}

#learningNews .learning_Titre span.learningTitre {
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    display: block;
    height: 16px;
    font-size: 16px;
}

#learningNews .learning_Titre span.legend {
    padding: 0;
    float: right;
    margin: -13px 0 0;
    font-size: 11px;
    font-weight: normal;
}

#learningNews fieldset {
    margin: 10px;
}

.bodyWindows #slider, .exerciceContent, #texteEx {
    border: 0;
    background-color: #FFF;
    box-shadow: 2px 2px 4px 0 #cedae8;
}

.exerciceColonne1 .exerciceContent {
    margin: 0;
}

.exerciceColonne1 .exerciceContent ul.list {
    padding: 0 12px 12px 12px;
    margin: 0;
    border: none;
}

#learningNews div.box {
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: top center;
    border: 1px solid #dcdcdc;
    border-top: none;
    margin: 0 6px 12px 6px;
    overflow: hidden;
    width: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #606067;
}

#learningNews div.box *, #learningNews div.box {
    transition: color 1s, background-color 1s;
    -moz-transition: color 1s, background-color 1s;
    -webkit-transition: color 1s, background-color 1s;
    -o-transition: color 1s, background-color 1s;
    z-index: 5;
}

#learningNews div.box:hover *, #learningNews div.box:hover {
    transition: color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940), background-color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940), background-color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-transition: color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940), background-color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940), background-color .4s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#learningNews div.box.hasBackgroundImg h2 {
    background-color: #FFF;
}

#learningNews div.box.selected .red h2 {
    background-color: #df3221;
}

#learningNews div.box.selected .blue h2 {
    background-color: #3ba7de;
}

#learningNews div.box.selected .cyan h2 {
    background-color: #52c0cd;
}

#learningNews div.box.selected .green h2 {
    background-color: #91b93e;
}

#learningNews div.box.selected .yellow h2 {
    background-color: #f7ad00;
}

#learningNews div.box.selected .orange h2 {
    background-color: #e88224;
}

/*SPECIFICATIONS LEARNINGNEWS*/
#learningNews div.history {
    background-image: url(../../datas/structure/V8/contents/historyNB.jpg);
    background-position: center center;
}

#learningNews div.selected.history {
    background-color: #497ac6;
    background-image: url(../../datas/structure/V8/contents/history.jpg);
}

#learningNews div.newspaper {
    background-image: url(../../datas/structure/V8/contents/newspaperNB.jpg);
}

#learningNews div.selected.newspaper {
    background-image: url(../../datas/structure/V8/contents/newspaper.jpg);
}

#learningNews div.games {
    background-image: url(../../datas/structure/V8/contents/gamesNB.jpg);
}

#learningNews div.selected.games {
    background-image: url(../../datas/structure/V8/contents/games.jpg);
}

#learningNews div.story {
    background-image: url(../../datas/structure/V8/contents/storyNB.jpg);
}

#learningNews div.selected.story {
    background-image: url(../../datas/structure/V8/contents/story.jpg);
}

#learningNews div.quote .content {
    background-image: url('../../datas/structure/V8/contents/quote_rightNB.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    margin: 12px;
    height: auto;
}

#learningNews div.quote .content p {
    background-image: url('../../datas/structure/V8/contents/quote_leftNB.png');
    background-position: top left;
    background-repeat: no-repeat;
    padding: 24px 36px;
}

#learningNews div.box blockquote.paddingBlock {
    padding: 5px 5px 25px 5px;
}

#learningNews div.box blockquote li {
    font-size: 12px;
    color: #666;
}

#learningNews div.box:hover, #learningNews div.box.selected {
    box-shadow: 2px 2px 4px 0 #b3c6db;
    border-bottom-color: #b3c6db;
    border-right-color: #b3c6db;
}

#learningNews .box {
    position: relative;
}

#learningNews div.box .podLink {
    cursor: pointer;
}

#learningNews div.box div.podLink.red {
    border-top: 5px solid #df3221;
}

#learningNews div.box div.podLink.green {
    border-top: 5px solid #91b93e;
}

#learningNews div.box div.podLink.yellow {
    border-top: 5px solid #f7ad00;
}

#learningNews div.box div.podLink.orange {
    border-top: 5px solid #e88224;
}

#learningNews div.box div.podLink.blue {
    border-top: 5px solid #3ba7de;
}

#learningNews div.box div.podLink.cyan {
    border-top: 5px solid #52c0cd;
}

#learningNews .box.dragging {
    opacity: 0.3;
}

#learningNews div.box h3, #learningNews div.box .corner {
    position: absolute;
    bottom: 12px;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

#learningNews div.box h3 a, #learningNews div.box h3 span {
    padding: 0 12px;
    font-size: 16px;
    text-decoration: none;
    display: block;
}

#learningNews div.box .podDetail h4 {
    position: inherit;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 6px;
}

#learningNews div.box .podDetail h4 a {
    color: #FFF;
}

#learningNews div.box .podDetail .bouton {
    margin: 6px;
}

#learningNews div.box p {
    color: #797979;
    padding: 0;
    margin: 0;
}

#learningNews div.box p.alignCenter {
    text-align: center;
}

#learningNews div.box img {
    /*padding:2px;*/
    /*border:1px solid #b8c3d6;*/
    text-align: center;
}

#learningNews div.box .image {
    text-align: center;
}

#learningNews h2 {
    /*color: #FFF;*/
    font-size: 14px;
    font-weight: bold;
    display: block;
    /*background-color:#e8e8e8;*/
    padding: 5px 10px 10px 10px;
    margin: 0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    min-height: 17px;
}


#learningNews .titrePod {
    display: inline-block;
    font-weight: normal;
    width: 415px;
}

#learningNews h2 span.btn {
    display: none;
    height: 17px;
    vertical-align: top;
}

#learningNews p {
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    /*color: #606060;*/
    text-align: justify
}

#learningNews div.box * {
    color: #606067;
}

#learningNews div.box:hover h2 *, #learningNews div.box.selected h2 * {
    color: #FFF;
}

#learningNews div.box .bouton {
    color: #FFF;
}

#learningNews div.box .slide {
    display: block;
    height: 140px;
    overflow: hidden;
    position: relative;
}

#learningNews div.box .slide * {
    padding: 0;
    margin: 0;
    border: none;
    /*color:#FFF;*/
}

#learningNews div.box .slide div {
    position: absolute;
    z-index: 5;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
}

#learningNews div.box .slide div.image {
    text-align: center;
}

#learningNews div.box .slide div.texte p, #learningNews div.box .content div.texte p, #learningNews div.box .slide div.texte h4, #learningNews div.box .slide div.texte ul {
    padding: 6px 12px;
    list-style: none;
}

#learningNews div.box .content div.texte {
    padding-top: 24px;
    text-align: center;
}

#learningNews div.box .content div.texte p {
    text-align: center;
}

#learningNews div.box .content div.dialog p {
    padding: 12px 12px 6px 12px;
    text-align: left;
}

#learningNews div.box .slide div.texte li {
    list-style: none;
}

#learningNews div.box .slide a {
    text-decoration: underline;
}

#learningNews div.box .slide a:hover {
    text-decoration: none;
}

#learningNews div.box .podDetail {
    cursor: pointer;
    position: absolute;
    z-index: 7;
    width: 100%;
    bottom: -30px;
    font-size: 12px;
    text-decoration: none;
    padding: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, .8);
}

#learningNews div.box .podDetail *, #learningNews div.box .podDetail .biomouse p {
    cursor: pointer;
}

#learningNews div.box .podDetail .innerText {
    padding: 12px;
}

#learningNews div.box .podDetail * {
    color: #FFF;
}

#learningNews div.box .podDetail h3 {
    position: relative;
    bottom: auto;
    text-align: left;
    color: #FFF;
    padding: 0;
    margin-bottom: 6px;
}

#learningNews div.box .podDetail h3 a {
    font-size: 14px;
    color: #FFF;
}

#learningNews div.box .podDetail p {
    color: #FFF;
    padding: 0;
}

#learningNews div.box .podDetail h3 a {
    padding: 0;
}

#learningNews .btn_move, #learningNews .btn_smaller, #learningNews .btn_bigger, #learningNews .btn_aide {
    background-image: url(../../datas/structure/V8/pod_btn.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999999px;
    float: right;
    margin-left: 2px;
}

#learningNews .box.btnreverse .btn_move, #learningNews .box.btnreverse .btn_smaller, #learningNews .box.btnreverse .btn_bigger, #learningNews .box.btnreverse .btn_aide {
    background-image: url(../../datas/structure/V8/pod_btn_reverse.png);
}

#learningNews .btn_aide {
    cursor: help;
    background-position: 0 0;
}

#learningNews div.box:hover .btn_aide, #learningNews div.box.selected .btn_aide {
    background-position: 0 0;
}

#learningNews div.box:hover .btn_aide:hover {
    background-position: 0 0;
}

#learningNews .btn_smaller {
    background-position: -32px 0;
}

#learningNews div.box:hover .btn_smaller, #learningNews div.box.selected .btn_smaller {
    background-position: -32px 0;
}

#learningNews div.box:hover .btn_smaller:hover {
    background-position: -32px 0;
}

#learningNews .btn_bigger {
    background-position: -48px 0;
}

#learningNews div.box:hover .btn_bigger, #learningNews div.box.selected .btn_bigger {
    background-position: -48px 0;
}

#learningNews div.box:hover .btn_bigger:hover {
    background-position: -48px 0;
}

#learningNews .btn_move {
    background-position: -16px 0;
    cursor: move;
}

#learningNews div.box:hover .btn_move, #learningNews div.box.selected .btn_move {
    background-position: -16px 0;
}

#learningNews div.box:hover .btn_move:hover {
    background-position: -16px 0;
}

/*#learningNews div.box:hover .btn_more{display:inline-block;}*/
#learningNews div.box .quote_left {
    display: inline-block;
    background: url(../../datas/structure/accueil/btn.png) no-repeat -213px -10px;
    width: 11px;
    height: 15px;
}

#learningNews div.box .quote_right {
    display: inline-block;
    background: url(../../datas/structure/accueil/btn.png) no-repeat -224px -5px;
    width: 11px;
    height: 15px;
    margin: 0 1px;
}

#learningNews a.learningGames {
    background: url(../../datas/structure/learningGames.jpg) no-repeat center;
    height: 105px;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 100%;
}

#learningNews .colonne {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    min-height: 500px;
}


#learningNews .widget-placeholder {
    border: 1px dashed #D8D8D8;
    min-height: 37px;
    margin: 0 6px 11px 6px
}

#learningNews .box div.aide {
    background: #606067;
    color: #FFF;
    position: absolute;
    left: 0;
    height: 100%;
    top: 25px;
    z-index: 10;
    display: none;
    opacity: 0;
    margin-top: 50px;
}

#learningNews .box div.aide p {
    color: #FFF;
    padding: 10px;
}

/* ticker */
#learningNews #ticker {

    margin: 6px 0;
    padding: 0;
}

#learningNews #ticker h4 {
    color: #FFF;
    padding: 6px;
}

#learningNews #tickerContainer {
    background: #f85a4b;
    overflow: hidden;
    height: 80px;
    margin: 12px 0;
    padding: 6px;
}

#learningNews #tickerList li {
    border-bottom: 1px solid #f96e61;
    padding-bottom: 6px;
}

#learningNews #tickerList li span {
    display: block;
    margin: 6px 0 3px;
    color: #FFF;
}

#learningNews #tickerList a {
    color: #FFF;
    text-decoration: underline;
}

#learningNews #tickerList a:hover {
    text-decoration: none;
}

#learningNews #podConteneur div.box.highlight h2 {
    transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    background-color: #497FA7;
}

#learningNews #podConteneur div.box.highlight a, #learningNews #podConteneur div.box.highlight p, #learningNews #podConteneur div.box.highlight span {
    transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    color: #497FA7;
}

#learningNews #podConteneur div.box.highlight h2 span {
    transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .4s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    color: #FFF;
}

#learningNews #podConteneur .btn .btn_aide.highlight {
    background-image: url(../../datas/structure/V8/pod_btn_reverse.png);
}


/* LEARNING NEWS END */
#name {
    padding-left: 5px
}

#date {
    padding-right: 5px;
    text-align: right;
}

#news {
    padding: 0 0 10px 0;
}

.outils {
    width: 300px;
    margin: 5px auto;
    height: 33px;
}

.outils ul, .outils ul li {
    list-style-type: none;
    list-style-image: none;
}

.outils ul li {
    float: left;
    width: 60px;
    height: 33px;
}

.outils ul li a {
    width: 60px;
    height: 33px;
}

.outils ul li a img {
    width: 60px;
    height: 33px;
}

#flashcontent.highlight {
    background: url(../../datas/structure/commons/deg.gif) repeat-x bottom;
}

#keyboard table.key {
    width: 210px
}

#keyboard table.clavier {
    width: 150px
}

#keyboard table, #keyboard td {
    padding: 0;
    margin: 0
}

#keyboard td p {
    margin: 2px;
    text-align: center;
}

#keyboard td .t_gris {
    width: 50px;
    background-color: #fff;
    background-position: top;
}

#keyboard td .minibutton a {
    padding: 1px 2px;
    margin: 1px;
    width: 15px;
    text-align: center
}

#frameHolder .minibutton a {
    padding: 1px 3px;
    margin: 2px
}

#frameHolder .minibutton, #frameHolder.t_gris {
    padding: 2px;
    margin: 0
}

#frameHolder {
    background: #FFF;
    border: 1px solid #497fa7;
    box-shadow: 0 0 5px #497fa7;
    height: 84px;
    width: 242px;
    padding: 5px;
}

#frameHolder div.button_r {
    float: right;
    margin-top: -2px;
    margin-right: -2px;
}

#frameHolder div.button_r img {
    background: none;
    border: none;
    margin-top: -4px;
}

#conteneur #frameHolder h5 {
    margin: -2px 0 10px 0;
    float: left;
    clear: both;
}

.optionMot span {
    color: #df3221;
    font-size: 13px;
    font-weight: bold;
}

.optionMot b:hover {
    cursor: pointer;
    color: #df3221;
}


.setBioMouse p, .setBioMouse p *, .setBioMouse h2, .setBioMouse h1, .setBioMouse h3, .setBioMouse h4, .setBioMouse blockquote, .setBioMouse li {
    cursor: text;
}

::-moz-selection {
    color: #FFFFFF;
    background: #497fa7;
}

::selection {
    color: #FFFFFF;
    background: #497fa7;
}

.setBioMouse *::selection {
    color: #FFFFFF;
    background: #df3221;
}

.setBioMouse *::-moz-selection {
    color: #FFFFFF;
    background: #df3221;
}

#optionMot4 *::selection {
    background: none;
}

#optionMot4 *::-moz-selection {
    background: none;
}

.optionMot {
    display: none;
    margin-top: 20px;
    padding: 10px;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    position: absolute;
}

#optionMot4 {
    background: #dcdcdc;
}

#optionMot4 img {
    width: 43px;
    margin-top: 50px;
}

#optionMot4 p {
    padding: 5px 0 0 50px;
    margin-top: 7px;
    text-align: center;
    min-height: 35px;
}

#optionMot4 #selectedTrad {
    background-repeat: no-repeat;
    font-size: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #bfbfc0;
    color: #df3221;
}

#optionMot4 #selectedText {
    background-repeat: no-repeat;
    font-size: 10px;
    color: #497fa7;
    height: 20px;
}

.optionMot iframe {
    border: none;
    width: 100%;
    height: 100%;
}

#optionMot1, #optionMot2, #optionMot3 {
    left: 300px;
    top: 10%;
    margin: 0 auto;
}

#optionMot1 {
    width: 60%;
    height: 320px;
    margin: 0;
    padding: 10px;
}

#optionMot2 {
    width: 643px;
    height: 483px;
    padding: 0;
    margin: 0 auto;
}

#optionMot3 {
    height: auto;
    width: 50%;
}

#iframeBiomouseDico {
    height: 350px;
}

.commentProf, .commentProf {
    top: 10px;
    right: 10px;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: default;
    padding: 2px;
    margin: 0
}

.commentProf b a {
    right: 5px;
    text-decoration: none;
    position: absolute;
    font-size: 10pt
}

.commentProf .button2 {
    margin-top: 20px
}

.flash_adobepresenter {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #df3221;
}

.flash_adobepresenter * {
    width: 100%;
    height: 100%;
}

/* Les MODULES */
/* Module avec : titre - description - Image - signature */
.ModulContent {
    clear: both;
    padding-top: 5px
}

.ModulContent ul {
    list-style: none;
    padding: 0;
    clear: both;
    margin-top: 5px
}

.ModulContent p {
    cursor: default;
}

.ModulContent li {
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.ItemDate {
    float: right;
    margin: 0 0 2px 5px;
    text-transform: uppercase;
}

/* ticker de news */
.marquee {
    height: 70px;
    cursor: default
}

.marquee ul li {
    font-size: 11px;
    padding: 0 0 10px 30px;
}

/* version normal */
.Modul {
    margin: 12px;
}

.Modul h1 {
    font-size: 1.5em;
    line-height: 1.0em;
    font-style: normal;
    border-bottom: none;
    margin: 5px 0
}

.Modul .auteur {
    text-align: right;
    margin: 5px;
}

.Modul .auteur a {
    text-decoration: none;
    border: #E0E0E0 1px solid;
    padding: 5px;
    display: block;
    text-align: center;
    margin: 12px 0;
}

.Modul .auteur a:hover {
    border-color: #62AAC5
}

.Modul .auteur a img {
    vertical-align: text-top;
    width: auto;
    height: auto;
    border: none;
    float: none;
}

.Modul .auteur a:hover img {
    border: none
}

.Modul .ModulButton img {
    vertical-align: text-top;
    width: auto;
    height: auto;
    border: none;
    margin: 0
}

.Modul .ModulButton a:hover img {
    border: none
}

.Modul .Serialcheck, .Modul .SerialcheckOn {
    margin: 10px
}

.Modul .Serialcheck a, .Modul .SerialcheckOn a {
    text-decoration: none;
    color: #000
}

.Modul .Serialcheck a img, .Modul .SerialcheckOn a img {
    width: 16px;
    height: 16px;
    float: none;
}

.Modul .Serialcheck a img {
    background: url(../../datas/structure/commons/check.png) no-repeat
}

.Modul .Serialcheck a:hover img {
    background: url(../../datas/structure/commons/check_ov.png) no-repeat
}

.Modul .SerialcheckOn a img {
    background: url(../../datas/structure/commons/checkOn.png) no-repeat
}

.Modul .SerialcheckOn a:hover img {
    background: url(../../datas/structure/commons/checkOn_ov.png) no-repeat
}

/* check sans hover */
.checkOff {
    background: url(../../datas/structure/skin/default/buttons/check.png) no-repeat 0 0
}

.checkOn {
    background: url(../../datas/structure/skin/default/buttons/check.png) no-repeat 0 -38px
}

/* check avec hover sur lien */
a.checkOn, a.checkOff {
    padding-left: 25px;
    text-decoration: none;
}


.ModulFlash img, .Modul img {
    float: left;
    margin: 0 5px 0 0;
    width: 100px;
    border: #ecedee 1px solid;
    padding: 2px
}

/* version Flash lesson */
.ModulFlash {
    margin: 5px;
    padding: 2px;
    border: #999999 solid 1px
}

.ModulFlash h1 {
    font-weight: 700;
}

.ModulFlash h2 {
    padding: 0;
    margin: 0;
    color: #000000
}

.ModulFlash p {
    padding: 0;
    margin: 5px 0 5px 5px;
    line-height: 11pt
}

.ModulFlash div {
    margin: 5px 0
}

.ModulFlash fieldset {
    cursor: default;
}

.ModulFlash fieldset:hover {
    border: #414B56 solid 1px
}

.ModulFlash li {
    padding: 0;
    margin: 0 5px 2px 30px
}

.monolingueImg img {
    display: inline;
    border: 1px solid #ecedee;
    margin: 3px auto;
    padding: 2px;
}

.monolingueImg {
    text-align: center;
    margin: 5px 10px;
}

.monolingueImg:hover {
    cursor: pointer;
}

.ongletContent h4 {
    margin-bottom: 0;
}

/* classes communes pour tous les modules */
.navModul {
    clear: both;
    padding: 0;
    text-align: center;
    margin: 0
}

.separator {
    clear: both;
    border: #ecedee 1px solid;
    height: 1px;
    width: 80%;
    margin: 10px auto
}

.ItemText {
    margin: 0 5px 2px 5px
}

.quote p {
    text-align: justify;
    font-size: 14pt;
    font-style: oblique;
    padding: 0 15px
}

.ItemTextarea {
    width: 98%;
    font-family: sans-serif;
    border: 1px solid #999999;
    margin: 5px
}

.ItemDate {
    color: #000;
    font-size: 8pt;
}

.ItemImage {
    text-align: center;
    margin: 2px 0
}

.ItemImage img {
    float: none; /*width:180px;*/
}


/* Module avec : titre - liste - description */
.ModulListe {
    padding: 0
}

.ModulListe ul {
    padding: 0;
    clear: both;
    list-style-type: none
}

.ModulListe li {
    background: #ffffff url(../../datas/structure/listes/t_gris.gif) repeat-x bottom;
    list-style-image: none;
    border: #bcc1c7 1px solid;
    padding: 0 0 0 15px;
    margin: 5px auto;
}

.ModulListe li:hover {
    border-color: #414B56;
}

.ModulListe li a {
    display: block;
    font-weight: 700;
}

.ModulListe li a:hover {
    text-decoration: none;
}

.ModulListe .ItemDate {
    margin-left: 5px
}

.ModulListe li.dpactif {
    border-color: #df3221;
}

/* Module Flash accueil avec : intitul� - proposition - r�ponse */
.ModulExo {
    padding: 0;
    border: #CCCCCC solid 1px;
}

.ModulExo p {
    margin: 0;
    padding: 0
}

.ModulExo ul {
    clear: both
}

.ModulExo li {
    margin: 0 0 0 30px;
    line-height: 11pt;
    padding: 0;
}

/* Module Exercices Qcm */
.ModulQcm {
    margin: 3px auto 3px auto;
    padding: 3px;
    border: #ffffff 1px solid;
    width: 95%
}

.ModulQcm:hover {
    border: #999999 solid 1px
}

.ModulQcm p {
    margin: 5px;
    padding: 0
}

.ModulQcm p img {
    vertical-align: middle;
}

.soluce {
    list-style-image: url(../../datas/structure/listes/puce.gif)
}

.soluce_true {
    list-style-image: url(../../datas/structure/listes/puce_true.gif);
    color: #91b93e
}

.soluce_false {
    list-style-image: url(../../datas/structure/listes/puce_false.gif);
}

.ModulExo .navModul {
    padding-bottom: 5px
}

.ModulExo h2 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px
}

/* module supp avec Galerie �tendue */
.galerie {
    clear: both;
}

.galerie img {
    float: none;
    width: 550px
}

.ListeGalerie img {
    width: 100px;
    margin: 5px;
}

.ListeGalerie p {
    margin: 5px;
}

.ListeGalerie a img {
    border: #bcc1c7 1pt solid;
}

.ListeGalerie a:hover img {
    border: #df3221 1pt solid;
}

.Listevideo img {
    width: 100px;
    height: 75px;
    margin: 5px;
}

.Listevideo p {
    padding: 0 0 10px 0;
    clear: both;
    font-size: 10px
}

.Listevideo a img {
    border: #bcc1c7 1pt solid;
}

.Listevideo a:hover img {
    border: #df3221 1pt solid;
}

/* inlighted derni�res parutions actives */
div.dpactif {
    border: #df3221 1px solid;
}


/* highliht pour anim videos */
.Modul.highlight {
    border: #e88224 1px solid
}

#centre .Modul.highlight h1 a {
    color: #e88224;
}

/*Aide*/
.aide.highlight a {
    background-position: 0 -34px;
}

#nav_arbo ul.list li.highlight {
    background-color: #e88224
}


/* AD OF THE WEEK */
.AdWeek_Qcm {
    border: 1px solid #CCC;
    background: #F5F5F5;
    padding: 12px;
    margin: 12px;
}

.AdWeek_Qcm blockquote {
    margin: 5px auto;
    width: 80%
}

.AdWeek_Qcm img {
    vertical-align: text-bottom;
    padding: 0 3px;
    cursor: pointer;
    margin-left: -30px
}

.somPage .AdWeek_Qcm img {
    margin-left: 0;
}

.AdWeek_VideoTd {
    border-bottom: 1px solid #CCC;
    padding: 3px;
    margin: 3px;
}

.AdWeek_VideoList {
    margin: 6px;
    padding: 3px 0;
    min-width: 150px;
}

#centre .AdWeek_VideoList h4 {
    padding-bottom: 10px;
    text-align: center;
}

.AdWeek_Video a img {
    padding: 1px;
    border: 1px solid #CCC;
}

.AdWeek_Video a:hover img, .AdWeek_Video:hover img {
    border: 1px solid #df3221
}

.AdWeek_Video {
    /*height: 95px;*/
    padding: 6px 3px;
    border-bottom: 1px solid #CCC;
}

.AdWeek_Video .minibutton {
    margin-top: 60px;
    margin-right: -60px;
}

.AdWeek_VideoLegende {
    max-width: 125px;
}

#news .AdWeek_Video .AdWeek_VideoTitle {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #555;
    font-weight: bold;
    margin: 0;
}

.AdWeek_Video p.AdWeek_VideoImg {
    text-align: center;
    display: block;
    margin: 0;
}

.AdWeek_VideoImg img {
    height: 70px;
}

#news #vidWeek_page {
    font-size: 10px;
    color: #555;
    margin: 5px 0 0 0;
    float: left;
}

.AdWeek_Video .minibutton {
    margin-top: 10px;
    margin-right: 10px;
    clear: right;
    text-align: right;
}

* + html .AdWeek_Video .minibutton {
    margin-top: 10px;
}

.AdWeek_Video .minibutton {
    margin: 6px;
}


/* TIMER */
#progressBar {
    width: 400px;
    height: 11px;
    padding: 1px 0 0 0;
    border-left: #bdbdbd 1px solid;
    border-right: #eeeeee 1px solid;
    background: url(../../datas/structure/bckProgressBar.gif) repeat-x;
    margin: 20px auto
}

#progressBar div {
    border-right: 1px solid #df3221;
    height: 10px;
    background: url(../../datas/structure/progressBar.gif);
    float: left;
}

.score {
    background: url(../../exercises/datas/pan.gif) no-repeat left;
    width: 100px;
    border: 1px solid #ccc;
}

.score div {
    width: 100px;
}

/* Mini Formulaire */
.formMini {
    width: 350px;
    margin: 3px auto;
    border: none
}

.formMini p {
    clear: left;
    margin: 0;
    padding: 0 0 10px 0;
}

.formMini label {
    float: left;
    margin-left: -140px;
    width: 300px;
    vertical-align: top;
}

.formMini input[type=text], .formMini input[type=password] {
    width: 140px;
}

* html .ie6 {
    margin-left: 3px;
}

.formclassic {
    width: 80%;
    margin: 5px auto;
    border: none
}

.formclassic p {
    clear: left;
    margin: 0;
    padding: 0 0 10px 0;
    color: #414b56
}

.formclassic label {
    float: left;
    margin: 0;
    width: 300px;
}

.formclassic input[type=text], .formclassic select {
    width: 150px;
    vertical-align: top;
}

/*  AIDE CYBERTEACHERS */
#docPiste a, #docPiste a * {
    border: none;
    text-decoration: none;
}

#docPiste a:hover {
    cursor: pointer;
}

#docPiste a img {
    vertical-align: middle;
}

#docPiste a span {
    font-weight: bold;
    margin-right: 10px;
}

/* ICONES */
.ico_voirFiche, .ico_lancerExercice, .ico_motsPanier, .ico_motMemorisateur, .ico_speedMemo, .ico_wordOfTheDay {
    width: 35px;
    height: 30px;
}

.ico_voirFiche, .ico_lancerExercice {
    vertical-align: middle;
}

.ico_voirFiche {
    background: url(../../datas/structure/icons/ico_voirFiche.png) no-repeat 0 0;
}

.ico_voirFiche:hover {
    background: url(../../datas/structure/icons/ico_voirFiche.png) no-repeat 0 -30px;
}

.ico_lancerExercice {
    background: url(../../datas/structure/icons/ico_lancerExercice.png) no-repeat 0 0;
}

.ico_lancerExercice:hover {
    background: url(../../datas/structure/icons/ico_lancerExercice.png) no-repeat 0 -30px;
}

.ico_motsPanier {
    background: url(../../datas/structure/icons/ico_motsPanier.png) no-repeat 0 0;
}

.ico_motsPanier:hover {
    background: url(../../datas/structure/icons/ico_motsPanier.png) no-repeat 0 -30px;
}

.ico_motMemorisateur {
    background: url(../../datas/structure/icons/ico_memorisateur.png) no-repeat 0 0;
}

.ico_motMemorisateur:hover {
    background: url(../../datas/structure/icons/ico_memorisateur.png) no-repeat 0 -30px;
}

.ico_speedMemo {
    background: url(../../datas/structure/icons/ico_speedMemo.png) no-repeat 0 0;
}

.ico_speedMemo:hover {
    background: url(../../datas/structure/icons/ico_speedMemo.png) no-repeat 0 -30px;
}

.ico_wordOfTheDay {
    background: url(../../datas/structure/icons/ico_wordoftheday.png) no-repeat 0 0;
}

.ico_wordOfTheDay:hover {
    background: url(../../datas/structure/icons/ico_wordoftheday.png) no-repeat 0 -30px;
}

.icoEcrit, .icoOral, .icoEmpty {
    width: 17px;
    height: 17px;
    margin: 0 6px;
    border: none;
}

.icoEcrit {
    background: url(../../datas/structure/V8/ico_ecrit.png) no-repeat 0 0;
}

.icoOral {
    background: url(../../datas/structure/V8/ico_oral.png) no-repeat 0 0;
}

/* highlight navigation */
#lecon.highlight {
    background: url(../../datas/structure/calendar_h.png) no-repeat 10px;
    border: none
}

* html dd#lecon.highlight {
    background: url(../../datas/structure/calendar_h.gif) no-repeat center;
    border: none
}

#list_exerc li.highlight a, #divers li.highlight a {
    background-color: #e88224;
}

.aide.highlight, #list_exerc li.highlight, #divers li.highlight {
    border: none
}

.list li.highlight {
    background-color: #e88224;
    border: none
}

#menu dt.highlight {
    background-color: #e88224;
    background-image: none;
}

/* nav highlight (p) */
.highlight p.titem {
    background: #dcdcdc url(../../datas/structure/skin/default/item_highlight.gif) no-repeat 5px center;
    color: #e88224;
}


/*////////////////////////  Unit�s pedagogiques //////////////////*/
.contentUnit h1 {
    border-bottom: none
}

.contentUnit .box {
    padding: 0 5px
}

.contentUnit {
    font-size: 0.9em
}

/*//////////////////////// Plannings Live ClassRoom /////////////////*/
.planning-overflow {
    height: 420px;
    width: 901px;
}

.button-planning {
    margin-top: -2px
}

.legende-planning {
    width: 880px;
    margin: 0 auto 4px;
    top: 52px;
}

.legende-planning ul {
    height: 26px;
    padding: 0;
    margin: 0;
}

.legende-planning li {
    list-style: none;
    float: left;
    width: 116px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
}

.legende-planning li.first {
    width: 58px;
    margin-right: 5px;
    border-right: 1px solid;
    font-size: 0.6em;
}

#planning {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #888;
    width: 900px;
	box-sizing: content-box;
}

#planning p {
    margin: 0;
    padding: 0;
}

.planning-horaires {
    width: 58px;
    border-right: 1px solid #DDD;
}

.planning-horaires tr {
    border: 1px solid #888;
    border-right: none;
    border-left: none;
}

.planning-horaires tr tr {
    border: none;
}

.planning-horaires .quart td {
    height: 14px;
    font-size: 0.6em;
    font-weight: normal;
}

.planning-horaires .quart td {
    border-bottom: none;
    padding: 0;
}

.planning-horaires td {
    border-bottom: 1px solid #BBB;
    padding: 0 0 0 5px;
    font-size: 0.9em;
    font-weight: bold;
}

.planning {
    border: none;
    width: 840px;
}

.planning tr {
    height: 57px;
}

.planning tr.first {
    height: 45px;
}

.planning tr.last {
    height: 0;
}

.planning td {
    border: none;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 0;
    margin: 0;
    width: 116px;
}

.planning td.inactive-first {
    border-left: none;
    border-right: none;
}

.planning td.inactive-last {
    height: 12px;
    border-left: none;
    border-right: none;
}

.planning .activePlanning {
    padding: 4px;
    width: 108px;
}

.planning .activePlanning .hour {
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
}

.planning .activePlanning .theme {
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
}

.planning .past .theme {
    font-style: italic;
}

/*//////////////////////// Sommaire exercices /////////////////*/
#nav_arbo .list_sommaire {
    width: 95%
}

#nav_arbo .list_sommaire li, .details .list_sommaire li {
    background: url(../../datas/structure/V8/btn/check_empty.png) no-repeat 0 6px;
    padding: 6px 0 5px 30px;
}

#nav_arbo .list_sommaire li.off, .details .list_sommaire li.off {
    background: url(../../datas/structure/V8/btn/check_on.png) no-repeat 0 6px;
    color: #497fa7;
}

.new {
    width: 100px;
    height: 90px;
    position: absolute;
    left: 240px;
    top: 0;
    overflow: hidden;
}

#nav_arbo .list_sommaire .sublist_sommaire, .details .list_sommaire .sublist_sommaire {
    border-left: 1px solid #414b56;
    margin: 0 0 10px 0;
}

#nav_arbo .list_sommaire li .sublist_sommaire li, .details .list_sommaire li .sublist_sommaire li {
    background: none;
    padding: 6px 0 5px 5px;
    color: #414b56;
}

/*//////////////////////// Leaning Map /////////////////*/
#corps-lessonMap img, #popUp-lesson img, #popUp-lessonMap img {
    border: 0;
}

#corps-lessonMap {
    margin: 24px 12px 0 12px;
    position: static;
}

#corps-lessonMap p.warning {
    margin-top: 0;
    font-weight: bold;
}

#corps-lessonMap .lesson-today {
    width: 31%;
    margin: 0 2.8% 0 0;
    float: left;
}

#corps-lessonMap #lessonSelf.lesson-today {
    width: 31%;
    margin-right: 0;
}

#corps-lessonMap .lesson-today .lesson-today-content {
    min-height: 200px;
    padding: 10px 10px 0 10px;
    position: relative;
    z-index: 10;
    background: #FFFFFF;
    border-bottom: 0;
}

#corps-lessonMap .lesson-today .lesson-today-content .arrow {
    margin-top: -10px;
}

#corps-lessonMap .lesson-today .lesson-type {
    margin: 0;
    border: 0;
    padding: 10px;
    font-size: 1.2em;
}

#corps-lessonMap .lesson-today .lesson-type a:hover {
    text-decoration: underline;
}

#corps-lessonMap .lesson-today .lesson-intro {
    margin: 12px 15px 10px 15px;
    text-align: left;
}

#corps-lessonMap .lesson-today .lesson-today-content .lesson-title {
    margin-bottom: 15px;
    text-align: center;
    height: 110px;
    margin-top: 30px;
}

#corps-lessonMap .lesson-today .lesson-today-content .lesson-title a {
    font-size: 1.1em;
    font-weight: bold;
}

#corps-lessonMap .lesson-today .lesson-today-content .lesson-title a:hover,
#corps-lessonMap .lesson-today .lesson-today-content .lesson-title:hover {
    text-decoration: none;
}

#corps-lessonMap .lesson-today .lesson-today-content .lesson-title a span {
    display: block;
    margin-top: 5px;
}

#corps-lessonMap .lesson-today .lesson-today-content .lesson-title a img {
    width: 31px;
    height: 32px;
    border: 0;
}

#corps-lessonMap .lesson-today .lesson-today-content .more {
    text-align: left;
}

#corps-lessonMap .lesson-today .lesson-today-content .podcast {
    text-align: right;
    position: absolute;
    bottom: 38px;
    right: 10px;
}

#corps-lessonMap .lesson-today .lesson-today-content .podcast img {
    width: 22px;
    height: 18px;
    background: url(../../datas/structure/V8/ico-podcast.png) no-repeat left top;
}

#corps-lessonMap .lesson-today .lesson-today-content .podcast a:hover img {
    background: url(../../datas/structure/V8/ico-podcast.png) no-repeat left bottom;
}

#corps-lessonMap .lesson-today .lesson-today-content .more {
    margin: 5px 0 0 0;
    padding: 10px 0;
    font-weight: bold;
    background: url(../../datas/structure/icons/flecheBasic.png) no-repeat center right;
    border-top: 1px solid #acacac;
}

#corps-lessonMap .lesson-today .current .more {
    background: url(../../datas/structure/icons/flecheBasicOv.png) no-repeat center right;
}

#corps-lessonMap .lesson-today .bridge {
    display: none;
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: -70px;
    left: -1px;
    background: #FFF;
}

#corps-lessonMap .lesson-today .current .bridge {
    display: block;
}

#corps-lessonMap .details-container {
    position: relative;
    top: 20px;
    z-index: 10;
}

#corps-lessonMap .details {
    padding: 10px;
    margin-top: 0;
    position: relative;
}

#corps-lessonMap .details .som {
    border-bottom: 1px solid #acacac;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-weight: bold;
}

#corps-lessonMap .details .lesson-affecte {
    font-size: 1em;
    font-style: italic;
    font-weight: bold;
}

#corps-lessonMap .details ul {
    margin-bottom: 40px;
    padding-left: 0;
}

#corps-lessonMap .details li {
    height: 20px;
    padding: 2px 0 0 28px;
    list-style: none;
    line-height: 26px;
    font-weight: bold;
    clear: both;
}

#corps-lessonMap .details li img {
    width: 50%;
    height: 4px;
    /*position:relative;*/
    float: left;
    margin-top: 14px;
    /*left:1%;*/
}

#corps-lessonMap .details li span.type-exo {
    float: left;
    padding-right: 1%;
}

#corps-lessonMap .details li span.nom-exo {
    width: 50%;
    padding-left: 1%;
    /*position:absolute;*/
    /*left:68%;*/
    float: right;
    display: inline;
    margin: -17px 0 0 0;
    background: #FFF;
    color: #000;
}

#corps-lessonMap .details .mini-test {
    padding: 17px;
    float: right;
    background: #e4e4e4;
    border-radius: 5px;
}

#corps-lessonMap .details .mini-test p {
    font-weight: bold;
}

#corps-lessonMap .details .mini-test a {
    padding: 10px;
    background: #F1F1F1;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #c6c6c6;
}

#corps-lessonMap .details .mini-test a img {
    width: 17px;
    height: 20px;
    vertical-align: middle;
    background: url(../../datas/structure/icons/ico-check.png) no-repeat 0 0;
    margin-left: 5px;
}

#corps-lessonMap .explain-lessonMap {
    background: #FFF;
    display: block;
    padding: 12px;
    margin: 20px 0;
}


#corps-lessonMap #lessonVisu.lesson-today .lesson-affecte, #corps-lessonMap #lessonVisu.lesson-today .lesson-title a {
    color: #66b2e8;
}

#corps-lessonMap #lessonVisu.lesson-today .details {
    border: 2px solid #66b2e8;
    border-top: 0;
}

#corps-lessonMap .details-tel li span.type-exo {
    color: #5297bb;
}

#corps-lessonMap .details-visu li span.type-exo {
    color: #66b2e8;
}

#corps-lessonMap .details-self li span.type-exo {
    color: #70c4ff;
}

#corps-lessonMap .details-tel li img {
    background: url(../../datas/structure/V8/liste-somTel.png) repeat-x 0 0;
}

#corps-lessonMap .details-visu li img {
    background: url(../../datas/structure/V8/liste-somVisu.png) repeat-x 0 0;
}

#corps-lessonMap .details-self li img {
    background: url(../../datas/structure/V8/liste-somSelf.png) repeat-x 0 0;
}

/*#corps-lessonMap #lessonSelf.lesson-today{*/
/*background:#70c4ff;*/
/*}*/
#corps-lessonMap #lessonSelf.lesson-today .lesson-affecte,
#corps-lessonMap #lessonSelf.lesson-today .lesson-title a {
    color: #70c4ff;
}

#corps-lessonMap #lessonSelf.lesson-today .details {
    border: 2px solid #70c4ff;
    border-top: 0;
}

#corps-lessonMap .ongletListe li {
    position: relative;
}

#corps-lessonMap .ongletListe li.lessonReport {
    background: #497fa7;
    border: 0;
}

#corps-lessonMap .ongletListe li.lessonTel {
    background: #5297bb;
    border: 0;
}

#corps-lessonMap .ongletListe li.lessonVisu {
    background: #66b2e8;
    border: 0;
}

#corps-lessonMap .ongletListe li.lessonSelf {
    background: #70c4ff;
    border: 0;
}

#corps-lessonMap .details-tel {
    border: 2px solid #5297bb;
}

#corps-lessonMap .details-visu {
    border: 2px solid #66b2e8;
}

#corps-lessonMap .details-self {
    border: 2px solid #70c4ff;
}

/* Onglets */
#corps-lessonMap .ongletParent {
    width: 100%;
    position: static;
    top: 0;
    left: 2px;
    margin-top: 0;
    margin-left: 0;
}

#corps-lessonMap .ongletListe {
    position: relative;
    top: 1px;
    left: 2px;
    margin-left: 0;
    padding-left: 0;
}

#corps-lessonMap .ongletListe li {
    margin-right: 4px;
    min-width: 120px;
}

#corps-lessonMap .ongletListe li a {
    text-align: center;
    padding-left: 10px;
    padding-right: 22px;
}

#corps-lessonMap .ongletListe li.lessonVisu a,
#corps-lessonMap .ongletListe li.lessonReport a {
    padding-right: 10px;
}

#corps-lessonMap .ongletListe li:hover a {
    text-decoration: none;
}

#corps-lessonMap .ongletListe li span {
    position: absolute;
    top: 2px;
    right: -5px;
    border: 0;
    background: none;
}

#corps-lessonMap .ongletListe li span img {
    height: 12px;
    width: 12px;
    border: 0;
    background: url(../../datas/structure/V8/ico-onglet.png) no-repeat right top;
}

#corps-lessonMap .ongletListe li.active span img {
    background: url(../../datas/structure/V8/ico-onglet.png) no-repeat right bottom;
}

#corps-lessonMap .box {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto;
}

/* Filtres */
#corps-lessonMap .box .options {
    width: 98%;
    margin: 20px 1%;
    position: absolute;
}

#corps-lessonMap .box .options p {
    padding-top: 5px;
    margin-right: 20px;
}

#corps-lessonMap .box .options p.button_r {
    position: relative;
    padding-top: 0;
    margin-right: 0;
}

#corps-lessonMap .box .options ul {
    height: 24px;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 20;
    margin: 0 20px 0 0;
    padding: 0;
    width: 200px;
}

#corps-lessonMap .box .options ul:hover {
    height: 100%;
    overflow: visible;
}

#corps-lessonMap .box .options ul li {
    padding: 2px;
}

#corps-lessonMap .box .options ul li.selected {
    display: block;
    padding: 4px 40px 4px 10px;
}

#corps-lessonMap .box .options ul li a {
    display: block;
    padding: 4px 40px 4px 10px;
    color: #414B56;
    text-decoration: none;
}

#corps-lessonMap .box .options ul li a:hover {
    color: #FFF;
    background: #497fa7;
}

/* Tableaux */
#corps-lessonMap .box #global {
    margin-top: 50px;
}

#corps-lessonMap .box .program {
    border-collapse: collapse;
}

#corps-lessonMap .box .program thead tr {

}

#corps-lessonMap .box .program thead p a {
    color: #FFF;
    padding: 0;
    text-decoration: none;
}

#corps-lessonMap .box .program thead th {
    border-right: 1px solid #FFF;
    border-bottom: 5px solid #FFF;
}

#corps-lessonMap .box table.program td.title .lesson-title {
    width: 62%;
    margin-left: 0;
}

#corps-lessonMap .box table#spec td.title .lesson-title {
    width: 58%;
    margin-left: 10px;
}

#corps-lessonMap .box table.program td p {
    padding: 5px 10px;
    position: relative;
}

#corps-lessonMap .box table.program td p a {
    color: #414B56;
    font-weight: bold;
}

#corps-lessonMap .box table.program td p a.lesson-title {
    display: block;
    margin-left: 13px;
    width: 58%;
}

#corps-lessonMap .box table.program td p a.lesson-title:hover {
    text-decoration: underline;
}

#corps-lessonMap .box table.program td.position p {
    text-align: center;
}

#corps-lessonMap .box table.program td p.timer {
    height: 12px;
    width: 70%;
    padding: 0;
    margin: 0 auto;
}

#corps-lessonMap .box table.program td p.timer span {
    width: 0;
    height: 100%;
    display: block;
    background: #5297bb;
}

#corps-lessonMap .box table.program .type {
    width: 6%;
}

#corps-lessonMap .box .program-simple a.ico-tri img {
    margin: 0 0 3px;
}

#corps-lessonMap .box .title {
    width: 44%;
}

#corps-lessonMap .box .progress {
    width: 20%;
    font-size: 1em;
}

#corps-lessonMap .box .progress img {
    border: none;
}

#corps-lessonMap .box .theme {
    width: 33%;
    /*position: relative;*/
}

#corps-lessonMap #report,
#corps-lessonMap #spec {
    margin: 70px 1% 20px;
    width: 98%;
}

#corps-lessonMap #report thead tr {
    background: #497fa7;
}

#corps-lessonMap .box .program tr.even {
    background: #EAEAEA;
}

#corps-lessonMap .box .program td.position p,
#corps-lessonMap .box .program tr:hover p,
#corps-lessonMap .box .program tr:hover p a {
    color: #FFFFFF;
}

#corps-lessonMap .box .program-simple tr {
    background: #eaeaea;
}

#corps-lessonMap .box .program-simple td {
    border-bottom: 1px solid #FFF;
    vertical-align: top;
}

#corps-lessonMap .box .program-simple td.theme p span {
    display: block;
    width: 80%;
}

#corps-lessonMap .box .program tr {
    border-bottom: 1px solid #fff;
}

#corps-lessonMap .box .program-simple td.position {
    /*border-bottom:0;*/
}

#corps-lessonMap .box .program-simple img {
    margin-right: 10px;
    vertical-align: middle;
}

#corps-lessonMap .box .program-simple tr img {
    width: 6px;
    height: 14px;
    background: url(../../datas/structure/V8/grip.gif) no-repeat 0 0;
    cursor: move;
}

#corps-lessonMap .box .program-simple tr:hover img {
    background: url(../../datas/structure/V8/grip.gif) no-repeat bottom left;
}

#corps-lessonMap .box .program-simple tr img.grip {
    position: absolute;
    left: 3px;
    top: 6px;
}

#corps-lessonMap .box .program-simple tr td {
    vertical-align: middle;
}

/* Icones */
#corps-lessonMap .box .program .ico-bloc {
    position: absolute;
    right: 0;
    top: 5px;
}

#corps-lessonMap .box .program .theme .noTheme {
    top: -3px;
}

#corps-lessonMap .box .program .ico {
    float: right;
    margin-right: 3px;
    text-decoration: none;
}

#corps-lessonMap .box .program .ico img,
#popUp-lessonMap .list-lesson li .ico img {
    width: 17px;
    height: 20px;
    margin-top: -3px;
    border: 0;
}

#corps-lessonMap .box .program a.ico-tri {
    float: none;
}

#corps-lessonMap .box .program a.ico-tri img {
    height: 10px;
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -93px;
    cursor: pointer;
}

#corps-lessonMap .box .program a.ico-tri:hover img {
    background-position: 0 -107px;
}

#corps-lessonMap .box .program tr a.ico-som img,
#popUp-lessonMap .list-lesson li a.ico-som img {
    position: absolute;
    right: 60px;
}

#corps-lessonMap .box .program tr:hover a.ico-som img,
#popUp-lessonMap .list-lesson li:hover a.ico-som img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 1px;
    cursor: pointer;
}

#corps-lessonMap .box .program tr:hover a.ico-som:hover img,
#popUp-lessonMap .list-lesson li a.ico-som:hover img {
    background-position: 0 -23px;
}

#corps-lessonMap .box .program tr a.ico-go img {
    position: absolute;
    right: 35px;
}

#corps-lessonMap .box .program tr:hover a.ico-go img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -47px;
    cursor: pointer;
}

#corps-lessonMap .box .program tr:hover a.ico-go:hover img {
    background-position: 0 -70px;
}

#corps-lessonMap .box .program tr a.ico-delete img {
    position: absolute;
    right: 5px;
}

#corps-lessonMap .box .program tr:hover a.ico-delete img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -119px;
    cursor: pointer;
}

#corps-lessonMap .box .program tr:hover a.ico-delete:hover img {
    background-position: 0 -142px;
}

#corps-lessonMap .box .program tr a.ico-add img {
    background: none;
    margin-top: -6px;
}

#corps-lessonMap .box .program tr:hover a.ico-add img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -162px;
    cursor: pointer;
}

#corps-lessonMap .box .program tr:hover a.ico-add:hover img {
    background-position: 0 -185px;
}

#popUp-lessonMap .list-lesson li .ico {
    position: absolute;
}

#popUp-lessonMap .list-lesson li span#loading {
    float: right;
    margin: 4px 30px 0 0;
}

#popUp-lessonMap .list-lesson li a.ico-add,
#popUp-lessonMap .list-lesson li a.ico-remove {
    right: 50px;
}

#popUp-lessonMap .list-lesson li .ico-level {
    right: 156px;
}

#popUp-lessonMap .list-lesson li .ico-som {
    right: 250px;
}

#popUp-lessonMap .list-lesson li .ico img {
    margin-top: 0;
}

#popUp-lessonMap .list-lesson li:hover a.ico-add img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -210px;
    cursor: pointer;
}

#popUp-lessonMap .list-lesson li:hover a.ico-add:hover img {
    background-position: 0 -232px;
}

#popUp-lessonMap .list-lesson li:hover a.ico-remove img {
    cursor: pointer;
}

#popUp-lessonMap .list-lesson li:hover a.ico-remove:hover img {
    background-position: 0 -276px;
}

#popUp-lessonMap .list-lesson li .ico-level {
    cursor: default;
}

#popUp-lessonMap .list-lesson li .ico-level img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -162px;
}

#popUp-lessonMap .list-lesson li:hover .ico-level img {
    background: url(../../datas/structure/V8/spry-learningMap.png) no-repeat 0 -162px;
}

#popUp-lessonMap .list-lesson li .higher-level img {
    background-position: 0 -297px;
}

#popUp-lessonMap .list-lesson li:hover .higher-level img,
#popUp-lessonMap .list-lesson li:hover .higher-level:hover img {
    background-position: 0 -316px;
}

#popUp-lessonMap .list-lesson li .equal-level img {
    background-position: 0 -336px;

}

#popUp-lessonMap .list-lesson li:hover .equal-level img,
#popUp-lessonMap .list-lesson li:hover .equal-level:hover img {
    background-position: 0 -356px;
}

#popUp-lessonMap .list-lesson li .lower-level img {
    background-position: 0 -374px;

}

#popUp-lessonMap .list-lesson li:hover .lower-level img,
#popUp-lessonMap .list-lesson li:hover .lower-level:hover img {
    background-position: 0 -392px;
}

#scroller {
    height: 60px;
    width: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 5%;
    right: 1%;
}

#popUp-lessonMap #legend {
    list-style: none;
    position: absolute;
    top: 40px;
    right: 54px;
}

#popUp-lessonMap #legend li {
    width: 90px;
    float: left;
    text-align: center;
    margin-left: 20px;
    font-weight: bold;
}

#popUp-lessonMap .category {
    padding-left: 0;
    margin-top: 60px;
    height: 450px;
    overflow-y: auto;
}

#popUp-lessonMap .category ul {
    margin-top: 0;
}

#popUp-lessonMap .category li {
    list-style: none;
}

#popUp-lessonMap .category li {
    display: block;
    padding: 3px 0 3px 0;
}

#popUp-lessonMap .category li a {
    display: block;
    padding: 3px 0 3px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #d1d1d1;
    color: #959494;
    background: url(../../datas/structure/listes/flecheGrise.gif) no-repeat 6px center;
}

/* Rollover category */
#popUp-lessonMap .category li a:hover {
    text-decoration: underline;
    background: url(../../datas/structure/listes/flecheGriseOv.gif) no-repeat left center;
}

#popUp-lessonMap .subcategory {
    margin: 0 0 10px 27px;
    padding-left: 0;
    background: url(../../datas/structure/listes/arboLessonsCol.gif) repeat-y top left;
}

#popUp-lessonMap .subcategory li {
    background: url(../../datas/structure/listes/arboLessons.gif) no-repeat left 13px;
}

#popUp-lessonMap .subcategory li a {
    display: block;
    padding: 3px 0 3px 0;
    margin-left: 20px;
    font-size: 1em;
    border-bottom: 0;
    color: #959494;
    background-image: none;
}

/* Rollover subcategory */
#popUp-lessonMap .subcategory li a:hover {
    text-decoration: underline;
}

#popUp-lessonMap .list-lesson {
    margin: 2px 0 0 20px;
    padding-left: 0;
    /*background:url(../../datas/structure/listes/arboLessonsCol.gif) repeat-y top left;*/
}

#popUp-lessonMap .list-lesson li {
    position: relative;
    background: #EAEAEA;
    border-bottom: 1px solid #FFF;
    padding: 0;
    line-height: 26px;
}

#popUp-lessonMap .list-lesson li a {
    color: #FFF;
}

#popUp-lessonMap .list-lesson .details,
#popUp-lessonMap .list-lesson .details li,
#popUp-lessonMap .list-lesson .details li:hover,
#popUp-lessonMap .list-lesson .details li span.nom-exo {
    background-image: none;
    background-color: #d8d8d8;
}

#popUp-lessonMap .list-lesson li:hover {
    background-color: #959494;
}

#popUp-lessonMap .list-lesson li a {
    display: inline;
    text-transform: none;
    font-size: 0.9em;
}

#popUp-lessonMap .list-lesson li.disable a {
    font-style: italic;
}

#popUp-lessonMap .list-lesson .details {
    border-top: 1px solid #FFF;
    margin: 2px 0 0 0;
    padding-left: 0;
    position: relative;
    background: #d8d8d8;
}

#popUp-lessonMap .list-lesson .details li {
    padding-left: 20px;
    border-bottom: 0;
    clear: both;
    background: none;
}

#popUp-lessonMap .list-lesson .details li span.type-exo {
    float: left;
    padding-right: 4px;
    font-weight: bold;
}

#popUp-lessonMap .list-lesson .details li img {
    width: 400px;
    height: 4px;
    float: left;
    margin-top: 14px;
    background: url(../../datas/structure/V8/liste-somBase.png) repeat-x 0 0
}

#popUp-lessonMap .list-lesson .details li span.nom-exo {
    width: 358px;
    padding-left: 4px;
    float: right;
    display: inline;
    margin: -17px 0 0 0;
    color: black;
}

/* Last Lessons */
#popUp-lessonMap .last-lesson {
    padding-left: 27px;
    background: url(../../datas/structure/listes/arboLessonsLast.gif) no-repeat left -10px;
}

#popUp-lessonMap .subcategory,
#popUp-lessonMap .subcategory .list-lesson,
#popUp-lessonMap .subcategory .details {
    display: none;
}

#popUp-lessonMap .subcategory li.last-lesson {
    background: url(../../datas/structure/listes/arboLessonsLast.gif) no-repeat 0 -10px;
    padding-left: 0;
}

#popUp-lessonMap .subcategory li.last-lesson .list-lesson {
    background: url(../../datas/structure/listes/arboLessonsVide.gif) repeat-y top left;
    margin-left: 0;
    padding-left: 20px;
}

#popUp-lessonMap .subcategory .list-lesson li.last-lesson,
#popUp-lessonMap .subcategory .list-lesson li.disable.last-lesson {
    background-image: none;
    background-color: #EAEAEA;
}

#popUp-lessonMap .subcategory .list-lesson li.last-lesson:hover,
#popUp-lessonMap .subcategory .list-lesson li.disable.last-lesson:hover {
    background: #959494;
}

#popUp-lessonMap .list-lesson li.last-lesson .details {
    background: #d8d8d8;
}

#popUp-lessonMap #legend li {
    list-style: none;
}

#popUp-lessonMap.tel .category li .subcategory li a,
#popUp-lessonMap.tel .category li.current-list .subcategory li a,
#popUp-lessonMap.visu .category li .subcategory li a,
#popUp-lessonMap.visu .category li.current-list .subcategory li a,
#popUp-lessonMap.self .category li .subcategory li a,
#popUp-lessonMap.self .category li.current-list .subcategory li a {
    background-color: #FFF;
    background-image: none;
    color: #959494;
    border-bottom: 1px dashed #d1d1d1;
}

#popUp-lessonMap .category li.current-list .subcategory .list-lesson li:hover a,
#popUp-lessonMap .category li.current-list .subcategory .list-lesson li.disable:hover a {
    color: #FFF;
}

#popUp-lessonMap .category li.current-list .subcategory .list-lesson li a {
    background: none;
    border: none;
}

#popUp-lessonMap .category li.current-list .subcategory .list-lesson li.disable a {
    color: #959494;
}

#popUp-lesson ul#time {
    width: 40%;
    margin: 0 auto;
}

#popUp-lesson ul#time li {
    float: left;
    display: inline;
    list-style: none;
    margin: 80px 50px 80px 0;
}

#popUp-lesson ul#time li a img {
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto;
}

#popUp-lesson ul#time li a strong {
    padding-top: 10px;
}

#popUp-lesson ul#time li a:hover img {
    background-position: bottom left;
}

.disclaimerNoir-popUp-confirm {
    z-index: 0;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}

#popUp-confirm {
    width: 550px;
    position: absolute;
    top: 150px;
    left: 210px;
    padding: 50px 0;
    margin: 0 0 10px 0;
    background: #e9e9e9;
}

#popUp-confirm h4, #popUp-confirm p {
    width: 60%;
    margin: 0 auto 20px;
    text-align: center;
}

/*------------------------------------------------------------ EXERCICES CHINOIS ---------------*/

h3 .txt_normal {
    font-weight: normal;
}

#exerciceContainer video#output {
    position: absolute;
    display: none;
}

#exerciceContainer p.consigne {
    text-align: center;
}

#exerciceContainer p.consigne.text-left {
    text-align: left;
}

.bodyExercice #exerciceContainer table table {
    margin: 0;
}

.img-container, #list-learning .img-container {
    width: 193px;
    height: 154px;
    margin: 20px auto;
    background-color: #FFF;
    box-shadow: 0 0 10px #BBB;
}

.img-container.left {
    margin-right: 20px;
}

.img-container img {
    display: block;
    margin: 0 auto;
}

.img-container-list {
    padding: 0;
}

.overline.container-mot {
    background: #497fa7;
    border-radius: 5px;
}

.overline.container-mot p {
    color: #FFF;
}

.overline.container-mot .tooltip {
    display: none;
}

.img-container a {
    padding: 3px 5px;
    background: #e1e1e1;
    border: 1px solid #BBB;
}

.bodyExercice table td .img-container {
    margin: 0;
    box-shadow: 0 0 0 #BBB;
}

.img-container-list .container-mot {
    width: 100%;
    cursor: pointer;
}

.container-mot {
    margin: 20px auto;
}

table.container-mot {
    margin: 0;
    cursor: auto;
}

table.container-mot {
    width: 100%;
    position: relative;
    background: #FFF;
    border: 1px solid #BBB;
}

table.container-mot {
    width: auto;
}

.container-dialog {
    margin-left: 10px;
}

.container-dialog table {
    margin: 0;
}

.container-mot .choix-mot {
    text-align: center;
    padding: 0;
}

.container-mot .choix-mot li {
    display: inline;
    margin-left: 20px;
    padding: 5px 15px;
    list-style: none;
    border: 1px solid #BBB;
    border-radius: 5px;
}

table.container-mot {
    border-collapse: separate;
}

table.container-mot, .container-mot p {
    position: relative;
}

table.container-mot, .container-mot p span {
    /*width:100%;*/
    margin: 0 auto;
    padding: 15px 66px 5px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 5px;
}

table.container-mot:hover, table.container-mot p span:hover {
    border: 1px solid #396492;
}

table.container-clone, table.container-clone p span {
    border: 1px solid #396492;
}

.img-container-list .container-clone {
    width: auto;
    z-index: 100;
}

table.container-mot:hover .tooltip .iconL {
    background-position: 0 -21px;
}

table.container-mot:hover .tooltip .iconZ {
    background-position: -27px -21px;
}

table.container-mot:hover .tooltip .iconZmin {
    background-position: -42px -21px;
}

table.container-mot:hover .tooltip .iconS {
    background-position: -66px -21px;
}

table.container-mot p, .container-mot li {
    color: #555;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

table.container-mot .trad p {
    color: #497fa7;
    font-size: 1.4em;
}

/* Tableau*/
.bodyExercice table.container-mot td {
    padding: 2px 6px;
}

.bodyExercice table.container-mot td p {
    text-align: center;
}

.container-mot .tooltip, table.container-mot .tooltip {
    position: absolute;
    top: 4px;
    right: 4px;
    margin: 0;
}

.container-mot li, table.container-mot .tooltip li {
    display: inline;
    list-style: none;
}

.container-mot .icon, table.container-mot .icon {
    background: url(../../datas/structure/icons/ico-spry.png) no-repeat 0 0;
    cursor: pointer;
}

.container-mot .iconL, table.container-mot .iconL {
    width: 22px;
    height: 19px;
    background-position: 0 0;
}

.container-mot .iconL:hover, table.container-mot .tooltip .iconL:hover {
    background-position: 0 -42px;
}

.container-mot .iconL:active, table.container-mot .tooltip .iconL:active {
    background-position: 0 -63px;
}

.container-mot .iconZ, table.container-mot .iconZ {
    width: 14px;
    height: 19px;
    background-position: -27px 0;
}

.container-mot .iconZ:hover, table.container-mot .tooltip .iconZ:hover {
    background-position: -27px -42px;
}

.container-mot .iconZ:active, table.container-mot .tooltip .iconZ:active {
    background-position: -27px -63px;
}

.container-mot .iconZ, table.container-mot .iconZmin {
    width: 14px;
    height: 19px;
    background-position: -42px 0;
}

.container-mot .iconZ:hover, table.container-mot .tooltip .iconZmin:hover {
    background-position: -42px -42px;
}

.container-mot .iconZ:active, table.container-mot .tooltip .iconZmin:active {
    background-position: -42px -63px;
}

.container-mot .iconS, table.container-mot .iconS {
    width: 22px;
    height: 19px;
    background-position: -66px 0;
}

.container-mot .iconS:hover, table.container-mot .tooltip .iconS:hover {
    background-position: -66px -42px;
}

.container-mot .iconS:active, table.container-mot .tooltip .iconS:active {
    background-position: -66px -63px;
}

.consigne span .icon {
    width: 22px;
    height: 19px;
    vertical-align: middle;
    margin-left: 10px;
    background: url(../../datas/structure/icons/ico-spry.png) no-repeat 0 0;
    cursor: pointer;
}

.consigne span:hover .iconL {
    background-position: 0 -42px;
}

.consigne span:active .iconL {
    background-position: 0 -63px;
}

.consigne span:hover .iconZ {
    background-position: -27px -42px;
}

.consigne span:active .iconZ {
    background-position: -27px -63px;
}

.consigne span:hover .iconZmin {
    background-position: -42px -42px;
}

.consigne span:active .iconZmin {
    background-position: -42px -63px;
}

.consigne span:hover .iconS {
    background-position: -66px -42px;
}

.consigne span:active .iconS {
    background-position: -66px -63px;
}

/* Learning */
.bodyExercice table#list-learning .img-container-list {
    margin-right: 20px;
    float: left;
}

/* Exercices */
#list-exo table table.container-mot:hover {
    border: 1px solid transparent;
}

.bodyExercice #list-exo li.img-container, .bodyExercice table#list-exo .img-container-list {
    padding: 3px 5px;
    margin-right: 20px;
    display: inline;
    float: left;
    list-style: none;
    cursor: pointer;
    background: #e1e1e1;
    border: 1px solid #BBB;
    border-radius: 5px;
    box-shadow: 0 0 0 #BBB;
}

/* False / True */
.bodyExercice table#list-exo .true {
    position: relative;
    background-color: #91b93e;
    color: #FFF;
}

.bodyExercice table#list-exo .false {
    position: relative;
    background-color: #df3221;
    color: #FFF;
}

.bodyExercice table#list-exo .reponse, #exerciceContainer .min-reponse {
    display: none;
    position: absolute;
    bottom: -10px;
    right: -10px;
    background: url(../../datas/structure/icons/ico-spry.png) no-repeat 0 0;
}

.bodyExercice table#list-exo .min-reponse {
    bottom: -10px;
    right: -10px;
}

.bodyExercice table#list-exo .true .reponse {
    width: 64px;
    height: 64px;
    display: inline;
    background-position: -93px 0;
}

.bodyExercice table#list-exo .true .min-reponse {
    width: 20px;
    height: 20px;
    display: inline;
    background-position: -93px -63px;
}

.bodyExercice table#list-exo .false .reponse {
    width: 64px;
    height: 64px;
    display: inline;
    background-position: -160px 0;
}

.bodyExercice table#list-exo .false .min-reponse {
    width: 20px;
    height: 20px;
    display: inline;
    background-position: -160px -63px;
}

/* Dialogue */
.dialog .img-container {
    float: left;
    margin: 20px;
}

.dialog #list-learning {
    float: left;
    width: 70%;
}

.dialog table.container-mot, .dialog .container-mot p span {
    padding: 15px 66px 5px 10px;
}

/* ExoImage */
.width85p {
    width: 85%;
}

form.fourImgExo div.width85p, div.width85p {
    width: auto;
}

form.fourImgExo p.prop {
    display: inline-block;

}

/* PopUp Mini-test */
#content-miniTest {
    position: relative;
    margin: 30px 0;
}

#content-miniTest .bloc {
    height: 200px;
    border: 2px solid #dcdcdc;
    padding: 15px 40px 15px 15px;
    margin: 50px 20px 0 0;
    position: absolute;
    top: 15px;
    left: 30px;
    width: 440px;
}

#content-miniTest .bloc h4 {
    margin-top: 0;
}

#content-miniTest #bg-before {
    width: 350px;
    height: 350px;
    background: url(../../datas/resultats/bg.png) no-repeat 0 0;
    position: absolute;
    top: -4px;
    right: 99px;
    z-index: 10;
}

#content-miniTest #bg-behind {
    width: 350px;
    height: 350px;
    background: url(../../datas/resultats/bg-behind.png) no-repeat 0 0;
    position: absolute;
    top: 10px;
    right: 89px;
    z-index: 0;
}

#content-miniTest #container {
    position: relative;
    z-index: 5;
}

#content-miniTest #lessons-success {
    position: absolute;
    top: 70px;
    left: 64px;
    width: 215px;
}

#content-miniTest #lessons-success p {
    text-align: center;
}

#content-miniTest #lessons-success p strong {
    font-size: 1.8em;
    margin-bottom: 10px;
}

#content-miniTest #lessons-success p.button {
    margin: 20px 0;
}

#content-miniTest #lessons-success p.button a {
    width: 203px;
    display: block;
}

#content-miniTest #lessons-success p.minibutton a {
    width: 150px;
}

#content-miniTest #lessons-success p.button a,
#content-miniTest #lessons-success p.minibutton a {
    white-space: normal;
}

#content-miniTest #graduation li {
    position: absolute;
    color: #acacac;
    font-weight: bold;
    list-style: none;
}

#content-miniTest #grad-0 {
    top: -10px;
    left: 49%;
}

#content-miniTest #grad-25 {
    top: 49%;
    right: -20px;
}

#content-miniTest #grad-50 {
    bottom: -10px;
    left: 49%;
}

/* Mini-test */
.buttonR-sliders a img, .buttonL-sliders a img {
    height: 96px;
    width: 22px;
    background: url(../../datas/structure/V8/buttons_slider.png) no-repeat 0 0;
    border: 0;
}

.buttonR-sliders a img {
    background-position: 0 0;
}

.buttonR-sliders a:hover img {
    background-position: 0 -102px;
}

.buttonL-sliders a img {
    background-position: 0 -204px;
}

.buttonL-sliders a:hover img {
    background-position: 0 -308px;
}

#nav-miniTest {
    position: relative;
    margin-top: 30px;
}

#nav-miniTest .buttonR-sliders, #nav-miniTest .buttonL-sliders {
    position: absolute;
}

#nav-miniTest .buttonR-sliders {
    right: 60px;
    top: 22px;
}

#nav-miniTest .buttonL-sliders {
    left: 60px;
    top: 22px;
}

.bodyWindows #slider {
    display: block;
    opacity: 1;
    padding: 0 0 20px 0;
    background-color: #FFF;
    border-radius: 0;
    width: 600px;
    margin: 0 auto;
    filter: alpha(opacity=100);
}

.bodyWindows #slider .panel {
    margin: 0 10px;
}

.bodyWindows #slider h4 {
    border-bottom: 2px solid #0A4B98;
}

.somPage .ongletParent .ongletContent p.minibutton.right {
    margin-top: -7px;
}

#contentChosePassword {
    margin: 0 auto 0 auto;
    padding: 5px;
    width: 90%;
    border-bottom: #c3c8cd dotted 1px;
    font-style: normal;
    font-size: 1.6em;
    color: #497fa7;
    /* text-indent: 35px; */
}

.boxBig {
    width: 95%;
    margin: 0 0 0 auto;
}

.light-blue {
    color: #497FA7;
}

#topV8 {
    width: 100%;
    padding: 0;
    margin: 0;
    background: url(../../datas/structure/skin/default/header_bg_big.gif) repeat-x top center;
    height: 190px;
}

/* /////////////////////////////////////////////////////////////////////////
                        LOGIN POUR LES MOBILES
///////////////////////////////////////////////////////////////////////// */

body.login {
    text-align: center;
    color: #606067;
}

.login .contact-btn a {
    margin: 0 0.6em 0 0;
}

.support-page textarea {
    height: 10em;
}

.support-page .flag-list {
    display: none;
}

body.login img {
    margin: 0.6em 0;
}

body.login p {
    font-size: 1.2em;
    padding: 0 0.6em;
}

body.login .flagLog {
    width: auto;
}

body.login form#formLogin {
    padding: .6em;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

body.login form#formLogin select.inputLogin {
    box-sizing: border-box;
    width: 100%;
    display: block;
}

body.login form#formLogin div.inputHolder {
    width: 100%;
    display: block;
    margin: 1.2em 0;
}

body.login form#formLogin div.inputHolder input {
    box-sizing: border-box;
    width: 100%;
    display: block;
}

body.login form#formLogin div.inputHolder label {
    font-size: 1.2em;
    text-align: left;
    color: #606067;
}

body.login form#formLogin input[type='submit'], body.login form#formLogin input[type='button'] {
    font-size: 1.2em;
    padding: .6em;
    font-weight: normal;
    margin: 0.6em 0.9em 0;
}

@media (max-width: 350px) {
    body.login img {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 0.3em;
    }

    body.login form#formLogin input[type='submit'], body.login form#formLogin input[type='button'] {
        display: block;
        margin: .6em 0;
        width: 100%;
    }
}

/* TEST POUR VERTICAL- ALIGN CORSS BROWSER --- */

.table .table-cell {
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}