/*global*/
#commande_eclair {
  width: 790px;
  height: 100px;
  background: url(/boutique/imgs/promo_commande_eclair.gif);
}

#boitesrubrique div.mosaique:hover
{
  background:url(../imgs/mosaiquesurvol.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/mosaiquesurvol.png', sizingMethod='scale');
}

#boitesrubrique div.mosaique:hover .normal{
  display:none;
}

#boitesrubrique div.mosaique:hover .hover{
  display:block;
}

li:hover #overlayCatalogues,
li:focus #overlayCatalogues,
li:active #overlayCatalogues {
display:block;
}


#boutique {
  margin: 10px 0;
  behavior:url("/boutique/js/csshover.htc");
}

#boutique,
#boutique table{
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  font-size:16px;
  color : #5E5E5E;
}

#boutique td {
}

#boutique table,
#boutique pre {
  font-size: 1em;
}

#boutique a {
  outline : 0;
  color: #1f49ff;
  text-decoration:underline;
  font-weight:normal;
  cursor : pointer;
  margin:0;
  padding:0;
}

#boutique a:hover {

}

#boutique .content a {
  text-decoration: none;
}

#boutique #contentPanier a:focus,
#boutique #contentPanier a:active,
#boutique #contentPanier a:hover {
  text-decoration: underline;
}

#boutique h4,
#boutique h3,
#boutique h2,
#boutique h1,
#boutique hr,
#boutique form {
  font-size:1em;
  margin:0;
  padding:0;
}

#boutique .colleft {
  float:left;
}

#boutique .colright {
  float:right;
}

#boutique .center {
  text-align:center;
}

#boutique  #header {
}

#boutique  #header,
#boutique  #topbar,
#boutique  .content {
  width: 790px;
}

#boutique .content a,
#boutique .content a:hover {
}

#boutique  #topbar {
  height:28px;
  font-size: 0.8em;
}

#topbar a {
   color:white;
   text-decoration:none;
}

#topbar a:focus,
#topbar a:active,
#topbar a:hover {
  color:white;
  text-decoration:underline;
}

#boutique .photobox {overflow:visible; text-align:center; background-color:#FFFFFF; padding:0px; z-index:3000;}
#boutique .photobox .close {top:8px;right:8px;height:15px;width:18px;background-image:url(/imgs/ybox-close.gif);}
#boutique .photobox .close.nonsecure {background-image:url(/imgs/ybox-close.gif);}
#boutique .photobox .close.secure {background-image:url(/imgs/ybox-close.gif);}
#boutique .photobox .container-close{background-image:url(../imgs/photobox_close.png); width:68px; height:20px;}
#boutique .photobox .hd {width:590px; font-weight:normal; background:#FFFFFF; border:0px; text-align:left;margin:0px;padding:10px 5px;}
#boutique .photobox .hd span {vertical-align:middle;line-height:15px;}
#boutique .photobox #photobox_desc {font-size:1.4em; margin-bottom:5px; font-weight:normal; color:#8F8F8F}
#boutique .photobox #photobox_title {height:20px; font-size:1.2em; border:1px solid #FFFFFF;}
#boutique .photobox .bd  {padding:0; color: #8f8f8f;}
#boutique .photobox div { font-size: 12px; color: #535353;}
#boutique .photobox .bd img {border:none;}
#boutique .photobox .ft {height:42px; width:600px; padding:0;margin:0;position:relative;top:-300px;z-index:1000;}
#boutique .photobox .ft .back {
  background-image:url(../imgs/photobox_back.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/photobox_back.png', sizingMethod='scale');
  width:55px;
  height:42px;
  position:absolute;
  left:0px;
}
#boutique .photobox .ft .next {
  background-image:url(../imgs/photobox_next.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/photobox_next.png', sizingMethod='scale');
  width:55px;
  height:42px;
  position:absolute;
  right:0px;
}
#boutique .photobox .ft .back img, .photobox .ft .next img {border:none;}
.mask { background-color:#000;-moz-opacity:0.75;opacity:.75;filter:alpha(opacity=75);z-index:1;}



#shoppingCard {
  width:220px;
  font-size:0.75em;
  padding: 5px;
  background-image:url(../imgs/shoppingCard_bg.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/shoppingCard_bg.png', sizingMethod='scale');
  position:absolute;
  color:#FFFFFF;
  z-index:1000;
}

#shoppingCard .recap {
  margin:0px 2px 6px 2px;
  background:url(../imgs/shoppingCard_hd.png) 50% 50% no-repeat;
  width:200px;
  height:20px;
  line-height:20px;
  color:#FFFFFF;
  text-align:center;
  
}

#shoppingCard td {
  color:#FFFFFF;
  font-weight:bold;
  padding : 3px 0;
}

#shoppingCard a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

#shoppingCard a:focus,
#shoppingCard a:active,
#shoppingCard a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

#shoppingCard .btncmd {
  width:115px;
  font-size:0.9em;
}

#shoppingCard .total {
  padding : 2px 0px;
  font-size:1.1em;
}

#shoppingCard .total .label {
  color:#8F8F8F;
}

#shoppingCard .total .value {
  width:100px;
  text-align:center;
  font-size:1.4em;
  color:#DF1B88;
}


#overlayCatalogues {
  display:none;
  position:absolute;
  padding:4px;
  border:1px solid #3259B3;
  background:#FFFFFF;
  color:#000000;
  font-size:1.2em;
  z-index:150;
}

#overlayCatalogues  .col {
  width:130px;
  padding:0 2px 0 2px;
  float:left;
}

#overlayCatalogues  h4 {
  font-size: 1em;
  font-weight: normal;
  line-height:1.1em;
  padding:2px 2px 6px 2px;
}

#overlayCatalogues  h4  a {
  color:#3259B3;
}

#overlayCatalogues  h4  a:focus,
#overlayCatalogues  h4  a:active,
#overlayCatalogues  h4  a:hover {
  color:#3259B3;
}

#overlayCatalogues  h3 {
  font-size: 0.8em;
  line-height: 1.3em;
  font-weight: normal;
  padding:2px 2px 2px 6px;
  color: #38a50f;
}

#overlayCatalogues  h3  a {
  color:#000000;
}

#overlayCatalogues  h3  a:focus,
#overlayCatalogues  h3  a:active,
#overlayCatalogues  h3  a:hover {
  color:#000000;
}


#overlayCatalogues a {
  display:block;
}

#overlayCatalogues a:focus,
#overlayCatalogues a:active,
#overlayCatalogues a:hover {
  text-decoration:underline;
}

#boutique .content {
  background: url(../imgs/fond.png);
  font-size: 0.8em;
}

