@charset "utf-8";
/* CSS Document */

/*--structure--*/
#global {
position:relative;
margin-left:auto;
margin-right:auto;
width:980px;
height:708px;
}
#footer {
position:relative;
width:980px;
height:40px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#666666;
font-size:0.8em;
}
/*-----------INETRIEUR--------------*/




/*##########INDEX##########*/

/*--colonne gauche--*/
#i_gauche {
float:left;
width:220px;
height:700px;
}
#i_gauche .logo {
	position:absolute;
	width:291px;
	height:84px;
	left: 26px;
	top: 45px;
	z-index:100;
}
#i_gauche .search {
	position:absolute;
	width:189px;
	height:55px;
	left: 31px;
	top: 122px;
	background:url(g_search.png) no-repeat;
}
#i_gauche .search .input {
display:block;
margin-top:25px;
margin-left:33px;
width:110px;
height:12px;
font-size:0.7em;
}
#i_gauche .search .submit {
	position:absolute;
	width:28px;
	height:23px;
	top:21px;
	*top:23px;
	left:150px;
	background:url(ok.jpg) no-repeat;
	border:0;
}
#menu {
	display:block;
	width:189px;
	min-height:400px;
	margin-top:190px;
	margin-left:30px;
	}
#menu .menutop {
display:block;
min-height:376px;
*height:auto;
width:189px;
background:url(g_menu_top.png) no-repeat;
}
#menu .menubottom {
display:block;
height:28px;
width:189px;
background:url(g_menu_bottom.png) no-repeat;
}

#menu ul {
margin:0;
padding:0;
list-style-type:none;
padding-left:15px;
padding-right:30px;
padding-top:50px;
line-height:25px;
}
#menu li {
color:#fff;
font-size:0.9em;
border-bottom:1px dashed #777676;
}
#menu li a {
display:block;
color:#fff;
font-size:0.9em;
width:154px;
height:26px;
background:url(menu_fond.png) top;
text-indent:22px;
}
#menu li a:hover {
display:block;
color:#000;
font-size:0.9em;
width:154px;
height:26px;
background:url(menu_fond.png) bottom;
text-decoration:none;
}


/*--colonne centre--*/
#i_centre {
float:left;
width:530px;
height:700px;
padding-left:10px;
}
#i_centre #slide {
	position:relative;
	margin-top:25px;
	margin-left:10px;
	display:block;
	width:511px;
	height:400px;
	border:1px solid #000;
	}
#i_centre #c_bottom {
	position:relative;
	margin-top:25px;
	margin-left:10px;
	display:block;
	width:521px;
	height:242px;
	}
#i_centre #c_bottom .pose_sav {
	float:left;
	display:block;
	width:215px;
	height:222px;
	margin-right:4px;
	background:url(pose_sav.jpg) no-repeat;
	
	}
#i_centre #c_bottom .pose_sav .pose {
	position:absolute;
	top:42px;
	left:24px;
	width:123px;
	height:43px;
	font-size:0.7em;
}
#i_centre #c_bottom .pose_sav .savoirplus {
	position:absolute;
	width:80px;
	height:15px;
	top:86px;
	left:21px;
	background:url(savoirplus.jpg) no-repeat top;
	border:0;
}	

#i_centre #c_bottom .pose_sav .sav {
	position:absolute;
	top:141px;
	left:22px;
	width:123px;
	height:48px;
	font-size:0.7em;
}
#i_centre #c_bottom .pose_sav .savoirplussav {
	position:absolute;
	width:80px;
	height:15px;
	top:190px;
	left:21px;
	background:url(savoirplus.jpg) no-repeat top;
	border:0;
}	

#i_centre #c_bottom .bandeau_promo {
	position:absolute;
	width:65px;
	height:64px;
	top:2px;
	left:3px;
	background:url(bandeau_promo.png) no-repeat;
	z-index:10;
	}
	#i_centre #c_bottom .bandeau_occase {
	position:absolute;
	width:65px;
	height:64px;
	top:3px;
	left:2px;
	background:url(bandeau_occase.png) no-repeat;
	z-index:10;
	}

#i_centre #c_bottom .promo {
	float:right;
	display:block;
	width:290px;
	height:109px;
	margin-bottom:5px;
	background:url(index_white.png) no-repeat;
	position:relative;
	}
#i_centre #c_bottom .promo .img {
	border:0;
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	left:34px;
	top:26px;
	}
#i_centre #c_bottom .promo .nom_prod {
	position:absolute;
	width:167px;
	height:38px;
	left:114px;
	top:13px;
	font-size:0.8em;
	font-weight:bold;
	}
