body
{
   margin: 0;
   padding: 0;
   
}

#page
{
   background: transparent url(../images/bg.jpg) top center repeat;
}

.wrapper{
   max-width: 960px;
   min-width: 300px;
   padding: 0;
   margin: 0 auto;
   position: relative;
}

/* PORTABLE NAV */
#portable-menu { 
    display:none;
    width: auto;
    font-size: 11pt;
    font-family: source_sans_prolight, Arial, sans-serif;
    border-bottom: 2px solid #283744;
    margin-bottom:10px;
}

#portable-menu ul {
    width: 100%;
    display: block;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
#portable-menu ul li {
    width: 50%;
    float: left;
    position: relative;
    display: inline;
    background: #0a3d8e;
}
#portable-menu ul li a {
    border-top: 1px solid #576979;
    border-right: 1px solid #576979;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    text-shadow: 1px 1px 0px #283744;
}

#portable-menu ul a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
    border-right: 1px solid #576979;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-transform: uppercase;
    font: normal normal normal 14px/100% 'oswaldlight', Arial, sans-serif;
}

a#pull {
   display: none;
   position: relative;
   padding: 0px 0 1px 20px;
   width: 150px;
   min-height:20px;
   font: normal normal normal 14px/100% 'oswaldlight', Arial, sans-serif;
   color: #fff;
   text-transform: uppercase;
   margin-left: 25px;
}

a#pull span{
   position: absolute;
   top:0;
   left:0;
   width: 20px;
   height: 20px;
   background:url(../images/mobile-nav-indicator-white.png) no-repeat top left; 
}

.reversefadeitem
{  		
   -webkit-transform: translateZ(10);
   -webkit-backface-visibility: hidden;
   -webkit-perspective: 1000;
   -moz-opacity:0.8; filter:alpha(opacity=80); opacity:0.8;
   cursor:pointer;
}

.reversefadeitem:hover
{	
   -moz-opacity:1; 
   filter:alpha(opacity=100); 
   opacity:1; 
}

/* TOP-ROW MENU */
#top-row{
   width: 100%;
   padding: 14px 0 1px 0;
   height: 20px;
   background: url(../images/header-bg.gif) repeat;
}

#top-menu
{
   width:100%;
   margin: 0;
   padding: 0;
}

#top-menu li
{
   float: right;
   line-height: 22px;
   text-transform: uppercase;
   padding-left: 13px;
   margin-left: 13px;
   font: normal normal normal 13px/100% 'oswaldlight', Arial, sans-serif;
   color: #fff;
}

#top-menu li a
{
   color: #fff;
   font: normal normal normal 13px/100% 'oswaldlight', Arial, sans-serif;
}

#top-menu li a#connection
{
   color: #fff;
   font: normal normal normal 14px/100% 'oswaldlight', Arial, sans-serif;
   
}

#top-menu li a:hover#connection
{
   font: normal normal normal 13px/100% 'oswaldbook', Arial, sans-serif;
}

#top-menu li a:hover
{
   font: normal normal normal 12px/100% 'oswaldbook', Arial, sans-serif;
}

/*SEARCH BAR*/
form#search{
    position:absolute;
    top: -8px;
    right: 60px;

}

form#search input{
    float:left; 
   width:150px; 
   height:20px; 
   text-indent:10px; 
   font: normal normal normal 13px Arial, Helvetiva, sans-serif;
   color:#333; 
   background: #FAFAFA;
   font: normal normal normal 13px/195% 'oswaldlight', Arial, sans-serif;
   border:solid 1px #d9d9d9; 
   border-top:solid 1px #c0c0c0; 
   border-right:none;
}

/* Style the "X" text button next to the search input field */
form#search #delete {
	float:left; 
	width:16px;
	height:22px; 
	line-height:24px; 
	padding:0 4px 0 6px;
	font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
	font-size:16px; 
	background: #FAFAFA;
	border:solid 1px #d9d9d9; 
	border-top:solid 1px #c0c0c0; 
	border-left:none;
}

/* Set default state of "X" and hide it */
form#search #delete #x {
	color:#A1B9ED; 
	cursor:pointer;
	display:none;
}
/* Set the hover state of "X" */
form#search #delete #x:hover {
	color:#36c;
}

/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
form#search #submit {
	cursor:pointer; 
	width:70px; 
	height: 24px; 
	line-height:0; 
	font-size:0; 
	text-indent:-999px;
	color: transparent;  
	background: url(../images/search.png) no-repeat #4d90fe center; 
	border: 1px solid #3079ED; 
}
/* Style the search button hover state */
form#search #submit:hover {
	background: url(../images/search.png) no-repeat center #357AE8; 
	border: 1px solid #2F5BB7;
}
/* Clear floats */
form#search .fclear {clear:both}