.content .bandeau {
  color:#FFFFFF;
  padding:5px;
  vertical-align:middle;
}

#boutique  .bandeau table {
  color:#FFFFFF;
}

.content  p {
  padding : 0px;
  margin: 2px;
}

.saut {
  clear : both;
}

.col_left {
  float:left;
}

.col_right {
  float:right;
}

#boutique .accroche {
  font-size: 1em;
}

/* #boutique .titre {
  color : #000000;
  font-size: 1em;
} */

/* #boutique .soustitre {
  color: #38a50f;
  font-weight: bold;
  font-size:1em;
  line-height: 17px;
} */

#boutique .soustitrelittle   {
  color: #38a50f;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 0.9em;
}

#boutique .intertitre {
  color: #38a50f;
  font-size: 1em;
  font-weight: bold;
  text-align:center;
}

#boutique .chapeau {
  color: black;
  font-size: 1em;
  font-weight: bold;
}

#boutique .white {
  color: white;
}

#boutique .black {
  color: black;
}

#boutique .annotation {
  color: #4d4d4d;
  font-size: 0.8em;
}

#boutique .exemple {
  font-style: italic;
  font-size: 0.8em;
}

#boutique .attention {
  color:#FF0000;
}

#boutique .bold {
  font-weight:bold;
}

#boutique .ref {
  font-size:0.8em;
  font-weight: bold;
  color: #D636C5;
}

#boutique .ref:focus,
#boutique .ref:active,
#boutique .ref:hover {
  text-decoration:underline;
}

#boutique  #contentproduits .ref {
  color:#FFFFFF;
}

#boutique  #contentproduits .ref:focus,
#boutique  #contentproduits .ref:active,
#boutique  #contentproduits .ref:hover {
  color:#FFFFFF;
  text-decoration:none;
}

#boutique .rose {
  color:#DF8BBA;
}

#boutique .little {
  font-size:0.85em;
}

#boutique .center {
  text-align:center;
}

#boutique .left {
  text-align:left;
}

#boutique .right {
  text-align:right;
}


#macommande {
  float : right;
  color:#FFFFFF;
  background : #8A459F;
  background:url(../imgs/menubfondrose.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/menubfondrose.png', sizingMethod='scale');
  width:145px;
  border:0;
  
}

#macommande a {
  color: #FFFFFF;

  height:28px;
  line-height:28px;
  padding: 0 4px;
}



#topmenu {
  float:left;

}

.normalTopmenu {
  width:525px;
}

.cmdTopmenu,
.cmdVerifTopmenu
 {
  width:670px;
}


#topbarcenter {
    float:left;
}

.normalTopbar {
  background:url(../imgs/menubfondnoir.png);
  width:625px;
  height:28px;
  overflow:visible !important;
  overflow:hidden;
}

.cmdVerifTopbar {
  background:url(../imgs/menubfondrose.png);
  width:770px;
}
.cmdTopbar {
  background:url(../imgs/menubfondbleu.png);
  width:770px;
}

#topmenucoingauche {
  width:10px;
  background:url(../imgs/menubcoingauche.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/menubcoingauche.png', sizingMethod='scale');
  height:28px;
  float:left;
}

#topmenucoindroit {
  width:10px;
  background:url(../imgs/menubcoindroit.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/menubcoindroit.png', sizingMethod='scale');
  height:28px;
  float:right;
}

#searchzone {
  float:right;
  width:80px;
  z-index:1000;
}
#searchzone input {
  margin-top: 5px;
  border: 1px solid #BFBFBF;
  width:75px;
}
#searchzone .yui-ac{position:relative;}
#searchzone .yui-ac-input{position:absolute;}
#searchzone .yui-ac-container{position:absolute;margin-top:27px; z-index:1000;}
#searchzone .yui-ac-content{position:absolute;border:1px solid #808080;background:#fff;overflow:hidden;z-index:9050;width:250px;}
#searchzone .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:0.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}
#searchzone .yui-ac-content ul{margin:0;padding:0;}
#searchzone .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;}
#searchzone .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}
#searchzone .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}
#searchzone .price { float:right; } /* push right */
#searchzone .result { color:#A4A4A4; }
#searchloading { display:none; border:1px solid #808080;background:#fff; padding:2px; position:absolute; width:150px;}

.glass {
  background:url(../imgs/glass.png) no-repeat;
  background-position: 50% 50%;
  width:20px;
  height:28px;
  float:right;
}

#topmenucoindroit.cmd {
  background:url(../imgs/menubcoindroitbleu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/menubcoindroitbleu.png', sizingMethod='scale');
}

#topmenucoindroit.cmdVerif {
  background:url(../imgs/menubcoindroit.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/menubcoindroit.png', sizingMethod='scale');
}

#boitesproduit {
  padding : 6px;
  font-size : 0.85em;
}

#boitesrubrique div.mosaique
 {
  width: 158px;
  height: 158px;
  float: left;
  background:url(../imgs/mosaique.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/mosaique.png', sizingMethod='scale');
}

#boitesrubrique {
}


#boitesrubrique div.mosaique .hover{
  position:relative;
  padding: 5px 10px 0 10px;
  display:none;
}


#boitesrubrique .hover img {
  margin:4px 0;
}

#boitesrubrique h1 {
  padding:10px 5px;
  margin:0;
  font-size:1em;
  text-align:center;
  color:#000000;
}

#boitesrubrique ul {
  margin:0;
  padding:0;
  height:110px;
  overflow: auto;
}

#boitesrubrique li {
  list-style-type:none;
  font-size:0.85em;
  line-height:1.2em;
}

#boitesrubrique a {
  color:#FFFFFF;
}

#boitesrubrique a:focus,
#boitesrubrique a:active,
#boitesrubrique a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

div.mosaique .slogan,
div.mosaique .desc{
  font-size:0.85em;
  border:0;
  padding:0;
  margin:0;
}

/*
div.mosaique .titre {
  text-align: center;
  font-weight: bold;
  font-size:1em;
  display:table-cell;
  border:0;
  padding:0 6px;
  margin:0;
}
*/


#boitesgamme {
  margin-top:10px;
}

#boitesgamme div.mosaique {
  width: 20%;
  float: left;
  visibility:hidden;
}
#boitesgamme div.mosaique.visible a,
#boitesgamme div.mosaique a {
  display: block;
  overflow:hidden;
}

#boitesgamme div.mosaique a {
  height:auto;
  color : #000000;
}

#boitesgamme div.mosaique.visible a {
  height:0px;
}

