/*---------------------------------------------------------------------*\
|   CE2 Manureva                                                [INFO]  |
|                                                         Version 2.0   |
+-----------------------------------------------------------------------+
|   .Auteur: Jean-Yves Lochy & GregAuRiz                                |
|   .Mail: ce2manureva@free.fr                                          |
|   .Site internet: http://ce2manureva.free.fr                          |
\*---------------------------------------------------------------------*/


/*---------------------------------------------------------------------*\
#                       ~Style global du site~                          #
#                                                                       #
#                                              .Total: 7 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Corps du site                                                     #
\*#####################################################################*/
body { 
	margin:0;
	padding:0;
	background-color:#FFFFCC;
	background-image:url("images/site/Fond.gif");
	background-position:left;
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5AADFF;
}

/*#####################################################################*\
# 2 - Haut du site                                                      #
\*#####################################################################*/
.site-header {
	margin:5px 5px 10px 5px;
	padding:5px 0px 5px 0px;
	background-color:#FFFFCC;
	border:1px solid #5AADFF;
	text-align:center;
	height:auto;
}

/*#####################################################################*\
# 3 - Corps du site (sans menu gauche)                                  #
\*#####################################################################*/
.site-centre { 
	margin:0px 20px 0px 20px;
	padding:0px 20px 0px 20px;
	height:auto;
}

/*#####################################################################*\
# 4 - Corps du site (avec menu gauche)                                  #
\*#####################################################################*/
.site-centre-menu { 
	margin:0px 20px 0px 150px;
	padding:0px 20px 0px 20px;
	height:auto;
}

/*#####################################################################*\
# 5 - Menu gauche                                                       #
\*#####################################################################*/
.site-menu { 
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	float:left;
	width:150px;
}

/*#####################################################################*\
# 6 - Bas du site                                                       #
\*#####################################################################*/
.site-footer {
	margin:20px 5px 5px 5px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFCC;
	border:1px solid #5AADFF;
	text-align:center;
	font-weight:bold;
	height:33px;
}

/*#####################################################################*\
# 7 - Bloc du bas du site                                               #
\*#####################################################################*/
.footer {
	clear:both;
}


/*---------------------------------------------------------------------*\
#                         ~Liens hypertexte~                            #
#                                                                       #
#                                              .Total: 2 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Liens                                                             #
\*#####################################################################*/
a { 
	font-weight:bold;
	color:#4C77A1;
	text-decoration:none;
	cursor:pointer;
}

/*#####################################################################*\
# 2 - Liens pointés                                                     #
\*#####################################################################*/
a:hover {
	text-decoration:underline;
}

/* Div flottants */
.droite {
	float:right;
}
.gauche {
	float:left;
}



/*---------------------------------------------------------------------*\
#                            ~Formulaire~                               #
#                                                                       #
#                                              .Total: 5 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Boite de texte                                                    #
\*#####################################################################*/
.input {
	margin:2px 5px 2px 5px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	border:#5AADFF 1px solid;
}

/*#####################################################################*\
# 2 - Bouton                                                            #
\*#####################################################################*/
.button {
	background-color:#5AADFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFCC;
	border:#FFFFCC 1px bordureridge;
	width:auto;
}

/*#####################################################################*\
# 3 - Bouton (notes)                                                    #
\*#####################################################################*/
.button2 {
	background-color:#6699CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFCC;
	border:#FFFFCC 1px bordureridge;
	width:auto;
}

/*#####################################################################*\
# 4 - Tag                                                               #
\*#####################################################################*/
.tag {
	margin:2px 5px 2px 5px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
	border:#5AADFF 1px bordureridge;
}

/*#####################################################################*\
# 5 - Tableau                                                           #
\*#####################################################################*/
.table-link a {
	color:#FFFFCC;
}


/*---------------------------------------------------------------------*\
#                               ~Blocs~                                 #
#                                                                       #
#                                              .Total: 11 styles(s)     #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bloc de contenu                                                   #
\*#####################################################################*/
.bloc {
	margin:0px 0px 10px 0px;
	padding:4px 4px 4px 4px;
	background-color:#FFFFCC;
	border:1px solid #5AADFF;
	height:auto;
}

/*#####################################################################*\
# 2 - Titre de bloc                                                     #
\*#####################################################################*/
.bloc-header {
	margin:0px 0px 0px 0px;
	padding:2px 4px 2px 4px;
	background:#5AADFF;
	color:#FFFFCC;
	text-align:center;
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	height:16px;
}

