/*====================================================================
======================================================================
				SIte instituionnel ENS de Lyon
============================ Peter Mepa / 12 Novembre 2009 - ================
=======================================================================
==================================================================== */


/* Suppression du message d'aide pour la saisie front des fiches */

.msg-aide {
	display:none;
}



/* ===========================
 Suppression de boîtes
 ============================*/

#connexion-logue{display:none;}
#connexion{display:none;}
#logo_ens{display:none;}
.background-h2{display:none;}



/* ===========================
            Puces
 ============================*/

#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol{
	padding-left: 0px;
	list-style-position: inside;
	background-repeat: no-repeat;
	list-style-image: url(../../../img/ens-lyon/fleche.gif);
		margin-left: 1em;


}

#contenu_avec_encadres ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0pt;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align:left;
	
	
}


#contenu_avec_encadres ul ul  {
	padding-bottom: 1em;
}



#contenu_avec_encadres ul ul li {
	margin-left: 0;
	padding-bottom: 0;
	background-repeat: no-repeat;
	list-style-image: url(../../../img/ens-lyon/puce_n2.gif);
}


/* ==================================================
					Général
================================================== */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;

}




#conteneur{
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 983px;
		margin: 0 auto;
		min-height: 100%;
		min-width: 983px;	/* Important pour que lors de resize de la fenêtre navigateur les encadrés
		et le menu-haut ne chevauchent pas le contenu */
		max-width:953px;

}


#page {
	min-height:100%;
	height:auto;
	margin:0;
	padding:0;
}


.img-rubrique{
	position:absolute;
	float:left;
	background-image: url(../../../img/ens-lyon/imagette-defaut.jpg); /* Image à changer selon la rubrique */
	background-repeat:no-repeat;
	height:160px;
	width:204px;
	margin:0;
	padding:0;
	top:190px;
	left:0;
}

/* ==================================================
					 Liens
================================================== */

a {
color: #0094D2;
text-decoration: none;}

a:focus{
color: #000000 !important;
text-decoration: none;

}

a:hover {
text-decoration: underline;
color:#9FD7EE;
}


/* ==================================================
					Contenu
================================================== */

#deco-contenu {
	width:100%;
	min-height:100px;
	top:137px;
	margin: 0px;
	padding: 0px;
}


#contenu_avec_encadres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:justify;
	line-height:1.22em;
	position: relative;
	width:536px;
	min-width:100px;
	padding-right:27px;
	padding-left:27px;
	padding-top:0;
	padding-bottom:0;
	margin-top:50px; /* Place le contenu sur la hauteur */
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	border:none;
	min-height :500px;
	

}


#contenu_sans_encadres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:justify;
	line-height:1.22em;
	position: relative;
	width:536px;
	min-width:100px;
	padding-right:27px;
	padding-left:27px;
	padding-top:0;
	padding-bottom:0;
	margin-top:50px; /* Place le contenu sur la hauteur */
	margin-left:0;
	margin-bottom:0;
	margin-right:0;
	border:none;
	min-height :500px;
}




/* ==================================================
						Bandeau
================================================== */

#bandeau{display:none;}

#bandeau-droit{display:none;}





/* ==================================================
						Outils
================================================== */

#outils_ens{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	position: absolute;
	text-align:right;
	float:left;
	right:0;
	left:auto;
	top :-90px;
	width:auto;
	height:15px;

	z-index:9000;
	margin: 0px;
	padding: 0px;



}

#outils_ens a {

color: #333333;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 8px;
border-left-color: #333333;

}

#outils_ens a:hover {
color:#666666;

}

#outils_ens .outils1 a { /* Supprime la bordure de la première rubrique */
	border-left:none;
}




/* ==================================================
					Divers
================================================== */

.photo {

	padding-left: 0pt;
	margin-left: 0pt;
	padding-right: 1em;
	padding-bottom: 0em;
	margin-top: 0pt;
	float: left;
	background:none;
	clear: left;

}

.colonne_deco img{
	margin:0;
	padding:15px;

}


/* Fil d'arianne */

p#fil_ariane {
	float: none;
	margin: 0px 0px 20px 0px;
	font-size: 10px;
	width:500px;




}

p#fil_ariane a{
color:#0094D2;
}


p#fil_ariane em a{

	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#333;
}




/* Imprimer */

#imprimer {
	margin:0;
	padding:0;
	width:23px;
	height:23px;
	position: absolute;
	top:5px;
	left:auto;
	right:27px;
	background-image: url(../../../img/ens-lyon/imprimer.gif);

}


/* === Retour Haut de page ===*/

#haut_de_page{
	cursor : pointer;
	position: relative;
	z-index:5000;
	left: 97%;
	
	background-image: url(../../../img/ens-lyon/haut.gif);
	background-repeat: no-repeat;
	background-position: 0px 0%;
	width: 14px;
	height: 14px;

    top :100%;

}








/* ==================================================
	    Listes ( Actu / Articles / Documents )
================================================== */
ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li{
	list-style-image: none;
	list-style-type: none;
	clear: left;
	padding-top: 1em;
	padding-right: 0pt;
	padding-bottom: 1em;
	padding-left: 0pt;
	width:auto;
	/*min-height:80px;*/

	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;	
}


ul.liste-documents li .img-liste,
ul.liste-actualites li .img-liste,
ul.liste-articles li .img-liste{ /* Vignette */
	height: 74px;
	width: 104px;

	padding: 0px;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0.4em;
	margin-left: 0px;
}

/* Styles du contenu des listes
===================================== */

ul.liste-documents li span,
ul.liste-objets li span,
ul.liste-articles li span
{ /* Résumé */
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	line-height: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}

ul.liste-documents li span.type-liste,
ul.liste-objets li span.type-liste,
ul.liste-articles li span.type-liste{ /* Type */
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: normal;

}

ul.liste-documents li em,
ul.liste-objets li em,
ul.liste-articles li em{ /* Titre */
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: normal;
}