#boitesgamme div.mosaique a:focus,
#boitesgamme div.mosaique a:active,
#boitesgamme div.mosaique a:hover {
  border:0;
  color: #000000;
  text-decoration: none;
}

#boitesgamme div.mosaique span {
  display:block;
}

#boitesgamme div.mosaique .haut {
  height:33px;
  background:url(../imgs/rubinactifhaut.png) no-repeat 100% 0% !important;
  background:none;
  padding: 0 5px;
  text-align:center;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubinactifhaut.png', sizingMethod='scale');
}

#boitesgamme div.mosaique a:hover .haut {
  background:url(../imgs/rubactifhaut.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubactifhaut.png', sizingMethod='scale');
}

#boitesgamme div.mosaique h1 {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  height:30px;
  width:148px;
}

#boitesgamme div.mosaique  a:hover h1 {
  color:#FFFFFF;
}

#boitesgamme div.mosaique .corps {
  text-align:center;
  background:url(../imgs/rubinactifmilieu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubinactifmilieu.png', sizingMethod='scale');
}

#boitesgamme div.mosaique a:hover .corps {
  background:url(../imgs/rubactifmilieu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubactifmilieu.png', sizingMethod='scale');
}

#boitesgamme div.mosaique .bas {
  height:15px;
  font-size:0px;
  background:url(../imgs/rubinactifbas.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubinactifbas.png', sizingMethod='scale');
}

#boitesgamme div.mosaique a:hover .bas {
  background:url(../imgs/rubactifbas.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/rubactifbas.png', sizingMethod='scale');
}

#boitesgamme div.mosaique .titre {
  margin : 0 7px 0 6px;
  padding : 0 0 2px 0;
  color: #000000;
}

#boitesgamme div.mosaique a:hover .titre {
  color:#FFFFFF;
}

#boitesgamme div.mosaique .desc {
  text-align: left;
  margin: 0 12px 0 12px;
}

#boitesgamme div.mosaique .slogan,
#boitesgamme div.mosaique .img {
  text-align:    left;
  font-size : 1em;
  margin: 0 12px 10px 12px;
  padding-top: 5px;
  display:     block;
}

#boitesgamme div.mosaique .img {
  text-align : center;
  margin: 0 12px 5px 12px;
  height:100px;
}


#rub {
  width:100%;
  height:157px;
  text-align: left;
  color : #FFFFFF;
  background:url(../imgs/bandeaup.png) no-repeat;
}

#rubimg,
#rubtitre,
#rubdesc {
  margin:0;
  padding:0;
  float:left;
}

#rubimg {
  width : 190px;
}

#rubimg .first-child {
  padding : 14px 0 0 14px;
}

#rubtitre {
  font-weight:bold;
  width:250px;
}

#rubtitre .first-child {
  padding : 5px 0 0 5px;
}

#boutique #rubnom {
  font-size:1.5em;
  padding-bottom:10px;
}

#rubslogan {

}

#rubdesc {
  width:350px;
}

#rubdesc .first-child {
  padding : 11px 5px 0 30px;
}

/*produits*/
#gamme {
  width:100%;
  height:196px;
  text-align: left;
  color : #FFFFFF;
  background:url(../imgs/bandeauprodp.png) no-repeat;
}

#gammetitre,
#gammeimg ,
#gammedesc {
  margin:0;
  padding:0;
  float:left;
  height : 150px;
}

#gammeimg {
  width : 190px;
}

#gammeimg .first-child {
  padding : 14px 0 0 12px;
}

#gammetitre {
  font-weight:bold;
  width:240px;
}

#gammetitre .first-child {
  padding : 5px 0 0 5px;
}

#boutique #gammenom {
  font-size:1.5em;
  padding-bottom:10px;
}

#gammeslogan {

}

#gammedesc {
  width:360px;
}

#gammedesc .first-child {
  padding : 11px 5px 0 30px;
}

#gammetoolbar {
  height:40px;
  margin:0 10px 0 10px;
  padding:0;
  color: #FFFFFF;
  line-height:40px;
}

#gammetoolbar .title {
  font-size:16px;
  font-weight:bold;
}

#gammetoolbar table {
  color: #FFFFFF;
}


.prod{
  width:779px;
}

#contentproduits #ref {
  font-size:0.7em;
  font-weight: bold;
  color: #FFFFFF;
}

.prodentete{
  color : #FFFFFF;
  padding-top:4px;
  margin:0;
  padding:0;
  width:779px;
}

.prodentete a,
.prodentete a:focus,
.prodentete a:active,
.prodentete a:hover {
  color : #FFFFFF;
  text-decoration:none;
}

.prodentete.firstchild{
  background:url(../imgs/prodhaut.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodhaut.png', sizingMethod='scale');
  height:8px;
  margin:0;
}

.prodillustration {
  border:0;
  margin:2px;
  cursor:pointer;
}

.prodpied {
  height:11px;
  background:url(../imgs/prodbas.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodbas.png', sizingMethod='scale');
  width:779px;
}

.prodentetemin, .prodentetemax {
  background:url(../imgs/prodentete.png) repeat-y !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodentete.png', sizingMethod='scale');
  height:100%;
  font-size:1.1em;
  width:779px;
}

.prodentetemin td,
.prodentetemax td {
  color:#FFFFFF;
  margin:0;
  padding:0;
}

#boutique .hidden {
  display:none;
}


.prodtitre{
  font-size:1.4em;
  text-align:left;
}

.prodcontenu {
  color: #000000;
}

.onglet.plus {
  padding: 5px 15px;
}

.prodcontenu.normal {
  overflow : hidden;
  position:static !important;
  margin:0;
  padding:0;
}

#contentproduits .prodsoustitre{
  margin:0;
  padding:0;
  font-size:1.2em;
  color:#40A3CF;
}

.prodcontenu p {
  margin:0;
  margin-bottom:10px;
  padding:0;
}

.prodcontenu.nocontenu  {
  display:none;
}

.proddscrptcommerciale {
  padding: 5px 5px 10px 0;
  font-size:1.3em;
  color:#4F4F4F;
  text-align:left;
}

.prodcontenumilieu p {
  font-size:1.07em;
}

.proddscrptdetaillee {

}

.proddscrptdetaillee p {
  margin: 0;
  padding: 0;
}

.prodslogan {
  padding: 5px 5px 5px 0;
  font-size:14px;
  font-weight:bold;
}

.proddiaporamas {
  height : 165px;
}

.proddiaporamas img {
  height : 140px;
}

.prodbody {
  font-size:14px;
}

