body
{ 
    SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #fff2e2; SCROLLBAR-SHADOW-COLOR: #b22222; SCROLLBAR-ARROW-COLOR: #b22222; 
    SCROLLBAR-TRACK-COLOR: #fff2e2; SCROLLBAR-DARKSHADOW-COLOR: #b22222; SCROLLBAR-BASE-COLOR: #fff2e2; scrollbar-3d-light-color: #b22222 ;
}


tables
{
	
	background-color:#fff;
	
	font-family: Verdana;
	font-size: 11px;
}
body1{
    background-imagse: url( 'fond.png');
    background-repeat :no-repeat ;
    background-position:center top;
     background-color : #bde2ff;
    
}


body{
    background-image: url( 'fondbroderiefacile.png');
    background-repeat :no-repeat ;
    background-position:center top;
    background-color : #fff;
    
}

.separation1
{
	background-color: navy;
}
.Titre
{
	font-weight: bold;
	font-size: 18px;
	color: #424da6;
	font-family: verdana;
	text-decoration: none;
}
.labeldetails
{
	font-size: 11px;
	font-family: verdana;
}
.categorie1
{
	color: royalblue;
	text-decoration: none;
}
.categorie2
{
	padding-left: 20px;
	color: royalblue;
	text-decoration: none;
}
.label
{
	background-color: #deebf5;
}

.data
{
	background-color: #f1fbff;
}
.label2
{
	background-color: #fff8d7;
}

.data2
{
	background-color: #fff8ed;
}
.label3
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	background-color: yellowgreen;
}

.data3
{
	background-color: #edffd9;
}
.inputborder
{
	font-size: 11px;
	font-family: Verdana;
}


.LabelMV
{
	color: royalblue;
	text-decoration: none;
}

.LabelMV:hover
{
	text-decoration: underline;
}

.LabelPrint
{
	font-size: 11px;
	background-color: #f2f2f2;
	font-family: verdana;
}

.dataPrint
{
	font-size: 11px;
	font-family: verdana;
}
.CartListHeadPrint
{
	background-color: #f2f2f2;
}
TD
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-decoration: none;
}

.label
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-decoration: none;
}

.EntetePanier
{
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	text-transform: capitalize;
	color: #ffffff;
	padding-top: 2px;
	font-family: Verdana;
	background-color: #87b8f2;
	font-variant: normal;
	text-decoration: none;
}

input.Text
{
	font-size: 11px;
	color: black;
	font-family: verdana;
	background-color: #ffffff;
	border:solid 1px #6699FF;
}

input.Button
{
	border-right: #aa872b 1px solid;
	border-top: #aa872b 1px solid;
	font-size: 10px;
	border-left: #aa872b 1px solid;
	color: #ffffff;
	border-bottom: #aa872b 1px solid;
	font-family: verdana;
	background-color: #99ccff;
}

TextArea
{
	font-weight: bold;
	font-size: 11px;
	text-transform: capitalize;
	color: #000000;
	font-family: Verdana;
	background-color: #deedff;
	text-decoration: none;
}

Select
{
	border-right: #ede7d0 1px solid;
	border-top: #ede7d0 1px solid;
	
	font-size: 10px;
	text-transform: capitalize;
	border-left: #ede7d0 1px solid;
	color: #000000;
	border-bottom: #ede7d0 1px solid;
	
	font-family: Verdana;
	background-color: #fcf9e7;
	text-decoration: none;	
}

.copyright
{
	font-size: 11px;
	color: darkgray;
	font-family: verdana;
	background-color: #ffffff;
}

.Separateur
{
	background-color: #0066cc;
}
.Barre
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	color: #ffffff;
 
}
.gris
{
	font-size: 10px;
	color: silver;
	font-family: verdana;
}

.TitreCatalogue
{
	font-size: 11px;
	color: #000000;
	font-family: Verdana;
	text-decoration: none;
}

.Menu
{
	font-size: 11px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	font-family: verdana;
	text-decoration: none;
}

