/* feuille de style utilisée */
/* couleurs utilisées :
#FECB32 => jaune orangé
#FFFFFF => blanc
#983132 => bordeau
#FEF1CF => beige
#DB6D00 => marron
#2C2C2E => gris foncé
#000000 => noir
#3D8F9B => bleu-indigo
http://www.lepotlatch.org/index.php/2007/08/29/95-tendances-web-2007-60-palettes-de-couleur-elegantes-pour-vos-sites-web

*/
/* éléments de base */

html, body {
	padding : 0;
	margin : 0;
	height : 100%; /* Ces trois paramètres sont nécessaires pour un affichage correct */
}

body {
	text-align : center;   /* Centrage sous Internet Explorer */
	background: url(/images/bandeau_fond.jpg) center;
}

	/* -------------------------------- */
	/* définition des différentes zones */
	/* -------------------------------- */

#conteneur {
	position : relative;    /* Obligatoire pour positionner le footer par rapport au conteneur */
	margin : auto;          /* Centrage sous Firefox */
	width : 850px;           /* On définit la largeur du site */
	text-align : left;      /* Reset de la position du texte à cause de IE */
	min-height : 100%;   /* Hauteur minimale de 100% */
	text-align: center ;
	background: url(/images/coin_bas_droit_1.jpg) no-repeat bottom right ;
}

#haut {
	width : 100%;
	height : 100px;
	background: #fff url(/images/haut.jpg) no-repeat top left ;
}

#centre {
	min-height : 100%;        	/* Hauteur minimale de 100% */
	width : 100%;
	overflow : auto;       		/* Firefox, pour tenir compte du contenu des div flottants (float, qui sont normalement mis à part) */
	/*float : left; 	*/		/* On aligne les trois colonnes A RETIRER CAR SI IL N'Y A PLUS LES COLONNES G&D, CA PASSE A TRAVERS LE FOOTER !!*/
	padding-bottom : 30px; 		/* Hauteur du footer, pour éviter que ce dernier se place par dessus votre contenu (on le pousse) */
	/*padding-left :   30px; */	/* Hauteur de la clonne gauche (on le pousse) */
	/*padding-right :  30px; */	/* Hauteur de la clonne right (on le pousse) */
	background: url(/images/coin_haut_gauche.jpg) no-repeat transparent top left ;
}

#bas {
	clear : both;  		/* On casse l'alignement float des colonnes */
}

	/* -------------------------------- */
	/*        définition du menu        */
	/* -------------------------------- */

#navigation {
	list-style: none ;
	margin: 0px ;
	padding: 0px ;
	text-align: center ;
	height: 1.8em ;
	bottom: 0; left: 0; /* Tout en bas à gauche */
}

#navigation li {
	text-align: center ;
	display: inline ;
	float: left ;
	width: 20%;
	margin-right: 0px ;
	color: #013 ;		/* couleur du texte des menus */
}

#navigation li a {
	padding: 4px 0px ;
	display: block ;
	background: #FECB32 ;	/* couleur du fond des menus */
	color: #013 ;		 	/* couleur du texte des menus */
	border: 1px solid #DB6D00  ;
	font: 16px bold Verdana, Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;

}

#navigation li a:hover, #nav li a:focus, #nav li a:active {
	background: #fa0 ;  /* couleur du fond des menus quand on passe la souris dessus */
	color: #fff ;		/* couleur du texte des menus quand on passe la souris dessus */
	text-decoration: underline ;


}

	/* -------------------------------- */
	/*      définition des éléments     */
	/* -------------------------------- */

h1 {
	font: italic bold 20px Verdana, Arial,sans-serif ;
	background-color: #FECB32 ;	/* couleur du fond des TITRE 1 */
	margin-left : 49px;
	margin-right : 59px;

}

p {
	text-align: left;
  text-indent: 40px;
	margin: 0px;
	padding: 10px;
}

p.pre {
  white-space: pre-wrap;
}

.important {
  font-weight: bold;
}

.small {
	font-size: x-small;
}

.fatass {
  max-width: 100%;
}

img {
  vertical-align: middle;
	margin: 2px;
  border: 0px;
}

.left {
  float: left;
  margin-right: 10px;
}

.right {
  float: right;
  margin-left: 10px;
}

div.centered {
  margin: 0 auto;
}

div.error {
  margin-top: 30px;
  margin-left: 50px;
  text-align: left;
  color: #F00;
  font-weight: bolder;
}

	/* -------------------------------- */
	/*      définition des classes      */
	/* -------------------------------- */

div#main {
  width: 700px;
  margin-top: 20px;
	font-style: italic;
	text-align: center;
}

div#main div.header {
	background-color: #FECB32;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 5px;
	color: #03B;
	font: bold 20px Verdana, Arial, sans-serif;
  font-style: italic;
}

div#main div.header2 {
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 5px;
	font: bold 15px Verdana, Arial, sans-serif;
  border-top-style: outset;
  border-bottom-style: inset;
}

div#main div.article {
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 10px;
}

div#main div.desc {
  float: left;
  width: 60%;
  text-align: right;
}

div#main div.price {
  float: right;
  width: 40%;
}

div#main div.image {
  padding: 30px 5px 30px 5px;
  width: 200px;
}

div#main div.description {
  width: 470px;
}

div#main div.style1 {
	background-color: #FEFEBB;
}

div#main div.style1 div.image {
  float: left;
}

div#main div.style1 div.description {
  float: left;
}

div#main div.style2 {
	background-color: #FFA3A3;
}

div#main div.style2 div.image {
  float: right;
}

div#main div.style2 div.description {
  float: right;
}

div#main div.style3 {
	background-color: #FEFEE0;
}

div#main div.clear {
  clear: both;
}

div#main h3 {
  margin: 0px;
	padding: 10px;
}

div#main div.openingInfo {
  width: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  font-weight: bolder;
  border-color: #D789B0;
  border-style: solid;
  border-width: thick;
}

div#main ul.emailReminder {
  text-align: left;
}

div#main ul.emailReminder li span.reminder {
  background-color: #FFF;
}
div#main ul.emailReminder li div {
  background-color: #FFF;
}

div#main div.églantine {
	background-color: #BEE8C5;
}

div#main div.campanule {
	background-color: #CCCCFF;
}

div#main div.santoline {
	background-color: #CCCFCC;
}

div#main div.glycine {
	background-color: #FEBFD2;
}

div#main div.chèvrefeuille {
	background-color: #FDF1B8;
}


	/* -------------------------------- */
	/*     définition d'un tableau      */
	/* -------------------------------- */
table {
	border-width: 0px;
	border-color : #000000;
}

.table_titre {
	font: italic bold 20px Verdana, Arial,sans-serif;
	color: #03B ;
	background-color: #FECB32 ;	/* couleur du fond des titre des TABLES */
	text-align: center ;
}

.table_1 {
	font-style: italic ;
	text-align: center ;
	background-color: #FEFEBB;		/* couleur du fond des lignes 1 des TABLES */
}

.table_2 {
	font-style: italic;
	background-color: #FFA3A3 ;	/* couleur du fond des lignes 2 des TABLES */
	text-align: center ;
}

fieldset {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

td.little {
  text-align: right;
  width: 30%;
}

td.big {
  width: 70%;
}