ul.liste-documents li span.date-liste,
ul.liste-objets li span.date-liste,
ul.liste-actualites li span.date-liste{ /* Date */
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666;
	line-height: normal;
	text-transform: none;
	clear:none;
}


ul.liste-documents li span.soustitre-liste,
ul.liste-objets li span.soustitre-liste,
ul.liste-articles li span.soustitre-liste{ /* Résumé */
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: normal;
	text-transform: none;
	margin: 0px;
	padding: 0px;
}



/* ==================================================
	              Fiche Actualite
================================================== */

.actualite a{
color:#1500AB;
}

.actualite a:hover{
color:#1500AB;
}


/* Type */

.actualite .type{
	font-family:inherit;
	letter-spacing:normal;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background-image: url(none);
	height:auto;
	background-color:#333;
	padding: 0.3em;
	text-transform: uppercase;
	width:inherit;
	float:left;  /* Important : fonctionne avec clear:left; */
	clear:left; /* Important : fonctionne avec float:left; */
}

/* Date */


.actualite .date{
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2;
	color: #333;
	padding-top:0.3em;
	clear:left; /* Important : fonctionne avec float:left; */
}

.actualite .complement-date{
	font-weight: bold;
	color: #333;
}

/* Résumé */

.actualite .resume{
	font-family:inherit;
	letter-spacing:normal;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	background-image: url(none);
	height:auto;
	background-color:#cccccc;
	padding: 0.3em;
	text-transform: none;
	width:inherit;
	float:left;
	margin-bottom: 0.3em;
	clear:left;
	margin-top: 1em;
}

/* Titre */


.actualite .titre{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color:#75808A;
	padding-top:5px;
}

/* Lieu */

.actualite .lieu{
	font-family: Arial, Helvetica, sans-serif;	
}


.actualite .lieu span{
	font-family:inherit;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding-top:0.3em;
	padding-bottom:0.3em;
	/*float:none;   Important : fonctionne avec clear:left; */
	/*clear:left;  Important : fonctionne avec float:left; */
}

.actualite .lieu h4{
	font-family:inherit;
	font-size: 12px;
	color: inherit;
	font-weight: bold;
	background-image: url(none);
	margin: 0px;
	padding: 0;	
}

.actualite .lieu-complement{
	display:block;
}


.actualite .complement-lieu{
	padding-bottom:1em;
}


/* Thematique */
.actualite .thematique{
	font-family:inherit;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-top:1em;
	padding-bottom:1em;
}

.actualite .thematique span{
	font-family:inherit;
	font-size: 12px;
	color: #D6A800;
	font-weight: bold;
	background-image: url(none);
	padding-left:0;
	padding-top:0;
}

/* Plan */

.actualite .plan-acces{
	padding-top: 5px;
	padding-bottom:1em;
}

/* Description */

.actualite .description{
	padding-top:0.3em;
	padding-bottom:0.3em;
	list-style-type: none;
	margin:0;
	clear:left; /* Important  */
	
}

.actualite .description ul li{
	list-style-image:inherit;
}

.actualite .description ol li{
	list-style-position: inside;
	list-style-image:url(none);

}


/* Fichier joint */

.actualite .fichier_joint{
	font-family:inherit;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-top:1em;
}

.actualite .fichier_joint h4{
	font-family:inherit;
	font-size: 12px;
	color: #D6A800;
	font-weight: bold;
	background-image: url(none);
	padding-left:0;
	padding-top:0;
}

.actualite .fichiers-joints{
	padding-bottom:1em;
}

/* Télécharger */

.actualite ul#telecharger{
	border-bottom:dotted 1px #666666;
	width:auto;
	list-style:none;
	float:left;
}

/* Photo */

.actualite .photo{
	padding:0;
	margin-top:0;
	margin-right:1em;
	float: left;
	background-image: url(none);
	/*height: 245px;*/
	border: 1px solid #666;
}


.actualite #vignette {
	width: 200px;
}


ul.liste-actualites li .img-liste{
	border: 1px solid #666;
}
#contenu_avec_encadres .liste-actualites .img-liste{
	padding:0;
	margin-top:0;
	margin-right:1em;
	float: left;
	background-image: url(none);
	height: 74px;
	width: 104px;
	border: 1px solid #666;}



/* Contact */

.actualite .actu-contact{
	padding-bottom:1em;
}

.actualite .actu-contact h4{
	font-family:inherit;
	font-size: 12px;
	color: #D6A800;
	font-weight: bold;
	background-image: url(none);
	padding-left:0;
	padding-top:0;

}

/* Email */

.actualite .actu-email {

	padding-bottom:1em;
	font-weight: bold;
	background-image: url(../../../img/defaut/fleche-actu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;

}

/* partenaire */

.actualite .partenaires{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
 }

.actualite .partenaires h4{
	font-family:inherit;
	font-size: 12px;
	color:#333333;
	font-weight: bold;
	background-image: url(none);
	margin: 0px;
	padding: 0;	
	
	clear:left; /* Important : fonctionne avec float:left; */
	 	}
		
		
/* Listes de résultats */

ul.liste_resultats li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding-left:1em;
}

		



/* ==================================================
	              Fiche Article
================================================== */

.article #soustitre

{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-image: url(none);
	height: auto;
	background-color:#F0F0F0;
}

.article .photo {
	padding-left: 0pt;
	padding-right:1em;
	padding-bottom:1em;
	float: left;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	clear: left;
	margin: 0pt;
	padding-top: 0px;
	}



/* ==================================================
	              Fiche Formation
================================================== */


#formation a{
color:#0EBDB2;
}

#formation a:hover{
color:#0EBDB2;
text-decoration:underline;
}


/* Grade */
#formation .grade{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-image: url(none);
	height: auto;
	background-color:#E85311;
	padding:0.3em;
	text-transform: uppercase;
}

