/** 
HAUTEUR_BANNIERE = 130px
LARGEUR_MENU= 250px
MARGE_ENTRE_MENU_ET_CONTENU =20;



*/
/** placer le sommaire automatique à gauche*/
/*.cs_sommaire {float:left;}.*/


/* #menu-principal-accueil {display:none}
#menu-principal-contact {display:none} */
#menu-principal-plan {display:none}
#menu-principal-sites {display:none}
#menu-principal-resume {display:none}

#page
{

/* la marge (au moins en haut) pour la page*/

	padding:0px;margin: 0px auto;
/* la largeur maximale du site */
	width: 1250px;/*950px*/
}

.chapo
{      /** couleur de fond des rubriques*/
	background-color: #ffffff;
	}

#entete       /* bandeau - banner */ {
	background-image: url("img/bandeau_rubrique.jpg");
/** la couleur en dessous du bandeau (intéressant si le bandeau est trop court ...*/
       background-color: transparent;
	//background-color: #FFFFFF;/*#FCF9CE;*/

/** la hauteur de l'image + marge  =  HAUTEUR_BANNIERE*/
	height: 130px;
	
	background-repeat: repeat-x;
}

#entete a.nom-site,
#entete a.nom-site:link,  
#entete a.nom-site:visited
{
	font-family: Verdana, 'Bitstream Vera Sans', Tahoma, "Lucida Grande", "Lucida Sans", Arial, 'Helvetica Neue', Helvetica, Lucida, Geneva, sans-serif;
	color: #EDDF5C;
	background-image: none;
}

/*
#entete a.nom-site:hover
{
	background-image: url("img/aj-bandeau-hover.jpg");
}
*/

#entete .nom-site span  /* on place le nom du site au bon endroit */
{left:190px; top: 48px; 
	height: 20px;
	color: white;

/** la largeur du nom du site qui apparait sur le bandeau ; passge à la ligne du texte si largeur insuffisante*/
	width: 500px;/*300px;*/
	font-size: 0.8em;
}

#navigation { 
	left:0; 
	top: 130px; //HAUTEUR_BANNIERE
	width: 66em ;
	max-width: 100% ;
	min-width: 700px ;
}
#bloc-contenu h1 {color:#800000;}
/* le menu principal est le menu horizontal au dessus du contenu*/
#menu-principal {
	top: 0;
	
	left: 220px;/* LARGEUR MENU+MARGE_ENTRE_MENU_ET_CONTENU si l'on souhaite que le début du menu principal coïncide avec le début*/ de l'article
	width: 800px ;
}

#menu-principal ul {
	height: 1.8em;
	line-height: 1.8em;
}


/** la zone principale de la page : l'article ou la rubrique demandée */
#bloc-contenu { 
	margin-top: 30px ; /*30px*/
	/* LARGEUR MENU+MARGE_ENTRE_MENU_ET_CONTENU */
	margin-left:220px ; 
	/* marge nulle à droite si pas d'actualités ! Si actaulités, ne rien indiquer*/
	margin-right:0px;
}
/*.article-info-rubrique {background-color: #0000FF;}*/

#menu-rubriques {  
       /** La marge entre le bandeau et le menu des rubriques*/
	top: 10px ;

	/** LARGEUR MENU la largeur du menu des rubriques*/
	width : 200px;
} 
#encart { 
	top: 140px;/*140px*/
width:20; 


	}

/* PARTIE A REVOIR */

#formulaire_recherche {
	float: none;
	position:absolute;
	left: 200px;
	top: 1px;
}

/** les caractéirstiques du panel formé du textfield et du bouton*/
#menu-principal-recherche {
	float: none;
	position:absolute;
	left:400px;
	top: -11px;
}

#menu-recherche {position: absolute; top: 10px; left:-50px;width: 3em; margin-top:-2px; }

#menu-recherche.menu ul li { border-top: 0; }



/* les caractéristiques du textfield de la zone de recherche*/
#menu-recherche #recherche { width: 110px;height:15px; margin-top:-2px; 
				position: absolute; top: 6px; left:-136px;}
/** les caractéristiques du bouton submit (le >>)*/
.submit  {height:21px;font-size:10px;}





.sommaire .edito { display:none;}
/* #menu-principal-contact { display:none;} */


/* background border etc...  pour le menu de gauche*/
.menu ul li a,
.menu ul li b 				{ background-color: #313c72; }

.menu ul li {	border-top: 3px solid #eee; } /* separateur : meme couleur que fond de BODY */


/* background border etc...  pour le menu du haut*/
#menu-principal ul li a,
#menu-principal ul li b 				{background-color: transparent;color:black}/*#8080C0;}*/
#menu-principal ul li {	border-top:  6px solid #eee; border-color:transparent} /* separateur : meme couleur que fond de BODY */

#menu-principal { background-color: transparent;position:absolute;top : -30px;Z-Index: 13; }





.menu ul li li a, 
.menu ul li li a:visited,
.menu li span 				{ background-color: #DDD; }


/** passage de la souris sur une rubrique*/
.menu ul li a:hover,
.menu ul li li a:hover { background-color: #EDFBFF; }

/* les rubriques actives 
   Le premier pour les rubriques de niveau 1, 
   le deuxième pour les rubriques de niveau 2
   color = couleur du texte   ;   background-color pour la couleur de fond
*/
.menu ul li a.lienon 	{color: #FF8080;  }
.menu ul li li a.lienon 	{ background-color: #EDFBFF; }

.menu ul li li a.article { background-color: #eee; }
.menu ul li li a.article:hover { background-color: #EDFBFF; }


/* les styles pour les programmes des modules d'enseignement*/
.contenumodule {width:600px;height:200px;overflow:auto;background-color: #FFFFFF;padding:3px; margin-left:10px;text-align: justify;}