/* Général */
body {
font-family: Arial, helvetica, Verdana, "Trebuchet MS" , sans-serif;
font-size: 0.8em;
color:#333;
/* Aussi : body et entete, pied */
/* background:url(http://www.mivendtout.net/img/content_bg.gif);  18 19 21 22 */
}
a {
	color:#0000FF;
}
a:hover, a:focus {
	color: #FF4C00;
}

.sous-titre{
font-size: 1em;
}

.sous-titre strong {
  font-style: italic;
}

strong {
	color: #333;
}

/* Page */
#global {
	/* background: #fff; */
}

/* Navigation */
#navigation {
	/* background: #fff; */
 /*  border:1px solid #008080; */
 /*  border-bottom:none; */
}
#navigation a {
	color: #0000FF;
}
#navigation a:hover, #navigation a:focus {
  color:#FF6533;
  text-decoration:none;
}

#cadre {
padding:5px 5px;
background:url(http://www.mivendtout.net/img/216.jpg);
}

#search {
/* 
width:100% !important;
width:99%;
 */
width:900px !important;
width:898px;
height:30px ! important;
height:20px;
position:relative;
top:-12px !important;
top:8px;
left:0;
padding:2px 0 !important;
padding:0;
margin-bottom:0 !important;
margin-bottom:6px;
background:url(http://www.mivendtout.net/img/bg_test4.gif) repeat-x;
/* 
background: #F8FCF6; 
border:1px solid #D9E3EB;  #90A8BF 
*/
}

#search form#s {
position:relative;
top:3px !important;
top:6.5px;
left:0;
/* 
height:0 !important;
height:10px;
 */
}

form#s p, form#s input {
display:inline;
margin:0;
padding:0;
}

form#s label {
background:url(http://www.mivendtout.net/img/001_37_18.gif) no-repeat;
}

form#s input#bt_s {
position:relative;
top:4px !important;
top:1.8px;
left:1px;
}

form#s img {
margin:0;
padding:0;
border:none;
}

/* Contenu principal */
#contenu {
	color: #363B29;
	background-color: #fff;
  /* border-top:1px solid #ccc; */
 
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}


/* Pied de page */
#pied {
	color: #808080;
}


/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	height: 100%;
}
body {
	padding: 0;
}

#global {
	min-height: 100%; 
	width: 950px;
	overflow: hidden; 
	margin-left: auto;
	margin-right: auto; 
}

/* En-tête */
#entete {
/* background:#fff; */
	padding: 15px 20px 10px 20px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Menu de navigation */
#navigation {
padding: 10px 15px;
}

#nav_pied {
width:215px; margin-top:-10px;padding:1px 2px;
float:right;
}

#navigation ul, #nav_pied ul {
	margin: 0;
	list-style: none;
	text-align: center;
}
#navigation li, #nav_pied li {
	display: inline;
}

#navigation li#en-cours a  {
  font-weight:bold;
	color: #FF8000;
  text-decoration:none;
  background:#FAFCFC;
  border:1px dotted #90A8BF;
}

#navigation a, #nav_pied a {
	padding: 6px;
	line-height: 1.5;
	font-size: 1em;
  text-decoration:underline;
}

#nav_pied a {
	font-size: 1.2em;
}


#droite {
position:relative;
top:-80px;
left:0;
float:right;
width:390px !important;
width:402px;
}

#droite h3 {
margin:0;
text-align:center;
color:#800000;
}

#droite p {
border:1px solid #ccc;
padding:4px 4px 0px;
margin:0 3px 0 3px;
width:138px;
float:right;
}  

#ad1 {
padding:4px 4px 0px;
margin:0 2px 0;
width:220px;
float:right;
}

#ad1 p {
border:none;
}


#gauche {
float:left;
width:500px;
}

ul#edition {
width:350px;
margin:0.2em auto ;
}

ul#edition li {
display:inline;
padding: 0 2px 2px 3px;
list-style-type: none;
list-style-position: outside;
}

ul#edition li .out {
color:#757575;
}

/* Contenu */
#contenu {
	padding: 10px 20px !important;
  padding:0 8px 5px 20px;
  border:1px solid #C8DAEC;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}

 #contenu img {
	border: 1px solid #ccc;
  padding:4px; 
}


#liste-annonce {
width:800px; /* 663 */
margin:0 auto;
}

ul#liste-produit { float: left; list-style: none; margin-left: 0; width: 800px; /* 663 */ }
ul#liste-produit li { 
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 5px;
	width: 180px; /* 202 */
}
ul#liste-produit a { display: block; width: 100%; text-align:center; }
ul#liste-produit a:hover { text-decoration: none; }
ul#liste-produit img { border: 1px solid #dedede; display: block; padding-bottom: 5px; }

ul#liste-produit li a  span { display:none; }
ul#liste-produit li a:hover span {
display:block;
padding:2px;
position:fixed;
top:235px; /* 380px */
left:50px; /* 478px */
background:url(http://www.mivendtout.net/img/bg_px.png) repeat-x;
border:1px solid #90A8BF;
font-size:1.5em;
color:#008000;
}

img.liste_img {
width:128px;
margin:0 auto;
border:none;
}

#etat-produit {
float:left;
margin-left:8px;
}

#etat-produit li {
border:1px solid #ccc;
padding:4px;
margin-bottom:1px;
list-style-type:none;
text-align:center;
}

#txb {
color:#FF8000;
}

#px_origine {
color:#800000;
font-weight:bold;
}

#px_occasion {
color:#008000;
font-weight:bold;
}

p#coord {
padding:4px;
border:1px solid #D9E3EB;
background:#F8FCFF;
}

#div_code {
margin-top:-9px !important; 
margin-top:-8px; 
margin-bottom:2px;
background-color:#F8FCFF;
border:1px solid #D9E3EB;
padding:8px !important;
padding:2px 6px;
}

#div_code a {
color:#0000FF;
}

#div_code a:hover{
color:#FF8000;
text-decoration:none;
}

#div_code a:focus  {
color:#800000;
text-decoration:none;
}

#box_contenu {
margin:0;
border:1px solid #D9E3EB;
border-left:2px solid #90A8BF;
padding:4px 8px;
margin-bottom:1px;
list-style-type:none;
line-height:1.4;
}

span#fil_ariane {
position:relative;
top:-10px !important;
top:-2px;
left:0;
}

span#fil_ariane img { 
border:none;
position:relative;
top:8px;
left:0;
}

.bold {
font-weight:bold;
color:#000;
}

.souligne {
text-decoration:underline;
}

#moins {
font-weight:bold;
}

#nav_bottom {
clear:both;
}

#pagination {font-size:1em;}

p#pagination a {
background:#ffffff; 
color:#b4000d; 
padding:3px; 
margin:0 .5px;
border:1px solid #808080; 
text-decoration:none; 
}

p#pagination a:hover {
background:#008000; 
color:#ffffff;
}

p#pagination strong {
color:#000000; 
padding:3px; 
border:1px solid #808080;
}

.clear {
clear:both;
visibility:hidden;
background:none;
height:0.1px;
}

.clear_l {
clear:left;
visibility:hidden;
background:none;
height:0.1px;
}

.clear_r {
clear:right;
visibility:hidden;
background:none;
height:0.1px;
}

/* Pied de page */
#pied {
/* background:#fff; */
	padding: 15px 20px;
	font-size: .85em;
}
#pied p {
	margin: .5em 0;
}

a#copyright  {
	text-align: left;
	/* font-size: 1em; */
  color:#006060;
  font-style:italic;
  font-weight:bold;
  text-decoration:none;
}

a:hover#copyright {
text-decoration:underline;
}