/* Niveau */
#formation .niveau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #333333;
	padding:0.3em;
	background-color: #F6BEA5;
	background-image: url(none);
}


/* formation, domaine, */
#formation .domaine span,
.specialite span,
.formation-mention span,
.cohabilitation span{
	color: #E85311;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 1.6em;

}

#formation .domaine,
.specialite,
.formation-mention,
.cohabilitation{
	padding-bottom: 0.3em;
	padding-top: 0.3em;

}


/* Déroulant
=================== */

.deroulant {
	width: 100%;
	background-color: #F6BEA5;
	margin:1em 1em 0 0;
}

/* propriétés communes à l'ensemble des 4 coins */

.hautgauche, .hautdroit, .basgauche, .basdroit {
	height: 2px;
	width: 2px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

.titre-deroule{
	text-align: center;
	height:30px;
	width:95%;

}



.titre-deroule a img{
	text-align: center;

}

/* propriétés spécifiques à chaque coin */
.hautgauche {
	background-image: url(../../../img/ens-lyon/formation_haut-gauche.gif);
}

.hautdroit-plie {
	float: right;
	height: 17px;
	width: 17px;
	background-image: url(../../../img/ens-lyon/formation_plus.gif);
}

.hautdroit-deplie {
	float: right;
	background-image: url(../../../img/ens-lyon/formation_moins.gif);
	height: 17px;
	width: 17px;
}

.basgauche {
	background: url(../../../img/ens-lyon/formation_bas-gauche.gif);
}

.basdroit {
	float: right;
	background: url(../../../img/ens-lyon/formation_bas-droite.gif);
}

.contenu-deroule  {
	margin:1em; /*gestion des espaces interparagraphes */
}

/* Fin du Déroulant "Présentation générale" */

/* Styles des H1 et H4 de la fiche formation */

.contenu-deroule h1{

	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.3em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color:#f0f0f0;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;


}

.contenu-deroule h3{
	color:#333;
	margin-top: 0.3em;
	margin-bottom:0.3em; /* Espace après la bordure */
	padding-bottom:0.3em;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
	text-transform: uppercase;

}

.contenu-deroule h4{
	font-size:14px;
	padding:0.1em;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
	padding-left:0em;
	padding-top:0px;
	color:#333333;
	background-image: url(none);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;


}

.liste_semestre li em {
	background-color: #333;
	color:#FFF;
	text-transform: none;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0.2em;

}

p#icone-PDF{
	position:relative;
	float:right;
}



/*================================
			Fiche Annuaire
================================= */


.corps{
	color: #0094D2;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.3em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color:#f0f0f0;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


.mail span{
	background-image:  url(../../../img/ens-lyon/mail.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left:20px;


}


/* Annu fonction
========================= */


#annu_fonction{
	background-color:#94B7D5;
	padding:0.6em;
	margin:0em;
	margin-top: 1em;
}

#annu_fonction .fonction{
	color: #0094D2;

	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;

	padding-top: 0.3em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;

	background-color:#f0f0f0;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#annu_fonction .structure{
	color: #FFF;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0em;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

#annu_fonction .specialite{
	margin: 0px;
	padding: 0px;
}



/* Données
========================= */

.donnees{
	background-color:#EAECFB;
	width: auto;
	color: #333333;
	background-image: url(none);
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-top: 1em;
}

.publications{
	width: auto;
	color: #333333;
	background-image: url(none);
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}

.publications a{
	font-size: 11px;
	font-weight: bold;
	background-image:  url(../../../img/ens-lyon/page-perso.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 28px;
	margin-left:2em;
	padding-bottom: 15px;

}



.page-perso {background-color:transparent;}

.page-perso a{

	font-size: 11px;
	font-weight: bold;
	background-image:  url(../../../img/ens-lyon/perso.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 28px;
	padding-bottom:10px;
	margin-top: 5px;
	margin-left:2em;
}



/* Theme de recherche
========================= */
.theme-haut{
	width: auto;
	color: #333333;
	background-image: url(none);
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	background-color:#D6DFE8;
	margin-top: 1em;
}


.theme-bas{
	width:auto;
	color:#333333;
	background-image: url(none);
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	background-color:#D6DFE8;
}

.theme-haut h3{
	color: #333;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-top: 0em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0em;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;

}


.theme{
	margin-left:2em;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 1em;
}


.tel{

	font-weight:bold;}


/* ==================================================
	              Fiche Laboratoire
================================================== */

/*--- Structure ---*/

#laboratoire{color:inherit;}

#laboratoire a{color:#B41780; font-weight:inherit; }

#laboratoire a:hover{color:#E21DA0;}

#laboratoire h1{
	color: #572E6B;
	font-size: 1.2em;
	padding-bottom:0.5em;
	padding-top:1.2em;
}


#laboratoire h3{
	color: #9EC219;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.3em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color:#f0f0f0;
	background-image: url(none);
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;


}



#laboratoire h4 {
	color: #333;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0em;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

#labo-entete{
	background-color:#F0F0F0;
}

#labo-activites{
	background-color:#C8DCA9;
	padding-left:1em;
	padding-right:1em;
	padding:1em;
	text-align:justify;
}



#labo-equipe{
	background-color:#A4C773;
	padding-left:1em;
	padding-right:1em;
	padding:1em;
	text-align:justify;
}




#labo-informations{
	background-color:#CCCCCC;
	text-align:justify;
	padding-left:1em;
	padding-right:1em;
	padding:1em;
}



/*--- Styles pour la Div "Entete" ---*/

#laboratoire .type-labo{
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: normal;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-image: url(none);
	height: auto;
	background-color: #9EC219;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	text-transform: uppercase;

}

#laboratoire .libelle-long{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #fff;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	background-color: #333;
	background-image: url(none);
}

#laboratoire .adresse-labo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

#laboratoire .adresse-labo span{
	color: #9EC219;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#laboratoire .code-postal{ padding-left:2.6em;}
