/*
Theme Name: EightDegree-Child
Theme URI: http://underscores.me/
Author: Web Dingo
Author URI: http://www.webdingo.net
Version: 1.1.3
Template: EightDegree
License: Themeforest
License URI: https://themeforest.net/licenses/terms/regular
Text Domain: EightDegree
Tags: one-column, right-sidebar, left-sidebar
*/

/* ==========================================================================
   Fonts
   ========================================================================== */
/*
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/Opensans/openopensans-regular-webfont.eot');
    src: url('fonts/Opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/Opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/Opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/Opensans/OpenSans-Light-webfont.eot');
    src: url('fonts/Opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/Opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/Opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/Montserrat/montserrat-bold-webfont.eot');
    src: url('fonts/Montserrat/montserrat-bold-webfont.eot?#iefix') format('eot'),
         url('fonts/Montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/Montserrat/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/Montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/Montserrat/montserrat-regular-webfont.eot');
    src: url('fonts/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/Montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/Montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   General
   ========================================================================== */

html{
  font-style: normal; 
  line-height:1.65;
  font-family: serif;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;

}
body {
  height: 100%;
  width: 100%;
  overflow-x:hidden;
  overflow-y:auto;

}
.lt-ie8 body{
  overflow: hidden;
}
.lt-ie8 .page{
  position: relative;
}
.lt-ie8 .mainnav, .lt-ie8 .slide-caption,.lt-ie8 .scrollanimation{
  left: 0;
}
.lt-ie8 .nav-links li, .lt-ie8 .tabs li, .lt-ie8 .portfolio-nav li, .lt-ie8 .social-networks li, .lt-ie8 .portfolioinner li,.lt-ie8 .mix{
  float: left;
}
.lt-ie9 .mainnav .row{padding: 0px 15px;}
.lt-ie9 .nav-links{right: -60px;}
#main, #primary{min-height: 100%;}
.fixed{
  position: fixed !important;
  top: 0;
}
.alignright{
  text-align: right;
  float: right;
}
.alignleft{
  text-align: left;
  float: left;
}
.aligncenter{ text-align: center; margin:0 auto;}
.nopadding{padding: 0 !important;}
div.page{
  width: 100%;
  padding: 0px 0px;
  overflow: hidden;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.page-template-default #main{padding-top: 54px;}

.grid:after{
  content: '';
  display: table;
  width: 100%;
  clear: both;
}
.footer{
  width: 100%;
  text-align: center;
  padding:70px 35px;
  position: relative;
}

.footer small{
  display: block;
  width: 100%;
  margin-top: 15px;
  font-size: 80%;
  text-align: center;
  
}
.footer .grid > div{
  padding: 5px 15px;
}
.footer.row{margin-bottom:0px}
#scroll-top{
  width: 40px;
  height: 40px;
  background-image:url(images/up.png);
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -30px;
  border:1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}

/* ==========================================================================
   Typography
   ========================================================================== */
::selection{color: #fff;}
::-moz-selection{color: #fff;}
.ampersand { font-family: Ampersand, Verdana, sans-serif; }
.breakword { word-wrap: break-word; }
.normal-wrap { word-wrap: normal; }
.inherit-wrap { word-wrap: auto; }
small { font-size: 65%; }

h1,h2,h3,h4,h5,h6{
  line-height: 1;
  margin-top: 0;
  text-rendering: optimizeLegibility;

  /*
  1.1.2
  font-weight: normal;*/
}

.tera { margin-bottom: 0.25385em; }
.giga { margin-bottom: 0.33em; }
.mega { margin-bottom: 0.4125em; }
h1, .alpha { margin-bottom: 0.495em; }
h2, .beta { margin-bottom: 0.61875rem; }
h3, .gamma { margin-bottom: 0.825em; }
h4, .delta { margin-bottom: 1.2375em; }
h5, .epsilon {margin-bottom: 1.4142857142857141em; }
h6, .zeta {margin-bottom: 1.4142857142857141em; }
.subheading{
  display: block;
  font-size: 12px;
  margin: 10px 0 0 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 300;
}

#reply-title a{ color: #fff; }
a{text-decoration: none;}
.skrollr a{
  -webkit-transition: color 75ms ease;
  -moz-transition: color 75ms ease;
  -ms-transition: color 75ms ease;
  -o-transition: color 75ms ease;
  transition: color 75ms ease;
}

hr { 
  height: 1px;
  border: none;
  border-top: 1px solid #D0D0D0;
  margin: 0px; 
}
.pageheading p{
  font-size: 1.6em;
  margin-bottom: 5px;
}
em{font-family: serif;}

.drop-cap:first-letter {
  background-color: #333;
  color: #fff;
  float: left;
  font-size: 3em;
  font-style: normal !important;
  line-height: 1;
  margin: 4px 15px 0 0;
  padding: 15px;
  text-indent: 0;
}
p + .drop-cap {
  text-indent: 0;
  margin-top: 0;
}
p { margin: auto auto 1.5em;}
abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp {
  -webkit-hyphens: none; 
  -moz-hyphens: none; 
  -ms-hyphens: none; 
  -o-hyphens: none; 
  hyphens: none;  
}
pre code {
  word-wrap: normal;
}
code {
   font-family: monospace;
}
abbr {
  font-variant: small-caps; 
  font-weight: 600;
  text-transform: lowercase;
  color: #808080;
}
abbr[title]:hover { cursor: help; }
.lining dt, .lining dd {
  display: inline;
  margin: 0;
}
.lining dt + dt:before, .lining dd + dt:before {
  content: "\A";
  white-space: pre;
}
.lining dd + dd:before { content: ", "; }
.lining dd:before {
  content: ": ";
  margin-left: -0.2em;
}
.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}
.dictionary-style dt + dt:before {
  content: ", ";
  margin-left: -0.2em;
}
.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}
.dictionary-style dd:before {
  content: counter(definitions, decimal) ". ";
}
blockquote p:last-of-type { margin-bottom: 0; }
.blockquote + figcaption {
  display: block;
  font-size: inherit;
  text-align: right;
}
.blockquote + figcaption:before { content: "-"; }
blockquote{
    border-left: 10px solid;
    color: #a7a7a7;
    font-size: 1.3em;
    padding: 0 0 0 30px;
    margin: 0;
}
blockquote:after{
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  margin: 15px 0px;
}
cite{
  font-style: normal;
}
.pull-quote {
  position: relative;
  padding: 1em;
}
.pull-quote:before,.pull-quote:after {
  height: 1em;
  opacity: 0.15;
  position: absolute;
  font-size: 4em;
  color: #dc976e;
}
.pull-quote:before {
  content: '“';
  top: 0;
  left: 0;
}
.pull-quote:after {
  content: '”';
  bottom: 0;
  right: 0;
}
.tooltip{
  display:inline;
  position:relative
}
.tooltip:hover{text-decoration:none}
.tooltip:hover:after{
  background:#111;
  background:#111;
  bottom:18px;
  color:#fff;
  content:attr(title);
  display:block;
  left:-50%;
  margin-left: -15px;
  padding:5px 15px;
  position:absolute;
  white-space:nowrap;
  z-index:98
}
.tooltip:hover:before{
  border:solid;
  border-color:#111 transparent;
  border-width:6px 6px 0 6px;
  bottom:12px;
  content:"";
  display:block;
  left:50%;
  margin-left: -6px;
  position:absolute;
  z-index:99
}

.underline:after{
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  margin: 15px auto 0px auto;
  border-bottom: 1px solid;
  border-color: inherit;
}
.alignleft .underline:after{margin:15px 0px 0px 0px;}
.alignright .underline:after{
  margin:15px 0px 0px 0px; 
  position: absolute;
  right: 15px;
}
.boxed{
  border:3px solid;
  display: inline-block;
  padding: 5px 25px;
}
.borderbottomtop{
  border-top:3px solid;
  border-bottom:3px solid;
  display: inline-block;
  padding: 5px;
}
.borderleftright{
  border-left:3px solid;
  border-right:3px solid;
  display: inline-block;
  padding: 0px 45px;
}
.dottedbottom{display: inline-block;}
.dottedbottom:after{
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  padding: 0px 5px;
  margin-top: 10px;
  margin-left: -5px;
  background: url('images/dots.png') repeat-x center center;
}
.dottedtop{ display: inline-block;}
.dottedtop:before{
  content: '';
  display: block;
  width: 100%;
  height: 7px;
  padding: 0px 5px;
  margin-bottom: 10px;
  background: url('images/dots.png') repeat-x center center;
}
.dottedleftright{ background: url('images/dots.png') repeat-x center center; }
.dottedleftright span{
  height: 100%;
  padding: 0px 25px;
}
.alignleft .dottedleftright span{padding-left: 0px;}
.alignright .dottedleftright span{padding-right: 0px;}

/* ==========================================================================
   Navigation
   ========================================================================== */
.mainLogo img{
  display: inline;
  vertical-align: middle;
}
.mainLogo{
  padding: 0 0 0 20px;
  float: left;
  line-height: 65px;

}
.lt-ie8 .mainLogo{
  padding-top: 15px;
}
.page-template-single-page-php .mainnavhide{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.mainnav{
  display: block;
  width: 100%;
  min-height: 70px;
  z-index: 1050;
  border-bottom:none;
  position: absolute;
}
#separateur{
width: 100%;
    height: 80px;
    background-image: url(https://www.metasyn.eu/wp-content/themes/EightDegree-child/img/separateur_header.png);
    background-repeat:repeat-x;
    background-position: bottom;
    margin: 0 0 0 0;
    background-color: transparent !important;
    position: fixed;
    z-index: 3;
}

.no-js .mainnav{top:2px;}
.mainnav a{
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  letter-spacing: 1px;
}
.mainnav a:focus {outline: none;}
.mainnav  ul{
  display: block;
  margin: 0;
  padding: 0 10px 0 0;
  text-align: center;
  position: relative;
  float: right;
}
.mainnav ul > li{
  display: inline-block ;
  padding: 0;
  position: relative;
  height: 70px;
  margin-right: 26px;
  text-align: center;
  line-height: 70px;
}
.mainnav ul > li > a{
  display: block;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.menu-item-has-children, .page_item_has_children{
  overflow: visible;
}
.mainnav .sub-menu, .mainnav .children{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  padding: 15px 0px;
  left: -15px;
  border: 1px solid #e6e6e6;
}
.skrollr .mainnav .sub-menu,.skrollr .mainnav .children{
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}
.mainnav .sub-menu ul, .mainnav .children ul{
  left: 100%;
  top: -16px;
}
.mainnav .sub-menu li, .mainnav .children li{
  display: block;
  margin-right: 0;
  height: 40px;
  line-height: 40px;
  min-width: 180px;
}
.mainnav .sub-menu a, .mainnav .children a{
  padding: 0px 15px;
  text-align: left;
}
.menu-item-has-children:hover > .sub-menu, .page_item_has_children:hover > .children{
  visibility: visible;
  opacity: 1;
}
.mainnav .grid{ padding: 0px 0px; }
.mainnav ul > li:last-child{margin-right: 0px;}
.mainnav select{display:none;}
.nav-active > a:hover{cursor: default;}
#menubutton{
  width: 55px;
  height: 70px;
  float: right;
  display: none;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.mainnav ul > li > a {
    font-size: 16px !important;
} 
}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

}