.MenuBottom
{
	font-size: 11px;
	padding-bottom: 1px;
	color: #0066cc;
	padding-top: 1px;
	font-family: verdana;
	text-decoration: underline;
}
.MenuOver
{
	font-size: 11px;
	padding-bottom: 1px;
	color: #ffffff;
	padding-top: 1px;
	font-family: verdana;
	background-color: #000000;
	text-decoration: underline;
}
div.visible
{
	display:block;
	text-transform: capitalize;
}

div.invisible
{
	display:none;
	text-transform: capitalize;
}

.Gamme
{
	padding-left: 5px;
	font-size: 11px;
	text-transform: capitalize;
	font-family: verdana;
	text-decoration: none;
	cursor:hand;
}

.Famille
{
	padding-left: 15px;
	font-size: 11px;
	text-transform: capitalize;
	font-family: verdana;
}

.rub_titre
{
	font-weight: bold;
	font-size: 14px;
	color: #0099cc;
	font-family: verdana;
}
.TitrePanier
{
	font-weight: bold;
	font-size: 14px;
	color: darkorange;
	font-family: verdana;
}
.topProduits
{
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	color: #ffffff;
	padding-top: 2px;
	font-family: verdana;
	background-color: #ff6633;
}

.TextAcc
{
	color: #63849c;
	background-color: #fff8e8;
}
.NomProduitAcc
{
	color: #63849c;

}
.TableAcc
{
	border-right: #fff8e8 1px solid;
	border-top: #fff8e8 1px solid;
	border-left: #fff8e8 1px solid;
	color: #63849c;
	border-bottom: #fff8e8 1px solid;
}

.information
{	
	color: royalblue;
	font-size: 11px;
	font-family: verdana;
	text-decoration: none;
}

.category
{
	font-size: 11px;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: #ffffff;
	padding-top: 2px;
	font-family: verdana;
	background-color: #424da6;
}

.qte
{
	font-size: 10px;
	font-family: verdana;
}
.agrandir
{
	font-size: 9px;
	font-family: verdana;
	text-decoration: underline;
}

.FondCartHome
{
	
	 
    background: #fff url(images/FondCartHome.png) left top no-repeat;
    width: 220px;
    padding: 10px;
    height: 50px;  
}

.CartListHead
{
	background-color: #f2f2f2;
	
	 background-image: url(images/headercart.png)
}

.CartListItem
{
	background-color: #e0fddc;
}

.CartListItemAlt
{
	background-color: #e8fde5;
}




 

.topmenu{
font: bold 11px verdana;
width: 100%;
margin: 0px;
border: 0px solid #177eac;
 
 border-width: 1px 0;
background: #6cbde1 url(images/vig1.gif) center center repeat-x;
margin: 0;
padding: 0;
float: left;

}

.topmenu li{
display: inline;
}

.topmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.topmenu li a:visited{
color: white;
}

.topmenu li a:hover{
color: white;
background: transparent url(images/vig2.gif) center center repeat-x;
}

.topmenu li .current{
color: white;
background: transparent url(images/vig3.gif) center center repeat-x;
}
 
 
 
/* vigarrandi1s*/
	.vigarrandi1 .vigarrandi_top, .chromeBox2 .chromeBox-top {
		padding-left: 10px;
		background: #fff url(imgArrondi/vigarrandi1-top.gif) left bottom no-repeat;
	}

		.vigarrandi1 .vigarrandi_top .in2, .chromeBox2 .chromeBox-top .in2 {
			padding-top: 15px;
			background: #fff url(imgArrondi/vigarrandi1-top.gif) right bottom no-repeat;
		}

	.vigarrandi1 .vigarrandi_content {
		border: 1px solid #d2dee5;
		border-top: 0;
		border-bottom: 0;
		padding: 0 5px 15px 5px;
		 vertical-align: top;
	}

	.chromeBox2 .chromeBox-content { padding: 5px 18px 15px 18px; }
	.vigarrandi1 .vigarrandi_bottom {
		padding-left: 10px;
		background: #fff url(imgArrondi/vigarrandi1-bottom.gif) left top no-repeat;
	}

		.vigarrandi1 .vigarrandi_bottom .in2 {
			padding-top: 7px;
			background: #fff url(imgArrondi/vigarrandi1-bottom.gif) right top no-repeat;
		}
    .vigarrandi1 .vigarrandi_content table  { text-align: center; }