#laboratoire .ville, villes{padding-left:2.6em; padding-bottom: 1em;}

#laboratoire .telephone{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}

#laboratoire .telephone span{
	color: #9EC219;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	}

#laboratoire .telecopie{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}

#laboratoire .telecopie span{
	color: #9EC219;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	}

#laboratoire .email {
	padding-bottom: 1em;
	padding-left: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: normal;
  text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;
}

#laboratoire .email span{
	color: #9EC219;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#laboratoire .site-web {
	padding-bottom: 1em;
	padding-left: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: normal;
  text-align: left;
	padding-bottom: 1em;
	padding-left: 1em;

}

#laboratoire .site-web span{
	color: #9EC219;
	font-weight: bold;
	background-image: url(../../../img/ens-lyon/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#laboratoire .plan-labo {
	background-image: url(../../../img/accueil/fleche-labo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;
	padding-bottom:1em;
	margin-left:1em;

}

/*--- Style pour la Div "Activités" ---*/

#laboratoire .themes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
   	padding-top:1em;
	padding-bottom:0.3em;

}

#laboratoire .axes{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
    text-align: left;
	padding-top:1em;
	padding-bottom:0.3em;

}

#laboratoire .axes span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
    text-align: left;
	color:#572E6B;
	padding-top:5px;

 	}

#laboratoire .formations{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
    text-align: left;
	padding-top:1em;
	padding-bottom:0.3em;

}

#laboratoire .formations span{
	font-size: 12px;
	color: #75808A;
	font-weight: bold;
	background-image:url(../../../img/accueil/fleche-labo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;

 	}

#laboratoire .photo-labo{
	margin:1em;
	border:1px solid #333333;
	float:right;
	width:104px;
	height: 74px;
}

#laboratoire .contact{
	padding-bottom:1em;
}

#laboratoire .contact span{
	color: #75808A;
	font-weight: bold;
	background-image: url(../../../img/accueil/puce-labo-carre.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;
	font-size: 12px;

}



#laboratoire .fichiers-joints{
	padding-bottom:1em;
}

#laboratoire .responsable{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
    text-align: left;
	padding-top:1em;
	}

#laboratoire .responsable ul li{
	padding-top:0.5em;
	list-style-position: inside;
	list-style-image: url(../../../img/accueil/puce-labo-carre.gif);
}

#laboratoire .responsable span{
	color: #75808A;
	font-weight: bold;
	padding-left:1.6em;
	padding-top:1px;
	font-size: 12px;
}




/* ==================================================
	              Fiche document
================================================== */

/* Photo */
#doc-entete .photo-labo{
	border:1px solid #333333;
	float:none;
	width:auto;
	height: auto;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding: 0px;	
}

.document{color:#333333; }

.document a{color: #9E43C9; font-weight: bold; }

.document a:hover{color: #9E43C9;}

.#document h1{
	padding-top:0;
	padding-left:0.3em;
	border:none;
	background-image: url(none);
	background-repeat: no-repeat;
	color: #000000;
}

.document h2{
	padding-top:0;
	padding-left:0.3em;
	border:none;
	background-image: url(none);
	background-repeat: no-repeat;
	color: #000000;
}


.doc-type{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding-left: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.3em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0em;
	margin-left: 0pt;
	background-image: none;
	text-transform: uppercase;
}

.doc-sstitre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-top: 0em;
	padding-bottom: 0.3em;
}

#doc-descriptif h3{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:16pt;
	letter-spacing: normal;
	vertical-align: middle;
	text-align:left;
	text-indent:0;
	color: #333;
	border:none;
	width: 522px;
	padding-left: 0.3em;
	padding-top:0.3em;
	padding-bottom: 0.3em;
	padding-right:0.3em;
	background-color:#F0F0F0;
	height:auto;
	line-height: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
	border:none;	
}

#doc-description {
background-color:#CCCCCC;
		
}

#doc-entete{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 1em;
}


.doc-info{
	padding-top: 1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

.document .resume{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 1em;
}

.document .resume h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-top: 0em;
	padding-bottom: 0.3em;
}

.doc-description h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-top: 0em;
	padding-bottom: 0.3em;
}

#doc-entete h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #333;
	padding-top: 0em;
	padding-bottom: 0.3em;
}


.doc-description {
	padding-left:0;
	

}

.doc-description img{
	padding-left:0;
	padding-right:2em;

}

.auteur-liste{
	
	}
	
/* ==================================================
	              Page Reportages vidéo
================================================== */	
#video_form{
	margin: 0px;
	padding: 0px;
}

.rechercheVideo {width:auto; float:left; }

#video_form .valider{
	background-image: url("../../../img/ens-lyon/valider-portail.gif");
	background-position: 0px 0px;
	width:22px;
	height:22px;
	
}

	






/* ==================================================
	              Fiche Cours
================================================== */

.cours{
	background-color: #f3f3f3;
}


.cours .code{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #333333;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0em;
	background-image: url(none);
	
}

.code span {

	color: #75808a;
	font-weight: bold;
	background-image: url(../../../img/ens-lsh/cours-fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0em;
	padding-top: 1px;

}


.cours #disciplines{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-image: url(none);
	height: auto;
	background-color: #e85311;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	text-transform: uppercase;
	font-style: normal;
}


.cours h4{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #333333;

}

.cours .credits{
	/*background-color: #f3f3f3;*/
	padding: 1em 0.5em;
}

.cours .ueup{
padding: 1.5em 0.5em;
}

.cours .contact{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}

.cours .objectif{
padding: 1.5em 0.5em;
}

.cours .contenu{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}


.cours .calendrier{
padding: 1.5em 0.5em;
}

.cours .bibliographie{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}

.cours .connaissance{
padding: 1.5em 0.5em;
}

.cours .complement{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}



/* ==================================================
	              Fiche Association
================================================== */

