@import url( includes/menubar.css );
#tomber{
  position:absolute;
  right:20px;
  /*border:1px solid red;*/
}
/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $*/
.Style3 {font-size: x-small; color:#000000}

.StyleGad {font-size: x-small; color:#000000; } 

.texte {padding-top:5px;font-size:11px; font-family:Arial, Helvetica, sans-serif;text-align:justify;padding-bottom:5px;}

h1{ /* acloup 29/11/2011 */
color:#9A9A9A;
  font-family:Verdana, Arial, sans-serif;
  font-size:20px;
  font-weight:bold;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
/*  background:url(images/fond_raye.gif) ;*/
  color: #000000;
  margin: 0px;
 background-color:#CCCCCC;
 font-family:Verdana, Arial, sans-serif;
 font-size:12px;
   scrollbar-face-color: #FFCC00;
   scrollbar-shadow-color: #777777;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #dddddd;
   scrollbar-darkshadow-color: #000000;
   scrollbar-track-color: #f5f5f5;
   scrollbar-arrow-color: #FFFFFF;

}

.lien:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
		font-size: 12px;	
}
.lien:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;	
}
.lien:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 12px;	
	
}

.main {
font-family: Arial;
font-size: 12px;
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #FFFFF;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
   background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /* background: #bbc3d3; Couleur de la barre de navigation dans laquelle est affichée le chemin parcouru*/
  /* background: #997552; */
  background: #CC9866;
  color: #000000; /* couleur des ">>" contenus dans la barre */
  font-weight : bold;
}

A.headerNavigation { 
  color: #000000;  /* couleur du texte contenu dans la barre */
}

A.headerNavigation:hover {
  color: #000000;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #997552; /* couleur de la barre du footer  */
  color: #ffffff;
  font-weight: bold;
}

/* Contour des box */
.infoBox {
  background: #EAEAEA;
  
}

/* Intérieur de la box (background) */
.infoBoxContents {
	background: #O00000;
	/*background-image:url(./includes/languages/french/images/fond_content.gif);*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}


.footer {
	background: #O00000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* Haut de la Box */
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
 /*  background: #bbc3d3; */
 background: #660000;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb
  border-spacing: 1px;
}

.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background:  #660000;
	color: #FFFFFF;
	font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText, A.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.smallText2, SPAN.smallText2, P.smallText2,A.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#FFFFFF;
}
TD.smallText3, SPAN.smallText3, P.smallText3,A.smallText3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#660000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX,  input, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
   
}
.boxheader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
    border: 2px;
    width:180px;
    background-color:white;
	border-style:dashed;
	border-color:#990000;
margin-top:5;
	
	
		
}
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}
A.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

.popper
{
position : absolute;
visibility : hidden;
}

.image_contour
{
border-bottom-color:#CCCCCC;border-bottom-style:solid;border-bottom-width:1px;
border-left-color:#CCCCCC;border-left-style:solid;border-left-width:1px;
border-right-color:#CCCCCC;border-right-style:solid;border-right-width:1px;
border-top-color:#CCCCCC;border-top-style:solid;border-top-width:1px;

}

.select {
	BORDER-RIGHT: buttonface 0px inset; BORDER-TOP: buttonface 0px inset; FONT: icon; BORDER-LEFT: buttonface 0px inset; WIDTH: 100%; CURSOR: default; BORDER-BOTTOM: buttonface 0px inset
}
.selected {
	BORDER-RIGHT: buttonface 0px inset; PADDING-RIGHT: 0px; BORDER-TOP: buttonface 0px inset; PADDING-LEFT: 0px; BACKGROUND: window; PADDING-BOTTOM: 0px; FONT: icon; BORDER-LEFT: buttonface 0px inset; PADDING-TOP: 0px; BORDER-BOTTOM: buttonface 0px inset
}
.selectTable {
	BORDER-RIGHT: buttonhighlight 2px inset; BORDER-TOP: buttonhighlight 2px inset; BACKGROUND: buttonface; BORDER-LEFT: buttonhighlight 2px inset; WIDTH: 100%; BORDER-BOTTOM: buttonhighlight 2px inset; HEIGHT: 100%
}
.option {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; FONT: icon; WIDTH: 100%; PADDING-TOP: 1px
}
.dropDown {
	BORDER-RIGHT: windowtext 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: windowtext 1px solid; PADDING-LEFT: 0px; BACKGROUND: window; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: windowtext 1px solid; WIDTH: 200%;PADDING-TOP: 0px; BORDER-BOTTOM: windowtext 1px solid; POSITION: absolute
}
.select .button {
	BORDER-RIGHT: buttonhighlight 2px outset; PADDING-RIGHT: 0px; BORDER-TOP: buttonhighlight 2px outset; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: buttonhighlight 2px outset; WIDTH: 16px; PADDING-TOP: 0px; BORDER-BOTTOM: buttonhighlight 2px outset; FONT-FAMILY: webdings; HEIGHT: 5px
}

