/* Mise en forme du site perigord-vdl.fr */

/* Balises standard */
body{
	text-align:center;
	font-family:"lucida sans",lucida,sans;
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
}
a{
	color:#000;
	text-decoration:none;
}
a img{
	border:none;
}
h1{
	font-size:18px;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
h1,h2,h3,p{
	margin:10px 0 10px 0;
	padding:0;
}
hr{
	clear:both;
	border:none;
	border-bottom:1px dotted #999;
	background:#fff;
	color:#fff;
}
s{
	color:red;
}

/* Mise en forme des éléments de formulaires */
#contact form{
	text-align:center;
}
fieldset{
	border:none;
	width:800px;
	margin:10px auto;
	text-align:left;
}
fieldset p{
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:150px;
}
fieldset label span.required{
	color:red;
	margin:0 0 0 5px;
}
fieldset ul{
	margin:0;
	padding:0;
	list-style:none;
}
fieldset ul li label{
	float:none;
	width:auto;
}
.bouton{
	width:147px;
	height:44px;
	background:url(/images/bouton.jpg);
	color:#abe2b7;
	text-decoration:none;
	border:none;
	cursor:pointer;
}
.bouton:hover,
.bouton.selected{
	color:#fff;
}
a.bouton{
	display:block;
	float:left;
	margin-right:10px;
	display:block;
	line-height:44px;
	text-align:center;
}

/* Conteneur de la page */
#page{
	width:1000px;
	margin:0 auto;
}

/* Menus (haut et bas de page) */
ul.menu{
	list-style:none;
	margin:0;
	padding:0;
}

/* Haut de page */
#haut{
	float:left;
	width:100%;
	background:url(/images/fond_entete.jpg);
}
#haut h1{
	float:left;
	margin:0;
}
#haut h1 a{
	display:block;
	background:url(/images/logo_pvdl.png);
	width:304px;
	height:109px;
}
#haut h1 a span{
	display:none;
}
#haut address{
	float:right;
	display:block;
	background:url(/images/bandeau_adresse.png);
	width:286px;
	height:30px;
	padding:24px 150px 40px 10px;
	color:#2c5226;
	font-style:normal;
	font-weight:bold;
}
#haut ul.menu{
	clear:both;
	width:900px;
	margin:0 auto;
}
#haut ul.menu li{
	float:left;
	margin:0 -5px;
}
#haut ul.menu li a{
	display:block;
	background:url(/images/onglet.png);
	width:160px;
	height:38px;
	color:#cfc;
	font-size:13px;
	line-height:38px;
	position:relative;
	z-index:1;
}
#haut ul.menu li a:hover,
#haut ul.menu li.selected a{
	background:url(/images/onglet_roll.png);
	color:#fff;
}
#haut ul.menu li.selected a{
	z-index:1000;
}
#haut h2{
	clear:left;
	background:url(/images/fond_bandeau.jpg);
	color:#fff;
	height:40px;
	line-height:40px;
	margin:0;
}

/* Milieu */
#milieu{
	text-align:left;
}

/* Colonne de gauche */
.colonne#gauche{
	float:left;
	width:200px;
}
.colonne#gauche ul.menu{
	background:none;
	text-align:left;
	width:100%;
}
.colonne#gauche ul.menu li{
	display:block;
	background:url(/images/separateur_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/rollover_menu.gif) no-repeat;
}
.colonne#gauche ul.menu li.selected > a{
	color:#093;
}

/* Contenu */
#contenu,
.panneau{ /* Compatibliité avec le module PRO IRCF Commerce */
	float:left;
	width:580px;
	margin:0 20px 0 0;
}
#contenu .colonne{
	float:left;
	margin:0 2% 0 0;
}
#contenu .colonne.un_demi{
	width:48%;
}
#contenu .separateur{
	clear:both;
}

/* Colonne de droite */
.colonne#droite{
	text-align:center;
	float:left;
	width:200px;
}
.colonne#droite #caddie{
	border:1px solid #40882d;
	text-align:left;
}
.colonne#droite #caddie h1{
	margin:0;
}
.colonne#droite #caddie h1 a{
	display:block;
	background:#40882d 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:198px;
	height:165px;
}
.colonne#droite #marques,
.colonne#droite #partenaires{
	list-style:none;
	margin:0;
	padding:0;
}

