/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	background:url(../images/fd.gif) repeat-x #51453a;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }

a:hover { color: #ac612e; }

a { 
	color: #51453A;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	}


.cache { display:none;  }
.clear {clear:both;}

.colonne {
	float:left;
	position:relative;
	width:47%;
	margin-right:15px;
	}
	
.photo_left {
	float:left;
	margin-right:5px;
	}





/* BLOCS PRINCIPAUX */

#conteneur {
	position:relative;
	width:980px;
	margin:auto;
	}
	
#entete {
	position:relative;
	margin:auto;
	}
#page_standard #entete {
	height:220px;
	}


/* logo */
#logo {
	position:absolute;
	height:253px;
	width:405px;
	z-index:4;
	}
#logo h1 {
	text-indent:-50000px;
	z-index:4;
	}
	
/* page */
#page {
	position:relative;
	margin:0 auto;
	height:auto;
	min-height: 350px; /* pour firefox prenne toute la hauteur de page*/
	_height: 350px; /*underscore hack uniquement interprt par IE Win*/
	z-index:2;
	}
#page_standard #page {
	background-color:#391e17;	
	}
	
	

/* pied page */
#piedpage {
	position:relative;
	font-size:0.77em;
	}
#page_accueil #piedpage {
	position:absolute;
	left:420px;
	top:595px;
	}
#piedpage a {
	color:#FFFFFF;
	}
#piedpage a:hover {
	color:#ac612e;
	}
	
/* menu */

#menu {
	position:absolute;
	top:50px;
	right:0;
	z-index:5;
	}
#page_accueil #menu {
	position:absolute;
	top:463px;
	left:420px;
	}
	
	
	
#menu {
	width:553px;
	}
#menu ul li {
	position:relative;
	float:left;
	list-style-type:none;
	text-indent:-50000px;
	margin-right:10px;
	}
#menu ul li#menu01 a {
	display:block;
	width:128px;
	height:130px;
	background:url(../images/menu01.jpg) no-repeat;
	}
#menu ul li#menu02 a {
	display:block;
	width:128px;
	height:130px;
	background:url(../images/menu02.jpg) no-repeat;
	}
#menu ul li#menu03 a {
	display:block;
	width:128px;
	height:130px;
	background:url(../images/menu03.jpg) no-repeat;
	}
#menu ul li#menu01 a:hover,
#menu ul li#menu01 a.actif {
	background:url(../images/menu01_hover.jpg) no-repeat;
	}
#menu ul li#menu02 a:hover,
#menu ul li#menu02 a.actif {
	background:url(../images/menu02_hover.jpg) no-repeat;
	}
#menu ul li#menu03 a:hover,
#menu ul li#menu03 a.actif {
	background:url(../images/menu03_hover.jpg) no-repeat;
	}

#menu ul li#menu04 {
	position:absolute;
	right:0;
	top:0;
	}	
#menu ul li#menu04 a {
	display:block;
	width:129px;
	height:59px;
	background:url(../images/menu04.gif) no-repeat;
	}
#menu ul li#menu04 a:hover,
#menu ul li#menu04 a.actif {
	background:url(../images/menu04_hover.gif) no-repeat;
	}
#menu ul li#menu05 {
	position:absolute;
	right:0;
	top:68px;
	}
#menu ul li#menu05 a {
	display:block;
	width:129px;
	height:59px;
	background:url(../images/menu05.gif) no-repeat;
	}
#menu ul li#menu05 a:hover,
#menu ul li#menu05 a.actif {
	background:url(../images/menu05_hover.gif) no-repeat;
	}
	

	
#colonne_droite {
	position:relative;
	width:675px;
	float:left;
	padding:15px;
	background-color:#eae8e8;
	color:#51453a;
	
	height:auto;
	min-height: 400px; /* pour firefox prenne toute la hauteur de page*/
	_height: 400px; /*underscore hack uniquement interprt par IE Win*/
	}
#colonne_droite h1 {
	font-size:1.5em;
	}
#colonne_droite p {
	font-size:0.77em;
	}
#colonne_droite table {
	font-size:0.71em;
	margin-top:1em;
	border-collapse:collapse;
	}
#colonne_droite table tr {
	border-bottom:solid 1px #a9a19b;
	}
#colonne_droite table tr td {
	padding:5px;
	}
#colonne_droite h2 {
	color:#ac612e;
	font-size:0.88em;
	font-weight:bold;
	margin-top:1em;
	}
#colonne_droite h3 {
	color:#ac612e;
	font-size:0.88em;
	margin-top:1em;
	margin-bottom:0.5em;
	}
	
	
/* actualites */
dl.actus {
	border-top:solid 1px #CCCCCC;
	padding-top:3px;
	margin-top:1em;
	clear:both;
	}
dl.actus dt img {
	float:left;
	margin-right:5px;
	}
dl.actus dd {
	margin-left:120px;
	}
	
	
	
	
	
	
/* liste chocolat */	
body.chocolaterie dl {
	position:relative;
	clear:both;
	}
body.chocolaterie dl dt {
	position:relative;
	float:left;
	}
body.chocolaterie dl dd {
	position:relative;
	margin-left:60px;
	height:60px;
	}
body.chocolaterie dl dd p {
	margin:0;
	padding:0;
	}




	
.nom {
	font-size:1.3em;
	color:#51453a;
	font-weight:bold;
	}
	
	
#colonne_gauche {
	position:relative;
	padding:15px;
	width:25%;
	float:left;
	background-color:#391e17;
	
	height:auto;
	min-height: 400px; /* pour firefox prenne toute la hauteur de page*/
	_height: 400px; /*underscore hack uniquement interprt par IE Win*/
	}
#colonne_gauche h2 {
	font-size:1.15em;
	margin-bottom:1em;
	}
#colonne_gauche h3 {
	font-size:0.88em;
	}








/* ACCUEIL */

#page_accueil #img_accueil {
	position:absolute;
	top:25px;
	left:420px;
	}
#accroche {
	position:absolute;
	left:26px;
	top:280px;
	width:400px;
	}
#accroche h1 {
	font-size:1.15em;
	}
#accroche p {
	font-size:0.77em;
	text-transform:uppercase;
	margin-top:2em;
	}
	
body#page_accueil #actu {
	position:absolute;
	left:30px;
	top:500px;
	width:300px;
	}
body#page_accueil #actu dl dt {
	position:relative;
	float:left;
	}
body#page_accueil #actu dl dt img {
	border:solid 1px #FFFFFF;
	}
body#page_accueil #actu dl dd {
	margin-left:120px;
	}
body#page_accueil #actu dl dd a {
	color:#FFFFFF;
	}
body#page_accueil #actu dl dd h3 {
	font-size:0.71em;
	border-left:solid 3px #c11212;
	padding-left:8px;
	}
body#page_accueil #actu dl dd p {
	color:#9a928c;
	font-size:0.65em;
	margin:0;
	padding:0;
	}
	
	
	

/* formulaire contact */

#formulaire_contact {
	position:relative;
	font-size:0.77em;
	}
.champ label {
	float:left;
	width:150px;
	margin-bottom:10px;
}
.erreur {
	color:#FF0000;
}
#formulaire_contact div.champ input,
#formulaire_contact div.champ textarea {
	border:solid 1px #0189C5;
	}