@charset "UTF-8";
/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


.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; }


/*********************************************************
*
*
*
* CSS EDO
**
*
*
*******************************************************************************************
**
*
*
*************************************************************************************
*
*
**
*
*******************************************************
*
*******************************************************/
/* Skyppy Store Styles
   Updated: Sun 05.23.09 @ 08:00 p.m.
   Author:     Edouard Perrin
   ----------------------------------------------------*/


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f6f6f6;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColAbsHdr #container { 
	position: relative; 
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/* Header
----------------------------------------------- */
.thrColAbsHdr #header { 
	height: 130px;
	background: #000 url("images/header_corner.gif") repeat-x; 
	margin-top: 30px;
	/*padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColAbsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/* Classe pour le logo */
/*.logo {
	float:left; 
	margin-top: -32px; 
	margin-left:15px; 
	width:130px;
	z-index:20;
}*/
/*compatibilité avec ie*/
.logo {
	float:left; 
	margin-top: -40px; 
	margin-left:15px; 
	width:130px;
	z-index:20;
}
.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 200px;
	left: 0;
	width: 185px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 200px;
	right: 0;
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:none; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColAbsHdr #mainContent { 
	margin: 60px 200px 0 220px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColAbsHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
/*.thrColAbsHdr #menu_nav {
	position: absolute;
	top: 104px;
	left: 0px;
	width: 960px;
	height: 33px;
	z-index : 5;
} */
/* compatibilité ie */
.thrColAbsHdr #menu_nav {
	position: relative;
	top: -20px;
	right: 0px;
	width: 960px;
	height: 33px;
	z-index : 5;
} 
.thrColAbsHdr #sub_menu {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 960px;
	height: 28px;
} 
/* Navigation
----------------------------------------------- */
/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px 0px 0px 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 117px;
	height: 33px;
	background: url('images/menu_navbg.png');
	z-index:auto;
	}

/*
*	Normal Links
*/
ul.cssmenu li.accueil a {
	background-position: -0px 0;
	}
ul.cssmenu li.magasin a {
	background-position: -117px 0;
	}
ul.cssmenu li.secteur a {
	background-position: -234px 0; 
	}	
ul.cssmenu li.ecole a {
	background-position: -351px 0; 
	}	
ul.cssmenu li.skypress a {
	background-position: -468px 0;
	}	
ul.cssmenu li.whois a {
	background-position: -585px 0;
	}	

/*
*	Hover Links
*/

ul.cssmenu li.accueil a:hover {
	background-position: -0px -33px;
	}
ul.cssmenu li.magasin a:hover {
	background-position: -117px -33px;
	}
ul.cssmenu li.secteur a:hover {
	background-position: -234px -33px;
	}	
ul.cssmenu li.ecole a:hover {
	background-position: -351px -33px; 
	}	
ul.cssmenu li.skypress a:hover {
	background-position: -468px -33px;
	}	
ul.cssmenu li.whois a:hover {
	background-position: -585px -33px;
	}
/*
*	Clicked Links
*/

ul.cssmenu li.accueil  a:active {
	background-position: -0px -66px;
	}
ul.cssmenu li.magasin a:active {
	background-position: -117px -66px;
	}
ul.cssmenu li.secteur a:active {
	background-position: -234px -66px;
	}	
ul.cssmenu li.ecole a:active {
	background-position: -351px -66px;
	}	
ul.cssmenu li.skypress a:active {
	background-position: -468px -66px;
	}	
ul.cssmenu li.whois a:active {
	background-position: -585px -66px;
	}	
/*
*	Selected/Active Links
*/

ul.cssmenu li.accueil a.selected {
	background-position: -0px -99px;
	}
ul.cssmenu li.magasin a.selected {
	background-position: -117px -99px;
	}
ul.cssmenu li.secteur a.selected {
	background-position: -234px -99px;
	}	
ul.cssmenu li.ecole a.selected {
	background-position: -351px -99px;
	}	
ul.cssmenu li.skypress a.selected {
	background-position: -468px -99px;
	}	
