/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);

/* #######################  GENERAL SETTINGS ############################ */
html{height:100%;}

body{
	margin:0px;
	height:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #fff;
	background-color:#000;
	background-image: url(../images/logom.jpg);
	background-repeat: no-repeat;
	background-position:center 400px;
}

/*  Heading Formatting */
h1 {font-size:1.9em;font-weight: 900;color: #000;}
h2 {font-size:1.7em;line-height: 0.8em;font-weight: 900;color: #000;}
h3 {font-size:1.5em;line-height: 0.8em;font-weight: 900;color: #000;}
h4 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #000;}
h5 {font-size:1.3em;line-height: 0.8em;font-weight: 900;color: #000;}
h6 {font-size:1.2em;line-height: 0.8em;font-weight: 900;color: #000;}

/*links*/
a:link {
	color: #ffffff;
}
a:hover {text-decoration:none;}
a:visited {
	color: #ffffff;
}
img {border: 0 none;}
a.image:hover img { opacity: 0.4; filter:alpha(opacity= 40); }
a.acheter { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 135px; /* width of reactive image */
     height: 54px; /* height of reactive image */
     background-image: url(../images/acheter.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.acheter:hover {
	background: url(../images/acheter_hover.png) no-repeat;
	
}
/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */
.commander{
	background: url(../images/commander.png) no-repeat;
	
}
.blog .contentheading {
	color:#FFF;
	font-size:15px;
	
}
.blog .article_separator {
	background:transparent url(../images/ligne_separation.png) repeat-x scroll center center;
display:block;
width:100%;
margin-bottom:20px;
margin-top:20px;
}
#page_site {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	position: relative;

}
#content {
	padding-bottom: 20px;
	overflow:hidden;
	margin:0;
}
#contenu {
	width:650px;
	float:right;
	background: url(../images/contenu_back.png) no-repeat;
	min-height:801px;
}
#maincentral {
	margin:50px;
}
#left {
	width:250px;
	float:left;
}
div#footer {
	position: absolute;
	width: 100%;
	margin-top:-90px;
	
	}
#header .bg_header{background: url(../images/bandeau5nb.jpg) center top no-repeat; width:100%;}
#footer {background: url(../images/ville.png) no-repeat; width:100%; height:292px;}