@charset "UTF-8";
 body {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: url(../Images/background_huile_vierge_000.jpg);
	background-repeat: repeat;
}
 #container {
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 1070px;
}
 #header {
	background-image: url(../Images/background_huile_vierge_001.jpg);
	background-repeat: no-repeat;
	height: 70px;
	float: left;
	width: 1070px;
	margin: 0px;
	padding: 0px;
}
 #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
}
#navigation {
	background-image: url(../Images/background_huile_vierge_002.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 80px;
	width: 1070px;
}
 #mainContent {
	background-image: url(../Images/background_huile_vierge_004.jpg);
	float: left;
	width: 1070px;
	background-repeat: repeat-y;
	padding: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#texte #son
{
			width: 880px;
}

#texte #son table
{
			width: auto;
			height: auto;
}
#texte #son tr td
{
			width: 20%;
			height: auto;
}

#texte #son tr th
{
			text-align: left;
}

#texte table .aop
{
			padding-top: 24px;
			margin: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
}

#texte .aop tr th
{
			width: 15%;
			margin: 0px;
			padding: 0px;
			text-align: left;
}

#texte .aop tr td
{
			text-align: left;
			vertical-align: top;
}

#texte .aop tr td h1
{
			font-size: 170%;
}
#texte {
	background-image: url(../Images/background_huile_vierge_003.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: 658px 0px;
	margin-right: 55px;
	margin-left: 55px;
	width: 878px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#texte .texte_image {
			background-color: #FFFFFF;
			padding: 18px;
			float: left;
			border: thin solid #CCC;
			width: 840px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 18px;
			margin-left: 0px;
}

#texte .texte_image table
{
			width: 96%;
}

#texte .texte_image table tr th
{
			vertical-align: top;
			width: 286px;
			margin: 0px;
			padding: 0px;
}

#texte .texte_image table tr td
{
			vertical-align: top;
			width: 65%;
}

#texte .texte_image img
{
			margin: 0px;
			float: left;
			padding-top: 0px;
			padding-right: 12px;
			padding-bottom: 0px;
			padding-left: 0px;
}
#texte h1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
}
#texte h2 {
			font-size: 115%;
			font-weight: bold;
			color: #5F3539;
			line-height: 125%;
			padding: 0px;
			margin: 0px;
}

#texte h3
{
			font-size: 100%;
			font-weight: bold;
			color: #5F3539;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 8px;
			margin-left: 0px;
			line-height: 125%;
			padding: 0px;
}
#texte p {
			font-size: 100%;
			line-height: 135%;
			color: #333333;
			padding: 0px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 6px;
			margin-left: 0px;
}
#texte ul {
	margin: 0px;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
#texte li {
	font-size: 100%;
	line-height: 135%;
	color: #333333;
	list-style-type: square;
}
#texte #unarbrepourgrece 
{
			background-image: url(../Images/unarbrepourgrece.jpg);
			margin: 0px;
			background-repeat: no-repeat;
			height: 160px;
			padding-top: 10px;
			padding-right: 20px;
			padding-bottom: 0px;
			padding-left: 140px;
			background-color: #FFF;
}

#texte #unarbrepourgrece h1
{
			margin: 0px;
			color: #FFF;
			padding: 0px;
			font-size: 125%;
			font-weight: bold;
}

#texte #unarbrepourgrece h2
{
			margin: 0px;
			color: #FFF;
			padding: 0px;
			font-size: 140%;
			font-weight: bold;
}

#texte #unarbrepourgrece p
{
			margin: 0px;
			color: #FFF;
			padding: 0px;
			font-size: 100%;
			font-weight: normal;
			line-height: 115%;
}
.liste {
	padding: 12px;
	border: 1px solid #CCCCCC;
	margin-bottom: 12px;
	width: 650px;
}
.distinction {
	padding: 12px;
	margin-bottom: 12px;
}
 #footer {
			background-image: url(../Images/background_huile_vierge_005.jpg);
			background-repeat: no-repeat;
			width: 1070px;
			height: 100px;
			margin: 0px;
			float: left;
			padding: 0px;
}
 #footer p {
			color: #FFFFFF;
			font-size: 85%;
			text-decoration: none;
			padding: 0px;
			margin-top: 36px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 350px;
}
#footer  a 
{
			margin: 0px;
			text-decoration: none;
			padding: 0px;
			color: #FFF;
}
#navigation ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 55px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navigation ul li {
	display: inline;
}

/*******************************************************************************************************************************/