ul.cssmenu li.whois a.selected {
	background-position: -585px -99px;
	}	
	
/* Breadcrum
----------------------------------------------- */
/*#headerBottom {
	background: #FFFFFF;
	position: absolute;
	top: 155px;
	height: 35px !important;
	width: 960px;
	display: block;
	border-bottom: solid 1px #CCCCCC;
}*/
/* ie fix  */
#headerBottom {
	background: #FFFFFF;
	position: relative;
	/*top: 155px;*/
	height: 35px !important;
	width: 960px;
	display: block;
	border-bottom: solid 1px #CCCCCC;
	top: -20px;
}
#headerBottom ul {
	height: 28px;
	margin: 0;
}
#headerBottom ul ul {
	height:auto;
}
#headerBottom ul.category-nav {
	float: left;
	width:560px;
	padding-left: 18px;
	list-style:none;
}
#headerBottom ul li.parent {
	background: transparent;
	font: 12px Arial, sans-serif;
	line-height: 1;
	margin-left: 2px;
	margin-top: 6px;
	height: 26px;
	float: left;
	/*_display:inline;*/
	text-align:right;
	position:relative;
}
#headerBottom ul.right_menu li {
	float: right;
	list-style:none;
}
#headerBottom ul li.parent a {
	font-weight:normal;
	color: #323a4f;
	float: left;
	display: block; 
	line-height:26px;
	padding: 0 7px;
	height: 26px;
	text-decoration: none;
	/*_font-size: 11px;*/
	/*_height: 1%; */
	/*text-shadow: #CCC 1px 1px 1px;*/
}
#headerBottom .catlist ul a {
}
#headerBottom ul li.parent:hover {
	background:url(images/maincap-selected-lt.gif) no-repeat left top;
}
#headerBottom ul li.parent a:hover {
	background:url(images/maincap-selected-rt.gif) no-repeat right top;
}
#headerBottom ul li.parent:hover a.parentlink {
	background:url(images/maincap-selected-rt.gif) no-repeat right top !important;
}
/* Breadcrum Navigation SELECTED
#headerBottom ul li.parent:selected {
	background:url(images/maincap-selected-lt.gif) no-repeat left top;
}
#headerBottom ul li.parent a:selected {
	background:url(images/maincap-selected-rt.gif) no-repeat right top;
}
#headerBottom ul li.parent:selected a.parentlink {
	background:url(images/maincap-selected-rt.gif) no-repeat right top !important;
}*/
#headerBottom ul .catlist {
	position:absolute;
	background: #FFFFFF;
	top:20px;
	right:-99px;
	width:160px;
	padding: 0 1px;
	z-index:9999;
	display:none;
	padding-bottom:1px;
}

#headerBottom ul li:hover .catlist , 
#headerBottom ul li.sfhover .catlist {
	display:block;
}

#headerBottom .catlist li {
	background: #FFFFFF;
	width:160px;
	margin: 1px 0 0 0;
	position:relative;
	z-index:1000;
	display:block;
	float:none;
	text-shadow: none;
}
#headerBottom ul .catlist li a{
	background: transparent;
	font-size: 1em;
	display: block;
	padding: 4px 8px;
	line-height: 20px;
	text-decoration: none;
	text-align:left;
	float:none;
	text-shadow: none;
	color: #fff;
}
#headerBottom ul .catlist li.child a:hover {
	color: #333;
	background: #FFFFFF;
}
/* Search Form
----------------------------------------------- */
#searchform {
	background: url("images/menuA_ong8.png") no-repeat;
	width: 204px;
	height: 33px;
	float: right;
	font-size:11px;
	padding:0;
	margin:0;
}
#searchform #s{
	background: url("images/form-field-bg.png") no-repeat ;
	width: 160px;
	height: 24px;
	padding: 0px 2px 2px 5px;
	border: none;
	margin:4px 0 0 5px;
}
#searchform #searchsubmit { 
	background: url("images/search_icone.png") no-repeat 0 0;
	height: 26px;
	width: 24px;
	border: none;
	cursor: pointer;
	text-indent: -999%;
	line-height: 1px;
	margin: -5px 0 0 -5px;
}	

