body,html {
	padding: 0px;
	margin:0px; 
	height: 100%;
	background:#F7FAD8;
	/* background : #F7FAD8 url('images/noel/fond-noel.png') repeat-x; */
	background-attachment : fixed;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
	color: #978D59;
}

img a,
a img {
	text-decoration : none;
	border : none;
}


/*############### les conteneurs de mise en  page ############################*/
/*############################################################################*/
#conteneurCentral{
	width: 100%;
	min-height:100%; /*pour ie7 et firefox*/
	height:auto !important; /**/
  	height:100%; /*IE 6 ne comprend que cette ligne. Si la longueur du contenu dépasse 100%, le bloc s'aggrandira qd meme avec IE6*/
	
	/*position: relative;*/
	
	/*background:url("images/pieddepage.jpg")  bottom center no-repeat;*/
	/*background : #F7FAD8;*/
	/*overflow:hidden;*/
}


/*-----------------------------header----------------------------------------*/
#header{
	width: 100%;
	height:273px;
	padding:0px;
	/*background: url(images/fond_header.gif) repeat-x #644616;*/
	/* background : #F7FAD8; */
	
}

#headerContenu{
	width: 1020px;
	height:273px;
	margin:0px auto;
	background:url(images/bandeau.jpg) no-repeat;
}

body#kids #headerContenu{
	background:url(images/bandeau-kids.png) no-repeat;
}

#menu{
	width: 215px; /*250px - 35px de padding-left*/
	height:280px; /*290px - 10px de padding-top*/
	float:left;
	padding-left:35px;
	padding-top:10px;
}


#menu_principal {
	width : 156px;
	height : 180px;
	margin-left : 8px;
	margin-top : 8px;
	float : left;
}

#logos_bandeau {
	height : 45px;
	float : left;
}

#bandeau{
	width: 950px; /*250px - 35px de padding-right*/
	height:268px; /*273px - 5px de padding-top*/
	margin : auto;
	padding-top : 5px;
	text-align:right;
}

#menu-second {
	margin-top : 150px;
	margin-left : 630px;
	width : 300px;
}

.kids a {	
	width : 98px;
	height : 56px;
	background : url('images/kids/kids-menu.png') no-repeat;
	display : block;
	float : left;
	margin-right : 30px;
}

.kids a:hover {
	background : url('images/kids/kids-menu-hover.png') no-repeat;
}

.facebook a {
	width : 159px;
	height : 55px;
	background : url('images/facebook.jpg') no-repeat;
	display : block;
	float : left;
}

.facebook a:hover {
	background : url('images/facebook-hover.jpg') no-repeat;
}

/*-----------------------------contenu----------------------------------------*/

#contenu{
	width: 1020px; /*820 -15px de padding left et -21 de padding-right*/
	min-height: 575px;/* 575 px*/
	margin: 0 auto;
	padding: 0px;
	/*background:url(images/fond.jpg)  bottom center no-repeat #BEA679;*/
	/*background-color:#FF0000;*/
	background : url("images/fond_contenu.jpg") repeat-y;
	
/*overflow : hidden;*/
	/*position : relative;*/
}

#colonneGauche{
	width:185px;
	height:auto !important; /**/
  	height:550px; /*IE 6 ne comprend que cette ligne. Si la longueur du contenu dépasse 100%, le bloc s'aggrandira qd meme avec IE6*/
	margin-top:5px;
	margin-left:20px; /*35px pour aligner avec menu mais en fait juste 20px pour compenser zone de la lueur externe*/
	float:left;
	/*background-color:#ffffff;*/
	
}

.sousMenuContenu{
	width:185px; /*185 -15px de padding left*/
	padding-left:25px;
	background:url("images/fond_menu_vert.jpg") repeat-y ;
}

.sousMenuContenu_rechch {
	width:185px;
	background:url("images/fond_menu_vert.jpg") repeat-y ;
}

.fin_menu_vert {
	background : url("images/bas_menu_vert.jpg") no-repeat;
	width : 186px;
	height : 65px;
}

.fond_vert_recherche {
	background : url("images/recettes/fond_vert_recherche.jpg") no-repeat;
	width : 187px;
	height : 57px;
}

