/* --- D�finition des marges --- */
body, div {padding:0; margin:0;}

/* --- Fonds et body --- */
.bodylanguageTools {background: #ffffff url(../../datas/structure/languageTools/bodyLanguageTools.gif) repeat-y left;}
.bodyExercice {padding:15px 40px;}
.bodyExerciceWindows {padding:0;}
.bodyGlobal {}
.bodyPopup {padding:10px 20px 40px 10px; font-size:0.8em; background-color:#fff}
.bodyWindows {background-color:transparent;}
.bodyOnglets {padding:15px 40px;}
.bodyPrint {padding:5mm}
#podConteneur{padding:0 6px 0 6px;}

/* /////// Structure page /////// */
.corps{
    background:#FFF;
    padding:0 0 12px 0;
    border:1px solid #DCDCDC;
    border-top:none;
}

.corps.corps-simple{
    background:none;
    border:none;
    margin:0;
}
.content {padding:0; margin:5px 0}

#footer {width:100%;padding-top:10px}
#global #navig, #centre {float:left; margin-top:30px;}
#global #navig {width:25%; margin-right:20px;}
#centre {width:72%;}
#colonn1, #colonn3 {width:33%;}
#int_colonn1 {width:60%;}
#int_colonn1, #int_colonn2 {border-right:#e0e0e0 solid 1px;}
#learning_Titre {padding-top:10px}
.Modul h3 a img {width:auto; height:auto; border:none;margin:0; padding:0;float:none;vertical-align:middle; }
.Modul h3 a:hover img { border:none;}

#conteneurFormLogin,#conteneurFormLogin input.inputLogin, #footerLogin{ color:#333; }
#colDroiteLogin p{
    color:#333;
    margin:0 0 12px 0;
}
#logoSocieteLogin {width: 242px; margin: 24px auto 0;}
#conteneurFormLogin{margin: 20px 0 0px;min-width:700px;}
#conteneurFormLogin #colGaucheLogin {
    float:left;
    width:50%;
}
#conteneurFormLogin #colGaucheLogin #logoCTLogin {
    float:right;
    margin:24px 24px 24px 0;
}
#conteneurFormLogin #colDroiteLogin {text-align:left;float: left; padding:24px;border-left:solid 1px #dcdcdc; margin: 24px 0 24px 0; }
/*gestion formulaire Login*/
#formLogin {width:300px;  }
#formLogin .inputHolder{
    width:266px;
    margin: 0 0 6px 0;
}
#formLogin .inputHolder label{
    background: transparent;
    font-size:11px;
    display:block;
    width:100%;
    color:#AAA;
    white-space:nowrap;
    padding: 0;
}
#footerLogin{
    min-width:700px;
}
#footerLogin a{
    color:#497FA7;
}
#footerLogin a:hover{
    color:#62AAC5;
}
#formLogin input.inputLogin,#formLogin select.inputLogin {
    width:266px;
    border:1px solid #dcdcdc;
    padding: 6px 12px 5px 12px;
    font-family: Arial,Helvetica,sans-serif;
}
#formLogin select.inputLogin{
    width:292px;
    padding: 4px 4px 4px 12px;
    margin: 16px 0 6px 0;
    color:#333;
    cursor:pointer;
}
#formLogin select.inputLogin.label,#formLogin option.label{
    color:#666666;
}
#formLogin select.inputLogin option{
    margin:3px;
    color:#333;
}
#formLogin input:hover.inputLogin,#formLogin select:hover.inputLogin {border:1px solid #606067;}
#formLogin input.submit{
    width: 120px;
    margin: 12px 8px 0 0;
}
input:hover.buttonInputLogin{border:none; }

.liensLogin{ margin: 0 auto 12px auto;}
.liensLogin p{text-align:center; }
.liensLogin p a{/*display:inline;*/ margin: 0 6px;}
.espaceurCouleur {width:628px; height:12px;  background:#9fb72c url(../../datas/structure/V8/arrowBG_titre.png) no-repeat 60px top; margin: 0 auto 18px auto;}
.espaceurCouleur.fr{background-position:3px 0;}
.espaceurCouleur.en{background-position:49px 0;}
.espaceurCouleur.es{background-position:95px 0;}
.espaceurCouleur.it{background-position:141px 0;}
.espaceurCouleur.de{background-position:187px 0;}
.espaceurCouleur.nl{background-position:233px 0;}
.espaceurCouleur.pt{background-position:279px 0;}
.espaceurCouleur.br{background-position:325px 0;}
.espaceurCouleur.ru{background-position:371px 0;}
.espaceurCouleur.bg{background-position:417px 0;}
.espaceurCouleur.tr{background-position:463px 0;}
.espaceurCouleur.zh{background-position:509px 0;}
.espaceurCouleur.ko{background-position:555px 0;}
.espaceurCouleur.ja{background-position:601px 0;}

#colDroiteLogin p{width:290px;}
#colDroiteLogin p.alertLogin {color:#df3221;}
#colDroiteLogin p.confirmLogin {color:#91b93e;}
.alertLogin br{
    float:right;
}

/* gestion flag Login */
.flatplan .flag {position:absolute;top:130px; text-align:center;width:100%}
.flatplan .flag ul {list-style:none; padding:0; margin:0 auto;width:600px;}
.flatplan .flag ul li {float:left; line-height:47px; width:50px; padding: 6px 0 6px 0;}
.flatplan .flag ul li img {border:none}

/*.flagLog {text-align: center; width:658px; margin:0 auto;}*/
.flagLog {text-align: center; width:400px; margin:0 auto;}
.flagLog ul {list-style: none; padding:0; margin:0; }
.flagLog ul li {display:inline; width: 44px; margin:0 5px;}
.flagLog ul li img {border:none}

/* -- Positionnememnt du titre ou consignes -- */
.content .boxBig h3 {margin:2px 2px 20px 0;}
.content .boxBig p {margin:5px;}

/* Les ombres */
#ombre_top {
    position:fixed;
    top:0;
    height:8px;
    width:942px;
    left:50%;
    margin-left:-470px;
    display:none;
}