/*#####################################################################*\
# 3 - Ligne de sépartion dans un bloc                                   #
\*#####################################################################*/
.bloc-separator {
	margin:3px -4px 3px -4px;
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #5AADFF;
	height:1px;
}

/*#####################################################################*\
# 4 - Titre de module                                                   #
\*#####################################################################*/
.module-header {
	margin:0px 0px 20px 0px;
	padding:4px 4px 4px 4px;
}

/*#####################################################################*\
# 5 - Bloc élève                                                        #
\*#####################################################################*/
.bloc-eleve {
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	background-color:#FFFFCC;
	height:auto;
}
#bloc-eleve-left {
	border-left:1px solid #5AADFF;
}
#bloc-eleve-right {
	border-right:1px solid #5AADFF;
}
#bloc-eleve-left-right {
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
}
#bloc-eleve-left-bottom {
	border-left:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
}
#bloc-eleve-left-right-bottom {
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
}
#bloc-eleve-bottom {
	border-bottom:1px solid #5AADFF;
}
#bloc-eleve-right-bottom {
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
}
#bloc-eleve-top-right-bottom {
	border-top:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
}
#bloc-eleve-header {
	background-color:#5AADFF;
	border:1px solid #5AADFF;
	color:#FFFFCC;
	text-align:center;
	font-weight:bold;
}

/*#####################################################################*\
# 6 - Bloc de retour                                                    #
\*#####################################################################*/
.bloc-referer {
	margin:5px 5px 5px 5px;
	padding:4px 4px 4px 4px;
	background-color:#FFFFCC;
	border:1px solid #5AADFF;
	height:auto;
}

/*#####################################################################*\
# 7 - Bloc de retour droite                                             #
\*#####################################################################*/
.bloc-referer-gauche {
	margin:-4px 5px -4px -5px;
	padding:4px 4px 4px 4px;
	background-color:#5AADFF;
	color:#FFFFCC;
	font-weight:bold;
	height:auto;
}

/*#####################################################################*\
# 8 - Bloc de démonstration                                             #
\*#####################################################################*/
.bloc-demo {
	margin:-5px -1px 5px -1px;
	padding:0px 0px 0px 0px;
	height:auto;
}

/*#####################################################################*\
# 9 - Droite du bloc de démonstration                                   #
\*#####################################################################*/
.bloc-demo-droite {
	margin:0px 0px 0px 0px;
	padding:2px 4px 2px 4px;
	color:#FFFFCC;
	font-style:italic;
	background-color:#5AADFF;
	height:auto;
	float:right;
}

/*#####################################################################*\
# 10 - Gauche du texte (numérotage)                                     #
\*#####################################################################*/
.bloc-texte {
	margin:0px 0px 0px 0px;
	padding:3px 2px 0px 2px;
	background-color:#FFFFCC;
	text-align:right;
	font-weight:bold;
	font-size:11px;
	color:#5AADFF;
	border-right:1px solid #5AADFF;
	vertical-align:top;
}

/*#####################################################################*\
# 11 - Gauche du texte (multiples de 10)                                #
\*#####################################################################*/
.bloc-texte-dix {
	margin:0px 0px 0px 0px;
	padding:3px 2px 0px 2px;
	background-color:#FFFFCC;
	text-align:right;
	font-weight:bold;
	font-size:11px;
	color:#E55050;
	border-right:1px solid #E55050;
	vertical-align:top;
}


/*---------------------------------------------------------------------*\
#                          ~Menu horizontal~                            #
#                                                                       #
#                                              .Total: 7 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bloc de menu                                                      #
\*#####################################################################*/
.menu {
	margin:10px 5px 10px 5px;
	padding:5px 5px 5px 3px;
	font-size:11px;
	background-color:#FFFFCC;
	border:1px solid #5AADFF;
	height:auto;
}

/*#####################################################################*\
# 2 - Lien du bloc (seulement avec Firefox)                             #
\*#####################################################################*/
.menu a {
	text-decoration:none;
	color:#5AADFF;
}

/*#####################################################################*\
# 3 - Bloc de lien                                                   #
\*#####################################################################*/
.menu-item {
	margin:0px 0px 0px 0px;
	padding:5px 3px 5px 3px;
	text-align:center;
	border-right:#5AADFF 1px dotted;
}

/*#####################################################################*\
# 4 - Bloc de lien pointé                                               #
\*#####################################################################*/
.menu-item2 {
	margin:0px 0px 0px -1px;
	padding:9px 3px 9px 3px;
	background-color:#FFFFCC;
	font-weight:bold;
	text-align:center;
	border-top:#5AADFF 2px solid;
	border-left:#5AADFF 1px dotted;
	border-right:#5AADFF 1px dotted;
	border-bottom:#5AADFF 2px solid;
}