#arrivee{
	border-style:solid ;
	color:black;
	border-color:#03034A;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	width:300px;
	height:200px;
	position: absolute ;
	background-color: #FFF7DD;
		font-family: Arial, Verdana;
	font-weight:bold;
	font-size:12px;
top:50%;
margin-left:-175px;
left:50%;
margin-top:-138;
}

#barre{
width:300px;
height:20px;
background-color:#FFF7DD;
vertical-align:middle;
	border-style:solid ;
	border-color:#FFF7DD;
	border-top-width:1px;
}

#contenu_arrivee{
	padding:15px;
}

.croix_popup{
	font-weight:bold;
}

/*------------------------------------*/
/*<!-- Start PureCSSMenu.com STYLE -->*/
/*------------------------------------*/

#pcm{display:none;}
ul.pureCssMenu ul{display:none;}
ul.pureCssMenu li:hover>ul{display:block;}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#666;	
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:117.60000000000001px;
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#666;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px;
	_padding-left:0;
	font:bold 12px Arial;
	color: #fff;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#333;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 12px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#333;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 12px Arial;
	color: #FFFFFF;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(./images/arrv_white_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:8px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./images/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(./images/arrv_white_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
margin-right:15px;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}


/*<!-- END PureCSSMenu.com STYLE -->*/

div.menuBar2 {
  /*border: 2px outset #e0e0e0;*/
  text-align: center;
  line-height: 10px;
/*  background-color:#FFF7DD;*/
  background-color:#666666;
  position:relative;
  z-index:2000;
}


ul.pureCssMenu li ul.sub li a{
  background-color:#999;
  border:1px solid #999;  
}

ul.pureCssMenu li ul.sub li a:hover{
  background-color:white;
  color:#333; 
}

ul.couleurs{
  list-style-type: none;
  width:400px;
  background-color:black;
  padding-top:20px;
  padding-bottom:20px;
}

ul.couleurs li{
  float:left;
  padding-right:3px;
  padding-bottom:3px;
}

.cube{
  border:1px solid #ccc;
  height:21px;
  width:90px;
  font-size:9px;
}
.cube label{
}
.cube.Abricot{
  background-color:#FFC892;
}
.cube.Anis{
  background-color:#D3FBC9;
}
.cube.Blanc{
  background-color:#fff;
}
.cube.Blanc_casse{
  background-color:#FEF1CF;
}
.cube.Bleu{
  background-color:#0125B7;
  color:white;
}
.cube.Bleu_ciel{
  background-color:#40A4BC;
}
.cube.Bordeaux{
  background-color:#B52235;
}
.cube.Chamallow{
  background-color:#F6C1D1;
}
.cube.Clementine{
  background-color:#F6A339;
}
.cube.Gris{
  background-color:#8A8A8A;
}
.cube.Ivoire{
  background-color:#FEDE93;
}
.cube.Jaune{
  background-color:#FFFF00;
}
.cube.Lagon{
  background-color:#96E0FD;
}
.cube.Lavande{
  background-color:#CC99FE;
}
.cube.Marron{
  background-color:#63351E;
    color:white;
}
.cube.Noir{
  background-color:#000;
  color:white;
}
.cube.Orange{
  background-color:#E87232;
}
.cube.Perle{
  background-color:#D6D6D6;
}
.cube.Poussin{
  background-color:#F5FA9E;
}
.cube.Printemps{
  background-color:#91FC92;
}
.cube.Rose{
  background-color:#E17A8D;
}
.cube.Rouge{
  background-color:#DC0322;
}
.cube.The{
  background-color:#D9A102;
}
.cube.Vert{
  background-color:#18781E;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}