/* ---- fond bandeau cyber ---- */
.f_flashCyber {background: url(../../datas/structure/skin/default/header_bg.jpg) repeat-x center top}
.f_flashCyber #flashcontent2 {background: url(../../datas/structure/skin/default/header_bg.jpg) repeat-x 0 -143px}/* -- page login --*/
#topLogin {background:url(../../datas/structure/login/header_bg.gif) repeat-x top center;}

/* Les ombres */
#ombre_top {background: url(../../datas/structure/skin/default/f_ombre.png) no-repeat center top;}
#ombre_navig {background: url(../../datas/structure/skin/default/navig_ombre.png) no-repeat right top;}

/* GESTION LOGOS */
/* -- Gestion logos page de Login -- */
.logoLogin {padding:20px; width:260px;}
.logoLogin img {height:85px; width:260px;}
#logoLogin {background:url(../../datas/structure/logos/telelangue/logo_text.png) no-repeat center center}

/* logo picture cyberTeachers page de login */
.titleImg {
    float:right;
    background:url(../../datas/structure/logos/telelangue/login_cyberteachers.png) no-repeat top right;
    width:500px;
    height:143px;
    overflow:hidden;
}


/* fond navigation */
.bodyAccueil{background: #ffffff url(../../datas/structure/skin/default/f_body.gif) repeat-y left;}
#navig {background: #CCD0EA url(../../datas/structure/skin/default/f_menu.gif) repeat-x top;}

/* ---- menu gauche ---- */
.ma_formation {
    color:#414b56;
    text-shadow: 1px 1px 2px #999;
}

/* -- calendrier -- */
dd#lecon {background:url(../../datas/structure/skin/default/calendar_top.png) no-repeat 10px 0;}
dd#lecon #calendar{background:url(../../datas/structure/skin/default/calendar_bottom.png) no-repeat left bottom;}
dd#lecon #calendar2{background:url(../../datas/structure/skin/default/calendar_bottom-2.png) no-repeat left bottom;}

dd#leconMin {background:url(../../datas/structure/skin/default/calendar.png) no-repeat scroll 10px 0 transparent;}

/* titre worksheet */
#lecon .titreWS {
    color:#d60352;
    border-top: #e0e0e0 1px solid ;
    border-bottom: #e0e0e0 1px solid ;
}
/* nom + muméro */
#lecon p.name {color:#000000;}
#lecon p a {color:#414b56;}
#num {color:#5C7FCB;}

/* liste leçon 15mn - 30mn -45mn */
#list_lecon li {background: url(../../datas/structure/skin/default/item2.png) no-repeat 0 2px;}
#list_lecon li a {color:#414b56;}
#list_lecon li a:hover {
	background-color: #ecedee;
	color:#414b56;
}
#calendar2 #list_lecon li a:hover {background:none;}

/* ---- menu gauche ---- */
#menu dt {
    border-top: 1px dotted #414b56;
    border-bottom: 1px dotted #414b56;
    background: #ffffff url(../../datas/structure/skin/default/f_item1.gif) repeat-x top;
}
#menu dt.autres {background: #ffffff url(../../datas/structure/skin/default/f_item1.gif) repeat-x top;}
#menu dt.autres:hover {background: #b6b5b4 url(../../datas/structure/skin/default/f_item1.gif) repeat-x bottom;}
#menu dt.autres a {
    color:#414b56;
	background:url(../../datas/structure/skin/default/item2.png) no-repeat 5px 10px;
}
#menu dt.autres a:hover {
   	background: transparent url(../../datas/structure/skin/default/item2b.png) no-repeat 5px 10px;
	color:#000;
}

/* Entrées e-lessons */
#lecon h2,#list_exerc h2{
    color:#FFF;
    background:#A2A8BD;
    border-top:1px solid #5c6072;
    border-bottom:1px solid #FFF;
    -webkit-text-shadow: 1px 1px 2px #5c6072;
    -khmtl-text-shadow: 1px 1px 2px #5c6072;
    -moz-text-shadow: 1px 1px 2px #5c6072;
    -o-text-shadow: 1px 1px 2px #5c6072;
    text-shadow: 1px 1px 2px #5c6072;
}