#navigation ul li a.btn_accueil {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_accueil.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_accueil:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_accueil_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_presentation {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_presentation.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_presentation:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_presentation_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_produits {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_produits.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_produits:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_produits_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_cadeaux {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_cadeaux.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_cadeaux:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_cadeaux_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_sante {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_sante.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_sante:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_sante_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_recettes {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_recettes.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_recettes:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_recettes_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_commandes {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_commandes.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_commandes:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_commandes_hover.jpg);
	background-repeat: no-repeat;
}

#navigation ul li a.btn_contact {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_contact.jpg);
	background-repeat: no-repeat;
}
#navigation ul li a.btn_contact:hover {
	width: 120px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	display: block;
	float: left;
	background-image: url(../Images/nav_contact_hover.jpg);
	background-repeat: no-repeat;
}

#flashcontent {
	border: solid 1px #000;
	width: 300px;
	height: 300px;
	float: left;
	margin: 15px 20px;
}
.sound {
	background-color: #FFF;
	border: thin solid #999;
	vertical-align: middle;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 12px;
	width: 470px;
}
.sound  p {
	margin: 0px;
	padding: 0px;
}

/********************************************************SCROLLBAR*********************************************************/

#scrolltotop{
		bottom:14px;
		position:fixed;
		right:0;
		z-index:1000;
}
	
#scrolltotop a {
	background-color:transparent;
	background-image:url(../Images/topper.237.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:25px;
	text-indent:-9999px;
	width:58px;
}

#texte table
{
			width: 100%;
}

#texte form fieldset
{
			margin: 0px;
			padding: 0px;
			width: 800px;
}

#texte form fieldset table tr td input
{
			width: 300px;
			font-size: 100%;
			height: 22px;
}

#texte form fieldset table tr th
{
			font-size: 100%;
			font-weight: normal;
			text-align: left;
			margin: 0px;
			width: 170px;
			height: 40px;
			vertical-align: text-top;
			padding: 5px;
}

#texte form fieldset table tr td
{
			vertical-align: top;
			padding: 5px;
}

#texte form fieldset table tr
{
			margin-bottom: 12px;
}

#video
{
			background-color: #000;
			width: auto;
			margin: 0px;
			padding-top: 24px;
			padding-right: 108px;
			padding-bottom: 24px;
			padding-left: 108px;
}
#texte #produit
{
			margin: 0px;
			padding: 12px;
			border: thin solid #CCC;
			background-color: #FFF;
}
#texte #produit table .image_commande
{
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	border: thin solid #999999;
	width: 110px;
}
#texte #produit table .image_commande a
{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
}
#texte #produit table .texte_commande
{
	background-color: #CCCCCC;
	margin: 0px;
	padding: 12px;
	vertical-align: top;
	text-align: left;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
}

#texte #produit table .texte_btnpaypal
{
	background-color: #CCCCCC;
	margin: 0px;
	vertical-align: top;
	text-align: left;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999999;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#texte #produit table .texte_btnpayp p
{
	margin: 0px;
	padding: 0px;
}

#texte #produit table .texte_prix
{
	background-color: #CCCCCC;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	font-size: 100%;
	color: #5F3539;
	font-weight: bold;
	border: thin solid #999999;
	padding: 0px;
}

#texte #produit table h1
{
	font-size: 120%;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#texte #produit table h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	color: #5F3539;
	margin: 0px;
	text-align: center;
}
#texte  #produit  table h4 {
	font-size: 80%;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

#texte #produit table p
{
	font-size: 100%;
	padding: 0px;
	vertical-align: top;
	line-height: 140%;
	margin: 0px;
}
#texte #produit hr {
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 12px;
}
#texte #produit td {
	vertical-align: top;
}

#panier_paypal
{
			padding-top: 0px;
			padding-right: 6px;
			padding-bottom: 9px;
			padding-left: 560px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 12px;
			height: 41px;
			background-image: url(../Images/bandeau_paypal.jpg);
			background-repeat: repeat-x;
}
#texte #produit form {
	padding: 0px;
	margin: 0px;
}

#formulaire
{
			background-color: #CCC;
			padding: 12px;
			border: thin solid #333;
			margin: 0px;
}

#formulaire form fieldset h4
{
			margin-left: 6px;
			margin-bottom: 12px;
			font-weight: bold;
}

#formulaire form fieldset table tr td
{
			width: 22%;
			height: 20px;
}

#formulaire form fieldset table tr th
{
}