body {
	font-family: Arial, FreeSans, sans-serif;
	font-size: 12px;
	margin: 0px;
	background: #4d4d4d;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

form {
	margin: 0px;
	padding: 0px;
}

a {
	color: black;
	text-decoration: none;
}

a img {
	border: 0;
}

.titres {
	line-height: 28px;
	padding: 0 10px 10px 10px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	background: url('/images/titres.jpg') repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

h2.titres a {
	color: white;
}

button {
	width: 300px;
	margin: 0;
	padding: 0;
	border-style: none;
	border: 1px solid #808080;
	background: url('/images/button.gif') bottom repeat-x;
	text-align: center;
}

#intro {
	padding: 5px 10px;
	background: #F3FFEC;
	border: 1px solid #3AA400;
	font-size: 14px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
}

#intro p {
	padding: 5px 0;
	text-align: justify;
}

#intro a {
	text-decoration: underline;
}

#xiti-logo {
	float: right;
}

/*---------- Structure ----------*/
#global {
	background: white url('/images/global.jpg') top center repeat-x;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
}

#top {
	height: 149px;
	background: url('/images/top.jpg') no-repeat;
}

#top #logo {
	position: absolute;
}

#menu {
	height: 77px;
	border-top: 1px solid #ffa800;
	background: url('/images/menu.jpg') no-repeat;
}

#menu li {
	float: left;
	width: 203px;
	line-height: 57px;
	padding: 20px 0 0 10px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#menu li a {
	display: block;
	color: white;
}

#menu li a:hover {
	background: url('/images/menu_a_hover.png') center bottom no-repeat;
}

#content {
	padding: 40px 0;
}

#leftside {
	float: left;
	width: 638px;
}

#rightside {
	float: right;
	width: 300px;
}

.rightside_pub, .rightside_pub_60 {
	height: 250px;
	padding: 5px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.rightside_pub_60 {
	height: 60px;
}

#footer {
	margin: 0 auto;
	background: #4d4d4d url('/images/footer.jpg') repeat-x;
}

#infooter {
	width: 950px;
	margin: 0 auto;
	padding: 40px 0 20px 0;
	color: white;
}

#infooter a {
	margin: 0 5px;
	color: white;
}

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

.bloc_footer {
	float: left;
	width: 240px;
	line-height: 20px;
	margin: 0 30px 0 0;
	padding: 10px;
	border: 1px solid white;
	background: #4d4d4d;
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
}

.bloc_footer_titre {
	position: absolute;
	margin: -30px 0 0 0;
}
/*---------- Structure ----------*/


/*---------- Accueil ----------*/
#accueil {
	margin: 15px 0 0 0;
}

#accueil .bloc {
	float: left;
	width: 152px;
	margin: 15px 0;
	padding: 0;
	border: 0;
}

#a_occasion .bloc {
	padding: 10px;
}

#accueil .bloc h3, #a_occasion .bloc h3, #a_guide .bloc h3 {
	line-height: 20px;
	padding: 0 0 0 30px;
	font-size: 14px;
	background: url('/images/fleche.jpg') center left no-repeat;
}

#a_guide .bloc h3 {
	background: url('/images/fleche.jpg') no-repeat;
}

#accueil .bloc ul {
	margin: 5px 0 0 0;
}

#a_occasion .bloc ul {
	margin: 5px 0 0 30px;
}

#accueil .bloc li, #a_occasion .bloc li, #a_guide .bloc li {
	padding: 0 0 0 25px;
	font-size: 11px;
	background: url('/images/fleche_verte.gif') center left no-repeat;
}

#a_guide .bloc li {
	padding: 5px 0 0 30px;
	background: url('/images/fleche_verte.gif') left 5px no-repeat;
	color: #4d4d4d;
	text-align: justify;
}

#accueil .bloc li span.modeles, #a_occasion .bloc li span.modeles {
	color: #0075B2;
}

#accueil .bloc li span.annonces, #a_occasion .bloc li span.annonces {
	color: #539300;
}

#accueil .bloc li span.remise {
	color: #0058B2;
}