/* end   vigarrandi1s*/

.Entete{
	font-weight: normal;
	font-size: 11px;
	text-transform: capitalize;
	color: #ffffff;
	font-family: Verdana;
	height: 30px;
	line-height: 30px;
    background: #91b4d6  url("images/fond1.png")  repeat-x 0px 0px;
	text-decoration: none;
    padding: auto;
     font-weight: bold;
}

.fond1{
	background-color:#e0f3e0;
}

.vign1
{
    border: solid 1px #e0f3e0;
}

 

  

/*VINGETTE POPUP*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}


/********************************************/
    /* Menu category bleu/
/********************************************/
.menucategory{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /* width of menu (don't forget to add border with below!) */


}

.menucategory li{
border-bottom: 1px doted blue; /* Gray border beneath each menu item */
}

.menucategory li a
{
    background: white url(images/fmh.png) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
    font: bold 12px "Lucida Grande" , "Trebuchet MS" , Verdana;
    display: block;
    color: #3366FF;
    width: auto;
    border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
    padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
    text-indent: 8px;
    text-decoration: none;
}

.menucategory li a:visited, .menucategory li a:active{
color: #3366FF;
}

.menucategory li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #3366FF;
}

.menucategory li.lastitem, .menucategory li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.menucategory li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/********************************************/
    /* MENU ORANGE*/
/********************************************/
.menucategoryorange{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu (don't forget to add border with below!) */


}

.menucategoryorange li{
border-bottom: 1px doted blue; /* Gray border beneath each menu item */
}

.menucategoryorange li a
{
    background: white url(images/fmhorange.png) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
    font: bold 12px "Lucida Grande" , "Trebuchet MS" , Verdana;
    display: block;
    color: #3366FF;
    width: auto;
    border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
    padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
    text-indent: 8px;
    text-decoration: none;
}

.menucategoryorange li a:visited, .menucategoryorange li a:active{
color: #3366FF;
}

.menucategoryorange li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: #3366FF;
}

.menucategoryorange li.lastitem, .menucategoryorange li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.menucategoryorange li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

/********************************************/
    /* END MENU ORANGE*/
/********************************************/


/********************************************/
    /* TAB*/
/********************************************/



#tabs{
    margin: 0;
    padding: 0;
    float: left;
    font: normal 11px verdana;
    width: 1000px;
    background: transparent url(images/bg.png) top right repeat;
    border-top: 1px solid #fff ; /*top border style*/
     height: 50px ;
}

#tabs li{
    display: inline;
    height: 50px
}

#tabs li a{
    float: left;
    color: #fff;
    padding: 15px 10px; /*padding of tabs*/
    text-decoration: none;
    background: transparent url(images/bg.png) top right no-repeat;
    border-top: 1px solid #fff ; /*top border style*/
    border-bottom: 3px solid #3393ea; /*thick bottom border below tabs*/ 
    height: 50px;
}

#tabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
    border-left: 1px solid #d; /*left border style*/
}

#tabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
    border-right: 1px solid #d3bdbe; /*right border style*/
    background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#tabs li a:visited{
    color: #fff;
}

#tabs li a:hover{
    color: #fff;
    background-image: url(images/bgover.png); /*background image swap on hover*/
}

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


.headerzone
{
    background:url("images/menu/menusearch.png") repeat-x right top;
     height: 29px;
      color: White;
}

.headerzoneorange
{
    background:url("images/menu/menusearchorange.png") repeat-x right top;
     height: 29px;
      color: #0884db;
}