/* =======================================================================
   Sections
   =======================================================================*/


/* ===================================================
   HOME
   ===================================================*/

#bandeau-lipometasyn .parallaxSectionContent {
  padding: 80px 0px 60px 0px !important; 
}
#bandeau-lipometasyn #contener {
  width: 980px;
  height: 400px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
#bandeau-lipometasyn #produit {
  width: 250px;
  height: 400px;
  float: left;
  padding: 5px;
  margin-left: 300px;
}
#bandeau-lipometasyn #produit #verbatim {
  width: 200px;
  height: 200px; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background: rgba(255,255,255,0.9);
  color: #DB222F;
  font-size: 21px;
  line-height: 28px;
  padding: 50px 20px;
  margin: 0 auto 0 auto;
  vertical-align: middle;
  font-family: 'open_sansregular';
}
#bandeau-lipometasyn #produit #visuel_produit { 
  width: 260px;
  /*height: 150px;*/
  padding: 50px 0 0 0;
}

#bandeau-lipometasyn #infos_produit {
  width: 360px;
  height: 400px;
  float: left;
  padding: 90px 0 0 0;
  margin: 0 0 0 60px;
  text-align: center;
  font-family: 'open_sansregular';
  color: #005871 !important;
}
#bandeau-lipometasyn #infos_produit h2, #bandeau-lipometasyn #infos_produit h1 {
  color: #005871 !important;
}
#bandeau-lipometasyn #infos_produit h1 {
  padding: 5px 0;
}
#bandeau-lipometasyn #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
#bandeau-lipometasyn #infos_produit span {
  font-size: 26px !important;
}
#bandeau-lipometasyn #infos_produit h2 span {
  font-size: 20px !important;
}
#bandeau-lipometasyn #btn {
  width: 240px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  letter-spacing: 1px;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#bandeau-lipometasyn .parallaxSectionContent {
  padding: 0px 0px 0px 0px !important; 
}

#bandeau-lipometasyn .parallaxSection {
 background-position: 25% 5px !important;
 background-size: auto 110%;
}

#bandeau-lipometasyn #contener {
  width: 100%;
  height: auto;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color: none;
}

#bandeau-lipometasyn #btn {
    width: 180px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    letter-spacing: 1px;
}

#bandeau-lipometasyn #produit {
  width: 100%;
  height: 140px;
  float: right;
  padding: 5px;
  margin: 40px 0 0 0;
}

#bandeau-lipometasyn #produit #verbatim {
    width: 180px;
    height: 180px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: rgba(255,255,255,0.9);
    color: #DB222F;
    font-size: 20px;
    line-height: 22px;
    padding: 40px 20px;
    margin: 0 auto 0 auto;
    vertical-align: middle;
    font-family: 'open_sansregular';
}

#bandeau-lipometasyn #produit #visuel_produit {
    width: 240px;
    height: 150px;
    padding: 0 0 0 50px;
    margin: 0px 10px 0 0px;
    float: right;
/*    margin-left: auto;
    margin-right: auto;*/
}

#bandeau-lipometasyn #infos_produit {
    width: 200px;
    height: auto;
    float: right;
    padding: 0 0px 0px 0px;
    margin: 0px 20px 0 0px;
    text-align: center;
    font-family: 'open_sansregular';
    color: #005871 !important;
}

#bandeau-lipometasyn #infos_produit h1 {
    font-size: 28px !important;
}
#bandeau-lipometasyn #infos_produit h2 {
    font-family: 'open_sanslight';
    font-size: 30px !important;
}

#bandeau-pack-duo-metasyn #produit #verbatim,
#bandeau-glucometasyn #produit #verbatim,
#bandeau-lipometasyn #produit #verbatim {
    display: none;
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

}

/* =======================================================================*/


#efficacite-100-prouvee {
  padding: 25px 0px !important;
}
#efficacite-100-prouvee .c4 {
  width: 40% !important;
}
#efficacite-100-prouvee .c8 {
  width: 60% !important;
  padding: 15px 15px 15px 50px;
}
#efficacite-100-prouvee .c4 table {
  float: right !important;
  vertical-align: middle !important;
}
#efficacite-100-prouvee .c4 h2 {
  margin: 0 0 0 0 !important;
  line-height: 34px;
}
#efficacite-100-prouvee p {
  text-align: left !important;
  font-size: 17px;
  font-family: 'open_sansregular';
  margin: 0 0 0 0 !important;
}
#efficacite-100-prouvee a {
  text-decoration: underline;
}

#efficacite-100-prouvee p {
  margin: 0 0 0 0 !important;
  color: #707070;
  font-family: 'open_sansregular';
}
#efficacite-100-prouvee .mention {
  text-align: left !important;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 5px 0 !important;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#efficacite-100-prouvee .c4 {
  width: 100% !important;
  padding: 0px 20px 0px 20px;
}
#efficacite-100-prouvee .c8 {
  width: 100% !important;
  padding: 0px 20px 0px 20px;
  text-align: center !important;
}
#efficacite-100-prouvee .c8.end div {
    float: none !important;
    vertical-align: middle !important;
    margin-left: auto;
    margin-right: auto;
}
#efficacite-100-prouvee .mention {
  text-align: center !important;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 5px 0 !important;
}
#efficacite-100-prouvee .c4 table {
    float: none !important;
    vertical-align: middle !important;
    margin-left: auto;
    margin-right: auto;
}
#efficacite-100-prouvee .c4 h2 {
  margin: 0 0 0 0 !important;
  line-height: 28px;
}

}

/* =======================================================================*/


#bandeau-glucometasyn .grid {
  display: none;
}
#bandeau-glucometasyn .parallaxSectionContent {
  padding: 50px 0px 60px 0px !important; 
}
#bandeau-glucometasyn #contener {
  width: 980px;
  height: 400px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
#bandeau-glucometasyn #produit {
  width: 250px;
  height: 400px;
  float: right;
  padding: 5px;
  margin-right: 250px;
}
#bandeau-glucometasyn #produit #verbatim {
  width: 180px;
  height: 180px; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background: rgba(255,255,255,0.9);
  color: #0088C6;
  font-size: 22px;
  line-height: 28px;
  padding: 45px 20px;
  margin: 0 auto 0 auto;
  vertical-align: middle;
  font-family: 'open_sansregular';
}
#bandeau-glucometasyn #produit #visuel_produit { 
  width: 260px;
  /*height: 150px;*/
  padding: 50px 0 0 0;
}

#bandeau-glucometasyn #infos_produit {
  width: 420px;
  height: 400px;
  float: right;
  padding: 90px 0 0 0;
  margin: 0 60px 0 0;
  text-align: center;
  font-family: 'open_sansregular';
  color: #005871 !important;
}
#bandeau-glucometasyn #infos_produit h2, #bandeau-glucometasyn #infos_produit h1 {
  color: #005871 !important;
}
#bandeau-glucometasyn #infos_produit h1 {
  padding: 5px 0;
  font-size: 40px !important;
}
#bandeau-glucometasyn #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
#bandeau-glucometasyn #infos_produit span {
  font-size: 26px !important;
}
#bandeau-glucometasyn #infos_produit h2 span {
  font-size: 20px !important;
}
#bandeau-glucometasyn #btn {
  width: 240px;
  height: 40px;
  background-color: #0088C6;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  letter-spacing: 1px;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#bandeau-glucometasyn .parallaxSectionContent {
  padding: 0px 0px 0px 0px !important;
}

#bandeau-glucometasyn .parallaxSection {
 background-position: -54% 0px !important;
 background-size: auto 100%;
}

#bandeau-glucometasyn #contener {
  width: 100%;
  height: auto;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  background-color: none;
}

#bandeau-glucometasyn #produit {
  width: 100%;
  height: 140px;
  float: right;
  padding: 5px;
  margin: 40px 0 0 0;
}

#bandeau-glucometasyn #produit #visuel_produit {
    width: 240px;
    height: 150px;
    padding: 0 0 0 50px;
    margin: 0px 10px 0 0px;
    float: right;
/*    margin-left: auto;
    margin-right: auto;*/
}

#bandeau-glucometasyn #infos_produit {
    width: 240px;
    height: auto;
    float: right;
    padding: 0 0px 0px 0px;
    margin: 0px 20px 0 0px;
    text-align: center;
    font-family: 'open_sansregular';
    color: #005871 !important;
}

#bandeau-glucometasyn #btn {
    width: 180px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    letter-spacing: 1px;
}

#bandeau-glucometasyn #infos_produit h1 {
    font-size: 28px !important;
}
#bandeau-glucometasyn #infos_produit h2 {
    font-family: 'open_sanslight';
    font-size: 30px !important;
}

#bandeau-pack-duo-metasyn #produit #verbatim,
#bandeau-glucometasyn #produit #verbatim,
#bandeau-lipometasyn #produit #verbatim {
    display: none;
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

}


/* =======================================================================*/


#ingredients-100-naturels {
  padding: 25px 0px !important;
}
#ingredients-100-naturels .c4 {
  width: 40% !important;
}
#ingredients-100-naturels .c8 {
  width: 60% !important;
  padding: 0px 15px 0px 50px;
}
#ingredients-100-naturels .c4 table {
  float: right !important;
  vertical-align: middle !important;
}
#ingredients-100-naturels .c8 table {
  float: left !important;
  vertical-align: middle !important;
  text-align: center !important;
  font-size: 17px;
  font-family: 'open_sansregular';
}
#ingredients-100-naturels .c4 img {
  margin: 0px 25px -10px 25px
}
#ingredients-100-naturels .c4 a img {
  margin: 0px 0px -4px 2px !important;
}
#ingredients-100-naturels .c8 img {
  margin: 0px 25px -10px 25px
}
#ingredients-100-naturels .c4 h2 {
  margin: 0 0 0 0 !important;
  line-height: 34px;
}
#ingredients-100-naturels a {
  text-decoration: none;
  font-family: 'open_sansregular';
  font-size: 14px !important;
  padding: 5px 0;
  font-weight: bold;
}
#ingredients-100-naturels .c8 table p {
  margin: 0 0 0 0 !important;
  color: #707070;
  font-family: 'open_sansregular';
  text-align: center!important;
}
#ingredients-100-naturels .mention {
  text-align: left !important;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 5px 0 !important;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#ingredients-100-naturels .c4 {
  width: 100% !important;
  padding: 0px 20px 0px 20px;
}
#ingredients-100-naturels .c8 {
  width: 100% !important;
  padding: 0px 20px 0px 20px;
  text-align: center !important;
}
#ingredients-100-naturels .c4 table {
    float: none !important;
    vertical-align: middle !important;
    margin-left: auto;
    margin-right: auto;
}

