*{
	margin:0px;
	padding:0px;
}

html body {     
  margin:0px;
  padding:0px;
  background-color:#FFFFFF;
	background-image:url("img/pageBg.gif");
	background-repeat:repeat-x;
}

html body, table
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;  
  font-weight: normal;
  font-style : normal;
  text-decoration: none;
}

img {
  border: 0px;
}

/* Header et menu Haut */

#header{
  z-index:0;
	margin-left:auto;
	margin-right:auto;
	background-image:url("img/6/bandeau.jpg");
	height:177px;
	width:916px;
}

#retourIndex{
  z-index:1;
  position:absolute;
  margin-top:56px;
  margin-left:39px;
	width:156px;
	height:64px;
}

#contact{
  z-index:1;
  position:absolute;
  margin-top:107px;
  margin-left:750px;
	width:115px;
	height:40px;
}

#menuHautEtrun{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:265px;
	width:76px;
	height:78px;
}

#menuHautAcq{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:341px;
	width:76px;
	height:78px;
}

#menuHautmtstEloi{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:399px;
	width:76px;
	height:78px;
}

#menuHautmaroeuil{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:497px;
	width:76px;
	height:78px;
}

#menuHautNeuville{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:592px;
	width:76px;
	height:78px;
}

#menuHautRoclincourt{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:672px;
	width:76px;
	height:78px;
}

#menuHautEcurie{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:733px;
	width:76px;
	height:78px;
}

#menuHautAccueil{
  z-index:1;
  position:absolute;
  margin-top:0px;
  margin-left:820px;
	width:42px;
	height:56px;
}

/* fin header et menu haut */


/* Bienvenue */

#bienvenue {
  position:relative;
  clear:both;
  padding-top:100px;
  margin-top:0;
  margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:648px;
}

#bienvenueHaut {
	margin:0px;
	width:485px;
	height:108px;
	background-image:url("img/6/bienvenueBandeau.gif");
	background-repeat:no-repeat;
}

#bienvenueFiletText {
  clear:both;
  padding:10px:
	margin:0px;
	width:485px;
	background-image:url("img/6/bienvenueFilet.gif");
	background-repeat: repeat-y;
}

#bienvenueBas {
  clear:both;
  padding:0px:
	margin:0px;
	width:485px;
	height:22px;
	background-image:url("img/6/bienvenueFoot.gif");
	background-repeat:no-repeat;
}

#bienvenueDroite {
  position:absolute;
  margin-top:0px;
  margin-left:477px;
	width:163px;
	height:155px;
	top:100px;
	background-image:url("img/6/bienvenueImage.gif");
	background-repeat:no-repeat;
}

#bienvenueTitre{
  padding-left:30px;
	font-size:16px;
	font-weight:bold;
	color:#405F46;
}

#bienvenueArticle{
  padding-left:30px;
  padding-top:20px;
	font-size:12px;
	font-weight:normal;
	color:#405e48;
}

/* fin Bienvenue */


/* Contact */

#formulaire_contact {
  z-index:2;
  margin-top:0px;
  margin-bottom:0px;
	margin-left:auto;
	margin-right:10px;
	font-size:12px;
	font-weight:normal;
	color:#405e48;
}

/* fin Contact */


#conteneur {
  z-index:0;
	margin-left:auto;
	margin-right:auto;
	width: 916px;
	background-image: url("img/6/conteneurBg.gif");
	background-repeat: repeat-y;
}

#conteneur2 {
	margin-left:73px;
	margin-right:auto;
	width: 800px;
}

#main {
  z-index:1;
  width:646px;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
}

#recherche{
  z-index:2;
	position:absolute;
	padding:0px;
	margin:0px;
	background-image:url("img/6/rechercheBg.gif");
	height:66px;
	width:172px;

}

#btRechercher{
  position:absolute;
	margin-top:10px;
	margin-left:5px;
}

