/*fichier pour qu'ie6 ouvre les menus (remplace hover qu'ie ne comprends pas) */

body {
behavior: url(squelettes/csshover.htc);
} 


/* -------------------------------------------------the menu */
	
	
#menunav {
	width: 800px;
	height: 45px;
	margin: 0;
	padding: 0;
	border: 0;
	border-color: white;	
	list-style-type: none;
}

#menunav li {
	float: left;
	width: 125px !important;
	width: 125px;
	margin: 0;
	padding: 0;
	border: 0;	
	text-align: center;
	font-size:1em;
	font-weight: bold;
	letter-spacing: 0px;
	display: block;
	text-decoration: none;
	list-style-type: none;
}

ul,li,a {
	
	margin:0;
	padding:0;
	border:0;
}



li {
	position:relative;
	padding:0px;
	padding-left:26px;
	z-index:9;
}
	
li.rubrique	{  }		
	
li.rubrique>ul { left:125px; } /* others */

a.second-rub{
	display:block;
	padding:0px;
	text-decoration:none;
	color:white;
	width:100%; /* IE */
	background-color:#debf13;
}

li>a { width:auto; } /* others */

li a.first-rub {
  display:block;
  color:white;
  text-decoration:none;
  margin-top:10px;
	padding:5px;
	height:20px;
  background:url("boutr.png") no-repeat;
}

li a.second-rub {
  line-height:20px;
	font-size:1em;
	border-bottom: 1px solid;
  border-color:#eaeaea;
}

/* -----------------------regular hovers */


li.rubrique a:hover {
  color:#debf13;
	
}

li a.first-rub:hover {
  padding:5px;
	height:20px;
  color:midnightblue;
	background:url("boutrh.png") no-repeat;
}	

li a.second-rub:hover{
  background-color:midnightblue;
}

/* ----------------hovers with specificity */
	
	
li.rubrique:hover { z-index:10; }		
		
ul ul, li:hover ul ul {
	display:none;
}

li:hover ul, li:hover li:hover ul {
	display:block;
}



/*-----------------------------------------------------general*/



body {
background-color:midnightblue;
background-image:url(fond.gif);
background-repeat:repeat;
color:navy;
font-family:"Tahoma";
font-size: small;
}

.page {
margin:0 auto;
width : 810px;
height:1190;
background-color:#eaeaea;
padding:3px 3px;
}

.bordure{
border:solid thin;
border-color:grey;
padding:3px;
width:802px;
height:1182px;
}

#test {
position:absolute;
top:340px;
left: 0 px;
z-index: 0;
margin:0;
width:800px;
}

a{
text-decoration:none;
}

img{
border:0
}

.spip_logos{
float:left;
margin-right:5px;
border:solid;
}

/*-----------------------------------------------accueil*/

h1 {
font-size:x-large;
font-family:arial;
}

h1:first-letter {
text-transform:capitalize;
}

h2 {
font-family:"Arial";
padding-left:2px;
font-size:medium;
color:white;
line-height: 140% ;
background-image:url(degrade.jpg);
background-repeat:repeat-y;
background-position:left top;
z-index:1;
}

h4 {
font-size:small;
}

.heure {
color:#debf13;
}

.breve{
width:370px;
height:550px;
overflow:hidden;
border-bottom:solid thin;
border-color:steelblue;
}
.breve h5{
line-height:40px;
margin:0px;
}

.breve a{
display:inline;
background-color:none;
margin-left : 5px;
line-height:20px;
color:navy;
text-decoration:none;
}

.breve a:hover{
display:inline;
color:green;
text-decoration:underline;
}

a.actu{
display:block;
width:72px;
line-height:15px;
border:1px solid steelblue;
border-top:0;
background-color:#debf13;
padding:0 2px;
margin-left:292px;
font-size:x-small;
}

.cadrearticle{
padding:3px;
margin:2px;
border:1px dotted steelblue;
text-align:justify;
}

