@charset "windows-1252";  


	* {margin:0; padding:0}

	html {
		height: 100%;
		width: 100%;
		overflow: visible;
		background-color:#8e1e1a;
		font-size:100%;		/* correctif bug Internet Explorer dans gestion du dimensionnement de texte à la volée */
		text-align: center; /* Astuce permettant le centrage de boîte elastique avec marge calculée */
	}

	body {
		font-family: Verdana, Tahoma, Helvetica, "URW Gothic L", "Bitstream Vera Sans",sans-serif;
		font-size: .95em;
		background-color: #ead294; 
		color: #8e1e1a; 
		height: 600px;
		width: 90%;
		/* limiter l'elasticité de la boite */
		max-width: 1000px;
		min-width: 700px;

		/* centrage boîte élastique */
		margin:2% auto;
		text-align: left;
	}


	a:link, a:visited {
		text-decoration:none;
		color: #8e1e1a;
	}

	a:hover, a:active {
		color:red;
	}

	.gris {
		background-image:url(pucegrise.gif) !important;
		color:gray !important;
	}

	#credits {
		padding-top : 8px;
		color : #FFCC33;
		font-size : 8px;
		text-align:center;
		vertical-align:bottom;
	}
	
	#credits a:link, a:visited {
		color : #FFCC33;
	}

	#credits a:hover, a:active {
		color : yellow;
	}

	#menu {
		height:600px; 
		width:175px;
		position:relative;
		font-size: 1em;
		font-style:italic;
	}

	#menu ul {
		list-style: none outside;
		padding-left:1em;
		padding-top : 50%;
	}

	#menu li {
		background-image:url(puce.gif);
		background-repeat:no-repeat;
		background-position: left center;
		padding-left:2em;
	}

	#menu li a {
		color:#8e1e1a;
		letter-spacing:.08em; 
		line-height:5em;
	}
	
	#panneau {
		position:absolute;
		height:600px; 
		top:3%;
		margin:auto 0;
		margin-left:175px;
		margin-right:10%;
		text-align:center;
	} 

	#panneau h1 {
		font-family: Tahoma, Verdana, Helvetica, "URW Gothic L", "Bitstream Vera Sans",sans-serif;
		text-align:center;
		font-size:3em;
		padding-top:.5em;
		padding-bottom:.3em;
	}

	#panneau h2 {
		padding-top:1em;
		padding-bottom:1em;
	}

	#panneau h5 {
		text-align:left;
		font-size:1.5em;
		font-weight:bold;
		padding-left:1.5em;
	}

	#panneau table {
		padding-top:1em;
		padding-left:2em;
	}

	#panneau td {
		padding:.3em 0;
	}

	#panneau p {
		line-height: 1.5em; 
		font-size: 1em; 
		text-align: left;
/*		padding : 1em 1em 0 2em ;*/
		padding : 5% 5% 0 10%;
	}

	#panneau img {
		margin:.5em;
/*		padding : 0 5%;*/
		border:none;
	}

	#panneau em {
		float:left;
		position:absolute;
		left:33%;
		top:85%;
		font-size:.85em;
		font-style:italic;
	}
	
	#panneau em a {
		padding:3em 1em 1em 1em;
/*		border: solid black 1px;*/
		background-image:url(puce.gif);
		background-repeat:no-repeat;
		background-position: center top;
	}

	#pied {
		height:60px;
		background-color: #ead294; 
		color: #8e1e1a; 
/*		border: green thin solid;*/
	}

	#pied em {
/*		float:left;*/
		position:relative;
/*		border:solid blue 1px;*/
		top:3em;
		left:33%;
		font-size:.85em;
		font-style:italic;
	}
	
	#pied em a {
		padding:3em 1em 0em 1em;
/*		border: solid black 1px;*/
		background-image:url(puce.gif);
		background-repeat:no-repeat;
		background-position:center top;
	}

	#pleine  {
		background-color: #ead294; 
/*		border:solid yellow thin;*/
		height:510px;

		text-align:center;
		padding-top:2%;
	}

	#pleine h2 {
		padding-bottom:1em;
	}

	#pleine h3 {
		text-align:center;
		padding : 0% 3% 2% 3%;
	}

	#pleine h5 {
		position:relative;
		top:-2em;
	}

	#pleine p {
		text-align:justify;
		padding:0 3% 1% 3%;
	}

	#pleine strong {
		font-size:1.2em;
		display:block;
		padding-bottom:2em;
	}

	#pleine table {
		vertical-align:top;
		width:100%;
	}

	#pleine td {
		padding:0 .7em;
	}