.assoetudiant .thematique {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:16pt;
	letter-spacing: normal;
	vertical-align: middle;
	text-align:left;
	text-indent:0;
	color: #333;
	border:none;
	width: 522px;
	padding-left: 0.3em;
	padding-top:0.3em;
	padding-bottom: 0.3em;
	padding-right:0.3em;
	background-color:#F0F0F0;
	height:auto;
	line-height: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
	border:none;	

}
	
.assoetudiant h4{
	color: #333;
	margin-top: 1em;
	margin-bottom: 1em;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
	
.assoetudiant .email{
	padding-left:0;
	padding-bottom: 0;
	
}

.assoetudiant .objet{
	font-family: Arial,Helvetica,sans-serif;
	letter-spacing: normal;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding-left: 0em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0.3em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0em;
	margin-left: 0pt;
	background-image: none;
	text-transform: uppercase;
	text-align: left;
}


.assoetudiant .photo {
	float: none;
	clear: both;
}

.assoetudiant .legende {
	
	text-transform: none;
	font-weight: normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}


/* ==================================================
				Styles de titres
================================================== */

/* Titre de la page
======================= */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:18pt;
	letter-spacing: normal;
	vertical-align: middle;
	text-align:left;
	text-indent:0;
	color: #fff;
	border:none;
	width: 522px;
	padding-left: 0.3em;
	padding-top:0.3em;
	padding-bottom: 0.3em;
	padding-right:0.3em;
	background-color:#333;
	height:auto;
	line-height: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;


}


/* Titre de niveau 1
======================= */
.style1 h3{
	color: #0094D2;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 0.3em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color:#f0f0f0;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


/* Titre de niveau 2
======================= */
.style2 h3 {
	color:#0094D2;
	margin-top: 1em;
	margin-bottom:1em; /* Espace après la bordure */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0094D2;
}


/* Titre de niveau 3
======================== */
.style3 h3 {
	color:#333;
	margin-top: 1em;
	margin-bottom:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	border:none;
}


.cont{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	}



/* ==================================================
				Styles de paragraphes
================================================== */

.style-1{ /* Style sans le titre */
	color: #000;
	background-image: url(../../../img/ens-lyon/style-1_bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 2.5em;
	padding-right: 2.5em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	background-color:#f0f0f0;
	font-size: 12px;
}



.style4{ /* Style de paragraphe avec un titre */

	color: #000;
	background-image: url(../../../img/ens-lyon/style-1_bleu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 0em;
	padding-top: 2.5em;
	padding-right: 2.5em;
	padding-bottom: 1em;
	padding-left: 2.5em;
	background-color:#f0f0f0;
	font-size: 12px;

}

.style4 h3{
	color: #333;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -22px;
	margin-right: 0em;
	margin-bottom: 1em;
	margin-left: 1.5em;

	padding-top: 0em;
	padding-right:0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;

}


/* ==================================================
					Logos
================================================== */


 /*#logo_ens { Logo ENS de Lyon
	top: 34px;
	left:0;
	width: 238px;
	height:81px;
	background-image: url(../../../img/ens-lyon/logo_ENSdeLyon.gif);
	background-repeat: no-repeat;
}
 */


#logo_site  { /* Logo ENS de Lyon */
	top: 34px;
	left:0;
	width: 238px;
	height:81px;
	background-image: url(../../../img/ens-lyon/logo_ENSdeLyon.gif);
	background-repeat: no-repeat;
}


/* ========================================
	          Zone Rechercher
========================================== */


#recherche_simple{ /* Zone Rechercher */

	width:220px;
	height:21px;
	padding:0px;
	margin:0px;
	top:72px;
	left:763px;
}

#recherche_simple .champ-saisie{

	border:none;
	background-color:transparent;
	width:129px;
	height:19px;
	margin:0px;
	background-image: url(../../../img/ens-lyon/bg_rechercher.gif);
	background-repeat: no-repeat;
	background-position: 0px;

	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px; /* Permet de laisser un espace pour la loupe */
}

#recherche_simple .ok {
	position:absolute;
	height: 21px;
	width: 67px;
	background-image: url(../../../img/ens-lyon/bouton_valider-2.gif);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	left:153px;
	top:0px;


}

#recherche_simple legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

	width:200px;
	height:30px;

	padding-right: 0;
	padding-left:0px;
	position:relative;
	float:left;
	left:2000px;
	top:0px;
	position:absolute;
	display:none;

	z-index:9000;

	background-color:#9C0;



}



/* Recherche Avancee
============================== */


#recherche_avancee input.valider{
	background-image: url(../../../img/ens-lyon/valider.gif);
	background-repeat: no-repeat;
	background-position: 0pt 0px;
	height: 22px;
	width: 100px;
	padding:0;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-transform: uppercase;
}


#recherche_avancee input.effacer{
	background-image: url(../../../img/ens-lyon/effacer.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 100px;
	padding:0;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-transform: uppercase;

}

.bouton {
	background-color:#CCCCCC !important;
	border: 1px outset #333333!important;

}

#recherche_avancee p.boutons

{

background-image: none;





text-align: left;
margin-left:12em;

}


/* ==================================================
	Formulaires de recherche des encadrés
================================================== */