.cadrearticle a{
text-decoration:none;
font-weight:600;
color:steelblue;
font-size:medium;
font-variant:small-caps;




}
.cadrearticle a:hover{
color:#debf13;
}

.agenda{
width:382px;
height:236px;
margin-top:8px;
margin-left:20px;
padding-left:0px;
padding-top:0px;
background-color:none;
background-image:url(agenda.png);
border: 0px solid steelblue;
}

.agendatitre{
font-family:arial;
font-weight:800;
display:block;
font-size:medium;
font-variant:small-caps;
text-align:left;
padding-left:160px;
padding-top:6px;
border-bottom:0px solid midnightblue;
}

.agendatexte{
font-family:arial;
font-weight:600;
line-height:150%;
font-size:small;
text-align:left;
padding-left:20px;
padding-top:6px;
border-bottom:0px solid midnightblue;
}

.boiteconnexion{
  border:inset 3px steelblue;
  height:30px;
  margin-top:20px;
  padding-left:3px;
  background-color:lightsteelblue ;
  color:white;
  font-weight:600;
  line-height:30px;
}



.connexion {
  line-height:20px;
  float:right;
  width:125px;
  margin-right:0px;
  background:url(connection.png) no-repeat;
  display:block;
  color:white;
  font-weight:600;
  text-decoration:none;
  padding:3px;
  padding-left:0px;
  text-align:center;
	height:23px;
  
}

.connexion:hover{

  width:125px;
  background:url(connectionh.png) no-repeat;
  display:block;
  color:white;
  font-weight:600;
  text-decoration:none;
  padding:3px;
  padding-left:0px;
  text-align:center;
	height:23px;
  
}


/*--------------------------------------------actualités*/



.actualite a{
display:inline;
background-color:none;
margin-left : 5px;
line-height:30px;
color:navy;
text-decoration:none;
}

.actualite a:hover{
display:inline;
color:green;
text-decoration:underline;
}

.actualite p:first-letter{
text-transform:uppercase;
font-size:18px;
}

/*----------------------------------------------article*/

.spip_documents_right{
margin:0 0 10px 10px;
}

.spip_documents_left{
margin:10px 10px 0 0;
}

p.pagination{
text-align:right;
}

.pagination{
text-align:right;
width:150px;
line-height:15px;
border-width:0px;
border-style:solid;
border-color: none;
background-color:none;
padding:0 2px;
margin-left:640px;
margin-top :10px;
font-size:small;
}



/*---------------------------------------------formation*/

.euro{
float:left;
width:100px;
line-height:20px;
margin:5px;
margin-left:40px;
text-align:center;
background-color:green;
}

.euro a{
display:block;
font-weight:600;
color:white;
}

.euro a:hover{
background:#debf13;
}

.serie{
float:left;
width:80px;
line-height:20px;
margin:5px;
text-align:center;
background-color:midnightblue;
}

.serie a{
display:block;
color:#debf13;
font-weight:600;
}

.serie a:hover{
background-color:#debf13;
color:midnightblue;
}

.serie_selec{
float:left;
width:80px;
line-height:20px;
margin:5px;
text-align:center;
background-color:#debf13;
font-weight:600;
color:#eaeaea;
}

.horaire{
float:left;
width:330px;
margin:20px;
padding:3px;
border:solid thin;
}

.horaire h1{
display:block;
background-color:#debf13;
padding:0 3px;
font-size:medium;
font-weight:600;
}

.horaire ul{
list-style-position:inside;
}

.conteneur{

width:760px;
margin:50px auto;
}

.classe{
float:left;
width:140px;
height:70px;
margin:5px;
background-image:url(fondclas.gif);
line-height:60px;
text-align:center;
vertical-align:top;
font-size:small;
font-weight:600;
color:#debf13;
}

.sup{
float:left;
width:280px;
height:70px;
margin:5px 10px;
background-image:url(fondsup.gif);
line-height:60px;
text-align:center;
vertical-align:top;
font-size:small;
font-weight:600;
color:#debf13;
}

