/* CSS Document */
body {
	text-align: center;
  background: #A6A6A6 url('../images/img_css/fond_page.png') repeat-x fixed;
/* Apparence: ascenseur par defaut */
	overflow: scroll;
}
body#popup{
  margin: 0;
}
#page {
	width: 960px;
	margin: 0 auto;
/* Apparence */
	background: white;
	border-color: #7B796D;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	text-align: left;
}
*html #logo {
  float: left;
}
#logo img {
  float: left;
}
*html #logo img {
  float: none;
}
/* Menus */
#menuPrincipal {
/* Disposition  */
  position: relative; 
	float: left; 
  padding-left: 20px;
/* Apparence */
	background: #777;
  font-size: 0.8em;
  font-weight: bold;
  width: 940px;
}
/* menu principal */
*html #menuPrincipal {
  width: 960px;
}
#menuPrincipal ul {
	list-style-type: none;
}
*html #menuPrincipal ul {
	width: 100%;     /* sinon le menu s'affiche pas sur 1 seule ligne */
}
#menuPrincipal ul li {
	float: left;
/*	padding: 13px 0 9px; */
  padding: 3px 0; 
	text-transform: uppercase;
	color: white;
	white-space: no-wrap;
}
#menuPrincipal ul li:hover, #menuPrincipal ul li.sfhover span{
	background: #00AEEF;
}
#menuPrincipal ul li.actif {
	background: #00AEEF;
}
#menuPrincipal ul li.actif:hover, #menuPrincipal ul li.sfhover {
	background: #00AEEF;
}
#menuPrincipal ul li span {
/* Disposition */
	display: block;
/* Apparence */
	cursor: default;
	border-right: 1px solid white;
	padding: 0 13px; /* Erreur sur MAC/FF3 et SAFARI */
  white-space: nowrap;
}
#menuPrincipal ul li.last span {
	border-right: none;
}
#menuPrincipal ul li span a {
	color: white;
	text-decoration: none;
}

/*************************/
/* RECHERCHE             */
/*************************/
#form_rech {
	float: right;
	margin: 3px 2px 0;
}
*html #form_rech {
  margin-top: -18px;
}
#form_rech input {
	float: left;
	padding: 0 4px 1px;
	background: transparent;
	font-weight: bold;
	color: white;
	border: none;
}
#form_rech #val_rech {
	background: white;
	color: black;
	width: 130px;
}
#form_rech #val_rech:focus {
  background: white;
	color: black;
}
#form_rech #bt_rech {
	width: 30px;
/* Apparence */
	cursor: pointer;
}

/***********************************/
/*****         Contenu         *****/
/***********************************/
#contenu {
/* Disposition */
	float: left;
/*	margin: 0 6px;
	width: 948px; */
	min-height: 440px;
}
*html #contenu {
	float: none;   /* probleme de positionnement au centre */
	height: 440px; /* probleme de positionnement au centre */
}
#page #contenu,
#page #basDePage {
	background: white url('../images/img_css/fond_contenu.png') repeat-y;
}
#page.newsletter #basDePage {
	background: #F2EFE1;
	padding: 10px;
}
#page.accueil #contenu,
#page.accueil #basDePage {
  background: none;
}
#page.theme #contenu, 
#page.theme #basDePage,
#page.bandeau #contenu, 
#page.bandeau #basDePage {
	background: white url('../images/img_css/fond_contenu_theme.gif') repeat-y;
}
#page.newsletter #contenu {
	background: none;
