body {
	margin:0px;
	padding: 0;
	text-align:left;
	font:Verdana, Arial, Helvetica, sans-serif;
}
#Conteneur{
	width: 970px;
	text-align:center;
	border:2px;
	background:#FFFFFF;
	display: block;
	clear:left;

	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#BarBanner{
	width:970px;
/*	height:107px;*/
	text-align:center;
	padding:0px;
	margin:0px;
	display:block;
	clear:left;


}


#BarBanner p{
	margin:0px;
	padding:0px;
	display:block;
	clear:left;
}

#BarTop{
clear:none;
width:970px;
height:30px;
background-image:url(../images/onglet_marque.gif);
background-repeat:no-repeat;
text-align:center;
padding:0px;
margin:0px;

}




#BarNav{width:970px; display:block; text-align:center;height:29px; vertical-align:middle;
 float:left;
background-image:url(../images/haut-fond-titre.gif);  
 
padding-top:4px;
}
 
#BarNav h2{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
		text-decoration: none;
	text-align:left;
	float: left ;
	margin:0px;
	padding-bottom:0px;
	padding-right:8px;
	padding-left:2px;
	margin-top:4px;
}
#BarNav a{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
		text-decoration: none;
	text-align:left;
	float: left ;
	margin:0px;
	padding-bottom:0px;
	padding-right:8px;
	padding-left:2px;

}
#BarRech{
	clear:none;
	width:970px;
	display:block;
	float:left;
	text-align:center;
	vertical-align:middle;
	background-image:url(../images/recherche-fond.gif);
	height:33px;

padding:0px;
margin:0px;
}
#BarRech ul li{
padding:0px;
margin:0px;

}



#Main{width:975px; display:block;  margin:0px; padding:0px;float:left;vertical-align:middle; text-align:center; }
#MainSpacer{width:970px; height:10px; display:block; float:left; margin:0px; padding:0px; vertical-align:middle; text-align:center;}
#PageGauche{width:220px; float:left; text-align:left; padding:0px;margin:0px;}
#PageMilieu{
	width:725px;
	display:block;
	float:left;
	

	text-align:center;
	vertical-align: middle;
	padding:0px;
	margin:0px;
	margin-left:20px;
}

#PageMilieu2{
	width:560px;
	display:block;
	float:left;
	text-align:center;
	vertical-align: middle;
	padding:0px;

	margin:0px;

}
#PageMilieuSpacer {
float:left;
display:block;
background-color:#FFFFFF;
width:10px;
height:60px;
padding:0px;
margin:0px;
clear:left;
}

#PageDroite{width:190px; display:block; float:left; text-align:center; margin:0px;padding:0px;}
.spacer{clear:both; width:2px; display:block;float:left;}
#MenuNewsletter{width:180px; float:left; text-align:center; padding-left: 30px;}

#PageBas{width:975px; }

.LigneComplete2{width:970px; }
.MainSpacer2{width:180px; height:4px; display:block; float:left; margin:0px; padding:0px; vertical-align:middle; text-align:center;}
.MainSpacer3{width:970px; height:10px; display:block; float:left; margin:0px; padding:0px; vertical-align:middle; text-align:center;}

#HeaderPage{width:970px; height:107px; float:left; margin:0px; padding:0px; vertical-align:middle; text-align:center;}
 

/***********************/
ul{

padding:0;
margin:0;
list-style-type:none;
display:block;

}
li{

margin-left:0px;
float:left; /*pour IE*/
display:block;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #820000;
	padding-left: 3px;
	text-decoration: none;
	text-align:left;
	display:block;
	float: left ;
	margin:0px;
}

#BarTop h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	padding-top:3px;
	margin:0px;


}


.TitreMenuNavigHaut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
		text-decoration: none;
	text-align:left;
	float: left ;
	margin:0px;
	padding-bottom:0px;
	padding-right:8px;
	padding-left:2px;

}

#BarNav p{
padding:0px; margin:0px;
}

/*Menu de recherche************/
.RechercheFormImg{
background: transparent url(../images/rechercheG.gif);
background-repeat:no-repeat;
background-position:top left;

height: 22px;
text-indent: 0px;
width:160px;
margin:0px;
padding:0px;
 padding-top:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	
}