/* MAIN NAV */
nav 
{
   display: block;
   position: absolute;
   right: 0px;
   top: 100px;
}

nav ul#main-menu
{
   line-height: 1.0;
   display: block;
   position: relative;
   margin: 0;
}
nav ul#main-menu li.first{
   background: none;
}
nav ul#main-menu li{
   display: block;
   float: left;
   font-size: 13px;
   line-height: 25px;
   position: relative;
   text-transform: uppercase;
   letter-spacing: 0px;
   padding-left: 1px;
   background: url(../images/spacer-menu.gif) 0 10px no-repeat;
}
nav ul#main-menu li a{
   float: left;
   display: inline-block;
   text-decoration: none;
   color: #666;
   position: relative;
   padding: 10px 10px;
   font: normal normal normal 13px/100% 'oswaldbook', Arial, sans-serif;
}

nav ul#main-menu li a:hover{
   color: #fff;
   background: #F0982A;
   -moz-border-radius: 7px;
   border-radius: 7px;
}

nav ul#main-menu ul
{
   position: absolute;
   top: 100%;
   left: 0;
   padding: 0;
   width: 200px;
   border: 0;
   zoom: 1;
   z-index:300;
   display:none;
}

nav ul#main-menu ul li
{
   background: #2f2b2b;
   padding: 0; margin: 0;
   width: 100%;
   font-size: 13px;
   line-height: 39px;
   border: 0;
   text-transform: uppercase;
   font-weight: normal;
   font-family: 'Oswald', sans-serif;
   z-index:300;
   position: relative;
}

nav ul#main-menu li:hover ul li a:hover
{
   background-color:#404040;
   color: #C8C8C8 ;
}

nav ul#main-menu li:hover ul
{
   display: block;
   z-index:300;
}

nav ul#main-menu li:hover ul li
{
   display: block;
   z-index:300;

}

nav ul#main-menu li ul li a
{
   width: 75%;
   padding:0 25px;
   line-height: 30px;
   height:30px;
   color: #fff;
   z-index:300;
}

/* CATEGORIES NAV */
#categories-row ul{
   padding: 0;
   margin: 0;
}
#categories-row ul li{
   float:left;
}

/* CONTENT */
form label
{
   margin: 10px 0;
   font-family: inherit;
   font-weight: bold;
   color: inherit;
   text-rendering: optimizelegibility;
   line-height: 20px;
   font-size: 20px;
}

a.helpPop
{
   float:right;
   margin: 8px 200px 0 0;
   margin-right: 65%;
   padding: 2px 15px;
}

#content
{
   padding: 20px;
   min-height: 400px;
   z-index:100;

}

#sidebar
{
   padding: 20px 20px 20px 0;
}

/* RECHERCHE */
.navbar{
    margin-bottom: 25px;
}
.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.navbar-inner:before,
.navbar-inner:after {
    display: table;
    line-height: 0;
    content: "";
}

.navbar-inner:after {
    clear: both;
}

.navbar .container {
    width: auto;
}

.navbar .btn,
.navbar .btn-group {
    margin-top: 5px;
}

.navbar input,
.navbar select,
.navbar .radio,
.navbar .checkbox {
    margin-top: 5px;
}