/*  width: 638px; */
}
/***************************/
/****  Colonne gauche   ****/
/***************************/
#ColonneGauche {
/* Disposition */
	float: left;
	width: 170px;
	padding-top: 30px;
	min-height:200px;
}
#ColonneGauche p {
  font-size: 0.8em;
}
/**** Bloc Titres */
#ColonneGauche div#titres {
	clear: both;
	margin: 0 2px;
	padding: 4px;
	font-weight: bold;
}
#ColonneGauche div#titres a {
	display: block;
	text-decoration: none;
	font-weight: bold;
  font-size: 0.8em;
  color: #5B5B50;
	/* color: #73735F; */
}
#ColonneGauche div#titres.active a {
	color: #266CC2;
}
/**** Bloc auteurs et directeurs */
#ColonneGauche #auteurs p, #ColonneGauche #directeurs p {
  font-size: 0.7em;
  padding: 0 6px 10px;
}
/**** menu deroulant : non utilisé acctuellement */
#ColonneGauche div#liste {
	background: #B3B37E url('../images/img_css/pictos/selecteur_menu.gif') no-repeat right center;
}
/********************************************/
/********************************************/
/**** UL/LI Définition Générale */
#ColonneGauche ul {
/* Apparence */
	list-style-type: none;
	padding: 0 2px;
/* profondeur 	background: #E6E3D0;*/
  font-size: 0.8em;
}
#ColonneGauche ul li {
	padding: 3px;
	padding-left: 10px;
	border-top: 1px dotted #BBB8A7;
}
#ColonneGauche ul li.first {
	border-top: 1px solid #BBB8A7;
}
#ColonneGauche ul li.last {
	border-bottom: 1px solid #BBB8A7;
  margin-bottom: -4px; 
}
#ColonneGauche ul li a {
/* Disposition */
	display: block;
	width: 100%;
/* Apparence */
	color: black;
	text-decoration: none;
/* Correction */	
	margin: -3px;
	padding: 3px;
	margin-left: -10px;
	padding-left: 10px;
}
#ColonneGauche ul ul {
	padding: 0;
	font-size: 1em;
/* Correction */	
	margin: 3px -3px -3px;
	margin-left: -10px;
/* profondeur 	background: #E3E0CB; */
}
#ColonneGauche ul ul li {
/* Disposition */
	padding-left: 16px;
/* Apparence */
	font-weight: normal;
}
#ColonneGauche ul ul li a {
/* Correction */
	margin-left: -16px;
  padding-left: 16px;
}
#ColonneGauche ul ul ul {
/* Correction */
	margin-left: -16px;
	display: none;
}

/* Menu Contexte */
#ColonneGauche div#contexte {
/* Disposition */
	float: left;
	width: 170px;
/* Apparence */
	font-weight: bold;
}
#ColonneGauche div#contexte p {
	padding: 4px 6px;
}
#ColonneGauche div#contexte ul li a:hover {
/* Apparence */
	background: #E1DEC8;
}
#ColonneGauche div#contexte ul li.actif a {
	color: #00AEEF;
}
#ColonneGauche div#contexte ul li.actif li a {
	color: black;
}
#ColonneGauche div#contexte ul li.actif li.actif a {
	color: #00ADEF;
}

/****************************************************/
/* Chemin                                           */
/* Zone centrale (Colonne A et B) + colonne Droite  */
/* Bordure                                          */
/* Pied de page                                     */
/****************************************************/
#chemin {
/* Disposition */
	float: left;
	width: 758px;
/* 960 - (170 + 2x6) - 10 */
  padding: 10px 10px 6px;
  margin-bottom: 4px;
/* Apparence */
	font-size: 0.8em;
	font-weight: bold;
	background: white;
}

#chemin a,
#chemin span {
	color: black;
	text-decoration: none;
	padding: 0 2pt;
}
#chemin a:hover {
	color: black;
	text-decoration: underline;
}
/**************************/
/*  zoneCentrale          */
/**************************/
#zoneCentrale {
/* Disposition */
	float: left;
  padding-bottom: 20px;
	width: 618px;
}
#page.accueil #zoneCentrale {
/* Disposition */
	margin-top: 30px;
}
#page.theme #zoneCentrale,
#page.bandeau #zoneCentrale{
/* Disposition */
	width: 778px;