#colonneMilieu{
	width:570px;
	float:left;
	margin-top:5px;
	margin-left:15px;
	/*background-color:#ff0000;*/
	text-align:justify;	
}

#colonneDroite{
	width:180px;
	height:325px;
	margin-top:5px;
	float:right;
	margin-right : 20px;
	/*background-color:#ffffff;*/
	
}

.moduleContenu{
	width:179px; /*180px -12px de padding-left*/
	height:110px;	
	/*padding-left:12px;*/
	background:url(images/modules/fond_module.jpg) repeat-y;
	
}


.moduleContenuActu{
	width:180px; /*180px -12px de padding-left*/
	/*padding-left:12px;*/
	background:url(images/modules/fond_module.jpg) repeat-y;	
}


.moduleTexte{
	width:148px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

.moduleTexteProduit{
	width:140px;
	float:left;
	margin-top:20px;
	margin-left:20px;

}

#headerFicheRecette{
	width:560px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	background:url(images/modules_vert/fond_titre_2.png) no-repeat  ;
}

#headerFicheRecetteLong{
	width:560px;
	height:45px;
	padding-left:10px;
	padding-top:10px;
	/*background:url(images/actualites/fond_titre_long.png) no-repeat  ;*/
	background:url(images/modules_vert/fond_titre_2.png) no-repeat  ;
}

#titreRecette{
	width:460px;
	float:left;
	height:auto;
}

#favorisRecette{
	width:22px;
	height:22px;
	float:right;	
	position:relative; /*utile pour faire marcher les liens ie6 (PNG transparent)*/
}

#imprimerRecette{
	width:22px;
	height:22px;
	float:right;
	position:relative; /*utile pour faire marcher les liens ie6 (PNG transparent)*/
}

#envoyerRecette{
	width:22px;
	height:22px;
	float:right;
	margin-right:10px;
	position:relative; /*utile pour faire marcher les liens ie6 (PNG transparent)*/
}



.fiche{
	width:570px;
	margin:0px;
	border:1px solid #000000;
}

.ficheContenu{
	width:550px; /*570px -10px de padding-left et -10px de padding-right*/
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
	background:url(images/modules_vert/bandeau_vert_C.jpg) repeat-y;
}

.ficheContenu2{
	width:540px; /*570px -10px de padding-left et -10px de padding-right*/
	float:left;
	padding:0px 15px 0px 15px;
	margin:0px;
	background:url(images/modules_vert/bandeau_vert_C.jpg) repeat-y;
}

.ficheContenu3{
	width:540px; /*570px -10px de padding-left et -10px de padding-right*/
	float:left;
	padding:0px 15px 0px 15px;
	margin:0px;
	background:url("images/modules_vert/bandeau_vert_C.jpg") repeat-y;
}

/*-----------------------------footer----------------------------------------*/
#dernier-element {
	margin-bottom: 0; /* évite tout risque de fusion des marges */
	padding-bottom: 2px;
}

#footer
{
	width: 100%;
	margin:0px auto;
   	height: 118px; /*45px -5px de padding top*/
   	/*padding-top:5px;*/
	
	/*position: absolute; /*Placé en absolu pour sortir du flux*/
   	clear : both;
	bottom: 0px;
   
   	text-align:center;
   	font-size:9px;
	
}

#fond_footer {
	background:url("images/pieddepage.jpg") no-repeat;
	height : 118px;
	width : 1020px;
	margin : 0px auto;
	z-index:0;
}

#fond_footer a {
	color : #F7FAD8;
}

#texte_footer {
	padding-top : 100px;
}


/* Rubrique Kids */

#kids .kids-encart {
	width : 421px;
	height : 219px;
	margin-bottom : 40px;
}


#kids #coloriage {
	background: url('images/kids/telecharge-coloriage.png') no-repeat;
}

#kids #coloriage:hover {
	background: url('images/kids/telecharge-coloriage-hover.png') no-repeat;
	cursor : pointer;
}


#kids #jeux {
	background: url('images/kids/jeux.png') no-repeat;
	margin-left : 150px;
}

#kids #jeux:hover {
	background: url('images/kids/jeux-hover.png') no-repeat;
	margin-left : 150px;
}

