@import "nav.css";
@import "contact.css";
/* -------- CSS GENERAL -------- */
html {
 margin: 0;
 padding: 0;
}
*{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
fieldset, img{
	border:0;
}
a{
	text-decoration:none
}
.clear{
	clear:both;
}
p.mentions_legales{
	padding:10px;
	font-size:.8em;
	color:#fff;
}
strong{
	font-weight:bold;
	}
body {
	color:#3b3b3b;
	font-family: Helvetica, Verdana, Geneva, sans-serif;
	font-size:100%;
	overflow:auto;
	overflow-x:hidden;
	font-weight:lighter;
	}
/* -------- GENERAL -------- */
#corps{
	width:900px;
	margin:0 auto;
	left:0px;
	position:relative;
	background-color:#FFF;
	}
.vide{
	width:900px;
	border-top:#CCC 2px solid;
	clear:both;
}
/* -------- HEADER -------- */
#header{
	width:900px;
	height: 215px;
	background:url(../images/deco/img_bandeau.jpg) no-repeat 65px bottom;
	}
h1{
	top:19px; 
	left:235px;
	width:300px;
	height:100px;
	position:absolute;
	font-size:100%;
	color:#e2001a;
	text-indent:-9999px;
	}
h2{
	top:180px;
	left:600px;
	position:absolute;
	font-size:80%;
	color:#3b3b3b;
/*	padding:180px 0 0 440px;
*/	}
/* -------- CONTENT -------- */
#content{
	width:900px;
	height:489px;
}
#left{
	width:200px;
	height:489px;
	background:url(../images/deco/img_home_01.jpg) no-repeat right bottom;
	margin:0 0 0 60px;
	float:left;
	}
h3{
	font-size:100%;
	font-weight:lighter;
	padding:80px 0 10px 20px;
	}
.contact{
	padding:400px 0 0 20px;
	color:#FFF;
	}
#leftcollections{
	width:230px;
	height:489px;
	padding:250px 0 0 70px;
	color:#FFF;
	}
#center{
	width:280px;
	height:489px;
	background:url(../images/deco/img_01.jpg) no-repeat center bottom;
	float:left;
	}
#right{
	width:300px;
	height:489px;
	background:url(../images/deco/img_home_02.jpg) no-repeat left bottom;
	float:left;
	}
#right a{
	color: #333;
	font-weight:bold;
	text-decoration:underline;
	}
#right a:hover{
	color:#F69;
	}
#leftcontact{
	width:230px;
	height:489px;
	background:url(../images/deco/img_contact.jpg) no-repeat;
	float:left;
	}	
#centercontact{
	width:315px;
	height:489px;
	float:left;
	}
#rightcontact{
	width:320px;
	height:489px;
	margin:0px 0 0 30px;
	float:left;
}
	
#rightcontact a{
	text-align:right;
	font-size:60%;
	color:#3b3b3b;
	}
#rightcontact a:hover{
	color:#F69;
	}
	
#collections{
	width:900px;
	height:489px;
	background:url(../images/deco/content_collections.jpg) no-repeat;
}
.collections{
	padding:10px 0 0 0;
	}
#leftcollections{
	width:auto;
	height:239px;
	float:left;
	}
#rightcollections{
	width:658px;
	height:489px;
	float:right;
	background:url(../images/deco/content_collections_bis.jpg) no-repeat bottom right;
	}
#rightcollections p{
	font-size:80%;
	padding:10px 0 10px 50px;
	}
	
#services{
	width:900px;
	height:489px;
	background:url(../images/deco/content_services.jpg) no-repeat;
}
#leftservices{
	width:180px;
	height:200px;
	padding:250px 0 0 20px;
	color:#FFF;
	float:left;
	}
#rightservices{
	width:500px;
	float:right;
	padding:10px 0 0 0;
/*	overflow-y: scroll;
*/
	}
#rightservices p{
	font-size:90%;
	padding:0 0 0 30px;
	}
h4{
	font-size:100%;
	font-weight:lighter;
	padding:20px 0 10px 20px;
	}
h5{
	font-size:120%;
	font-weight:lighter;
	padding:10px 0 0 50px;
	}
.pad{
	font-weight:bold;
	padding:10px 0 5px 0;}
#right p{
	font-size:80%;
	line-height:17px;
	padding:0 0 0 20px;;
	text-align:justify;
	}
.big{
	font-size:170%;
	line-height:25px;
	}

#liens{
	width:900px;
	height:489px;
	background:url(../images/deco/content_liens.jpg) no-repeat;
}
#leftliens{
	width:300px;
	height:170px;
	padding:300px 0 0 200px;
	color:#000;
	float:left;
	}
#rightliens{
	width:350px;
	height:460px;
	float:right;
	padding:10px 0 0 0;
	}
#rightliens ul{
	width:400px;
	padding:50px 0 0 0;
	}	
#rightliens li{
	width:166px;
	height:63px;
	display:block;
	float:left;
	padding:15px 0 15px 0;
	}	
	
	
	
/*#rightliens p{
	font-size:90%;
	padding:0 0 0 30px;
	}
#rightliens a{
	font-size:70%;
	text-decoration:underline;
	color:#3b3b3b;
	}
#rightliens a:hover{
	text-decoration:none;
	color:#F69;
	}
*/

/* -------- FOOTER -------- */
#footer{
	width:900px;
	height:189px;
	background:url(../images/deco/manon_logo_foot.jpg) no-repeat left 3px;
	padding-top:10px;
	}
#footer p{
	font-size:60%;
	color:#666;
	padding: 0 0 0 90px;
	float:left;
}
.copy{
	width:400px;
	text-align:right;
	}
#footer p.copy a{
	color:#000;
	}
#footer p.copy a:hover{
	color:#6f0025;
	}
#footer p.signature{
	width:900px;
	text-align:center;
	clear:both;
	padding:10px 0 0 0;
	}
/* Mentions légales */
p.mentions_legales{
	padding:10px;
	font-size:80%;
	color:#3b3b3b;
}