/* Colonne Cat�gories
----------------------------------------------- */
.leftmenu{
margin: -12px 0 0 -7px;
padding: 0;
width: 182px; /*width of menu*/
border: 1px solid #CCCCCC;
background: url(images/bg_gradient_left.gif) repeat-x;
}

.silverheader a{
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.leftmenu .silverheader a:visited, .leftmenu .silverheader a:active{
color: #666666;
}

.leftmenu .selected a, .leftmenu .silverheader a:hover{
background-image: url(images/silvergradientover.gif);
color:#C00;
text-decoration:none;
}

h3.sidebar1{
background:  url("images/category_bg.gif") no-repeat 0 0;
height:31px;
margin: -4px 0 0 -7px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: 0.1em;
font-weight:normal;
font-size:13px;
padding: 8px 6px 4px 12px;
text-shadow: #666 1px 1px;
}	
/*h3{
background:  url("images/category_bg.gif") no-repeat 0 0;
height:31px;
margin: -4px 0 0 -7px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: 0.1em;
font-weight:normal;
font-size:13px;
padding: 8px 6px 4px 12px;
text-shadow: #666 1px 1px;
}*/

/* Colonne nos Atouts
----------------------------------------------- */
.right_atouts{
margin: -12px 0 0 -7px;
padding: 0;
width: 182px; /*width of menu*/
border: 1px solid #CCCCCC;
background: url(images/bg_gradient_left.gif) repeat-x;
}

.right_atouts div.atouts {
font: bold 13px Arial, Helvetica, sans-serif;
color: #666666;
letter-spacing: 2px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px 0;
padding-left: 8px;
text-decoration: none;
}

.right_atouts div.sub_atouts {
font: italic 9px Arial, Helvetica, sans-serif;
color: #ff9999;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px;
padding-left: 8px;
text-decoration: none;
}

#sidebar2 h3{
background:  url("images/category_bg.gif") no-repeat 0 0;
width:184px;
height:31px;
margin: -4px 0 0 -7px;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
letter-spacing: 0.1em;
font-weight:normal;
font-size:13px;
padding: 8px 6px 4px 12px;
text-shadow: #666 1px 1px;
}	
/* Footer
----------------------------------------------- */
#pagecontainer {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 0 -144px;
  width: 100%;
}
#push {
  height: 144px;
}
#footer {
  position: relative;
  background: #f6f6f6 url("images/footer-bg.png") repeat-x;
  height: 144px;
  line-height: 32px;
  padding-left: 150px;
  min-width: 778px;
}
#footer a {
  color: #acacac;
}
#footer a:hover {
  color: #666;
}
#footer div.copyright {
  color: #888888;
  left: 0px;
  bottom: -20px;
  position: absolute;
  /*width: 933px;*/
  text-align: right;
  font-family: "lucida grande", tahoma, arial, sans-serif;
  font-size: 11px;
   width : 300px;
  left:600px;
	
}
#footer div.icones_pay {
  color: #888888;
  left: 660px;
  top: 15px;
  position: absolute;
  width: 274px;
  text-align: right;
  z-index: 0;
}
#footer div.language img.flag {
  margin-right: 2px;
}

/* Footer menu
----------------------------------------------- */
#footermenu {
  float: left;
  width: 960px;
  height: 144px;
}

