/* Feuille css pour Trigonomé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 */
body 
{
  background-color: #FCF6E6;   
  }

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

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

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

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

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

a:hover
{
	border-bottom: 1px solid #C7AF77;
	color: #C7AF77;         /* 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: #B74C2A;              /* couleur partie droite (pleine) du bandeau */
	background-image: url(../images/image-entete.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #A77B5A;       /* 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;
	}

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

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

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

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

#entete h1
{
	font-size: 275%;
	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 #A77B5A;
	padding: 12px;
	text-align: justify;
	line-height: 17px;
	/* font-style: italic; */
	background-color: #D09A70; 
	}

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: #FCF6E6; 
	}
	
/* 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 #A77B5A;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px;
	background-color: #D09A70;   /* fond des petits boutons */
	color: #FCF6E6;              /* texte des petits boutons */
	}

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

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

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

div#fonc a:hover
{
	border-left: 10px solid #D09A70;  /* couleur, bloc de gauche */
	border-bottom: 1px solid #D09A70; /* couleur, ligne du dessous survole */
	color: #FCF6E6;                     /* couleur, texte survole */
	background-color: #D09A70;          /* 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: #A77B5A;             /* texte des gros boutons */
	border: 1px solid #A77B5A;  /* cadre des gros boutons */
	background-color: #FCF6E6;  /* fond des gros boutons */
	font-size: 12px;
	font-weight: bold;
	}

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

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

table.elements tr.hilite 
{ 
	background-color: #D09A70;   /* 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: #D09A70;              /* titres des modules */
	font-size: 12px;
	font-weight: bold;
	}

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

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

table.elements td span.ttr a    /* introduction, activites notees et synthese */
{
	color: #FCF6E6;
	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: #FCF6E6;
	}

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

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

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

table.elements td a.nodevoir:visited
{
	border: 1px dotted #A77B5A;  /* cadre des boutons de devoir, visités */
	color: #FCF6E6;              /* texte des boutons de devoir, visités */
	background-color: #D09A70;   /* 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 #A77B5A;   /* couleur du cadre du tableau */
	padding: 0;
	}

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

#fdr tr td
{
	border-right: 1px dotted #A77B5A;   /* couleur du pointillé inter-colonne */
	border-bottom: 1px dotted #A77B5A;   /* 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: #D09A70;  /* 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: #702601;              /* couleur de quel texte ??? */
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

#fdr td.commentaire
{
	color: #D09A70;     /* 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: #702601;
	text-align: left;
	}

div.note
{
	color: #75593a;               /* 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: #ffffe8;
	background-color: #75593a;
	}

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

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

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

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

#enregistrement 
{
	text-align: center;
	}

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

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

table#fdr button
{
	margin-top: 12px;
	color: #FCF6E6;              /* couleur du texte du bouton enregistrer */
	background-color: #D09A70;   /* 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%;
  color: #A77B5A;
  font-size: 10px;
}

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

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; 
	}

a.comm-fdr                      /* feuille de route - gros boutons du haut */
{
	display: block;
	width: 180px;                 /* largeur des gros boutons du haut */
	padding: 2px 3px;
	color: #A77B5A;                /* couleur du texte */
	border: 1px dotted #A77B5A;   /* couleur du cadre */
	background-color: #FCF6E6;    /* 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: #FCF6E6;               /* couleur du texte survole */
	border: 1px dotted #A77B5A;   /* couleur du cadre survole */
	background-color: #A77B5A;    /* couleur du fond survole */
	font-style: italic;
	}

/* ajouts Yves */

#verifconf 
{
	border: 1px solid black;
	}

table#generique
{
	width: 75%;
	margin: 36px;
	}

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 #A77B5A;    /* couleur du cadre de la barre d'avancement */
	height: 14px;
	vertical-align: middle;
	text-align: left;
	padding: 0;
	width: 100%;
	background-color: #FCF6E6;    /* couleur du fond de la barre d'avancement */
	}


/** Test diagnostic **/

/* statut du test diag */
.test,
.test1 
{
	visibility: hidden;
	/* color: #965833; */  /* couleur du "x" du test final terminé */
}
	
.test0 
{
	font-weight: bold;
	/* color: #965833; */   /* 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: #965833; */   /* 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: #FCF6E6;                     /* 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 #75593a;      /* cadre activite optionnelle ou sans verdict */
	padding: 1px 2px;
	color: #75593a;                  /* couleur du texte activite optionnelle ou sans verdict */
	background-color: #ffffe8;       /* 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 #75593a;     /* couleur du cadre activite recommandee */
	padding: 1px 2px;
	color: #ffffe8;                 /* couleur du texte activite recommandee */
	background-color: #e9cc8a;      /* couleur du fond activite recommandee */
	font-weight: bold;
	margin-left: 6px;
	}

a.montreact1:hover,
#fdr td.activite-titre a.montreact1:hover
{
	color: #ffffe8;                 /* couleur du texte activite recommandee survolee */
	background-color: #75593a;      /* couleur du fond activite recommandee survolee */
	border: 1px dotted #75593a;     /* 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: #D09A70;    /* couleur du fond duree activite */
	color: #FCF6E6;               /* 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 #75593a;      /* cadre module optionnel ou sans verdict */
	padding: 1px 2px;
	color: #75593a;                  /* couleur du texte module optionnel ou sans verdict */
	background-color: #ffffe8;       /* couleur de fond module optionnel ou sans verdict */
	margin-left: 6px;
	}

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

a.montremod1:hover
{
	/* color: #75593a; */                 /* couleur du texte module recommandé survolé */
	background-color: #75593a;      /* couleur du fond module recommandé survolé */
	border: 1px dotted #75593a;     /* 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;
	}