body {
margin: 0;
padding: 0;
width: 765px;
font-family: verdana, "sans-serif";
font-size: 107%;
behavior: url(csshover.htc)
/*Pour que l'affichage du 2nd menu se fasse dans IE */ 
}


/* ENCADREMENT DU CONTENU **********************************************/

#contenu {
padding: 0;
margin: 0;
width: 751px;
border-style: solid;
border-width: 14px 14px 0 0;
border-top-color: #F2F2F2;
border-right-color: #F2F2F2;
}


/* PARTIE COLLECTION **********************************************/

#collection {
margin: -1px;
padding: 0;
width: 292px;
height: 500px;
background-image: url(/themadoc/images/trans_coll.gif);
border-style: solid;
border-width: 0 0 0 14px;
border-color: #CCC;
}

/*min-height n'étant pas compris par IE, nous sommes obligés de spécifier une hauteur pour IE, puis on ajoute une déclaration n'étant pas compris par IE */
html>body #collection {
height: auto;
min-height: 500px;
} 


#colltexte {
padding: 0;
margin-top: 80px;
width: 95%;
margin-right: auto;
margin-left: auto;
}

.triangle1 {
position: absolute;
margin: -13px 0 0 214px;
padding: 0;
width: 78px;
height: 14px;
background-image: url(/themadoc/images/triangle1.gif);
background-repeat: no-repeat;
}

.triangle2 {
position: absolute;
margin: 1px 0 0 219px;
padding: 0;
width: 73px;
height: 96px;
background-image: url(/themadoc/images/triangle2.gif);
background-repeat: no-repeat;
}

.logo {
position: relative;
top: 30px;
left: 18%;
}

h1 {
font-size: 1em;
font-weight: bold;
color: #F9F9F8;
letter-spacing: 1px;
width: 90%;
margin-left: auto;
margin-right: auto;
}

p.textecoll {
font-size: 0.7em;
color: #FFF;
line-height: 1.4em;
width: 90%;
margin-left: auto;
margin-right: auto;
}

hr {
width: 90%;
margin-left: auto;
margin-right: auto;
border: 0;
background-color: #CCC;
color: #CCC;
height: 1px;
}

ul.menucoll {
margin: 0; padding: 0;
list-style-type: none;
font-weight: bold; font-size: 0.7em;
width: 90%;
margin-left: auto; margin-right: auto;
}

ul.menucoll li {
color: #FBFAFA;
}

ul.menucoll a {
color: #FBFAFA;
text-decoration: none;
line-height: 2em;
}

ul.menucoll a:hover {
text-decoration: underline;
}


/* PARTIE MISE EN ÉVIDENCE ***********************************/

#evidence {
width: 447px;
height: 171px;
margin: 0;
padding: 0;
background-image: url(/themadoc/images/arrondi.gif);
background-repeat: no-repeat;
position: absolute;
top: 14px;
left: 305px;
}

.imagevi {
margin: 0 15px 0 79px;
padding: 0;
float: left;
border: 0;
}

#evidence p {
margin: 0;
padding: 0;
font-size: 0.6em;
color: #333;
width: 243px;
float: left;
}

#evidence a {
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
color: #CC6600;
}

#evidence a:hover {
text-decoration: underline;
}

.rectangle {
margin: 0;
padding: 0;
width: 14px;
height: 139px;
background-color: #C60;
position: absolute;
top: 0;
left: 446px;
}



/* PARTIE DES MENUS DES DISCIPLINES ***********************************/

#disciplines {
margin: 0;padding: 0;
width: 425px; height: 313px;
border-style: solid; border-width: 0 0 0 1px; border-color: #CCC;
position: absolute; top: 198px; left: 325px;
clear: both;
}

html>body #disciplines {height: auto;min-height: 313px;}


div#nav {margin: 2em 0 0 1.3em; float: left;}

div#nav ul {margin: 0;padding: 0;list-style-type: none;}

div#nav ul.menu2, div#nav ul.menu3, div#nav ul.menu3b {display: none;padding: 5px;font-size: 1em;border-style: solid;border-width: 1px;border-color: #CCC;background: #F2F2F2;}

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

/* sert pour pouvoir positionner les menus */
div#nav li {position: relative;margin: 0;}

