/* CSS Document */

body{
	margin: auto 0px;
	background: url(images/bg-page.gif) repeat-x top;
	background-color: #003776;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003776;
	padding: 0px;
}

#conteneur{
	margin: auto;
	padding: auto;
	width: 776px;
		
}

p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	line-height: 17px;
}


/* ***************   HEADER  *******************  */

#header{
	float: left;
	width: 776px;
	margin-top: 29px;
}

#header1 {
	float: left;
	clear: both;
}
#header2{
	clear: both;
}
#header3{
	clear: both;
	background-image: url(images/bg-menu.gif);
	height: 38px;
	text-align: right;
}		
	
	/* ajustement pour le menu en anglais */
	#header3en{
	clear: both;
	background-image: url(images/en/bg-menu.gif);
	height: 38px;
	text-align: right;
	}		
		

/* ***************   FIN HEADER  *******************  */



/* ***************   MENU  *******************  */

#header3 ul, #header3en ul{
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 776px;
}

#header3 ul li, #header3en ul li{
	display: inline;
	float: right;
	list-style: none;
}
	#header3 ul li a, #header3en ul li a{
			color: #6D7176;
			text-decoration: none;
			font-weight: bold;
			display: block;
			float: left;
			text-align: center;
		}
		#header3 ul li a span, #header3en ul li a span{
			display: block;
			padding: 2px 8px 3px 8px;
			
		}
		#header3 ul li a:hover, #header3en ul li a:hover{
		background-color: #FFFFFF;
		color: #99B459;
		}
		/*  <<<< Position :: CHAQUE ÉLÉMENT du MENU  >>>>*/
			
			#header3 ul #m1, #header3 ul #m2, #header3 ul #m3, #header3en ul #m1, #header3en ul #m2, #header3en ul #m3{
			margin-right: 2px;
			}
			
					/* *************************/
					#header3 ul #m1 a span{
						padding: 2px 16px 2px 16px;
						}
					/* **** Adaptation pour le menu anglais si bas */
					#header3en ul #m1 a span{
						padding: 2px 12px 2px 12px;
						}
					/* *************************/
					
					
					/* *************************/
					#header3 ul #m2 a span{
						padding: 2px 14px 2px 15px;
						}
					/* **** Adaptation pour le menu anglais si bas */
					#header3en ul #m2 a span{
						padding: 2px 13px 2px 14px;
						}	
					/* *************************/
					
					
					/* *************************/
					#header3 ul #m3 a span{
						padding: 2px 15px 2px 16px;
						}
					/* **** Adaptation pour le menu anglais si bas */
					#header3en ul #m3 a span{
						padding: 2px 14px 2px 16px;
						}
					/* *************************/
					
					
					/* *************************/
			#header3 ul #m4{
			margin-right: 12px;
			}
			/* **** Adaptation pour le menu anglais si bas */
			#header3en ul #m4{
			margin-right: 12px;
			}
					/* *************************/
					
					
					/* *************************/
					#header3 ul #m4 a span{
						padding: 2px 14px 2px 13px;
						}
					/* **** Adaptation pour le menu anglais si bas */
					#header3en ul #m4 a span{
						padding: 2px 14px 2px 13px;
						}
					/* *************************/
					
					
		/*  <<<< FIN Position :: CHAQUE ÉLÉMENT du MENU  >>>>*/
		
		

/* ***************   FIN MENU  *******************  */



/* ***************   CONTENU  *******************  */

#leftCol, #titre, #zoneInfo{
	width: 498px;
	float: left;
}

#contenu{
	background-image: url(images/bg-contenu2.gif);
	float: left;
	clear: left;
	width: 776px;
}
#leftCol{

}
#rightCol{
	width: 278px;
	float: left;
	clear: right;
}
#titre{
	background-image: url(images/bg-titre.jpg);
	height: 46px;
	text-align: left;
}
	#titre h1{
		color: #ffffff;
		margin-left: 43px;
		font-size: 21px;
		margin-top: 17px;
		margin-bottom: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
	}
	
