body
{
font : normal 12px/16px 'Istok Web', sans-serif;
color : DimGray ;
margin : 0 ;
padding : 0 ;
background:url(images/pattern.gif) repeat whitesmoke ;
background-attachment:fixed;
}

.block{
    display : block ;
}
*
{
    font-weight : 400;
}

b, strong
{
    font-weight : 700;
}
img
{
border : none ;
}

a
{
color : DimGray ;
}

a, input, .threeProducts .product, .product .mainImage, #monPanier
{
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}

div
{
    position : relative;
}
#monPanier
{
transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
cursor: pointer;
}

#center a img:not(#viewer img):hover, #center a img:focus
{
opacity : 0.8 ;
filter: alpha(opacity=80);
}

a:active, a:focus
{outline : none ;
}

a:not(#voirVideo):not(.close):not(#detailPanier):not(#closeOverflow):not(#voirPromos):not(#voirSelection):not(.promoPatch):not(.folderMisc):not(.roundabout-moveable-item a span):active
{
position:relative ;
top : 1px ;
}

#conteneur
{
width : 966px ;
margin : 0 auto ;
padding : 15px 10px ;
-moz-box-shadow : 0px 0px 10px #999 ;
-webkit-box-shadow : 0px 0px 10px #999 ;
-o-box-shadow : 0px 0px 10px #999 ;
-khtml-box-shadow : 0px 0px 10px #999 ;
box-shadow : 0px 0px 10px #999 ;
background:#fff ;
position : relative ;
overflow : visible ;
}

#wrap
{
margin : 0 -10px;
width : 966px ;
padding : 0 10px ;
overflow : hidden ;
position : relative ;
}

#logo
{
margin : 0 ;
padding : 0 ;
width : 255px ;
height : 121px ;
}

#logo a
{
display : block ;
margin : 0 ;
padding : 0 ;
width : 200px ;
height : 100px ;
text-indent : -5000px ;
background:url(images/logo.gif) no-repeat left top ;
background-size: 200px auto ;
}

#phrase
{
position : absolute ;
color : #D2D4D4 ;
top : 10px ;
left : 230px ;
font-size : 20px ;
font-weight : bold ;
width : 270px ;
text-align :center ;
line-height : 23px ;
}

.phraseSmall
{
font-size : 17px ;
vertical-align : 8px ;
}

.phraseBig
{
font-size : 34px ;
padding-left : 20px ;
padding-top : 4px ;
display : block ;
}

#misc1
{
position : absolute ;
top : 5px ; 
right : 10px ;
text-align:right ;
width : 365px ;
}

#misc1 a
{
display:inline-block ;
margin-left : 6px ;
}
#misc1 form
{
margin : 0 ;
padding : 0 ;
top : 0px ;
left : 0 ;
position: absolute;
}

#misc1 form p
{
margin : 0 ;
padding : 0 ;
}

#misc1 form input[type=text]
{
margin : 0 5px 0 0 ;
padding : 0 5px ;
border-radius: 5px ;
background: #f6f8df ;
box-shadow : inset 1px 1px 6px #666;
-webkit-box-shadow : inset 1px 1px 6px #666;
-moz-box-shadow : inset 1px 1px 6px #666;
-khtml-box-shadow : inset 1px 1px 6px #666;
-o-box-shadow : inset 1px 1px 6px #666;
-ms-box-shadow : inset 1px 1px 6px #666;
height : 25px;
line-height: 25px ;
width : 200px ;
border : 0 ;
}

#misc1 form input[type=submit], .modal.button
{
margin : 0  ;
padding : 0 0px ;
border-radius: 5px ;
-moz-border-radius: 5px ;
-webkit-border-radius: 5px ;
-o-border-radius: 5px ;
-khtml-border-radius: 5px ;
-ms-border-radius: 5px ;
background: #c2d01b ;
box-shadow :  0px 1px 2px #666;
-moz-box-shadow :  0px 1px 2px #666;
-webkit-box-shadow :  0px 1px 2px #666;
-khtml-box-shadow :  0px 1px 2px #666;
-o-box-shadow :  0px 1px 2px #666;
-ms-box-shadow :  0px 1px 2px #666;
height : 25px;
line-height: 25px ;
width : 25px ;
border : 0 ;
display: inline-block;
color : #fff;
text-transform: uppercase ;
cursor : pointer;
}

.modal.button
{
    margin :30px ;
    text-decoration : none;
    width : auto ;
    padding : 0 20px;
}

#misc
{
position : absolute ;
right : 0px ;
top : 36px ;
width : 375px ;
height : 85px ;
-moz-border-radius : 10px 0 0 10px ;
-webkit-border-radius : 10px 0 0 10px ;
-khtml-border-radius : 10px 0 0 10px ;
-o-border-radius : 10px 0 0 10px ;
border-radius : 10px 0 0 10px ; 
background:#e7e6e6 ;
}

#misc h2
{
color : #666 ;
margin : 0 -5px 0 -5px ;
padding : 2px 0 5px 26px ;
font-size : 13px ;
text-shadow : 0 1px 1px #fff;
-ms-text-shadow : 0 1px 1px #fff;
-webkit-text-shadow : 0 1px 1px #fff;
-khtml-text-shadow : 0 1px 1px #fff;
-o-text-shadow : 0 1px 1px #fff;
-moz-text-shadow : 0 1px 1px #fff;
}

#misc h2 a
{
color : #666 ;
text-decoration : none ;
}

#misc p
{
margin : 5px 0 0 0 ;
padding : 0 ;
font-size : 10px ;
line-height : 14px ;
}

#monCompte, #monListe, #monPanier
{
float : left ;
margin : 0 ;
padding : 5px ;
height : 80px ;
}

#monCompte
{
width : 135px ;
border-right : 2px solid #fff ;
}

#monCompte h2
{
background:url(images/monCompte.gif) no-repeat 3px top ;
}
#monListe h2
{
background:url(images/monListe.gif) no-repeat 3px top ;
}
#monPanier h2
{
background:url(images/monPanier.gif) no-repeat 3px top ;
}

#monListe
{
width : 155px ;
border-right : 2px solid #fff ;
}
#monListe h2, #monPanier h2
{
border-bottom : 2px solid #fff ;
}

#monPanier
{
width : 218px ;
padding-bottom : 0;
}

.errorManque
{
display : block ;
padding-left : 20px ;
background:url(images/nope.png) no-repeat left center ;
font-size : 9px ;
line-height : 13px ;
margin : 3px 0 0 0;
color : red;
}

#mainMenu
{
background:url(images/bgMenu.gif) repeat-x left top #707070 ;
list-style-type : none ;
min-height : 30px ;
max-height : 60px ;
_height : 60px ;
margin : 0 0px 0 -10px ;
padding : 0 ;
width : 986px;
overflow : hidden ;
}

.mainMenuLi
{
float : left ;
margin : 0 ;
padding :  9px 0;
height : 12px ;
}

.mainMenuLi a
{
display : block ;
_display : inline ;
height : 12px ;
line-height : 12px ;
color : #fff ;
text-transform:uppercase ;
font-size : 11px ;
text-decoration : none ;
margin : 0 5px;
padding : 0 0px 0 5px ;
}

#mainMenu li a:hover, #mainMenu li a:focus
{
}

#subMenu
{
list-style-type : none ;
height : 18px ;
margin : 0 0px 1px 0 ;
padding : 0 10px 0 0 ;
}

#subMenu > li
{
float : right ;
margin : 0 ;
padding : 0 ;
position : relative;
}

#subMenu >li> a
{
display : block ;
height : 18px ;
line-height : 18px ;
-moz-border-radius : 20px 20px 0 0 ;
-webkit-border-radius : 20px 20px 0 0 ;
-khtml-border-radius : 20px 20px 0 0 ;
border-radius : 20px 20px 0 0 ;
background-color:#D2D4D3 ;
border-left : 1px solid #fff ;
border-top : 1px solid #fff ;
border-right : 1px solid #fff ;
color : #333 ;
text-decoration : none ;
margin : 0 -20px 0 0  ;
padding : 0 22px  ;
text-align : center ;
font-size : 10px ;
text-transform:uppercase ;
}

#subMenu >li#search-v2 >a
{
background-color: #BDCC0D !important;
}

li#search-v2 a span
{
    background-image : url(images/search-icon.png) ;
    background-repeat : no-repeat ;
    background-position : right center;
    padding-right : 20px !important;
    display : block ;
    margin-right : -5px;

}

li#search-v2:hover form.search-v2
{
    display : block ;
}


form.search-v2
{
position : absolute ;
margin : 0;
padding : 15px ;
right : -19px ;
top : 17px;
height : 20px ;
font-size : 10px ;
z-index : 100000;
background-color: #BDCC0D !important;
width : 200px;
height : 35px;
border-radius : 0 0 20px 20px;
-moz-border-radius : 0 0 20px 20px;
-webkit-border-radius : 0 0 20px 20px;
-o-border-radius : 0 0 20px 20px;
-khtml-border-radius : 0 0 20px 20px;
-ms-border-radius : 0 0 20px 20px;
display : none ;
z-index : 1000000;
}

form.search-v2 p
{
padding : 0 ;
margin : 0 ;
}

form.search-v2 input[type=text]
{
border-radius : 3px;
border: 1px solid silver ;
padding : 5px;
background: #fff ;
height : 20px;
width : 185px;
margin : 0 ;
}
form.search-v2 input[type=image]
{
display: inline-block ;
margin : 0px 0 0 -28px ;
padding : 0px 0 0 0 ;
position : relative;
top :5px;
}


#subMenu >li> a:hover, #subMenu >li> a:focus,#subMenu >li:hover >a
{
background-color:#999 ;
color : #fff ;
}

#search
{
position : absolute ;
margin : 0;
padding : 0 ;
top : 112px ;
left : 370px ;
height : 20px ;
font-size : 10px ;
}

#search label
{
display : inline-block ;
margin-right : 5px ;
height : 16px ;
line-height : 16px ;
}

#search input[type=text]
{
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
-khtml-border-radius : 3px ;
border-radius : 3px ;
border : 1px solid #999 ;
width : 110px ;
height : 16px ;
line-height : 16px ;
padding: 0 3px ;
font-size : 10px ;
}

#search p
{
margin : 0 ;
padding : 0 ;
line-height : 16px ;
}

#search input[type=submit]
{
font : normal 11px/16px Arial, helvetica, sans-serif ;
-moz-border-radius : 3px ;
-webkit-border-radius : 3px ;
-khtml-border-radius : 3px ;
border-radius : 3px ;
background : #999 ;
color:#fff ;
height : 17px ;
line-height : 16px ;
border : 1px solid #000;
padding : 0 0 1px 0 ;
margin : 0 0 0 5px ;
}

/* positionnement des 3 blocs contenu */
#left
{
position : absolute ;
width : 200px ;
top : 10px ;
left : 10px ;
padding :0px ;
/*background:url(images/bg_left.gif) no-repeat 10px 300px ;*/
overflow : hidden ;
}

#right
{
position : absolute ;
width : 209px ;
min-height : 400px ;
top : 10px ;
right : 0 ;
}

#center
{
min-height : 740px ;
margin : 10px 210px 40px 210px ;
overflow : visible ;
position : relative ;
}

#center.centerInt
{
    margin : 10px 0px 40px 210px ;

}

.centerStatic
{
padding-left : 165px ;
min-height : 368px ;
}

.centerStatic h1
{
border: none ;
}

.centerStatic h2
{
font-size : 14px ;
color : #BDCC0D ;
}

.centerStatic h3
{
font-size : 15px ;
line-height : 22px;
color : #BDCC0D ;
text-transform:uppercase ;
padding-left : 30px;
background:url(images/puce.gif) no-repeat left center ;
}

.centerStatic h4
{
font-size : 14px ;
line-height : 18px;
color : #BDCC0D ;
text-transform:uppercase ;
padding-left : 23px;
background:url(images/puce.gif) no-repeat left center ;
}

.centerStatic p a
{
font-weight : bold ;
color : #BDCC0D ;
text-decoration : none ;
}

.centerStatic p a:hover, .centerStatic p a:focus
{
border-bottom  :1px dotted ;
}

.centerMisc
{
margin : 10px 0px 0px 250px ;
padding :  0 ;
overflow : hidden; 
clear : both ;
}

.miscFloat
{
float : left ;
margin : 0 10px 0 0;
padding : 0 ;
height : 300px ;
}

.charteMenu
{
list-style-type:none ;
margin : 10px 0 ;
padding : 0 ;
height : 23px ;
}

.charteMenu li
{
padding : 2px 0 ;
margin : 0 10px 0 0   ;
float : left ;
}

.charteMenu li a
{
display : block ;
margin : 0 0 0 18px ;
padding : 0 2px ;
background:#F2F5CF ;
text-decoration : none ;
color : #BDCC0D ;
font-weight : bold ;
font-size : 12px ;
text-transform:uppercase ;
}
/* styles bloc left  */
#left h2
{
    margin : 10px 0 0px 0px ;
    padding : 1px 10px ;
    border : 1px solid ;
    font-size : 12px ;
    text-transform : uppercase ;
    background : #fff ;
    color : #D4D90B ;
}

#left h2:first-child
{
    margin : 0px 0 0px 0px ;
}

.green
{
   color : #D4D90B ;
}
#leftMenu
{
list-style-type:none ;
margin : 0 0 0px -10px ;
padding : 0 0 0px 0  ;
background:#F1F1F1 ;
}

#leftMenu li
{
margin : 0 ;
padding : 0 ;
}
#leftMenu li a
{
display : block ;
border-bottom: 1px inset #fff ;
line-height : 13px ;
text-decoration : none ;
background:#F1F1F1 ;
margin : 3px 0 0px 0 ;
padding : 5px 0 5px 20px;
}
#leftMenu li:last-child a
{
border-bottom: 0 ;
}



#leftMenu li a:hover, #leftMenu li a:focus
{
background : #707070;
color : #fff ;
}
 /* styles block center */
#center h1, .centerh2
{
font-size : 20px ;
border-bottom : 2px solid ;
margin : 5px 0 15px 0 ;
padding : 0 0 3px 0 ;
position : relative ;
}

.twoProducts, .threeProducts
{
position : relative ;
margin : 0 0 15px 0 ;
padding : 0 0 5px 0 ;


}
.threeProducts
{border-bottom : 2px dotted ;}
 
.twoProducts .product
{
float : left ;
width : 258px ;
padding : 5px ;
margin : 0 10px 20px 0 ;
box-shadow: 0 0 5px #000 ;
-moz-box-shadow: 0 0 5px #000 ;
-webkit-box-shadow: 0 0 5px #000 ;
-khtml-box-shadow: 0 0 5px #000 ;
-o-box-shadow: 0 0 5px #000 ;
-ms-box-shadow: 0 0 5px #000 ;
border-bottom : 1px solid gray\9 ;
cursor : pointer;
height: 288px ;
}


.threeProducts .product
{
float : left ;
width : 165px ;
padding : 5px;
margin : 0 10px 20px 0  ;
height : 215px ;
box-shadow: 0 0 5px #000 ;
-moz-box-shadow: 0 0 5px #000 ;
-khtml-box-shadow: 0 0 5px #000 ;
-webkit-box-shadow: 0 0 5px #000 ;
-o-box-shadow: 0 0 5px #000 ;
-ms-box-shadow: 0 0 5px #000 ;
cursor : pointer;
border-bottom : 1px solid gray\9 ;
}

.threeProducts .product h2, .twoProducts .product h2
{
height : 25px ;
font-size : 12px;
background-size: 35px 25px !important;
-ms-behavior: url(/backgroundsize.min.htc);
padding : 0 0 0 38px;
margin : 0 0 5px 0;
letter-spacing: -1px ;
line-height: 11px ;
position : relative;
background-repeat: no-repeat;
overflow : visible ;
}
.twoProducts .product h2
{
    font-size : 13px;
}

.threeProducts .product h2 a, .twoProducts .product h2 a
{
text-decoration : none;
}

.threeProducts .product h2.vertical1, .twoProducts .product h2.vertical1
{
padding-top : 6px ;
height : 19px;
background-position: left 0 ;
}
.threeProducts .product h2.vertical2, .twoProducts .product h2.vertical2
{
padding-top : 2px ;
height:23px;
background-position: left 0 ;
}
.threeProducts .product h2.vertical3, .twoProducts .product h2.vertical3
{
margin-top : -3px ;
padding-bottom : 3px ;
background-position: left 3px ;
}

.threeProducts .product:hover .mainImage, .threeProducts .product:focus .mainImage, .twoProducts .product:hover .mainImage, .twoProducts .product:focus .mainImage
{
-webkit-transform : scale(1.05);
-moz-transform : scale(1.05);
transform : scale(1.05);



}

.mainImage
{
display : block ;
margin : 0 0 3px 0px ;
position : relative ;
z-index: 2 ;
}

.product .price, .productTheme .price
{
  padding : 0 ;
  line-height : 12px ;
  letter-spacing: -1px ;
  position: relative
}



.product .price strong, .productTheme .price strong
{
    display : inline-block;
    background: url(images/picto-etiquette-prix.png) no-repeat left top ;
    width : 59px ;
    height : 21px ;
    padding : 9px 9px 0 2px;
    text-align: right ;
    font-weight: 700 ;
    font-size : 13px;
    text-shadow : 1px 1px 1px #fff;
    -moz-text-shadow : 1px 1px 1px #fff;
    -webkit-text-shadow : 1px 1px 1px #fff;
    -o-text-shadow : 1px 1px 1px #fff;
    -khtml-text-shadow : 1px 1px 1px #fff;
    -ms-text-shadow : 1px 1px 1px #fff;
}

.productTheme .price span.price_info_sup{
    display : block ;
    position : absolute;
    left : 130px;
    bottom : 10px;
    width : 110px;
}

.productTheme .price span.price_info_sup.verticalposDecal{
    
    bottom : 4px;
}


.twoProducts div h2, .threeProducts div h2
{
font-size : 13px ;
line-height : 13px ;
margin : 0  ;
padding : 0  ;
}

.threeProducts .product .pictos img, .twoProducts .product .pictos img
{

margin : 0 4px 0 0 !important ;
}

.threeProducts .product .pictos img:last-child, .twoProducts .product .pictos img:last-child
{
margin : 0 0 0 0 ;
}

.twoProducts .pictos{
    margin-top: -3px
}
.productTheme .pictos img
{
    margin : 2px 0 0 5px;
    width : 38px ;
    height : 38px ;
}

.twoProducts div span
{
/*display : block ;
font-size : 10px ;
margin : 0 ;
padding : 0 ;
line-height : 10px ;*/
}

.productPicto
{
display : block ;
float : left ;
margin : 0 5px 5px 0;
}


.pictoPrice
{
width : 43px ;
float : left ;
overflow : hidden ;
margin : 0 5px 5px 0;
padding : 0 ;
font-size : 12px ;
font-weight : bold ;
color : red ;
}

.price strong, .price span, span[itemprop=price], .cell, .panierRightTable tr:last-child, .shipping-table tr td:last-child, #panierVisible strong{
    font-family : Arial, Helvetica, sans-serif !important;
}

