C27C46/* Feuille css pour Géométrie */

/* Définitions globales */
html, body, div, table, th, tr, td, span,
a, p, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	}

/* 	couleur générale du fond des pages (FAFAE8) */
body 
{
  background-color: #fafae8;   
  }

/* 	couleur du texte en général */
p, ul, ol, li
{
	color: #597E70;
	}

/* 	couleur des titres en général */
h1, h2, h3, h4, h5, h6
{
	color: #597E70;
	font-weight: bold;
	}

/* 	aspect général des liens */
a
{
	text-decoration: none;
  }

a:link
{
	border-bottom: 1px dotted #597E70;
	color: #597E70;         /* couleur du texte des liens non-visites */
	}

a:visited
{
	border-bottom: 1px solid #385047;
	color: #385047;         /* couleur du texte des liens visites */
	}

a:hover
{
	border-bottom: 1px solid #385047;
	color: #385047;         /* couleur du texte des liens survoles */
	}


/* 	aspect général des listes */
ul, ol
{
	margin: 0 0 6px 0;
	padding: 0 0 0 28px;
	}

li 
{ 
  padding: 3px 0 3px 0; 
  }

/* 	aspect spécifiques des titres */
h1
{
	font-size: 150%;
	padding: 8px 0 4px 0;
	}

h2
{
	font-size: 130%;
	padding: 8px 0 4px 0;
	}

h3
{
	font-size: 110%;
	padding: 0 0 6px 0;
	}

h4
{
	font-size: 100%;
	padding: 0 0 6px 0;
	}

h5
{
	font-size: 95%;
	padding: 0 0 6px 0;
	}

h6
{
	font-size: 90%;
	padding: 0 0 6px 0;
	}


/* COMMUN À TOUTES LES PAGES */

