@charset "utf-8";

html {font-size: 100%;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #333333;
	background-color:#ffffff;
}
a {
		color:#333333;
}
a:hover {
		font-weight:bold;
		text-decoration:none;
}
.h1 {
		font-size:2.5em;
		line-height: 0.5em;
		font-weight:bold;
		color:#D4D800;
		text-align:right;
	}
h2#sous-titre {
		position: relative;
		margin-top:85px;
		height: 30px;
		width: 990px;
		text-align:left;
		font-size:1.2em;
		color:#d4d800;
}
.h3 {
		font-size:1.1em;
		line-height: 1.1em;
		font-weight:bold;
		color:#333333;
		text-align:center;
		text-decoration:none;
	}
/*informations légales en bas de page ou pour les formulaires */
.legal {
		font-size:0.7em;
		font-style:italic;
		color:#999999;
}


/*Menu de navigation : On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond*/
div#header
	{
		width:985px;
		height:30px;
		margin:auto;
		padding-left:15px;
		background-image:url(../images/fond-header.png);
		background-repeat: no-repeat;
		background-position:center;
	}
ul#menu
		{
		height: 30px ;
		margin: 0 ;
		padding: 0 ;
		list-style-type: none ;
		}
		
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li
		{
		float: left ;
		text-align: center ;
		}

/* Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu li a
		{
			width: 100px ;
			line-height: 30px ;
			margin-left:4px;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 0px ;
			color: #000000 ;
			display: block ;
			text-decoration: none ;
			border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
		}
		
/* on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image*/		
ul#menu li a:hover
{
		text-decoration: underline ;
		font-weight:normal;
}
/*Menu secondaire en debut du corps de page*/
ul#menu_corps
		{
			height: 30px ;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
		
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on place le texte */
ul#menu_corps li
		{
			float: left ;
			text-align: left ;
		}

/* Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu_corps li a
		{
			width: auto ;
			line-height: 9px ;
			padding:2px;
			margin-right:1px;
			margin-bottom:1px;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 0px ;
			color: #d4d800 ;
			display: block ;
			background-color:#666666;
			text-decoration: none ;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
		}
		
/* au passage de la souris */		
ul#menu_corps li a:hover
{
		text-decoration: underline ;
		font-weight:normal;
}
/*cadre(conteneur) principal dans lequel viennent se placer tous les autres cadres pour la mise en page*/
div#conteneur-principal {
		width: 990px;
		margin: auto;
		padding-top:50px;
	

}
/*bloc principal de second niveau contenat les infos principales*/
div#conteneur-corps-principal {
		position:relative;
		float:left;
		width:725px;
		margin-top:5px;
		background-color:#ffffff;
	}
#cadreinfo {
		position:relative;
		float:right;
		width: 246px;
		margin-top:5px;
		padding:2px;
		background-color:#D4D800
}
#cadre_titre {
		height: 50px;
		width: 989px;
		float:right;
		padding-top:30px;
		background-image:url(../images/fond_titre-tranparent.png);
		background-position:left bottom;
		background-repeat:no-repeat;
}

iframe#formulaire {
		float:left;
}
/*positionnement image animation, telechargement notice*/
#petit_form_origine
	{
	position:absolute;
	width:355px;
	height:510px;
	left: 371px;
	top: 0px;
}
/*positionnement carte animation*/
#carte_anim
	{
	position:absolute;
	width:370px;
	height:510px;
	left: 0px;
	top: 0px;
}



/*liens de pied de page*/
ul#pied
		{
			position:relative;
			display:block;
			margin:auto;
			width:400px;
			list-style-type: none ;
			clear:both;
		}
ul#pied li
		{
			float: left ;
			text-align: center ;
		}
ul#pied li a
		{
			width: 200px ;
			margin-top:5px;
			line-height: 26px ;
			font-size: 0.7em ;
			letter-spacing: 0px ;
			color: #cccccc ;
			display: block ;
			text-decoration: none ;
		}
ul#pied li a:hover
{
		text-decoration: underline ;
}
	
/*Gamme*/
.gamme {
		position:relative;
		width:auto;
		text-align:center;
}
div#gamme1 {
		float:left;
		clear:left;
}
div#gamme2 {
		margin:auto;
}
div#gamme3 {
		float:right;
}
div#gamme4 {
		margin:auto;
}
/*cadre contenant les miniatures de la gamme*/
#img_zoom {
	background-color: #333333;
	height: 50px;
	width: 725px;
	position: relative;
	left: 0px;
}
/*caracteristiques des miniatures de la gamme*/
.minizoom {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: auto;
}

.salon {
	background-color: #ffffff;
	text-align: left;
	width: 485px;
	height:210px;
	position: relative;
	left: auto;
	padding-right:220px;
	background-image: url(../images/fond-salon.png);
	background-repeat: no-repeat;
	background-position: 0;
	background-position-x: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
.imgsalon {
	background-color: #666666;
	width: 200px;
	position: absolute;
	top: 0px;
	right: 0px;
	
}
/*mise en page de la page boutique*/
	/*cadre ligne qui contient chaque article*/
.boutik {
	width: 975px;
	border: thin solid #d4d800;
	position: relative;
	left: 5px;
	height: 160px;
	clip: rect(auto,auto,auto,auto);
	top: 3px;
	margin-bottom: 5px;
	vertical-align: top;
	text-align: left;
	display: block;
}
.bt-achat {
	background-color: #d4d800;
	position: absolute;
	padding-top: 20px;
	height: 138px;
	width: 210px;
	right: 0px;
	bottom: 0px;
	clear: right;
	vertical-align: bottom;
	text-align: center;
	border: thin solid #CCCCCC;
}
.txt-boutik {
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	height: 140px;
	width: 600px;
	position: absolute;
	right: 230px;
	top: 5px;
}
.pub {
	background-color: #d4d800;
	position: fixed;
	visibility: visible;
	z-index: 20;
	height: 60px;
	width: 1600px;
	bottom: 0px;
	font-size: 1.5em;
	font-weight: bold;
	color: #FF3300;
	text-align: left;
	vertical-align: middle;
	line-height: 3em;
	left: 0px;
	padding-left: 150px;
	margin-top: 30px;
}
#bouton_haut {
	
	float: none;
	height: 154px;
	width: 129px;
	position: fixed;
	visibility: visible;
	z-index: 5;
	right: 0;
	bottom: 0;
}.boutik-txt-droit {
	float: right;
	position: absolute;
	left: 279px;
	top: 50px;
	height: 100px;
	width: 320px;
}
#recette_gauche {
	background-color: #FFFFFF;
	position: relative;
	height: 230px;
	width: 450px;
	left: 0px;
	bottom: 0px;
}
.recette-droite {
	background-color: #FFFFFF;
	position: absolute;
	height: 230px;
	width: 250px;
	right: 0px;
	top: 0px;
	left: auto;
}
.recettes {
	position: relative;
	height: 450px;
	width: 725px;
}