/* www.clicaffair.com */
body{
margin:0;
padding:0;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#f2f2f2;
text-align:center;
}
a{
text-decoration:none;
font-weight:bold;
font:Geneva, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{
text-decoration:none;
}

#contain{
width:1000px;
margin:0 auto;
padding:0;
background:url(images/background_clicaffair.jpg) repeat-y;
}
#spacer{
display:block;
clear:both;
width:900px;
margin:0 12px;
height:5px;
}
/*------------------------------------------
HEADER PART
------------------------------------------*/
#header{
background:#ffffff;
width:976px;
height:231px;
margin:0 12px;
text-align:left;
}
#header_up{
background:url(images/clicafrique_01.jpg) repeat-x;
width:976px;
height:75px;
position:relative;
}
#header_up_phone{
	width:395px;
	height:75px;
	position:absolute;
	top:0;
	left:576px;
	z-index: 8;
	visibility: visible;
}
#header_mid{
	position:relative;
	height:107px;
	width: 976px;
	background: #ffffff;
}
#logo{
	position:absolute;
	width:163px;
	height:105px;
	background:url(images/logo_clicaffair_06.jpg) no-repeat;
	left: 50px;
	top: 2;
	z-index: 3;
	visibility: visible;
}
#pub_first{
	position:absolute;
	width:728px;
	height:90px;
	border:solid 1px #cccccc;
	background:#f2f2f2;
	text-align:center;
	line-height:90px;
	left: 225px;
	top: 0;
	z-index: 2;
	visibility: visible;
}
#header_down{
width:976px;
padding:8px 0 0 0;
background:url(images/clicafrique_08.jpg) repeat-x;
height:49px;
}
ul#nav{
display:block;
width:976px;
height:32px;
margin:0;
padding:0;
}
ul#nav li{
list-style:none;
display:block;
float:left;
}
ul#nav li a{
display:block;
background:url(images/kitgraphique-clicafrique_09.jpg) no-repeat;
height:32px;
width:162px;
text-align:center;
line-height:32px;
color:#ffffff;
}
ul#nav li span a{
background:url(images/clicafrique_09.jpg) no-repeat;
}
ul#nav li a:hover{
background:url(images/clicafrique_09.jpg) no-repeat;
}
#nav_after{
clear:both;
background:url(images/clicafrique_14.jpg) repeat-x;
height:9px;
width:976px;
}
/*---------------------------------------
MAIN
-----------------------------------------*/

#main{
	width:976px;
	display:block;
	height:auto;
	margin:5px 12px;
	padding:0;
}



/*---------------------------------------
MAIN LEFT
-----------------------------------------*/
#main_left{
	float:left;
	text-align:center;
	width:176px;
	height:1000px;
	border:none;
	margin:0;
	padding:0;
	height: auto;
}
#menu{
margin:0;
padding:0;
position:relative;
width:176px;
height:400px;
}
#main_left ul{
	display:block;
	width:166px;
	margin:3px;
	padding:0;
	border:solid 1px #0066cc;
	background:#ffffff;
}
#main_left ul li{
list-style:none;
display:block;
margin:0;
}
#main_left ul li a{
text-align:left;
text-indent:37px;
display:block;
color:#ffffff;
width:162px;
height:27px;
line-height:27px;
margin:2px auto;
}
#main_left ul li a#com{
background:url(images/cat_clicaffair_commerce.jpg) 0 0 no-repeat;
}
#main_left ul li a#com:hover{
background:url(images/cat_clicaffair_commerce.jpg) 0 -27px no-repeat;
}
#main_left ul li a#sms{
background:url(images/cat_clicaffair_sms.jpg) 0 0 no-repeat;
}
#main_left ul li a#sms:hover{
background:url(images/cat_clicaffair_sms.jpg) 0 -27px no-repeat;
}
#main_left ul li a#achat{
background:url(images/cat_clicaffair_achat.jpg) 0 0 no-repeat;
}
#main_left ul li a#achat:hover{
background:url(images/cat_clicaffair_achat.jpg) 0 -27px no-repeat;
}
#main_left ul li a#auto{
background:url(images/cat_clicaffair_auto.jpg) 0 0 no-repeat;
}
#main_left ul li a#auto:hover{
background:url(images/cat_clicaffair_auto.jpg) 0 -27px no-repeat;
}
#main_left ul li a#avis{
background:url(images/cat_clicaffair_avis.jpg) 0 0 no-repeat;
}
#main_left ul li a#avis:hover{
background:url(images/cat_clicaffair_avis.jpg) 0 -27px no-repeat;
}
#main_left ul li a#equip{
background:url(images/cat_clicaffair_equipement.jpg) 0 0 no-repeat;
}
#main_left ul li a#equip:hover{
background:url(images/cat_clicaffair_equipement.jpg) 0 -27px no-repeat;
}
#main_left ul li a#emploi{
background:url(images/cat_clicaffair_emploi.jpg) 0 0 no-repeat;
}
#main_left ul li a#emploi:hover{
background:url(images/cat_clicaffair_emploi.jpg) 0 -27px no-repeat;
}
#main_left ul li a#immo{
background:url(images/cat_clicaffair_immobilier.jpg) 0 0 no-repeat;
}
#main_left ul li a#immo:hover{
background:url(images/cat_clicaffair_immobilier.jpg) 0 -27px no-repeat;
}
#main_left ul li a#rencontre{
background:url(images/cat_clicaffair_rencontre.jpg) 0 0 no-repeat;
}
#main_left ul li a#rencontre:hover{
background:url(images/cat_clicaffair_rencontre.jpg) 0 -27px no-repeat;
}
#main_left ul li a#services{
background:url(images/cat_clicaffair_services.jpg) 0 0 no-repeat;
}
#main_left ul li a#services:hover{
background:url(images/cat_clicaffair_services.jpg) 0 -27px no-repeat;
}