select{
	background-color:transparent;
	background-image: url(../../../img/intranet/bg-rechercher.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	border:none;
	width:149px;
	height:22px;
	padding:0px;
	margin:0px;
}

.effacer{
	color: #333;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-left: 1.5em;
	background-image: url(../../../img/ens-lyon/effacer.gif);
	background-position: 0pt 5px;
	font-family: Tahoma, Geneva, sans-serif;

}

.effacer a:hover{ text-decoration:underline;}

.valider{
	color: #333;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 1em;
	padding-left: 1.5em;
	background-image: url(../../../img/ens-lyon/valider.gif);
	background-position: 0pt 5px;
	font-family: Tahoma, Geneva, sans-serif;


}

/*.ok {
	border :none;
	color : #666;
	margin-left : 1em;
	padding-left : 1.5em;
	background-image: url(../../../img/ens-lyon/valider.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color:pink;
	z-index:8000;

	height: 22px;
	width: 22px;


}*/

/*legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color:red;

	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

	width:200px;
	height:30px;

	padding-right: 0;
	padding-left:0px;
	position:relative;
	float:left;
	left:2000px;
	top:0px;
	position:absolute;
	display:none;

	z-index:9000;

	background-color:#9C0;



}*/






/* ==================================================
		Icônes "Téléchargement de fichiers"
================================================== */

#telecharger{}

.corps-encadres ul li.mp4 {list-style-image:none;} /* Supprimer la puce pour la zone Télécharger */

li.mp4{
	list-style-image:none;
	background-image: url(../../../jsp/styles/defaut/img/pictos/flv.png);
	background-repeat:no-repeat;
	padding-left:23px;

}


/* ==================================================
					Styles requêtes
================================================== */

.style0016{}

.style0016:hover {background-color:#EFEFEF ;}

.style0016 a:hover{text-decoration:none;}
	
	
	
	
	


/* ==================================================
					Zone Langues
================================================== */
#langue_ens {
	position:absolute;
	float:right;
	right:0;
	top: 5px;

	width:auto;
	height:11px;
	margin:0;
	padding:0;

}

#langue_ens ul li{display:inline;}

#langue_ens ul li a:hover{text-decoration:none;}


/* Drapeaux
========================== */

.lang0{
	background-image: url(../../../img/ens-lyon/drapeau-DE.gif);
	background-repeat: no-repeat;
	padding-right:6px;

}
.lang0 a{
padding-right:6px;

}

li.lang1{
	background-image: url(../../../img/ens-lyon/drapeau-EN.gif);
	background-repeat: no-repeat; width:16px; height:11px;
	padding-right:6px;

}
.lang1 a{
padding-right:6px;

}

li.lang2{
	background-image: url(../../../img/ens-lyon/drapeau-CH.gif);
	background-repeat: no-repeat;
	padding-right:6px;

}
.lang2 a{
padding-right:6px;

}


li.lang3{
	background-image: url(../../../img/ens-lyon/drapeau-ES.gif);
	background-repeat: no-repeat;
	padding-right:6px;

}
.lang3 a{
padding-right:6px;

}


li.lang4{
	background-image: url(../../../img/ens-lyon/drapeau-FR.gif);
	background-repeat: no-repeat;
	padding-right:6px;

}
.lang4 a{
padding-right:6px;

}


li.lang5{
	background-image: url(../../../img/ens-lyon/drapeau-IT.gif);
	background-repeat: no-repeat;
	padding-right:6px;

}
.lang5 a{
padding-right:6px;

}


li.lang6{
	background-image: url(../../../img/ens-lyon/drapeau-DE.gif);
	background-repeat: no-repeat;
padding-right:6px;

}
.lang6 a{
padding-right:6px;

}




/* ==================================================
				Menu-haut
================================================== */
#menu {
	width: 983px;
	left: 0;
	top:134px;
	margin:0;
	padding:0;
	height: auto;
	border: none;
	background-color:red;
	z-index:9000; /* Permet de passer par dessus deco-contenu */

}

#menu-haut{
	width: 970px;

	left: 0;
	top:0;
	margin:0;
	padding:0;
	height: auto;
	border: none;
	padding-left:10px;
	padding-right:10px;

	background-image: url(../../../img/ens-lyon/bg_menu-haut-gris.gif);
	background-repeat: no-repeat;

}

/* ==================================================
				  Menu-Lyon
================================================== */

/* Menu */

#menu_lyon, #menu_lyon ul /* Liste */
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 37px; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu_lyon /* Ensemble du menu */
{
	text-transform:uppercase;/* on met le texte en capitale */
	font-family : Arial, Helvetica, sans-serif; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	font-weight: bold;

}

#menu_lyon a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	/*background : #005aae;  couleur de fond */
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	/*width : auto;  largeur */

}

#menu_lyon li /* Elements des listes */
{
	float : left;
	/* pour ie qui ne reconnait pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */

}

/* ie ne reconnaissant pas le sélecteur ">" */
#menu_lyon li
{
	border-right: 1px solid transparent ; /* on met une bordure transparante à droite de chaque élément */
}

#menu_lyon li ul /* Sous-listes */
{
	position: absolute; /* Position absolu */
	width: 202px; /* Largeur des sous-listes par défaut */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	background : #005aae; /* couleur de fond par défaut */
	line-height : 21px; /* Définit la haiteur des éléments des sous-rubriques */


}


#menu_lyon li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	/*border-top : 1px solid #fff;  on met une bordure blanche en haut de chaque élément d'une sous liste */
	width: 100%; /* Pour que les sous-rubriques prennent toute la la rgeur de l'UL et donc se placent au centre */

}

/* ie ne reconnaissant pas le sélecteur ">" */
#menu_lyon li ul li
{
	border-top : 1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

#menu_lyon li ul ul
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */



}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
#menu_lyon li ul ul
{
	border-left	: 1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */
}


/*
Hover
================================= */


/*#menu_lyon a:hover  Lorsque la souris passe sur un des liens
{
	color: #005aae; /* On passe le texte en noir ...
	background: #b1d9ff;  ... et au contraire, le fond en blanc
}
*/
#menu_lyon li:hover ul ul, #menu_lyon li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */

}

#menu_lyon li:hover ul, #menu_lyon li li:hover ul, #menu_lyon li.sfhover ul, #menu_lyon li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}


/* Commun à toutes les sous-rubriques
======================================= */

