/* Feuille de style du site delbonnel.com */

/* Elements XHTML */
body{
	background:#ccc;
	font-family:lucida sans,sans;
	font-size:12px;
	color:#333;
	margin:0;
}
a{
	color:#333;
}
h1{
	font-size:18px;
}
h2{
	color:#000;
	font-size:14px;
}
h3{
	font-size:12px;
}
img{
	border:1px solid #ccc;
}
hr{
	clear:both;
	border:none;
	border-bottom:1px dotted #999;
	background:#fff;
	color:#fff;
}

/* Formulaires */
fieldset{
	border:none;
	margin:0;
	padding:0;
}
fieldset p{
	clear:left;
	margin:0;
	padding:0 0 5px 0;
}
fieldset p label{
	float:left;
	display:block;
	width:180px;
}
.required{
	color:red;
}
input,select,textarea{
	font-size:12px;
	font-family:lucida sans,sans;
	border:1px solid #ccc;
}
input:focus,select:focus,textarea:focus{
	background:#eee;
}

/* Conteneur de la page */
#page{
	width:1000px;
	margin:0 auto 0 auto;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

/* Menus */
ul.menu{
	clear:left;
	list-style:none;
	margin:0;
	padding:0;
	background:#009036;
	color:#c2e2c2;
	text-align:center;
}
ul.menu li{
	display:inline;
}
ul.menu li a{
	text-decoration:none;
	color:#c2e2c2;
}
ul.menu li a:hover,
ul.menu li.selected a{
	color:#fff;
}

/* Boutons */
.bouton{
	width:136px;
	height:37px;
	background:url(/images/bouton_ajouter.png) no-repeat;
	color:#c2e2c2;
	font-size:12px!important;
}
.bouton:hover,
.bouton.selected{
	color:#fff;
	background:url(/images/bouton_caddie.png) no-repeat;
}
a.bouton{
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:37px;
}
input.bouton{
	height:35px;
	padding-bottom:2px;
	border:none;
	cursor:pointer;
}

/* Encadrés */
.encadre{
	clear:left;
	margin-top:20px;
}
.encadre h1{
	background:#009036;
	color:#fff;
	font-size:14px;
	padding:2px 0 2px 10px;
}
.encadre h1 a{
	text-decoration:none;
	color:#fff;
}

/* Haut de page */
#haut{
	background:url(/images/ombre_bouton.gif) repeat-x bottom;
	padding-bottom:3px;
}
#haut h1{
	margin:0;
	padding:0;
}
#haut h1 a{
	display:block;
	background:url(/images/entete.jpg) no-repeat;
	height:150px;
}
#haut h1 a span{
	display:none;
}
#haut ul.menu{
	width:100%;
	float:left;
	background:url(/images/fond_bouton.gif) repeat-x;
}
#haut ul.menu li{
	display:block;
	float:left;
}
#haut ul.menu li a{
	display:block;
	padding:0 17px;
	height:40px;
	line-height:40px;
	border-left:1px solid #03a606;
}
#haut ul.menu li.premier a{
	border-left:none;
}
#haut ul.menu li a:hover,
#haut ul.menu li.selected a{
	background:url(/images/fond_bouton_roll.gif) repeat-x;
}

/* Milieu (colonne de gauche, contenu et droite) */
#milieu{
	float:left;
	padding:20px 0 20px 0;
}
.colonne{
	float:left;
	margin-right:20px;
}
.colonne.un_demi{
	width:45%;
}
.gauche{
	float:left;
	margin:0 10px 10px 0;
}
.droite{
	float:right;
	margin:0 0 10px 10px;
}
.separateur{
	clear:both;
}

/* Colonne de gauche */
.colonne#gauche{
	width:180px;
}
.colonne#gauche ul.menu{
	background:none;
	text-align:left;
	width:100%;
}
.colonne#gauche ul.menu li{
	display:block;
	background:url(/images/separation_menu.gif) no-repeat bottom;
}
.colonne#gauche ul.menu li a{
	display:block;
	color:#000;
	padding:6px 0 6px 20px;
}
.colonne#gauche ul.menu li a:hover,
.colonne#gauche ul.menu li.selected a{
	background:url(/images/degrade_menu.gif) repeat-y;
}
.colonne#gauche ul.menu li.selected a{
	color:#093;
}

/* Colonne de contenu */
.colonne#contenu{
	width:600px;
}
.colonne#contenu p#ariane{
	margin:0;
	font-size:10px;
	border-bottom:1px dotted #999;
	color:#999;
}
.colonne#contenu p#ariane span{
	margin:0 5px 0 5px;
}
.colonne#contenu p#ariane a{
	text-decoration:none;
}