#chRechercher{
  position:absolute;
	margin-top:11px;
	margin-left:50px;
	margin-right:5px;
}

#news{
  z-index:2;
	position:absolute;
	padding:0px;
	margin:0px;
	margin-left:181px;
	background-image:url("img/6/newsBg.gif");
	height:66px;
	width:456px;

}

#newsDefile{
  position:absolute;
  margin-top:4px;
	margin-left:20px;
	height:40px;
	width:400px;
	overflow: hidden;
}

.newsLine{
  clear:both;
  position:relative;
  width:400px;
  height:12px;
}

.newsDate{
  position:absolute;
  top:0px;
	left:0px;  
	font-size:10px;
	font-weight:bold;
	color:#405e48;
}

.newsTexte{
  position:absolute;
  top:0px;
	left:75px;
	font-size:10px;
	font-weight:normal;
	color:#405e48;
}

#trailer{
  z-index:2;
	position:absolute;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 10px;
	margin:0px;
	margin-top:70px;
	height:21px;
	width:638px;
	background-image:url("img/6/trailer.gif");
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	color:#405e48;
}

.trailerLien{
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	color:#405e48;	
}

#titreMain{
  z-index:2;
  clear:both;
  padding-top:100px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:0px;
  height:33px;
}


#titreMainbis{
  z-index:2;
  clear:both;
  padding-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:0px;
  height:33px;
}

#titreGauche{
  float:right;
  padding:0px;
  margin:0px;
	width:42px;
	height:33px;
	background-image:url(img/6/titreLeft.gif);
	background-repeat:no-repeat;
}

#titreDroite{
  float:right;
  padding:0px;
  margin:0px;
	width:2px;
	height:33px;	
	background-image:url("img/6/titreRight.gif");
	background-repeat:no-repeat;
}

#titre{
	float:right;
	padding-top:5px;
	padding-right:10px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	text-align: right;
	vertical-align: middle;
	color:#405F46;
	height:33px;
	background-image:url("img/6/titreBg.gif");
	background-repeat:repeat-x;
	text-transform: uppercase;
}

#articleTxt{
  margin-top:0px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:0px;
	font-size:12px;
	font-weight:normal;
	color:#405e48;
}

.derniers_article{
  z-index:2;
  float:left;
  position:relative;  
  margin-top:-44px;
  margin-bottom:10px;
	margin-right:20px;
	margin-left:0px;
  width:144px;
  height:145px;
  text-align:center;
  background-image:url("img/cadre_articlesLies.gif");
	background-repeat:no-repeat;
}

.derniers_articleImg{
  margin-bottom:10px;
}

.derniers_articleTxt{
  clear:both;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
	font-size:10px;
	font-weight:normal;
	color:#405e48;
}

.derniers_articleTxt2{
  float:right;
  position:relative;  
  margin-top:0px;
  margin-bottom:10px;
	margin-right:10px;
	margin-left:0px;
  width:140px;
  height:145px;
  text-align:right;
	font-size:12px;
	font-weight:normal;
	color:#405e48;
}

.separateur{
  clear:both;
  margin-top:10px;
  margin-right:0px;
  margin-left:auto;
  margin-bottom:10px;
	width:384px;
	background-image:url("img/6/hr.gif");
	font-size:0px;
	height:5px;
}

#degradefoot {
  z-index:auto;
  clear:both;
  position:relative;  
  margin:0px;
  padding:0px;
  width:640px;
}

#degradefootLeft {
	background-image:url("img/degradeFiletLeft&Right.gif");
	margin-left:64px;
	padding:0px;
	width: 8px;
	height:67px;
	background-repeat:no-repeat;
}

#degradefootRight {
  position : absolute;
  bottom:-1px;
  padding:0px;
  margin-bottom:0px;
  margin-left:864px;
	background-image:url("img/degradeFiletLeft&Right.gif");
	width: 8px;
	height:67px;
	background-repeat:no-repeat;
}

