*.*
{	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* Gestion du menu de l'espace élève */
#menuEspaceEleve dl, #menuEspaceEleve dt, #menuEspaceEleve dd, #menuEspaceEleve ul, #menuEspaceEleve li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuEspaceEleve {
z-index:2;
/* width: 100%; correction pour Opera */
}
#menuEspaceEleve dl {
z-index:2;
float: left;
}
#menuEspaceEleve #autresElement
{
	z-index:2;
	cursor: pointer;
	text-align: center;
	padding: 4px 2px 4px 2px;
	border-left: solid 1px #FFFFFF;
}
#menuEspaceEleve #premierElement
{
	z-index:2;
	cursor: pointer;
	text-align: center;
	padding: 4px 2px 4px 2px;
}
#menuEspaceEleve dd {
	z-index:2;
	display: none;
	border: 1px solid #1F377D;
	position: absolute;
	width: 150px;
}
#menuEspaceEleve dt a {
	z-index:2;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 2px 10px 2px 10px;
}
#menuEspaceEleve li {
	z-index:2;
	text-align: center;
	background: #D7E0F2;
	/*border: solid 1 #FFFFFF;*/
	padding: 2px;
}
#menuEspaceEleve li a {
	z-index:2;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}
#menuEspaceEleve li a:hover, #menuEspaceEleve li a:focus, #menuEspaceEleve dt a:hover, #menuEspaceEleve dt a:focus {
	z-index:2;
	background: #FFFFFF;
	color: #003366;
}
#toolMenuEspaceEleve a 
{	font-family: Arial;
	font-size: 12px;
}
#toolMenuEspaceEleve a:hover
{	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
}