#i_centre #c_bottom .promo .prix_prod {
	position:absolute;
	width:72px;
	height:32px;
	left:114px;
	top:55px;
	font-size:0.7em;
	font-weight:bold;
	text-align:right;
	}

#i_centre #c_bottom .promo .savoirplus {
	position:absolute;
	width:80px;
	height:15px;
	top:61px;
	left:200px;
	background:url(savoirplus.jpg) no-repeat top;
	border:0;
}
#i_centre #c_bottom .promo .allpromos {
	position:absolute;
	width:163px;
	height:14px;
	left:116px;
	top:84px;
	font-size:0.8em;
	text-align:right;
	color:#999999;
}
#i_centre #c_bottom .promo .allpromos:hover {
text-decoration:underline;
}	

	
	
	
	
#i_centre #c_bottom .occase {
	float:right;
	display:block;
	width:290px;
	height:109px;
	background:url(index_white.png) no-repeat;
	position:relative;
	}
#i_centre #c_bottom .occase .img {
	border:0;
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	left:34px;
	top:26px;
	}
#i_centre #c_bottom .occase .img {
	border:0;
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	left:34px;
	top:26px;
	}
#i_centre #c_bottom .occase .nom_prod {
	position:absolute;
	width:167px;
	height:38px;
	left:114px;
	top:13px;
	font-size:0.8em;
	font-weight:bold;
	}
#i_centre #c_bottom .occase .prix_prod {
	position:absolute;
	width:72px;
	height:32px;
	left:114px;
	top:55px;
	font-size:0.7em;
	font-weight:bold;
	text-align:right;
	}

#i_centre #c_bottom .occase .savoirplus {
	position:absolute;
	width:80px;
	height:15px;
	top:61px;
	left:200px;
	background:url(savoirplus.jpg) no-repeat top;
	border:0;
}
#i_centre #c_bottom .occase .alloccases {
	position:absolute;
	width:163px;
	height:14px;
	left:116px;
	top:84px;
	font-size:0.8em;
	text-align:right;
	color:#999999;
}
#i_centre #c_bottom .occase .alloccases:hover {
text-decoration:underline;
}

/*--COLONNE DROITE--*/
#i_droite {
float:right;
width:220px;
height:700px;
}

#i_droite .actus {
	position:relative;
	margin-top:18px;
	margin-left:10px;
	display:block;
	width:191px;
	height:144px;
	background:url(d_actu.png) no-repeat;
	font-size:0.8em;
	line-height:12px;
}
#i_droite .actus .toutes {
	position:absolute;
	top:21px;
	left:75px;
	width:150px;
	height:18px;
	color:#c7c5c7;
	
}
#i_droite .actus .toutes:hover {
color:#c7c5c7;
}
#i_droite .actus img {
float:left;
padding-right:5px;
padding-top:5px;
}
#i_droite .actus .contenu {
	position:absolute;
	top:40px;
	left:10px;
	width:172px;
	height:77px;
	color:#fff;
}
#i_droite .actus .i_actu_savoirplus {
	position:absolute;
	top:114px;
	left:107px;
	width:72px;
	height:17px;
	color:#fff;
}
#i_droite .services {
	position:relative;
	margin-left:10px;
	display:block;
	width:191px;
	height:274px;
	background:url(d_services.png) no-repeat;
}
#i_droite .services .input {
position:absolute;
top:105px;
left:90px;
width:80px;
height:13px;
font-size:0.7em;
background-color:#F2F2F2;
}
#i_droite .services .submit {
	position:absolute;
	width:63px;
	height:16px;
	top:130px;
	left:99px;
	background:url(envoyer.jpg) no-repeat;
	border:0;
}
#i_droite .services .bureau {
	position:absolute;
	top:188px;
	left:21px;
	width:98px;
	height:43px;
	font-size:0.7em;
}
#i_droite .services .savoirplus {
	position:absolute;
	width:80px;
	height:15px;
	top:236px;
	left:21px;
	background:url(savoirplus.jpg) no-repeat top;
	border:0;
}
	



#i_droite .presentation {
	position:relative;
	margin-left:10px;
	display:block;
	width:191px;
	height:87px;
	background:url(presentation_acces.png) no-repeat;
}
#i_droite .presentation .presentation_ {
	position:absolute;
	top:5px;
	left:2px;
	width:185px;
	height:34px;
}
#i_droite .presentation .acces_ {
	position:absolute;
	top:46px;
	left:2px;
	width:185px;
	height:34px;
}
#i_droite .ufcf_green {
	position:relative;
	margin-left:10px;
	display:block;
	width:191px;
	height:121px;
	background:url(ufcf_green.png) no-repeat;
}

/*--styles & fonts--*/
.prix_ {
color:#CC0000;
font-size:1.1em;
}