#accueil .bloc li span.prix, #a_occasion .bloc li span.prix {
	color: red;
}
/*---------- Accueil ----------*/


/*---------- Catalogue ----------*/
#selector {
	padding: 0 0 5px 0;
	border-bottom: 1px solid black;
}

#selector li {
	float: left;
	width: 212px;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
}

#selector li a {
	display: block;
	padding: 0 0 0 30px;
	background: url('/images/fleche.jpg') center left no-repeat;
}

#selector li a:hover {
	background: url('/images/fleche_hover.jpg') center left no-repeat;
}

#selector li a span {
	color: red;
	font-size: 11px;
	font-weight: normal;
}

.more_marque {
	width: 16px;
	line-height: 28px;
	margin: 0 2px 0 5px;
	background: url('/images/btn_plus.png') center no-repeat;
}
.more {
	float: right;
	display: none;
	width: 16px;
	height: 25px;
	margin: 0 10px 0 0;
	background: url('/images/btn_plus.png') center no-repeat;
}
.more_box_title {
	position: absolute;
	z-index: 10;
	width: 212px;
	line-height: 24px;
	margin: -25px 0 0 0;
	background: url('/images/bg_selector_more.png') repeat;
	border-top: 1px solid #C6A802;
	border-left: 1px solid #C6A802;
	border-right: 1px solid #C6A802;
	border-bottom: 1px solid #FFFFDD;
	text-align: center;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.more_box_title .close {
	float: right;
	margin: 5px 5px 0 0;
}
.more_box_title .close:hover {
	cursor: pointer;
}
.more_box {
	position: absolute;
	width: 616px;
	padding: 10px;
	background: url('/images/bg_selector_more.png') repeat;
	border: 1px solid #C6A802;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#selector .more_box a {
	float: left;
	width: 277px;
	padding: 0 0 0 21px;
	background: url('/images/more_box_fleche.png') center left no-repeat;
}
#selector .more_box a:hover {
	background: url('/images/more_box_fleche.png') center left no-repeat;
}

#selector .more_box #more_box_modeles {
	clear: both;
	display: none;
	padding: 15px 0 0 0;
}
#selector .more_box #more_box_modeles li {
	width: 198px;
}
#selector .more_box #more_box_modeles a {
	width: auto;
}
/*---------- Tri ----------*/
#tri {
	line-height: 20px;
	margin: 15px 0 0 0;
	border-bottom: 1px solid black;
}

.tri_bloc {
	padding: 0 0 10px 0;
}

.tri_submit {
	padding: 0 0 5px 0;
}

.tri_titre {
	padding: 2px 5px;
	border-bottom: 1px solid #c0c0c0;
	font-weight: bold;
	background: #E8F5FF url('/images/fleche_titre_tri.gif') 98% center no-repeat;
}

.tri_titre span {
	float: right;
}

.liste_filtre, .liste_filtre_unique {
	width: 300px;
	padding: 10px 0 0 0;
}

.liste_filtre li {
	float: left;
	width: 125px;
	padding: 0 0 0 25px;
	background: url('/images/fleche_verte.gif') center left no-repeat;
}

.liste_filtre_unique li {
	line-height: 22px;
	padding: 0 0 0 30px;
	background: url('/images/fleche_verte.gif') center left no-repeat;
}

.liste_filtre li span {
	color: red;
	font-size: 9px;
}
/*---------- Tri ----------*/

/*------- decouvrir -------*/
#decouvrir {
	padding: 15px 0 0 0;
}

#decouvrir a {
	line-height: 20px;
	padding: 0 0 0 30px;
	background: url('/images/fleche.jpg') center left no-repeat;
	font-weight: bold;
	color: #0075B2;
}

#decouvrir p {
	margin: 0 0 5px 0;
	padding: 0 0 5px 30px;
	text-align: justify;
	font-size: 11px;
	border-bottom: 1px solid black;
}
/*------- decouvrir -------*/

#catalogue {
	float: right;
	width: 468px;
	margin: 15px 0 0 0;
}

