body { behavior: url(csshover.htc); margin:0px; padding:0px; padding-top:10px; font-family: Tahoma; background-color: #666698;
background-repeat:repeat-y; background-position: 50% 0%;
}
img {border:0px;}

.accroche {
    height: 25px;
    background-image: url(../images/entete_accroche_fond.gif);
    background-repeat: no-repeat;
    font-size: 10px;
    padding-left:10px;
}

.panier {
    text-align: right;
    padding-right:40px;
}
.panier a { color:#000;}
.entete {
    height: 65px;
    background-image: url(../images/entete_fond.gif);
    background-repeat: repeat-x;
	 background-position:bottom center;
    vertical-align: top;
}

.menu {
    height:40px;
    background-image: url(../images/menu_fond.gif);
    background-repeat: repeat-x;
	z-index:999!important;
}

.menuFond {
    height:10px;
    background-image: url(../images/menu_fond.gif);
}

.menuBoutonGauche, .menuBoutonGaucheA {
    background-image: url(../images/menu_btn_debut.gif);
    white-space: nowrap;
}
.menuBoutonDroite, .menuBoutonDroiteA {
    background-image: url(../images/menu_btn_fin.gif);
    white-space: nowrap;
}

.menuBouton, .menuBoutonA  {
    background-image: url(../images/menu_btn_fond.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    height: 40px;
    display:block;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    padding-left: 18px;
    padding-right: 19px;
    padding-top:12px;
    font-size: 14px;
    white-space: nowrap;
}
#catalogue {
	background-image: url(../images/menu_btn_fond2.gif);
}
.menuBoutonGauche,.menuBoutonGaucheA, .menuBoutonDroite, .menuBoutonDroiteA {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 120px;
    height: 40px;
    display:block;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding-top:12px;
}
html>body .menuBouton, html>body .menuBoutonGauche, html>body .menuBoutonDroite,
html>body .menuBoutonA, html>body .menuBoutonGaucheA, html>body .menuBoutonDroiteA{
    height: 28px;
}
.menuBoutonGauche:hover, .menuBoutonDroite:hover, .menuBouton:hover,
.menuBoutonA, .menuBoutonGaucheA, .menuBoutonDroiteA{
    background-image: url(../images/menu_btn_fond.gif);
    background-position: 0px -40px;
    color: #000000;
}


.menuBoutonDroite:hover {
    background-position: 0px -40px;
    color: #000000;
}

.contenu {
    background-image: url(../images/contenu_fond.gif);
    background-repeat: repeat-y;
	text-align:left;
}

.copy {
    text-align: right;
    font-size: 11px;color:#cecece;
}

.copy a { color:#cecece; }

.bas {
    height: 15px;
    background-image: url(../images/contenu_bas.gif);
    background-repeat: no-repeat;
}

.slogan {
    color: #FFFFFF;
    padding-left:10px;
    font-weight:bold;
    font-size: 12px;
    
}

.gauche {
    padding:10px;
}
.alerte { width: 320px;}
.alerte th {
    background-image: url(../images/alerte_haut_fond.gif);
    background-repeat: no-repeat;
    font-size:12px;
    color: #FFFFFF;
    height:30px;
    text-align: left;
    padding-left: 5px;
}
.alerteContenu { padding:5px; }

.cadre th {
    background-image: url(../images/cadre_haut_fond.gif);
    background-repeat: no-repeat;
    font-size:12px;
    color: #FFFFFF;
    height:30px;
    text-align: left;
    padding-left: 5px;
}
.cadreMauve th {
    background-image: url(../images/cadre_haut_fond_mauve.gif);
    background-repeat: no-repeat;
    font-size:12px;
    color: #FFFFFF;
    height:30px;
    text-align: left;
    padding-left: 5px;
}

.cadreVert th {
    background-image: url(../images/cadre_haut_fond_vert.gif);
    background-repeat: no-repeat;
    font-size:12px;
    color: #000000;
    height:30px;
    text-align: left;
    padding-left: 5px;
}

.cadreFushia th {
    background-image: url(../images/cadre_haut_fond_fushia.gif);
    background-repeat: no-repeat;
    font-size:12px;
    color: #FFFFFF;
    height:30px;
    text-align: left;
    padding-left: 5px;
}
.cadreContenu {
    padding-top:10px;
    background-image: url(../images/cadre_fond.gif);
    background-repeat: repeat-y;
}
.alerteContenu {
    padding-top:10px;
    background-image: url(../images/alerte_fond.gif);
    font-size:12px;
    font-weight:bold;
    background-repeat: repeat-y;
}

.cadreContenuMauve {
    padding-top:10px;
    background-image: url(../images/cadre_fond_mauve.gif);
	/*background:#FCFAFF;*/
    background-repeat: repeat-y;
}
.cadreContenuVert {
    padding-top:10px;
    background-image: url(../images/cadre_fond_vert.gif);
    background-repeat: repeat-y;
}
.cadreContenuFushia {
    padding-top:10px;
    background-image: url(../images/cadre_fond_fushia.gif);
    background-repeat: repeat-y;
}

.cadreContenu table,.cadreContenuMauve table, .cadreContenuFushia table  {
    font-size:10px;
}
.categorieBleue {
    font-size: 10px;
    color: #000099;
    font-weight: bold;
    height: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000099;
}
.categorie {
    font-size: 10px;
    color: #333333;
    font-weight: bold;
    height: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
}

.categorieBleue a {
    text-decoration:none;
    color: #000099;
    width: 100%;
}

.categorie div a {
    text-decoration:none;
    color: #333333;    
}

.categories {
    position:absolute;
    background:#FFFFFF;
    /*width:230px;*/
   /* margin-left:80px;*/
    border: 1px solid #000;
    z-index:9999!important;
}

.categories a {
    display:block;
    /*width:230px;*/
    padding: 5px;
	z-index:9999;
	/*border: 1px solid #f00;*/
	margin:0px!important;

}

.categories a:hover {
    display:block;
    background-color: #0099ff;
}


.Acats {
	/*display:block;*/
	text-decoration:none;	
	background: url(../images/fond-cats.png);
	background-position: 0% 0px;
	/*font-weight:bold;*/
	font-family: Verdana;
	line-height:20px;
	height:20px;
	font-size:10px;
	padding-left:7px;
	padding-right:7px;
	color:#0000ff;
	z-index:9999!important;

}
html>body .Acats { display:block; }
.Acats:hover, .categorieBleue a:hover {
	background-color: #0099ff;
	background-position: 00% 20px;
	color:#000000;
}
.familles {

	height:20px;
	line-height:20px;
	float:left;
	/*background:#ffffff;*/
	/*width:100px;*/
	font-size:12px;
	cursor:pointer;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	white-space:nowrap;
}
.index {
    font-size:12px;
    font-weight:bold;
}
.centre {
    background-image: url(../images/centre_fond.gif);
    background-repeat: repeat-y;
}
.centreContenu {
    background-image: url(../images/centre_deco.gif);
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-color: #FFFFFF;
    padding:10px;
    margin:1px;
    margin-top:0px;

}

.promoPhoto {
    text-align: center;background-image:url(../images/promo_fond.gif); height:160px;
}

.fichePhoto {
    text-align: center;background-image:url(../images/fiche_produit_photo_fond.gif); height:260px;
    background-repeat: no-repeat;
    vertical-align: top;
}
.ficheCats {
    font-size:11px;
    height:20px;
    padding-left:5px;
	text-align:center;
}
.ficheDesignation {
    background-image:url(../images/fiche_produit_haut_fond.gif);
    height:30px;
    line-height:30px;
    padding-left:10px;
    color:#FFFFFF;
    font-weight: bold;
}
.ficheContenu{
    background-image:url(../images/fiche_produit_fond.gif);
    color:#000000;
    padding-top: 20px;
}
.ficheDescription {
    color: #FFFF00;
    font-size:14px;
    font-weight: bold;
}
.ficheDetail {
    vertical-align: top;
    color: #FFFFFF;
    font-size:14px;
    padding-left:10px;
    font-weight: bold;
}
.ficheDetail table ul {
    margin: 0px;
    /*border:1px solid red;*/
    padding-left:0px;
    padding-left:15px;
}

.ficheDetail table li {
    list-style-image: url(../images/fiche_produit_puce.gif);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    /*white-space: nowrap;*/
}
.fichePrix {
    text-align:right;
    height:50px;
    vertical-align:top;
    color:#FFFF00;
    font-weight: bold;
    font-size:18px;
}

.promoCats {
    color:#000099;
    font-weight: bold;
	padding-right:5px;
	padding-left:5px;

}
.promoDesignation {
	padding-right:5px;
	padding-left:5px;
}
.promoDesignation a,.promoCats a{
    color: #333333;
    text-decoration: none;
    
}

.promoPrix {
    padding-bottom:10px;
    text-align:right;
    font-size: 18px;
    font-weight: bold;
    color:#000099;
	padding-right:10px;
}



.recherchePhoto {
    /*background-image:url(../images/recherche_photo_fond.gif);*/
    
    background-repeat: no-repeat;
    height:155px; width:155px; vertical-align:middle;
    border:1px solid #123456;
}

.promoSticker {
    width:50px;
    height:50px;
    position:relative;
    left: -122px;
    top:0px;
    z-index:999;
}

html>body .promoSticker {
    left:0px;
    top: -122px;
}

.produits th {
    background-image: url(../images/menu_fond.gif);
    padding:5px;
    background-position: 50% 0%;
}
.produits th a {
    color: #FFFFFF;
    text-decoration: none;    
}

.produits td{
    border-width:0px;
    border-right: 1px dashed #CECECE; 
}
.produits td a {
    text-decoration: none;
    color: #000099;
}

.formulaire, .formulaire input{ font-size:11px;}
.formulaire th { text-align: right; font-weight: normal;}
.formulaire th.Req { font-weight: bold;}

.input {
    border-width: 1px;
    border-style:solid;
    border-color:#CECECE;
}

#AlerteMsg { font-size: 11px;}

.overPhoto {
    width:160px;height:160px;
    background-image:url(../images/promo_fond.gif);
    background-repeat: no-repeat;
    text-align:center;
    padding-top:1px;
}

.aide, .aideLi{ font-size: 12px; text-align:left;}

.aideLi a {
    font-size: 12px;
    color: #000099;
}

.prevNext {
    text-decoration: none;
    color: #000000;
    font-size:12px;
}
.prevNext:hover { color: #cc0000; }


#coup2coeur {
    border:3px solid #333333;
    background: #FFFFFF;
    width:170px;
    /*top:0px;*/
    bottom:0px;
    left:-150px;
    position: absolute;
    padding:0px;
}

html>body #coup2coeur {
    position: fixed;
}

#coup2coeurPannel {
    border:1px solid #333333;
    width:10px;
    float: right;
    background: #333333;
}

