@import "contact.css";
@import "nav.css";
/* -------- CSS GENERAL -------- */
html {
 margin: 0;
 padding: 0;
	}
*{
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	font-family:" Helvetica", Arial, sans-serif;
	font-size:100%;
	background:url(../images/deco/img_body.gif) repeat-x #FFF;
	color: #474747;
	}
h5, h6{
	font-size:100%;
	font-weight:normal;
	}
ol, ul{
	list-style:none;
	}
fieldset, img{
	border:0;
	float: left;
	}
a{
	color:#313131;
	text-decoration:none;
	font-size: 100%;
	}
.clear{
	clear:both;
	}
p.mentions_legales{
	padding:10px;
	font-size:.8em;
	color:#000;
	}

/* -------- GENERAL -------- */
#corps{
	width:900px;
	margin:0 auto;
	left:0px;
	position:relative;
	}
/* -------- HEADER -------- */
#header{
	width:900px;
	padding:20px 0 0 0;
	}
#bgauche{
	width:220px;
	height:300px;
	float:left;
	background:url(../images/deco/img_bg.jpg) no-repeat;
	}
h1{
	top:19px;
	left:235px;
	width:538px;
	height:96px;
	background:url(../images/deco/img_logo.gif) no-repeat;
	position:absolute;
	font-size:350%;
	color:#e2001a;
	text-indent:-9999px;
	}
#bgauche ul{
	width:112px;
	height:246px;
	padding:54px 0 0 108px;
	}
#bgauche li.c{
	width:51px;
	height:246px;
	background:url(../images/deco/img_contact.jpg) no-repeat;
	float:left;
	}
#bgauche li:hover.c{
	background:url(../images/deco/img_contact_H.jpg) no-repeat;
	}
#bgauche li.s{
	width:51px;
	height:246px;
	background:url(../images/deco/img_self.jpg) no-repeat;
	float:left;
	}
#bgauche li:hover.s{
	background:url(../images/deco/img_self_H.jpg) no-repeat;
	}
#diapo{
	width:680px;
	height:200px;
	float:left;
	background:url(../images/deco/img_bandeau.jpg) no-repeat bottom;
	padding:100px 0 0 0;
	}
/* -------- CONTENU -------- */
#content{
	width:900px;
	clear:both;
}
.gauche{
	width:200px;
	height:auto;
	background:url(../images/deco/img_bgs.jpg) no-repeat 0 top;
	text-align:left;
	float:left;
	padding:80px 20px 0 0;
}
#droite{
	width:675px;
	height:auto;
	float:left;
	background:url(../images/deco/img_c.jpg) no-repeat 0 top;
	padding:60px 0 30px 0;
}
h2{
	font-size:130%;
	font-weight:bold;
	line-height:20px;
	color:#F60;
	padding:0 0 10px 0;
}
h3{
	font-size:80%;
	padding:10px 0 0 0;
}
ul.liste{
	font-size:90%;
	list-style:square;
	text-align:left;
	padding:20px 0 0 20px;
	}
ul.liste li{
	padding:0 0 5px 0;
	}
.marge{
	width:625px;
	height:auto;
	float:left;
	background:url(../images/deco/img_c.jpg) no-repeat 0 top;
	padding:30px 0 0 50px;
	}
.marge img.logo{
	width:297px;
	height:61px;
	padding:0 40px 40px 0;
	}
.marge p{
	font-size:85%;
	}	
/* -------- LIGHT BOX -------- */
#droite ul{
	width:640px;
	padding:0 0 0 40px;
}
#droite ul li{
	float:left;
	text-align:center;
	padding:0 15px 0 0;
	width:188px;
	height: 210px;
}
#droite ul li p{
	text-align:left;
	font-size:70%;
	padding:5px 0 0 0;
}

/* -------- FOOTER -------- */
#logo{
	width:220px;
	height:40px;
	background:url(../images/deco/logo.jpg) no-repeat right 20px;
	float:left;
	padding:20px 0 0 0;
}
#logo p{
	font-weight:bold;
	padding:5px 0 0 0;
}
#adresse{
	width:670px;
	float:left;
	padding:20px 0 0 5px;
}
#adresse p{
	font-size:75%;
	border-bottom:#474747 solid 1px;
	padding:0 0 5px 25px;
/*	letter-spacing:5px;
*/}
#adresse ul{
	padding:0 0 0 14px;
}
#adresse ul li{
	display:block;
	float:left;
}
#adresse ul li a{
	font-size:55%;
	border-right: #CCC solid 1px;
	border-left:#CCC solid 1px;
	padding:0 9px 0 9px;
}
#adresse ul li a:hover{
	color:#F60;
}
#adresse p.fin{
	border-bottom:none;
	padding:10px 0 30px 0;
	letter-spacing:normal;
}
/* -------- TOP -------- */
.top{
	padding:20px 0 0 0;
	}