#footermenu div.section {
  float: left;
  margin: 16px 40px 0px 0px;
}
#footermenu h4 {
  font-size: 17px;
  line-height: 18px;
  color: #CCCCCC;
}
#footermenu h4 a {
  font-family: "lucida grande", tahoma, arial, sans-serif;
  font-size: 17px;
  line-height: 18px;
  color: #CCCCCC;
  text-decoration:none;
  background: transparent !important;
}
#footermenu h4 a:hover {
  color: #666;
}
#footermenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#footermenu ul li {
  clear: left;
  float: left;
  margin: 0px;
  padding: 0px;
}
#footermenu ul li a {
  font-family: "lucida grande", tahoma, arial, sans-serif;
  background: transparent;
  float: left;
  position: relative;
  left: -8px;
  font-size: 11px;
  line-height: 18px;
  margin: 0 0 0 0px;
  padding: 0 0 0 8px;
  text-decoration:none;
}
#footermenu ul li a span {
  float: left;
  cursor: pointer;
  color: #888;
  margin: 0px;
  padding: 0 8px 0 0;
}

#footermenu ul li span {
  float: left;
  color: #888;
  margin: 0px;
  padding: 0 8px 0 0;
}
#footermenu ul li a:hover span {
  color: #555;
}

#footermenu ul li a.act {
  display: block;
  width: auto;
  height: 18px;
}
#footermenu ul li a.act span {
  display: block;
  width: auto;
  height: 18px;
  color: #fff !important;
}
#footer div.icones_pay {
  float: right; 
  width: 279px;
  margin: 0px;
  padding: 0px
}
#footer div.copyright {
  float:right;
  color: #888888;
  font-weight:bold;
  text-align: right;
  font-family: "lucida grande", tahoma, arial, sans-serif;
  font-size: 11px;
}
img
{
border: 0;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #000000;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  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.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TR.productListing-even {
  background:#FFF;
  border-bottom:#666 1px solid;
}
TABLE.productListing {

}

.productListing-heading {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #999999;
  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 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  white-space: pre;
}

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: auto; }
.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; }

/* BOF Dynamic Sitemap */
  ul.sitemap {
  color: #ff0000;
}
/* EOF Dynamic Sitemap */


/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #fdfefd;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21449c; 
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}
.left_livraison {
background:transparent url(images/bg_livraison.gif) no-repeat scroll 50% 50%;
/*height:100%;*/
/*padding : 15px 0 0;*/
/*margin :15px 0 0;*/
width:148px;
}
.txt_livraison {
margin:1px;
padding:32px 0 0;

}
.left_livraison p.txt_livraison a {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;

}
.right_paiements {
background:transparent url(images/bg_paiements_right.gif) no-repeat scroll 50% 50%;
height:61px;
/*margin:-3px 0 10px 3px;*/
padding:0;
width:164px;
}
.img_guide_achat {
background:transparent url(images/bg_guide_achat.gif) no-repeat scroll 0 0;
height:75px;
width:169px;
}
.txt_guide_achat
{
padding : 45px 0 0 ;
}

.txt_guide_achat a {
/*x-system-font:none;*/
color:#CC3300;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
/*font-size-adjust:none;
font-stretch:normal;
*/font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:normal;
text-decoration:none;
width:auto;
}
.anim_flash {
float:left;
margin:15px;
padding:0;
}
.wrapperheader {
background:transparent url(images/bg_wrapperhead.gif) no-repeat scroll 0 0;
float:left;
height:101px;
margin:10px 0 0 0;
width:155px;
}
.service_clients {
margin:2px 0 0;
}
.font_service {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding:0 0 0 45px;
}
.font_numero {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding:10px 0 0 45px;
}
.font_contact a {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
padding:0 0 0 45px;
}
.hyphen {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
.font_faq a {
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}
.payer_securite {
margin:25px 0 0;
}
.font_payer {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding:0 0 0 45px;
}
.font_securite {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding:10px 0 0 45px;
}
.wrapperpanier {
background:transparent url(images/bg_panier.png) no-repeat scroll 0 0;
float:right;
height:58px;
margin:20px 0 0 0;
padding:5px 0;
width: 215px;
}
.font_panier {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:0 0 5px 65px;
}
.font_article {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
padding:0 0 5px 65px;
}
.font_prix {
color:#FF3333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:0 0 0 65px;
text-decoration:none;
z-index: 10;
}


/*** End Header Tags SEO ***/
/*TODO à modifier pour les couleurs du header tag*/