#ombre_navig {
    display:none;
    position:absolute;
    top:0;
    left:230px;
    width:10px;
    height:100%;
}
.bodylanguageTools #ombre_navig {
    left:180px;
}
body > div#ombre_navig { position: fixed;}

.ombreH{
    display:none;
}
.ombreV{
    display:none;
}

/* -- Accueil -- */

/* Navigation menu */
#navig dl,#navig  dt,#navig  dd,#navig  ul,#navig  li {padding:0; list-style-type:none;}
#menu {width:240px}

#boxeLesson{margin:0px 0 12px 12px;height:328px;
    position: relative;
}
#eLessonLink{
    position: absolute;
    width:100%;
    height:100%;
    background: #fa8804;
}
#eLessonLink .titre{
    display:block;
    text-align:center;
    color:#7f4502;
    font-size:30px;
    font-weight:bold;
    margin-top: 24px;
}
#eLessonLink .titre b{
    display:block;
}
#eLessonLink .titre b.line1{
    font-size:32px;
}
#eLessonLink .titre b.line2{
    font-size:17px;
}
#eLessonLink .titre b.line3{
    color:#FFF;
    font-size:42px;
}
#eLessonLink:hover .titre{
    transition: color .3s;
    -moz-transition: color .3s;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    color:#FFF;
}
#eLessonLink .fleche{
    display:block;
    background:#fb9b2c;
    text-align:center;
    padding:18px 0;
    margin-top: 12px;
}
#eLessonLink .fleche span{
    background: url('../../datas/structure/V8/arrowBtn.png') no-repeat center center;
    display:block;
    height: 84px;

    /*float:right;*/
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
#eLessonLink:hover .fleche span{
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
}
#gererElesson{
    position: absolute;
    bottom:12px;
    left:12px;
    color:#FFF;
    text-decoration:underline;
}
#gererElesson:hover{
    text-decoration:none;
}
#navig ul,#navig li{
    list-style-image:none;
    margin: 0 0 0 0;
    padding: 0;
}
#navig #divMenu{
    border-top:5px solid #df3221; background-color:#fff;
}
#boxExercices{
    border:1px solid #dcdcdc;
    border-top:none;
    margin: 0 0 0 15px;
}
#navig #divMenu li{
    transition: border-color .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: border-color .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: border-color .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: border-color .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    border-bottom:1px solid #dcdcdc;
}
#navig #divMenu a{
    background: url('../../datas/structure/V8/puce.png') no-repeat 12px center;
    display:block;
    padding: 6px 6px 6px 29px;
    color:#606067;
    transition: padding .2s;
    -moz-transition: padding .2s;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
}
#navig #divMenu li.highlight{
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    border-color:#497FA7;
}
#navig #divMenu li.highlight a{
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    color:#FFF;
    background-color: #497FA7;
    background-image:url('../../datas/structure/V8/puce_white.png');
}
#navig #divMenu li.highlight.black a,#navig #divMenu li.highlight.black{background-color:#383838;border-color:#383838;}
#navig #divMenu li.highlight.blue a,#navig #divMenu li.highlight.blue{background-color:#3ba7de;border-color:#3ba7de;}
#navig #divMenu li.highlight.cyan a,#navig #divMenu li.highlight.cyan{background-color:#52c0cd;border-color:#52c0cd;}
#navig #divMenu li.highlight.green a,#navig #divMenu li.highlight.green{background-color:#91b93e;border-color:#91b93e;}
#navig #divMenu li.highlight.orange a,#navig #divMenu li.highlight.orange{background-color:#e88224;border-color:#e88224;}
#navig #divMenu li.highlight.pink a,#navig #divMenu li.highlight.pink{background-color:#ca6caa;border-color:#ca6caa;}
#navig #divMenu li.highlight.red a,#navig #divMenu li.highlight.red{background-color:#df3221;border-color:#df3221;}
#navig #divMenu li.highlight.white a,#navig #divMenu li.highlight.white{background-color:#e4eaf1;border-color:#e4eaf1;}
#navig #divMenu li.highlight.yellow a,#navig #divMenu li.highlight.yellow{background-color:#f7ad00;border-color:#f7ad00;}

