body {
	width:950px; 
	margin: 0 auto 0em; 
	background: #fff;
	font: normal normal normal 12px/1.4 Arial, sans-serif;
	color: #000; 
}

.clear {
	clear: both;
	font-size: 1px ;
}

#header {
	margin: 15px 0 0 0;
}

#header #logo {
	float:left;
	margin: 0 10px 0 0;
}

#header #pub {
	height:90px;
}

#menu {
	background: #336799;
	margin: 5px 0 0 0;
	height:34px;
	border-left: 15px solid #003366; 
}

#menu ul  {
	margin:0 0 0 0;
	padding: 8px 15px 10px 0px;
}

#menu li  {
	display:inline;
}

#menu li a {
	text-decoration: none;
	font-weight:bold;
	color: #FFF;
	padding: 8px 15px 10px 15px;
}
#menu li a:hover {
  text-decoration: none;
  color: #FFF;
  background: #003468;
  
}

#menu li a.actif {
  text-decoration: none;
  color: #FFF;
  background: #003468;
}

#gauche {
	width:620px;
	float:left;
	margin: 10px 0 0 0;
}

#gauche p {
	padding: 5px;
	margin: 0;
}

#gauche h1 {
	font: normal normal normal 22px Times, sans-serif;
	margin: 10px 0 0 0;

}

#gauche .box {
	width:618px;
	margin: 10px 0 0 0;
}

#gauche  p.nbr-annonce {
	width:610px;
	margin: 10px 0 10px 0;
	border:1px solid #CCC;
	background:#B0C6E6;
	padding:5px;
}

#gauche p.ariane {
	width:610px;
	margin: 10px 0 0 0;
	border:1px solid #CCC;
}

#gauche .annonce  {
	margin: 15px 0 15px 0;
	padding: 0;
	border: 1px solid #F7F7F7;	
}

#gauche .annonce p.titre-annonce {
	clear : both ;
	height :25px;
	font-size:14px;
	background:#F2F2F2;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:8px 0 3px 4px;
}

#gauche .annonce div.photo {
	float : left ;
	margin-bottom : 20px ;
	margin-right : 10px ; 
}

#gauche .annonce div.photo img {
	border : 1px solid #bbb ; 
	border-top : 0
}

#gauche .annonce p.desc-annonce {
	padding:6px;
}

#gauche .annonce p.lien-annonce {
	color:#CCC;
	font-size:11px;
}

#gauche .pagination ul {
	clear : both ;
	list-style-type:none;
	text-align:center;
	margin: 20px 0 20px 0;
}

#gauche .pagination li {
	display:inline;
	border:1px solid #CCC;
	margin:2px;
	padding:4px;
	font-size:10px;
}

#gauche .pagination li.current{
	display:inline;
	border:1px solid #000;
	font-size:10px;
	background:#3A76F0;
	font-weight:bold;
	color:#FFF;
}
#gauche .pagination li.disabled{
	display:inline;
	border:0px;
	font-size:0px;
	background:#FFF;
	color:#FFF;
}


#gauche .pagination a {
	color:#000;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#droite {
	width:330px;
	float:left;
	margin: 10px 0 0 0;
}

#droite .box {
	margin: 0 0 15px 10px;
	width:318px;
	border:1px solid #EEEEEE;
}

#droite p.title {
	height : 16px;
	background:#F7F7F7;
	border:1px solid #FFF;
	margin:0;
	padding:3px 0 0 4px;
	font-weight:bold;
}

#droite ul {
	margin:5px 0 5px 20px;
	padding:0;
	color:#aaa;
}

#droite ul.double li {
	float: left ;
	width: 136px ;
	padding-right : 12px
} 

#droite li a {
	text-decoration:none;
	color:#326A9D;
}

#footer {
	border-top:2px solid #CCC;
	margin: 20px 0 0 0;
}

#footer p {
	text-align:center;	
	margin: 5px;
	color:#ccc;
}

#footer a {
	text-decoration:none;
	color:#336799;
}

#liens_footer {list-style-type : none ; padding : 0}
#liens_footer li {font : 11px Verdana ; padding : 0 20px 4px 0 ; width : 280px ; float : left ; text-align : left}
#liens_footer a {color : #999 ; text-decoration : none}
#pub-bas {border:1px solid #f2f2f2; margin: 10px 0 10px 0; padding: 5px 0 5px 0}