input[type="submit"] {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.navbar input[type="text"]{
   background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 0;
    display:inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* PRODUCT PAGE */
#produit-main-right
{
   max-width: 630px;
   display: inline-block;
}

#produit-main-left
{
   max-width: 287px;
   display: inline-block;
   vertical-align: top;
}

#produit-info-left
{
   width: 200px;
   display: inline-block;
   vertical-align: top;
}

.caracteristiques
{
   padding: 20px;
   background-color: #2F2B2B;
   min-height: 300px;
   overflow: auto;
   color: #FCFCFA;
}

.caracteristiques img
{
   margin-bottom: 15px;
}

.caracteristiques ul
{
   margin: 0 0 15px 0;
}

.caracteristiques li
{
   line-height: 20px;
   padding-left: 10px;
   background: url(../images/marker-1.gif) 0 9px no-repeat;
}

.caracteristiques h3
{
   margin-bottom:30px;
}

.caracteristiques h1, 
.caracteristiques h2, 
.caracteristiques h3,
.caracteristiques h4,
.caracteristiques p
{
   color: #FCFCFA;
}

.caracteristiques .specs
{
   padding: 20px;
   background-color: #3E3B3A;
   width: 80%;
}

#produit-main-right .promotion{
   background-color: #FF3300;
   width: 100%;
   margin-bottom: 15px;
}

#produit-main-right .promotion h2
{
   padding: 5px 10px;
   color: #FFFFFF;
   background-color: #FF3300;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltipComplementaire {
  display:none;
  background:transparent url(../images/black_arrow_big.png);
  height:125px;
  padding:40px 30px 10px 30px;
  width:240px;
  padding:25px;
  font-size:11px;
  color:#FFF;
}

/* Footer */
footer
{
    background: #2a2a2a;
    clear: both;
    display: block;
    border-top: 1px solid #ececec;
}

footer h1
{
    color: #F8F8F8;
    padding: 10px 0 20px 0;
}

footer ul{
    padding: 0px;
}

footer li{
    margin:0 0 25px 30px;
    float:left;
    display:inline-block;
}

footer li:first-child
{
    max-width:250px;
}

footer li:first-child h1
{
    padding: 10px 0 5px 10px;
}

footer li:first-child p 
{
    margin-left:10px;
}

footer li:nth-child(2)
{
   max-width:245px;
}

footer li:nth-child(3)
{
   padding-top:60px;
}

footer li:nth-child(3) img
{
    display:inline-block;
    margin-right: 10px;
}

footer li:nth-child(3) p
{
   display:inline-block;
    margin-top: 20px;
}

footer li:last-child
{
    clear:both;
    width: auto;
    margin-bottom:5px;
}

.leftblock{
    margin-left:0;
    padding-left:0;

}

.rightblock{
    margin-right:0;
    padding-right:0;
}

footer a
{
    color: #F8F8F8;
}

footer a:hover
{
    color: #FFCC00;
}

footer .latest-news a h6
{
   color: #F8F8F8;
   text-transform: uppercase;
   line-height: 16px;
}

footer .latest-news h5
{
   color: #888;
}

footer p
{
   color: #999;
}

#logo
{
   padding: 10px 20px;
   font-size: 200%;
}

.redRow
{
   background-color:#FF4D4D;
}

div.breadcrumbs
{
   font-size: 0.9em;
   padding: 5px 20px;
}

div.breadcrumbs a,div.breadcrumbs span
{
   color: #555;
   font-size: 13px;
   font-weight:100;
}

div.breadcrumbs a:hover
{
   color:#696969;
}

div.breadcrumbs span
{
   font-weight: bold;
}

div.search-form
{
   padding: 10px;
   margin: 10px 0;
   background: #eee;
}

.portlet
{

}

.portlet-decoration
{
   padding: 3px 8px;
   background: #B7D6E7;
   border-left: 5px solid #6FACCF;
}

.portlet-title
{
   font-size: 12px;
   font-weight: bold;
   padding: 0;
   margin: 0;
   color: #298dcd;
}

.portlet-content
{
   font-size:0.9em;
   margin: 0 0 15px 0;
   padding: 5px 8px;
   background:#EFFDFF;
}

.portlet-content ul
{
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin: 0;
   padding: 0;
}

.portlet-content li
{
   padding: 2px 0 4px 0px;
}

.operations
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.operations li
{
   padding-bottom: 2px;
}

.operations li a
{
   font: bold 12px Arial;
   color: #0066A4;
   display: block;
   padding: 2px 0 2px 8px;
   line-height: 15px;
   text-decoration: none;
}

.operations li a:visited
{
   color: #0066A4;
}

.operations li a:hover
{
   background: #80CFFF;
}
/* LISTE PRODUIT */
#liste_produits
{
   
}

#liste_produits a
{
   display: block;
}

#liste_produits a:hover
{
   background-color: #e9effc;
}

#liste_produits ul
{
   min-height: 115px;
   padding-left: 0;
}

#liste_produits ul li
{
   display: inline-block;
   height: 50px;
   padding: 20px 3px;
   vertical-align: middle;
}

#liste_produits ul li.product_image
{
   width: 150px;
   margin-top: -20px;
}

#liste_produits ul li.product_info
{
   width: 200px;
   position:relative;
}

#liste_produits ul li.product_info h3, #liste_produits ul li.product_info h4
{
   margin:0;
}

#liste_produits ul li.product_more
{
   height: 70px;
   padding: 10px 3px;
   max-width: 500px;
   position:relative;
}

#liste_produits .product_categorie
{
   position: absolute;
   bottom: 0;
   right: 0;
}

#liste_produits .product_categorie h5
{
   margin:0;
}

#liste_produits .liste-promotion{
   color: #FF3300;

   font-family:"yanone_kaffeesatzregular", Arial, sans-serif;
}