.RechercheFormImg-picto{
 

width: 20px;
 
	
}
/*Menu de recherche************/
.RechercheFormSSImg{

height: 22px;

width:160px;
margin:0px;
padding:0px;
padding-top:3px;
 padding-right:10px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding-left:10px;
}

label{
float: left;
margin-left: 80px; /*width of left column*/
width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-top:5px;
}

label2{
float: left;
margin-left: 10px; /*width of left column*/
width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-top:5px;
}

input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
height:15 px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding-left: 3px;
	
	text-align: left;

}
.texteRouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 3px;
	text-align: left;
	color: #820000;
}
.TexteRechercheAvancee {
float: left;
margin-: 0px; /*width of left column*/
width: 330px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-top:5px;
padding-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #006100;
	text-align:left;
	text-decoration: none;


}
.CompteHaut {
float: left;
margin: 0px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding:0px;


}
.PanierHaut {
float: left;
margin: 0px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding:0px;
padding-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #006100;
	
	text-decoration: none;


}
#BarRech form{
float: left;
margin: 0px; /*width of left column*/
padding:0px;
padding-top:3px;
padding-left:3px;
	}
/*formulaire********************/
.ImgOk {

background: transparent url(../images/ok-btn.gif);
background-repeat:no-repeat;
height: 22px;
width:26px;
border:none;
margin-right:10px;
}
.ImgOkRouge {

background: transparent url(../images/ok_btn_rouge.jpg);
background-repeat:no-repeat;
height: 20px;
width:26px;
border:none;
margin-left: 5px; /*width of left column*/
}

.ImgReserver {
	background-repeat:no-repeat;
	height: 22px;
	width:61px;
	border:none;
	background-color: transparent;
	background-image: url(../images/reserver-btn.gif);
	background-position: center top;
	margin:0px;
	padding:0px;
}

.ImgAcheter {
	background-repeat:no-repeat;
	height: 22px;
	width:66px;
	border:none;
	background-color: transparent;
	background-image: url(../images/acheter_btn.jpg);
	background-position: right top;
	padding-left:3px;
	margin:0px;
	text-align: center;
	vertical-align: top;
	display: block;
}

#EncartFondTitre {
	/*	background-image: url(../images/TitrePagFond.gif);
	background-repeat:no-repeat;*/
	width:720px;
	text-align:left;
	display:block;
	float:left;
	clear:left;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	margin:0px;
	font-family: Verdana;

	font-size: 11px;
	text-decoration: none;
	background-position: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-top-color: #767778;
	border-right-color: #767778;
	border-bottom-color: #767778;
	border-left-color: #767778;
	border-left-style: dotted;	
}
#TitrePageEncartPanier{
	width:230px;
	display:block;
	float:left;
	text-align:center;
	padding:0px;
	padding-left:35px;
	margin:0px;

}
#MilieuSpacer {
float:left;
display:block;
background-color:#FFFFFF;
width:720px;
height:25px;
}
#MilieuSpacer3 {
float:left;
display:block;
clear:left;
background-color:#FFFFFF;
width:720px;

}
/******************************************/
.Titre1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;

	text-decoration: none;
}
.SousTitre1 {
	color: #C9262B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.SousTitre2 {
	color: #EF1D24;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.SousTitre3 {
	color: #CB282A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.VoirAutreModele 
{
	padding:0px;
	margin-bottom:10px;
	margin-top:5px;
	width:280px;
	height:20px;
	text-align:left;
	background-image:url(../images/ico-voir-modele.gif);
	background-position:left;
	background-repeat:no-repeat;
	clear:left;
	display: block;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
}

.VoirAutreModele  a:hover
{
padding:0px;
margin:0px;


width:280px;
height:20px;
	text-align:left;
/*background-image:url(images/ico-voir-modele-survole.gif);
background-position:left 220px;
background-repeat:no-repeat;*/

}
.VoirAutreModele-text 
{
padding:0px;
margin:0px;
padding-left:15px;

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
		color: #333333;
		text-align:left;
		text-decoration:none;
}

.InputTexte{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: NORMAL;
	font-size: 10px;
	text-align:left;
	border: 1px solid #9c9c9c;	
height:19px;
width:150px;
padding:0px;
margin:0px;
margin-bottom:7px;

margin-right:3px;


 
}
.InputTexteRech{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: NORMAL;
	font-size: 10px;
	text-align:left;
	border: 1px solid #9c9c9c;	
height:19px;
width:100px;
padding:0px;
margin:0px;
margin-bottom:7px;



}
.InputTextePetit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: NORMAL;
	font-size: 10px;
	text-align:left;
	border: 1px solid #9c9c9c;	
height:12px;

}
/*******************************************************************************/
.BlocMenuHaut-haut
{ 
 margin-right:-12px;
/* background:#FF9900*/
 
}
 
