/* **************************************** */
	/* comportement general 					*/

	/* body	*/
	body
	{
		padding: 10px;	
		background-image: url('../image/logoLIPNbg.gif'); background-repeat: repeat; background-attachment: fixed;
		background-color:#DEEDFE; color: #000044;
		text-align:left; vertical-align: middle;
		font-style: normal; font-variant: normal; font-weight: normal; font-family: Lucida, sans-serif;
	}

	/* liens */
  	a{color: #9999DD; text-decoration:none;}
  	a:visited{color: #444488;} a:link{color: #9999DD;} a:hover{color: #FFAC00; font-style:italic;} a:active{color: #FFAC00;}
	a#news{color:orange;}

	/* titre 1	*/
	h1{text-align: center; font-size: xx-large; color: #9FAFC0;}
 
	
	/* **************************************** */

	/* image	*/
	img{border-style: none; vertical-align: middle;}

	/* enum */
	ol{list-style-type: decimal;}

	/* listes generales */
	ul{text-align:left;}
	ul > li
	{
		display: list-item;
		list-style-type: square;
		list-style-position: inside;
	}
	
	dl> dt{font-weight: bolder;}
	dl> dd{list-style-type: square;}

	.mail {font-style: italic;}

	/* ************************************************ */
	/* raccourcis */	

	.left{text-align: left;}
	.center{text-align: center; vertical-align: middle;}
	.bold{font-weight: bolder;}

	p.emph{color:#000055;}
	span.emph{font-weight: bolder; font-style: italic;}
	.report{text-decoration: line-through;}	/* barre */


	/* ************************************************ */
	/* classes generiques sur une valeur de propriete	*/
	/* mise en forme specifique */	
	.bandeau{background-color: #D0E0F0;}

	/* entete de rubrique */
	span.entete{font-weight:bolder; font-style:italic;}
	span.entete:after{content:" : ";}

	/* cp entete premiere ligne ul, li : pour biblio ingenieurs */
	li.entete:first-line{font-weight:bolder;}

	/* span pour biblio */
	span.author{color:#4455BB; font-style: normal; font-weight: normal;}
	span.title{color:#223399; font-style: italic; font-weight: normal;}
	span.reference{color:#001177; font-style: normal; font-weight: normal;}


	/* **************************************** */
	/* elements particuliers					*/

	/* bandeau d'entete */
	#bandeau-entete{height: auto; width: 100%; vertical-align: middle; text-align: center;}
	#bandeau-entete > * {font-size:xx-large; font-weight:bold;}
	#bandeau-entete img {width:150px;}

	/* bandeau central (index) */
	#bandeau-accueil{text-align: center; width: 300px; margin-top: 60px; margin-bottom: 60px;}
	#bandeau-accueil > li{display: block; margin-bottom: 40px;}

	/* liste de menu horizontal */
	#menu-h 
	{
		background-color: #D0E0F0; border: 2px; border-style: solid; 
		height: auto; top: 0px;
		position: relative;	
		vertical-align: middle; text-align: center; 
	 }
	#menu-h > li 
	{
		display: inline; list-style: none; 
		padding:20px;
	}

	/* liste de menu vertical */
	#menu-v 
	{
		background-color: #D0E0F0; border: 2px; border-style: solid;
		height: auto; width: auto; display: inline; position: absolute; right: 16px; top: 126px; 
		padding-right: 30px; 
		z-index: 3;
	}
	#menu-v > li {list-style: none; display: block;}

	#retour {font-style: italic; padding-left: 20px;}
	
	/* liste de bandeau w3c */
	#w3c {height: auto; vertical-align: middle; text-align: left; position: relative; bottom: 5px;}
	#w3c * {vertical-align: middle; text-align: center;}
	#w3c > li {display: inline; list-style: none; padding:5px;}
	#w3c img {border:0px; width:80px; height:28px;}

	#w3c-accueil {height: auto; vertical-align: middle; text-align: left; position: fixed; bottom: 5px;}
	#w3c-accueil * {vertical-align: middle; text-align: center;}
	#w3c-accueil > li {display: inline; list-style: none; padding:5px;}
	#w3c-accueil img {border:0px; width:80px; height:28px;}

	/* carte de visite */
	#carte-visite
	{
		background-color: #D0E0F0; border: 2px; border-style: solid;
		font-size:smaller; text-align:center; vertical-align: middle;
	}

	/* ligne maj */
	#update{font-size:smaller; text-align:left;}

	/* tableau publi */
	#publi{margin-top: 30px; margin-bottom: 30px;}
	#publi > tr{padding-left: 20px; vertical-align: middle; padding-top: 20px; padding-bottom: 20px;}
	#publi h2{padding-left: 20px;}

	/* lien courant */
	.lien-courant{font-size: larger;}

	/* **************************************** */
	/* specifique coursfr.html		  			*/
	ul.list-p > li 
	{
		display: list-item;
		list-style-type: none;
		list-style-position: inside;
	}

	.bloc-titre
	{
		width:50%;
		background-color:#D0E0F0;
		padding: 5px;
		font-variant:small-caps; 
		text-align:center;
	}
	
	.bloc-contenu
	{
		width: 60%;
		background-color: #DEEDFE;
		padding-top: 5px; padding-bottom: 5px;
		margin: 30px;
		text-align: left;
		padding-left: 5px;
		padding-right: 5px;
	}

	/* **************************************** */
	/* présentation cadre			  			*/
	div.cadre
	{
		background-color:#DEEDFE;
		padding:5px;
		margin: 30px;
		text-align:left;
	}

	h2.cadre{border-top-width:15px; border-top-style:solid; border-top-color:#D0E0F0; width: 100%; color:#6F7F90;}
	h3.cadre{border-top-width:7px; border-top-style:solid; border-top-color:#D0E0F0; width: 85%; color:#3F4F60;}
	h4.cgp{border-top-width:4px; border-top-style:solid; border-top-color:#D0E0F0; width: 70%; color:#0F1F30;}

	table.cadre{margin-left: 20px; margin-right: 20px;  text-align: left; vertical-align: middle; display: block; border-collapse: collapse;}
	table.cadre *{padding-left: 5px; padding-right: 5px;}
	table.cadre th{background-color: #D0E0F0; text-align: center;}
	table.cadre thead{border-top: 2px solid #000055; border-bottom: 2px solid #000055;}
	table.cadre tfoot{border-top: 2px solid #000055; border-bottom: 2px solid #000055;}
	table.cadre tbody{border-top: 2px solid #000055; border-bottom: 2px solid #000055;}
	table.cadre colgroup{border-right: 2px solid #000055; border-left: 2px solid #000055;}
	
	/* **************************************** */
	/* info							  			*/
	/* pour greve etc... */

	.info{background-color: #000044; color:white; padding:20px;}

	/* contenu tableau pour publi */
	.information{padding:20px;}