/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 
} 
#menubar {
    background: linear-gradient(to bottom, #383838, #2F2F2F) repeat scroll 0 0 #333333;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0) inset;
    color: rgba(255, 255, 255, 0.5);
	color:#fafafa;
}
#toolbar, #headerbar {
    margin-bottom: 5px;
}
#menubar {
background:#333;
background: linear-gradient(to bottom, #383838, #2F2F2F) repeat scroll 0 0 #333333;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0) inset;
border-radius: 6px;
/*background-image: -moz-linear-gradient(top, #444444, #999999);
background:black;*/
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    color: #Fafafa;
    
}

.menu-dropdown li.active .level1, .menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1 {
    background-color: #0095DB;
    border-color: #008FD5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 #BBBBBB;
    color: #444444;
}
.menu-dropdown span.subtitle {font-size:13px;
line-height:16px;}

.searchbox {
    margin-left:33px;
	top:80px;
}
div.mod-languages ul {
    margin-top:5px;
}
#btl .btl-panel > span {
    box-shadow: none;
    margin: 0 2px;
}
.custom-logo {
  display: inline-block;
  width: 210px;
  height: 90px;
  background: url(../../../images/yootheme/logo.png) 50% 50% no-repeat;
  background-size: contain;
}
h1 {
    background-image: url("../images/bandeau.png");
    font-size: 180%;
    line-height: 50px;
    padding-bottom: 10px;
    text-indent: 15px;
	height: 40px;
    letter-spacing: -1px;
	color:#fff;
  }
}	
/* Only Phones (Portrait) */
@media (max-width: 479px) {

  .custom-logo { height: 60px; }
  
}

#headerbar .module {
max-width: 100%;
margin: 0 0 0 150px;
float: left; }

.vignette-categorie {
    background-image: url("../images/hydroleduc-vignette-categorie.png");
    float: left;
    height: 258px;
    position: relative;
    width: 258px;
	margin-bottom:10px;
	margin-left:3px;
}

.vignette-categorie .titre-cat {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 120%;
    font-weight: normal;
    height: 30px;
    letter-spacing: -1px;
    padding: 10px 0 0 88px;
    text-indent: -80px;
	color:#0095DB;
}

.vignette-categorie .select-cat {
    padding: 8px 4px 0 8px;
    width: 220px;
}
.vignette-categorie .select-cat select {
    background-color: #F0F0F0;
    color: #646464;
    font-size: 10px;
    width: 240px;
	border:1px solid #DDDDDD;
}


#header {margin: 10px 0 10px 0;}
#top-a, #top-b, #bottom-a, #bottom-b, #main, #footer { margin: 15px 0;}