#coup2coeurPannel a {
    color: #FFFFFF;
    text-decoration:none;
    display:block;
    font-size:11px;
}

.navibar {
    font-size:11px;
}

.navibar a {
    color:#000000;
}




/* Json Suggest */
div.jsonSuggestResults {
	position:absolute;
	border:1px solid #CCC;
	padding:0px;
	margin:12px 2px;
	z-index:10000;
}

div.jsonSuggestResults div.resultItem {
	margin:0px;
	padding:5px;
	position:relative;
	height:auto;
	cursor:pointer;
}

div.jsonSuggestResults div.resultItem.odd {
	background-color:#FFFFFF;
}
div.jsonSuggestResults div.resultItem.even {
	background-color:#FFFFFF;
}

div.jsonSuggestResults div.resultItem.hover {
	background-color:#3399FF;
}

div.jsonSuggestResults div.resultItem img {
	float:left;
	margin-right:10px;
}

div.jsonSuggestResults div.resultItem p {
	margin:0px;
	padding:0px;
	font-size:12px;
}

div.jsonSuggestResults div.resultItem p strong {
	font-weight:bold;
	text-decoration:underline;
}

div.jsonSuggestResults div.resultItem p.extra {
	font-size: x-small !important;
	position:absolute;
	bottom:3px;
	right: 3px;
}


	/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	/*overflow:hidden;	 	*/
	width: 160px;	
	height:520px;	
	z-index:1;
	
	/* custom decorations */
	border:0px solid #cecece;
	/*background-color:#ffffff;*/
	margin-top:5px;
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	/*width:20000em;*/
	/*height:2000em;*/
	position:absolute;
	clear:both;		
	z-index:1;
	/* decoration */
	/*margin-left:10px;*/
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:left;
	width:158px;
	/*height:280px;*/
	font-size:12px;
	padding:0px;
	padding-top:0px;
	/*border:1px outset #ccc;*/
	/*background-color: #ffffff;*/
	margin-right: 20px;	
	/*-moz-border-radius:5px;*/
	z-index:1;
}

