/** ELEMENTS HTML **/

body
{
	background-color: #AEC3CE;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.33em;
	color: #000000;
	padding: 0;
	margin: 0;
}

p,span,div,ul.ol,li,h1,h2,h3,h4,h5,table,td,th,tr,object
{
	padding: 0;
	margin: 0;
	font-size: 100%;
}

a
{
	font-weight: bold;
	color: #4C7A8A;
}

img {
    border-width: 0;
}

a:hover { text-decoration: none; }
ul,ol { margin: 6px 0 12px 18px; }

/** GRANDES DIVISIONS  **/
div#bandeau
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#bandeau a { text-decoration: none; }

div#contenu
{
	margin: 18px 5% 0 5%;
	padding: 0;
	max-width: 900px;
}

div#basdepage
{
	font-size: 10px;
	margin: 60px 0;
}


/** BANDEAUX **/

#entetebandeauc
{
	background-color: #780202;
	border-bottom: 1px #780202 solid;
	width: 100%;
}

#entetebandeauc tr td
{
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	padding: 0;
}


/* BANDEAU DES PAGES STATIQUES */


#entetebandeau-statique
{
  width: 100%;
}

#entetebandeau-statique .cell-spacer {
    width: 195px;
    height: 111px;
}

#entetebandeau-statique .cell-haut {
    width: 195px;
    height: 65px;
    background: #DDE6E9 url("../images/bandeau2/www_espacevideident.jpg") no-repeat top left;

}

#entetebandeau-statique .cell-bas {
    width: 195px;
    height: 50px;
    background:  #cfdce2 url("../images/bandeau2/http_vide.jpg") no-repeat top left;

}

#entetebandeau-statique .sans-filigrane {
    background-image: none;
}

#entetebandeau-statique .logo {
   width: 121px;
   height: 100px;
   background: #DDE6E9 url("../images/bandeau2/logo.jpg") no-repeat bottom left;
}

#entetebandeau-statique .titre-cours {
    height: 65px;
    background: #DDE6E9;

}

#entetebandeau-statique .titre-cours h1 {
    font-size: 22px;
    color: #570101;
    font-weight: normal;
    line-height: 120%;
    padding-top: 18px;
}
 

#entetebandeau-statique .salutation {
    height: 50px;
    background: #4B7A8A url("../images/bandeau2/www_vide2.jpg") no-repeat top left;
    color: white;
}

#entetebandeau-statique .salutation .prenom-nom {
    padding: 5px 0 0 39px;
    font-size: 14px;
    font-weight: bold;
}

#entetebandeau-statique .salutation .derniere-visite {
    padding-left: 39px;
    font-size: 10px;
    line-height: 115%;
    
}

#entetebandeau-statique .navicone {
    float: right;
    text-align: right;
}

#entetebandeau-statique .navigation {
    background: white;
    width: 100%;
}

#entetebandeau-statique .navigation td {
    background: #780202;
    border: 1px solid white;
    border-width: 1px 0 0 1px;
    padding: 0;
}

#entetebandeau-statique .navigation td a {
    color: white;
    font-size: 12px;
}

#entetebandeau-statique .navigation td:hover,
#entetebandeau-statique .navigation .nav0Over {
    background: #B16D6D;

}


/* TITRE DU COURS */

.titreducoursnav2
{
	width: 34%;
	height: 25px;
	font-size: 20px;
	color: #570101;
	background-color: #DDE6E9;
	padding: 0 0 0 4px;
}

.titreducoursnav2 { font-weight: normal; }

.navtaches
{
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 2px 0;
	background-color: #780202;
}

.navtaches div { width: 15em; }

.glossaire, .aide { text-align: center; }
.glossaire { width: 11%; }
.aide { width: 6%; }

td.glossaire a, td.aide a
{
	color: #ffffff;
	font-weight: bold;
	padding: 0;
}

/* NO DES TACHES */
span.tacheson a, 
span.tachesoff a,
span.tachesin a
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #B16D6D;
	padding: 0 1px 0 3px;
	margin: 0 1px;
	border: white 1px solid;
}

span.tacheson a:hover { border: white 1px solid; }

span.tachesoff a
{
	background-color: #780202;
	border: #780202 1px solid;
}

span.tachesoff a:hover
{
	background-color: #B16D6D;
	border: white 1px solid;
}

span.tacheson a:active { border: white 1px solid; }
span.tachesin a { border: white 1px solid; }

/* NAVIGATION SITE, FDR, DOCS */
#navicone
{
	background-color: #DEE7EA;
	text-align: center;
	padding: 0;
	margin: 0;
}

