/****FEUILLE DE STYLE COMMUNE*****************************************************/

/****Styles specifiques pour le demo*****************************************************/
td.droite {
	background-image: url(../medias/interface/img_demo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/* Éléments principaux */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #993300;
	margin-top: 0px;
	position:relative;
}
h2 {
	font-size: 1em;
	font-weight: bold;
}
h3 { /*utilise pour le texte deroulant dans les autoevaluations*/
	margin: 0px;
}
p {
	margin: 0 0 10px 0;
	line-height: 16px;
}
img {border: 0;}
.clear { clear: both }
blockquote {
	margin: 0px 0px 0px 30px;
}

/****MISE EN PAGE*****************************************************/
/* Divs */
div#centre {
	padding: 0px;
	margin: 10px 0px;
}
div#conteneur {
	position: relative;
	width: 955px;
	margin: 0 auto;
	background-color:#FFF;
}
div#haut {
	height: 39px;
	width: 955px;
	background-image: url(../medias/interface/banniere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div#menuhaut {
	background-color: #9e7e5e;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	height:1.4em;
	/*
	height: 20px;
	*/
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width: 955px;
	color: #5f4c38;
}
div#pied {
	height: 20px;
	width: 955px;
	padding: 0px;
	background-image: url(../medias/interface/banniere_bas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px;
}
div#sablier {
	background: url(../medias/interface/banniere_bas.gif) left top no-repeat;
	top:70px;
	left:920px;
	width: 16px
	height: 16px;
	position:absolute;
	visibility:hidden;
	z-index:300;
}

/* Tableaux */
td#droite {
	background-color:#ebf3f7;
	padding: 20px;
}
td#gauche {
	background-color:#3385ad;
}

/****EN-TÊTE*****************************************************/
/* Éléments de détails */
div#haut span {display: none;}

/****MENU 1 - HAUT*****************************************************/
/* Listes */
ul#menu1 {
	display:relative;
	float:right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu1 li {
	border-right: 1px solid #fff;
	float: left;
	line-height: 12px;
	margin: 3px -0.5em 3px 0.5em;
	padding-right: 20px;
	padding-left: 20px;
}

/* Hyperliens */
ul#menu1 a,#menu1 a:link, #menu1 a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
ul#menu1 a:hover {
	color: #cebeae;
	text-decoration: none;
}
ul#menu1 .current {
	color: #000000;
}
/* *** utilisé à quelque part? */
ul#menu1 .courant {
	color: #000;
	margin: 0px;
	padding: 0px;
}

/****MENU 2 - GAUCHE*****************************************************/
/* Divs */
div#lienvideo {
	background-color: #ffffff;
	border-top: 1px solid #3385ad;
	border-right: 1px solid #3385ad;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #3385ad;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	visibility: hidden;
}
*+html div#lienvideo { /* Hack pour IE7 */
	width:118px;
}
* html div#lienvideo { /* Hack pour IE6 */
	width:118px;
}
/* Listes */
ul#menu2 {
	list-style-type: none;
	margin: 1px 0 0;
	padding:0px;
}
ul#menu2 li {
	padding: 0px;
	margin: 0px;
}

/* Hyperliens */
div#lienvideo a {
	background-image: url(../medias/interface/ico_tv.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #3385ad;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	text-decoration: none;
}
div#lienvideo a:hover, #lienvideo a:active {
	color: #993300;
	text-decoration: none;
}
ul#menu2 a:link, #menu2 a:visited { /* Placlé avant pour ne pas surligner en blanc le li#active a:link*/
	color: #fff;
	text-decoration: none;
	background-image: url(../medias/interface/ico_module.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
li#active a:hover {
	background-color: #ebf3f7;
	color: #3385ad;
	background-image: url(../medias/interface/ico_module.gif);
	background-repeat: no-repeat;
}
li#active a:link, li#active a:visited {
	background-color: #ebf3f7;
	color: #3385ad;
	background-image: url(../medias/interface/ico_module_off.gif);
	background-repeat: no-repeat;
}
ul#menu2 a {
	display: block;
	padding: 8px 0px;
	width: 100px;
	margin: 0px;
}
ul#menu2 a:hover {
	background-color: #ebf3f7;
	color: #3385ad;
}
ul#menu2 .off { /* Placlé avant pour ne pas surligner en blanc le li#active a:link*/
	color: #1f5068;
	text-decoration: none;
	background-image: url(../medias/interface/ico_module.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	width: 100px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 25px;
}

/****TABLEAU DE SUIVI - CELLULE DE CONTENU "DROITE"*****************************************************/
/* Paragraphes */
.erreur {
	color: #ff0024;
	border: dashed red 1px;
	background-color: white;
	padding: 5px 5px 5px 25px;
}
.ok {
	color: #5ACF5F;
	border: dashed #5ACF5F 1px;
	background-color: white;
	padding: 10px;
	padding: 5px 5px 5px 25px;
}


/* Aligne à droite de la cellule de contenu, et verticalement par rapport au titre h1  */
p#nav_seq {float:right;position:relative;display:inline;}

