html {height: 100%;}

body {
	background: #8b1700;
	height: 100%;
	padding: 0;
	}
a {color: #FF6533;}
a:hover, a:focus {color: #FF4C00;}
strong {color: #A1B55D;}


#global {
	background:url(../images/pamaia_bg.jpg) repeat-y;
	height:auto; width:996px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	}

#entete {
	background:url(../images/pamaia_top.jpg) no-repeat;
	float: left;
	height:300px; width:996px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}
#entete p {
	color: #000000;
	margin: 110px 290px 0px 265px;
	}

/* MENU */
#navigation{background:url(../images/nav.jpg) no-repeat; margin:30px 80px 0px 264px; width:663px; height: 30px; z-index:10; position:relative;}
#navigation ul {display: inline; list-style: none; background: url(../images/nav.jpg) no-repeat; margin: 0; padding: 0; width: 663px; height: 30px;}

#navigation ul li {position:relative; float: left; z-index: 100; margin: 0; padding: 0; height: 30px;}
#navigation ul li a {outline:0; display: block; text-decoration: none; text-indent: -999em; height: 30px;}
#navigation ul li a.current{height: 30px; }
#navigation ul li a:hover{background: url(../images/nav.jpg); background-repeat: no-repeat; background-position: 0px 30px;}
#navigation ul li a.current{background: url(../images/nav.jpg); background-repeat: no-repeat; background-position: 0px -30px;}
#navigation ul li a.current:hover { cursor: default; }	 

#navigation ul li#nav_accueil  {width: 223px; }
#navigation ul li#nav_accueil a:hover {background-position: 0px -30px; }

#navigation ul li#nav_produits  {width: 170px; }
#navigation ul li#nav_produits a:hover {background-position: -223px -30px; }

#navigation ul li#nav_liens {width: 144px;}
#navigation ul li#nav_liens a:hover {background-position: -393px -30px; }

#navigation ul li#nav_contact {width:126px;}
#navigation ul li#nav_contact a:hover {background-position: -537px -30px; }


#contenu {
	background:url(../images/pamaia_ete_2010.jpg) no-repeat; height:auto; width:996px;
	clear:both;
	color: #363B29;
	padding: 10px 20px;
	margin: 0px 0px 0px 0px;
	}
#contenu p {
	color: #000000;
	margin: 20px 90px 0px 245px;
	line-height: 1.5;
	}
#contenu a {color: #332510;}
#contenu a:hover, #contenu a:focus {color: #6E5122;}
#contenu strong {color: #181A12;}
#contenu > :first-child {margin-top: 10px;}
#contenu li {line-height: 1.5;}

#pied {
	background:url(../images/pamaia_footer.jpg) no-repeat; height:141px; width:996px;
	height: 141px;
	padding: 0px 0px;
	color: #E6A948;
	font-size: .85em;
	}
#pied p {margin: .5em 0;}

#promo{
	clear:both;
	height: 175px; width: 996px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#pointis {
	background:url(../images/pointis.png) no-repeat;
	height:4px; width:663px;
	margin: 0px 20px 0px 245px;
	}
#pointis_1 {
	background:url(../images/pointis.gif) no-repeat;
	height:4px; width:663px;
	margin: 195px 20px 0px 245px;
	}

#haut_page {
	height: 20px;
	color: #8b1700;
	font-size: 0.95em;
	text-align: right;
	padding: 10px 90px 10px 0px;
	text-decoration: underline;
	}
#haut_page a {color: #8b1700;}
#haut_page a:hover, #haut_page a:focus {color: #8b1700;}

#barre_produits {
	background:url(../images/barre_produits.jpg) no-repeat;
	height: 30px; width: 663px;
	margin: 25px 20px 0px 245px;
	}
#produits {height: auto; width: 654px;	margin: 15px 0px 0px 245px;}
#ligne_produits {height: 225px;	margin: 0px 0px 5px 0px; padding-top: 0px;}
#produit_gauche {width: 322px; float: left;}
#produit_gauche p{color: #783c00; line-height: 1.1em; margin: 4px 0 0 0;}
#produit_droite{width: 322px; float: right;	margin: 0px -9px 0px 0px;}
#produit_droite p{color: #783c00; line-height: 1.1em; margin: 4px 0 0 0;}
	
#barre_liens {
	background:url(../images/barre_liens.jpg) no-repeat;
	height: 30px; width: 663px;
	margin: 25px 20px 0px 245px;
	}
#liens {
	color: #783c00;
	height: 390px; width: 654px;
	margin: 15px 0px 0px 245px;
	}
#liens a {color: #8b1700; font-weight: bold; text-decoration: underline;}
#liens a:hover {color: #ee7c00;}
#liens_gauche {width: 315px; height: 350px; float: left;}
#liens_droite {width: 315px;	float: right; margin: 0px -10px 0px 0px;}

#barre_contact {
	background:url(../images/barre_contact.jpg) no-repeat;
	height: 30px; width: 663px;
	margin: 25px 20px 0px 245px;
	}
#contact {
	background:url(../images/croix.png) no-repeat; background-position: 550px 10px;
	height: 400px; width: 663px;
	margin: 10px 0px 0px 245px;}
#contact p {color: #000000; margin: 20px 15px 0px 20px;line-height: 1.2em;}
#contact a {color: #be4900; text-decoration:none; margin: 20px 15px 0px 20px;line-height: 1.2em;}

#coordonnees {
	background:url(../images/coordonnees.png) no-repeat;
	height: 18px; width: 159px;
	margin: 10px 0px 0px 20px;
	}
	
#formulaire {
	background:url(../images/fond_contact2.png) no-repeat;
	width:654px; height:254px;
	float:left;
	margin:20px 50px 0px 5px;
	padding: 8px 0 0 0;
}
#formulaire label{
float:left;
width:110px;
color:#000000;
font-weight:normal;
padding: 7px 0 0 15px;
font-size:1em;
}
#formulaire input {
float:right;
border:0px;
background:#f1eed7;
color:#000000;
margin:4px 30px 0 0;
padding-left:5px;
width:490px;
font-size:12px;
height:15px;
}
#formulaire textarea {
float:right;
border:0px;
background:#f1eed7;
color:#000000;
margin:5px 30px 0 0;
padding-left:5px;
width:490px;
height:auto;
}
#formulaire input.validerbtn {
background:url(../images/envoyer.jpg) no-repeat;
position: relative;
width:85px;
height:21px;
float:right;
margin:10px 30px 0 200px;
cursor:pointer;
border:0px;
font-weight:bold;
text-decoration:none;
}

#copyright {
	text-align: right;
	font-size: 1em;
	padding: 50px 70px 50px 50px;
	}