/*
Author: Benjamin Bouwyn
Author URI: http://www.benjaminbouwyn.com/
*/





/*
Initializer
*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

.clear {
	clear:both;
}





/*
Containers
*/

body {
	background:#425538 url(../img_interf/background-vert.png) top center repeat-y;
	font-family: Arial, sans-serif;
}

.page {
	width:900px;
	margin:0 auto;
	background:#ffffff;
}






/*
Header
*/

.header {
	position:relative;
	width:900px;
	height:240px;
	background:url(../img_interf/header.png) top center no-repeat;
}

.header .logo {
	position:absolute;
	top:0;
	left:73px;
	width:170px;
	height:210px;
	overflow:hidden;
	z-index:10;
	background:url(../img_interf/logo.png) top center no-repeat;
}

.header .logo h1 {
	text-indent:300px;
}

.header ul {
	position:absolute;
	top:150px;
	left:0;
	width:900px;
	height:30px;
	overflow:hidden;
	background:url(../img_interf/background-menu.png) center center repeat-x;
	border-top:1px solid #e0cf58;
	border-bottom:1px solid #e0cf58;
	list-style-type:none;
}

.header ul li {
	height:12px;
	float:left;
	color:#675286;
	font-size:12px;
	line-height:12px;
	text-align:center;
	padding:9px 0;
}

.header ul a:link, .header ul a:active, .header ul a:visited, .header ul a:hover {
	text-decoration:none;
	color:#675286;
}

.header a li:hover {
	background: #fde8af;
}

.header .border {
	border-right:1px solid #e0cf58;
}

.header .item-accueil {
	width:83px;
	margin-right:120px;
}

.header .item-ferme {
	width:87px;
	padding-left:38px;
}

.header .item-qualite {
	width:131px;
}

.header .item-resto {
	width:199px;
}

.header .item-boutique {
	width:82px;
}

.header .item-sejour {
	width:156px;
}

.header .panier-header {
	position:absolute;
	top:2px;
	right:4px;
	font-size:9px;
	texte-align:right;
	color:#fbecc6;
}

.header .panier-header a:link, .header .panier-header a:active, .header .panier-header a:visited, .header .panier-header a:hover {
	text-decoration:none;
	color:#fbecc6;
}

.header .bulle-frais-port {
	position:absolute;
	top:15px;
	right:47px;
	width:118px;
	height:22px;
	padding:10px 3px 3px 3px;
	overflow:hidden;
	background:url(../img_interf/bulle-frais-port.png) bottom center no-repeat;
	font-size:9px;
	color:#73512e;
	text-align:center;
}




/*
footer
*/

.footer {
	width:820px;
	font-size:10px;
	color:#333333;
	margin:20px 40px 0 40px;
	padding:15px 0;
	border-top:1px solid #aaaaaa;
}

.footer a:link, .footer a:active, .footer a:visited {
	text-decoration:none;
	color:#333333;
}

.footer a:hover {
	text-decoration:underline;
	color:#333333;
}

.paiement-secu {
	width:171px;
	float:left;
	text-align:center;
}

.infos-footer {
	width:599px;
	float:left;
	margin-left:20px;
	padding-left:19px;
	text-align:left;
	border-left:1px solid #aaaaaa;
}




/*
content
*/

.content-accueil, .content-produit, .content-recette, .content-redac, .content-panier, .content-historique {
	width:820px;
	margin:0 40px;
}

.content-boutique {
	width:837px;
	margin:0 31px 0 32px;
}



/*
Accueil
*/