/* Colonne de droite */
.colonne#droite{
	width:160px;
	margin-right:0;
}
.colonne#droite #caddie{
	border:1px solid #9a9a9a;
}
.colonne#droite #caddie h1{
	margin:0;
}
.colonne#droite #caddie h1 a{
	display:block;
	background:#666 url(/images/caddie.gif) no-repeat 10px center;
	color:#fff;
	font-size:14px;
	padding:10px 10px 10px 40px;
	text-decoration:none;
}
.colonne#droite #caddie iframe{
	width:100%;
	height:165px;
}
/* Aperçu du caddie */
#caddie-contenu{
	padding:10px;
	background:#edebec;
}
#caddie-contenu p{
	margin:0 0 10px 0;
}
#caddie-contenu p strong{
	display:block;
	font-size:16px;
}

.colonne#droite #paiement_securise{
	height:80px;
	background:url(/images/sticker_cb_visa.png) no-repeat center;
}
.colonne#droite #paiement_securise span{
	display:none;
}

/* Bas de page */
#bas{
}
#bas ul.menu{
	line-height:27px;
}
#bas ul.menu li a{
	padding:0 0 0 10px;
	background:url(/images/puce.gif) no-repeat left center;
}
#bas ul.menu li a:hover,
#bas ul.menu li.selected a{
	text-decoration:underline;
}
#bas ul.menu li.premier a{
	padding:0;
	background:none;
}
#bas ul#conditions{
	height:110px;
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
	background:#fff url(/images/fond_footer.gif) repeat-x bottom;
}
#bas ul#conditions li{
	float:left;
	width:280px;
	height:110px;
	padding:0 20px 0 20px;
	border-left:1px solid #ccc;
}
#bas ul#conditions li p{
	line-height:17px;
}
#bas ul#conditions li#paiement{
	border-left:none;
	text-align:center;
}
#bas ul#conditions li#paiement img{
	border:none;
}
#bas ul#conditions li#paiement small{
	display:block;
}
#bas ul#conditions li#livraison{
	background:url(/images/logos_poste.gif) no-repeat 180px 10px;
}
#bas ul#conditions li#livraison small{
	display:block;
	background:url(/images/fourgon.png) no-repeat right;
}
#bas ul#conditions li#telephone{
	background:url(/images/telephone.jpg) no-repeat right;
	/* Ajouté par MB le 29/11/2011 suite à la suppression de la boutique */
	border:none;
	margin:0 auto;
	float:none;
}
#bas address{
	clear:left;
	font-style:normal;
	background:#009036;
	color:#fff;
	line-height:27px;
	font-size:11px;
	text-align:center;
}
#bas address a{
	color:#fff;
}

/* Promotions */
span.promo{
	display:block;
	width:40px;
	height:40px;
	background:url(/images/promo.png) no-repeat;
	position:absolute;
}
span.promo span{
	display:none;
}

/* Articles */
ul.articles{
	list-style:none;
	margin:0;
	padding:0;
}
ul.articles a.image{
	float:left;
	margin:0 10px 10px 0;
}
ul.articles div{
	width:448px;
	float:left;
}
ul.articles div h2{
	margin:0 0 10px 0;
	padding:0;
}
ul.articles div h2 a{
	text-decoration:none;
}
ul.articles .bouton{
	float:right;
}
ul.articles .prix{
	font-size:14px;
}
ul.articles span.promo{
	margin:1px 0 0 101px;
}
ul#pages{
	clear:left;
	height:20px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	list-style:none;
	border-bottom:1px dotted #333;
}
ul#pages li{
	float:left;
}
ul#pages li a{
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:14px;
}
ul#pages li a.selected{
	color:#000;
	text-decoration:none;
}
ul.images{
	list-style:none;
	margin:0;
	padding:0;
}
ul.images li{
	float:left;
	margin:0 20px 20px 0;
}
ul.images li span{
	display:block;
	text-align:center;
}
div.article span.promo{
	margin:1px 0 0 561px;
}

/* Commerce */
.panneau{
	float:left;
	margin-right:30px;
	width:600px;
}
.etape{
	font-size:9px;
	color:#999;
}
.etape .enCours{
	color:#000;
}
.etape h1{
	margin:0;
	padding:10px 0 10px 0;
	border-top:1px dotted #999;
	color:#333;
}
table{
	width:100%;
	border-collapse:collapse;
}
table thead th,
table tfoot th{
	border-bottom:1px dotted #999;
}

/* Plan d'accès */
#carte{
	width:600px;
	height:400px;
	border:1px solid #ccc;
}

/* Accueil */
.encadre#bienvenue{
	height:200px;
}
.encadre#occasions_bonnes_affaires{
	height:150px;
}
.encadre#bienvenue *,
.encadre#occasions_bonnes_affaires *{
	/*display:none;*/
}
#accueil #contenu .bouton{
	width:180px;
	height:22px;
	line-height:22px;
	background:url(/images/fond_bouton.gif) repeat-x;
}
#accueil #contenu .bouton:hover{
	background:url(/images/fond_bouton_roll.gif) repeat-x;
}

/* Marques */
#marques #contenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#marques #contenu ul li{
	width:100%;
	float:left;
	clear:both;
	border-bottom:1px dotted #999;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#marques #contenu ul li img{
	float:right;
}