/* list theme exercices */
#list_exerc ul {border-bottom: 1px dotted #414b56;}
#list_exerc li a, #lecon li a, #divers li a {
    background:url(../../datas/structure/skin/default/item2.png) no-repeat 5px 8px;
	color:#414b56;
}
#list_exerc li a img, #lecon li a img, #divers li a img {
    background:url(../../datas/structure/skin/default/item2.png) no-repeat 5px 8px;
	color:#414b56;
}
#list_exerc li .on, #lecon li .on, #divers li .on {
    background: #a2a8bd url(../../datas/structure/skin/default/item2b.png) no-repeat 8px 8px;
    color:#CCD0EA;
}
#list_exerc li a:hover, #lecon li a:hover, #divers li a:hover {
    background: #a2a8bd url(../../datas/structure/skin/default/item2b.png) no-repeat 5px 8px;
	color:#FFFFFF;
}
#list_exerc li .result{color: #414b56;}
#list_exerc li:hover .result{color: #ffffff;}
#list_exerc li:hover .result img{border-color: #414b56;}

/* transparence menu si besoin */
#list_exerc li a:hover, #divers li a:hover, #list_lecon li a:hover, #menu dt.autres a {}


/* ---- navigation ---- */
/* Liste des items dans le menu ouvert */
.list,#corps-lessonMap .lecon-today {border: 1px solid #e6e6e6;}
.list li,#corps-lessonMap .lecon-today {background-color:#F4F4F4;border-bottom: 1px solid #ECEDEE; color:#414b56}
.list li:hover {background-color:#ddecff;background-image: url(../../datas/structure/skin/default/nav_fleche_ov.png);color:#000}
.list li.autre {background-image:url(../../datas/structure/skin/default/nav_fleche.png)}
.list li.autre:hover {background-color:#ddecff;background-image: url(../../datas/structure/skin/default/nav_fleche_ov.png);color:#000}
#corps-lessonMap .lecon,#corps-lessonMap .lecon-today span a,#corps-lessonMap .lecon-today li,#corps-lessonMap .list-lecon .details li{color:#414b56}
#corps-lessonMap .list-lecon .details li,#popUp-lecon #contentTabs li.title-lesson{color:#414b56;}
#corps-lessonMap .list-lecon .lecon:hover,#corps-lessonMap .list-lecon .lecon p:hover{color:#000}

/* arborescence dans le sous-menu  */
.list li.plus, menu dt .menuTitre {background-image:url(../../datas/structure/skin/default/nav_plus.png); color: #0066cc;}
.list li.plus a, menu dt .menuTitre a{color: #0066cc;}
.list li.plus:hover, menu dt .menuTitre:hover {background-image: url(../../datas/structure/skin/default/nav_plus_ov.png); color: #0f87ff;}
.list li.plus a:hover, menu dt .menuTitre a:hover,{color: #0f87ff;}
.list li.moins {background-image:url(../../datas/structure/skin/default/nav_moins.png) ; color:#0066CC;}
.list li.moins:hover {background-image: url(../../datas/structure/skin/default/nav_moins_ov.png); color:#d60352;}

/* nav pour les titres news (p) */
ul.list li:hover, ul.list li.autre:hover,#corps-lessonMap .lecon-today:hover {background-color:#eaeaea}
#nav_assistant ul li a:hover,#nav_assistant ol li a:hover {background-color:#eaeaea;}


/* menu */
menu {border: 1px solid #e6e6e6;}
menu dt {background-image: url(../../datas/structure/skin/default/menu_h.gif);}
menu dt.active .menuTitre {color: #FFF; background-image: url(../../datas/structure/skin/default/nav_moins.png);}
menu dt.active:hover .menuTitre {color: #FFF;background-image: url(../../datas/structure/skin/default/nav_moins_ov.png)}
menu dt.active .menuTitre a {color: #FFF;}
menu dt.active:hover .menuTitre a {color: #FFF;}

dt .points {color: #414b56;}
dt:hover .points {color: #001d39;}
dt.active .points {color: #fff;}

menu dd{background-color:#f4f4f4}
menu dd h4{color: #D60352;}
menu dd td li span{color: #002f5d;}
menu dd td li span b{color: #D60352;}

dt.search .menuTitre{background-image: url(../../datas/structure/skin/default/nav_loupe.png)}
.search .menuTitre:hover {background-image: url(../../datas/structure/skin/default/nav_loupe_ov.png);}
.search .menuTitre  {background-image: url(../../datas/structure/skin/default/nav_loupe.png)}
.search .menuTitre:hover {background-image: url(../../datas/structure/skin/default/nav_loupe_ov.png)}
.search_on .menuTitre {background-image:url(../../datas/structure/skin/default/nav_loupe_ov.png)}

/* liste des leçon chek on et off */
.lecon {border-bottom:1px #E2E2E2 solid;}
a.checkOn {background-image: url(../../datas/structure/skin/default/buttons/check.png)}
a:hover.checkOn {background-image: url(../../datas/structure/skin/default/buttons/check.png)}
a.checkOff {background-image: url(../../datas/structure/skin/default/buttons/check.png)}
a:hover.checkOff {background-image: url(../../datas/structure/skin/default/buttons/check.png)}


/* ---- couleurs liens ---- */
a {text-decoration:underline; color:#0066CC;}
a:hover{text-decoration:none; color:#d60352;}

/* ---- couleurs titres ---- */
h1 {color:#414b56;border-bottom:#414b56 1px dotted;}
h2 {color:#0a4b98;}
h3 {color:#396492;}
h4 {color: #0a4b98;}
h5 {color:#3668bf;}
#centre h1 a {color:#414b56;}
#centre h1 a:hover {color:#d60352;}
#centre h4 {color: #6e7f92;}
.separator { border-color:#ecedee;}

/* fond titre consignes */
.exerciceContent h3 {background-color:#ecedee;}
.intitule {border:1px dotted #ecedee;}
.bodyExercice blockquote {border:1px dotted #ecedee;}

/* bordures arrondis */
.exerciceContent, .ongletContent, .ongletContentFooter {border: 1px solid #74869a;}
.illustration img, .exerciceColonne1 img {border: 1px solid #74869a;}
.ongletContent, #conteneur .box, #fermer{border: 1px solid #74869a;}

/*Separation contenu de suite*/
.exerciceFooter, .dicoFooter, .ongletFooter {border-top:1px solid #ecedee;}
.bodyPrint .header {border-bottom:1px solid #ecedee;}
.bodyExercice .ongletParent h4 {
    background-color:#e3e6e8;
	border:1px solid #c3c8cd;
}
#nav_assistant ul li, #nav_assistant ol li {
	border-bottom:1px #E2E2E2 solid;
	border-top:1px #E2E2E2 solid;
}

/* ---- Onglets ---- */
.ongletListe li{
	background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 0;
    border: #4677bc solid 1px;
}
.ongletListe li.inactif, .ongletListe li.inactif:hover, .ongletListe li.inactif:active{
    border-color: #b3b3b3;
    color: #777;
}
#conteneur .ongletParent {border-bottom: 1px solid #4677bc;}
.ongletListe li:hover{
	background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -24px;
	border-color: #2ea3ff;
}
.ongletListe li:active{
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -48px;
    border-color: #74869a;
}
.ongletListe li.active, .ongletListe li.active:hover{
    background: url(../../datas/structure/skin/default/buttons/onglet.gif) repeat-x 0 0;
    border: 1px solid #74869a;
}
.ongletListe li a{color: #F7F7F7;}
.ongletListe li:hover a{color: #FFFFFF;}
.ongletListe li.active a{color:#5c7fcb;}

/*important ne pas modifier*/
.ongletListe li, .ongletListe li:hover,.ongletListe li:active, .ongletListe li.active, .ongletListe li.active:hover{border-bottom: none;}


/* ----------- boutons ----------- /*/
/* bouton rond */
.button_r a{
	color:#f0f0f0;
	background: url(../../datas/structure/skin/default/buttons/button_circle.png) no-repeat 0 0;
}
.button_r a:hover{
    color:#f0f0f0;
    background: url(../../datas/structure/skin/default/buttons/button_circle.png) no-repeat 0 -28px;
}
.button_r a:active{
    color:#f0f0f0;
    background: url(../../datas/structure/skin/default/buttons/button_circle.png) no-repeat 0 -56px;
}
.button a, .buttonInput, .button2 a{
    color:#f0f0f0;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 0;
    border:#4677bc 1px solid;
}
.button a:hover, .buttonInput:hover,.button2 a:hover{
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -24px;
    border:#2ea3ff 1px solid;
}
.button a:active, .button2 a:active, .buttonInput:active{
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -48px;
    border-color: #556e90;
}
.button.highlight a, .buttonInput.highlight, .button2.highlight{
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -168px;
    border-color: #ffc600;
}
.minibutton a, input.minibutton {
    color:#f0f0f0;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -96px;
    border:#4677bc 1px solid;
}
.minibutton a:hover, input.minibutton:hover {
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -114px;
    border:#2ea3ff 1px solid;
}
.minibutton a:active, input.minibutton:active {
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -132px;
    border-color: #556e90;
}
.minibutton.highlight a{
    color:#ffffff;
    background: url(../../datas/structure/skin/default/buttons/button_bg.gif) repeat-x 0 -192px;
    border-color: #ffc600;
}

/* fleche bts */
.arrowL {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat 0 0;}
.arrowR {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat -25px 0;}
.arrowL:hover {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat 0 -28px;}
.arrowR:hover {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat -25px -28px;}
.arrowL:active {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat 0 -56px;}
.arrowR:active {background: url(../../datas/structure/skin/default/buttons/arrow_nav.png) no-repeat -25px -56px;}
.aide a {background: url(../../datas/structure/skin/default/buttons/aide.png) no-repeat 0 0;}
.ongletFooter .outil_menu li.previous a, .ongletFooter .outil_menu li.next a{background-image: url(../../datas/structure/skin/default/nav_fleches.gif);}

/*//////////////////////// Plannings Live ClassRoom /////////////////*/
.legende-planning ul{background:#5c7fcb;}
.legende-planning li{color:white;}
.legende-planning li.first{border-color:white;}
#planning{border-color:#999;}
.planning{border-color:#CCC;}
.planning-horaires td{border-color:#CCC;color:#555;}
.planning-horaires .quart td{color:#888;}
.inactive{ background:#DDD; }
.activePlanning{background:#7d99d5;border-color:white;}
.activePlanning:hover,.planning .even:hover{background:#d60352;}
.activePlanning:hover p{color:white;}
.activePlanning .hour{color:#e7ecf7;}
.activePlanning .theme{color:white;}
.planning .even{background:#abbfff;}
.planning .past{background:#BBB;}
.planning .past .hour{color:#e7ecf7;}
.past:hover .theme{color:white;}

/*//////////////////////// Lesson Map /////////////////*/
#header-lessonMap,#footer-lessonMap{border:1px solid #b7b1a9;}
#header-lessonMap p.warning{color:#820300;}
#corps-lessonMap .lecon,#headerPopUp-lecon .lecon{border-top:1px solid #FFFFFF;border-bottom:1px solid #bdd4e7;}
#corps-lessonMap .lecon-today{border:1px solid #989898;}
#corps-lessonMap .list-lecon .lecon{border-bottom:1px #E2E2E2 solid;}
#corps-lessonMap #sortable .lecon{background-color:#efefef;}
#popUp-lecon .ongletsTabs li a{color:#4f6597;}
#popUp-lecon .ongletsTabs li a:hover,#popUp-lecon .ongletsTabs li a.current{color:#434866;}
#popUp-lecon #contentTabs{border:1px solid #d6d6d6;background:#FFFFFF;}
#popUp-lecon #contentTabs ul ul ul li{color:#68665c;}
#popUp-lecon #contentTabs li.lecon{border-bottom:1px solid #FFF;}
#popUp-lecon #contentTabs li.lecon:hover{background-color:#DEDEDE;}
#popUp-lecon #contentTabs li.ss-themes span{border-bottom:1px solid #bababa;color:#15487F;}
#popUp-reportLecon .report .block-lesson-content{background:#FFF;border:1px solid #F1F1F1;}
#popUp-reportLecon .report .block-lesson-content:hover,#popUp-reportLecon .report .block-lesson-clone:hover{background:#F8F8F8;border:1px solid #D6D6D6;}
#popUp-reportLecon .report p.lesson-title{color:#787878;}
#popUp-reportLecon .report .lesson-progress{color:#898989;}
#popUp-reportLecon #blockDetail{background: #EEE;border:1px solid #CCC;}
#popUp-reportLecon #blockDetail p.lesson-title{color: #787878;}
#popUp-reportLecon #blockDetail .progress-100{ color: #898989;}