<!--
	/* DEBUT general 
	================================================================ */
*{
	color: #333333;
	font-family: Arial, verdana, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;}
	
body {
	font-size: 0.8em;
		background-color:#E0E0E0;
	padding-top: 0.80em;
	padding-bottom: 0.80em;
	margin-left:0.5em;
	margin-right:0.5em;}
	
li{
	list-style-type: none;}

h1 {
	font-family: "Trebuchet MS",Arial,Geneva,Helvetica,sans-serif; 
	font-weight: normal; 
	font-size: 1.5em; 
	margin-bottom: 0.5em}
h2 {
	font-family: "Gill Sans", Arial, Geneva, Helvetica, sans-serif; 
	font-weight: 500; 
	font-size: 1.0em;
	padding-bottom: 0.3em; }
	
.accesdirect {
	height:0;
	width:0;
	left:-19000px;
	overflow:hidden;
	position:absolute;}
	
img{
	border: 0;}


#pagecomplete {
	width:90%;
	margin-left: auto;
	margin-right: auto;}
/* FIN general 
================================================================ */


/* DEBUT entete
================================================================= */
	#entete{
		width:100%;}

	#entete_visuel{
		background: url(../images/bandeau_accueil.jpg) no-repeat;
		float:left;
		width:100%;
		height: 140px;}
	
	#logo {
		width: 100%;
		float:left;}
		
	#logo img{
		padding:2px;
		float:left;
		height:60px;}
	
	#logo p{
	color:#ffffff;
	float: right;
	margin-top:12px;
	padding:5px;
	font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	font-weight:500;
	font-size: 1.2em;
	text-decoration: none;
}

	.navhaute {
		float: right;}

	.navhaute ul{
		font-family: "Gill Sans",Arial,Geneva,Helvetica,sans-serif;
		font-size: 0.90em;
		float: right;}
	
	.navhaute li{
		display: inline;
		color: #000000;}
	
	.navhaute li a{
		text-decoration: none;}
		
	.navhaute li a:hover{
		text-decoration: overline;}
				
	.navhaute form{
		float: right;}
		
	.navhaute label{
		text-decoration: none;
		font-family: "Gill Sans",Arial,Geneva,Helvetica,sans-serif;
		font-size:0.90em;}
	/* DEBUT formulaire recherche
	================================================================ */
	#valid{
		color: #000000;
		border: 1px solid #666666;
		padding: 2px;
		margin-left:2px;
		font-size:0.90em;}
		
	#recherche{
		width: 9.0em;
		padding: 3px;
		color: #000000;}

	.recherche_gen{
		background: #ffffff;
		border: 1px solid #666666;
		font-size:0.90em;}
/* ================ FIN formulaire recherche ==================== */
/* ======= FIN entete =========================================== */


	/*DEBUT navigation principale haute
	================================================================= */
	#navprincipale_bloc{
		float: right;
		background-color:#003478;
		width: 100%;}
	#navprincipale{
		float: right;
		width: 75%;}
	
	#navprincipale li {
		font-family: "Gill Sans",Arial,Geneva,Helvetica,sans-serif; 
		font-weight:500;
		font-size: 1.1em;
		float: left; 
		text-align:center;
		width: 24.99%; /* BUG IE largeur reellement desiree: 25% */
		min-width: 9em;
			/* la valeur de min-width est a determiner de maniere empirique */
			/* elle depend du texte present dans la nav et de la police du couple systeme/navigateur */
			/* min-width n'est pas reconnu par IE6/win */}
		/* masquage IE/mac + IE/win \*/
		html>body #navprincipale li{
		width: 25%; 
		/* Attention: pas de commentaire avant cette ligne (fin du hack IE/mac) */
		/* Pour les navigateurs modernes: on redefini la largeur desiree initialement */}
	
	#navprincipale li a:hover {
	background-color: #ffffff;
	color:#000000;
	border-bottom: #003478 thin solid;}
	#navprincipale a {
		display: block;}
	
	.navprincipale_off{
		background-color:#003478;
	border-bottom: #003478 thin solid;
		color: White;
		padding: 0.5em 0.5em;
		text-decoration: none;}