/* Tableaux */
table.suivi {
	clear:both; /* Évite de décalage dû aux floats gauche et droite du titre h1 et de la navig. séquentielle */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7a7a78;
	background-color: #FFFFFF;
	color: #666666;
}
table.suivi td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3efe3;
	padding: 5px;
}
table.suivi td.celltache {}
table.suivi td.cellsoustitre {
	padding: 5px 5px 5px 20px;
}
table.suivi td.cellsoussoustitre {
	padding: 5px 5px 5px 40px;
}
tr.celltitre {background-color: #f9f7f1;}
tr.celltitreorange {
	background-color: #ba5f22;
	font-weight: bold;
	color: #FFFFFF;
}

/* Hyperliens */
a.hyperlieninactif:link, a.hyperlieninactif:visited, a.hyperlieninactif:hover, a.hyperlieninactif:active {
	color: #000;
	cursor:text;
	text-decoration: none;
}
a:link, a:visited {
	color: #3385ad;
	text-decoration: none;
}
a:hover, a:active {
	color: #993300;
	text-decoration: none;
}
a.visionne:link,a.visionne:visited,a.visionne:hover,a.visionne:active{color:#993300;}


/* Listes */
table.suivi li {
	margin: 0px 0px 5px 5px;
	padding: 0px;
	list-style-image: url(../medias/interface/puce.gif);
}
table.suivi ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
table.suivi .bte_coche {
	width: 50px;
	cursor: pointer;
}
table.suivi .tv {
	width: 50px;
	font-size: 8px;
	font-weight: bold;
	color: #993300;
	background-image: url(../medias/interface/ico_tv.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 13px;
}
table.suivi .non_coche {
	background: url(../medias/interface/ico_bte.gif) center center no-repeat;
}
table.suivi .coche {
	background: url(../medias/interface/ico_bte_coche.gif) center center no-repeat;
}

/* Images */
img.imgboitecocher
{
	padding-bottom:4px;
	padding-left:15px;
	padding-top:4px;
	padding-right:15px;
	margin:0;
}
img.imgEnCours {display:none;}
/****TABLEAU DE LECTURES*****************************************************/
.infolectures {
	color: #ba5f22;
	border: dashed #ba5f22 1px;
	background-color: white;
	padding: 10px;
}
/****TABLEAU DEs AUTOEVALUATIONS*****************************************************/
.infoautoevaluation {
	color: #666666;
	border: dashed #ba5f22 1px;
	background-color: white;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
a.imgpopup {
text-decoration: none;
}
a.imgpopup:hover {
background: none; /* correction d'un bug IE */
}
a.imgpopup span {
	display: none;
	border: 1px solid #990000;
}
a.imgpopup:hover span {
display: inline;
position: absolute;
top: 250px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 100px;
width: 820px;
height: 352px;
}
.faculte {
	cursor: pointer;
}
/****TABLEAU DE GLOSSAIRE ET INDEX*****************************************************/
#glossaire {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7a7a78;
	background-color: #FFFFFF;
	color: #666666;
}
#glossaire td {padding: 5px;}
#glossaire th {
	padding: 5px;
	font-weight: bold;
	color: #3385ad;
	text-align: left;
}
.cellfilet {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3efe3;
}
.cell1 {background-color: #f9f7f1;}
.cell1filet {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3efe3;
	background-color: #f9f7f1;
}
td.cellsoustitre {padding-left: 20px;}
#glossaire a:link, #glossaire a:visited {
	color: #3385ad;
	text-decoration: none
}
#glossaire a:hover, #glossaire a:active {
	color: #993300;
	text-decoration: none
}
#listalpha {
	clear:both;
	color: #666666;
	text-align: center;
	font-size: 14px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#listalpha a:link, #listalpha a:visited {
	color: #3385ad;
	text-decoration: none;
	font-weight: bold;
}
#listalpha a:hover, #listalpha a:active {
	color: #993300;
	font-weight: bold;
	text-decoration: none;
}

/****TABLEAU BIOGRAPHIES*****************************************************/
#bteannotation {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0px 0px;
	padding: 0px;
}
#bteannotation p {
	margin-bottom: 5px;
}
.annotation {
	font-weight: bold;
	color: #993300;
	font-size: 10px;
	font-style: italic;
}
/****TABLEAU BIBLIOGRAPHIE*****************************************************/
table.bibliographie {
	clear:both; /* Évite de décalage dû aux floats gauche et droite du titre h1 et de la navig. séquentielle */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7a7a78;
	background-color: #FFFFFF;
	color: #666666;
	margin-bottom: 10px;
}
table.bibliographie td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f3efe3;
	padding: 5px;
}
p.infobiblio {
	font-size: 11px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	color: #993300;
}
/****GUIDE D'ETUDE*****************************************************/
h4 {
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
h5 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
table.guide p {
	margin-left: 30px;
}
table.guide table {
	margin-left: 30px;
}
table.guide table {
	margin-left: 30px;
	border-top: 1px solid #cca777;
	border-left: 1px solid #cca777;
}
table.guide table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cca777;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cca777;
	padding: 5px;
}