#kids #energie {
	background: url('images/kids/energie.png') no-repeat;
}

#kids #energie:hover {
	background: url('images/kids/energie-hover.png') no-repeat;
}

/*======================================================================================*/

/*===================================TABLEAUX===========================================*/


.typeRecetteFonce{
	height:66px; /*69px - 3px de padding_top*/
	width:281px; /*296px - 15px de padding_top*/
	padding-left:15px;
	padding-top:3px;
	margin:0px auto;
	background:url(images/recettes/fond_type_recette_fonce.png) no-repeat;
}

.typeRecetteClair{

	height:66px; /*69px - 3px de padding_top*/
	width:281px; /*296px - 15px de padding_top*/
	padding-left:15px;
	padding-top:3px;
	margin:0px auto;
	background:url(images/recettes/fond_type_recette_clair.png) no-repeat;
}

.tableauRecettes{
	width: 570px;
	border-spacing:0px;
	border-collapse:collapse;
	
}

.tableauRecettes td{
	width: 280px;
	height:20px;
}

.tableauRecettes a{ /*indispensable pour regler bug des liens non cliquable sous IE6 quand placés sur PNG transparent*/
	position: relative;
}

.rangeeClaireGauche{
	height:20px;
	padding-left:15px;
	padding-right:20px;
	background:url(images/recettes/fond_rangee_claire_gauche.png) no-repeat;
}

.rangeeClaireDroite{
	height:20px;
	padding-left:20px;
	padding-right:15px;
	background:url(images/recettes/fond_rangee_claire_droite.png) no-repeat;	
}

.rangeeFonceeGauche{
	height:20px;
	padding-left:15px;
	padding-right:20px;
	background:url(images/recettes/fond_rangee_foncee_gauche.png) no-repeat;
}

.rangeeFonceeDroite{
	height:20px;
	padding-left:20px;
	padding-right:15px;
	background:url(images/recettes/fond_rangee_foncee_droite.png) no-repeat;
}

.tableauProduits{
	width: 570px;
	border-spacing:0px;
	border-collapse:collapse;
	
}

.tableauProduits td{
	width: 190px;
	height:180px;
	text-align:center;
}

.tableauProduits a{ /*indispensable pour regler bug des liens non cliquable sous IE6 quand placés sur PNG transparent*/
	position: relative;
}
/*========================================================================================*/

/*===================================FORMULAIRE===========================================*/
form {
	
}


input[type=text]{
	border:1px solid #647428;
	background-color:#EEEFC5;
	color: #644616;
}

/*
select, option {
	background-color:#A6BEDE;
	font-family:"trebuchet ms",sans-serif;
}
*/
textarea {
	border:1px solid #647428;
	background-color:#EEEFC5;
	color: #644616;
}


/*======================================================================================*/

/*======================================================================================*/
.imgGauche{
	float:left;
	margin-right:10px;
}

.titreNews{	
	width:560px; /*570px -10px de padding left*/
	height:30px; /*40px -10px de padding top*/
	padding-top:10px;
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	color:#786F42;
	background:url("images/modules_vert/bandeau_vert_F_titre.jpg") no-repeat ;
	line-height : 25px;
}

.titreNews a {
	color:#786F42;
	text-decoration:none;
}

.titreNews a:visited {
	color:#786F42;
}

.titreNews a:hover {
	color:#786F42;
	text-decoration:underline;
}

.titreNews a:active {
	color:#786F42;
	text-decoration:none;
}

.nomProduit{
	width:130px;
	height:20px;
	float:left;
	margin-left:16px;
	margin-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	background:url(images/produits/fond_titre_produit.png);
}

.nomProduitLong{
	width:130px;
	height:30px;
	float:left;
	margin-left:16px;
	margin-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	background:url(images/produits/fond_titre_produit_nom_long.png);
}

.date{
	font-size:10px;
	font-style:italic;
	color : #FCF9CE;
}

.dateActu{
	float:right;
	width:80px;
	margin-right:10px;
	font-size:10px;
	font-style:italic;
}


.titreDerniereActu{
	font-weight:bold;
	font-variant:small-caps;

}