.pub_left{
margin:5px 22px;
border:solid 1px #0066cc;
width:130px;
height:240px;
background:#cccccc;
}
/*---------------------------------------
MAIN MID
-----------------------------------------*/
#main_mid{
float:left;
width:480px;
height:1000px;
	border:solid 1px #0066cc;
	margin:0 0 10px 0;
	padding:3px;
	background:inherit;
}
#main_mid_condition{
float:left;
width:750px;
border:solid 1px #0066cc;
margin:0 0 10px 0;
padding:3px;
}

/*---------------------------------------
MAIN RIGHT
-----------------------------------------*/
#main_right{
float:right;
	text-align:left;
	width:304px;
	height:1000px;
	margin:0 0 10px 0;
	padding:0;
	border:#0066cc solid 1px;
}
#search{
width:304px;
height:25px;
margin:10px 0 5px 0;
}

#before_news_affair{
width:300px;
margin:0 2px;
padding:0;
background:url(images/nevelle_aff_02.jpg) 3px 0 repeat-y;
}


.news_affair{
display:block;
width:300px;
background:url(images/bonne_affaires_18.jpg) 1px top no-repeat;
margin:2px;
padding:0;

}
.space{
height:10px;
width:250px;
margin:0;
padding:0;
}
.news_affair h2{
	display:block;
	height:25px;
	line-height:25px;
	color:#000000;
	margin:0;
	text-align:center;
	font-size: 18px;
}
.derniere{
display:block;
width:280px;
height:110px;
margin:5px 10px;
}

.news_affair p{
	display:block;
	width:176px;
	height:75px;
	margin:0;
	padding:3px;
	float:right;
}
.news_affair .produit{
	width:75px;
	height:75px;
	margin:5px 0 0 5px;
	border:1px solid #cccccc;
	float:left;
	background:url(images/emplacement_dispo.gif) 1px 0 no-repeat;
}
.news_affair span{
display:block;
clear:both;
height:18px;
width:276px;
margin:0;
line-height:18px;
background:#ffffff;
border-bottom:1px solid #5db348;
text-align:right;
}

.nvl_aff_foot{
background:url(images/nevelle_aff_04.jpg) 1px 0 no-repeat;
width:300px;
height:25px;
margin:0;
padding:0;
}

.pub_right{
clear:both;
width:300px;
height:250px;
margin:3px 2px;
background:#cccccc;
border:1px solid #cccccc;
}


/*---------------------------------------
FOOTER
-----------------------------------------*/
#footer{
clear:both;
	color:#000000;
	height:70px;
	width:976px;
	margin:5px 12px;
	padding:0;
	background:url(images/foot_clicaffair.jpg) repeat-x;
}
#footer a{
color:#000000;
font:12px;
font-weight:normal;
}
#footer a:hover{
text-decoration:underline;
}

#footer #copyright{
background:inherit;
	margin:0;
	padding:0;
	position:relative;
	display:block;
	width:976px;
	height:70px
}
#footer #copyright h3{
margin:0;
padding:0;
text-align:center;
font:12px;
display:block;
position:absolute;
font-weight:bold;
width:800px;
top:10px;
left:100px;
height:18px;
line-height:18px;
}
#footer #copyright h4{
margin:0;
padding:0;
color:#ffffff;
font-size:12px;
display:block;
position:absolute;
font-weight:normal;
left:100px;
top:35px;
width:800px;
text-align:center;
height:18px;
line-height:18px;
}