.accueil-ferme {
	position:relative;
	width:530px;
	height:315px;
	padding:30px 260px 0 30px;
	margin-bottom:20px;
	background: url(../img_interf/accueil-nadeau.png) top center no-repeat;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.accueil-ferme h2 {
	color:#fbecc6;
	font-size:16px;
	font-weight:normal;
	margin-bottom:25px;
}

.accueil-ferme p {
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	margin-bottom:25px;
}

.accueil-ferme .links {
	position:absolute;
	top:290px;
	left:30px;
	color:#7d5b9b;
	font-size:12px;
	font-weight:normal;
}

.accueil-ferme a:link, .accueil-ferme a:active, .accueil-ferme a:visited {
	color:#7d5b9b;
	text-decoration:none;
}

.accueil-ferme a:hover {
	color:#7d5b9b;
	text-decoration:underline;
}

.accueil-ferme .link-qualite {
	margin-left:150px;
}

.accueil-ferme .accueil-logos-qualite {
	position:absolute;
	top:-15px;
	left:187px;
}

.accueil-sejour {
	float:left;
	width:400px;
	height:120px;
	background: url(../img_interf/accueil-sejour.png) top center no-repeat;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:14px;
}

.accueil-sejour a:link, .accueil-sejour a:active, .accueil-sejour a:visited, .accueil-sejour a:hover {
	color:#ffffff;
	text-decoration:none;
}

.link-sejour {
	padding: 47px 30px 40px 219px;
}

.accueil-boutique {
	float:left;
	width:400px;
	height:120px;
	margin-left:20px;
	background: url(../img_interf/accueil-boutique.png) top center no-repeat;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size:14px;
}

.accueil-boutique a:link, .accueil-boutique a:active, .accueil-boutique a:visited, .accueil-boutique a:hover {
	color:#ffffff;
	text-decoration:none;
}

.link-boutique {
	padding: 53px 10px 40px 160px;
}




/*
Redac
*/

.content-redac h2 {
	width:100%;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.content-redac {
	color:#000000;
	font-size:12px;
	font-weight:normal;
}




/*
Boutique
*/

.content-boutique h2 {
	width:820px;
	margin:0 9px 0 8px;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.content-boutique .produit-boutique {
	float:left;
	width:150px;
	height:180px;
	overflow:hidden;
	margin:10px 9px 20px 8px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#ffffff url(../img_interf/bg-fiche-boutique-off.png) no-repeat;
	background-position:0 104px;
}

.content-boutique .produit-boutique:hover {
	background:#f0eae4 url(../img_interf/bg-fiche-boutique.png) no-repeat;
	background-position:0 104px;
}

.content-boutique a:link, .content-boutique a:active, .content-boutique a:visited, .content-boutique a:hover {
	text-decoration:none;
}

.content-boutique h3 {
	padding:0 3px;
	margin-top:10px;
	font-size:12px;
	text-align:center;
	color:#4d4d4D;
	text-decoration:none;
}

.content-boutique p {
	font-size:10px;
	text-align:center;
	color:#4d4d4D;
	margin-bottom:10px;
	padding:0 3px;
}

.content-boutique .produit-boutique .icon-produit {
	width:150px;
	height:100px;
	text-align:center;
	padding-top:3px;
}





/*
Produit
*/

.content-produit h2 {
	width:100%;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.fiche-produit-categorie {
	font-size:16px;
	color:#000000;
}

.fiche-produit-categorie-description {
	font-size:12px;
	color:#000000;
	margin-bottom:20px;
}

.bandeau-produit {
	position:relative;
	width:800px;
	height:100px;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4 url(../img_interf/bg-bandeau-produit.png) no-repeat;
	background-position:635px 0;
}

.icon-bandeau-produit {
	float:left;
}

.titre-bandeau-produit {
	float:left;
	line-height:20px;
	font-size:20px;
	font-weight:normal;
	margin:40px 0 40px 15px;
	color:#333333;
}

.bandeau-produit-droite {
	position:absolute;
	top:0;
	right:0;
	width:180px;
	height:100px;
}

.prix-produit {
	position:absolute;
	top:36px;
	right:10px;
	width:160px;
	height:28px;
	font-size:28px;
	text-align:center;
	color:#7d5b9b;
	font-weight:bold;
}

.ajout-produit a:link, .ajout-produit a:active, .ajout-produit a:visited, .ajout-produit a:hover {
	position:absolute;
	top:67px;
	right:37px;
	width:92px;
	height:11px;
	text-decoration:none;
	padding:3px 7px;
	font-size:9px;
	text-align:center;
	color:#ffffff;
	background:#7d5b9b;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.produit-description {
	float:left;
	width:300px;
	font-size:12px;
	color:#000000;
}

.produit-description a:link, .produit-description a:active, .produit-description a:visited, .produit-description a:hover {
	text-decoration:underline;
}

.produit-miniatures {
	float:left;
	width:70px;
	padding:5px 5px 0 5px;
	margin-left:20px;
	text-align:center;
	background:#fcfcfc;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.produit-miniatures img {
	max-width:100%;
	margin-bottom:5px;
}

.produit-galerie {
	float:left;
	width:400px;
	height:300px;
	margin-left:20px;
	text-align:center;
	background:#fcfcfc;
}

.produit-galerie img {
	max-width:100%;
	max-height:100%;
}

.titre-produit-associe {
	width:100%;
	color:#aaaaaa;
	font-size:15px;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #aaaaaa;
}

.produit-associe {
	width:840px;
}

.produit-associe h4 {
	width:820px;
	margin:0 17px 0 0;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.produit-associe .produit-boutique {
	float:left;
	width:150px;
	height:180px;
	overflow:hidden;
	margin:10px 17px 20px 0;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#ffffff url(../img_interf/bg-fiche-boutique-off.png) no-repeat;
	background-position:0 104px;
}

.produit-associe .produit-boutique:hover {
	background:#f0eae4 url(../img_interf/bg-fiche-boutique.png) no-repeat;
	background-position:0 104px;
}

.produit-associe a:link, .produit-associe a:active, .produit-associe a:visited, .produit-associe a:hover {
	text-decoration:none;
}

.produit-associe h3 {
	padding:0 3px;
	margin-top:10px;
	font-size:12px;
	text-align:center;
	color:#4d4d4D;
	text-decoration:none;
}

.produit-associe p {
	font-size:10px;
	text-align:center;
	color:#4d4d4D;
	margin-bottom:10px;
	padding:0 3px;
}

.produit-associe .produit-boutique .icon-produit {
	width:150px;
	height:100px;
	text-align:center;
	padding-top:3px;
}






/*
Panier
*/

.content-panier h2 {
	width:100%;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.content-panier table {
	border-spacing:0;
	font-size:12px;
	color:#000000;
	border:2px solid #7d5b9b;
	border-collapse: collapse;
}

.content-panier .table1 {
	width:820px;
}

.content-panier td, .content-panier th {
	border:1px solid #e4daf2;
	height:20px;
	padding:0 3px;
}

.content-panier .border-none {
	border-left:none;
	border-right:none;
}

.content-panier .plus-moins {
	width:20px;
	padding:0;
}

.content-panier thead td {
	border:none;
}

.content-panier thead {
	background:#7d5b9b;
	color:#ffffff;
	border:none;
}

.content-panier .text-right {
	text-align:right;
}

.content-panier .td-quantite, .content-panier .td-poids, .content-panier .td-prix {
	width:80px;
}

.content-panier .hightlight {
	width:250px;
	background:#7d5b9b;
	color:#ffffff;
	border:none;
}

.content-panier .colonne-right {
	width:300px;
}

.bulle-facture {
	position:relative;
	float:right;
	width:245px;
	height:110px;
}

.big-bulle-frais-port {
	position:absolute;
	top:0;
	right:0;
	width:225px;
	height:30px;
	padding:10px;
	overflow:hidden;
	background:url(../img_interf/big-bulle-frais-port.png) bottom center no-repeat;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

.bulle-paiements {
	position:absolute;
	top:60px;
	right:0;
	width:232px;
	height:42px;
	padding:4px;
	overflow:hidden;
	background:url(../img_interf/paiements.png) bottom center no-repeat;
	font-size:12px;
	color:#000000;
	text-align:center;
}

.link-back-boutique:link, .link-back-boutique:active, .link-back-boutique:visited {
	text-decoration:none;
	float:left;
	display:block;
	width:400px;
	height:12px;
	margin-right:20px;
	margin-top:5px;
	padding:12px 0;
	font-size:12px;
	text-align:center;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.link-back-boutique:hover {
	text-decoration:none;
	color:#ffffff;
	background:#7d5b9b;
}

.link-reset:link, .link-reset:active, .link-reset:visited {
	text-decoration:none;
	float:left;
	display:block;
	width:400px;
	height:12px;
	padding:12px 0;
	margin-top:5px;
	font-size:12px;
	text-align:center;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.link-reset:hover {
	text-decoration:none;
	color:#ffffff;
	background:#ff0000;
}

.box-title {
	font-size:13px;
	text-align:left;
	color:#7d5b9b;
	margin-bottom:10px;
}

.connexion-box-1 {
	float:left;
	width:370px;
	margin-right:20px;
	margin-top:5px;
	padding:15px;
	font-size:12px;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.connexion-box-2 {
	float:left;
	width:370px;
	margin-top:5px;
	padding:15px;
	font-size:12px;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.form-label {
	float:left;
	height:12px;
	padding:4px 0 4px 0;
	color:#000000;
	font-size:12px;
}

.form-input {
	float:right;
	width:200px;
	height:12px;
	padding:2px 2px 2px 2px;
	margin:2px 0 2px 0;
	font-size:12px;
	color:#000000;
	border:1px solid #7d5b9b;
}

.link-back-id:link, .link-back-id:active, .link-back-id:visited, .link-back-id:hover {
	text-decoration:none;
	float:left;
	display:block;
	width:400px;
	height:12px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:15px;
	padding:12px 0;
	font-size:12px;
	text-align:center;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.link-back-id:hover {
	text-decoration:none;
	color:#ffffff;
	background:#7d5b9b;
}

.link-historique:link, .link-historique:active, .link-historique:visited, .link-historique:hover {
	text-decoration:none;
	float:left;
	display:block;
	width:400px;
	height:12px;
	margin-top:5px;
	margin-bottom:15px;
	padding:12px 0;
	font-size:12px;
	text-align:center;
	color:#7d5b9b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#f0eae4;
}

.link-historique:hover {
	text-decoration:none;
	color:#ffffff;
	background:#7d5b9b;
}

.required {
	font-size:12px;
	color:#ff0000;
}

.content-panier .submit-button {
	margin:10px 0 0 0;
	float:right;
	padding:4px 6px;
	font-size:12px;
	border:1px solid #7d5b9b;
	background:#7d5b9b;
	color:#ffffff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.error-message {
	display:block;
	width:100%;
	padding:12px 0;
	margin-top:10px;
	font-size:12px;
	text-align:center;
	color:#ffffff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#ff0000;
}





/*
historique
*/

.content-historique h2 {
	width:100%;
	color:#7d5b9b;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	border-bottom:1px solid #7d5b9b;
}

.historique-commande-title {
	color:#7d5b9b;
	font-size:15px;
	font-weight:normal;
	margin-top:20px;
}

.content-historique .red {
	color:#ff0000;
}

.content-historique .green {
	color:#33cc00;
}

.content-historique table {
	border-spacing:0;
	font-size:12px;
	color:#000000;
	border:2px solid #7d5b9b;
	border-collapse: collapse;
	width:820px;
}

.content-historique td, .content-historique th {
	border:1px solid #e4daf2;
	height:20px;
	padding:0 3px;
}

.content-historique thead td {
	border:none;
}

.content-historique thead {
	background:#7d5b9b;
	color:#ffffff;
	border:none;
}





/*
Contact
*/

.contact {
	width:790px;
	padding:15px;
	margin-top:25px;
	background:#f0eae4;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.contact-title {
	float:left;
	width:150px;
	font-size:13px;
	text-align:left;
	color:#7d5b9b;
}

.contact-form {
	float:right;
	width:590;
}

.contact-form .label-mail {
	float:left;
	width:120px;
	height:14px;
	padding:2px 4px;
	margin-bottom:5px;
	font-size:11px;
	line-height:12px;
	text-align:right;
	color:#000000;
}

.contact-form .champ-mail {
	float:right;
	width:450px;
	height:14px;
	padding:2px 4px;
	margin-bottom:5px;
	font-size:11px;
	line-height:12px;
	color:#000000;
	border:1px solid #7d5b9b;
}

.contact-form .label-texte {
	float:left;
	width:120px;
	height:100px;
	padding:2px 4px;
	margin-bottom:5px;
	font-size:11px;
	line-height:12px;
	text-align:right;
	color:#000000;
}

.contact-form .champ-texte {
	float:right;
	width:450px;
	height:100px;
	padding:2px 4px;
	margin-bottom:5px;
	font-size:11px;
	line-height:12px;
	color:#000000;
	border:1px solid #7d5b9b;
}

.contact-form .submit-button {
	float:right;
	padding:4px 6px;
	font-size:12px;
	border:1px solid #7d5b9b;
	background:#7d5b9b;
	color:#ffffff;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}