.highlight #eLessonLink{
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    background: #497FA7;
}
.highlight #eLessonLink .fleche{
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    background: #6694b5;
}
.highlight #eLessonLink .titre b{
    transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
    color:#FFF;
}

/*ADMIN LI*/
#navig #divMenu a#ct28{
    padding-top:12px;
    padding-bottom:12px;
}
#navig #divMenu a#ct28 span{
    display:inline-block;
    width:26px;
    height:26px;
    background: url('../../datas/structure/V8/admin.png') no-repeat;
    float:right;
    margin-top:-6px;
}
#navig #divMenu a#ct28:hover span{
    background-position: bottom;
}
#navig #divMenu a b{
    color:#df3221;
    display:inline-block;
    transition:color .3s,;
    -moz-transition:color .3s;
    -webkit-transition:color .3s;
    -o-transition:color .3s;

}
#navig #divMenu li:hover a b{
    color:#FFF;
}

#navig #divMenu li.last{
    border:none;
}

#navig #divMenu a:hover{
    padding-left:41px;
    color:#FFF;
    background-color:#df3221;
    background-image: url('../../datas/structure/V8/puce_white.png');
    transition:color .3s, padding .3s cubic-bezier(0.165, 0.840, 0.440, 1.000),background-color .3s;
    -moz-transition:color .3s, padding .3s cubic-bezier(0.165, 0.840, 0.440, 1.000),background-color .3s;
    -webkit-transition:color .3s, padding .3s cubic-bezier(0.165, 0.840, 0.440, 1.000),background-color .3s;
    -o-transition:color .3s, padding .3s cubic-bezier(0.165, 0.840, 0.440, 1.000),background-color .3s;
}
/* options */
.optionMenu{
    display:none;
}
/* exercices Flash et module Flash */
.cadreFlash {
    margin:0 auto;
    padding:10px;
    width:95%;
}

