/* Design 2011 */

   
/* default styles
   -------------- */
body { 	padding: 0; margin: 0; font: 0.7em Tahoma, sans-serif; line-height: 1.5em;	background: #fff; color: #454545; }
H1, H2, H3, H4, H5 { margin:0; padding:0; }

h1 { font: normal 2.1em Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
.dark  { color: #737373; background: inherit; font-weight: bold; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h4 { font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }

p {	margin: 0 0 5px 0; text-align:justify; padding-right:5px; color:#444; font-size: 12px;}
.cadre {border: thin dotted #FFF;}
hr {height: 1px; padding: 0; color: #CCC; background-color: #CCC; border: 0;}
.sep {clear: both;}

ul { margin: 0 0 0 15px; padding : 0; list-style : disc; } 
li {font-family:Tahoma, sans-serif; color:#333; font-size: 12px; margin: 0; padding: 0;}
form { 	margin: 0; }
.contact { width:475px; }
input.search { width: 292px; border: 0; background: #FFF url(images/input.gif) no-repeat; padding: 4px;  color: #E0691A; font-weight: bold; }
input.submit { background: #E0691A url(images/submit.gif) no-repeat; border: 0; padding: 4px 0; width: 65px; margin: 0 15px 1px 0; color: #FFF; font: bold 1em Arial, Sans-Serif; }
input.login { width: 150px; border: none;  padding: 4px; }

/* LIENS */
a {	color: #E0691A;	background: inherit; font-size: 11px;}
a:hover { color: #6C757A; background: inherit; }
a.annonces {	color: #E0691A;	background: inherit; text-decoration:none; font-size: 11px;}
a.annonces:hover { color: #E0691A; background: inherit; text-decoration:underline;}
a.partenaire {	color: #E0691A;	font-weight:bold; text-decoration:none; font-size: 11px;
background: url('http://www.achetez-vendez.net/images/chevrons.gif') no-repeat left center; padding-left:12px;}
a.partenaire:hover { color: #E0691A; text-decoration:underline;}

/* layout
   ------ */
.content { margin: 0 auto; width: 990px; padding: 0;}
.header { position:relative; height: 55px; background: url('images/bck_header.gif') repeat-x left top #FFF; color: #808080; margin: 3px 0; padding: 10px 0 0 0; border-bottom: 1px solid #ccc; font-size: 11px; }
.header .logo { position:absolute; top:4px; left:10px; z-index:4; }
.top_info { float: right; width: 555px; padding: 5px 0 4px 0; color: #808080; }
.top_info_left { width: 200px; float: left; }
.top_info_right { 	float: right; width: 290px; padding: 0 0 0 35px; }
.browse_category  { font-size: 0.9em; width: 190px; color: #FFF; background: inherit; }
.bar { 	clear: both; font-size: 1.1em; height: 30px;  color: #FFF; margin: 0 0 0 0px;  background: #FF9148; }
.bar li { margin: 0;  padding: 7px 12px 5px 12px; color: #FFEADC; background: #FF9148; float: left; }
.bar li.active {  background: #E0691A url('images/bar.gif') no-repeat center top;  color: #fff; font-weight: bold;  padding: 7px 10px 6px 10px; }
.bar li a { font-weight: bold; color: #FFF;  background: inherit; text-decoration: none; } 
.bar li a:hover { color: #E0691A;  background: inherit; } 
.search_field { background: url('images/bck_header.gif') repeat-x left top #FFF; color: #808080; clear:both; text-align:center; 
font-weight: bold; padding: 7px 25px 10px 10px; margin: 5px 0; }
.grey { color: #808080;  background: inherit; font-weight: normal; }
.search_form { width:520px; text-align:center; margin:0 auto; }
.search_form p { font-size:12px; text-align:center; }
.subheader { margin: 0px 0 10px 0; border-bottom: 1px solid #eee; padding: 5px 0 5px 0; background: #A4A4A4; color: #fff; }

/* Home page
	---------*/
.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
.cadreblanc { width:195px; float:left; margin:10px 15px 10px 5px; }
.cadreblanc H5 { padding:4px; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #FF9148; color:#666; font-weight: bold; background:none;  }
.cadreblanc img { float:left; margin:5px 3px 10px 0; }
.cadreblanc SPAN { float left; font-size:11px; padding-right:3px; }
.cadreblanc A { display:block; background: url('images/chevrons.gif') no-repeat left 6px; padding-left:10px; font-weight:bold; text-decoration:none; font-size: 12px;}
a.region {display: block; float: left; width: 150px; margin: 5px; font-size: 12px;}

/* Sommaire des articles
				--------------*/
.sommaire {}
.sommaire .each_article {overflow: hidden; margin: 0 0 10px 0; padding: 3px; border-bottom: 1px dotted #CCC;}
.sommaire .each_article IMG {width: 80px; margin-right: 10px;}
.sommaire .each_article A {text-decoration: none; display: block; overflow: hidden;}
.sommaire .each_article A:HOVER {background: #E0E7EC; }
.sommaire .each_article H2 {color: #E0691A;}


/* left side
   --------- */
.left { float: left; width: 650px; margin: 0 0 10px 0; font-size: 12px;}
.left h1 { clear: both; background: url(images/bck_H3.gif) repeat-x left top; color: #FFF; padding: 5px 0 4px 5px; margin: 0 0 5px 0; font: bold 16px Tahoma, Arial, Sans-Serif;  border-bottom:1px solid #A9C0CE; }
.left h2 {color: #336699; margin: 0 0 3px 0; padding: 0; font-size: 15px; }
.left img {float: left; margin-right: 10px; border: 1px solid #A5C3D7;}

.alire {margin: 10px 0 10px 0; font-size: 11px;}
.alire h3 { clear: both; background: url(images/bck_H3.gif) repeat-x left top; color: #FFF; padding: 7px 0 4px 5px; font: bold 13px Tahoma, Arial, Sans-Serif;  border-bottom:1px solid #A9C0CE;	margin: 0; }
.alire .autre_article {float: left; width: 300px; padding: 5px; border-right: 1px dotted #CCC; margin: 5px;}
.alire .autre_article A {background: url("images/arrow.gif") no-repeat left bottom; font-weight: bold; padding: 3px 0 2px 25px; font-size: 12px; }
.alire .autre_article p {font-size: 11px;}

.each_annonce {background: #EEE; overflow: hidden; border-bottom: 1px dashed #CCC; margin: 0 0 10px 0; padding: 5px;}
.each_annonce img {width: 150px;}
	
		
/* right side
   ---------- */
.right { float: right; width: 320px; margin: 0 0 10px 0; }
.right h3 { background: #6C757A  url(images/corner.gif) no-repeat top right; color: #FFF;  padding: 7px 0 7px 5px; font: bold 11px Tahoma, Arial, Sans-Serif;  margin: 0 0 3px 0; }
.skyright { float: right; width: 120; margin: 0 0 10px 0; }
.skyright h3 {	background: #6C757A  url(images/corner.gif) no-repeat top right; color: #FFF; padding: 7px 0 7px 5px; font: bold 11px Tahoma, Arial, Sans-Serif; margin: 0 0 3px 0; }

.right_articles { background: url('images/degrade_Rarticles.gif') top left repeat-x #EEE; color: #414141; padding: 8px;	 margin: 0 0 3px 0;}
.right_articles A { font-weight:bold; }
.right_articles li { list-style-type:none; }
.right_articles IMG { border:0; width:50px; float: left; margin-right: 5px;}
.depose { color:#666; font-size:10px; }
SPAN.texte { text-align:justify; display:block; line-height:13px; margin-top:5px; font-size: 12px;}
.textegras {font-weight:bold; font-size:11px; }
.right_articles_pub { text-align: center; font-size: 11px; background: #EEE; color: #414141; padding: 8px;margin: 0 0 3px 0; }
.image { float: left; margin: 0 9px 3px 0; }
.right_articles .each {margin: 0 0 5px 0; border-bottom: 2px solid #FFF;}
.right_articles .each A { font-weight:normal; text-decoration: none; }


/* footer */
.footer { clear: both; text-align: center; padding: 10px 0 10px 0; margin: 0; border-top: 1px solid #ccc; line-height: 1.8em; }
.footer p { text-align: center; font-size: 11px; }
.footer a { color: #808080; background: #fff; }


/********** MENU DEROULANT **********/

/* remove the bullets, padding and margins from the lists */
.menu ul { height:31px; list-style-type:none; padding:0; margin:0; background:url('images/bck_menu.gif') repeat-x left bottom #FFA443; }
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li { float:left; position:relative; z-index:100; }

/* use the table to position the dropdown list */
.menu table { position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:25px; }

/* style all the links */
.menu a, .menu :visited { display:block;  font-size:12px; font-weight:bold; width:155px; padding:7px 0; color:#FFF; background:url('images/bck_menu.gif') repeat-x left bottom #FFA443;
text-decoration:none; margin-right:1px; border-right:1px solid #FFF; text-align:center; }
/* style the links hover */
.menu A:hover { color:#FFF; background:#A9C0CE; }

/* hide the sub level links */
.menu ul ul { visibility:hidden; position:absolute; width:149px; height:0; text-align:left; }

/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; }


/* ANNONCES */
.titreindex { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFF; border: 1px solid #FF9148; font-weight: bold; color: #666; }