.details
{
display : none ;
}

.productTheme
{
float : left ;
width : 243px ;
overflow:hidden ;
border : 1px solid silver ;
padding : 0 ;
margin : 0 10px 22px 0 ;
position : relative ;
height : 170px ;
}

.productTheme
{ margin : 0 6px 12px 0\9 }

.folderTheme
{
overflow:hidden ;
border : 1px solid ;
padding : 0 ;
margin : 0 0 12px 0 ;
cursor : pointer ;
position : relative ;
height : 99px ;
color : #fff ;
}

.folderMisc
{
display : block ;
text-decoration:none ;
position : absolute ; 
bottom : 0 ;
width : 494px ;
height : 20px ;
line-height : 20px ;
font-weight : bold ;
font-style : italic ;
text-align : right ; 
padding-right : 10px ;
background:#fff ;
}

.folderMisc2
{
display : block ;
text-decoration:none ;
position : absolute ; 
bottom : 0 ;
width:187px ;
height : 20px ;
line-height : 20px ;
font-weight : bold ;
font-style : italic ;
text-align : right ; 
padding-right : 10px ;
background:#fff ;
}

.oddEven, .oddEven2
{
clear : both ;
margin : 0 ;
padding : 0 ;
}

.oddEven .productTheme:nth-child(3n+3), .oddEven2 .productTheme:nth-child(3n+3)
{
margin-right : 0px ;
}




