/**
* Mise en forme du site perifruit.com
*/

/* Balises XHTML */
body{
	background:#264125;
	color:#fff;
	font-family:"Lucida Sans Unicode","Trebuchet MS";
	font-size:12px;
}
h1{
	font-size:20px;
	margin:13px 0;
	padding:0;
}
h2{
	font-size:16px;
}
a{
	color:#fff;
}
a img{
	border:none;
}

/* Conteneur de la page */
#page{
	border-top:10px solid #690;
	border-bottom:10px solid #690;
	background:#76b32c;
	width:980px;
	margin:20px auto 0;
}

/* Haut de page */
#haut{
	background:url(/images/fond-header.jpg);
	height:86px;
	border-bottom:5px solid #690;
}
#haut img{
	float:left;
}
#menu{
	float:right;
	list-style:none;
	display:table;
	margin:57px 0 0;
	padding:0;
	width:610px;
}
#menu li{
	display:table-cell;
	padding-right:2px;
}
#menu li a{
	background:url(/images/bouton.jpg) no-repeat;
	color:#76b32c;
	display:block;
	width:100%;
	height:29px;
	line-height:29px;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
#menu a:hover,
#menu a.active{
	background:url(/images/bouton-rollover.jpg);
	color:#fff;
}

/* Contenu */
#contenu{
	float:left;
	width:960px;
	padding:10px;
}

/* Colonnes */
.colonne{
	float:left;
	margin-left:10px;
	width:600px;
	position:relative;
}
.colonne.premiere{
	margin-left:0;
	width:350px;
}
.droite{
	float:right;
}

/* Formulaires */
form fieldset{
	border:none;
}
form fieldset .colonne{
	width:46%!important;
}
form fieldset p{
	clear:left;
}
form fieldset p label{
	display:block;
	float:left;
	width:85px;
}
form fieldset ul{
	list-style:none;
	margin:0;	
	padding:0;
}
form fieldset ul li{
	list-style:none!important;
	line-height:normal!important;
}

/* Boutons suivant/précédent */
a.suivant,
a.precedent{
	background:url(/images/fleches-droite.gif);
	display:inline-block;
	width:11px;
	height:13px;
	margin:0 0 0 10px;
}
a.suivant span,
a.precedent span{
	display:none;
}
a.suivant:hover{
	background:url(/images/fleches-droite-roll.gif);
}
a.precedent{
	background:url(/images/fleches-gauche.gif);
	margin:0 10px 0 0;
}
a.precedent:hover{
	background:url(/images/fleches-gauche-roll.gif);
}

/* Listes */

#contenu ul li{
	list-style-image:url(/images/fleches-droite.gif);
	line-height:20px;
}
#contenu .colonne.premiere ul li{
	line-height:30px;
}
#contenu ul li:hover{
	list-style-image:url(/images/fleches-droite-roll.gif);
}
#contenu ul li a{
	text-decoration:none;
	font-size:14px;
}
#contenu ul li a:hover{
	font-weight:bold;
}
#contenu ul.produits{
	font-size:14px;
	width:595px;/*481px;*/
	height:420px;/*510px;*/
	overflow:hidden;
	margin:0;
	padding:0;
}
#contenu ul.produits li{
	height:100%;
	list-style:none;
	line-height:normal;
	padding-top:13px;
}
#contenu ul.produits li h1{
	margin-top:0;
}
#contenu ul.produits li div.image{
	float:left;
	margin:0 10px 0 0;
	width:350px;
	height:370px;
	background:#690 url(/images/fond-jus-de-fruit.jpg) no-repeat;
	line-height:370px;
	text-align:center;
}
#contenu ul.produits li div.image img{
}
#contenu ul.produits li div{
	margin-top:80px;
}

/* Bas de page */
#bas{
	clear:both;
	background:#fff;
	color:#000;
	padding:10px 0 10px 370px;
	font-size:11px;
	height:78px;
}
#bas a{
	color:#76b32c;
}
#bas a:hover{
	color:#000;
}
#bas ul.menu{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#bas ul.menu li{
	display:inline;
}
#bas ul.menu li a{
	font-weight:bold;
}

/* Page Accueil */
#accueil #contenu{
	background:url(/images/visuel-accueil.jpg) no-repeat;
	margin-bottom:-118px;
}
#accueil #contenu p{
	position:relative;
	z-index:2;
}
#accueil #contenu .colonne.premiere{
	height:484px;
}
#accueil #contenu .colonne{
	height:366px;
}

/* Bouton "Gamme" calé en bas à droite */
a#gamme{
	position:absolute;
	margin:0 -10px -10px 0;
	z-index:1;
	right:0;
	bottom:0;
}

/* Bouton "Nouveautés" calé en haut à droite en absolu dans les pages gamme et nouveautés */
#gamme a#nouveautes,
#nouveautes a#nouveautes{
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}