#ingredients-100-naturels .c8 table {
  font-size: 12px;
  line-height: 26px;
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}

#ingredients-100-naturels .c4 img {
  margin: 0px 25px -10px 0px
}

#ingredients-100-naturels .c8 img {
  margin: 0px 5px -10px 5px
}

#ingredients-100-naturels .c4 h2 {
  margin: 0 0 0 0 !important;
  line-height: 28px;
}

}

/* =======================================================================*/


#bandeau-pack-duo-metasyn .grid {
  display: none;
}
#bandeau-pack-duo-metasyn #contener {
  width: 980px;
  height: 400px;
  float: none;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
#bandeau-pack-duo-metasyn .parallaxSectionContent {
  padding: 80px 0px 60px 0px !important; 
}
#bandeau-pack-duo-metasyn #produit {
  width: 240px;
  height: 400px;
  float: left;
  padding: 5px;
  margin-left: 300px;
}
#bandeau-pack-duo-metasyn #produit #verbatim {
  width: 190px;
  height: 190px; 
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background: rgba(255,255,255,0.9);
  color: #DB222F;
  font-size: 22px;
  line-height: 28px;
  padding: 45px 20px;
  margin: 0 auto 0 auto;
  vertical-align: middle;
  font-family: 'open_sansregular';
}
#bandeau-pack-duo-metasyn #produit #visuel_produit { 
  width: 510px;
  height: 150px;
  padding: 50px 0 0 0;
}
#bandeau-pack-duo-metasyn #produit #visuel_produit .and { 
  padding: 0 0 70px 0;
}

#bandeau-pack-duo-metasyn #infos_produit {
  width: 360px;
  height: 400px;
  float: left;
  padding: 20px 0 0 0;
  margin: 0 0 0 60px;
  text-align: center;
  font-family: 'open_sansregular';
  color: #005871 !important;
}
#bandeau-pack-duo-metasyn #infos_produit h4, #bandeau-pack-duo-metasyn #infos_produit h3, #bandeau-pack-duo-metasyn #infos_produit h2, #bandeau-pack-duo-metasyn #infos_produit h1 {
  color: #005871 !important;
}
#bandeau-pack-duo-metasyn #infos_produit h1 {
  padding: 5px 0;
  font-size: 40px !important;
}
#bandeau-pack-duo-metasyn #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
#bandeau-pack-duo-metasyn #infos_produit h3 {
  font-family: 'open_sanslight';
  font-size: 22px !important;
  padding: 5px 0;
}
#bandeau-pack-duo-metasyn #infos_produit span {
  font-size: 26px !important;
}
#bandeau-pack-duo-metasyn #infos_produit h2 span {
    font-size: 20px !important;
}
#bandeau-pack-duo-metasyn #btn {
  width: 240px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  letter-spacing: 1px;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#bandeau-pack-duo-metasyn .parallaxSectionContent {
    padding: 0px 0px 0px 0px !important;
}

#bandeau-pack-duo-metasyn .parallaxSection {
 background-position: 24% -40px !important;
 background-size: auto 125%;
}

#bandeau-pack-duo-metasyn #contener {
  width: 100%;
  height: auto;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  background-color: none;
}

#bandeau-pack-duo-metasyn #produit {
  width: 100%;
  height: 140px;
  float: right;
  padding: 5px;
  margin: 40px 0 0 0;
}

#bandeau-pack-duo-metasyn #produit img {
  width: 180px;
  height: auto;
  float: left;
  padding: 5px;
  margin: 0 0 0 0;
}

#bandeau-pack-duo-metasyn #produit #visuel_produit {
    width: 240px;
    height: 150px;
    padding: 0 0 0 50px;
    margin: 0px 10px 0 0px;
    float: right;
/*    margin-left: auto;
    margin-right: auto;*/

}

#bandeau-pack-duo-metasyn #infos_produit {
    width: 200px !important;
    height: auto !important;
    float: right !important;
    padding: 0 0px 0px 0px !important;
    margin: 0px 20px 0 0px !important;
    text-align: center !important;
    font-family: 'open_sansregular';
    color: #005871 !important;
}

#bandeau-pack-duo-metasyn #btn {
    width: 180px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    letter-spacing: 1px;
}

#bandeau-pack-duo-metasyn #infos_produit h1 {
    font-size: 28px !important;
}
#bandeau-pack-duo-metasyn #infos_produit h2 {
    font-family: 'open_sanslight';
    font-size: 30px !important;
}
#bandeau-pack-duo-metasyn #infos_produit h3 {
    font-size: 18px !important;
}

#bandeau-pack-duo-metasyn #produit #verbatim,
#bandeau-glucometasyn #produit #verbatim,
#bandeau-lipometasyn #produit #verbatim {
    display: none;
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){


}


/* =======================================================================*/


#bandeau-questions {
  padding: 25px 0px !important;
}
#bandeau-questions .c4 {
  text-align: center !important;
  padding: 0 30px !important;
}
#bandeau-questions .c4 h3 {
  font-size: 17px;
  line-height: 22px;
  font-family: 'open_sansregular';
  margin-bottom: 10px;
}
#bandeau-questions .c12 {
  text-align: center !important;
}
#bandeau-questions p {
  text-align: center !important;
  font-size: 17px;
  margin: -5px 0 0 0 !important;
}
#bandeau-questions a {
  text-decoration: none;
  font-family: 'open_sansregular';
  font-size: 14px !important;
  padding: 5px 0;
  font-weight: bold;
}
#bandeau-questions .mention {
  text-align: center !important;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 5px 0 !important;
}


/* =======================================================================*/


#section-renseignement {
  background-color: #E3F7FD !important;
  padding: 40px 0 !important;
}
#section-renseignement .c6 {
  text-align: center !important;
  float: left;
  padding: 15px 0px 15px 15px;
}
#section-renseignement .c6.end {
  text-align: center !important;
  float: right !important;
  padding: 15px 15px 15px 0px;
}
#section-renseignement .c6 #bloc {
  width: 430px;
  height: 190px;
  margin-left: auto;
  margin-right: auto;
}
#section-renseignement .c6 img {
  text-align: center !important;
  float: left;
}
#section-renseignement .c6 #visuel {
  float: left;
  text-align: left !important;
}
#section-renseignement .c6 #texte {
  width: 160px;
  height: 190px;
  float: left;
  text-align: left !important;
  margin: 0 0 0 15px !important;
}
#section-renseignement .c6 #texte h2{
  font-size: 22px !important;
  color: #005871 !important;
}
#section-renseignement .c6 #texte p{
  color: #000 !important;
  line-height: 22px;
}

#section-renseignement .c6.end a {
  margin: 0px 0px -4px 2px !important;
  float: left !important;
}

#section-renseignement .c6 a img {
  margin: 0px 0px -4px 4px !important;
    float: none !important;
    text-align: left !important;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#section-renseignement {
  padding: 20px 0 !important;
}

#section-renseignement .c6 {
  text-align: center !important;
  float: left;
  padding: 15px 15px 15px 15px;
}
#section-renseignement .c6.end {
  text-align: center !important;
  float: right !important;
  padding: 15px 15px 15px 15px;
}

#section-renseignement .c6 #bloc {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#section-renseignement .c6 #visuel img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
#section-renseignement .c6 #visuel {
  float: none;
  text-align: left !important;
}
#section-renseignement .c6 #texte {
  width: 100%;
  height: auto;
  float: left;
  text-align: left !important;
  margin: 20px 0 0 0 !important;
}


}

/* =======================================================================*/


#section-infos .c12 {
 text-align: center !important;
}
#section-infos h3 {
 text-align: center !important;
 font-size: 16px;
 margin: 0 0 0 0;
}
#section-infos .num {
 text-align: center !important;
 font-size: 28px;
 color:#027393;
 text-decoration: none;
 font-family: 'open_sansregular';
 font-weight: bold;
 margin: 0 0 30px 0 !important;
}
#section-infos p span {
 color:#707070;
 font-size: 16px;
 font-weight: normal !important;
}
#section-infos #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
}
#section-infos #picto {
 width: 160px;
 height: 120px;
 color:#707070;
 text-align: left !important;
 vertical-align:middle; /* On aligne les éléments au milieu */
 display:inline-block;
 overflow: hidden; 
 position: relative;
 font-family: 'open_sanslight';
 margin: 0 1px 0 1px !important;
 padding: 5px 10px 5px 5px;
 font-size: 12px;
 line-height: 16px;
}
#section-infos #picto img {
 margin: 0 0 5px 0 !important;
}


/* =======================================================================*/


.footer #scroll-top {
    display: none
}
.footer {
  padding: 40px 0 !important;
}

.footer .c12 {
 text-align: center !important;
}
.footer h3 {
 text-align: center !important;
 font-size: 16px;
 margin: 0 0 0 0;
}
.footer .num {
 text-align: center !important;
 font-size: 28px;
 color:#027393;
 text-decoration: none;
 font-family: 'open_sansregular';
 font-weight: bold;
 margin: 0 0 30px 0 !important;
}
.footer p span {
 color:#707070;
 font-size: 16px;
 font-weight: normal !important;
}
.footer #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
}
.footer #picto {
 width: 164px;
 height: 150px;
 color:#000;
 text-align: left !important;
 vertical-align:middle; /* On aligne les éléments au milieu */
 display:inline-block;
 overflow: hidden; 
 position: relative;
 font-family: 'open_sanslight';
 margin: 0 10px 0 10px !important;
 padding: 5px 10px 5px 5px;
 font-size: 12px;
 line-height: 16px;
}
.footer #picto img {
 margin: 0 0 5px 0 !important;
}

.footer #separateur{
  width: 100%;
  height: 10px;
  background-image: url(img/separateur.jpg);
  margin: 0 0 20px 0;
  position: relative;
}

.footer .c4 {
  text-align: left !important;
  padding: 15px 15px 15px 50px;
}
.footer .c8 {
  text-align: left !important;
  padding: 15px 15px 15px 15px !important;
}
.footer .c8 .contener {
  float: left;
  padding: 0px 0px 0px 80px;
}
.footer .c8 .contener h3{
  font-size: 15px !important;
  color: #707070 !important;
  text-align: left !important;
  margin: 0 0 10px 
}
.footer .c8 .contener a {
  font-size: 12px !important;
  color:#707070;
}
.footer .c8 .contener ul {
 padding: 0 0 0 0;
}
.footer .c8 .contener li {
 list-style: none;
}
.footer .grid .c12 #mentions, .footer .grid .c12 #legal {
  padding: 15px 50px 15px 50px !important;
}
.footer .grid .c12 #mentions p {
  margin: 10px 0 0 0;
  font-size: 12px;
  line-height: 12px;
}
.footer .grid .c12 #legal p {
  margin: 10px 0 0 0;
  font-size: 10px;
  text-align: justify;
  line-height: 12px;
}
.footer .c12 h4{
  color: #707070 !important;
  margin: 20px 0 0 0;
}
.footer .grid .c12 {
  padding: 0 0 0 0 !important;
}
.footer {
  padding: 0 0 0 0;
}
.footer #societe {
  width: 220px;
  height: 240px;
  text-align: left;
  font-size: 16px;
  font-family: 'open_sansregular';
}
.footer #societe span {
  font-weight: bold;
}
.footer #navigation, .footer #produits, .footer #informations  {
  width: 175px;
  height: 240px;
  margin: 0 12px 0 0px;
  float: left;
  text-align: left !important;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.footer #ligne {
 text-align: left !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
}