#catalogue #intro {
	margin: 0 0 15px 0;
}

.bloc, .c_pub {
	padding: 15px 0;
	border-bottom: 1px solid #c0c0c0;
}

#catalogue .c_bloc {
	float: left;
	width: 468px;
	padding: 20px 0 0 0;
}

#catalogue .c_bloc:hover {
	background: #FFFFDB;
}

#catalogue .c_thumb {
	float: left;
	
}

#catalogue .c_thumb img {
	width: 100px;
	border: 2px solid #c0c0c0;
}

#catalogue .c_infos {
	margin: 0 90px 0 114px;
}

#catalogue .c_infos div {
	color: #539300;
}

#catalogue .c_detail {
	float: right;
	width: 80px;
	text-align: center;
}

#catalogue .c_detail .prix {
	padding: 0 0 5px 0;
	color: red;
	font-size: 14px;
	font-weight: bold;
}

#catalogue .c_detail .remise {
	padding: 0 0 5px 0;
	color: #0058B2;
	font-weight: bold;
}

#catalogue .c_detail a img {
	border: none;
}

#catalogue .bloc_plus {
	position: absolute;
	display: none;
	line-height: 14px;
	margin: 1px 0 0 0;
	padding: 0 5px;
	background: red;
	font-size: 11px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*---------- Pager ----------*/
#pager {
	clear: both;
	padding: 20px 0;
	text-align: center;
}

#pager a {
	margin: 0 2px;
	padding: 2px 5px;
	border: 1px solid #808080;
	background: url('/images/button.gif') bottom repeat-x;
}

#pager a:hover {
	background: #FFFF7A;
}
/*---------- Pager ----------*/
/*---------- Catalogue ----------*/


/*---------- Fiche ----------*/
#ariane {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #c0c0c0;
	font-size: 13px;
	font-weight: bold;
	color: #539300;
}

#ariane a {
	color: #539300;
}

#fiche {
	float: right;
	width: 468px;
	margin: 20px 0 0 0;
}

#fiche h1 {
	padding: 0 10px 20px 10px;
}

#fiche h2 {
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 2px 5px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 14px;
	font-weight: bold;
	background: #E8F5FF url('/images/fleche_titre_tri.gif') 99% center no-repeat;
}

#fiche table {
	width: 100%;
}

#fiche td {
	padding: 5px 0;
}

#fiche td.f_titres {
	width: 170px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	background: url('/images/fleche.jpg') left 3px no-repeat;
}

#fiche td.f_prix {
	font-weight: bold;
	color: #E96300;
	font-size: 13px;
}

#fiche td a {
	color: #0075B2;
	border-bottom: 1px dotted #0075B2;
}

#fiche td span.bonus {
	color: green;
}

#fiche td span.malus {
	color: red;
}

#fiche #more {
	margin: 30px 0 0 0;
	padding: 3px 0;
	text-align: center;
}

#fiche #more a {
	margin: 0 5px;
	padding: 2px 5px;
	border: 1px solid #808080;
	background: url('/images/button.gif') bottom repeat-x;
}

/*----- Fiche Ajax -----*/
.fiche_ajax {
	float: left;
	display: none;
	width: 468px;
	margin: 15px 0 0 0;
}

.fiche_ajax h2 {
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 2px 5px;
	border-bottom: 1px solid #c0c0c0;
	font-size: 14px;
	font-weight: bold;
	background: #E8F5FF url('/images/fleche_titre_tri.gif') 99% center no-repeat;
}

.fiche_ajax table {
	width: 100%;
}

.fiche_ajax td {
	padding: 5px 0;
}

.fiche_ajax td.f_titres {
	width: 170px;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	background: url('/images/fleche.jpg') left 3px no-repeat;
}

.fiche_ajax td.f_prix {
	font-weight: bold;
	color: #E96300;
	font-size: 13px;
}

.fiche_ajax td a {
	color: #0075B2;
	border-bottom: 1px dotted #0075B2;
}

.fiche_ajax td span.bonus {
	color: green;
}

.fiche_ajax td span.malus {
	color: red;
}