#zoneInfo{
	background-image: url(images/bg-contenu1.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: auto;
	min-height: 400px;
	text-align: left;
}
	#infoContent{
		padding: 12px 27px 0px 43px;
	}
	#infoContent h2{
		font-size: 17px;
		font-weight: bold;
		font-style: italic;
		padding: 0px;
		margin: 22px 0px 17px 0px;
		line-height: 19px;
		
	}
	#infoContent h3{
		font-size: 17px;
		font-weight: bold;
		padding: 0px;
		margin: 0px 0px 17px 0px;
		line-height: 19px;
		
	}
	#infoContent img{
		border: solid 2px #BFBFBF;
		margin-bottom: 24px;
	}
	#infoContent p{
	text-align: justify;
	}

a.btn1{
	background-color: #D34903;
	display: block;
	width: 204px;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 4px 0px 0px 0px;
	text-decoration: none;
	border-color: #003366;
	border-width: 1px;
	color: #FFFFFF;
	border-style: solid;
}
	a:hover.btn1{
		background-color: #699003;
	}
	a.btn1 span{
		padding: 6px;
		display: block;
		color: #FFFFFF;
		}
.produits1 strong{
	color: #699003;
	display: block;
	padding-bottom: 8px;
	margin: 0px;
	float: left;
	clear: right;
	width: 426px;
}

.produits1, .essences{
	float: left;
	clear: both;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: 426px;
}
	#infoContent .produits1 img{
		margin-bottom: 8px;
		padding: 0px;
		}
		
	#infoContent .produits1 p{
		margin-bottom: 14px;
		padding: 0px;
	}
	.produits1 #ima2{
		margin-left: 14px;
		}
.divBnt{
	float: left;
	clear: right;
	padding-bottom: 40px;
}
	.divBnt #btnA{
		margin-right: 14px;
	}
.essences {
float: left;
width: 204px;
}
	.essences strong{
		color: #699003;
		display: block;
		padding-bottom: 8px;
		margin: 0px;
		float: left;
		clear: right;
		}
		.essences a{
			float: left;
			width: 14px;
			margin-right: 8px;
			display: block;
			}
		#infoContent .essences img{
			margin-bottom: 4px;
			padding: 0px;
			}
				#infoContent .essences img.imgPlus{
					padding: 0px;
					border: none;
					float: left;
				}
				
	#leftEss{
			float: left;
			width: 224px;
		}
		
	#rightEss{
			clear: right;
			float: left;
			width: 200px;
		}

#coord1{
	float: left;
	width: 202px;
}
	#coord1 img{
		margin-top: 4px;
		}	  
#coord2{
	float: left;
	clear: right;
	width: 170px;
}
	#coord2 p{
		margin: 0px 0px 0px 44px;
		font-weight: bold;
		color: #699003;
		}
.Bvert1{
	color: #699003;
	font-weight: bold;
	float: left;
	clear: right;
	width: 426px;
}

#personnel1{
	width: 205px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	float: left;
}
	#personnel1 li{
		padding-left: 20px;
		list-style: none;
		margin: 0px 0px 20px 0px;
		background-image: url(images/feuille.gif);
		background-repeat: no-repeat;
	}
	
#personnel2{
	width: 202px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: right;
	/*background-image: url(images/ligne-sep.gif);*/
	background-repeat: repeat-y;
}
	#personnel2 li{
		padding-left: 20px;
		margin: 0px 0px 20px 20px;
		list-style: none;
		background-image: url(images/feuille.gif);
		background-repeat: no-repeat;
	}
	
	#personnel2 span, #personnel1 span{
	font-weight: bold;
	float: left;
	clear: right;
	display: block;
	}
	#personnel2 br, #personnel1 br{
	clear: both;
	}
		#personnel2 a, #personnel1 a{
			color: #699003;
		}
		#personnel2 a:hover, #personnel1 a:hover{
			text-decoration: none;
		}

#tel, #fax, #email{
	background-repeat: no-repeat;
	float: left;
	clear: both;
	width: 140px;
	height: 30px;
	padding: 5px 0px 0px 27px;
	margin-bottom: 10px;
}
	#tel{
		background-image: url(images/telephone.gif);
		font-weight: bold;
		}
	#fax{
		background-image: url(images/fax.gif);
		font-weight: bold;
		}
	#email{
		background-image: url(images/email.gif);
		}
		#email a{
			display: block;
			color: #003776;
			font-weight: bold;
			padding-top: 1px;
			}
			#email a:hover{
					text-decoration: none;
				}

hr {
	background-color: #699003;
	color: #699003;
	height: 2px;
	width: 426px;
	border: none;
}


/* ***************   FIN CONTENU  *******************  */



/* ***************   NEWS  *******************  */