/* ENTETE */
#entete
{
	background-color: #597E70;              /* couleur partie droite (pleine) du bandeau */
	background-image: url(../images/image-entete.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #597E70;    /* couleur ligne au bas du bandeau */
	height: 86px;
	}

#entete table 
{
	width: 100%; 
	}

#entete table td#nom-cours
{
	width: 452px;
	height: 86px;
	text-align: center;
	}

#entete table td#dossier
{
	width: 12%;
	text-align: center;
	font-size: 9px;
  }

#entete table td#dossier a
{
	font-size: 9px;
	color: #fcf4bd;                    /* couleur de "Mon dossier" */
	border-bottom: 1px solid #F0F4CE;  /* cadre (bas seul.) de "mon dossier" */
	}

#entete table td#dossier a:hover
{
	font-weight: bolder;
	}
	
#entete table td#salutations
{
  width: 60%;
	color: #fcf4bd;                     /* couleur de "Bonjour!" et "Dernier acces" */
	padding-left: 8px;
	}

#entete table td#aidepourcettepage
{
	width: 4%;
	}

#entete h1, 
#entete h2
{
	color: #fcf4bd;                      /* couleur du nom du cours */
	}

#entete h1
{
	font-size: 250%;
	font-weight: bold;
  }

#entete h2
{
	font-size: 150%;
	font-weight: normal;
	}


/* Texte preliminaire et breadcrumb */
#breadcrumb
{
	margin-top: 12px;
	margin-left: 20px;
}

#breadcrumb a { font-weight: bold; }

/* CORPS DE LA PAGE */

#corps 
{ 
  padding: 0 0 10px 0; 
  }
  
#corps-contenu 
{ 
  padding: 10px 30px 10px 30px; 
  }

#corps-contenu p
{
	padding: 0 0 14px 0;
	line-height: 17px;
	}

#corps-contenu p
{
	padding: 0 10px 10px 10px;
	line-height: 17px;
	text-align: justify;
	}

div#encadre
{
	margin-top: 6px;
	margin-bottom: 6px;
  border: 1px solid #385047;
	padding: 12px;
	text-align: justify;
	line-height: 17px;
	font-style: italic;
	background-color: #fcf4bd; 
	}

div#encadre.droite
{
	float: right;
	width: 43%;
	margin-left: 3%;
	}

div#encadre.gauche
{
	float: left;
	width: 43%;
	margin-right: 3%;
	}

div#encadre h3,
div#encadre h4,
div#encadre p,
div#encadre ol,
div#encadre li
{
	/* color: #ffffe8; */ 
	}
	
/* images */
img.gauche
{
	float: left;
	margin-top: 3px;
	margin-right: 12px;
	margin-bottom: 12px;
	}

img.droite
{
	float: right;
	margin-top: 3px;
	margin-left: 12px;
	margin-bottom: 12px;
	}

/* petits boutons de navigation */
div.btn-retour 
{ 
  padding: 8px 0px 28px 0px; 
  }

div.btn-retour a
{
	border: 1px solid #385047;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px;
	background-color: #597E70;   /* fond des petits boutons */
	color: #fafae8;              /* texte des petits boutons */
	}

div.btn-retour a:hover
{
	border: 1px dotted #385047;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px;
	background-color: #385047;  /* fond, petits boutons survoles */
	color: #fafae8;             /* texte, petits boutons survoles */
	}

/* tableaux en général */
div#fonc
{
	border: 1px solid #385047;   /* couleur du cadre */
	margin: 6px 12px 12px 0px;
	padding: 0;
	width: 80%;
	}

div#fonc a
{
	font-size: 12px;
	border-left: 10px solid #597E70; /* couleur, bloc de gauche */
	border-bottom: 1px solid #385047; /* couleur, ligne du dessous */
	color: #597E70;                     /* couleur, texte */
	display: block;
	padding: 6px;
	}

div#fonc a:hover
{
	border-left: 10px solid #385047;  /* couleur, bloc de gauche */
	border-bottom: 1px solid #385047; /* couleur, ligne du dessous survole */
	color: #385047;                     /* couleur, texte survole */
	background-color: #ECDFB1;          /*couleur, fond survole */
	font-style: italic;
	}

/*  BAS DE LA PAGE */
#basdepage 
{ 
  font-size: 80%;
  }


/* SPÉCIFIQUE À PAGE PRINCIPALE */

/* table générale : les trois blocs (infos, actions, tdm) */
table#pp-mep
{
	width: 98%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}

/* titres (et texte hors-tables) commun aux deux moitiés */
table#pp-mep td#gauche,
table#pp-mep td.droite
{
	vertical-align: top;
	font-size: 14px;
	}

/* largeur de la partie de gauche (infos, actions)*/
table#pp-mep td#gauche
{
	width: 46%;
	padding: 6px 0px 12px 16px;
	}

/* largeur de la partie de droite (tdm)*/
table#pp-mep td.droite
{
	width: 52%;
	padding: 6px 4px 12px 0px;
	}

/* boutons "Actions" colonne gauche */
table.lors
{
	width: 83%;
	}

table.lors td.gau, 
table.lors td.dro 
{
	padding: 4px 8px 4px 0;
	}
	
table.lors td.gau
{
	text-align: left;
	}
	
table.lors td.dro 
{
	text-align: right;
	}

table.lors td a
{
	display: block;
	padding: 3px 6px;
	color: #fafae8;             /* texte des gros boutons */
	border: 1px solid #385047;  /* cadre des gros boutons */
	background-color: #597E70;  /* fond des gros boutons */
	font-size: 12px;
	font-weight: bold;
	}

table.lors td a:hover
{
	padding: 3px 6px;
	color: #fafae8;             /* texte des gros boutons survolés */
	border: 1px solid #597E70;  /* cadre des gros boutons survolés */
	background-color: #385047;  /* fond des gros boutons */
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	}

/* table des matières colonne droite */
table.elements
{
	border: 1px solid #385047;   /* couleur cadre du menu */
	width: 95%;
	margin-top: 8px;
	background-color: #fafae8;   /* couleur fond des lignes */
	}

table.elements tr.hilite 
{ 
	/*background-color: #fcf4bd;   couleur des bandeaux haut et bas */
	background-color: #ECDFB1;   /* couleur des bandeaux haut et bas */
	}
	
table.elements td 
{ 
	padding: 4px 8px 6px 8px;
	}

/* lignes des modules */
table.elements td.mod 
{
	margin: 6px 8px;
	text-align: left;
	}

table.elements td.mod a
{
	color: #597E70;              /* titres des modules */
	font-size: 12px;
	font-weight: bold;
	}

table.elements td.mod a:hover
{
	color: #385047;                   /* titres des modules, survolés */
	font-style: italic;
	}

table.elements td.mod a:visited
{
	color: #385047;              /* titres des modules */
	font-size: 12px;
	font-weight: bold;
	}

table.elements td span.ttr a    /* introduction, activites notees et synthese */
{
	color: #597E70;
	font-weight: bold;
	margin: 0 10px 0 0;
	}

table.elements td span.ttr a:hover   /* introduction, activites notees et synthese survoles */
{
	font-style: italic;
	color: #385047;
}

table.elements td span.ttr a:visited   /* introduction, activites notees et synthese visites */
{
	color: #385047;
	}

/* boutons des devoirs (activités notées) */
table.elements td a.nodevoir
{
	border: 1px solid #385047;   /* cadre des boutons de devoir */
	padding: 1px 2px;
	color: #fafae8;
	background-color: #597E70;
	font-size: 10px;
	font-weight: bold;
	margin-right: 5px;
	}

table.elements td a.nodevoir:hover
{
	border: 1px solid #597E70;   /* cadre des boutons de devoir */
	color: #385047;              /* texte des boutons de devoir, survolés */
	background-color: #fafae8;   /* fond des boutons de devoir, survolés */
	}

table.elements td a.nodevoir:visited
{
	border: 1px dotted #385047;  /* cadre des boutons de devoir, visités */
	color: #fafae8;              /* texte des boutons de devoir, visités */
	background-color: #597E70;   /* fond des boutons de devoir, visités */
	text-decoration: line-through;
	}


/* SPÉCIFIQUE À FEUILLE DE ROUTE */

/* Bloc infos */

#infos
{
	width: 30%;
	text-align: left;
	vertical-align: middle;
	float: right;
	margin: 20px 0;
	}

#fdr-head
{
	width: 90%;
	/* margin: 20px 0 0 0; */
	margin-left: auto;
	margin-right: auto;
	}
	
#fdr-head ul 
{
	width: 70%;
	}
	
.btns
{
	width: 50%;
	margin-bottom: 32px;
	}
 
div.btns p 
{
	margin:0 0 12px 0;
	}

#-head ul 
{ 
	list-style: inside; 
	}

/* Tableau de la fdr */
table#fdr
{
	width: 100%;
	margin-top: 18px;
	border: 1px solid #385047;   /* couleur du cadre du tableau */
	padding: 0;
	}

#fdr tr th
{
	border-right: 1px solid #385047;    /* couleur du cadre inter-titres */
	border-bottom: 2px solid #385047;   /* couleur du cadre au bas des titres */
	vertical-align: middle;
	padding: 5px 3px;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	color: #597E70;      /* couleur du texte des titres du tableau */
	background-color: #fafae8;   /* couleur du fond des titres du tableau */
	/* letter-spacing: 1px; */   /* espacement extra des mots du titre */
	}

#fdr tr td
{
	border-right: 1px dotted #385047;   /* couleur du pointillé inter-colonne */
	border-bottom: 1px dotted #385047;   /* couleur du pointillé inter-ligne */
	vertical-align: middle;
	padding: 5px;
	font-size: 100%;
	text-align: center;
	/* background-color: #fbf7de; */   /* couleur du fond du tableau */
	}

#fdr tr th#act-check 
{
	border-right: 0;
	}
	
#fdr tr.revision 
{
	background-color: #fafae8;  /* couleur de fond des rangées des activités de révision */
	}

#fdr td.fdrcheck
{
	text-align: center;
	width: 3%;
	background-color: #EFF0A3;   /* ??? */
	font-weight: bold;
	color: #385047;              /* couleur de quel texte ??? */
	}

#fdr td.activite-titre
{
	color: #597E70;              /* couleur du texte des activités (pas utilisé sans lien) */
	font-weight: bold;
	text-align: left;
	}

#fdr td.activite-titre a
{
	color: #597E70;              /* couleur du texte des activités (lien) */
	text-align: left;
	}

#fdr td.activite-titre a:hover
{
	color: #385047;              /* couleur du texte des activités (lien) lorsque survolé */
	font-style: italic;
	}

#fdr td.activite-titre a:visited
{
	color: #385047;              /* couleur du texte des activités (lien) lorsque visité */
	}

#fdr td.actrev
{
	background-color: #fafae8;   /* couleur du fond du bloc des activités de révision */
	color: #597E70;              /* couleur du texte du bloc des activités de révision */
	text-align: left;
	}

#fdr td.modrev
{
	background-color: #fafae8;   /* couleur du fond du bloc des modules à revoir à la fin */
	color: #597E70;              /* couleur du texte du bloc des modules à revoir à la fin */
	text-align: left;
	}

#fdr td.devoir
{
	text-align: left;
	}

#fdr td.devoir
{
	background-color: #fafae8;   /* couleur du fond des activités notées */
	color: #597E70;
	font-weight: bold;
	}

#fdr td.devoir a 
{
	color: #597E70;          /* couleur du texte des activités notées */
	}

#fdr td.devoir-note
{
	color: #597E70;
	}

#fdr h4,
#fdr h5
{
	font-weight: normal;
	display: inline;
	}

#fdr td.mod a:hover, 
#fdr td.devoir a:hover
{
	color: #385047;          /* couleur du texte des activités notées survolées */
	font-style: italic;
	border-bottom: 1px solid #385047;
	}

#fdr td.mod a:visited, 
#fdr td.devoir a:visited
{
	color: #385047;          /* couleur du texte des activités notées visitées */
	font-style: italic;
	border-bottom: 1px dotted #385047;
	}

#fdr td.devoir-form
{
	text-align: left;
	vertical-align: top;
	color: #597E70;   
	}

#fdr td.commentaire
{
	color: #597E70;     /* couleur du texte "date du commentaire" */
	text-align: left;
	border-right: none;
	}

#fdr td.commentaire p               /* inconnu */
{
	padding: 1px;
	font-family: Courier,sans-serif;
	color: #597E70;
	text-align: left;
	}

div.note
{
	color: #597E70;               /* inconnu */
	float: right;
	text-align: center;
	}

div.commentaire span               /* inconnu */
{
	padding-top: 5px;
	display: block;
	color: #3A180D;
	}

table#fdr button                   /* inconnu */
{
	margin-top: 12px;
	color: #F4F8DB;
	background-color: #799889;
	}

td.duree
{
	width: 15%;
	border-right: 1px solid black;
	text-align: center;
	color: #597E70;                    /* couleur du texte des durées, sauf activites de revision */
	}

td.finprev
{
	width: 15%;
	border-right: 1px solid #000000;   /* ??? */
	text-align: center;
	color: #597E70;                    /* couleur des dates AAAA-MM-JJ */
	}

td.avmt
{
	width: 15%;
	text-align: center;
	border-right: 1px solid #000000;   /* ??? */
	color: #597E70;                    /* inutilise ? */
	}

div.boite
{
	border: 1px solid black;
	background-color: #799889;   /* ??? */
	}

#enregistrement 
{
	text-align: center;
	}

td.prog div.bar
{
	height: 12px;
	border: 1px solid #385047;   /* ??? */
	}

td.num
{
	text-align: right;
	color: #40611C;           /* ??? */
	}

table#fdr button
{
	margin-top: 12px;
	color: #fafae8;              /* couleur du texte du bouton enregistrer */
	background-color: #385047;   /* couleur du fond du bouton enregistrer */
	}

.adroite 
{
	text-align: right; 
	}

table#fdr textarea
{
	width: 90%;
	border: 1px #000333 solid;   /* ??? */
	padding: 2px;
	}

table#fdr input
{
	text-align: center;
	border: 1px #000333 solid;   /* ??? */
	}

/* Footer */

.footer {
  margin-left:2%;
  font-size: 10px;
  color:#597E70;
}

#footer {
  font-size: 10px;
  color:#597E70;
}