.prodcontenuhaut {
  height:7px;
  width:779px;
  background:url(../imgs/prodcontenuhaut.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodcontenuhaut.png', sizingMethod='scale');
}

.prodcontenumilieu {
  background:url(../imgs/prodcontenumilieu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodcontenumilieu.png', sizingMethod='scale');
  height:100%;
  width:779px;
  text-align:left;
}

.prodetiquettes {
  text-align:right;
}

.prodetiquettes img {
  margin : 0 2px;
}



.presentation .col1,
.presentation .col2 {
  float:left;
}

.presentation .col1 {
  width:305px;
  padding:0 15px 0 20px;
}

.presentation .col2 {
  width:415px;
}

.prodcontenubas {
  height:9px;
  width:779px;
  background:url(../imgs/prodcontenubas.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/prodcontenubas.png', sizingMethod='scale');
}

.devise {
  display:block;
  float:left;
  width:25px;
  height:25px;
}

a:focus.devise,
a:active.devise,
a:hover.devise {
  text-decoration:none;
}

.devise.euro {
  background-image:url(../imgs/deviseeurooff.gif) !important;
}

.devise.euro:focus,
.devise.euro:active,
.devise.euro:hover,
.devise.euroselected {
  background-image:url(../imgs/deviseeuroon.gif) !important;
}

.devise.franc {
  background-image:url(../imgs/devisefrancoff.gif) !important;
}

.devise.franc:focus,
.devise.franc:active,
.devise.franc:hover,
.devise.francselected {
  background-image:url(../imgs/devisefrancon.gif) !important;
}

.img, .btn {
  text-align:center;
  line-height:20px;
}

.btn {
  width:93px;
  height:20px;
  cursor : pointer;
}

.btn.detail {
  width:63px;
  height:75px;
  position:absolute;
  margin:3px 0 0 8px;
}

.btn.detail.show {
  background:url(../imgs/btnprodshow.png) no-repeat;
}

.btn.detail.hide {
  background:url(../imgs/btnprodhide.png) no-repeat;
}

.btn div {
  width:100%;
  height:100%;
}

.btn.perso {
  background:url(../imgs/btnperso.gif) no-repeat;
  position:relative;
}

.btn.cmd {
  position:relative;
}


/*a.btn.ongletprod*/
.btn.ongletprod{
  display:block;
  color:#FFFFFF;
  width:106px;
  height:19px;
  line-height:18px;
  background:url(../imgs/btnbleu.gif) no-repeat;
  position:relative;
}

/*a:hover.btn.ongletprod */
.btn.ongletprod:focus,
.btn.ongletprod:active,
.btn.ongletprod:hover,
.btn.ongletprod.selected {
  background:url(../imgs/btnorange.gif) no-repeat;
}


.btn div {
  width:auto;
  height:auto;
}

.btn.rose,
.btn.vert,
.btn.gris,
.btn.blanc,
.btn.rouge {
  width:auto;
  height:auto;
  line-height:16px;
  height:19px;
  margin : 0 10px;
}

.btn.rose .left,
.btn.rose .right,
.btn.vert .left,
.btn.vert .right,
.btn.blanc .left,
.btn.blanc .right,
.btn.rouge .left,
.btn.rouge .right {
  width:10px;
  font-size:1px;
  float:left;
  height:19px;
}

.btn.gris .left,
.btn.gris .right {
  width:10px;
  font-size:1px;
  height:19px;
  float:left;
}

.btn.blanc {
  color : #E77300;
}

.btn.blanc .left {
  background:url(../imgs/btn_blanc/left.png);
}

.btn.blanc .right {
  background:url(../imgs/btn_blanc/right.png);
}

.btn.blanc .middle {
  background:url(../imgs/btn_blanc/middle.png);
  float:left;
  height:19px;
}

.btn.rouge .left {
  background:url(../imgs/btn_rouge/left.png);
}

.btn.rouge .right {
  background:url(../imgs/btn_rouge/right.png);
}

.btn.rouge .middle {
  background:url(../imgs/btn_rouge/middle.png);
  float:left;
  height:19px;
}

.btn.gris .left {
  background:url(../imgs/btn_gris/left.png);
}

.btn.gris .right {
  background:url(../imgs/btn_gris/right.png);
}

.btn.gris .middle {
  background:url(../imgs/btn_gris/middle.png);
  height:19px;
  float:left;
  font-size:0.85em;
  color:#FFFFFF;
}

.btn.rose .left {
  background:url(../imgs/btn_rose/left.png);
}

.btn.rose .right {
  background:url(../imgs/btn_rose/right.png);
}

.btn.rose .middle {
  background:url(../imgs/btn_rose/middle.png);
  float:left;
  height:19px;
  color:#FFFFFF;
  font-size:1em;
}

.btn.vert .left {
  background:url(../imgs/btn_vert2/left.png);
}

.btn.vert .right {
  background:url(../imgs/btn_vert2/right.png);
}

.btn.vert .middle {
  background:url(../imgs/btn_vert2/middle.png);
  float:left;
  height:19px;
  font-size:1em;
}


.img.minprix {
  width:82px;
  height:46px;
  background:url(../imgs/etiqminprix.gif) no-repeat;
  color:#000000;
  padding-top:2px;
}

.img.minprix .prix {
  font-size:1.2em;
  font-weight:bold;
}

.promo {
  font-size:1.3em;
  font-weight:bold;
  color:red;
  text-decoration:line-through;
  margin:0;
  padding:2px;
}

.lots {
  margin : 2px;
  padding:3px;
}

.lots table {

}

.lots td {
  border-bottom : 1px dashed #4C4C4C;
  vertical-align:top;
  padding:2px 2px 10px 2px;
}

.lots .titre {
  font-size:1.5em;
  font-weight:bold;
}

.lots .qte {
  width:50px;
  height:50px;
  text-align:center;
  vertical-align:middle;
  color: #FFFFFF;
  font-size:1.1em;
  font-weight:bold;
  float:left;
  background:url(../imgs/prodnomenclature_qte.gif) no-repeat center center;
}



/*grille tarifaire*/
.grille {
  width:411px;
}

.grillehaut,
.grillebas {
  font-size:0;
  height:10px;
}

.grillehaut {
  
  background:url(../imgs/grille_entete.gif);
}

.grillemilieu {
  background:url(../imgs/grille_fond.gif);
  padding:5px;
  text-align:left;
}

.grillebas {
  background:url(../imgs/grille_pied.gif);
}

.grilleseparation {
  background:url(../imgs/grille_separation.gif) no-repeat 0 50%;
  height:10px;
}

.grilletitreprod {
  color: #38830f;
}

.grilleline {
  height:15px;
}

.grilleline.o {
  background:#E5E5E5;
}
.grilleline.i {
  background:#F2F2F2;
}

.grilleprix {
  text-align:right;
  color:#0A42AC;
}

.grillebenef {
  font-weight:bold;
  color:#FF5F00;
  text-align:right;
}

.grilletotaux{
  margin:5px 0 5px 0;
  padding:2px 2px 2px 0;
  background:url(/boutique/imgs/grille_fondbdc.gif) no-repeat;
}

.error,
.info,
.rupturedestock {
  margin:4px;
  padding:2px;
  border:2px solid #FFF88F;
  background : #FFF22F;
  text-align:center;
  color:#FF0000;
  font-weight:bold;
  font-size:15px;
}

.info {
  color:#000000;
  font-weight:normal;
  font-size:1.1em;
}

.rupturedestock {
  font-size:25px;
  vertical-align:center;
  height:200px;
  line-height:200px;
}



/*Panier*/
#panierentete {
  width:100%;
  height:197px;
  text-align: left;
  color : #FFFFFF;
  background:url(../imgs/entetepanier.png) no-repeat;
  margin-bottom:10px;
}

#panierentete h3 {
  font-size:1.5em;
  margin: 0;
  padding:0;
}

#panierentete h2 {
  font-size:1.2em;
  margin: 5px 0 10px 0;
  padding:0;
}

