/*  Section Marie-Joelle  */

/* CSS Document */


html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: top;
	text-decoration: none;
	line-height:normal;
}

html {font-size:100%; height:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%;}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
	font-weight: 400; 
	color:#231f20;
	min-height: 100%; 
	-webkit-font-smoothing:antialiased; 
	font-smoothing:antialiased; 
	text-rendering:optimizeLegibility;
	background:#fff;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}

a:link, a:visited {color:#231f20; text-decoration:underline;}
a:hover, a:focus, a:active {color:#bc0426; text-decoration:none;}

p {line-height:1.2rem; padding:0;}

ul {padding:0 0 1.3rem 1.3rem;}

.conteneur {
	min-width:965px;
	max-width:1920px;
	*width:1920px;
	overflow:inherit;
	margin:0 auto;
}
h1 {font-size:1.5rem;}

/****** Header ******/
header {
	background:#4d4d4d; 
	background: -moz-linear-gradient(top, #4d4d4d 0%, #404040 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#404040)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4d4d4d 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4d4d4d 0%,#404040 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4d4d4d 0%,#404040 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4d4d4d 0%,#404040 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#404040',GradientType=0 ); /* IE6-9 */
	height:108px;
}

header .logo {position:absolute; top:0;}
header .logo .premier {position:relative; z-index:1000; top:0; left:0;}
header .logo .deuxieme {position:relative; z-index:1000; top:0; left:0; width:100px;}
header .logo .phrase {position:absolute; top:50px; left:170px; width:100%;  color:#fff; text-transform:uppercase; width:450px; font-size:1rem;}

header.accueil .logo .phrase {top:50px; left:205px; width:100%; width:450px;}


header .boutons {width:100%; text-transform:uppercase; padding:0.7rem 0 0 0;}
header .boutons .btn-question {display:block; background:#363636; float:right; width:7.8rem; margin:0 1rem 0 0;}
header .boutons .btn-question a {display:block; padding:1rem 0.5rem 0.5rem 0; height:1.6rem;}
header .boutons .btn-question a:hover, header .boutons .btn-question a:focus, header .boutons .btn-question a:active {background:#bc0426;}

header .boutons .btn-question a:link, header .boutons .btn-contact a:link,
header .boutons .btn-question a:visited, header .boutons .btn-contact a:visited {color:#fff; text-decoration:none;}

header .boutons .btn-question .vous {
	float:left;
	font-size:0.8rem;
	padding:0;
	margin:0;
	-webkit-transform: rotate(90deg); /* Safari */
	-moz-transform: rotate(90deg); /* Firefox */
	-ms-transform: rotate(90deg); /* IE */
	-o-transform: rotate(90deg); /* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3); /* Internet Explorer */
}
header .boutons .btn-question .avezUne {float:left; font-size:1.2rem; margin:-2rem 0 0 1.7rem;}
header .boutons .btn-question .question {float:left; font-size:1rem; margin:-0.8rem 0 0 1.7rem;}
header .boutons .btn-contact {float:right; font-size:1rem; position:relative; margin:0 2rem 0 0 ; display:block; background:#bc0426; height:3.1rem; text-align:center; }
header .boutons .btn-contact a {display:table-cell; vertical-align: middle; text-align:center; height:3.1rem; width:inherit; padding:0 0.5rem;}
header .boutons .btn-contact a:hover, header .boutons .btn-contact a:focus, header .boutons .btn-contact a:active {background:#363636;}

header .recherche {float:right; clear:both; margin:0.6rem 2rem 0 0 ;}
header .recherche input[type="text"] {width:197px; border:0; padding:3px; font-family: 'Open Sans', sans-serif; font-size:0.8rem;}
header .recherche input[type="submit"] {width:20px; height:20px; background:url(../images/btn_recherche.png) no-repeat 100% 50%; text-indent:-9999em; border:0; cursor:pointer;}


header .boutons .btn-contact2 {float:right; position:relative; margin:0 1.5rem 0 0 ; display:block; height:2.1rem; padding:0.5rem 0 0 0;}


/****** Footer ******/
footer {
	background:#4d4d4d; 
	background: -moz-linear-gradient(bottom, #4d4d4d 0%, #404040 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#4d4d4d), color-stop(100%,#404040)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #4d4d4d 0%,#404040 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom, #4d4d4d 0%,#404040 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, #4d4d4d 0%,#404040 100%); /* IE10+ */
	background: linear-gradient(to top, #4d4d4d 0%,#404040 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#4d4d4d',GradientType=0 ); /* IE6-9 */
	clear:both;
	height:auto;
	color:#fff;
	width:100%;
	text-align:center;
	padding:0.7rem 0;
}

footer span {color:#bc0426; padding:0 5px;}
footer a:link, footer a:hover, footer a:focus, footer a:active, footer a:visited {color:#fff;}
footer .texte-petit {font-size:0.75rem;}

/****** Navigation principale ******/

nav {position:relative; z-index:1000; clear:left;}
nav ul {padding:0; margin-right:-1px;}

nav.interne {z-index:1;}
nav.interne ul li.premier {width:8%;}
nav.interne ul li.premier:hover {background-color:#343434;
 	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#343434, endColorstr=#404041);
 	background-image:-moz-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-webkit-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-o-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-ms-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
 	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#343434), color-stop(50%,#404041),color-stop(100%,#343434));
	}

nav.interne ul li {width:15.33%;}


nav ul li {
	background-color:#343434;
 	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#343434, endColorstr=#404041);
 	background-image:-moz-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-webkit-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-o-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
	background-image:-ms-linear-gradient(top, #343434 0%, #404041 50%,#343434 100%);
 	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#343434), color-stop(50%,#404041),color-stop(100%,#343434));
	list-style-type:none; 
	padding:0; 
	margin:0; 
	float:left; 
	width:16.667%; 
	display:block; 
	height:4rem;
}

nav ul li a {height:4rem; text-transform:uppercase; padding:0 5px; display:table-cell; vertical-align: middle; text-align:center; width:inherit; font-size:0.95rem; /*font-weight:600;*/ text-shadow: 0px 0px 4px #333333;}

@media screen and (max-width: 1213px) {
  nav ul li, nav ul li a {
    height:5rem;
  }
  nav ul  {
    margin-right:-2px;
  }
  div.photos ul {
	margin-right:-2px;
  }
}
@media screen and (max-width: 1065px) {
  nav ul li, nav ul li a {
    height:6rem;
  }
  nav ul  {
    margin-right:-2px;
  }
  div.photos ul {
	margin-right:-2px;
  }
}

nav ul li a:link, nav ul li a:hover, nav ul li a:focus, nav ul li a:active, nav ul li a:visited {color:#fff; text-decoration:none;}
nav ul li a:hover, nav ul li a:focus, nav ul li a:active {background:#bc0426;}

nav ul li:hover {background:#bc0426;}
nav ul li.selected {background:#bc0426;}

nav ul li ul {display:none;}

nav ul li:hover ul {
	display: block;
	position: relative;
    top: 0px;
    width: 100%;
	padding:0;
}

nav ul li ul.sous-menu li {clear:both; background:#565656; padding:0.3rem 0; display:block; width:100%; height:auto;}
nav ul li ul.sous-menu li a {text-transform:none; display:block; width:100%; padding:0.4rem 1rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box; height:auto; text-align:left; text-shadow:none; font-size:0.9rem; font-weight:normal;}
nav ul li ul.sous-menu li a:hover {color:#fff; background:#bc0426;}

/****** Bandeaux ******/
div.bandeaux {clear:left;}
div.bandeaux ul {padding:0;}
div.bandeaux ul li {list-style-type:none; padding:0; margin:0; float:left; width:100%;}

div.photos ul li img {width:100%; /*height:100%;*/}


/****** Photos ******/
div.photos {clear:left;}
div.photos ul {padding:0;}
div.photos ul li {list-style-type:none; padding:0; margin:0; float:left; width:16.666%;}

div.photos ul li img {width:100%; /*height:100%;*/}

/****** Fil d'ariane ******/
div.filariane {font-size:0.8rem; padding:0 0 3rem 0;}
div.filariane ul {padding:0;}
div.filariane ul li {float:left; list-style:none; padding:0 0.3rem 0 0;}

div.filariane ul li:last-child {font-weight:bold; text-decoration:none;}
div.filariane ul li:last-child  a {text-decoration:none;}

div.filariane ul li:after {content: ">"; padding:0 0 0 0.3rem;}
div.filariane ul li:last-child:after {content: "";}


/****** Zones de texte ******/
div.fondBlanc, div.fondGris {width:100%; float:left; clear:both;}
div.fondBlanc {background:#fff; box-shadow: 1px 1px 20px 10px rgba(0, 0, 0, 0.1) inset; padding:2rem 0 0 0;}
div.fondGris {background:#231f20; color:#fff; padding:2rem 0 0 0;}

h2 {text-transform:uppercase; font-size:1rem; font-weight:600; padding:0 0 1rem 0;}
.fondBlanc h2 {color:#bc0426;}
.fondBlanc h2 a {color:#bc0426; text-decoration:none;}
.fondGris h2 {color:#fff;}

.tiers {width:33.33%; float:left; padding:0 2rem 2rem 2rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.deux-tiers {width:66.66%; float:left; padding:0 2rem 2rem 2rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.demi {width:50%; float:left; padding:0 2rem 2rem 2rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}

.pleine-largeur {width:100%; float:left; padding:0 2rem 2rem 2rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.pleine-largeur-panier {width:100%; float:right; padding:0 2rem 2rem 2rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}
.pleine-largeur-admin {width:98%; float:left; padding:0 2rem 2rem 4rem; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box;}

.vignette {float:left; width:147px; text-align:center; padding:0 2rem 0 0; height:230px;}
/*.vignette img {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(/PIE.htc); margin:0 0 0.4rem 0;}*/
/*.produit img {border:1px solid #e4e4e4;}*/
.articles {float:left; clear:both; color:#868686;}
.catalogue {margin:1rem 0 0 0 !important;}

span.sku {font-size:10px; vertical-align:baseline;}

/* TinyMCE formats class   */
span.gras{font-weight: bold; color: #000000;}
span.italic{font-style: italic;}
span.underline{text-decoration : underline;}




/*    Ajout 3W Hebergement     */

.milieu  {vertical-align: -100%; margin-left:10px;}
td.centered {text-align: center; }

li.presse a {color:#fff; text-decoration:none;}
div.itemdesc p, div.itemrelation p {padding-bottom:15px; font-weight:bold;}
div.itemdesc strong, div.itemrelation strong {font-weight: bold;}
div.produit a{text-decoration:none;}

/*  Liste des articles  */
.content {width:603px; 
	background:#e2eac3; 
	border-radius:15px; 
	margin:0 0 10px 0;
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding:10px 0; 
	color:#595959;
}

/* div.description {margin-left:207px; width:375px;} */

/* div.img {width:207px; float:left; clear:none; text-align:center;} */

p.vert {color: #839738;}
	
span.sku {font-size:9px;}


/*
table {margin:0; padding:0; border:0; border-collapse:collapse; width:100%;}
table td.couleur {width:65px;}
table td.description {width:170px;}
table td.quantite {width:30px;}
table td.prix {width:70px;}
table td.icone {width:25px;}

a.command {display:block; height:28px; width:161px; background:url("../images/bouton_continuer.png") 0 0 no-repeat; text-indent:-9999em;}
a.command:hover {width:161px; background-position:-162px 0;}

a.panier {display:block; height:16px; width:16px; background:url("../images/icn_panier.png") 0 0 no-repeat; text-indent:-9999em;}
a.panier:hover {width:16px; background-position:-16px 0;}

a.favoris {display:block; height:16px; width:16px; background:url("../images/icn_favoris.png") 0 0 no-repeat; text-indent:-9999em;}
a.favoris:hover {width:16px; background-position:-16px 0;}
*/


table {margin:0; padding:0; border:0; border-collapse:collapse;}
/*     image (jpg, gif, png) décrivant le Code de couleur, emballage cadeau ou un article téléchargeable     */ 
table td.SKUcouleur {width:60px; text-align:left;}

/*     Champs Decription avec code de couleur et sans attribut     */ 
table td.SKUdescriptionCouleur {width:200px; text-align:left;}

/*     Champs Decription avec code de couleur et avec attribut     */ 
table td.SKUdescriptionCouleurAttr {width:200px; text-align:left;}

/*     Champs Decription sans code de couleur et sans attribut     */ 
table td.SKUdescription {width:200px; text-align:left;}

/*     Decription avec attribut     */ 
table td.SKUdescriptionAttribut {width:200px; text-align:left;}

/*     Attribut     */
table td.SKUattribut {width:150px; text-align:left;}

/*     Quantité du SKU     */
table td.SKUquantite {width:30px; text-align:left;}

/*  Prix du SKU    */
table td.SKUprix {width:70px; text-align:left;}

/*      image (jpg, gif, png) pour le panier     */
table td.SKUpanier {width:30px; text-align:left;}


/*      image (jpg, gif, png) pour le favoris     */
table td.SKUfavoris {width:20px; text-align:left;}

input.command {display:block; height:16px; width:16px; background:url(../images/icn_panier.png) 0 0 no-repeat; text-indent:-9999em; border: none; color : transparent;}
input.command:hover {width:16px; background-position:-16px 0;}

input.favoris {display:block; height:16px; width:16px; background:url(../images/icn_favoris.png) 0 0 no-repeat; text-indent:-9999em; border: none; color : transparent;}
input.favoris:hover {width:16px; background-position:-16px 0;}

a.command {display:block; height:16px; width:16px; background:url(../images/icn_panier.png) 0 0 no-repeat; text-indent:-9999em; }
a.command:hover {width:16px; background-position:-16px 0;}

a.favoris {display:block; height:16px; width:16px; background:url("../images/icn_favoris.png") 0 0 no-repeat; text-indent:-9999em;}
a.favoris:hover {width:16px; background-position:-16px 0;}








/* utility/box */

div.box
{
	border: solid 2px #373737;
}

.boxshadow {
  -moz-box-shadow: 5px 5px 7px #535353;
  -webkit-box-shadow: 5px 5px 7px #535353;       
  box-shadow: 5px 5px 7px #535353;
}

.roundbox{  
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px;  
  border-radius: 8px 8px 8px 8px;
}

.roundbox-top{    
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;    
    border-radius: 6px 6px 0 0;
}

.roundbox-bottom{    
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright{    
    padding: 6px 6px 6px 6px;
    /***   http://tools.dynamicdrive.com/gradient   ***/
	background:  #373737 url(../images/gradient.png) repeat-x;
    text-align: center;
    /*font-weight: bold;*/
    text-decoration: none;
    color: #f9f9f9;
}

.gridheaderleft{
    text-align: left;
}

div.gridheaderleft a{	
	text-decoration: none;	
	color: #FFFFFF;
}

.gridheaderright{
    text-align: right;
}

.gridheaderbig{    
    font-size: 135%;
}

div.boxcontenttext{
	background: #f9f9f9;
}

div.boxcontenttext a{
	text-decoration: none;
}

.centertablebox{
	margin-left: auto; 
	margin-right: auto;
	border: none;
	padding-top:10px;
	padding-bottom:10px;
	width: 98%;
    border-spacing: 12px;
    border-collapse: separate;
}

.centertablebox2{
    width:60%; 
    margin-left:20%; 
    margin-right:20%;
	border: none;
	padding-top:10px;
	padding-bottom:10px;
    border-spacing: 12px;
    border-collapse: separate;
}

table.centertablebox a{	
	text-decoration: none;	
}

table.centertablebox b{	
font-weight:bold;
}

/* CSS pour ancien utility/box */
table.box {
   font-family:Arial, Helvetica, sans-serif; 
   width: 610px;
   font-size: 12px; 
   margin: 0; 
   border: 2px solid #587997;
}

table.box td{
	padding:3px;
}

.boxtop {
	border-bottom: 2px solid #587997;
	padding:6px;
}


/*  DIV pour toutes les pages d'administration   */

#adminPage {
   margin-bottom: 10px;
   margin-left: 10px;
   font-family:Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   margin: 0; 
   padding: 0; 
}
  #adminPage a {
    text-decoration: none;
  }

/*  screens/department - barre de changement de page  */
table.deptNavPage{
width:100%;
text-align: right;
border: 0;
/* font-family: Arial, Helvetica, sans-serif;  
font-size: 12px; 
*/
}

table.deptNavPage p{
font: 1em arial, helvetica, sans-serif;
color:#FFF;
}

/* Screen department - presentation des article - liste simple sans panier */
table.deptItemsSimple{
width:100%;
border: 0;
}

table.deptItemsSimple p{
font-weight: bold;
}

table.deptItemsSimple td{
vertical-align: middle;
}

table.deptItemsSimple a{
/* color:#000;
font:.7em arial, helvetica, sans-serif ;*/
font-weight:bolder;
text-decoration:none;
}

/* Screen department - presentation des article - liste detaillee avec panier */
table.deptItemsDetaillee{
width:100%;
border: 0;
}

/*  screens/department - Lien pour éditer l'article  */

.edititem {
color: #bc0426;	
margin-right: 0px;
text-align: right;
text-decoration: none;
font-size: 12px; 
}

.titrePanier {
   font: normal bold 15px/18px Arial, Helvetica, sans-serif;
   padding: 0px 0px 3px 0px;
   margin: 0px;
   letter-spacing: 0px;
   font-variant: normal;
   text-decoration: none;
   color: #595959;
   text-indent: 0px;
   text-align: left;
}



table.contact{
width:80%;
text-align: left;
border: 0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
}

table.contact td.desc {width:15%;}
table.contact td.champs {width:85;}


 .contourfond {   
	border: 2px	solid #D1D4D6;
 }
 
 .fondarticle {   
	border: 2px	solid #D1D4D6;
	background-color: #E4E4E4;
 }

.choicetext { 
	font-family:  verdana; 
	font-size: 9pt; 
	padding-left:10px;
	display: block;
}

table.deptNavBouton{
width:250px;
text-align: left;
border: 0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
}

.selectmax{
	width: 425px;
}	

/* item  et departement panier  
input.command {
	display:block; 
	height:24px; 
	width:30px; 
	background:url(../images/panier.png) 0 0 no-repeat; 
	text-indent:-9999em; 
	border: none; 
	color : transparent;
}

input.command:hover {
	width:30px; 
	background-position:-31px 0;
}
*/
input.backorder {display:block; height:24px; width:30px; background:url(../images/rupture.gif) 0 0 no-repeat; text-indent:-9999em; border: none; color : transparent;}
/*input.command:hover {width:23px; background-position:-24px 0;}*/

.retourDept {
color: #000000;	
margin-right: 40px;
text-align: right;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
}

/*   Search_results   */

#articlesearch  {
   margin: 26px 0px 0px 30px;
   min-height: 50px;
   width: 900px;
   top: 0px;
   left: 0px;
   position: relative;
}

p.articletext   {
   padding: 0px;
   margin: 0px;
   /*font-family: Arial, Helvetica, sans-serif;*/
   font-weight: bold;
   font-style: normal;
   letter-spacing: 0px;
   text-decoration: none;
   text-indent: 0px;
   font-variant: normal;
   line-height: 17px;
   font-size: 14px;
}

p.titre {
   color: #bc0426;
   	font-weight:bold;
}  

span.more {
	color: #bc0426; 
	font-weight:bold;
   text-decoration: none;
}

p.texte {
	font-weight: normal;
	color: #333333;
/*	display: inline; */
	text-align: justify; 
/*   padding-bottom: 15px; */
}

.contoursearch {   
	border: 2px	solid #373737;
 }
 
 .fondsearch {   
	border: 1px	solid #BDBDBD;
	background-color: #FCFCFC;
 }
 
 #adminhelp  {
   margin: -28px -0px 0px 375px;
   height: 28px;
   width: 161px;
   top: 0px;
   left: 0px;
   position: relative;
}

#adminmenu  {
   margin: -12px 0px 0px 25px;
   height: 28px;
   width: 161px;
   top: 0px;
   left: 0px;
   position: relative;
}

#adminlogout  {
   margin: -28px 0px 0px 200px;
   height: 28px;
   width: 161px;
   top: 0px;
   left: 0px;
   position: relative;
}

#panier  {
   margin: -12px 0px 0px 210px;
   height: 28px;
   width: 161px;
   top: 0px;
   left: 0px;
   position: relative;
}

#checkout  {
   margin: -28px 0px 0px 385px;
   height: 28px;
   width: 161px;
   top: 0px;
   left: 0px;
   position: relative;
}

input.boutonRechercher {
	display:block; 
	height:28px; 
	width:87px; 
	background:url("../images/francais/bouton_rechercher.png") 0 0 no-repeat; 
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.boutonRechercher:hover {
	width:87px; 
	background-position:-88px 0;
}

a.boutonPanier {
	display:block;
	height:30px; 
	width:129px; 
	background:url("../images/francais/bouton_votre_panier.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.boutonPanier:hover {
	width:129px; 
	background-position:-130px 0;
}

a.boutonCaisse {
	display:block; 
	height:30px; 
	width:90px; 
	background:url("../images/francais/bouton_caisse.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.boutonCaisse:hover {
	width:90px; 
	background-position:-91px 0;
}

.styled-select select {
    background: transparent; 
/*   background: #CCCCCC; */
   width: 100px;
   padding: 2px;
	font-family:Arial, Helvetica, sans-serif; 
   font-size: 12px;
	color:#595959;
   line-height: 1;
   border: 1;
   border-radius: 2px;
   height: 24px;
   -webkit-appearance: none;
   }
   
   
 /* Bouton */
 
 input.btn-add {
	display:block; 
	height:28px; 
	width:82px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:0px 0;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-add:hover {
	width:82px; 
	background-position:-83px 0;
}

a.btn-adminmenu {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
		background-position:-166px 0;
	text-indent:-9999em;
}

a.btn-adminmenu:hover {
	width:161px; 
	background-position:-328px 0;
}

a.btn-back,
a.boutonBack{
	display:block; 
	height:28px; 
	width:97px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
		background-position:-490px 0;
	text-indent:-9999em;
}

a.btn-back:hover ,
a.boutonBack:hover{
	width:97px; 
	background-position:-588px 0;
}

a.btn-cancel-order {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
		background-position:-852px 0;
	text-indent:-9999em;
}

/*  order_express_basket Screen  */
a.btn-cancel-order:hover {
	width:161px; 
	background-position:-1014px 0;
}

a.btn-cancel,
a.boutonAnnuler{
	display:block; 
	height:28px; 
	width:82px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-686px 0;
	text-indent:-9999em;
}

a.btn-cancel:hover.
a.boutonAnnuler:hover{
	width:82px; 
	background-position:-769px 0;
}

a.btn-checkout,
a.boutonCheckout {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1176px 0;
	text-indent:-9999em;
}

input.btn-checkout:hover,
input.boutonCheckout:hover {
	width:161px; 
	background-position:-1338px 0;
}

a.btn-panier,
a.boutonPanier {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1176px 0;
	text-indent:-9999em;
}

a.btn-panier:hover,
a.boutonPanier:hover {
	width:161px; 
	background-position:-1338px 0;
}

a.btn-close {
	display:block; 
	height:28px; 
	width:82px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1500px 0;
	text-indent:-9999em;
}

a.btn-close:hover {
	width:82px; 
	background-position:-1583px 0;
}

a.btn-complete-order {
	display:block; 
	height:28px; 
	width:180px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1666px 0;
	text-indent:-9999em;
}

a.btn-complete-order:hover {
	width:180px; 
	background-position:-1847px 0;
}

input.btn-confirm-order,
input.boutonConfirmerCommande {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:0 -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-confirm-order:hover,
input.boutonConfirmerCommande:hover {
	width:161px; 
	background-position:-162px -58px;
}

a.btn-continue,
a.boutonContinuer {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
		background-position:-324px -58px;
	text-indent:-9999em;
}

a.btn-continue:hover,
a.boutonContinuer:hover {
	width:161px; 
	background-position:-486px -58px;
}

input.btn-create-account,
input.boutonCreateAccount{
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-648px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-create-account:hover,
input.boutonCreateAccount:hover{
	width:161px; 
	background-position:-810px -58px;
}

input.btn-delete {
	display:block; 
	height:28px; 
	width:97px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-972px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-delete:hover {
	width:97px; 
	background-position:-1070px -58px;
}

input.btn-download {
	display:block; 
	height:28px; 
	width:97px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1168px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-download:hover {
	width:97px; 
	background-position:-1266px -58px;
}

input.btn-execute {
	display:block; 
	height:28px; 
	width:82px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1364px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-execute:hover {
	width:82px; 
	background-position:-1447px -58px;
}

input.btn-goto-1-of-4 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1530px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-1-of-4:hover {
	width:161px; 
	background-position:-1692px -58px;
}

input.btn-goto-1-of-5 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1854px -58px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-1-of-5:hover {
	width:161px; 
	background-position:0 -116px;
}

/*  order_express_basket Screen  */
input.btn-goto-2-of-4,
input.boutonPasser2de4 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-162px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-2-of-4:hover,
input.boutonPasser2de4:hover {
	width:161px; 
	background-position:-324px -116px;
}

/*  order_express_basket Screen  */
input.btn-goto-2-of-5,
input.boutonPasser2de5 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-486px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-2-of-5:hover,
input.boutonPasser2de5:hover {
	width:161px; 
	background-position:-648px -116px;
}

input.btn-goto-3-of-4,
input.boutonPasser3de4 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
background-position:-810px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-3-of-4:hover,
input.boutonPasser3de4:hover {
	width:161px; 
	background-position:-972px -116px;
}

input.btn-goto-3-of-5,
input.boutonPasser3de5 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1134px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-3-of-5:hover,
input.boutonPasser3de5:hover {
	width:161px; 
	background-position:-1296px -116px;
}

/*  order_express_cybervente Screen  */

input.btn-goto-4-of-5,
input.boutonPasser4de5 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1458px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-goto-4-of-5:hover,
input.boutonPasser4de5:hover {
	width:161px; 
	background-position:-1620px -116px;
}

input.btn-login,
input.boutonSignIn {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1782px -116px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-login:hover,
input.boutonSignIn:hover {
	width:161px; 
	background-position:-1944px -116px;
}

input.btn-next,
input.boutonNext {
	display:block; 
	height:28px; 
	width:82px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
		background-position:0 -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

a.btn-next:hover,
a.boutonNext:hover{
	width:82px; 
	background-position:-83px -174px;
}

input.btn-payer{
	display:block; 
	height:28px; 
	width:180px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-166px -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-payer:hover {
	width:180px; 
	background-position:-347px -174px;
}

input.btn_print_invoice,
input.boutonImprimerFacture {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-528px -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn_print_invoice:hover,
input.boutonImprimerFacture:hover {
	width:161px; 
	background-position:-690px -174px;
}

a.boutonFacture1 {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton_imprimer_facture.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.boutonFacture1:hover {
	width:161px; 
	background-position:-162px 0;
}

input.btn-reset {
	display:block; 
	height:28px; 
	width:97px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-852px -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-reset:hover {
	width:97px; 
	background-position:-950px -174px;
}

a.btn-restart,
a.boutonRecommencer {
	display:block; 
	height:28px; 
	width:180px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1048px -174px;
	text-indent:-9999em;
}

a.btn-restart:hover,
a.boutonRecommencer:hover {
	width:180px; 
	background-position:-1229px -174px;
}

input.btn_search,
input.boutonSearch {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1410px -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn_search:hover,
input.boutonSearch:hover {
	width:161px; 
	background-position:-1508px -174px;
}

a.btn-signin {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1606px -174px;
	text-indent:-9999em;
}

a.btn-signin:hover {
	width:161px; 
	background-position:-1768px -174px;
}

input.btn-submit,
input.boutonSoumettre {
	display:block; 
	height:28px; 
	width:97px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-1930px -174px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-submit:hover,
input.boutonSoumettre:hover {
	width:97px; 
	background-position:0 -232px;
}

input.btn-tr-appliquer,
input.boutonApplChangement {
	display:block; 
	height:20px; 
	width:166px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-200px -232px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-tr-appliquer:hover,
input.boutonApplChangement:hover {
	width:166px; 
	background-position:-367px -232px;
}

a.btn-tr-delete,
a.boutonSupprimer {
	display:block; 
	height:20px; 
	width:68px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-534px -232px;
	text-indent:-9999em;
}

a.btn-tr-delete:hover,
a.boutonSupprimer:hover {
	width:68px; 
	background-position:-603px -232px;
}

input.btn-tr-recalculate,
input.boutonRecalculer {
	display:block; 
	height:20px; 
	width:68px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-672px -232px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-tr-recalculate:hover,
input.boutonRecalculer:hover {
	width:68px; 
	background-position:-748px -232px;
}

input.btn-update {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/bouton.png") 0 0 no-repeat; 
	background-position:-824px -232px;
	text-indent:-9999em;
	border: none; 
	color : transparent;
}

input.btn-update:hover {
	width:161px; 
	background-position:-986px -232px;
}

a.btn-help {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/aide.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.btn-help:hover {
	width:161px; 
	background-position:-162px 0px;
}

a.btn-logout {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/deconnexion.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.btn-logout:hover {
	width:161px; 
	background-position:-162px 0px;
}

a.btn-cart {
	display:block; 
	height:28px; 
	width:161px; 
	background:url("../images/francais/panier.png") 0 0 no-repeat; 
	text-indent:-9999em;
}

a.btn-cart:hover {
	width:161px; 
	background-position:-162px 0px;
}