/* MEDIAIDEA TECHNOLOGIES - 'Mediaidea', by Benoit Baverel & Alexandre Viennot, http://mediaidea.fr/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Mediaidea Technologies */
/* Added: October 1st, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

body {
	background:url(../images/dot_fond.png) repeat; 
	margin:0px; 
	padding:0px;
	font-size:10px;
}

.top {
	background:url(../images/home_eclipse_top.png) no-repeat; 
	width:876px; 
	height:429px;
	margin-top:0px;
	margin-left:40px;
}

.bottom {
	background:url(../images/home_eclipse_foot.png) no-repeat; 
	width:876px; 
	height:60px;
	margin-left:40px;
}


.texte_eclipse {
	float:left;
	color:#ffffff;
	font-size:24px;
	font-family: trebuchet ms;
	margin:170px 0px 0px 60px ;
}

.ligne_vertical{
	background:url(../images/dot_verti.png) repeat-y; 
	width:1px; 
	height:2px;
}

.ligne_horizontal{
	background:url(../images/dot_horyz.png) repeat-x; 
	width:2px; 
	height:1px;
}

.liste_offre {
	float:left;
	color:#ffffff;
	font-size:10px;
	font-family:arial;
	margin:150px 0px 0px 0px;
}

.fond_offre{
	background:url(../images/home_eclipse_mid.png) repeat-y; 
	margin:0px 0px 0px 40px;
	min-height:20px;
	_height:20px;
}
   
div.footer {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

div.footer ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div.footer li {
	color:#cccccc;
	font-size:10px;
	font-family:arial;
	font-weight:bold;
	display:inline;
}

div.footer li a {
	text-decoration:none;
	color:#ffffff;
}

div.footer li a:hover {
	text-decoration:underline;
}