/*#####################################################################*\
# 5 - Bloc de connexion                                                 #
\*#####################################################################*/
.login {
	margin:-11px 5px 10px 5px;
	padding:5px 4px 5px 4px;
	background-color:#FFFFCC;
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
	height:auto;
	width:200px;
	float:right;
}

/*#####################################################################*\
# 6 - Bouton de connexion                                               #
\*#####################################################################*/
.login-button {
	margin:5px -4px 0px -4px;
	padding:2px 0px 2px 0px;
	background:#5AADFF;
	text-align:center;
	height:auto;
}

/*#####################################################################*\
# 7 - Bouton de connexion (notes)                                       #
\*#####################################################################*/
.login-button2 {
	margin:5px -4px 0px -4px;
	padding:2px 0px 2px 0px;
	background:#6699CC;
	text-align:center;
	height:auto;
}


/*---------------------------------------------------------------------*\
#                          ~Menu vertical~                              #
#                                                                       #
#                                              .Total: 6 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bloc de menu                                                      #
\*#####################################################################*/
.navigator {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFCC;
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
	height:auto;
}

/*#####################################################################*\
# 2 - Lien du bloc							                            #
\*#####################################################################*/
.navigator a {
	text-decoration:none;
	color:#5AADFF;
}

/*#####################################################################*\
# 3 - Bloc de lien                                                      #
\*#####################################################################*/
.navigator-item {
	margin:0px 0px 0px 0px;
	padding:2px 3px 2px 3px;
	text-align:center;
	border-top:#5AADFF 1px solid;
}

/*#####################################################################*\
# 4 - Bloc de lien pointé                                               #
\*#####################################################################*/
.navigator-item2 {
	margin:0px 0px 0px 0px;
	padding:2px 3px 2px 3px;
	background-color:#5AADFF;
	color:#FFFFCC;
	font-weight:bold;
	text-align:center;
	border-top:#5AADFF 1px solid;
}

/*#####################################################################*\
# 5 - Lien du bloc pointé                                               #
\*#####################################################################*/
.navigator a:hover {
	text-decoration:none;
	color:#FFFFCC;
}
/*#####################################################################*\
# 6 - Lien du bloc en cours					                            #
\*#####################################################################*/
.navigator-item2 a {
	text-decoration:none;
	color:#FFFFCC;
}

/*---------------------------------------------------------------------*\
#                          ~Bloc de courriel~                           #
#                                                                       #
#                                              .Total: 4 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bloc de courriel                                                  #
\*#####################################################################*/
.mail-box {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	float:right;
}

/*#####################################################################*\
# 2 - Lien du bloc de courriel                                          #
\*#####################################################################*/
.mail-box a {
	color:#5AADFF;
}

/*#####################################################################*\
# 3 - Bloc de courriel pointé                                           #
\*#####################################################################*/
.mail-box2 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#5AADFF;
	text-align:center;
	float:right;
}

/*#####################################################################*\
# 4 - Lien du bloc de courriel pointé                                   #
\*#####################################################################*/
.mail-box2 a {
	text-decoration:none;
	color:#FFFFCC;
}


/*---------------------------------------------------------------------*\
#                             ~Calendrier~                              #
#                                                                       #
#                                              .Total: 7 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bloc de calendrier                                                #
\*#####################################################################*/
.calendar {
	margin: -5px -5px 0px -5px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFCC;
	border-top:1px solid #5AADFF;
	border-left:1px solid #5AADFF;
	width:150px;
}

/*#####################################################################*\
# 2 - Haut du calendrier                                                #
\*#####################################################################*/
.calendar-header {
	margin:0px 0px 0px 0px;
	padding:4px 2px 4px 2px;
	background-color:#FFFFCC;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
}

/*#####################################################################*\
# 3 - Semaine                                                           #
\*#####################################################################*/
.calendar-week {
	margin:0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-weight:bold;
	text-align:center;
	border-bottom:2px solid #5AADFF;
	border-right:1px solid #5AADFF;
	width:25px;
}

/*#####################################################################*\
# 4 - Jour du mois                                                      #
\*#####################################################################*/
.calendar-day {
	margin:0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	text-align:center;
	border-bottom:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	width:25px;
}

/*#####################################################################*\
# 5 - Aujourd'hui                                                       #
\*#####################################################################*/
.calendar-today {
	margin:0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background-color:#CC6666;
	color:#FFFFCC;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	width:25px;
}

/*#####################################################################*\
# 6 - Aucun jour                                                        #
\*#####################################################################*/
.calendar-noday {
	margin:0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background-color:#BFDFFF;
	border-bottom:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	width:25px;
}