.footer #picto {
    width: 150px;
    height: 120px;
    color: #707070;
    text-align: left !important;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 25px !important;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    line-height: 16px;
}

.footer .grid .c12 #mentions, .footer .grid .c12 #legal {
  padding: 15px 20px 15px 20px !important;
}

.footer .c4 {
  text-align: left !important;
  padding: 15px 20px 15px 20px;
} 

.footer #societe {
    width: auto;
    height: 120px;
}

.footer .c8 .contener {
  float: left;
  padding: 0px 0px 0px 0px;
}

.footer .c8 .contener h3{
  text-align: center !important;
}

.footer #navigation, .footer #produits, .footer #informations  {
  width: 100%;
  height: auto;
  margin: 0 0px 20px 0px;
  float: left;
  text-align: center !important;
}

.nav-links {
    max-height: 100% !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: none !important;
    border-top: 1px solid #e6e6e6 !important;
}

}



/* ===================================================
   LIPOMETASYN®
   ===================================================*/

.page-id-2006 .c12 {
  padding: 0px 0px 0px 0px !important; 
}
.page-id-2006 .parallaxSectionContent {
  padding: 120px 0px 60px 0px !important; 
}
.page-id-2006 #produit {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
.page-id-2006 #produit #visuel_produit { 
 float: left;
 position: absolute;
 margin: 130px 0 0 180px;
}
.page-id-2006 #produit #visuel_produit img { 
  width: 350px;
  height: auto;
}
.page-id-2006 #infos_produit {
    width: 460px;
    height: auto;
    float: right;
    padding: 50px 40px 50px 120px;
    background-color: #FFFFFF;
 }
.page-id-2006 #infos_produit h2, #bandeau-lipometasyn #infos_produit h1 {
  color: #005871 !important;
}
.page-id-2006 #infos_produit h1 {
  padding: 5px 0;
}
.page-id-2006 #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
.page-id-2006 #infos_produit p {
  margin: 0 0 0 0;
}
.page-id-2006 #infos_produit .logo-produit {
  margin: 0px 0 5px -40px;
}
.page-id-2006 #infos_produit .picto-check {
  float: left;
  margin: 5px 0 0 -40px;
}
.page-id-2006 #infos_produit h3 {
  font-size: 24px;
  line-height: 28px;
  /*word-spacing: -4px;*/
  color: #000000 !important;
  margin: 0 0 10px 0;
}
.page-id-2006 #infos_produit .price {
 margin: 40px 0 0px -40px;
 font-size: 30px !important;
 font-weight: bold;
 }
.page-id-2006 #infos_produit .picto-livraison {
    margin: -35px 80px 0px 130px
 }
.page-id-2006 #infos_produit span {
  font-size: 26px !important;
}
.page-id-2006 #infos_produit span {
  font-size: 20px !important;
}
.page-id-2006 #btn {
  width: 330px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-2006 #produit {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: none;
    padding: 0 20px;
}

.page-id-2006 #produit #visuel_produit {
    float: left;
    position: absolute;
    margin: -160px 0 0px 15px;
}

.page-id-2006 #infos_produit {
    width: 100%;
    height: auto;
    float: none;
    padding: 80px 40px 50px 65px;
    background-color: #FFFFFF;
    margin: 140px 0 0 0;
}

.page-id-2006 #infos_produit .picto-livraison {
    margin: -26px 80px 0px 140px;
    width: 100px;
 }
.page-id-2006 #btn {
  width: 285px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}

}

/* =======================================================================*/


#prouve-scientifiquement h2{
 color: #DB222F;
 text-align: center;
 letter-spacing: -1px;
 margin: 0 0 10px 0;
}
#prouve-scientifiquement p{
 text-align: center;
}
#prouve-scientifiquement .c12 {
  padding: 30px 0px 10px 0px !important; 
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#prouve-scientifiquement .c12 {
  padding: 30px 20px 0px 20px !important; 
}
#prouve-scientifiquement h2{
 line-height: 24px;
}

}

/* =======================================================================*/


#formule-naturelle .c12 {
 text-align: center !important;
 padding: 25px 0px 25px 0px !important; 
}
#formule-naturelle h1 {
 font-size: 42px;
 color: #005871;
 text-align: center;
}
#formule-naturelle .c6 #visuel {
  float: left;
}
#formule-naturelle .c6 #infos {
  width: 320px !important;
  margin: 0 0 0 20px;
  float: left;
  letter-spacing: -0.5px;
  line-height: 18px;
}
#formule-naturelle .c6 #infos .bullet {
 color: #DB222F;
 margin: 0 0 0 -8px; 
}
#formule-naturelle .c6 {
  float: left;
  padding: 15px 0 15px 20px !important;
}
#formule-naturelle .c6.end {
  float: left;
  padding: 15px 20px 15px 0 !important;
}
#formule-naturelle #btn {
    width: 330px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#formule-naturelle {
 text-align: center !important;
 padding: 50px 0px 10px 0px !important; 
}

#formule-naturelle .c12 {
 text-align: center !important;
 padding: 0px 20px 0px 20px !important; 
}
#formule-naturelle .c6 {
  float: left;
  padding: 15px 20px 15px 20px !important;
}
#formule-naturelle .c6 #visuel {
  float: none;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#formule-naturelle .c6 #infos {
      width: 100% !important;
    margin: 0 0px 0 0px;
 padding: 0px 20px 0px 20px !important; 
    float: none;
    letter-spacing: -0.5px;
    line-height: 18px;
    text-align: center;
}

}

/* =======================================================================*/


#utilisation .c12 {
 padding: 50px 0px 50px 0px !important; 
}
#utilisation .c6 {
  float: left;
  padding: 15px 0 15px 0px !important;
}
#utilisation .c6 .logo{
  float: none;
  margin: 0 0 0px 0;
}
#utilisation .c6.end {
  float: left;
  padding: 15px 0px 15px 20px !important;
}
#utilisation h1 {
 font-size: 42px;
 color: #005871;
 text-align: left;
 margin: 0px 0 35px 0
}
#utilisation p {
 line-height: 18px;
}
#utilisation .titre {
 font-size: 16px;
 font-weight: bold;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#utilisation .c6 {
  text-align: center;
}
#utilisation h1 {
 text-align: center;
}

#utilisation .c6 img {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}

#utilisation .c6.end {
  float: left;
  padding: 15px 20px 15px 20px !important;
}



}


/* =======================================================================*/


#picto-action .c12 {
 padding: 50px 0px 50px 0px !important; 
}
#picto-action #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
#picto-action #ligne #picto {
 width: 320px;
    height: auto;
    color: #707070;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 0px !important;
    padding: 0 0px;
    font-size: 12px;
    line-height: 16px;
}
#picto-action #btn {
    width: 330px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#picto-action #ligne #picto {
 width: 320px;
    height: auto;
    color: #707070;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 0px !important;
    padding: 20px 0px;
    font-size: 12px;
    line-height: 16px;
}


}

/* =======================================================================*/

#questions-courantes {
  padding: 50px 0px !important;
}
#questions-courantes .c4 {
  text-align: center !important;
  padding: 0 30px !important;
}
#questions-courantes .c4 h3 {
  font-size: 17px;
  line-height: 22px;
  font-family: 'open_sansregular';
  margin-bottom: 10px;
  color: #005871;
}
#questions-courantes .c12 {
  text-align: center !important;
  margin: 10px 0 0 0;
}
#questions-courantes .c12 h2 {
  text-align: center !important;
  color: #005871;
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 20px 0;
}
#questions-courantes p {
  text-align: center !important;
  font-size: 17px;
  margin: -5px 0 0 0 !important;
}
#questions-courantes a {
  text-decoration: none;
  font-family: 'open_sansregular';
  font-size: 14px !important;
  padding: 5px 0;
  font-weight: bold;
}
#questions-courantes .mention {
  text-align: center !important;
  font-size: 10px;
  line-height: 12px;
  margin: 0 0 5px 0 !important;
}


/* =======================================================================*/


#precautions h3 {
 font-size: 26px;
 margin: 0 0 10px 0;
}
#precautions .c6 #visuel {
  float: left;
}
#precautions .c6 #infos {
  width: 330px !important;
  margin: 0 0 0 20px;
  float: left;
  letter-spacing: -0.5px;
  line-height: 18px;
}
#precautions .c6 #infos .bullet {
 color: #DB222F;
 margin: 0 0 0 -8px; 
}
#precautions .c6 {
  float: left;
  padding: 50px 30px 40px 60px !important;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#precautions .c6 {
  float: none;
  padding: 50px 20px 0px 20px !important;
  text-align: center;
}

#precautions .c6 #visuel {
  float: none;
}
#precautions .c6 #infos {
  width: 330px !important;
  margin: 0 0 0 0px;
  float: none;
  letter-spacing: -0.5px;
  line-height: 18px;
  text-align: center;
}

}

/* =======================================================================*/


#lipometasyn-temoignages .c12 {
 padding: 30px 0px 50px 0px !important;
 text-align: center !important;
}
#lipometasyn-temoignages h2 {
 text-align: center !important;
 font-size: 26px;
 margin: 10px 0 0 0;
}
#lipometasyn-temoignages h3 {
 color: #DB222F;
 font-size: 12px;
 font-style: italic;
}
#lipometasyn-temoignages {
 text-align: center !important;
 padding: 50px 0px 0px 0px !important;

}
#lipometasyn-temoignages #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
#lipometasyn-temoignages #ligne #testi {
 width: 280px;
    height: auto;
    color: #000;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 0px !important;
    padding: 0 60px;
    font-size: 12px;
    line-height: 16px;
}
#lipometasyn-temoignages #ligne #testi img {
 width: 155px;
 height: auto;
 padding: 0 0 10px 0px;
}


/* ===================================================
   GLUCOMETASYN®
   ===================================================*/

.page-id-2118 .c12 {
  padding: 0px 0px 0px 0px !important; 
}
.page-id-2118 .parallaxSectionContent {
  padding: 120px 0px 60px 0px !important; 
}
.page-id-2118 #produit {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
.page-id-2118 #produit #visuel_produit { 
 float: left;
 position: absolute;
 margin: 130px 0 0 180px;
}
.page-id-2118 #produit #visuel_produit img { 
  width: 350px;
  height: auto;
}
.page-id-2118 #infos_produit {
    width: 460px;
    height: auto;
    float: right;
    padding: 50px 40px 50px 120px;
    background-color: #FFFFFF;
 }
