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

/* -------- CSS GENERAL -------- */
	
html {
 margin: 0;
 padding: 0;
}

/* Normalise les marges et le remplissage */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, select, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color:#000;
	color: #fff;
	overflow:hidden;
}


/* Normalise les tailles de polices pour les en-têtes */

h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}


/*  Supprime list-style pour les listes*/

ol, ul{
	list-style:none;
}

/* Supprime les bordures dans éléments fieldset et img*/

fieldset, img{
	border:0;
}

/* clear */

.clear{
	clear:both;
}

/* Mentions légales */

p.mentions_legales{
	padding:10px;
	font-size:.8em;
	color:#fff;
}


/* -------- GENERAL -------- */
#docs {
	margin:0 auto;
	width:980px;
	height:125px;
}

#docs ul{
	margin:0 auto;
	width:375px;
	padding-top:10px;
}

#docs li{
	float:left;
	padding-left:20px;
}


#general{
	top:0;
	left:0;
	width:100%;
	z-index:5;
	position:absolute;
	z-index:10;
}

h1{
	top:17px;
	left:30px;
	width:106px;
	height:47px;
	/*background: url(../images/deco/logo.png) no-repeat;*/
	position:absolute;
	z-index:20;
}

h1 a, h1 a:hover{
	width:106px;
	height:47px;
	display:block;
	/*text-indent:-9999px;*/
	font-size:1em;
	color:#333;
}

h4 a {
	color:#fff;
	text-decoration:none;
	font-size:10px;
	text-align:center;
}

h4 a:hover {
	color:#ddd;
}

h2{
	top:35px;
	right:0;
	width:360px;
	height:14px;
	/*background: url(../images/deco/villes.png) no-repeat;*/
	position:absolute;
	z-index:20;
}

/* -------- CONTENU -------- */

#content{
	top:25px;
	left:50%;
	margin-left:-490px;
	width:980px;
	height:550px;
	position:absolute;
	z-index:30;
}

#contentcatalog{
	top:90px;
	left:50%;
	margin-left:-650px;
	width:1300px;
	height:650px;
	position:absolute;
	z-index:40;
}

#content h3{
	margin:100px auto 0 auto;
	width:648px;
	height:30px;
	text-align:center;
	/*background: url(../images/deco/phrase.png) top no-repeat;*/
	display:block;
	/*text-indent:-9999px;*/
}

#content h4{
	margin:20px 0 0 0;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
}

#content h4 span{
	color:#7ba7a5;
}

#content .presse{
	margin:30px auto 0 auto;
	width:252px;
}

#content ul.contact{
	margin:140px auto 0 auto;
	width:980px;
	background:url(../images/deco/bg_contact.gif) top no-repeat;
	height:130px;
	font-size:1em;
	color:#ccc;
	display:block;
}

#content ul.contact li{
	display:inline;
}

li#contact1, li#contact2, li#contact3, li#contact4, li#contact5, li#contact1 a, li#contact2 a, li#contact3 a, li#contact4 a, li#contact5 a{
	display:block;
	float:left;
	height:130px;
	text-indent:-9999px;
}

li#contact1, li#contact1 a, li#contact1 a:hover{
	width:245px;
	left:0;
}

li#contact2, li#contact2 a, li#contact2 a:hover{
	width:192px;
	left:245px;
}

li#contact3, li#contact3 a, li#contact3 a:hover{
	width:174px;
	left:437px;
}

li#contact4, li#contact4 a, li#contact4 a:hover{
	width:149px;
	left:611px;
}

li#contact5, li#contact5 a, li#contact5 a:hover{
	width:220px;
	left:760px;
}


/* -------- FOOTER -------- */

#footer {
	width:100%;
	color:#fff;
	font-size:.7em;
	position: absolute;  /* Nécessaire pour Safari */
	z-index:60;
}

#footer p{
	margin:0 20px 0 0;
	float:right;
}