/* CSS Document */


	
body {
    background-color:#E8F1F6; 
	margin : 0px;
	leftmargin:0px;
	topmargin: 0px;
	marginwidth: 0px; 	
    scrollbar-face-color:#006699;
    scrollbar-shadow-color:#003366;
    scrollbar-highlight-color:#E8F1F6;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#E8F1F6;
    scrollbar-arrow-color:#FFFFFF;	
   }



#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 124px;
	border-style: solid ;
	border-width : 0px 0px 0px 0px;
	border-color: #006699 ;

}

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

#nav li { /* tous les items de liste */
	float: left;
	width: 124px;
 /* largeur obligatoire, sinon opera devient fou */
}


#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: white;
	width: 124px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
	text-decoration: underline;
}

#content {
	clear: left;
	color: #ccc;
}

div#lyceefond {
    width: 627px ;
	height: 259px ;
	background-image: url(../img/lycee_fond-Milieu.gif);
	background-repeat: no-repeat ;
}


.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	text-indent: 0px;
	white-space: normal;
}

.texte1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	text-decoration: none;
	white-space: normal;
	background-position: 0px;
	left: 5px;
}
.textetech {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
	text-indent: 0px;
	white-space: normal;
	background-position: 0px;
	left: 5px;
}

.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	background-position: 0px;
	text-indent: 0px;
	white-space: normal;

}

.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	text-indent: 0px;
	white-space: normal;
	line-height: normal;
}

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
	vertical-align: middle;

}

.textegras {
	font-family: Arial Narrow;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
	font-weight: bold;

}

.texteblanc {
	font-family: Arial Narrow;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}




.bloc1 {
background-color: #006699; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
     text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc2 {
background-color: #CC0000; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc3 {
background-color: #333333; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.bloc4 {
background-color: #FF9900; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
     text-indent: 5px;
	font-size: 12px; color: #FFFAE5;
	text-decoration: none;}

.bloc5 {
background-color: #339900; height: 16px;
width: 124px;
float: left;
font-family: Arial Narrow;
    text-indent: 5px;
	font-size: 12px; color: #FFFFFF;
	text-decoration: none;}

.button {
	background-color: #006699;
	float: none;
	font-family: Arial;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}

.titrerouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	white-space: normal;
}
.texterouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	white-space: normal;
	left: 5px;
}

.titremarron {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-position: 0px;
	text-indent: 0px;
	white-space: normal;
}
.textemarron {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	white-space: normal;
	left: 5px;
}
.titrevert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339900;
	text-decoration: none;
	white-space: normal;
}
.textevert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #339900;
	text-decoration: none;
	white-space: normal;
	left: 5px;
}

.titrejaune {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	white-space: normal;
}
.textejaune {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	white-space: normal;
	left: 5px;
}
a.lienbleu {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #006699; text-decoration: none; font-weight: bold; }
a:hover.lienbleu {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33CCFF; text-decoration: none; font-weight: bold; }
	
a.liennoir {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: bold; }
	
a:hover.liennoir {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none; font-weight: bold; }
	
a.liennoirp {
	font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration: none; font-weight: bold; }
	
a:hover.liennoirp {
    font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bold; }
	
a.lienrouge {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; text-decoration: none; font-weight: bold; }
a:hover.lienrouge {
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none; font-weight: bold; }	

a.lien {
	font-family: Arial Narrow; font-size: 12px; color: #003399; text-decoration: none; font-weight: bold; }
a:hover.lien {
    font-family: Arial Narrow; font-size: 12px; color: #33CCFF; text-decoration: none; font-weight: bold; }