/* SIDEBAR MENU */
#infosupp
{
   margin-right: 10px;
}
.sidebar
{
    width: 20%;
    float:right;
	margin: 0 10px 15px 0;
}

.sidemenu{
    padding:0 0px 0 0px;
    margin:0;
}

.sidemenu .sidemenu-header{
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.sidemenu a{
    color:#999999;
    display: block;
    padding: 5px 0 5px 0;
    position: relative;
    min-height:13px;
}

.sidemenu a.fileicon{
    padding: 0px 0 1px 20px;
    width: 150px;
}

.sidemenu a:hover{
    color:#000000;
}

.sidemenu a.fileicon span{
    position: absolute;
    top: 0;
    left: 0;
}

/* News page */
.entry
{
    border-top: 1px solid #B8B8B8;
    padding: 20px 100px 20px 0px; 
    clear:both;
    min-height: 230px;
}

.first
{
    border-top: none;
    padding-top:0;
}

.entry h5
{
    margin-bottom: 10px;
}

.entry a h6
{
   margin-top: 4px;
   padding-right: 11px;
   font-weight: normal;
   text-transform: uppercase;
   display: inline-block;
   background: url(../images/marker-2.gif) right 3px no-repeat;
}

.news-image
{
    float:left;
    margin: 4px 20px 10px 0;
}

/* PAGERS */
#pager_wrapper
{
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}

ul.product_pager
{
    clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

ul.product_pager li
{
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

ul.product_pager li.prev
{
    float:left;
}

ul.product_pager li.next
{
    float:right;
}

ul.product_pager li.selected a
{
    color: #999999;
    cursor: default;
}


ul.product_pager a
{
    display: block;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
}

ul.product_pager a:hover
{
    background-color: #f5f5f5;
}

ul.product_pager .hidden a
{
    color: #999999;
    background-color: #fff;
    cursor: default;
}

ul.product_pager .first,
ul.product_pager .last
{
    display:none;
}

ul.pager
{
    margin: 10px 0 50px 0;
    padding:0;
}

ul.pager li
{
    display:block;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

ul.pager li.prev
{
    float:left;
}

ul.pager li.next
{
    float:right;
}

ul.pager a
{
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
}

ul.pager a:hover
{
    background-color: #f5f5f5;
}

ul.pager .hidden a
{
    color: #999999;
    background-color: #fff;
    cursor: default;
}

ul.pager .first,
ul.pager .last
{
    display:none;
}

/* PORTAIL DISTRIBUTEUR */
.download-file
{
   position: relative;
    background-color: #fff;
    margin: 4px;
    min-height:40px;
    width: 85%;
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}

.download-file .titre
{
  display: block;
  line-height: 23px;
}

.download-file .namesize
{
  line-height: 15px;
}

.download-file .download-button
{
  display: block;
  float: right;
  height: 30px;
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  
  padding: 3px 10px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

ul#sub-menu
{
   line-height: 1.0;
   display: block;
   position: relative;
   margin: 0;
}
ul#sub-menu li.first{
   background: none;
}
ul#sub-menu li{
   display: block;
   float: left;
   font-size: 13px;
   line-height: 25px;
   position: relative;
   letter-spacing: 0px;
   padding-left: 1px;
   background: url(../images/spacer-menu.gif) 0 10px no-repeat;
}
ul#sub-menu li a{
   float: left;
   display: inline-block;
   text-decoration: none;
   color: #666;
   position: relative;
   padding: 10px 10px;
   font: normal normal normal 15px/100% 'oswaldlight', Arial, sans-serif;
}

ul#sub-menu li a:hover, ul#sub-menu li.active a{
   color: #fff;
   background: #F0982A;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

@media screen and (max-width:480px) {
    
}

/* Responsive design */

@media only screen and (max-width: 480px) {
   #liste_produits ul li.product_more
   {
      min-height: 70px;
      height:100%;
   }
}

@media only screen and (max-width: 640px){  
    #top-menu, ul#main-menu
    {
	display:none !important;
    }
    
    a#pull
    {
	display:block;
    }
}

@media only screen and (max-width: 768px) and (min-width: 641px) {
    #top-menu form#search
    {
	display:none;
    }
    
    nav#normal{
	display: none;
    }

}

@media only screen and (max-width: 985px) and (min-width: 769px) {
    nav#normal > ul > li a{
	padding-left: 10px;
	padding-right:10px;
    }

    nav#portable { 
	display:none;
    }

    nav#portable { 
	display:none !important;
    }
}

@media only screen and (min-width: 986px) 
{
    nav#portable { 
	display:none !important;
    }
    
    #top-menu a#search
    {
	display:none;
    }
}