#paniertitre,
#panierdesc {
  margin:0;
  padding:0;
  float:left;
  width:49%;
  height:150px;
}

#panierslogan {
  margin-left:10px;
}

#panierdesc .first-child {
  padding : 10px 5px 0 5px;
}

#panierentete .bottom {
  height:47px;
  line-height:47px;
}


#contentPanier h1 {
  padding:10px;
  font-size:1.6em;
  font-weight:normal;
}

#contentPanier .cadre .middle {
  margin:0;
}

#contentPanier .nom,
#contentPanier .nom:hover,
#contentcommandeverif .nom,
#contentcommandeverif .nom:hover {
  color:#000000;
}

#contentPanier .nom {
  font-size:1.05em;
  font-weight:bold;
}

#contentPanier th {
  font-size:0.85em;
  padding:10px;
}

#contentPanier .error.line{
  background:#000000;
  margin:0 17px 0 15px;
  padding: 2px 4px 4px 8px;
  color:#FFFFFF;
  font-size:1em;
  font-weight:normal;
  text-align:left;
  border:0;
}

#contentPanier .errorhd {
  margin:0 15px;
  padding:0;
  border:0;
  background:transparent;
}

.cadreprix {
  width:302px;
  height:63px;
  background:url(../imgs/cadreprix.png) no-repeat;
  color:#FFFFFF;
}

.cadreprix .qte {
  width:50px;
  font-size:1.25em;
}

.cadreremise {
  width:127px;
  height:63px;
  background:url(../imgs/cadreremise.png) no-repeat;
  color:#FFFFFF;
}

.cadreremise div {
    padding-top:7px;
}

.cadreremise span {
  padding-top:7px;
  font-size:1.2em;
  line-height:1.8em;
  font-weight:bold;
}

.cadrefdp {
  width:127px;
  height:37px;
  background:url(../imgs/cadrefdp.jpg) no-repeat;
  color:#FFFFFF;
  font-size:1.2em;
  font-weight:bold;
}

.cadrefdp div {
  line-height:37px;
}

.montantttc {
  font-size:1.9em;
}

.etaplinks a {
  font-size:15px;
  font-weight:bold;
}

#btnav {
  position:relative;
  top:39px;
  left:-50px;
}

#fraisdeport .nom {
  font-size:1em;
  font-weight:normal;
  line-height:37px;
  padding-left:110px;
}

#paniertotaux {
  margin: 10px 0;
  padding:5px 10px;
  height:99px;
  background:url(../imgs/bandeautotal.png) repeat-x;
  color:#FFFFFF;
  line-height:1.3em;
}

#cadrecondition {
  border-top:2px solid #6F6F6F;
  background:#EFEFEF;
  padding:10px;
  padding-top:0;
}

#cadrecondition h2 {
  font-weight:normal;
  font-size:0.9em;
}

#cadrecondition h3 {
  margin-left:0;
  padding-left:0;
}

#cadrecondition .txt,
#cadrecondition p {
  font-size:0.85em;
  margin:7px 0;
  color: #6F6F6F;
}

.delais {color:#6976d1; font-size:1.6em}

.prodentetemin .delais {color:#FFFFFF; font-size:1.2em;font-weight:normal;}

#paniertotaux  table {
  color:#FFFFFF;
}

#grillePanier {
  width:90%;
  background : #FFFFFF;
}

#grillePanier th {
  padding:2px 2px 6px 2px;
  text-align:center;
}

#grillePanier .ligne td {
  padding:2px;
  border-bottom:1px solid #000000;
}

#grillePanier .cadeau td {
  background-color : #DF9FFF;
}

#grillePanier .totalLibelle {
  text-align:right;
}

#grillePanier .total {
  text-align:right;
}

#grillePanier .qte {
  width:50px;
}

#grillePanier .ttc {
  text-align:right;
  font-weight:bold;
}

#grillePanier .error {
  margin:6px;
  padding:2px;
  border:2px solid #FFF22F;
  background : #FFF88F;
  text-align:left;
  color:#FF0000;
  font-weight:bold;
  font-size:12px;
}

#grillePanier .info {
  margin:6px;
  padding:2px;
  border:2px solid #62CF40;
  background : #CEFFBF;
  text-align:left;
  color:#000000;
  font-weight:bold;
  font-size:12px;
}


/*Commande*/
.btnlink{float:left;display:block;white-space:nowrap;width:auto !important;width:5px;cursor:pointer;}

.btnlink span, .btnlink em{
  display:block;
  height:19px;
  line-height:18px;			
  margin:0;
  color:#FFFFFF;
  }
.btnlink span {
  padding-left:15px;
  
  }
  
.btnlink em{
  font-style:normal;
  padding-right:15px;
}

.btnr {float:right;padding-right:15px;}

.btnr span {
  background:url(../imgs/btn_rose/btn_rose.png) no-repeat 0 0;
}

.btnr em {
  background:url(../imgs/btn_rose/btn_rose.png) no-repeat 100% 0;
}

.btnkit {
  border:1px solid red;

}


.btnvert,
.btnbleu,
.btnviolet {
  height:24px;
  color:#FFFFFF;
  cursor:pointer;
}

.btnvert .left,
.btnvert .right,
.btnbleu .left,
.btnbleu .right,
.btnviolet .left,
.btnviolet .right {
  width:20px;
  height:24px;
  font-size:1px;
  float:left;
}

