/* CSS Document */
body {
	background-color: #ffff99;
	margin:0;
}
a {	text-decoration:none; }
p { margin:0 0 15px 0; }
#contener {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-385px;
	width:770px;
}
h1 {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:36px;
	font-style:italic;
	color:#888888;
	margin:0;
	/*display:inline;*/
	text-align:center;
	/*float:left;*/
}
#hierarchie {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:10px 0 10px 0;
}
.gras {
	font-weight:bold;
}
/**** MENU ****/
div#navcontainer {	margin-top:10px }
.font-gris { background-color: #888888; }
.font-mauve { background-color: #6f087b; }
.font-bleu { background-color: #271aa9; }
div#navcontainer ul {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style:italic;
	font-size:13px;
	color: white;
	text-align: center;
	margin: 0;
	padding-bottom: 1px;
	padding-top: 0px;
}
div#navcontainer ul li {
	display: inline;
	margin-left: -4px;
}
div#navcontainer ul li a {
	padding: 5px 10px 5px 10px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #ffff99;
}
div#navcontainer ul li a:hover {
	background-color: #16008D;
	color: white;
}
#active a { border-left: 1px solid #ffff99; }
/**** MENU VERTICAL ****/
.gris { color: #888888; } /* espace enseignants */
.mauve { color: #6f087b; } /* accéder au lycée */
.bleu { color: #271aa9; } /* découvrir le lycée */
.vert { color: #45a926; } /* accueil */

ul#menu-rubrique, ul#menu-rubrique li { margin:0; padding:0 }

ul#menu-rubrique {
	list-style-type:none;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-left:50px;
	margin-bottom:15px;
}
/*#menu-rubrique li {  }*/
#menu-rubrique a {
	background-repeat: no-repeat;
	padding-left:20px;
	margin-top:0px;
	height: 19px;
	display:block;
	line-height:15px;
}
#menu-rubrique a.gris {	background-image: url("../images/16x16-gris.gif"); }
#menu-rubrique a.mauve { background-image: url("../images/16x16-mauve.gif"); }
#menu-rubrique a.bleu { background-image: url("../images/16x16-bleu.gif"); }
#menu-rubrique a.vert { background-image: url("../images/16x16-vert.gif"); }

#menu-rubrique a:hover {
	background-position: 0% -16px;
	color:#ff9933;
}
.texte-presentation {
	font-size:16px;
	font-style:italic;
	font-family:Geneva, Arial, Helvetica, san-serif;
	float:left;
	width:300px;
	margin-left:10px;
}
.texte-presentation-marches {
	font-size:16px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	width:360px;
	margin-left:10px;
}
#identification {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin-left:10px;
	width:300px;
}
#bas-de-page {
	text-align:center;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:10px;
}
#contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:10px;
	margin:0;
}
.tetiaire, .tetiaire-mauve {
	display:inline;
	background-color:#271aa9;
	color:#FFFF99;
	font-weight:bold;
	padding:3px 15px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.tetiaire-mauve {
	background-color:#6f087b;
}
.contact-marches {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	margin-left:10px;
	width:360px;
}
hr { /* dans espace marchés pulics */
	clear: left;	
	border:1px solid #6f087b;
	margin:0;
	padding:0;
	line-height:2px;
}
.ligne-separation-bleue { /* à associer au hr */
	border:1px solid #271aa9;
}
#actu-accueil {
	float:left;
	position:relative;
	width:315px;
	min-height:56px;
	_height:56px;
	background-color:#45a926;
	/*width:210px;
	min-height:210px;*/
	padding-left:10px;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFF99;
	font-weight:bold;
	margin-top:10px;
}
* html div#actu-accueil {height: 220px;} /* hack pour IE qui ne connaît pas min-height */
#actu-accueil div {margin:0;padding:0;margin-top:1px;}
#actu-accueil a { color:#FFFF99; }

.titre-a-la-une { /* titre A la Une... dans vie du lycée */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float:left;
	width:360px;
	margin-left:10px;
	margin-top:10px;
}
.texte-a-la-une { /* texte A la Une... dans vie du lycée */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width:360px;
	margin-left:10px;
	margin-top:10px;
}

.la-suite { /* lien la suite... page vie du lycée */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	padding:15px 50px 0px 50px;
	float:right;
	width:100px;
	font-weight:normal;
}
.titre-actu { /* titre sous tétiaire dans vie du lycée */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.texte-actu { /* texte vie du lycée */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
}

/* 3 styles utilisés pour les "encarts" dans la description des événements du calendrier */
.alt_clair {	background-color: #FFF1ED; }
.tableau {	border: thin  #CD583A  dashed; }
ul.encart { margin-left:15px }
/* Pour le WYSIWYG */
.headline {font-family: verdana; font-size: 18pt; color:#373C7F }
.headline2 {font-family: arial; font-size: 16pt; font-style: italic; color:black; }
.headline4 {font-family: verdana; font-size: 10pt;}
.img_droite { float:right; margin-left:10px; }
.img_gauche { float:left; margin-right:10px; }


#box2{
	position:absolute;
	
}
#box2 span{
	display:block;
	float:left;
}
.buttons {padding:2px 2px 0 0; text-align:right;background-color:#45A926;}
.buttons span{color:#FFFF99;padding:0 2px 0 2px;}
#handles8 { float:left;}
#handles8 span { position:relative;color:#FFFFFF;font-size:10px;display:none;top:-15px; }
#handles8 span.active { position:relative;font-size:10px;background:#45A926;color:#FFFF99;display:block;}
/*.buttons span.active, .buttons span:hover{}*/
span img{
	/*display:block;*/
	border:none;cursor:pointer;
}
#box8{
	position:absolute;
}
#box8 div{
	width:193px;
	float:left;
	padding:3px;
}
#box8 .buttons{
	text-align:left;
}
#box8 .next{
	float:right;
	margin-right:20px;
}
#box8 h3 { font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; padding:0; margin:0px 0 5px 0; }
#box8 h3 {color:#45A926;}
#actusaccueil {
	width:200px;
	height:270px;
	font-size:11px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #45A926;
	background:#FFFFDF;
	margin-left:15px;
}
#actusaccueil  p { margin:2px 0 2px 0; }
.mask1{
	position:relative;
	width:200px;
	height:228px;
	overflow:hidden;
	margin-top:-2px;
}
#logos{float:left;padding:0;height:56px;width:70px;margin-top:10px;}