.informatioproduit
{
   color:#2b87f4; 
   list-style-type:  square;
    margin: 0;
    padding: 25px;
}
.informatioproduit li
{
    padding: 2px;
}
.dateLimiteFlash{
      font-family:Arial;
     background-color: Yellow;
     color: Red;
     font-size : 30px;
     text-align: center;
     font-weight: bold; 
     font-variant: small-caps;
     border: solid 1px orange;
     width: 790px  
}

p{margin:0;padding:0;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px}
#VigProduit .cadre-produit{float:left;display:inline;margin-bottom:4px;width:180px;height:348px;background:url(../../images/fond-produit-list.png) 0 0 no-repeat;margin-left:5px; border: solid 0px red;position:relative;}
#VigProduit .cadre-produit .first{margin-left:0}
#VigProduit .cadre-produit .photo{text-align:center;padding-top:4px;height:162px; border: solid 0px red}
#VigProduit .cadre-produit .produit-nom{text-align:center;height:28px;overflow:hidden}
#VigProduit .cadre-produit .produit-nom   a{font-weight:bold;color:#3491fa; text-decoration: none;}
#VigProduit .cadre-produit .produit-descrip{text-align:center;font-size:10px;line-height:11px;height:25px;overflow:hidden}

#VigProduit .cadre-produit .prix, 
#VigProduit .cadre-produit .prix   strong{text-align:center;color:#d20000;font-size:20px;font-weight:bold}
#VigProduit .cadre-produit .au-lieu{text-align:center;font-weight:bold;text-transform:uppercase;height:14px}
#VigProduit .cadre-produit .au-lieu   span{text-decoration:line-through}

#VigProduit .cadre-produit  .qte{width:90px;margin:5px auto 0 auto;}
#VigProduit .cadre-produit   .boutons-qte img{ margin-bottom: 1px;}
#VigProduit .cadre-produit .label-qte{float:left;display:inline;margin-top:5px;color:#3491fa;}
#VigProduit .cadre-produit .input-qte{float:left;display:inline;margin-left:5px}
#VigProduit .cadre-produit .input-qte  input{width:24px; height: 26px; border:1px solid #3491fa;padding:3px  0;text-align:center;color:#000}

#VigProduit .cadre-produit .boutons-qte{float:left;display:inline;margin-left:2px;width:11px}
#VigProduit .cadre-produit .ajouter-panier{clear:both;text-align:center;padding-top:18px; }
#VigProduit .cadre-produit .flagflash{ position:absolute ; left:140px;top:5px;z-index:20; border: none}
#VigProduit .cadre-produit .flagnew{ position:absolute ; left:140px;top:31px;z-index:20; border: none}

p{margin:0;padding:0;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:11px}
#VigProduit .cadre-produitBleu{float:left;display:inline;margin-bottom:4px;width:180px;height:348px;background:url(../../images/fond-produit-listbleu.png) 0 0 no-repeat;margin-left:5px; border: solid 0px red;position:relative;}
#VigProduit .cadre-produitBleu .first{margin-left:0}
#VigProduit .cadre-produitBleu .photo{text-align:center;padding-top:4px;height:162px; border: solid 0px red}
#VigProduit .cadre-produitBleu .produit-nom{text-align:center;height:28px;overflow:hidden}
#VigProduit .cadre-produitBleu .produit-nom   a{font-weight:bold;color:#3491fa; text-decoration: none;}
#VigProduit .cadre-produitBleu .produit-descrip{text-align:center;font-size:10px;line-height:11px;height:25px;overflow:hidden}

#VigProduit .cadre-produitBleu .prix, 
#VigProduit .cadre-produitBleu .prix   strong{text-align:center;color:#d20000;font-size:20px;font-weight:bold}
#VigProduit .cadre-produitBleu .au-lieu{text-align:center;font-weight:bold;text-transform:uppercase;height:14px}
#VigProduit .cadre-produitBleu .au-lieu   span{text-decoration:line-through}