/* Aperçu du caddie */
#caddie-contenu{
	padding:10px;
}
#caddie-contenu p{
	margin:0 0 10px 0;
}
#caddie-contenu p strong{
	display:block;
	font-size:16px;
}

/* Bas de page */
#bas{
	clear:both;
	float:left;
	width:100%;
	background:url(/images/ombre_bas.gif) repeat-x;
	padding:20px 0 0 0;
}
#bas ul.menu{
	background:#bad697;
	line-height:25px;
	margin:0;
	padding:0;
}
#bas ul.menu li{
	display:inline;
}
#bas ul.menu li a{
	color:#2c5226;
	padding:0 10px;
}
#bas ul.menu li a:hover{
	color:#000;
}
#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 small{
	display:block;
}
#bas ul#conditions li#livraison{
	text-align:left;
	background:url(/images/logo_poste.gif) no-repeat 180px 10px;
}
#bas ul#conditions li#telephone{
	text-align:left;
	background:url(/images/telephone.jpg) no-repeat right;
}
#bas address{
	background:#bad697;
	font-style:normal;
	line-height:20px;
	font-size:11px;
}

/*Page d'accueil */
#accueil{
}

/* Fil d'ariane */
#ariane{
	font-size:10px;
}
#ariane span{
	padding:0 5px;
}

/* Articles */
ul.articles{
	width:100%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
ul.articles li{
	width:100%;
	float:left;
}
ul.articles li h2{
	margin:0 0 10px 0;
	padding:0;
}
ul.articles li a.bouton{
	float:right;
}
ul.articles li span.promo{
	display:block;
	width:40px;
	height:40px;
	background:url(/images/promo.png) no-repeat;
	position:absolute;
	margin:0 0 0 162px;
}
ul.articles li span.promo span{
	display:none;
}
ul.articles li span.vendu{
	position:absolute;
	width:200px;
	height:150px;
	z-index:10;
	margin:40px 0 0 80px;
	background:url(/images/vendu-diagonal.png) no-repeat;
}
ul.articles li span.vendu span{
	display:none;
}
#rechercher{
	clear:left;
}
#rechercher input{
	margin-left:10px;
}
#rechercher button{
	font-size:10px;
}
#pages{
	clear:left;
	list-style:none;
	margin:0;
	padding:20px 0 20px 0;
}
#pages li{
	display:inline;
}
#pages li a{
	padding:0 10px;
}
/* Diaporamas */
ul.images{
	list-style:none;
	margin:0;
	padding:0;
}
ul.images li{
	float:left;
	width:180px;
	padding:0 10px 10px 0;
}
ul.images li.separateur{
	float:none;
	width:100%;
}
ul.images li span{
	display:block;
	text-align:center;
}
ul.images li img{
	width:180px;
}
.image{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}
.image img{
	border:1px solid #ccc;
}
/* Fiche article */
#article .image img{
	width:400px;
}
#article fieldset{
	width:auto;
}
#article fieldset label{
	width:auto;
}
.boutons{
	clear:both;
}
/* Famille */
#famille .image {
	float:right;
	margin:0 0 0 10px;
}

/* Commerce */
.etape{
	font-size:9px;
}
.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;
}

/* Page d'accueil */
#accueil #contenu{
	width:100%;
	margin:0;
}

/* Galerie photo */
/*
.gallery ul{
	position:relative;
	margin:0;
	padding:0!important;
	overflow:hidden;
	width:100%;
	height:620px;
	list-style:none!important;
}
.gallery ul li{
	position:absolute;
	width:100%;
	height:620px;
	padding:0!important;
}
.gallery ul li a.image img{
	width:478px;
}*/

/* Marquees */
.marquee{
    position: relative;
	overflow: hidden;
	width:100%;
	height:540px;
	min-height:400px;
}
.marquee div{
	position: absolute;
	width:480px;
}