/*#####################################################################*\
# 7 - Heure                                                             #
\*#####################################################################*/
.calendar-time {
	margin: -11px 0px 10px 0px;
	padding: 2px 2px 2px 2px;
	background-color:#FFFFCC;
	font-weight:bold;
	text-align:center;
	border-left:1px solid #5AADFF;
	border-right:1px solid #5AADFF;
	border-bottom:1px solid #5AADFF;
}


/*---------------------------------------------------------------------*\
#                          ~Emploi du temps~                            #
#                                                                       #
#                                              .Total: 10 styles(s)     #
\*---------------------------------------------------------------------*/
.tableu {
	padding:5px;
	margin:0px;
	background-color:#6699CC;
	color:#FFFFCC;
}
.tableu2 {
	padding:5px;
	margin:0px;
	background-color:#BFDFFF;
	color:#000000;
}
.tableleve {
	padding:5px;
	margin:0px;
	background-color:#FAFAFA;
	color:#003366;
}
.tablanc {
	padding:5px;
	margin:0px;
	background-color:#FFFFFF;
	color:#003366;
}
.tabjaune {
	padding:5px;
	margin:0px;
	background-color:#EFFC62;
	color:#003366;
}
.tabjaune2 {
	padding:5px;
	margin:0px;
	background-color:#FFFFCC;
	color:#003366;
}
.tabgris {
	padding:5px;
	margin:0px;
	background-color:#CCCCCC;
	color:#003366;
}
#top-left-right-bottom {
	border:#000000 1px solid;
}
#top-left-right {
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
	border-right:#000000 1px solid;
}
#top-right-bottom {
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
}
#right-bottom {
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
}
#left-right-bottom {
	border-left:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-right:#000000 1px solid;
}
#left-bottom {
	border-bottom:#000000 1px solid;
	border-left:#000000 1px solid;
}
#top-bottom {
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
}
#bottom {
	border-bottom:#000000 1px solid;
}


/*---------------------------------------------------------------------*\
#                     ~Grille de correction~                            #
#                                                                       #
#                                              .Total: 3 styles(s)      #
\*---------------------------------------------------------------------*/
.grille {
	border-top:#5AADFF 1px solid;
	border-left:#5AADFF 1px solid;
}
.grille-center {
	background-color:#FFFFCC;
	border-bottom:#5AADFF 1px solid;
	border-right:#5AADFF 1px solid;
	text-align:center;
}
.grille-nocenter {
	background-color:#FFFFCC;
	border-bottom:#5AADFF 1px solid;
	border-right:#5AADFF 1px solid;
}


/*---------------------------------------------------------------------*\
#                         ~Comportement~                                #
#                                                                       #
#                                              .Total: 2 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Bonus                                                             #
\*#####################################################################*/
.bonus {
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	background-color:#00CC66;
	color:#000000;
}

/*#####################################################################*\
# 2 - Malus                                                             #
\*#####################################################################*/
.malus {
	margin:0px 0px 0px 0px;
	padding:4px 4px 4px 4px;
	background-color:#E55050;
	color:#000000;
}


/*---------------------------------------------------------------------*\
#                             ~Notes~                                   #
#                                                                       #
#                                              .Total: 3 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Positif                                                           #
\*#####################################################################*/
.upper {
	color:#00CC66;
}

/*#####################################################################*\
# 2 - Neutre                                                            #
\*#####################################################################*/
.middle {
	color:#FF9900;
}

/*#####################################################################*\
# 3 - Négatif                                                           #
\*#####################################################################*/
.lower {
	color:#E55050;
}


/*---------------------------------------------------------------------*\
#                       ~Histoire du jour~                              #
#                                                                       #
#                                              .Total: 4 styles(s)      #
\*---------------------------------------------------------------------*/

/*#####################################################################*\
# 1 - Lien sur la date                                                  #
\*#####################################################################*/
.histliendate {
	text-decoration:none;
	color:#5AADFF;
}   

/*#####################################################################*\
# 2 - Lien "suite"                                                      #
\*#####################################################################*/
.histlien {
	color: #FF6600;
}

/*#####################################################################*\
# 3 - Titre                                                             #
\*#####################################################################*/
.histtitre {
	padding:5px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5AADFF;
	font-weight:bold;
}

/*#####################################################################*\
# 4 - Texte                                                             #
\*#####################################################################*/
.histtexte {
	padding-left:5px;
	padding-right:5px;
	text-indent:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5AADFF;
	font-size:8pt;
	text-align:left;
}