/* active item */
div.scrollable div.items div.active {
	/*border:1px inset #ccc;		*/
	/*background-color:#eee;*/
}


#menuDeroulant
{
	/*background: #6A6458;*/
	width: 1000px;
	height: 20px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: absolute;

}
#menuDeroulant li
{
	float: left;
	/*width: 120px;*/
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	}

#menuDeroulant li a:link, #menuDeroulant li a:visited {
	display: block;
	background: url(../images/fond-cats.png);
	background-position: 0% 0px;
	/*font-weight:bold;*/
	font-family: Verdana;
	line-height:20px;
	height:20px;
	font-size:10px;
	padding-left:7px;
	padding-right:7px;
	color:#0000ff;
}
#menuDeroulant li a:hover {
	background-position: 00% 20px;
	color:#000000;
	}
#menuDeroulant li a:active {
	background-position: 00% 20px;
	color:#000000;
	}

#menuDeroulant .sousMenu {
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #000000;
	position:absolute;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 240px;
	border-top: 1px solid #EFEFEF;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #000000;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	background: #ffffff;
	text-align:left;
	border:1px solid #fff;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #0099FF;
}

#menuDeroulant li:hover .sousMenu { display: block; }

#dvZoom {
	background:#ffffff;
	border:1px solid #cecece;
	padding:0px;
	margin:10px;
}