.menu-rub0{width:125px; height:37px;  } /* Les largeurs par défaut */
.menu-rub1{width:110px; height:37px; }
.menu-rub2{width:86px; height:37px; }
.menu-rub3{width:116px; height:37px; }
.menu-rub4{width:135px; height:37px; }
.menu-rub5{width:180px; height:37px; }
.menu-rub6{width:112px; height:37px;}
.menu-rub7{width:91px; height:37px;}


#menu_lyon li ul li a{ /* Styles par défaut  */
	color:#333;
	text-transform:none;
	font-weight:normal;
	}



/* Sous-rubrique 0
================================ */
#menu_lyon li.menu-rub0 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #48b2df;
	border-left-color: #48b2df;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #48b2df;
	text-align:left;
	text-indent: 10px;
}

#menu_lyon li.menu-rub0 ul li{  /* Style particulier Rub0 */
	background-color:#9fd7ee;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #48b2df;


}

#menu_lyon li.menu-rub0 a:hover{ /* Survol Rub0  */
	color:#fff;
	background-color:#0094d2;

	}


/* Sous-rubrique 1
================================ */

#menu_lyon li.menu-rub1 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b9d35a;
	border-left-color: #b9d35a;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b9d35a;
	text-align:left;
	text-indent: 10px;
	width:230px; /* Taille à ajuster selon les sous-menus */

}

#menu_lyon li.menu-rub1 ul li{  /* Style particulier Rub1 */
	background-color:#dae8a8;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b9d35a;

}

#menu_lyon li.menu-rub1 a:hover{ /* Survol Rub1  */
	color:#fff;
	background-color:#9ec219;

	}


/* Sous-rubrique 2
================================ */

#menu_lyon li.menu-rub2 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ef8454;
	border-left-color: #ef8454;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ef8454;
	text-align:left;
	text-indent: 10px;
	/*width:230px;  Taille à ajuster selon les sous-menus */

}

#menu_lyon li.menu-rub2 ul li{  /* Style particulier Rub2 */
	background-color:#f6bea5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ef8454;

}

#menu_lyon li.menu-rub2 a:hover{ /* Survol Rub2  */
	color:#fff;
	background-color:#e85311;

	}

/* Sous-rubrique 3
================================ */

#menu_lyon li.menu-rub3 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ea48a0;
	border-left-color: #ea48a0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ea48a0;
	text-align:left;
	text-indent: 10px;
	width:240px;  /*Taille à ajuster selon les sous-menus */

}

#menu_lyon li.menu-rub3 ul li{  /* Style particulier Rub3 */
	background-color:#f49fcd;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ea48a0;

}

#menu_lyon li.menu-rub3 a:hover{ /* Survol Rub3  */
	color:#fff;
	background-color:#e2007a;

	}


/* Sous-rubrique 4
================================ */

#menu_lyon li.menu-rub4 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c95062;
	border-left-color: #c95062;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c95062;
	text-align:left;
	text-indent: 10px;
	/*width:240px;  Taille à ajuster selon les sous-menus */

}

#menu_lyon li.menu-rub4 ul li{  /* Style particulier Rub4 */
	background-color:#e2a3ac;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c95062;

}

#menu_lyon li.menu-rub4 a:hover{ /* Survol Rub4  */
	color:#fff;
	background-color:#b30b24;

	}


/* Sous-rubrique 5
================================ */

#menu_lyon li.menu-rub5 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #89B84F;
	border-left-color: #89B84F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89B84F;
	text-align:left;
	text-indent: 10px;
	/*width:240px;  Taille à ajuster selon les sous-menus */

}

#menu_lyon li.menu-rub5 ul li{  /* Style particulier Rub5 */
	background-color:#C1DAA3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #89B84F;

}

#menu_lyon li.menu-rub5 a:hover{ /* Survol Rub5  */
	color:#fff;
	background-color:#5B9C0A;

	}


/* Sous-rubrique 6
================================ */

#menu_lyon li.menu-rub6 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E2C148;
	border-left-color: #E2C148;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2C148;
	text-align:left;
	text-indent: 10px;
	/*width:240px;  Taille à ajuster selon les sous-menus */

	margin-left:-93px; /* Décalage du sous-menu */



}

#menu_lyon li.menu-rub6 ul li{  /* Style particulier Rub6 */
	background-color:#F0DE9F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E2C148;

}

#menu_lyon li.menu-rub6 a:hover{ /* Survol Rub6  */
	color:#fff;
	background-color:#D6A800;

	}



	/* Sous-rubrique 7
================================ */

#menu_lyon li.menu-rub7 ul{
	border-right-width: 2px; /* Bug? */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c6774d;
	border-left-color: #c6774d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6774d;
	text-align:left;
	text-indent: 10px;
	/*width:240px;  Taille à ajuster selon les sous-menus */

	margin-left:-113px; /* Décalage du sous-menu */

}

#menu_lyon li.menu-rub7 ul li{  /* Style particulier Rub7 */
	background-color:#e1b7a1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c6774d;

}

#menu_lyon li.menu-rub7 a:hover{ /* Survol Rub7  */
	color:#fff;
	background-color:#af4107;

	}

/* ==================================================
					Navigation
================================================== */

#navigation {
	width: 205px;
	height:auto;
	top: 374px;
	left: 0;
	padding: 0px;
	padding-top:0;
	padding-right: 0;
	padding-bottom:0;
	padding-left: 0;

}

#navigation li {
	background: #f0f0f0 ;
	color: #fff ;
	margin-bottom: 1px ;
				}

#navigation li a {
	display: block;
	background: #f0f0f0;
	color: #333;
	line-height: 1em;
	text-align: left;
	text-decoration: none;

	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 1em;
				}

#navigation li a:hover, 
#navigation li a:focus, 
#navigation li a:active {
	background: #0094d2 ;
	text-decoration: none ;
	color: #fff;
}


/* Niveau 2 */

.principal-niveau2, 
.principal-niveau2-actif{
	margin:0;
	padding:0;
}