/* page exercices */
.exerciceContent {
    border:1px solid #dcdcdc;
    background-color:#fff;
}
.illustration img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    box-shadow:0 0 10px #CCC;
    -moz-box-shadow:0 0 10px #CCC;
    -webkit-box-shadow:0 0 10px #CCC;
    -khtml-box-shadow:0 0 10px #CCC;
    padding:0;
}
.bodyExercice .exerciceColonne1 img {
    padding:0;
}
.bodyExercice{
    padding:0;
}
.exerciceContent{
    margin:12px;
}
.exercice2Colonnes{
    padding:0;
}
.bodyExercice .illustration{
    float:left;
    position:static;
    margin:15px 0 0 40px;
}
.bodyExercice .exerciceColonne1{
    margin:0 0 0 40px;
}
.bodyExercice .illustration table{
    width:100%;
    margin:0;
}
.exerciceImage {margin:15px 40px 0 207px;}
.exercice2Colonnes {margin:15px 40px 0 305px;}
.exerciceFooter {padding:0; margin:5px 0 0 0; clear:both;}
.exerciceFooter div.button, .exerciceFooter div.button2 {padding:5px;}
.exerciceFooter p {padding:10px; text-align:center;font-size:10px; color:#ccc}
.footer {margin:0;border-top:1px solid #ecedee; clear:both;width:100%;padding-top:5px}
.bodyAccueil .footer {width:auto;padding:5px 2.5%;}
.bodyAccueil .footer p,.bodyExercice .footer p {padding:10px; text-align:center;font-size:10px; color:#666666}
.bodyPopup .footer,.bodyPrint .footer {position:fixed;bottom:0;left:0; background-color:#fff; min-height:30px}
.bodyPrint .header {padding:2px; margin:0;clear:both;width:100%;}
.bodyPrint .header h1 {text-align:right;border-bottom:none; margin:0}
.bodyPrint .header .logo {text-align:center; padding:0; margin-top:-20px}
.exerciceImage .exerciceFooter,.exercice2Colonnes .exerciceFooter {clear:none;}
.exerciceFooter{
    padding:14px;
}
.exerciceColonne1,
.illustration {
    position:absolute;
    top:15px;
    width:150px;
    margin-right:10px
}
.exerciceColonne1{width:250px;}
.exerciceColonne1 img {max-width:250px;}


.bodyAccueil div.competence,.bodylanguageTools div.competence {position:absolute; right:15px; width:31px;top:8px}
.bodyWindows div.competence {position:absolute; right:30px; width:31px;top:6px}
.exerciceContent div.competence { position:absolute; right:45px; width:31px; margin-top:2px}
.bodyExerciceWindows .exerciceContent div.competence { position:absolute; right:25px; width:31px; margin-top:2px}
.ongletParent div.competence { position:absolute; right:45px;top:5px; width:31px; margin-top:2px}
.ongletParent .aide a {margin-right:2px; margin-top:8px}
.exerciceContent .aide a {margin-right:40px; margin-top:8px}
.exerciceContent .mot {
    font-size:20px;
    margin:0 0 24px 0;
    padding:24px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
#divSyns{padding: 5px 20px;}

.anim_fleche{width:25px;height:20px;background: url(../../datas/structure/anim_fleche.gif) no-repeat 0 0;}/* Spaceur pour gif animé dans travailDetail.jsp */

/* tableau verbes irr�guliers + synonymes */
table {border-spacing:0;border-collapse: collapse;}
.log table.t_gris{border-collapse:separate;}
.mainTab, .bodyExercice table.mainTab, .bodyPopup table.mainTab {width: 100%;}
.mainTab strong{ color: #555;}
.mainTab td{ padding: 3px 10px; border: 1px solid #ECEDEE;}
.mainTab td p{ margin: 2px;}
.mainTab th{
    padding: 10px 0;
    background-color: #414B56;
    color: #FFF;
    border: 1px solid #414B56;
    border-bottom: 1px solid #ECEDEE;
}
.mainTab .tr2{ background-color: #ECEDEE;}

.box {
    width:50%;
    margin:10px auto; padding:5px;
    border: 1px solid #ccc;
    background-color:#ecedee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.box p {color:#414b56; margin:0}
.dictionnaire {padding:10px}
.bodyPopup .dictionnaire {padding:0;}
.dictionnaire p, .dictionnaire li, .dictionnaire ul {margin:2px 0}
#V-keyboard{
    display:inline;
}
#V-keyboard img{
    margin-bottom:-14px;
    cursor:pointer;
    height:44px;
    width:36px;
    background: url('../../datas/structure/V8/spry_icoTools.png') no-repeat 4px -206px;
}
#V-keyboard img:hover{
    background-position: -29px -206px;
}
.bodyExercice .dictionnaire table, .bodyPopup .dictionnaire table {border-spacing:0;border-collapse: collapse;margin:0 10px 0 20px;}
.bodyExercice .dictionnaire td, .bodyPopup .dictionnaire td {border:none; margin:0; padding:0}
.bodyPopup .dictionnaire td p {margin:2px 0; padding:0; text-align:left;}
.bodyExercice .button.left {margin:5px 0 0 5px}

.bodyExercice table,.bodyPopup table {width:auto; margin:5px auto; font-size:1em}
.bodyExercice table.tableForm {clear:both;}
.bodyExercice table p,.bodyPopup table p {margin:3px 0;color:#414b56;text-align:left;}
.bodyExercice table td,.bodyPopup table td {margin:0;padding:2px}
.dicoFooter {padding:10px; margin:10px 0 0 0;}
.dicoFooter p {color:#999999; text-align:right; margin:0; font-size:smaller;}
.dicoFooter p a {color:#999999;}

.traduction {padding:0 10px}
.traduction p {margin:2px 0 5px 0;color:#414b56; font-size:9pt}
.traduction textarea {margin:0 0 8px 0 ; width:97%; height:90px;}

.lab {padding:0 10px}
.lab table {border-spacing:0;border-collapse: collapse;margin:2px; width:100%}
.lab textarea {margin:0 0 5px 0 ; width:400px; height:60px;}
.lab table td {border:none; margin:0; padding:5px}
.bodyExercice .lab h4,.bodyExercice .lab p, .bodyPopup .lab h4,.bodyPopup .lab p  {margin:0}
.bodyExercice .lab table p, .bodyPopup .lab table p {margin:2px 0 5px 0;color:#414b56; font-size:8pt}
.lab #flashcontent {margin:2px 0;width:100%;}

.bodyExercice .ongletParent h4 {padding:3px; margin:0 5px 3px 0;}
.bodyExercice .ongletContent div {width:48%; float:left;margin:0 5px}
.bodyExercice .ongletParent blockquote {margin:10px 20px; border:1px dotted #ccc; padding:3px; text-align:justify;}
.bodyExercice blockquote {margin:10px 20px; padding:5px;}
.bodyExercice blockquote p {margin:2px; padding:0;color:#414b56;}
.bodyExercice fieldset {width:90%; margin:5px auto}
.bodyExercice fieldset table {border-spacing:0;border-collapse: collapse;margin:2px; width:100%}
.bodyExercice fieldset table p {margin:2px;}
.bodyExercice table label  {color:#414b56;}
.bodyExercice table label img {vertical-align:middle;}
.bodyExercice table li {}

/*navigation assistant*/
#nav_assistant ul, #nav_assistant ol {margin:0 0 0 5px;padding:0 0 0 5px}
#nav_assistant ul li, #nav_assistant ol li {
    margin:-1px 5px 0 3px;
    cursor:default;
    list-style: none;
}
#nav_assistant ul li a,#nav_assistant ol li a {text-decoration:none;display:block;padding:0 2px}

/* Forum p�dagogique */
#theme {
    border:none;
    width:auto;
    margin:5px;
}
#theme legend {}
#theme h2 {font-variant:small-caps; }
#theme h3 {
    font-size:11pt;
    font-weight:300;
    float:right;
    border:none; background-color:transparent;
}
#theme h3 a {
    padding:0 0 0 20px;
    margin:5px 0 0 5px;
    list-style-position:inside;
    background: url(../../datas/forum/newMessage.gif) no-repeat 0 0;
}
#theme p {}

div.message {
    background:#ecedee url(../../datas/forum/f_question.gif) repeat-x 0 0 ;
    border: 1px solid #ccc;
    padding:0 5px 5px 5px;
    margin-top:5px;
    clear:both;
}

div.message a em {
    font-size:8pt;
    color:#ffffff;
    float:right;
    margin-right:5px
}
div.message ul {width:90%; margin:0 auto;}
div.message a:hover, a.navon, {background-color:transparent;}
div.message a .navon {background:transparent url(../../datas/forum/comment_new.png) no-repeat 3px 3px ;}
a.navon, a.navoff {padding-left:20px; text-decoration:none;font-size:12px}
div.message ul, a.navoff, a.navon { }
a.navoff {background: url(../../datas/forum/open.gif) no-repeat 3px 3px ; color:#fff }
a.navoff:hover {background: url(../../datas/forum/open_ov.gif) no-repeat 3px 3px ; color:#ffd800}
a.navon {background: url(../../datas/forum/close.gif) no-repeat 3px 3px ; color:#fff}
a.navon:hover {background: url(../../datas/forum/close_ov.gif) no-repeat 3px 3px; color:#ffd800}

.close {display: none;}
.open {display: block;}


/*///////  messages PROF et STAGIAIRE ////////*/
div.message ul li strong {float: right;}
div.message ul li em {
    font-size:smaller;
    float:right;
    color:#414b56;
}

div.message ul {padding: 5px 5px 0 0;
    list-style-image:none;
    list-style-type:none;}

div.message ul li, div.message ul li.rep {
    margin:0 0 20px 0;
    text-indent:-20px;
}
div.message ul li {
    font-style:italic;
    color:#00267f;
}
div.message ul li.rep {
    color:#414b56;
    font-style:normal;
}
#boutonValiderReponse, #boutonRepondre {margin-top:10px}


#reponse { background:transparent url(../../datas/forum/comment_new.png) no-repeat left 10px ;}
.zdt_rep {
    border:#ccc 1px solid;
    margin:5px;
    background-color:#ffffff;
    width:100%;
    padding:5px;
}
.rep_stag {
    border:#00267f 1px solid;
    background-color:#ffffff;
    margin:0 0 0 20px;
    text-indent:0;
}
.rep_prof {
    border:#ccc 1px solid;
    background-color:#f3f3f4;
    margin:0 0 0 20px;
}
.rep_stag p,.rep_prof p {padding:0; margin:5px 30px;  }


/* Navigation languageTools */
.languageTools {width:189px; position:absolute; padding-top:10px;}
.languageTools dl, .languageTools dd, .languageTools ul, .languageTools li, .languageTools dt {
    margin:0;padding:0;
    list-style-image:none;list-style-type:none;
}
.languageTools li,.languageTools dt {
    clear:left;
    font-size:8pt;
}
.languageTools li{ margin-bottom: 10px; }
.languageToolsStatic li a img, .languageTools dt.menuEntete img,.languageTools li img {border:none;clear:left; float:left;}
.languageTools li img {margin-left:10px;}
.languageTools dt.menuEntete img {padding:15px 10px; width:10px; height:10px; border:none}
.languageToolsStatic li a, .languageTools li a, .languageTools dl a {
    color:#ffffff;
    text-decoration: none;
    display:block;
    height:35px;
    padding:0;
}

.languageTools dt.menuEntete .item_off {background: url(../../datas/structure/languageTools/item_off.png) no-repeat center;}
.languageTools dt.menuEntete.active .item_off {background: url(../../datas/structure/languageTools/item_on.png) no-repeat center;}

.languageTools li:hover{background: url(../../datas/structure/languageTools/item_over.gif) no-repeat 10px 15px ; }
.languageTools li a {color: #212d46;}
.languageTools li a:hover {color: #FFF;}
.languageToolsStatic li a span, .languageTools li a span {vertical-align:middle;height:35px;display:table-cell; color:#c8d9ff;}
.languageTools li:hover a span, .languageTools li a span:hover {color:#FFF;}
.languageToolsStatic li a.selected, .languageTools li a.selected {background: url(../../datas/structure/languageTools/current.png) no-repeat right; font-weight:bold;}
.languageToolsStatic li a.selected:hover, .languageTools li a.selected:hover {cursor:default;}
.languageToolsStatic li a.selected span, .languageTools li a.selected span { color:#fff;}

/* Entete menu */
.languageTools dt.menuEntete {line-height:40px;color:#003A82;}
.languageTools dt.menuEntete  {background: url(../../datas/structure/languageTools/list_navig.gif) repeat-x 0 0; height:40px;color:#FFF;}
.languageTools dt.menuEntete a:hover {color:#fff}
.languageTools dt.menuEntete:hover {background: url(../../datas/structure/languageTools/list_navig.gif) repeat-x 0 -40px;}
.languageTools dt.menuEntete.active {background: url(../../datas/structure/languageTools/list_navig.gif) repeat-x 0 -120px; cursor:default;color:#fff}

.languageTools dl{ overflow:hidden; clear:both;}
.languageToolsGram {margin:0 0 0 200px; padding:0}
.languageToolsGram .icones {display:inline-block;}

.languageToolsStatic dd, .languageToolsStatic ul, .languageToolsStatic li{padding: 0;margin: 0;}
.languageToolsStatic li, .languageToolsStatic ul{list-style: none;}
.languageToolsStatic li a:hover{background-color: #5D75A9;color: #FFF;}

.languageToolsStatic li.highlight a {background-color:#ff9900}

/*menu sommaires */
/* gestion des balises menu */

menu{
    padding: 0;
    margin: 0;
    clear:both;
}
menu dt{
    text-decoration:none;
    line-height: 29px;
    display: block;
}
menu dt a{
    text-decoration:none;
    line-height: 29px;
    display: block;
}
menu dt:hover{background-position: 0 -29px;cursor: pointer;}
menu dt.active{ background-position: 0 -58px; }
menu dt.active:hover{ background-position: 0 bottom; }

.menuTitre {padding-left: 20px;}
.menuTitre em {font-variant: normal;}
menu dd {margin-left:0;display:none }
#int_colonn2 menu dd {margin-left:0;display:inline-block;width:100%; }
menu dd.open {display:block;}

/* menu */

menu dt {background-position: 0 top;background-repeat: repeat-x}
menu dt.active .menuTitre {background-position: 5px center; background-repeat:no-repeat;}
menu dt.active:hover .menuTitre {background-position: 5px center;}
menu dd td ul.list{width:200px;min-width:inherit;border:none}

/* Liste des items dans le menu ouvert */

.list {border: 1px solid #e6e6e6;}
.list li {background-color:#F4F4F4;border-bottom: 1px solid #ECEDEE; color:#414b56}
.list li.last{border-bottom:none;}
.list li:hover {background-color:#ddecff;background-repeat: no-repeat;background-position: 5px center;}
.list li.autre {}
.list li.autre:hover {}
.list.sound li a{background: url(../../datas/structure/icons/ico_media.png) no-repeat 0 center;padding-left: 22px;}
.list.redaction li a{background: url(../../datas/structure/icons/ico_redaction.png) no-repeat 0 center;padding-left: 22px;}
.list.presentation li a{background: url(../../datas/structure/icons/ico_presentation.png) no-repeat 0 center;padding-left: 22px;}
.list.negociation li a{background: url(../../datas/structure/icons/ico_negociation.png) no-repeat 0 center;padding-left: 22px;}
.list.telephone li a{background: url(../../datas/structure/icons/ico_phone.png) no-repeat 0 center;padding-left: 22px;}
.list.dialogue li a{background: url(../../datas/structure/icons/ico_dialog.png) no-repeat 0 center;padding-left: 22px;}
.list.video li a{background: url(../../datas/structure/icons/ico_video.png) no-repeat 0 center;padding-left: 22px;}
.ico_grammaire, .ico_FL {width:65px; height:34px}
.ico_grammaire {background: url(../../datas/structure/languageTools/grammaire.png) no-repeat 0 center;}
.ico_FL {background: url(../../datas/structure/languageTools/flashLesson.png) no-repeat 0 center;}

/* arborescence dans le sous-menu  */

menu dt .menuTitre, menu dt .menuTitre:hover {background-position: 5px 10px; background-repeat:no-repeat;}
.list li.plus,.list li.plus:hover, .list li.moins,.list li.moins:hover  {background-position: 5px 5px; background-repeat:no-repeat;}

/* TIMER */
.timer{
    border: 1px solid #c1c1c3;
    width: 100%;
    height: 12px;
    background: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.timer div{
    background: #d3d3d5;
    width:0;
    height: 100%;

}

.timer div span{display:none;}

.timerComp,.navig .green .timer{border-color:#91b93e}
.timerComp div,.navig .green .timer{background-color:#91b93e}
.navig span.green{color:#91b93e;}
.timerMemo,.navig .blue .timer{border-color:#52c0cd}
.timerMemo div,.navig .blue .timer{background-color:#52c0cd}
.navig span.blue{color:#52c0cd;}
.timerRefl,.navig .red .timer{border-color:#df3221}
.timerRefl div,.navig .red .timer{background-color:#df3221}
.navig span.red{color:#df3221;}
menu .scoreSom{float:right; margin:-30px 10px 0 0;}
menu .timer {width: 100px; vertical-align:middle;display:inline-block;}
menu .points{font-size:smaller;display:inline-block;}

menu .progress {float:right;}
menu .progression {float:right;}

img.img-quest{width:20px;height:22px;}/* taille spacer stat.jsp */

/* liste des le�on chek on et off */
a.checkOn {background-position:0 0;background-repeat: no-repeat}
a:hover.checkOn {background-repeat:no-repeat;background-position: 0 -19px}
a.checkOff {background-repeat: no-repeat;background-position: 0 -38px}
a:hover.checkOff {background-repeat: no-repeat;background-position: 0 -57px}

#blockDetail {
    position: absolute;
    z-index: 100;
    background: #EEE;
    width: 800px;
    top: 0;
    left: 0;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #CCC;
    overflow: hidden;
}

#blockDetail ul {
    margin: 30px 0 0 10px;
    padding: 0;
}

#blockDetail li {
    font-size: 11px;
    margin: 0;
}

#blockDetail p.lesson-title {
    color: #787878;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    width: 120px;
    margin: 2px;
}

#blockDetail .progress-100 {
    background: url( "../../datas/structure/icons/ico-progress-100.png" ) no-repeat right top;
    color: #898989;
    font-size: 0.8em;
    height: 40px;
    padding: 10px 25px 0 0;
    position: absolute;
    right: 10px;
    top: 1px;
}

#blockDetail .progress-0 {
    background: url( "../../datas/structure/icons/ico-progress-0.png" ) no-repeat right top;
    color: #898989;
    font-size: 0.8em;
    height: 40px;
    padding: 10px 25px 0 0;
    position: absolute;
    right: 10px;
    top: 1px;
}#blockDetail .progress-10 {
     background: url( "../../datas/structure/icons/ico-progress-10.png" ) no-repeat right top;
     color: #898989;
     font-size: 0.8em;
     height: 40px;
     padding: 10px 25px 0 0;
     position: absolute;
     right: 10px;
     top: 1px;
 }#blockDetail .progress-30 {
      background: url( "../../datas/structure/icons/ico-progress-30.png" ) no-repeat right top;
      color: #898989;
      font-size: 0.8em;
      height: 40px;
      padding: 10px 25px 0 0;
      position: absolute;
      right: 10px;
      top: 1px;
  }#blockDetail .progress-50 {
       background: url( "../../datas/structure/icons/ico-progress-50.png" ) no-repeat right top;
       color: #898989;
       font-size: 0.8em;
       height: 40px;
       padding: 10px 25px 0 0;
       position: absolute;
       right: 10px;
       top: 1px;
   }#blockDetail .progress-70 {
        background: url( "../../datas/structure/icons/ico-progress-70.png" ) no-repeat right top;
        color: #898989;
        font-size: 0.8em;
        height: 40px;
        padding: 10px 25px 0 0;
        position: absolute;
        right: 10px;
        top: 1px;
    }#blockDetail .progress-90 {
         background: url( "../../datas/structure/icons/ico-progress-90.png" ) no-repeat right top;
         color: #898989;
         font-size: 0.8em;
         height: 40px;
         padding: 10px 25px 0 0;
         position: absolute;
         right: 10px;
         top: 1px;
     }
*+html #popUp-reportLecon .report .block-lesson{
    float: left;
}
* html #popUp-reportLecon .report .block-lesson{
    float: left;
}

#popmenu.menuskin {
    position:absolute;
    width:150px;
    background-color:#e2e2e2;
    border:1px solid #414b56;
    z-index:100;
    visibility:hidden;
}
#popmenu.menuskin p {
    margin:0 10px;
    padding:0;
    font-weight:bold;
}
#popmenu.menuskin a {
    text-decoration:none;
    font-size:9pt;
    color:#0063A0;
}
#popmenu #mouseoverstyle {
    background-color:#0063A0;
}
#popmenu #mouseoverstyle a {
    color:#FFF;
    background-color:transparent;
}
#popmenu .menuitems {
    padding:2px;
    margin-left:5px
}

/* PAGE MAINTENANCE / BANNIERE */
.bodyWindows #maintenanceBloc, #maintenanceContent blockquote {
    background-color: #FFF;
    text-align: center;
    padding: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

.bodyWindows #maintenanceBloc blockquote {
    width:auto;
    text-align: left;
    background-color: #d8d8d8;
    box-shadow: 0 0 3px #444;
    -khtml-box-shadow: 0 0 3px #444;
    -moz-box-shadow: 0 0 3px #444;
    -webkit-box-shadow: 0 0 3px #444;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

#maintenanceBloc .right {
    position: absolute;
    top: 2%;
    right: 5%;
    float: inherit;
}

#maintenanceHeader {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    padding: 10px;
    background-color: #d8d8d8;
    text-align: left;
}

#maintenanceHeader p.right {
    color: #3e4d76;
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    padding: 10px;
}

#maintenanceContent, #maintenanceFooter {
    width:700px;
    margin: 0 auto;
    padding: 10px;
}

.bodyWindows #maintenanceContent blockquote {
    background: url(../../datas/structure/icons/ico_maintenance.png) no-repeat 40px 12px #d8d8d8;
    border: 1px solid #999999;
    padding: 20px 10px;
    padding-left: 30%;
    margin: 10px 0 20px;
    min-height:75px;
}

.bodyWindows #maintenanceBloc blockquote h3 {
    color: #3e4d76;
    font-size: 1.6em;
    font-weight: normal;
}

#maintenanceBloc p {
    text-align: left;
}

.bodyWindows #maintenanceBloc blockquote ul {
    padding: 0;
    margin: 0;
}

#maintenanceBloc blockquote li {
    list-style-type: none;
    list-style-image: none;
}

.bodyWindows #maintenanceFooter blockquote {
    background: url(../../datas/structure/icons/ico_contact.png) no-repeat 15px 12px #d8d8d8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    width: 250px;
    margin: 0 auto;
    padding: 14px 10px;
    padding-left: 60px;
    border: 1px solid #999999;
    text-align: left;
}

.bodyWindows #maintenanceFooter p, #maintenanceFooter a {
    color: #4b4b4b;
}

#maintenanceFooter p span {
    font-weight: bold;
}

#maintenanceBloc.banniereBloc h3,
#maintenanceBloc.banniereBloc h4,
#maintenanceBloc.banniereBloc p{
    color:#383838;
}
#maintenanceBloc.banniereBloc h3{
    background:url(../../datas/structure/icons/ico_infos.png) no-repeat 2px bottom;
}
#maintenanceBloc.banniereBloc h3 span{
    text-transform: uppercase;
    font-size:1.2em;

}
#maintenanceBloc.banniereBloc h3 img{
    position:relative;
    top:14px;
}
#maintenanceBloc.banniereBloc h4{
    text-align:left;
    text-transform:uppercase;
    margin-top:0;
    -webkit-transition:color 0.3s;
    -moz-transition:color 0.3s;
    -o-transition:color 0.3s;
    transition:color 0.3s;
}
#maintenanceBloc.banniereBloc p.intro{
    text-align:center;
    margin: 34px 0;
}
#maintenanceBloc.banniereBloc .bloc{
    border:1px solid #dcdcdc;
    border-bottom:3px solid #dcdcdc;
    padding:7px;
    margin:0 0 14px 0;
    position: relative;
    text-align: left;
    -webkit-transition:border 0.3s;
    -moz-transition:border 0.3s;
    -o-transition:border 0.3s;
    transition:border 0.3s;
}
#maintenanceBloc.banniereBloc .bloc:hover{
    border-bottom:3px solid #497fa7;
    -webkit-transition:border 0.5s;
    -moz-transition:border 0.5s;
    -o-transition:border 0.5s;
    transition:border 0.5s;
}
#maintenanceBloc.banniereBloc .bloc:hover h4{
    color:#497fa7;
    -webkit-transition:color 0.5s;
    -moz-transition:color 0.5s;
    -o-transition:color 0.5s;
    transition:color 0.5s;
}