#dvZoom a { font-size: 12px; color: #999999; }

.Zoom {
    border-width:1px;
    border-style: solid;
    border-color: #000033;
    background-color: #ffffff;
	margin:0px;
}

.Zoom th a {
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}
.nclink{
	width:310px;
	height:310px;
	float:left;
	/*border:1px solid #cecece;*/
}
.nclink1 {border-bottom:1px solid #cecece;border-right:1px solid #cecece;}
.nclink2 {border-bottom:1px solid #cecece;}
.nclink3 {border-right:1px solid #cecece;}
.nclinkGauche {
    width:158px;
    display:block;
    float:left;
	overflow:hidden;
	height:25px;
	line-height:25px;
	color:#00f;
	background:#fff;
	font-size:12px;
	text-align:center;
	border: 1px solid #cecece;
	background-image: url(../images/fond-cats.png);
	background-position: 0% 10px;
	background-repeat:no-repeat;
	/*padding:3px;*/
	text-decoration: none;
	color:#666;
}
.nclinkDroite {
    width:158px;
    display:block;
    float:left;
	overflow:hidden;
	height:25px;
	line-height:25px;
	color:#00f;
	background:#fff;
	font-size:12px;
	text-align:center;
	border: 1px solid #cecece;
	background-image: url(../images/fond-cats.png);
	background-position: 100% 10px;
	background-repeat:no-repeat;
	/*padding:3px;*/
	text-decoration: none;
	color:#666;
}
.nclinkGauche:hover,.nclinkDroite:hover {
	background: #fefefe;
	color:#000;
}
div.texteSimple h1 {
	font-size:16px;
}
div.texteSimple {
	font-size:12px;
}