.page-id-2118 #infos_produit h2 {
  color: #005871 !important;
}
.page-id-2118 #infos_produit h1 {
  padding: 5px 0;
}
.page-id-2118 #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
.page-id-2118 #infos_produit p {
  margin: 0 0 0 0;
}
.page-id-2118 #infos_produit .logo-produit {
  margin: 0px 0 5px -40px;
}
.page-id-2118 #infos_produit .picto-check {
  float: left;
  margin: 5px 0 0 -40px;
}
.page-id-2118 #infos_produit h3 {
  font-size: 24px;
  line-height: 28px;
  /*word-spacing: -4px;*/
  color: #000000 !important;
  margin: 0 0 10px 0;
}
.page-id-2118 #infos_produit .price {
 margin: 40px 0 0px -40px;
 font-size: 30px !important;
 font-weight: bold;
 }
.page-id-2118 #infos_produit .picto-livraison {
    margin: -35px 80px 0px 130px
 }
.page-id-2118 #infos_produit span {
  font-size: 26px !important;
}
.page-id-2118 #infos_produit h2 span {
  font-size: 20px !important;
}
.page-id-2118 #btn {
  width: 330px;
  height: 40px;
  background-color: #0088C6;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-2118 #produit {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: none;
    padding: 0 20px;
}

.page-id-2118 #produit #visuel_produit {
    float: left;
    position: absolute;
    margin: -160px 0 0px 15px;
}

.page-id-2118 #infos_produit {
    width: 100%;
    height: auto;
    float: none;
    padding: 80px 40px 50px 65px;
    background-color: #FFFFFF;
    margin: 140px 0 0 0;
}

.page-id-2118 #infos_produit .picto-livraison {
    margin: -26px 80px 0px 140px;
    width: 100px;
 }
.page-id-2118 #btn {
  width: 285px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}

}

/* =======================================================================*/

.page-id-2118 #formule-naturelle #btn, .page-id-2118 #picto-action #btn {
    width: 330px;
    height: 40px;
    background-color: #0088C6;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
}
#picto-action #btn {
    width: 330px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    padding: 8px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

/* =======================================================================*/


#glucometasyn-temoignages .c12 {
 padding: 30px 0px 50px 0px !important;
 text-align: center !important;
}
#glucometasyn-temoignages h2 {
 text-align: center !important;
 font-size: 26px;
 margin: 10px 0 0 0;
}
#glucometasyn-temoignages h3 {
 color: #DB222F;
 font-size: 12px;
 font-style: italic;
}
#glucometasyn-temoignages {
 text-align: center !important;
 padding: 50px 0px 0px 0px !important;

}
#glucometasyn-temoignages #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
#glucometasyn-temoignages #ligne #testi {
 width: 280px;
    height: auto;
    color: #000;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 0px !important;
    padding: 0 60px;
    font-size: 12px;
    line-height: 16px;
}
#glucometasyn-temoignages #ligne #testi img {
 width: 155px;
 height: auto;
 padding: 0 0 10px 0px;
}



/* ===================================================
   DUO METASYN®
   ===================================================*/

.page-id-2148 .c12 {
  padding: 0px 0px 0px 0px !important; 
}
.page-id-2148 .parallaxSectionContent {
  padding: 120px 0px 60px 0px !important; 
}
.page-id-2148 #produit {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  background-color: none;
}
.page-id-2148 #produit #visuel_produit { 
 float: left;
 position: absolute;
 margin: 130px 0 0 180px;
}
.page-id-2148 #produit #visuel_produit img { 
  width: 350px;
  height: auto;
}
.page-id-2148 #infos_produit {
    width: 460px;
    height: auto;
    float: right;
    padding: 50px 40px 50px 120px;
    background-color: #FFFFFF;
 }
.page-id-2148 #infos_produit h2 {
  color: #005871 !important;
}
.page-id-2148 #infos_produit h1 {
  padding: 5px 0;
}
.page-id-2148 #infos_produit h2 {
  font-family: 'open_sanslight';
  font-size: 36px !important;
}
.page-id-2148 #infos_produit p {
  margin: 0 0 0 0;
}
.page-id-2148 #infos_produit .logo-produit {
  margin: 0px 0 5px -40px;
}
.page-id-2148 #infos_produit .picto-check {
  float: left;
  margin: 5px 0 0 -40px;
}
.page-id-2148 #infos_produit h3 {
  font-size: 24px;
  line-height: 28px;
  /*word-spacing: -4px;*/
  color: #000000 !important;
  margin: 0 0 10px 0;
}
.page-id-2148 #infos_produit .price {
 margin: 40px 0 0px -40px;
 font-size: 30px !important;
 font-weight: bold;
 }
.page-id-2148 #infos_produit .picto-livraison {
    margin: -35px 80px 0px 130px;
 }
.page-id-2148 #infos_produit span {
  font-size: 26px !important;
}
.page-id-2148 #infos_produit h2 span {
  font-size: 20px !important;
}
.page-id-2148 #btn {
  width: 330px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-2148 #produit {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: none;
    padding: 0 20px;
}

.page-id-2148 #produit #visuel_produit {
    float: left;
    position: absolute;
    margin: -160px 0 0px 15px;
}

.page-id-2148 #infos_produit {
    width: 100%;
    height: auto;
    float: none;
    padding: 80px 40px 50px 65px;
    background-color: #FFFFFF;
    margin: 140px 0 0 0;
}

.page-id-2148 #infos_produit .picto-livraison {
    margin: -26px 80px 0px 140px;
    width: 100px;
 }
.page-id-2148 #btn {
  width: 285px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  letter-spacing: 1px;
  margin: 0 0 0 -40px;
}


}

/* =======================================================================*/


.page-id-2148 #utilisation h1 {
    font-size: 42px;
    color: #005871;
    text-align: left;
    margin: 0px 0 20px 0 !important;
}

.page-id-2148 #utilisation h1 .logo{
    margin: 0px 0 0px 0 !important;
}

.page-id-2148 #utilisation .c4.end {
    padding: 120px 0 0 20px;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-2148 #utilisation .c4.end {
    padding: 0px 20px 0 20px;
}
.page-id-2148 #utilisation .c4.img {
  float: none !important;
  min-width: 100%;
  height: 300px !important;
  overflow: hidden;
}

}
/* =======================================================================*/


#pack-duo-metasyn-temoignages .c12 {
 padding: 30px 0px 50px 0px !important;
 text-align: center !important;
}
#pack-duo-metasyn-temoignages h2 {
 text-align: center !important;
 font-size: 26px;
 margin: 10px 0 0 0;
}
#pack-duo-metasyn-temoignages h3 {
 color: #DB222F;
 font-size: 12px;
 font-style: italic;
}
#pack-duo-metasyn-temoignages {
 text-align: center !important;
 padding: 50px 0px 0px 0px !important;

}
#pack-duo-metasyn-temoignages #ligne {
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
#pack-duo-metasyn-temoignages #ligne #testi {
 width: 280px;
    height: auto;
    color: #000;
    text-align: center !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 0px 0 0px !important;
    padding: 0 60px;
    font-size: 12px;
    line-height: 16px;
}
#pack-duo-metasyn-temoignages #ligne #testi img {
 width: 155px;
 height: auto;
 padding: 0 0 10px 0px;
}



/* ===================================================
   Le syndrome métabolique
   ===================================================*/


.page-id-1610 #main {
  padding: 120px 0 0 0 !important;
}
.page-id-1610 .parallaxSectionContent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px;
}
.page-id-1610 .page h1{
  font-size: 40px !important;
  color: #005871 !important;
  letter-spacing: -2.2px !important;;
}
.page-id-1610 .page .accordion-title {
	font-size: 26px !important;
	line-height: 30px !important;
	color: #005871 !important;
}
.page-id-1610 .page h2{
  color: #005871 !important;
}
.page-id-1610 .page h3{
  font-size: 18px !important;
  color: #DB222F !important;
  margin: 0 0 5px 0;
}
.page-id-1610 .page .grid .c6 {
  width: 45%;
  padding: 15px 15px 15px 20px;
  float: left !important;
}
.page-id-1610 .page .grid .c6.end {
  width: 55% !important;
  padding: 15px 15px 15px 75px !important;
  float: left !important;
}
.page-id-1610 .parallaxSectionContent .c12 {
    padding: 0px 0px !important;
}
.page-id-1610 .page .c12 {
  padding: 0px 0px 0px 0px !important;
}
.page-id-1610 .page .c6 img {
  float: left !important;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-1610 #main {
  padding: 80px 0 0 0 !important;
}

.page-id-1610 .page h1{
  font-size: 36px !important;
}

.page-id-1610 .page .accordion-title {
    font-size: 22px !important;
    color: #005871 !important;
}

.page-id-1610 .page .c6 img {
  float: none !important;
    width: 100%;
    height: 200px!important;
    object-fit: cover;
    object-position: 0% 48%;
}
.page-id-1610 .page .c6 p{
  margin: 0 0 0 0;
}
.page-id-1610 .page .grid .c6 {
  width: 100%;
  padding: 15px 20px 15px 20px;
  float: left !important;
}

.page-id-1610 .page .grid .c6.end {
  width: 100% !important;
  padding: 15px 20px 15px 20px !important;
  float: left !important;
}

.page-id-1610 .page .grid .c6.end p {
  margin: 0 0 30px 0px;
}

.page-id-1610 .page .grid .c6.end .accordion #picto {
    width: 25px;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    background-repeat: no-repeat;
    margin: 1px 10px 0px 0px;
    float: left;
    outline: 0 !important;
    padding: 0 0 30px 0;
}
}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

}

/* ===================================================
   Accordion Styles
   ===================================================*/

.accordion {
    margin-bottom: 20px;
    outline: 0 !important;
}

.accordion #picto {
 width: 25px;
 height: 25px;
 background-image: url(img/picto_plus.svg);
 margin: 1px 0px 0px -35px;
 float: left;
 outline: 0 !important;
}

#bandeau-questions .accordion #picto, .page-id-2006 .accordion #picto, .page-id-2118 .accordion #picto, .page-id-2148 .accordion #picto {
    width: 80%;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    margin: 50px 0px 0px 0px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.accordion-title {
    margin: 0;
    padding: 20px 0;
    cursor: pointer;
    outline: 0 !important;
}

.accordion-title:hover {outline: 0 !important;}
.accordion-title:first-child {border: none; outline: 0 !important;}
.accordion-title.open  {cursor: default; outline: 0 !important;}
.accordion-title.open #picto  {background-image: url(img/picto_moins.svg); outline: 0 !important;}
.accordion-content {padding-bottom: 20px; outline: 0 !important;}

#bandeau-questions .accordion-title.open #picto, .page-id-2006 .accordion-title.open #picto, .page-id-2118 .accordion-title.open #picto, .page-id-2148 .accordion-title.open #picto  {background-image: url(img/picto_moins.svg); outline: 0 !important;}
#bandeau-questions .accordion-content, .page-id-2006 .accordion-content, .page-id-2118 .accordion-content, .page-id-2148 .accordion-content {padding-bottom: 20px; padding-top:20px;  outline: 0 !important;}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