html { background:  #F0F0F0;}

/*body#page {
   background: /*url(../images/lilac_rose.jpg) no-repeat scroll  50% 0*/ #F0F0F0;}*/

li.level1:hover .level1, .menu-dropdown li.remain .level1 {
    background-color: #0095DB;
    border-color: #008ACC;
 #menubar [background:#444:} 
 

/*div#page-body div.page-body-t {  url(../blue_img.jpg) repeat-x fixed 0 0 transparent;
}
/*@media (min-device-width: 1025px)  {

  #page-bg { 
    background: url(../images/page_gradient_dark.svg) 50% 0 fixed no-repeat;
    background-size: 2560px 400%;
  }

  #page-bg > div {
    background: url(../images/page_gradient_light.svg) 50% -450px no-repeat;
    background-size: 1200px 900px;
  }
/*html { background:  url(../images/page.jpg) 0 0 repeat;
  text-shadow: 1px 2px 0 rgba(88,23,8,0.2);}*/
/*html { background: #4E6C94 url(../images/background_lights.jpg) 50% 0;}
body#page { background:  url(../images/background_lights_highlight.jpg) 50% 0 no-repeat;}*/


.tableau-produit {width:100%;border-collapse: collapse;" border="1" cellpadding="0" cellspacing="0}
.tableau-produit table {border: 0;padding: 0; margin:0;}
.tableau-produit thead td { text-align:center; border-bottom:1px solid #ccc;font-size: 13px; font-weight:bold; white-space:nowrap;  color:#000000;}
.tableau-produit last td { border-top:2px solid #ccc;}
.tableau-produit td { padding:2px 5px 2px 5px; border-bottom:1px solid #ccc;  text-align:center; }
.tableau-produit p{ text-align:left; }


.vignette-categorie {float: left; height:243px; width:243px;background-image: url(../images/hydroleduc-vignette-categorie.png); position: relative; }
.vignette-categorie .titre-cat { font-family: Arial, Helvetica, sans-serif;font-size: 130%; padding: 10px 0 0 88px; font-weight: normal;   ;text-indent:-80px; height:40px;letter-spacing:-1px }
.vignette-categorie .image-cat  { padding: 2px 0 0 20px;height:160px; }
.vignette-categorie .texte-cat { padding: 5px 0 0 10px; font-size: 12px; height:25px; }
.vignette-categorie .liste-cat {clear:both; padding: 0; font-size: 10px; }
.vignette-categorie .select-cat{width:220px;padding:8px 4px 0 8px}
.vignette-categorie .select-cat select { width:220px;background-color:#f0f0f0;color:#646464;font-size: 10px;}

.vignette-categorie1 {float: left; height:243px; width:243px;background-image: url(../images/hydroleduc-vignette-categorie.png); position: relative; }
.vignette-categorie1 .titre-cat { font-size: 14px; color:#fff; padding: 10px 0 0 138px; font-weight: bold;   font-style:italic;text-indent:-130px; height:40px; }
.vignette-categorie1 .image-cat  { padding: 2px 0 0 20px;height:160px; }
.vignette-categorie1 .texte-cat { padding: 5px 0 0 10px; font-size: 12px; height:25px; }

.vignette-produit {float: left; height:252px; width:252px;background-image: url(../images//hydroleduc-vignette-categorie-pompe.png);padding-right:30px: position: relative; }
.vignette-produit .titre-pro { font-size: 16px; color:#fff; padding: 10px 0 0 15px; font-weight: bold;   font-style:italic; height:40px; }
.vignette-produit .texte-pro {float: left; height:110px; width:90px; padding: 0px 0 0 9px; font-size: 10px;text-align;justify;} 
.vignette-produit .image-pro  {float: left; height:110px; width:148px; padding: 0;margin-bottom: 10px;}
.vignette-produit .description-pro {clear:both; padding: 0; font-size: 10px; }
.vignette-produit .liens {width: 252px; height:60px;  margin:0; }
.vignette-produit  .ul {padding: 0; margin-left: 0px; }
.vignette-produit  .li {list-style-type: square;  }

h1 {
font-size: 140%;
height: 50px;
line-height: 50px;
font-weight: normal;
background-image: url(../images/bandeau.png);
text-indent: 15px;
color: white;
padding-bottom: 10px;
letter-spacing: -0.2px;
}
#menubar {
    background: linear-gradient(to bottom, #383838, #2F2F2F) repeat scroll 0 0 #333333;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0) inset;
    color: rgba(255, 255, 255, 0.5);
}

.verrou{  url(../verou.png) no-repeat fixed 0 0 transparent;
}
a {
    color: #2F66A7;
}
a:link, a:visited {
    color: #2F66A7;}
  
  #innerbottom {border:none}
  
.module .module-title {
    text-transform: none;
}

#system .items .leading .item {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
    padding-bottom: 12px;}
  
  #system .items .leading .item{
    border-bottom: none;
   }
  
.module{margin-top:20px;margin-bottom:0px;}

.grid-v .mod-line:before {
    border-top: 0 solid #EEEEEE;}
  
h4{color:#4176AC;font-size:14px;}
h3{color:#4176AC;font-size:14px;margin-top:40px;border-bottom:1px dashed #ccc;padding-bottom:5px;}

a:link, a:visited {
    color:#173866;
}

.float-left {
      margin-left: 10px;}
    
.float-right {
       margin-right: -3px;}
     
.module .module-title {
    font-size: 18px;
    text-transform: none;
  /*background-image: url(../images/carrieres.png );*/
}

.grid-v .mod-line rounded{
       background: red;}
     
.module .module-title .icon-cart {
    background-position: 0 -149px;
}
.menu-sidebar a{
    color: #444;
}
.module .module-title .icon {margin-left:-10px;}

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
font-size:13px;
    text-transform: uppercase;}
	
h1 {
    background-image: url("../images/bandeau.png");
    font-size: 180%;
    line-height: 50px;
    padding-bottom: 10px;
    text-indent: 15px;
}	
.menu-dropdown li.level3 {
    font-size: 8px;
    line-height: 17px;
}

.vignettesimg{box-shadow: 0px -1px 0px transparent inset;}