body {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
/* DIV qui contient le site intégralement */
#conteneur{
	margin:0 auto;
	background-image: url(../pictures/elements/background_spirales.png);
	width:903px;
	min-height:610px;
	position:relative;
}
/* En Tête du site (logos, adresse, supp.....  */
#tete {
	position:relative;
	height:120px;
}
/* Logos tout à gauche de l'en tête */
#logo{
	background-image: url(../pictures/elements/logo_valait.png);
	background-repeat: no-repeat;
	float:left;
	left:15px;
	height:120px;
	margin-left:15px;
	width:94px;
}
/* Login, Jeux......*/
#add{
	float:left;
	margin-left:20px;
}
#add a{
	text-decoration:none;
}
/* DIV contenant les 3 langues */
#langue{
	position:absolute;
	right:450px;
}
/* Mise en page des liens pour le changement de langue */
#langue a {
	text-decoration:none;
	font-family:Century Gothic;
	font-size:9px;

	color:#0f536a;
}
/* Adresse de contact de l'entreprise */
#adresse{
	background-image: url(../pictures/elements/background_adresse.png);
	background-repeat:no-repeat;
	color:#0f536a;
	font-family:Century Gothic;
	font-size:9px;
	height:52px;
	left:480px;
	padding-top:6px;
	position:absolute;
	text-align:center;
	width:250px;
}
#adresse a{
	text-transform: uppercase;
}
/* Image de la promotion */
#promo{
	background-image: url(../pictures/elements/top_img.jpg);
	float:right;
	height: 120px;
	width: 174px;
}
/* La ou se charge les pages en relation avec les menus choisies */
#centre {
	float:left;
	height:100%;
	width:606px;
}
/*  Zone de texte sous les 4 images du menu index.php   */
#ss_marque {
	background-image:url(../pictures/marque/bleu_98daff.png); 
	width:148px;
	margin-left:3px;
	float:left;
}
#ss_groupe{
	background-image:url(../pictures/groupe/green_97dcb5.png);
	width:148px;
	margin-left:3px;
	float:left;
}
#ss_magasin{
	background-image:url(../pictures/shop/yellow_fdd020.png);
	width:148px;
	margin-left:3px;
	float:left;
}
#ss_promos{
	background-image:url(../pictures/promotion/red_e5575c.png); 
	width:148px;
	margin-left:3px;
	float:left;
}
.cat_introduction{
	float:left;
	margin-top:15px;
}
/* Titres qui se trouvent dans les zones de textes colorées sous les images sur la page d'index*/
.cat_titre{
	background-image:url(../pictures/elements/blue_text_0f536a.png);
	color:#ffffff;
	max-width:135px;
	font-family:Verdana;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	text-transform: uppercase;
	
}
/* Mise en page du texte qui se trouve aussi dans les zones de textes */
.cat_texte{
	font-family:Century Gothic;
	font-size:10px;
	color:#0f536a;
	padding-left:5px;
	padding-top:5px;
	margin-bottom:8px;
	line-height:12px;
	max-width:125px;
	position:relative;
}