/*FIN menuprincipal
================================================================= */


	/* DEBUT= nav_pageaccueil que sur la page d'accueil 	
	============================================================= */

	.nav_pageaccueil {
	float:left;
	width: 45%;
	margin-left:1.0em;
	margin-bottom:1.0em;
	padding:2px;}

	.nav_pageaccueil li a {
	text-decoration: none;}
	
	.nav_pageaccueil img{
		float:left;
		padding-right:8px; }

	.nav_pageaccueil h2{
		font-weight:700;
		font-size: 1.1em;
		padding-top:0.5em;
		/*pour compenser les pixels supplémentaires d'ombre des puces */ } 
	#chapeauaccueil {
		border : 1px dotted #E0E0E0;
		margin: 3em;}
	
	#chapeauaccueil h1{
		padding: 0.5em;
		color:#666666;
		text-align: center;}

/* FIN=menu sur la page d'accueil 	
================================================================= */


	/* DEBUT page
	============================================================== */
	#page_centre {
	float:left;
	width: 100%;
	background-color: #FFFFFF;
	background-image:  url(/test/images/bkg_centrepage.jpg);
	background-repeat: no-repeat;
	border-bottom-color: #003478;
	border-top-width: thin;
	border-bottom-style: solid;
	background-position: right bottom;
}


	/* DEBUT =centre contenu
	=============================== */
	#contenu {
		padding-right: 0px; 
		padding-left: 0px; 
		float: left; 
		padding-bottom: 1.0em; 
		width: 75%; 
		padding-top: 1.0em;}
		
	#contenu p {
		margin: 0px 0px 0.8em;}
		
	#contenu ul {
		margin: 0px 0px 0.8em;}
		
/* Fil d'Ariane */
	#chemin {
		clear: both;
		float:left;
		width:100%;
		padding-bottom:0.5em;
		float:left;
		font-size: 0.85em;
		font-family: Arial,Helvetica,sans-serif;
		background-color: #FFFFFF;
		font-style:italic;}
	#chapeau {
		border : 1px dotted #E0E0E0;
		margin: 3em;}
	
	#chapeau h1{
		padding: 0.5em;
		color:#666666;
		text-align: center;}
/* FIN =centre contenu 	
================================================================= */
	

	/* DEBUT =navigation
	================================================================= */
	#navigation img {float:left;margin-top:1em}
	#navigation {
		color: black;
		float:left;
		width: 24.99%; /* BUG IE largeur reellement desiree: 25% */
		min-width: 5em;
			/* la valeur de min-width est a determiner de maniere empirique */
			/* elle depend du texte present dans la nav et de la police du couple systeme/navigateur */
			/* min-width n'est pas reconnu par IE6/win */}
		/* masquage IE/mac + IE/win \*/
		html>body #navigation{
			width: 25%; 
			/* Attention: pas de commentaire avant cette ligne (fin du hack IE/mac) */
			/* Pour les navigateurs modernes: on redefini la largeur desiree initialement */}

/****************************************************navigation droite*/

#nav_niv2 {
	margin-top:1.0em;
	/*margin-bottom: 1.0em;*/
}
#nav_niv2 h2 a {
	color: #FFFFFF;
	padding: 0.2em;
	text-align:right;
	border-bottom: #003478 thin solid;
	display: block;
	text-decoration: none;}
#nav_niv2 h2 a:hover{
	color:#000000;
	border-bottom: #003478 thin solid;
	background: #FFFFFF;}
	
.nav_niv2_activites h2 a {
	background: #62A73B;}
.nav_niv2_decouvreznous h2 a{
	background: #DF1D37;}
.nav_niv2_produits h2 a{
	background: #F58220;}
.nav_niv2_realisations h2 a{
	background: #985006;}


/***************************************************modules de droites*/

		
	#zoompage {
	margin:3em 5px 7px 0;
	padding:5px;
	border: 1px dotted #CCCCCC;
}
	#zoompage h2 {
		font-size:1.8em;
		background-color:#E0E0E0;
		text-align:center;
		border-bottom: 1px solid white;
		font-style: italic;
		font-weight: 900;}
	#zoompage h3 {
	margin-top:5px;
	font-size:1.2em;
	color:#FF0000;
	font-weight: 900;
	margin-left:3px;}
	#zoompage p {
	font-size:1.0em;
	font-weight: 500;
	margin-left:3px;}

	.date {
		font-size:0.9em;
		color:#666666;
		font-style: italic;
		font-weight: 500;
}

/* FIN =navigation
================================================================= */	
/* FIN page
================================================================= */

	
	/* =DEBUT pieddepage
	================================================================= */
	#pieddepage {
		width:100%;
		padding:5px;
		clear: both;
		height:40px;}
/* =FIN pieddepage
================================================================== */