.principal-niveau2-actif a{
	background-color:#0094D2 !important; /* Couleur Niveau 2 actif //// COULEUR 1 ///// */
	font-weight:bold;
	color: #fff !important;

}


/* Niveau 3 */

.principal-niveau3, 
.principal-niveau3-actif{
	padding-left: 0px;
	list-style-image: none;
	list-style-type: none;
	color: #fff !important;

}


.principal-niveau3 a {
	background-color:#9FD7EE !important; /* Couleur Niveau 3 //// COULEUR 2 ///// */
	color: #333 !important;
	font-size:10px;
	font-weight:normal !important;
	text-indent:1em;
	
}

.principal-niveau3 a:hover {
	background-color:#48B2DF !important; /* Couleur Niveau 3 au survol //// COULEUR 3 ///// */
	color: #333 !important;
}

.principal-niveau3-actif a{
	background-color:#48B2DF !important; /* Couleur Niveau 3 actif //// COULEUR 3 ///// */
	color: #fff !important;
	font-size:10px;
	font-weight:bold !important;
	text-indent:1em;
}

/* Niveau 4 */


.principal-niveau4, 
.principal-niveau4-actif{
	padding-left: 0px;
	list-style-image: none;
	list-style-type: none;
	
}


.principal-niveau4 a {
	background-color: #48B2DF !important; /* Couleur Niveau 4 //// COULEUR 3 ///// */
	color: #333 !important;
	font-size:10px;
	font-weight:normal !important;
	text-indent:3em;
	font-style: italic;
}

.principal-niveau4 a:hover {
	background-color:#0082B8 !important; /* Couleur Niveau 4 au survol //// COULEUR 4 ///// */
	color: #fff !important;
}

.principal-niveau4-actif a{
	background-color:#0082B8 !important; /* Couleur Niveau 4 actif  //// COULEUR 4 ///// */
	color: #fff !important;
	font-size:10px;
	font-weight:bold;
	text-indent:3em;
	font-style: italic;
}



/* ==================================================
					Encadrés
================================================== */

#bloc-encadres {
	position: relative;
	left: 0px;
	top: 92px;
	width: 188px;
	margin: 0;
	height: auto;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;

}


.conteneur-encadres {
	padding:0;
	margin:0;
	background-image: url(none);
	width: 100%;
}

.encadres {
	background-image: none;
	color:#000000;
	width:175px; /* 188 px - 13 px */
	background-color:#9fd7ee; /* Couleur à changer selon la rubrique */
	padding-left: 13px;
}


.titre-encadres {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height:15px;
	display:block;
	top: 0px;
	left: 0px;
	width:175px; /* 188 px - 13 px */
	background-color:#0094d2; /* Couleur à changer selon la rubrique */
	margin-top: 0px;
	margin-right: 0pt;
	margin-bottom: 0px;
	margin-left: 0pt;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 13px;
}

.corps-encadres

{
color: #333333;
margin-top: 0px;
margin-right: 8px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 10px;
padding-top: 5px;
padding-left: 0px;
border:none;
text-align:left;

}

.corps-encadres a{
	color: #66666;
}

.corps-encadres a:hover{
	color: #333;
}


.corps-encadres ul li {
	/*list-style-image: none;
	list-style-type: disc;*/
	list-style-position: inside;
	list-style-image: url(../../../img/ens-lyon/fleche.gif);
}


/* Traitement spécifique de l'encadré 1 */

.e_num1 .titre-encadres{
	background-color: #666;
	}

.e_num1 .encadres{
	background-color:#CCC;
	}

/* ==================================================
					Pied de page
================================================== */

#conteneur #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */

			}

#conteneur #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom:11em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
			}


#pied_page {
	position: absolute;
	bottom: 0;
	height: 7em;
	padding-bottom: 0em;
	padding-top:0;
	left: 0px;
	right: 0px;
	font-size: 11px;
	color: #333333;
	float: none;
	background-image: url(../../../img/ens-lyon/frise-defaut.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top-style: none;

}

.pied_maj {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	width: auto;
	left: auto;
	right:10px;
	top: 30px;

}

address{
	font-style: normal;
	padding-left:0;
	border:none;
	padding-top:0;
	width: 525px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

/* Outils du pied de page
----------------------------------------*/

#outils_piedpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	left:auto;
	right:0;
	top:1em;

	height: 30px;
}

#outils_piedpage  ul li{
	list-style: none;
	height: 30px;
}

#outils_piedpage  li {
	float: left;
}

#outils_piedpage  a {
	color: #333;
	display: block;
	text-decoration: none;
	height:auto;
	width:auto;
	margin-right: 0px;
	padding-left: 0px;
	border:none;
}

#outils_piedpage  a:hover {
	text-decoration: underline;

}




.webmestre {
	background-image: url(../../../img/ens-lyon/webmestre.gif);
	width: 110px;

}

.accessibilite {
	background-image: url(../../../img/ens-lyon/accessibilite.gif);
	background-position: 1px 0px;
	width: 120px;
}

.mentions {
	background-image: url(../../../img/ens-lyon/mentions.gif);
	width: 125px;
}

.plan_site {
	background-image: url(../../../img/ens-lyon/plan.gif);
	width: 90px;
	text-indent: 25px;
	background-repeat: no-repeat;
}




/* ----------------- TABLEAUX ------------------------  */

table {
border:3px solid #333;
border-collapse:collapse;
width:100%;
margin:auto;
}
thead, tfoot {
background-color:#F0F0F0;
border:1px solid #333;
}
tbody {
background-color:#FFFFFF;
border:1px solid #333;
}
th {
font-family:monospace;
border:1px dotted #333;
padding:5px;
background-color:#F0F0F0;
width:25%;
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #333;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}

/* --------- FIN TABLEAUX -------------------- */



/* HACK 
===========
safari 3+, chrome 1+, opera9+, ff 3.5+ 
========================================= */
body:first-of-type #haut_de_page {   top:0; }