
/* STYLE GENERIC ----------------------------------------- */
* { margin:0; padding:0; border:none;}
body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em !important;
	text-align:left;
	font-weight:normal;
	color:#232323;
	background:#888;
}

img {border:0; vertical-align:top;}
div {display:block;}
a {cursor:pointer;}
a:hover {}
:focus {outline: 0;}

/* Table */
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }

p,a,label,th,td,tr {
	font-size:12px;
}


/* STYLE SPECIFIQUE ----------------------------------------- */
div.site {
	position:relative;	
	width:980px; 
	height:600px;
	margin:60px auto 0;
	background: url(../images/fond.gif) no-repeat;
}

div.left {
	float:left;
	width:280px;
	height:100%;
}

div.right {
	float:left;
	width:700px;
	height:100%;
}


/* logo */
h1.logo {
	display: block;
	width:250px;
}
h1.logo img {
	margin: 20px 0 0 30px;
	cursor:pointer;
}


/* Liste */
ul.liste {
	margin-top:30px;
	margin-left:50px;
}
ul.liste li {
	color:#fff;
	font-size:16px;
}



/* Contact */
table.contact {
	margin: 80px 0 0 40px;
	
}


/* Catalogue */
table.catalogue {
	width:550px;
	margin:40px 0 0 100px;
}

table.catalogue tr {
	
	
}
table.catalogue tr td {
	padding:10px;
	color:#ddd;
	width:180px;
	vertical-align:top;
	font-size:11px;
}
table.catalogue tr td.puce {
	padding:10px 0;
	width:auto;
}
table.catalogue h2 {
	color:#FFED00;
	font-weight:normal;
}


/* Bouton du centre */
table.bouton {
	width:500px;
	margin:40px 0 0 130px;
}
table.bouton tr td {
	color:#FFED00;
	text-decoration:none;
	font-size:24px;
	line-height:40px;
}
table.bouton a {
	color:#FFED00;
	text-decoration:none;
	font-size:23px;
	line-height:40px;
}
table.bouton a:hover {
	text-decoration:underline;
}


/* Mentions Légales */
ul.mentions {
	color:#CCC;
	position:absolute;
	bottom:10px;
	right: 10px;
}
ul.mentions a {
	color:#CCC;
	text-decoration:none;
}
ul.mentions a:hover {
	text-decoration:underline;
}