.titreDerniereActu a {
	color:#FCF9CE;
	text-decoration:none;
}

.titreDerniereActu a:visited {
	color:#FCF9CE;
}

.titreDerniereActu a:hover {
	color:#FCF9CE;
	text-decoration:underline;
}

.titreDerniereActu a:active {
	color:#FCF9CE;
	text-decoration:none;
}

.titreDerniereActu{
	font-weight:bold;
	font-variant:small-caps;

}

.moduleTexteProduit a {
	color:#FCF9CE;
	text-decoration:none;
}

.moduleTexteProduit a:visited {
	color:#FCF9CE;
}

.moduleTexteProduit a:hover {
	color:#FCF9CE;
	text-decoration:underline;
}

.moduleTexteProduit a:active {
	color:#FCF9CE;
	text-decoration:none;
}
.moduleTexte {
	color : #FCF9CE;
}


.moduleTexte a {	
	color : #FCF9CE;
	text-decoration:none;
}

.moduleTexte a:visited {
	color:#FCF9CE;
}

.moduleTexte a:hover {
	color : #FCF9CE;
	text-decoration:underline;
}

.moduleTexte a:active {
	color:#FCF9CE;
	text-decoration:none;
}
/*======================================================================================*/

/*==========================STYLES BALISES COURANTES=====================================*/
a {
	color:#786F42;
	text-decoration:none;
}

a:visited {
	/*color:#ff0000;*/
	color:#786F42;
	text-decoration:none;
}
a:hover {
	color:#786F42;
	text-decoration:underline;
}
a:active {
	color:#786F42;
	text-decoration:none;
}


#colonneMilieu a {
	color:#786F42;
	text-decoration:none;
}

#colonneMilieu a:visited {
	/*color:#ff0000;*/
	color:#786F42;
	text-decoration:none;
}

#colonneMilieu a:hover {
	color:#786F42;
	text-decoration:underline;
}
#colonneMilieu a:active {
	color:#786F42;
	text-decoration:none;
}

#colonneMilieu p a{
color:#786F42;
} 

#colonneMilieu p a:visited{
color:#786F42;
} 

.typeRecetteFonce a{
	position:relative; /*indispensable pour regler bug des liens non cliquable sous IE6 quand placés sur PNG transparent*/
	color:#644616;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

.typeRecetteFonce a:visited {
	color:#644616;
	text-decoration:none;
}

.typeRecetteFonce a:hover {
	color:#644616;
	text-decoration:underline;
}

.typeRecetteFonce a:active {
	color:#644616;
	text-decoration:none;
}

.typeRecetteClair a{
	position:relative; /*indispensable pour regler bug des liens non cliquable sous IE6 quand placés sur PNG transparent*/
	color:#644616;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

.typeRecetteClair a:visited {
	color:#644616;
	text-decoration:none;
}

.typeRecetteClair a:hover {
	color:#644616;
	text-decoration:underline;
}

.typeRecetteClair a:active {
	color:#644616;
	text-decoration:none;
}

h1{
	padding-top:0px;
	margin-top:15px;
	margin-bottom:0px;
	font-size:17px;
	color:#D78300;
	/*color:#EA8F02; *//*orange plus foncé pour que ca ressorte mieux*/
	font-variant:small-caps;
}

.h1Exterieur{
	padding-top:0px;
	margin-top:0px;
	font-size:16px;
	color:#02BAE7;
}

h2{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	color:#D78300;
}


hr{
	display:block;
	height: 1px;
	width:250px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	color: #644616;
	background-color: #FCF9CE;
	color:#FCF9CE;
	border: 0;
}

li {
	font-variant:small-caps;
	font-weight:bold;
}

.boldMarron{
	color:#644616;
	font-weight:bold;
}

/*======================================================================================*/


/*==========================          FAQ      =====================================*/
#questions_faq {
	margin-left : 35px;
	font-weight:bold;
	list-style-type:none;
}

#questions_faq li {
	margin-bottom : 7px;
}

#questions_faq li a {
	margin-bottom : 7px;
}

/* FAQ DETAIL*/
.faq_texte li {
	list-style-type:none;
	font-variant:normal;
	font-weight:normal;
}