.fiche_ajax .more {
	margin: 30px 0 0 0;
	padding: 3px 0;
	text-align: center;
}

.fiche_ajax .more a {
	margin: 0 5px;
	padding: 2px 5px;
	border: 1px solid #808080;
	background: url('/images/button.gif') bottom repeat-x;
}
/*----- Fiche Ajax -----*/

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

#autre .f_infos {
	float: left;
	width: 210px;
}

#autre .f_detail {
	float: left;
	width: 80px;
	padding: 0 0 0 10px;
	text-align: center;
}

#autre .f_detail .prix {
	padding: 0 0 5px 0;
	color: red;
	font-size: 14px;
	font-weight: bold;
}

#autre .f_detail .remise {
	padding: 0 0 5px 0;
	color: #0058B2;
	font-weight: bold;
}

#autre .f_detail a img {
	border: none;
}
/*---------- Fiche ----------*/

/*---------- Recherche Détaillée ----------*/
#recherche_detaillee {
	padding: 20px 0 0 0;
	background: url('/images/form_recherche.gif') left 1px repeat-x;
}
/*---------- Recherche Détaillée ----------*/

/*---------- Demandes ----------*/
.demandes_detail {
	float: right;
}

.demandes_infos {
	line-height: 18px;
	padding: 0 0 0 25px;
	background: url(/images/fleche_verte.gif) no-repeat;
}
/*---------- Demandes ----------*/

/*---------- Menu Plus ----------*/
#menu_plus {
	position: absolute;
	display: none;
	z-index: 50;
	width: 600px;
	margin: 0 0 0 330px;
	padding: 10px;
	background: black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#menu_plus_ul {
	position: absolute;
	display: none;
	z-index: 60;
	width: 600px;
	margin: 10px 0 0 340px;
	background: white;
}

#menu_plus_ul .bloc {
	padding: 10px;
}

#menu_plus_ul p {
	padding: 5px 0;
}
/*---------- Menu Plus ----------*/

/*---------- Web 2.0 ----------*/
#bgframe {
	position: absolute;
	display: none;
	padding: 10px;
	background: black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*---------- Web 2.0 ----------*/

/*---------- Créer compte ----------*/
#frame_compte {
	position: absolute;
	width: 100%;
	top: 238px;
	text-align: center;
}

#creer_compte {
	width: 950px;
	line-height: 19px;
	margin: 0 auto;
	text-align: left;
	color: #0059BE;
}

#creer_compte #connexion, #creer_compte #deconnexion {
	float: right;
}

#creer_compte #creercompte, #creer_compte #moncompte {
	float: right;
	margin: 0 10px 0 0;
}

#creer_compte #nouveau {
	float: left;
	padding: 0 10px 0 0;
}

#creer_compte a {
	color: #0059BE;
}

.compte_box {
	position: absolute;
	padding: 10px;
	background: url('/images/bg_selector_more.png') repeat;
	border: 1px solid #C6A802;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*---------- Créer compte ----------*/

/*------ Form création compte ------*/
.form_error {
	float: left;
	color: red;
}
/*------ Form création compte ------*/

/*--------- Menu MonCompte ---------*/
#menu_moncompte {
	margin: 15px 0 0 0;
	border-bottom: 1px solid #4d4d4d;
}

#menu_moncompte li {
	float: left;
}

#menu_moncompte li a {
	display: block;
	line-height: 25px;
	margin: 0 0 0 5px;
	padding: 0 10px;
	background: url('/images/bg_menu_moncompte.gif') repeat-x;
	border: 1px solid #4d4d4d;
	border-bottom: none;
	color: white;
	font-size: 13px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#menu_moncompte li a.selected {
	background: url('/images/bg_menu_moncompte_hover.gif') repeat-x;
}
#menu_moncompte li a:hover {
	background: url('/images/bg_menu_moncompte_hover.gif') repeat-x;
}

.mon-compte {
	padding: 10px;
	background: url('/images/form_recherche.gif') left 1px repeat-x;
}
/*--------- Menu MonCompte ---------*/