#bandeau-questions .accordion #picto, .page-id-2006 .accordion #picto, .page-id-2118 .accordion #picto, .page-id-2148 .accordion #picto {
    width: 80%;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    margin: 50px 0px 0px 0px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

#bandeau-questions .accordion #picto, .page-id-2006 .accordion #picto, .page-id-2118 .accordion #picto, .page-id-2148 .accordion #picto {
    width: 90%;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    margin: 50px 0px 0px 0px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

#bandeau-questions .accordion #picto, .page-id-2006 .accordion #picto, .page-id-2118 .accordion #picto, .page-id-2148 .accordion #picto {
    width: 80%;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    margin: 50px 0px 0px 0px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}


}

/* ===================================================
   FlexSlider TESTI
   ===================================================*/


/* FlexSlider Default Theme
*********************************/
.flexslider, .relatedposts {margin: 0;  position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px;}
.skrollr .flex-viewport {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides, .relatedposts .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a{
	position: absolute;
	z-index: 3;
	margin-top: -35px;
	top: 33.33%;
	width: 100%;
}
.flex-direction-nav .flex-prev {
	left: 0;
	background: rgba(255,255,255,0) url(img/picto_prev.svg) no-repeat center center;
}
.flex-direction-nav .flex-next {
	right: 0;
	background: rgba(255,255,255,0) url(img/picto_next.svg) no-repeat center center;
}
.lt-ie9 .flex-direction-nav .flex-next {
	right: 0;
	background: rgba(255,255,255,0) url(img/picto_n.svg) no-repeat center center;
}
.lt-ie9 .flex-direction-nav .flex-prev {
	left: 0;
	background: rgba(255,255,255,0) url(img/picto_prev.svg) no-repeat center center;
}
.flex-direction-nav .flex-prev:hover {
	left: 0;
	background: rgba(255,255,255,0) url(img/picto_prev.svg) no-repeat 40% center;
}
.flex-direction-nav .flex-next:hover {
	right: 0;
	background: rgba(255,255,255,0) url(img/picto_next.svg) no-repeat 60% center;
}
.skrollr .flex-next,.skrollr .flex-prev {
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}
.flex-direction-nav a  {
	position: absolute;
	display: block;
	width: 20px;
	height: 80px;
	text-indent:-9999px;
	border: 0px solid transparent;
	background-color: rgba(255,255,255,0) !important;
}
.flex-next {
    border-radius: 0px 0px 0px 0px;
	right: 0px;
	margin: 0 80px 0 0;
}
.flex-prev {
    border-radius: 0px 0px 0px 0px;
	left: 0px;
	margin: 0 0 0 80px;

}
.flexslider:hover .flex-next, .flexslider:hover .flex-prev{width: 30px;border: 0px solid transparent; rgba(255,255,255,0) !important;}



/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:0px; text-align: center; margin-bottom: 15px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; border: none;  cursor: pointer; text-indent: -9999px;}
.flex-control-paging li a:hover { background: rgba(255,255,255,0) !important; }
.flex-control-paging li a.flex-active { background: rgba(255,255,255,0) !important;  }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* ===================================================
   FLEXSLIDE PRODUITS
   ===================================================*/
   
   
.flexslide-caption .slider {
  width: 100% !important;
  background-color: #E3F7FD;
  text-align: center !important;
  padding: 30px 0px !important;
}
.flexslide-caption .slider img {
  width: 180px;
  margin: 10px 0 10px 0 !important;
}
.flexslide-caption .slider #ligne {
 height: 280px;
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
.flexslide-caption .slider #ligne #produit {
 width: 280px;
 height: 250px;
 color: #707070;
 text-align: left !important;
 vertical-align: middle;
 display: inline-block;
 position: relative;
 font-family: 'open_sanslight';
 margin: 0 75px 0 0px !important;
 padding: 0 0px 0 25px;
 font-size: 12px;
 line-height: 16px;
}
.flexslide-caption .slider .lipo .logo {
 width: 130px !important;
}
.flexslide-caption .slider .gluco .logo {
 width: 140px !important;
}
.flexslide-caption .slider .duo .logo {
 width: 190px !important;
}
.flexslide-caption .slider #ligne #produit.duo {
 margin: 0 0px 0 0px !important;
 padding: 0 0px 0 25px !important;
}
.flexslide-caption .slider #ligne #produit h2 {
  color: #005871 !important;
  font-size: 23px !important;
}
.flexslide-caption .slider #ligne #produit #btn {
  width: 240px;
  height: 40px;
  background-color: #DB222F;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  letter-spacing: 1px;
}
.flexslide-caption .slider #ligne #produit.gluco #btn {
  background-color: #0186C4;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.flexslide-caption .slider #ligne {
 height: auto;
 text-align: center !important;
 margin-left: auto;
 margin-right: auto;
 position: relative;
}

.flexslide-caption .slider #ligne #produit {
 width: 100%;
 height: auto;
 color: #707070;
 text-align: center !important;
 vertical-align: middle;
 display: inline-block;
 position: relative;
 font-family: 'open_sanslight';
 margin: 40px 75px 40px 0px !important;
 padding: 0 60px 0 60px;
 font-size: 12px;
 line-height: 16px;
}

.flexslide-caption .slider #ligne #produit.duo {
 margin: 40px 75px 40px 0px !important;
 padding: 0 60px 0 60px !important;
}

.flexslide-caption .slider .logo {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.flexslide-caption .slider img {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
 
}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

}



/* ===================================================
   TEMOIGNAGES
   ===================================================*/


.page-id-1616 .c12 {
    padding: 40px 0px 20px 0px !important;
}
.page-id-1616 .page .team-member .team-image {
    width: 155px !important;
    padding-bottom: 155px!important;
    height: auto !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 15px 20px 0;
    float: left !important;
}
.page-id-1616 .page .team-member h4 a {
    text-align: left;
    font-size: 18px;
    color: #DB222F !important;
    font-style: italic !important;
}
.page-id-1616 .page .team-member p {
    width: 340px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: #000000 !important;
}
.page-id-1616 .page .team-member .team-image .viewdetails, .page-id-1616 .page .team-member .team-image .social-networks, .page-id-1616 .page .team-member .role, .page-id-1616 .page .team-member .button {
  display: none;
}
.page-id-1616 .parallaxSectionContent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px;
}
.page-id-1616 .parallaxSectionContent .c12 {
    padding: 0px 0px !important;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-1616 .c12 {
    padding: 60px 0px 0px 0px !important;
}

.page-id-1616 .c12 h2 {
    font-size: 24px;    
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){



}

/* ===================================================
   QUESTIONS
   ===================================================*/

.page-id-1614 .c12 {
    padding: 40px 0px 20px 0px !important;
    text-align: center;
}
.page-id-1614 .parallaxSectionContent .c12 {
    padding: 0px 0px !important;
}
.page-id-1614 .parallaxSectionContent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px;
}

.page-id-1614 .c12 h2 {
  color: #005871 !important;
  font-size: 34px;
  font-weight: bold;
}
.page-id-1614 .c12 .c4 h2 {
  color: #000000 !important;
  font-size: 28px;
  font-weight: bold;
}
.page-id-1614 .c12 p img {
  width: 200px;
  margin: 0px 0 -6px 0;
}
.page-id-1614 .c12 .logo {
  font-size: 26px !important;
  color: #005871 !important;
}
.page-id-1614 .c12 .c8 p {
  font-size: 18px;
  color: #000000 !important;
}
.page-id-1614 .page .c12 .c4 {
  width: 40% !important;
  padding: 28px 20px 0px 0;
  text-align: right;
}
.page-id-1614 .page .c8 {
  width: 60% !important;
  padding: 15px 15px 15px 45px;
  text-align: left !important;
}

.page-id-1614 .c8 div.wpcf7 {
    margin: 15px 0 0 0;
    padding: 0;
}

.page-id-1614 .c8 .wpcf7-submit {
    width: 240px;
    height: 40px;
    background-color: #DB222F;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    letter-spacing: 1px;
    border: none;
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-1614 #main {
  padding: 100px 0 0 0 !important;
}

.page-id-1614 .c12 {
    padding: 0px 0px 0px 0px !important;
    text-align: center;
}

.page-id-1614 .c12 .logo{
  margin: 0 0 0 0;
}

.page-id-1614 .page .c12 .c4 {
  width: 100% !important;
  padding: 28px 20px 0px 20px;
  text-align: center;
}
.page-id-1614 .page .c8 {
  width: 100% !important;
  padding: 0 20px 0px 20px;
  text-align: left !important;
}

.page-id-1614 .c12 .c4 h2 {
    color: #000000 !important;
    font-size: 24px;
    font-weight: bold;
}
.page-id-1614 .page .grid .c8 .accordion #picto {
    width: 25px;
    height: 25px;
    background-image: url(img/picto_plus.svg);
    background-repeat: no-repeat;
    margin: 1px 10px 0px 0px;
    float: left;
    outline: 0 !important;
    padding: 0 0 30px 0;
}

.page-id-1614 .page .grid .c8 .accordion {
    margin-bottom: 0px;
    outline: 0 !important;
}

}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){



}


/* ===================================================
   LA MARQUE
   ===================================================*/


.page-id-1608 #main {
  padding: 120px 0 0 0 !important;
}
.page-id-1608 .parallaxSectionContent {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px;
}
.page-id-1608 .page h1{
  font-size: 42px !important;
  color: #005871 !important;
  letter-spacing: -2.2px !important;;
}
.page-id-1608 .page .accordion-title {
  font-size: 26px !important;
  color: #005871 !important;
}
.page-id-1608 .page h2{
  color: #005871 !important;
  margin: 0 0 20px 0;
}
.page-id-1608 .page h3{
  font-size: 18px !important;
  color: #DB222F !important;
  margin: 0 0 0 0;
}
.page-id-1608 .page .grid .c6 {
  width: 45%;
  padding: 15px 15px 15px 20px;
  float: left !important;
}
.page-id-1608 .page .grid .c6.end {
  width: 55% !important;
  padding: 15px 15px 15px 80px !important;
  float: left !important;
}
.page-id-1608 .picto-marque {
  padding: 0px 0px 0px 0px !important;
  margin: 5px 0 0 -60px;
  float: left !important;
}
.page-id-1608 .parallaxSectionContent .c12 {
    padding: 0px 0px !important;
}
.page-id-1608 .page .c12 {
  padding: 0px 0px 0px 0px !important;
}
.page-id-1608 .page .c6 #visuel img {
  float: left !important;
}

.page-id-1608 .c6 .bullet {
 color: #DB222F;
 margin: 0 0 0 -8px; 
}


/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.page-id-1608 #main {
  padding: 80px 0 0 0 !important;
}