#maintenanceBloc.banniereBloc .bloc img{
    position:absolute;
    margin-right:7px;
    left:7px;
}
#maintenanceBloc.banniereBloc .bloc h4,
#maintenanceBloc.banniereBloc .bloc p{
    margin-left:45px;
}

#maintenanceBloc.banniereBloc #maintenanceFooter p{
    color:#497fa7;
    font-weight:bold;
}


/* CLASSES SUBSTITUTION */
.width85{
    width:85%;
    margin:10px auto
}
.margin500{
    margin-left:500px;
    margin-top:10px
}
.width400{
    float:left;
    width:400px
}
.width420{
    float:left;
    width:420px
}
.width130{width:130px;}
.height20{height:20px;}
.width40{width:40px;}
#texteEx{padding:10px;}
.floatL{float:left;}
.width200{width:200px;}
.width49{width:49px;}
.width60p{width:60%; padding:2px}
.margin10Auto{margin:10 auto;}
.dep {
    font-weight : bold;
    color : #CC0000;
    text-decoration:none;
    display:block;
    min-height:20px;
    z-index:1001
}
.dep:hover {
    color : #ffffff;
    background-color : #CC0000;
    text-decoration : none;
}


.mess {
    border : 1px solid #CC0033;
    background-color : #ffffff;
}
.tabl2 {
    padding-left : 10px;
    border : 1px solid #ffffff;
    background-color : #A7DEF9;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ongletContenu.notepad{overflow: auto; width:auto; height:315px;}
.ongletContenu.notepad fieldset{margin:5px;}
.ongletContenu.notepad fieldset input.zdt{width:95%;}
.ongletContenu.notepad fieldset textarea.zdt{width:95%;height:150px;}
div.notepad{overflow: auto; width:auto;min-height:315px;}
div.notepad fieldset p .small{float:right;}
.tableAppar .reception{width:100%;height:20px;}
.flv{
    width:auto;
    float:none;
    margin:0 auto 24px;
    padding:24px;
    border-bottom:1px solid #dcdcdc;
}
.flv #flashcontent{width:420px;margin:0 auto;}

hr.black {
    border-color:#000;
}

.baseline {
    font-size:12px;
    font-weight:bold;
}