@charset "utf-8";

/* CSS Document */



body {

	margin: 0;

	padding: 0;

	font-family: Georgia, "Times New Roman", Times, serif;

	background-color: #3b1c06;

	color: #8e4c1c;

	font-size: 13px;

	}

h1, h2, h3, h4, p, a { margin:0; padding: 0; }

a {

	color: #522606;

	}

a:hover {

	text-decoration: none;

	border-bottom: 1px dotted #522606;

	}

a img { border: none; }

#container {

	width: 800px;

	margin: 0 auto 0 auto;

	background-color: #f6d578;

	}

#tete {

	width: 100%;

	height: 140px;

	background-color: #8e4c1c;

	}

#tete h1 {

	display: block;

	position: absolute;

	top: 0;

	width: 384px;

	height: 140px;

	margin-left: 40px;

	text-indent: -5000px;

	background: url(images/site_titre.png) no-repeat;

	}

#tete a {

	display:block;

	position: relative;

	top: 120px;

	left: 649px;

	width: 151px;

	height: 20px;

	background: url(images/btn_tete_commander.gif) no-repeat;

	text-indent: -5000px;

	}

#tete a.buy { background: url(images/btn_tete_commander_en.gif) no-repeat; }

#navigation {

	width: 100%;

	height: 20px;

	background-color: #522606;

	z-index: 10000;

	}

#contenu {

	padding: 10px 0 15px 0;

	clear: both;

	}

#colG, #colD { float: left; margin-bottom: 20px; }

#colG {

	width: 380px;

	}

#colD {

	width: 420px;

	}

#contenu h2 {

	display: block;

	postition: relative;

	height: 58px;

	text-indent: -5000px;

	margin-left: 23px;

	}

#contenu h2#bienvenue { background: url(images/t_bienvenue.png) no-repeat; width: 189px; }

#contenu h2#bienvenue_en { background: url(images/t_bienvenue_en.png) no-repeat; width: 189px; }

#contenu h2#histoire { background: url(images/t_histoire.png) no-repeat; width: 294px; }

#contenu h2#fabrication { background: url(images/t_fabrication_maison.png) no-repeat; width: 333px; }

#contenu h2#produits { background: url(images/t_produits_boutique.png) no-repeat; width: 439px; }

#contenu h2#actualites { background: url(images/t_actualites.png) no-repeat; width: 174px; }

#contenu h2#boutiques_granville { background: url(images/t_boutiques_granville.png) no-repeat; width: 378px; }

#contenu h2#contact { background: url(images/t_contact.png) no-repeat; width: 148px; }

#contenu h2#liens { background: url(images/t_liens.png) no-repeat; width: 180px; }

#contenu h2#histoire_chocolat { background: url(images/t_histoire_chocolat.png) no-repeat; width: 413px; }

#contenu h2#chocolat_sante { background: url(images/t_chocolat_sante.png) no-repeat; width: 422px; }

#contenu h3 { padding: 0.8em 0 0.6em 25px; }

#contenu p {

	padding: 0 2em 0 2em;

	text-align: justify;

	}

#contenu ul { margin-top: 0; padding-top: 0; }

#contenu ul li { padding-right: 2em; }

#contenu .fd {

	float: right;

	border: 2px solid #8e4c1c;

	margin: 0 2em 0 2em;

	}

#contenu .fg {

	float: left;

	border: 2px solid #8e4c1c;

	margin: 0 2em 0 2em;

	}

#historique { list-style: none; margin: 0; padding: 1em 0 1em 1em; }

#historique li {

	margin:0; padding: 0;

	background: url(images/histo_fond.png) no-repeat;

	}

#historique li .date {

	display: block;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding: 7px 0 0.4em 3em;

	}

#historique li p { padding-bottom: 1em; } 



#contenu #diaporama {

	width: 740px;

	height: 140px;

	margin-left: 30px;

	z-index: 1;

	}

#commander_anim {

	width: 265px;

	height: 190px;

	margin-left: 50px;

	}

#commander {

	display: block;

	width: 167px;

	height: 21px;

	cursor: pointer;

	text-indent: -5000px;

	background: url(images/commander_en_ligne.png) no-repeat;

	margin-left: 95px;

	}

#commander_en {

	display: block;

	width: 167px;

	height: 21px;

	cursor: pointer;

	text-indent: -5000px;

	background: url(images/commander_en_ligne_en.png) no-repeat;

	margin-left: 95px;

	}

#signature {

	display: block;

	width: 203px;

	height: 33px;

	text-indent: -5000px;

	background: url(images/signature.png) no-repeat;

	margin-right: 15px;

	float: right;

	}

.f_bienvenue {

	background: url(images/bienvenue_boites.png) no-repeat 300px 0px;

	}

.idee {

	display: block;

	height: 50px;

	background: url(images/question.png) no-repeat center left;

	margin-left: 2em;

	padding: 50px 0 0 60px;

	font-weight: bold;

	/*vertical-align: middle;*/

	}

.faux {

	display: block;

	min-height: 50px;

	width: 500px;

	float:right;

	background: url(images/faux.png) no-repeat center left;

	}

.vraifaux {

	display: block;

	min-height: 50px;

	width: 500px;

	float:right;

	background: url(images/vrai_faux.png) no-repeat center left;

	}

#transfo_feves {

	display: block;

	width: 730px;

	height: 360px;

	margin-left: 10px;

	text-indent: -5000px;

	background: url(images/transfo_feves.jpg) no-repeat center;

	}

#colD .lien { margin-left: 2em; }

#pied {

	clear: both;

	height: 30px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	border-top: 4px solid #522606;

	background-color: #8e4c1c;

	color: #f6d578;

	}

#pied p {

	line-height: 30px;

	text-align: center;

	}

#pied a { color: #f6d578; }

#pied a:hover { color: #522606; }

#pied .flag {

	vertical-align: middle;

	}





/* formulaires */

form { width:400px; }

fieldset { border: 1px solid #8e4c1c; }

fieldset label { line-height:1.8em; }

legend {}

label {

	display:inline-block;

	width:35%;

	padding-left:1em;

	line-height:auto;

	vertical-align:middle;

}

input[type="text"], input[type="password"], select, textarea {

	width:50%;

	}



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