.page-id-1608 .page .grid .c6 {
  width: 100%;
  padding: 15px 20px 15px 20px;
  float: left !important;
}
.page-id-1608 .page .grid .c6 #visuel img {
  float: none !important;
    width: 100%;
    height: 200px!important;
    object-fit: cover;
    object-position: 0% 10%;
}

.page-id-1608 .page .grid .c6.end {
  width: 100% !important;
  padding: 15px 20px 15px 20px !important;
  float: left !important;
}

.page-id-1608 .picto-marque {
    padding: 0px 0px 10px 0px !important;
    margin: 5px 20px 0 0px;
    float: left !important;
}

.page-id-1608 .page h3{
  font-size: 18px !important;
  color: #DB222F !important;
  margin: 0 0 5px 0;
}


}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

}

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){

.page-id-1608 .picto-marque {
    padding: 0px 0px 40px 0px !important;
    margin: 5px 10px 0 0px;
    float: left !important;
}

.page-id-1608 .page .grid .c6.end p {
  margin: 0 0 20px 0;
}

.page-id-1608 .page h3{
  font-size: 16px !important;
  color: #DB222F !important;
  margin: 0 0 5px 0;
}


}


/* ===================================================
   PAGE WOOCOMMERCE
   ===================================================*/

.woocommerce-page #main {
  padding: 120px 0 80px 0 !important;
}

.woocommerce-page .woocommerce {
  padding:20px !important;
}
.woocommerce-cart .footer,
.woocommerce-cart .woocommerce,
.woocommerce-cart #main{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    color: #FFFFFF;
    background-color: #DB222F;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    color: #FFFFFF;
    background-color: #DB222F;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}


.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
      background-color: #DB222F;
      display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
      background-color: #DB222F;
      display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #DB222F;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #DB222F;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    color: #FFFFFF;
    cursor: not-allowed;
    opacity: 1;
    padding: .618em 1em;
}

/* ==============
   Media query 
   ============== */

@media only screen and (max-width:960px){

.woocommerce-page #main {
  padding: 100px 20px 80px 20px !important;
}


}
/* ===================================================
   PAGE INFO
   ===================================================*/

.page-id-380 #main {
  padding: 120px 20px 80px 60px !important;
}

.page-id-377 .fl-row-content-wrap, .page-id-333 .fl-row-content-wrap {
  padding: 50px 0px 80px 0px !important;
}

/* =======================================================================
   Form Elements
   =======================================================================*/

form{ text-align: left; }
select{
  width: 100%;
  padding: 10px 10px 10px 5px;
}
input[type=text],input[type=email],input[type=password],input[type=tel]{
  width: 100%;
  height: 40px;
  border: none;
  padding: 0px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}
input[type=text]:focus, textarea:focus,input[type=email]:focus{
  border: 1px solid #2e2e2e;
  outline: none;
  background: #fff;
}
textarea{
  width: 100%;
  max-width: 100%;
  min-height: 124px;
  border: none;
  padding:15px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
}
textarea, input[type=text],input[type=email]{
  background: #fefefe;
  font-size: 12px;
}
button, input[type=submit]{
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid;
  padding: 11px 40px 10px 40px;
  max-width: 100%;
  border-radius: 2px;
  color: #fff; 
}
.skrollr button, .skrollr input[type=submit]{
  -webkit-transition: background 200ms ease;
  -moz-transition: background 200ms ease;
  -ms-transition: background 200ms ease;
  -o-transition: background 200ms ease;
  transition: background 200ms ease;
}
button:hover, input[type="submit"]:hover{background-color: transparent;}

/* ==========================================================================
   Contact From 7
   ========================================================================== */

span.wpcf7-not-valid-tip{
  left: 50%;
  margin-left: -140px;
  text-align: center;
  top: -30px;
  padding: 8px 5px;
  background: #cd4237;
  border: none;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  position: absolute;
  width: 280px;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    border: none;
}
div.wpcf7-response-output{
  margin: 0;
  padding: 0;
  font-style: italic;
}
div.wpcf7 img.ajax-loader {
  position: absolute;
  margin: 15px;
}
span.wpcf7-form-control-wrap{
  display: block !important;
  margin-bottom: 13px;
  position: relative;
}
.wpcf7-form p{margin: 0;}
span.wpcf7-not-valid-tip:after{
  border:solid;
  border-color:#cd4237 transparent;
  border-width:6px 6px 0 6px;
  bottom:-6px;
  content:"";
  display:block;
  left:50%;
  margin-left: -6px;
  position:absolute;
  z-index:99
}
.c1 span.wpcf7-form-control-wrap, .c3 span.wpcf7-form-control-wrap, .c4 span.wpcf7-form-control-wrap, .c5 span.wpcf7-form-control-wrap, 
.c6 span.wpcf7-form-control-wrap, .c7 span.wpcf7-form-control-wrap, .c8 span.wpcf7-form-control-wrap, .c9 span.wpcf7-form-control-wrap, 
.c10 span.wpcf7-form-control-wrap, .c11 span.wpcf7-form-control-wrap, .c12 span.wpcf7-form-control-wrap{margin-bottom: 0;}
.wpcf7-form .c1, .wpcf7-form .c2, .wpcf7-form .c3, .wpcf7-form .c4, .wpcf7-form .c5, .wpcf7-form .c6, .wpcf7-form .c7, .wpcf7-form .c8, .wpcf7-form .c9, .wpcf7-form .c10, .wpcf7-form .c11, .wpcf7-form .c12{text-align: center;}  
/* ==========================================================================
   BLOG
   ========================================================================== */

.recent-post-img:after{
  content:'';
  position: absolute;
  background: url('images/link@2x.png') no-repeat center center;
  opacity: 0;
  background-size: 0px 0px; 
  width: 74px;
  height: 74px;
  top: 50%;
  left: 50%;
  margin: -37px 0px 0px -37px;

}
.skrollr .recent-post-img:after{
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  -webkit-transition: all 300ms linear;
  -moz-transition: all  300ms linear;
  -ms-transition: all  300ms linear;
  -o-transition: all  300ms linear;
  transition: all  300ms linear;
}
.recent-post-img:hover:after{
  background: url('images/link@2x.png') no-repeat center center;
  background-size: 36px 36px;
  opacity: 1;
}
.skrollr .recent-post-img:hover:after{
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
}
.recent-post-img {
  background: #fff;
  overflow: hidden;
}
.skrollr .recent-post-img img{
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
}

.recent-post-img:hover img{ opacity: 0.5; }
.skrollr .recent-post-img:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.comment-count{
  float: right;
  font-size: 16px;
}
.comment-count span{margin-right: 10px;}
.single, .search, .archive, #recent-posts, .blog, .error404{ text-align: left; }
.blog-recent-post-item img{
  width: 100%;
  height: auto;
  display: block;
}
.recent-post-img{
  width: 100%;
  height: 100%;
  display: block;
  line-height: 0px;
  position: relative;
}
#recent-posts .recent-post-img{ margin-bottom: 30px;}

.page-header{
  background-attachment: fixed !important; 
  -webkit-background-size: cover !important; 
  -moz-background-size: cover !important; 
  -o-background-size: cover !important;
  background-size: cover !important;
}
.page-header, #primary {margin:0px 0px 60px 0px;}
.page-header h1{
  margin: 70px 0px 90px 0px;
  color: #fff;
}
#primary{padding-top: 70px;}

.blog-bottom-bar{
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  padding: 12px 0px;
  text-align: left;
  width:100%;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-details .entry-title{
  margin-bottom: 10px;
  padding-bottom: 0;
}
.entry-details .entry-meta{padding-left: 85px;}
.entry-details .entry-meta:after{
  content: "";
  position: absolute;
  left: 70px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #d0d0d0;
}
.entry-details{
  float: left;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}
.postdate{
  position: absolute;
  width: 70px;
  text-transform: uppercase;
  display: block;
  padding-right: 15px;
}
.postdate span{display: block;}
.day{
  display: block;
  padding-bottom: 3px;
}

.entry-details .entry-meta .entry-title{margin-bottom: 0px;}
.entry-details .author, .entry-details .postdate{font-size: 11px;text-transform: uppercase;}
#recent-posts .entry-title{margin-bottom: 0px;}


#recent-posts .readmore {
  padding: 5px 10px;
  border: 1px solid;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#comments ul, .total-comment, #reply-title,.author-description{margin: 0;}
.commentlist{
  counter-reset:comment-counter;
  padding:0;
  list-style: none;
}
.comment-holder:before{
  content:counter(comment-counter);
  counter-increment:comment-counter;
  text-align: right;
  color: #a4a4a3;
  font-size: 11px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.comments-area{ text-align: left; }
.children{ list-style-type:none; }
.form-submit{ padding-top: 13px; }
.fn{
  font-weight:bold;
  font-style:normal;
  padding-right:10px;
}
.authorbio .author-avartar{
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid transparent;
  border-radius:50px;
  float: left;
  margin-right: 15px;
}
.authorbio {
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
  padding: 30px 0px;
  min-height: 170px;
}
.comment-holder{
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 30px;
  overflow: hidden;
}
.comment-avartar{
  display: block;
  width: 44px;
  height: 44px;
  border: 1px solid transparent;
  border-radius:22px;
  float: left;
  margin-right: 15px;
}
.comment .c1{width: 75px;}
.bypostauthor > article .avatar{border: 2px solid;}
#comment_submit{margin-left: 15px; }
.logged-in-as, .must-log-in{
  width:100%;
  min-height:1px;
  float:left;
  padding: 0px 15px;
  margin: 0;
  position:relative; 
}
.taxonomy-description{ margin: -70px 0 70px 0;}
#nav-above{
  line-height: 48px;
  width: 100%;
  position: relative;
  background: #efefef;
}
#nav-above .c12{padding: 5px 15px;}
.nav-next, .nav-previous{ float: right; }
.nav-next{ margin-left: 20px; }
.nav-next a, .nav-previous a{ padding: 0 !important; }
.nav-next a:after{
  content:"\203A";
  padding-left: 8px;
}
.nav-previous a:before{
  content:"\2039";
  padding-right: 8px;
}
#nav-above{ float: right; }
#nav-above a, #crumbs a, #crumbs .current{
  display: inline-block;
  top: 0;
  color: #222;
  text-decoration: none;
  letter-spacing: 2px;
  height: 48px;
  line-height: 48px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

#crumbs span{
  margin-right: 10px;
}
#crumbs{ float: left; }
#secondary aside{margin-bottom: 30px;}
#secondary aside ul{
  list-style: none;
  padding: 0;
}
#secondary aside li{
  border-bottom: 1px solid #f4f4f4;
  line-height: 40px;
}
.entry-meta .c12{margin-top: -30px;}
#secondary aside a, .widget a{ color: #747474; }
#searchsubmit{
  position: absolute;
  right: 0;
  top:23px;
  width: 40px;
  height: 40px;
  min-height: 40px;
  line-height: 0px;
  padding: 0;
  text-indent: -9999px;
  opacity: 0.4;
  background: transparent url(images/search.png) no-repeat center center;
  border: none;
}
.skrollr #searchsubmit{
  -webkit-transition: opacity 50ms linear;
  -moz-transition: opacity  50ms linear;
  -ms-transition: opacity  50ms linear;
  -o-transition: opacity  50ms linear;
  transition: opacity  50ms linear;
}
#searchsubmit:hover{ opacity: 1; }
#searchform{ 
  position: relative;
  top: -6px; 
}
#wp-calendar{ width: 100%; }
.wp-caption {
    background: #fff;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky{}
.gallery-caption{}


/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2 & MIT License (http://en.wikipedia.org/wiki/MIT_License)
 *
 * September 24th, 2012
 */


/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
/*body{font-size:100%;line-height:1.6875}*/
.grid{margin:0 auto;max-width:1024px;width:100%;position: relative;}
img{max-width:100%;height:auto !important;display:inline-block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom: 30px;}
.row .row{width:auto;margin:0 -15px;}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c4meta{width:40%}
.c5{width:41.66%}
.c5meta{width:45%}
.c6{width:50%}
.c7meta{width:55%}
.c7{width:58.33%}
.c8meta{width:60%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c4meta,.c5meat,.c8meta,.c7meta,.c5,.c6,.c7,.c8,.c8meta,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:15px;padding-right:15px;position:relative; padding-bottom: 15px;padding-top: 15px;}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}
.row:last-child{margin-bottom:0 !important}


.lt-ie8 .c1, .lt-ie8 .c2, .lt-ie8 .c3,.lt-ie8  .c4,.lt-ie8 .c4meta,.lt-ie8 .c5meat,.lt-ie8 .c8meta,.lt-ie8 .c7meta, .lt-ie8 .c5, .lt-ie8 .c6, .lt-ie8 .c7, .lt-ie8 .c8, .lt-ie8 .c9, .lt-ie8 .c10, .lt-ie8 .c11 , .lt-ie8 .c12{
  float: left;
  margin: 0 3% 0 0;
  padding: 15px 0px;
}
.lt-ie8 .c1.end, .lt-ie8 .c2.end, .lt-ie8 .c3.end, .lt-ie8 .c4.end, .lt-ie8 .c5.end, .lt-ie8 .c6.end, .lt-ie8 .c7.end, .lt-ie8 .c8.end, .lt-ie8 .c9.end, .lt-ie8 .c10.end, .lt-ie8 .c11.end {
  margin: 0;
}
.lt-ie8 .c1 { width: 5.5%; }
.lt-ie8 .c2 { width: 14%; }
.lt-ie8 .c3 { width: 22.5%; }
.lt-ie8 .c4 { width: 31%; }
.lt-ie8 .c4meta { width: 40%; }
.lt-ie8 .c5 { width: 39.5%; }
.lt-ie8 .c5meta { width: 45%; }
.lt-ie8 .c6 { width: 48%; }
.lt-ie8 .c7 { width: 56.5%; }
.lt-ie8 .c7meta { width: 55%; }
.lt-ie8 .c8 { width: 65%; }
.lt-ie8 .c8meta { width: 60%; }
.lt-ie8 .c9 { width: 73.5%; }
.lt-ie8 .c10 { width: 82%; }
.lt-ie8 .c11 { width: 90.5%; }
.lt-ie8 .c12 { width: 99%;}
.lt-ie8 .clearfix{zoom:0;}

/* ==========================================================================
   Media query for 960 Screens
   ========================================================================== */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row c4meta,.row .row .c5meat,.row .row .c8meta,.row .row .c7meta,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100% !important; margin-bottom:20px!important;}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* ==========================================================================
   Media query for iPad and tablets portrait
   ========================================================================== */