.cat_introduction a {
	color:#0f536a;
	font-weight: bold;
}
/*******************************************************************************************************/
/* ***************************************          MENUS : gauche           *************************************/
/* Emplacement de gauche */
#gauche {
	color:#0f536a;	
	float:left;
	height:100%;
	margin-top:4px;
	text-align:left;
	width:124px;
	font-family:Verdana;
	font-size:12px;
}
/* Menu de gauche */
.menuitemgauche{
	float:left;
}
/* Si on se trouve sur la page d'accueil, c'est le menu qui s'affiche*/
#left_null{
	font-family:Verdana;
	font-size:12px;
	padding-top:8px;
}
/* Class utilisée pour le menu du site se trouvant à gauche */
#left_bleuclair{
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	padding-top:8px;
	min-height:610px;	
}
/* Si c'est le menu groupe */
#left_vertclair{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	padding-top:8px;
	min-height:610px;
}
/* Si c'est un menu pour le shop */
#left_jauneclair{
	background-image:url(../pictures/shop/light_yellow_fee496.png);
	padding-top:8px;
	min-height:610px;	
}
/* Si c'est un menu pour les promotions*/
#left_rougeclair{
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	padding-top:8px;
	min-height:610px;
}
/************************************************************************/
/************** MENU DEROULANT ***************************************/
.deroulant{
	float:left;
	padding-left:6px;
	padding-bottom:5px;
	padding-top:2px;
	width:98px;	
	cursor: pointer;
}
.titreliste{
	margin:3px;
	padding-bottom:2px;
	cursor: pointer;
	display:block;
	text-transform:uppercase;
	width:95%;
}
.titreliste a{
	cursor: pointer;
	display:block;
	text-transform: uppercase;
	text-decoration: none;
	width:95%;
	font-family:Verdana;
	font-size:12px;
}
.titreitem{
	float:left;
	font-family:Century Gothic;
	font-size:9px;
	text-transform:uppercase;
	font-weight: bold;
	padding:2px;
	cursor: pointer;
	width:97%;
	text-decoration:none;
}
.titreitemselected {
	font-family:Century Gothic;
	font-weight: bold;
	float:left;
	color:#ffffff;
	font-size:9px;
	text-transform: uppercase;
	background-image:url(../pictures/elements/blue_text_0f536a.png);
	padding:2px;
	width:97%;
	cursor: pointer;
}
.deroulant ul{
	padding:14px;
	margin-left:10px;
	margin-top:-10px;
	list-style-type:disc;
	float:left;
}
.deroulant li{
	padding-left:2px;
	margin-left: 2px;
	width:97px;
}
.deroulant a{
	width:97px;
}
.itemderoulant{
	font-weight: bold;
	font-family:Century Gothic;
	font-size:9px;
	text-transform: uppercase;
	margin-left:5px;
	margin-top:6px;
	display:block;
	cursor: pointer;
	width:100%;
}
.itemderoulant a{
	text-decoration:none;
	font-size:9px;
}
.itemderoulant a:hover{
	text-decoration:underline;
}
/*******************************************************************************************************/
/* ***************************************           MENUS : droite            *************************************/
#droite {
	float:right;
	width: 173px;
	color:#0f536a;	
	font-family:Verdana;
	height:100%;
}
#menudroite{
	background-image:url(../pictures/elements/beige_ffeec4.png);
	min-height:607px;
	width:174px;
}
.menudroite a img{
	border:none;
}
.inputmenudroite{
	padding-left:5px;
}
.menutitredroite{
	background-image:url(../pictures/elements/blue_text_0f536a.png);
	color:#ffffff;
	font-size:11px;
	padding-left:5px;
	width:169px;
	float:left;
	text-transform: uppercase;
}
.menuitemdroite{
	width:162px;
	float:left;
	background-image:url(../pictures/elements/light_beige_fff9eb.png);
	font-family:Century Gothic;
	font-size:9px;
	margin:0 1px 0 6px;
}
#lstdroite{
	list-style: none ;
	margin: 0 ;
	padding-left: 3px ;
}
#lstdroite li{
	margin-bottom:4px;
	margin-left:2px;
	margin-right:2px;
}
/*Bordures sur le coin de la zone de texte */
.bordmenu1{
	background-image:url(../pictures/elements/right_top.png);
	float:left;
	left:154px;
	height:10px;
	width:10px;
	margin-top:8px;
}
/*Bordures sur le coin de la zone de texte */
.bordmenu2{
	background-image:url(../pictures/elements/left_top.png);
	float:left;
	height:10px;
	width:10px;
	margin-left:6px;
	margin-top:8px;

}
/*Bordures sur le coin de la zone de texte */
.bordmenu3{
	background-image:url(../pictures/elements/right_bottom.png);
	float:left;
	left:152px;	
	height:10px;
	width:10px;
}
/*Bordures sur le coin de la zone de texte */
.bordmenu4{
	background-image:url(../pictures/elements/left_bottom.png);
	float:left;
	height:10px;
	width:10px;
	margin-left:6px;
	margin-bottom:18px;
}
/*Bordures sur le coin de la zone de texte */
.bordmenu5{
	background-image:url(../pictures/elements/light_beige_fff9eb.png);
	float:left;
	height:10px;
	width:142px;
}
/*Bordures sur le coin de la zone de texte */
.bordmenu6{
	background-image:url(../pictures/elements/light_beige_fff9eb.png);
	float:left;
	height:10px;
	width:142px;
	margin-top:8px;
}
.menuitem li {
	list-style: none ;
	font-family:Century Gothic;
	font-size:9px;
	padding:0;
	margin: 0 ;
}
/* Taille du texte pour le login et le mot de passe */
.login{
	font-size:9px;
}
/*******************************************************************************************************/
/******************************* Class utilisée pour le menu du site se trouvant dans l'en-tête  ******************/
.default{
	text-align:center;
	font-size:17px;
	font-family:Verdana;
	width:148px;
	float:left;
}
/* Lorsque le menu Marque est séléctionné   */
.bleuclair{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
}
/* Idem */
.bleufonce{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/marque/bleu_98daff.png); 
}
/* Lorsque le menu Groupe est séléctionné  */
.vertclair{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/groupe/light_green_c3ead3.png); 
}
/* Idem */
.vertfonce{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/groupe/green_97dcb5.png); 
}
/* Lorsque le menu Magasin est séléctionné*/
.jauneclair{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/shop/light_yellow_fee496.png); 
}
/* Idem */
.jaunefonce{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/shop/yellow_fdd020.png); 
}
/* Lorsque le menu Promos est séléctionné*/
.rougeclair{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
}
/* Idem */
.rougefonce{
	text-align:center;
	font-size:17px;
	width:148px;
	float:left;
	margin-left:3px;
	background-image:url(../pictures/promotion/red_e5575c.png); 
}

