#pub, #sup {position: absolute;
		  float : none;
		  width: 700px;
        height: 291px;
        z-index: 2;
		  
      }
      #sup {
		    z-index: 1;
      }
@font-face{  font-family:'Averen';
 src: local(averen__.ttf) url(http://www.whistlestars.com/averen__.ttf) format("truetype");
 }
BODY {font-size: smaller;
	  BACKGROUND: url(./img/bg1.gif); FONT-FAMILY: verdana, arial, sans-serif;
	  margin-top: 0px;
	}
#header{
 width: 700px;
margin-left: auto;
margin-right: auto;

	}
 
#hh01{  width: 700px; height:289px;  }
/*#hh01 a:hover {background: #FFF  }*/
#hh02{ }
a {
	color: #000000;
}
A:link {
	
}
A:visited {
	
}
A:hover {
	text-decoration: none;
}
.imgage{  }

.titre {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana, arial, sans-serif;
	background-repeat: repeat;


}
.titredosmarquee {
	FONT-WEIGHT: bold;
	FONT-SIZE: 17px;
	FONT-FAMILY: verdana, arial, sans-serif;
	background-repeat: repeat;
	color: Blue;
	MARGIN-BOTTOM: auto;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
}
.postBy {
	MARGIN: 0px 0px 10px 5px; BORDER-BOTTOM: #d5d5d5 1px dashed; FONT-SIZE: 10px; FONT-FAMILY: verdana, arial, sans-serif
}
.text {
    FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, sans-serif
}
#coulcentre {
	position: inherit;
	width: 98%;
	margin: auto;

}
#contenupage{	 width: 700px;  margin-left: auto;  margin-right: auto;  background-color: White;  margin-bottom: auto;             }

.grandtitre{
	font-size: large;
}
.form_contact{
	
}

#rubriques1 {
   width: 98%;
   padding: 0.5em;
   border-top: #000000 1px solid;margin: 0; padding-left: 0.5em;
}

	#rubriques1 h1 {display: inline;}

#rubriques2 {
   padding: 0.5em;
   width: 98%;
   border-top: #000000 1px solid;

}

	#rubriques2 ul {list-style-type: none; margin: 0; padding-left: 0.5em;}
	#rubriques2 a {color: #000000;}
	#rubriques2 a:hover {color: #FF8000;}
	#rubriques2 img {}

	#vignette {
   width: 98%;
   padding: 0.5em;
   border-top: #000000 1px solid; 
}