.productTheme:hover, .folderTheme:hover
{
border-color : #666 ;
}

.folderTheme:hover
{
cursor : pointer ;
}

.themeImage
{
float : left ;
margin : 0 6px 0 -2px ;
padding : 0 ;
border : 0 ;
}

.productTheme h2, .folderTheme h2
{
margin : 0 ;
padding : 2px 5px;
font-size:13px ;
line-height : 13px ;
height : 25px;
border-bottom : 1px solid silver;
background: #f1f0f0
}

.productTheme h2.vertical1::before
{
    content : '';
    height : 5px;
    display: block
}

.productTheme h2 a, .folderTheme h2 a
{

}

.themeDesc
{
font-size:10px ;
line-height : 10px ;
display : block ;
overflow : hidden ;
height : 41px ;
}

.productTheme p, .folderTheme p, .productTheme .price
{
font-size : 12px ;
/*font-weight : bold ;*/
margin : 0 ;
padding : 0 ;
position : absolute ;
left : 3px ;
top : 113px ;
/*width : 120px ;*/
}
.themeMisc
{
display : block ;
position : absolute ;
bottom : 0 ;
height : 25px ;
width : 245px ;
line-height : 25px ;
}

.ajaxPanier
{
display : inline-block ;
width : 98px ;
text-decoration:none ;
color : #fff ;
background:url(images/pictoPanierSmall.png) no-repeat 2px center #707173 ;
padding-left : 24px ;
font-size : 12px ;
font-weight : normal ;
text-shadow : 0px -1px 1px #000;
-moz-text-shadow : 0px -1px 1px #000;
-webkit-text-shadow : 0px -1px 1px #000;
-ms-text-shadow : 0px -1px 1px #000;
-khtml-text-shadow : 0px -1px 1px #000;
-o-text-shadow : 0px -1px 1px #000;
}

.ajaxPanier:hover
{
background:url(images/pictoPanierSmall.png) no-repeat 2px center #A8A8A8 ;
text-shadow : none;
-moz-text-shadow : none;
-khtml-text-shadow : none;
-webkit-text-shadow : none;
-ms-text-shadow : none;
-o-text-shadow : none;
}

.themePlus
{
display : inline-block ;
background:#A8A8A8 ;
color : #fff ;
padding : 0px 10px 0 0 ;
margin : 0 ;
text-align : right ;
text-decoration : none ;
font-size : 12px ;
font-weight : normal ;
width : 112px ;
text-shadow : 0px -1px 1px #333;
-moz-text-shadow : 0px -1px 1px #333;
-webkit-text-shadow : 0px -1px 1px #333;
-ms-text-shadow : 0px -1px 1px #333;
-o-text-shadow : 0px -1px 1px #333;
-khtml-text-shadow : 0px -1px 1px #333;
}

.themePlus:before
{
content:'+ ';

}

.themePlus:hover
{
    text-shadow : none;
    -moz-text-shadow : none;
-khtml-text-shadow : none;
-webkit-text-shadow : none;
-ms-text-shadow : none;
-o-text-shadow : none;
}

.menuMask
{
position : absolute ;
z-index : 9000 ;
height : 62px ;
width : 986px ;
top : 153px ;
left : 0 ;

cursor : pointer ;
}

.details
{
position : absolute ;
width : 350px ;
min-height : 112px ;
z-index : 10000 ;
}
/*
.details
{
position : absolute ;
width : 312px ;
min-height : 110px ;
max-height : 110px ;
background:url(images/bubble2.png) no-repeat left top ;
z-index : 10000 ;
padding : 20px 20px 25px 20px  ;
---overflow : hidden ;
}
*/
#afficheDetails
{
position : relative ;
margin : 0 ;
padding : 0 ;
}
#afficheDetailsTop
{
position : relative ;
margin : 0 ;
padding : 39px 20px 0px 20px  ;
background:url(images/bubbleTop.png) no-repeat left top ;
}

#afficheDetailsBottom
{
margin : 0 ;
padding : 0 ;
background:url(images/bubbleBottom.png) no-repeat left top ;
height : 44px ;
}
.close
{
display : block ;
position : absolute ;
top:16px ;
text-decoration : none ;
font-size : 11px ;
left  : 249px ;
padding : 0 0 0 11px ;
background:url(images/close.png) no-repeat left center;
}

#ficheProduit
{
border-top : 1px solid #E8E9E9;
margin : 0 ;
padding : 0px 0 0 0  ;
overflow : hidden ;
}

.express
{
  border-top : 1px solid #E8E9E9; 
  padding-bottom : 5px; 
  border-bottom : 1px solid #E8E9E9;  
}

.express img {
    float : left ;
    margin-right : 1em ;
}
.express p {
    margin : 0 ;
    padding-top : 1.5em;
}


#ficheProduitPics
{
float : left ;
width : 373px ;
height : 307px ;
margin : 0 ;
padding : 0 ;
position : relative ;
}

#viewer
{
margin : 0 ;
padding : 0 ;
}

#viewer img
{
width : 373px ;
height : 245px ;
}

#thumbs
{
margin : 0 ;
padding : 12px 0 12px 6px ;
list-style-type : none ;
background:#E8E9E9 ;
overflow:hidden ;
}

#thumbs li
{
margin : 0 ;
padding : 0 ;
float : left ;
}

#thumbs li a 
{
display : block ;
margin : 0 6px 0 0 ;

}



#ficheProduitTxt
{
position : relative ;
float : right ;
width : 362px ;
padding : 0 10px 15px 10px ;
margin :  0 ;
background:#fff ;
min-height : 292px ;
border-right : 1px solid #E8E9E9;
border-bottom : 1px solid #E8E9E9;
margin : 0 ;
}

#ficheProduitTxt h1
{
background:red ;
color : #fff ;
padding : 5px 10px ;
margin :  0 -10px 0 -10px ;
border : none ;
font-size :18px ;
}

.floatRight
{float : right ;
margin : 0 0 10px 10px ;
padding : 3px ;
border:1px solid silver ;}

.staticTable
{
font-size : 11px ;
border-collapse : collapse ;
width : 100% ;
}

.staticTable th
{
font-size : 11px ;
background:#BDCC0D ;
text-align : center ;
padding : 3px ;
border-radius : 3px ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
-khtml-border-radius : 3px ;
border : 1px solid #fff ;
color : #fff ;
}

.staticTable td
{
padding : 3px ;
border : 1px solid #BDCC0D ;
text-align : center ;
}


.staticTable tr:hover
{
background:whitesmoke ;
}


#voirVideo
{
display : block ;
position : absolute ;
right : 8px ;
bottom : 12px ;
}

#rate
{
display : block ;
width : 150px ;
height : 16px ;
overflow : hidden ;
margin : 0px 0 3px 0;
}

#rate a
{
text-indent : -5000px ;
display:block ;
float : left ;
background:url(images/coeur.png) no-repeat left top ;
width : 21px ;
margin :0 3px 0 0   ;
}

#rate a:hover
{
background:url(images/coeur.png) no-repeat left -16px ;
}

.ficheProduitMisc
{
position : absolute ;
bottom : 0px ;
left:10px ;
width : 362px;
background: #fff ;
border-top : 1px solid #E8E9E9;
padding : 10px 0;
}
#avisConso
{
float : right;
font-size : 11px ;
border-left : 1px solid #E8E9E9;
padding-left : 10px;
}