.faq_texte {
	text-indent : 0px;
	text-align : left;
}
.reponse_faq {
	width:540px; /*570px -10px de padding-left et -10px de padding-right*/
	float:left;
	padding:0px 15px 0px 15px;
	margin:0px;
	background:url(images/modules_vert/bandeau_vert_C.jpg) repeat-y;
}

#faq_emplacement {
	color : ;
	margin-top : 5px;
}

#img_faq {
	background : url('../images/picto_faq.gif');
	width : 35px;
	height : 16px;
	display :block;
}

/*======================================================================================*/


/*==========================  /* Fiches produits   =====================================*/

ul#lexique_alphabet li {
	display : inline;
}

ul#lexique_alphabet {
	margin-left : 35px;
}

ul#lexique_alphabet li a {
	color : #D78300;
}

/*======================================================================================*/


/*=========================  /* Où trouver nos produits   =================================*/
#colonneMilieu_carte {
	width:520px;
	float:left;
	margin-top:5px;
	margin-left:15px;
	/*background-color:#ff0000;*/
	text-align:justify;	
}

#colonneMilieu_carte img {
	border:none;
}

#colonneDroite_tableau {
	width : 250px;
	margin-top : 75px;
	margin-left : -100px;
	float : left;
}

#departement {
	width : 700px;
	margin-left : 200px;
	margin-top : 50px;
}

#departement img {
	border:none;
}

#departement_acc {
	width : 280px;
	float : left;
	margin-left : 50px;
	text-align : left;
}

#colonneDroite_liste_dep {
	width : 250px;
	float : left;
	margin-top : 60px;
	margin-left : -50px;
}

#colonneDroite_liste_etranger {
	width : 250px;
	float : left;
	margin-top : 250px;
	margin-left : -50px;
}

#liste_magasin {
	border : 1px #644516 solid;
	width : 350px;
	background : #859741;
	color : #F7FAD8;
}

#liste_magasin td {	
	padding : 5px;
}

#legende_tab th {
	background : #91A24F;
	text-align : center;
	padding-top : 5px;
	padding-bottom : 5px;
}


.contenu_tab {
	background : #BCC790;
}

.contenu_tab a {
	color : #F7FAD8;
}

.legende_tab a {
	color : #F7FAD8;
}

#texte_detail_mag {
	padding : 10px;
	width : 250px;
}


/* ************** en-tete du tableau ************* */
#magasin {
	width : 100px;
}

#ville {
	width : 100px;
}

#telephone {
	width : 90px;
}

#details {
	width : 50px;
}
/********************************/


.clearer {
	clear : both;
}

.right {
	float : right;
}

.left {
	float : left;
}

.center {
	text-align : center;
}

#fond_popup {
background : #F7FAD8;
color : #978D59;
}
/*======================================================================================*/

/*produits liens*/


/* STYLE POUR LES INFOS BULLES */
a.info {
   position: relative;
   color: #F7FAD8;
   text-decoration: none;
   border-bottom: 1px #F7FAD8 dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 1000; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   /*white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: #91A24F;
   padding: 3px;

   border: 1px solid #91A24F;
   border-left: 4px solid #91A24F;
}

.texte_info {
	width : 200px;
	color : #91A24F;
}

.texte_info a {
	color : #91A24F;
}

.magasin_lien {
color : #91A24F;
}
/* FIN STYLE POUR LES INFOS BULLES */
#logo_creasens a {
	background : url("images/creasens_logo.jpg") no-repeat;
	display : block;
	width : 115px;
	height : 71px;
}

#logo_creasens a:hover {
	background : url("images/creasens_logo_hover.jpg")no-repeat;
}

#logo_creasens {
	width : 155px;
	height : 96px;
	padding-top : 40px;
}


.headerFicheLiens{
	width:560px;
	min-height:30px;
	height: auto;
	padding-left:10px;
	padding-top:10px;
	background:url(images/modules_vert/fond_titre_2.png) no-repeat  ;
}

.titreLiens{
	width:460px;
	float:left;
	height:auto;
}

.liste-liens {
	margin-left : 40px;
	margin-top : 20px;
}

.liste-liens a img {
	border : none;
	text-decoration : none;
	display : block;
}