/* Définition générale de la page */
html body {
	margin: 0;
	padding: 0;
	background: #f6f6f6; /* fond blanc */
	font: small Verdana, Arial, Helvetica, Sans-serif;
	color: black; /* écriture noire */
  }
html>body {
	font-size:small;
  }

/**** Première bande  ****/
	#entete {
		background: #5b6a97;
		margin-bottom: 1px;
	}

	#logo {
		position: relative;
		z-index: 1;
		background-image:url(images/logo.gif);
		width: 319px; height: 121px;

	}
	#horloge {
		position: relative;
		float: right;
		margin-top: -121px;
		background-image:url(images/horloge.jpg);
		width: 431px; height: 121px;
	}

/* Contenu texte */
	/* Positionnement et grosseur du texte */
	#texte {
		width:523px;
		margin-left: 34px;
		margin-top: 0;
		padding-bottom: 50px;
		/* typo */
		font-size: 90%;
		line-height: 140%;
		text-align: left;
		color: #222;
	}

	/* Titres */
	#titre {
		margin:0; padding:0;
		position:relative;
		width:219px; height:25px;
		margin:0; padding:0;
		margin-bottom: 27px;
		overflow:hidden;
		}
	#titre span {
		display:block;
		position:absolute; left:0; top:0; z-index:1;
		width:219px; height:25px;
		margin:0; padding:0;
		background:url("images/tRealisations.gif") top left no-repeat;
		}


	
	#texte H2 {
		font: 15px Arial, Helvetica, Sans-serif;
		font-weight: bold;
		color: #474747;
		text-transform: uppercase;
		margin-top: 25px;
	}

	#texte H3 {
		font: 13px Arial, Helvetica, Sans-serif;
		font-weight: bold;
		color: #95202f;

		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: -9px; padding-bottom: 0; 
	}


	a:link {	text-decoration: underline; color: darkblue; }
	a:hover {	text-decoration: underline;	color: darkred; }
	a:active {	text-decoration: underline;	color: darkblue; }
	a:visited {	text-decoration: underline;	color: #702050; }

ul.fleche {  
	margin:.5em 0 1em;
	padding:0;
	list-style-type:none; 
 }
ul.fleche li {   
    background:url('images/fleche.gif') no-repeat 10px .4em;
	margin:0;
	line-height:1.5em; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:2px
} 

/* Menu de navigation de gauche */
	#mnu {
		background: #d8dae5;
		width: 214px; 
		height: 400px;
	}

	#mnu a, #mnu span {
	  background:url('images/fleche.gif') no-repeat 21px .2em;
	  margin:0;
	  line-height:2.2em; padding-left:34px; padding-right:0; padding-top:0; padding-bottom:2px;
	  font-style: Verdana, Arial, Helvetica, Sans-serif;
	  font-size: 11px;
	  color: #333;
	  }

	#mnu .selected {
		text-decoration: none;
		font-weight: bold;
	}

	#mnu a:link {
		text-decoration: none;
		color: #333;
	 }
	#mnu a:hover {
		text-decoration: underline;
		color: #000;
	 }
	#mnu a:active {
		text-decoration: underline;
		color: #000;
	 }
	#mnu a:visited {
		text-decoration: none;
		color: #333;
	 }



	p.lien {
		  margin-bottom:12px;
	}
	p.lien a {
	  background:url('images/fleche.gif') no-repeat 0 .2em;
	  margin:0;
	  line-height:0.2em; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:2px;
	  font-style: Verdana, Arial, Helvetica, Sans-serif;
	  font-size: 11px;
	  color: #333;

	  }

	p.back {
		  margin-bottom:12px;
	}
	p.back a {
	  background:url('images/flecheg.gif') no-repeat 0 .2em;
	  margin:0;
	  line-height:2.2em; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:2px;
	  font-style: Verdana, Arial, Helvetica, Sans-serif;
	  font-size: 11px;
	  color: #333;

	  }


#print {
	display: none;
}