.productH2
{
margin : 10px 0 3px 0  ;
padding : 2px ;
color : #707070 ;
background: -moz-linear-gradient(#fff,#D4D6D6);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D4D6D6));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D6D6', startColorstr='#FFFFFF', gradientType='0');
font-size : 14px ;
font-style:italic ;
border-bottom : 1px dotted silver ;
}

#recapEtapes
{
display : block ;
margin : 10px 0 30px 0 ;
padding : 0 ;
}

.totalPanier
{
display : block ;
padding : 3px 12px 3px 5px ;
background:#E6E6E6 ;
color : DimGray ;
font-weight : normal !important ;
margin : 0 -3px 2px 0 ;
width : 220px ;
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
}

.totalPanier.bigger
{
/*font-size : 14px;*/
background: Dimgray ;
color : #fff;
}

table.panierRightTable.table-bigger, table.panierRightTable.table-bigger span, table.panierRightTable.table-bigger p
{
    font-size : 13px !important;
    line-height : 18px !important;
}

.totalPanier i.smaller
{
font-size : .85em !important;
}

.mainH2
{
font-size : 14px ;
margin : 30px 0 0px 0;
padding : 0 ;
}

#center form, .form_compte
{
position : relative ;
margin : 0 ;
padding : 0 0  25px 0;
}

#center form p, .form_compte p
{
position : relative ;
vertical-align : middle ;
}

#center form label, .form_compte label
{
display : inline-block ;
width : 130px ;
vertical-align:top ;
}

#center form input[type=submit], .box form input[type=submit], .form_compte input[type=submit], button.button-submit
{
position : absolute ;
right : 30px ;
bottom : 0 ;
display : inline-block ;
background:DimGray ;
padding : 4px 6px 5px 15px ;
padding : 5px 8px 5px 18px !important;
text-decoration:none ;
color : silver ;
margin : 2px 0 0px 0 ;
font : normal 13px/16px Arial, helvetica, sans-serif !important;
border : none ;
cursor : pointer ;
vertical-align : baseline ;
border-radius : 5px 0 0 5px ;
-moz-border-radius : 5px 0 0 5px ;
-webkit-border-radius : 5px 0 0 5px ;
-khtml-border-radius : 5px 0 0 5px ;
-o-border-radius : 5px 0 0 5px ;
-ms-border-radius : 5px 0 0 5px ;

}

input[type=submit].reset-input
{
    position : static !important;

}

button.button-submit{
    position : relative;
    top : 0 ;
    right : 0;
    clear : both ;
}

button.button-submit.disabled{
   display : none;
}

button.button-submit:before{
   content : url(images/check.png);
   position : absolute;
   left : -6px;
   top : 5px;
}





#center form input[type=submit]:before, .box form input[type=submit]:before, .form_compte input[type=submit]:before, input[type=submit]:before
{
content : url(images/check.png);
width : 15px;
position: absolute;
left: -5px;
top : 4px;
}

.submitRight
{
bottom : -10px !important ;
right : 5px !important ;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

#center form textarea
{
font-family:Arial, Helvetica, sans-serif ;
padding : 2px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
-khtml-border-radius : 5px ;
border-radius : 5px ;
border : 1px solid gray ;
font-size : 11px ;
width : 400px ;
height : 100px ;
}



#center form input[type=submit]:hover, #center form input[type=submit]:focus, .box form input[type=submit]:hover, .box form input[type=submit]:focus, .form_compte input[type=submit]:hover, .form_compte input[type=submit]:focus
{
background:silver ;
color : DimGray ;
}

select
{
padding : 1px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
-khtml-border-radius : 5px ;
border-radius : 5px ;
border : 1px solid gray ;
font-size : 11px ;

}

#center form input[type=text], #center form input[type=password], .box form input[type=text], .form_compte input[type=text], .form_compte input[type=password]
{
padding : 2px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
-khtml-border-radius : 5px ;
border-radius : 5px ;
border : 1px solid gray ;
font-size : 11px ;
width : 150px ;}

#center form fieldset, .form_compte fieldset, fieldset
{
border:none ;
-moz-box-shadow : 0 0 6px #999 ;
-webkit-box-shadow : 0 0 6px #999 ;
-khtml-box-shadow : 0 0 6px #999 ;
box-shadow : 0 0 6px #999 ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
-khtml-border-radius : 5px ;
border-radius : 5px ;
margin-bottom : 20px ;
padding-right : 0 ;
}

#center form legend, .form_compte legend, legend
{
font-weight : bold ;
background: #fff ;
}

#form_left
{
margin : 0 ; 
padding : 0 ;
width : 48% ;
float : left ;
}

#form_right
{
margin : 0 0 0 0  ; 
padding : 0 ;
width : 48% ;
float : right ;
}
/*styles menu deroulant _______________________________________*/

#loading
{
display : block ;
padding : 10px ;
position:absolute ;
top : 10px ;
left : 10px;
}

#loading img
{
vertical-align : -4px ;
margin-right : 10px ;
}

#deroulant
{
display : none ;
position : absolute ;
left : 0 ;
width : 100%;
_width:986px ;
height : 238px ;
background:#fff ;
-moz-box-shadow : 0px 4px 10px #666 ;
-webkit-box-shadow : 0px 4px 10px #666 ;
-ms-box-shadow : 0px 4px 10px #666 ;
-o-box-shadow : 0px 4px 10px #666 ;
-khtml-box-shadow : 0px 4px 10px #666 ;
box-shadow : 0px 4px 10px #666 ;
z-index : 100000 ;
overflow : hidden; 
margin : 0 ;
padding : 0 ;
}

#subDeroulant
{
padding:5px;
margin:0 ;
overflow : hidden ;
height : 228px ;
}

#subSubDeroulant
{
width : 800px ;
overflow : hidden ;
float : left ;
background:#fff ;
overflow : hidden ;
height : 228px ;
}

.deroulantDesc
{
width : 155px ;
float : left ;
font-size : 11px ;
font-style : italic ;
padding : 0px 10px 15px 0 ;
border-right : 1px solid ;
margin : 10px 0 ;
text-align : justify ;
}

.deroulantDesc h1
{
margin : 0 0 10px 0;
padding : 0 64px 0 0 ;
font-size : 14px ;
font-style : italic ;
height : 40px ;
line-height : 17px ;
text-align : right ;
}

.deroulantDesc span
{
line-height : 13px ;
}

#deroulantImg
{
display : block ;
float : left ;
margin : 0 10px 0 0  ;
padding : 0 ;
}

#deroulant ul
{
list-style-type:none ;
margin : 0px 10px 10px 10px ;
overflow: hidden ;
font-size : 11px ;
padding : 0 ;
width : 146px ;
word-wrap : break-word ;
}

#deroulant ul li
{
margin : 1px 0 ;
padding : 0 ;
line-height : inherit ;
font-size : 11px ;
}

#deroulant ul li a
{
background:none ;
color : inherit ;
text-transform:lowercase ;
display : inline ;
text-decoration:none ;
}

#deroulant ul li a:before
{
content : '- ';
}

#deroulant ul li a:hover
{
background:none ;
color : inherit ;
text-transform:lowercase ;
text-decoration  :underline ;
}

.deroulFloat
{
float : left ;
height : 226px ;
margin :  0  ;
padding : 0 ;
width : 140px ;
/*white-space:nowrap;*/
}


#deroulant dl
{
margin : 10px 0 0 0  ;
padding : 0 ;
}

#deroulant dt
{
margin : 0px 0 0 15px;
padding : 0 ;
font-size : 12px ;
font-weight : bold ;
font-style : italic ;
width : 125px;
line-height : 13px;
}

#deroulant dd
{
margin : 0 ;
padding : 0 ;
line-height : 13px;
}

.voirTout
{
font-size : 11px ;
text-decoration:none ;
font-style : italic ;
}


.deroulRight
{
width : 170px ;
float : right ;
color : #fff ;
max-height : 110px ;
}

.deroulRight ul
{
margin :0 ;
padding :0 ;
}

.deroulRight a
{
color : #fff ;
}

#detailPanier
{
display : block ;
width : 100px ;
background:#707173 ;
color : #fff ;
padding : 1px 5px ;
margin : 10px 0 0 178px ;
text-decoration : none ;
font-weight : bold ;
font-size : 11px ;
position : relative ;
top : -9px ;
}

#detailPanier img
{position: absolute ;
right : -12px ;
top:-2px ;
}
/*styles block right   */
.rightClassic
{
border : 2px solid silver ;
-moz-border-radius : 10px ;
-webkit-border-radius : 10px ;
-khtml-border-radius : 10px ;
border-radius : 10px ;
margin : 0 10px 10px 0 ;
padding : 0 ;
}

.rightClassic h3 a
{
text-decoration : none ;
color : #999 ;
}

.rightClassic:hover
{
-moz-box-shadow : 0 0 6px #999 ;
-webkit-box-shadow : 0 0 6px #999 ;
-khtml-box-shadow : 0 0 6px #999 ;
-o-box-shadow : 0 0 6px #999 ;
-ms-box-shadow : 0 0 6px #999 ;
box-shadow : 0 0 6px #999 ;
border-color : #999;
cursor : pointer ;
}

.rightClassic p
{
font-size : 11px ;
margin : 0 ;
padding : 0 0px 5px 0px ;
line-height : 14px ;
text-align : left ;
}
.rightClassic div p:first-child
{
margin-top : 0;
}

.rightClassic div
{
padding : 0 0px 5px 55px;
margin : 10px 10px 0 0px;
border-bottom : 1px solid #eee;
}
.rightClassic h3 + div
{

margin-top : 10px ;
}

.rightClassic  div.france
{
    background: url(images/picto-france.png) no-repeat 4px top ;

}

.thermo
{
    background: url(images/picto-thermo.png) no-repeat 15px top ;
}
.fridge
{
    background: url(images/picto-fridge.png) no-repeat 3px top ;
}
.tracabilite
{
    background: url(images/picto-tracabilite.png) no-repeat 6px top ;
}

.telephone
{
display : block ;
font-size : 22px ;
padding : 0 5px 10px 5px ;
margin : 0 ;

}

.rightClassic h3
{
margin : 0 0 10px 0 ;
padding : 5px 0 5px 5px ;
color : #999 ;
text-shadow : 1px 1px 1px #fff ;
-webkit-text-shadow : 1px 1px 1px #fff ;
-o-text-shadow : 1px 1px 1px #fff ;
-moz-text-shadow : 1px 1px 1px #fff ;
-khtml-text-shadow : 1px 1px 1px #fff ;
-ms-text-shadow : 1px 1px 1px #fff ;
font-size : 14px ;
background: -moz-linear-gradient(#fff,#D4D6D6);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D4D6D6));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D6D6', startColorstr='#FFFFFF', gradientType='0');
-moz-border-radius : 10px 10px 0 0  ;
-webkit-border-radius : 10px ;
-khtml-border-radius : 10px 10px 0 0  ;
border-radius : 10px 10px 0 0  ;
}

.rightPicto
{
position : absolute ;
z-index : 100 ;
right:2px;
}

#monPanierRight
{
margin : 0 8px 0px -2px ;
padding : 0 ;
}

#debug
{
-moz-border-radius : 0 0 10px 10px ;
-webkit-border-radius : 0 0 10px 10px ;
border-radius : 0 0 10px 10px ; 
margin : 4px 0 16px 0 ;
box-shadow: 0px 3px 6px #333 ;
-moz-box-shadow: 0px 3px 6px #333 ;
-webkit-box-shadow: 0px 3px 6px #333 ;
-ms-box-shadow: 0px 3px 6px #333 ;
-khtml-box-shadow: 0px 3px 6px #333 ;
-o-box-shadow: 0px 3px 6px #333 ;
top :80px;
right : 0;
min-width : 270px;
}

.panierRightTable, .panierRightTable2
{
width : 100% ;
margin : 0 ;
padding : 0 ;
border : none ;
border-collapse : collapse ;
/*font-size : 1.4em ;
line-height : 1.3em ;*/
}

.panierRightTable th
{
padding : 5px 3px ;
background:DimGray ;
color : silver ;
font-size : 11px ;
font-weight : bold ;
border : 1px solid #999;
}

#center .panierRightTable tbody tr:nth-child(even)
{
background:#eee ;
}

#ficheTable td
{
border : 1px solid ;
}


.panierRightTable td
{
padding : 8px 3px ;
border-top : 1px dotted silver ;
border-bottom : 1px solid gray ;
}

.panierRightTable2 td
{
padding : 5px 3px ;
border-top : 1px dotted silver ;
border-bottom : 1px solid gray ;
}

.panierRightTable tr:last-child td , .panierRightTable2 tr:last-child td
{
border-bottom : none;
}

.panierPlus, .panierMoins, .RpanierPlus, .RpanierMoins, .meatPlus, .meatMoins
{
display  : inline-block ;
text-align : center ;
text-decoration:none ;
width : 16px ;
height : 16px ;
color : silver ;
background:DimGray ;
font-size : 11px ;
margin : 0 1px 0 0;
}

.checkBouton
{
position : relative ;
display : inline-block ;
background:DimGray ;
padding : 5px 8px 4px 18px !important;
text-decoration:none ;
color : silver ;
margin : 5px 0 0px 0 ;
border-radius : 5px 0 0 5px ;
-moz-border-radius : 5px 0 0 5px ;
-webkit-border-radius : 5px 0 0 5px ;
-khtml-border-radius : 5px 0 0 5px ;
-o-border-radius : 5px 0 0 5px ;
-ms-border-radius : 5px 0 0 5px ;
font-size : 13px !important ;
border : 0;
cursor : pointer ;
font : normal 12px/16px 'Istok Web', sans-serif;
}
.checkBouton:before
{
content : url(images/check.png);
width : 15px;
position: absolute;
left: -5px;
top : 4px;
}

.checkBoutonNew
{
position : relative ;
display : inline-block ;
background:DimGray ;
padding : 0px 5px 0px 15px;
text-decoration:none ;
color : silver ;
margin : 5px 0 0px 0 ;
border-radius : 5px 0 0 5px ;
-moz-border-radius : 5px 0 0 5px ;
-webkit-border-radius : 5px 0 0 5px ;
-khtml-border-radius : 5px 0 0 5px ;
-o-border-radius : 5px 0 0 5px ;
-ms-border-radius : 5px 0 0 5px ;
font-size : 11px !important ;
height : 17px;
line-height: 17px ;
}
.checkBoutonNew:before
{
content : url(images/fleched.png);
width : 15px;
top: 15px ;
position: absolute;
left: -5px;
top : 1px;
}

.rightClassic .checkBoutonNew
{
    margin : 5px 0 10px 100px;
}

#center .checkBouton
{
font-size : 10px ;
padding : 0px 5px 1px 15px ;
}

#voirPromos, #voirSelection
{
position : absolute ;
top : -11px ;
right : 0px ;
z-index: 1000 ;
}

.checkBouton:hover, .checkBouton:focus
{
background:silver ;
color : DimGray ;
}

.checkBouton img
{
position : absolute ;
top : 3px ;
left : -5px ;
}

.panierRightTable input[type=text] , .panierRightTable2 input[type=text]
{
width : 20px ;
vertical-align:bottom;
height : 12px ;
padding : 0 ;
font : normal 10px/10px Arial, helvetica, sans-serif ;
}

.panierRightTable span , .panierRightTable2 span
{
font-weight : bold ;
font-size : 11px ;
padding-left : 5px ;
}

.panierRightTable p , .panierRightTable2 p
{
margin : 0 ;
padding : 0 ;
line-height : 12px ;
}

#monCompteRight
{
margin : 4px 10px 0 0 ;
padding : 0 ;
}

#monCompteRight h3, #monPanierRight h3, #monPanierCenter h1, .specialH1
{
margin : 0 0 3px 0  ;
padding : 2px ;
color : #707070 ;
background: -moz-linear-gradient(#fff,#D4D6D6);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D4D6D6));
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#D4D6D6', startColorstr='#FFFFFF', gradientType='0');
font-size : 16px ;
border-bottom : 2px solid ;
}

#monPanierRight h3
{
margin : 0 -2px 3px -2px ;
}

#monCompteRight a
{
display : block ;
text-decoration:none ;
background:#E6E6E6 ;
padding : 1px 15px ;
position : relative ;
margin : 0 0 3px 10px ;
}

#monCompteRight a img
{
position : absolute ;
top:-1px ;
left:-10px ;
}

#monCompteRight a:hover, #monCompteRight a:focus, #charteRight a:hover, #charteRight a:focus
{
background:DimGray ;
color : #E6E6E6 ;
}

#charteRight
{
margin : 20px 10px 20px 0 ;
}

#charteRight h3
{
padding : 4px ;
font-size : 16px ;
background:DimGray ;
color : #E6E6E6 ;
margin : 0 0 3px 0;
}

#charteRight a
{
display : block ;
text-decoration:none ;
background:#E6E6E6 ;
padding : 3px 20px ;
position : relative ;
margin : 0 0 3px 10px ;
}

#charteRight a img
{
position : absolute ;
top:-1px ;
left:-10px ;
}

#charte
{
padding : 0 ;
margin : 20px 0 ;
height : 75px ;
overflow:hidden;
background:#E6E6E6 ;
}
#charte2
{
padding : 0 ;
margin : 20px 0 ;
height : 83px ;
overflow:hidden;
background:#E6E6E6 ;
}

#charte h1
{
height : 75px ;
float : left ;
line-height : 75px ;
background:#707173 ;
color : #ccc ;
margin : 0 ;
padding : 0 15px ;
font-size : 20px ;
font-weight:normal ;
text-shadow : 1px 1px 1px #666 ;
-moz-text-shadow : 1px 1px 1px #666 ;
-webkit-text-shadow : 1px 1px 1px #666 ;
-o-text-shadow : 1px 1px 1px #666 ;
-khtml-text-shadow : 1px 1px 1px #666 ;
-ms-text-shadow : 1px 1px 1px #666 ;
}

#charte span a
{
height : 65px ;
padding : 10px 0 0 0 ;
float : left ;
display : block ;
text-align : center ;
font-variant:small-caps ;
text-decoration : none ;
width : 107px ;
border-right : 2px solid #707173 ;
font-weight : bold ;
font-size : 11px ;
}
#charte2 span a
{
height : 73px ;
padding : 10px 0 0 0 ;
float : left ;
display : block ;
text-align : center ;
font-variant:small-caps ;
text-decoration : none ;
width : 98px ;
border-right : 2px solid #707173 ;
font-weight : bold ;
font-size : 11px ;
}

#charte span a:hover, #charte span a:focus, #charte2 span a:hover, #charte2 span a:focus
{
background:#ccc ;
}


#charte span a img, #charte2 span a img
{
margin : 0 0 5px 0 ;
}

#footer
{
background:#E8E9E9 ;
color : gray ;
padding : 20px ;
overflow : hidden ;
clear : both ;
}

#footer ul
{
list-style-type : none ;
margin : 0 80px 0 0  ;
padding : 0 ;
float : left ;
min-height : 208px ;
}

#footer ul li
{
margin : 0 ;
padding : 0 ;
}

#footer ul li:before
{
content:'- ';
}

#footer ul li a
{
text-decoration : none ;
}

#footer ul li a:hover, #footer ul li a:focus
{
border-bottom : 1px dotted ;
}

#subFooter
{
font-size : 11px ;
text-align : center ;
padding : 15px 15px 40px 15px;
}

#subFooter a
{
text-decoration: none ;
}

#subFooter a:hover, #subFooter a:focus
{
border-bottom : 1px dotted ;
}

#animWrap
{
width : 546px;
position : relative ;
height : 200px ;
padding : 0 ;
margin : 10px 0 20px 210px ;
overflow : hidden ;
}

#anim
{
width : 546px;
height : 200px ;
position : relative ;
overflow : hidden ;
}

#nav
{
    position:  absolute ;
    top : 10px ;
    right:  10px ;
     z-index : 30;
}

#nav a
{
    display:  inline-block ;
    width :10px ;
    height : 10px ;
    border-radius : 7px ;
    text-align: center;
    line-height: 10px ;
    margin : 0 0 0 5px;
    background: #D4D90B ;
    text-decoration: none;
    font-size: 10px ;
    border : 2px solid black;
    border : 2px solid rgba(0,0,0,0.6);
}

#nav a.activeSlide, #nav a:hover
{
position : relative;
bottom : 2px ;
border : 2px solid #D4D90B ;
color :  #D4D90B ;
background : rgba(0,0,0,0.6);
}

#anim span
{
position : absolute ;
left : 0 ;
bottom : 0 ;
display : block ;
padding : 0 10px ;
height : 30px ;
line-height : 30px ;
width : 526px ;
color : #fff ;
background : url(images/black50.png) ;
background : rgba(0,0,0,0.5);
}

#animWrap ul
{
margin : 0 ;
padding : 0 ;
list-style-type:none ;
width : 206px ;
position : absolute ;
right : 0 ;
top : 0 ;
height : 187px ;
z-index : 1000 ;
}

#animWrap ul li
{
margin : 0 0 14px 6px ;
float : left ;
}

#animWrap ul li span
{
display : none ;
}

#animWrap ul li a
{
display : block ;
margin : 0 ;
padding : 0 ;
width : 97px ;
height : 36px ;
background : #000 ;
}

#animWrap ul li img
{
width : 97px ;
height : 36px ;
opacity : 0.65 ;
filter:alpha(opacity=65);
}

#animWrap ul li img:hover
{
opacity : 1 ;
filter:alpha(opacity=100);
}

.animShade
{
    position : absolute ;
    width : 97px ;
height : 36px ;
background : #000;
cursor : pointer ;
z-index : 100 ;
}

div.appear
{
position : fixed;
_position : absolute;
z-index : 2000 ;
width : 986px ;

-moz-border-radius : 10px 10px 0px 0px ;
-webkit-border-radius : 10px 10px 0px 0px ;
border-radius : 10px 10px 0px 0px;
}

div.appear div.box
{
display : block ;
margin : 0 auto ;
padding : 20px ;
border : 2px solid #fff ;
-moz-border-radius : 10px  ;
-webkit-border-radius : 10px ;
border-radius : 10px;
background-color:#fff ;
color : DimGray;
width : 350px ;
min-height : 150px ;
-moz-box-shadow : 0 0 12px #666 ;
-webkit-box-shadow : 0 0 12px #666 ;
-khtml-box-shadow : 0 0 12px #666 ;
box-shadow : 0 0 12px #999 ;
border : 1px solid #999 ;
}

a.closeDiv
{display:block;
margin : 0 0 10px 270px ;
text-align : center ;
font-size : 10px ;
height : 18px ;
line-height:18px ;
color : #000;
text-decoration : none ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
background-color:#fff ;
}

a.closeDiv:hover
{
color :#fff ;
background-color:#666 ;
}

.compte_logge
{
display : block ;
border-bottom : 2px solid ;
padding: 10px ;
margin : 0 0 10px 30px ;
width : 200px ;
font-size : 17px ;
font-weight : bold ;
text-decoration : none ;
padding-left : 37px ;
}
.compte_logge:hover, .compte_logge:focus
{
padding-left : 47px ;
}

.warning
{
position : absolute ;
left : 250px ;
top : 0 ;
color:#fff;
background:red;
display:block ; height : 16px ;line-height : 16px ;margin-left:10px;padding:1px 5px ;
width : 115px ;
-moz-border-radius : 5px ;
-webkit-border-radius : 5px ;
border-radius : 5px ;
z-index : 1000 ;
font-size:11px;
text-align : center ; 
}

#overflowShade
{
display : none ;
position : fixed;
top:-10px;
_position : absolute;
background:url(images/white70.png);
background:rgba(255,255,255,0.7);
z-index:10000000;
width:100%;
height:103%;
}
#overflowShade.transp
{
background:none;
background:rgba(255,255,255,0);
}

#overflowShade h1
{
padding : 3px 0 0 0  ;
margin : 0 ;
}
#closeOverflow
{
text-decoration:none;
font-size:12px;display:block;
 text-align:right;padding:3px 10px 3px 20px; 
 position : absolute;height:18px;
 width:30px;
 top:-14px;right:15px;
 background:url(images/close.png) no-repeat 6px 6px #fff;
 border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
 color:silver;
}

#overflow,#overflow-modal{
margin : 130px auto 0 auto;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:600px;
position:relative;
padding:15px 15px 15px 15px;
background:#fff;
box-shadow : 0 0 12px #666 ;
-moz-box-shadow : 0 0 12px #666 ;
}



#recetteYo
{
position : relative ;
margin : 0 ;
padding : 0 0 0 120px ;
background:url(images/poele.gif) no-repeat left bottom ;
}

#recetteYo p
{
text-align : justify ;
}

.promoPatch
{

position : absolute ;
margin : 0 ;
padding : 0 ;
z-index : 2000 ;
/*top : 0;*/
left : 0;
}
#divPromos .product:after{
    position : absolute;
    content:url('images/promoPatch.png');
    top : 35px;
    z-index : 2000 ;

}

.questionnaireh3
{
border-left : 25px solid #BDCC0D ;
height : 25px ;
line-height : 25px ;
padding : 0 0 0 5px ;
margin : 10px 0 ;
}

.questionnaire
{
width : 437px ;
padding : 0 ;
margin : 93px 0 10px 0 ;
border-collapse:collapse ;
}

.questionnaire tr td
{
border-top : 1px solid gray ;
border-right : 1px solid gray ;
border-bottom : 1px solid gray ;
padding : 5px 0px ;
}

.questionnaire tr td:first-child
{
width : 350px ;
}

.questInput
{
width : 19px ;
}

#prodMisc
{
margin : 0 0 7px 0;
padding : 0 ;
height : 25px ;
line-height : 25px ;
overflow : hidden ; 
}

#prodMisc iframe
{
float : right ;
}

#prodRetour, #envoiAmi
{
display : block ;
height : 25px ;
line-height : 25px ;
float : left ;
text-decoration:none ;
margin : 0 15px 0 0 ;
padding : 0 0 0 25px ;
font-size : 11px ;
}

#prodRetour
{
background:url(images/flechegsmall.jpg) no-repeat left center ;
}

#envoiAmi
{
background:url(images/envoiAmi.jpg) no-repeat left center ;
}
.imprimerRecette
{
    display : block ;
height : 25px ;
line-height : 25px ;
float : left ;
text-decoration:none ;
margin : 0 15px 0 0 ;
padding : 0 0 0 25px ;
font-size : 11px ;
    background:url(images/imprimer.gif) no-repeat left center ;
}
#prodRetour:hover, #envoiAmi:hover, #prodRetour:focus, #envoiAmi:focus
{
text-decoration:underline ;
}

.button.cupid-green {
	position : relative ;
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BDCC06), color-stop(100%, #99A40E));
  background-image: -webkit-linear-gradient(top, #BDCC06, #99A40E);
  background-image: -moz-linear-gradient(top, #BDCC06, #99A40E);
  background-image: -ms-linear-gradient(top, #BDCC06, #99A40E);
  background-image: -o-linear-gradient(top, #BDCC06, #99A40E);
  background-image: linear-gradient(top, #BDCC06, #99A40E);
  border: 1px solid #BDCC06;
  border-bottom: 1px solid #99A40E;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #99A40E;
  box-shadow: inset 0 1px 0 0 #99A40E;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 6px 10px 7px 10px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
	display : inline-block ;
	text-decoration : none ;
  }
  .button.cupid-green:hover {
    background-color: #99A40E;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99A40E), color-stop(100%, #BDCC06));
    background-image: -webkit-linear-gradient(top, #99A40E, #BDCC06);
    background-image: -moz-linear-gradient(top, #99A40E, #BDCC06);
    background-image: -ms-linear-gradient(top, #99A40E, #BDCC06);
    background-image: -o-linear-gradient(top, #99A40E, #BDCC06);
    background-image: linear-gradient(top, #99A40E, #BDCC06);
    -webkit-box-shadow: inset 0 1px 0 0 #99A40E;
    box-shadow: inset 0 1px 0 0 #99A40E;
    cursor: pointer; }
  .button.cupid-green:active {
    border: 1px solid #BDCC06;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #99A40E, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #99A40E, 0 1px 0 0 #eeeeee; }

	.button.add:before
	{
	content : url(images/add.png) ;
	position : absolute ;
	left : 6px ;
	top : 4px ;
	z-index : 10 ;
	}
	
	.button.add, .button.back
	{
	padding-left : 28px !important ;
	}
	
	.button.back:before
	{
	content : url(images/back.png) ;
	position : absolute ;
	left : 6px ;
	top : 4px ;
	z-index : 10 ;
	}
	
	
ul.hotline
{
list-style-type : none ;
margin : 20px  0 ;
padding : 0 ;
}

ul.hotline li
{
border-radius : 8px ;
padding : 10px 10px 30px 10px ;
margin : 0 0 10px 0 ;
position : relative ;
}

ul.hotline li a
{
text-decoration : none ;
display : block ;
}

ul.hotline li a span
{
font-style : italic ;
font-size : 11px ;
}

.discussionActions
{
position : absolute ;
right: 8px ;
bottom : 5px ;
font-style : italic ;
font-size : 10px ;
margin : 0 ;
text-align : right ;
line-height : 12px ;
}

.discussionActions a
{
/*dddisplay : inline !important ;*/
}

.deleteHotline
{
padding-left : 20px ;
}


.alignCenter
{
text-align : center ;
margin-left : auto ;
margin-right : auto ;
}

.button.decal
{
margin-left : 20px !important ;
}

.discussion
{
border:1px dashed black;padding:10px;margin-bottom:10px;background:#dedede;
width : 450px ;
border-radius : 5px ;
background : rgba(189,204,6,0.5) ;
}
.discussion span
{
font-size : 11px ;
}
.discussion p
{
font-size : 13px ;
color : #333 ;
font-weight : bold ;
margin : 0 ;
background : rgba(255,255,255,0.3);
padding : 5px ;
}
.reponse
{
margin-left : 30px ;
background:#ccc !important ;
}

.colored h3
{
font-size : 16px ;
padding : 10px  ;
margin : 0 ;
}
.colored p
{
margin : 10px  ;
}
.colored h3+p
{
margin-top : 0 !important ;
}
.colored.mid
{
width : 373px ;
margin : 0 10px 10px 0 ;
float : left ;

}
.colored.mid.last
{
margin : 0 !important ;
}

.colored.gray
{
background : #707070 ;
color : #fff ;
}
.colored.gray h3
{
color : #BDCC06 ;
}
.colored.green
{
background : #BDCC06 ;
color : #000 ;
}
.colored.green h3
{
color : #707070 ;
}
.colored.pink
{
background : #EE86A6 ;
color : #000 ;
}
.colored.pink h3
{
color : #fff ;
}

.colored.lightGray
{
background : #D2D4D4 ;
color : #000 ;
}
.colored.lightGray h3
{
color : #707070 ;
}

.colored.clear h3
{
clear : both !important;
float : none !important ;
}

.clear
{
clear : both !important;
float : none !important ;
}

h1.avecDivider
{
text-align : center ;
font-size : 22px !important;
line-height : 22px !important;
padding : 0 0 15px 0 !important;
background : url(images/divider.png) no-repeat center bottom ;
border : none !important ;
margin-bottom : 20px !important;
}

p.infos, div.infos
{
border-radius : 10px ;
padding : 10px 10px 10px 40px ;
border : 1px solid silver ;
position : relative;
}

.infos.error {
    background: red ;
    color : white;
}

.infos.success {
    background: green ;
    color : white;
}

div.infos p:first-child{
    margin-top : 0;
}
div.infos p:last-child{
    margin-bottom : 0;
}

.infos.error i.fa, .infos.success i.fa{
   position : absolute;
   left : 6px ;
   top : 12px;
   font-size : 2.2em;
}

p.tips, div.tips
{
background : url(images/pictoNutr.png) no-repeat 5px center ;
background-size : 25px 25px ;
}
strong.tips.infos
{
background : url(images/pictoNutr.png) no-repeat left top ;
background-size : 23px 23px ;
display : block ;
min-height : 23px ;
line-height : 23px ;
padding-left : 30px ;
}
p.tips.smaller
{
background : url(images/pictoNutr.png) no-repeat 5px center !important;
background-size : 20px 20px !important;
}

#goog-fixurl input[type=submit]
{
left : 0px !important ;
width : 110px !important ;
}

.marginTop10
{
    margin-top:10px ;
}

.affine-recherche
{
    border:2px solid #a8a8a8 ;
    padding : 0 0 0px 0;
    margin : 30px auto 10px auto;
    background : #f8f5f5;
    position : relative;
}

.affine-recherche div
{
    padding : 10px;
    margin : 0 0 0px 0;
}
.affine-recherche div h3
{
    text-transform: uppercase ;
    margin : 0 ;
    padding : 0 ;
    font-size : 12px ;
    color : #707070;
}
.affine-recherche p
{
    padding : 0px;
    margin : 0 0 0px 0;
}

#left .affine-recherche h2
{
  background : #a8a8a8;
  color : #fff;
  text-transform: uppercase ;
  border : none;
  margin : 0 0 10px 0;
  padding : 7px 0 7px 7px;
  font-size : 13px ;
  font-weight : 300 ;
  position : relative;
  overflow : visible;
}

#left .affine-recherche h2:after
{
    content : '';
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 12.5px 0 12.5px;
border-color: #a8a8a8 transparent transparent transparent;
position : absolute;
left : 10px;
bottom : -15px;
}

.exploreTitle
{
    margin-left : -210px !important;
}

#left .affine-recherche  .affine-remove
{
    margin : 0px 0 10px 50px ;
    font-size: 11px ;
    text-decoration: none ;
    font-style : italic;
    display : none;
}

.affine-remove:before
{
content : '> ';
font-size: 10px;
}


.panierTop
{
    background: #D4D90B ;
    position : absolute;
    z-index : 10000000;
    right : 15px ;
    display : none;
}

#monPanier:hover 
{
    background :    #D4D90B;
}
#monPanier:hover .panierTop
{
    display : block ;
}

#breadcrumbs
{
    position : absolute;
    top : -2px ;
    right : 0px;
    font-style: italic ;
    font-size : 11px;
    display : block ;
    max-width : 500px;
    text-align: right ;
    z-index : 20 ;
}

#center.centerProduct #breadcrumbs
{
  top : 2px ;  
}
 
#breadcrumbs a strong
{
  text-decoration : none;
}

.disabledLabel
{
    color : #ccc;
}


blockquote.commentaire-client {
  background: #F1F1F1;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px 0.5em 25px;
  font-size : 1.2em ;
  font-style: italic;
  position : relative;

}
.commentaires-left blockquote.commentaire-client {
  background: #F1F1F1;
  border-left: 10px solid #ccc;
  margin:0px;
  padding: 0.5em 20px 0.5em 25px;
  font-size : 1em ;
  font-style: italic;
  position : relative;
  width : 145px;

}

.commentaires-left
{
    width : 200px;
    height : 100px ;
    overflow : hidden;
}


blockquote.commentaire-client:before {
  color: #ccc;
content:'\201C';
  font-size: 4em;
  position : absolute;
  top : 20px ;
  left : 0px;
}

blockquote.commentaire-client p:after {

content:'\201D';
  color: #ccc;
  font-size: 4em;
  position : absolute;
  bottom : -20px;
}
blockquote.commentaire-client p {
  /*display inline;*/
  position : relative;
}

blockquote.commentaire-client span {
display: block ;
color : #999;
margin-left : 0%;
font-size : 0.8em;
}

.picto-video-left
{
text-decoration : none;
background: url(images/pictoVideo.png) no-repeat 3px center;
padding : 4px 0 0 40px;
display: block ;
margin : 5px 0 15px 0;
}

.sidebarPlus
{
    margin:0;
    background:#F1F1F1;font-size : 10px ;text-decoration : underline ;
    height : 18px;
}

.sidebarPlus a{
    display : inline-block;
    float : right ;
}

.sidebarPlus a:before
{
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: inline-block;
    height: 0;
    width: 0;
margin-right : 0.5em ;
}
.sidebarPlus.comments-style
{
    border-left : 10px solid #ccc;

}

.margin-bottom-bigger
{
    margin-bottom : 10px !important;
}

.margin-top-bigger
{
    margin-top : 50px !important;
}

span.smaller.italic
{
    font-size : 10px;
    font-style : italic;
}

h2.border-bottom
{
    border-bottom: 2px solid ;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.recetteMisc
{
    margin : 20px 20px 20px  0 !important;
}

span.success
{
    color: #63b206 ;
    text-shadow : 0 1px 1px #fff;
    font-size : 13px;
    padding : 5px 0 0 22px;
    background: url(images/check.png) no-repeat left 3px ;
    display : block ;
}

#overflow.close_hidden #closeOverflow
{
 display: none ;
}



#overflow-modal, .modalbox{
position : absolute;
position : fixed;
z-index : 10000000;
top : 50%;
left : 50%;
margin-left : -100px ;
margin-top : -100px;
display : none;
width : 200px;
background: #D4D90B ;
}

.modalbox{
    position : fixed !important;
    box-sizing : border-box;
    -moz-box-sizing : border-box;
    -webkit-box-sizing : border-box;
    box-shadow : 0 2px 10px black;
    background : #BDCC0D;
    color : white;
    padding : .5em 1.2em ;
    /*top : -500px;*/
    margin-top : 0 !important;
    font-size : 1.3em ;
    line-height: 1.3em ;
     /*display : none ;*/
     
      transition: all 0.5s ease-out !important;
    -moz-transition: all 0.5s ease-out !important;
    -webkit-transition: all 0.5s ease-out !important;
    transform : translateY(0);
    -webkit-transform : translateY(0);
    -moz-transform : translateY(0);
    opacity : 0;
     display : block;
    outline : 500em solid rgba(255,255,255,.5);

}

.modalbox.shown{
    display : block;
    outline : 500em solid rgba(255,255,255,.5);
   
}

.modalbox-neutral{
    left : 50%;
    background: transparent;
    padding : 0;
    
    margin-left : -336px;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
   
    width : 672px;
    line-height: 0 ;
}

.modalbox-neutral a, .modalbox-neutral img{
     
}

.modalbox-neutral.shown{
    top : 50%;
    outline : 500em solid rgba(0,0,0,.65);

    
     margin-top : -158px !important;
       
    opacity: 1 ;
}

.closemodal, .closemodal2
{
    color : white;
    font-size : 1.2em ;
    text-align: right;
    display : block ;
}

.modalbox-neutral .closemodal2
{
    position : absolute;
    top : 1em;
    right : 1em;
}

.closemodal:hover, .closemodal:focus, .closemodal2:hover, .closemodal2:focus
{
    color : black;

}

.modalbox form label{
    margin-bottom : 1.5em ;
    display : block ;

}

.modalbox form button{
    cursor: pointer;

}

.modalbox form input[type=text], .modalbox form input[type=number]{
   border-radius : 5px ;
   -webkit-border-radius : 5px ;
   -moz-border-radius : 5px ;
   padding : .25em .5em;
   font-size : 12px;
    
}

.modalbox.modalbox-400
{
    width : 400px ;
    margin-left: -200px ;
    
   
}

#overflow-modal h2
{
text-align : center;
color : #fff;
text-shadow : 0 -1px 1px #333, 0 1px 1px #999;
line-height : 24px;
}

#autocomplete_result_recettes, #autocomplete_result
{
    position : absolute;
    z-index : 1000;
    background-color: #BDCC0D ;
    color : #fff;
    left : 0;
    font-size : 1.2em;
    padding : 0px;
    line-height : 1.2em;
}
#autocomplete_result_recettes ul, #autocomplete_result ul
{
    list-style-type: none;
    /*margin : 10px;*/
    padding : 0;
}

#autocomplete_result_recettes ul li, #autocomplete_result ul li
{
    margin : 0 10px 0px 10px;
    padding : 0;
}
#autocomplete_result ul li
{
    margin : 0 10px 0px 10px;
    padding : 3px 0;
}
#autocomplete_result_recettes ul li a,  #autocomplete_result ul li a
{
text-decoration: none ;
color : white;
display : block;
border-radius : 3px;
padding : 3px 5px;
}

#autocomplete_result_recettes ul li a:hover, #autocomplete_result ul li a:hover
{
text-decoration: none ;
color : #BDCC0D;
background-color: white
}

#center form input#query_recettes
{
    padding : 5px 10px 5px 40px;
    font-size : 1.5em;
    width : 300px;
    background-color: rgba(255,255,255,0.8);
}

#center form#search_recettes
{
    margin-bottom: 10px !important;
    padding: 5px !important;
    background-color: #BDCC0D ;
}

#center form#search_recettes p
{
position : relative;
margin : 0;
}

#center form#search_recettes .action
{
  display : block;
 top : 6px ;
 left : 5px;
  position : absolute;
  z-index : 10;
}

.productTheme a{text-decoration:none;}
.productTheme a:hover{text-decoration:underline;}

#monPanierTop
{
    position : absolute ;
    right : 0 ;
    top : 0 ;
}

div.divider
{
margin: 1rem 0rem;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(255,255,255,.8);
line-height: 1;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancy-button 
{
     font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 5px 20px;
    text-decoration : none ;
    position : relative;
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}

.fancy-button  i
{
    margin-right: 10px ;
    font-size : 15px;
    vertical-align: -2px ;

}

.fancy-button.inline-block
{
     display : block ;
     max-width : 70% ;
     margin-left : auto ;
     margin-right : auto ;
     position : relative;
}

.fancy-button.inline-block  i
{
    position : absolute;
    left : 10px;
    top : 5px ;

}
.fancy-green-button
{

   
    background: -moz-linear-gradient(
        top,
        #09ba1e 0%,
        #379e0e);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#09ba1e),
        to(#379e0e));
    
    border: 1px solid #268010;
    -moz-box-shadow:
        0px 1px 3px rgba(143,143,143,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    -webkit-box-shadow:
        0px 1px 3px rgba(143,143,143,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    box-shadow:
        0px 1px 3px rgba(143,143,143,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    text-shadow:
        0px -1px 0px rgba(000,000,000,1),
        0px 1px 0px rgba(255,255,255,0.2);


}

.fancy-red-button {

    background: -moz-linear-gradient(
        top,
        #ff1212 0%,
        #d60303);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ff1212),
        to(#d60303));
  
    border: 1px solid #eb4646;
    -moz-box-shadow:
        0px 1px 3px rgba(255,99,94,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    -webkit-box-shadow:
        0px 1px 3px rgba(255,99,94,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    box-shadow:
        0px 1px 3px rgba(255,99,94,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    text-shadow:
        0px -1px 0px rgba(000,000,000,1),
        0px 1px 0px rgba(255,255,255,0.2);

}

.fancy-gray-button {

    background: -moz-linear-gradient(
        top,
        #ccc 0%,
        #666);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ccc),
        to(#666));
    border: 1px solid #666;
    -moz-box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    -webkit-box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    box-shadow:
        0px 1px 3px rgba(0,0,0,0.5),
        inset 0px 0px 1px rgba(255,255,255,0.6);
    text-shadow:
        0px -1px 0px rgba(000,000,000,1),
        0px 1px 0px rgba(255,255,255,0.2);

}

.commande-table td{
    text-align: center ;
}
.commande-table td a{
    text-decoration : none;
}
.commande-table .price{
    font-weight: bold ;
    text-align : center;
}

.commande-table .statuts a{
    border-bottom : 1px solid silver;
    margin-top : .75em ;
}

.rich-list
{
    margin : 1.5em 0;
    padding : 0;
    list-style-type: none ;
    border-top : 1px solid silver;
}

.rich-list li
{
  margin : 0;
  padding : .5em 1em;
  border-right : 1px solid silver;
  border-bottom : 1px solid silver;
  border-left : 1px solid silver;
}

.rich-list i.fa
{
  color : #ccc;
}

.rich-list li
{
  margin : 0;
  padding : .5em 1em;
  border-right : 1px solid silver;
  border-bottom : 1px solid silver;
  border-left : 1px solid silver;
}
.rich-list li p
{
 margin : 0 0 0 0 ;
 color : #BDCC0D;
}

.rich-list a.more-links
{
text-decoration : none ;
display : block ;
}
.rich-list a.more-links i
{
color : DimGray;
}

.boxed
{
   width : 986px ;
   margin-right: auto ;
   margin-left: auto ;
   box-sizing : border-box; 
   -webkit-box-sizing : border-box; 
   -moz-box-sizing : border-box; 

}

.modal-suscriber
{
    position : fixed ;
    bottom : 0;
    z-index : 10000;
    width : 100% ;
     box-sizing : border-box; 
   -webkit-box-sizing : border-box; 
   -moz-box-sizing : border-box;
   background: #BDCC0D ;
   background: rgba(189,204,13,.85);
   color : #333;
   text-shadow : 0 1px 1px white;
   font-size : 17px ;
   font-weight : bold ;
   padding : 0px 0;
   transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
box-shadow : 0 0px 5px #666;
}

.modal-suscriber.modal-suscriber-hidden
{
    position : fixed ;
    bottom : -60px;
}

.modal-suscriber label
{
    width: 60%;
    display : inline-block ;
    overflow: hidden ;
    line-height: 1.3em ;
    padding-top : 10px;
}
.modal-suscriber label i.fa
{
    display: block ;
    margin-right : 20px ;
    margin-top : -5px ;
    /*vertical-align: -10px;*/
    float : left;
    color : rgba(219,87,5,1);
}

.modal-suscriber-close
{
    position : absolute;
    top : -22px ;
     background: rgba(189,204,13,.85);
     padding : 4px;
     display : block ;
     border-radius : 5px 5px 0 0;
     cursor : pointer;
     right : 10px ;
     color : #333;
     font-size : 13px;
     text-decoration : none;
     
}

..modal-suscriber-close i
{
    font-size : 20px;
}

.modal-suscriber input
{
  border : 1px solid #333;
  border : 0 ;
  padding : 5px 10px;
  border-radius : 5px;
  font-size : 18px;
  margin : 0px 0px 0 70px !important;
  position : relative;
  top : -20px;
  background: rgba(255,255,255,.7);
  width : 230px;
   -webkit-box-shadow: 0px 5px 0px rgba(219,31,5,1);
    -moz-box-shadow: 0px 5px 0px rgba(219,31,5,1);
    box-shadow: 0px 5px 0px rgba(219,31,5,1);

    background-color: rgba(255,255,255,.65);
    color : rgba(219,87,5,1);
     
}

.modal-suscriber ::-webkit-input-placeholder {
   color: rgba(121,121,121,.95);
}

.modal-suscriber :-moz-placeholder { /* Firefox 18- */
   color: rgba(121,121,121,.95); 
}

.modal-suscriber ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(121,121,121,.95); 
}

.modal-suscriber :-ms-input-placeholder {  
   color: rgba(121,121,121,.95); 
}

textarea:focus, input:focus, button:focus{
    outline: 0;
}

/*.modal-suscriber button
{
  border : 1px solid #333;
  padding : 6px 10px;
  border-radius : 5px;
  font-size : 16px;
  margin : 0px 0px 0 5px !important;
  position : relative;
  top : -20px;
  cursor : pointer;
     
}*/


.bigbutton
 {
    position: relative;
      top : -22px;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgba(219,87,5,1);
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform : uppercase ;
    display: inline-block;
    padding: 8px 7px;
    cursor : pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 5px 0px rgba(219,31,5,1);
    -moz-box-shadow: 0px 5px 0px rgba(219,31,5,1);
    box-shadow: 0px 5px 0px rgba(219,31,5,1);
    /*margin: 100px auto;*/
    /*width: 160px;*/
    text-align: center;
    border : 0 ;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.bigbutton:active {
    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: -22px;
}

.silver-border{
    border: 1px solid silver ;
}
label[for=express] img{
    vertical-align: -4px ;
 

}

.plus.more.express{
   border:none;
font-style: italic ;
color : #ff005b;

}


.rounded-box{
    border : 1px solid silver;
    margin : 1em 0 ;
    border-radius : 10px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    -ms-border-radius : 10px;
    padding : 10px;
}

.rounded-box h2{
 font-size : 13px;
 margin : 0 0 10px 0;
 font-weight : bold ;
}

.rounded-box p:first-child, .rounded-box h2+p{
    margin-top : 0;
}
.rounded-box p:last-child{
    margin-bottom : 0;
}

.rounded-box .smaller{
    font-size: 11px ;
    /*line-height: 1.3em ;*/
}

.shipping-table{
    border : 1px solid silver;
    border-collapse: collapse ;
    width : 100% ;
}

.shipping-table td{
    border : 1px solid silver;
    padding : 10px 5px;
}

.shipping-table tr:nth-child(odd){
   background-color: #F1F1F1
}

.shipping-table tr td:last-child{
   /*background-color: #BDCC0D ;
   color : white;*/
   font-weight : bold ;
   /*border-color : dimgray;*/
}

.gmap-point-relais{
    overflow : hidden ;
}
.gmap-visible ,.gmap-point-relais{
    max-height : 500em ;
}

.gmap-hidden{
    max-height : 0 ;
}

.show-map:after {
    content : 'afficher la carte';
}
.show-map.txt-masquer:after{
    content : 'masquer la carte';
}

h5{
    font : bold 12px/16px 'Istok Web', sans-serif;
}