
/********************************* Positionnement *********************************/

#page, #north, #south { width: 800px; margin: auto; }
#page {	width: 790px; padding: 0 5px 5px 5px; height: 1%; overflow: hidden; }
#north { margin-top: 5px; }

/********************************* balises HTML *********************************/
p { padding: .3em 7px; line-height: 1.3; }
p.texteChamp { padding: .3em 0px; }
ol { list-style: decimal; list-style-position: inside; padding-left: 1px; }
ol li { margin-left: 1em; }
a { color: #009036; text-decoration: none; }
a:active, a:hover { color: #ed1c24; text-decoration: underline; }
a:focus { background-color: #f9b200; color: #510; text-decoration: none; }
#page h1 { 
	padding: 7px 3px 7px 7px; 
	margin: .5em 0 1em 0; 
	font-size: 120%;
	letter-spacing: .2em; 
	color: #93117e; 
	/*border-left: 3px solid #EE1C23;*/
	
	background-image:url(../../images-design/nuage-top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:30px;
	  
}
h2 { padding: 2px 2px 3px 5px; letter-spacing: .17em; font-size: 120%; color: #e2007a; margin-bottom: 4px; }
/********************************* Charte globale *********************************/

/* Kouleurs : 
 * Bleu   :	#009ee0
 * Rouge  :	#ed1c24
 * Mauve  :	#93117e
 * Vert   :	#009036
 * Rose   :	#e2007a
 * Orange :	#f9b200
 */

body { background-color: #000; font-family: Arial,Helvetica,sans-serif,"Arial Black"; font-size: 75%; }

#page { background-color: #FFF;
	/*background: #FFFFFF url(../../images-design/kolors-bg-annonce.gif) no-repeat scroll right bottom;*/
	}
	
#north {
	background: #FFF url(../../images-design/header-bg.jpg) repeat-x top right;
	overflow: hidden; height: 155px; 
}
#top { 
	/*background: #FFF url(../../images-design/header-bg.jpg) repeat-x top right;
	background-color: #FFF;*/
	float: left;
	position: relative;
	height: 155px;
}
	#top h1 a { height: 1%; overflow: hidden; }  
	#top h1 a:focus { background-color: #A01; }
	/*#top #top_slogan { 
		position:absolute; bottom:0; left:360px;
		border: none; color:#888888; 
		font-family:helvetica !important; font-size:1.6em; font-style: italic;
	}*/
#contenu {
	height: 1%; overflow: hidden;
}
#menu {
	color: #FFF;
}
#menu a {
	color: #FFF;
	/*font-weight: bold;*/
	text-decoration: none;
}
#south a:focus, #south a:hover {text-decoration: underline;}

#menu a:focus, #menu a:hover { text-decoration: underline; background: none; }

#south hr{ display: none; }
#south h2, #south h3 { color: #000; margin-top: 0; border: none; padding-top: 2px; }
#south {
	margin-bottom: 2em;
	/*height: 1%; overflow: hidden;*/
	background: #FFF url('../../images-design/footer-bg.jpg') no-repeat bottom center;
	/*height: 123px; /* 338 - 215*/ 
	overflow: visible;
	position: relative;
	padding-bottom: 76px;
}
#south #credits {  text-align: right; color: #333; }
#credits a { color: #333; }
#south a:focus { text-decoration: none;}
#credits a:focus { color: #FFF;}
/*#south*/ #espace_connexion{ /* Lien connexion du footer */ 
	float: right;
}
.footer-discret { color: #BBB; }
#south #kolors-cube {
	position: absolute; 
	right: 0; bottom:0;
	width: 200px;
	height: 76px; 
}


.header { 
	margin-top: 2em;
}

/********************************* Menus *********************************/
#menu {
	/*background: #ed1c24 url('../../images-design/arr_rouge_bas_gauche.gif') no-repeat bottom left;*/
	/*overflow: hidden;
	height: 1%; /* Pour IE6 */
	padding-top: 100px;
	font-family: Verdana, sans-serif;
	/*font-variant: small-caps;*/
	letter-spacing: .07em;
}
#menu li {
	float: left;
	/*padding: 4px 12px;*/
	width: 100px;
}
#menu li a {
	display: block;
	text-align: center; 
	line-height: 1.3em;
	height: 55px;
	padding-left: 1px;
	padding-right: 1px;
}
/* Lien du panier */
#menu li#lien_panier {
	/*float: right;*/
}
#menu li img {
/*#menu li#lien_panier img*/
	margin-left: 3px;
	vertical-align: -3px;	
}
span#nbAnnonceInPanier { white-space: nowrap; }

/* Pas à faire... 
#menu li #lien_encheres{
	font-weight: bold;
}*/
#menu li.sombre a {
	font-weight: bold;
	color: #300;
	/*background-image: url("/portail/kolors/design/images-design/Macaron-special-menu2.gif");
	background-repeat: no-repeat;
	background-position: bottom right;*/
}


/********************************* Blocs de contenu *********************************/
/*.bloc {
	background: #EDEDED url('../../images-design/commun/bord-arrondi-bas-bg.jpg') no-repeat bottom right;
	margin: 3px 7px 7px 0;
	padding-bottom: 7px;
}
.bloc .firstbloc {
	padding-top: 7px;
	background: #EDEDED url('../../images-design/commun/bord-arrondi-haut-bg.jpg') no-repeat top left;
}*/


/********************************* Recherche rapide *********************************/

#top_recherche_rapide form { /* Décalage sous IE 6 !!! */
	padding: 0;
	margin: 0;
}
#top_recherche_rapide {
	height: 27px; /* Hauteur du bouton, utile pour IE6 */ 
	overflow: hidden;
	float: none;
	padding: 1px;
	padding-bottom: 0;
	margin: 0 -5px 10px -5px;
	background: #009EE0 url('../../images-design/barre-bleu.jpg') repeat-x bottom;
}
#top_recherche_rapide div { 
	padding-top: 4px;
	float: left;
	margin-left: 1em;
}
#top_recherche_rapide div#rech_express_bouton {
	padding-top: 0;
}
#valide_express {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}
#top_recherche_rapide select {
	font-size: 80%;
	color: #ed1c24;
}

select {
	font-size: 80%;
	color: #ed1c24;
}


/********************* OCCASIONS DU MOIS *********************/
.vehicule_vignette {
	display: block;
	margin-left: 4px;
	margin-bottom: .2em;
	border: 1px solid #DDD;
	float: left;
	overflow: hidden;
	/*width: 48%;*/
	width: 205px; 
}
a.vehicule_vignette:hover {
	background-color: #FCFCFF;
	cursor: pointer;
}
a.vehicule_vignette:focus {
	background-color: #ed1c24;
}
.vehicule_vignette span {
	display: block;
	line-height: 1.3em;
}
.vehicule_vignette_photo {
	float: left;
	margin-right: 1em;
}
.vehicule_vignette_marque {
	font-weight: bold;
}
.vehicule_vignette_prix {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin-right: .5em;
}

/*********************************  *********************************/

/*********************************  *********************************/