/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 1, 2012 */
@font-face {
    font-family: 'Darjeeling';
    src: url('fonts/darjeeling-webfont.eot');
    src: url('fonts/darjeeling-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/darjeeling-webfont.woff') format('woff'),
         url('fonts/darjeeling-webfont.ttf') format('truetype'),
         url('fonts/darjeeling-webfont.svg#DarjeelingMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	padding: 0px;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
	border: none;
	background-repeat:no-repeat;
}

body {
	width: 1024px;
	margin: auto;
    font-family : 'Trebuchet MS', Arial, sans-serif;
	background-color: #f7c5a0;
}

/* Header */
header {
	background: url('images/separateur.png') repeat-x bottom;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
}

/* just some content with arbitrary styles for explanation purposes */
.modal {
    width: 60%;
    height: 60%;
    font-size : 20px;
    position: fixed;
    top: 20%; 
    left: 20%;
    background-color: #f7c5a0;
    border-radius: 5px;
    text-align: center;
    z-index: 11; /* 1px higher than the overlay layer */
}

#logo, header h1   {
	display: inline-block;
	margin-bottom: 0px;
}


header h2{
	display: block;
	margin-bottom: 0px;
}


header h1 {
  font-family: Darjeeling,sans-serif;
	font-size : 30px;
	font-weight: normal;
	text-transform:uppercase;
	color: maroon;
}

header h2 {
	font-family: Darjeeling,sans-serif;
	font-size: 25px;
	margin-top: 0px;
	font-weight: normal;
	text-transform:lowercase;
}

/*--------------------------------------------------------------------------*/
/*	Banière  																				*/
/*--------------------------------------------------------------------------*/
#baner_image{
margin-top: 15px;
height: 200px;
border-radius: 5px;
background: url('images/poppies.jpg') no-repeat; position: relative;
box-shadow: 0px 4px 4px #1c1a19;
margin-bottom: 25px;
}
#baner_description
{
position: absolute;
bottom: 0;
border-radius: 0px 0px 5px 5px;
width: 99.5%;
height: 33px;
padding-top: 15px;
padding-left: 4px;
background-color: rgb(24,24,24); /* Pour les anciens navigateurs*/
background-color: rgba(24,24,24,0.6); color: white;
font-size: 1.5em;
}

/*--------------------------------------------------------------------------*/
/* Menu  																				*/
/*--------------------------------------------------------------------------*/

/* Navigation */
nav {
	display: inline-block; 
	width: 740px; 
	text-align: right;
}
nav ul {
	list-style-type: none; 
}
nav li {
	display: inline-block;
	margin-right: 15px;
}
nav a {
	font-size: 1.2em; 
	color: #181818; 
	padding-bottom: 3px; 
	text-decoration: none;
}

nav a:hover {
	color: #760001;
	border-bottom: 3px solid #760001;
}


/*--------------------------------------------------------------------------*/
/* Corps 																				*/
/*--------------------------------------------------------------------------*/
/* article*/
article, aside {
	display: inline-block;
	vertical-align: top;
	text-align: justify;
}

article {
	width: 625px;
	margin-right: 15px;
}
article h1 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 2em;
	margin-top: 0px;
	font-weight: normal;
}

article h2 {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 1.5em;
	margin-top: 0px;
	font-weight: normal;
}

.ico_categorie {
vertical-align: middle;
margin-right: 8px;
}

article p{
font-size: 1.1em;
}

article ul {
list-style: url('images/heart-li-20px.png');
padding-left:50px;
margin:0px;
}

article em{
	font-size: 1.1em;
	font-weight: bold;
	text-transform:uppercase;
}

article a {
	font-size: 1.1em;
	color: #181818; 
	text-decoration: none;
}
article a:hover {
	color: #760001;
	border-bottom: 3px solid #760001;
}

article li{
font-size: 1.1em;
}

/* article*/
aside {
position: relative;
width:300px;
background-color: maroon; box-shadow: 0px 2px 5px #1c1a19; border-radius: 5px;
padding: 10px;
color: white;
font-size: 0.9em;
}

#quote_arrow {
position: absolute; top: 100px;
left: -12px;
}


aside h2{
  font-family : 'Trebuchet MS', Arial, sans-serif;
  font-style : italic;
  font-weight : normal;
}


aside img {
margin-right: 5px;
}

aside ul{
margin-left: 20px;
}

aside .price{
padding-left: 150px;
}

aside img{
	display:block;
	margin: auto;
}

/*--------------------------------------------------------------------------*/
/* Footer  																				*/
/*--------------------------------------------------------------------------*/
footer {
font-size: 0.8em; 
	color: #181818; 
}

footer a {
	color: #181818; 
	text-decoration: none;
}

footer a:hover {
	color: #760001;
}
#sepa{
	margin-top: 20px;
}
#logo_aspb{
	margin-top: 10px;
}
#aspb{
	margin-top: 10px;
  float:left;
}

#footer-links{
width:600px;
float:right;
font-size: 0.8em; 
list-style:none;

text-align:right;
margin-top:10px;
margin-right:0px;
}