BODY{background:url('images/fadding-green.jpg') repeat-x; color:#000; margin:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;}

FORM{display:inline;}

.moduleRow{}
.moduleRowOver{background-color:#fff5ee;}
.moduleRowSelected{background-color:#E9F4FC;}

.checkoutBarFrom, .checkoutBarTo{font:11px Tahoma,Verdana,Arial,sans-serif; color:#8c8c8c;}
.checkoutBarCurrent{font:11px Tahoma,Verdana,Arial,sans-serif; color:#000;}

#thumbBox{ z-index:100;position:absolute; left:0; top:0; width:auto; padding:10px; padding-bottom:0; border:1px solid #ccc; background:url('images/pattern-13.gif'); visibility:hidden;}
#thumbBox .footerbar{ z-index:100; font:bold 13px Tahoma,Verdana,Arial,sans-serif; color:#7f6080; letter-spacing:5px; line-height:1.1em; padding:5px 0; text-align:right;}
#thumbBox #thumbImage{ border:1px solid #ccc; background-color:#fff;}
#thumbLoading{ position:absolute; visibility:hidden; border:1px solid #000; background-color:#EFEFEF; padding:5px;}


/*Formats de fonts : h1, bold, span */
A { color:#000; text-decoration:none;}
A:hover { background-color:#fff; }
h1{margin:0; padding:0; }
h2{margin:0; padding:0; }
h3{margin:0; padding:0; }
h4{margin:0; padding:0; }
h5{margin:0; padding:0; }
h6{margin:0; padding:0; }

.textblanc{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#fff;}
  .textblancmed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:#fff;}
  .textblancbig{font:300 18px Georgia, Times,serif; color:#fff;}
.textbleu{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#0090b0;}
  .textbleumed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:#0090b0;}
  .textbleubig{font:300 18px Georgia, Times,serif; color:#0090b0;}
.textviolet{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#7f6080;}
  .textvioletbold{font:600 11px Tahoma,Verdana,Arial,sans-serif; color:#7f6080;}
  .textvioletmed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:#7f6080;}
  .textvioletbig{font:300 18px Georgia, Times,serif; color:#7f6080;}
.textpink{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#c06;}
  .textpinkmed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:#c06;}
  .textpinkmedbold{font:600 12px Tahoma,Verdana,Arial,sans-serif; color:#c06;}
  .textpinkbig{font:300 18px Georgia, Times,serif; color:#c69;}
  .textpinkmega{font:600 22px Georgia, Times,serif; color:#c69;}
.textrouge{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#c00;}
  .textrougelight{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#c00;}
  .textrougemed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:#c00;}
  .textrougebold{font:600 12px Tahoma,Verdana,Arial,sans-serif; color:#c00;}
  .textrougeupper{font:600 13px Tahoma,Verdana,Arial,sans-serif; color:#c00; text-transform: uppercase;}
  .textrougebig{font:300 18px Georgia, Times,serif; color:#c00;}
.textgris{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:#555;}
  .textgrisstrong{font:600 11px Tahoma,Verdana,Arial,sans-serif; color:#555;}
  .textgrisbig{font:300 16px Georgia, Times,serif; color:#555;}
.textnormal{font:300 11px Tahoma,Verdana,Arial,sans-serif; color:black; line-height:1.4em;}
  .textnormalmed{font:300 12px Tahoma,Verdana,Arial,sans-serif; color:black; line-height:1.4em;}
.backvert{background-color:#edfaf6; padding:3px 2px 3px 5px; } /*** padding used in login box. Ne pas changer ***/
.backviolet{background-color:#f0f0ff; padding:5px 2px 5px 5px; } 
.backrose{background-color:#fff0f0; padding:3px 2px 3px 5px; } /*** padding used in login box. Ne pas changer ***/
.backblanc{background-color:#fff; padding:3px 2px 3px 5px; } /*** padding used in login box. Ne pas changer ***/
.lineheight {line-height:1.5em; }

A.pageResults{color:#7f80b0; font:300 12px Arial,Verdana,Tahoma,sans-serif; 
padding: 5px; border:1px solid #9aafe5; text-decoration:none; color:#2e6ab1; background:#fff;}
A.pageResults:hover{color:#fff; background:#307f90;}
SPAN.pageResultscurrent{color:#7f80b0; font:300 12px Arial,Verdana,Tahoma,sans-serif; 
padding:5px; border:1px solid #9aafe5; text-decoration:none; color:#fff; background:#307f90;}
SPAN.pageResultscurrent:hover{color:#fff; background:#107fa0;}

/*Menu au top */
#tabsB{float:left; width:100%; font-size:93%; line-height:normal;}
#tabsB ul{margin:0; padding:0; list-style:none;}
#tabsB li{display:inline; margin:0; padding:0;}
#tabsB a{ font:11px Tahoma,Verdana,Arial,sans-serif; float:left; background:url("images/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 2px; text-decoration:none;}
#tabsB a span{float:left; display:block; background:url("images/tabrightB.gif") no-repeat right top; padding:5px 5px 4px 5px; color:#666;}
#tabsB a span{float:none;}
#tabsB a:hover span{color:#000;}
#tabsB a:hover{background-position:0% -42px;}
#tabsB a:hover span{background-position:100% -42px;}

/* Tables, TD, infoboxes */
  /* Generales */
.normal{width:100%; border:0; border-width:0; margin:0; padding:0; border-spacing:0; border-collapse:collapse; vertical-align:top;}
.tableprinc{width:770px; padding:0; border-spacing:0; border-collapse:collapse; vertical-align:top;}
.boxtitre{padding:3px 7px ; background:url('images/pattern-13.gif');}

.boxtitreblanc{padding:3px 10px; height:25px; background:url('images/bouton_prix_bg_middle.gif') repeat-x;}

.imgborder {} .imgborder img{border:1px #cfcfcf solid;}
.imgnoborder {} .imgnoborder img{border:0px;}
.plainBox{border:0;  border-width:0; margin:0; padding:0; border-spacing:0; font:11px Tahoma,Verdana,Arial,sans-serif;}
  /* Infoboxes */
.infobox{border:1px #ccc solid; padding:5px;}
.infoboxnb {padding:5px;}
.infoboxnp {border:1px #ccc solid;}

  /* Header */  
.lignehaute{width:770px; height:17px; border:0; border-width:0; margin:0; padding:0; border-spacing:0; border-collapse:collapse; vertical-align:top;}
.blochaut{width:770px; height:100px; border-right:1px #d8f0e9 solid; border-left:1px #d8f0e9 solid;}
  .blochauta{height:100px; width:190px; padding:0; margin:0; background:#fff; }
  .blochautb{   height:100px;width:180px; padding:0; background-color:#fff;}
    .blochautba{height:40px; padding:0; vertical-align:bottom;}
    .blochautbb{height:60px; width:160px; }
  .blochautc{width:260px; height:100px; background:url('images/header-decoration-interieur.jpg') no-repeat; z-index:1;}
    .blochautca{height:40px;width:255px; }
    .blochautcb{height:15px;padding:5px; width:255px; background:#fff; z-index:2; }
    .blochautcc{height:15px;padding:5px 5px 5px 0; width:255px; background: #fff; z-index:2;}
  .blochautma{height:100px; width:140px; padding:0; background-color:#fff;}

  /* Bouton panier extensible */
.boutonajouterpanier{width:170px; height:42px; background:url('images/ajouter-au-panier-bg.gif') no-repeat;}
.boutonajouterpaniera{width:64px; height:42px;z-index:0; }
.boutonajouterpanierb{width:106px; height:42px;}
  /* Bouton prix extensible*/
.boutonprix{height:42px;}
.boutonprixleft{width:3px; height:42px; background:url('images/bouton_prix_bg_left.gif') right no-repeat;}
.boutonprixmiddle{padding: 0 5px 0 5px; height:42px; background:url('images/bouton_prix_bg_middle.gif') repeat-x; white-space:nowrap;}
.boutonprixright{width:3px; height:42px; background:url('images/bouton_prix_bg_right.gif') left no-repeat;}

/* Div et span design */
.divrelative { position: relative; z-index: 0; }
.zindexlow { z-index: -10; }
.divright { z-index: 1; position: absolute; width: 100px; height: 100px; top: 1px; right: 1px; text-align: right; }
.divleft { z-index: 1; position: absolute; width: 100px; height: 100px; top: 2px; left: 2px; text-align: left; }
.divleftdeux { z-index: 1; position: absolute; width: 100px; height: 100px; top: -5px; left: -5px; text-align: left; }
SPAN.specialpricepercent{color:#fff; font:600 14px Arial, Helvetica, sans-serif; text-align:right; font-weight: bold;
background:url('images/bg_special_percent.gif') left no-repeat; padding:22px 11px 22px 10px; height:80px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:768px; height:20px; position:relative; z-index:51; 
font-family:arial, sans-serif; background:#f0f0ff; border-left:1px solid #ddd; border-right:1px solid #ddd; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:769px; w\idth:770px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; 
color:#666; height:20px; padding: 0 4px; line-height:19px; font-weight:bold; text-align: center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#f0e0ff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#f0e0ff;}



/* MENU2*/
.menu2 {width:768px; height:20px; position:relative; z-index:50;font-family:arial, sans-serif; background:#fff; 
border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
/* hack to correct IE5.5 faulty box model */
* html .menu2 {width:769px; w\idth:770px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu2 ul {padding:0;margin:0; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu2 li {float:left; position:relative;}
/* style the links for the top level */
.menu2 a, .menu2 a:visited {display:block;font-size:11px;text-decoration:none; 
color:#666; height:20px; padding: 0 4px; line-height:19px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu2 a, * html .menu2 a:visited {}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu2 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the top level hover */
.menu2 a:hover, .menu2 ul ul a:hover{color:#000; background:#e0f0ff;}
.menu2 :hover > a, .menu2 ul ul :hover > a {color:#000; background:#e0f0ff;}



/* menu3*/
.menu3 {width:60px; height:20px; position:relative; z-index:60;font-family:arial, sans-serif; background:#fff; 
border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
/* hack to correct IE5.5 faulty box model */
* html .menu3 {width:61px; w\idth:60px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu3 ul {padding:0;margin:0; list-style-type:none;}
.menu3 ul ul {width:60px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu3 li {float:left;width:60px;position:relative;}
/* style the links for the top level */
.menu3 a, .menu3 a:visited {display:block;font-size:11px;text-decoration:none; 
color:#666; width:55px; height:20px; padding-left:4px; 
line-height:19px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu3 a, * html .menu3 a:visited {width:60px; w\idth:60px;}

/* style the second level background */
.menu3 ul ul a.drop, .menu3 ul ul a.drop:visited {background:#ffe0f0;}
/* style the second level hover */
.menu3 ul ul a.drop:hover{background:#f0d0ff;}
.menu3 ul ul :hover > a.drop {background:#f0d0ff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu3 ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:60px;}
/* another hack for IE5.5 */
* html .menu3 ul ul {top:20px;t\op:21px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu3 table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu3 ul ul a, .menu3 ul ul a:visited {background:#fff0f0; color:#000; height:auto; line-height:1em; padding:5px 10px; width:60px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu3 ul ul a, * html .menu3 ul ul a:visited {width:60px;w\idth:58px;}

/* style the top level hover */
.menu3 a:hover, .menu3 ul ul a:hover{color:#000; background:#ffe0f0;}
.menu3 :hover > a, .menu3 ul ul :hover > a {color:#000; background:#ffe0f0;}

/* make the second level visible when hover on first level list OR link */
.menu3 ul li:hover ul,
.menu3 ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu3 ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu3 ul :hover ul :hover ul{ visibility:visible;}


#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 0px;
		background: url(images/tab_bottom.gif) repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 12px;
		font-family: verdana, sans-serif;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/

.menutabbed {
font-family: verdana, arial, sans-serif; 
width:550px; 
margin:0; 
position:relative;
z-index:90;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menutabbed ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
.menutabbed ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
.menutabbed ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menutabbed ul li a, .menutabbed ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:139px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menutabbed ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menutabbed ul li a:hover,
.menutabbed ul li:hover a {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the first list item */
.menutabbed ul :hover ul {
top:30px; 
left:0;
height:auto;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
.menutabbed ul :hover ul li {
background:#eee; 
color:#000;
padding:10px;
width:489px;
border:20px solid #b3ab79;
}
/*float the image left with padding and no border */
.menutabbed ul :hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
.menutabbed ul :hover ul li p {
font-size:0.9em;
line-height:1.8em;
}
/* style the background and foreground color of the submenu links */
.menutabbed ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
.menutabbed ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}

.boxtitle {
  background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  color: #777;
  display: block;
  font-weight: 700;
  letter-spacing: normal;
  text-align: left;
  font-size: 1.1em;
  padding: 5px 10px;
  margin: 0;
  color: #555;

  border: solid 1px #ddd;
  border-bottom: 0;
}
.boxtitled {
  background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  color: #777;
  display: block;
  font-weight: 700;
  letter-spacing: normal;
  text-align: left;
  font-size: 1.1em;
  padding: 5px 10px;
  margin: 0;
  color: #555;
  border: solid 1px #ddd;
  border-bottom: 0;  border-top: 0;
}
.boxtitlelast {
  background: #fff url('images/bg-shade-light.png') repeat-x bottom left;
  color: #777;
  display: block;
  font-weight: 700;
  letter-spacing: normal;
  font-size: 1.1em;
  padding: 5px 10px;
  margin: 0;
  color: #555;
  border: solid 1px #ddd;
}
.espace {
  height: 5px;
  position: relative;
}

/* CSS Forms http://css.mammouthland.net/formulaire_css.php */
.input { border:1px solid #777; color: #333; background-color:#E6E6FA; padding: 3px 7px 3px 7px; }