.menuhaut{
	position:relative;
	margin-top:100px;
	margin-left:124px;
	text-transform: uppercase;
}
.menuhaut a {
	margin: 0 2px;
	color: 	#0f536a;
	font-family:Verdana;
	font-size:17px;
	text-decoration: none;
}
/********************************************************************************************************************/
/**************************************         CENTRE DU SITE POUR CHAQUE CATEGORIE       *****************************/
#admincentre{
	position:relative;
	min-height:456px;
	width:601px;
	margin-left:3px;
	padding-bottom:10px;
}
#marquecentre{
	position:relative;
	min-height:456px;
	width:601px;
	background-image:url(../pictures/marque/bleu_98daff.png); 
	margin-left:3px;
	padding-bottom:10px;
}
#groupecentre{
	position:relative;
	min-height:456px;
	width:601px;
	background-image:url(../pictures/groupe/green_97dcb5.png); 
	margin-left:3px;
	padding-bottom:10px;
}
#magasincentre{
	position:relative;
	min-height:456px;
	width:601px;
	background-image:url(../pictures/shop/yellow_fdd020.png); 
	margin-left:3px;
	padding-bottom:10px;
}
#promoscentre{
	position:relative;
	min-height:456px;
	width:601px;
	background-image:url(../pictures/promotion/red_e5575c.png); 
	margin-left:3px;
	padding-bottom:10px;
}
#searchcentre{
	position:relative;
	min-height:600px;
	width:601px;
	background-image:url(../pictures/marque/bleu_98daff.png); 
	margin-left:3px;
	padding-bottom:10px;
}
/* Image 1 (MARQUE)*/
.img_marque1{
	background-image:url(../pictures/marque/main_img_marque.jpg);
/*	background-image:url(../pictures/148.JPG);		*/
	height:150px;
	width:148px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* Image 2  (GROUPE)*/
.img_groupe1{
	background-image:url(../pictures/groupe/main_img_groupe.jpg);
/*	background-image:url(../pictures/148.JPG);  						*/
	height:150px;
	width:148px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* Image 3  (SHOP) */
.img_magasin1{
	background-image:url(../pictures/shop/main_img_shop.jpg);
/*	background-image:url(../pictures/148.JPG);			*/
	height:150px;
	width:148px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* Image 4 (PROMOTION) */ 
.img_promos1{
	background-image:url(../pictures/promotion/main_img_promo.jpg);
/*	background-image:url(../pictures/148.JPG);		*/	
	height:150px;
	width:148px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* Emplacement pour les grandes images */
.img_grande{
	height:150px;
	width:298px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* Emplacement pour les petites images */
.img_petite{
	height:150px;
	width:148px;
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:3px;
}
/* CENTRE POUR L'ONGLET MARQUE */
/* Bordure de coin pour la grande zone de texte */
.mabord1{
	background-image:url(../pictures/marque/left_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
/* Bordure de coin pour la grande zone de texte */
.mabord2{
	background-image:url(../pictures/marque/right_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
/* Bordure de coin pour la grande et la petite zone de texte */
.mabord3{
	background-image:url(../pictures/marque/left_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
/* Bordure de coin pour la grande et la petite zone de texte */
.mabord4{
	background-image:url(../pictures/marque/right_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
/* Espacement pour la grande zone de texte */
.magrandbord1{
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	float:left;
	height:10px;
	width:279px;
	margin-top:10px;
}
/* Espacement pour la grande zone de texte */
.magrandbord2{
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	float:left;
	height:10px;
	width:279px;
}
/* Zone de texte principale pour la grande zone de texte */
.macentre{
	float:left;
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	font-size:12px;
	color:#0f536a;
	font-family:Verdana;
	width:279px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}
.macentre a{
	font-size:12px;
	color:#0f536a;
	font-family:Verdana;
}

/* Espacement pour la grande zone de texte */
.mapetitbord1{
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	float:left;
	height:10px;
	width:120px;
	margin-top:10px;
}
/* Espacement pour la grande zone de texte */
.mapetitbord2{
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	float:left;
	height:10px;
	width:120px;
}
/* Zone principale pour la petite zone de texte*/
.mapetitcentre{
	float:left;
	background-image:url(../pictures/marque/light_bleu_ceedff.png); 
	font-family:Verdana;
	font-size:12px;
	color:#0f536a;
	width:120px;
	padding-left:10px;
	padding-right:10px;
}
/* CENTRE POUR L'ONGLET GROUPE */
	/* Petite zone  de texte pour les GROUPE */
.grbord1{
	background-image:url(../pictures/groupe/left_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
.grbord2{
	background-image:url(../pictures/groupe/right_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
.grbord3{
	background-image:url(../pictures/groupe/left_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
.grbord4{
	background-image:url(../pictures/groupe/right_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
.grgrandbord1{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	float:left;
	height:10px;
	width:279px;
	margin-top:10px;
}
.grgrandbord2{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	float:left;
	height:10px;
	width:279px;
}
.grcentre{
	float:left;
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	font-family:Verdana;
	font-size:12px;
	color:#0f536a;
	width:279px;
	padding:10px;
	padding-top:2px;
	text-align:justify;
}
.grcentre a{
	font-size:12px;
	color:#0f536a;
	font-family:Verdana;
}

.grpetitbord1{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	float:left;
	height:10px;
	width:120px;
	margin-top:10px;
}
.grpetitbord2{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	float:left;
	height:10px;
	width:120px;
}
.grpetitcentre{
	float:left;
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
	font-family:Verdana;
	font-size:12px;
	color:#0f536a;
	width:120px;
	padding:10px;
	padding-top:2px;
}
/* CENTRE POUR L'ONGLET PROMOS */
	/*Grande zone  de texte pour les PROMOTIONS */
.prbord1{
	background-image:url(../pictures/promotion/left_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
.prbord2{
	background-image:url(../pictures/promotion/right_top.png); 
	float:left;
	height:10px;
	width:10px;
	margin-top:10px;
}
.prbord3{
	background-image:url(../pictures/promotion/left_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
.prbord4{
	background-image:url(../pictures/promotion/right_bottom.png); 
	float:left;
	height:10px;
	width:10px;
}
.prgrandbord1{
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	float:left;
	height:10px;
	width:279px;
	margin-top:10px;
}
.prgrandbord2{
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	float:left;
	height:10px;
	width:279px;
}
.prcentre{
	float:left;
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	font-family:Verdana;
	font-size:12px;
	color:#0f536a;
	width:279px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}
.prcentre a{
	font-size:12px;
	color:#0f536a;
	font-family:Verdana;
}

/************************************************/
/* Petite zone  de texte pour les PROMOTIONS */
.prpetitbord1{
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	float:left;
	height:10px;
	width:120px;
	margin-top:10px;
}
.prpetitbord2{
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	float:left;
	height:10px;
	width:120px;
}
.prpetitcentre{
	float:left;
	background-image:url(../pictures/promotion/light_red_f8b6b9.png); 
	font-family:Verdana;
	font-size:12px;
	color:#0f536a;
	width:120px;
	padding-left:10px;
	padding-right:10px;
}
/************************************************/
/* Titre pour les zone de txt qui se trouvent au centre */
.titrecentre{
	font-family:Century Gothic;
	font-size:13px;
	color:#0f536a;
	text-transform: uppercase;
}
/************************************************/
/* "Colonne" de droite pour le centre du site */
#centredroite{
	float:right;
	margin-top:4px;
	width:148px;
}
/*  "Colonne" de gauche au centre du site */
#centregauche{
	float:left;
	width:148px;
	height:auto;
}
/* "Colonne" de droite au centre du site */
#centrecentre{
	float:left;
	margin-top:4px;
	left:30px;
	width:299px;
}
/* Encadrement de droite pour les images des recettes */
#recettedroite{
	float:right;
	width:148px;
}
/* Encadrement du centre pour les recettes  */
#recettecentre{
	float:left;
	left:30px;
	width:299px;
}
#recette{
	float:left;
	width:451px;
}
.std {
	text-align:center;
}
.std li{
	display:inline;
}
p {
	margin: 0 0 10px 0;
  }
/* Liens général du site */

a img {
	border: none;
	cursor:pointer;
}
a{
	color:#0f536a;
	font-family:Century Gothic;
	font-size:10px;
	cursor:pointer;
}
a:hover{
	text-decoration: none;
}
table.liste{
	border:1px solid #000000;
}
th{
	text-align:left;
}
tr.Highlight
{
	background-image:url(../pictures/groupe/light_green_c3ead3.png);  
}
tr.Lowlight
{
	background-color: #ffffff;
}
.contact{
	float:left;
	margin-left:50px;
	margin-top:15px;
}
/*    ##########   MODULE DE RECHERCHE    ##########		*/
#recherche{
	margin-left:30px;
	margin-top:20px;
}
#recherche h3{
	font-size:14px;
}
#recherche a{
	font-size:12px;
}
/*    ##########   FIN DU MODULE DE RECHERCHE    ########## 	*/

/*    ##########   TABLEAU UTILISE POUR LE SITEMAP    ########## 	*/
.tblSitemap{
	vertical-align:top;
}
	/* 1ER NIVEAU DE LA LISTE DES PAGES (TITRE)*/
.TitreNiveau1  h3{
	font-family:Verdana;
	text-transform: uppercase;
	font-size:14px;
	color:#ffffff;	
	background-image:url(../pictures/elements/blue_text_0f536a.png);
	list-style-type:none;
}
	/*2EME NIVEAU DE LA LISTE DES PAGES (Spécialité, Produit....) */
.TitreNiveau2 {
	text-transform: uppercase;
	color:#0f536a;	
}
	/*3EME NIVEAU DE LA LISTE DES PAGES  */
.TitreNiveau3 {
	font-weight: bold;
	font-family:Century Gothic;
	font-size:9px;
}
	/*4EME NIVEAU DE LA LISTE DES PAGES */
.TitreNiveau4 {
	text-transform: none;
}
	/*DERNIER NIVEAU DE LA LISTE DES PAGES */
.TitreNiveau5 {
	text-transform: none;
}
/* *********************************** FIN ******************************************/
.alert1{
	color:black;
}
.alert2, .alert3{
	color:red;
}

.bluespan
{
	position:relative;
	margin-right:30px;
	padding:10px;
	background-image:url(../pictures/marque/light_bleu_ceedff.png);
}

.bluecornertopleft{
	background-image:url(../pictures/marque/left_top.png); 
	position:absolute;
	top:0;
	left:0;
	height:10px;
	width:10px;
}

.bluecornertopright{
	background-image:url(../pictures/marque/right_top.png); 
	position:absolute;
	top:0;
	right:0;
	height:10px;
	width:10px;
}

.bluecornerbottomright{
	background-image:url(../pictures/marque/right_bottom.png); 
	position:absolute;
	bottom:0;
	right:0;
	height:10px;
	width:10px;
}

.bluecornerbottomleft{
	background-image:url(../pictures/marque/left_bottom.png); 
	position:absolute;
	bottom:0;
	left:0;
	height:10px;
	width:10px;
}