.verspp, 
.verscourriel, 
.versfdr, 
.versdocs { text-decoration: none; }
.verspp { background-image: url(../images/bandeau2/ico_maison.gif); }
.versppOn { background-image: url(../images/bandeau2/ico_maison_over.gif); }
.verscourriel { background-image: url(../images/bandeau2/ico_crayon.gif); }
.verscourrielOn { background-image: url(../images/bandeau2/ico_crayon_over.gif); }
.versfdr { background-image: url(../images/bandeau2/ico_tablette.gif); }
.versfdrOn { background-image: url(../images/bandeau2/ico_tablette_over.gif); }
.versdocs { background-image: url(../images/bandeau2/ico_document.gif); }
.versdocsOn { background-image: url(../images/bandeau2/ico_document_over.gif); }

/* TITRE DE LA TACHE */
#entetebandeauc td.titretache
{
	width: 76%;
	height: 25px;
	background-color: #4B7A8A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0 0 0 4px;
	border: 0;
}

a.titretache { color: #FFFFFF; }

/* NAVIGATION TACHE */
.sousnav
{
	padding-right: 10px;
	padding-left: 0px;
	font-size: 10px;
	float: right;
	padding-bottom: 3px;
	position: relative;
	top: -18px;
}
.sousnav2 {
	padding-right: 10px;
	padding-left: 0px;
	font-size: 10px;
	float: right;
	padding-bottom: 3px;
	}

.titresection
{
	font-weight: bold;
	margin-bottom: 1em;
}

/* CONTENU */
div#narration
{
	float: left;
	padding: 0 12px 0 0;
	margin-top: 6px;
	vertical-align: bottom;
}

div#contenu_principal, div#tm
{
	margin: 24px 0;
	padding: 0;
}

div#contenu_principal p
{
	line-height: 1.3em;
	margin-bottom: 1em;
}

div#contenu_principal h2
{
	line-height: 1.3em;
	padding: 6px 0 1em 0;
}

div#contenu_principal object
{
	margin-left: auto;
	margin-right: auto;
	padding: 6px 0;
}

div.flash
{
	margin: 0.2em auto 1.2em auto;
	text-align: center;
}

a#multifen {
    float:left;
    padding-right:12px;
    position:relative;
    top:-8px;
    text-decoration: none;
}



#contenu .encadre {
	border : 1px #780202 solid;
	padding : 7px;
	margin-top: 2em;
	margin: 1.2em auto;
}

#contenu table.encadre td {
    border-right : 1px #780202 solid;
    text-align: center;
    padding: 0 8px;
}

#contenu table.encadre td a {
    font-size: 12px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.tableautexte { margin: 1em 0; }

.tableautexte td {
    padding: 5px;
}

.tableautexte .indice {
    vertical-align: top;
    text-align: right;
}

.centre { text-align: center; }

.adroite { text-align: right; }
.adroite img { border-width: 0; }

div.actnotee ul, div.actnotee li {
    padding: 0; margin: 0;
}
div.actnotee ul {
    margin: 1.5em 0;
    padding-left: 3em;
}

div.actnotee
{
	border: 1px solid #4B7A8A;
	
	padding: 6px;
	background-color: #DDE6E9;
	width: 80%;
	margin: 1.5em 0  1.5em 10%;
}

div.actnotee ul
{
	padding-left:18px; 
	list-style:none;
}

div.actnotee ul li span {display:block; 
position:relative;left:-32px;top:1.3em;width:30px;text-align:right;}

div.actnotee ul li ul {
    list-style: disc;
    list-style-position: outside;
}


/* TABLE DES MATIERES DE TACHE */
div#tm
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	line-height: 1.3em;
}

#tm a { text-decoration: none; }

#tm h3
{
	color: #ffffff;
	font-weight: bold;
	padding: 3px 0px;
	margin-bottom:6px;
	background-color: #4B7A8A;
	text-align: center;
	font-size: 100%;
}

div#tm div.tdmniv1 p,
div#tm div.tdmniv1 p {
    padding:0;margin:0;
}

div#tm div.tdmniv1 {
    padding: 6px  0 0 0;
    margin:0;
}

/* div.tdmniv1 a {padding-right: 11px; } */
div#tm div.tdmniv1 .indice {
    float: left;
    padding-right: 10px;
    width: 1.3em;
    text-align: right;

}


div.tdmniv1 a img
{
	vertical-align:bottom;
	padding-bottom:2px;
	float: left;

}


/* EXPANSION  -> outliner.js*/