.btnviolet .left {
  background:url(../imgs/btn_violet/left.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/btn_violet/left.png', sizingMethod='scale');
}

.btnviolet .right {
  background:url(../imgs/btn_violet/right.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/btn_violet/right.png', sizingMethod='scale');
}

.btnviolet .middle {
  background:url(../imgs/btn_violet/middle.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/btn_violet/middle.png', sizingMethod='scale');
  float:left;
  height:24px;
  line-height:20px;
}

.btnvert .left {
  background:url(../imgs/btn_vert/left.png);
}

.btnvert .right {
  background:url(../imgs/btn_vert/right.png);
}

.btnvert .middle {
  background:url(../imgs/btn_vert/middle.png);
  float:left;
  height:24px;
  line-height:20px;
}

.btnbleu .left {
  background:url(../imgs/btn_bleu/left.png);
}

.btnbleu .right {
  background:url(../imgs/btn_bleu/right.png);
}

.btnbleu .middle {
  background:url(../imgs/btn_bleu/middle.png);
  float:left;
  height:24px;
  line-height:20px;
}
/* #pagecmd {
  text-align:left;
}

.bdczoneclient {
  height:170px;
  width:548px;
  background:url(../imgs/bdc_zoneclient.jpg) no-repeat;
  padding:10px 5px 0px 5px;
}

.bdczoneclient li {
  list-style-image: url(../imgs/puce.gif);
  margin-bottom: 5px;
  text-align: left;
} */

#boutique form  .form100,#boutique form  .form50 {position:relative;}
#boutique form  .form100 label {float:left; clear:left; width:150px;padding-left:15px; padding-right:10px; text-align:right;}
#boutique form  .form50 label {float:left; clear:left; width:100px; padding-right:10px; text-align:right;}

#boutique form .form100,#boutique form .form50 {text-align:left; padding-top:5px;}
#boutique form .form100 p,#boutique form .form50 p {margin:0; padding:2px 0;}

#boutique form .form100 input,#boutique form .form100 textarea {width:67%;}
#boutique form .form50 input, #boutique form .form50 textarea {width:60%;}
#boutique form .line50 {}
#boutique form .col50 {position:relative;}
#boutique form .col50 input {width:175px;}
#boutique form .col50 {float:left; width:auto;}
#boutique form .form 100 .incol label{width:auto;float:none;text-align:left;padding-left:30px;}

#boutique form .delaisliv {position:relative; text-align:center; padding-left:25px;}
#boutique form .delaisliv label {line-height:25px; text-align:left;width:auto;}
#boutique form .delaisliv p {float:left; width:auto;}

#boutique form .formrib {position:relative;}
#boutique form .formrib label {float:left; clear:left; width:70px;padding-left:2px; padding-right:5px; text-align:right;}
#boutique form .formrib input,#boutique form .formrib textarea {width:246px;}
#boutique form .formrib table input {width:auto;}

#boutique .form50 .hr{
  display:block;
  background:transparent url(../imgs/cadre50/hr.gif) no-repeat 50% 50%;
  height:5px;
  margin: 5px 7px;
  padding:0;
  font-size:0.1em;
}

#livform,
#factform,
#panierVerif,
#coordonneesVerif{
  float:left;
  padding:0;
  margin:0;
  width:395px;
}

#boutique .commande h1 {
  font-size:1.6em;
  font-weight:normal;
  color:#FFFFFF;
}

#boutique .cadre50 .top {
  background:url(../imgs/cadre50/haut.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre50/haut.png', sizingMethod='scale');
  width:395px;
  height:15px;
}

#boutique .cadre50 h2{
  background:url(../imgs/cadre50/entete.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre50/entete.png', sizingMethod='scale');
  height:27px;
  line-height:27px;
  text-align:center;
  width:395px;
  color:#FFFFFF;
}

#boutique .cadre50 .body{
  background:url(../imgs/cadre50/milieu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre50/milieu.png', sizingMethod='scale');
  width:395px;
  height:100%;
}

#boutique .cadre50 .bottom{
  background:url(../imgs/cadre50/bas.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre50/bas.png', sizingMethod='scale');
  width:395px;
  height:15px;
}

#contentcommandecoords .input,
#contentcommandeprefs .input {
  border : 1px solid #A8A8A8;
  margin : 0px 0 1px 0;
}

#contentcommandecoords .input {
  width:180px;
}

#tabemptyliv {
  height:532px;
}

#tabliv input,
#tabliv select {
  background-color:#F2F2F2;
}

.input {
  border : 1px solid #A8A8A8;
  margin : 2px 0 2px 0;
}

/* #pagecmd .formtitle {
  margin:2px 2px 5px 5px;
  padding:3px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  background:#6F9CC8;
  width:350px;
} */

.enlevement {
  padding: 10px 15px;
  padding-bottom:0px;
  text-align:left;
}

#boutique .enlevement h3 {
  padding:0;
  margin:0;
  margin-bottom:2px;
  text-align:left;
  color:#000000;
  font-weight:normal;
}

#boutique .enlevement .tips {
  color:#C00058;
  margin-left:30px;
}

#boutique .enlevement .address {
  margin-left:30px;
}

#chequeregle,
#autreregle,
#enlevementregle {
  padding:5px;
}



/* #contentcommandecoords .bandeau {
  background : url(../imgs/bandeausimplecoords.png) no-repeat;
  height:88px;
} */

/*
* commande prefs
*/
#contentcommandecoords .bandeau,
#contentcommandeprefs .bandeau,
#contentcommandeenregistree .bandeau {
  background : url(../imgs/bandeausimpleprefs.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/bandeausimpleprefs.png', sizingMethod='scale');
  height:45px;
}

#boutique .cadre100 .top {
  width:787px;
  background:url(../imgs/cadre100/haut.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre100/haut.png', sizingMethod='scale');
  height:15px;
}

#boutique .cadre50 table,
#boutique .cadre100 table,
#boutique .cadre50 h3,
#boutique .cadre100 h3 {
  position:relative;
}

#boutique .cadre100 h2{
  background:url(../imgs/cadre100/entete.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre100/entete.png', sizingMethod='scale');
  height:27px;
  line-height:27px;
  width:787px;
  text-align:center;
  color:#FFFFFF;
  font-weight:normal
}

#boutique .cadre100 .body {
  text-align:center;
  width:787px;
  background:url(../imgs/cadre100/milieu.png) !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre100/milieu.png', sizingMethod='scale');
}