#VigProduit .cadre-produitBleu  .qte{width:90px;margin:5px auto 0 auto;}
#VigProduit .cadre-produitBleu   .boutons-qte img{ margin-bottom: 1px;}
#VigProduit .cadre-produitBleu .label-qte{float:left;display:inline;margin-top:5px;color:#3491fa;}
#VigProduit .cadre-produitBleu .input-qte{float:left;display:inline;margin-left:5px}
#VigProduit .cadre-produitBleu .input-qte  input{width:24px; height: 26px; border:1px solid #3491fa;padding:3px  0;text-align:center;color:#000}

#VigProduit .cadre-produitBleu .boutons-qte{float:left;display:inline;margin-left:2px;width:11px}
#VigProduit .cadre-produitBleu .ajouter-panier{clear:both;text-align:center;padding-top:18px; }
#VigProduit .cadre-produitBleu .flagflash{ position:absolute ; left:140px;top:5px;z-index:20; border: none}
#VigProduit .cadre-produitBleu .flagnew{ position:absolute ; left:140px;top:31px;z-index:20; border: none}


#VigProduit .cadre-produitRouge{float:left;display:inline;margin-bottom:4px;width:180px;height:348px;background:url(../../images/fond-produit-listrouge.png) 0 0 no-repeat;margin-left:5px; border: solid 0px red;position:relative;}
#VigProduit .cadre-produitRouge .first{margin-left:0}
#VigProduit .cadre-produitRouge .photo{text-align:center;padding-top:4px;height:162px; border: solid 0px red}
#VigProduit .cadre-produitRouge .produit-nom{text-align:center;height:28px;overflow:hidden}
#VigProduit .cadre-produitRouge .produit-nom   a{font-weight:bold;color:#3491fa; text-decoration: none;}
#VigProduit .cadre-produitRouge .produit-descrip{text-align:center;font-size:10px;line-height:11px;height:25px;overflow:hidden}

#VigProduit .cadre-produitRouge .prix, 
#VigProduit .cadre-produitRouge .prix   strong{text-align:center;color:#d20000;font-size:20px;font-weight:bold}
#VigProduit .cadre-produitRouge .au-lieu{text-align:center;font-weight:bold;text-transform:uppercase;height:14px}
#VigProduit .cadre-produitRouge .au-lieu   span{text-decoration:line-through}

#VigProduit .cadre-produitRouge  .qte{width:90px;margin:5px auto 0 auto;}
#VigProduit .cadre-produitRouge   .boutons-qte img{ margin-bottom: 1px;}
#VigProduit .cadre-produitRouge .label-qte{float:left;display:inline;margin-top:5px;color:#3491fa;}
#VigProduit .cadre-produitRouge .input-qte{float:left;display:inline;margin-left:5px}
#VigProduit .cadre-produitRouge .input-qte  input{width:24px; height: 26px; border:1px solid #3491fa;padding:3px  0;text-align:center;color:#000}

#VigProduit .cadre-produitRouge .boutons-qte{float:left;display:inline;margin-left:2px;width:11px}
#VigProduit .cadre-produitRouge .ajouter-panier{clear:both;text-align:center;padding-top:18px; }

#VigProduit .cadre-produitRouge .flagflash{ position:absolute ; left:140px;top:5px;z-index:20; border: none}
#VigProduit .cadre-produitRouge .flagnew{ position:absolute ; left:140px;top:31px;z-index:20; border: none}


#topcontainer {
	margin: auto auto;
	width: 1000px;
	color: #555;
	
}

#container {
	margin: auto auto;
	width: 550px;
	color: #555;
	
}

#countdown_dashboard {
	height: 120px;
}

.dash {
	width: 110px;
	height: 200px;
	 
	background: transparent url('images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}

.dash .digit {
	font-size: 55pt;
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font-family: Times;
	color: #555;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-size: 9pt;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
}


#loading {
	text-align: center;
	margin: 10px;
	display: none;
	position: absolute;
	width: 100%;
	top: 60px;
}