.BlocMenuHaut-bas
{  
	background:#000000; 
	clear:both;
	margin-top:10px;
	position:relative;
}



#TitreFamille{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bolder;
  color:#000000;
  text-align:left;
  background-image:url(../images/menu-css.gif);
  background-position:top;
  background-repeat:repeat-x;
  width:400px;

  min-height:100px;
}

.TitreFamille-text-0{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bolder;
  width:218px;
	color:#333333;
  text-align:left;
margin:0px;
padding:0px;
  background-image:url(../images/menu-h-tiret.jpg);
  background-position:left bottom;
  background-repeat: no-repeat;
  padding-left:2px;
 padding-bottom:5px;
 	margin-bottom:10px;

}



.pictofamille
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
  
/*	background:#006666;*/
	color:#477CBF;
	width:220px;  
}
.TextCategorie-0
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	text-align:left;
	color:#df9728;
	width:200px;
	margin:0px;
	padding:0px;
	display:block;
 

}

.TextSousCategorie-0
{
     font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	 
	text-decoration: none;
	text-align:left;
	color:#CCC;
	width:200px;
	margin:0px;
	padding:0px;
	display:block;
 

}

.BlocPictoFam-espace{
  
 padding-right:5px;
 min-height:15px;
   background-image:url(../images/ico-menuhaut.jpg);
 background-position:center;
   background-repeat:no-repeat;
  
}

.BlocPictoFam-text{
  font-weight:normal;
background-color:#036;
   
  width:405px;
  
  padding-bottom:4px;
  padding-left:4px;
  height:22px;
}



 
.BlocPictoFam-text a{
  font-weight:bold;
 
}

.BlocPictoFam-text a:hover{
  font-weight:bold;
 
  width:200px;
  padding-bottom:4px;
  padding-left:4px;
   border-top: #CCCCCC dotted  1px;
  border-bottom: #CCCCCC dotted  1px;
}

.TitreSousFamille{
	width:auto;
	display:none;
	height:auto;
	padding:0;
	width:220px;
	 
}

.TitreFamilleLien{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  color:#000000;
  text-align:left;
  margin-left:10px;
  width:auto; 
  width:220px;
}

.TitreFamilleLien-Text{
  font-weight:normal;
  color:#000000;
  width:190px;
 
}



.TitreFamilleLien-espace{
  
  width:8px;
  
}
.BlocPictoSousFam-espace{
  clear:both;
  padding-left:8px;
 min-height:15px;
   background-image:url(../images/ico-scat.jpg);
 background-position:center;
   background-repeat:no-repeat;
}

.BlocPictoFam-text{
  font-weight:normal;
 
  width:205px;
  padding-bottom:4px;
  padding-left:2px;
}


.BasMenuHaut{
	 height:10px;
	 width:221px;
	background-color:#000000;/**/
	background-image:url(../images/back-basmenuhaut.jpg); 
	background-position:right top  ;
	background-repeat:repeat-x;
	
 
}

.MenuFamille-2{
	
	position:absolute;
	width:173px;
	display:none;
 
}

.MenuFamille-1{
	
	position:absolute;
	width:173px;
 display:none;
}
.MenuFamille-3{
	
	position:absolute;
	width:173px;
 display:none;
}

 .MenuFamille-4{
	
	position:absolute;
	width:173px;
 display:none;
}