table#footer
{
	width: 95%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	}

table#footer td
{
	width: 33%;
	font-size: 10px;
	}

table#footer td a 
{
	font-size: 10px; 
	color: #597E70; 
	border-bottom: 1px solid #597E70;
	}

table#footer td a:hover 
{
	font-size: 10px; 
	color: #385047; 
	border-bottom: 1px solid #385047;
	}

a.comm-fdr                      /* feuille de route - gros boutons du haut */
{
	display: block;
	width: 180px;                 /* largeur des gros boutons du haut */
	padding: 2px 3px;
	color: #fafae8;                /* couleur du texte */
	border: 1px dotted #385047;   /* couleur du cadre */
	background-color: #597E70;    /* couleur du fond */
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	/* margin: 12px 0; */
	}

a.comm-fdr:hover
{
	/* width: 300px; */
	padding: 2px 3px;
	color: #fafae8;               /* couleur du texte survole */
	border: 1px dotted #597E70;   /* couleur du cadre survole */
	background-color: #385047;    /* couleur du fond survole */
	font-style: italic;
	}

/* ajouts Yves */

#verifconf 
{
	border: 1px solid black;
	}

table#generique
{
	width: 75%;
	margin: 36px;
	color: #597E70;      /* texte de la table des crédits */
	}