#foot {
	clear: both;
	background-image:url("img/6/footBg.gif");
	margin-left:auto;
	margin-right:auto;
	width: 916px;
	height:50px;
	background-repeat:no-repeat;
}

#txtFoot{
	font-size:12px;
	font-weight:bold;
	color:#5d7261;
	text-align:center;
	width:490px;
	margin-left:352px;
	padding-top:18px;
}


.clear {
	clear:both;
	display: block;
	padding:0px;
	margin:0px;
	overflow: hidden;
	height:1px; /*Permet de garder le fond sour Mozilla*/
}

#descriptif{
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:auto;
	font-size:12px;
	font-weight:bold;
	color:#514A44;
}

#chapo{
  text-align:right;
  margin-top:10px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:auto;
	font-size:12px;
	font-weight:bold;
	color:#514A44;
}

#rubriqueTxt{
	font-size:10px;
	font-weight:normal;
	color:#405F46;
}

.sousRubrique{
	font-size:10px;
	font-weight:normal;
	color:#405F46;
}

div.separateurMenu{
  margin-top:0px;
  margin-bottom:3px;
  font-size:0px;
  display:block;
  width: 122px;
  height:1px;
}

/* ---- Style pour le menu ---- */

#menu {
  z-index:20;
	margin:0px;
	padding:0px;
	float:left;
	width:145px;
}

#date{
	background-image:url("img/6/dateBg.gif");
	background-repeat:no-repeat;
	padding:0px;
	padding-left:5px;
	margin:0px;
	width:140px;
	height:27px;
	font-size:12px;
	color:#FFFFFF;
}

.headCategorie {
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	width:140px;
	height:22px;
	background-image:url("img/6/menuBgHead.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	color:#333333;
	vertical-align: bottom;	
}

.headCategorieA {
	padding-left:5px;
	padding-bottom:5px;
  padding-top:5px;	
	padding-right:5px;
	width:125px;
	height:27px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

.menuCategorie {
  border-left :1px solid #CCB28B;
	padding:0px;
	margin-left:0px;
	width:125px;
	background-color:#ffffff;
	background-image:url("img/menuBgItem.gif");
	background-repeat:repeat-x;
	background-position:bottom;
}

.menuFootCategorie {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url("img/6/menuFoot.gif");
	height:20px;
	width:125px;
	background-repeat:no-repeat;
}

div#menu ul#menulist li ul { 
  display:none;
  z-index:10;
}

div#menu ul#menulist li:hover>ul { 
  display:block;
  z-index:10;
}

div#menu ul#menulist {
  z-index : 10;
  font-size: 10px;
  color:#405e48;
  position: static;
  margin:0px;
  padding:0px;
}

div#menu ul#menulist, ul#menulist ul {
  z-index : 10;
  list-style:none;
  padding:0;
}

div#menu ul#menulist ul{
  z-index : 10;
  position:absolute;
  top:0px;
  left:125px;
}

div#menu ul#menulist li{
  z-index : 10;
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

div#menu ul#menulist a{
  border-bottom: 1px dashed #D3BC9A;
  z-index:10;
  display:block;
  width:120px;
  margin:0px;
  text-decoration: none;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-right : 0px;
  padding-left: 5px;
}

div#menu ul#menulist li:hover, ul#menulist li a:hover {  
  z-index : 10; 
  color:#405F46;
}

div#menu ul#menulist li.smenu>a {
  z-index : 10;
}

div#menu ul#menulist a {
  z-index : 10;
  color:#405F46;
  font-size: 10px;
  text-decoration: none;
}

.lienCategorie {
	padding:0px;
	margin:0px;
	display:block;
	width:104px;
	height:20px;
	background-image:url("img/bgMenuItem.gif");
	background-repeat:no-repeat; 
	padding-top:5px;
	padding-left:11px;
	font-size:12px;
	text-decoration:none;
}