.MenuFamille-5{
	
	position:absolute;
	width:173px;
 display:none;
}


 .MenuFamille-6{
	
	position:absolute;
	width:173px;
 display:none;
}




.VersBas{
 
	clear:both; 
	margin-top:5px;
	 
 
 
}

 
 
 
.TitreMenuNavigHaut_catalogue {
 width:60px;

}


.TitreMenuNavigHaut_Nouveau {
 width:150px;

}


.TitreMenuNavigHaut_bonplan {
 width:130px;

}

.pictoinfo-2
{

    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	color:#FFF;
	width:90px;
	margin:0px;
	padding:0px;
	display:block;
	min-height:25px;
	float:left; 

}




/***************************************************************************************************************/
/*************************************** MENU CSS V2 *************************************************/
/***************************************************************************************************************/  

  
#NavigationVertical {position:absolute; left:5px; top:0px; margin:0; list-style:none; position:relative; font-family:verdana, sans-serif;float:left; padding:0px 0 0 0;
}

#NavigationVertical ul.NiveauSup {padding:0; margin:0; list-style:none; }



#NavigationVertical ul.sub {padding:0; margin:0; list-style:none;}

#NavigationVertical table {border-collapse:collapse; margin:-1px; }
#NavigationVertical ul.NiveauSup ul.sub {position:absolute; left:-9999px; width:246px; }


#NavigationVertical ul.NiveauSup {width:246px;  }
#NavigationVertical ul.NiveauSup li {float:left; width:246px;clear:both}

#NavigationVertical ul.NiveauSup li ul li a{
 border-bottom:1px solid #666;
}
#NavigationVertical ul.NiveauSup li a {
	clear:both;
	display:block; 
	width:246px;
	padding-left:10px; 
	height:23px; 
	line-height:22px; 
	text-decoration:none;
	color:#fff; 
	font-size:11px; 
/*background:#eef0f0 url(images/menu/arrow-black.gif) no-repeat 250px center; 
*/
background-image:url(../images/menu/arr-menu-sep.gif); background-repeat:no-repeat;
/* border-bottom:1px solid #666;*/  
/*border-width:0 1px 1px 1px;*/
}

#NavigationVertical a:hover {white-space:nowrap;}
#NavigationVertical :hover ul.NiveauSup li a {background:#eee url(images/menu/separationmenu1.gif) no-repeat   bottom; color:#654;  
}
#NavigationVertical ul.NiveauSup li a:hover {color:#069; background:#fff url(images/menu/arrow-black.gif) no-repeat 160px center;  }
#NavigationVertical ul.NiveauSup li:hover > a {color:#999; background:#333 url(images/menu/arrow-black.gif) no-repeat 160px center;  }

#NavigationVertical :hover ul.NiveauSup :hover ul.sub {left:264px; display:inline;}
 

#NavigationVertical :hover ul.NiveauSup :hover ul.pos1 {top:0px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos2 {top:23px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos3 {top:45px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos4 {top:67px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos5 {top:89px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos6 {top:111px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos7 {top:133px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos8 {top:155px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos9 {top:177px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos10 {top:199px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos11 {top:221px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.pos12 {top:243px;}


#NavigationVertical :hover ul.NiveauSup :hover ul.sub li a
{
	background:#333;
	color:#999;  
	}

#NavigationVertical :hover ul.NiveauSup :hover ul.sub li a.sub2 {
	background:#eee url(images/menu/separationmenu1.gif) no-repeat   bottom; 
	color:#fff;
	width:auto;
	  width:246px;
	}

#NavigationVertical :hover ul.NiveauSup :hover ul.sub li a:hover {background:#6B6B6B; color:#000;clear:both ;  width:246px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.sub li a.sub2:hover {
	background:#fff url(images/menu/arrow-black.gif) no-repeat 250px center; color:#069;  width:246px;}
#NavigationVertical :hover ul.NiveauSup :hover ul.sub li:hover > a.sub2 {background:#fff url(images/menu//arrow-black.gif) no-repeat 250px center; color:#069;}

 







 #NavigationVertical ul ul li { 	position:relative;display:inline;}

 
/***************************************************************************************************************/
/***************************************************************************************************************/