@import "nav.css";
@import "contact.css";

/* -------- CSS GENERAL -------- */
*{
	margin:0;
	padding:0;
}
img{
	border:0;
}
a{
	color:#000;
	text-decoration:none;
	font-size:90%;
}
a:hover{
	text-decoration:none;
	color:#FFF;
}
ul, li{
	margin:0;
	padding:0;
	list-style:square;
}
body {
	background:url(../images/DECO/body.jpg) no-repeat center 0 #FFF;
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:90%;
	overflow:auto;
	overflow-x:hidden;
	font-weight:lighter;
	}
h3{
	font-size:160%;
	color:#C00;
	font-weight:lighter;
	line-height:22px;
	}
h4{
	font-size:120%;
	color:#000;
	}

p{
	font-size:100%;
	line-height:17px;
}
fieldset, img{
	border:0;
}
.clear{
	clear:both;
}
.red{
	color:#C00;
	}
strong{
	font-weight:bold;
	}
/* -------- GENERAL -------- */
#corps{
	width:900px;
	margin:0 auto;
	left:0px;
	position:relative;
	}
/* -------- HEADER -------- */
#header{
	width:900px;
	height:320px;
}
h1{
	top:40px;
	left:15px;
	position:absolute;
	font-size:350%;
	color:#e2001a;
	z-index:10;
}
h2{
	top:100px;
	left:15px;
	position:absolute;
	z-index:15;
	font-size:150%;
	font-style:italic;
	color:#000;
}
#anim_header{
	top:50px;
	left:105px;
	position:absolute;
	background:url(../images/DECO/bandeau.jpg) no-repeat;
}
/*--ADRESSE--*/
#adresse{
	width:200px;
	height:300px;
	background:url(../images/DECO/img_adresse.jpg) no-repeat;
}
#adresse p{
	font-size:80%;
	padding:0 0 5px 15px;
	color:#FFF;
	line-height:normal;
}
#adresse h3{
	font-size:190%;
	padding: 170px 0 10px 15px;
	color:#FFF;
	}
#adresse h4{
	font-size:110%;
	color:#FFF;
	padding:0 0 0 15px;
	}
/* -------- CONTENU -------- */
#content{
	width:640px;
	float:left;
	z-index:10;
}
/*-----DIAPO--------*/
#diapo{
	width:260px;
	height:190px;
	}
.portes{background:url(../images/diapo_01/img1.jpg) no-repeat;}
.structures{background:url(../images/diapo_02/img1.jpg) no-repeat;}
.armoires{background:url(../images/diapo_03/img1.jpg) no-repeat;}
.vetements{background:url(../images/diapo_04/img1.jpg) no-repeat;}
.accessoires{background:url(../images/diapo_04/img1.jpg) no-repeat;}
.bagagerie{background:url(../images/diapo_04/img1.jpg) no-repeat;}
.chaussures{background:url(../images/diapo_04/img1.jpg) no-repeat;}

/* -------- COLONES CONTENU -------- */
#titre{
	width:640px;
	padding:40px 0 0 0;
	
	}
.colleft{
	width:260px;
	float:left;
	padding:0 0 60px 0;
	text-align:right;
}
.colleftpad{
	width:260px;
	float:left;
	padding:20px 0 0 0;
	text-align:right;
}

.colright{
	width:350px;
	float:left;
	padding:40px 0 60px 20px;
}
.colrightpad{
	width:350px;
	float:right;
	padding:20px 0 60px 20px;
	z-index: 50;
}
.colimg{
	padding:38px 0 10px 0;
}
.mail{
	color:#0E5283;
	padding:0 0 0 40px;
	text-decoration:underline;
	}
.mail:hover{
	color:#0E5283;
	}
/* -------- Style liste contenu -------- */
ul.listing{
	list-style:circle;
	padding:0 0 0 13px;
}
.fond{
	padding:10px 10px 10px 10px;
	text-align:justify;
	background-color:#0E5283;
	color:#FFF;
}
.cadre{
	padding:5px 5px 5px 5px;
	text-align:justify;
	color:#0E5283;
	border-left:#0E5283 solid 1px;
	border-right:#0E5283 solid 1px;
	margin: 0 0 10px 0;
	}
/* -------- BOX -------- */
ul.box{
	list-style:none;
}
ul.box li{
	text-align:center;
	float:left;
	list-style:none;
	padding:0 15px 0 0;
}



/* -------- FOOTER -------- */
#footer{
	width:900px;
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
}
#footer p{
	font-size:70%;
	color:#0069b2;
	border-bottom:#FFF solid 2px;
}
#footer ul{
	width:900px;
	padding:5px 0 50px 90px;
}
#footer ul li{
	display:block;
	float:left;
	padding:0 10px 0 10px;
	border-right:#65838b solid 1px;
	border-left:#65838b solid 1px;
	list-style:none;
}
#footer ul li a{
	font-size:70%;
	color:#0069b2;
}
#footer ul li a:hover{
	color:#C00;
}
#footer p a{
	color:#0069b2;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}