.MenuOuvert { width: 100%; }
.expanded { display: block; }
.collapsed { display: none; }

#tm ul
{
	list-style: none;
	margin: 0 0 0 60px;
	padding: 0;
	padding-bottom:9px;
	/*border:1px solid silver;*/
}


#tm ul li a { font-size: 13px; }

table.pied-de-page {
    margin: 2em 0 0 36px;
    width:85%;

}

table.pied-de-page a {
    color: black;
    text-decoration:none;
    font-size: 10px;
}


/*///////////////////////////////////////////
/////              INFOBULLE              ///
/////////////////////////////////////////////*/


a.txtLienInfoBulle, A.txtLienInfoBulle:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #9F5C5C;
	text-decoration : underline;
	margin-right : 2px; 
}
a.txtLienPagePrecedente
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/*//////////////////////////////////////
///               AIDE               ///
//////////////////////////////////////*/


DIV#ScreenAide0, DIV#ScreenAide1, DIV#ScreenAide2  {
	width : 650px;
	text-align : center;
	border : 1px #000000 solid
}
DIV#ScreenAide0 {
	height : 378px;
}
DIV#ScreenAide1 {
	height : 486px;
}
DIV#ScreenAide2 {
	height : 618px;
}
DIV#ScreenAideTexte0, DIV#ScreenAideTexte1, DIV#ScreenAideTexte2 {
	position: relative;
	left 	: 45px;

	font-family: Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #780202;

	width	: 534px;
	height	: 100px;
	border : 1px #780202 solid;
	background-color : white;
	text-align : center;
	vertical-align: middle;
	padding: 30px 10px 10px 10px;
}

img#aidecontenu { margin-right: 10px; }

/* Les t�ches */
DIV#ScreenAideTexte0 { top: -100px; }

/* Feuille de route */
DIV#ScreenAideTexte1 { top: -50px; }

/* Page principale */
DIV#ScreenAideTexte2 { top: -250px; }


/* GLOSSAIRE */
TR.fdrTitreEntete {
	background-color: #4B7A8A;
}

TD.fdrTitreEntete {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px #7C8F95 solid;
}