@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){

body{
	/*
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
	*/
}
.c1,.c2,.c3,.c4,c4meta,.c5meat,.c8meta,.c7meta,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{
  width:100% !important;
  margin-right:0;
  margin-left:0;
  margin-bottom:20px;
}
#menubutton{
  position: absolute;
  right: 0;
  display: block;
  background: #efefef;
  cursor: pointer;
  z-index: 51;
  background: transparent url('images/menu.png') no-repeat center center;
}
.mainnav .grid{padding: 0;}
.mainLogo{padding-left: 15px;}
.nav-links{
  max-height: 260px;
  overflow-y:scroll;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid #e6e6e6;
}
.mainnav a{
  border-bottom: none;
}
.mainnav ul{
  float: none;
  clear: both;
  display: block;
}
.mainnav ul.nav-links{
  display: none;
}
.mainnav ul li{
  display: block;
  text-align: left;
  margin-right: 0;
  height: auto;
  min-height: 52px;
  line-height: 52px;
  padding: 0px 15px;
}
.mainnav ul li a{
  display: block;
  min-height: 52px;
  width: 100%;
}
.mainnav .sub-menu, .mainnav .sub-menu ul, .mainnav .children, .mainnav .children ul{
  border: none;
  position: relative;
  left: 0;
  top: 0;
  padding:0px 0px 0px 10px;
  opacity: 1;
  visibility: visible;
}
.mainnav .sub-menu li, .mainnav .children li{
  height: auto;
  padding: 0;
  line-height: 55px;
}
.mainnav .sub-menu a, .mainnav .children a{
  padding: 0;
}

.navHide{overflow: hidden !important; height: auto !important;}
.navShow{display:list-item !important;}
.no-js .mainnav ul > li{ display: block ;}
.no-js .nav-links{display: none;}
.no-js  .mainnav:hover .nav-links{display: block;}
#active-bar{ display: none; }
.slide-caption .grid > div, .slide-caption .grid > div p, .slide-caption .grid > div h1, .slide-caption .grid > div h2, .slide-caption .grid > div h3, .slide-caption .grid > div h4, .slide-caption .grid > div h5, .slide-caption .grid > div h6 {
  text-align: center !important;
}
.team-image{ 
  width: 60%;
  padding-bottom: 60%;
}
.blog-bottom-bar > span, .blog-bottom-bar > a{
  display: inline-block;
  white-space:nowrap;
}
.blog-bottom-bar:after{
  clear: both;
}
.site-content{
  width: 100% !important;
}
#secondary aside{
  margin-right: 0!important;
  margin-left: 0!important;
}
#nav-above .c12{margin-bottom: 0;}
#crumbs {display: none;}
.nav-previous{
  float: left;
}
.footer .grid > div{
  margin-bottom: 0 !important;
  padding: 5px 15px !important;
}
.woocommerce-cart .flexslide-caption .slider #ligne #produit {
    width: 100%!important;
    height: auto!important;
}
.woocommerce-cart .pageheading {
    padding: 0!important;
}
.woocommerce-cart .woocommerce{
	padding: 0!important;
}
.woocommerce-cart .flexslide-caption .slider #ligne #produit {
    padding: 0 30px 0 30px !important;
}
}
/* ==========================================================================
   Media query for iPhone and smartphone landscape
   ========================================================================== */

@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){
  .testimonials .flex-direction-nav{
    width: 300px;
    margin-left: -150px;
  }
  .testimonials blockquote{font-size: 18px;}
  .team-image{ 
    width: 100%;
    padding-bottom: 100%;
  }

}
/* ==========================================================================
   Media query retina display
   ========================================================================== */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  

#menubutton{
  background: transparent url('images/menu@2x.png') no-repeat center center;
  background-size: 14px 14px;
}
#searchsubmit{
  background: transparent url(images/search@2x.png) no-repeat center center;
  background-size: 18px 18px;
}


} 
@media \0screen {img { width: auto }}/* Prevent height distortion in IE8. */



/* ==========================================================================
   Modifs WD
   ========================================================================== */
ul {
    padding: 0 0 0 20px;
}
p.small{
	font-size: 11px;
}
/* remplacer id par une class .btn */
/* effet sur les boutons */
button:hover,
.button:hover,
#btn:hover {
    text-decoration: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    opacity: 0.80;
}
/* utiliser le lien a dans la div vs l'inverse */
#btn a{
    color:#fff;
}
#btn a,
#bandeau-pack-duo-metasyn #btn,
#bandeau-glucometasyn #btn,
#bandeau-lipometasyn #btn{
	display: block;
}
/* page panier */
.woocommerce-error, .woocommerce-info,
.woocommerce-message {
    padding: 1em 2em 1em 20px;
    margin: 0 0 2em;
    position:inherit;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #005871;
}
.woocommerce-message::before {
    content: '\e015 ';
    color: #005871;
}
.woocommerce-error::before, .woocommerce-info::before,
.woocommerce-message::before {
    position:inherit;
    top: 1em;
    left: 20px;
	margin-right: 5px;
}
.pageheading h1{
	color:#005871;
	padding: 20px 0 0 20px
}
/* attention un seul id par page */
#bandeau-pack-duo-metasyn #produit #verbatim,
#bandeau-glucometasyn #produit #verbatim,
#bandeau-lipometasyn #produit #verbatim {
    color: #DB222F;
    font-size: 19px;
    line-height: 26px;
}

#main p.livraison,
#main span.livraison,
#bandeau-pack-duo-metasyn #infos_produit span.livraison,
#bandeau-glucometasyn #infos_produit span.livraison,
#bandeau-lipometasyn #infos_produit span.livraison{
	text-align: center;
	font-size: 12px!important;
}

/* page gluco */
.page-id-2118 #accordion-3 #picto {
    margin: 80px 0px 0px 0px;
}

.accordion h3{
	line-height: 22px;
}


/* page conseil */
.page-id-2384 #main {
    padding: 120px 0 0 0 !important;
}
.page-id-2384 h2 {
    font-size: 18px;
	line-height: 22px;
}
.page-id-2384 h3 {
	font-size: 18px !important;
	color: #DB222F !important;
}

@media only screen and (max-width:960px){

.page-id-2384 #visuel img {
    width: 100%;
    height: 200px!important;
    object-fit: cover;
    object-position: 0% 20%;
}
}

/* ajout promo produits en bas de page sur pages produits */

.page-id-2148 #parallaxSection2 .parallaxSectionContent,
.page-id-2118 #parallaxSection2 .parallaxSectionContent,
.page-id-2006 #parallaxSection2 .parallaxSectionContent{
	padding-top: 0!important;
}

.page-id-2148 .flexslide-caption .slider {
    background-color: #fff;
}
.page-id-2148 .accordion #picto {
    margin: 100px 0px 0px 0px;

}
#bandeau-lipometasyn .parallaxSection{
	/*background-position: center center !important;
	background-size: auto!important;*/
}


/* panier avec packs */
.woocommerce-cart .flexslide-caption .slider #ligne #produit {
    width: 280px;
    height: 250px;
    color: #707070;
    text-align: left !important;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    font-family: 'open_sanslight';
    margin: 0 10px 0 0px !important;
    padding: 0 0px 0 25px;
    font-size: 12px;
    line-height: 16px;
}
.woocommerce-cart .pageheading{
	padding-top: 80px;
}
.return-to-shop{
	display: none;
}