table#generique th
{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

table#generique td
{
	font-weight: bold;
	vertical-align: top;
	}

table#fdr tr.app-mod td.activite-titre,
table#fdr tr.fmt-mod td.activite-titre
{
	text-align: left;
	font-weight: bold;	
	}

div.barreavmt
{
	border: 1px solid #385047;    /* couleur du cadre de la barre d'avancement */
	height: 14px;
	vertical-align: middle;
	text-align: left;
	padding: 0;
	width: 100%;
	background-color: #fafae8;    /* couleur du fond de la barre d'avancement */
	}


/** Test diagnostic **/

/* statut du test diag */
.test,
.test1 
{
	visibility: hidden;
	/* color: #C27C46; */  /* couleur du "x" du test final terminé */
}
	
.test0 
{
	font-weight: bold;
	/* color: #C27C46; */   /* couleur du "x" du test initial terminé */
}

/* Montre un texte sur activites de revision a faire si test complete*/
span.testtexte,
span.testtexte1 
{
	display: none;
	}
	
span.testtexte0 
{
	font-weight: normal;
	line-height:1.5;
	padding-top:3px;
	/* color: #C27C46; */   /* couleur du texte relatif au test initial terminé */
	}

/** Activites de revision **/

/*Affichage du titre Activite de revision */

.arev
{
	/* background-color: #E3DBAA; */    /* fond du mot "activités de révision" */
	/* color: #3A180D; */               /* couleur du mot "activités de révision" */
	text-align: left;
	}

/* Affichage d'une activite */

.montreactnull,
.montreact, 
a.montreact,
.montreact0, 
a.montreact0 
{ 
	display: inline; 
	border: 1px dotted #385047;      /* cadre activite optionnelle ou sans verdict */
	padding: 1px 2px;
	color: #597E70;                  /* couleur du texte activite optionnelle ou sans verdict */
	background-color: #fafae8;       /* couleur de fond activite optionnelle ou sans verdict */
	margin-left: 6px;
	}

.montreact1, 
a.montreact1,
#fdr td.activite-titre a.montreact1 
{ 
	display: inline; 
	border: 1px dotted #385047;     /* couleur du cadre activite recommandee */
	padding: 1px 2px;
	color: #fafae8;                 /* couleur du texte activite recommandee */
	background-color: #597E70;      /* couleur du fond activite recommandee */
	font-weight: bold;
	margin-left: 6px;
	}

a.montreact1:hover,
#fdr td.activite-titre a.montreact1:hover
{
	color: #597E70;                 /* couleur du texte activite recommandee survolee */
	background-color: #fafae8;      /* couleur du fond activite recommandee survolee */
	border: 1px dotted #385047;     /* couleur du cadre activite recommandee survolee */
	padding: 1px 2px;
	font-weight: bold;
	margin-left: 6px;
	font-style: normal;
	} 

/* Affichage du texte sur la duree des activites */

.arevdur
{
	background-color: #fafae8;    /* couleur du fond duree activite */
	color: #597E70;               /* couleur du texte duree activite */
	text-align: left;
	}
	

/** Texte lorsque test autoeval fait **/

.fincours,
.fincours1 
{
	display: none;
	}
	
.fincours0 
{
	}

/* Affichage d'un module a revoir */

.montremodnull,
.montremod, 
a.montremod,
.montremod0, 
a.montremod0 
{ 
	display: none; 
	border: 1px dotted #385047;      /* cadre module optionnel ou sans verdict */
	padding: 1px 2px;
	color: #597E70;                  /* couleur du texte module optionnel ou sans verdict */
	background-color: #fafae8;       /* couleur de fond module optionnel ou sans verdict */
	margin-left: 6px;
	}

.montremod1, 
a.montremod1 
{ 
	display: inline; 
	border: 1px dotted #385047;     /* couleur du cadre module recommandé */
	padding: 1px 2px;
	color: #fafae8;                 /* couleur du texte module recommandé */
	background-color: #597E70;     /* couleur du fond module recommandé */
	font-weight: bold;
	margin-left: 6px;
	}

a.montremod1:hover
{
	/* color: #C27C46; */                 /* couleur du texte module recommandé survolé */
	background-color: #385047;      /* couleur du fond module recommandé survolé */
	border: 1px dotted #597E70;     /* couleur du cadre module recommandé survolé */
	padding: 1px 2px;
	font-weight: bold;
	margin-left: 6px;
	} 

/* classe generique */

.visible,
.visible0 
{
	visibility: hidden;
	}
	
.visible1 
{
	font-weight: bold;
	/* color: #00ff00; */  /* couleur du "x" des modules terminés */
	}

div#msgErreur p 
{
	margin:0 0 0 2em;
	padding:0;
	font-weight:bold;
	color:red;
	}

.masquable 
{ 
  color: FF0000;
  }

.masquable2    /* <- modifier celui-ci seulement pour faire apparaitre les reperes */ 
{ 
  display: none; 
  }

td#salutations {
color:#F0F4CE;
font-size:200%;
padding-left:3em;
}