TR.fdrRow1 { background-color: #FFFFFF; }
TR.fdrRow2 { background-color: #EDF2F3; }

/* 

TABLE#tablocontenu
{
	border: 1px #780202 solid;
	padding: 7px;
}

TD.tablocontenulignedroite { border-right: 1px #780202 solid; }

/*#tablocontenu TR TD {
	border-right : 1px #000000 solid;
} 

#infobulle
{
	background-color: none;
	top: 0px;
	left: 0px;
	z-index: 9;
	border: #000000 0px solid;
	width: 640px;
	height: 130px;
	position: absolute;
	/* relative
	visible: hidden;
	/*	display : none; 
}


/*

.BordureBandeauA
{
	border-bottom: 2px #780202 solid;
	height: 100px;
}

DIV#navelevenav0
{
	width: 195px;
	height: 50px;
	background-color: #DEE7EA;
}

DIV#dossier
{
	width: 195px;
	height: 25px;
	background-color: #DEE7EA;
}

DIV#dernierevisitee
{
	width: 195px;
	height: 25px;
	background-color: #DEE7EA;
}

/*
///////////////////////////////////////////////
///              BANDEAU B1 et B2           ///
///////////////////////////////////////////////


SPAN.txtdernierevisite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

DIV#nomelevenav0
{
	/* la haute du DIV est d�terminer avec les padding et line-height 
	width: 100%;
	line-height: 16px;
	padding-right: 0px;
	padding-left: 40px;
	padding-bottom: 5px;
	padding-top: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4B7A8A;
	background-image: url("../images/bandeau2/www_vide2.jpg");
}

TABLE#nav0
{
	width: 100%;
	background-color: #780202;
}

TD.nav0
{
	/* background-color: #780202; 
	BORDER-TOP: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	margin: 0px;
	line-height: 18px;
}

TD.nav0Over
{

	background-color: #B16D6D;
	BORDER-TOP: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
}

A.txtnav0, A.txtnav0:HOVER
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}







/*

#entete
{
	width: 100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#identification
{
	width: 195px;
	height: 65px;
	background-color: #CFDCE2;
	padding: 0;
}


#identification2
{
	height: 50px;
	background-color: #4B7A8A;
}










TD#logo
{
	width: 121px;
	background-color: #DDE6E9;
	padding: 0;
	margin: 0;

}

TD#navtd
{
	background-color: #DEE7EA;
	padding: 0;
}

DIV#nomeleve
{
	/* la haute du DIV est d�terminer avec les padding et line-height 
	width: 195px;
	line-height: 16px;
	padding-right: 0px;
	padding-left: 8px;
	padding-bottom: 21px;
	padding-top: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4B7A8A;
}

DIV#naveleve
{
	background-image: url("../images/bandeau2/http_vide.jpg");
	width: 195px;
	height: 46px;
}

TD.titreducours
{
	width: 80%;
	height: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #570101;
	background-color: #DDE6E9;
padding: 0;
}

A.titreducours
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	color: #570101;
	text-decoration: none;
}

TD.dep
{
	background-color: #4B7A8A;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 15px;
	text-align: right;
	position: relative;
	TOP: 0px;
}

A.dep, A.dep:HOVER
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

TD.www_vide
{
	/* pour www_vide.jpg 
padding: 0;
}

DIV#espacevideident
{
	background-color: #4B7A8A;
	width: 195px;
	height: 65px;
	background-image: url("../images/bandeau2/www_espacevideident.jpg");
}



/*
///////////////////////////////////////
//          POUR LA NAVIGATION          //
/////////////////////////////////////////
TD.sousNav {
	width: 50; padding-right: 10px; padding-bottom: 3px; padding-top: 1em; text-align:right;/*width:40px; padding-left: 0px; FLOAT: right;  line-height: 1em; padding-top: 1em; margin:0px;
}






/* ************************************************** */

/* *************** Table des mati�res *************** */

/* ************************************************** 

DIV#tm H2
{
	font-weight: bold;
	font-size: 17px;
	margin: 0 0 5 0px;
	border: 1px #000000 solid;
}

DIV#tm H3
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

DIV#tm H4
{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
}

DIV#tm A
{
	font-weight: normal;
	text-decoration: none;
}

DIV#tm H2 A
{
	cursor: hand;
	TEXT-DECORATION: none;
}

DIV#tm H3 A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #4B7A8A;
	border-bottom: #4B7A8A;
	TEXT-DECORATION: none;
}

DIV#tm H3 A:hover { /* border-bottom: #4B7A8A 1px solid; TEXT-DECORATION: none; }

H4, H3, H2 {
	margin: 0 0 0 0px;
} 

DIV#tm H4 A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #4B7A8A;
	font-style: normal;
}

DIV#tm H4 A:hover { /*border-bottom: #4B7A8A 1px dotted;}


/////////////////////////////////////
///   PAGE PRINCIPALE (index2.php)   ///
//////////////////////////////////////
.typ1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.typ2, UL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
}




/////////////////////////////////////
///     FEUILLE DE ROUTE            ///
//////////////////////////////////////*/

/*


TR.fdrRow
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #4B7A8A;
	line-height: 30px;
}

SPAN.fdrMenuOuvert
{
	width: 100%;
	background-color: #EDF2F3;
	border-top: 1px #AEC3CE solid;
	border-bottom: 1px #AEC3CE solid;
}

TR.fdrMenuOuvert, TD.fdrMenuOuvert, TD.fdrTitre
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
}

TR.fdrMenuOuvert, TD.fdrMenuOuvert, TD.fdrTitre
{
	line-height: 30px;
	font-weight: bold;
	color: #4B7A8A;
	/* 
}

INPUT.fdrRow
{
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
}

INPUT.fdrRow { font-size: 14px; }

INPUT.fdrBtnEnregisitrer
{
	width: 90px;
	heigth: 25px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #ECECEC;
	padding: 0 0 0 0px;
	line-height: 12px;
}

TR.fdrTexte, TD.fdrTexte
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	line-height: 16px;
}



TD.fdrRow1, TD.fdrRow2, INPUT.fdrRow1, INPUT.fdrRow2, TEXTAREA.fdrRow1, TEXTAREA.fdrRow2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	border: 1px #CECECE solid;
}

INPUT.fdrRow1, INPUT.fdrRow2 { text-align: center; }
TEXTAREA.fdrRow1, TEXTAREA.fdrRow2 { width: 135px; }
TR.fdrPiedDePage { background-color: #FFFFFF; }

TD.fdrPiedDePage
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px #FFFFFF solid;
}

INPUT.fdrBoiteEcrireTexte1
{
	border: #FF0000 10px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

TD.txtPagePrincipalEnTete
{
	background-color: #4B7A8A;
	border: #FFFFFF 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}



/*
/////////////////////////////////////////////
/////              PIED DE PAGE              ///
///////////////////////////////////////////// 


TD.txtLienPagePrecedente { padding: 10 10 0 0px; }

.liens2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
*/