/************************
          GENERAL 
************************/

form{margin:0px;}
p{margin:8px 0px 8px 0px;text-align:justify;}
p:first-letter {margin-left:20px;}
ul{margin:5px 20px 5px 20px;padding:0px 0px 0px 0px;}
li{margin:5px 0px 5px 0px;}
img{border:0px;}
a{text-decoration:none;font-weight:bold;}
.gauche{float:left;}
.droite{float:right;}
.centrer {text-align:center}
.both{clear:both;}
html {overflow:auto;}
td, tr, table{margin:0px;padding:0px;}

/* HEADER */
.imgPerso{width:945px;height:75px;position:absolute;left:25px;}
.menu{	width:986px;height:98px;margin:5px auto 0px auto;z-index:20;position:relative;}
.menu ul{margin:0px 0px 0px 25px;position:absolute;bottom:0px;}
.menu li {position:relative;display:block;padding-left:5px}
.menu li ul{display:none;margin:0px;padding:0px;border-top:2px solid #bbb;width:100px}
.menu li.hover ul{display:block;position:absolute;left:0px;top:18px}
.menu li{display:inline;margin:0px 10px 0px 10px}
.menu li li {display:block;margin:0px;padding:2px 5px}
.menu li li a {padding-left:10px;}

/* CONTENU PAGE */
#espace-haut{margin-top:22px;}
.container {	width:986px;	color:#000000;margin:0px auto 0px auto;padding:0px;position:relative;}
.interieur-bloc{margin:5px 15px 15px 15px;position:relative;height:100%;-height:auto;text-align:left}
.bloc941 {width:941px;margin-left:25px;margin-right:16px;}
.bloc750 {width:730px;margin-left:25px;margin-right:16px;}
.bloc597 {width:597px;float:left;margin-left:25px;_margin-left:12px;}
.bloc330 {width:330px;float:right;clear:right;margin-right:16px;_margin-right:8px;}

/* DIV CACHES */
.div-cache{display:none;}

/* IMAGES */ 
.img_left{margin:10px 20px 10px 0px;float:left;text-align:center;}
.img_right{margin:10px 0px 10px 20px;float:right;text-align:center;}
.legende{	font-size:0.7em;color:#858585;}

/* Boutons */ 

.bouton{float:right;}
.sprite-bouton{background-image:url(../images/formation/sprite_boutons.png);}
.aide{
margin-top:-4px;
background-image:url(../images/formation/sprite_boutons_aide.png);
width:71px;height:35px;float:left;background-position:0px 1px
}
.aide:hover{background-position:0px -37px;}
.fermeture{width:40px;height:40px;float:left;background-position:-398px -14px;}
.fermeture:hover{width:40px;height:40px;float:left;background-position:-398px -71px;}
#aide{position:absolute;right:0px;background-color:#ffffff;z-index:32001;display:none;}

/* fond transparent */

.info-main {position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;text-align: center;z-index:49;}
.info-bg {top:0px;left:0px;width:100%;height:100%;background:#000;z-index:1;}
.info-box,.info-box2 {width:100%;position:absolute;top:150px;z-index:50;text-align: center}
.info-box2 {top:20px}
body>.info-main {position:fixed;}

/************************
          Messagerie
************************/
.msg-sprite{background-image:url(../images/formation/sprite_boutons.png);}
.bouton .reception{	width:56px;height:56px;background-position:0px -5px;float:left;}
.bouton .reception:hover{background-position:0px -65px;}
.bouton .supprimer{width:56px;height:56px;float:left;background-position:-60px -5px;}
.bouton .supprimer:hover{background-position:-60px -65px;}
.bouton .repondre{width:56px;height:56px;float:left;background-position:-262px -136px;}
.bouton .repondre:hover{background-position:-316px -136px;}
.bouton .ecrire{width:56px;height:56px;float:left;background-position:-120px -5px;}
.bouton .ecrire:hover{background-position:-120px -65px;}
.bouton .envoye{width:56px;height:56px;float:left;background-position:-180px -5px;}
.bouton .envoye:hover{background-position:-180px -65px;}
.bouton .corbeille{width:56px;height:56px;float:left;background-position:-240px -5px;}
.bouton .corbeille:hover{background-position:-240px -65px;}
.bouton .corbeille{width:56px;height:56px;float:left;background-position:-240px -5px;}
.bouton .corbeille:hover{background-position:-240px -65px;}
.message-lu{margin-top:8px;width:35px;height:30px;background-position:-446px -19px;}
.message-nonlu{margin-top:8px;width:35px;height:30px;background-position:-490px -19px;}
.message-fond{width:259px;height:189px;float:left;margin:15px 0px 15px 30px;background-position:-2px -212px;cursor:pointer;}
.message-fond:hover{width:259px;height:189px;float:left;background-position:-264px -212px;}

/************************
          Cours
************************/

#sommaire{	width:330px;position:absolute;right:0px;background-color:#ffffff;z-index:32000;display:none;}

/* Boutons */
.cours-sprite{background-image:url(../images/formation/sprite_boutons.png);}
.pg-precedente-gris{width:40px;height:40px;float:left;background-position:-49px -119px;}
.pg-precedente-gris:hover{background-position:-49px -169px;}
.pg-precedente{width:40px;height:40px;float:left;background-position:-89px -119px;}
.pg-precedente:hover{background-position:-89px -169px;}
.pg-suivante{width:40px;height:40px;float:left;background-position:-129px -119px;}
.pg-suivante:hover{background-position:-129px -169px;}
.pg-suivante-gris{width:40px;height:40px;float:left;background-position:-169px -119px;}
.pg-suivante-gris:hover{background-position:-169px -169px;}
.bt-menu{width:40px;height:40px;float:left;background-position:-209px -119px;}
.bt-menu:hover{background-position:-209px -169px;}

/* Bloc du cours */
.cours{	width:880px;	height:auto;padding:12px;}
.cours .cotegauche{width:420px;float:left;margin-top:5px;}
.cours .cotedroit{width:420px;float:right;margin-top:5px;}
.cours .separateur{border: 0px solid #d6d6d6;background-color:#d6d6d6;width:2px;float:left;height:560px;margin-left:19px;}

/* Textes du cours */
.cours .souligne{text-decoration:underline;}
.cours .gras{font-weight:bold;}
.cours .grassouligne{font-weight:bold;text-decoration:underline;}
.cours .grasitalic{font-weight:bold;font-style:italic;}
.cours .italic{font-style:italic;}
.cours .italicsouligne{font-style:italic;text-decoration:underline;}
.cours .vert{color:#a5b301;}
.cours .bleu{color:#046ab8;}
.cours .rouge{color:#ff0000;}
.cours .exam{background:url('../images/cours/exam.png') no-repeat;width:95px;height:21px;margin:0 auto;}
.cours .titre {font-size:1.3em;	font-weight:bold; }

/* Medias */
.cours .son{float:right;	position:relative;margin-top:-22px;margin-right:-25px;margin-left:8px;}
.cours .video{width:316px;height:273px;display:block;clear:both;margin:auto;margin-top:5px;margin-bottom:10px;text-align:center;}
.imgzOOm .ico {position:absolute;width:30px;height:30px;background:transparent url('../images/cours/zoom.png') no-repeat center center;z-index:2;}
.imgzOOm:hover .ico {background-image:url('../images/cours/zoom_over.png');}

/* Cadres encadrant du contenu */
.cours .normal{width:98%;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;display:block;clear:both;float:left;}
.cours .important{border:1px solid #ff0000;width:96%;padding:5px;margin-top:15px;margin-bottom:10px;background-color:#ffffff;text-align:justify;font-size:1em;color:#ff0000;font-weight:bold;float:left;}
.cours .important .triangle{background:url('../images/cours/triangle.png') no-repeat;width:40px;height:37px;float:right;position:relative;margin-top:-25px;margin-right:-25px;margin-left:8px;}
.cours .important .lim50{background:url('../images/cours/limitation50.png') no-repeat;width:40px;height:37px;float:right;position:relative;margin-top:-25px;margin-right:-25px;margin-left:8px;}
* html .cours .important .triangle {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/triangle.png');}
.cours .definition{border:1px solid #a5b301;width:96%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;vertical-align:middle;}
.cours .definition .carredef{background:url('../images/cours/carre.png') no-repeat;width:22px;height:22px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
* html .cours .definition .carredef {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/carre.png');}
.cours .conseil{border:1px solid #046acc;width:97%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;}
.cours .conseil .carreconseil{background:url('../images/cours/carre_bleu.png') no-repeat;	width:22px;height:22px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
* html .cours .encadre .carreconseil {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/cours/carre_bleu.png');}

/* Images */
.cours img{border:none;margin-top: 2px;}
.cours .imgleft{float:left;margin-right: 10px;	text-align:center;}
.cours .imgcenter{display:block;clear:both;margin:auto;text-align:center;}
.cours .imgright{float:right;position:relative;margin-left: 10px;text-align:center;}
.cours .legende{display:block;font-size:0.7em;margin-bottom:15px;}

/* Listes */
.cours ul{	margin:0px;list-style:none;margin-bottom:5px;}
.cours .fleche{text-indent:14px;background-image:url('../images/cours/puceliste.png');background-repeat:no-repeat;color:#000000;}
.cours .listemarqueitalic{text-indent:14px;background-image:url('../images/cours/puceliste.png');background-repeat:no-repeat;color:#000000;font-style:italic;}
.cours .listeimage{color:#000000;padding-top:5px;*padding-top:4px;clear:both;margin-left:10px;}
.cours .listeimage img{margin-top:0px;}
.cours .ulgauche{width:200px;float:left;font-size:0.85em;text-align:left;line-height:1.4em;}
.cours .uldroite{width:200px;float:right;font-size:0.85em;line-height:1.4em;text-align:left;border-left:1px solid #000000;}
.cours .liright{float:right;width:55%;}
.cours .linormal{float:left;}


/************************
Jquery LightBox Pluggin
************************/
#jquery-overlay {position: fixed;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;margin-top:-75px;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold;font-size:1.5em;color:#444444; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}

/***************************/
/***  Formation
/***************************/
.special .FormaTabs {width:610px;float:none}
.cadre-module{margin:5px 0px 5px 0px;background:#fff}
.feu-module{width:20px;margin:5px;float:left;}
.vignette{float:right;width:65px;height:65px;margin:5px;}
.entete-module{cursor:pointer;height:77px;}
.chapitre{margin-left:50px;margin-bottom:20px;display:none;}
.cadre-chapitre{width:90%;height:26px;border-top:1px solid #ababab}
.cadre-chapitre a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px;}
.cadre-cours{max-width:320px;float:left;margin:3px 0px 3px 5px;}
.cadre-test{float:right;margin-right:5px;}
.cadre-test-interieur{float:left;margin:3px 5px 3px 0px;}
.cadre-test-interieur a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px;}
.cadre-apprentissage{margin:5px 0px 5px 0px;padding:5px;border:2px solid #5eb776;background:#fff}
.cadre-examen{margin:5px 0px 5px 0px;padding:5px;border:2px solid #5eb776;background:#fff}
.recherche_sub {display:block;width:100px;height:40px;background:#fff url('../images/formation/bt_cours.png') no-repeat 0px 5px;}
.recherche_sub:hover {background-position:0px -35px}
.examen_sub {display:block;margin:auto;width:156px;height:40px;background:#fff url('../images/formation/bt_cours.png') no-repeat -100px 5px;}
.examen_sub:hover {background-position:-100px -35px}

#preconisation {margin-top:10px; margin-bottom:15px; border:2px solid #d01111; background-color:#fff;}
.titre_conseil {color:#d01111;}

.special {width:610px;float:left;position:relative}
.special .bouton {}
.special h1 {padding:5px 5px;background-position:5px 5px}
.special .aide {position:absolute;top:0px;right:0px;z-index:48;background-color:transparent}

.special-examen {position:relative;background:url(../images/bg_examen_seul.jpg) no-repeat 0px 23px;float:left;}
.special-examen #Famille1 {background-color:transparent;}
.special-examen .bouton {}
.special-examen h1 {padding:5px 5px;background-position:5px 5px;background-color:transparent}
.special-examen .aide {position:absolute;top:0px;right:0px;z-index:48;background-color:transparent}
#contenu-cadre{width: 850px;height:230px;}
#contenu-cadre{padding-left:120px;}
#contenu-cadre p{width: 500px;}

/****************************/
/** Preconisation Partie AE */
/****************************/

.preconisation_actif {background:url(../admin/images/actif.png); width:15px; height:15px; float:left;}
.preconisation_inactif {background:url(../admin/images/inactif.png); width:15px; height:15px; float:left;}

.preconisation_courslu {background:url(../admin/images/cours_lu.png); width:20px; height:20px; float:left;}
.preconisation_coursnonlu {background:url(../admin/images/cours_nonlu.png); width:20px; height:20px; float:left;}

.preconisation_liste {float:left; width:100%; clear:both; margin-bottom:2px;}
.preconisation_texteliste {margin-left:8px; margin-top:0px; height:auto;}

.preconisation_choix {float:left; width:400px;}
.preconisation_choixtest {float:left; width:150px; padding-right:10px;}
.preconisation_centrer {font-weight:bold; text-align:center; margin-bottom:8px;}
.preconisation_left {font-weight:bold; text-align:left; padding-left:20px; margin-bottom:8px;}

.preconisation_note {font-style:italic; font-size:0.9em; padding:15px; margin-top:10px;}

.preconisation_fairetest {background:url(../images/formation/bt_testtheme.png) no-repeat; display:block; width:96px;height:29px;background-position:0px 0px; margin:0 auto;}
.preconisation_fairetest:hover {background-position:0px -29px }

.preconisation_fermer {background:url(../images/formation/bt_quitter.png) no-repeat; display:block; width:27px;height:28px;background-position:0px 0px; float:right; margin-top:-30px; margin-right:2px;}
.preconisation_fermer:hover {background-position:0px -28px }

.preconisation_listefin {float:left; width:100%; margin-bottom:2px;}
.preconisation_choixfin {float:left; width:380px; }
.preconisation_choixtestfin {float:left; width:120px; padding-right:10px;}


/***************************/
/***  Recherche
/***************************/

.element_recherche_result {padding:5px;}
.element_recherche_result ul {margin:0px 0px 10px 0px;padding:0px 0px 0px 10px;list-style-type:none;}
.element_recherche_result a {text-decoration:none;color:#333;}
.element_recherche_result a:hover {color:#000;}
.element_recherche_result a span {font-weight:normal;}
.element_recherche_result a .indic {float:left;display:block;padding:1px 2px;font-size:0.7em;font-weight:bold;color:#fff;background:#999;margin-top:2px;margin-right:5px;width:13px;text-align:center;}
.element_recherche_result a:hover .indic {background:#000;}
.element_recherche_liste_contenu {border:2px solid #eee;height:200px;overflow:hidden;overflow-y:scroll;}
.highlight { background-color: yellow }



/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	bottom: -1px;
}
.ui-tabs-nav ul {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	margin-right:2px;
	position:relative
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size:0.85em;
	font-weight: bold;
	text-decoration: none;
	padding: .3em 1.4em;
}


.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;

	padding: 5px;
	margin-bottom:10px;
	background:#ffffff;
	border-width:2px;
	border-style:solid;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

.imangle {
	position:absolute;
	top:0px;
	left:0px;
}

.cours .michelin {border:1px solid #000098;width:96%;padding:5px;margin-top:5px;margin-bottom:10px;text-align:justify;color:#000000;font-size:1em;float:left;vertical-align:middle;}
.cours .michelin .carremichelin{background:url('../images/cours/michelin_mini.png') no-repeat;width:22px;height:30px;float:left;position:relative;margin-top:-15px;margin-left:-15px;margin-right:8px;}
.cours .michelin a {
	display:block;
	color:#333398;
}

.cours .michelin a:hover {
	display:block;
	color:#000098;
	text-decoration:underline;
}
.cours .michelin img {
	display:block;
	margin:auto;
}


.ResultatListe {border-collapse:collapse;border:1px solid #bbb;margin:auto;}
.ResultatListe th {background:#ddd;padding:3px 5px;border:1px solid #bbb;text-align:center;}
.ResultatListe td {padding:3px 5px;border-bottom:1px solid #bbb;border-right:1px solid #ccc;text-align:center;}
.ResultatListe td.last {border-right:1px solid #bbb;}
.ResultatListe tbody>td {position:fixed}
.ResultatListe .vide {background-color:#efefef;}
.ResultatListe caption {text-align:left}
.abandon td {color:#888;}
.rate td {color:#D22;}
.reussi td {color:#080;}
.detail {text-decoration:none;color:#555}
.detail:hover {text-decoration:underline;color:#000}
.ResultatListe .insec, .ResultatListe small {white-space:nowrap}

.ResultatListe th {
	background:transparent url('../images/stats/lst_head_bg.png') repeat-x center center;
}

.ResultatListe td {
	background-image:url('../images/stats/lst_cell_bg.png');
	background-repeat:repeat-x;
	background-position:bottom center;
}

div.limit {width:700px;height:250px;overflow:hidden;overflow-y:scroll;padding:0px;margin:0px}
div.limit table {margin:0px}


#tv_pneu{width:840px; margin:0 auto;}
#tv_pneu img{margin:8px auto;}
#tv_pneu .divvideo{float:left;width:500px;height:auto; margin-left:-10px;margin-top:8px;}
#tv_pneu .divcontent{float:left;width:165px;height:165px;}
#tv_pneu .divimagegrande{float:right;width:350px;height:350px;margin-right:-10px; text-align:center; padding-bottom:20px;}
.titre_videoactu { text-align:center; margin-top:-32px; color:#0D0B86; font-weight:bold;}
.titre_semaineprochaine {text-decoration:underline; }
.div_titre_semaineprochaine {margin-top:10px;}

.btn_archives {background:url(../images/formation/bt_archives.png) no-repeat; display:block; width:97px;height:35px;background-position:0px 0px; margin-left:-10px; margin-top:18px; position:relative;}
.btn_archives:hover {background-position:0px -40px }

.configmini {
	background:#fff2db url('../images/warning.png') no-repeat 5px 5px;
	border:2px solid red;
	padding:5px 5px 5px 60px;
	margin-top:10px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:5px 5px 5px #555;
	-khtml-box-shadow:5px 5px 5px #555;
	-webkit-box-shadow:5px 5px 5px #555;
	box-shadow:5px 5px 5px #555;
}
.configmini a.lnk {
	float:right;
	margin-left:10px;
	display:block;
	background:#fff;
	border:2px outset #aaa;padding:5px;
	width:120px;
	height:33px;
	padding-left:55px;
	padding-top:15px;
	position:relative;
	color:#555;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.configmini a.lnk:hover {border-color:#555;	color:#000;}

.configmini a.lnk img {width:50px;position:absolute;top:2px;left:0px;}
.configmini .list {list-style-type:none;}
.configmini .list a.lnk {float:none;padding-top:10px;height:38px;width:80px;}
.configmini .list li {display:inline;float:left;}