/*
 * Layout - VERTICAL MENU
 *
 * @author Christophe Porteneuve <christophe@ciblo.net>
 * @author Julien Vignolles <julien@ciblo.net>
 * @author Thomas Lecavelier <thomas@ciblo.net>
 * @author Gregory Jaklimovitch <gregory@ciblo.net>
 * @legals © 2008–2010 Ciblo SA.
 */

/* leftBlock */
.leftBlock { display: block; width:100%; margin-bottom: 0.5em; position: relative; }

/* leftForm */
.leftForm { 
  position: relative; padding: 0.5em 5% 1em; background: black; 
}
.leftForm .formTitle { margin-bottom: 0.3em; font-size: 12px; font-weight: bold; color: white; }
.leftForm .searchBox { 
  width: 10.5em; padding: 0.2em 0; background: white; 
}
.leftForm .leftFormInfo { margin: 0.7em 0 1em; font-size: 11px; color: black; }
/* searchForm */
#searchForm {
  position: relative; z-index: 1; width: 90%; margin: 0;
  background: black url(../images/bg_search.png) left top repeat-x;
}
#searchForm .formTitle { width: 5.5em; }
#searchForm .okBtn {
  background-image: url(../images/bg_btnok_search.gif); 
}
#searchForm .okBtn:hover {
  background-image: url(../images/bg_btnok_search_hover.gif); 
}
/* newsletterForm */
#newsletterForm { 
  position: relative; z-index: 0; top: -0.5em; margin: 0; width: 90%; padding: 1.5em 5%;
  background: #e7e7e7 url(../images/bg_newsletter.png) left top repeat-x; 
}
.newsletterInfo span { display: block; }
.newsletterInfo .inputTitle { margin-bottom: 0.3em; font-size: 11px; }
.newsletterLign .okBtn { 
  width: 2.2em; height: 1.7em; font-size: 11px; color: #EAEAEA;
  background-image: url(../images/bg_btnok_newsletter.gif); 
}
.newsletterLign .okBtn:hover { 
  color: white; background-image: url(../images/bg_btnok_newsletter_hover.gif); 
}

/* catMenu */
.catMenu { 
  position: relative; width: 100%; padding-bottom: 4em; background-color: #242424; 
}
.catMenu .catTitle {
  display: block; padding: 0.5em 0.7em; font-size: 14px; font-weight: bold;
  text-transform: uppercase; color: #e10312; background-color: black;
}
.catMenu ul { border-bottom: 1px solid #404040; }
.catMenu li { width: 100%; border-top: 1px solid #404040; }
.catMenu li.separator { height: 1.6em; }
.catMenu li a {
  display: block; padding: 0.1em 2%; width: 96%; font-size: 12px; color: #dedede;
}
.catMenu li.active a, .catMenu li a:hover { text-decoration: none; background-color: #363636; }

/* licenceesDiscount */
#contentLeft .licenceesDiscount {
  display: block; width: 94%; height: 15.7em; font-weight: bold; padding: 1em 3%;
  background: transparent url(/images/img_offre_licencies.png) top left no-repeat;
}
#contentLeft .licenceesDiscount:hover,
#contentLeft .licenceesDiscount:focus { text-decoration: none; }
#contentLeft .licenceesDiscount span { display: block; }
#contentLeft .licenceesDiscount .intro { width: 10em; font-size: 12px; }
#contentLeft .licenceesDiscount .discount {
  margin: 0.15em 0; font-size: 36px; color: #4575c3; height: 1.1em;
  text-shadow: 3px 0 1px #bfbfbf, 0 3px 1px #bfbfbf, -3px 0 1px #bfbfbf, 0 -3px 1px #bfbfbf,
    3px 3px 1px #bfbfbf, -3px 3px 1px #bfbfbf, -3px -3px 1px #bfbfbf, 3px -3px 1px #bfbfbf;
}
#contentLeft .licenceesDiscount .details { font-size: 13px; color: #9f8989; }
#contentLeft .licenceesDiscount .details strong { color: black; display: block; }

/* loyalty */
#loyaltyPointsBlock:hover, #loyaltyGainBlock:hover { text-decoration: none; }
#loyaltyPointsBlock span {
  position: absolute; left: 92px; bottom: 36px; font-weight: bold; font-size: 12px; color: white;
  -webkit-transform: rotate(5.5deg) translateY(-3px);
  -moz-transform: rotate(5.5deg) translateY(-3px);
  -o-transform: rotate(5.5deg) translateY(-3px);
}

#loyaltyGainBlock span {
  position: absolute; left: 110px; bottom: 38px; font-weight: bold; font-size: 20px; color: white;
  -webkit-transform: rotate(-3deg) translateY(-2px);
  -moz-transform: rotate(-3deg) translateY(-2px);
  -o-transform: rotate(-3deg) translateY(-2px);
}

/* partnersBlock */
#partnersBlock {
  position: relative; width: 89%; padding: 0.5em 5%; font-size: 12px; font-weight: bold; 
  border: 1px solid #DDDCDC;
}
#partnersBlock .leftTitle { display: block; margin-bottom: 1em; }
#partnersBlock .leftTitle a { font-size: 14px; font-weight: bold; }
#partnersBlock .leftTitle a:hover { text-decoration: underline; }
#partnersBlock img { display: block; margin: 0.5em auto; }