/* 960 - 170 - 2x6 */
}
#page.newsletter #zoneCentrale {
	margin-left: 100px;
	margin-right: 45px;
}
*html #page.newsletter #zoneCentrale {
	margin-left: 60px;
	margin-right: 20px;
}
#page.theme #zoneCentrale #texte_theme {
  font-size: 1.2em;
	font-weight: bold;
	color: #5B5B50;
  margin-bottom: 20px;
}
#page.theme #zoneCentrale #texte_theme a {
	color: #5B5B50;
}
/* Colonne A et B */
#zoneCentrale #ColonneA {
	float: left;
	width: 200px;
/* 189+10 */
}
*html #zoneCentrale #ColonneA {
	width: 198px;
	overflow: hidden;
}
#zoneCentrale #ColonneB {
	float: right;
	clear: right;
	width: 408px;
}
#ColonneDroite {
/* Disposition */
	float: left;
	width: 166px;
  padding-bottom: 10px;
}
/* Colonne Droite */
*html #ColonneDroite {
  overflow: hidden; /* sinon le montage cède lorsque les images sont trop grosses */
}
#TopBordure,
#ColonneBordure {
	float: left;
	width: 608px;
}
#page #ColonneBordure.etudes {
	width: 769px;
}
#page.bandeau #ColonneBordure {
	background: #F2EFE1;
	margin-bottom: 10px;
	padding: 5px 0;
	margin-left: 10px;
}
#page.bandeau #TopBordure {
	color: #F2EFE1;
	margin: 0 10px -8px;
	font-size: 2em;
	font-weight: bold;
}
*html #page.bandeau #TopBordure,
*html #page.bandeau #ColonneBordure {
	margin-left: 5px;
}
/**************************/
/*  Bas de page          */
/**************************/
#basDePage{
	clear: both;
/*	margin: 0 6px 6px; */
	padding: 2px 170px;
/* Apparence */
	font-size: 0.8em;
	list-style-type: none;
}
#page.accueil #basDePage,
#page.theme #basDePage,
#page.bandeau #basDePage{
	padding-right: 0;
}
#page.accueil #basDePage {
	padding: 0;
}
#basDePage li {
  display: inline;
}
#basDePage a {
	margin: 0 10px;
	text-decoration: none;
	color: black;
}
#basDePage a:hover {
/* Apparence */
	text-decoration: underline;
}
#basDePage a#haut,
#zoneCentrale a#haut {
	background: url('../images/img_css/pictos/picto_hdp.gif') no-repeat left center;
  padding-left: 13px;
}
#basDePage a#precedente {
	background: url('../images/img_css/pictos/picto_precedente.gif') no-repeat left 70%;
  padding-left: 9px;
  float: right;
}
#basDePage a#suivante {
	background: url('../images/img_css/pictos/picto_suivante.gif') no-repeat right 70%;
  padding-right: 9px;
  float: right;
}
/**************************/
/*  Pied de page          */
/**************************/
#piedDePage {
	clear: both;
	text-align: center;
	margin: 0pt auto;
/* Apparence */
	font-size: 0.8em;
}
#piedDePage ul {
	list-style-type: none;
}
#piedDePage li {
	display: inline;
}
#piedDePage a {
/* Disposition interne */
	padding: 0 10px;
/* Apparence */
	text-decoration: none;
  	color: white;
}
#piedDePage a:hover,
#piedDePage .actif a {
/* Apparence #00ADEF;*/
  background: #266CC2;
}


/****************************************************/
/* MENU MULTILINGUISME                              */
/****************************************************/
.multilingue {
/* Alignement */
	float: left;
}
.multilingue img {
	margin-left: -10px;
	margin-right: 6px;
}
.multilingue a {
/* Disposition */
	display: block;
	padding: 0 10px;
	margin: 0 1px;
/* Apparence */
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
	background: #FFFFFF;
}
.multilingue a:hover {
	color: #FFFFFF;
	background: #FF9999;
}