.secondaire{

line-height:40px;
width:450px;
margin-bottom:10px;
background-image:url(secondaire.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-align:center;
font-size:large;
font-weight:600;
letter-spacing:4px;
font-family:"arial";
color:black;
}

.superieur{
float:left;
line-height:40px;
width:300px;
margin-bottom:10px;
background-image:url(superieur.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-align:center;
letter-spacing:4px;
font-size:large;
font-weight:600;
font-family:"arial";
color:black;
}



/*--------------------------------------------Organigramme */



.orga{
float:left;
width:194px;
background-color:lightsteelblue;
padding:3px;
text-align:center;
color:midnightblue;
font-family:"arial";
font-size:x-small;
}

.orgatitre{
float:left;
width:200px;
background-image:url(orgatitre.gif);
background-repeat:no-repeat;
padding:2px 0;
text-align:center;
color:White;
font-family:"arial";
font-size:small;
font-weight:600;
}

.colonne{
margin-top:25px;
float:left;
width:200px;
}

.colonnecentre{
margin-top:10px;
float:left;
width:200px;
}

.flecheg{
float:left;
width:80px;
height:21px;
background-image:url(flecheg.gif);
background-position:left;
background-repeat:no-repeat;
margin-top:60px;
}

.fleched{
float:left;
width:80px;
height:21px;
background-image:url(fleched.gif);
background-position:right;
background-repeat:no-repeat;
margin-top:60px;
}

.flecheb{
float:left;
width:200px;
margin-left:0px;
height:50px;
background-image:url(flecheb.gif);
background-position:bottom ;
background-repeat:no-repeat;
}


/*---------------------------------------Plan*/

.plan{
float:left;
width:80px;
line-height:20px;
margin:5px;
text-align:center;
background-color:midnightblue;
}

.plan a{
color:#eaeaea;
font-weight:600;
}

.plan a:hover{
color:steelblue;
}

.plan_selec{
float:left;
width:80px;
line-height:20px;
margin:5px;
text-align:center;
background-color:#debf13;
font-weight:600;
color:#eaeaea;
}

/*-------------------------------------Rubrique */

.rub1 .spip_logos{
float:right;
border:0px;
padding-left:5px;
margin-bottom:15px;
}

.rub{
float:left;
display:block;
height:29px;
color:white;
padding:0 15px 0 15px;
background-color:midnightblue;
border:0px;
}

.gche{

background:url(gche.gif);
width:4px;
height:29px;
}

.drte{
float:left;
background:url(drte.gif);
width:9px;
height:29px;
}
a.liens{
display:block;
float:left;
margin-top:29px;
margin-left:50px;
height:42px;
width:131px;
background:url(boutliens.png);
}

a.liens:hover{
display:block;
float:left;
margin-top:29px;
margin-left:50px;
height:42px;
width:131px;
background:url(boutliensh.png);
}


/*------------------------------------HEC*/

a.hec{
float:left;
display:block;
margin:2px;
background-color:midnightblue;
width:100px;
line-height:20px;
font-weight:600;
text-align:center;
color:#debf13;
}

a.hec:hover{
background-color:#debf13;
color:midnightblue;
}

/*-------------------------------------BTS*/

.menuie6{
float:left;
margin:5px;
width:400px;
height:20px;
background-color:#eaeaea;
}

.article{width:800px;text-align:justify;font-family:"arial";font-size:11pt;}

.on{
font-weight:600;
}

.titre {text-align: center}

.coord{width:430px;height:120px;background-color:none;background-image:url(item.gif);padding:30px 50px;text-align:left}

.icone{float:right;margin:25px 80px 0px 0px;}

.info{margin-left:50px;line-height:200%;}

.contenu{width:800px;height:700;background-color:grey ; margin:0px 1px ; border:solide thin}

/*---------------------------------------formulaire*/