#boutique .cadre100 .bottom {
  width:787px;
  background:url(../imgs/cadre100/bas.png) no-repeat !important;
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/boutique/imgs/cadre100/bas.png', sizingMethod='scale');
  height:15px;
}


#contentcommandeprefs h3 {
  color:#FF8F39;
  font-size:1.2em;
  font-weight:bold;
  padding:5px;
  padding-bottom: 10px;
}

#contentcommandeprefs h4 {
  color:#C00058;
  font-size:1.1em;
  font-weight:normal;
  text-align:center;
  padding: 10px;
}

#contentcommandeprefs .degrade {
  background:url(../imgs/fonddegradeprefs.jpg) bottom right no-repeat;
}

#chequeregle h3,
#autreregle h3,
#enlevementregle h3{
  padding:5px;
  color: black;
}

.rib th {
  font-weight:normal;
  color:grey;
  padding-top:5px;
}

/*
*  commande verif
*/
#contentcommandeverif .bandeau {
  background : url(../imgs/bandeausimpleverif.png) no-repeat;
  height:88px;
}

#contentcommandeverif a:focus,
#contentcommandeverif a:active,
#contentcommandeverif a:hover {
  text-decoration:underline;
}

#contentcommandeverif  #grillePanier {
  width:100%;
  background:none;
  padding: 6px 2px 6px 1px;
}

#contentcommandeverif th {
  padding:2px 2px 6px 2px;
  text-align:center;
  color: #000000;
  font-weight:normal;
  font-size:1.2em;
}

#contentcommandeverif  #grillePanier td {
  font-size : 1.1em;
}

#contentcommandeverif  #grillePanier .ligne td {
  padding:2px;
  border-bottom:2px solid grey;
}

#contentcommandeverif  #grillePanier .cadeau td {
}

#contentcommandeverif  #grillePanier .totalLibelle {
  text-align:right;
}

#contentcommandeverif  #grillePanier .total {
  text-align:right;
}

#contentcommandeverif  #grillePanier .qte {
  width:50px;
}

#contentcommandeverif  #grillePanier .ttc {
  text-align:right;
  font-weight:bold;
  font-size:1.3em;
}

#coordonneesVerif p {
  padding:5px;
}


/*
*  commande enregistree
*/
/* #contentcommandeenregistree {
  padding-top:10px;
}
#contentcommandeenregistree #message{
  margin: 0 10px;
  padding: 5px;
  background : #FFFFFF;
}

#contentcommandeenregistree table {
  font-size:0.92em;
}

#contentcommandeenregistree h1 {
  line-height:1.5em;
  text-align:center;
  font-size:1.5em;
  color:#000000;
  padding:5px;
  margin:0;
}

#contentcommandeenregistree #message a{
  text-decoration:underline;
} */

#contentcommandeenregistree .titre {
  margin: 0 0 10px 20px;
  color: #C00058;
  font-size: 1.6em;
}

#contentcommandeenregistree h4,
#contentcommandeenregistree h2,
#contentcommandeenregistree h3 {
  font-weight: normal;
  font-size:1.1em;
  color: #000000;
  margin: 5px 0;
}

#contentcommandeenregistree h3  {
  font-size:0.9em;
}

#contentcommandeenregistree h1 {
  padding : 7px 0;
  font-size : 1.15em;
}

#contentcommandeenregistree h4
 {
  font-size:0.85em;
}

#contentcommandeenregistree .cadre100 h3 {
  font-size:1.2em;
}

#contentcommandeenregistree .cadre100 h4 {
  font-size:1em;
}



#contentcommandeenregistree p {
  margin:7px 0;
  color: #6F6F6F;
}


#contentcommandePrint.content {
  background : #FFFFFF;
  width:800px;
}

#contentcommandePrint h1 {
  text-align:left;
}

#contentcommandePrint h2,
#contentcommandePrint div,
#contentcommandePrint p {
  text-align:left;
}

#contentcommandePrint h2 {
  color:#000000;
  font-size:1em;
  font-weight:bold;
  margin-bottom:5px;
}

#contentcommandePrint th {
  font-weight:normal;
  font-size:1.2em;
}

#contentexception {
  margin:4px;
  padding:4px;
  border:2px solid #DF1C0D;
  background : #CF3E33;
  text-align:left;
  color:white;
  font-size:14px;
}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/* Menu styles */

div.topmenu {
    padding:1px;
    color: #FFFFFF;
    background:blue;
}

.yui-overlay {
  visibility:visible;
  position:static;
}

/* Submenus are positioned absolute and hidden by default */

div.topmenu div.topmenu,
div.topmenubar div.topmenu {
    position:absolute;
    visibility:hidden; 
}

/* MenuBar Styles */

div.topmenubar {
    color: #FFFFFF;

}

/*
    Applying a width triggers "haslayout" in IE so that the module's
    body clears its floated elements
*/
div.topmenubar div.bd {
    width:100%;
}

/*
    Clear the module body for other browsers
*/
div.topmenubar div.bd:after {
    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}



/* Matches the UL inside a Menu or MenuBar instance */

div.topmenubar ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

div.topmenu ul {
    list-style-type:none;
    border: 0;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;
}

div.topmenu ul.first-of-type, 
div.topmenu ul.hastitle,
div.topmenu h6.first-of-type {
    border-width:0;
}

/*
    Styles for the menu's header and footer elements that are used as controls 
    to scroll the menu's body element when the menu's height exceeds the 
    value of the "maxheight" configuration property.
*/

div.topmenu div.topscrollbar,
div.topmenu div.bottomscrollbar {
    width:0px;
    height:0px;
}

div.topmenu div.topscrollbar {
    width:0px;
    height:0px;
}


div.topmenu div.topscrollbar_disabled {
    width:0px;
    height:0px;
}


div.topmenu div.bottomscrollbar {
    width:0px;
    height:0px;
}


div.topmenu div.bottomscrollbar_disabled {
    width:0px;
    height:0px;
}


/* MenuItem and MenuBarItem styles */

div.topmenu li,
div.topmenubar li {
    cursor:pointer;
    cursor:hand;
    /* white-space:nowrap;*/
    text-align:left;
}

div.topmenu li.topmenuitem {
    padding:1px 24px;
}

div.topmenu li li,
div.topmenubar li li {
}


/* Matches the help text for a menu item */

div.topmenu li.hashelptext em.helptext {
    font-style:normal;
    margin:0 0 0 40px;
}

div.topmenu li a,
div.topmenubar li a {
    /*
        "zoom:1" triggers "haslayout" in IE to ensure that the mouseover and 
        mouseout events bubble to the parent LI in IE.
    */
    zoom:1;
    color:#FFFFFF;
    /*text-decoration:none;*/
}