#blocMenuPeda
{	width: 770px;
	height: 28px;
	position: absolute;
	top: 115px;
	background-image: url("../images/structure/fond-menu.gif");
	background-repeat: no-repeat;
	z-index:5;
}
#blocLogoPeda
{	width: 100%;
	background-image: url("../images/structure/fond-tetiere.gif");
	background-repeat: no-repeat;
	background-position: top right;
	/*min-width: 1000px;*/
}
#blocSituationPeda
{	width: 100%;
	height: 23px;
	background-image: url("../images/structure/fond-situation.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	min-width: 765px;
	padding: 0px 0px 0px 0px;
	color: #7f99cd;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}
/*#blocContenuPeda
{	margin: 26px 0px 0px 0px;
}*/
#blocTitrePeda
{	padding-top: 10px;
	padding-left: 100px;
}
#blocContenuPeda
{	
	background-image: url("../images/structure/fond-corps.gif");
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	margin: 26px 0px 0px 0px;
}
#blocCorpsPeda
{	padding: 0px 5px 0px 10px;
}
#blocContenuPagePeda
{	margin-right: 220px;
}
#blocCorpsPeda
{	margin: 0px;
}
#blocDatePeda
{	color: #D7002C;
}
#blocBonjourPeda
{	color: #D7002C;
	font-weight: bold;
	font-size: 12px;
}
#blocBienvenuPeda
{	font-weight: bold;
	padding: 4px 0px 0px 0px;
}
#blocMessageriePeda
{	font-weight: bold;
	padding: 0px 0px07px 0px;
}
#blocHomePeda
{	font-weight: bold;
}
#blocDeconnectPeda
{	font-weight: bold;
	margin-left: -5px;
}
#blocFooterPeda
{	background-image: url("../images/structure/fond-peda.gif");
	background-repeat: repeat-y;
	padding-top: 50px;
	bottom: 0px;
	clear: both;
}
#blocFooterGauche
{	background-image: url("../images/structure/footer-gauche.gif");
	background-repeat: no-repeat;
	background-position: top left;
	width: 300px;
	height: 40px;
	float: left;
}
#blocFooterDroit
{	background-image: url("../images/structure/footer-droit.gif");
	background-repeat: no-repeat;
	background-position: top right;
	width: 300px;
	height: 40px;
	float: right;
	padding: 0px;
	margin: 0px;
}
#blocFooterCentre
{	background-image: url("../images/structure/footer-centre.gif");
	background-repeat: repeat-x;
	height: 40px;
	text-align: center;
	font-weight: bold;
	vertical-align: text-bottom;
}

/* Définition des styles pour les blocs de la page d'accueil de l'espace-élève */
.paveAccueilEE
{	margin-bottom: 10px;
	padding: 0px 5px 5px 0px;
	background-image: url("../images/structure/fond-bloc-accueil.jpg");
	background-position: top right;
	background-repeat: no-repeat;
	border-bottom: solid 1px #949494;
	text-align: left;
}
.paveAccueilStats
{	margin-bottom: 10px;
	margin-top: 10px;
	width: 96%;
	padding: 5px;
	border: solid 1px #ff9600;
	height: auto;
}
.paveAccueilEE .titrePave
{	color: #D7002C;
	font-weight: bold;
	padding: 20px 0px 10px 0px;
}
.paveAccueilEE .date
{	color: #003366;
	font-weight: bold;
	font-size: 12px;
}
.paveAccueilEE .tableau
{	border-collapse : collapse;
	width: 100%;
}
.paveAccueilEE .tableau td
{	vertical-align:top;
}
.paveAccueilEE .tableau tr:hover
{	background-color: #FFFFFF;
	cursor: pointer;
}
.paveAccueilEE .tableau thead tr
{	font-weight: bold;
	color: #003366;
}
.paveAccueilEE .tableau thead tr:hover
{	background-color: Transparent;
	cursor: default;
}
.paveAccueilStats .statsMoy
{	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	width: 47%;
	float: left;
	font-weight: bold;
}
.paveAccueilStats .statsRythme
{	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
	width: 47%;
	float: right;
	font-weight: bold;
}
.paveAccueilStats .statsGeneral
{	clear: left;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
}
.paveAccueilStats .titre
{	color: #000000;
	font-weight: bold;
	padding-bottom: 5px;
}
.colonneEE
{	width: 32%;
	float: left; 
	padding: 2px;
}

/* Définition des styles pour les blocs d'alerte sur la droite dans l'espace-élève */
.alertePeda
{	clear: both;
	float: right;
	/*width: 18%;*/
	width: 190px;
	font-size: 12px;
	text-align: right;
	padding: 0 2px 0px 0px;
	margin-top:25px
}
.blocAlerteMessagePeda
{	border: solid 1px #fe1111;
	background-color: #ffffff;
	width: auto;
	font-size: 12px;
	margin-bottom: 15px;
	text-align: left;
}

.blocAlerteMessagePeda .titre
{	
	color : #D7002C;
	font-weight:bold;
	font-size: 12px;
}

.blocAlertePedaBlanc
{	font-size: 12px;
	text-align: left;
	background-color:#ffffff;
	border: 1px solid #fe1111;
	width: 180px;
	/*padding: 5px;*/
	font-size: 12px;
	margin-bottom: 15px;
}
.blocAlertePedaBlanc .titre
{	
	color:#ffffff;
	background-color:#fe1111;
	font-weight:bold;
	font-size: 12px;
	width:100%;
}
.blocAlertePedaBlanc li
{	
	list-style-image: url('http://www.ecolechezsoi.com/images/puce-orange.gif'); 
	font-size: 12px;
	color: #000000;
	margin-top: 1px;
}

.blocAlertePedaFixed
{
	margin-top: 15px;
	background-color:#ffffff;
	border-top: solid 1px #fe1111;
	/*border-left: solid 1px #fe1111;*/
	/*border-bottom: solid 1px #fe1111;*/
/*	background-image: url("http://www.ecolechezsoi.com/espace-eleve/images/structure/fond-blocAccesRapide.gif");
	background-repeat: no-repeat;
	background-position: top left;*/
	border: 1px solid #fe1111;
	z-index: 3;
	width: 180px;
	/*height:80px;*/
	height: auto; 
	padding: 0px 0px 2px 0px;
	position: fixed;
	top: 120px;
	right: 0px;
	font-size: 10px;
	float: right;
}

.blocAlertePedaFixed .listeRecapitulativePremierNiveau
{
	list-style-image: url('http://www.ecolechezsoi.com/images/BlocJaune_fleche.gif'); 
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-left:25px;
}

.blocAlertePedaFixed .listeRecapitulativeSecondNiveau
{
	list-style-image: url('http://www.ecolechezsoi.com/images/puce-orange.gif'); 
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-left:10px;
}

.blocAlertePedaFixed .titreBlanc 
{	
	float:left;
	width:100%; 
	color:#ffffff;
	background-color:#fe1111;
	padding: 2px;
	font-weight:bold;
	font-size: 12px;
}
.blocAlertePedaFixed .liste
{	
	float:left;
	width:100%;
	/*padding: 105px 10px 5px 10px;*/
	padding: 0px;
	text-align:left;
}

.blocAlertePedaThesaurus
{
	margin-bottom:20px;
	background-color:#ffffff;
	border-top: solid 1px #fe1111;
	border: 1px solid #fe1111;
	z-index: 3;
	width: 100%;
	height: auto; 
	font-size: 10px;
	float: right;
}

.blocAlertePedaThesaurus .listeRecapitulativePremierNiveau
{
	list-style-image: url('http://www.ecolechezsoi.com/images/BlocJaune_fleche.gif'); 
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-left:25px;
}

.blocAlertePedaThesaurus .titreCorrectifs
{	width: 100%;
	background-color:#fe1111;
}

.blocAlertePedaThesaurus .titreBlanc 
{	padding: 5px;
	text-align:left;
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-size: 12px;
}
.blocAlertePedaThesaurus .liste
{	
	float:left;
	width:100%;
	/*padding: 105px 10px 5px 10px;*/
	padding: 0px;
	text-align:left;
}

.blocAlertePeda
{	border: solid 1px #ff9600;
	background-color: #ffffcc;
	width: 180px;
	padding: 5px;
	font-size: 12px;
	margin-bottom: 15px;
	text-align: left;
}
.blocAlertePeda .texteBleu
{	
	color: #000099;
	font-weight: bold;
}
.blocAlertePeda .texteRouge
{	
	color: #FF0000;
	font-weight: bold;
}
.blocAlertePeda .titre
{	
	color: #ff9600;
	font-weight: bold;
}
.blocAlertePeda .bouton
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #fe1111;
	border-color: #003366;
	border-style: thin;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	cursor: pointer;
}
.blocAlertePeda li
{	
	list-style-image: url('http://www.ecolechezsoi.com/images/puce-orange.gif'); 
	font-size: 12px;
	color: #000000;
	margin-top: 1px;
}
#testerconfig
{
    float:right;
    margin:30px 10px 0 0;
    text-align: center;
    top: 2px;
}
	
#blocLoginPeda
{
	width: 180px;
	height: 113px;
	background-image: url("../images/structure/fond-login.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding: 6px 0px 0px 25px;
    position:absolute;
    top:2px;
	font-size: 10px;
	float: right;
}
#globalLoginPeda
{
	width: 200px;
	height: 180px;
	padding: 6px 0 0 0;
	top: 2px;
	right: 0px;
	position:absolute;
	font-size: 10px;
	float: right;
}
#blocLoginPeda img
{	padding: 0px;
	margin: 0px;
}
.blocAlerteSession
{		
	position: fixed;
	display: none;
	text-align: center;
	font-size: 12px;
	padding: 5px;
    width: 200px;       
    height: 100px;       
    left: 35%;          
  
	margin-bottom: 15px;
	margin-top: 15px;
    top: 35%;          

    border: solid 1px #fef577;
    color: #FFFFFF;
	background-color: #DF002C;
}
#blocDeconnectPeda
{
    width:180px
}
.blocAlerteSession a
{	
	color: #FFFFFF;
	text-decoration: none;
}
.blocAlerteSession a:hover
{	
	color: #FFFFFF;
	text-decoration: underline;
}

.curseurLien:hover
{
	cursor:pointer;
}

.curseurLien
{
	cursor:default;
}

.divAlerteNouveauSite
{
	color:#1d357b;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute;
	height:200px;
	width:370px;
	background-image: url('../images/message-accueil.gif');
	background-repeat: no-repeat;
	background-position: top left;
/*	background-color: #FF0000;*/
	margin-top:50px;
	margin-left:250px;
	padding:0px;
}

.divAlerteNouveauSite a
{
	color:#1d357b;
	text-decoration:underline;
}

.divMessageInfoImportante a
{
	color:#1d357b;
	text-decoration:underline;
}

.divMessageInfoImportante
{
	color:#1d357b;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute;
	height:200px;
	width:370px;
	background-image: url('../images/message-infoExamen.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top:50px;
	margin-left:250px;
	padding:0px;
}

.divMessageInfoImportanteSatisfaction a
{
	color:#fe012d;
	text-decoration:underline;
}

.divMessageInfoImportanteSatisfaction a:hover
{
	color:#fe012d;
}

.divMessageInfoImportanteSatisfaction
{
	z-index:30;
	color:#1d357b;
	font-size:14px;
	font-weight:bold;
	display:block;
	position:absolute;
	width: 440px; 
	height:250px;
	left:0px;
	top:0px;
	border: solid 1px #ff9600;
	background-color: #ffffcc;
	/*padding: 5px;
	margin-bottom: 15px;*/
	text-align: center;
}

.divMessageInfoImportanteSatisfaction .titre
{
	background-color: #f29400;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	/*width: 100%;*/
	padding:3px;
	margin: 2px;
	text-align: center;
}

.divMessageInfoImportanteSatisfaction .texteGrand
{
	color: #000000;
	font-size:14px;
	font-weight:bold;
}
.divMessageInfoImportanteSatisfaction .texteMoyen
{
	color: #000000;
	font-size:12px;
	font-weight:bold;
}
.divMessageInfoImportanteSatisfaction .textePetit
{
	color: #000000;
	font-size:12px;
	font-weight:normal;
}

/* Définition des styles pour les pages intermédiaires */
#intermediaireBloc
{	
	margin-left: 70px;
	position: relative;
	display: block;
}
#intermediaireImage
{	margin-top: -13px;
	margin-left: 4px;
	z-index:1;
}
#intermediaireBloc #intermediaireTitre
{	
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 52px;
	height: 25px;
	background-image: url("../images/structure/pages-intermediaires/bloc-titre.gif");
	background-repeat: no-repeat;
	background-position: left center;	
	z-index:100;
}
#intermediaireBloc #intermediaireContenu
{
	background-image: url("../structure/pages-intermediaires/bloc-descr.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 650px;
	padding-bottom: 40px;
}
#intermediaireBloc #intermediaireContenu .intermediaireBlocGauche
{
	width: 315px;
}
#intermediaireBloc #intermediaireContenu .intermediaireBlocDroite
{
	width: 315px;
	float: right;
}
#intermediaireBloc #intermediaireContenu .blocPres
{
	margin-left: 15px;
	margin-right: 30px;
	padding-top: 10px;
}
#intermediaireBloc #intermediaireContenu .blocPres .blocPresTitre
{
	color: #000099;
	font-weight: bold;
	background-image: url("http://www.ecolechezsoi.com/images/fleche-accueil.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#intermediaireBloc #intermediaireContenu .blocPres .blocPresTitre a
{
	color: #000099;
	font-weight: bold;
}
#intermediaireBloc #intermediaireContenu .blocPres .blocPresContenu
{
	font-weight: normal;
	padding-left: 15px;
	padding-top: 5px;
}
/* Fin de définition des styles pour les pages intermédiaires */

.corrigeDispo
{
	text-decoration: none;
	color: #0dc105;
}

.corrigeNonDispo
{
	text-decoration: none;
	color: #ff9600;
}

.corrigeDispo:hover
{
	text-decoration: underline;
	color: #0dc105;
}

.corrigeNonDispo:hover
{
	text-decoration: underline;
	color: #ff9600;
}

.devoirNonRendu
{
	/*font-weight:normal;*/
	color: #0361fd;
	text-decoration: none;
}

.devoirNonRendu:hover
{
	/*font-weight:normal;*/
	color: #0361fd;
	text-decoration: underline;
}

.blocReleveNoteLien
{
	color: #000099;
	font-weight: bold;
	background-image: url("http://www.ecolechezsoi.com/images/fleche-accueil.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.blocReleveNoteLien a
{
	color: #000099;
	font-weight: bold;
}
.divFrame
{ 
	display:none;
	width:90%;
	height:90%;
	position:absolute;
	/*top: 170px;
	left: 100px;*/
	top: 0px;
	left:5%;
	right:5%;
	background-color:#DDDDDD;
	color:#000000;
	text-align:left;
	z-index:100;
	border: 2px solid #666666;
	padding:2px;
}

html>body .divFrame
{
	position: fixed;
}

.divFrame #laFrame
{
	width:100%;
	height:100%;
}
.divAffichageReponseQuestion
{
	z-index:30;
	display:block;
	position:absolute;
	width: 625px; 
	height:400px;
	left:0px;
	top:0px;
	border: solid 1px #ff9600;
	background-color: #ffffff;
	overflow: auto;
	text-align: left;
	padding:5px;
}
/***************************************************************************************************************/
/***********************************     RELEVE DE NOTES   ** *************************************************/
/***********************************     MRO 20/10/2010    ***************************************************/
/************************************************************************************************************/

/********************************/
/**** Style recap par phase ****/
/******************************/
#divReleveNoteParPhase
{
    width:80%;
    text-align:left;   
}
.releveParPhase table
{
    background-color:White;
    border-collapse :collapse;    
}
.releveParPhase thead td
{
	color : #000066;
	font-weight:bold;
	font-size: 14px;
	border: 2px solid #000066;
	background-color:White;
	text-align:left;
	padding:10px 0 10px 5px;
    border : 2px solid #000066;
}
.releveParPhase tbody td
{
    padding:2px;
    border-right: 2px solid #000066;
    border-left: 2px solid #000066;
}

.recapParPhase th
{   background-color:#000066;
    color:White;
    border: 1px solid #000066;
    font-weight:bold;
    font-size:11px 
}

.recapParPhase td
{
    background-color:#cccccc;
    color:black;
    text-align:center;
    border: 1px solid #000066;
    font-size:11px   
}
td.recapParPhaseBis
{ 
    background-color:#eeeeee;
    color:black;
    text-align:center;
    border: 1px solid #000066;
    font-size:11px
}

.releveParPhase tfoot td
{
    text-align:left;
	color : black;
	border: 2px solid #000066;
	font-size: 12px;
	background-color:White;
}
#releveNoteParPhase
{
    width:100%;
    text-align:left;
    min-height:200px;
}

.infoImportante
{
    color:Red;
    font-size : 12px;
    font-weight:bold;
}

/******************************/
/*** Recap cours par phase ****/
/******************************/
#releveNoteCoursParPhase
{
    width:90%;
    text-align:left;
    padding-top:20px;
}
#tableauPhase
{
    width:100%;   
    background-color :#eeeeee;
     border:2px solid #000099;
}
#tableauPhase td
{
   padding:10px; 
}
#tableauPhase td.cours
{
    vertical-align:top;
    padding:0 5px 5px 5px;    
}
#tableauPhase thead td
{
    padding:10px 0 10px 15px; 
    color:#000066;
    font-size:14px;
    font-weight:bold;
    border-bottom: 2px solid #000099;
    width:90%
}

#tableauPhase td.separateurPhase
{
    border-left: none;
    border-right:none;
    border-top:none;
    border-bottom:none;
    background-color:White;
    padding:5px 0 5px 0;
}

#tableauCours
{
    width:100%;
    background-color :#eeeeee;
    border-collapse:collapse;   

}
#tableauCours thead td
{
	color : #000066;
	font-weight:bold;
	font-size: 14px;
	border: 2px solid white;
	background-color:#eeeeee;
	text-align:left;
	padding:5px;
}
#tableauCours tbody th
{ 
    background-color:#000066;
    color:White;
    border: 1px solid white;
    font-weight:bold;
    padding:5px;
    font-size:11px 
}
#tableauCours tbody td
{
    background-color:#eeeeee;
    color:black;
    border: 1px solid white;
    font-size:11px;
    padding:5px;
}
#tableauCours a
{
    font-size: 12px;
    color: #0000FF;
    text-decoration:underline;
}
#tableauCours td.coursValide
{
    background-color:#CCFFCC;
}
#tableauCours tfoot td
{
	color : black;
	border : 1px solid black;	
	font-size: 12px;
	background-color:White;
	padding:5px;
}
#tableauCours tfoot td.expedition
{
   border-top: none;
  color:#000066;
  font-weight:bold;
  font-size: 14px;
}
/*********************************/
/*** Recap devoirs par cours ****/
/*******************************/
#releveNoteParCours
{
    width:90%;
    text-align:left;
}
#tableauNote
{
    width:100%;
    background-color :#eeeeee;
    border-collapse:collapse;   

}
#tableauNote thead td
{
	color : #000066;
	font-weight:bold;
	font-size: 14px;
	border: 2px solid white;
	background-color:#eeeeee;
	text-align:left;
	padding:5px;
}
#tableauNote tbody th
{ 
    background-color:#000066;
    color:White;
    border: 1px solid white;
    font-weight:bold;
    font-size:12px;
    padding:5px;
}
#tableauNote tbody td
{
    background-color:#cccccc;
    color:black;
    border: 1px solid white;
    font-size:12px;
    padding:5px;
}

#tableauNote td.coursValide
{
    background-color:#CCFFCC;
}
#tableauNote tfoot td
{
    text-align:left;
	color : black;
	border: 1px solid black;
	font-size: 12px;
	background-color:White;
	padding:5px;
	margin:5px
}

#tableauPhase td.separateurCours
{
    background-color:#eeeeee;
    padding:5px;
    border-left: none;
    border-right:none;
    border-top:none;
    border-bottom :none;
}