/* Présentation générale */

html {font-size: 100%;}

body
{
background: #316797;
font-family: sans-serif; font-size: 1em;
color: #316797;	
}

/* Apparence des liens */
a 
{color: #0066BB;text-decoration:none;font-style:italic;}
a:hover
{color:#f47e35;}
a img
{border-style:none;}

/* Titres, paragraphes, listes */
h1
{text-align:center;}

h2
{margin-left:10px;margin-bottom:10px;margin-top:10px;font-size:1.5em;color: #fc5528;}
h2 a{font-style:normal;color: #fc5528;}
h2 a:hover{font-style:normal;color: #fc5528;}

h3
{margin-left:20px;margin-bottom:5px;margin-top:20px;font-size:1.25em;}

h4
{margin-left:30px;margin-bottom:5px;margin-top:10px;font-size:1em;}

p
{margin-left:20px;margin-right:20px;margin-top:0px;text-align:justify;}

li
{margin-left:20px;margin-right:20px;margin-top:0px;text-align:justify;}



/* Le container fixe la largeur et la couleur de fond. Il contient le header, le menu de navigation, le main et le footer. */


/* header générique, pour les autres pages. */

#header
{position:fixed;top:0px;left:180px;height:165px;width:800px;/*background:url(header_perso_elise.png) no-repeat 0 0;*/background:url(header_perso_elise.png); background-repeat: repeat-x;z-index:1;/*padding-left:8px;padding-top:8px;*/}

	#logoLAMFAperso
	{position:absolute;top:40px;left:10px;height:50px;}
	
	#logoCNRSperso
	{position:absolute;top:30px;left:505px;/*float:right;margin-right:200px;margin-left:590px;margin-top:-65px;*/}

	#logoURperso
	{position:absolute;top:30px;left:645px;/*float:right;margin-right:50px;margin-left:740px;margin-top:-65px;*/}

	#header h1
	{position:absolute;top:50px;left:200px;font-size:1.5em;font-weight:normal;margin:0;}
	#header h2
	{position:absolute;top:120px;left:150px;font-size:1.05em;font-weight:normal;margin:0;color:#f47e35;}
	
	
	#bouton_menu
	{height:30px;width:30px;
	 position:absolute;
	 top:115px;
	 left:5px;
	 background:url(bouton_menu.png);
	 opacity: 0.8;
	 filter: alpha(opacity=80); /* For IE8 and earlier */
	 z-index:5;
	 visibility:hidden;
	 cursor:pointer;
	}
	
/* Menu de navigation */
	
#navigation_verticale
{position:fixed; top:155px;width:175px;background:#316797;z-index:10;}

.pos_init_nav_vert,.show_menu,.hide_menu{/* position initiale du menu de navigation */
  left:0;
}

	#navigation_verticale ul
	{margin:0%;padding:0%;}
	
	#navigation_verticale li
	{line-height:35px;font-size:1.1em;margin:0; /*padding-right:55px;*/ font-weight:bold;margin-left:15px;list-style:none;}

	
	#navigation_verticale ul.sous_menu
  {position: absolute;
  left:300px;
}
	
	#navigation_verticale li  a.here:hover ul.sous_menu
  {top: 0;
  left: 150px;
}
	
	#navigation_verticale li a.here
	{color: #f47e35;}
	
	#navigation_verticale li a.not_here
	{color:#9ccbeb;}

	#navigation_verticale li a.not_here:hover
	{color:white;} 	

	#bouton_close_menu
	{height:30px;
	 width:30px;
	 position:absolute;
	 top:5px;
	 left:145px;
	 background:url(bouton_close.png);
	 opacity: 0.8;
	 filter: alpha(opacity=80); /* For IE8 and earlier */
	 cursor:pointer;
	 visibility:hidden;
	}
	
	
	
	
#container
{width:800px;position:absolute;left:180px;top:145px;padding:0;/*border-color:red;border-style:solid;*/background-color:white;}


	
/* Le main contient les informations principales de la page. */
	
#main
{background-image:url(./fond_salem_perso.png);background-position:bottom;background-repeat:no-repeat;padding-bottom:30px;padding-top:30px;min-height:400px;border-color:green;border-width:0;border-style:solid;}

	/* Le div bidon sert à terminer tous les float qui précèdent... Utilisé dans la page du séminaire. */
	#bidon
	{clear:both;}

	.balise_nav
	{position:relative; top:-200px;}

	.centre
	{text-align:center;font-size:1.25em;}

	/* Pour la page perso avec photo et coordonnées. */
	
	#identite
	{margin-left:30px;margin-right:30px;margin-bottom:30px;margin-top:20px;height:260px;float:left;}
	
	#adresse_perso
	{margin-left:5px; margin-top:30px;}
		#adresse_perso ul
		{}
		#adresse_perso li
		{list-style:none;}
		#bureau
		{margin-bottom:15px;}
		#fin_adresse
		{margin-bottom:15px;}
		#fax
		{margin-bottom:15px;}
	/********/
		
	.liste_simple li
	{list-style:none;}
	
	.emphasize
	{font-weight:bolder;}
	
	em
	{font-weight:bolder;font-style: normal;}
	
	.caption
	{text-align:center;}
	
	.centered_image
	{display:block;margin-left:auto;margin-right:auto;margin-top:15px;margin-bottom:15px;}

/*	.right_img {float:right;margin-left:130px;margin-bottom:30px;}*/

	img.mini_image
	{float:left; margin-bottom:40px;margin-right:20px;margin-top:0px;vertical-align:top;width:40px;margin-left:10px;}
	
	
	/* Pour écrire une liste de références. */
	.liste_publis
	{list-style-type:square;}
	
	.liste_publis li
	{margin-top:10px;}
	
	.author
	{}
	/*{display:block;}*/
	
	.editor
	{}
	
	.title
	{font-weight:bold;}
	
	.journal
	{font-style:italic;}
	
	.volume
	{font-weight:bold;}
	
	.year
	{}
	
	.links
	{display:block;}


	/* Pour écrire une liste de cours. */

	ul.liste_cours
	{list-style-type:square;}
	
	ul.liste_cours li
	{margin-top:10px;}
	
	.ens_title
	{font-weight:bold;}
	
	.ens_type
	{ }
	
	.ens_lieu
	{ display: block;}
	
	.ens_author
	{display: block;}
	
	.ens_links
	{display:block;}




/**********************************************************/
/***** [ ecrans etroits : moins de 980px de largeur ] *****/
@media (max-width:980px) {	  

	#bouton_menu,#bouton_close_menu
	{
	 visibility:visible;
	}
	
	
  /****** Animations pour montrer et cacher le menu vertical de gauche *******/

	@keyframes anim_menu_in{
    from{left:-180px;}
    to {left:0}
	}
	
	@-webkit-keyframes anim_menu_in{/* Chrome, Safari, Opera */
    from{left:-180px;}
    to {left:0}
	}
	
    @keyframes anim_menu_out{
    from{left:0;}
    to {left:-180px;}
    }
    
    @-webkit-keyframes anim_menu_out{/* Chrome, Safari, Opera */
    from{left:0;}
    to {left:-180px;}
    }


	#navigation_verticale
	{top:0px;height:100%;padding-top:25px;}	
	
	#navigation_verticale li
	{/*line-height:1em;font-size:1em;*/margin:0; padding-bottom:10px; /*font-weight:normal;*/text-align:left;margin-left:15px;list-style:none;}
	  
	.pos_init_nav_vert{left:-180px;}
	  
	.show_menu{
	  animation: anim_menu_in 0.5s;
	  -webkit-animation: anim_menu_in 0.5s;/* Chrome, Safari, Opera */
	  left:0;
	}
	
	.hide_menu{
	  animation: anim_menu_out 0.5s;
	  -webkit-animation: anim_menu_out 0.5s;/* Chrome, Safari, Opera */
	  left:-180px;
	}
	
	
  /****************************************************************/
	  
	#container,#header
	{width:100%;left:0;}

	#header
	{top:-40px;}

	#logoCNRSperso,#logoURperso,#logoLAMFAperso
		{height:40px;}

	#logoLAMFAperso
	{position:absolute;top:50px;left:375px;}
	
	#logoCNRSperso
	{position:absolute;top:50px;left:260px;}

	#logoURperso
	{position:absolute;top:50px;left:320px;}
	
	#header h1
	{left:50px;top:55px;}
	
	#header h2
	{left:80px;top:120px;}
	
	#container
	{top:100px;}
  
	p,h3,h4,li
	{margin-left:10px;margin-right:10px;}
	
	.liste_publis
	{padding-left:25px;}
	
	
	#identite
	{
	float:none;
	display:block;
	margin:auto;
	}
	

}  

/**********************************************************/
/**********************************************************/

/* Pour des notes de bas de page, et pour avoir un peu de bleu en bas. */
#footer
{/*clear:both;*/
padding-bottom: 30px;
background-color:#316797;color:#cbcbcb;text-align:right;font-size:0.8em;}



/* Pour imprimer */

@media print{
body {font-size:12pt;}
a {color: #00007f;}
#header
{position: absolute;top:0px;left:0px;}
#container
{width:100%;left:0;}
#footer,#navigation_verticale
{display:none;}
}