div.topmenu li.hassubmenu,
div.topmenu li.hashelptext {
    text-align:left;
}

div.topmenu li.hassubmenu a.hassubmenu,
div.topmenu li.hashelptext a.hashelptext {
    text-align:left;
}


/* Matches selected menu items */

div.topmenu li.selected,
div.topmenubar li.selected {

}

div.topmenu li,
div.topmenubar li{
    
}


div.topmenu li.selected a.selected,
div.topmenubar li.selected a.selected {
    text-decoration:underline;
}

div.topmenu li.selected a.selected,
div.topmenu li.selected em.selected, 
div.topmenubar li.selected a.selected {
    color: #FFFFFF;
}

/* Matches disabled menu items */

div.topmenu li.disabled, 
div.topmenubar li.disabled {
    cursor:default;
}

div.topmenu li.disabled a.disabled,
div.topmenu li.disabled em.disabled,
div.topmenubar li.disabled a.disabled {
    color:#b9b9b9;
    cursor:default;
}

div.topmenubar li.topmenubaritem {
    float:left;
    display:inline; /* Prevent margin doubling in IE */
    border-width: 0;
    border-style:solid;
    border-color:black;
    padding: 0;
    margin:0;
    background:url(../imgs/menubfondbleu.png);
    height:28px;
    line-height:28px;
}

div.topmenubar li.topmenubaritem.link {
  padding : 0;
  padding-left:1px;
}


div.topmenubar li.topmenubaritem.fleche
{
    padding: 0;
    margin:0;
}
div.topmenubar li.topmenubaritem.home
{
    padding: 0;
    margin:0;
    padding-right:5px;
}

div.topmenubar li.topmenubaritem.fleche a,
div.topmenubar li.topmenubaritem.flecheCmd a{
    background:url(../imgs/menubflechebleu.png);
    display:block;
    text-decoration:none;
    width:20px;
    height:28px;
}

div.topmenubar li.topmenubaritem.flecheCmd a{
    background:url(../imgs/menubflechebleu.png);
}

div.topmenubar li.topmenubaritem.fleche.current a.fleche{
  background:url(../imgs/menubflecheorange.png);
}

div.topmenubar li.topmenubaritem.flecheCmd.currentCmd a.fleche{
  background:url(../imgs/menubflecherose.png);
}

div.topmenubar li.topmenubaritem.flecheCmd a.flecheRight{
  background:url(../imgs/menubflecherosefin.png);
}

div.topmenubar li.topmenubaritem.fleche.fin a.fleche{
  background:url(../imgs/menubflecheorangefin.png);
}

div.topmenubar li.topmenubaritem.home a{
    background:url(../imgs/gohome.png) no-repeat;
    background-position: 50% 50%;
    text-decoration:none;
    display:block;
    width:12px;
    height:28px;
    margin:0;
}

div.topmenubar li.topmenubaritem a{
   margin:0;
   outline: 0;
}

div.topmenubar li.topmenubaritem.first-of-type {
  padding:0;
  padding-right:4px;
}

div.topmenubar li.topmenubaritem.current {
    background:url(../imgs/menubfondorange.png);
}

div.topmenubar li.topmenubaritem.currentCmd {
    background:url(../imgs/menubfondrose.png);
}


/* Styles for the the submenu indicator for menu items */

div.topmenu li.hassubmenu em.submenuindicator, 
div.topmenubar li.hassubmenu em.submenuindicator {
    display:-moz-inline-box; /* Mozilla */
    display:inline-block; /* IE, Opera and Safari */
    vertical-align:middle;
    height:0px;
    width:0px;
    overflow:hidden;
    display:none;
}

div.topmenubar li.hassubmenu em.submenuindicator {
    background-position:0 -24px;
    margin:0 0 0 10px;

}

div.topmenubar li.hassubmenu em.submenuindicator.selected {
    background-position:0 -32px;
}

div.topmenubar li.hassubmenu em.submenuindicator.disabled {
    background-position:0 -40px;
}

div.topmenu li.hassubmenu em.submenuindicator {
    background-position:0 0;
    margin:0 -16px 0 10px;
}

div.topmenu li.hassubmenu em.submenuindicator.selected {
    background-position:0 -8px;
}

div.topmenu li.hassubmenu em.submenuindicator.disabled {
    background-position:0 -16px;
}

/* Styles for a menu item's "checked" state */

div.topmenu li.checked {
    position:relative;
}

div.topmenu li.checked em.checkedindicator {
    height:8px;
    width:8px;
    text-indent:9px;
    overflow:hidden;
    background-image:url(/images/map_yuimenu.gif);
    background-position:0 -48px;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    _left:-16px; /* Underscore hack b/c this is for IE 6 only */
    top:.5em;
}

div.topmenu li.checked em.checkedindicator.selected {
    background-position:0 -56px;
}

div.topmenu li.checked em.checkedindicator.disabled {
    background-position:0 -64px;
}


/*slideshow*/
#contentproduits .yui-sldshw-displayer {
	overflow: hidden;
  display:block;
  width:270px;
  height:150px;
  text-align:left;
  /*float:right;*/
}

.slideshow a {
  float:right;
  text-align:right;
}

.slideshow {
  background:url(../imgs/slideshow_bg.jpg) no-repeat;
  height:161px;
  width:411px;
  padding: 5px;
}

.slideshow .colleft {
  float:left;
  width:120px;
  height:155px;
  font-size:1.3em;
  color:#4F4F4F;
  text-align: center;
}

.slideshow .apercu {
  text-align:left;
  margin:10px;
}

.slideshow .apercu img {
  cursor:pointer;
}

.slideshow .legende {
  height: 70px;
  padding:10px;
  padding-top:30px;
}

#contentproduits .yui-sldshw-displayer:hover {
}

.yui-sldshw-displayer   img {
  /*float:right;
  position:absolute;*/
}
.yui-sldshw-displayer   table {
	position: absolute;
	width: 100%;
	height: 100%
}
.yui-sldshw-displayer  div {
	width: 100%;
	height: 100%
}

.yui-sldshw-next {
 z-index: 2;
 display: none;
 height:100%;
 opacity: 1.0;
}

.yui-sldshw-active {
 z-index: 1;
 display: block;
 height:100%;
 opacity: 1.0;
}

.yui-sldshw-visible{
  height:100%;
}

.yui-sldshw-cached {
 display: none;
 z-index: 1;
 opacity: 1.0;
}

div.yui-sldshw-frame {
 background: white;
}

.yui-sldshw-displayer {  
	position: relative;
	overflow: hidden;
}