/* Fait apparaître les menu 2 et 3 */
div#nav ul.menu1 li:hover ul.menu2,
div#nav ul.menu2 li:hover ul.menu3,
div#nav ul.menu2 li:hover ul.menu3b {display: block;}

div#nav ul.menu1 {width: 167px;font-size: 0.6em;border-style: solid;border-width: 1px 0 0 0;border-color: #CCC;}

div#nav ul.menu2 {width: 115px;position: absolute;top: 10px;left: 70px;}

div#nav ul.menu3 {width: 231px;position: absolute;top: -5px;left: 98px;}

div#nav ul.menu3b {width: 231px;position: absolute;top: -85px;left: 98px;} /* classe créée pour Sciences / lycée */

div#nav ul.menu1 li {color: #C4BFBF;font-weight: bold;line-height: 2.8em;border-style: solid;border-width: 0 0 1px 0;border-color: #CCC;}

div#nav ul.menu2 li {line-height: 1.5em;border-width: 0;margin: 0 0 5px 0;}

div#nav ul.menu3 li, div#nav ul.menu3b li {line-height: 1.3em; font-weight: normal; color: #666;}

div#nav ul.menu1 li:hover {color: #C60;z-index: 100;}

div#nav ul.menu2 li:hover {z-index: 200;}

div#nav ul.menu3 li:hover, div#nav ul.menu3b li:hover {z-index: 300; color: #666;}

div#nav ul.menu1 a {color: #C60;}

div#nav ul.menu1 a:hover {text-decoration:none;}

div#nav ul.menu2 a {font-weight: normal;}

div#nav ul.menu3 a, div#nav ul.menu3b a {color: #333;}

div#nav ul.menu3 a:hover, div#nav ul.menu3b a:hover {text-decoration:underline;}


div#nav2 {
margin: 2.4em 0 0 0; padding:0;
float: right;
}

div#nav2 ul {
margin: 0; padding: 0;
width: 167px;
list-style-type: none; 
}

div#nav2 li {
margin: 0; padding: 0;
font-size: 0.6em;
color: #C4BFBF;
font-weight: bold;
line-height: 1.4em;
}

div#nav2 li:hover {
color: #C60;
}

div#nav2 a {
color: #C60;
text-decoration: none;
}







/* BANDEAU ROUGE ET COPYRIGHT  ****************************/

#bandeau {
padding: 0;
margin: 50px 0 0 0;
width: 765px;
height: 15px;
background: #F33;
}

#bandeau ul {
margin: 0 0 0 200px;
padding: 0;
list-style-type: none;
font-size:10px;
font-family:arial, helvetica;
}
 
#bandeau li {
margin: 0 10px 0 0;
float: left;
}

#bandeau a {
color: #FFF;
text-decoration:underline;
}

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


p.copyright {
margin-left: 3px;
clear: both;
font-size:11px;
font-family:arial, helvetica;
color:#999999;
font-weight:normal;
}





/* SPECIFIQUE AU DOCUMENT DE LA LISTE DE TOUS LES DOSSIERS **********************************************/

body.doc {
margin: 0 auto; padding: 0;
width: 520px;
border-style: solid;
border-width: 1px; border-left-width: 14px;
border-color: #999; border-left-color: #C60;
font-family: verdana, "sans-serif"; font-size: 107%;
behavior: url(csshover.htc) 
}

#dochaut {
margin: 0; padding: 14px 0 0 23px;
height: 60px;
background: #F2F2F2;
border-style: solid;
border-width: 0 0 2px 0;
border-color: #999;
}

#doclogo {
margin: 0; padding: 0;
width: 25%;
float: left;
}

.doclogo {
border: 0;
}

body.doc h1 {
margin: 0; padding: 0;
width: 75%;
font-size: 1em;
font-weight: bold;
color: #C60;
letter-spacing: 1px;
line-height: 48px;
float: left;
}

#docliste {
margin: 30px 0 0 0; padding: 0 0 0 23px;
}

#docliste ul {
margin: 0; padding: 0;
list-style-type: none;
}

#docliste li {
margin: 0; padding: 0;
font-size: 0.6em;
color: #999;
font-weight: bold;
line-height: 1.9em;
}

#docliste a {
color: #8A8888;
text-decoration: none;
font-size: 1.1em;
}

#docliste a:hover {
color: #C60;
}