#NewsTop, NewsBas{
	float: left;
	width: 278px;
}

#NewsTop{
	clear: right;
	text-align: right;
	height: 46px;
	background-image: url(images/nouvelles-pnsi-1.jpg);
}
	#NewsTop a{
		color: #8FA7C3;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
	}
	#NewsTop a:hover{
		color: #003776;
	}
	#NewsTop span{
		display: block;
		padding: 12px 26px 0px 0px;
	}
		#NewsTop a img{
			border: none;
			}
		#imaNews{
			float: left;
			}
	
#NewsBas{
	background-image: url(images/bg-nouvelles.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 191px;
	width: 266px;
	float: left;
	text-align: left;
}
	#NewsBas ul{
	margin: 17px 0px 0px 43px;
	padding: 0px;
	font-size: 11px;
	color: #4A1D12;
	}
		#NewsBas ul li{
		list-style: none;
		background-image: url(images/NewsBullet.gif);
		background-repeat: no-repeat;
		padding: 0px 25px 36px 16px;
		}
		#NewsBas ul li span{
			display:block;
			height:27px;
		}
		#NewsBas ul #news2{
		padding: 0px 25px 29px 16px;
		}
		#NewsBas ul #news3{
		padding: 0px 25px 0px 16px;
		}
			#NewsBas ul li a{
				clear: both;
				float: right;
				color: #003776;
				font-weight: bold;
				text-decoration: none;
				margin: 6px;
				font-style: italic;
			}
			#NewsBas ul li a:hover{
				color: #669900;
			}
			#NewsBas ul li a img{
				border: none;
			}
#plusNews{
	float: left;
	clear: left;
	width: 266px;
	height: 63px;
	background-image: url(images/bg-PlusNews.jpg);
	text-align: right;
}
	#plusNews span{
		display: block;
		margin: 3px 30px 0px 0px;
	}
	#plusNews a{
		font-style: italic;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
	}
	#plusNews a:hover{
			color: #F4E7BB;
		}
		
		/* <<<<<  PAGE des NEWS  >>>>  */
		
			.news{
				background-image: url(images/feuille.gif);
				background-repeat: no-repeat;
			}
				.news a{
					font-weight: bold;
					color: #003776;
					text-decoration: underline;
					float: left;
					clear: right;
					display: block;
					width: 406px;
					font-size: 11px;
					}
				.news a:hover{
					text-decoration: none;
				}
				.news span{
					color: #699003;
					font-size: 11px;
					float: left;
					clear: both;
					display: block;
					width: 406px;
					margin-bottom: 6px;
					}
				.news p{
					padding-left: 20px;
					color: #205D91;
					}	
	
.newsDisplay{
	margin-bottom: 30px;
}
					
	.newsDisplay h3{
		margin-top: 20px;
		padding: 0px;
		}					
	.newsDisplay a{
		color: #699003;
		text-decoration: underline;
		margin-bottom: 20px;
		display: block;
		width: 180px;
		}
	.newsDisplay span{
		color: #699003;
		}
	.newsDisplay p{
		color: #205D91;
	}
		
#paging{
	color: #205D91;
	margin: 12px 0px 30px 20px;
}
	#paging a{		
		font-weight: bold;
		color: #003776;
		text-decoration: underline;
	}	
	#paging a:hover{
		text-decoration: none;
	}



/* ***************   FIN NEWS  *******************  */



/* ***************   FOOTER  *******************  */

#footer{
	float: left;
	clear: left;
	width: 776px;
}
	#footer br{
	clear: both;
	}
#fA{
	padding-left: 44px;
	float: left;
	clear: right;
}

	#hautPage{
			float: left;
			clear: left;
			width: 303px;
			background-image: url(images/haut.gif);
			text-align: left;
			height: 33px;
		}
		#hautPage span{
			display: block;
			margin: 6px 0px 0px 93px;
		}
		#hautPage a{
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;
			}
		#hautPage a:hover{
				color: #B0C584;
			}
			
	#copyRights{
		float: left;
		clear: right;
		color: #FFFFFF;
		font-size: 9px;
		text-align: left;
		padding: 7px 0px 30px 0px;
		font-weight: bold;
	}
		#copyRights a{
			color: #FFFFFF;
			text-decoration: none;
		}
		#copyRights a:hover{
			text-decoration: underline;
		}



/* ***************   FIN FOOTER  *******************  */