/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Biorderma
    created:    2012-09-04

    summary:    PRINT
                RESET
                GENERIC
                HEADER
                NAV
                PAGE
                TITLE
                BLOCKS
                LIST
                LINKS
                FOOTER
                FORM
                BOOTSTRAP
                COLORS


----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */

@media print {

}

/*  =RESET
----------------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
  font-size: 69%; /* :INFO:1em = 11px */
  text-align: center;
  margin: 0;
  height: 100%;
  color: #000;
  background: #fff;
  line-height: 1.2;
}

input {
  height: auto;
  border: 0
}

a img, fieldset, form {
  border: 0;
}

ins, abbr, acronym {
  text-decoration: none;
  border: 0;
  font-style: normal;
}

a:hover ins, a:hover abbr, a:hover acronym {
  text-decoration: underline;
}

address {
  font-style: normal;
}

ul {
  list-style: none;
}

q:before, q:after {
  content: '';
}

small {
  font-size: 0.9em;
}

input, select, textarea, button {
  font: 1em Arial, Verdana, Helvetica, sans-serif;
}

textarea {
  overflow: auto;
}

article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video, figcaption, hgroup {
  display: block;
}

abbr, eventsource, mark, meter, time, progress, output, bb {
  display: inline;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/*ie7*/
.clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.hide {
  display: none;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

iframe {
  border: 0;
}

hr.clear {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 0;
  clear: both;
}

hr,
.accessibility {
  position: absolute;
  left: -9999em;
}

button {
  width: auto;
  overflow: visible;
  border: 0;
  background: none;
  cursor: pointer;
}

input.submit {
  width: auto !important;
  height: auto !important;
  cursor: pointer !important;
  border: 0 !important;
  overflow: visible;
  float: left;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*  =GENERIC
----------------------------------------------------------------------------- */

#content {
  margin: 0 auto;
  text-align: left;
  position: relative;
  background: #fff;
}

.background {
  display: block;
  background: #617590;
  height: 89px;
  position: absolute;
  z-index: 0;
  right: 100%;
  top: 35px;
  width: 20px;
}

a {
  color: #666;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

body a {
  color: #0074BD;
}

#nav:after,
#header:after,
.block-type-47:after,
.block-type-95:after,
#page-inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#nav,
#header {
  display: inline-block;
  display: block;
}

.cache {
  display: none;
  z-index: 7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4d5862;
}

/* =HEADER
----------------------------------------------------------------------------- */

#header {
  margin: 0 auto;
  width: 960px;
  min-height: 195px;
  position: relative;
  z-index: 5;
  zoom: 1;
  background: #FFF;
}

.home #header {
  min-height: 156px;
}


#header .logo {
  display: block;
  float: left;
  margin-left: 30px;
  height: 78px;
  margin-top: -10px;
}

#header .logo img {
  width: 265px;
}

#header .logo p {
  text-transform: uppercase;
  color: #333;
  font-size: 1.65em;
  letter-spacing: 0.05em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

#header li > a {
  color: #4c5b74;
}

#header .header-links {
  position:relative;
  top:7px;
  height: 28px;
  margin-bottom: -28px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-align: right;
}

#header .region-logo {
  margin-top: 21px;
  clear: both;
}

#header .header-search {
  float: right;
  padding-top: 9px;
  position: relative;
  z-index: 10;
}

[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  background: url(../img/skin/pictos.png) 100px 100px no-repeat;
  width: 16px;
  height: 16px;
  vertical-align: sub;
}

.icon-user {
  background-position: 0 -10677px;
  width: 15px;
  height: 17px;
}

.icon-gift {
  background-position: 0 -10724px;
  width: 11px;
  height: 12px;
}

.icon-close {
  background-position: 0 -10758px;
  width: 11px;
  height: 12px;
}

#header .block-search {
  position: relative;
}

#header .header-links li.lang {
  position: relative;
  z-index: 2;
}

#header .links {
  float: right;
}

#header .links > ul > li {
  display: inline-block;
  margin-right: 4px;
}

#header .links > ul > li > a {
  display: block;
  line-height: 2.6em;
  text-transform: uppercase;
  padding: 1px 10px;
}

#header .links > ul > li#myspace-menu > a {
  text-transform: none;
}

#header .header-links li.lang > a {
  background: url(../img/skin/pictos.png) 2px -490px no-repeat;
  padding-left: 12px;
}

#block-locale-language {
  float:right;
  margin: 0.2em 1em 0;
}

#block-locale-language .language-switcher-locale-url {
  background: #d2d6de;
  border-radius: .5em;
  border: 2px solid #ECEDED;
  padding: .25em 0.8em
}

#block-locale-language .language-switcher-locale-url li {
  display: inline-block;
}

#block-locale-language .language-switcher-locale-url li:after {
  content:"/";
  margin-left: .3em;
}

#block-locale-language .language-switcher-locale-url li.last:after {
  content:none;
}


#block-locale-language .language-switcher-locale-url a {
  font-family:  'Century Gothic W02', 'Trebuchet MS',Arial;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #464646;
}

#block-locale-language .language-switcher-locale-url a.active{
  font-weight: bold;
  color: #617590;
}

/*
.msie7 #header .links ul li.lang  {
    width:87px;
}*/

#header .links ul li.lang > a {
  background: url(../img/skin/pictos.png) 10px -490px no-repeat #fff;
  color: #4c5b74;
  display: block;
  padding: 0 10px 0 24px;
  height: 28px;
  line-height: 28px;
  position: relative;
  z-index: 30;
}

#header .links ul li.lang .panel a:hover {
  text-decoration: underline;
}

#header .links-02 .lang {
  background: url(../img/skin/bg-pipe-02.png) right center no-repeat #fff;
}

#header .links-02 .lang:hover .panel {
  display: block;
}

#header .links-02 ul li.lang a {
  background: none;
  margin: 0 0 0 14px;
  padding: 0;
  position: relative;
  z-index: 30;
  color: #394D68;
}

#header .links-02 ul li.lang a.active,
#header .links-02 ul li.lang a:hover {
  border-bottom: 2px solid #394d68;
}

#header .links ul li.type a:hover {
  text-decoration: underline;
}

#header .links ul li.my-space a {
  color: #fff;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  display: block;
}

#header .links ul li.my-space a:hover {
  background: #6c7b95;
}

#header .links ul li.login {
  background: #ceddea;
  color: #fff;
}

#header .links ul li.login a {
  color: #394d68;
  padding: 0 12px 0 30px;
  background: url(../img/skin/pictos.png) 10px -692px no-repeat #ceddea;
  height: 28px;
  display: block;
  line-height: 28px;
}

#header .links ul li.login a:hover {
  background-color: #a5bdd8;
}

#header .links ul li.last a:hover {
  text-decoration: underline;
}

#header .links .lang.active {
  border-left: 1px solid #ebeded;
  border-right: 1px solid #ebeded;
}

#header .links .lang.active > a,
#header .links .lang:hover > a {
  background: url(../img/skin/picto-arrow-17.png) 0 11px no-repeat;
}

#header .links .lang:hover .panel {
  display: block;
}

#header .links .panel {
  background: #fff;
  border: 1px solid #ebeded;
  position: absolute;
  text-align: left;
  padding: 15px 20px 20px;
  width: 298px;
  top: 26px;
  left: -1px;
  z-index: 20;
  display: none;
  text-transform: uppercase;
}

#header .links .panel .col {
  float: left;
  padding-right: 18px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1em;
  width: 130px;
}

#header .links .panel .col p {
  border-bottom: 3px solid #657a95;
  margin: 0 0 5px 0;
  padding: 0 0 3px 0;
}

#header .links .panel .col li {
  display: block;
}

#header .links .panel .col p,
#header .links .panel .col a {
  color: #4c5b74;
  line-height: 1.3em;
}

#header .links-02 .lang li {
  float: left;
  margin: 0 8px 0 0;
}

.breadcrump {
  color: #b1b3b4;
  font-size: 0.9em;
  position: relative;
  display: block;
  left: 32px;
  clear: both;
  top: 50px;
  padding:0;
}

#block-steps .breadcrump {
    top: 0;
}

.inner-page {
  padding: 20px;
}


.breadcrump a {
  color: #b1b3b4;
}

.breadcrump span.last {
  color: #4a494e;
}

.breadcrump a:hover {
  text-decoration: underline;
}

.home .breadcrump {
  display: none;
}

#myspace-menu {
  position: relative;
  min-width: 133px;
  text-align: left;
}

#myspace-menu .block-myspace {
  display: none;
  padding: 5px 10px;
  border: 1px solid #eceded;
  box-shadow: 0 3px 7px #eee inset;
  text-align: left;
  position: absolute;
  top: 27px;
  left: 0;
  min-width: 115px;
}

#myspace-menu:hover .block-myspace {
  display: block;
}

#myspace-menu .block-myspace a {
  padding: 4px 0;
  display: block;
}

#myspace-menu .block-myspace a:hover {
  text-decoration: underline;
}

#myspace-menu .block-myspace p {
  color: #6c7b95;
  font-size: 1.25em;
  /* float: left; */
  padding: 0 10px 0 0;
}

#myspace-menu .block-myspace ul li a span {
  color: #57cfff;
  font-size: 0.9em;
}

#header .user-login {
  position: relative;
}

#header .user-login:hover > a {
  position: relative;
  z-index: 10;
  background: #f1f3f5;
}

.login-block.login-window {
  display: none;
  position: absolute;
  top: 28px;
  right: -190px;
  width: 361px;
  background: #f1f3f5;
  border-top: 2px solid #677c94;
  z-index: 9;
  padding: 15px 20px 10px;
  text-align: left;
}

.login-block.login-fullpage {
  width: 782px;
  margin: auto;
}

#header .user-login:hover .login-window {
  display: block;
}

.login-block .login-register, .login-window #form-login, .login-window #form-login-full {
  width: 160px;
  float: left;
  position: relative;
  height: 210px;
}

.login-block.login-fullpage #form-login-full.no-register {
  margin:auto;
  float:none;
}

.login-block.login-fullpage .login-register, .login-block.login-fullpage #form-login, .login-block.login-fullpage #form-login-full {
  background: #f1f3f5;
  width: 345px;
  margin: 0 2px;
  float: left;
  position: relative;
  height: 180px;
  padding: 10px 20px;
}

.login-block #form-login, .login-block #form-login-full {
  border-left: 1px solid #e9ebec;
  margin-left: 20px;
  padding-left: 20px;
}

.login-block #form-login .bloc-label-input label,
.login-block #form-login .bloc-label-checkbox label,
.login-block #form-login-full .bloc-label-input label,
.login-block #form-login-full .bloc-label-checkbox label {
  line-height: 1em;
  height: auto;
  margin-bottom: 5px;
  float: none;
  text-align: left;
  font-family: 'Trebuchet MS', Arial;
}

.login-block #form-login input[type="text"],
.login-block #form-login input[type="password"],
.login-block #form-login-full input[type="text"],
.login-block #form-login-full input[type="password"] {
  float: none;
  padding: 2px 0 2px 5px;
  width: 95% !important;
  margin-right: 0;
}

.login-block .bloc-label-input {
  margin-bottom: 10px;
  clear: both;
}

.login-block h2 {
  text-transform: uppercase;
  color: #4c5b74;
  font-weight: normal;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}

.login-block p {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  color: #565656;
}

.login-block p a {
  color: #565656;
  text-decoration: underline;
}

.login-block .login-subtitle {
  font-size: 1.75em;
  color: #667b94;
  font-weight: bold;
}

.login-block .btn-type-03 {
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 2em;
  display: block;
  text-align: center;
  margin-bottom: 12px;
  margin-top: 5px;
  padding: 1px 5px;
}

.login-block input.btn-type-03 {
  width: 100%;
}

.login-block.login-window input.btn-type-03 {
  margin-bottom: 0;
}

.login-block .login-bottom-links {
  position: absolute;
  bottom: 0;
  width: 160px;
}

.login-block.login-fullpage .login-bottom-links {
  width: 250px;
  padding: 0 47px;
}

.login-block a.password {
  display:block;
  color: #565656;
  text-decoration: underline;
  text-align: center;
  font-size: 10px;
}

.login-block.login-fullpage a.password {
  position: absolute;
  bottom: 50px;
  left: 200px;
}

.no-register .login-block.login-window {
  right:auto;
  width: auto;
}

.no-register .login-block #form-login {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}

/* =NAV
----------------------------------------------------------------------------- */

#nav {
  width: 928px;
  margin: 0 0 0 32px;
  float: left;
  position: relative;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  zoom: 1;
  display: block;
  height: 30px;
  z-index: 1;
}

#nav > ul {
  float: left;
  padding: 4px 0 0 0;
  position: relative;
  z-index: 8;
}

#nav > ul > li:first-child {
  padding-left: 0;
  background: none;
}

#nav > ul > li {
  float: left;
  background: url(../img/skin/bullet-02.png) left 6px no-repeat;
  padding: 0 18px 0 18px;
  height: 26px;
}

#header #nav > ul > li:hover > .sub-menu {
  display: block;
}

#nav > ul > li > a {
  color: #394d68;
  text-transform: uppercase;
  font-size: 1.25em;
  border-bottom: 3px solid #fff;
  display: block;
}

#nav > ul > li.peau > a {
}

#nav > ul > li:hover > a,
#nav > ul > li > a:hover,
#nav > ul > li.active > a {
  border-bottom: 3px solid #4c5b74;
}

#nav .sub-menu,
#nav .sub-menu-xl {
  width: 928px;
  left: 0;
  top: 28px;
  position: absolute;
  z-index: 8;
  background: #c9d9e6;
}

#nav .last .sub-menu {
  width: 847px;
}

#nav .sub-menu > ul {
  position: relative;
}

#nav .sub-menu > ul > li,
#nav .sub-menu-xl > ul > li {
  float: left;
  border-right: 1px solid #a5bdd8;
}

#nav .sub-menu > ul > li:hover,
#nav .sub-menu-xl > ul > li:hover,
#nav .sub-menu > ul > li.active,
#nav .sub-menu-xl > ul > li.active {
  background: #a5bdd8;
}

#nav .sub-menu > ul > li:hover .super-sub {
  display: block;
  left: 0;
}

#nav .sub-menu > ul > li:hover > a,
#nav .sub-menu-xl > ul > li:hover > a {
  color: #fff;
  background: none;
}

#nav .sub-menu > ul > li > a,
#nav .sub-menu-xl > ul > li > a {
  text-transform: uppercase;
  color: #394d68;
  text-align: center;
  display: block;
  font-size: 1.1em;
  padding: 10px;
  width: auto;
  min-width: 85px;
}

#nav .sub-menu > ul > li.last {
  border-right: 0;
}

#nav .sub-menu > .menu-xl {
  display: block;
}

#nav .sub-menu-xl > ul > li.last {
  border-right: 0;
}

#nav .sub-menu > ul > li.active a,
#nav .sub-menu > ul > li a.active,
#nav .sub-menu-xl > ul > li.active a,
#nav .sub-menu-xl > ul > li a.active,
#nav .sub-menu > ul > li > a:hover,
#nav .sub-menu-xl > ul > li > a:hover {
  background: url(../img/skin/pictos.png) center -10780px no-repeat #a2bbda;
  color: #fff;
}

#nav .sub-menu > ul > li > a:hover,
#nav .sub-menu-xl > ul > li > a:hover {
  background-image: none;
}

body.domain-www-bioderma-fr #nav li.active .sub-menu, body.domain-www-bioderma-fr #nav li.active .sub-menu-xl{
  display: block !important;
  z-index: 8;
}

.super-sub {
  height: 55px;
  width: 935px;
  position: relative;
  margin: 0 0 30px 23px;
}

#nav .super-sub {
  left: -5000px;
  position: absolute;
  top: 28px;
  width: 928px;
  margin: 0;
}

.super-sub ul {
  overflow: hidden;
  height: 55px;
}

.super-sub .caroufredsel_wrapper {
  width: 933px !important;
  margin: 0 0 0 2px !important;
}

.super-sub .mask {
  width: 912px;
  overflow: hidden;
}

.super-sub ul > li {
  float: left;
  height: 55px;
  display: block;
  width: 114px;
}

.super-sub ul > li > a {
  color: #394d68;
  text-align: left;
  width: 108px;
  display: block;
  padding: 10px 0 0 5px;
  height: 45px;
  line-height: 1em;
  border-right: 1px solid #d8e3ee;
}

.super-sub ul > li > a:hover {
  color: #fff;
}

.super-sub ul > li.selected a {
  color: #fff;
}

.super-sub ul > li > a span {
  display: block;
  text-transform: uppercase;
  padding: 0 0 2px 0;
}

#header .block-search input[type="text"] {
  width: 152px;
  height: 20px;
  line-height: 20px;
  background: #fff;
  padding: 0 25px 0 5px;
  border: 2px solid #eceded;
  color: #394d68;
  font-size: 0.9em;
}

#header .block-search input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: block;
  background: url(../img/skin/pictos.png) left -400px no-repeat;
  border: 0;
  line-height: 30em;
  width: 11px;
  height: 14px;
  text-indent: -9999px;
  cursor: pointer;
  top: 5px;
  right: 8px;
}

.super-sub .carousel-control,
.super-sub .next,
.super-sub .prev {
  background: url(../img/skin/pictos.png) left -800px no-repeat;
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 23px;
  height: 55px;
  z-index: 10;
}

.super-sub .prev {
  left: -23px;
}

.super-sub .pagination-links {
  display: none;
}

.super-sub .next {
  right: 0;
  background-position: right -800px;
}

#nav .sub-products {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  width: 900px;
  min-height: 313px;
  display: none;
  left: 0;
  top: 26px;
  position: absolute;
  z-index: 10;
  box-shadow: 0 3px 2px #c5cad0;
}

/*#nav .products:hover .sub-products {
    display:block;
}*/

#nav .sub-products .inner  {
  padding: 24px 0 14px 20px;
  border-top: 0;
  position: relative;
}

#nav .sub-products .title {
  color: #565656;
  font-size: 1.1em;
  padding: 0 0 18px 0;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

#nav .sub-products .section {
  border-right: 1px solid #62768f;
  float: left;
  width: 400px;
  min-height: 240px;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

#nav .sub-products .inner div:first-child  {
  padding-left: 0;
}

#nav .sub-products .section.last {
  border: 0;
  width: 450px;
}

#nav .sub-products .section .block-ranges {
/*  padding: 0 18px 0 0; */
}

#nav .sub-products .section .block-ranges li {
/*  padding: 0 0 6px 18px; */
  line-height: 1.1;
}

#nav .sub-products .section .block-ranges li a {
  font-size: 1em;
}

#nav .sub-products .section .block-need {
  width: 450px;
}

#nav .sub-products .section .block-need li a {
  font-size: 0.9em;
}

#nav .sub-products .section .block-need .block {
  float: left;
  padding: 0 40px 15px 0;
  min-height: 100px;
}

.msie7 #nav .sub-products .section .block-need .block,
.msie8 #nav .sub-products .section .block-need .block {
  padding: 0 15px 15px 0;
}

#nav .sub-products .section .block-need .block p {
  padding: 0 0 8px 0;
  text-transform: uppercase;
}

#nav .sub-products .section .block-help {
  padding: 15px 0 0 0;
  width: 174px;
}

#nav .sub-products .section .block-help .title {
  color: #394d68;
  font-size: 1.45em;
  text-align: center;
  padding: 25px 0 0 0;
  font-style: italic;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

#nav .sub-products .btn-line {
  overflow: hidden;
  width: 850px;
  text-align: right;
  padding: 0 15px 0 0;
}



/* =PAGE
----------------------------------------------------------------------------- */

#page {
  position: relative;
  text-align: left;
  z-index: 5;
  overflow: hidden;
  zoom: 1;
}

.msie7 #page {
  float: left;
}

#facebook-panel {
  position: fixed;
  right: 0;
  top: 180px;
  width: 0;
  padding: 0 0 0 21px;
  cursor: pointer;
  z-index: 7;
  background: url(../img/skin/btn-fb.png) left top no-repeat;
}

#facebook-panel > iframe {
  background: #fff;
}

#facebook-panel.active {
  background: url(../img/skin/btn-fb-on.png) left top no-repeat;
}
.admin-menu #twitter-panel {
  top: 365px;
}

#twitter-panel {
  position: fixed;
  right: 0;
  top: 310px;
  width: 0;
  padding: 0 0 0 21px;
  width: 0;
  cursor: pointer;
  z-index: 8;
  background: url(../img/skin/btn-tw.png) left top no-repeat;
}

#twitter-panel > iframe {
  background: #fff;
}

#twitter-panel.active {
  background: url(../img/skin/btn-tw-on.png) left top no-repeat;
}

#page-inner {
  width: 958px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  border-top: 1px solid #eceded;
  border-left: 1px solid #f1f1f2;
  border-right: 1px solid #f1f1f2;
  background: #fff;
}

#page-inner.page-home {
  border-left: 0;
  border-right: 0;
  width: 960px;
  overflow: visible !important;
  position: relative;
  padding: 0 0 30px 0;
  border-top: 0;
  background: #fff;
}

#page-inner.page-infography, #page-inner.page-interview {
  border-left: 0px;
  border-right: 0px;
}

#page-inner.page-home-product,
#page-inner.page-range {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#page-inner.page-home-product {
  border-top: 0;
}

.product_list_title{
  color: #546886;
  line-height: 1;
  margin-bottom: 4px;
  text-transform: initial;
  font-size: 1.3em;
  font-family: "Century Gothic W02","Trebuchet MS",Arial,sans-serif;
}

.product_list_subtitle{
  font-size: .813rem;
  line-height: 140%;
  margin-bottom: 2px;
  font-family: "Century Gothic W02","Trebuchet MS",Arial,sans-serif;
}

#product_list_main{
  float: left;
}

#product_list_view{
  width: 960px;
}

.with_pllp-01 {
  width: 845px;
}

.no_pllp-01 {
  width: 630px;
}

#page-inner #main {
  width: 724px;
  float: left;
}

#page-inner #sidebar {
  width: 234px;
  float: left;
}

#page-inner.page-search #sidebar {
  width: 244px;
}

#page-inner.page-search #main {
  width: 714px;
}

#page-inner.page-article #sidebar {
  padding: 74px 0 0 0;
}

#page-inner #sidebar .first {
  border-top: 1px solid #ecedef;
  margin-top: 0;
}

.page-mag {
  background: url(../img/skin/bg-page-cols.png) left top repeat-y;
}

.page-news {
  background: url(../img/skin/bg-page-cols.png) left top repeat-y;
}

.page-news .title-type-01 a:hover {
  text-decoration: underline;
}

.page-tips,
.page-abc,
.page-encyclo {
  background: url(../img/skin/bg-page-cols.png) left top repeat-y !important;
}

.mag-home {
  background: #fff;
}

.page-club .title-type-03 {
  padding-left: 35px;
  border-bottom: 0;
}

#page-inner.page-club {
  border-left: none;
  border-top: none;
  width: 959px;
  border-right: 0;
}

#page-inner.semi-border{
  border-left: 1px solid #f1f1f2;
  border-top: 1px solid #f1f1f2;
}

#page-inner.page-club .messages.status {
  display: none;
}

#page-inner.club-layout-01 #main {
  width: 729px;
}

#page-inner.club-layout-01 #sidebar {
  width: 207px;
  float: right;
}

#page-inner.club-layout-02 #main {
  width: 765px;
}

#page-inner.club-layout-02 #sidebar {
  width: 195px;
  float: left;
}

#page-inner.page-contact {
  border-right: 0;
  width: 959px;
  padding-bottom: 0;
}

.page-contact .title-type-03 {
  border-bottom: 0;
}

.page-contact #main {
  border-left: 1px solid #F1F1F2;
}

.splash {
  background: url(../img/skin/bg-splash.jpg) center top no-repeat #f6fbfe;
  margin: 0 28px 28px 28px;
  position: absolute;
  top:0;
  right:0;
  left:0;
}

.page-choose-country{
  background-color: #f6fbfe;
}

.splash .punchline {
  text-align: right;
  color:#565656;
}

.splash .bg {
  display: none;
}

.msie7 .splash .bg,
.msie8 .splash .bg {
  /* Set rules to fill background */
  display: block;
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  z-index: 0;
  left: 0;
}

.splash #content {
   /*background:  url(../img/skin/bg-bande-blanche.png) top left repeat-x transparent;
*/
  background: transparent;
  position: relative;
  z-index: 5;
}

.splash #page {
/*  width: 1280px;*/
  margin: 0 auto;
  height: 850px;
  float: none;
}

.splash #page .content {
  float: right;
  width: 850px;
  margin: 28px 2em 0 0;

}

.splash #page h1 {
  display: block;
  text-align: right;
  margin: 18px -22px 112px 0;
}

.splash #page .content .lang {
  overflow: hidden;
  height: 575px;
  margin: auto;
  text-align:left;
  color:#565656;
  /*padding-left:110px;*/

}

.splash #page .content .col {
  float: right;
  margin:auto;

}

.splash #page .content .title {
  text-transform: uppercase;
  color: #617590;
  font-size: 1.45em;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  padding: 0 0 30px 0;
}

.splash #page .content li {
  margin: 0 0 6px 0;
}

.splash #page .content a {
  color: #565656;
  text-decoration: none;
  font-size: 1em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  height: 15px;
  border-left: 1px solid #565656;
  padding: 0 0 0 6px;
}

.splash #page .content a:hover {
  text-decoration: underline;
}

/* =TITLES
----------------------------------------------------------------------------- */

.title-type-01,
#form-contact label.title-type-01 {
  font-weight: normal;
  text-transform: uppercase;
  color: #4b5d74;
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 12px 10px;
}

.title-type-01 a {
  color: #4b5d74;
}

.title-type-01 span {
  color: #8dabca;
}

.title-type-01.low {
  text-transform: none;
  font-size: 1.45em;
}

.title-type-02 {
  text-transform: uppercase;
  color: #fff;
  background: #ace9fe;
  font-size: 7em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 10px;
  line-height: 1em;
  margin: 0 0 10px 0;
}

.title-type-03 {
  text-transform: uppercase;
  color: #fff;
  background: #ace9fe;
  font-size: 2.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 2px 10px;
  line-height: 1.15em;
  border-bottom: 10px solid #fff;
  min-height: 36px;
}

.title-type-04 {
  text-transform: uppercase;
  font-size: 2.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  line-height: 1em;
  color: #394d68;
  padding: 0 0 15px 0;
}

.title-type-05 {
  text-transform: uppercase;
  font-size: 1.25em;
  font-family: 'CenturyGothicW02-BoldIt', 'Trebuchet MS', Arial;
  font-weight: normal;
  color: #fff;
}

.title-type-05 span {
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  background: #667b94;
}

.title-type-01-article-fav {
  font-weight: normal;
  text-transform: uppercase;
  color: #4b5d74;
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 12px 0;
}

/* =BLOCKS
----------------------------------------------------------------------------- */

.block-gradient {
  background: url(../img/skin/bg-gradient-01.png) left top repeat-x;
  padding: 18px 0 0 0;
  border-top: 1px solid #eceded;
  zoom: 1;
}

.page-home .block-gradient {
  padding: 18px 0 20px 0;
}

.page-mag .block-gradient {
  clear: both;
}

.container {
  overflow: hidden;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .tab-pane.active {
  display: block;
}

.block-type-01 .link-type-01,
.block-type-04 .link-type-01 {
  float: right;
  margin: 12px 0 0 0;
}

.block-type-01 .main,
.block-type-04 .main {
  overflow: hidden;
  margin: 0 20px 0 0;
  width: 635px;
  float: left;
}

.block-type-01 .aside,
.block-type-04 .aside {
  float: left;
}

.block-type-01 .aside .list-type-01 {
  width: 280px;
  min-height: 190px;
}

.block-type-04 .aside .list-type-01 {
  width: 280px;
  min-height: 195px;
}

.block-type-01 .aside .list-type-01 .last,
.block-type-04 .aside .list-type-01 .last {
  padding-bottom: 0;
}

.block-type-01 .main > img,
.block-type-04 .main > img {
  display: block;
  float: left;
}

.block-type-01 .main .content {
  background: url(../img/skin/bg-block-type-01-border.png) left top no-repeat #f4e7de;
  float: left;
  width: 430px;
  height: 170px;
  padding: 20px 0 0 10px;
}

.block-type-01 .main .content .title,
.block-type-04 .main .content .title {
  color: #394d68;
  font-size: 1.65em;
  font-weight: normal;
  padding: 0 0 15px 0;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-01 .main .content .quote {
  color: #dc6210;
  font-size: 1.65em;
  font-family: 'Trebuchet MS', Arial;
  line-height: 1.1em;
  padding: 0 0 15px 0;
}

.block-type-01 .main .content .quote span.start {
  background: url(../img/skin/pictos.png) left -2895px no-repeat;
  display: inline-block;
  width: 20px;
  float: left;
  height: 40px;
}

.block-type-01 .main .content .quote span.stop {
  background: url(../img/skin/pictos.png) 5px -3000px no-repeat;
  display: inline-block;
  width: 20px;
  height: 14px;
}

.block-type-01 .main .content .title-02 {
  color: #565656;
  font-size: 1.45em;
  font-weight: normal;
  padding: 0 0 5px 0;
  font-family: 'Trebuchet MS', Arial;
}

.block-type-01 .main .content p,
.block-type-04 .main .content p {
  color: #565656;
  font-size: 1.1em;
  width: 375px;
  line-height: 1.1em;
}

.block-type-02 .inner {
  background: #eaf0f6;
  padding: 10px 0;
}

.block-type-02 .inner ul li {
  padding: 6px 0 0 0;
  width: 245px;
  margin: 0 auto;
}

.block-type-02 .inner ul li .btn-type-01 {
  width: 243px;
  display: block;
}

.block-type-02 .inner ul li:first-child {
  padding: 0;
}

#block-myspace {
  width: 635px;
  float: left;
}

#block-myspace .buttons {
  height: 33px;
  overflow: hidden;
}

#block-myspace .buttons a {
  display: block;
  border: 1px solid #eaf0f6;
  line-height: 31px;
  text-transform: uppercase;
  width: 300px;
  float: left;
  padding: 0 0 0 16px;
  color: #4b5d74;
  font-size: 1.1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

#block-myspace .buttons a:hover {
  text-decoration: underline;
}

#block-myspace .buttons a.log {
  background: #eaf0f6;
  color: #384c69;
  border: 1px solid #eaf0f6;
  border-right: none;
}

#block-myspace ul {
  height: 98px;
  background: #eaf0f6;
}

#block-myspace ul li {
  border-left: 1px solid #d8e3ee;
  margin: 11px 0 0 0;
}

#block-myspace ul li:first-child {
  border: 0;
}

#block-myspace ul li a {
  background: #eaf0f6;
  display: block;
  height: 27px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  color: #384c69;
  font-size: 0.9em;
  text-transform: uppercase;
  text-align: center;
  padding: 60px 0 0 0;
  background: url(../img/skin/pictos.png) left top no-repeat;
}

#block-myspace ul li a:hover {
  text-decoration: underline;
}

#block-myspace ul li a.diagnostic {
  width: 148px;
  background-position: 60px -1180px;
}

#block-myspace ul li a.account {
  width: 161px;
  background-position: 70px -1280px;
}

#block-myspace ul li a.favs {
  width: 160px;
  background-position: 67px -1380px;
}

#block-myspace ul li a.contributions {
  width: 162px;
  background-position: 68px -1480px;
}

#block-myspace ul li {
  float: left;
  height: 87px;
}

#block-nav {
  width: 304px;
  float: right;
}

#block-ranges {
  width: 300px;
  float: right;
}

#block-ranges .title-type-01 {
  padding: 0 0 15px 0;
}

#block-ranges ul {
  padding: 0 0 30px 0;
}

#block-ranges .link-type-01 {
  float: right;
  margin: 0 5px 0 0;
}

#block-ranges li,
.block-ranges li {
  padding: 0 0 8px 18px;
//  background: url(../img/skin/pictos.png) left top no-repeat;
  line-height: 1.15em;
}

.sub-products .block-ranges li:before,
#page-inner .block-ranges li:before
{
  content: "";
  display: inline-block;
  position: relative;
//  width: 10px;
  height: 13px;
  border-left: 6px solid transparent;
/*  border-radius: 5px;
  background-color: transparent;
*/
  left: 0px;
  margin-right: 10px;
  top: 1px;
}

.gamme_color_aplat{
  color: #FFFFFF;
}

.msie7 #block-ranges li,
.msie8 #block-ranges li {
  line-height: 1.2em;
}

#block-ranges li span,
.block-ranges li span {
  text-transform: uppercase;
}

#block-ranges li a,
.block-ranges li a {
  font-size: 1.1em;
  color: #565656;
}

#block-ranges li a:hover,
.block-ranges li a:hover {
  text-decoration: underline;
}

.block-type-06 .link-type-06:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  left: -10px;
  top: 1px;
}

#block-products-01 {
  width: 635px;
  float: left;
}

#block-products-01 .slides {
  z-index: 0;
}

.block-type-04 .main .content {
  background: #eaf0f6;
  float: left;
  width: 430px;
  height: 175px;
  padding: 20px 0 0 10px;
}

.block-type-04 .main .content .title-02 {
  color: #7299c2;
  font-size: 1.65em;
  font-weight: normal;
  padding: 0 0 18px 0;
}

.block-type-04 .aside .list-type-01 li {
  padding-bottom: 10px;
}

.block-type-04 .aside .list-type-01 li.last {
  padding-bottom: 0;
}

.block-type-03 .carousel {
  width: 635px;
}

.list-products-01 {
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 38px 0 10px 0;
}

.list-products-01 > li {
  width: 210px;
  text-align: center;
  min-height: 345px;
  display: block;
  float: left;
}

.caroufredsel_wrapper .list-products-01 {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}

.list-products-01 > li .caption, .ys__relative-products .ys__push-club__item .caption {
  background: rgba(255, 255, 255, 0.85);
  display: block;
  position: relative;
  padding: 10px 0 0 0;
  margin-top: -10px;
  zoom: 1;
  width: 90%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7ffffff, endColorstr=#e7ffffff)
}

.list-products-01 > li .more, .ys__relative-products .ys__push-club__item .more {
  padding: 10px 0 0 0;
  text-align: center;
  display: none;
}

.list-products-01 > li .more p , .ys__relative-products .ys__push-club__item .more p{
  padding: 0 0 15px 0;
  color: #666;
}

.list-products-01 > li .more .tags, .ys__relative-products .ys__push-club__item .more .tags {
  padding: 0 15px;
}

.list-products-01 > li.blank {
  padding: 30px 0 0 0;
}

.list-products-01 > li a {
  display: block;
  text-decoration: none;
}

.list-products-01 > li .figure {
  text-align: center;
  width: 210px;
  height: 225px;
  overflow: hidden;
}

.list-products-01 > li .caption .name {
  color: #565656;
  font-size: 1.25em;
  padding: 0 10px 10px 10px;
  font-weight: normal;
}

.tags span {
  background: #a5bdd9;
  height: 16px;
  line-height: 16px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 5px;
  margin: 0 5px 8px 0;
}

.tags .m {
  margin: 0 25px 0 0;
}

.list-products-01 > li,
.list-products-02 > li {
  padding-top: 26px;
}

.list-products-01 > li.new-product,
.list-products-02 > li.new-product {
  padding-top: 0;
  padding-bottom: 26px;
}

.list-products-01 > li .new,
.list-products-02 > li .new,
.block-type-10 .new {
  text-transform: uppercase;
  display: inline-block;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.1em;
  padding: 0 2px;
  height: 17px;
  background: #fff !important;
  border-top: 2px solid;
  border-bottom: 2px solid;
  line-height: 17px;
  margin: 0 0 5px 0;
}

.list-products-01 > li.no-label {
  padding: 17px 0 0 0;
  position: relative;
}

.list-products-01 > li .special,
.list-products-02 > li .special {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  background: #000;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 3px 4px;
  margin: -1px 0 0;
  line-height: 1.55em;
  width: 160px;
}

.list-products-01 > li .alert-new,
.list-products-02 > li .alert-new {
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  background: #de0325;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  padding: 1px 5px;
  border-width: 1px;
  border-style: solid;
  margin: -1px 20px 0;
}

.list-products-02 li {
  overflow: hidden;
  border-bottom: 1px solid #eceded;
  padding: 20px 0 0 20px;
}

.list-products-02 li.last {
  border: 0;
}

.list-products-02 .figure {
  float: left;
  width: 210px;
  text-align: center;
  padding-bottom: 10px;
}

.list-products-02 .figure img {
  display: block;
  margin: 0 auto;
}

.list-products-02 .desc {
  float: left;
  width: 440px;
}

.list-products-02 .desc .name {
  font-size: 1.45em;
  color: #5f6469;
  padding: 0 0 20px 0;
}

.list-products-02 .desc .info-picto {
  text-align: left;
  padding: 0 0 20px 0;
}

.list-products-02 .desc p {
  color: #43484e;
  font-size: 1.1em;
  padding: 0 0 20px 0;
}

.block-type-03 .carousel {
  position: relative;
}

.block-type-03 .carousel .control {
  position: absolute;
  top: 120px;
  display: block;
  overflow: hidden;
  width: 12px;
  height: 22px;
  text-indent: -9999px;
  z-index: 5;
  background: url(../img/skin/pictos.png) left top no-repeat;
}

.block-type-03 .carousel .prev {
  left: 30px;
  background-position: 0 -2700px;
}

.block-type-03 .carousel .next {
  right: 30px;
  background-position: 0 -2800px;
}

.block-type-05 .carousel {
  position: relative;
}

.block-type-05 .slides li {
  float: left;
}

.block-type-05 .slides li a {
  display: block;
}

.block-type-05 li img {
  display: block;
}

.block-type-05 .carousel .pagination {
  position: absolute;
  bottom: 10px;
  left: 450px;
  z-index: 5;
}

.block-type-05 .carousel .pagination li {
  float: left;
  padding: 0 5px 0 0;
}

.block-type-05 .carousel .pagination a {
  display: block;
  background: url(../img/skin/pictos.png) left -900px no-repeat;
  width: 11px;
  overflow: hidden;
  text-indent: -8899px;;
  height: 10px;
}

.block-type-05 .carousel .pagination .selected a {
  background-position: 0 -1000px;
}

.block-type-06 {
  border: 3px solid #b2bdc9;
  margin: 0 0 30px 0;
  padding: 15px 0 0 0;
}

.block-type-06 .inner {
  overflow: hidden;
  padding: 0 0 10px 0;
  min-height: 380px;
  position: relative;
}

.block-type-06 .inner .control {
  position: absolute;
  top: 192px;
  display: block;
  z-index: 5;
  overflow: hidden;
  text-indent: -9999px;
  width: 35px;
  height: 63px;
}

.block-type-06 .inner #p-prev {
  background: url(../img/skin/arrow-left.png) left top no-repeat;
  left: 12px;
}

.block-type-06 .inner #p-next {
  background: url(../img/skin/arrow-right.png) left top no-repeat;
  right: 12px;
}

.block-type-06 .inner .slides li {
  float: left;
  background: #fff;
}

.block-type-06 .inner .picture {
  float: left;
  text-align: center;
  width: 445px;
}

.block-type-06 .inner .content {
  float: left;
  width: 480px;
  padding: 0 0 0 10px;
}

.block-type-06 .inner .content .title {
  font-size: 6.5em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
}

.block-type-06 .inner .content .sub-title {
  color: #707173;
  font-size: 2em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 0 20px 0;
}

.block-type-06 .inner .content p {
  font-size: 1.25em;
  color: #565656;
  padding: 0 0 25px 0;
  width: 425px;
}

.block-type-06 .inner .content .btn-type-02 {
  margin: 0 0 30px 0;
}

.block-type-06 .inner .pager {
  width: 480px;
  float: left;
  background: #fff;
}

.block-type-06 .inner .pager .title-02 {
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 20px 0;
}

.block-type-06 .inner .pager .list-links {
  overflow: hidden;
}

.block-type-06 .inner .pager .list-links li {
  float: none;
  padding: 0 10px 10px 0;
}

.block-type-06 .inner .pager .list-links li.selected a {
  text-decoration: underline;
}

.mt18n {
  margin-top: -18px !important;
  position: relative;
}

.mb14 {
  margin-bottom: 14px !important;
  position: relative;
}

.mb20 {
  margin-bottom: 20px !important;
  position: relative;
}

.block-type-08 {
  background: #fff;
  border: 1px solid #ededed;
  border-right: 0;
  border-top: 0;
  margin: 0 0 14px 0;
}

.block-type-08 .inner {
  padding: 22px 15px 15px;
  overflow: hidden;
}

.block-type-08 .inner .title {
  font-size: 3em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 10px 0 10px 0;
}

.block-type-08 .inner p {
  color: #707173;
  font-size: 1.25em;
  padding: 0 0 12px 0;
}

.block-type-08 .inner p.details {
  font-size: 0.9em;
}

.block-type-08 .inner img {
  float: right;
}

.container .col-left {
  float: left;
  width: 479px;
}

.container .col-right {
  float: left;
  width: 479px;
}

.block-type-09 .inner {
  padding: 6px 15px 14px;
  background: #eaf0f6;
  overflow: hidden;
}

.block-type-09 .inner p {
  padding: 0 0 20px 0;
  color: #394d68;
  font-size: 1.1em;
}

.block-type-09 .inner p.tags {
  font-size: 1em;
  float: left;
  padding: 10px 0 0 0;
}

.block-type-09 .inner p.tags span {
  border-radius: 0;
  color: #fff;
}

.block-type-09 .inner .btn-type-01 {
  float: right;
  min-width: 100px;
  padding: 0 15px;
}

.block-type-09 ul {
  overflow: hidden;
}

.block-type-09 li {
  float: left;
  width: 50px;
  margin: 0 0 0 30px;
  height: 95px;
  display: block;
}

.block-type-09 li:first-child {
  margin-left: 0;
}

.block-type-09 li a {
  background: url(../img/skin/pictos.png) left top no-repeat;
  color: #384c69;
  text-transform: uppercase;
  text-decoration: none;
  padding: 80px 0 0 0;
  display: block;
}

.block-type-09 li a:hover {
  text-decoration: underline;
}

.block-type-09 li a.adult {
  background-position: 10px -3100px;
}

.block-type-09 li a.teen {
  background-position: 10px -3198px;
}

.block-type-09 li a.child {
  background-position: 7px -3280px;
}

.block-type-09 li a.baby {
  background-position: 3px -3358px;
}

.block-type-07 {
  height: 395px;
}

.page-home-product .block-type-07 {
  height: auto;
}

.block-type-07 .inner {
  overflow: hidden;

}

.block-type-07 .menu-tabs {
  float: left;
  width: 155px;
}

.block-type-07 .tab-content {
  float: left;
  width: 260px;
  padding: 0 0 0 20px;
}

.block-type-07 .menu-tabs li {
  padding: 0 0 4px 0;
}

.block-type-07 .menu-tabs li a {
  height: 75px;
  line-height: 75px;
  width: 151px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #384c69;
  text-transform: uppercase;
  font-size: 1.1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  background: #eaf0f6;
  border-right: 5px solid #fff;
}

.block-type-07 .menu-tabs li a span {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.1em;
  padding: 0 15px;
}

.block-type-07 .menu-tabs li a:hover,
.block-type-07 .menu-tabs li.active a {
  background: #a5bdd8 url(../img/skin/bg-menu-tabs-on.png) right top no-repeat;
  color: #fff;
  padding: 0 5px 0 0;
}

.block-type-07 .tab-content .tab-pane {
  display: none;
  padding: 25px 0 0 0;
}

.block-type-07 .tab-content .tab-pane.active {
  display: block;
}

.block-type-07 .tab-content .tab-pane p {
  color: #565656;
  font-size: 1.1em;
  padding: 0 0 25px 0;
  line-height: 1.25em;
}

.block-type-10 {
  background: #fff;
}

.block-type-10 .link-type-01 {
  float: right;
  margin: 0 12px 0 0;
}

.block-type-10 .inner {
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-right: 0;
  margin: 0 0 15px;
}

.block-type-10 .inner .picture {
  float: left;
  width: 175px;
  text-align: center;
  margin-top: 20px;
}

.block-type-10 .inner .content {
  padding: 30px 35px 0 0;
  float: right;
  width: 265px
}

.block-type-10 .inner .title {
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  color: #5f6469;
  font-size: 2em;
  padding: 0 0 5px 0;
}

.block-type-10 .inner .title span {
  color: #000;
}

.block-type-10 .inner .new {
  margin: 0 0 17px 0;
}

.block-type-10 .inner p {
  color: #5f6469;
  font-size: 1.1em;
  padding: 0 0 20px 0;
}

.block-type-11 {
  border: 1px solid #eeeeee;
  border-right: 0;
}

.block-type-11 .picture {
  float: left;
  margin: 0 30px 0 0;
}

.block-type-11 .picture img {
  display: block;
}

.block-type-11 .content {
  width: 230px;
  padding: 25px 0 0 0;
  float: left;
}

.block-type-11 .content .title {
  color: #394d68;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.55em;
  padding: 0 0 8px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-11 .content p {
  font-size: 1.1em;
  color: #565656;
  padding: 0 0 20px 0;
}

.block-type-12 {
  min-height: 202px;
}

.block-type-12 .picture {
  float: left;
  border-bottom: 4px solid #000;
}

.block-type-12 .picture img {
  display: block;
}

.block-type-12 .content {
  float: left;
  width: 728px;
  padding: 10px 40px 40px 35px;
  min-height: 150px;
  border-bottom: 1px solid #eceded;
}

.page-range .block-type-12 .content {
  border: 0;
}

.page-range.photoderm .block-type-12 .content,
.page-range.cicabio .block-type-12 .content {
  border-bottom: 1px solid #eceded;
}

.block-type-12 .content .titles {
  padding: 0 30px 0 0;
}

.block-type-12 .content .desc {
  font-size: 1.25em;
  line-height: 1.45em;
  color: #565656;
  padding: 10px 0 0 0;
}

.block-type-12 .content .desc p {
  padding: 0 0 25px 0;
}

.block-type-12 .content .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  font-size: 7.65em;
  line-height: 1em;
}

.i18n-zh-hant .block-type-12 .content .title {
  font-size: 5.85em;
}

.block-type-12 .content .sub-title {
  color: #707173;
  font-size: 2.35em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
}

#block-steps section {
  overflow: hidden;
  padding: 20px 0 0 0;
}

#block-steps section.steps {
  border-bottom: 1px solid #677c94;
}

#block-steps section .list-products-01 {
  padding: 38px 0 30px 0;
  overflow: hidden;
}

#block-steps section .btn-type-03 {
  float: right;
}

#block-steps section .btn-type-09 {
  float: right;
}

#block-steps section .btn-type-09 span {
  text-transform: uppercase;
}

#block-steps section .btn-plus {
  display: none;
}

#block-steps section .breadcrump {
  border-bottom: 2px solid #617590;
  height: 18px;
}

#block-steps section .breadcrump ul {
  overflow: hidden;
}

#block-steps section .breadcrump ul li {
  float: left;
  border-right: 1px solid #fff;
  display: block;
}

#block-steps section .breadcrump ul li:last-child {
  border-right: 0;
}

#block-steps section .breadcrump ul li a {
  color: #617590;
  text-transform: uppercase;
  border: 1px solid #617590;
  height: 17px;
  line-height: 20px;
  padding: 0 10px 0 5px;
  font-size: 1.25em;
  font-family: /**/  'Century Gothic W02', Arial;
}

#block-steps section .breadcrump ul li a span {
  padding: 0 5px 0 0;
  font-weight: bold;
}

/* #block-steps section .breadcrump ul li a:hover, */
#block-steps section .breadcrump ul li a.active {
  color: #fff !important;
  background-color: #617590;
}

#block-steps section .breadcrump ul li.last {
  border: 0;
}

#block-steps section .noproducts {
  color: #677C94;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 20px 0;
  text-transform: uppercase;
}

.block-type-21 .head .title {
  color: #7098c3;
  font-size: 1.45em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  background: url(../img/skin/pictos.png) right -4000px no-repeat;
  padding: 0 20px 0 0;
  line-height: 25px;
  display: block;
  overflow: hidden;
  margin: 0 15px 0 0;
}

.block-type-21 .head .title {
  background: none;
  padding: 0 0 0 10px;
  margin: 0;
}

.block-type-21 .head .title span {
  font-size: 1.65em;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 8px 0 0;
  margin: 0 8px 0 0;
  line-height: 1em;
  border-right: 1px solid #a9c3da;
}

.block-type-21 .open .head .title {
  color: #394d68;
  background: url(../img/skin/pictos.png) right -3900px no-repeat;
}

.block-type-21 .open .head .title {
  background: none;
}

.block-type-13 {
  background: #000;
  position: relative;
}

.block-type-13 .arrow {
  display: block;
  position: absolute;
  top: 0;
  width: 17px;
  height: 35px;
  left: -17px;
  background: url(../img/skin/bg-blocks.png) -50px top no-repeat;
}

.white .block-type-13 .arrow {
  background-position: -100px 0;
}

.sebium .block-type-13 .arrow {
  background-position: -150px 0;
}

.photoderm .block-type-13 .arrow {
  background-position: -200px 0;
}

.node .block-type-13 .arrow {
  background-position: -250px 0;
}

.matriciane .block-type-13 .arrow {
  background-position: -300px 0;
}

.matricium .block-type-13 .arrow {
  background-position: -350px 0;
}

.hydrabio .block-type-13 .arrow {
  background-position: -400px 0;
}

.cicabio .block-type-13 .arrow {
  background-position: -450px 0;
}

.atoderm .block-type-13 .arrow {
  background-position: -500px 0;
}

.abcderm .block-type-13 .arrow {
  background-position: -550px 0;
}

.block-type-13 .title {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 10px 0 0 0;
  min-height: 25px;
  text-align: center;
  margin: 0 0 10px 0;
}

.photoderm .block-type-13 .hr {
  border-top: 1px dotted #e66d25;
  height: 1px;
  display: block;
  margin: 0 12px 8px 12px;
  width: 212px;
}

.block-type-13 ul li {
  margin: 0 6px 6px 6px;
}

.block-type-13 ul {
  padding: 0 0 5px 0;
}

.block-type-13 ul li input {
  display: none;
}

.block-type-13 ul li.border {
  border-bottom: 1px dotted #000;
}

.block-type-13 ul li label {
  color: #565656;
  padding: 2px 0 6px 23px;
  background: url(../img/skin/pictos.png) 1px -3698px no-repeat;
  display: block;
  cursor: pointer;
}

.block-type-13 ul li label.selected {
  background: url(../img/skin/pictos.png) left -3800px no-repeat;
}

.block-type-13 form {
  text-align: center;
  padding: 0 0 22px 0;
}

.block-type-13 form .bloc-label-input {
  padding: 0 0 12px 0;
}

.block-type-13 form p {
  color: #43484e;
  font-size: 1.1em;
}

.block-type-13 form input[type="text"] {
  margin: 0 2px 0 25px;
}

.block-type-13 form label {
  text-transform: uppercase;
  color: #43484e;
  padding: 0 0 10px 0;
  display: block;
}

.block-type-14 {
  background: #ffffff;
  border-left: 1px solid #f1f1f2;
}

.block-type-14 .inner {
  padding: 30px 30px 33px;
  text-align: center;
}

.block-type-14 .title {
  text-align: center;
  color: #394d68;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  font-size: 1.25em;
  padding: 0 0 10px 0;
}

.block-type-14.type-14b {
  background: #eaf0f6;
}

.block-type-14.type-14b .inner {
  padding-top: 15px;
  padding-bottom: 15px;
}

.block-type-14.type-14b .inner p {
  color: #565656;
  font-size: 1.1em;
  padding: 0 0 12px 0;
}

.block-type-14.type-14b .inner form {
  width: 240px;
  margin: 0 auto;
}

.block-type-14.wborder {
  border-top: 1px solid #F1F1F2;
}

.full .inner form input[type="text"] {
  width: 200px;
}

.block-type-15 {
  border-left: 1px solid #ecedef;
  background: #f9fafa;
}

.block-type-15 section {
  border-top: 1px solid #ecedef;
  padding: 15px;
  color: #707173;
  overflow: hidden;
}

.type-15b section {
  padding-top: 0;
}

.type-15b .list-type-04 li {
  margin-top: 10px;
}

.block-type-15 section.last {
  border-bottom: 1px solid #ecedef;
}

.block-type-15 section .title {
  color: #707173;
  font-size: 2em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  text-align: center;
}

.block-type-15 section .sub-title {
  text-transform: uppercase;
  text-align: center;
}

.block-type-15 section .title-02 {
  color: #707173;
  font-size: 1.25em;
  font-weight: normal;
  padding: 10px 0 8px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-15 section p {
  padding: 0 0 8px 0;
}

.block-type-15 section img {
  display: block;
  border: 1px solid #ecedef;
  margin: 0 0 10px 0;
}

.block-type-15 section .link-type-02 {
  float: right;
}

.block-type-15 .title-03 {
  font-weight: bold;
}

.block-type-15 a {
  color: #666;
}

.block-type-15 a:hover {
  text-decoration: underline;
}

.type-15b .title-02 {
  text-align: center;
  text-transform: uppercase;
}

.block-type-15 .button {
  display: block;
  padding: 10px 23px;
  background: #d6d7d7 url(../img/skin/picto-arrow-02.png) 215px 12px no-repeat;
}

.block-type-15 section li.last {
  border-bottom: 0;
  padding-bottom: 0;
}

.block-type-16 {
  background: #a5bdd8;
}

.block-type-16 fieldset {
  padding: 18px 16px 13px 23px;
}

.block-type-16 .title {
  color: #394d68;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.35em;
  text-align: center;
  padding: 0 0 10px 0;
}

.block-type-16 p {
  color: #43484e;
  padding: 0 0 10px 0;
}

.block-type-16 label {
  display: none;
}

.block-type-16 input[type="text"] {
  width: 155px !important;
}

.info-picto {
  overflow: hidden;
  text-align: center;
}

.info-picto li {
  display: inline-block;
  padding: 0 10px 0 0;
}

.info-picto li span {
  overflow: hidden;
  text-indent: -9999px;
  width: 35px;
  height: 32px;
  display: block;
  background: url(../img/skin/pictos.png) left -4100px no-repeat;
}

.msie7 .info-picto li {
  display: inline;
}

.info-picto li.picto-02 span {
  background-position: 0 -4200px;
}

.info-picto li.picto-03 span {
  background-position: 0 -4300px;
}

.block-type-17 {
  overflow: hidden;
}

.block-type-17 .content {
    float: left;
    width: 723px;
    min-height: 403px;
}

.page-product #main{
    border-top: 1px solid #ECEDED;
}

.block-type-17 .thumbnail{
    border: 1px solid #ECEDED;
}

.block-type-17 .thumbnail_container {
    cursor : pointer;
    display : inline-block;
    margin-right: 6px;
    margin-bottom : 4px;
}

.gamme_color_aplat{
    color: #FFFFFF;
}

.block-type-17 .picture img.fiche_produit {
    display : none;
}

.block-type-17 .picture img.first {
    display : inline;
}

.block-type-17 .content .buttons {
  float: right;
  width: 38px;
  overflow: hidden;
}

.block-type-17 .content .buttons .social {
  padding: 0 0 30px 0;
}

.block-type-17 .content .clear {
  display: block;
  clear: left;
}

.block-type-17 .content > .title {
  color: #707173;
  font-size: 5.85em;
  font-weight: normal;
  padding: 20px 0 10px 0;
  line-height: 1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}
.page-product .block-type-17 .content > .title {
  color: #000;
}

.block-type-17 .content .sub-title {
  font-size: 1.45em;
  padding: 0 0 25px 0;
  width: 622px;
}

.block-type-17 .content .col {
  float: left;
}

.block-type-17 .content .block-details {
  width: 305px;
  color: #565656;
  margin: 0 28px 14px 0;
}

.block-type-17 .content .block-details p span.label {
  display: block;
  float: left;
  height: 50px;
  padding: 0 5px 0 0;
}

.block-type-17 .content .block-details .info-picto {
  text-align: left;
  padding: 0 0 20px 0;
}

.block-type-17 .content .block-details p {
  font-size: 1.1em;
  padding: 0 0 12px 0;
}

.block-type-17 .content .block-details.border {
  border-bottom: 1px dotted #565656;
}

.block-type-17 .content .block-details .title {
  color: #51637a;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  padding: 0 0 5px 0;
}

.block-type-17 .picture {
  text-align: center;
  float: left;
  width: 235px;

  border-bottom: 4px solid #000;

}

.block-type-17 .picture img {
  display: inline;
  vertical-align: middle;

}

/* cas particulier Matricium */
.matricium .region.region-content .block-type-17 {
  margin-bottom:4em;
}


.block-type-18 {
  text-align: center;
  background: #fff;
  padding: 10px 0 22px 0;
  border-left: 1px solid #ecedef;
  border-bottom: 1px solid #ecedef;
}

.block-type-18 p {
  font-size: 1.25em;
}

.block-type-18 .title {
  font-size: 3.65em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-18 .offer {
  font-size: 2em;
  padding: 0 0 5px 0;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-18 .offer span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-18 .btn-type-04 {
  margin: 0 0 10px 0;
}

.block-type-19 {
  border-left: 1px solid #bbcce0;
  border-right: 1px solid #bbcce0;
  position: relative;
  background: #a5bdd8;
  margin: 3px -1px 0 0;
  padding: 12px 0 8px 0;
}

.block-type-19 .title {
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  color: #394d68;
  font-size: 1.35em;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0 5px 0;
}

.block-type-19 p {
  color: #394d68;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 10px 12px;
}

.block-type-19 img {
  margin: 0 0 8px 0;
  display: block;
}

.block-type-19 .btn-line {
  text-align: center;
}

.social li,
.tools li {
  padding: 0 0 2px 0;
}

/*.tools li.favs {display:none;}*/

.social li a,
.tools li a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 38px;
  height: 36px;
  background: url(../img/skin/bg-blocks.png) left top no-repeat;
}

.social .twitter a {
  background-position: 0 -50px;
}

.social .facebook a {
  background-position: 0 -88px;
}

.social .google a {
  background-position: 0 -126px;
}

.social .pinterest a {
  background-position: 0 -165px;
}

.tools .print a {
  background-position: 0 -205px;
}

.tools .send a {
  background-position: 0 -244px;
}

.tools .phone a {
  background-position: 0 -282px;
}

.tools .favs a {
  background-position: 0 -321px;
}

/**/
.social .twitter a:hover,
.social .twitter a.active {
  background-position: -600px -50px;
}

.social .facebook a:hover,
.social .facebook a.active {
  background-position: -600px -88px;
}

.social .google a:hover,
.social .google a.active {
  background-position: -600px -126px;
}

.social .pinterest a:hover,
.social .twitter a.active {
  background-position: -600px -165px;
}

.tools .print a:hover,
.tools .print a.active {
  background-position: -600px -205px;
}

.tools .send a:hover,
.tools .send a.active {
  background-position: -600px -244px;
}

.tools .phone a:hover,
.tools .phone a.active {
  background-position: -600px -282px;
}

.tools .favs a:hover,
.tools .favs a.active {
  background-position: -600px -321px;
}

/**/
.crealine .social .twitter a:hover,
.crealine .social .twitter a.active {
  background-position: -50px -50px;
}

.crealine .social .facebook a:hover,
.crealine .social .facebook a.active {
  background-position: -50px -88px;
}

.crealine .social .google a:hover,
.crealine .social .google a.active {
  background-position: -50px -126px;
}

.crealine .social .pinterest a:hover,
.crealine .social .twitter a.active {
  background-position: -50px -165px;
}

.crealine .tools .print a:hover,
.crealine .tools .print a.active {
  background-position: -50px -205px;
}

.crealine .tools .send a:hover,
.crealine .tools .send a.active {
  background-position: -50px -244px;
}

.crealine .tools .phone a:hover,
.crealine .tools .phone a.active {
  background-position: -50px -282px;
}

.crealine .tools .favs a:hover,
.crealine .tools .favs a.active {
  background-position: -50px -321px;
}

/**/
.white .social .twitter a:hover,
.white .social .twitter a.active {
  background-position: -100px -50px;
}

.white .social .facebook a:hover,
.white .social .facebook a.active {
  background-position: -100px -88px;
}

.white .social .google a:hover,
.white .social .google a.active {
  background-position: -100px -126px;
}

.white .social .pinterest a:hover,
.white .social .pinterest a.active {
  background-position: -100px -165px;
}

.white .tools .print a:hover,
.white .tools .print a.active {
  background-position: -100px -205px;
}

.white .tools .send a:hover,
.white .tools .send a.active {
  background-position: -100px -244px;
}

.white .tools .phone a:hover,
.white .tools .phone a.active {
  background-position: -100px -282px;
}

.white .tools .favs a:hover,
.white .tools .favs a.active {
  background-position: -100px -321px;
}

/**/
.sebium .social .twitter a:hover,
.sebium .social .twitter a.active {
  background-position: -150px -50px;
}

.sebium .social .facebook a:hover,
.sebium .social .facebook a.active {
  background-position: -150px -88px;
}

.sebium .social .google a:hover,
.sebium .social .google a.active {
  background-position: -150px -126px;
}

.sebium .social .pinterest a:hover,
.sebium .social .pinterest a.active {
  background-position: -150px -165px;
}

.sebium .tools .print a:hover,
.sebium .tools .print a.active {
  background-position: -150px -205px;
}

.sebium .tools .send a:hover,
.sebium .tools .send a.active {
  background-position: -150px -244px;
}

.sebium .tools .phone a:hover,
.sebium .tools .phone a.active {
  background-position: -150px -282px;
}

.sebium .tools .favs a:hover,
.sebium .tools .favs a.active {
  background-position: -150px -321px;
}

/**/
.photoderm .social .twitter a:hover,
.photoderm .social .twitter a.active {
  background-position: -200px -50px;
}

.photoderm .social .facebook a:hover,
.photoderm .social .facebook a.active {
  background-position: -200px -88px;
}

.photoderm .social .google a:hover,
.photoderm .social .google a.active {
  background-position: -200px -126px;
}

.photoderm .social .pinterest a:hover,
.photoderm .social .pinterest a.active {
  background-position: -200px -165px;
}

.photoderm .tools .print a:hover,
.photoderm .tools .print a.active {
  background-position: -200px -205px;
}

.photoderm .tools .send a:hover,
.photoderm .tools .send a.active {
  background-position: -200px -244px;
}

.photoderm .tools .phone a:hover,
.photoderm .tools .phone a.active {
  background-position: -200px -282px;
}

.photoderm .tools .favs a:hover,
.photoderm .tools .favs a.active {
  background-position: -200px -321px;
}

/**/
.node .social .twitter a:hover,
.node .social .twitter a.active {
  background-position: -250px -50px;
}

.node .social .facebook a:hover,
.node .social .facebook a.active {
  background-position: -250px -88px;
}

.node .social .google a:hover,
.node .social .google a.active {
  background-position: -250px -126px;
}

.node .social .pinterest a:hover,
.node .social .pinterest a.active {
  background-position: -250px -165px;
}

.node .tools .print a:hover,
.node .tools .print a.active {
  background-position: -250px -205px;
}

.node .tools .send a:hover,
.node .tools .send a.active {
  background-position: -250px -244px;
}

.node .tools .phone a:hover,
.node .tools .phone a.active {
  background-position: -250px -282px;
}

.node .tools .favs a:hover,
.node .tools .favs a.active {
  background-position: -250px -321px;
}

/**/
.matriciane .social .twitter a:hover,
.matriciane .social .twitter a.active {
  background-position: -300px -50px;
}

.matriciane .social .facebook a:hover,
.matriciane .social .facebook a.active {
  background-position: -300px -88px;
}

.matriciane .social .google a:hover,
.matriciane .social .google a.active {
  background-position: -300px -126px;
}

.matriciane .social .pinterest a:hover,
.matriciane .social .pinterest a.active {
  background-position: -300px -165px;
}

.matriciane .tools .print a:hover,
.matriciane .tools .print a.active {
  background-position: -300px -205px;
}

.matriciane .tools .send a:hover,
.matriciane .tools .send a.active {
  background-position: -300px -244px;
}

.matriciane .tools .phone a:hover,
.matriciane .tools .phone a.active {
  background-position: -300px -282px;
}

.matriciane .tools .favs a:hover,
.matriciane .tools .favs a.active {
  background-position: -300px -321px;
}

/**/
.matricium .social .twitter a:hover,
.matricium .social .twitter a.active {
  background-position: -350px -50px;
}

.matricium .social .facebook a:hover,
.matricium .social .facebook a.active {
  background-position: -350px -88px;
}

.matricium .social .google a:hover,
.matricium .social .google a.active {
  background-position: -350px -126px;
}

.matricium .social .pinterest a:hover,
.matricium .social .pinterest a.active {
  background-position: -350px -165px;
}

.matricium .tools .print a:hover,
.matricium .tools .print a.active {
  background-position: -350px -205px;
}

.matricium .tools .send a:hover,
.matricium .tools .send a.active {
  background-position: -350px -244px;
}

.matricium .tools .phone a:hover,
.matricium .tools .phone a.active {
  background-position: -350px -282px;
}

.matricium .tools .favs a:hover,
.matricium .tools .favs a.active {
  background-position: -350px -321px;
}

/**/
.hydrabio .social .twitter a:hover,
.hydrabio .social .twitter a.active {
  background-position: -400px -50px;
}

.hydrabio .social .facebook a:hover,
.hydrabio .social .facebook a.active {
  background-position: -400px -88px;
}

.hydrabio .social .google a:hover,
.hydrabio .social .google a.active {
  background-position: -400px -126px;
}

.hydrabio .social .pinterest a:hover,
.hydrabio .social .pinterest a.active {
  background-position: -400px -165px;
}

.hydrabio .tools .print a:hover,
.hydrabio .tools .print a.active {
  background-position: -400px -205px;
}

.hydrabio .tools .send a:hover,
.hydrabio .tools .send a.active {
  background-position: -400px -244px;
}

.hydrabio .tools .phone a:hover,
.hydrabio .tools .phone a.active {
  background-position: -400px -282px;
}

.hydrabio .tools .favs a:hover,
.hydrabio .tools .favs a.active {
  background-position: -400px -321px;
}

/**/
.cicabio .social .twitter a:hover,
.cicabio .social .twitter a.active {
  background-position: -450px -50px;
}

.cicabio .social .facebook a:hover,
.cicabio .social .facebook a.active {
  background-position: -450px -88px;
}

.cicabio .social .google a:hover,
.cicabio .social .google a.active {
  background-position: -450px -126px;
}

.cicabio .social .pinterest a:hover,
.cicabio .social .pinterest a.active {
  background-position: -450px -165px;
}

.cicabio .tools .print a:hover,
.cicabio .tools .print a.active {
  background-position: -450px -205px;
}

.cicabio .tools .send a:hover,
.cicabio .tools .send a.active {
  background-position: -450px -244px;
}

.cicabio .tools .phone a:hover,
.cicabio .tools .phone a.active {
  background-position: -450px -282px;
}

.cicabio .tools .favs a:hover,
.cicabio .tools .favs a.active {
  background-position: -450px -321px;
}

/**/
.atoderm .social .twitter a:hover,
.atoderm .social .twitter a.active {
  background-position: -500px -50px;
}

.atoderm .social .facebook a:hover,
.atoderm .social .facebook a.active {
  background-position: -500px -88px;
}

.atoderm .social .google a:hover,
.atoderm .social .google a.active {
  background-position: -500px -126px;
}

.atoderm .social .pinterest a:hover,
.atoderm .social .pinterest a.active {
  background-position: -500px -165px;
}

.atoderm .tools .print a:hover,
.atoderm .tools .print a.active {
  background-position: -500px -205px;
}

.atoderm .tools .send a:hover,
.atoderm .tools .send a.active {
  background-position: -500px -244px;
}

.atoderm .tools .phone a:hover,
.atoderm .tools .phone a.active {
  background-position: -500px -282px;
}

.atoderm .tools .favs a:hover,
.atoderm .tools .favs a.active {
  background-position: -500px -321px;
}

/**/
.abcderm .social .twitter a:hover,
.abcderm .social .twitter a.active {
  background-position: -550px -50px;
}

.abcderm .social .facebook a:hover,
.abcderm .social .facebook a.active {
  background-position: -550px -88px;
}

.abcderm .social .google a:hover,
.abcderm .social .google a.active {
  background-position: -550px -126px;
}

.abcderm .social .pinterest a:hover,
.abcderm .social .pinterest a.active {
  background-position: -550px -165px;
}

.abcderm .tools .print a:hover,
.abcderm .tools .print a.active {
  background-position: -550px -205px;
}

.abcderm .tools .send a:hover,
.abcderm .tools .send a.active {
  background-position: -550px -244px;
}

.abcderm .tools .phone a:hover,
.abcderm .tools .phone a.active {
  background-position: -550px -282px;
}

.abcderm .tools .favs a:hover,
.abcderm .tools .favs a.active {
  background-position: -550px -321px;
}

.block-type-20 {
  overflow: hidden;
  padding-bottom: 10px;
}

.block-type-20 .content {
  padding: 0 0 0 10px;
}

.block-type-20 .content p {
  font-size: 1.1em;
  padding: 0 0 20px 0;
  color: #565656;
  font-size: 1.1em;
}

.block-type-20 .content ul {
  padding: 0 0 20px 0;
}

.block-type-20 .media {
  float: right;
  margin: 0 0 0 25px;
}

.block-type-20 .media .title {
  text-transform: uppercase;
  font-size: 1.1em;
  color: #565656;
  padding: 0 0 10px 0;
}

.block-type-21 {
  overflow: hidden;
  padding-bottom: 10px;
}

.block-type-21 .item {
  overflow: hidden;
  padding: 0 0 8px 0;
}

.block-type-21 .item .head {
  border-bottom: 2px solid #677c94;
  overflow: hidden;
  position: relative;
}

.block-type-21 .open .head {
  border-bottom: 0;
  padding-bottom: 2px;
}

.block-type-21 .head .title {
  width: 300px;
  float: left;
  padding: 0 0 5px 10px;
  text-transform: uppercase;
}

.block-type-21 .item .head .btn-type-03 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.block-type-21 .item .head .btn-close {
  position: absolute;
  bottom: 5px;
  right: 40px;
  color: #394d68;
  display: none;
}

.block-type-21 .item .content {
  display: none;
}

.block-type-21 .link-type-01 {
  float: right;
  margin: 10px 10px 0 0;
}

.block-type-22 .inner {
  padding: 0 10px;
}

.block-type-22 .inner p {
  font-size: 1.1em;
  padding: 0 0 20px 0;
  color: #565656;
  font-size: 1.1em;
}

.block-type-22 .inner ul {
  padding: 0 0 20px 0;
}

.block-type-22 .inner .blockquote {
  background: #f3f6f9;
  margin: 0 10px 35px;
  padding: 10px 10px 0;
  color: #394d68;
}

.block-type-22 .inner .blockquote p {
  color: #394d68;
  font-size: 1.65em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.45em;
}

.block-type-22 .inner .blockquote p span {
  font-size: 2.6em;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  line-height: 0.8em;
  height: 27px;
}

.block-type-22 .inner p.up {
  text-transform: uppercase;
}

.block-type-23 {
  padding: 12px 10px;
  background: #fff;
  width: 704px;
}

.block-type-23 ul {
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
}

.block-type-23 ul li {
  float: left;
  border: 0;
}

.block-type-23 ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #333;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 7px;
}

.block-type-23 ul li a:hover,
.block-type-23 ul li a.active {
  color: #fff !important;
  background: #333;
}

.block-type-24 {
  padding: 18px 0 10px 0;
}

.block-type-25 .title {
  color: #394d68;
  text-transform: uppercase;
  font-size: 1.45em;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 8px;
  background: #dee8f1;
}

.block-type-25 section {
  padding: 20px 10px 0;
  border-bottom: 1px solid #eceded;
  font-size: 1.1em;
  background: #fdfdfd;
}

.block-type-25 section.results {
  background: #fff;
  color: #565656;
}

.block-type-25 section a {
  color: #666;
}

.block-type-25 section p {
  color: #707173;
  padding: 0 0 20px 0;
}

.block-type-25 section.results p {
  color: #565656;
}

.block-type-25 section ul {
  padding: 0 0 20px 0;
}

.block-type-25 section ul li {
  font-size: 1em;
}

.block-type-25 section ul li.hr {
  margin: 0 0 10px 0;
  padding-bottom: 10px;
}

.block-type-25 section ul li.active {
  font-weight: bold;
  text-decoration: underline;
}

.block-type-25 section.middle {
  background: #fff;
  color: #565656;
}

.block-type-25 section.middle p {
  color: #565656;
}

.block-type-25 section.middle a {
  color: #565656;
}

.page-search .block-result {
  border-left: 1px solid #eceded;
  padding-bottom: 10px;
}

.page-search .block-result .title-type-01 {
  text-transform: none;
  padding-left: 20px;
  font-size: 1.45em;
}

.page-search .block-result .list-products-01 li.first-column {
  clear: both;
}

.page-search #main {
  border-bottom: 1px solid #eceded;
}

.page-search .title-search .label {
  color: #4B5D74;
  display: inline-block;
  background: url(../img/skin/bg-pipe-01.png) right top no-repeat;
  padding: 0 14px 0 0;
  margin: 0 14px 0 0;
}

.page-search .title-search .words {
  background: url(../img/skin/picto-arrow-12.png) 8px top no-repeat;
  padding: 0 0 0 25px;
}

.page-search .filter {
  overflow: hidden;
  padding: 3px 5px 14px 0;
  float: right;
}

.page-search .filter .products {
  float: left;
  color: #565656;
  padding: 0 60px 0 0;
}

.page-search .filter .products li {
  font-size: 1.1em;
}

.page-search .filter .products li select {
  width: 148px;
  height: 20px;
}

.page-search .filter .products li .selector {
  width: 148px;
  float: left;
  position: relative;
  margin-top: -3px;
}

.page-search .filter .products li .selector span {
  background-position: 130px 7px;
}

.page-search .filter .products li label {
  float: left;
  padding: 0 8px 0 0;
}

.page-search .filter .results {
  overflow: hidden;
  float: left;
}

.page-search .filter .results li:first-child,
.page-search .filter .products li:first-child {
  background: url(../img/skin/bg-pipe-02.png) right 5px no-repeat;
}

.page-search .filter .results li,
.page-search .filter .products li {
  float: left;
  padding: 0 14px;
}

.page-search .filter .results li a {
  color: #565656;
  font-size: 1.1em;
}

.page-search .filter .results li a:hover,
.page-search .filter .results li a.active {
  text-decoration: underline;
}

.page-search .filter .display {
  overflow: hidden;
  float: left;
}

.page-search .filter .display li {
  float: left;
  padding: 0 0 0 11px;
}

.page-search .filter .display a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/skin/pictos.png) left -5200px no-repeat;
  width: 17px;
  height: 17px;
}

.page-search .filter .display a.grid:hover,
.page-search .filter .display a.grid.active {
  background-position: 0 -5300px;
}

.page-search .filter .display a.list {
  background-position: 0 -5400px;
}

.page-search .filter .display a.list:hover,
.page-search .filter .display a.list.active {
  background-position: 0 -5500px;
}

.page-search .btn-line-up {
  clear: both;
  overflow: hidden;
  padding: 0 0 14px 0;
  width: 713px;
  float: right;
}

.page-search .btn-line-up .btn-up {
  float: right;
}

.page-search .btn-line-up .pager {
  text-align: center;
  padding: 12px 0 0 0;
}

.page-search .btn-line-up .pager li {
  display: inline;
  color: #565656;
  font-size: 1.1em;
}

.page-search .btn-line-up .pager li a {
  color: #565656;
}

.page-search .btn-line-up .pager li a:hover {
  text-decoration: underline;
}

.page-search .btn-line-up .pager li span {
  font-weight: bold;
}

.page-search .block-ranges,
.page-club.club-layout-02 .block-ranges {
  overflow: hidden;
}

.page-search .block-ranges .title-type-01,
.page-club.club-layout-02 .block-ranges .title-type-01 {
  padding-left: 0;
  text-transform: none;
  font-size: 1.45em;
}

.page-search .block-ranges,
.page-club.club-layout-02 .block-ranges {
  padding-left: 20px;
  border-left: 1px solid #ECEDED;
}

.page-search .block-ranges ul,
.page-club.club-layout-02 .block-ranges ul {
  float: left;
  width: 340px;
  padding: 0 0 10px 0;
}

.page-search .block-need,
.page-club.club-layout-02 .block-need,
.page-404 #page .block-need {
  overflow: hidden;
  padding-left: 20px;
  padding-bottom: 20px;
  border-left: 1px solid #ECEDED;
}

.page-club.club-layout-02 .block-ranges,
.page-club.club-layout-02 .block-need {
  border: none;
}

.page-club.club-layout-02 .block-ranges {
  margin: 20px 0 0 0;
}

.page-search .block-need .title-type-01,
.page-club.club-layout-02 .block-need .title-type-01,
.page-404 #page .block-need .title-type-01 {
  padding-left: 0;
  text-transform: none;
  font-size: 1.45em;
}

.page-search .block-need .block,
.page-club.club-layout-02 .block-need .block,
.page-404 #page .block-need .block {
  float: left;
  width: 231px;
  height: 140px;
}

.page-search .block-need .block p,
.page-club.club-layout-02 .block-need .block p,
.page-404 #page .block-need .block p {
  color: #565656;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 0 0 8px 0;
  font-weight: bold;
}

.page-user-edit .form-type-02 .bloc-label-checkbox {
  padding: 0 0 5px 205px;
}

.page-user-edit #form-club-account .form-item.form-type-password.form-item-pass-pass2 {
  width: auto;
  margin: 0;
  clear: left;
}

.page-user-edit #form-club-account label.error {
  top: 35px;
}

.block-need .block ul li {
  padding: 0 0 2px 0;
}

.block-need .block ul li a {
  color: #565656;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-13.png) left 3px no-repeat;
  padding: 0 0 0 8px;
}

.block-need .block ul li a:hover {
  text-decoration: underline;
}

.page-search .block-hilight {
  border-top: 1px solid #ebf1f7;
  border-left: 1px solid #ECEDED;
  padding-bottom: 10px;
}

.page-search .block-hilight .menu-tabs {
  overflow: hidden;
}

.page-search .block-hilight .menu-tabs li {
  float: left;
  background: url(../img/skin/bg-pipe-03.png) right center no-repeat #eaf0f6;
}

.page-search .block-hilight .menu-tabs li a {
  display: block;
  text-transform: uppercase;
  color: #4b5d74;
  font-size: 1.15em;
  height: 35px;
  line-height: 35px;
  width: 241px;
  text-align: center;
}

.page-search .block-hilight .menu-tabs li.active {
  background: #fff;
}

.page-search .block-hilight .menu-tabs li.last {
  background-image: none;
}

.page-search .block-hilight .tab-pane {
  display: none;
  padding: 30px 0 0 0;
  min-height: 315px;
  color: #5f6469;
}

.page-search .block-hilight .list-products-01 > li .caption .name {
  color: #5f6469;
}

.page-search .block-hilight .tab-pane.active {
  display: block;
}

.block-type-26 {
  margin: 0 0 20px 0;
  background: #fff
}

.block-type-26 .pagination li {
  height: 78px;
  line-height: 78px;
  background: #f4e7de;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  position: relative;
}

.block-type-26 .pagination li:first-child {
  height: 79px;
  line-height: 79px;
}

.block-type-26 .pagination li a {
  color: #f5a10c;
  font-size: 1.25em;
  display: inline-block;
  padding: 0 35px 0;
  width: 175px;
  line-height: 1.1em;
  vertical-align: middle;
}

.block-type-26 .pagination {
  width: 244px;
  float: right;
  position: relative;
  z-index: 10;
}

.block-type-26 .pagination .selected {
  color: #fff;
  background: #000;
  border-bottom: 1px solid #fff;
}

.block-type-26 .pagination .selected a span {
  /* background:url(../img/skin/picto-arrow-03.png) left top no-repeat; */
  width: 7px;
  height: 12px;
  display: block;
  left: -7px;
  position: absolute;
  top: 33px;
}

.block-type-26 .pagination .crealine.selected a span {
  background: url(../img/skin/picto-arrow-03-crealine.png) left top no-repeat;
}

.block-type-26 .pagination .photoderm.selected a span {
  background: url(../img/skin/picto-arrow-03-photoderm.png) left top no-repeat;
}

.block-type-26 .pagination .atoderm.selected a span {
  background: url(../img/skin/picto-arrow-03-atoderm.png) left top no-repeat;
}

.block-type-26 .pagination .abcderm.selected a span {
  background: url(../img/skin/picto-arrow-03-abcderm.png) left top no-repeat;
}

.block-type-26 .pagination .sebium.selected a span {
  background: url(../img/skin/picto-arrow-03-sebium.png) left top no-repeat;
}

.block-type-26 .pagination .node.selected a span {
  background: url(../img/skin/picto-arrow-03-node.png) left top no-repeat;
}

.block-type-26 .pagination .white.selected a span {
  background: url(../img/skin/picto-arrow-03-whiteobjective.png) left top no-repeat;
}

.block-type-26 .pagination .cicabio.selected a span {
  background: url(../img/skin/picto-arrow-03-cicabio.png) left top no-repeat;
}

.block-type-26 .pagination .hydrabio.selected a span {
  background: url(../img/skin/picto-arrow-03-hydrabio.png) left top no-repeat;
}

.block-type-26 .pagination .matriciane.selected a span {
  background: url(../img/skin/picto-arrow-03-matriciane.png) left top no-repeat;
}

.block-type-26 .pagination .matricium.selected a span {
  background: url(../img/skin/picto-arrow-03-matriciane.png) left top no-repeat;
}

.block-type-26 .pagination .selected a {
  color: #fff !important;
}

.block-type-26 .caroufredsel_wrapper {
  float: left;
  width: 714px;
}

.block-type-26 .caroufredsel_wrapper li {
  width: 714px;
  float: left;
  position: relative;
  height: 305px;
  overflow: hidden;
  border-bottom: 11px solid #000;
}

.block-type-26 .caroufredsel_wrapper li img {
  display: block;
}

.block-type-26 li .caption {
  position: absolute;
  top: 20px;
  left: 35px;
  width: 315px;
}

.block-type-26 li .caption .category {
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-26 li .caption .title {
  color: #f5a10c;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-27 {
  overflow: hidden;
  border-bottom: 1px solid #edeef0;
}

.block-type-27 li {
  border-top: 1px solid #edeef0;
  background: #f9f9f9 url(../img/skin/bg-border.png) right top repeat-y;
  width: 240px;
  float: left;
  min-height: 326px;
  overflow: hidden !important;
  padding: 0 0 5px 0;
}

.block-type-27 li.last {
  background: #F9F9F9;
  width: 238px;
}

.block-type-27 li .title {
  padding: 15px 0 0 8px;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.55em;
  color: #565656;
  min-height: 35px;
}

.block-type-27 li img {
  display: block;
  margin: 0 0 8px 0;
  border-right: 1px solid #fff;
}

.block-type-27 li .title-02 {
  padding: 0 8px 14px 8px;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  color: #394d68;
  width: 202px;
  min-height: 33px;
}

.block-type-27 li a:hover .title-02 {
  text-decoration: underline;
}

.block-type-27 li p.details {
  color: #7299c2;
  font-size: 1.1em;
  padding: 0 8px;
  height: 45px;
  display: block;
}

.block-type-27 li .folder {
  color: #565656;
  font-size: 1.1em;
  text-decoration: underline;
  padding: 0 0 15px 8px;
  display: block;
}

.block-type-27 li .folder:hover {
  text-decoration: none;
}

.block-type-27 li .link-type-01 {
  margin: 0 6px 0 6px;
  display: block;
  padding: 0 10px 0 0;
}

.block-type-28 {
  width: 307px;
  float: left;
  margin: 10px 0 0 9px;
}

.block-type-28 .inner {
  background: #f7f7f7;
  border: 1px solid #ecedef;
  margin: 0 0 12px 0;
  padding: 15px;
}

.block-type-28 .inner .title-type-01 {
  padding: 0 0 10px 0;
}

.block-type-28 .inner .title-type-01 span {
  display: block;
}

.block-type-28 .inner li {
  border-bottom: 1px dotted #9d9d9d;
  padding: 0 0 15px 0;
  margin: 0 0 10px 0;
  font-size: 1.1em;
}

.block-type-28 .inner li .info {
  color: #485975;
  text-transform: uppercase;
}

.block-type-28 .inner li p {
  color: #7299c2;
}

.type-28b .inner li .title,
.type-28c .inner li .title {
  color: #7299c2;
  text-transform: uppercase;
}

.type-28b .inner li p,
.type-28c .inner li p {
  color: #43484e;
  padding: 0 0 4px 0;
}

.type-28b .inner li p a,
.type-28c .inner li p a {
  text-decoration: underline;
  color: #7299c2;
}

.block-type-28 .link-type-01 {
  float: right;
}

.type-28b .inner {
  background: #e7eff7;
  border: 1px solid #e7eff7;
}

.page-abc .block-type-29 {
  border-bottom: 1px solid #ECEDEF;
}

.block-type-29 {
  color: #43484e;
  font-size: 1.25em;
  padding: 15px 234px 0 12px;
  background: #fff;
}

.block-type-29 p {
  padding: 0 0 15px 0;
}

.block-type-30 {
  border-top: 1px solid #ecedef;
}

.block-type-30 .banner {
  position: relative;
  margin: 0 0 25px 0;
}

.block-type-30 .banner .caption {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 320px;
}

.block-type-30 .banner .caption .category {
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-30 .banner .caption .title {
  color: #e66d25;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-30 .banner img {
  display: block;
  border-bottom: 4px solid #e66d25;
}

.block-type-30 .note {
  color: #394d68;
  font-size: 1.25em;
  padding: 0 10px 15px;
}

.block-type-30 ul {
  overflow: hidden;
  margin: 0 0 28px 0;
}

.block-type-30 ul li {
  display: block;
  float: left;
  background: url(../img/skin/bg-block-dossier.png) no-repeat #d9dee4;
  color: #667b94;
  width: 241px;
  height: 100px;
  margin: 0 0 1px 1px;
  text-align: center;
  line-height: 100px;
}

.block-type-30 ul li.first {
  width: 240px;
  margin-left: 0;
}

.block-type-30 ul li h2 {
  font-size: 1em;
}

.block-type-30 ul li a {
  font-size: 1.65em;
  color: #667b94;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  line-height: 1em;
  padding: 0 35px;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-30 ul li a:hover {
  text-decoration: underline;
}

.block-type-31 ul {
  overflow: hidden;
  width: 724px;
}

.block-type-31 ul li {
  float: left;
  background: #fff;
  width: 241px;
}

.block-type-31 ul li img {
  display: block;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.block-type-31 ul li .inner {
  border-left: 1px solid #f1f1f2;
  border-bottom: 1px solid #f1f1f2;
  min-height: 167px;
  padding: 0 10px 15px;
}

.block-type-31 ul li .inner .details {
  padding: 10px 0 15px 0;
}

.block-type-31 ul li .inner .details .category {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  background: #3b4f6a;
  text-transform: uppercase;
  padding: 1px 4px;
  margin: 0 13px 0 0;
}

.block-type-31 ul li .inner .details .date {
  color: #7299c2;
}

.block-type-31 ul li a:hover {
  text-decoration: underline;
}

.block-type-31 ul li .inner .title {
  font-size: 1.1em;
  color: #565656;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  margin-bottom: 0.5em;
}

.block-type-31 ul li .inner .title a {
  color: #565656;
}

.block-type-31 ul li .inner .excerpt {
  color: #565656;
  font-size: 1.1em;
}

.block-type-31 ul li .inner .excerpt a {
  color: #565656;
}

.block-type-31 ul li .inner .author {
  color: #7299c2;
  padding: 0 0 18px 0;
}

.block-type-31 ul li .article {
  min-height: 70px;
  padding: 0 0 15px 0;
  height: auto;
}

.block-type-31 ul li .folder {
  border-top: 1px dotted #a1a1a1;
  padding: 8px 0 0 0;
  text-align: right;
  color: #565656;
}

.block-type-31 ul li .folder a {
  text-decoration: underline;
  color: #565656;
  font-weight: bold;
}

.block-type-31 ul li .folder a:hover {
  text-decoration: none;
}

.block-type-31 ul li:first-child img,
.block-type-31 ul li:first-child .inner {
  border-left: 0;
}

.block-type-32 {
  background: #f7f7f7;
  border-bottom: 1px solid #eceded;
  padding: 18px 0 25px 0;
  overflow: hidden;
}

.block-type-32 ul {
  overflow: hidden;
}

.block-type-32 ul li {
  width: 240px;
  float: left;
  margin: 0 0 0 1px;

}

.block-type-32 ul li .tip {
  text-transform: uppercase;
  text-align: right;
  background: #f4e7de;
  color: #e66d25;
  height: 70px;
  font-size: 2.25em;
  padding: 10px 20px 0 0;
  margin: 0 0 20px 0;
}

.block-type-32 ul li .tip strong {
  display: block;
}

.block-type-32 ul li:first-child {
  margin-left: 0;
  width: 242px;
}

.block-type-32 .link-type-04 {
  float: right;
}

.block-type-32 ul li .q {
  color: #565656;
  font-weight: bold;
  font-size: 1.25em;
  padding: 0 10px;
  min-height: 67px;
  display: block;
}

.block-type-32 ul li .q:hover {
  text-decoration: underline;
}

.block-type-32 .btn-line {
  padding: 8px 12px 0 0;
  border-top: 1px dotted #6f6f6f;
  overflow: hidden;
}

.block-type-33 {
  background: #fff;
  padding: 18px 0 0 0;
}

.block-type-33 li {
  float: left;
  width: 361px;
}

.block-type-33 li:first-child {
  margin: 0 1px 0 0;
}

.block-type-33 li img {
  display: block;
  margin: 0 0 20px 0;
}

.block-type-33 li .inner {
  margin: 0 12px;
  min-height: 112px;
  overflow: hidden;
  border-bottom: 1px dotted #a1a1a1;
}

.block-type-33 li .inner .title {
  text-transform: uppercase;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #565656;
  font-size: 1.1em;
  margin-bottom: 0.5em;
}

.block-type-33 li .inner .title a {
  color: #565656;
}

.block-type-33 li .inner .title a:hover {
  text-decoration: underline;
}

.block-type-33 li .inner p {
  color: #565656;
  font-size: 1.1em;
  padding: 0 0 5px 0;
}

.block-type-33 li .inner .link-type-01 {
  float: right;
}

.block-type-33 .link-type-04 {
  float: right;
  margin: 8px 12px 0 0;
}

.block-type-34 {
  padding: 30px 0 30px 0;
  border-top: 1px solid #eeeff1;
  text-align: center;
  border-left: 1px solid #EEEFF1;
}

.block-type-34 .title {
  color: #394d68;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: normal;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-34 .name {
  font-size: 2.85em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 5px 0;
}

.block-type-34 .desc {
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  padding: 0 0 10px 0;
}

.block-type-34 #slides {
  position: relative;
  z-index: 0;
  height: 160px;
  width: 234px;
}

.block-type-34 .carousel {
  position: relative;
}

.block-type-34 #carousel-left {
  background: url(../img/skin/pictos.png) left -4500px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  left: 10px;
  width: 9px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  top: 60px;
}

.block-type-34 #carousel-right {
  background: url(../img/skin/pictos.png) left -4600px;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  right: 10px;
  top: 60px;
  width: 9px;
  height: 17px;
  cursor: pointer;
  position: absolute;
}

.block-type-34 .carousel li {
  float: left;
  width: 234px;
  text-align: center;
}

.carousel-feature {
  position: absolute;
  top: -1000px;
  left: -1000px;
  cursor: pointer;
}

.block-type-35 {
  overflow: hidden;
  border-bottom: 4px solid #e66d1d;
}

.block-type-35 img {
  float: left;
  display: block;
}

.block-type-35 .caption {
  background: #e66d1d;
  width: 205px;
  height: 261px;
  float: right;
  padding: 18px 18px 0;
}

.block-type-35 .caption .title {
  color: #fff;
  text-transform: uppercase;
  padding: 0 0 20px 0;
  font-weight: normal;
  font-size: 2em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-35 .caption .title a {
  color: #fff;
}

.block-type-35 .caption .title .big {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-weight: bold;
  font-size: 2.25em;
  display: block;
}

.block-type-35 .caption .title .medium {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-weight: normal;
  display: block;
}

.block-type-35 .caption .author {
  color: #fff;
  font-size: 1.1em;
}

.block-type-36 {
  padding: 15px 0 30px 0;
}

.block-type-36 {
  border-bottom: 1px solid #eceded;
}

.block-type-36 ul {
  overflow: hidden;
}

.block-type-36 li {
  float: left;
  margin: 0 0 0 1px;
  width: 240px;
}

.block-type-36 li:first-child {
  margin: 0;
  width: 240px;
}

.block-type-36 li img {
  display: block;
}

.block-type-36 li .inner,
.block-type-69 .no-tips .inner {
  padding: 14px 10px 0 10px;
}

.block-type-36 li .inner .q,
.block-type-69 .no-tips .inner .q {
  color: #565656;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 0 20px 0;
}

.block-type-36 li .inner .q a,
.block-type-69 .no-tips .inner .q a {
  color: #565656;
}

.block-type-36 li .inner .q a:hover,
.block-type-69 .no-tips .inner .q a:hover {
  text-decoration: underline;
}

.block-type-36 .btn-line,
.block-type-69 .btn-line {
  border-top: 1px dotted #a1a1a1;
  margin: 0 10px;
  padding: 10px 0 0 0;
  overflow: hidden;
}

.block-type-36 .btn-line .right,
.type-69-3 .btn-line .right {
  float: right;
}

.block-type-37 {
  border-bottom: 1px solid #eceded;
  padding: 18px 0 25px 0;
}

.block-type-37 ul {
  overflow: hidden;
}

.block-type-37 ul li {
  float: left;
  width: 240px;
  margin: 0 0 0 1px;
}

.block-type-37 ul li:first-child {
  margin: 0;
}

.block-type-37 li img {
  display: block;
}

.block-type-37 li .inner {
  padding: 14px 10px 15px 10px;
}

.block-type-37 li.block {
  width: 242px;
}

.block-type-37 li .inner .q {
  color: #565656;
  font-size: 1.25em;
  padding: 0 0 10px 0;
}

.block-type-37 li .inner .q a {
  color: #565656;
}

.block-type-37 li .inner .q a:hover {
  text-decoration: underline;
}

.block-type-37 li .tip {
  text-transform: uppercase;
  text-align: right;
  background: #f4e7de;
  color: #e66d25;
  height: 100px;
  font-size: 3.25em;
  padding: 80px 20px 0 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
}

.block-type-37 li .tip strong {
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-37 ul li .author {
  color: #7299c2;
}

.block-type-37 .btn-line {
  border-top: 1px dotted #a1a1a1;
  margin: 0 10px;
  padding: 10px 0 0 0;
  overflow: hidden;
}

.block-type-37 .btn-line a {
  float: right;
}

.block-type-37 .btn-line a span,
.block-type-36 .btn-line a span,
.type-69-3 .btn-line a span {
  padding: 0;
  background: none;
}

.block-type-37 .btn-line .btn-minus,
.block-type-36 .btn-line .btn-minus {
  display: none;
}

.block-type-37 ul li .block-type-19 {
  height: 160px;
  margin: 0;
}

.block-type-37 ul li .block-type-19 .title {
  padding: 0 0 20px 0;
  line-height: 1em;
}

.block-type-37 ul li .block-type-19 p {
  font-size: 1.35em;
  text-align: center;
}

.block-type-37 ul li .block-type-19 p span {
  font-size: 1.25em;
  line-height: 1em;
}

.block-type-37 ul li .block-type-19 .btn-line {
  border: 0;
  padding: 10px 0 0 0;
}

.block-type-37.last {
  border-bottom: 0;
  padding-bottom: 0;
}

.block-type-38 {
  background: #d6e3ec;
  padding: 30px 0 30px 0;
}

.block-type-38 .title {
  color: #394d68;
  text-transform: uppercase;
  font-size: 1.25em;
  text-align: center;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 0 15px 0;
}

.block-type-38 .selector {
  width: 193px;
  margin: 0 auto;
}

.block-type-38 .selector select {
  width: 193px;
  height: 22px;
}

.block-type-38 .selector span {
  background-position: 172px 7px;
}

.block-type-39 .head {
  margin: 0 10px 10px;
  padding: 8px 0 10px 0;
  border-bottom: 1px dotted #a1a1a1;
}

.block-type-39.type39b .head {
  border-bottom: 0px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}

.block-type-39 .head .top {
  padding: 0 0 10px 0;
}

.block-type-39 .head .top .title {
  color: #394d68;
  font-size: 2.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 0 8px 0;
  line-height: 1em;
}

.block-type-39.type39b .title {
  font-size: 16px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  color: #4b5d74;
  border-bottom: 1px solid #d1d7df;
  margin-bottom: 2px;
  margin-top: 30px;
}

.block-type-39.type39b {
  padding: 0px;
}

.block-type-39.type39b .content {
  padding: 10px 120px;
}

.block-type-39.type39b .back {
  padding: 10px;
  padding-left: 20px;
  background: url(../img/skin/arrow-31.png) no-repeat 7px center #677b94;
}

.block-type-39.type39b .back a {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
}

.block-type-39 .head .top .sub-title {
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  text-transform: uppercase;
  color: #394d68;
}

.block-type-39 .head .top .author {
  color: #7299c2;
  font-size: 1.1em;
  float: right;
  text-align: right;
  width: 150px;
  clear: right;
  padding: 0 0 8px 0;
}

.block-type-39 .head .top .date {
  color: #394d68;
  text-align: right;
  font-size: 1.1em;
  width: 150px;
  padding: 0 0 8px 0;
  float: right;
}

.block-type-39 .head .category {
  background: #394d68;
  display: inline-block;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.65em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  padding: 0px 4px;
  margin: 14px 0 0 0;
  float: left;
}

.block-type-39 .head .bottom {
  overflow: hidden;
}

.block-type-39 .head .bottom .fb-like {
  float: right;
  margin: 8px 0 0 0;
}

.block-type-39 .head .buttons {
  float: right;
}

.block-type-39 .head .buttons ul {
  float: left;
  padding: 0 0 0 22px;
}

.block-type-39 .head .buttons ul li {
  float: left;
  padding: 0 0 0 2px;
}

.block-type-39 .head .buttons ul li:first-child {
  padding: 0;
}

.block-type-39 .content {
  padding: 0 0 10px 0;
}

.page-interview .block-type-39 .content {
  color: #677b94;
  font-size: 14px;
  line-height: 20px;
}

.page-interview .block-type-39.type39b img, .page-interview .block-type-39.type39b iframe {
  display: block;
  margin: 0 auto;
}

.block-type-39 .content img {
  float: left;
  display: block;
  margin: 0 10px 10px 10px;
}

.block-type-39 .content p {
  color: #394d68;
  font-size: 1.15em;
  padding: 0 10px 28px 10px;
  line-height: 1.85em;
}

.block-type-39 .content a, .block-type-39 .content a:active {
  text-decoration: none;
}

.block-type-39 .content a:hover {
  text-decoration: underline;
}

.block-type-39 .content ul {
  overflow: auto;
  padding: 0 0 28px 0;
  list-style: disc inside;
  display: inline;
}

.block-type-39 .content ul li {
  font-size: 1.15em;
  line-height: 1.85em;
  padding: 0 0 2px 8px;
  margin: 0 10px;
  color: #394d68;
  background: none;
}

.block-qa {
  overflow: hidden;
  padding: 15px 20px 60px 20px;
}

.block-qa .item {
  width: 590px;
  margin: 0 0 15px 0;
  float: left;
}

.block-qa .answer {
  float: right;
}

.block-qa .item .top {
  height: 9px;
  background: url(../img/skin/bg-blocks.png) left -400px no-repeat;
  width: 590px;
}

.block-qa .item .in {
  background: url(../img/skin/bg-block-qa.png) 10px top repeat-y;
  padding: 0 15px 0 25px;
}

.block-qa .item .in p {
  line-height: 1.25em;
  color: #6c7b95;
  font-size: 1.15em;
  padding: 0;
  text-align: justify;
}

.block-qa .item .in .title {
  color: #394d68;
  padding: 0 0 8px 0;
}

.block-qa .item .in .title span {
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-qa .item .bottom {
  height: 14px;
  background: url(../img/skin/bg-blocks.png) left -409px no-repeat;
  width: 621px;
}

.block-qa .answer .top {
  height: 9px;
  background: url(../img/skin/bg-blocks.png) -10px -400px no-repeat;
  width: 590px;
}

.block-qa .answer .in {
  background: url(../img/skin/bg-block-qa.png) 0 top repeat-y;
  padding: 0 25px 0 15px;
}

.block-qa .answer .in .title {
  color: #a5bdd8;
  padding: 0 0 5px 0;
  vertical-align: middle;
  height: 28px;
  line-height: 28px;
}

.block-qa .answer .in .title img {
  display: inline-block;
  border: 1px solid #a5bdd8;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.block-qa .answer .bottom {
  background: url(../img/skin/bg-blocks.png) left -450px no-repeat;
}

.block-type-39 .content .ordered-list {
  padding: 20px 0 20px 0;
}

.block-type-39 .content .ordered-list li {
  color: #394d68;
  font-size: 1.25em;
  padding: 0 0 28px 30px;
  overflow: hidden;
}

.block-type-39 .content .ordered-list li .nb {
  font-size: 1.85em;
  width: 40px;
  display: block;
  float: left;
  line-height: 1em;
}

.block-type-39 .content .ordered-list li p {
  line-height: inherit;
  font-size: 1em;
  padding: 0;
  float: left;
  width: 630px;
}

.page-mag .block-type-39 .content p:first-child:first-letter,
.page-mag .block-type-39 .content img + p:first-letter,
.page-mag .block-type-39 .content img + br + p:first-letter {
  float: left;
  font-size: 3.5em;
  margin-right: 0.1em;
  margin-top: 12px;
}

.page-mag .block-type-39 .content .item p:first-child:first-letter {
  float: none;
  line-height: inherit;
  font-size: 1em;
  margin: 0;
}

.page-mag .block-type-39 .content p:first-child:first-letter, x:-moz-any-link, x:default {
  margin-top: 6px;
}

.page-mag .msie7 .block-type-39 .content p:first-child:first-letter,
.page-mag .msie8 .block-type-39 .content p:first-child:first-letter,
.page-mag .msie9 .block-type-39 .content p:first-child:first-letter {
  line-height: 1;
  margin-top: 0;
}

.page-mag .block-gradient .title-type-01 {
  padding-bottom: 0;
}

.page-mag .block-gradient.block-type-37 .title-type-01 {
  padding-bottom: 12px;
}

.block-type-40 .inner img {
  display: block;
}

.block-type-40 .border {
  border-bottom: 1px solid #dfdfdf;
  margin: 0 0 11px 0;
  padding: 0 0 11px 0;
}

.block-type-41 ul li {
  overflow: hidden;
  border-top: 1px solid #eff0f1;
  border-bottom: 1px solid #dfdfdf;
  margin: 0 0 11px 0;
  padding: 0 0 11px 0;
}

.block-type-41 ul li.border {
  border-bottom: 1px solid #eff0f1;
}

.block-type-41 ul li .misc {
  float: left;
  width: 404px;
  min-height: 172px;
  position: relative;
}

.block-type-41 ul li .misc img {
  display: block;
}

.block-type-41 ul li .misc .number,
.block-type-41 ul li .content .number,
.block-type-44 .number,
.block-type-44 .and {
  color: #d0dde9;
  z-index: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 16em;
  letter-spacing: -0.1em;
  padding: 0 0 0 40px;
  line-height: 172px;
  display: block;
  overflow: hidden;
}

.block-type-41 .date .number {
  font-size: 11.5em !important;
}

.block-type-44 .and {
  float: right;
  font-size: 12em;
}

.block-type-41 ul li .misc .legend,
.block-type-41 ul li .content .legend,
.block-type-44 .legend {
  color: #8dabca;
  font-size: 2.25em;
  text-transform: uppercase;
  display: block;
  z-index: 2;
  position: absolute;
  text-align: left;
  top: 60px;
  left: 150px;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
  font-weight: normal;
  line-height: 1em;
}

.block-type-44 .legend {
  width: 185px;
}

#block-inter .legend {
  width: 210px;
}

.block-type-41 .date .legend {
  right: 50px !important;
  top: 90px !important;
  left: auto !important;
}

.block-type-41 ul li .misc .legend span,
.block-type-41 ul li .content .legend span,
.block-type-44 .legend span {
  font-size: 1.20em;
  display: block;
  font-weight: bold;
}

.msie7 .block-type-41 ul {
  overflow: hidden;
}

.msie7 .block-type-41 ul li {
  float: left;
  display: block;
}

.block-type-41 ul li .content .title-type-01 {
  padding: 0 0 16px 0;
}

.block-type-41 ul li .content .stats {
  overflow: hidden;
}

.block-type-41 ul li .content .number {
  font-size: 10em;
  display: inline-block;
  margin: 0 0 0 80px;
  letter-spacing: -0.01em;
  padding: 0;
  line-height: 107px;
  float: left;
}

.block-type-41 ul li .stats-02 .number {
  color: #76899e;
  font-size: 9em;
  text-shadow: 0 0 5px #76899e;
}

.block-type-41 ul li .stats-02 .legend {
  color: #677c94;
  font-size: 3.2em;
  left: 110px;
  top: 53px;
}

.block-type-41 ul li .stats-03 .legend {
  color: #677c94;
  font-size: 3.2em;
  left: 70px;
  top: 53px;
}

.block-type-41 ul li .content .legend {
  position: relative;
  left: auto;
  top: auto;
  float: left;
  padding: 25px 0 0 10px;
}

/*
 {
    margin-top:-30px;
    position:relative;
}*/

.block-type-41 ul li .content {
  width: 524px;
  float: left;
  padding: 18px 10px 4px 20px;
  position: relative;
  min-height: 146px;
  border-top: 0;

}

.block-type-41 ul li .content p {
  color: #565656;
  font-size: 1.1em;
  line-height: 1.15em;
  padding: 0 0 15px 0;
}

.block-type-41 ul li .content .btn-line {
  overflow: hidden;
  padding: 0 0 10px 0;
}

.block-type-41 ul li .content .btn-line a {
  float: left;
  text-align: left;
}

.block-type-41 ul li .content .hidden-content {
  display: none;
}

.block-type-41 ul li .content .btn-minus {
  display: none;
}

.block-type-41 ul li .content .title-type-01 .sub {
  color: #394d68;
  font-weight: normal;
  text-transform: none;
  display: block;
  font-size: 0.7em;
}

.block-type-41 ul li .content .btn-type-02,
.block-type-41 ul li .content .btn-type-08 {
  float: right;
}

.block-type-41 ul li .content .link-type-05 {
  float: right;
}

.block-type-41 ul li .content ul li {
  border: none;
  padding: 0 0 0 8px;
  margin: 0;
}

#block-value .content .btn-type-02 {
  float: left;
}

.type-41b ul li .content {
  min-height: 145px;
  padding-bottom: 14px;
}

.type-41b ul li .content .btn-type-02 {
  float: none;
}

.type-41b ul li .content .btn-type-03 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.block-type-41 .reverse .misc {
  float: right;
}

.block-type-41 .misc .keyword {
  text-align: right;
  height: 172px;
  display: block;
  /*line-height:172px;*/
  color: #394d68;
  text-transform: uppercase;
  width: 404px;
}

.block-type-41 .misc .keyword.center {
  text-align: center;
}

.block-type-41 .misc .keyword span {
  line-height: 1em;
  display: inline-block;
  /*vertical-align:middle;*/
  width: 374px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  font-size: 4.5em;
  padding: 18px 30px 0 0;
  letter-spacing: -0.05em;
}

.block-type-41 .misc .keyword.center span {
  padding: 18px 0 0 0;
  width: 404px;
}

.block-type-42 {
  padding: 18px 10px 15px 0;
  overflow: hidden;
}

.block-type-42 .btn-type-08 {
  float: right;
}

.block-type-42 ul {
  overflow: hidden;
  padding: 0 0 25px 0;
}

.block-type-42 ul li {
  float: left;
  border-left: 1px solid #dadee3;
  height: 67px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 25px;
}

.block-type-42 ul li:first-child {
  border-left: 0;
}

.block-type-42 ul li .number {
  color: #c7d7e5;
  font-size: 6em;
  display: inline-block;
  line-height: 67px;
  letter-spacing: -0.05em;
  padding: 0 5px 0 0;
}

.block-type-42 ul li .label {
  color: #c7d7e5;
  font-size: 8em;
  display: inline-block;
  color: #384c69;
  text-transform: uppercase;
  font-size: 2.85em;
  font-family: 'CenturyGothicW02-Italic';
}

.block-type-43 {
  overflow: hidden;
  border-bottom: 2px solid #a6bdd8;
}

.block-type-43.no-border {
  border: 0;
}

.block-type-43 .title-type-01 {
  padding-bottom: 18px;
}

.block-type-43 .btn-type-03 {
  float: right;
}

.block-type-43 .btn-up {
  float: right;
  text-decoration: underline;
  margin: 0 10px 0 0;
}

.block-type-43 .list {
  overflow: hidden;
  padding: 0 0 25px 0;
}

.block-type-43 .list > li {
  float: left;
  width: 240px;
  padding: 0 0 0 110px;
}

.block-type-43 .list > li:first-child {
  padding: 0 0 0 10px;
}

.block-type-43 .list > li .title {
  color: #485975;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.block-type-43 .list > li .date {
  color: #7299c2;
  font-size: 1.1em;
  padding: 0 0 15px 0;
}

.block-type-43 .list > li ul {
  overflow: hidden;
}

.block-type-43 .list > li li {
  float: left;
}

.block-type-43 .list > li a.pdf {
  display: block;
  background: url(../img/skin/picto-pdf.png) left top no-repeat;
  color: #485975;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.15em;
  text-align: center;
  width: 72px;
  padding: 76px 0 0 0;
  font-weight: bold;
  overflow: hidden;
}

.block-type-43 .hidden-content {
  display: none;
}

.block-type-43 .btn-minus {
  display: none;
}

.block-type-44 {
  position: relative;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #eceded;
  margin: 0 0 12px 0;
}

.block-type-44 .stats-01 {
  background: #fcfdfe;
}

.block-type-44 .stats {
  position: relative;
  width: 479px;
  float: left;
  min-height: 172px;
}

.block-type-44 .content {
  position: relative;
  float: left;
  padding: 30px 30px 0;
}

.block-type-44 .content .list-type-03 {
  overflow: hidden;
}

.block-type-44 .content .list-type-03 li {
  font-style: italic;
  padding-bottom: 10px;
  font-size: 1.25em;
  float: left;
  width: 170px;
}

.block-type-44 .content .title {
  font-size: 2em;
  font-weight: normal;
  color: #565656;
  font-family: 'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 14px 0;
  text-transform: uppercase;
}

.block-type-44 .legend .sub {
  color: #96b2cf;
  font-size: 0.49em;
  line-height: 1em;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
  font-weight: normal;
}

.block-type-44 img {
  float: left;
}

.block-type-44 .content p {
  color: #565656;
  font-size: 1.2em;
  padding: 0 0 20px 0;
}

.type-44b .stats-01 {
  width: 404px;
}

.type-44b .content {
  width: 492px;
}

.type-44c .stats-01 {
  background: #fff;
}

.type-44c .legend {
  left: 120px;
  width: 340px;
}

.page-lab .section a {
  text-decoration: none;
  color: #0074BD;
}

.page-lab .section a:hover {
  text-decoration: underline;
}

.page-lab .section a.active, .page-lab .section a:active {
  color: #0074BD;
}

#block-inter p {
  font-size: 1.15em;
}

#block-inter .list-type-03 {
  float: left;
  width: 170px;
}

.block-type-45 {
  background: #a6c1d9;
  width: 958px;
}

.block-type-45 ul {
  padding: 10px 0;
  overflow: hidden;
}

.block-type-45 ul li {
  float: left;
  padding: 0 0 0 40px;
}

.block-type-45 ul li a {
  color: #fff;
  padding: 0 0 0 12px;
  display: block;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-weight: normal;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-06.png) left 4px no-repeat;
}

.block-type-45 ul li a.current,
.block-type-45 ul li a:hover {
  color: #394d68;
  background: url(../img/skin/picto-arrow-10.png) left 6px no-repeat;
}

.block-type-45 .list-02 li {
  width: 198px;
  float: left;
}

.block-type-45 .list-03 li {
  width: 160px;
  padding-left: 90px;
}

.block-type-45 .list-03 li:first-child {
  padding: 0 0 0 40px;
}

.block-type-45 .list-04 li {
  width: 150px;
}

.block-type-45 .list-04 .item-01 {
  width: 150px;
}

.block-type-45 .list-04 .item-02 {
  width: 150px;
}

.block-type-45 .list-04 .item-03 {
  width: 150px;
}

.block-type-45 .list-04 .item-04 {
  width: 160px;
}

.block-type-45 .list-04 .item-05 {
  width: 140px;
}

.block-type-45 .list-03 li:first-child {
  padding: 0 0 0 40px;
}

.block-type-46 {
  background: #edf3f9;
  border-bottom: 3px solid #394d68;
  width: 958px;
  height: 40px;
}

.sticky-wrapper {
  z-index: 10;
  position: relative;
}

.is-sticky .block-type-46,
.is-sticky .block-type-45 {
  margin: 0;
}

#block-history {
  padding: 12px 0 0 0;
}

.block-type-46 ul {
  overflow: hidden;
  text-align: center;
}

.block-type-46 ul li {
  float: left;
  padding: 0 0 0 35px;
}

.block-type-46 ul li:first-child {
  padding: 0 0 0 45px;
}

.block-type-46 ul li a {
  color: #96b2cf;
  font-size: 2.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  padding: 0 25px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.block-type-46 ul li a:hover {
  color: #394d68;
  background: url(../img/skin/picto-arrow-07.png) bottom center no-repeat;
}

.block-type-46 ul li a.current {
  color: #394d68;
  background: url(../img/skin/picto-arrow-07.png) bottom center no-repeat;
}

.block-type-47 {
  padding: 0 0 50px 125px;
  overflow: hidden;
  min-height: 100px;
}

.block-type-47 .label {
  float: left;
  color: #394d68;
  text-transform: uppercase;
  width: 187px;
  font-size: 1.65em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;;
}

.block-type-47 .content {
  border-left: 3px solid #394d68;
  float: left;
  width: 640px;
  position: relative;
}

.block-type-47 .content ul {
  overflow: hidden;
  padding: 0 0 0 20px;
  width: 186px;
  float: left;
}

.block-type-47 .content ul li {
  float: none;
  width: 206px;
  padding: 0 0 10px 0;
}

.block-type-47 .content ul li a {
  color: #565656;
  font-size: 1.1em;
}

.block-type-47 .content ul li a:hover {
  text-decoration: underline;
}

.block-type-48 {
  background: #eaf0f6;
  margin: 0 0 0 123px;
  height: 85px;
}

.block-type-48 .inner {
  padding: 15px 18px;
  overflow: hidden;
}

.block-type-48 .inner .title {
  color: #394d68;
  text-transform: uppercase;
  width: 187px;
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  width: 210px;
  padding: 0 0 20px 0;
  float: left;
}

.block-type-48 .inner p {
  color: #565656;
  font-size: 1.1em;
  width: 290px;
  float: left;
  display: block;
  line-height: 1.65em;
}

.pt18 {
  padding-top: 18px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.block-type-49 {
  border-left: 3px solid #394d68;
  background: url(../img/skin/bg-block-type-49.png) left top repeat-y;
  position: absolute;
  left: -3px;
  top: -300px;
  width: 648px;
  display: none;
}

.block-type-49 .back {
  display: block;
  float: left;
  color: #fff !important;
  background: #a5bdd8 url(../img/skin/picto-arrow-08.png) 8px 15px no-repeat;
  font-size: 1.1em;
  width: 46px;
  padding: 10px 8px 0 18px;
  min-height: 143px;
  cursor: pointer;
}

.block-type-49 .in {
  background: #eaf0f6;
  overflow: hidden;
  padding: 12px 15px 0 15px;
  width: 545px;
}

.block-type-49 .in .title {
  font-weight: bold;
  color: #565656;
  font-size: 1.65em;
  padding: 0 0 12px 0;
  text-transform: uppercase;
}

.block-type-49 .in .col-1 {
  float: left;
  width: 230px;
}

.block-type-49 .in .col-2 {
  float: left;
  width: 315px;
}

.block-type-49 .in p {
  padding: 0 0 14px 0;
  color: #565656;
  font-size: 1.1em;
}

.block-type-49 .in .col-1 p {
  padding: 0 0 8px 0;
}

.block-type-49 .in .col-1 p.address {
  height: 40px;
}

.block-type-49 .in p span {
  text-transform: uppercase;
}

.block-type-49 .in p a {
  color: #7299c2 !important;
  text-decoration: underline;
}

.block-type-49 .in .social {
  overflow: hidden;
}

.block-type-49 .in p.social a {
  display: inline-block;
  background: url("../img/skin/pictos.png") no-repeat scroll left -4800px transparent;
  padding: 0 20px 0 40px;
  height: 25px;
  line-height: 25px;
  color: #565656 !important;
  text-decoration: none !important;
}

.block-type-49 .social a.fb {
  background-position: 0 -4700px !important;
}

p.note {
  color: #565656;
  font-size: 1.1em;
  padding: 20px 0 35px 12px;
}

.block-map-01 {
  padding: 10px 0 0 0;
}

.block-map-01 #map-01 {
  width: 958px;
  height: 537px;
}

.block-type-50 {
  padding: 25px;
  overflow: hidden;
  border-bottom: 1px solid #eceded;
  background: #fff;
}

.page-pdv .block-type-50 h1 {
  width: auto;
  font-size: 3em;
}
/*ticket #902 - ajout de delphine */
.page-pdv .block-type-51 .panel .inner .bloc-label-checkbox label {
  color: #737373;
  margin-bottom: 9px;
  font-size: 12px;
  height: 13px;
  vertical-align: top;
}

.block-type-50 h1 {
  color: #4b5d74;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 3.25em;
  border-right: 1px solid #eceded;
  display: block;
  float: left;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  line-height: 1.1em;
  width: 330px;
}

.block-type-50 h1 span {
  font-size: 1.25em;
  display: block;
}

.block-type-50 p {
  color: #43484e;
  font-size: 1.25em;
}

.block-type-51 {
  overflow: hidden;
}

.block-type-51 .panel {
  float: left;
  background: #eaf0f6;
  width: 320px;
  min-height: 537px;
}

.block-type-51 .panel .inner {
  padding: 15px 20px 0 20px;
}

.block-type-51 .panel .inner .title-type-01 {
  padding: 0 0 10px 0;
}

.block-type-51 .panel .inner p {
  color: #394d68;
  font-size: 1.1em;
  padding: 0 0 12px 0;
}

.block-type-51 .panel .inner .bloc-label-input {
  padding: 0 0 16px 0;
}

.block-type-51 .panel .inner .bloc-label-input select {
  width: 278px;
  height: 22px;
}

.block-type-51 .panel .inner .bloc-label-input .selector span {
  width: 268px;
  background: url(../img/skin/picto-arrow-11.png) 260px 7px no-repeat #fff;
}

.block-type-51 .panel .inner label,
.block-type-51 .panel .inner .label {
  color: #394d68;
  padding: 0 0 5px 0;
  font-size: 1.15em;
  display: block;
}

.block-type-51 .panel .inner fieldset:first-child {
  margin: 0 0 18px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px dotted #94989b;
}

.block-type-51 .panel .inner input[type="text"] {
  width: 267px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #d9dadb;
  padding: 0 5px;
}

.block-type-51 .panel .inner .multiple-select {
  width: 278px;
  height: 225px;
  border: 1px solid #d9dadb;
  color: #737373;
  line-height: 1.25em;
  margin: 14px 0 0 0;
  overflow-y: scroll;
  background: #fff;
}

.block-type-51 .panel .inner .multiple-select input {
  display: none;
}

.block-type-51 .panel .inner .multiple-select label {
  color: #737373;
  padding: 4px 10px;
  font-size: 1.1em;
  cursor: pointer;
}

.block-type-51 .panel .inner .multiple-select .selected {
  background: #a5bdd8;
  color: #fff;
}

.block-type-51 .panel button[type="submit"] {
  border-color: #ccdae9;
}

.block-type-51 .panel button[type="submit"] span {
  width: 260px;
  background: #ccdae9;
  border-color: #d6e1ec;
  height: 25px;
  line-height: 25px;
}

.block-type-51 .panel button[type="submit"]:hover {
  border-color: #87A1BA;
}

.block-type-51 .panel button[type="submit"]:hover span {
  background: #A5BDD8;
  border-color: #B7CADE;
}

.block-type-51 .panel .details .title {
  color: #8dabca;
  font-size: 1.1em;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.block-type-51 .panel .details .section {
  padding: 10px 0 0 0;
  border-top: 1px dotted #94989b;
}

.block-type-51 .panel .details .section p,
.block-type-51 .panel .details .section ul {
  color: #43484e;
  font-size: 1.1em;
  padding: 0 0 8px 0;
}

.block-type-51 .panel .details .section p a,
.block-type-51 .panel .back {
  color: #394d68;
}

.block-type-51 .panel .details .section p a:hover,
.block-type-51 .panel .back:hover {
  text-decoration: underline;
}

.block-type-51 .panel .details .section .pdv-details img {
    padding: 0 10px 10px 0;
    float: left;
}

.block-type-51 .panel .details .section a.print {
  color: #43484e;
  font-size: 1.1em;
  display: block;
  margin: 0 0 8px 0;
  background: url(../img/skin/pictos.png) left -4898px no-repeat;
  padding: 0 0 0 25px;
}

.block-type-51 .panel .details .section a.add {
  color: #43484e;
  font-size: 1.1em;
  display: block;
  margin: 0 0 8px 0;
  background: url(../img/skin/pictos.png) left -4998px no-repeat;
  padding: 0 0 0 25px;
}

.block-type-51 .panel .details .section a.roadmap {
  color: #43484e;
  font-size: 1.1em;
  display: block;
  margin: 0 0 8px 0;
  background: url(../img/skin/pictos.png) left -5098px no-repeat;
  padding: 0 0 0 25px;
}

.block-type-51 .panel .details .section .form-roadmap {
  display: none;
}

.block-type-51 .panel .details .section .form-roadmap label {
  font-size: 1em;
  padding: 0 0 3px 0;
}

.block-type-51 .panel .details .section .form-roadmap input[type="text"] {
  margin: 0 0 10px 0;
}

.block-type-51 .panel .details .section .form-roadmap fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.block-type-51 .panel .details .section .form-roadmap input[type="submit"]:hover {
  text-decoration: underline;
  cursor: pointer;
}

.block-type-51 .panel .details .section ul {
    list-style: disc inside;
}

.block-type-51 .panel .details .section .pdv {
    padding-top: 7px;
}

.block-type-51 .panel .details .section .pdv .pdv-details {
    padding-top: 15px;
}

.block-type-51 .panel .details .section .pdv + .pdv {
    border-top: 1px dotted #94989b;
    padding-top: 15px;
}

.block-type-51 .panel .details .section a.print:hover,
.block-type-51 .panel .details .section a.add:hover,
.block-type-51 .panel .details .section a.roadmap:hover {
  text-decoration: underline;
}

.block-type-51 .map {
  float: left;
  border: 1px solid #999999;
  width: 634px;
  height: 535px;
}

.block-type-51 .map #map-store {
  width: 634px;
  height: 535px;
}

.block-type-51-header-image .img-desktop {
  display: block;
}

.block-type-51-header-image .img-mobile {
  display: none;
}

.block-type-52 {
  padding: 18px 0 0 20px;
}

.block-type-52 .title-type-01 {
  padding: 0 0 25px 0;
  cursor: pointer;
}

.block-type-52 .btn-minus {
  display: none;
}

.block-type-52 .btn-minus span {
  background: url(../img/skin/picto-arrow-19.png) right 7px no-repeat;
  padding: 0 25px 0 0;
}

.block-type-52 .btn-plus span {
  background: url(../img/skin/picto-arrow-20.png) right 3px no-repeat;
  padding: 0 25px 0 0;
}

.block-type-52 .list {
  overflow: hidden;
}

.block-type-52 .list li {
  float: left;
  color: #394d68;
  font-size: 1.15em;
  width: 185px;
  display: block;
  min-height: 85px;
}

.block-type-52 .list li a {
  color: #394d68;
}

.block-type-52 .list li a:hover {
  text-decoration: underline;
}

.block-dual {
  overflow: hidden;
  padding: 0 0 16px 0;
  border-left: 1px solid #f1f1f2;
}

.block-dual > div {
  width: 350px;
  float: left;
  height: 115px;
}

.block-dual > div:first-child {
  margin: 0 11px 0 0;
}

.page-search .info {
  padding: 15px 20px 15px;
  border-left: 1px solid #f1f1f2;
  border-top: 1px solid #f1f1f2;
}

.page-search .info .result {
  text-transform: uppercase;
  color: #394d68;
  font-size: 1.45em;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.page-search .info p {
  color: #43484e;
  font-size: 1.1em;
}

.block-type-53 {
  /*border-bottom: 1px solid #dfe3eb;*/
  position: relative;
  margin: 0 0 39px 0;
}

.block-type-53 .carousel {
  position: relative;
}

.block-type-53 .carousel .desc {
  padding: 15px 0 0 0;
}

.block-type-53 .title {
  font-weight: normal;
  text-transform: uppercase;
  color: #8791ab;
  font-size: 2.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-53 p {
  color: #8791ab;
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 12px 0;
}

.block-type-53 .slides li {
  float: left;
  display: block;
}

.block-type-53 .slides li a {
  display: block;
}

.block-type-53 li img,
.block-type-54 li img,
.block-type-55 img,
.block-type-56 li img {
  display: block;
  border: 1px solid #d5dbe2;
}

.block-type-53 .carousel .pagination {
  position: absolute;
  top: 402px;
  right: 0;
  z-index: 5;
  padding: 10px
}

.block-type-53 .carousel .pagination li {
  float: left;
  padding: 0 5px 0 0;
}

.block-type-53 .carousel .pagination a {
  display: block;
  color: #a2b7d5;
  text-decoration: none;
  font-size: 1.1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-53 .carousel .pagination .selected a {
  color: #394d68;
}

.block-type-53 .btn-type-06 {
  position: absolute;
  right: 17px;
  top: -9px;
}

.container .block-type-55,
.container .block-type-54 {
  float: left;
}

.block-type-54 .carousel {
  position: relative;
}

.block-type-54 li .picture {
  width: 299px;
  height: 288px;
  float: left;
  display: block;
}

.type-54b li .picture img {
  border: 1px solid #e0e5ea;
  display: block;
}

.block-type-54 {
  width: 300px;
  height:355px;
  overflow:hidden;
  position: relative;
  padding: 12px 0 0 0;
  /** #910
   * height: 346px;
   * border-bottom: 1px solid #e5e7ed;
   */
}
.block-type-54 .caption {
  width: 300px;
}

.type-54sidebar {
  height: 346px;
}

.block-type-54 .caption {
  width: 300px;
}

.type-54sidebar {
  height: 346px;
}


.block-type-54 li img,
.block-type-55 li img {
  display: block;
}

.block-type-54 .slides li {
  display: block;
  float: left;
  /** #910
   * height: 346px;
   */
  width: 301px;
  overflow: hidden;
}

.block-type-54 .slides li .caption {
  padding: 13px 0 0 0;
  display: block;
  float: left;
}

.block-type-54 .carousel {
  position: relative;
}

.block-type-54 .carousel .pagination {
  position: absolute;
  bottom: 45px;
  right: 0;
  z-index: 5;
}

.block-type-54 .carousel .pagination li {
  float: left;
  padding: 0 5px 0 0;
}

.block-type-54 .carousel .pagination a {
  display: block;
  color: #a2b7d5;
  text-decoration: none;
  font-size: 0.9em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-54 .carousel .pagination .selected a {
  color: #394d68;
}

.page-home .container .block-type-54 {
  margin-bottom: 45px;
}

.page-home .container .block-type-55 {
  margin-bottom: 45px;
}

.msie7 .page-home .container {
  padding-bottom: 45px;
}

.page-home .container.last {
  padding-bottom: 0;
}

.block-type-55 {
  width: 299px;
  position: relative;
  padding: 12px 0 0 0;

  /** #910
   *
   * height: 346px;
   * border-bottom: 1px solid #e5e7ed;
   */
  margin: 0 0 0 30px;
}
/** #910 : ajout border sur la caption */
.block-type-55 .caption,
.block-type-54 .caption {
  border-bottom: 1px solid #e5e7ed;
}

.block-type-54 .btn-type-06,
.block-type-55 .btn-type-06 {
  position: absolute;
  top: 0;
  right: 6px;
  z-index: 10;
}

.block-type-55 img {
  margin: 0 0 11px 0;
  max-height: 287px;
}

.block-type-55 .caption .title,
.block-type-54 .caption .title {
  font-weight: normal;
  text-transform: uppercase;
  color: #8791ab;
  font-size: 1.55em;
  padding: 0 0 5px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-55 p,
.block-type-54 p {
  color: #8791ab;
  font-size: 1em;
  padding: 0 0 12px 0;
}

.type-54b,
.type-54b .caption  {
  width: 628px;
}

.type-54b .slides li {
  width: 628px;
}

.type-54b .slides li .picture {
  width: 628px;
  height: 285px; /* original : 276 */
  overflow: hidden;
}

.type-54b .picture {
  /*border-bottom: 2px solid transparent;*/
}

.block-type-56 {
  overflow: hidden;
}

.block-type-56 ul li {
  padding: 0 0 1px 0;
}

.block-type-56 a {
  width: 465px;
}

.block-type-56 ul {
  float: left;
  padding: 0 28px 0 0;
  overflow: hidden;
}

.block-type-56 a {
  display: block;
  width: 465px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  background: #6c7b95;
  height: 42px;
  line-height: 42px;
}

.block-type-56 a.contact {
  float: left;
  margin: 0 0 1px 0;
}

.block-type-56 .desc {
  text-transform: uppercase;
  width: 465px;
  height: 85px;
  float: right;
  margin-right: 2px;
  background: #f1f1f1;
}

.block-type-56 .desc p {
  color: #666;
  font-size: 1.1em;
  text-align: center;
  padding: 15px 15px 0 15px;
}

.block-type-57 {
  text-align: center;
  margin: 0 0 35px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-57 a {
  text-transform: uppercase;
  font-size: 1.45em;
  color: #6c7b95;
  line-height: 53px;
  width: 470px;
  display: inline-block;
}

.block-type-57 span.nolink {
  color: #667B94;
  display: inline-block;
  font-size: 1.45em;
  line-height: 53px;
  text-transform: uppercase;
  width: 466px;
  border: 1px solid #687f9a;
  border-left: none;
  border-right: none;
  margin: 0;
}

.block-type-57 span:first-child {
  margin: 0 28px 0 0;
}

.block-type-58 img {
  display: block;
}

.block-type-58 .desc {
  background: url(../img/skin/bg-gradient-01.png) left top repeat-x;
  padding: 18px 20px 5px;
  overflow: hidden;
}

.block-type-58 p {
  font-family: 'Trebuchet MS', Arial;
  font-size: 1.1em;
  padding: 0 0 5px 0;
  color: #565656;
}

.block-type-58 .title-type-01 {
  padding-left: 0;
}

.block-type-58 .desc .link-type-01 {
  float: right;
}

.block-type-58 .desc .details {
  padding: 0 0 18px 0;
}

.block-type-58 .desc .category {
  background: #3b4f6a;
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 12px 0 0;
  padding: 0 3px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-58 .desc .date {
  color: #7299c2;
  font-size: 1em;
}

.type-58-2 ul {
  overflow: hidden;
}

.type-58-2 li {
  float: left;
  width: 361px;
  overflow: hidden;
  border-right: 1px solid #fff;
}

.type-58-2 li.first-column {
  clear: both;
}

.type-58-2 .btn-line .btn-minus{
  display: none;
}

.type-58-2 .btn-line .btn-plus{
  display:none;
}

.block-type-59 {
  background: #c9d9e6;
  height: 36px;
  overflow: hidden;
  padding: 0 10px 0 0;
}

.block-type-59 .title {
  color: #565656;
  text-transform: uppercase;
  font-size: 1.35em;
  height: 36px;
  line-height: 36px;
  padding: 0 0 0 30px;
  float: left;
  width:350px;
}

.block-type-59 .bloc-label-input {
  float: right;
  width: 270px;
}

.block-type-59 .bloc-label-input .selector {
  width: 150px;
  float: left;
  margin: 7px 0 0 10px;
}

.block-type-59 .bloc-label-input select {
  width: 150px;
  height: 20px;
}

.block-type-59 .bloc-label-input .selector span {
  background-position: 132px 7px;
  color: #4b5d74;
  text-transform: uppercase;
}

.block-type-59 .bloc-label-input label {
  color: #43484e;
  float: left;
  height: 36px;
  line-height: 36px;
}

.block-type-60 {
  padding: 14px 12px 0;
}

.block-type-60 .title {
  color: #394d68;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.45em;
  padding: 0 0 12px 0;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
}

.block-type-60 .list-type-02 {
  border: 0;
  margin-bottom: 10px;
}

.block-type-60 .list-type-02 li {
  border-top: 1px dotted #9D9E9E;
  border-bottom: 0;
}

.block-type-15 .list-type-04 span.details {
  display: block;
  color: #7299c2;
  margin: 12px 0 0 0;
}

.block-type-15 .link-type-01 {
  margin: 10px 0 0 0;
  display: inline-block;
}

#sidebar .title-feed {
  background: #f0f4f9;
  height: 35px;
  text-align: center;
  border-top: 1px solid #ECEDEF;
}

#sidebar .title-feed .title {
  color: #394d68;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  height: 35px;
  line-height: 35px;
  float: left;
  padding: 0 10px 0 35px;
}

#sidebar .title-feed span.fb,
#sidebar .title-feed span.tw {
  display: block;
  margin: 5px 0 0 0;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  background: url(../img/skin/pictos.png) left -5600px no-repeat;
}

#sidebar .title-feed span.tw {
  background-position: 0 -5700px;
}

.block-type-61 .menu-tabs {
  overflow: hidden;
  z-index: 5;
  position: relative;
}

.block-type-61 .menu-tabs li {
  float: left;
  padding: 0 2px 0 0;
}

.block-type-61 .menu-tabs li h2 {
  font-size: 1em;
}

.block-type-61 .menu-tabs li a {
  display: block;
  color: #617590;
  font-size: 1.1em;
  text-transform: uppercase;
  display: block;
  height: 30px;
  border: 2px solid #c2cbd4;
  line-height: 30px;
  text-align: center;
  width: 150px;
  background: #fff;
}

.block-type-61 .menu-tabs li.active a,
.block-type-61 .menu-tabs li a:hover {
  border-bottom: 0;
  padding: 0 0 2px 0;
  background: #6c7b95;
  border-color: #6c7b95;
  color: #fff;
}

.block-type-61 .tab-content {
  position: relative;
  width: 622px;
  margin-bottom: 15px;
}

.block-type-61 .tab-pane {
  display: none;
  border: 2px solid #c2cbd4;
  border-top: 1px solid #6c7b95;
  padding: 12px 20px 12px 20px;
}

.block-type-61 .tab-pane img {
  float: right;
  margin: 0 30px 0 0;
}

.block-type-61 .tab-pane .list-type-03 li {
  font-size: 1.25em;
}

.block-type-61 .tab-pane .title {
  color: #617590;
  padding: 0 0 10px 0;
  font-size: 1.65em;
  font-weight: normal;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-61 .tab-pane p {
  color: #565656;
  padding: 10px 0;
  font-size: 1.25em;
}

.block-type-61 .tab-pane .tags span {
  font-size: 0.7em;
}

.block-type-61 .tab-pane.active {
  display: block;
}

.block-type-62 {
  padding: 17px 0 0 0;
  width: 719px;
  overflow: hidden;
}

.block-type-62 li {
  padding: 0 3px 0 0;
  float: left;
}

.block-type-62 li a {

  text-align: center;
  color: #677c94;
  font-size: 1.1em;
  line-height: 30px;
  height: 30px;
  /*width: 162px;*/
  padding: 0 5px;
  margin-right: 5px;
  display: block;
}

.photoderm .block-type-62 li a {
  text-transform: uppercase;
}

.block-type-62 li.active a,
.block-type-62 li a:hover {
  background: #677c94;
  color: #fff;
}

.type-58-3 {
  border-top: 1px solid #F1F1F2;
  border-left: 1px solid #F1F1F2;
  padding: 8px 0 0 0;
}

.type-58-3 .title {
  color: #394D68;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.45em;
  font-weight: normal;
  padding: 0 0 12px;
  text-align: center;
  text-transform: uppercase;
}

.type-58-3 .title-02 {
  color: #565656;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: normal;
}

.block-type-58.type-58-3 .desc {
  padding: 8px;
}

.block-type-58.type-58-3 p {
  padding: 0;
  line-height: 1.25em;
}

.type-58-3 .author {
  color: #7299c2;
  font-size: 1em;
}

.type-58-3 .btn-line {
  border-bottom: 0 !important;
  border-top: 1px dotted #a1a1a1;
  text-align: right;
  color: #565656;
  margin: 18px 0 0 0;
  padding: 10px 0 10px 0;
}

.type-58-3 .btn-line a {
  font-weight: bold;
  text-decoration: underline;
  color: #565656;
}

.block-type-63 {
  overflow: hidden;
  background: #fff;
}

.block-type-63 img {
  float: left;
}

.block-type-63 .inner {
  padding: 30px 20px 0 20px;
  float: left;
  width: 780px;
}

.block-type-63 .title {
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-63 p {
  color: #394d68;
  font-size: 1.25em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.block-type-64 {
  padding-bottom: 80px !important;
}

.block-type-64 li {
  padding: 0 0 1px 0;
}

.block-type-64 .head {
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
  text-transform: uppercase;
  background: #6c7b95 url(../img/skin/picto-plus-02.png) 697px 6px no-repeat;
  color: #fff;
  font-size: 1.25em;
  cursor: pointer;
}

.block-type-64 .head.open {
  background: #6c7b95 url(../img/skin/picto-moins-02.png) 697px 6px no-repeat;
}

.block-type-64 .hidden-content {
  padding: 8px 12px;
  width: 700px;
}

.block-type-64 .hidden-content p {
  line-height: 1.3;
  color: #394d68;
  font-size: 1.15em;
  padding: 0 0 25px 0;
}

.block-type-64 .hidden-content a {
  text-decoration: underline;
  color: #394d68;
}

.page-encyclo .title-type-03 {
  border-bottom: 0
}

.page-encyclo .block-type-63 img {
  margin-right: 10px;
}

.page-encyclo .block-type-63 .inner {
  padding: 30px 20px 0 10px;
}

.page-encyclo .block-type-63 .inner p {
  padding-bottom: 10px;
}

.block-type-65 {
  height: 96px;
  background: #f8f8f8;
}

.block-type-65 > a img {
  float: left;
}

.block-type-65 p {
  padding: 16px 60px 0 15px;
  float: left;
  width: 460px;
  color: #394d68;
  font-size: 1.15em;
  line-height: 1.3em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.block-type-66 .inner {
  overflow: hidden;
  padding: 30px 0 10px 10px;
}

.block-type-66 .list {
  float: left;
}

.block-type-66 .list li {
  width: 195px;
  padding: 0 43px 18px 0;
  float: left;
}

.block-type-66 .list li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #565656;
  font-size: 1.25em;
}

.block-type-67 {
  min-height: 110px;
  background: #f9f9f9;
  margin: 0 0 24px 0;
}

.block-type-67 .inner {
  overflow: hidden;
  border-top: 1px solid #eeeff0;
  border-bottom: 1px solid #eeeff0;
  min-height: 88px;
  padding: 20px 0 0 60px;
}

.block-type-67 .inner ul li {
  display: block;
  float: left;
  padding: 0 10px 18px 0;
  width: 150px;
}

.block-type-67 .inner ul li.first-column {
  clear: both;
}

.block-type-67 .inner a {
  color: #394d68;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.25em;
}

.block-type-67 .inner a:hover {
  text-decoration: underline;
}

.block-type-67 .letter {
  width: 108px;
  height: 110px;
  display: block;
  float: left;
  background: #ace9fe;
  color: #394d68;
  line-height: 110px;
  text-align: center;
  font-size: 8em;
}

.block-type-67 p {
  color: #394d68;
  font-size: 1.15em;
  line-height: 1.3em;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.block-type-68 .inner {
  padding: 0 10px 30px;
  overflow: hidden;
}

.block-type-68 .inner .intro {
  color: #394d68;
  font-size: 1.25em;
}

.block-type-68 .inner .intro p {
  padding: 0 0 20px 0;
}

.block-type-68 .inner .col {
  float: left;
  color: #565656;
  font-size: 1.1em;
  width: 350px;
}

.block-type-68 .inner .col .title {
  color: #394d68;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 0 5px 0;
}

.block-type-68 .inner .col .link {
  padding: 0 0 3px 0;
}

.block-type-68 .inner .col .link .label {
  background: url(../img/skin/picto-arrow-18.png) left 4px no-repeat;
  padding: 0 0 0 12px;
  cursor: pointer;
}

.block-type-68 .inner .col .link .label.open {
  background: url(../img/skin/picto-arrow-17.png) left 5px no-repeat;
}

.block-type-68 .inner .col .link ul {
  padding: 3px 0 0 24px;
}

.block-type-68 .inner .col .link .content {
  display: none;
}

.block-type-68 .inner .col .link .content li {
  background: url(../img/skin/bullet-04.png) left 6px no-repeat;
  color: #565656;
  padding: 0 0 0 8px;
}

.block-type-68 .inner .col .link .content li a {
  text-decoration: none;
  color: #565656;
}

.block-type-68 .inner .col .link .content li a:hover {
  text-decoration: underline;
}

.block-type-69 {
  position: relative;
}

.block-type-69 ul {
  overflow: hidden;
  padding-bottom: 10px;
}

.block-type-69 li {
  float: left;
  display: block;
  width: 240px;
  padding: 0 1px 0 0;
}

.block-type-69 li.first-column {
  clear: both;
}

.block-type-69 li .in,
.block-type-36 li.tips .in {
  background: #333;
  width: 240px;
  height: 180px;
  display: block;
  position: relative;
  text-decoration: none;
}

.block-type-69 .in,
.block-type-36 .tips .in {
  background: #a2b0bf;
}

.block-type-69 li .in:hover,
.block-type-36 li .tips .in:hover {
  background: #647b95;
}

.block-type-69 li .in:hover .author,
.block-type-36 li .tips .in:hover .author {
  color: #fff;
}

.block-type-69 .crealine .in,
.block-type-36 .tips.crealine .in {
  background: #dc669e;
}

.block-type-69 .crealine .in:hover,
.block-type-36 .tips.crealine .in:hover {
  background: #c4005d;
}

.block-type-69 .crealine .in:hover .author,
.block-type-36 .tips.crealine .in:hover .author {
  color: #fff;
}

.block-type-69 .atoderm .in,
.block-type-36 .tips.atoderm .in {
  background: #89abc8;
}

.block-type-69 .atoderm .in:hover,
.block-type-36 .tips.atoderm .in:hover {
  background: #3b73a4;
}

.block-type-69 .atoderm .in:hover .author,
.block-type-36 .tips.atoderm .in:hover .author {
  color: #fff;
}

.block-type-69 .sebium .in,
.block-type-36 .tips.sebium .in {
  background: #c2d898;
}

.block-type-69 .sebium .in:hover,
.block-type-36 .tips.sebium .in:hover {
  background: #9abe54;
}

.block-type-69 .sebium .in:hover .author,
.block-type-36 .tips.sebium .in:hover .author {
  color: #fff;
}

.block-type-69 .white .in,
.block-type-36 .tips.white .in {
  background: #d2d4d7;
}

.block-type-69 .white .in:hover,
.block-type-36 .tips.white .in:hover {
  background: #b4b8bd;
}

.block-type-69 .white .in .author,
.block-type-36 .tips.white .in:hover .author {
  color: #fff;
}

.block-type-69 .photoderm .in,
.block-type-36 .tips.photoderm .in {
  background: #ecc47d;
}

.block-type-69 .photoderm .in:hover,
.block-type-36 .tips.photoderm .in:hover {
  background: #e09d26;
}

.block-type-69 .photoderm .in:hover .author,
.block-type-36 .tips.photoderm .in:hover .author {
  color: #fff;
}

.block-type-69 .abcderm .in,
.block-type-36 .tips.abcderm .in {
  background: #b1d9e6;
}

.block-type-69 .abcderm .in:hover,
.block-type-36 .tips.abcderm .in:hover {
  background: #7dbfd6;
}

.block-type-69 .abcderm .in:hover .author,
.block-type-36 .tips.abcderm .in:hover .author {
  color: #fff;
}

.block-type-69 .node .in,
.block-type-36 .tips.node .in {
  background: #66b083;
}

.block-type-69 .node .in:hover,
.block-type-36 .tips.node .in:hover {
  background: #007c30;
}

.block-type-69 .node .in:hover .author,
.block-type-36 .tips.node .in:hover .author {
  color: #fff;
}

.block-type-69 .matriciane .in,
.block-type-36 .tips.matriciane .in {
  background: #c8767f;
}

.block-type-69 .matriciane .in:hover,
.block-type-36 .tips.matriciane .in:hover {
  background: #a31a29;
}

.block-type-69 .matriciane .in:hover .author,
.block-type-36 .tips.matriciane .in:hover .author {
  color: #fff;
}

.block-type-69 .matricium .in,
.block-type-36 .tips.matricium .in {
  background: #c8767f;
}

.block-type-69 .matricium .in:hover,
.block-type-36 .tips.matricium .in:hover {
  background: #a31a29;
}

.block-type-69 .matricium .in:hover .author,
.block-type-36 .tips.matricium .in:hover .author {
  color: #fff;
}

.block-type-69 .cicabio .in,
.block-type-36 .tips.cicabio .in {
  background: #9c83ad;
}

.block-type-69 .cicabio .in:hover,
.block-type-36 .tips.cicabio .in:hover {
  background: #5a3176;
}

.block-type-69 .cicabio .in:hover .author,
.block-type-36 .tips.cicabio .in:hover .author {
  color: #fff;
}

.block-type-69 .hydrabio .in,
.block-type-36 .tips.hydrabio .in {
  background: #66c4ec;
}

.block-type-69 .hydrabio .in:hover,
.block-type-36 .tips.hydrabio .in:hover {
  background: #009de0;
}

.block-type-69 .hydrabio .in:hover .author,
.block-type-36 .tips.hydrabio .in:hover .author {
  color: #fff;
}

.block-type-69 li .in .label,
.block-type-36 li.tips .in .label {
  color: #fff;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.1em;
  text-align: right;
  padding: 22px 15px 0 0;
}

.block-type-69 li .in .label span,
.block-type-36 li.tips .label span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  display: block;
}

.block-type-69 li .question,
.block-type-36 li.tips .question {
  font-weight: bold;
  font-size: 1.45em;
  color: #fff;
  padding: 0 8px 10px;
  display: block;
  position: absolute;
  bottom: 35px;
  left: 0;
}

.block-type-69 li .author,
.block-type-36 li.tips .author {
  color: #7299c2;
  font-size: 1.1em;
  padding: 0 0 0 8px;
  position: absolute;
  bottom: 20px;
  left: 0;
}

.block-type-69 li .nb,
.block-type-36 li.tips .nb {
  color: #7299c2;
  font-size: 0.9em;
  padding: 10px 0 15px 10px;
}

.block-type-69 .link-type-08 {
  position: absolute;
  background: none;
  right: 5px;
  bottom: 5px;
  z-index: 10;
  text-align: right;
}

.block-type-69 .link-type-08:hover, .block-type-69 .link-type-08:hover span {
  text-decoration: underline;
}

.block-type-69 .link-type-08 span {
  display: block;
  background: none;
  padding: 0;
}

.block-type-69 .btn-minus {
  display: none;
}

.type-69-2 .link-type-08 span {
  display: inline;
  font-weight: bold;
  text-decoration: underline;
}

.type-69-2 {
  background: #f7f7f7;
  padding: 18px 0 0 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.type-69-3 {
  padding: 18px 0 30px 0;
  border-bottom: 1px solid #eceded;
  zoom: 1;
}

.block-type-70 {
  position: relative;
}

.block-type-70 .inner {
  padding-top: 45px;
}

.block-type-70 .menu {
  float: right;
  right: -1px;
  top: -1px;
  height: 51px;
  border: 1px solid #6c7b95;
  overflow: hidden;
  margin-top: -19px;
  border-right: 0;

}

.block-type-70 .menu li {
  float: left;
}

.block-type-70 .menu a {
  height: 51px;
  line-height: 51px;
  color: #394d68;
  text-decoration: none;
  padding: 0 10px;
  float: left;
  text-transform: uppercase;
  border-right: 1px solid #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-70 .menu a span {
  font-weight: bold;
  font-size: 2.5em;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}

.block-type-70 .menu a:hover,
.block-type-70 .menu .active a {
  background: #6c7b95;
  color: #fff;
}

.block-type-70 .btn-line {
  width: 780px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  overflow: hidden;
  text-align: center;
}

.block-type-70 .btn-line .btn-type-08 {
  float: right;
}

.block-type-70 .btn-line .cancel {
  float: left;
  text-transform: uppercase;
  margin: 5px 0 0;
  font-size: 1.15em;
}

.block-type-70 .inner {
  padding: 45px 10px 0;
}

.block-type-70 p {
  color: #6c7b95;
  font-size: 1.1em;
  padding: 0 0 5px 0;
}

.block-type-70 .result {
  width: 100%;
  clear: both;
  padding: 20px 0 40px 0;
}

.block-type-70 .result span {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.9em;
  background: #a5bdd9;
  padding: 2px 5px;
  display: inline-block;
}

.block-type-70 .center {
  text-align: center;
}

.block-type-70 .btn-line .links {
  float: left;
  color: #747373;
  padding: 5px 0 0 0;
}

.block-type-70 .btn-line .links a {
  float: none;
}

.block-filter {
  background: #d6f4ff;
  height: 40px;
  float: right;
  padding: 0 10px;
}

.block-filter label {
  float: left;
  color: #565656;
  font-size: 1.1em;
  padding: 11px 10px 0 0;
}

.block-filter .selector {
  float: left;
  margin: 8px 0 0 0;
}

.block-filter .selector span {
  width: 149px;
  color: #4a5c75;
  height: 21px;
  background-position: 140px 8px;
}

.block-filter .selector select {
  width: 159px;
  height: 21px;
}

.page-tips .title-type-03 {
  border-bottom: 0;
  line-height: 36px;
}

.page-tips .block-type-29 {
  color: #43484e;
}

.block-type-90 {
  border-top: 1px solid #6c7b95;
  border-bottom: 1px solid #6c7b95;
}

.block-type-90 .inner {
  padding: 18px;
  background: #f1f3f5;
}

.block-type-90 .inner .title {
  color: #565656;
  font-weight: bold;
  font-size: 1.25em;
  padding: 0 0 8px 0;
}

.block-type-90 .inner .note {
  padding: 0;
  font-style: italic;
}

.block-type-90 .btn-connect {
  background: url(../img/skin/bg-btn-facebook.png) left top no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 0 12px 0;
  width: 240px;
  height: 25px;
}

.page-club .links {
  text-align: right;
  padding: 10px 0 15px 0;
}

.page-club .links .tip {
  padding: 0 0 0 52px;
  background-position: 40px 3px;
}

.block-type-71 {
  padding: 12px 0 0 35px;
}

.block-type-71 p {
  color: #565656;
}

.block-type-71 p.intro {
  padding: 0 0 20px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-71 .btn-line {
  text-align: right;
}

.block-type-71 .btn-line a {
  margin: 0 0 0 8px;
}

.block-type-71 p.activated {
  padding: 0 0 0 18px;
  margin: 0 0 0 -18px;
  color: #57cfffwe;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  background: url(../img/skin/pictos.png) left -8698px no-repeat;
}

.block-type-72 {
  border-bottom: 4px solid #6c7b95;
  height: 84px;
  margin: 0 0 20px 0;
}

.block-type-72 .left {
  width: 532px;
  background: #a3b0bf;
  overflow: hidden;
  float: left;
}

.block-type-72 .left.left-02 {
  width: 394px;
}

.block-type-84 h1 {
  width: 160px;
  height: 87px;
  background: url(../img/skin/logo-club-bioderma.png) 0 0 no-repeat;
  overflow: hidden;
  text-indent: -9999px;
}

.block-type-84 h1 a {
  display: block;
  width: 160px;
  height: 87px;
}

.block-type-84 h1.no-club,
.block-type-84 h1.no-club a
{
  height: 18px;
}

.block-type-72 .left h1 {
  float: left;
  height: 84px;
  overflow: hidden;
  text-indent: -99999px;
  margin: 0;
  width: 174px;
  background: url(../img/skin/title-club-02.png) left top no-repeat;
}

.block-type-72 .left .block-infos {
  height: 84px;
  float: left;
  width: 358px;
  position: relative;
}

.block-type-72 .left-02 .block-infos {
  width: 220px;
}

.block-type-72 .left .block-infos .btn-type-03 {
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-72 .left .block-infos .inner {
  padding: 8px 14px 0 17px;
  color: #fff;
}

.block-type-72 .left .block-infos .inner p {
  font-size: 0.9em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-72 .left .block-infos .inner p a {
  color: #fff;
  text-decoration: underline;
}

.block-type-72 .left .block-infos .inner p a:hover {
  text-decoration: none;
}

.block-type-72 .left .block-infos .inner .title {
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 0 6px 0;
}

.block-type-72 #form-login {
  float: left;
  background: #f1f3f5;
  width: 428px;
  height: 84px;
  margin: 0 0 20px 0;
  position: relative;
}

.block-type-72 #form-login .bloc-label-input {
  position: relative;
  overflow: hidden;
  float: left;
}

.block-type-72 #form-login .login {
  width: 230px;
}

.block-type-72 #form-login .pw {
  width: 168px;
}

.block-type-72 #form-login label.error {
  color: #ff0000;
  font-size: 0.9em;
  font-weight: bold;
  display: block;
  float: left;
  line-height: 1em;
  height: auto;
  margin: 2px 0 0 0;
}

.block-type-72 #form-login .title {
  color: #6c7b95;
  font-size: 1.25em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  padding: 0 0 3px 0;
}

.block-type-72 #form-login fieldset {
  padding: 8px 15px 0;
}

.block-type-72 #form-login fieldset input[type="submit"] {
  text-transform: uppercase;
  font-size: 1.15em;
  cursor: pointer;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  position: absolute;
  bottom: 0;
  right: 0;
}

.msie7 .block-type-72 #form-login fieldset input[type="submit"] {
  width: 141px;
  margin-right: 1px;
}

.block-type-72 #form-login .password {
  color: #565656;
  text-decoration: underline;
  font-size: 0.9em;
}

.block-type-72 #form-login .line {
  overflow: hidden;
  position: absolute;
  width: 413px;
  left: 0;
  height: 14px;
  bottom: 0;
  padding: 0 0 4px 15px;
}

.msie9 .block-type-72 #form-login .line {
  bottom: -1px;
}

.block-type-72 #form-login .line .bloc-label-checkbox {
  float: left;
}

.msie7 .block-type-72 #form-login .line .bloc-label-checkbox label {
  float: left;
  padding-top: 3px;
}

.block-type-72 .right {
  background: #f1f3f5 url(../img/skin/picto-corner.png) right top no-repeat;
  float: left;
  height: 85px;
  position: relative;
  width: 566px;
  overflow: hidden;
  margin-top: -1px;
}

.block-type-72 .right .block {
  float: left;
  height: 63px;
  margin: 13px 0 0 0;
}

.block-type-72 .right .title {
  color: #6c7b95;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  font-weight: normal;
  padding: 0 0 4px;
  text-transform: uppercase;
}

.block-type-72 .right .link-type-07 {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-72 .right .block {
  border-left: 1px solid #c7cfd8;
}

.block-type-72 .right .block:first-child {
  border: 0;
}

.block-type-72 .right .block.favs {
  background: url(../img/skin/bg-block-favs.png) left top no-repeat;
  padding: 0 20px 0 50px;
}

.block-type-72 .right .block.gifts {
  padding: 0 20px 0 25px;
}

.block-type-72 .right .block.wallet {
  background: url(../img/skin/bg-block-wallet.png) left top no-repeat;
  padding: 0 20px 0 50px;
}

.block-type-72 .right .block.wallet p {
  color: #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  overflow: hidden;
}

.block-type-72 .right .block.wallet .number {
  display: block;
  float: left;
  font-size: 2.65em;
  padding: 0 5px 0 0;
  line-height: 1em;
}

.block-type-72 .right .block.wallet .label {
  display: block;
  padding: 1px 0 0 0;
  float: left;
}

.block-type-73 {
  background: #6c7b95 url(../img/skin/picto-corner.png) right top no-repeat;
  width: 475px;
  height: 349px;
  float: left;
  margin: 0 20px 20px 0;
}

.block-type-73 .inner {
  padding: 35px 0 0 25px;
}

.block-type-73 .title {
  color: #ffffff;
  font-size: 1.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 30px 0;
}

.block-type-73 .title .style-01 {
  font-size: 1.45em;
  margin: 0 0 10px 0;
  display: inline-block;
  border-bottom: 5px solid #fff;
}

.block-type-73 .title .style-02 {
  font-size: 1.45em;
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-73 .offer {
  padding: 0 0 5px 0;
}

.block-type-73 .offer .style-01,
.block-type-86 .steps .style-01 {
  color: #fff;
  font-size: 4.65em;
  display: inline-block;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-73 .offer .style-02,
.block-type-86 .steps .style-02 {
  color: #fff;
  font-size: 1.85em;
  text-transform: uppercase;
  display: inline-block;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-74 {
  width: 212px;
  height: 137px;
  background: #a3b0bf url(../img/skin/picto-corner.png) right top no-repeat;
  float: left;
  margin: 0 20px 20px 0;
}

.block-type-74 .inner {
  text-align: center;
  color: #fff;
  padding: 26px 10px 0;
}

.block-type-74 .style-01 {
  text-transform: uppercase;
  font-size: 1.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-74 .style-02 {
  font-size: 2.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  border-bottom: 4px solid #fff;
  margin: 0 0 5px 0;
  display: inline-block;
}

.block-type-74 .style-03 {
  font-size: 1.1em;
}

.block-type-75 {
  width: 212px;
  height: 192px;
  background: #f3f5f7 url(../img/skin/picto-corner.png) right top no-repeat;
  float: left;
  margin: 0 20px 20px 0;
}

.block-type-75 .inner {
  text-align: center;
  color: #fff;
  padding: 20px 10px 0;
  line-height: 1.4em;
}

.block-type-75 .style-01 {
  text-transform: uppercase;
  font-size: 1.85em;
  color: #c2cad3;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-75 .style-02 {
  font-size: 2.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #b5bec9;
  line-height: 1em;
  padding: 0 0 25px 0;
  display: block;
}

.block-type-75 .btn-type-06 {
  width: 142px;
  font-size: 2em;
  text-align: center;
}

.block-type-75.type-75-2 {
  height: 176px;
  width: 166px;
}

.block-type-75.type-75-2 .inner {
  padding: 35px 0 0 0;
}

.block-type-76 {
  width: 233px;
  height: 212px;
  background: #e5eba6 url(../img/skin/picto-corner.png) right top no-repeat;
  float: right;
  margin: 0 0 20px 0;
}

.block-type-76 .inner {
  text-align: center;
  color: #ccd74d;
  padding: 45px 10px 0;
}

.block-type-76 .style-01 {
  text-transform: uppercase;
  font-size: 1.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-76 .style-02 {
  font-size: 2.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  border-bottom: 4px solid #ccd74d;
  margin: 0 0 5px 0;
  display: inline-block;
}

.block-type-77 {
  width: 233px;
  height: 117px;
  background: #6c7b95 url(../img/skin/picto-corner.png) right top no-repeat;
  float: right;
  margin: 0 0 20px 0;
}

.block-type-77 .inner {
  text-align: center;
  color: #ccd74d;
  padding: 25px 10px 0;
}

.block-type-77 .style-01 {
  font-size: 1.1em;
  color: #ccd74d;
}

.block-type-77 .style-02 {
  font-size: 1.85em;
  text-transform: uppercase;
  color: #ccd74d;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  display: block;
}

.block-type-77 .style-03 {
  font-size: 2.35em;
  text-transform: uppercase;
  color: #ccd74d;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-78 {
  width: 400px;
  height: 174px;
  background: #ccd74d url(../img/skin/picto-corner.png) right top no-repeat;
  float: left;
  margin: 0 20px 20px 0;
}

.block-type-78 .inner {
  text-align: center;
  color: #ccd74d;
  padding: 25px 10px 0;
}

.block-type-78 .style-01 {
  text-transform: uppercase;
  font-size: 2.85em;
  color: #6c7b95;
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-78 .style-02 {
  font-size: 1.85em;
  text-transform: uppercase;
  display: block;
  color: #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-78 .style-03 {
  text-transform: uppercase;
  font-size: 2.85em;
  border-bottom: 4px solid #6c7b95;
  color: #6c7b95;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-79 {
  width: 354px;
  height: 174px;
  background: #a3b0bf url(../img/skin/picto-corner.png) right top no-repeat;
  float: left;
  margin: 0 0 20px 0;
}

.block-type-79 .inner {
  text-align: center;
  color: #fff;
  padding: 20px 10px 0;
}

.block-type-79 .style-01 {
  font-size: 1.85em;
  text-transform: uppercase;
  display: block;
  color: #ffffff;
  line-height: 0.9em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-79 .style-02 {
  border-bottom: 4px solid #ffffff;
  color: #fff;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 2.85em;
  text-transform: uppercase;
  margin: 0 0 8px 0;
  padding: 0 0 4px 0;
  line-height: 0.9em;
  display: inline-block;
}

.block-type-79 .style-03 {
  font-size: 1.55em;
  color: #ffffff;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 15px 0 0 0;
  display: block;
}

.block-type-80 {
  position: relative;
  width: 729px;
  margin: 0 0 20px 0;
}

.block-type-80 img {
  display: block;
  z-index: 0;
}

.block-type-80 .caption {
  position: absolute;
  z-index: 2;
  top: 33px;
  right: 33px;
  text-align: right;
}

.block-type-80 .caption .category {
  text-transform: uppercase;
  color: #6c7b95;
  font-size: 2.85em;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-80 .caption .category span {
  border-bottom: 5px solid #6c7b95;
}

.block-type-80 .caption .title {
  color: #6c7b95;
  font-size: 1.85em;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-80 .caption .title span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 1.45em;
}

.block-type-80 .likes,
.block-type-82 .likes {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: block;
  height: 40px;
  min-width: 15px;
  background: #6c7b95 url(../img/skin/pictos.png) right -6386px no-repeat;
  line-height: 40px;
  color: #d1d7df;
  text-align: right;
  padding: 0 25px 0 0;
  font-size: 1.55em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-80.type-80-2 {
  width: 476px;
  margin: 0 20px 20px 0;
  color: #fff;
  float: left;
}

.block-type-80.type-80-2 .title,
.block-type-80.type-80-2 .category {
  color: #fff;
}

.block-type-80.type-80-2 .category span {
  border-color: #fff;
}

.block-type-80.type-80-2 .link-type-07 {
  color: #fff;
  background: url(../img/skin/picto-arrow-22.png) left 4px no-repeat;
}

.block-type-80 .corner,
.block-type-82 .corner,
.block-type-85 .corner {
  display: block;
  background: url(../img/skin/picto-corner.png) left top no-repeat;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 18px;
  height: 17px;
}

.block-type-82 .corner {
  top: 19px;
}

.block-type-81 {
  border: 1px solid #d5dbe2;
  width: 231px;
  height: 288px;
  position: relative;
  float: left;
  text-align: center;
}

.block-type-81 .inner {
  padding: 35px 5px 0;
}

.block-type-81 .inner p,
.block-type-82 .inner p {
  color: #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 25px 20px 25px;
}

.block-type-81 p.category,
.block-type-82 p.category {
  text-transform: uppercase;
  color: #6c7b95;
  font-size: 2.85em;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-81 p.category span,
.block-type-82 p.category span {
  border-bottom: 5px solid #6c7b95;
}

.block-type-81 p.title,
.block-type-82 p.title {
  color: #6c7b95;
  font-size: 1.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 15px 0;
}

.block-type-81 p.title span,
.block-type-82 p.title span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 1.45em;
  display: block;
}

.block-type-81 .corner {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 2;
  background: url(../img/skin/picto-corner-03.png) left top no-repeat;
  width: 21px;
  height: 19px;
  display: block;
}

.block-type-82 {
  border-top: 1px solid #6c7b95;
  border-bottom: 1px solid #6c7b95;
  padding: 19px 0;
  width: 729px;
  clear: both;
  position: relative;
  overflow: hidden;
}

.block-type-82 img {
  float: right;
}

.block-type-82 .inner {
  width: 253px;
  float: left;
  text-align: center;
  padding: 20px 40px 0;
}

.block-type-82 .likes {
  bottom: 19px;
}

.block-type-83 {
  background: #f3f5f7;
  border: 1px solid #e0e5ea;
  position: relative;
  width: 205px;
  float: right;
}

.block-type-83 .corner {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 2;
  background: url(../img/skin/picto-corner-04.png) left top no-repeat;
  width: 18px;
  height: 17px;
  display: block;
}

.block-type-83 .block {
  border-bottom: 1px solid #c8d0d9;
  padding: 20px 15px 20px 25px;
}

.block-type-83 .block .title {
  color: #6c7b95;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  padding: 0 0 12px 0;
}

.block-type-83 .block p {
  color: #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  padding: 0 0 12px 0;
}

.block-type-83 .diagnostics p {
  text-transform: uppercase;
  overflow: hidden;
}

.block-type-83 .diagnostics .number {
  display: block;
  float: left;
  font-size: 2.65em;
  padding: 0 5px 0 0;
}

.block-type-83 .diagnostics .label {
  display: block;
  padding: 5px 0 0 0;
}

.block-type-83 .profil .progress {
  width: 148px;
  height: 4px;
  background: #dfe6a2;
  margin: 0 0 6px 0;
}

.block-type-83 .profil .progress span {
  height: 4px;
  display: block;
  background: #ccd74d;
}

.block-type-83 .profil .statut {
  color: #6c7b95;
  font-size: 3.45em;
  padding: 0;
}

.block-type-83 .block input[type="text"] {
  border: 2px solid #eceded;
  width: 137px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  margin: 0 0 12px 0;
  color: #394d68;
  font-size: 0.9em;
}

.block-type-83 .block textarea {
  border: 2px solid #eceded;
  width: 137px;
  height: 47px;
  line-height: 20px;
  padding: 5px;
  margin: 0 0 12px 0;
  color: #394d68;
  font-size: 0.9em;
  line-height: 1em;
}

.block-type-83 .block input[type="submit"] {
  cursor: pointer;
}

.block-type-83 .block ul li {
  display: block;
}

.block-connexion {
  overflow: hidden;
  padding: 0 0 0 70px;
}

.popin-01 .inner .block-connexion {
  padding-bottom: 20px;
}

.popin-01 .inner .block-connexion p {
  color: #565656;
  font-size: 1.1em;
}

/*club popin*/

.popin-01 .block-popin-club-inscription .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: bold;
}

.popin-01 .block-popin-club-inscription .block-club .picto {
  float: left;
  display: block;
}

.popin-01 .block-popin-club-inscription .block-club .lin {
  float: left;
}

.popin-01 .block-popin-club-inscription .block-club .col {
  width: 210px;
  float: left;
  padding-top: 40px;
}

.popin-01 .block-popin-club-inscription .block-club .col a {
  display: block;
  float: right;
  text-decoration: underline;
  color: #fff;
  height: 20px;
  line-height: 20px;
  margin-right: 22px;
}

.popin-01 .block-popin-club-inscription .block-club .col > div {
  height: 30px;
  line-height: 30px;
}

.block-club .submit {
  margin-left: 20px;
  margin-top: 56px;
  background: #a4b2af;
  display: block;
  width: 130px !important;
  height: 30px !important;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.1em;
}

.popin-01 .block-popin-club-inscription .block-club label {
  display: block;
  color: #fff;
  float: none;
  width: 100%;
}

.popin-01 .block-popin-club-inscription .block-club label.inline {
  display: inline;
}

.popin-01.popin-new .block-club label.option {
  display: inline;
}

.popin-01 .block-popin-club-inscription .block-club .subtitle {
  font-size: 18px;
  padding-left: 30px;
  text-transform: uppercase;
  color: #fff;
}

.popin-01 .block-popin-club-inscription input[type=text],
.popin-01 .block-popin-club-inscription .bloc-label-input input[type=text],
.popin-01 .block-popin-club-inscription input[type=password] {
  border: 2px solid #e0e9ec;
  padding: 3px 5px;
  color: #394d68;
  font-family: 'Trebuchet MS';
  width: 180px;
}

.popin-01 .block-popin-club-inscription input[type=text]::-webkit-input-placeholder, .popin-01 .block-popin-club-inscription input[type=password]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #394d68;
}

.popin-01 .block-popin-club-inscription input[type=text]:-moz-placeholder, .popin-01 .block-popin-club-inscription input[type=password]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #394d68;
}

.popin-01 .block-popin-club-inscription input[type=text]::-moz-placeholder, .popin-01 .block-popin-club-inscription input[type=password]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #394d68;
}

.popin-01 .block-popin-club-inscription input[type=text]:-ms-input-placeholder, .popin-01 .block-popin-club-inscription input[type=password]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #394d68;
}

.block-popin-club-inscription .block-register .subtitle {
  text-transform: uppercase;
  color: #667b94;
  font-size: 1.65em;
  padding: 30px 0 30px 0;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-popin-club-inscription .block-register .bloc-label-input input[type=text], .block-popin-club-inscription .block-register .bloc-label-input input[type=password] {
  height: 12px;
}

.block-popin-club-inscription .block-register #uniform-day,
.block-popin-club-inscription .block-register #uniform-day select {
  width: 45px;
  margin-left: 0px;
  float: left;
  border: 2px solid #e0e9ec;
}

.block-popin-club-inscription .block-register #uniform-month,
.block-popin-club-inscription .block-register #uniform-month select {
  width: 77px;
  float: left;
  border: 2px solid #e0e9ec;
}

.block-popin-club-inscription .block-register #uniform-year,
.block-popin-club-inscription .block-register #uniform-year select {
  width: 50px;
  float: left;
  border: 2px solid #e0e9ec;
}

.block-popin-club-inscription .block-register #uniform-day span {
  background-position: 32px 8px;
}

.block-popin-club-inscription .block-register #uniform-month span {
  background-position: 63px 8px;
}

.block-popin-club-inscription .block-register #uniform-year span {
  background-position: 37px 8px;
}

.block-popin-club-inscription .block-register .bloc-label-input {
  height: 22px;
  float: none;
  clear: both;
}

.popin-new .block-popin-club-inscription .block-register .bloc-label-input {
  position: relative;
  min-height: 22px;
  height: auto;
}

.popin-new .block-popin-club-inscription .block-club .col > div {
  position: relative;
  min-height: 30px;
  height: auto;
}

.block-popin-club-inscription .block-register .selector {
  margin-left: 5px;
}

.block-popin-club-inscription .block-register .selector span {
  border: 0px;
}

.block-popin-club-inscription .block-register .bloc-label-input label {
  display: block;
  width: 220px;
  float: left;
  font-size: 1em;
  text-align: right;
  padding-right: 8px !important;
  height: 22px;
  line-height: 22px;
}

.block-popin-club-inscription .block-register .bloc-label-input .note {
  display: block;
  float: left;
  width: 445px;
  height: 22px;
  padding-left: 10px;
  line-height: 22px;
  font-style: italic;
  font-size: 1em;
}

.popin-new .block-popin-club-inscription .block-register .bloc-label-input .note {
  width: 350px;
  padding: 0 0 0 10px;
}

.block-popin-club-inscription .block-register .bloc-label-input .note.double {
  line-height: 11px;
}

.block-popin-club-inscription .block-register .bloc-label-checkbox {
  padding-left: 228px;
  font-size: 1em;
}

.popin-new .block-popin-club-inscription .block-register .bloc-label-checkbox {
  position: relative;
}

.block-popin-club-inscription .block-register .bloc-label-checkbox label, .popin-new .block-popin-club-inscription .block-register .bloc-label-checkbox .description {
  padding-left: 10px !important;
  margin: 0;
  display: block;
  float: left;
  width: 530px;
  font-size: 1em;
  color: #394d68;
}

.popin-new .block-popin-club-inscription .block-register .bloc-label-checkbox .description a:hover {
  text-decoration: underline;
}

.block-popin-club-inscription .block-register .bloc-label-checkbox input {
  display: block;
  float: left;
  height: 20px;
}

.block-popin-club-inscription .block-register .btn-line input[type="submit"] {
  width: 130px;
  text-align: center;
  padding: 0px;
  float: left;
  margin-top: 20px;
  margin-left: 228px;
}

.inner .block-popin-club-inscription .notice {
  color: #949598;
  font-size: 1em;
}

/*end club popin*/
.block-connexion .block-subscribe {
  width: 285px;
  float: left;
  border-right: 1px solid #d1d7df;
  padding: 0 85px 30px 0;
  min-height: 172px;
  position: relative;
}

.block-connexion .block-subscribe .btn-type-06 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  line-height: 30px;
}

.block-connexion .block-login {
  width: 275px;
  float: left;
  padding: 0 0 30px 105px;
  min-height: 172px;
  position: relative;
}

.block-connexion .block-login form {
  border: 0;
  padding: 0;
}

.block-connexion .block-login form fieldset {
  padding: 0;
}

.popin-01 .block-connexion .title-02 {
  font-size: 1.55em;
  padding: 0 0 15px 0;
}

.block-connexion .block-login .pw {
  text-decoration: underline;
  text-align: right;
  float: right;
  color: #565656;
  display: block;
  margin: 0 0 15px 0;
}

.block-connexion .block-login .title-02 {
  padding: 0 0 20px 0;
}

.block-connexion .block-login label {
  color: #565656;
  display: block;
  float: left;
  font-size: 1.1em;
  width: 87px;
  padding: 4px 0 0 0 !important;
}

.popin-01 .block-connexion .block-login input[type="text"],
.popin-01 .block-connexion .block-login input[type="password"] {
  width: 172px;
  height: 20px;
  border: 2px solid #eceded;
  padding: 0 5px;
  font-style: normal;
}

.popin-01 .block-connexion .block-login .bloc-label-checkbox label {
  width: auto;
  padding: 0 !important;
  vertical-align: middle;
}

.popin-01 .block-connexion .block-login .bloc-label-checkbox {
  overflow: hidden;
  clear: both;
  padding: 0 0 20px 0;
}

.popin-01 .block-connexion input[type="submit"] {
  padding: 0;
  width: 270px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 105px;
  bottom: 0;
  cursor: pointer;
}

.popin-01 .block-address {
  text-align: center;
}

.popin-01 .block-address .title {
  padding: 0 0 60px 0;
}

.popin-01 .inner .block-address p {
  color: #8dabca;
  padding: 0 0 45px 0;
}

.popin-01 .block-address p span {
  color: #394d68;
}

.popin-01 .block-address p.address {
  color: #394d68;
  font-size: 1.8em;
  text-transform: uppercase;
}

.block-type-84 {
  width: 160px;
  background: url(../img/skin/picto-corner.png) right top no-repeat;
}

.block-type-84 > ul > li > a {
  color: #fff;
  text-decoration: none;
  background: #617590;
  display: block;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 8px 5px 8px 10px;
}

body.domain-www-bioderma-fr .block-type-84 > ul > li > a.active {
  background: #24abe2; !important
}

.block-type-84 > ul > li > a.active {
  background: #617590;
  display: block;
}

body.domain-www-bioderma-fr .block-type-84 > ul > li > a.active {
  background: #24abe2; !important
}

.block-type-84 > ul > li > ul > li a {
  color: #617590;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
  padding: 8px;
  padding-left: 16px;
  text-indent: -4px;
  display: block;
  background: #f1f3f5;
  margin-top: 1px;
}

body.domain-www-bioderma-fr .block-type-84 > ul > li > ul > li a {
  color: #24abe2; !important
}

.block-type-84 > ul > li > ul > li a:before {
  content: '›';
  font-size: 1em;
  text-decoration: none !important;
  line-height: 10px;
  display: inline-block;
  font-family: Arial;
  font-weight: bold;
  position: relative;
  top: -2px;
  margin-right: 4px;
}

.block-type-84 > ul > li > ul > li a:hover {
  text-decoration: underline;
}

.block-type-84 > ul > li > ul > li > a.active {
  border-left: 4px solid #617590;
}

body.domain-www-bioderma-fr .block-type-84 > ul > li > ul > li > a.active {
  border-left: 4px solid #24abe2; !important
}

.block-type-84 > ul > li > ul > li > a.active {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  /*border-left: 4px solid #617590;*/
  background: #fff;
}

.block-type-84 > ul > li > ul > li > a.active:before {
  content: '';
}

.block-type-84 > ul > li > ul > li > ul {
  background: #fff;
  padding-bottom: 10px;
  padding-top: 6px;
  padding-left: 16px;
  display: block; /* @TODO : none when li is active and not a */
  background: #f1f1f1; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 10px, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(10px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 10px,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 10px,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 10px,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f1f1f1 0%,#ffffff 10px,#ffffff 100%); /* W3C */

}

.block-type-84 > ul > li > ul > li.active > ul {
  display: block;
}

.block-type-84 > ul > li > ul > li > ul > li a {
  color: #617590;
  font-size: 1em;
  line-height: 1.1em;
  padding: 4px 4px 4px 15px;
  background: none;
}

body.domain-www-bioderma-fr .block-type-84 > ul > li > ul > li > ul > li a {
  color: #24abe2;
}

.block-type-84 > ul > li > ul > li > ul > li a.active, body.domain-www-bioderma-fr .block-type-84 > ul > li > ul > li > ul > li a.active {
  color: #111;
}


.block-type-84 .back-link a{
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #667b94;
  background: url(../img/skin/picto-arrow-left.png) no-repeat left center;
  padding-left: 16px;
  display: block;
  margin: 5px 0;
}



.block-title {
  padding: 10px 0 0 0;
}

.block-title .title {
  color: #565656;
  font-size: 2.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  padding: 0 0 15px 0;
}

.block-title p {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 10px 0;
}

.block-type-85 {
  border-bottom: 1px solid #6c7b95;
  padding: 25px 0;
  overflow: hidden;
  margin: 0 0 15px 0;
  background: #f1f3f5 url(../img/skin/bg-block-type-85.png) left top repeat-x;
  position: relative;
}

.block-type-85 .corner {
  top: -1px;
}

.block-type-86 .title-type-01 {
  padding: 0 0 10px 0;
}

.block-type-85 .list-bottles {
  overflow: hidden;
  padding: 0 30px 0 40px;
  float: left;
}

.block-type-85 .list-bottles li {
  float: left;
  width: 35px;
  height: 87px;
  display: block;
  text-align: center;
  margin: 0 9px 0 0;
  font-size: 2.55em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  background: url(../img/skin/pictos.png) left -6500px no-repeat;
  color: #fff;
  position: relative;
}

.block-type-85 .list-bottles li .in {
  display: block;
  padding: 34px 0 0 0;
  height: 35px;
}

.block-type-85 .list-bottles li.on {
  background-position: 0 -6600px;
  color: #fff;
}

.block-type-85 .list-bottles .gift.on {
  color: #ffffff;
  background-position: 0 -6700px;
}

.block-type-85 .list-bottles .gift .in {
  display: none;
}

.block-type-85 .list-bottles .gift {
  background-position: 0 -6700px;
}

.block-type-85 .list-bottles .gift.on .in {
  display: block;
}

.block-type-85 .list-bottles .picto {
  display: block;
  background: url(../img/skin/pictos.png) left -6975px no-repeat;
  width: 19px;
  height: 19px;
  padding: 25px 0 0 0;
  margin: 0 10px;
}

.block-type-85 .list-bottles .bonus {
  background: url(../img/skin/pictos.png) left -6900px no-repeat;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 6px;
  right: -10px;
  font-size: 0.4em;
}

.block-type-85 .content {
  float: left;
}

.block-type-85 .content p {
  padding: 0 0 8px 0;
  color: #565656;
}

.block-type-86 {
  position: relative;
  margin: 0 0 20px 0;
}

.block-type-86 .corner {
  position: absolute;
  right: 0;
  top: 0;
}

.block-type-86 .steps {
  overflow: hidden;
}

.block-type-86 .steps li {
  float: left;
  background: #f3f5f7;
  height: 62px;
  padding: 20px 45px 0 15px;
}

.block-type-86 .steps .step-01 {
  background: #6c7b95 url(../img/skin/bg-blocks.png) right -500px no-repeat;
  color: #fff;
  width: 180px;
}

.block-type-86 .steps .step-02 {
  background: #a3b0bf url(../img/skin/bg-blocks.png) right -600px no-repeat;
  color: #fff;
  width: 110px;
}

.block-type-86 .steps .step-03 {
  background: #f3f5f7 url(../img/skin/bg-blocks.png) right -700px no-repeat;
  width: 105px;
}

.block-type-86 .steps .step-04 {
  width: 175px;
  padding: 20px 0 0 15px;
  background: #f3f5f7 url(../img/skin/picto-corner.png) right top no-repeat;
}

.block-type-86 .steps li .label {
  color: #bac2cd;
  font-size: 1.25em;
}

.block-type-86 .steps li .label:hover {
  text-decoration: underline;
}

.block-type-86 .steps li.step-02 .label {
  color: #fff;
}

.block-type-86 .steps li .label span {
  display: block;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-86 .steps .step-01 .offer {
  font-size: 0.55em;
}

.block-type-86 .steps .step-01 .link-type-07 {
  color: #fff;
  background-image: url(../img/skin/picto-arrow-22.png);
}

.block-type-87 .block {
  float: left;
  height: 63px;
  margin: 13px 0 0 0;
}

.block-type-87 .title {
  color: #6c7b95;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  font-size: 1.25em;
  font-weight: normal;
  padding: 0 0 4px;
  text-transform: uppercase;
}

.block-type-87 .block {
  border-left: 1px solid #c7cfd8;
}

.block-type-87 .block.wallet {
  background: url(../img/skin/bg-block-wallet-02.png) left top no-repeat;
  padding: 0 15px 0 60px;
  width: 165px;
}

.block-type-87 .block.retail {
  background: url(../img/skin/bg-block-retail.png) left top no-repeat;
  padding: 0 15px 0 60px;
  width: 180px;
}

.block-type-87 .block.sponsor {
  background: url(../img/skin/bg-block-sponsor.png) left top no-repeat;
  padding: 0 15px 0 65px;
  width: 185px;
}

.block-type-87 .block.wallet p {
  color: #6c7b95;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  overflow: hidden;
}

.block-type-87 .block.wallet .number {
  display: block;
  float: left;
  font-size: 2.65em;
  padding: 0 5px 0 0;
  line-height: 1em;
}

.block-type-87 .block.wallet .label {
  display: block;
  padding: 1px 0 0 0;
  float: left;
}

.block-type-87 .block.retail .title,
.block-type-87 .block.sponsor .title {
  padding: 0 0 18px 0;
}

.block-type-88 {
  background: url("../img/skin/picto-corner.png") no-repeat right top #24abe2;
  height: 25px;
  padding: 10px 25px 0 15px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  margin: 0 0 18px 0;
}

.block-type-88 p {
  color: #565656;
}

.block-type-88 p span {
  color: #fff;
}

.block-type-89 td {
  background-color: #f3f5f7;
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  border-bottom: 1px solid #e1e4e6;
  padding: 14px 15px;
}

.block-type-89 th {
  height: 27px;
  vertical-align: middle;
  color: #565656;
  padding: 0 15px;
}

.block-type-89 table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}

.block-type-89 table .col-1 {
  width: 90px;
}

.block-type-89 table .col-2 {
  width: 100px;
}

.block-type-89 table .col-3 {
  width: 280px;
}

.block-type-89 table .col-4 {
  width: 205px;
}

.block-type-89 table .col-5 {
  width: 90px;
}

.block-type-89 .labels td {
  background-color: #A3B0BF;
  color: #fff;
}

.block-type-89 .labels .last {
  background-image: url("../img/skin/picto-corner.png");
  background-position: right top;
  background-repeat: no-repeat;
  text-align: right;
}

.block-type-89 .in-progress td {
  background-color: #feecd4;
  border-color: #ebdbc5;
}

.block-type-89 .in-progress .labels td {
  background-color: #de0022;
}

.block-type-89 .in-progress td.warning {
  background: url(../img/skin/picto-warning.png) left 15px no-repeat #feecd4;
  padding-left: 25px;
}

.block-type-89 .gift td {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-type-89 td .btn {
  width: 13px;
  height: 13px;
  display: block;
  background: url(../img/skin/pictos.png) left -7400px no-repeat;
  cursor: pointer;
  float: right;
  margin: 0 20px 0 0;
}

.block-type-89 .details {
  display: none
}

.block-type-89 .details > td {
  padding: 0;
}

.block-type-89 .details table {
  margin: 0;
}

.block-type-89 .details table td {
  color: #fff;
  background: #a3b0bf;
  width: 250px;
  border-bottom: 0;
}

.block-type-89 .open td {
  color: #fff;
  background: #a3b0bf;
}

.block-type-89 .open td .btn {
  background-position: 0 -7300px;
}

.block-type-89 .btn-line {
  text-align: right;
}

.block-type-90 .progress {
  overflow: hidden;
  padding: 0 0 20px 0;
}

.block-type-90 .bars {
  width: 334px;
  overflow: hidden;
  float: left;
  padding: 40px 0 45px 0;
  position: relative;
}

.block-type-90 .progress .part {
  float: left;
  width: 110px;
}

.block-type-90 .progress .bar {
  height: 10px;
  display: block;
  background: #8acfeb;
  position: relative;
  width: 110px;
  border: 0;
}

.block-type-90 .progress .label {
  font-size: 0.95em;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.block-type-90 .progress .part-01 .label {
  color: #24abe2;
  left: 0;
  top: 55px;
  width: 150px;
  background: url(../img/skin/picto-arrow-27.png) left top no-repeat;
  padding: 8px 0 0 0;
}

.block-type-90 .progress .part-02 .label {
  color: #667b94;
  left: 110px;
  background: url(../img/skin/picto-arrow-28.png) left bottom no-repeat;
  padding: 0 0 8px 0;
}

.block-type-90 .progress .part-03 .label {
  color: #91d5f0;
  top: 55px;
  left: 220px;
  background: url(../img/skin/picto-arrow-29.png) left top no-repeat;
  padding: 8px 0 0 0;
}

.block-type-90 .progress .part-02 .bar {
  background: #b5bfcb;
}

.block-type-90 .progress .part-03 .bar {
  background: #c1e4f2;
}

.block-type-90 .progress .bar .mask {
  width: 110px;
  height: 10px;
  display: block;
  background: url(../img/skin/bg-progress-mask.png) left top no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.block-type-90 .progress .bar .state {
  background: #24abe2;
  display: block;
  height: 10px;
}

.block-type-90 .progress .part-02 .bar .state {
  background: #798ba1;
}

.block-type-90 .progress .part-03 .bar .state {
  background: #91d5f0;
}

.block-type-90 .progress .bar .state {
  background: #24abe2;
  display: block;
  height: 10px;
}

.block-type-90 p,
.popin-01 .inner .block-type-90 p {
  color: #565656;
  font-size: 1.1em;
  padding: 0 0 8px 0;
}

.block-type-90 .data {
  color: #6c7b95;
  font-size: 7em;
  line-height: 1em;
  float: left;
  display: block;
  margin: 0 35px 0 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-91 {
  text-align: left;
  padding: 20px 0 0 15px;
}

.block-type-91 .title {
  color: #394d68;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  font-size: 1.25em;
  padding: 0 0 15px 0;
}

.block-type-91 .list li {
  background: url(../img/skin/picto-arrow-02.png) left 3px no-repeat;
  padding: 0 0 2px 15px;
}

.block-type-91 .list li a {
  text-decoration: none;
  color: #696c70;
  font-weight: bold;
  font-size: 1.1em;
}

.block-type-92 {
  margin: 40px 0 0 0;
}

.block-type-92 .menu-tabs {
  overflow: hidden;
}

.block-type-92 .menu-tabs li {
  float: left;
}

.block-type-92 .menu-tabs a {
  color: #6c7b95;
  font-size: 1.75em;
  background: #f3f5f7 url(../img/skin/picto-corner.png) right top no-repeat;
  height: 44px;
  line-height: 44px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  width: 255px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-type-92 .menu-tabs .active a,
.block-type-92 .menu-tabs a:hover {
  background: #a3b0bf url(../img/skin/picto-corner.png) right top no-repeat;
  color: #fff;
}

.block-type-92 .tab {
  display: none;
}

.block-type-92 .tab.active {
  display: block;
}

.block-type-92 .tunnel .head {
  background: #f3f5f7;
  height: 33px;
  padding: 0 0 0 15px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  overflow: hidden;
}

.block-type-92 .tunnel .head .title {
  font-weight: normal;
  height: 33px;
  line-height: 33px;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #b5bec9;
  font-size: 1.25em;
  text-transform: uppercase;
  float: left;
}

.block-type-92 .tunnel .head p {
  color: #fff;
  float: right;
  text-align: right;
  padding: 8px 20px 0 0;
}

.block-type-92 .tunnel .head p a {
  color: #fff;
  margin: 0 0 0 30px;
  background: url(../img/skin/picto-arrow-22.png) left 4px no-repeat;
}

.block-type-92 .tunnel li {
  margin: 0 0 1px 0;
  display: block;
}

.msie7 .block-type-92 .tunnel li {
  float: left;
  width: 100%;
  overflow: hidden;
}

.block-type-92 .tunnel .content {
  padding: 15px 0 0 15px;
}

.block-type-92 .tunnel .active .head {
  background: #a3b0bf;
  color: #fff;
}

.block-type-92 .tunnel .active .head .title {
  color: #fff;
}

.block-type-92 .tunnel form {
  overflow: hidden;
}

.block-type-92 .tunnel .content {
  overflow: hidden;
}

.block-type-92 .tunnel fieldset {
  border: 0;
}

.block-type-92 .tunnel .step-01 {
  border: 0;
  overflow: hidden;
}

.block-type-92 .tunnel .step-01 .section-01 {
  width: 488px;
  border: 0;
  border-right: 1px solid #eceded;
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
}

.block-type-92 .tunnel .bloc-label-input {
  height: auto;
}

.block-type-92 .tunnel .bloc-label-input .typeahead {
  width: 223px;
}

ul.typeahead {
  position: absolute;
  left: 0;
  border: 2px solid #ECEDED;
  border-top: 0;
  background: #fff;
  width: 233px;
  z-index: 8;
  text-align: left;
  display: none;
}

ul.typeahead {
  overflow-y: auto;
  max-height: 150px;
  padding-top: 5px;
}

ul.typeahead a {
  color: #667b94;
  font-size: 1em;
  display: inline-block;
  line-height: 10px;
  padding: 4px;
  width: 208px;
}

ul.typeahead a:hover {
  color: #565656;
}

ul.typeahead .group-header {
  color: #b1b3b4 !important;
  font-size: 0.9em;
  text-transform: none !important;
  padding: 5px !important;
  border: 0 !important;
}

ul.typeahead .group-item {
  font-size: 0.9em !important;
}

ul.typeahead .group-item:hover {
  background: #a3b0bf;
}

ul.typeahead .group-item:hover a {
  color: #fff;
}

.block-type-92 .tunnel .bloc-label-input label {
  float: none;
  width: 100%;
  text-align: left;
}

.block-type-92 .tunnel .step-01 .section-01 .bloc-label-input input[type="text"] {
  margin: 0 0 12px 0;
}

.block-type-92 .tunnel .step-01 .section-01 .infos {
  display: block;
  clear: both;
}

.block-type-92 .tunnel .step-01 .section-02 .item {
  padding: 0 0 2px 0;
}

.block-type-92 .tunnel .step-01 .section-02 .item input {
  color: #565656;
  border: 0;
  width: 20px;
  text-align: center;
  height: 13px;
  margin: 0 0 0 13px;
  padding: 0;
  line-height: 13px;
  outline: none;
}

.ui-spinner-button {
  background: url(../img/skin/pictos.png) left top no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  text-indent: -9999px;
}

.ui-spinner-down {
  background-position: 0 -7300px;
  left: 0;
}

.ui-spinner-up {
  background-position: 0 -7400px;
  right: 0;
}

.block-type-92 .tunnel .step-01 .section-02 .title {
  margin: 0 0 10px 0;
}

.block-type-92 .tunnel .step-01 .section-02 .btn-type-03 {
  float: right;
  margin: 15px 0 15px 0;
}

.block-type-92 .tunnel .step-01 .section-02 .item .delete {
  background: url(../img/skin/pictos.png) left -7100px no-repeat;
  width: 13px;
  height: 13px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  cursor: pointer;
}

.block-type-92 .tunnel .step-01 .section-02 .item .ui-spinner {
  position: relative;
  width: 45px;
  margin: 0 15px 0 0;
  float: left;
}

.block-type-92 .tunnel .step-01 .section-02 .item label {
  float: left;
  width: 135px;
  height: auto;
  line-height: 1em;
}

.block-type-92 .tunnel .step-01 .section-01 .infos p {
  color: #b1b3b4;
  font-size: 0.9em;
  padding: 0 0 5px 0;
}

.block-type-92 .tunnel .step-01 .section-01 .infos p a {
  color: #b1b3b4;
  text-decoration: underline;
}

.block-type-92 .tunnel .step-01 .section-02 {
  float: left;
  border: 0;
  padding: 8px 0 0 0;
  width: 220px;
}

.block-type-92 .tunnel .step-02 .section-01 {
  width: 240px;
  float: left;
  padding: 0;
  height: 115px;
}

.block-type-92 .tunnel .step-02 .section-01 label {
  float: none;
  text-align: left;
  height: auto;
  line-height: 1em;
  margin: 0 0 10px 0;
}

.block-type-92 .tunnel .step-02 .section-01 .selector,
.block-type-92 .tunnel .step-02 .section-01 select {
  width: 213px;
}

.block-type-92 .tunnel .step-02 .section-01 .selector.disabled span {
  background: #eee;
}

.block-type-92 .tunnel .step-02 .section-01 .selector span {
  width: 196px;
  background-position: 187px 8px;
}

.block-type-92 .tunnel .selector {
  height: 24px;
  line-height: 24px;
}

.block-type-92 .tunnel .step-02 .zipcode {
  width: 104px;
  float: left;
  margin: 0 14px 0 0;
}

.block-type-92 .tunnel .step-02 .zipcode input {
  width: 90px;
}

.block-type-92 .tunnel .step-02 .next {
  float: left;
  width: 9px;
  height: 9px;
  margin: 30px 14px 0 0;
  background: url(../img/skin/pictos.png) left -7500px no-repeat;
}

.block-type-92 .tunnel .step-02 .btn-line {
  overflow: hidden;
  padding: 20px 0 0 0;
  width: 100%;
}

.block-type-92 .tunnel .step-02 .btn-line p {
  font-size: 0.9em;
  color: #b1b3b4;
  text-align: left;
}

.block-type-92 .tunnel .step-02 .btn-line .btn-type-03 {
  float: right;
}

.block-type-92 .tunnel .step-02 .separator {
  float: left;
  background: url(../img/skin/bg-separator.png) center center no-repeat;
  height: 72px;
  padding: 43px 0 0 0;
  text-align: center;
  font-size: 1.1em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  width: 18px;
  color: #565656;
  margin: 0 21px 11px 0;
}

.block-type-92 .tunnel .step-02 .section-02 {
  float: left;
  padding: 0;
  width: 450px;
}

.block-type-92 .tunnel .step-02 .section-02 .selector,
.block-type-92 .tunnel .step-02 .section-02 select {
  width: 312px;
}

.block-type-92 .tunnel .step-02 .section-02 .selector span {
  width: 297px;
  background-position: 288px 8px;
}

.block-type-92 .tunnel .step-03 p.info {
  color: #b1b3b4;
  font-size: 0.9em;
}

.block-type-92 .tunnel .step-03 .section-01 {
  border-bottom: 1px solid #eceded;
  margin: 0 0 10px 0;
  padding: 0 0 15px 0;
}

.block-type-92 .tunnel .step-03 .file .label {
  display: block;
  float: left;
  margin: 0 20px 0 0;
}

.block-type-92 .tunnel .step-03 .uploader {
  float: left;
  position: relative;
  cursor: pointer;
}

.block-type-92 .tunnel .step-03 .uploader input {
  position: absolute;
  left: 0;
  top: 0;
}

.block-type-92 .tunnel .step-03 .filename, .block-type-92 .tunnel .step-03 .fileupload-preview {
  margin: 0 30px 0 0;
  display: block;
  float: left;
  color: #657a95;
}

.block-type-92 .tunnel .step-03 .file .action {
  color: #657a95;
  background: url(../img/skin/picto-arrow-21.png) left 4px no-repeat;
  padding: 0 0 0 12px;
  text-align: left;
  display: block;
  float: left;
  cursor: pointer;
}

.block-type-92 .tunnel .step-03 .file .close {
  background: url(../img/skin/picto-arrow-21.png) left 4px no-repeat;
}

.block-type-92 .tunnel .step-03 .file .btn-file {
  color: #657a95;
  background: url(../img/skin/picto-arrow-21.png) left 4px no-repeat;
  padding: 0 0 0 12px;
  text-align: left;
  display: block;
  float: left;
  cursor: pointer;
}

.block-type-92 .tunnel .step-03 .file .close {
  color: #657a95;
  padding: 0 0 0 10px;
}

.block-type-92 .tunnel .step-03 .file .btn-file .fileupload-preview {
  padding: 0 0 0 15px;
}

.block-type-92 .tunnel .step-03 .section-01 .bloc-label-input {
  float: left;
}

.block-type-92 .tunnel .step-03 .section-01 .sep {
  display: block;
  float: left;
  width: 10px;
  text-align: center;
  margin: 4px 0 0 0;
}

.block-type-92 .tunnel .step-03 .section-01 .info {
  padding: 26px 0 0 15px;
  display: block;
  float: left;
}

.block-type-92 .tunnel .step-03 .section-02 {
  border-bottom: 1px solid #eceded;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.block-type-92 .tunnel .step-03 .section-02 .title {
  padding: 0 0 10px 0;
}

.block-type-92 .tunnel .step-03 .section-02 ul li {
  padding: 0 0 12px 0;
  color: #565656;
  font-size: 1.1em;
  overflow: hidden;
}

.block-type-92 .tunnel .step-03 .section-03 {
  padding: 0;
}

.block-type-92 .tunnel .step-03 .btn-line {
  text-align: right;
  border-top: 1px solid #eceded;
  padding: 0 0 15px 0;
  margin: 15px 0 0 0;
}

.block-type-92 .tunnel .step-03 .section-03 .btn-line .error {
  float: right;
  padding-top: 5px;
  text-align: right;
  font-size: 1.1em;
}

.block-type-92 .tunnel .step-03 .section-02 .info2 {
  float: right;
  text-align: right;
}

.block-type-92 .tunnel .step-03 .section-02 .info2 a {
  text-decoration: underline;
  color: #b1b3b4;
}

.block-type-92 .tunnel .step-04 .section-01 {
  float: left;
  width: 341px;
  border-right: 1px solid #eceded;
  margin: 0 30px 0 0;
}

.block-type-92 .tunnel .step-04 .content p {
  font-size: 1.1em;
  color: #565656;
  padding: 0 0 12px 0;
}

.block-type-92 .tunnel .title {
  font-weight: bold;
  font-size: 1.1em;
}

.block-type-92 .tunnel .step-04 .content ul {
  padding: 0 0 12px 0;
}

.block-type-92 .tunnel .step-04 .content ul li {
  font-size: 1.1em;
  color: #565656;
}

.block-type-92 .tunnel .step-04 .content p a {
  color: #565656;
  text-decoration: underline;
  line-height: 1.3em;
}

.block-type-92 .btn-type-03 {
  text-transform: uppercase;
  font-size: 1.15em;
  padding: 2px 15px !important;
}

.block-type-92 .tunnel .step-04 .btn-line {
  text-align: right;
  padding: 10px 0 0 0;
}

.block-type-92 .tunnel .step-04 .section-02 {
  float: left;
  max-width: 370px;
}

.block-type-92 .tunnel .step-04 .section-02 p {
  padding: 0;
}

.block-type-92 .tunnel .step-04 .section-02 p.address {
  padding: 0 0 0 25px;
}

.block-type-92 .smartphone .intro {
  color: #fff;
  background: #a3b0bf;
  padding: 0 20px 0;
  height: 33px;
  line-height: 33px;
  margin-top: 0 0 30px 0;
}

.block-type-92 .smartphone .intro p {
  font-size: 0.9em;
}

.block-type-92 .smartphone .block-mobile {
  overflow: hidden;
  padding: 30px 0 25px 0;
}

.block-type-92 .smartphone .block-mobile img {
  display: block;
  position: relative;
  z-index: 5;
  float: left;
}

.block-type-92 .smartphone .block-mobile .device {
  float: left;
  padding: 0 0 0 10px;
  width: 370px;
  position: relative;
}

.block-type-92 .smartphone .block-mobile .device .label {
  color: #fff;
  background: #a3b0bf;
  position: absolute;
  width: 165px;
  top: 45px;
  left: 125px;
  z-index: 1;
  height: 87px;
}

.block-type-92 .smartphone .block-mobile .device .label p {
  padding: 10px 0 0 30px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.75em;
}

.block-type-92 .smartphone .block-mobile .device .label p span {
  text-transform: uppercase;
}

.block-type-92 .smartphone .block-mobile .device .label .corner {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/skin/picto-corner.png) right top no-repeat;
  width: 18px;
  height: 17px;
}

.block-type-92 .smartphone .block-mobile .device a {
  display: block;
  position: absolute;
  top: 150px;
  left: 155px
}

.block-type-92 .smartphone .block-mobile .device .qrcode {
  display: block;
  margin-top: 200px;
}

.block-type-92 .smartphone .block-mobile .device.iphone .qrcode {
  margin-left: 27px;
}

.block-type-92 .smartphone .block-mobile .device.android .qrcode {
  margin-left: 14px;
}

.block-type-92 .postal .top {
  height: 33px;
  display: block;
  background: #a3b0bf;
}

.block-type-92 .postal .left {
  width: 360px;
  float: left;
  padding: 8px 0 0 0;
}

.block-type-92 .postal .left .btn-type-03 {
  float: right;
}

.block-type-92 .postal .left .picture {
  position: relative;
  margin: 0 0 43px 0;
}

.block-type-92 .postal .left .picture .tip {
  border: 3px solid #6c7b95;
  width: 120px;
  height: 30px;
  text-align: center;
  color: #6c7b95;
  padding: 3px 0;
  position: absolute;
  top: 95px;
  right: -3px;
  background: #fff;
}

.block-type-92 .postal .left .picture .tip a {
  color: #62c8f3;
  text-decoration: underline;
}

.block-type-92 .postal .right {
  width: 360px;
  float: left;
  padding: 8px 0 0 0;
}

.block-type-92 .postal .title {
  color: #fff;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  height: 33px;
  background: #a3b0bf;
  text-align: center;
  font-weight: normal;
  line-height: 33px;
  margin: 0 0 15px 0;
}

.block-type-92 .postal p {
  color: #565656;
  padding: 0 18px 15px;
  font-size: 1.1em;
}

.block-type-92 .postal .right ul {
  padding: 0 0 0 45px;
}

.block-type-92 .postal .right ul li {
  padding: 0 0 15px 25px;
  color: #565656;
  font-size: 1.1em;
}

.block-type-92 .postal .right ul li span {
  display: block;
  width: 24px;
  margin-left: -25px;
  float: left;
}

.block-type-92 .postal .right ul li a {
  color: #62c8f3;
  text-decoration: underline;
}

.block-type-92 .postal .sep {
  background: url(../img/skin/bg-separator-02.png) center top repeat-y;
  width: 38px;
  float: left;
  height: 280px;
}

.block-type-92 .postal .sep span {
  color: #a3b0bf;
  background: #fff;
  text-align: center;
  font-size: 1.25em;
  height: 14px;
  width: 38px;
  margin: 18px 0 0 0;
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-93 {
  background: url(../img/skin/picto-corner.png) right top no-repeat #f4f5f9;
  margin: 0 0 8px 0;
}

.block-type-93 .title {
  color: #de0022;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding: 0 0 2px 25px;
  background: url(../img/skin/picto-warning-02.png) left top no-repeat;
  margin: 0 0 0 -25px;
  position: relative;
}

.block-type-93 .inner {
  padding: 10px 0 0 35px;
}

.block-type-93 p {
  color: #565656;
  padding: 0 0 10px 0;
}

.block-type-93 p .link-type-07 {
  color: #565656;
  background: url(../img/skin/picto-arrow-26.png) left 4px no-repeat;
  font-size: 1em;
}

.block-type-94 .tools {
  overflow: hidden;
}

.block-type-94 .tools .print,
.block-type-102 .btn-line .print,
.block-type-97 .btn-line .print {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/skin/pictos.png) left -8100px no-repeat;
  width: 14px;
  height: 17px;
  margin: 0 11px 0 0;
  float: left;
}

.block-type-94 .tools .mail,
.block-type-102 .btn-line .mail,
.block-type-97 .btn-line .mail {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/skin/pictos.png) left -8200px no-repeat;
  width: 14px;
  height: 9px;
  float: left;
  margin: 6px 0 0 0;
}

.block-type-94 .tools form.sort {
  float: right;
}

.block-type-94 .tools form.sort fieldset {
  padding: 0;
  border: 0;
}

.block-type-94 .list-products-01 {
  margin: 0 15px;
  width: 735px;
  padding: 30px 0 0 0;
}

.block-type-94 .list-products-01.solar {
  margin: 0 4px;
}

.solar-label {
  width: 251px;
  padding: 2px 0px;
  margin-right: 5px;
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Century Gothic';
  font-size: 14px;
  position: relative;
  text-align: center;
  background: #f9a22e;
  margin-top: 5px;
}

.solar-label.last {
  margin-right: 0px;
  margin-left: 2px;
}

.solar-label .icon {
  position: absolute;
  left: 50%;
  margin-left: -9px;
  width: 15px;
  height: 7px;
  display: block;
  background: url(../img/skin/bg-label-solar.png) center bottom no-repeat;
}

.block-alert-solar {
  background: #f9a22e url(../img/skin/picto-corner.png) right top no-repeat;
  padding: 16px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-alert-solar .title {
  color: #fff;
  padding-left: 20px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-family: 'Century Gothic';
  font-weight: normal;
  font-size: 14px;
  background: url(../img/skin/bg-solar-title.jpg) no-repeat left 1px;
}

.block-alert-solar a {
  color: #fff;
  padding-left: 10px;
  margin-top: 10px;
  font-weight: normal;
  display: block;
  background: url(../img/skin/bg-solar-link.jpg) no-repeat center left;
}

.block-type-94 .list-products-01 .actions,
.block-type-97 .actions {
  border-top: 1px solid #d8d9d9;
  overflow: hidden;
}

.block-type-94 .list-products-01 .actions a,
.block-type-97 .actions a {
  background: url(../img/skin/pictos.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
}

.block-type-94 .list-products-01 .actions .fb {
  float: left;
  background-position: 0 -7600px;
  width: 16px;
  height: 16px;
}

.block-type-94 .list-products-01 .actions .delete,
.block-type-97 .actions .delete {
  background-position: 0 -7700px;
  width: 7px;
  height: 7px;
  margin: 8px 0 0 0;
}

.block-type-94 .list-products-01 .actions .send,
.block-type-97 .actions .send {
  background-position: 0 -7800px;
  width: 10px;
  height: 7px;
  margin: 8px 0 0 0;
}

.block-type-94 .list-products-01 .actions .phone {
  background-position: 0 -7900px;
  width: 7px;
  height: 10px;
  margin: 6px 0 0 0;
}

.block-type-94 .list-products-01 .actions .cart {
  background-position: 0 -8000px;
  width: 11px;
  height: 10px;
  margin: 5px 0 0 0;
}

.block-type-94 .list-products-01 .actions ul,
.block-type-97 .actions ul {
  overflow: hidden;
  float: right;
}

.block-type-97 ul.list {
  clear:both;
}
.block-type-94 .list-products-01 .actions ul li,
.block-type-97 .actions ul li {
  float: left;
  padding: 0 0 0 9px;
}

.block-type-94 .list-products-01 > li .caption {
  padding: 10px 0;
}

.block-type-94 .list-products-01 > li {
  margin: 0 52px 30px 0;
}

.block-type-94 .list-products-01 > li {
  min-height: 350px
}

.block-type-94 .list-products-01 > li.last {
  margin-right: 0;
}

.block-type-94 .menu-tabs {
  border: 1px solid #eaf0f6;
  border-bottom: 0;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.block-type-94 .menu-tabs li {
  float: left;
  height: 35px;
  background: #eaf0f6;
}

.block-type-94 .menu-tabs li:first-child {
  width: 255px;
}

.block-type-94 .menu-tabs li:first-child a {
  background: none;
}

.block-type-94 .menu-tabs a {
  color: #4b5d74;
  text-transform: uppercase;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  display: block;
  width: 254px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: url(../img/skin/bg-pipe-03.png) left center no-repeat;
}

.block-type-94 .menu-tabs .active {
  background: #fff;
}

.block-type-95 {
  border-top: 1px solid #6c7b95;
  background: #f1f3f5;
  border-bottom: 1px solid #6c7b95;
  padding: 10px 0 9px 0;
  margin: 0 0 30px 0;
  display: block;
}

.block-type-95 li {
  float: left;
  border-left: 1px solid #c7cfd8;
  padding: 0 30px;
  display: block;
  width: 92px;
  height: 50px;
  position: relative;
}

.block-type-95 li:first-child {
  border: 0;
}

.block-type-95 li .label {
  display: block;
  background: url(../img/skin/pictos.png) left -8800px no-repeat;
  color: #565656;
  text-transform: uppercase;
  font-size: 1.25em;
  padding: 10px 0 0 25px;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

/*
.block-type-95 li .new,
.block-type-96 .inner .title .new {
    background:#6c7b95;
    color:#fff;
    font-size:1em;
    height:18px;
    line-height:18px;
    display:inline-block;
    padding:0 5px;
    margin:7px 0 0 25px;
}

.block-type-96 .inner .title .new {
    font-size:0.4em;
    text-transform:none;
    margin:0;
    vertical-align:middle;
}
*/
.block-type-96 {
  position: relative;
  background: #f3f5f7 url(../img/skin/picto-corner.png) right top no-repeat;
  width: 376px;
  margin: 0 0 11px 0;
}

.block-type-96.left {
  float: left;
  clear: left;
}

.block-type-96.right {
  float: right;
}

.block-type-96 img {
  float: left;
}

.block-type-96 > .inner {
  float: left;
  padding: 20px 0 0 20px;
  width: 233px;
}

.block-type-96 .inner .title {
  text-transform: uppercase;
  color: #565656;
  font-size: 2.15em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 10px 25px;
  text-align: left;
}

.block-type-96 .inner p,
.popin-01 .block-type-96 .inner p {
  color: #565656;
  padding: 0 0 12px 30px
}

.popin-01 .block-type-96 .inner p {
  font-size: 1em;
}

.page-club-bioderma-mes-diagnostics #page .content .block-content, .page-club-bioderma-mes-diagnostics .content .block-type-96 {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.page-club-bioderma-mes-diagnostics #page .content .block-content strong, .page-club-bioderma-mes-diagnostics .content .block-type-96 strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-type-96 .inner .diagnostic {
  background: url(../img/skin/pictos.png) left -8800px no-repeat;
}

.block-type-96 .inner ul {
  margin: 0 0 0 18px;
}

.block-type-96 .inner ul li {
  padding: 0 0 5px 0;
}

.block-content p {
  color: #565656;
  padding: 0 0 25px 0;
}

.btn-line.diag {
  clear: both;
  overflow: hidden;
  text-align: right;
}

.btn-line.diag .btn-type-06 {
  width: 356px;
  text-align: center;
}

.block-type-97 .tools {
  padding: 0 0 40px 0;
}

.block-type-97 .tools form fieldset label {
  width: auto;
}

.block-type-97 .tools form fieldset {
  padding: 0;
  border: 0;
}

.block-type-97 .list > li .inner {
  padding: 14px 10px 15px;
  height: 40px;
}

.block-type-97 li .inner .desc {
  color: #565656;
  font-size: 1.25em;
  padding: 0 0 10px;
}

.block-type-97 li .inner .desc a {
  color: #565656;
}

.block-type-97 li .inner .desc a:hover {
  text-decoration: underline;
}

.block-type-97 .list > li {
  width: 240px;
  float: left;
  margin: 0 20px 20px 0;
}

.block-type-97 .list > li img {
  display: block;
}

.block-type-97 .list > li.last {
  margin: 0;
}

.block-type-97 ul li .details {
  color: #7299C2;
}

.block-type-97 .list > li .question {
  width: 240px;
  height: 178px;
  background: #eaf0f6;
  display: block;
  color: #394d68;
  text-align: center;
}

.block-type-97 .list > li .question .category {
  padding: 15px 15px 15px;
  font-size: 2em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  line-height: 1em;
}

.block-type-97 .list > li .question .q {
  font-size: 1.85em;
  font-weight: normal;
  line-height: 1em;
  padding: 0 0 18px 0
}

.block-type-97 .list > li .question .author {
  font-size: 1.25em;
  font-weight: bold;
}

.block-type-97 .list > li .question .category strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-type-98 {
  padding: 0 0 20px 0;
}

.block-type-98 ul {
  overflow: hidden;
}

.block-type-98 li {
  float: left;
  padding: 0 0 0 21px;
}

.block-type-98 li:first-child {
  padding: 0;
}

.block-type-98 li a {
  display: block;
  width: 241px;
  height: 180px;
  background: #eaf0f6;
  text-align: center;
  color: #394d68;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  line-height: 180px;
  font-size: 2.8em;
  text-transform: uppercase;
}

.block-type-98 li a span {
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-98 li a p {
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.block-type-99 .title {
  color: #657a95;
  font-size: 1.65em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  border-top: 1px solid #d1d7df;
  border-bottom: 1px solid #d1d7df;
  padding: 35px 0;
  font-weight: normal;
  margin: 0 0 25px 0;
}

.block-type-99 p {
  color: #657a95;
  font-size: 1.45em;
  padding: 0 0 40px 0;
}

.block-type-99 ul {
  margin: 0 0 0 30px;
  padding: 0 0 30px 0;
}

.block-type-99 ul li {
  color: #657a95;
  font-size: 1.45em;
  padding: 0 0 10px 0;
  list-style-type: disc;
}

.block-type-100 {
  padding: 0 0 50px 0;
}

.block-type-100 .head {
  border-top: 1px dotted #a1a1a1;
  padding: 12px 0;
  border-bottom: 1px solid #d1d7df;
  color: #565656;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-100 .code {
  text-align: center;
  padding: 30px 0 0 0;
}

.block-type-100 .videos {
  overflow: hidden;
  padding: 10px 10px 0;
}

.block-type-100 .videos .player {
  padding: 0 0 12px 0;
}

.block-type-100 .videos .video {
  float: left;
}

.block-type-100 .videos .video p {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 0.9em;
}

.block-type-100 .videos .video.iphone {
  float: left;
}

.block-type-100 .videos .video.android {
  float: right;
}

.block-type-101 {
  background: #f3f5f7;
  padding: 15px;
  margin: 0 0 50px 0;
}

.block-type-101 > .title {
  color: #565656;
  font-size: 1.1em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  padding: 0 0 20px 0;
}

.block-type-101 ul {
  color: #565656;
  overflow: hidden;
}

.block-type-101 li {
  width: 340px;
  float: left;
  padding: 0 25px 25px 0;
}

.block-type-101 li p {
  font-size: 0.9em;
}

.block-type-101 li .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
}

.page-404 #page-inner {
  padding: 0 0 150px 35px;
  width: 925px;
  border: 0;
}

.page-404 .message {
  padding: 90px 0 70px 0;
}

.page-404 .message p {
  color: #8791ab;
  font-size: 2.25em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.page-404 .message p.first {
  font-size: 2.85em;
}

.page-404 .message p span {
  color: #8dabca;
}

.page-404 .message .line {
  padding: 60px 0 0 0;
}

.page-404 .message .line p {
  color: #96b1ce;
}

.page-404 .message .line a {
  color: #fff;
  background: #6c7b95;
  width: 143px;
  height: 33px;
  display: inline-block;
  font-size: 0.5em;
  vertical-align: middle;
  text-align: center;
  line-height: 33px;
  margin-top: -4px
}

.page-404 .message .line a:hover {
  background: #8dabca;
}

.page-404 .links .section {
  float: left;
}

.page-404 .links .section:first-child {
  width: 300px;
  border-right: 1px solid #62768f;
  margin: 0 20px 0 0;
}

.page-404 #page .section.last {
  width: 480px;
}

.page-404 #page .section .block-need {
  padding: 0;
  border: 0;
}

.page-404 #page .section .block {
  width: 155px;
}

.page-404 #page .section .title {
  color: #565656;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding: 0 0 15px 0;
}

.page-404 #page .block-ranges li a {
  font-size: 0.9em;
}

.page-404 #page .block-need .block ul li a {
  font-size: 0.9em;
}

.page-404 #nav > ul > li > a {
  opacity: 0.7;
}

.page-404 #footer {
  text-align: center;
  border-top: 30px solid #d6e3ec;
}

.page-404 #footer .logo {
  padding: 120px 0 0 0;
}

.popin-01 .block-exit .title {
  padding: 0 0 100px 0;
}

.popin-01 .block-exit.block-exit-2 .title {
  padding: 0 0 40px 0;
}

.popin-01 .block-exit.block-exit-2 p {
  text-align: center;
}

.popin-01 .block-exit .btn-line {
  width: 745px !important;
  margin: 0 auto;
  overflow: hidden;
}

.popin-01 .block-exit .btn-line a {
  width: 260px;
  float: right;
  text-align: center;
}

.popin-01 .block-exit .btn-line a:first-child {
  float: left;
}

.popin-01 .block-exit.block-exit-1 .title {
  padding: 0 0 30px 0;
}

.popin-01 .block-exit.block-exit-1 p {
  padding: 0 0 100px 0;
}

.popin-01 .block-exit.block-exit-1 .btn-line a {
  width: auto;
}

.popin-01.popin-diag .block-choice .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.popin-01 .block-choice .list {
  overflow: hidden;
  width: 627px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.popin-01 .block-choice .list li {
  float: left;
  padding: 0 19px 0 0;
}

.popin-01 .block-choice .list li:last-child {
  padding: 0px;
}

.popin-01 .block-choice .list img {
  display: block;
  margin: 0 0 1px 0;
}

.popin-01 .block-choice .list .label {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background: #6c7b95;
  font-size: 1.25em;
  width: 110px;
  height: 40px;
  padding: 10px 0 0 0 !important;
  display: block;
  text-align: center;
}

.popin-01 .block-choice .list a:hover .label {
  background: #8dabca;
}

.block-type-96 .reco,
.block-type-95 .reco {
  display: block;
  background: url(../img/skin/ribbon-reco.png) left top no-repeat;
  width: 67px;
  height: 77px;
  position: absolute;
  top: -12px;
  right: -4px;
  z-index: 4;
}

.block-type-96 .reco {
  top: auto;
  bottom: -5px;
}

.block-type-96 .new,
.block-type-95 .new {
  display: block;
  background: url(../img/skin/ribbon-new.png) left top no-repeat;
  width: 67px;
  height: 77px;
  position: absolute;
  top: -12px;
  right: -4px;
  z-index: 4;
}

.block-type-96 .new {
  top: auto;
  bottom: -5px;
}

.popin-01 .block-diag-results .btn-line {
  width: 745px !important;
  margin: 0 auto;
  overflow: hidden;
}

.popin-01 .block-diag-results .btn-line a {
  width: 260px;
  float: right;
  text-align: center;
}

.popin-01 .block-diag-results .btn-line a:first-child {
  float: left;
}

.popin-01 .block-diag-results .container {
  width: 775px;
  padding: 0 0 35px 0;
  margin: 0 auto;
}

.popin-01 .block-diag-results .question {
  text-align: center;
  color: #565656;
  text-align: center;
  font-size: 1.2em;
}

.popin-01 .inner .block-already {
  text-align: center;
}

.popin-01 .inner .block-already p {
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.popin-01 .inner .block-share {
  text-align: center;
  width: 300px;
  margin: 0 auto;
}

.popin-01 .inner .block-share .title {
  text-transform: uppercase;
  font-size: 1.85em;
  color: #3b5998;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  background: url(../img/skin/pictos.png) left -10198px no-repeat;
  padding: 0 0 15px 25px;
}

.popin-01 .inner .block-popin-instants-01 > .title {
  color: #394d68;
  font-size: 1.65em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
  padding: 0 0 25px 0;
}

/*
.popin-01 .inner .block-popin-instants-01 .btn-type-06,*/
.popin-01 .inner .block-popin-instants-02 .btn-type-06 {
  margin: 0 0 35px 0;
  width: 280px;
}

.popin-01 .inner .block-popin-instants-02 > .title {
  color: #394d68;
  font-size: 1.65em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
  padding: 0;
}

.popin-01 .inner .block-popin-instants-03 {
  text-align: left;
}

.popin-01 .inner .block-popin-instants-03 > .title {
  color: #667b94;
  font-size: 2.45em;
  text-align: left;
  text-transform: uppercase;
  padding: 0 0 35px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.popin-01 .inner .block-popin-instants-03 > .title strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address {
  text-align: left;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .title-02 {
  font-size: 1.25em;
  font-weight: bold;
  color: #4b4a4d;
  border-bottom: 1px solid #d1d7df;
  text-align: left;
  text-transform: none;
  padding: 0 0 5px 0;
  margin: 0 0 12px 0;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .title-02 {
  text-transform: uppercase;
  border: none;
  color: #3a3a3a;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.5em;
  font-weight: normal;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .msg-info {
  font-style: normal;
  color: #3a3a3a;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.2em;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .msg-info p {
  font-style: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  color: #3a3a3a;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .msg-info ul li {
  list-style: none outside url("../img/skin/picto-arrow-32.png");
  margin: 0 0 5px 0;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .msg-info ul li div {
  background-color: #f1f3f5;
  font-size: 14px;
  font-style: italic;
  color: #3a3a3a;
  padding: 5px 10px;
  font-weight: normal;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .content {
  color: #3a3a3a;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  margin: 0;
  font-size: 1.2em;
  width: auto;
  padding-top: 20px;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .content .modify {
  color: #c77f00;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-decoration: underline;
  right: 0;
  bottom: 20px;
}

.page-club-bioderma-jeu-photoderm .popin-01 .cancel-btn {
  color: #c77f00;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-decoration: underline;
  display: inline-block;
  font-size: 16px;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .content .in {
  padding-bottom: 20px;
  border-bottom: 1px solid #dadee3;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .content .btn-type-06,
.page-club-bioderma-jeu-photoderm #form-address input[type="submit"] {
  display: block;
  width: 326px;
  background: url(../img/op/photoderm/bg-btn-submit-photoderm-large.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 18px;
  height: 64px;
  text-align: left;
  margin: auto;
  margin-top: 20px;

}

.page-club-bioderma-jeu-photoderm #form-address input[type="submit"] {
  padding: 0 0 20px 13px;
  display: inline-block;
  margin-right: 15px;
}

.page-club-bioderma-jeu-photoderm .popin-01 .inner .block-popin-instants-03 .block-instants-address .content .btn-type-06 span {
  height: 48px;
  display: block;
  line-height: 48px;
  left: -3px;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .msg-info {
  font-size: 0.9em;
  color: #667b94;
  font-style: italic;
  padding: 0;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content {
  padding: 50px 0 0 0;
  width: 300px;
  margin: 0 auto;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content p {
  color: #4b4a4d;
  font-size: 1.1em;
  text-transform: none;
  padding: 0;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content .in {
  overflow: visible;
  position: relative;
  margin: 0 0 12px 0;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content p span {
  display: block;
  padding: 0 0 3px 0;
  text-transform: uppercase;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content .modify {
  color: #667b94;
  font-size: 1.25em;
  position: absolute;
  bottom: 0;
  right: -300px;
  width: 300px;
  display: block;
  text-align: left;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content .modify span {
  text-decoration: underline;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content .notice {
  color: #00933b;
  font-size: 16px;
  font-style: italic;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address .content .btn-type-06 {
  width: 280px;
  text-align: center;
  margin: 25px 0 0 0;
}

.popin-01 .inner .block-popin-instants-03 .block-instants-address form {
  border: 0;
}

.popin-01 .inner .block-popin-club-inscription {

}

.popin-02 .block-type-17 {
  padding: 0 0 10px 0;
}

.popin-02 .block-type-17 .picture,
.popin-02 .block-type-17 .content {
  border: 0;
}

.popin-02 .block-type-17 .favs {
  text-decoration: none;
  font-size: 1em;
  background: url(../img/skin/pictos.png) left -8997px no-repeat;
  padding: 0 0 25px 12px;
  display: block;
  color: #6c7b95;
}

.popin-02 .block-type-17 .favs:hover {
  text-decoration: underline;
}

.popin-02 .block-type-17 .more {
  font-size: 1.1em;
  color: #6c7b95;
  margin-top: 40px;
  float: left;
  text-decoration: underline;
}

.popin-02 .block-type-17 .more:hover {
  text-decoration: none;
}

.popin-02 .block-type-17 .btn-content {
  width: 622px;
  margin-top: 30px;
  text-align: right;
}

.block-title {
  overflow: hidden;
}

.block-title .share {
  float: right;
  padding: 15px 0 15px 0;
}

.block-title .share .link-type-07 {
  float: left;
  display: block;
  margin: 0 9px 0 0;
  background: none;
}

.block-title .share .mail {
  background: url(../img/skin/pictos.png) left -9100px no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  float: left;
  text-indent: -9999px;
  margin: 0 0 0 1px;
}

.block-title .share .fb {
  background: url(../img/skin/pictos.png) left -9200px no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  margin: 0 0 0 1px;
}

.block-type-102 {
  overflow: hidden;
  margin: 0 0 50px 0;
}

.block-type-102 img {
  display: block;
  float: left;
}

.block-type-102 .in {
  border-top: 1px solid #d1d7df;
  padding: 20px 0 0 40px;
  float: left;
  width: 634px;
  height: 155px;
  border-bottom: 1px solid #d1d7df;
}

.block-type-102 .in .title {
  color: #565656;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 0 20px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-102 .in .title span {
  color: #657a95;
  display: block;
}

.block-type-102 .in p {
  color: #565656;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 10px 0;
}

.block-type-102 .btn-line,
.block-type-97 .btn-line {
  overflow: hidden;
  clear: both;
}

.block-type-102 .btn-line .btn-type-06,
.block-type-97 .btn-line .btn-type-06 {
  float: right;
}

.block-type-102 .btn-line .tools,
.block-type-97 .btn-line .tools {
  overflow: hidden;
  padding: 5px 0 0 0;
  float: left;
}

.block-type-102 .btn-line .tips,
.block-type-97 .btn-line .tips {
  text-align: right;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  display: block;
  float: right;
  height: 33px;
  line-height: 33px;
  padding: 0 15px 0 0;
}

.block-type-94 > .title {
  color: #565656;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 0 20px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-94 > .title span {
  color: #000;
}

.block-type-94 {
  padding: 0 0 20px 0;
}

.block-type-94 .tips {
  padding: 30px 0 10px 0;
}

.block-type-94 .tips .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  text-transform: uppercase;
  padding: 0 0 5px 0;
}

.block-type-94 .tips p {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-94 .breadcrump {
  left: 0;
  top: 0;
}

.block-type-94 .breadcrump ul {
  overflow: hidden;
}

.block-type-94 .breadcrump ul li {
  float: left;
  border: 1px solid #333;
  border-left-width: 0px;
}

.block-type-94 .breadcrump ul li:first-child {
  border-left-width: 1px;
}

.block-type-94 .breadcrump ul li a {
  display: block;
  text-align: center;
  width: 253px;
  height: 19px;
  font-size: 1.25em;
  line-height: 19px;
  text-decoration: none;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-94 .breadcrump ul li a span {
  padding: 0 8px 0 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-94 .breadcrump ul li a.active {
  color: #fff;
  background: #333;
}

.block-type-94 .btn-expand,
.block-type-105 .btn-expand,
.block-type-115 .btn-expand {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background: #6c7b95;
  height: 33px;
  display: block;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  text-align: center;
  cursor: pointer;
  clear: both;
}

.block-type-94 .btn-minus,
.block-type-105 .btn-minus,
.block-type-115 .btn-minus {
  display: none;
}

.block-type-94 .btn-expand > span,
.block-type-105 .btn-expand > span,
.block-type-115 .btn-expand > span {
  background: url(../img/skin/picto-arrow-30.png) left center no-repeat;
  display: inline-block;
  height: 33px;
  padding: 0 0 0 30px;
  line-height: 33px;
}

.block-type-94 .btn-minus > span,
.block-type-105 .btn-minus > span,
.block-type-115 .btn-minus > span {
  background: url(../img/skin/picto-arrow-30-up.png) left center no-repeat;
}

.block-type-94 .btn-expand > span > span,
.block-type-105 .btn-expand > span > span,
.block-type-115 .btn-expand > span > span {
  background: url(../img/skin/picto-arrow-30.png) right center no-repeat;
  display: inline-block;
  height: 33px;
  padding: 0 30px 0 0;
  line-height: 33px;
}

.block-type-94 .btn-minus > span > span,
.block-type-105 .btn-minus > span > span,
.block-type-115 .btn-minus > span > span {
  background: url(../img/skin/picto-arrow-30-up.png) right center no-repeat;
}

.block-type-94 .block-gradient .title-type-01 {
  text-transform: none;
}

.block-type-94 .block-type-93 {
  padding: 0 0 20px 0;
  margin: 0 0 5px 0;
}

.block-type-94 .block-type-93 .title {
  color: #fff;
  font-size: 1.25em;
}

.block-type-94 .labels {
  overflow: hidden;
}

.block-type-94 .labels li:first-child {
  margin: 0;
}

.block-type-94 .labels li {
  display: block;
  float: left;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 0 5px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  padding: 0 0 7px 0;
  background: url(../img/skin/picto-arrow-31.png) center bottom no-repeat;
}

.block-type-94 .labels li span {
  background: #333;
  height: 36px;
  color: #fff;
  width: 251px;
  display: block;
  padding: 5px 0 0 0;
}

.block-type-103 {
  background: #6c7b95 url(../img/skin/picto-corner.png) right top no-repeat;
  margin: 0 0 40px 0;
}

.block-type-103 .inner {
  padding: 35px 30px;
}

.block-type-103 .inner .title {
  color: #fff;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 0 10px 0;
  line-height: 1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-103 .inner ul {
  margin: 0;
}

.block-type-103 .inner ul li {
  color: #d1d7df;
  margin: 0 0 0 12px;
  list-style-type: disc;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.type-85-2 {
  padding: 15px 0;
}

.type-85-2 .list-bottles {
  padding: 0 20px 0 20px;
}

.type-85-2 .title-type-01 {
  text-transform: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding-bottom: 0;
}

.type-85-2 .title-type-01 strong {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.type-85-2 p {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  color: #394d68;
  font-size: 1.3em;
  padding-top: 5px;
}

.type-85-3 {
  padding: 15px 0;
}

.type-85-3 .list-bottles {
  padding: 0 20px 0 20px;
}

.type-85-3 .title-type-01 {
  text-transform: none;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding: 20px 0 0 0;
  font-size: 1.85em;
}

.type-85-3 p {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  color: #394d68;
  font-size: 1.35em;
  padding-top: 5px;
}

.type-97-2 > .title {
  color: #565656;
  font-size: 2.25em;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0 0 20px 0;
  line-height: 1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.type-97-2 .list {
  overflow: hidden;
  padding: 0 0 20px 0;
}

.type-97-2 .list > li .inner {
  padding: 15px 0 0 0;
}

.type-97-2 .list > li .inner .title {
  color: #565656;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.type-97-2 .list > li .inner .title a {
  color: #565656;
}

.type-97-2 .list > li .inner .title a:hover, .type-97-2 .list > li a:hover + .inner .title a {
  text-decoration: underline;
}

.type-97-2 .list > li .inner .desc {
  font-size: 1em;
}

.type-97-2 .list > li .inner .details {
  color: #565656;
  font-style: italic;
  font-size: 1.1em;
}

.type-97-2 .btn-line {
  border-top: 1px solid #d1d7df;
}

.block-title .choose {
  float: right;
  margin-top: 12px;
}

.block-type-104 .inner {
  overflow: hidden;
  padding: 0 10px 30px;
}

.block-type-104 .inner p {
  color: #394d68;
  padding: 0 0 25px 0;
  font-size: 1.15em;
  line-height: 1.35em;
}

.block-type-104 .inner h3 {
  color: #474749;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  font-size: 1.25em;
  padding: 0 0 8px 0;
}

.block-type-104 .inner li {
  color: #394d68;
  font-size: 1.15em;
  padding: 0 0 0 8px;
  background: url(../img/skin/bullet-04.png) left 4px no-repeat;
}

.block-type-105 {
  border-top: 1px dotted #a1a1a1;
  padding: 16px 0 0 0;
}

.block-type-105 .title-type-01 {
  text-transform: none;
  font-size: 1.45em;
  padding: 0 0 2px 0;
}

.block-type-105 .inner {
  padding: 8px 2px;
  overflow: hidden;
}

.block-type-105 .inner p {
  padding: 0 0 40px 0;
  color: #4b4a4d;
  font-family: 'Arial', 'Trebuchet MS', sans-serif;
}

.block-type-105 .inner p.noprint {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-105 .inner p a {
  color: #667b94;
  text-decoration: underline;
}

.block-type-105 .inner p.blue {
  color: #667b94;
}

.block-type-105 .inner h4 {
  font-weight: normal;
  margin-top: 6px;
}

.block-type-105 .inner p a:hover {
  text-decoration: none;
}

.block-type-105 .inner .link-type-07 {
  float: right;
}

.block-type-105 .stores {
  overflow: hidden;
}

.block-type-105 .btn-expand {
  margin: 0 0 40px 0;
}

.block-type-105 .stores li:first-child, .block-type-105 .stores li.first-column {
  padding-left: 0;
}

.block-type-105 .stores li {
  width: 200px;
  float: left;
  padding: 0 0 35px 70px;
}

.block-type-105 .stores li .actions {
  overflow: hidden;
  padding: 16px 0 0 0;
}

.block-type-105 .stores li .actions a,
.block-type-106 table tr td .mail,
.block-type-106 table tr td .delete {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 0 0 2px;
  width: 25px;
  float: right;
  height: 21px;
  background: url(../img/skin/pictos.png) left -9400px no-repeat;
}

.block-type-105 .stores li .actions a.phone {
  background-position: 0 -9300px;
}

.block-type-105 .stores li .actions a.close,
.block-type-106 table tr td .delete {
  background-position: 0 -9700px;
}

.block-type-105 .stores p {
  padding: 0;
}

.block-type-105 .stores .name {
  color: #667b94;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  padding: 0 0 8px 0;
}

.block-type-105-actions {
  border-top: 1px dotted #a1a1a1;
  padding: 2px 0 2px 0;
  overflow: hidden;
}

.block-type-105-actions a {
  display: block;
  background: url(../img/skin/pictos.png) left -9500px no-repeat;
  width: 39px;
  height: 36px;
  text-indent: -9999px;
  float: right;
  margin: 0 0 0 2px;
}

.block-type-105-actions a.mail {
  background-position: 0 -9600px;
}

.block-type-105 .address {
  padding: 0 0 0 130px;
}

.block-type-105 .address p {
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  color: #394d68;
}

.block-type-105 form .bloc-label-input-addr {
  height: 55px;
}

.block-type-105 .span-1 {
  height: 45px;
}

.block-type-105 .btn-type-06.modifaddress {
  margin: 10px 0 0 207px;
}

.block-type-105 .gift {
  overflow: hidden;
}

.block-type-105 .picture {
  float: left;
  padding: 0 10px 0 0;
}

.block-type-105 .desc {
  width: 400px;
  padding: 85px 0 0 0;
  float: left;
}

.block-type-105 .desc .title {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  font-size: 1.35em;
  padding: 0 0 10px 0;
}

.block-type-105 .btn-line {
  border-top: 1px dotted #a1a1a1;
  padding: 10px 0 0 0;
  text-align: right;
}

.type-90-2 {
  margin: 0 0 20px 0;

}

.type-90-2 .inner {
  padding: 45px 0 45px 50px;
}

.type-90-2 p {
  color: #667b94;
  font-weight: bold;
  font-size: 1.25em;
  padding: 0;
}

.block-type-106 .title-type-01 {
  padding: 0 0 25px 0;
}

.block-type-106 table {
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #d1d7df;
  margin: 0 0 10px 0;
}

.block-type-106 table .col-1 {
  width: 290px;
}

.block-type-106 table .col-2 {
  width: 285px;
}

.block-type-106 table .col-3 {
  width: 185px;
}

.block-type-106 table tr th {
  background: url(../img/skin/bg-gradient-03.png) left top repeat-x #edeff1;
  height: 22px;
  vertical-align: middle;
  color: #667b94;
  padding: 0 0 0 5px;
  border-top: 1px solid #d1d7df;
  border-bottom: 1px solid #d1d7df;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-106 table tr td {
  height: 44px;
  vertical-align: middle;
  color: #4b4a4d;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 0 5px;
}

.block-type-106 table tr.odd td {
  background: #f1f3f5;
}

.block-type-106 .inner {
  border-top: 1px solid #d1d7df;
  padding: 5px 0 0 5px;
  background: url("../img/skin/bg-gradient-01.png") repeat-x left top;
}

.block-type-106 .inner p {
  color: #667b94;
  font-size: 1em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-107 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 490px;
  width: 957px;
  margin: 0 0 18px 0;
}

.block-type-107 .inner {
  padding: 0 0 0 28px;
}

.block-type-107 .date {
  color: #667b94;
  text-transform: uppercase;
  font-size: 1.85em;
  padding: 35px 0 65px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-107 .date span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-107 .big-title {
  color: #00adee;
  font-size: 5.45em;
  line-height: 1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

.block-type-107 .sub-title {
  color: #667b94;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-size: 1.45em;
}

.block-type-107 .video-plus {
  overflow: hidden;
  width: 415px;
  position: absolute;
  left: 28px;
  bottom: 23px;
}

.block-type-107 .video-plus img {
  border: 1px solid #e4e4e4;
  display: block;
  float: left;
  position: relative;
  z-index: 0;
}

.block-type-107.img .video-plus img {
  border: 0;
  float: none;
}

.block-type-107 .title-type-05 {
  margin: 7px 0 0 -1px;
  position: relative;
  z-index: 2;
  display: block;
  float: left;
}

.block-type-107 .title-type-05 span {
  background: url(../img/skin/pictos.png) 8px -9795px no-repeat #667b94;
  padding: 0 12px 0 35px;
}

.block-type-107 .desc {
  float: left;
  padding: 12px 0 0 10px;
  width: 185px;
}

.block-type-107 .desc p {
  color: #667b94;
  text-transform: uppercase;
  font-size: 1.45em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-107 .desc p a {
  color: #667b94;
}

.block-type-107 .desc p a:hover {
  text-decoration: underline;
}

.block-type-107 .desc span {
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-107 .video-big {
  float: right;
  position: relative;
}

.block-type-107 .video-big .link {
  position: absolute;
  top: 415px;
  left: 115px;
  color: #434a52;
  font-size: 1.45em;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 5px 0 5px 60px;
  background: url(../img/skin/pictos.png) left -9900px no-repeat;
}

.block-type-107 .video-big .link span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  display: block;
}

.block-type-107.block-type-107-2 .date {
  position: absolute;
  color: #fff;
}

.block-type-107 .corner,
.block-type-108 .corner,
.block-type-109 .corner,
.block-type-110 .corner,
.block-type-111 .corner,
.block-type-112 .corner,
.block-tweet .corner,
.block-h2o-game .corner,
.block-instants-game .corner,
.block-node-game .corner {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 22;
  background: url(../img/skin/picto-corner-06.png) left top no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}

.block-sentinel-game .corner {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 22;
  background: url(../img/skin/picto-corner-07.png) left top no-repeat;
  width: 32px;
  height: 32px;
  display: block;
}

.block-type-108 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 223px;
  /*background:url(../img/skin/bg-block-type-108.png) left top no-repeat;*/
  width: 957px;
  margin: 0 0 18px 0;
  clear: both;
}

.block-type-108 .inner {
  padding: 20px 0 0 0;
  overflow: hidden;
}

.block-type-108 .title-type-05 {
  float: left;
  position: relative;
  z-index: 2;
}

.block-type-108 .inner .gift {
  float: right;
  height: 200px;
  width: 220px;
  position: relative;
  margin: 0 50px 0 0;
}

.block-type-108 .inner .gift p {
  text-align: center;
  font-size: 1.15em;
  line-height: 1.25em;
  color: #667b94;
  position: absolute;
  top: 140px;
  width: 220px;
  left: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-108 .inner .gift p strong {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.5em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-108 .inner .gift p span {
  font-size: 1.5em;
}

.block-type-108 .inner .game {
  text-align: center;
  float: left;
  overflow: hidden;
  padding: 0 0 0 150px;
  width: 410px;
}

.block-type-108 .inner .game img {
  float: left;
  margin: 0 0 10px 0;
}

.block-type-108 .inner .game .link-type-10 {
  margin: 0 0 0 140px;
  display: inline-block;
  display: block;
  float: left;
}

.block-type-108.img .action {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}

.block-type-109 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 223px;
  width: 435px;
  margin: 0 18px 18px 0;
  float: left;
}

.block-type-109 img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.block-type-109 .title-type-05 {
  z-index: 2;
  position: relative;
  margin: 20px 0 0 0;
}

.block-type-109 .caption {
  display: block;
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 415px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.msie7 .block-type-109 .caption,
.msie8 .block-type-109 .caption {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  zoom: 1;
}

.block-type-109 .caption p {
  font-size: 1.25em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  background: url(../img/skin/pictos.png) right -9995px no-repeat;
}

.block-type-109 .caption:hover {
  text-decoration: underline;
}

.block-type-109 .caption p span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-109.img .action {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.block-type-110 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 223px;
  width: 502px;
  float: left;
  margin: 0 0 18px 0;
}

.block-type-110 a {
  color: #464646;
  text-transform: uppercase;
  font-size: 1.25em;
  position: absolute;
  z-index: 2px;
  left: 15px;
  bottom: 15px;
  z-index: 2;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-110 a:hover {
  text-decoration: underline;
}

.block-type-110 img {
  position: relative;
  z-index: 1;
  display: block;
}

.block-type-110 .title-type-05 {
  z-index: 2;
  position: absolute;
  top: 20px;
  left: 0;
}

.block-type-110.img .action {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.block-type-111 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 378px;
  width: 240px;
  margin: 0 19px 18px 0;
  float: left;
}

.block-type-111.img .action {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 0;
}

.block-type-111 .title-type-05 {
  margin: 20px 0 30px 0;
  position: relative;
  z-index: 2;
}

.block-type-111 a {
  color: #464646;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  font-size: 1.5em;
  margin: 0 0 15px 50px;
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-111 a:hover {
  text-decoration: underline;
}

.block-type-111 a span {
  background: url(../img/skin/picto-arrow-32.png) left top no-repeat;
  display: inline-block;
  width: 6px;
  height: 12px;
}

.block-type-111 p {
  color: #464646;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
  position: relative;
  z-index: 2;
  padding: 0 15px 0 80px;
}

.block-type-112 {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 378px;
  width: 435px;
  float: left;
  margin: 0 19px 18px 0;
  background: url(../img/skin/bg-block-type-112.png) left top no-repeat;
}

.block-type-112.img .action {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.block-type-112.img .action img {
  margin: 0;
}

.block-type-112 .inner {
  padding: 20px 0 0 35px;
}

.block-type-112 .title-type-05 {
  margin: 0 0 0 -35px;
  z-index: 2;
  position: relative;
}

.block-type-112 .inner p {
  padding: 0 0 18px 0;
  color: #464646;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.25em;
}

.block-type-112 .inner p span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  color: #667b94
}

.block-type-112 img {
  margin: -10px 0 40px 0;
  position: relative;
}

.block-type-113 {
  width: 300px;
  min-height: 100px;
  padding: 0 0 10px 0;
}

.block-type-113 .title {
  color: #464646;
  font-size: 1.45em;
  font-weight: normal;
  padding: 0 0 10px 0;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-type-113 p {
  color: #464646;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
  padding: 0;
}

.block-type-113 a,
.block-type-113 input[type="submit"] {
  color: #667b94;
  text-decoration: none;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
  background: none;
  cursor: pointer;
  display: block;
}

.block-type-113 input[type="submit"] {
  padding: 0 0 5px 0;
}

.block-type-113 a:hover,
.block-type-113 input[type="submit"]:hover {
  text-decoration: underline;
}

.block-type-113 .links {
  overflow: hidden;
}

.block-type-113 .links li {
  float: left;
  width: 50%;
  text-align: left;
}

.block-type-113 input[type="text"] {
  width: 277px;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  color: #a0a0a0;
  font-size: 1.25em;
  border: 1px solid #d8d8d8;
  margin: 0 0 2px 0;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
}

.footer-h2o {
  overflow: hidden;
  clear: both;
}

.footer-h2o .block-type-113 {
  float: left;
  padding-right: 10px;
}

.footer-h2o .block-type-113.last {
  padding-right: 0;
}

.block-tweet {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 378px;
  width: 240px;
  float: left;
  margin: 0 0 18px 0;
  background: url(../img/skin/bg-block-tweet.png) right top repeat-y;
}

.block-tweet .title-type-05 {
  position: absolute;
  top: 20px;
  left: 0;
}

.block-tweet .title-type-05 span {
  padding-left: 35px;
  background: url(../img/skin/pictos.png) 8px -10093px no-repeat #667b94;
}

.block-tweet .inner {
  overflow: auto;
  margin: 70px 0 0 0;
  height: 290px;
  float: left;
  width: 240px;
}

.block-tweet .inner .feed {
  padding: 0 20px 0 10px;
}

.block-tweet .inner .feed li {
  padding: 0 0 20px 0;
}

.block-tweet .inner .feed li .details {
  font-size: 1.1em;
  padding: 0 0 5px 0;
  overflow: hidden;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-tweet .inner .feed li .details .date {
  float: right;
  color: #00adee;
}

.block-tweet .inner .feed li .details .username {
  color: #00adee;
  float: left;
}

.block-tweet .inner .feed li p {
  color: #464646;
  font-size: 1.35em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-tweet .inner .feed li p a {
  color: #464646;
}

.block-tweet .inner .feed li p a:hover {
  text-decoration: underline;
}

.block-tweet .jspContainer {
  position: relative;
  overflow: hidden;
}

.block-tweet .jspPane {
  position: absolute;
}

.block-tweet .jspVerticalBar {
  position: absolute;
  top: 0;
  right: 4px;
  width: 7px;
  height: 100%;
}

.block-tweet .jspVerticalBar * {
  margin: 0;
  padding: 0;
}

.block-tweet .jspCap {
  display: none;
}

.block-tweet .jspTrack {
  position: relative;
  background: none;
}

.block-tweet .jspDrag {
  position: relative;
  top: 0;
  left: 0;
  background: #fff;
  cursor: pointer;
  border-radius: 3px;
}

.page-content-h2o .banner {
  margin: 0 0 20px 0;
  display: block;
}

.block-type-39 .banner img {
  margin: 0 auto;
  display: block;
  border-left: 1px solid #e9e9e9;
}

.page-content-h2o .block-type-39 .content p {
  font-size: 1.25em;
  line-height: 1.65em;
  padding: 0 0 25px 0;
}

.page-content-h2o .block-type-39 .content .pager {
  overflow: hidden;
  padding: 0 0 25px 0;
}

.page-content-h2o .block-type-39 .content .pager li {
  float: left;
  border-left: 1px solid #dee8f1;
  background: none;
  line-height: 1em;
  padding: 0 13px;
}

.page-content-h2o .block-type-39 .content .pager li:first-child {
  padding-left: 0;
  border: 0;
}

.page-content-h2o .block-type-39 .content .pager a {
  text-transform: uppercase;
  color: #b6c8d6;
  font-size: 1.15em;
  text-decoration: none;
  line-height: 1em;
  font-weight: normal;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

.page-content-h2o .block-type-39 .content .pager a.active,
.page-content-h2o .block-type-39 .content .pager a:hover {
  color: #667b94;
}

.page-content-h2o h1 {
  background: url(../img/skin/title-content-h2o.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 958px;
  height: 38px;
  border-bottom: 1px solid #eceded;
}

.block-h2o-game {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 646px;
  width: 958px;
  margin: 0 0 18px 0;
}

.block-h2o-game .bg-bubbles {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}

.block-h2o-game.game-home {
  background: url(../img/skin/bg-bubbles-01.png) left top no-repeat;
}

.block-h2o-game.game-home .title {
  background: url(../img/skin/title-h2o-02.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 540px;
  height: 182px;
  position: absolute;
  top: 100px;
  left: 210px;
}

.block-h2o-game.game-home .teaser {
  text-align: center;
  position: absolute;
  top: 325px;
  left: 135px;
  font-size: 2em;
  color: #667b94;
  line-height: 1.55em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-h2o-game.game-home .teaser span {
  text-transform: uppercase;
  font-size: 1.65em;
  display: block;
}

.block-h2o-game.game-home .teaser strong {
  font-weight: normal;
  font-size: 1.65em;
  display: block;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-h2o-game.game-home .bottles {
  position: absolute;
  left: 0;
  bottom: 0;
}

.block-h2o-game.game-home .play {
  position: absolute;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 227px;
  left: 595px;
  top: 340px;
  height: 207px;
  background: url(../img/skin/btn-h2o-play.png) left top no-repeat;
}

.block-h2o-game .rules,
.block-instants-game .rules,
.block-node-game .rules,
.block-photoderm-game .rules,
.block-sentinel-game .rules {
  color: #9e9e9e;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
  position: absolute;
  right: 30px;
  bottom: 3px;
  z-index: 10;
}

.block-photoderm-game .rules {
  text-decoration: underline;
  font-size: 1.2em;
  bottom: 26px;
  color: #707072;
  font-size: 14px;
}

.block-photoderm-game.block-photoderm-game-perdant .rules {
  bottom: 36px;
}

.block-h2o-game .rules:hover,
.block-instants-game .rules:hover,
.block-node-game .rules:hover,
.block-sentinel-game .rules:hover {
  text-decoration: underline;
}

.block-h2o-game.game-drop {
  /*  overflow:hidden; */
}

.block-h2o-game .step {
  position: absolute;
  top: 50px;
  left: 480px;
}

.block-h2o-game .step .text {
  font-size: 2.65em;
  color: #667b94;
  display: inline-block;
  line-height: 1em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-h2o-game .step .text span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  display: block;
}

.block-h2o-game .step .text strong {
  font-weight: normal;
  font-size: 1.65em;
  display: block;
  text-transform: uppercase;
}

.block-h2o-game .step .count {
  display: inline-block;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 5.6em;
  color: #667b94;
  padding: 0 20px 0 0;
  vertical-align: top;
  line-height: 1em;
}

.block-h2o-game .step .count span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-h2o-game .step-02 {
  display: none;
}

.block-h2o-game.game-drop .verify {
  display: none;
  position: absolute;
  top: 230px;
  left: 300px;
}

.block-h2o-game.game-drop .central {
  position: absolute;
  top: 230px;
  left: 300px;
}

.block-h2o-game.game-drop .main-title {
  background: url(../img/skin/title-h2o-03.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 344px;
  height: 111px;
  position: absolute;
  top: 30px;
  left: 45px;
}

.block-h2o-game .cotton {
  overflow: hidden;
  display: block;
  text-indent: -9999px;
  position: absolute;
}

.block-h2o-game .cotton-01 {
  background: url(../img/skin/cotton-01.png) left top no-repeat;
  width: 150px;
  height: 150px;
  left: 105px;
  top: 225px;
  z-index: 8;
}

.block-h2o-game .cotton-02 {
  background: url(../img/skin/cotton-02.png) left top no-repeat;
  width: 150px;
  height: 150px;
  top: 245px;
  left: 230px;
  z-index: 7;
}

.block-h2o-game .cotton-03 {
  background: url(../img/skin/cotton-03.png) left top no-repeat;
  width: 150px;
  height: 150px;
  left: 355px;
  top: 200px;
  z-index: 6;
}

.block-h2o-game .cotton-04 {
  background: url(../img/skin/cotton-04.png) left top no-repeat;
  width: 150px;
  height: 150px;
  left: 465px;
  top: 245px;
  z-index: 5;
}

.block-h2o-game .cotton-05 {
  background: url(../img/skin/cotton-05.png) left top no-repeat;
  width: 150px;
  height: 150px;
  top: 205px;
  left: 585px;
  z-index: 4;
}

.block-h2o-game .cotton-06 {
  background: url(../img/skin/cotton-06.png) left top no-repeat;
  width: 150px;
  height: 150px;
  top: 240px;
  left: 700px;
  z-index: 3;
}

.block-h2o-game.game-drop .inner {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 958px;
  height: 646px;
}

.block-h2o-game.game-drop .bottle {
  text-align: center;
  color: #667b94;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.block-h2o-game.game-drop .bottle.active {

}

.block-h2o-game.game-drop .bottle p {
  font-size: 1.85em;
  padding: 110px 20px 0 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  line-height: 1em;
}

.block-h2o-game.game-drop .bottle p span {
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-h2o-game.game-drop .bottle p span sub {
  vertical-align: middle;
}

.block-h2o-game.game-drop .bottle.correct p,
.block-h2o-game.game-drop .bottle.correct p span {
  color: #fff !important;
}

.block-h2o-game.game-drop .bottle-01 {
  left: 25px;
  background: url(../img/skin/bg-bottle-abcderm-off.png) left top no-repeat;
  width: 215px;
  height: 237px;
}

.block-h2o-game.game-drop .bottle-01.correct {
  background: url(../img/skin/bg-bottle-abcderm-on.png) left top no-repeat;
}

.block-h2o-game.game-drop .bottle-01 p {
  padding: 130px 20px 0 0;
}

.block-h2o-game.game-drop .bottle-02 {
  left: 190px;
  background: url(../img/skin/bg-bottle-hydrabio-off.png) left top no-repeat;
  width: 182px;
  height: 227px;
  /*z-index:4;*/
}

.block-h2o-game.game-drop .bottle-02.correct {
  background: url(../img/skin/bg-bottle-hydrabio-on.png) left top no-repeat;
}

.block-h2o-game.game-drop .bottle-03 {
  left: 347px;
  background: url(../img/skin/bg-bottle-sebium-off.png) left top no-repeat;
  width: 182px;
  height: 207px;
  /*z-index:3;*/
}

.block-h2o-game.game-drop .bottle-03.correct {
  background: url(../img/skin/bg-bottle-sebium-on.png) left top no-repeat;
}

.block-h2o-game.game-drop .bottle-04 {
  left: 495px;
  background: url(../img/skin/bg-bottle-crealine-off.png) left top no-repeat;
  width: 182px;
  height: 227px;
}

.block-h2o-game.game-drop .bottle-04.correct {
  z-index: 2;
}

.block-h2o-game.game-drop .bottle-04.correct,
.block-h2o-game.game-drop .bottle-05.correct,
.block-h2o-game.game-drop .bottle-06.correct {
  background: url(../img/skin/bg-bottle-crealine-on.png) left top no-repeat;
}

.block-h2o-game.game-drop .bottle-05.correct {
  z-index: 1;
}

.block-h2o-game.game-drop .bottle-05 {
  left: 635px;
  background: url(../img/skin/bg-bottle-crealine-off.png) left top no-repeat;
  width: 182px;
  height: 227px;
  /*z-index:1;*/
  bottom: -15px;
}

.block-h2o-game.game-drop .bottle-06 {
  left: 770px;
  background: url(../img/skin/bg-bottle-crealine-off.png) left top no-repeat;
  width: 182px;
  height: 227px;
}

.block-h2o-game.game-drop .bottle-06.correct {
  z-index: 0;
}

.block-h2o-game.game-iw .main-title {
  background: url(../img/skin/title-h2o-03.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 344px;
  height: 111px;
}

.block-h2o-game.game-iw .inner {
  padding: 30px 0 0 45px;
  position: relative;
  width: 913px;
  z-index: 2;
  height: 615px;
}

.block-h2o-game.game-confirmation .main-title {
  background: url(../img/skin/title-h2o-04.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 344px;
  height: 111px;
  margin: 30px 0 0 45px;
}

.block-h2o-game.game-confirmation .inner {
  position: relative;
  z-index: 2;
}

.block-h2o-game.game-confirmation .thanks {
  position: relative;
  text-align: center;
  margin: 50px 0 65px 0;
}

.block-h2o-game.game-confirmation .thanks .title-type-01 {
  padding: 0;
}

.block-h2o-game.game-confirmation .thanks p {
  font-size: 1.25em;
  color: #394D68;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

.block-h2o-game.game-confirmation .block-type-97 {
  margin: 0 auto;
  width: 765px;
}

.block-h2o-game.game-confirmation .block-type-97 .list > li > a {
  display: block;
  width: 241px;
  height: 180px;
  position: relative;
}

.block-h2o-game.game-confirmation .block-type-97 .list > li a .title-type-05 {
  position: absolute;
  left: 0;
  top: 20px;
}

.block-h2o-game.game-confirmation .block-type-97 .title-type-01 {
  text-align: center;
}

.block-h2o-game.game-confirmation .block-type-97 .list > li .inner .title {
  font-size: 1.25em;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}

.block-win-01 {
  margin: 0 0 0 45px;
}

.block-win-01 .main-title {
  margin: 0 0 40px -40px;
  position: relative;
}

.block-win-01 .left {
  float: left;
  width: 495px;
}

.block-win-01 .bottle {
  position: absolute;
  bottom: 0;
  width: 270px;
  right: 110px;
  overflow: hidden;
}

.block-win-01 .bottle img {
  float: right;
}

.block-win-01 .bottle .cotton {
  left: 20px;
  top: 10px;
}

.block-win-02 {
  margin: 90px 0 70px 0;
}

.block-win-01 p,
.block-win-02 p {
  float: left;
  display: block;
  color: #667b94;
  margin: 0 40px 0 0;
  font-size: 2.45em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-win-01 p {
  float: none;
  margin: 0 0 30px 0;
}

.block-win-01 p strong,
.block-win-02 p strong {
  display: block;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-win-01 p span,
.block-win-02 p span {
  font-size: 2.2em;
  text-transform: none;
}

.block-win-01 p span b,
.block-win-02 p span b {
  color: #c4005d;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-win-02.crealine p span b {
  color: #c4005d;
}

.block-win-01 p span b.crealine {
  color: #c4005d;
}

.block-win-01 p span b.hydrabio {
  color: #009de0;
}

.block-win-01 p span b.abcderm {
  color: #7dbfd6;
}

.block-win-01 p span b.sebium {
  color: #9abe54;
}

.block-type-114 {
  border-top: 1px solid #667b94;
  background: #f1f3f5;
  border-bottom: 1px solid #667b94;
  position: relative;
}

.block-type-114 .corner {
  background: url(../img/skin/picto-corner.png) left top no-repeat;
  display: block;
  position: absolute;
  right: 0;
  width: 18px;
  height: 17px;
  top: -1px;
}

.block-h2o-game.game-iw .link-type-11 {
  float: left;
}

.block-h2o-game.game-iw .block-type-114 {
  width: 390px;
  float: right;
  margin: 0 100px 0 0;
}

.block-type-114 .in {
  padding: 8px;
}

.block-type-114 .in p {
  color: #3b5998;
  font-size: 1.35em;
  padding: 0 0 0 35px;
  background: url(../img/skin/pictos.png) left -10200px no-repeat;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-114 .in p span {
  font-size: 1.7em;
  text-transform: uppercase;
}

.block-type-114 .in .btn-share {
  text-indent: -9999px;
  width: 81px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  background: url(../img/skin/btn-share.png) left top no-repeat;
}

.block-win-01 .block-type-114 p {
  font-size: 1.85em;
  margin: 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  background-position: 0 -10174px;
}

.block-h2o-game.game-answers .main-title {
  background: url(../img/skin/title-h2o-03.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 344px;
  height: 111px;
}

.block-h2o-game.game-answers .inner {
  padding: 30px 0 0 45px;
  position: relative;
  z-index: 2;
  height: 615px;
  width: 913px;
}

.game-answers .list-products-01 {
  width: 930px;
  height: 430px;
  padding: 0;
  position: absolute;
  left: 30px;
  top: 230px;
  overflow: visible;
}

.game-answers .list-products-01 > li {
  width: 155px;
  padding: 0;
  position: relative;
}

.game-answers .list-products-01 .caption {
  margin-top: 0 !important;
  margin-bottom: 20px;
  background: none;
  width: 155px;
}

.game-answers .list-products-01 > li img {
  margin-top: 0;
}

.game-answers .list-products-01 > li:hover img {
  margin-top: -120px;
}

.game-answers .list-products-01 > li:first-child img {
  margin-top: -35px;
}

.game-answers .list-products-01 > li:first-child:hover img {
  margin-top: -150px;
}

.game-answers .list-products-01 > li .cotton {
  width: 102px;
  height: 102px;
}

.game-answers .list-products-01 > li .cotton-01 {
  top: 20px;
  left: 0;
  background: url(../img/skin/cotton-01-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li .cotton-02 {
  top: 20px;
  left: 0;
  background: url(../img/skin/cotton-02-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li .cotton-03 {
  top: 20px;
  left: 0;
  background: url(../img/skin/cotton-03-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li .cotton-04 {
  top: 20px;
  left: 0;
  background: url(../img/skin/cotton-04-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li .cotton-05 {
  top: 50px;
  left: 0;
  background: url(../img/skin/cotton-05-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li .cotton-06 {
  top: 25px;
  left: 0;
  background: url(../img/skin/cotton-06-small.png) left top no-repeat;
}

.game-answers .list-products-01 > li:hover .cotton {
  margin-top: -70px;
}

.game-answers .list-products-01 > li:first-child:hover .cotton {
  margin-top: -90px;
}

.game-answers .tag span {
  margin-bottom: 4px;
}

.game-answers .block-type-114 {
  width: 660px;
  position: absolute;
  left: 60px;
  bottom: 15px;
}

.game-answers .block-type-114 .in {
  overflow: hidden;
  padding: 15px 8px;
}

.game-answers .block-type-114 p {
  display: block;
  float: left;
  background: none;
  padding: 0;
}

.game-answers .block-type-114 .title {
  background: none;
  padding: 0 15px 0 0;
  font-size: 2.65em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.game-answers .block-type-114 .title sup {
  text-transform: none;
  font-size: 0.8em;
  vertical-align: top;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-type-115 .title-type-01 {
  border-bottom: 1px solid #d1d7df;
  margin: 0 0 12px 0;
  padding: 0 0 4px 0;
  text-transform: none;
  font-size: 1.45em;
}

.block-type-115.block-banner {
  border-bottom: 1px solid #d1d7df;
  margin: 0 0 40px 0;
}

.view-tests-produits .block-type-115.block-type-115-2.block-banner {
  border: 0px;
}

/* Abonnement newsletter */
.view-tests-produits .view-empty section.block-webform {
  margin: 0 0 40px;
}
.view-tests-produits .view-empty section.block-webform label {
  display: none;
}
.view-tests-produits .view-empty section.block-webform .content {
  margin: 0 auto;
  width: 33%;
}
.view-tests-produits .view-empty section.block-webform form div,
.view-tests-produits .view-empty section.block-webform form input {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.block-type-115.block-banner .inner {
  overflow: hidden;
}

.block-type-115.block-banner img {
  display: block;
  margin: 0 0 28px 0;
}

.block-type-115.block-banner .btn-type-06 {
  margin: 0 0 8px 0;
  float: right;
}

.block-type-115.block-banner .btn-type-06 span {
  width: 236px;
  text-align: center;
  display: block;
}

.view-empty .block-type-115.block-expand p {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 10px 0;
}

.block-banner-solo {
  margin: 20px 0 25px 0;
}

.block-test .inner .title {
  color: #a9aaa9;
  font-size: 2.85em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-test .inner .title label {
  font-weight: normal;
}

.block-test .inner p {
  color: #4b4a4d;
  padding: 0 0 20px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-test .inner p.test-done {
  padding: 30px 0 20px 0;
}

.block-test .message {
  background: #f4f5f9;
  text-align: center;
  padding: 6px 0;
  margin: 0 0 45px 0;
}

.block-test .message p {
  font-style: italic;
  padding: 0;
  font-family: 'Trebuchet MS', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.block-test .legals {
  font-size: 1.1em;
  font-style: italic;
  color: #4b4a4d;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

.block-type-116 .title-type-01 {
  text-transform: none;
  font-size: 1.45em;
  padding: 0 0 20px 0;
}

.block-type-116 .block .title {
  color: #8eadca;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  padding: 0 0 15px 0;
}

.block-type-116 .block {
  border-bottom: 1px solid #d1d7df;
  overflow: hidden;
  padding: 0 0 11px 0;
  margin: 0 0 11px 0;
}

.block-type-116 .block.last {
  border: 0;
}

.block-type-116 .block .block-desc {
  width: 310px;
  float: left;
  overflow: hidden;
}

.block-type-116 .block .block-desc .link-type-07 {
  float: right;
}

.block-type-116 .block .block-desc .title {
  padding: 0 0 20px 0;
}

.block-type-116 .block .block-desc p {
  color: #4b4a4d;
  padding: 0 0 15px 0;
}

.block-type-116 #form-poll {
  float: right;
}

.block-type-116 .block .blockquote {
  margin: 0 0 30px 0;
  padding: 0 50px 0 0;
  background: url(../img/skin/picto-quote-right.png) right bottom no-repeat;
}

.block-type-116 .block .blockquote .quote {
  font-family: 'Trebuchet MS', Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #394d68;
  font-size: 1.65em;
  padding: 13px 0 0 60px;
  line-height: 1.45em;
  background: url(../img/skin/picto-quote-left.png) 15px top no-repeat;
}

.block-type-116 .block .blockquote .quote strong {
  color: #8eadca;
}

.block-type-116 .block .blockquote .author {
  text-align: right;
  color: #394d68;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
}

.block-type-116 .block.subscription {
  padding: 35px 0 0 0;
}

.block-type-116 .block.subscription .block-desc {
  padding: 18px 0 0 0;
}

.block-type-116 .block .test-subscription {
  float: right;
  width: 383px;
  padding: 18px 0 0 0;
}

.block-type-116 .block .test-subscription img {
  display: block;
  margin: 0 0 12px 0;
}

.block-type-116 .block .test-subscription .btn-type-06 {
  width: 236px;
  text-align: center;
  float: right;
}

.block-type-116 table {
  margin: 0 0 50px 0;
}

.block-type-116 table .col-1 {
  width: 110px;
}

.block-type-116 table .col-2 {
  width: 360px;
}

.block-type-116 table .col-3 {
  width: 250px;
}

.block-type-116 table .col-4 {
  width: 45px;
}

.block-type-116 table td {
  vertical-align: middle;
}

.block-type-116 table td .name {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-type-116 table .open td {
  color: #4b4a4d;
}

.block-type-116 table .details td table td {
  padding: 0 0 0 110px;
  color: #4b4a4d;
  height: 60px;
  vertical-align: middle;
}

.block-type-116 table .corner {
  background: url(../img/skin/picto-corner.png) right top no-repeat #f1f3f5;
}

.block-type-116 table .open .corner {
  background: url(../img/skin/picto-corner.png) right top no-repeat #A3B0BF;
}

.block-instants-game {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 646px;
  width: 958px;
  margin: 0 0 18px 0;
  background: url(../img/skin/bg-instants.png) left top no-repeat;
}

.block-instants-game > .inner > .main-title {
  background: url(../img/skin/logo-instants-club.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 383px;
  height: 174px;
  display: block;
  top: 54px;
  left: 62px;
  position: absolute;

}

.block-instants-game .block-article {
  width: 633px;
  top: 298px;
  position: absolute;
  left: 152px;
}

.block-instants-game .block-article .intro {
  text-transform: uppercase;
  color: #667b94;
  font-size: 1.85em;
  padding: 0 0 40px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-article .intro strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-instants-game .block-article .articles li {
  float: left;
  position: relative;
  padding: 0 0 19px 0;
  margin: 0 0 0 15px;
}

.block-instants-game .block-article .articles li:first-child {
  margin: 0;
}

.block-instants-game .block-article .articles li .picture {
  border: 2px solid #eeeeed;
  background: #fff;
  padding: 8px;
  margin: 0 0 8px 0;
}

.block-instants-game .block-article .articles li .picture img {
  display: block;
}

.block-instants-game .block-article .articles li .title {
  border: 1px solid #eeeeed;
  background: #fff;
  padding: 6px 5px;
  margin: 0 0 0 2px;
  color: #657a93;
  font-size: 1em;
  font-weight: normal;
  width: 152px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-article .articles .more {
  width: 42px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../img/skin/pictos.png) left -10500px no-repeat;
  right: 0;
  position: absolute;
  bottom: 0;
}

.block-instants-game .block-article .articles .btn-type-11 {
  float: left;
  width: 164px;
}

.block-instants-game .block-article .articles .btn-type-11 span {
  padding: 6px 5px;
  text-transform: none;
  font-size: 1em;
  text-align: left;
  line-height: 13px;
  height: auto;
}

.block-instants-game #form-instants {
  position: absolute;
  top: 300px;
  left: 60px;
  width: 360px;
  z-index: 5;
}

.block-instants-game .block-win {
  position: absolute;
  left: 60px;
  top: 267px;
}

.block-instants-game .block-win .square {
  background: rgba(172, 212, 238, 0.50);
  width: 242px;
  height: 242px;
}

.block-instants-game .block-win .square p {
  color: #30abdd;
  font-size: 2.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  line-height: 1em;
  padding: 40px 30px 0 30px;
}

.block-instants-game .block-win .square p strong {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-win .btn-type-11 {
  margin: -11px 0 0 90px;
  display: block;
}

.block-instants-game .pack {
  position: absolute;
  bottom: 0;
  z-index: 0;
  right: -60px;
}

.block-instants-game .block-loss,
.block-instants-game .block-thanks {
  position: absolute;
  z-index: 5;
  left: 50px;
  top: 280px;
}

.block-instants-game .block-loss .title {
  text-transform: uppercase;
  color: #667b94;
  font-size: 2.45em;
  padding: 0 0 5px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-thanks .title {
  text-transform: uppercase;
  color: #667b94;
  font-size: 3.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 20px 0;
}

.block-instants-game .block-loss .title strong,
.block-instants-game .block-thanks .title strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  display: block;
}

.block-instants-game .block-loss p,
.block-instants-game .block-thanks p {
  color: #667b94;
  font-size: 1.1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 15px 0;
}

.block-instants-game .block-thanks p {
  font-size: 1.2em;
  padding: 0 0 30px 0;
}

.block-instants-game .block-loss .btn-type-11,
.block-instants-game .block-thanks .btn-type-11 {
  float: right;
}

.block-instants-game .block-loss img {
  margin: 0 0 10px 0;
  display: block;
}

.block-instants-game .block-facebook {
  border-top: 1px solid #aac7da;
  background: #fff;
  width: 354px;
  text-align: center;
  border-bottom: 1px solid #aac7da;
  padding: 20px 0 14px;
  position: absolute;
  top: 300px;
  right: 60px;
}

.block-instants-game .block-facebook .title {
  color: #3b5998;
  font-size: 1.25em;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.block-instants-game .block-facebook .icon {
  display: block;
  background: url(../img/skin/pictos.png) left -10200px no-repeat;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -13px;
  left: -13px;
}

.block-instants-game .block-facebook .share {
  background: url(../img/skin/btn-share.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 81px;
  height: 18px;
  margin: 0 auto;
}

.block-instants-game .btn-next {
  float: right;
  position: absolute;
  right: 60px;
  top: 550px;
}

.block-instants-game.game-home .main-title {
  left: 350px;
  top: 40px;
}

.block-instants-game .block-play {
  position: absolute;
  left: 545px;
  top: 267px;
  z-index: 5;
}

.block-instants-game .block-play .square {
  background: #e8f3fa;
  width: 273px;
  height: 268px;
  margin: 0 0 0 35px;
}

.block-instants-game .block-play .square .in {
  padding: 12px;
}

.block-instants-game .block-play .square .title {
  color: #6d8097;
  font-size: 2.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  line-height: 1em;
  padding: 0 0 5px 0;
}

.block-instants-game .block-play .square .title strong {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-play .square .date {
  font-size: 1.1em;
  color: #6d8097;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-play .square .desc {
  color: #667b94;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-instants-game .block-play .btn-type-11 {
  display: block;
  margin: -11px 0 0 0;
  float: left;
}

.block-instants-game .block-play .btn-type-11 span {
  height: 53px;
  padding: 20px 25px 0;
  line-height: 1em;
  display: inline-block;
  width: auto;
}

.block-instants-game.game-home .pack {
  position: absolute;
  top: 200px;
  z-index: 0;
  left: -100px;
}

.page-club-bioderma-jeu-les-instants-club-bioderma .popin-01 .title-type-03 {
  color: #667b94;
  background: none;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding-left: 18px;
  border: none;
}

.page-club-bioderma-jeu-les-instants-club-bioderma .popin-01 form {
  border-top: none;
  padding: 0;
}

.page-club-bioderma-jeu-les-instants-club-bioderma .popin-01 fieldset .title {
  padding: 0 0 2px 0;
}

.page-club-bioderma-jeu-les-instants-club-bioderma .popin-01 fieldset p.required {
  font-size: 1.05em;
}

/* Sentinel game */

.block-sentinel-game {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 580px;
  width: 958px;
  margin: 0 0 18px 0;
  background: url(../img/skin/bg-sentinelle.png) left top no-repeat;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-sentinel-game strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.block-sentinel-game.home .inner {
  height: 100%;
  background: url(../img/skin/sentinelle-illustration-landing.png) left bottom no-repeat;
}

.block-sentinel-game .step-1 {
  background: url(../img/skin/sentinel-bg-step-1.png) no-repeat bottom right;
}

.block-sentinel-game .step-2 {
  background: url(../img/skin/sentinel-bg-step-2.png) no-repeat bottom right;
}

.block-sentinel-game .step-3 {
  background: url(../img/skin/sentinel-bg-step-3.png) no-repeat bottom right;
}

.block-sentinel-game .step-4 {
  background: url(../img/skin/sentinel-bg-step-4.png) no-repeat bottom right;
}

.block-sentinel-game .step-5 {
  background: url(../img/skin/sentinel-bg-step-5.png) no-repeat bottom right;
}

.block-sentinel-game .step-6 {
  background: url(../img/skin/sentinel-bg-step-6.png) no-repeat bottom right;
}

.block-sentinel-game .main-title {
  display: block;
  width: 255px;
  height: 152px;
  background: url(../img/skin/sentinelle-logo.png) left top no-repeat;
  text-indent: -9999px;
  margin-left: 40px;
  margin-top: 40px;
}

.block-sentinel-game .vf-header {
  height: 30px;
  line-height: 30px;
  padding-left: 365px;
  text-transform: uppercase;
  color: #4b4a4d;
  font-family: 'Trebuchet MS', Arial;
  margin-top: -25px;
}

.block-sentinel-game .vf-item {
  display: block;
  width: 100%;
  clear: both;
  height: 30px;
}

.block-sentinel-game .vf-item label {
  display: block;
  width: 365px;
  float: left;
  font-size: 1.2em;
  color: #4b4a4d;
}

.block-sentinel-game .vf-item .radio {
  width: 35px;
  float: left;
}

.block-sentinel-game .hidden {
  visibility: hidden;
}

.block-sentinel-game form.hidden {
  display: none;
}

.block-sentinel-game .col-right .empty {
  display: none;
  position: absolute;
  margin-top: -35px;
  height: 35px;
  line-height: 35px;
  font-style: italic;
  color: #ff003c;
  font-size: 1em;
}

.block-sentinel-game .col-left {
  width: 345px;
  float: left;
}

.block-sentinel-game.home .col-left {
  width: 545px;
}

.block-sentinel-game .col-left .packshot {
  margin-top: 30px;
}

.block-sentinel-game .col-left .packshotline {
  text-align: center;
  font-size: 10px;
  color: #666;
}

.block-sentinel-game.home .col-left .packshotline {
  text-align: left;
  margin: 255px 0 0 58px
}

.block-sentinel-game .col-left .notice {
  color: #0071bc;
  font-size: 1.2em;
  margin: 22px 0 0 58px;
}

.block-sentinel-game .col-left .notice a {
  text-decoration: underline;
}

.block-sentinel-game .col-left .notice a:hover {
  text-decoration: none;
}

.block-sentinel-game .col-left .notice strong {
  font-size: 1em;
  letter-spacing: -1px;
  font-weight: normal;
}

.block-sentinel-game.home .col-right {
  width: 360px;
}

.block-sentinel-game.home .botnote {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 9px;
  color: #5F5F5F;
  clear: both;
  padding-top: 30px;
  text-align: center;
}

.block-sentinel-game.results .col-left {
  width: 500px;
}

.block-sentinel-game.results .col-right {
  width: 450px;
}

.block-sentinel-game .col-right {
  width: 550px;
  float: left;
}

.block-sentinel-game .col-right .sub-title {
  display: block;
  width: 432px;
  height: 73px;
  margin-top: 20px;
  background: url(../img/skin/sentinelle-title.png) left top no-repeat;
  text-indent: -9999px;
}

.block-sentinel-game.home .col-right .sub-title {
  background: url(../img/skin/subtitle-sentinelle.png) left top no-repeat;
  width: 353px;
  height: 205px;
  margin-top: 55px;
}

.block-sentinel-game .col-right .block-white {
  display: block;
  width: 336px;
  height: 79px;
  background: url(../img/skin/bg-bloc-white.png) left top no-repeat;
  color: #0071bc;
  font-size: 2em;
  line-height: 1.4em;
  padding-left: 18px;
}

.block-sentinel-game .col-left .block-white {
  display: block;
  width: 268px;
  height: 58px;
  background: url(../img/skin/bg-bloc-white-small.png) left top no-repeat;
  color: #0071bc;
  font-size: 1.5em;
  line-height: 1.2em;
  padding-left: 14px;
  padding-top: 3px;
  margin-left: 36px;
  margin-top: 15px;
}

.block-sentinel-game.home .col-right > p {
  font-size: 1.4em;
  line-height: 1.3em;
  color: #5f5f5f;
  margin-bottom: 30px;
  text-align: justify;
}

.block-sentinel-game .col-right .steps {
  list-style: none;
  margin-top: 15px;
}

.block-sentinel-game .col-right .steps li {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  float: left;
  margin-right: 30px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #cae2f1;
  font-size: 2.5em;
}

.block-sentinel-game .col-right .steps li.active {
  background: #0071bc;
  color: #fff;
}

.block-sentinel-game .col-right form {
  clear: both;
  padding-top: 35px;
  width: 613px;
  height: 387px;
}

.block-sentinel-game .col-right form fieldset legend {
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #fff;
  font-size: 2.2em;
  font-weight: bold;
  letter-spacing: 1px;
}

.block-sentinel-game .col-right form fieldset p.question {
  color: #4b4a4d;
  font-size: 1.8em;
  margin-top: 5px;
  padding-right: 50px;
  text-transform: uppercase;
  font-weight: 200;
}

.block-sentinel-game .col-right .bloc-input-radio .item {
  clear: both;
  height: 30px;
}

.block-sentinel-game .col-right .bloc-input-radio .item label {
  line-height: 20px;
  padding-left: 10px;
  color: #4b4a4d;
  font-size: 1.2em;
}

.block-sentinel-game .col-right .error label,
.block-sentinel-game .col-right .bloc-input-radio .item.error label {
  color: #ff003c;
}

.block-sentinel-game .col-right form fieldset .radio input {
  width: 22px;
  height: 22px;
}

.block-sentinel-game .col-right form fieldset .radio span {
  float: left;
  width: 22px;
  height: 22px;
  background: url(../img/skin/sentinelle-radio.png) no-repeat;
  background-position: top left;
}

.block-sentinel-game .col-right form fieldset .error .radio span,
.block-sentinel-game .col-right form fieldset .error .radio span.checked,
.block-sentinel-game .col-right form fieldset .vf-item.error .radio span.checked {
  background-position: center -22px;
}

.block-sentinel-game .col-right form fieldset .radio span.checked,
.block-sentinel-game .col-right form fieldset .vf-item.error .radio span {
  background-position: bottom left;
}

.block-sentinel-game .col-right .result {
  display: block;
  height: 35px;
  line-height: 35px;
  font-style: italic;
  color: #0071bc;
  font-size: 1.5em;
}

.block-sentinel-game .col-right .result.error {
  color: #ff003c;
}

.block-sentinel-game .col-right .desc {
  padding-top: 20px;
  color: #0071bc;
  font-style: italic;
  font-size: 1.1em;
}

.block-sentinel-game .col-right .step-5 .desc {
  padding-top: 5px;
}

.block-sentinel-game .col-right .desc strong {
  font-style: normal;
}

.block-sentinel-game .col-right .desc .source {
  font-size: 0.8em;
}

.block-sentinel-game .col-right form fieldset .submit {
  right: 175px;
  bottom: 30px;
  position: absolute;
  outline: none;
}

.block-sentinel-game .notice.bottom {
  position: absolute;
  bottom: 10px;
  left: 0px;
  text-align: center;
  display: block;
  width: 100%;
  color: #0071bc;
}

.block-sentinel-game .notice.bottom img {
  position: relative;
  top: 3px;
  right: 3px;
}

.block-sentinel-game .notice.bottom a:hover {
  text-decoration: underline;
}

.block-sentinel-game #screen-good {
  display: none;
  clear: both;
  width: 420px;
  margin-left: 165px;
}

.block-sentinel-game #screen-average {
  display: none;
  clear: both;
  width: 320px;
  margin-left: 225px;
}

.block-sentinel-game #screen-good {
  color: #fff;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  text-transform: uppercase;
}

.block-sentinel-game #screen-average .block-blue {
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  text-transform: uppercase;
}

.block-sentinel-game #screen-good .block-title .big {
  font-size: 1.8em;
}

.block-sentinel-game #screen-average .block-blue .big {
  font-size: 3em;
}

.block-sentinel-game #screen-good .block-title {
  font-size: 2.4em;
  text-align: center;
  font-weight: bold;
}

.block-sentinel-game #screen-good .block-title .subline {
  font-size: 0.85em;
}

.block-sentinel-game .block-blue {
  padding: 20px;
  margin-top: 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #0071bc;
  text-align: center;
}

.block-sentinel-game #screen-good .block-blue .title {
  font-size: 2em;
}

.block-sentinel-game #screen-good .block-blue .block-arrow {
  width: 243px;
  height: 147px;
  margin: 0 auto;
  background: url(../img/skin/sentinel-bg-block-arrow.png) no-repeat top left;
  text-align: center;
  color: #0071bc;
  font-weight: bold;
  padding-top: 20px;
  font-size: 2em;
}

.block-sentinel-game #screen-good .block-blue .block-arrow strong {
  font-size: 1.5em;
}

.block-sentinel-game #screen-good .block-blue .block-arrow p {
  line-height: 20px;
}

.block-sentinel-game #screen-good .block-blue > p {
  font-size: 1.7em;
  font-weight: normal;
  text-align: left;
}

.block-sentinel-game .buttons {
  width: 210px;
  margin: 0 auto;
  text-align: center;
}

.block-sentinel-game .buttons a img {
  clear: both;
  margin-top: 12px;
}

.block-sentinel-game .buttons .fb, .block-sentinel-game #screen-good .buttons .tw {
  width: 100px;
  float: left;
}

.block-sentinel-game .buttons .fb a {
  text-indent: -9999px;
  width: 81px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  background: url(../img/skin/btn-share.png) left top no-repeat;
}

.block-sentinel-game .buttons .tw iframe {
  float: right;
  width: 92px !important;
}

.block-sentinel-game #screen-average .notice {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
  margin-top: 5px;
  font-size: 0.8em;
  line-height: 1.3;
  color: #5f5f5f;
}

.block-sentinel-game #screen-average .notice a {
  color: #5f5f5f;
  text-decoration: underline;
}

.block-sentinel-game #screen-average .notice a:hover {
  text-decoration: none;
}

.block-sentinel-game #screen-average .block-white {
  background: #fff;
  color: #5f5f5f;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-transform: uppercase;
  font-size: 1em;
  width: 300px;
  height: auto;
}

.block-sentinel-game #screen-average .corner-bottom {
  width: 28px;
  height: 14px;
  display: block;
  margin-left: 152px;
  background: url(../img/skin/sentinel-corner-bottom.png);
  margin-bottom: 7px;
}

.block-sentinel-game.results .col-right {
  padding-top: 100px;
}

.block-sentinel-game.results .col-right .title {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #fff;
  text-transform: uppercase;
  font-size: 2.5em;
  margin-bottom: 10px;
}

.block-sentinel-game.results .col-right p {
  color: #4b4a4d;
  margin-bottom: 10px;
  font-size: 11px;
}

.block-sentinel-game.results .col-right .caption p {
  padding-top: 10px;
  font-weight: bold;
  color: #657a93;
  float: left;
}

.block-sentinel-game.results .col-right .caption .next {
  display: block;
  float: right;
  background: url(../img/skin/sentinel-thumb-next.png) no-repeat top left;
  width: 23px;
  height: 23px;
  margin-top: 14px;
  text-indent: -9999px;
}

.block-sentinel-game.results .col-right p.bigger {
  font-size: 1.5em;
}

.block-sentinel-game.results .col-right .subtitle {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  color: #fff;
  font-size: 1.7em;
  margin-bottom: 10px;
}

.block-sentinel-game.results .col-right strong.label {
  text-transform: uppercase;
  color: #4b4a4d;
  display: block;
  padding-bottom: 10px;
}

.block-sentinel-game.results .col-right .thumb {
  width: 215px;
  float: left;
}

.block-sentinel-game.results .col-right .thumb .caption {
  width: 181px;

}

.block-sentinel-game.results .col-right .thumb .border {
  border: 1px solid #e4e7e9;
  width: 197px;
}

.block-sentinel-game.results .col-right .thumb .border div {
  border: 8px solid #fff;
  width: 181px;
  height: 131px;
}

.block-share-sentinel .bloc-label-input label,
.block-share-sentinel .bloc-label-textarea label {
  width: 190px;
  display: block;
  float: left;
  font-size: 1em;
  height: 22px;
  line-height: 22px;
}

.popin-01 .block-popin-club-inscription .block-share-sentinel .bloc-label-input input,
.popin-01 .block-popin-club-inscription .block-share-sentinel .bloc-label-textarea textarea {
  width: 350px;
  height: 16px;
  border: 1px solid #eceded;
}

.popin-01 .block-popin-club-inscription .block-share-sentinel .bloc-label-input p.note {
  width: 250px;
  padding-left: 10px;
  height: 22px;
  line-height: 22px;
  float: left;
  display: block;
  font-size: 0.8em;
  font-style: italic;
}

.popin-01 .block-share-sentinel .btn-line {
  width: 350px;
  margin: 30px 0 0 190px;
}

.popin-01 .block-share-sentinel .btn-line input[type="submit"] {
  line-height: 14px;
  width: 140px;
  text-align: center;
  padding: 0px;
}

.block-share-sentinel .bloc-label-textarea textarea {
  width: 350px !important;
  height: 160px !important;
  border: 1px solid #e0e9ec;
  margin-bottom: 0;
}

.popin-01 form.block-share-sentinel {
  border-top: 0px;
  padding-left: 73px;
}

.popin-01 form.block-share-sentinel {
  border-top: 0px;
}

.popin-01 .block-share-sentinel .bloc-label-input {
  min-height: 25px;
  position: relative;
}

.popin-01 .block-share-sentinel .bloc-label-textarea {
  position: relative;
}

.popin-01 .block-share-sentinel .bloc-label-input input.error {
  margin-bottom: 15px;
}

.popin-01 .block-share-sentinel .bloc-label-input input.error, .popin-01 .block-share-sentinel .bloc-label-textarea textarea.error {
  border: 1px solid #fe1c1c;
}

.popin-01 .block-share-sentinel .bloc-label-input label.error {
  color: #fe1c1c;
  font-weight: bold;
  font-size: 0.95em;
  position: absolute;
  width: 300px;
  height: auto;
  line-height: 1.2em;
  float: none;
  text-align: left;
  margin-left: 189px;
  top: 26px;
}

.popin-01 .block-share-sentinel .bloc-label-textarea label.error {
  color: #fe1c1c;
  font-weight: bold;
  font-size: 0.95em;
  position: relative;
  width: 300px;
  height: auto;
  line-height: 1.2em;
  float: none;
  text-align: left;
  margin-left: 189px;
  margin-top: 3px;
  top: 0px;
}

#form-address {
  display: none;
}

/* overrides system.css */
.block-sentinel-game .error {
  background-color: transparent;
  background-image: none;
}

.block-sentinel-game label {
  display: inline;
  font-weight: normal;
}

.sentinelle-popin .col .form-item {
  margin: 0;
  line-height: 1.2 !important;
}

.sentinelle-popin .remember-me label {
  display: inline;
}

/* end Sentinel game*/

/* Node Game */

.block-node-game {
  border: 1px solid #e1e1e1;
  position: relative;
  height: 646px;
  width: 958px;
  margin: 0 0 18px 0;
  background: url(../img/skin/bg-node-game.png) left top repeat-x;
}

/*jcn hide submit button*/
.page-club-bioderma-jeu-concours-node .bloc-label-input .form-submit, .block-photoderm-game .form-submit {
  display: none;
}

.block-node-game > .inner > .main-title {
  background: url(../img/skin/logo-jeu-node.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 458px;
  height: 125px;
  display: block;
  top: 54px;
  left: 62px;
  position: absolute;

}

.block-node-game .block-article {
  width: 633px;
  top: 298px;
  position: absolute;
  left: 152px;
}

.block-node-game .block-article .intro {
  text-transform: uppercase;
  color: #667b94;
  font-size: 1.85em;
  padding: 0 0 40px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-node-game .block-article .intro strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-node-game .block-article .articles li {
  float: left;
  position: relative;
  padding: 0 0 19px 0;
  margin: 0 0 0 15px;
}

.block-node-game .block-article .articles li:first-child {
  margin: 0;
}

.block-node-game .block-article .articles li .picture {
  border: 2px solid #eeeeed;
  background: #fff;
  padding: 8px;
  margin: 0 0 8px 0;
}

.block-node-game .block-article .articles li .picture img {
  display: block;
}

.block-node-game .block-article .articles li .title {
  border: 1px solid #eeeeed;
  background: #fff;
  padding: 6px 5px;
  margin: 0 0 0 2px;
  color: #657a93;
  font-size: 1em;
  font-weight: normal;
  width: 152px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-node-game .block-article .articles .more {
  width: 42px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../img/skin/pictos.png) left -10500px no-repeat;
  right: 0;
  position: absolute;
  bottom: 0;
}

.block-node-game .block-article .articles .btn-type-11 {
  float: left;
  width: 164px;
}

.block-node-game .block-article .articles .btn-type-11 span {
  padding: 6px 5px;
  text-transform: none;
  font-size: 1em;
  text-align: left;
  line-height: 13px;
  height: auto;
}

.block-node-game #form-node {
  position: absolute;
  top: 300px;
  left: 60px;
  width: 360px;
  z-index: 5;
}

.block-node-game .block-win {
  position: absolute;
  left: 60px;
  top: 267px;
}

.block-node-game .pack {
  position: absolute;
  top: 170px;
  z-index: 0;
  right: 30px;
}

.block-node-game .stick {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 45px;
}

.block-node-game .block-loss {
  position: absolute;
  z-index: 5;
  left: 80px;
  text-align: center;
  top: 300px;
}

.block-node-game .block-loss .title {
  text-transform: uppercase;
  color: #797978;
  font-size: 1.45em;
  padding: 0 0 5px 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-node-game .block-loss > p {
  font-size: 1.3em;
  color: #797978;
  line-height: 1.8em;
  padding: 0 0 30px 0;
}

.block-node-game .block-loss .btn-share {
  text-indent: -9999px;
  width: 81px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  background: url(../img/skin/btn-share.png) left top no-repeat;
}

.block-node-game .block-loss .btn-share {

}

.block-node-game .btn-replay {
  display: block;
  background: url(../img/skin/bg-btn-submit-node.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.35em;
  height: 68px;
  text-align: left;
  width: 245px;
  line-height: 53px;
  margin: 0 auto;
}

.block-node-game .btn-replay span {
  padding: 0 0 0 50px;
}

.block-node-game .small-pack {
  position: absolute;
  top: 40px;
  right: 25px;
}

.block-node-game .block-program {
  width: 391px;
  height: 256px;
  background: #fff url(../img/skin/bg-block-program.png) center 30px no-repeat;
  position: absolute;
  right: 0;
  bottom: 35px;
}

.block-node-game .block-program p {
  padding: 130px 0 20px 45px;
  color: #797978;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  line-height: 1.6em;
}

.block-node-game .block-program .btn-type-06 {
  margin: 0 auto;
  width: 130px;
  text-align: center;
  display: block;
}

.block-node-game .block-thanks {
  position: absolute;
  top: 290px;
  left: 60px;
}

.block-node-game .block-thanks .title {
  text-transform: uppercase;
  color: #aaca5a;
  font-size: 2.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 15px 50px 15px 50px;
  margin: 0 0 55px 0;
  line-height: 1.2em;
  background: #fff;
  text-align: center;
}

.block-node-game .block-thanks .title strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  display: block;
}

.block-node-game .block-thanks .block-type-114, .block-node-game .block-loss .block-type-114 {
  width: 400px;
  background: none;
}

.block-node-game .block-loss .block-type-114 {
  margin-top: 40px;
}

.block-node-game .block-thanks .block-type-114 .in, .block-node-game .block-loss .block-type-114 .in {
  padding: 8px 35px;
}

.block-node-game .block-thanks .block-type-114 p, .block-node-game .block-loss .block-type-114 p {
  font-size: 1.85em;
  margin: 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  background-position: 0 -10174px;
}

.block-node-game .block-thanks .btn-replay {
  float: right;
}

.block-node-game .block-thanks .btn-replay span {
  padding: 0 0 0 30px;
}

.block-node-game .block-facebook {
  width: 390px;
  text-align: center;
  padding: 20px 0 14px;
  position: absolute;
  top: 400px;
  right: 60px;
}

.block-node-game .block-facebook .title {
  color: #797978;
  font-size: 2.65em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.block-node-game .block-facebook .title span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  display: block;
}

.block-node-game .block-facebook p {
  font-size: 1.25em;
  padding: 0 0 20px 0;
  color: #797978;
}

.block-node-game .block-facebook .share {
  background: url(../img/skin/btn-share.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 81px;
  height: 18px;
  color: #797978;
  margin: 0 auto;
}

.block-node-game .btn-next {
  float: right;
  position: absolute;
  right: 60px;
  top: 550px;
}

.block-node-game.game-home .main-title {
  left: 60px;
  top: 50px;
}

.block-node-game .block-play {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  height: 646px;
  width: 347px;
  z-index: 5;
}

.block-node-game .block-play > .title {
  padding: 30px 0 15px 30px;
}

.block-node-game .block-play .details {
  padding: 30px 0 30px 30px;
}

.block-node-game .block-play .details .date {
  color: #626365;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 0 0 30px 0;
}

.block-node-game .block-play .details .desc {
  color: #626365;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-node-game .block-play .details .desc span {
  color: #95c558;
  display: block;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-node-game .block-play .btn-play {
  margin: 0 0 0 25px;
}

.block-node-game .btn-play {
  display: block;
  background: url(../img/skin/bg-btn-play-node.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.35em;
  height: 65px;
  width: 289px;
  line-height: 53px;
}

.block-node-game .btn-play span {
  padding: 0 0 0 18px;
}

.block-node-game.game-home .pack {
  position: absolute;
  top: 195px;
  z-index: 0;
  left: 60px;
}

.block-node-game.game-win .picture {
  position: absolute;
  right: 0;
  top: 198px;
}

.block-node-game.game-win .picto {
  background: url(../img/skin/picto-plane.png) left top no-repeat;
  position: absolute;
  width: 403px;
  height: 500px;
  bottom: 0;
  z-index: 2;
}

.block-node-game.game-win .title {
  position: absolute;
  left: 0;
  top: 247px;
  z-index: 1;
}

.block-node-game.game-win .btn-replay {
  left: 165px;
  top: 505px;
  z-index: 3;
  position: absolute;
}

.block-node-game.game-win .btn-replay span {
  padding: 0 0 0 20px;
}

.page-club .game-legals {
  color: #949598;
  font-size: 0.9em;
  padding: 0 0 30px 0;
}

/* OP H2O */
.block-op-h2o {
  position: relative;
  height: 646px;
  width: 960px;
  margin: 0 0 18px 0;
  background: url(../img/op/h2o/bg-landing.png) left top no-repeat;
}

.block-op-h2o .btn-play {
  position: relative;
  top: 495px;
  left: 81px;
}

.page-home-h2o .legals a.rules {
  font-size: larger;
}

.popin-01.popin-new.popin-h2o > .inner {
  margin-left: 20px;
}

.popin-01.popin-h2o .main-title {
  background: url(../img/op/h2o/bg-popin-adresse.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 400px;
  height: 180px;
  display: block;
  margin: auto;
}

.popin-new .block-register .bloc-label-checkbox #edit-field-accepte-regle-h2o label.error {
  top: 40px;
  left: 217px;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address {
  text-align: center;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address h3.title-02 {
  text-align: center;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address .address {
  text-align: left;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address .content {
  padding-top: 0;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address .content .notice {
  font-size: 12px;
  text-align: left;
}

.popin-01.popin-h2o .inner .block-popin-instants-03 .block-instants-address .cancel-btn {
  display: none;
}

#bio-h2o ul.social {
  position: absolute;
  right: 0;
  top: 0;
}

#bio-h2o .social li {
  float: left;
  margin: 0 2px 0 0;
}

.page-home-h2o .h2o-infographie-footer {
  position: absolute;
  bottom: 0;
  width: 960px;
  background-color: #FFF;
  padding: 3em 0;
  text-align: center;
  color: #707A84;
  font-size: 1.4em;
  line-height: 1.3em;
  font-family: Arial;
  z-index: 10;
}

.page-home-h2o .h2o-infographie-footer .baseline {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .15em;
}

.page-home-h2o .h2o-infographie-footer a.home-link {
  color: #707A84;
  font-size: 1em;
  line-height: 1.1em;
  letter-spacing: .07em;
}

.page-home-h2o .to-page-top {
  position: absolute;
  right: 0;
  bottom: 2em;
  font-size: 12px;
}

/* OP H2O */

/* Photoderm Game */

.block-photoderm-game {
  position: relative;
  height: 646px;
  width: 958px;
  margin: 0 0 18px 0;
  background: url(../img/op/photoderm/bg-photoderm-game.png) left top no-repeat;
}

.block-photoderm-game.block-photoderm-game-perdant {
  background: url(../img/op/photoderm/bg-photoderm-game2.png) left top no-repeat;
}

.block-photoderm-game.game-win {
  background: url(../img/op/photoderm/bg-photoderm-game-win.png) left top no-repeat;
}

.block-photoderm-game.game-win-sec {
  background: url(../img/op/photoderm/bg-photoderm-game-win-sec.png) left top no-repeat;
}

/*photoderm hide submit button*/
.page-club-bioderma-jeu-photoderm .bloc-label-input .form-submit {
  display: none;
}

.block-photoderm-game > .inner > .main-title {
  background: url(../img/op/photoderm/logo-jeu-photoderm.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 458px;
  height: 125px;
  display: block;
  top: 54px;
  left: 62px;
  position: absolute;

}

.block-photoderm-game .block-article {
  width: 633px;
  top: 298px;
  position: absolute;
  left: 152px;
}

.block-photoderm-game .block-article .intro {
  text-transform: uppercase;
  color: #667b94;
  font-size: 1.85em;
  padding: 0 0 40px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-article .intro strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

.block-photoderm-game .block-article .articles li {
  float: left;
  position: relative;
  padding: 0 0 19px 0;
  margin: 0 0 0 15px;
}

.block-photoderm-game .block-article .articles li:first-child {
  margin: 0;
}

.block-photoderm-game .block-article .articles li .picture {
  border: 2px solid #eeeeed;
  background: #fff;
  padding: 8px;
  margin: 0 0 8px 0;
}

.block-photoderm-game .block-article .articles li .picture img {
  display: block;
}

.block-photoderm-game .block-article .articles li .title {
  border: 1px solid #eeeeed;
  background: #fff;
  padding: 6px 5px;
  margin: 0 0 0 2px;
  color: #657a93;
  font-size: 1em;
  font-weight: normal;
  width: 152px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-article .articles .more {
  width: 42px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../img/skin/pictos.png) left -10500px no-repeat;
  right: 0;
  position: absolute;
  bottom: 0;
}

.block-photoderm-game .block-article .articles .btn-type-11 {
  float: left;
  width: 164px;
}

.block-photoderm-game .block-article .articles .btn-type-11 span {
  padding: 6px 5px;
  text-transform: none;
  font-size: 1em;
  text-align: left;
  line-height: 13px;
  height: auto;
}

#form-photoderm {
  padding-left: 30px;
  z-index: 5;
  padding-top: 160px;
}

.block-photoderm-game .block-win {
  position: absolute;
  left: 100px;
  top: 230px;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-win span {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .footer_code {
  background: none repeat scroll 0 0 #F1F3F5;
  bottom: 0;
  height: 8px;
  position: absolute;
  right: 0;
  width: 100%;

}

.block-photoderm-game .block-no-code {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f1f3f5;
  padding: 14px 115px 14px 40px;
  font-size: 1.3em;
  color: #677c94;
}

.block-photoderm-game .block-no-code a {
  text-decoration: underline;
  color: #677c94;
}

.block-photoderm-game .block-no-code span {
  text-transform: uppercase;
  font-weight: bold;
}

.block-photoderm-game .block-no-code img {
  left: 375px;
  position: absolute;
  top: 11px;
  width: 30px;
}

.block-photoderm-game .pack {
  position: absolute;
  top: 170px;
  z-index: 0;
  right: 30px;
}

.block-photoderm-game .stick {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 45px;
}

.block-photoderm-game .block-loss {
  position: absolute;
  z-index: 5;
  left: 80px;
  top: 200px;
}

.block-photoderm-game .block-loss .title {
  color: #fff;
  font-size: 30px;
  text-align: center;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-loss > p {
  font-size: 14px;
  color: #fff;
  padding: 0 0 30px 0;
}

.block-photoderm-game .block-loss .btn-share {
  text-indent: -9999px;
  width: 81px;
  height: 18px;
  overflow: hidden;
  display: inline-block;
  background: url(../img/skin/btn-share.png) left top no-repeat;
}

.block-photoderm-game .block-play .btn-share {
  position: relative;
  top: 15px;
  float: right;
  padding-right: 65px;
}

.block-photoderm-game .btn-replay {
  display: block;
  background: url(../img/skin/bg-btn-submit-photoderm.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.35em;
  height: 68px;
  text-align: left;
  width: 245px;
  line-height: 53px;
  margin: 0 auto;
}

.block-photoderm-game .btn-replay span {
  padding: 0 0 0 50px;
}

.block-photoderm-game .small-pack {
  position: absolute;
  top: 40px;
  right: 25px;
}

.block-photoderm-game .block-program {
  width: 391px;
  height: 256px;
  background: #fff url(../img/skin/bg-block-program.png) center 30px no-repeat;
  position: absolute;
  right: 0;
  bottom: 35px;
}

.block-photoderm-game-perdant .block-program {
  width: 350px;
  height: 600px;
  background: rgba(0, 0, 0, 0.25);
  margin-right: 15px;
  top: 20px;
}

.block-photoderm-game-perdant .block-program .bottles {
  display: block;
  margin: auto;
}

.block-photoderm-game .block-program p {
  padding: 195px 0 20px 45px;
  color: #797978;
  font-size: 1.15em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game-perdant .block-program p {
  color: #fff;
  padding-left: 16px;
  font-size: 16px;
}

.block-photoderm-game-perdant .block-program p.accroche {
  color: #d67120;
  font-size: 1.3em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  margin-bottom: 20px;
}

.block-photoderm-game-perdant .block-program p.accroche span {
  font-weight: bold;
  font-size: 1.4em;
}

.block-photoderm-game-perdant .block-program p.offre {
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  width: 200px;
  padding: 0;
  padding-left: 16px;
  float: left;
  font-size: 14px;
}

.block-photoderm-game-perdant .block-program p.offre b {
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game-perdant .block-program img.maillot {
  float: right;
  padding-right: 30px;
}

.block-photoderm-game-perdant .block-program .btn-declare {
  display: block;
  width: 326px;
  background: url(../img/op/photoderm/bg-btn-submit-photoderm-large.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 18px;
  height: 68px;
  text-align: left;
  margin: auto;
  margin-top: 0px;
  text-shadow: 0.1em 0.1em 0.2em #CF5E1D;
}

.block-photoderm-game-perdant .block-program .btn-declare span {
  padding: 0 0 0 31px;
  height: 68px;
  display: block;
  line-height: 48px;
}

.block-photoderm-game-perdant .btn-share {
  margin-top: 15px;
  margin-right: 50px;
  float: right;
}

.block-photoderm-game .block-program .btn-type-06 {
  margin: 0 auto;
  width: 130px;
  text-align: center;
  display: block;
}

.block-photoderm-game .block-thanks {
  position: absolute;
  top: 200px;
  left: 60px;
  width: 450px;
}

.block-photoderm-game .block-thanks .title {
  color: #fff;
  font-size: 3em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 15px 50px 15px 50px;
  margin: 0 0 35px 0;
  line-height: 1.2em;
  font-weight: bold;
}

.block-photoderm-game .block-thanks .title strong {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  display: block;
}

.block-photoderm-game .block-thanks .block-type-114, .block-photoderm-game .block-loss .block-type-114 {
  width: 400px;
  background: none;
}

.block-photoderm-game .block-loss .block-type-114 {
  margin-top: 40px;
}

.block-photoderm-game .block-thanks .block-type-114 .in, .block-photoderm-game .block-loss .block-type-114 .in {
  padding: 8px 35px;
}

.block-photoderm-game .block-thanks .block-type-114 p, .block-photoderm-game .block-loss .block-type-114 p {
  font-size: 1.85em;
  margin: 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  background-position: 0 -10174px;
}

.block-photoderm-game .block-thanks .btn-replay {
  float: right;
}

.block-photoderm-game .block-thanks .btn-replay span {
  padding: 0 0 0 30px;
}

.block-photoderm-game .block-facebook {
  width: 390px;
  text-align: center;
  padding: 20px 0 14px;
  position: absolute;
  top: 400px;
  right: 60px;
}

.block-photoderm-game .block-facebook .title {
  color: #797978;
  font-size: 2.65em;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.block-photoderm-game .block-facebook .title span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  display: block;
}

.block-photoderm-game .block-facebook p {
  font-size: 1.25em;
  padding: 0 0 20px 0;
  color: #797978;
}

.block-photoderm-game .block-facebook .share {
  background: url(../img/skin/btn-share.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 81px;
  height: 18px;
  color: #797978;
  margin: 0 auto;
}

.block-photoderm-game .btn-next {
  float: right;
  position: absolute;
  right: 60px;
  top: 550px;
}

.block-photoderm-game.game-home .main-title {
  left: 60px;
  top: 50px;
}

.block-photoderm-game .block-play {
  position: absolute;
  right: 0;
  top: 0;
  height: 646px;
  width: 347px;
  z-index: 5;
}

.block-photoderm-game .block-play > .title {
  padding: 40px 40px 15px 0px;
}

.block-photoderm-game .block-play .details {
  padding: 10px 0 30px 30px;
}

.block-photoderm-game .block-play .details .date {
  color: #626365;
  font-size: 1.25em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  padding: 0 0 30px 0;
}

.block-photoderm-game .block-play .details .desc {
  color: #fff;
  font-size: 14px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-play .details .desc span {
  font-size: 14px;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.block-photoderm-game .block-play .btn-play {
  margin: 170px 0 0 25px;
}

.block-photoderm-game .btn-play {
  display: block;
  background: url(../img/op/photoderm/bg-btn-play-photoderm.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.65em;
  height: 74px;
  width: 289px;
  line-height: 22px;
  text-align: center;
  text-shadow: 0.1em 0.1em 0.2em #CF5E1D;
}

.block-photoderm-game .btn-play span {
  position: relative;
  right: 52px;
  top: 5px;
}

.block-photoderm-game.game-home .pack {
  position: absolute;
  top: 195px;
  z-index: 0;
  left: 20px;
}

.block-photoderm-game.game-win .picture, .block-photoderm-game.game-win-sec .picture {
  position: absolute;
  right: 0;
  top: 198px;
}

.block-photoderm-game.game-win .picto, .block-photoderm-game.game-win-sec .picture {
  background: url(../img/skin/picto-plane.png) left top no-repeat;
  position: absolute;
  width: 403px;
  height: 500px;
  bottom: 0;
  z-index: 2;
}

.block-photoderm-game.game-win .block-win, .block-photoderm-game.game-win-sec .block-win {
  color: #FFF;
  text-align: center;
  width: 350px;
}

.block-photoderm-game.game-win .block-win .title, .block-photoderm-game.game-win-sec .block-win .title {
  font-size: 30px;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding-bottom: 20px;
}

.block-photoderm-game.game-win .block-win p, .block-photoderm-game.game-win-sec .block-win p {
  font-size: 1.5em;
}

.block-photoderm-game.game-win .btn-replay, .block-photoderm-game.game-win-sec .btn-replay {

}

.block-photoderm-game.game-win .btn-replay span, .block-photoderm-game.game-win-sec .btn-replay span {
  padding: 0 0 0 20px;
}

.block-photoderm-game.game-win .btn-replay, .block-photoderm-game.game-win-sec .btn-replay {
  display: block;
  background: url(../img/op/photoderm/bg-btn-valider-photoderm.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 18px;
  height: 68px;
  text-align: left;
  margin: auto;
  margin-top: 15px;
  text-shadow: 0.1em 0.1em 0.2em #CF5E1D;
}

.block-photoderm-game.game-win .btn-replay span, .block-photoderm-game.game-win-sec .btn-replay span {
  padding: 0 0 0 10px;
  height: 68px;
  display: block;
  line-height: 48px;
  text-align: center;
  width: 185px;
}

/* =POPIN
----------------------------------------------------------------------------- */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
  background: #3a3a3a
}

.msie7 #cboxOverlay,
.msie8 #cboxOverlay {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3a3a3a, endColorstr=#3a3a3a);
  zoom: 1;
}

#colorbox {
  outline: 0;
  top: 175px !important;
}

#cboxContent {
  overflow: hidden;
}

.cboxIframe {
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#popin {
  position: absolute;
  /* default dimensions and positions */
  top: 175px;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  margin-top: 0 !important;
  height: auto !important;

  /* styles */
  color: inherit;
  overflow: auto;
  display: none;
  z-index: 50;
  text-align: left;
}

.page-club-bioderma-jeu-photoderm #popin.jeu-photoderm {
  width: 760px;
  left: 60%;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxWrapper,
.page-club-bioderma-jeu-photoderm #colorbox.jeu-photoderm {
  /*max-width: 1000px;
    left: 66px;*/
  width: 100% !important;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxContent {
  width: 760px !important;
  left: 24%;
  overflow: visible;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxContent #cboxLoadedContent {
  width: 760px !important;
  overflow: visible;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxContent #page-inner {
  width: 758px !important;
  overflow: visible;
  margin: 0;
  border: 0;
  padding: 0;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxContent #pop-content {
  width: 760px !important;
  overflow: visible;
  padding: 0;
}

.popin-video.popin-01 .inner .block-popin-instants-01 > .title {
  text-align: center;
  color: #3a3a3a;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 30px;
  padding: 30px 0 0 0;
}

.popin-video.popin-01 .inner .block-already.block-popin-instants-01 p {
  font-size: 14px;
}

.popin-video.popin-01 .inner .block-already p {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  color: #3a3a3a;
  text-align: center;
  font-size: 1.3em;
  padding-bottom: 30px;
}

.popin-video .btn-type-06 {
  color: #e9a328;
  position: absolute;
  bottom: 60px;
  right: -90px;
  font-size: 14px;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  background: transparent;
  text-transform: none;
  width: 280px;
}

.popin-video a.btn-type-06 {
  text-transform: none;
}

.popin-video .btn-type-06:hover {
  background: none;
}

#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  background: #6c7b95;
  padding: 0 20px;
  color: #fff;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

#cache {
  position: fixed;
  _position: absolute; /* let's give IE6 absolute, rewrite it as you like if you want to avoid this hack ;) */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #6c7b95;
  color: inherit;
  display: none;
  z-index: 20;
}

#popin {
  position: absolute;
  /* default dimensions and positions */
  top: 180px;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  margin-top: 0 !important;
  height: auto !important;

  /* styles */
  color: inherit;
  overflow: auto;
  display: none;
  z-index: 50;
  text-align: left;
}

#popin:focus {
  outline: 0;
}

#close {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  line-height: 20px;
  background: #6c7b95;
  padding: 0 20px;
  color: #fff;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #close {
  background-color: #fff;
  text-indent: -9999px;
  background: url(../img/op/photoderm/close-photoderm-popin.png) right top no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxClose {
  background-color: #fff;
  text-indent: -9999px;
  background: url(../img/op/photoderm/close-photoderm-popin.png) right top no-repeat;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #close a {
  display: block;
  width: 60px;
  height: 60px;
}

.page-club-bioderma-jeu-photoderm .jeu-photoderm #cboxClose a {
  display: block;
  width: 60px;
}

.popin-share.popin-01 .inner .block-popin-instants-01 > .title-share {
  color: #7fc7da;
  text-align: center;
  font-size: 2em;
  padding-bottom: 50px;
}

.popin-share.popin-01 .inner .block-popin-instants-01 > .title {
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  text-align: left;
  color: #3a3a3a;
}

.popin-share.popin-01 .inner .block-already {
  text-align: left;
}

.popin-share.popin-01 .inner .block-already p {
  font-size: 14px;
  color: #3a3a3a;
}

.popin-share.popin-01 .inner .block-popin-instants-01 > span {
  font-size: 14px;
}

.popin-share.popin-01 .inner .block-popin-instants-01 a {
  color: #3a3a3a;
  text-decoration: underline;
  font-size: 14px;
}

.popin-share.popin-01 .inner .block-popin-instants-01 a span {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

#close a {
  color: #fff;
}

.pop-noframe {
  display: none;
  width: 960px;
}

#colorbox .pop-noframe {
  display: block;
}

.popin-01 {
  background: #fff;
  padding: 40px 0 0 0;
  font-family: "Century Gothic W02","Trebuchet MS",Arial,sans-serif;
  font-weight: lighter;
}

.popin-01 > .inner {
  padding: 0 22px 22px;
}

.popin-01 .title {
  text-align: center;
  text-transform: uppercase;
  color: #394d68;
  font-size: 1.65em;
  padding: 0 0 30px 0;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.popin-01 .main-title {
  background: url(../img/op/photoderm/logo-jeu-photoderm2.png) left top no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  width: 458px;
  height: 125px;
  display: block;
  margin: auto;
}

.popin-01 .title-02 {
  text-transform: uppercase;
  color: #394d68;
  font-size: 1.65em;
  padding: 0 0 10px 0;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.popin-01 .title span {
  color: #8dabca;
}

.popin-01 .inner p {
  color: #394d68;
  font-size: 1em;
  padding: 0 0 23px 0;
}

.popin-01 form {
  border-top: 1px solid #dedede;
  padding: 10px 0 0 0;
}

.popin-01 form .required {
  font-style: italic;
}

.popin-01 form input.required {
  font-style: normal;
}

.popin-01 .col {
  float: left;
  width: 380px;
}

.popin-01 .col.left {
  width: 485px;
}

.popin-01 .bloc-label-input {
  overflow: hidden;
  padding: 0 0 8px 0;
}

.popin-01 label,
.popin-01 .label {
  display: block;
  float: left;
  width: 75px;
  color: #394d68;
  font-size: 1.25em;
  padding: 0 !important;
}

.popin-01 .bloc-label-checkbox label {
  width: 800px;
}

.popin-01 .bloc-label-radio {
  overflow: hidden;
  padding: 0 0 8px 0;
}

.popin-01 .bloc-label-radio .block-radio {
  float: left;
  overflow: hidden;
}

.popin-01 .bloc-label-radio .block-radio input {
  float: left;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.popin-01 .bloc-label-checkbox input {
  float: left;
  margin: 0 5px 0 0;
}

.popin-01 .bloc-label-input input[type="text"] {
  float: left;
  background: #fff;
  color: #394d68;
  width: 280px;
  height: 22px;
  padding: 0 5px;
  line-height: 22px;
  border: 1px solid #ebeded;
}

.popin-01 textarea {
  border: 1px solid #ebeded;
  width: 870px;
  height: 90px;
  padding: 5px;
  color: #394d68;
  margin: 0 0 30px 0;
}

.popin-01 .btn-line {
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.popin-01 fieldset {
  overflow: hidden;
  padding: 0 0 30px 0;
}

.popin-01 .btn-line input[type="submit"] {
  padding: 10px 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.popin-01 .inner p.msg {
  color: #565656;
  font-size: 1.1em;
  padding: 0 80px 20px 80px;
}

.popin-01 .block-type-90 .inner .title,
.popin-01 .form-type-02 fieldset .title {
  text-align: left;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

.popin-01 .form-type-02 .bloc-label-input p.info {
  font-size: 1em;
}

.popin-01 .form-type-02 .bloc-label-input label,
.popin-01 .form-type-02 .bloc-label-input .label {
  padding: 0 10px 0 0 !important;
}

.popin-01 #form-club-subscribe .bloc-label-checkbox label {
  width: auto;
}

.popin-01 #form-club-subscribe .rules {
  padding: 0 0 10px 195px;
  color: #565656;
  font-size: 1em;
}

.popin-01 #form-club-subscribe .info2 {
  width: 270px;
  float: left;
}

.popin-02 {
  background: #fff;
}

.popin-01.popin-new {
  width: 860px;
  margin: 0 auto;
}

.popin-01.popin-new > .inner {
  padding: 0 0 25px;
}

.popin-01.popin-new .block-club {
  padding: 10px 0 0 0;
  background: #24abe2;
}

.popin-01.popin-new .block-club .submit {
  margin-top: 51px;
}

.popin-01.popin-new .block-club .remember-me {
  float: left;
  margin-top: -14px;
}

.popin-01.popin-new .block-club .reglement {
  float: left;
  margin: 5px 0;
}

.popin-01.popin-new .block-register {
  padding: 10px 35px 0 35px;
}

.popin-01.popin-new .inner .block-popin-club-inscription .notice {
  padding: 0 35px;
}

.popin-01.popin-new #close {
  right: 50px;
}

.popin-01 #wrapper-form-testimony .col.right {
  padding-top: 24px
}

/* =LIST
----------------------------------------------------------------------------- */

.list-type-01 li {
  background: url(../img/skin/bullet-03.png) left 4px no-repeat;
  padding: 0 0 3px 10px;
  color: #565656;
  font-size: 1.1em;
  line-height: 1.15em;
}

.list-type-01 li a:hover {
  text-decoration: underline;
}

.list-type-01 li.hr {
  padding-bottom: 5px;
  margin: 0 0 5px 0;
  border-bottom: 1px dotted #565656;
}

.list-type-02 {
  border-top: 1px dotted #9d9e9e;
  margin: 5px 0 15px 0;
}

.list-type-02 li {
  border-bottom: 1px dotted #9d9e9e;
  padding: 5px 0 5px 14px;
  background: url(../img/skin/picto-arrow-02.png) left 7px no-repeat;
  text-transform: uppercase;
}

.list-type-02 li a:hover {
  text-decoration: underline;
}

.list-type-03 li {
  font-size: 1.1em;
  padding: 0 0 0 8px;
  color: #565656;
  background: url(../img/skin/bullet-04.png) left 4px no-repeat;
}

.list-type-04 li {
  border-bottom: 1px dotted #9d9e9e;
  padding: 5px 0 5px 14px;
  background: url(../img/skin/picto-arrow-02.png) left 7px no-repeat;
}

.list-items {
  overflow: hidden;
}

.list-items li {
  float: left;
  padding: 0 1px 0 0;
  width: 237px;
}

.list-items .media {
  margin: 0 0 18px 0;
}

.list-items .media img {
  display: block;
}

.list-items .caption {
  padding: 0 8px;
  min-height: 85px;
}

.dermato .list-items .caption {
  min-height: 40px;
}

.list-items .title {
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

.list-items .category {
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding: 0 0 2px 0;
}

.list-items .category span {
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.list-items .details {
  padding: 18px 0 0 0;
  color: #7299c2;
}

.list-items p {
  font-size: 1.1em;
}

.list-items .last {
  padding-right: 0;
}

.list-items a {
  display: block;
  color: #565656;
}

.list-abc {
  padding: 20px 0 40px 5px;
}

.list-abc li {
  display: inline;
  color: #394d68;
  font-size: 1.8em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.list-abc li a {
  text-decoration: none;
  color: #394d68;
  padding: 0 3px;
}

.list-abc li a.active,
.list-abc li a:hover {
  border-bottom: 3px solid #ade9fe;
}

/* =LINKS
----------------------------------------------------------------------------- */

.link-type-01 {
  color: #719ac0;
  padding: 0 22px 0 0;
  font-size: 1.1em;
  line-height: 1.2em;
  text-transform: uppercase;
  background: url(../img/skin/pictos.png) right -1098px no-repeat;
  //background-color: red;
}

.link-type-01:hover {
  text-decoration: underline;
}

.link-type-02 {
  color: #6f7072;
  padding: 0 22px 0 0;
  font-size: 1.1em;
  background: url(../img/skin/bullet-05.png) right 2px no-repeat;
}

.link-type-02:hover {
  text-decoration: underline;
}

.link-type-03 {
  color: #616161;
  padding: 0 15px 0 0;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-02.png) right 2px no-repeat;
}

.link-type-03:hover {
  text-decoration: underline;
}

.link-type-04 {
  color: #565656;
  background: url(../img/skin/picto-arrow-04.png) left 4px no-repeat;
  padding: 0 0 0 10px;
  display: inline-block;
}

.link-type-04 span {
  text-decoration: underline;
}

.link-type-04:hover span {
  text-decoration: none;
}

.link-type-05 {
  color: #62768f;
  font-size: 1.15em;
  padding: 0 0 0 12px;
  background: url(../img/skin/picto-arrow-15.png) left 4px no-repeat;
  text-transform: uppercase;
}

.link-type-05:hover {
  text-decoration: underline;
}

.link-type-05.btn-minus {
  background: url(../img/skin/picto-arrow-16.png) left 6px no-repeat;
}

.link-type-06 {
  font-size: 1.1em;
  padding: 0 0 0 10px;
}

.link-type-06:hover {
  text-decoration: underline;
}

.link-type-07 {
  color: #657a95;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-21.png) left 4px no-repeat;
  padding: 0 0 0 12px;
  text-align: left;
}

.link-type-07:hover {
  text-decoration: underline;
}

.link-type-08 {
  color: #4b4a4d;
  text-align: left;
}

.link-type-08:hover {
  text-decoration: underline;
}

.link-type-09 {
  color: #fff;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-22.png) left 4px no-repeat;
  padding: 0 0 0 12px;
  text-align: left;
}

.link-type-09:hover {
  text-decoration: underline;
}

.link-type-10 {
  color: #667b94;
  background: url(../img/skin/picto-arrow-20.png) right center no-repeat;
  font-size: 2.75em;
  padding: 0 15px 0 0;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.link-type-10:hover {
  text-decoration: underline;
}

.link-type-11 {
  color: #667b94;
  font-size: 1.85em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.link-type-11:hover {
  text-decoration: underline;
}

.link-type-11 span {
  display: inline-block;
  width: 12px;
  height: 25px;
  vertical-align: middle;
  padding: 0 0 0 5px;
  background: url(../img/skin/picto-arrow-33.png) right center no-repeat;
}

.link-type-12 {
  color: #667b94;
  background: url(../img/skin/picto-arrow-33.png) right center no-repeat;
  font-size: 2.65em;
  padding: 0 35px 0 0;
  display: inline-block;
  text-transform: uppercase;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.link-type-12:hover {
  text-decoration: underline;
}

.link-type-12 span {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  display: block;
}

/* =BUTTONS
----------------------------------------------------------------------------- */

.btn-type-01 {
  height: 31px;
  line-height: 31px;
  color: #384c69;
  font-size: 1.15em;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #dadbdc;
  display: inline-block;
  text-align: center;
}

.btn-type-01:hover {
  text-decoration: underline;
}

.btn-type-02 {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.15em;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #a6c1d9;
  display: inline-block;
}

.btn-type-02:hover {
  background: #6c7b95;
}

.btn-type-03 {
  display: inline-block;
  background: #677c94;
  color: #fff;
  padding: 1px 25px;
  text-decoration: none;
  cursor: pointer;
}

.btn-type-03.disabled, .btn-type-03[disabled] {
  background: #ccc;
  cursor: default;
}

.btn-type-03.facebook-login-button {
  background: url(../img/skin/pictos.png) 11px -10845px no-repeat #578ee8;
}

.btn-plus span {
  background: url(../img/skin/picto-plus.png) right center no-repeat;
  padding: 0 15px 0 0;
}

.btn-minus span {
  background: url(../img/skin/pictos.png) right -4393px no-repeat;
  padding: 0 15px 0 0;
}

.btn-type-04 {
  display: inline-block;
  background: #a5bdd8;
  color: #fff;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  font-size: 1.15em;
  padding: 3px 8px;
  text-decoration: none;
}

.btn-type-04:hover {
  background: #374b6c !important;
}

.btn-type-05 {
  display: inline-block;
  border: 1px solid #87a1ba;
  color: #fff;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  font-size: 1.15em;

  text-decoration: none;
}

.btn-type-05 span {
  background: #a5bdd8;
  border: 1px solid #b7cade;
  display: inline-block;
  padding: 3px 7px;
}

.btn-type-05 span:hover {
  background: #6c7b95;
  border-color: #6c7b95;
}

#page-inner .btn-up {
  float: right;
  margin: 12px 10px 0 0;
  text-decoration: underline;
}

.btn-back-01 {
  background: url(../img/skin/picto-arrow-09.png) left top no-repeat #d6f4ff;
  text-decoration: none;
  color: #4c5b74;
  font-size: 1.35em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  line-height: 38px;
  height: 38px;
  display: block;
  float: right;
  text-align: center;
  padding: 0 30px 0 47px;
}

.btn-type-06, #form-test .webform-submit {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25em;
  height: 33px;
  line-height: 33px;
  padding: 0 11px;
  background: #617590;
  display: inline-block;
}

.btn-type-06:hover {
  background: #a6c1d9;
}

.btn-type-06.disabled, .btn-type-06[disabled] {
  background: #ccc;
  cursor: default;
}

.page-home .btn-type-06:hover {
  background: #617590;
  cursor: default;
}

.block-type-58 .btn-line {
  border-bottom: 2px solid #6c7b95;
  overflow: hidden;
}

.btn-type-07 {
  display: inline-block;
  background: #6c7b95;
  color: #fff;
  padding: 1px 0;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  font-size: 1.35em;
  text-align: center;
}

.block-type-58 .btn-line .btn-type-07 {
  float: right;
  width: 342px;
}

.btn-type-08 {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.15em;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: #677c94;
  display: inline-block;
}

.btn-type-08:hover {
  background: #a6c1d9;
}

.btn-type-09 {
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  color: #677c94;
  font-size: 1.15em;
  height: 19px;
  line-height: 19px;
}

.btn-type-09:hover {
  text-decoration: underline;
}

.btn-type-09 span {
  text-transform: uppercase;
  background: none;
  padding: 0;
}

.btn-type-09 span.picto {
  color: #fff;
  background: #677c94;
  display: inline-block;
  width: 29px;
  margin: 0 0 0 16px;
  text-align: center;
  font-weight: bold;
  padding: 0;
}

.btn-type-10 {
  color: #747373;
  font-size: 1.1em;
  text-transform: uppercase;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-decoration: none;
}

.btn-type-10 span {
  background: #e9e600;
  padding: 2px 10px;
  display: inline-block;
}

.btn-type-11 {
  position: relative;
  padding: 0 35px 19px 0;
}

.btn-type-11 span {
  text-transform: uppercase;
  font-size: 1.65em;
  color: #657a93;
  display: block;
  background: #fff;
  text-align: center;
  padding: 0 25px;
  line-height: 35px;
  height: 35px;
  border: 1px solid #e5e5e4;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.btn-type-11 span:after {
  content: ' ';
  display: block;
  width: 42px;
  height: 40px;
  overflow: hidden;
  text-indent: -99999px;
  background: url(../img/skin/pictos.png) left -10500px no-repeat;
  right: 0;
  position: absolute;
  bottom: 0;
}

/* =FOOTER
----------------------------------------------------------------------------- */

#footer {
  position: relative;
  z-index: 1;
  background: #fff;
  width: 100%;
  zoom: 1;
}

#footer .inner {
  margin: 0 auto;
  width: 960px;
}

#footer .level-01 {
  background: url(../img/skin/bg-footer-lvl-01.png) left top repeat-x;
  min-height: 131px;
  width: 100%;
}

#footer .level-01 .inner {
  padding: 30px 0 0 0;
}

#footer .level-01 .inner .block {
  height: 80px;
  border-left: 1px solid #d9dfe8;
  width: 197px;
  padding: 8px 21px 0 21px;
  float: left;
}

#footer .level-01 .inner .block .title {
  color: #717a84;
  font-size: 1.45em;
  text-transform: uppercase;
  height: 42px;
  display: block;
  line-height: 1.1em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

#footer .level-01 .inner .block .title a.become-member{
  color: #717a84;
}


#footer .level-01 .inner .block form fieldset {
  overflow: hidden;
}

#footer .level-01 .inner .block .social {
  overflow: hidden;
  position: relative;
  margin-top: -10px;
  width: 230px;
}

#footer .level-01 .inner .block .social li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}

#footer .level-01 .inner .block .social li a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  background: url(../img/skin/pictos.png) left top no-repeat;
  text-indent: -9999px;
  width: 39px;
  height: 39px;
}

#footer .level-01 .inner .block .social li a.instagram {
  background-position: 0 -10902px;
}

#footer .level-01 .inner .block .social li a.linkedin {
  background-position: 0 -11050px;
}

#footer .level-01 .inner .block .social li a.youtube {
  background-position: 0 -11129px;
}

#footer .level-01 .inner .block .social li a.facebook {
  background-position: 0 -100px;
}

#footer .level-01 .inner .block .social li a.googleplus {
  background-position: 0 -200px;
}

#footer .level-01 .inner .block .social li a.pinterest {
  background-position: 0 -300px;
}

#footer .level-01 .inner .block .social li a.lineme {
  background-position: 0 -11207px;
}

#footer .level-01 .inner .block .social li a.vkontakte {
  background-position: 0 -11258px;
}


#footer .level-01 .inner .block:first-child {
  border: 0;
}

#footer .level-02 {
  background: #d6e3ec;
  color: #394d68;
  min-height: 225px;
}

#footer .level-02 .inner {
  overflow: hidden;
  padding: 28px 0 0 0;
}

#footer .level-02 .col {
  float: left;
  width: 320px;
  text-align: center;
}

#footer .level-02 .col ul li {
  border-top: 1px solid #bdcbdb;
  padding: 11px 0 11px;
  width: 180px;
  margin: 0 auto;
}

#footer .level-02 .col ul li a {
  text-decoration: none;
  color: #394d68;
  font-size: 1.1em;
  color: #394d68;
}

#footer .level-02 .col ul li a:hover {
  text-decoration: underline;
}

#footer .level-02 .col .title {
  text-transform: uppercase;
  color: #394d68;
  padding: 0 0 18px 0;
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

#footer .level-03 {
  background: #61758f;
  color: #fff;
  height: auto;
}

#footer .level-03 .inner {
  padding: 18px 0 0 0;
  text-align: center;
}

#footer .level-03 .inner .links {
  text-align: center;
  padding: 0 0 20px 0;
}

#footer .level-03 .inner .links li {
  display: inline;
  background: url(../img/skin/bullet-01.png) left 10px no-repeat;
  padding: 0 17px;
}

#footer .level-03 .inner .links li:first-child {
  padding-left: 0;
  background: none;
}

#footer .level-03 .inner .links li a {
  text-decoration: none;
  font-size: 1.1em;
}

#footer .level-03 .inner .links li a:hover {
  text-decoration: underline;
}

#footer .level-03 .inner span.hr {
  display: block;
  height: 1px;
  width: 426px;
  background: #8c9aad;
  margin: 0 auto 70px auto
}

#footer .level-03 .inner a {
  color: #fff;
}

#footer .level-03 .inner .logo {
  width: 600px;
  margin: 0 auto;
  position: relative;
  bottom: 25px;
}

#footer .level-03 .inner .logo img {
  display: block;
  margin: 0 0 8px 0;
}

#footer .level-03 .inner .logo p,
.page-404 #footer .logo p {
  text-transform: uppercase;
  font-size: 1.65em;
  text-align: center;
  letter-spacing: 0.02em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', Arial;
}

.page-404 #footer .logo p {
  text-align: center;
}

/**----**/

#footer .level-02 {
  background: #d6e3ec;
  color: #394d68;
  min-height: 225px;
}

#footer #level-type-02 .inner {
  overflow: hidden;
  padding: 28px 0 30px 0;
}

#footer .level-02 .col {
  float: left;
}

#footer #level-type-02 .col ul li {
  border: 0;
  text-align: left;
  padding: 0;
}

#footer #level-type-02 #col-01 {
  width: 185px;
  margin: 0 136px 0 0;
}

#footer #level-type-02 #col-02 {
  width: 215px;
}

#footer #level-type-02 #col-02 ul {
  float: left;
  width: 98px;
}

#footer #level-type-02 #col-03 {
  width: 305px;
  float: right;
}

#footer #level-type-02 #col-03 ul {
  width: 142px;
  float: left;
}

#footer #level-type-02 .col ul {
  padding: 0 0 0 8px;
}

#footer #level-type-02 .col ul li {
  text-align: left;
  padding: 0 0 10px 0;
}

#footer #level-type-02 .col ul li a {
  text-decoration: none;
  color: #394d68;
  font-size: 1.1em;
  color: #394d68;
}

#footer #level-type-02 .col ul li a:hover {
  text-decoration: underline;
}

#footer #level-type-02 .col .title {
  text-transform: uppercase;
  color: #394d68;
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  font-size: 1.65em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  border-bottom: 1px solid #bdcbdb;
  text-align: center;
}

/* =FORM
----------------------------------------------------------------------------- */

.form-type-01 .bloc-label-input,.form-type-01 .bloc-label-checkbox {
  overflow: hidden;
}
.form-type-01 .bloc-label-checkbox{
  padding: 0px 0px 16px;
}
.form-type-01 .bloc-label-checkbox .label{
  font-weight: bold;
}


.block-type-51 .panel .inner .bloc-label-checkbox label {
    color: #000;
    padding: 0px;
    font-size: normal;
    font-weight: normal;
    display: inline-block;
}

.form-type-01 input[type="text"] {
  border: 1px solid #d9dadb;
  width: 156px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  color: #737373;
  font-size: 0.9em;
  margin: 0 3px 0 0;
  float: left;
}

.form-type-01 input[type="submit"] {
  width: 25px;
  height: 22px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  background: #a5bdd8;
  display: block;
  float: left;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  line-height: 22px;
  overflow: hidden;
  font-family: 'Trebuchet MS', Arial, sans-serif;
  font-size: 1.1em;
}

.block-type-16 input[type="submit"] {
  border: 1px solid #879ebb;
}

.form-type-01 input[type="submit"]:hover {
  background: #6c7b95;
}

.selector {
  position: relative;
  height: 22px;
}

.selector select {
  position: absolute;
  left: 0;
  top: 0;
}

.selector span {
  border: 1px solid #d9dbdc;
  height: 20px;
  line-height: 20px;
  display: block;
  color: #737373;
  font-size: 0.9em;
  padding: 0 0 0 8px;
  background: url(../img/skin/picto-arrow-05.png) right 7px no-repeat #fff;
}

.block-radio-01 {
  overflow: hidden;
  text-align: center;
  padding: 0 0 25px 0;
  position: relative;
}

.block-radio-01 .title {
  color: #394d68;
  font-size: 1.35em;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
}

.block-radio-01 .status {
  overflow: hidden;
  padding: 0 0 25px 0;
}

.block-radio-01 .status li {
  display: inline;
  padding: 0 6px 0 0;
}

.block-radio-01 .status li span {
  display: inline-block;
  width: 83px;
  height: 8px;
  background: #f5f5f5;

}

.block-radio-01 .status li.active span {
  background: #dfe8f1;
}

.block-radio-01 input[type="radio"] {
  display: none;
}

.block-radio-01 label.bubble {
  background: url(../img/skin/bg-radio-off.png) left top no-repeat;
  display: inline-block;
  width: 95px;
  height: 109px;
  line-height: 95px;
  text-align: center;
  color: #747373;
  font-size: 1.15em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  cursor: pointer;
  margin: 0 55px 0 0;
  vertical-align: middle;
}

.block-radio-01 p {
  padding: 0 0 25px 0;
}

.block-radio-01 label span {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

.block-radio-01 label.last {
  margin-right: 0px;
}

.block-radio-01 .bubble:first-child {
  margin: 0;
}

.block-radio-01 label.active {
  background: url(../img/skin/bg-radio-on.png) left top no-repeat;
  color: #394d68;
}

.block-radio-01.notes label.active {
  background: url(../img/skin/bg-radio-on-note.png) left top no-repeat;
  height: 109px;
}

.block-radio-01 .note {
  border: 1px solid #6c7b95;
  background: #fff;
  width: 770px;
  padding: 10px;
  margin: 0 auto;
  display: none;
}

.block-radio-01 .note.active {
  display: block;
}

.block-radio-01 .note p {
  color: #6c7b95;
  padding: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', Arial;
}

.block-radio-01 .bloc-label-checkbox {
  margin: 0 auto;
  padding: 0 0 25px 0;
  overflow: hidden;
  width: 300px;
}

.block-radio-01 .bloc-label-checkbox .checker {
  width: 16px;
  float: left;
  margin: 0 20px 0 0;
}

.block-radio-01 .bloc-label-checkbox .checker span {
  background: url(../img/skin/pictos.png) left -5900px no-repeat;
  width: 16px;
  display: block;
  height: 16px;
  cursor: pointer
}

.block-radio-01 .bloc-label-checkbox .checker span.checked {
  background-position: 0 -6000px;
}

.block-radio-01 .bloc-label-checkbox label {
  line-height: 1.1em;
  color: #6c7b95;
  font-size: 1.1em;
  font-family: "Trebuchet MS", Arial;
  font-weight: bold;
  display: block;
  float: left;
  margin: 2px 0 0 0;
}

.block-radio-02 .col {
  float: left;
  width: 240px;
  padding: 0 70px 0 0;
  position: relative;
  min-height: 245px;
  margin: 0 0 45px 0;
}

.block-radio-02 .col .skip {
  position: absolute;
  left: 0;
  bottom: 0;
}

.block-radio-02 .col.last {
  padding-right: 0;
}

.block-radio-02 .col.first {
  margin-left: 60px;
}

.block-radio-02 {
  overflow: hidden;
  width: 100%;
}

.block-radio-02 .title {
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  font-size: 1.45em;
  text-align: center;
  margin: 0 0 50px 0;
}

.block-radio-02 .title span {
  border-bottom: 8px solid #dfe8f1;
  padding: 0 0 5px 0;
}

.block-radio-02 .col .title-02,
.block-radio-02 .col-02 .title-02 {
  color: #394d68;
  font-size: 1.25em;
  font-family: 'CenturyGothicW02-Italic', 'Trebuchet MS', Arial;
  text-transform: uppercase;
  padding: 0 0 18px 0;
}

.block-radio-02 .bloc-label-radio {
  padding: 0 0 18px 0;
}

.block-radio-02 .bloc-label-radio .radio {
  margin: 3px 14px 0 0;
  float: left;
}

.block-radio-02 .bloc-label-radio .radio span {
  background: url(../img/skin/pictos.png) left -6100px no-repeat;
  display: block;
  width: 11px;
  height: 10px;
}

.block-radio-02 .bloc-label-radio .radio span.checked {
  background-position: 0 -6200px;
}

.block-radio-02 .bloc-label-radio label {
  color: #565656;
  font-size: 1.1em;
  font-style: italic;
}

.block-radio-02 .skip label {
  font-weight: bold;
}

.block-radio-02 .col-02 {
  width: 330px;
  padding: 0;
  float: left;
  overflow: hidden;
  position: relative;
  min-height: 172px;
  padding: 0 0 33px 0;
  margin: 0 0 40px 0;
}

.block-radio-02 .col-02.first {
  margin-left: 80px;
}

.block-radio-02 .col-02 .bloc-label-radio {
  float: left;
  width: 150px;
}

.block-radio-02 .col-02 .skip {
  width: 330px;
  bottom: 0;
  left: 0;
  position: absolute;
}

.form-type-02 fieldset {
  border-bottom: 1px solid #d1d7df;
  padding: 20px 0 0 20px;
}

.form-type-02 fieldset .title {
  font-weight: bold;
  color: #565656;
  font-size: 1.25em;
}

@media (max-width: 768px) {
  .form-type-02 .required {
    padding: 0 !important;
    width: 100%;
  }

  #form-club-account .bloc-label-input {
    margin-bottom: 1em;
  }

  #form-club-account .bloc-label-input .form-item {
    margin-bottom: 0;
  }

  #form-club-account .bloc-label-input .form-item #edit-current-pass {
    width: 100%;
  }

  #form-club-account .civil .field-name-field-user-sex .form-item #edit-field-user-sex-und .form-item-field-user-sex-und{
    float: right;
  }

  .page-user #page-inner .block-title h2.title {
    font-size: 2.45em;
  }
  .page-user #page-inner .block-title h2.title,
  .page-user #page-inner .block-title h2.title + p {
    margin: 20px;
  }
  .page-user #page-inner .form-type-02 h2.title {
    font-size: 1.95em;
  }
  .page-user #page-inner .form-type-02 input[type="text"] {
    width: 100%;
  }
}

.form-type-02 .required,
#form-address .required {
  color: #565656;
  font-size: 1.1em;
  font-style: italic;
  padding: 0 0 15px 0;
}

.form-type-02 ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #394D68 !important;
  opacity: 1 !important;
  font-weight: normal;
}

.form-type-02 :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #394D68 !important;
  opacity: 1 !important;
  font-weight: normal;
}

.form-type-02 ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #394D68 !important;
  opacity: 1 !important;
  font-weight: normal;
}

.form-type-02 :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #394D68 !important;
  opacity: 1 !important;
  font-weight: normal;
}

.form-type-02 .bloc-label-input {
  overflow: hidden;
  height: 45px;
  position: relative;
}
#form-club-subscribe.form-type-02 .bloc-label-input{
  min-height: 48px;
  height: auto;
}
#form-club-subscribe .margin-minus-2{
  margin-top: -2px;
  padding: 0;
}

.form-type-02 .bloc-label-input label,
.form-type-02 .bloc-label-input .label {
  display: block;
  float: left;
  color: #565656;
  font-size: 1.1em;
  width: 195px;
  height: 22px;
  line-height: 22px;
  text-align: right;
  padding: 0 10px 0 0;
}

@media screen and (max-width:768px) {
  #form-club-account {
    margin: 20px;
  }

  #form-club-account .civil .field-name-field-user-sex .form-item #edit-field-user-sex-und .form-item-field-user-sex-und{
    float: left;
  }
}

.form-type-02 input[type="text"],
.form-type-02 input[type="password"],
#form-club-subscribe input[type="text"],
#form-club-subscribe input[type="password"],
#form-address .bloc-label-input input[type="text"] {
  width: 173px;
  height: 20px;
  line-height: 20px;
  border: 2px solid #eceded;
  float: left;
  padding: 0 5px;
  margin: 0 10px 0 0;
  color: #394d68;
  font-size: 0.95em;
  font-style: normal;
}

.form-type-02 input[type="password"]{
  margin-bottom: 9px;
}

.form-type-02 input.error,
.form-type-02 textarea.error,
.popin-new .block-club input.error {
  border-color: #fe1c1c !important;
}

.popin-new .block-register input.error,
.popin-new .block-register textarea.error,
.popin-new .block-club input.error {
  border-color: #fe1c1c !important;
  margin-bottom: 10px;
}

.popin-new .block-club input[type="text"].error {
  margin-bottom: 30px;
}

.form-type-02 label.error,
.popin-new .block-register label.error,
.popin-new .block-club label.error {
  color: #fe1c1c;
  font-weight: bold;
  font-size: 0.95em;
  position: absolute;
  width: 100%;
  height: auto;
  line-height: 1.2em;
  float: none;
  text-align: left;
}
.form-type-02 label.error {
  left: 205px;
  top: 27px;
}
#form-club-subscribe.form-type-02 label.error, #form-club-account.form-type-02 label.error{
  position: relative;
  float:left;
  left:0;
  top:0;
  margin-left: 205px;
  margin-top: 2px;
}
#form-club-subscribe.form-type-02 .bloc-label-radio label.error {
  margin-left: 0px;
}
#form-club-subscribe .birthdate label.error {
  left: 0;
  margin-left: -133px;
  min-width: 150px;
}
#form-club-subscribe.form-type-02 .bloc-label-checkbox label.error{
  position: absolute;
  top:15px;
}
/* Gestion Captcha */
#google_recaptcha_user_register_form {
  padding-left: 205px;
}
[id*="google_recaptcha_webform"] {
  margin-left: 1em;
}

.popin-new .block-register label.error {
  left: 227px;
  top: 23px;
}

.popin-new .block-register .bloc-label-checkbox label.error {
  top: 28px;
  left: 217px;
}

.popin-new .block-club label.error {
  left: 0px;
  top: 40px;
}

.block-type-92 .tunnel .step-03 .section-01 .birthdate {
  width: 205px;
}

.block-type-92 .tunnel .step-03 .section-01 .birthdate .error {
  position: relative;
  left: 0;
  top: 0;
  padding: 5px 0 0 0;
  float: left;
}

.block-type-92 .tunnel .step-03 .section-01 .time {
  width: 100px;
}

.form-type-02 .select {
  float: left;
  margin: 0 10px 0 0;
}

.form-type-02 .selector {
  float: left;
  margin: 0 10px 0 0;
  height: 22px;
  width: 186px;
  background: #fff;
}

.form-type-02 .selector span {
  border: 2px solid #eceded;
  background: url(../img/skin/picto-arrow-25.png) no-repeat 165px 8px;
  color: #394d68;
  font-size: 0.85em;
  font-weight: bold;
  font-style: normal;
}

.popin-new .block-register .selector.error {
  margin-bottom: 10px !important;
}

.form-type-02 .selector.error span,
.popin-new .block-register .selector.error span {
  border-color: #fe1010 !important;
}

.popin-new .block-register .birthdate label.error {
  left: -142px;
  top: 25px;
}

.popin-new .block-register .birthdate .selector span {
  color: #394d68;
}

.form-type-02 .selector select {
  width: 186px;
  height: 22px;
  font-style: normal;
  font-size: 1em;
  padding: 0;
}

.form-type-02 select#day {
  width: 55px;
  height: 22px;
}

.form-type-02 #uniform-day {
  width: 55px;
  margin: 0 2px 0 0;
}

.form-type-02 #uniform-day span {
  background-position: 38px 8px;
  height: 20px;
  padding: 0 0 0 6px;
}

.form-type-02 select#month {
  width: 55px;
  height: 22px;
}

.form-type-02 #uniform-month {
  width: 55px;
  margin: 0 3px 0 0;
}

.form-type-02 #uniform-month span {
  background-position: 38px 8px;
  height: 20px;
  padding: 0 0 0 6px;
}

.form-type-02 select#year {
  width: 70px;
  height: 22px;
}

.form-type-02 #uniform-year {
  width: 72px;
  margin: 0 10px 0 0;
}

.form-type-02 #uniform-year span {
  background-position: 56px 8px;
  height: 20px;
  padding: 0 0 0 6px;
}

.form-type-02 select#hour,
.form-type-02 select#minute {
  width: 40px;
  height: 22px;
}

.form-type-02 #uniform-hour,
.form-type-02 #uniform-minute {
  width: 40px;
  margin: 0 3px 0 0;
}

.form-type-02 #uniform-hour span,
.form-type-02 #uniform-minute span {
  background-position: 25px 8px;
  height: 20px;
  padding: 0 0 0 6px;
}

.form-type-02 .bloc-label-input p.info {
  font-style: italic;
  color: #565656;
  padding: 6px 0 0 0;
}

.form-type-02 .bloc-label-input p.qmark a {
  color: #667b94;
  display: inline-block;
  font-size: 1.25em;
  padding: 6px 0 0 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.form-type-02 .bloc-label-input p.info .link-type-07 {
  font-style: normal;
}

.form-type-02 .bloc-label-checkbox {
  padding: 0 0 25px 205px;
  overflow: hidden;
  position: relative;
}

.form-type-02 .bloc-label-checkbox input {
  float: left;
  margin: 0 8px 0 0;
}

.form-type-02 .bloc-label-checkbox label,
.form-type-02 .bloc-label-checkbox .label {
  color: #565656;
  float: left;
  display: block;
  font-size: 1.1em;
}

.form-type-02 .bloc-label-checkbox label.error {
  color: #fe1c1c;
  float: none;
  font-size: 0.95em;
  width: 300px;
  top: 17px;
}

.form-type-02 .rules {
  color: #565656;
  font-style: italic;
  padding: 0 0 10px 195px;
}

.form-type-02 .rules a, .form-type-02 label a {
  text-decoration: underline;
  color: #565656;
}

.form-type-02 .rules a:hover, .form-type-02 label a:hover {
  text-decoration: none;
}

.form-type-02 .btn-line {
  text-align: right;
}

.form-type-02 .btn-line input[type="submit"] {
  cursor: pointer;
  padding: 0 20px;
}

#form-club-subscribe.form-type-02 .rules {
  padding: 0 0 10px 0;
  color: #949598;
}

.form-type-02 .bloc-text {
  padding: 25px 0;
}

.popin-01 .form-type-02 .block-text {
  padding-bottom: 0;
}

.form-type-02 .bloc-label-radio {
  overflow: hidden;
  height: 30px;
}

.form-type-02 .legals, .popin-01 .form-type-02 .legals {
  color: #bebebf;
  font-size: 0.9em;
  padding: 0;
}

#popin-block-register-photoderm .bloc-label-radio input,
#popin-block-register-photoderm .bloc-label-radio .radio,
.form-type-02 .bloc-label-radio input,
.form-type-02 .bloc-label-radio .radio,
#form-testimony .bloc-label-radio input,
#form-testimony .bloc-label-radio .radio,
.form-type-02 .bloc-label-checkbox input,
.form-type-02 .bloc-label-checkbox .checker,
.form-type-02 .lang .radio {
  float: left;
  margin: 0 4px 0 0;
  cursor: pointer;
}

#popin-block-register-photoderm .bloc-label-radio label {
  font-size: 1em;
}

.form-type-02 .bloc-label-radio .radio,
.form-type-02 .bloc-label-checkbox .checker,
#form-testimony .bloc-label-radio .radio {
  margin: 2px 4px 0 0;
}

.form-type-02 .lang .checker {
  margin: 4px 4px 0 0;
  float: left;
  cursor: pointer;
}

.form-type-02 .bloc-label-radio .radio span,
#form-testimony .bloc-label-radio .radio span,
.form-type-02 .lang .radio span {
  display: block;
  width: 13px;
  height: 13px;
  background: url(../img/skin/pictos.png) left -8300px no-repeat;
  cursor: pointer;
}

.form-type-02 .bloc-label-checkbox .checker span,
.form-type-02 .lang .checker span {
  display: block;
  width: 13px;
  height: 13px;
  background: url(../img/skin/pictos.png) left -8350px no-repeat;
  cursor: pointer;
}

.form-type-02 .bloc-label-radio .radio span.checked,
.form-type-02 .lang .radio span.checked,
#form-testimony .bloc-label-radio .radio span.checked {
  background-position: 0 -8400px;
}

.form-type-02 .bloc-label-checkbox .checker span.checked,
.form-type-02 .lang .checker span.checked {
  background-position: 0 -8450px;
}

.form-type-02 .bloc-label-radio .radio span.error,
.form-type-02 .lang .radio span.error,
#form-testimony .bloc-label-radio .radio span.error {
  background-position: 0 -8500px;
}

.form-type-02 .bloc-label-checkbox .checker span.error,
.form-type-02 .lang .checker span.error {
  background-position: 0 -8550px;
}

.form-type-02 .bloc-label-radio .form-type-radios label {
  display: block;
  float: left;
  color: #565656;
  font-size: 1.1em;
  width: 50px;
  padding: 0 10px 0 0;
}

.form-type-02 .civil, #popin-block-register-photoderm .civil {
  padding: 0 0 0 205px;
}

#popin-block-register-photoderm .civil {
  padding: 0 0 5px 228px;
}

.form-type-02 .last {
  border: 0;
}

.form-type-02 .span-1 {
  height: 28px;
}

#form-club-activation .details {
  font-style: italic;
  font-size: 1.2em;
  padding: 0 0 20px 0;
}

#form-club-activation .name {
  padding: 0 0 25px 0;
}

#form-login .bloc-label-input label,
#form-login .bloc-label-checkbox label,
#form-login-full .bloc-label-input label,
#form-login-full .bloc-label-checkbox label {
  display: block;
  float: left;
  color: #565656;
  font-size: 0.9em;
  height: 22px;
  line-height: 22px;
  text-align: right;
  padding: 0 5px 0 0;
}

#form-login .bloc-label-checkbox label,
#form-login-full .bloc-label-checkbox label {
  height: auto;
  line-height: 1.2;
  padding: 0 30px 0 0;
}

#form-login label.error,
#form-login-full label.error {
  color: #fe1010;
}

#form-login input[type="text"],
#form-login input[type="password"],
#form-login-full input[type="text"],
#form-login-full input[type="password"] {
  width: 125px;
  height: 20px;
  line-height: 20px;
  border: 2px solid #eceded;
  float: left;
  padding: 0 5px;
  margin: 0 10px 0 0;
  color: #394d68;
  font-size: 0.95em;
}

#form-login input[type="text"].error,
#form-login input[type="password"].error,
#form-login-full input[type="text"].error,
#form-login-full input[type="password"].error {
  border-color: #fe1010;
  border-width: 1px;
}

#form-login input[type="password"],
#form-login-full input[type="password"] {
  width: 65px !important;
}

#form-login .bloc-label-checkbox input,
#form-login-full .bloc-label-checkbox input {
  float: left;
  margin: 0 5px 0 0;
}

#form-club-account .title {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 2.25em;
  font-weight: normal;
  padding: 0 0 15px;
  text-transform: uppercase;
}

#form-club-account fieldset {
  padding-left: 0;
}

#form-club-account #uniform-month {
  width: 84px;
}

#form-club-account select#month {
  width: 84px;
}

#form-club-account #uniform-month span {
  background-position: 68px 7px;
}

#form-club-account .legals,
#form-my-profile .legals,
#form-my-profile-skin .legals,
.page-home-h2o .legals,
.page-club-bioderma-jeu-les-instants-club-bioderma .legals,
.page-club-bioderma-quiz-sentinelle-de-l-atopie .legals {
  color: #bebebf;
  font-size: 0.9em;
}

#form-club-account .btn-line,
#form-my-profile .btn-line,
#form-my-profile-skin .btn-line {
  padding: 25px 0 20px 0;
}

#form-club-account .btn-line input[type="submit"] {
  width: auto;
  padding: 0 60px;
}

#form-club-account .picture,
#form-my-profile .picture {
  float: left;
  width: 186px;
  height: 178px;
  background: url(../img/skin/bg-picture.png) left top no-repeat;
  margin: 0 10px 0 0;
}

.form-type-02 .block-pw,
.form-type-02 .block-change {
  background: #f3f5f7;
  padding: 12px 0 0 0;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.form-type-02 .block-change {
  border-bottom: 1px solid #D1D7DF;
}

#form-club-account .block-change .btn-type-06 {
  padding: 0 35px;
  float: right;
  margin-top: -33px;
  z-index: 5;
  position: relative;
}

#form-club-account .pics,
#form-my-profile .pics {
  height: auto;
  margin: 0 0 25px 0;
}

#form-club-account .desc,
#form-my-profile .desc {
  float: left;
  width: 364px;
  height: 158px;
  position: relative;
}

#form-club-account .desc p,
#form-my-profile .desc p {
  padding: 0 0 15px 0;
}

#form-club-account .desc .buttons,
#form-my-profile .desc .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
}

#form-club-account .pics .buttons,
#form-my-profile .pics .buttons {
  float: left;
  width: 186px;
  margin: 0 10px 0 0;
}

#form-club-account .desc .buttons a,
#form-my-profile .desc .buttons a {
  display: block;
  margin: 4px 0 0 0;
}

#form-club-account .pics .buttons .image-widget-data,
#form-my-profile .pics .buttons .image-widget-data {
  bottom: 0;
  position: absolute;
}

#form-club-account .pics .buttons .image-preview + .image-widget-data,
#form-my-profile .pics .buttons .image-preview + .image-widget-data {
  position: relative;
  bottom: 20px;
  left: 196px;
}

#form-club-account .pics .buttons input[type="submit"],
#form-my-profile .pics .buttons input[type="submit"] {
  background-color: white;
  color: #657a95;
  font-size: 1.1em;
  background: url(../img/skin/picto-arrow-21.png) left 4px no-repeat;
  padding: 0 0 0 12px;
}

#form-club-account .pics .buttons input[type="submit"]:hover,
#form-my-profile .pics .buttons input[type="submit"]:hover {
  text-decoration: underline;
}

#form-club-account .pics .buttons .image-widget-data input[type="file"],
#form-my-profile .pics .buttons .image-widget-data input[type="file"] {
  margin-right: 10px;
}

#form-contact .bloc-label-input {
  height: auto;
  padding: 0 0 20px 0;
}

#form-contact .bloc-label-input label,
#form-contact .bloc-label-input .label {
  width: 135px;
  font-size: 1.2em;
}

#form-contact .long-label label {
    width: auto;
}
#form-contact #town-suggest {
  margin-left: 142px;
}

#form-contact input[type="text"] {
  border: 1px solid #dcddde;
  width: 268px;
  cursor: text;
}

#form-contact .selector span {
  border: 1px solid #dcddde;
}

#form-contact .bloc-label-radio {
  height: auto;
  padding: 0 0 3px 0;
}

#form-contact .bloc-label-radio label,
#form-contact .bloc-label-checkbox label {
  width: auto;
  font-size: 1.2em;
}

#form-contact fieldset {
  padding: 0 0 25px 25px;
  border: 0;
  position: relative;
}

#form-contact textarea {
  border: 1px solid #dddedf;
  width: 687px;
  height: 117px;
  padding: 5px;
  resize: none;
}

#form-contact label.title-type-01 {
  text-align: left;
}

#form-contact .title-type-01 {
  padding-left: 0 !important;
  width: auto !important;
}

#form-contact .title-type-01 span {
  color: #565656;
  text-transform: none;
  font-size: 0.7em;
}

#form-contact .title-type-01 span a {
  color: #565656;
  text-decoration: underline;
}

#form-contact .address {
  padding: 0 0 14px 0;
}

#form-contact .address label {
  height: 50px;
}

#form-contact .address input {
  margin: 0 0 8px 0;
}

#form-contact .country .bloc-label-radio,
#form-contact .civil .bloc-label-radio,
#form-contact .sexe .bloc-label-radio,
#form-testimony .civil .bloc-label-radio {
  float: left;
  padding: 4px 0 0 0;
}

#form-testimony .civil .bloc-label-radio {
  padding: 0;
}

#form-contact .country .bloc-label-radio label,
#form-contact .civil .bloc-label-radio label,
#form-contact .sexe .bloc-label-radio label,
#form-testimony .civil .bloc-label-radio label {
  line-height: 1em;
  padding-right: 20px;
}

#form-contact .sexe {
  padding: 0 0 12px 0;
}

#form-contact #uniform-day {
  width: 91px;
}

#form-contact #uniform-day span {
  background-position: 73px 7px;
}

#form-contact #uniform-day select {
  width: 91px;
}

#form-contact #uniform-month {
  width: 91px;
}

#form-contact #uniform-month span {
  background-position: 73px 7px;
}

#form-contact #uniform-month select {
  width: 91px;
}

#form-contact #uniform-year {
  width: 91px;
}

#form-contact #uniform-year span {
  background-position: 73px 7px;
}

#form-contact #uniform-year select {
  width: 91px;
}

#form-contact .birthdate label.error {
  left: -190px;
  width: auto;
}

#form-contact .block .title {
  font-size: 1.25em;
  padding: 0 0 8px 0;
}

#form-contact .block {
  padding: 0 0 15px 0;
}

#form-contact .bloc-label-checkbox {
  padding: 0 0 4px 0;
}

#form-contact .legals p {
  color: #000;
  font-size: 0.9em;
  padding: 0 0 15px 0;
}

#form-contact .btn-line {
  overflow: hidden;
  border-top: 1px solid #d1d7df;
  padding: 10px 0 0 0;
  margin: 0 0 30px 0;
}

#form-contact .children label {
  font-weight: bold;
  font-size: 1.25em;
  width: auto;
}

#form-contact .children input[type="text"] {
  width: 50px;
}

#form-contact .block-child {
  width: 435px;
  border-bottom: 1px solid #d1d7df;
  margin: 0 0 20px 0;
}

#form-contact .block-child.last {
  margin: 0;
  border-bottom: 0;
}

#form-contact .cgv {
  padding: 0 0 30px 0;
}

#form-contact .cgv .label {
  width: 675px;
}

#form-contact .cgv .label .no {
  display: none;
}

#form-contact .cgv .label a {
  text-decoration: underline;
  color: #565656;
}

#form-contact .cgv .label a:hover {
  text-decoration: none;
}

#form-contact .sub-radio {
  padding: 5px 0 0 20px;
  clear: both;
  position: relative;
}

#form-contact .offer label {
  width: 567px;
  text-align: left;
}

#form-contact .offer input[type="text"] {
  width: 110px;
  margin: 0;
}

#form-contact .birthdate label {
  text-align: left;
}

#form-contact .file {
  padding: 0;
  overflow: visible;
}

#form-contact .file label {
  width: auto;
  float: none;
  height: auto;
  line-height: 1em;
  padding: 0 0 10px 0;
  text-align: left;
}

#form-contact #otherlength {
  width: 114px;
}

#form-contact #uniform-function,
#form-contact #uniform-function select,
#form-contact #uniform-area,
#form-contact #uniform-area select {
  width: 435px;
}

#form-contact #uniform-function span,
#form-contact #uniform-area span {
  background-position: 415px 8px;
}

#form-contact .function .bloc-label-input,
#form-contact .area .bloc-label-input {
  padding: 0 0 20px 0;
}

#form-contact .function label.error,
#form-contact .area label.error {
  left: 0 !important;
  bottom: -15px !important;
}

#form-contact .function .bloc-label-input label {
  text-align: left;
}

#form-contact .function .bloc-label-input input {
  width: 281px;
}

#form-contact .area label {
  width: 100%;
  float: none;
  text-align: left;
  height: auto;
  padding: 0 0 10px 0;
  line-height: 1em;
}

#form-contact #uniform-othertype {
  margin: 0 0 0 16px;
}

#form-contact #uniform-othertype,
#form-contact #uniform-othertype select {
  width: 415px;
}

#form-contact #uniform-othertype span {
  background-position: 395px 8px;
}

#form-contact .type .other label {
  display: block;
  float: none;
  margin: 0 0 8px 0;
}

#form-contact .lang table .col-1 {
  width: 280px;
}

#form-contact .lang table .col-2 {
  width: 90px;
}

#form-contact .lang table .col-3 {
  width: 70px;
}

#form-contact .lang table .col-4 {
  width: 130px;
}

#form-contact .lang table .col-5 {
  width: 80px;
}

#form-contact .lang table .col-5 {
  width: 75px;
}

#form-contact .lang table {
  border-collapse: collapse;
}

#form-contact .lang table tr:first-child td {
  padding: 10px 0 0 0;
}

#form-contact .lang table th {
  border-bottom: 1px solid #d1d7df;
  height: 22px;
  color: #43484e;
  font-size: 1.25em;
  font-weight: normal;
  text-align: center;
}

#form-contact .lang table label.error {
  left: 0;
  display: none !important;
}

#form-contact .lang table td .radio {
  margin: 0 auto;
  float: none;
  width: 13px;
}

#form-contact .lang table td {
  height: 25px;
  vertical-align: middle;
  text-align: center;
}

#form-contact .lang .head {
  color: #43484e;
  font-size: 1.25em;
  text-align: left;
}

#form-contact .lang .head input[type="checkbox"] {
  margin: 0 10px 0 0;
}

#form-contact .lang .head input[type="text"] {
  width: 92px;
  float: none;
}

#form-contact .place label {
  width: auto;
  text-align: left;
  margin: 0 0 12px 0;
  float: none;
  height: auto;
  line-height: 1em;
}

#form-contact input[type="text"].error,
#form-testimony input[type="text"].error {
  border-color: #ff0000;
}

#form-contact label.error,
#form-testimony label.error {
  font-size: 1em;
  width: auto;
  height: auto;
  line-height: 1em;
  clear: both;
  left: 142px;
  color: #ff0000;
}

#form-contact label.error.relative {
  position: relative;
  top: 0px;
  left: 145px;
}

#form-testimony label.error {
  margin: 3px 0 0 75px;
}

#form-testimony .bloc-label-radio label.error {
  margin: 0;
  width: auto;
  width: 150px;
}

#form-contact .children label.error {
  left: 208px;
}

#form-contact .country2 label.error {
  left: 0;
  width: 300px;
}

#form-contact .radios label.error {
  bottom: 10px;
  left: 25px;
  top: auto;
}

#form-contact .file label.error {
  left: 0;
  top: auto;
  bottom: -25px;
}

#form-contact .block {
  position: relative;
}

#form-contact .block label.error {
  bottom: 5px;
  left: 0;
  top: auto;
}

#form-contact .radios .sub-radio label.error {
  bottom: 5px;
  left: 150px;
  top: auto;
}

#form-club-activate .birthdate2 label.error {
  left: -132px;
}

.page-contact .block-title {
  padding: 5px 0 5px 30px;
}

.page-contact .block-title .title {
  color: #617792;
  font-size: 2.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  padding: 0 0 5px 0;
  line-height: 1em;
}

.page-contact .block-title p {
  font-size: 1.25em;
}

.page-contact .block-title a {
  text-decoration: underline;
}

.birthdate2 #uniform-day {
  width: 48px;
}

.birthdate2 #uniform-day span {
  background-position: 31px 8px;
}

.birthdate2 #uniform-month {
  width: 78px;
}

.birthdate2 #uniform-month span {
  background-position: 61px 8px;
}

.birthdate2 #uniform-year {
  width: 55px;
}

.birthdate2 #uniform-year span {
  background-position: 39px 8px;
}

#form-password .btn-line a {
  margin: 0 20px 0 0;
}

#form-password fieldset {
  border: 0;
}

#form-my-profile .col,
#form-my-profile-skin .col {
  float: left;
  width: 255px;
  padding: 0 0 10px 0;
}

#form-my-profile .col .bloc-label-checkbox,
#form-my-profile-skin .col .bloc-label-checkbox {
  padding: 0 0 11px 30px;
}

#form-my-profile .title,
#form-my-profile-skin .title {
  color: #565656;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 2.25em;
  font-weight: normal;
  padding: 0 0 15px;
  text-transform: uppercase;
}

#form-my-profile fieldset,
#form-my-profile-skin fieldset {
  padding-left: 0;
}

#form-my-profile .note,
#form-my-profile-skin .note {
  font-size: 1.1em;
  padding: 0 0 20px 0;
  color: #565656;
}

#form-my-profile .note2,
#form-my-profile-skin .note2 {
  padding-left: 55px;
}

#form-my-profile .info,
#form-my-profile-skin .info {
  font-style: normal;
}

#form-my-profile .bloc-label-input label {
  text-align: left;
  padding: 0 0 0 55px;
  width: auto;
  margin: 0 8px 0 0;
}

#form-my-profile .bloc-label-input #nbchildren {
  width: 32px;
}

#form-my-profile .type-2 {
  padding: 0 0 25px 0;
}

#form-my-profile .type-2 > label {
  padding: 0 0 10px 55px;
  width: 100%;
}

#form-my-profile .type-2 .selector {
  margin: 0 25px 0 80px;
  width: 266px;
}

#form-my-profile .type-2 .selector span {
  background-position: 245px 8px;
}

#form-my-profile .type-2 .selector select {
  width: 266px;
}

#form-my-profile .type-2 .other label {
  font-style: italic;
}

.form-type-02 .check {
  background: url(../img/skin/pictos.png) left -8698px no-repeat;
  color: #57cfff;
  padding: 0 0 12px 15px;
}

.block-change p.check {
  margin: 0 0 0 200px;
  display: block;
}

#form-my-profile .block-change {
  padding: 15px 0 0 50px;
}

#form-my-profile .block-change p {
  padding: 0 0 15px 0;
}

#form-my-profile .block-change .bloc-label-input {
  float: left;
  margin: 0 90px 0 0;
}

#form-my-profile .block-change .bloc-label-input .selector {
  width: 60px;
}

#form-my-profile .block-change .bloc-label-input .selector span {
  background-position: 42px 8px;
}

#form-my-profile .block-change .bloc-label-input .selector select {
  width: 60px;
}

#form-my-profile-skin .line {
  overflow: hidden;
  padding: 0 0 10px 30px;
}

#form-my-profile-skin .line .bloc-label-radio {
  float: left;
  width: 165px;
}

#form-my-profile-skin .line .bloc-label-radio label {
  width: auto;
}

#form-my-profile-skin .line .bloc-label-radio img {
  vertical-align: middle;
}

#form-my-profile-skin .phototype input {
  margin-top: 5px;
}

#form-my-profile-skin .phototype label {
  margin-top: 5px;
}

#form-my-profile-skin .none label {
  width: auto;
}

.jquery-checkbox {
  display: block;
  float: left;
  cursor: pointer;
  cursor: hand;
}

.jquery-checkbox .mark {
  display: inline;
}

.jquery-checkbox img {
  width: 44px;
  height: 16px;
  vertical-align: middle;
}

.jquery-checkbox img {
  background: transparent url(../img/skin/checkbox.png) no-repeat;
}

.jquery-checkbox img {
  background-position: 0 0;
}

.jquery-checkbox-checked img {
  background-position: 0 -16px;
}

#form-alert-newsletter {
  padding: 10px 0 0 0;
}

#form-alert-newsletter .checkall input {
}

#form-alert-newsletter .title-type-01 {
  text-transform: none;
  font-size: 1.45em;
  padding: 0 0 5px 0;
}

#form-alert-newsletter .link-type-07 {
  float: right;
  margin: 0 0 40px 0;
  cursor: pointer;
  color: #6c7b95;
}

#form-alert-newsletter .container {
  overflow: hidden;
  width: 100%;
  padding: 0 3px;
}

#form-alert-newsletter .bloc-label-input {
  overflow: hidden;
  padding: 0 3px 10px;
}

#form-alert-newsletter .container .bloc-label-input {
  padding: 0 3px 30px;
}

#form-alert-newsletter label {
  width: 245px;
  display: block;
  float: left;
  color: #565656;
  height: 16px;
  line-height: 16px;
  font-size: 1.1em;
}

#form-alert-newsletter .checkall input {
  display: none;
}

#form-alert-newsletter .inactive {
  display: none;
}

#form-alert-newsletter .col {
  float: left;
}

#form-alert-newsletter .col.left {
  padding: 0 140px 0 0;
}

#form-alert-newsletter fieldset {
  border-top: 1px solid #d1d7df;
  background: url(../img/skin/bg-gradient-02.png) left top repeat-x;
  padding: 10px 0px 20px;
}

#form-alert-newsletter fieldset > p {
  color: #565656;
  padding: 0 3px 18px;
  font-size: 1.05em;
}

#form-alert-newsletter .block-empty {
  height: 33px;
  background-color: #f4f5f9;
  margin-bottom: 10px;
}

#form-alert-newsletter .block-empty p {
  display: block;
  margin: 0 0 0 40px;
  line-height: 30px;
  color: #4b4a4d;
}

#form-alert-newsletter .bloc-label-input input {
  float: left;
  vertical-align: middle;
  margin: 2px 5px 0 0;
}

#form-alert-newsletter .bloc-label-input label[for="newsletter"], #form-alert-newsletter .bloc-label-input label[for="edit-accept-newsletter"] {
  width: auto;
}

#form-alert-newsletter .btn-line {
  border-top: 1px solid #d1d7df;
  padding: 25px 0 25px 0;
  text-align: center;
}

#form-alert-newsletter .legals {
  font-style: italic;
  font-size: 1.1em;
  color: #565656;
}

#form-alert-newsletter .form-item-sms label {
  width: auto;
}

.form-diagnostic {
  border-top: 1px solid #d1d7df;
}

.form-diagnostic .banner {
  display: block;
  float: left;
}

.form-diagnostic fieldset {
  width: 538px;
  float: left;
  min-height: 343px;
  position: relative;
  padding: 0 0 54px 25px;
}

.form-diagnostic label {
  padding: 1px 0;
}

.form-diagnostic .steps {
  padding: 30px 0 30px 0;
}

.form-diagnostic .steps ul {
  overflow: hidden;
}

.form-diagnostic .steps li {
  float: left;
}

.form-diagnostic .steps li p {
  text-align: center;
  font-size: 2.85em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  height: 35px;
  display: block;
  color: #b3b3b4;
  padding: 0 0 5px 0;
}

.form-diagnostic .steps li.current p,
.form-diagnostic .steps li.done p {
  color: #565656;
}

.form-diagnostic .steps li .bar {
  display: block;
  height: 10px;
  width: 100%;
  position: relative;
  border-left: 1px solid #8c9cae;
  background: #afbac7;
}

.form-diagnostic .steps li:first-child .bar {
  border: 0;
}

.form-diagnostic .steps li .bar b {
  display: block;
  height: 10px;
  width: 0;
  background: #6c7b95;
}

.form-diagnostic .steps li.done .bar b {
  width: 100%;
}

.form-diagnostic .two-steps li {
  width: 269px;
}

.form-diagnostic .seven-steps li {
  width: 76px;
}

.form-diagnostic fieldset .title {
  color: #565656;
  text-transform: uppercase;
  font-size: 1.65em;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  padding: 0 0 4px 0;
}

.form-diagnostic fieldset .head {
  padding: 0 0 25px 0;
}

.form-diagnostic fieldset .head p {
  color: #565656;
  font-size: 1.1em;
}

.form-diagnostic fieldset .btn-line {
  overflow: hidden;
  height: 34px;
  position: absolute;
  border-top: 1px solid #e8ebef;
  right: 0;
  width: 538px;
  bottom: 0;
}

.form-diagnostic fieldset .btn-line .link-type-07 {
  display: block;
  float: left;
  margin-top: 10px;
}

.form-diagnostic fieldset .btn-line input[type="submit"] {
  float: right;
  cursor: pointer;
}

.form-diagnostic fieldset .directive {
  color: #565656;
  font-size: 1.45em;
  padding: 0 0 12px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

.form-diagnostic .bloc-label-radio label {
  display: block;
  color: #565656;
  font-size: 1.1em;
  cursor: pointer;
}

.form-diagnostic .block .bloc-label-radio {
  float: left;
  padding: 0 0 10px 0;
}

.form-diagnostic #edit-reponse-1213 .bloc-label-radio {
  height: 50px;
}

.form-diagnostic #edit-reponse-second .bloc-label-radio {
  height: 30px;
}

.form-diagnostic .bloc-label-radio input {
  float: left;
  margin: 0 12px 0 0;
  vertical-align: middle;
}

.form-diagnostic .bloc-label-radio label {
  float: left;
  width: 140px;
  padding: 0 10px 0 0;
}

.msie7 .form-diagnostic .bloc-label-radio label {
  width: 135px;
}

.form-diagnostic .block .bloc-label-radio.img {
  width: 160px;
  padding: 0 0 12px 0;
}

.form-diagnostic .block .bloc-label-radio.img input {
  display: none;
}

.form-diagnostic .bloc-label-radio.img label {
  height: 50px;
  display: block;
  float: none;
  width: auto;
  padding: 0;
}

.form-diagnostic .bloc-label-radio.img label .picture {
  display: block;
  width: 52px;
  height: 50px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 12px 0 0;
}

.form-diagnostic .img label .picture span {
  position: absolute;
  width: 46px;
  height: 44px;
  border: 3px solid #565656;
  display: none;
}

.form-diagnostic .img.selected label .picture span {
  display: block;
}

.form-diagnostic .bloc-label-radio.img label .label {
  height: 50px;
  line-height: 50px;
  display: block;
}

.form-diagnostic .bloc-label-radio.img label .label span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  zoom: 1;
}

.form-diagnostic .clear {
  clear: both;
  display: block;
}

.form-diagnostic .block {
  overflow: hidden;
  padding: 0 0 15px 0;
}

.form-diagnostic .block .col {
  clear: both;
}

.form-diagnostic input[type="text"] {
  border: 2px solid #ECEDED;
  color: #394D68;
  float: left;
  font-size: 0.95em;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin: 0 10px 0 0;
  padding: 0 5px;
}

.form-diagnostic .bloc-label-input {
  overflow: hidden;
}

.form-diagnostic .bloc-label-input #age {
  width: 42px;
}

.form-diagnostic .bloc-label-input .info {
  height: 20px;
  line-height: 20px;
}

.form-diagnostic .link-type-07 {
  background: url(../img/skin/picto-arrow-21-1.png) left 4px no-repeat;
}

.form-diagnostic .error-diag {
  color: red;
  font-style: italic;
  margin: -15px 0 0 0;
}

#form-sponsorship {
  border-top: 1px solid #d2d8e0;
  border-bottom: 1px solid #d2d8e0;
  padding: 12px 0 12px 55px;
  background: #f3f5f7;
  margin: 0 0 60px 0;
}

#form-sponsorship fieldset {
  padding: 0;
  border: 0;
}

#form-sponsorship .bloc-label-input {
  overflow: visible;
}

#form-sponsorship .bloc-label-input label {
  width: 215px;
}

#form-sponsorship .bloc-label-input .error {
  left: 225px;
}

#form-sponsorship .bloc-label-input label.error {
  width: 180px;
}

#form-sponsorship .bloc-label-input.textarea .error {
  left: 435px;
  top: 70px;
}

#form-sponsorship .textarea {
  height: auto;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 30px 0 0 0;
}

#form-sponsorship .textarea .info {
  color: #394d68;
  font-style: normal;
  font-size: 0.95em;
}

#form-sponsorship textarea {
  width: 187px;
  border: 2px solid #eceded;
  float: left;
  padding: 5px;
  margin: 0 25px 0 0;
  color: #394d68;
  font-size: 0.95em;
  font-weight: bold;
  height: 155px;
  min-height: 250px;
  max-width: 187px;
  min-width: 187px;
}

#form-sponsorship input[type="submit"] {
  width: 140px;
  float: none;
  margin: 0 0 -28px 255px;
  position: relative;
  display: block;
  cursor: pointer;
}

#form-sponsorship .title {
  color: #4b4a4d;
  font-size: 1.1em;
  font-weight: normal;
}

#form-sponsorship .legend {
  color: #4b4a4d;
  font-size: 1.1em;
  padding: 30px 0 15px 225px;
}

#form-sponsorship .add-sponsor {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 14px;
  margin: 6px 0 0 0;
  height: 18px;
  background: url(../img/skin/pictos.png) left -10294px no-repeat;
}

#form-sponsorship .remove-sponsor {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 14px;
  margin: 6px 0 0 0;
  height: 18px;
  background: url(../img/skin/pictos.png) left -10394px no-repeat;
}

#form-newsletter {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 35px 0;
  padding: 30px 0 30px 0;
  clear: both;
}

#form-newsletter .title {
  color: #464646;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: normal;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

#form-newsletter p {
  font-size: 1.25em;
  color: #464646;
}

#form-newsletter .bloc-label-input {
  float: right;
  border: 1px solid #d9d9d9;
  height: 41px;
  margin: 0 0 10px 0;
  overflow: hidden;
}

#form-newsletter .bloc-label-input input[type="text"] {
  width: 455px;
  padding: 0 20px 0 20px;
  color: #667b94;
  font-size: 1.4em;
  height: 41px;
  line-height: 41px;
  float: left;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

#form-newsletter .bloc-label-input input[type="submit"] {
  width: 52px;
  height: 41px;
  float: left;
  line-height: 41px;
  text-align: center;
  cursor: pointer;
  background: #667b94;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.85em;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
}

#form-newsletter .last {
  color: #464646;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  font-size: 1.25em;
  text-align: right;
  float: right;
  clear: both;
}

#form-newsletter .last:hover {
  text-decoration: underline;
}

#form-h2o .bloc-label-input {
  padding: 0 0 20px 0;
}

#form-h2o .bloc-label-input label {
  color: #667b94;
  font-size: 1.25em;
  display: block;
  padding: 0 0 5px 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

#form-h2o .bloc-label-input .selector {
  height: 32px;
}

#form-h2o .bloc-label-input .selector select {
  width: 390px;
  height: 32px;
}

#form-h2o .bloc-label-input .selector span {
  background: url(../img/skin/bg-select.png) left top no-repeat;
  width: 360px;
  line-height: 32px;
  height: 32px;
  border: 0;
  color: #848484;
  font-size: 1.1em;
  padding: 0 15px;
}

#form-h2o input[type="submit"] {
  margin: 0 0 30px 0;
}

#form-test fieldset .title,
#form-poll fieldset .title {
  color: #565656;
  font-size: 1.15em;
  padding: 0 0 12px 0;
  font-weight: normal;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
}

#form-test .bloc-label-radio label,
#form-poll .bloc-label-radio label {
  display: block;
  color: #565656;
  font-size: 1.1em;
  cursor: pointer;
}

#form-test .bloc-label-radio {
  float: left;
  width: 195px;
  padding: 0 0 10px 0;
  overflow: hidden;
}

#form-test .q6 {
  display: none;
}

#form-test .q5 .bloc-label-radio {
  width: auto;
  float: none;
}

#form-test .bloc-label-radio input,
#form-poll .bloc-label-radio input {
  float: left;
  margin: 0 12px 0 0;
  vertical-align: middle;
}

#form-test .bloc-label-radio label {
  float: left;
  padding: 0 10px 0 0;
}

#form-test .bloc-label-checkbox .label {
  display: block;
  color: #565656;
  font-size: 1.1em;
  cursor: pointer;
}

#form-test .bloc-label-checkbox .label a {
  color: #565656;
  text-decoration: underline;
}

#form-test .bloc-label-checkbox .label a:hover {
  text-decoration: none;
}

#form-test .bloc-label-checkbox {
  padding: 0 0 10px 0;
  overflow: hidden;
}

#form-test .bloc-label-checkbox input {
  float: left;
  margin: 0 12px 0 0;
  vertical-align: middle;
}

#form-test .longw .bloc-label-radio {
  width: auto;
  float: none;
}

#form-test .bloc-label-radio input {
  float: left;
  margin: 0 12px 0 0;
  vertical-align: middle;
}

#form-test .required {
  font-size: 1.1em;
  font-style: italic;
  color: #4b4a4d;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

#form-test fieldset {
  padding: 0 0 30px 0;
}

#form-test .bloc-label-input input {
  border: 1px solid #DCDDDE;
  width: 281px;
  height: 15px;
  margin-right: 5px;
}

#form-test .legals {
  font-size: 1.1em;
  font-style: italic;
  color: #4b4a4d;
  font-family: 'Trebuchet MS', "Helvetica Neue", Helvetica, sans-serif;
}

#form-test .btn-line {
  overflow: hidden;
  border-bottom: 1px solid #d1d7df;
  margin: 0 0 14px 0;

}

#form-test .btn-line input[type="submit"] {
  width: 238px;
  float: right;
  margin: 0 0 19px 0;
}

#form-test img {
  float: left;
}

#form-test .webform-grid {
  width: 665px;
  padding-left: 15px
}

#form-test .webform-grid thead {
  font-size: 1em;
}

#form-test .webform-grid thead th {
  padding: 0;
  font-weight: normal;
  font-size: 1.1em;
  width: 100px;
  color: #4b4a4d;
}

#form-test .webform-grid thead th.webform-grid-question {
  width: 350px;
}

#form-test .webform-grid tbody td.webform-grid-question {
  padding-left: 15px;
  font-size: 1.1em;
  color: #4b4a4d;
}

#form-poll {
  width: 338px;
}

#form-poll fieldset {
  border: 1px solid #d2d8e0;
  padding: 10px;
  margin: 0 0 19px 0;
}

#form-poll fieldset .title {
  padding: 0;
}

#form-poll .bloc-label-radio {
  overflow: hidden;
  padding: 20px 0 0 0;
}

#form-poll input[type="submit"] {
  float: right;
  width: 236px;
  cursor: pointer;
}

#form-testimony2 {
  width: 340px;
  float: right;
}

#form-testimony2 .bloc-label-input label {
  margin: 0 0 25px 0;
  display: block;
  color: #4b4a4d;
  font-size: 1.1em;
}

#form-testimony2 .bloc-label-input {
  padding: 0 0 45px 0;
  display: inline-block;
  display: block;
}

#form-testimony2 .bloc-label-input .selector span {
  width: 264px;
  border: 2px solid #ededed;
  background-position: 256px 7px;
}

#form-testimony2 .bloc-label-input .selector select {
  height: 22px;
  width: 274px;
}

#form-testimony2 .bloc-label-input:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#form-testimony2 input[type="submit"] {
  float: right;
  width: 236px;
  cursor: pointer;
}

#form-instants p {
  color: #667b94;
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 30px 0;
}

#form-instants label {
  text-transform: uppercase;
  color: #667b94;
  font-size: 1.35em;
  display: block;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

#form-instants .bloc-label-input {
  position: relative;
}

#form-instants input[type="text"] {
  background: #ddedf7;
  width: 332px;
  height: 57px;
  color: #667b94;
  border-radius: 2px;
  border: 2px solid #cadeeb;
  margin: 0 0 15px 0;
  padding: 0 10px;
  line-height: 57px;
  font-size: 2em;
}

#form-instants input[type="text"].error {
  border: 2px solid #f1acb0;
}

#form-instants p.error, #form-instants label.error {
  color: #fe0f0f;
  font-size: 1em;
  position: absolute;
  bottom: 0;
  padding: 0;
  left: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
}

#form-instants .btn-type-11 {
  float: right;
}

#form-instants .btn-type-11 span {
  width: 86px;
}

/***/

#form-node p {
  color: #626365;
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 30px 0;
}

#form-node label {
  text-transform: uppercase;
  color: #626365;
  font-size: 1.35em;
  display: block;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

#form-node .bloc-label-input {
  position: relative;
  margin: 0 0 20px 0;
}

#form-node input[type="text"] {
  background: #ebf3de;
  width: 332px;
  height: 57px;
  color: #626365;
  border-radius: 2px;
  border: 2px solid #cae1aa;
  margin: 0 0 15px 0;
  padding: 0 10px;
  line-height: 57px;
  font-size: 2em;
}

#form-node input[type="text"].error {
  border: 2px solid #f1acb0;
}

#form-node p.error,
#form-node label.error {
  color: #fe0f0f;
  font-size: 1em;
  position: absolute;
  bottom: 0;
  padding: 0;
  left: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
}

#form-node button[type="submit"] {
  display: block;
  background: url(../img/skin/bg-btn-submit-node.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 1.85em;
  height: 68px;
  width: 228px;
  text-align: left;
  float: right;
  margin: 0 5px 0 0;
}

#form-node button[type="submit"] span {
  padding: 0 0 0 65px;
  height: 68px;
  display: block;
  line-height: 53px;
}

/** PHOTODERM **/
#form-photoderm p {
  color: #626365;
  font-size: 1.25em;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  padding: 0 0 30px 0;
}

:focus {
  outline: none;
}

#form-photoderm label {
  text-transform: uppercase;
  color: #626365;
  display: block;
  padding: 0 0 10px 0;
  font-family:  'Century Gothic W02 Bold', 'Trebuchet MS', sans-serif;
  font-weight: normal;
}

#form-photoderm .bloc-label-input {
  position: relative;
  margin: 10px 0 0;
}

#form-photoderm .form-item-code {
  margin: 0 0 5px 0;
}

#form-photoderm input[type="text"] {
  background: #fff;
  width: 250px;
  color: #626365;
  border-radius: 2px;
  border: 1px solid #96acb4;
  margin: 0 0 15px 0;
  padding: 13px 10px;
  font-size: 14px;
}

#form-photoderm .form-item input[type="text"]::-webkit-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-style: italic;
}

#form-photoderm .form-item input[type="text"]:-moz-placeholder {
  color: #737373;
  font-size: 14px;
  font-style: italic;
}

#form-photoderm .form-item input[type="text"]:-ms-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-style: italic;
}

#form-photoderm .form-item input[type="text"]::-moz-placeholder {
  color: #737373;
  font-size: 14px;
  font-style: italic;
}

#form-photoderm input[type="text"].error {
  border: 2px solid #ad402b;
}

.messages.error-form-photoderm {
  background: none;
  border: none;
  height: auto;
  width: auto;
  z-index: 1000;
  position: absolute;
  bottom: 260px;
  right: 450px;
  color: #ad402b;
  font-size: 14px;
  padding: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
  font-style: italic;
}

#form-photoderm p.error,
#form-photoderm label.error {
  color: #ad402b;
  font-size: 14px;
  position: absolute;
  bottom: -5px;
  padding: 0;
  left: 0;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-weight: normal;
  text-transform: none;
  font-style: italic;
}

#form-photoderm button[type="submit"] {
  display: block;
  background: url(../img/op/photoderm/bg-btn-submit-photoderm.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 18px;
  height: 68px;
  width: 228px;
  text-align: left;
  margin: 10px 0 0;
  text-shadow: 0.1em 0.1em 0.2em #CF5E1D;
}

#form-photoderm button[type="submit"] span {
  padding: 13px 0 0 20px;
  height: 68px;
  display: block;
}

#form-photoderm-share {
  width: 435px;
}

#form-photoderm-share label {
  float: left;
  color: #FFF;
  font-size: 1.2em;
  line-height: 32px;
  margin-bottom: 5px;
}

#form-photoderm-share label.error {
  color: #e06666;
  position: absolute;
  top: 238px;
}

#form-photoderm-share input[type="text"] {
  float: right;
  height: 30px;
  margin-bottom: 5px;
  width: 250px;
  border: 1px solid #21667f;
}

#form-photoderm-share button[type="submit"] {
  display: block;
  background: url(../img/op/photoderm/bg-btn-play-photoderm.png) left top no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family:  'Century Gothic W02', 'Trebuchet MS', sans-serif;
  font-size: 18px;
  height: 68px;
  width: 228px;
  text-align: left;
  margin: 0px 5px 0 185px;
  position: relative;
  top: 20px;
  text-shadow: 0.1em 0.1em 0.2em #CF5E1D;
}

#form-photoderm-share button[type="submit"] span {
  padding: 0 0 0 15px;
  height: 68px;
  display: block;
  line-height: 56px;
}

#form-address fieldset {
  border: 0;
}

#form-address .info {
  font-size: 0.9em;
  color: #c8caca;
  float: left;
  padding: 0;
}

#form-address .bloc-label-input {
  height: 44px;
  padding: 0;
}

#form-address .required {
  padding: 0 0 0 205px;
}

#form-address .btn-line {
  text-align: center;
  padding: 20px 0 0 0;
}

#form-address input[type="submit"] {
  width: 280px;
  text-align: center;
}

#form-address .fake-input {
  color: #4b4a4d;
  font-size: 1.1em;
  display: block;
  float: left;
  padding: 0;
  height: 24px;
  line-height: 24px;
}

/* =BOOTSTRAP
----------------------------------------------------------------------------- */

.hide {
  display: none;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=1);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 2px 10px;
  color: #565656;
  font-size: 0.9em;
  text-align: center;
  text-decoration: none;
  background-color: #f1f3f5;
  border: 1px solid #d6d5d6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #dcdcde;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #dcdcde;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #dcdcde;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #dcdcde;
}

/* Selectmenu
----------------------------------*/

.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  zoom: 1;
  width: 183px !important;
  height: 20px;
  border: 2px solid #eceded;
  overflow: hidden;
  text-decoration: none;
  vertical-align: middle;
}

.ui-selectmenu-menu {
  display: none;
  z-index: 1005;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  border: 2px solid #eceded;
}

.ui-selectmenu-menu ul {
  position: relative;
  height: auto !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  text-align: left;
  list-style: none;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.ui-selectmenu-open {
  display: block;
}

ul.ui-selectmenu-menu-popup {
  margin-top: -1px;
}

.ui-selectmenu-menu li {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid #eceded;
}

.ui-selectmenu-menu li:first-child {
  border: 0;
}

.ui-selectmenu-menu li a {
  display: block;
  text-decoration: none;
  outline: none;
  color: #394d68;
  padding: 8px;
  font-size: 1em;
}

.ui-selectmenu-status {

}

.ui-selectmenu-status span {
  margin: 0;
  height: 20px;
  line-height: 20px;
  color: #394d68;
  font-size: 0.95em;
  padding: 0 5px;
  display: block;
  margin: 0;
  background: url("../img/skin/picto-arrow-05.png") no-repeat scroll 168px 7px #fff;
}

.ui-selectmenu-menu li.ui-state-disabled a,
.ui-state-disabled {
  cursor: default;
  color: #eceded;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}

.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  text-transform: uppercase;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
}

/* for optgroups */

.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
  line-height: 1.4em;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}

/* IE7 workaround (opacity disabled) */

* + html .ui-state-disabled,
* + html .ui-state-disabled a {
  color: silver;
  cursor: default;
}

.hide-text {
  border: 0;
  text-shadow: none;
  font: 0/0 a;
  color: transparent;
  background-color: transparent;
}

.input-block-level {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 30px;
}

.btn {
  cursor: pointer;
  display: inline-block;
}

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.btn-file > input, .btn-file > .form-type-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  direction: ltr;
  font-size: 23px;
  opacity: 0;
  transform: translate(-300px, 0) scale(4);
  cursor: pointer;
  filter: alpha(opacity=0);
  z-index: 0;
}

.fileupload {
  margin-bottom: 9px;
}

.fileupload .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}

.fileupload .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.fileupload .thumbnail > img {
  display: inline-block;
  max-height: 100%;
  vertical-align: middle;
}

.fileupload .btn {
  vertical-align: middle;
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
  display: none;
}

.btn .fileupload-new {
  margin: 0 15px 0 0;
}

.btn .fileupload-exists {
  display: none;
}

.fileupload-inline .fileupload-controls {
  display: inline;
}

/* Range Slider */

.range-slider {
  overflow: hidden;
}

.range-slider .slider-container {
  background: url(../img/skin/bg-range-slider.png) left -4px no-repeat;
  padding: 0 0 0 19px;
  float: left;
  width: 581px;
}

.range-slider .sliderselect {
  display: none;
}

.ui-slider {
  text-decoration: none !important;
  width: 540px;
  height: 30px;
  position: relative;
}

.ui-slider .ui-slider-handle {
  width: 14px;
  height: 24px;
  border: 1px solid #bfbfbf;
  display: block;
  position: absolute;
  top: 0;
  background: #fff;
  left: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.range-slider .label {
  display: block;
  float: left;
  font-style: italic;
  color: #4b4a4d;
  font-size: 1.1em;
  width: 75px;
  padding: 4px 0 0 0;
}

.range-slider .ranks {
  width: 594px;
  height: 14px;
  margin: 0 0 4px 75px;
}

.range-slider .ranks table {
  width: 100%;
  border-collapse: collapse
}

.range-slider .ranks table td {
  color: #fff;
  font-size: 1.1em;
  text-align: center;
  height: 14px;
  width: 54px;
}

.range-slider .ranks table .rank-01 {
  color: #4b4a4d;
  background: #def2fb;
  width: 167px;
}

.range-slider .ranks table .rank-02 {
  color: #4b4a4d;
  background: #bde6f6;
  width: 109px;
}

.range-slider .ranks table .rank-03 {
  color: #4b4a4d;
  background: #9cd9f2;
}

.range-slider .ranks table .rank-04 {
  background: #7ccdee;
}

.range-slider .ranks table .rank-05 {
  background: #5bc0e9;
}

.range-slider .ranks table .rank-06 {
  background: #45b8e6;
}

.range-slider .ranks table .rank-07 {
  background: #24abe2;
  width: 109px;
}


.front #page{
  overflow: visible;
}

.page-search #main,
.page-search #sidebar{
  float: right !important;
}

.page-search .title-search{
  float: left;
}


/** Sidebar Catalogue Slider (Votre peau) */
.sidebar_gammes {
  background:#F5F7FA;
  clear: both;
  width:296px;
  border:1px solid #E9F0F4;
}
.sidebar_gammes h1 {
  background:#FFF;

  text-align: center;
  height:2.5em;
  line-height: 2.5em;
}
.sidebar_gammes .caroufredsel_wrapper {
  height:230px !important;
}
.sidebar-gamme-slider {
  width: 296px;
  height: 245px;
  margin: auto;
}
.sidebar-gamme-slider .slide {
  float:left;
  width:296px;
  border-top : 1px solid #E9F0F4;
  border-bottom : 1px solid #E9F0F4;
  background:#FFF;
  text-align: center;


}
.sidebar-gamme-slider img {
  width: 230px;
  height: 187px;
  margin:auto;
}

.sidebar-gamme-slider a {
  display: inline-block;
  padding: 0.5em;
  font-size: 1.2em;
  position:relative;
  bottom: -1em;
  margin-top: -1em;
  text-transform:uppercase;
  color:#FFF;
}
.pagination-side-gamme-slider {
  background:#F5F7FA;
  padding: 1em;
}

.pagination-side-gamme-slider li {
  height: 2em;
  padding:0.5em;
  line-height: 2em;
}
.pagination-side-gamme-slider li span.title {
  text-transform:uppercase;
    font-size: 1em;

}

.pagination-side-gamme-slider li span.desc {
  font-size: 0.8em;
}
.pagination-side-gamme-slider li.selected,
.pagination-side-gamme-slider li:hover {
  background: #FFF;
  border-color:#E9F0F4;
  border-width:1px 1px 1px 0;
  border-style:solid;
}
/**  END Sidebar Catalogue Slider (Votre peau) */

body.front #block-big-carousel ul.slides li img, /* HP carousel images "Découvrir" */
body.front .block-type-54.type-54a ul.slides li img, /* HP carousels images "Nos produits" + "Club Bioderma" */
body.front .block-type-55 .field-items .field-item img, /* HP carousels images "Actualités" + "Laboratoire" */
body.front .block-type-54.type-54b ul.slides li img, /* HP carousel images "Votre peau" */
.labo-head-wrapper, /* HP Le laboratoire - vidéo */
.labo-content-list .misc img, /* HP Le laboratoire - blocs images sous-rubriques */
.page-lab .block-type-44.type-44c img, /* Laboratoire - Philosophie - header img */
.page-lab .block-type-44.type-44b img, /* Laboratoire - Histoire - images */
.page-lab .block-type-41 ul li .misc img, /* Laboratoire - Histoire - images */
.page-lab .block-type-44 > img, /* Laboratoire - Innovation - header img */
.page-news .block-type-58 .media img, /* HP Actualités - images */
#your-skin #block-big-carousel ul.slides li img, /* HP votre peau carousel images */
#your-skin-container .ys-category__item .ys-category__illustration img, /* HP votre peau - images profil cutané */
.view-votre-peau-sidebar .caroufredsel_wrapper ul.slides li img, /* HP votre peau - slider colonne de droite */
.block-type-115.block-expand .block-type-97.type-97-2 ul.list li img, /* Tests produits - derniers résultats */
.img-bordered
{
  border: 1px solid #e7e7e7 !important;
}

/* see : #1431 */
body.front.domain-ae-bioderma-com #sidebar {
  display: none;
}

#open-close-labo,
#open-close-products,
#open-close-peau,
#open-close-club{
  display: none;
}

@media(max-width: 768px) {
  #open-close-labo,
  #open-close-products,
  #open-close-peau,
  #open-close-club{
    display: inline;
  }

  .close-login-form {
    margin-top: 15px !important;
  }

  .login-window #form-login-full{
    height: 245px;
  }

  #custom-close-menu {
    position: absolute;
    bottom: 0;
    width: 93%;
    margin-left: 3%;
  }
}

@media(min-width: 769px) {
  .close-login-form {
    display: none !important;
  }
}

.gamme_reference {
  font-size: 1.25em;
  line-height: 1.45em;
  color: #565656;
  padding: 10px 0 0 0;
  width: 900px;
}
.popin-01 .inner .block-diag-results .padding-top-20{
  padding-top: 20px;
}