/*---------------------------- feuille de style pour le site IEF, version juillet 2008 -----------------------------*/


/*--------------------------------------------corps du texte--------------------------------------------------------*/

body {font-size: 11 px; color: #656565;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0;}


/*------------------------------------------------- header ---------------------------------------------------------*/
/*--- couleur bleu marine rgb(0,0,153) ------*/

.headbar {background:#9B0000;margin: 0px;text-align:center;vertical-align:middle;}

.topnav {margin: 0px;padding: 0px;list-style-type: none;height: 24px;padding-left: 10px;background-color: #9B0000; color: #FFFFFF;}
.topnav li { display: inline; margin-right: 30px; font-size:11px; vertical-align:middle;}
.topnav a { text-decoration: none; background-color:#9B0000; color: #FFFFFF; }
.topnav a:hover { text-decoration: underline; }

/*-------------------------------------------- container du texte principal -------------------------------------*/

#container {position:relative; left:0px; width:900px;}
table.container{width:100%;}
td.gauche150{width:150px}

/*--------------------------------------------------titre de la page ---------------------------------------------*/

div.head {position:relative; vertical-align:middle;}
p.index {position:absolute; top:100px; left:50px; vertical-align:middle; width:600px; height:40px; font-size:36px; font-family:monotype corsiva;color: #336699;z-level:100;}
p.head {text-align:center; font-size:32px; font-family:monotype corsiva;color: #336699;}
p.subtitle {text-align:center; font-size:24px; font-family:monotype corsiva;color: #656565;}
p.head.red {text-align:center;top:0;width:100%;font-size:32px; font-family:monotype corsiva;color: #A30013;}
p.head.image{position:absolute; left:10px; top:0; width:150px; margin-top:0; vertical-align:middle;}
a.logo {text-decoration:none}
a.index { text-decoration: none;}
a.index:visited { text-decoration: none;color: #336699}

/*---------------------------------------------- menu latéral --------------------------------------------------*/

.sidebar {float: left;margin-left:20px;width: 150px;}
.sidebar ul {list-style-type: none; left:10px; margin: 20px 0px 0px 0px; padding: 0px;}
.sidebar li {padding-left: 10px;margin-bottom: 10px;text-align:left;font-size:11px;}
.sidebar a {color: #656565;text-decoration: none;}
.sidebar a:hover { text-decoration: underline; }

/*------------------------------------------- menu central---------------------------------------------------*/

	/*---------------------------------- menu rouge -------------------------------------*/
	
table.contRed {margin:1em 0 1em 0;}
td.contRed {padding:0.2em 0.5em 0.2em 0.5em; text-align:center; vertical-align:center;background:#9B0000; }
a.contRed {font-size:11px;text-decoration: none; color: #FFFFFF; }
a.contRed:hover {text-decoration: underline;}

/*------------------------------------------ texte -----------------------------------------------------------*/

b.bleu {color: #336699;}
b.red {color: #A30013;}



h1 {font-size: 24px; margin: 0px 0px 10px 0px; font-family: Georgia, "Times New Roman"; font-weight: normal; color: #336699; text-align:center;}
h1.red {color: #A30013;}
h1.title {font-size: 28px;margin: 0px 0px 2em 0px;font-family: monotype corsiva, "Times New Roman";font-weight: normal;color: #336699;text-align:center;}
h1.title2 {font-size: 32px;margin: 0 0 2em 0;font-family: monotype corsiva, "Times New Roman";font-weight: normal;color: #336699;text-align:center;}
h2 {font-size: 18px;margin: 2em 0 1em 0;font-family: Georgia,  "Times New Roman", Times, serif;font-weight: normal;color: #336699; text-align:center;}
h2.comment {margin: 0 0 0 0}
h3 {font-size: 14px;margin: 2em 0 1em 0;font-family: Georgia,  "Times New Roman", Times, serif;font-weight: normal;color: #336699;text-align:center;}
h4, h5, h6, h7 {font-size: 12px;margin: 1em 0  0 0;font-family: Georgia,  "Times New Roman", Times, serif;color: #336699;text-align:center;}



ul.nomark {list-style-type: none;}
li {padding-left: 10px;margin-bottom: 10px;text-align:left;font-size:11px;}

div#principal{position:relative; color:#656565;}
#principal p {text-align:justify; font-size:11px; }

#principal ul {font-size:11px; text-align:justify; }
#principal li {margin-bottom:10px;}


a.principal { text-decoration: none; font-size:11px; color:#656565;}
a.principal:hover { text-decoration: none; font-size:11px; color: #0000ff}

a.bleu {font-size:11px;text-decoration: none; color: #336699; font-weight:bold;}
a.bleu:hover {text-decoration: underline;}


a.red {font-size:11px;padding:0.5em 1em 0.5em 1em; text-decoration: none; background-color:#9B0000; color: #FFFFFF; }
a.red:hover {text-decoration: underline;}

a.blue {margin-top:3em; margin-left:670px; font-size:9px;padding:1em 1em 0.3em 1em; text-decoration: none; color: #336699; }
a.blue:hover {text-decoration: underline;}


/*---------------------------------- mise en page des tableaux de présentation des cours --------------------*/

table.cursus {border:3px solid rgb(50%,50%,50%); width:700; cellspacing:20; cellpadding:10; vertical-align:middle; font-size:11px; color:#656565;  }
td.cours {width:300px; border: 1px solid #656565; text-align:center; vertical-align:middle;}
td.enseignant{border:1px solid #656565; text-align:center; vertical-align:middle;}
td.nom{border:1px solid #656565; text-align:center; vertical-align:middle;}
td.ects{width:50px; border:1px solid #656565; text-align:center; vertical-align:middle;}
td.software{width:100px; border:1px solid #656565; text-align:center; vertical-align:middle;}
td.lieu{width:100px; border:1px solid #656565; text-align:center;}
td.descrip{width:35px; border:1px solid #656565; text-align:center; vertical-align:top;}
td.periode{width:35px; border:1px solid #656565; text-align:justify;}
td.doc{width:100px; border:1px solid #656565; text-align:center;}

a.cursus { text-decoration: none; color:#656565;}
a.cursus:hover { text-decoration: none; color: #0000ff}

/*------------------------------------------ page du plan des sites -----------------------------------------*/

table.plan {width:90%;vertical-align:top;}
td.plan {width:50%; text-align:left; vertical-align:top;border-spacing:1em 10em;}
a.plan {text-decoration: none;font-size: 14px;font-family: Georgia,  "Times New Roman", Times, serif;font-weight: normal;color: #336699;}}
a.cursus:hover { text-decoration: underline;}

/*----------------------------------------- classe info -------------------------------------------------------*/

blockquote.coordonnees {border: 1px solid #656565; float: left; width:165px; margin-left:10px; margin-top: 1em; padding: 1em 1em 1em 1em; text-align: left; font-size:10px;color: #656565;}
blockquote.coordonneesD {border: 1px solid #656565; float: right; width:200px; margin-left:10px; margin-top: 1em; padding: 1em 1em 1em 1em; text-align: left; font-size:10px;color: #656565;}
blockquote.imageG {float: left; margin:1em 2em 1em 1em;}
blockquote.imageD {float: right; margin:1em 1em 1em 1em;}

div.commentG {floating:left; margin: 1em 1em 1em 1em; font-size:11px; padding:1em 1em 1em 1em; background-color:rgb(90%,90%,90%); color:black; texy-align:justify; vertical-align:middle;}
div.commentD {floating:right; margin: 1em 1em 1em 1em; font-size:11px; padding:1em 1em 1em 1em; background-color:rgb(90%,90%,90%); color:black; texy-align:justify; vertical-align:middle;}

/*------------------------------------------ présentation d'ouvrages -------------------------------------------*/

div.ouvrages {height:180px; margin: 1em 1em 1em 1em; font-size:11px; padding:1em 1em 1em 1em; background-color:rgb(90%,90%,90%); color:black; texy-align:justify; vertical-align:middle;}
blockquote.imageOuvrage { float:left; margin-left:1em; padding: 1em 1em 1em 1em; background-color:rgb(100%,100%,100%); text-align:center; vertical-align:middle}
img.ouvrage {height: 160px; border:0}
p.commOuvrage {margin-top: 5em; margin-left:2em; margin-right:2em;}