/*
Theme Name: Bien Etre Intestinal
Theme URI: http://underscores.me/ 
Author: Grégory Charlier | Calico
Author URI: http://studio-calico.fr
Description: Theme Bien Etre sur base Ma Solution
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: masolution

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Smectago is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

.para-widget #pgc-gb3746-63c7d8c61bd72-1-1 {
  left: 50%;
  margin-left: 15px;
}

.para-widget .white-pill {
  background: #fff;
  font-size: 16px;
  font-weight: 600;
  color: #5cb57e;
  border-radius: 14px;
  line-height: 26px;
  padding: 5px 15px;
  display: inline-block;
}

.para-widget .list-title {
  padding-left: 35px;
  font-size: 20px;
  font-weight: 700;
  margin:30px 0 20px 0;
  letter-spacing: 0;
  color: #fff;
}

.para-widget .list-title span.number_span {
  margin-left: -40px;
  margin-top:-5px;
  background: #fff;
  text-align: center;
  font-size: 15px;
  color: #5cb57e;
  padding-top: 5px;
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 11px;
  border-radius: 50%;
}

.para-widget .text-item > p {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

.para-widget .sow-image-container .so-widget-image {
  position: absolute;
}

.para-widget .body-item {
  width: 409px;
  height: 514px;
  margin-top: 0;
  position: relative;
}

.para-widget .point {
  background: #5cb57e;
  font-size: 15px;
  font-family: 'Open Sans';
  font-weight: 700;
  position: absolute;
  color: #fff;
  border-radius: 20px;
  max-width: 35px;
  cursor: pointer;
  padding: 6px 13px;
  transition:all .4s ease;
  text-decoration:none;
}
.para-widget .point:hover, .para-widget .point:focus  {
  text-decoration:none;
}
.para-widget .point.isactive{
  color: #5cb57e;
  background: #ffffffcf;
  transform: scale(1.2);
  text-decoration:none;
}

.para-widget .point.one {
  margin-top: 170px;
  margin-left: 209px;
}

.para-widget .point.two {
  margin-top: 250px;
  margin-left: 247px;
}

.para-widget .point.three {
  margin-top: 310px;
  margin-left: 200px;
}

.para-widget .point.four {
  margin-top: 220px;
  margin-left: 166px;
}

.para-widget .point.five {
  margin-top: 263px;
  margin-left: 145px;
}

.para-widget .point.six {
  margin-top: 380px;
  margin-left: 188px;
}

.para-widget .point.seven {
  margin-top: 364px;
  margin-left: 282px;
}

.para-widget .point.eight {
  margin-top: 310px;
  margin-left: 110px;
}

.para-widget .point.nine {
  margin-top: 439px;
  margin-left: 203px;
}

@media (max-width: 480px) {
  .para-widget .body-item {
      width: 280px;
      height: 310px;

  }
  .para-widget .body-item .point {
      background: #5cb57e;
      font-size: 12px;
      font-family: 'Open Sans';
      font-weight: 700;
      position: absolute;
      color: #fff;
      border-radius: 20px;
      max-width: 35px;
      cursor: pointer;
      padding: 4px 9px;
  }
  .para-widget .body-item .point.one {
      margin-top: 80px;
      margin-left: 124px;
  }
  .para-widget .body-item .point.two {
      margin-top: 155px;
      margin-left: 145px;
  }
  .para-widget .body-item .point.three {
      margin-top: 180px;
      margin-left: 120px;
  }
  .para-widget .body-item .point.four {
      margin-top: 130px;
      margin-left: 86px;
  }
  .para-widget .body-item .point.five {
      margin-top: 163px;
      margin-left: 85px;
  }
  .para-widget .body-item .point.six {
      margin-top: 225px;
      margin-left: 110px;
  }
  .para-widget .body-item .point.seven {
      margin-top: 217px;
      margin-left: 160px;
  }
  .para-widget .body-item .point.eight {
      margin-top: 200px;
      margin-left: 70px;
  }
  .para-widget .body-item .point.nine {
      margin-top: 269px;
      margin-left: 120px;
  }

  .para-widget #pgc-gb3746-63c7d8c61bd72-1-1{
      margin-left:0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;					
  }
  .para-widget .sow-image-container .so-widget-image{
      width: 280px;
      height: 310px;
  }
  .para-widget .so-widget-sow-image {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.p20 {padding: 20px;}

html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body { margin: 0;}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block;}

a { background-color: transparent;}

a:active, a:hover { outline: 0;}

b, strong { font-weight: bold;}

h1, .single .page-title a { font-size: 2.3em; margin: 0; text-transform: uppercase; color: #fff; font-weight: bold; }

h2 { font-weight: bold; font-size: 2.5em; margin: 10px 0 5px; }

small {
    font-size: 80%;
}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}

sup { top: -0.5em;}

sub { bottom: -0.25em;}

img { border: 0;}

figure { margin: 1em 40px;}

hr { box-sizing: content-box; height: 0;}

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}

button { overflow: visible;}

button, select { text-transform: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}

button[disabled], html input[disabled] { cursor: default;}

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

input { line-height: normal;}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

fieldset { border: none; margin: 0; padding: 0;}

legend { border: 0; padding: 0;}

textarea { overflow: auto;}

table { border-collapse: collapse; border-spacing: 0;}

td, th { padding: 0;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
    color: #4b4b41;
    font-family: 'Open Sans', sans-serif;
    font-size: 62.5%;
    line-height: 1.5;
}

/*h1,h2,h3,h4,h5,h6 {	clear: both;}*/

p { margin-bottom: 1.5em;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body { background: #fff; /* Fallback for when there is no custom background color defined. */}

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" "";}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}

ul, ol { margin: 0; padding: 0; }

ul { list-style: none;}

ol {
    list-style: decimal;
}

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em;}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table { margin: 0 0 1.5em; width: 100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
a.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: none; box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    background: #4b5b71;
    color: #fff;
    font-size: 1.8em;
    padding: 5px 25px;
    transition: background 0.5s ease;
}

a.btn.btn-blanc { background: #fff; color: #023770 }

aside.more-single a.btn {display: inline-block;}

.btn-bold {font-weight: bold;}

.entry-content p .btn {font-size: 1em}

.content-product .fd-rose a.btn { background: #fff !important; color: #72777a !important }

.th-orange a.btn, .th-orange button { background-color: #ef7c00; color: #fff }

.th-vert a.btn, .th-vert button { background-color: #239088; color: #fff }

.th-rose a.btn, .th-rose button { background-color: #e1077f; color: #fff }

.th-turquoise a.btn, .th-turquoise button { background-color: #00b6be; color: #fff }

.btn:hover, button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #414141; text-decoration: none
}

a.btn.btn-blanc:hover { background: #ccc; }

.th-orange a.btn:hover, .th-orange button:hover { background-color: #ffac30; color: #fff }

.th-vert a.btn:hover, .th-vert button:hover { background-color: #53c0b8; color: #fff }

.th-rose a.btn:hover, .th-rose button:hover { background-color: #f137af; color: #fff }

.th-turquoise a.btn:hover, .th-turquoise button:hover { background-color: #20d6de; color: #fff }

.content-product .fd-rose a.btn:hover { background: #dcdcdc !important }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

select { border: 1px solid #ccc;}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}

textarea { width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*.nav-desktop { margin-top: 8px; }*/
.nav-desktop ul li { display: inline-block; font-size: 2em; margin: 0 30px; font-weight: bold; }

.nav-desktop ul li.lang-item {font-size: 1.5em; margin: 0; }

.nav-desktop ul li.lang-item a, .main-navigation li.lang-item a {color: #b7b7b7;}

.nav-desktop ul li.lang-item:after {content: ' / '; color: #b7b7b7;}

.nav-desktop ul li.lang-item:last-child:after {content: '';}

.nav-desktop ul li.lang-item.current-lang a, .main-navigation li.lang-item.current-lang a {color: #197ebe; text-decoration: none;}

.nav-desktop ul li a { text-decoration: none; color: #023770 }

.nav-desktop ul li a:hover, .nav-desktop ul li.current_page_item a { color: #197ebe; text-decoration: underline;}

nav ul, nav li { list-style: none; padding: 0; margin: 0;}

.main-navigation {
    clear: both; display: none;
    width: 100%;
    position: absolute;
    z-index: 100;
    height: auto;
    background: #fff;
    font-size: 1.9em;
    padding-bottom: 30px;
}

.main-navigation ul { border-bottom: 2px solid #cccccc}

.main-navigation ul.liste-articles { display: none;}

.main-navigation li { display: block; padding-left: 15px; border-bottom: 1px solid #ccc }

.main-navigation li:last-of-type { border: 0 }

.main-navigation .intitule, .menu-menu-apres-produit-container li {padding-left: 0; font-weight: bold; }

.main-navigation ul.liste-categories > li a span { float: right; width: 32px; height: 32px; border-radius: 50%; display: block; font-size: 1.6em; color: #fff; text-align: center; line-height: 1.1em; margin-right: 15px;}

.main-navigation ul.liste-categories > li a span.active { line-height: 0.7em; font-size: 2em; }

.main-navigation ul.liste-categories > li.th-orange a span { background-color: #ef7c00}

.main-navigation ul.liste-categories > li.th-vert a span { background-color: #239088}

.main-navigation ul.liste-categories > li.th-rose a span { background-color: #e1077f}

.main-navigation ul.liste-categories > li.th-turquoise a span { background-color: #00b6be}

.main-navigation ul.liste-articles {font-size: 1rem; }

.main-navigation div.intitule { color: #777}

.main-navigation a { display: block; text-decoration: none; padding: 12px 0; color: #333; margin-left: 15px;}

.main-navigation ul.liste-articles a {padding: 6px 0; }

.th-orange a { color: #ef7c00}

.th-vert a { color: #239088 }

.th-rose a { color: #e1077f }

.th-turquoise a { color: #00b6be }

/* .main-navigation li:hover > a, .main-navigation li.focus > a {} */

/* .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a {} */

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul { display: block;}

.ft-navigation li { float: left; text-transform: uppercase; margin: 0 3px;}

.ft-navigation li.menu-divider:last-of-type { display: none;}

.ft-navigation { font-size: 1.2em; margin-top: 10px; }

.ft-navigation a { color: #023770; font-weight: bold;}

.ft-navigation input[type="button"] {-webkit-appearance: none; box-shadow: none; border: none; background: none; padding: 0; font-size: 1.2em; color: #023770; font-weight: bold;}

.ft-navigation input[type="button"]:hover {text-decoration: underline;}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #4b5b71; text-decoration: none}

a:hover, a:focus, a:active { text-decoration: underline }

a:focus { outline: thin dotted;}

a:hover, a:active { outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1px; margin-bottom: 10px}

.alignright { display: inline; float: right; margin-left: 1px; margin-bottom: 10px}

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed;}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both;}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*.widget {	margin: 0 0 1.5em;}*/

/* Make sure select elements fit in widgets. */
.widget select { max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
p { font-size: 1.5em; line-height: 1.3em; margin: 0 0 10px}

.container, .content-product .panel-grid { width: 1200px; margin: auto; max-width: 100vw;}

.content-product .panel-grid {margin: auto !important; display: block}

.w100 { width: 100%; }

.w50 { width: 50% }

.tac { text-align: center;}

.gris { color: #72777a }

.turquoise { color: #00b6be !important }

.violet { color: #7f2371 }

.rose { color: #e02f8a }

.bloc-violet { border-top: 6px solid #7f2371 !important }

.bloc-rose { border-top: 6px solid #e02f8a !important; }

.relative { position: relative}

td { vertical-align: top}

.th-orange main a, .home main section.th-orange h2 { color: #ef7c00}

.th-vert main a, .home main section.th-vert h2 { color: #239088 }

.th-rose main a, .home main section.th-rose h2 { color: #e1077f }

.th-turquoise main a, .home main section.th-turquoise h2 { color: #00b6be }

.site-header { padding: 27px 0; position: relative;}
.site-header .site-branding>a>img { width: 300px; }
.site-header .alignright { position: absolute; right: 25px; top: 23px; color: #232f60; cursor: pointer}

.slider { background-size: cover; background-position: center center; position: relative; }

.slider h1 { text-align: center; width: 780px; margin: 31px 0 20px; float: right; font-size: 2.7em }

.slider ul { width: 780px; float: right; margin: 0 0 35px 0; padding: 0; }

.slider ul li { display: inline-block; background: #fff url(img/bk-degrade-violet.png) repeat-x top left; width: 48.5%; margin: 0; padding: 0; text-align: center; cursor: pointer; vertical-align: top;}

.slider ul li:first-child { margin-right: 2.5% }

.slider ul li strong, ul.blocs-produits li strong, .archive article.bloc-produit strong { display: block; text-transform: uppercase; margin: 15px 0 5px; font-size: 1.7em }

.slider ul li em, ul.blocs-produits li em, .archive article.bloc-produit em { font-style: normal; font-size: 2.1em; display: block; margin-top: 10px; padding: 0 5px; font-weight: bold; height: 3em;}

.single ul.blocs-produits li em { font-size: 1.8em }

/*.slider a.btn { display: inline-block; margin: 5px 0 30px 0; min-width: 70%}*/
.slider .bk-content-home { clear: both; background: rgba(255, 255, 255, 0.8); padding: 15px 0 }

.slider p { font-size: 1.8em; margin: 10px; font-weight: bold;margin: auto; width: 90%; line-height: 1em;}

.slider p span { display: block; color: #fff; background: #e02f8a; border-radius: 5px; font-size: .9em; font-weight: normal; line-height: 1em; margin-bottom: 10px; padding: 6px; }

.slider .bloc-violet p span { background: #7f2371; }

.home main > section:nth-child(odd) { background-color: #ececec}

.home main section h2 { font-size: 4em; font-weight: 600; margin: 50px 0 25px}

.home main > section p.category-description { font-size: 1.6em; margin-bottom: 30px; }

.home main > section .products-list { margin: 50px 0;}

.home main footer { background: #023770; color: #fff; padding: 20px 0;}

.home main footer h4 { display: inline; font-weight: normal; font-size: 2.5em; margin: 0 20px }

.home main footer a { font-weight: bold; }

.site-footer { background: #f3f3f3; color: #666; padding: 30px 0; }

.site-footer .ipsen-logo { float: left; margin-right: 30px; }
.site-footer .ipsen-link-full .ipsen-logo { float: none; max-width: 300px; }

.site-footer .code-pub { font-size: 1.2em; color: #023770; line-height: 1.15em; padding-top: 7px; margin-bottom: 25px;}

.site-footer .mentions { border-top: 1px solid #666666; padding-top: 5px; font-size: 1.2em; }

#up { color: #023770; text-decoration: none; background: #fff;font-size: 1.5em;
    text-align: center; height: 50px; line-height: 50px; width: 50px; border-radius: 50%;
    position: fixed; right: 20px; bottom: 100px; z-index: 2;
    display: none;
}

.ariane { font-size: 1.2em; margin: 20px auto !important; /* margin-bottom: 40px; */ }

.ariane strong { font-size: .7em }

.ariane a { font-weight: bold; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.hentry .content { padding: 0 10px}

.bloc-home { width: calc(33.33% - 18px); float: left; border-top: 8px solid #ef7c00; background: #e4e7ea; margin: 0 9px 20px; height: 509px; transition: all 0.3s ease-out}

.bloc-home:hover { background-color: #eceff2}

.th-vert .bloc-home { border-color: #239088 }

.th-turquoise .bloc-home { border-color: #00b6be }

.th-rose .bloc-home { border-color: #e1077f }

.bloc-home a { /* display: block; height: 100%; color: #333 */}

.bloc-home a p { color: #4b4b41 !important; }

.bloc-home a:hover, .slider ul li a { text-decoration: none }

.bloc-home h2, .bloc-home h4 { font-size: 2.5em; margin: 20px 18px 5px 18px; line-height: 1.3em}

.bloc-home p, .bloc-first p { font-size: 1.8em; margin: 0 18px; line-height: 1.2em }

.bloc-produit { background: #fff url(img/bk-degrade-home-orange.png) bottom center repeat-x; text-align: left; box-shadow: 0px 0px 9px rgba(0, 0, 0, .2); cursor: pointer; }

.th-vert .bloc-produit { background-image: url(img/bk-degrade-home-vert.png); }

.th-rose .bloc-produit { background-image: url(img/bk-degrade-home-rose.png); }

.th-turquoise .bloc-produit { background-image: url(img/bk-degrade-home-turquoise.png); }

.products-list.product-count-1 .bloc-produit { width: 644px; margin: auto; max-width: 100vw;}

.single .products-list.product-count-1 .bloc-produit { width: 100%}

.products-list.product-count-2 .bloc-produit { width: 560px; display: inline-block; float: left; max-width: 100vw;}

.single .products-list.product-count-2 .bloc-produit { width: 48%}

.products-list.product-count-2 .bloc-produit:last-of-type { float: right;}

.bloc-produit img { float: left; margin: 30px 30px 15px 30px; height: 220px;}

.bloc-produit .bloc-produit-desc { margin-top: 28px; padding-right: 5px; height: 188px;}

.bloc-produit .bloc-produit-desc h3 { font-size:2.3em; /* font-size: 2.8em; */ margin: 5px 0;}

.single .product-count-1 .bloc-produit .bloc-produit-desc h3 { margin: 15px 0;}

.bloc-produit .bloc-produit-desc div, .layout-solution-products-list p, .layout-solution-products-list .solution-excerpt { font-size: 12px; }

.layout-solution-products-list p.statut {margin-bottom: 3px;}

.single .product-count-2 .bloc-produit-desc p { display: none;}

.single .product-count-1 .bloc-produit-desc p { font-size: 1.6em; }

.single .product-count-1 img { margin: 45px 30px 15px 15px;}

.bloc-produit a { color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase;}

aside section .products-list .bloc-produit, .bloc-produit.bloc-produit-vertical { padding: 0 18px; position: relative; }

.bloc-produit.bloc-produit-vertical .bloc-produit-desc { height: auto;}

.bloc-produit.bloc-produit-vertical p { margin: 20px 0 20px 0 }

.bloc-produit.bloc-produit-vertical img { display: block; float: none; margin: auto; /*width: 50%;*/ }

aside section .products-list a, .bloc-produit.bloc-produit-vertical a { position: absolute; bottom: 27px; height: auto; display: inline}

.bloc-first { background: #e4e7ea; border-left: 8px solid #ef7c00; width: calc(100% - 18px); margin: 0 auto 60px auto; display: flex; cursor: pointer; }
.bloc-first img {/* width: 33%; */ /* width: calc(33.33% - 18px); */ }
.bloc-first .inside-bloc {width: 77%; margin: 15px 0 15px 15px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @media screen and (min-width: 1023px) and (max-width: 1025px) {
    .bloc-first img{
      /* max-height: 255px; */
    }
  }
}

@media screen and (max-width: 991px){
  .bloc-first img{
    /* height: auto !important; */
  }
}

.th-vert .bloc-first { border-color: #239088 }

.th-turquoise .bloc-first { border-color: #00b6be }

.th-rose .bloc-first { border-color: #e1077f }

.bloc-first p, .bloc-first a.btn { margin-left: 0; margin-bottom: 22px; display: inline-block}

.single .read-more .bloc-home { background: #fff }

.more-single .read-more .bloc-home a,
.more-single-solutions .more-single .solutions .bloc-home a{
  color: #333;
}

.th-turquoise .more-single .read-more .bloc-home a h4,
.more-single-solutions .read-more.th-turquoise .bloc-home a h4,
.more-single-solutions .solutions.th-turquoise .bloc-home a h4{
  color: #00b6be;
}
.th-rose .more-single .read-more .bloc-home a h4,
.more-single-solutions .read-more.th-rose .bloc-home a h4,
.more-single-solutions .solutions.th-rose .bloc-home a h4{
  color: #e1077f;
}
.th-vert .more-single .read-more .bloc-home a h4,
.more-single-solutions .read-more.th-vert .bloc-home a h4,
.more-single-solutions .solutions.th-vert .bloc-home a h4{
  color: #239088;
}
.th-orange .more-single .read-more .bloc-home a h4,
.more-single-solutions .read-more.th-orange .bloc-home a h4,
.more-single-solutions .solutions.th-orange .bloc-home a h4{
  color: #ef7c00;
}

.bloc-home h3 { font-size: 1.6em; margin: 13px 0 8px 0; letter-spacing: -0.01em }

/*.bloc-home em { font-size:1.4em; display: block; margin: 0 0 -15px 0}*/
.tit-cat.tit-cat-bloc { font-size: 1.4em; margin: 10px 0 0 0 }

.post-tags li {
    display: inline-block; font-size: 1.6em; text-transform: uppercase; font-weight: bold; margin-top: 15px;
}

.post-tags a {display: inline-block; text-decoration: none; background: #d4d4e0; padding: 0 10px; line-height: 27px; height: 27px; }

.post-tags li:after {
    background: url(img/sprite-riblons-gris.gif) no-repeat right top; width: 8px; height: 27px; content: " "; float: right}

.sticky { display: block;}

.byline, .updated:not(.published) { display: none;}

.single .byline, .group-blog .byline { display: inline;}

.entry-content p, .content-product p { font-size: 1.7em; margin-bottom: 10px; line-height: 1.4em }
.entry-content h2 { color: #023770; margin: 0 0 10px 0; font-size: 2.5em }

.th-orange .entry-content h2 { color: #ef7c00 }
.th-vert .entry-content h2 { color: #239088 }
.th-turquoise .entry-content h2 { color: #00b6be }
.th-rose .entry-content h2 { color: #e1077f }

.entry-content h3 { color: #72777a; margin: 5px 0 0 0; font-size: 1.8em }

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.zone-title { background: #edeef1 no-repeat top center; background-size: 100%; padding-top: 300px; padding-bottom: 60px }

.archive .zone-title { background: url(img/entete-cat.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 225px 0; margin-bottom: 60px; }

.archive .zone-title h1 { font-weight: normal; font-size: 2.8em; line-height: 1.15em; text-shadow: 2px 2px 4px rgba(0, 0, 0, .5); }

.archive .zone-title h1 strong { font-size: 0.8em}

.share.alignright { font-size: 2.3em; padding-top: 5px}

/*.share.alignright img { vertical-align: middle; position: absolute; right: 10px;}*/

.single main, .page-template-default main,  .error404 main, .page-template-layout-sitemap main { background: #fff; border-top: 1px solid #023770; border-top-width: 7px; padding: 70px 100px; }

.single hr { border-top: 2px dotted #023770; background: none}
.single .th-orange main, .single .th-orange main hr { border-color: #ef7c00 }
.single .th-vert main, .single .th-vert main hr { border-color: #239088 }
.single .th-turquoise main, .single .th-turquoise main hr { border-color: #00b6be }
.single .th-rose main, .single .th-rose main hr { border-color: #e1077f }
.single .th-orange h2 { color: #ef7c00; }
.single .th-vert h2 { color: #239088; }
.single .th-turquoise h2 { color: #00b6be; }
.single .th-rose h2 { color: #e1077f; }
.single h1, .page-template-default h1, .error404 h1, .page-template-layout-sitemap h1 { color: #4b5b71; font-size: 3.4em; text-transform: uppercase; margin-top: 0; display: inline-block; margin-bottom: 25px;}

aside.more-single { margin-top: 35px }
aside.more-single > section { width: 47%; }
.more-single-solutions aside.more-single > section.read-more { width: 74%; }
.more-single-solutions aside.more-single > section.solutions { width: 23%; }
aside.more-single > section div.tac { margin: 30px 0 50px}
aside.more-single .bk-title-read, .archive .bk-title-read { border-bottom: 1px solid #4b5b71; height: 45px; text-align: center; margin-bottom: 35px; }
aside.more-single .bk-title-read h4, .archive .bk-title-read h4 { background: #ededed; display: inline-block; font-size: 2.2em; padding: 0 15px; }
aside.more-single > section .bloc-home { width: 48%; margin: 0; box-sizing: border-box; float: left; height: 425px; }
.more-single-solutions aside.more-single > section .bloc-home { width: calc(33.33% - 18px); }
.more-single-solutions aside.more-single > section.solutions .bloc-home { width: 100%; background: #fff; margin: 0 !important; }
aside.more-single > section .bloc-home:first-of-type { margin-right: 3%}
.more-single-solutions aside.more-single > section .bloc-home:last-of-type { margin-left: 3%}
aside.more-single > section .bloc-home h4 { font-size: 1.8em }
aside.more-single > section .bloc-home p { font-size: 1.4em; line-height: 1.3em }

.more-single-solutions { display: inline-block; width: 100%; background: #EDEEF1; margin-top: 75px; margin-bottom: -5px; }

.fond-gris { background: #72777a; color: #fff; font-size: 1.4em; width: calc(100% - 30px); margin: auto }

.fond-gris > div.panel-grid-cell { padding: 0 !important; }
.fond-gris > div.panel-grid-cell p { margin: 0; color: #fff; font-size: 1.2em}
.fond-gris h2, .fond-gris h3 { color: #fff !important; margin: 10px 0}
.fond-gris > div.panel-grid-cell:first-child { padding: 20px !important}
.fond-gris > div.panel-grid-cell:last-child { float: right !important}

.entry-content .fond-gris img.alignright { margin: 0; padding: 0;}

.table-constipation, .table-ttt { width: 100%; border-collapse: collapse; }

.table-constipation caption, .table-ttt caption {
    background: #72777a; border-top-left-radius: 10px; padding: 17px 20px; color: #fff; text-transform: uppercase; border-bottom: 3px solid #fff
}

.fd-vert .table-constipation caption, .fd-vert .table-ttt caption {
    background: #4d4d4d; color: #fff
}

.table-constipation th, .table-ttt th {
    background: #023770; color: #fff; padding: 10px; border-bottom: 3px solid #fff; font-size: 1.5em
}

.th-orange .table-constipation th, .th-orange .table-ttt th { background-color: #ef7c00; }

.th-vert .table-constipation th, .th-vert .table-ttt th { background-color: #239088; }

.th-turquoise .table-constipation th, .th-turquoise .table-ttt th { background-color: #00b6be; }

.th-rose .table-constipation th, .th-rose .table-ttt th { background-color: #e1077f; }

.table-constipation td, .table-ttt td { background: #f3f3f3; padding: 10px; border-bottom: 3px solid #fff; color: #888; font-size: 1.5em }

/*--------------------------------------------------------------
# Liste catégories
--------------------------------------------------------------*/

.liste-categories-content { /* margin: 50px 0 20px */ margin: 0 0 20px; text-align: center; }
.liste-categories-content h2 { font-size: 40px; font-weight: bold; color: #023770; margin: 0 0 5px 0; }
.liste-categories .container .bloc-categorie { /* width: 24%; */ display: inline-block; vertical-align: top; margin-bottom: 70px;}
.liste-categories .container .bloc-categorie.margin-bloc-categorie-txt, .category-12 .liste-categories .container .bloc-categorie { margin-bottom: 20px; }
.liste-categories .container .bloc-categorie img { vertical-align: bottom; width: 100%;}
.liste-categories .container .bloc-categorie h2 { display: inline-block; width: 100%; /* font-size: 2.4em; */font-size: 2.2em; text-align: center; background-color: #ef7c00; color: #fff; padding: 40px; margin: 0; min-height: 152px; }
.liste-categories .container .bloc-categorie.th-turquoise h2 { background-color: #00b6be }
.liste-categories .container .bloc-categorie.th-vert h2 { background-color: #239088 }
.liste-categories .container .bloc-categorie.th-rose h2 { background-color: #e1077f }
.liste-categories .container .bloc-categorie.th-gris h2 { background-color: #585858 }
.liste-categories .container .bloc-categorie-txt { display: inline-block; margin-bottom: 10px; }
.liste-categories .container .bloc-categorie-txt p { font-size: 1.2em; }
.liste-categories .container .liste-categories-good-read { display: inline-block; width: 100%; text-align: center; margin: 20px 0 40px 0; }
.liste-categories .container .liste-categories-good-read p { font-size: 20px; color: #585858; margin: 0; }

/*--------------------------------------------------------------
# Products
--------------------------------------------------------------*/
.product-zone-title { background: no-repeat center center; background-size: cover; padding: 20px 0 75px 50px; margin-bottom: 40px; height: 354px; }
/* .product-zone-title section { margin: 0 0 0 40px; width: 810px; color: #fff} */
.product-zone-title section {width: 810px; color: #fff}
/*.product-zone-title img { max-width: 290px; }*/
.product-zone-title h1 { margin: 0; }
.product-zone-title h2 { font-size: 2em; margin: 0 0 10px; color: #fff }
.product-zone-title ul { font-size: 1.8em; margin: 0 0 25px 0px; line-height: 1.3em; }
.product-zone-title ul li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f054';
    margin: 0 10px 0 0px;
    font-size: 0.9em;
    display: inline-block;
    font-weight: 900;
}

.product-zone-title p { font-size: 1.8em; line-height: 1.3em }

.solution-template-default h1 { font-size: 2.7em; color: #ef7c00 }

.solution-template-default .th-vert h1 { color: #239088 }

.solution-template-default .th-turquoise h1 { color: #00b6be }

.solution-template-default .th-rose h1 { color: #e1077f }

.panel-grid { padding: 15px 0; }

.content-product #pg-4-0 .panel-grid-cell {padding: 0;}
.content-product .fd-rose { background: #e02f8a; width: 100%; padding: 40px }
.content-product .fd-gris { background: #4b5b71; width: 100%; padding: 40px }
.content-product .fd-gris a.btn { background: #fff; color: #e02f8a; }
.content-product .fd-gris a.btn:hover { background: #e02f8a; color: #fff; }
.content-product .clearfix, .entry-content .clearfix { clear: both }
.content-product h2 { font-size: 2.6em; margin-bottom: 20px; }
.content-product h3, .page-template-layout-liste-solutions h3 { font-size: 2.3em; margin: 8px 0 14px 0; line-height: 1.3em }

.page-template-layout-liste-solutions h3 { margin-bottom: 0;}

.content-product .fd-rose h2, .content-product .fd-rose h3, .content-product .fd-rose h4 { color: #fff }
.content-product .rose p, .content-product .fd-gris p, .content-product .rose li { color: #fff}
.content-product img.alignleft { margin-right: 75px}
.entry-content img.alignleft { margin-right: 20px}
.content-product img.alignright { margin-left: 75px}
.entry-content img.alignright { margin-left: 20px}

.content-product a.btn { font-size: 1em }

.content-product ul li, .content-product ol li, .entry-content ul li, .entry-content ol li { font-size: 1.05rem; margin-left: 20px; }

.content-product ol li, .entry-content ol li { list-style-position: inside}

.content-product ul li:before, .entry-content ul li:before { content: url(img/bullet.png); padding-right: 8px; margin-top: -5px }

.content-product .rose li:before, .entry-content .rose li:before { content: url(img/bullet-blanc.png); }

.entry-content ol, .entry-content ul, .hentry ol, .hentry ul { margin-bottom: 28px;}

.entry-content ul li, .entry-content ol li, .hentry ul li, .hentry ol li { font-size: 1.1rem; }

.entry-content .notes, .hentry .notes { font-size: 10px; border-top: 1px solid #6a6a6a; padding-top: 15px }

.entry-content .notes p, .hentry .notes p, .hentry .notes li { font-size: 10px; }

.entry-content .notes a, .hentry .notes a { color: #023770; text-decoration: underline}

/*--------------------------------------------------------------
# Liste des solutions
--------------------------------------------------------------*/
.liste-solutions-title { background: #023770; padding: 10px 0; }

.liste-solutions-title h1 { font-size: 2.5em; text-transform: initial }

.page-template-layout-liste-solutions main .row { display:inline-block; width: 100%; clear: both; padding: 50px 0; background-image: linear-gradient(#eaeaea, #ffffff); }

/* .page-template-layout-liste-solutions main .row:nth-child(odd) { background: #fff; }

.page-template-layout-liste-solutions main .row:nth-child(even) { background-image: linear-gradient(#eaeaea, #ffffff); } */

.page-template-layout-liste-solutions main .row section { display: inline-block; background: url(img/bk-liste-solution-sep.png) no-repeat right center }

.page-template-layout-liste-solutions main .row section h2 { display: inline-block; background-color: #ef7c00; margin: 10px 0 25px; padding: 5px 30px; font-size: 2.1em; }

.page-template-layout-liste-solutions main .row section.th-turquoise h2 { background-color: #00b6be }

.page-template-layout-liste-solutions main .row section.th-vert h2 { background-color: #239088 }

.page-template-layout-liste-solutions main .row section.th-rose h2 { background-color: #e1077f }

.page-template-layout-liste-solutions main .row section h2 a { color: #fff; text-decoration: none }

.page-template-layout-liste-solutions main .row section:last-of-type { background: none }

.layout-liste-bloc-produit { width: 1200px; display: inline-block; }

.page-template-layout-liste-solutions .nb-pd-row-3 .layout-liste-bloc-produit { width: 395px; }

.page-template-layout-liste-solutions .nb-pd-row-2 .layout-liste-bloc-produit { width: 580px; }

.product-notes { display: inline-block; width: 100%; margin-top: 50px; }

.product-notes .notes, .product-notes .notes p, .product-notes .notes ul li { font-size: 12px; }

.categorie-introduction{

  width: calc(100% - 18px);
  
  /* font-size: 12px; */
  
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
}

.references-category{
  width: calc(100% - 18px);
  margin: 20px auto;
  clear: both;
}

/*--------------------------------------------------------------
# Pharmacy locator
--------------------------------------------------------------*/

/* bloc pharmacy sur page produit */
.pharmacy {
  margin-top: 75px;
}

.pharmacy > .alignleft {
    width: 50%;
    background: url(img/pharmacie-plan.jpg) no-repeat center center;
    background-size: cover;
    min-height: 400px;
    margin: 0;
}

.pharmacy > .alignright {
    width: 50%;
    min-height: 400px;
    margin: 0;
    padding: 50px 8% 50px 3%;
    font-size: 1.2em;
    background: #fff url(img/bk-degrade-gris.png) repeat-x top left;
}

.pharmacy h3, .pharmacy-detail h1 { font-size: 3em; color: #4b5b71; margin: 10px 0; line-height: 1.1em}

.pharmacy form fieldset { max-width: 250px; width: 50% }

.pharmacy form fieldset.alignleft:first-child { padding-right: 40px; border-right: 1px solid #b7b7b7 }

.pharmacy form fieldset.alignleft:last-child { padding-left: 40px; }

.pharmacy form input[type=text], .pharmacy form input, .pharmacy-detail form input[type=text], .pharmacy-detail form input[type=submit], .pharmacy-detail form input[type=button] { width: 100%}

.pharmacy form input[type=text], .pharmacy-detail form input[type=text] { padding: 10px; margin-bottom: 13px; background: #fff; border: 1px solid #b7b7b7; font-size: 1.6em}

.pharmacy form input[type=submit], .pharmacy-detail form input[type=submit], .pharmacy form input[type=button], .pharmacy-detail form input[type=button] { background: #087fbe; padding: 15px 0; border: 2px solid #087fbe; font-size: 1.7em}

.pharmacy form input[type=button].blanc, .pharmacy-detail form input[type=button].blanc { background: #fff; color: #087fbe; }

/* Page phamacy détail*/
.pharmacy-detail { padding: 60px 0 50px 0 }

.pharmacy-detail > .alignleft { width: 35% }

.pharmacy-detail h1 { text-transform: none; margin-bottom: 20px; }

.pharmacy-detail > .alignright { width: 58% }

.pharmacy-detail form fieldset.alignleft:first-child { width: 50%; padding-right: 50px; border-right: 1px solid #b7b7b7 }

.pharmacy-detail form fieldset.alignleft.geo { width: 35%; padding-left: 50px; text-align: center; }

.pharmacy-detail form p { clear: both; padding-top: 18px; font-size: 2em; color: #023770 }

.pharmacy-detail form p.legende { display: none}

.pharmacy-detail form p.legende img { height: 30px; vertical-align: middle; margin-right: 10px;}

.pharmacy-detail form p.legende span { margin-right: 20px; font-size: .7em }

.pharmacy-detail form p.legende span.vente_en_ligne { margin: 0;}

#map { height: 560px }

.bloc-pharmacy { float: left; width: 32%; margin: 4% 1% 0 1%; border: 1px solid #b7b7b7; border-top: 9px solid #087fbe; padding: 30px; height: 370px; cursor: pointer; position: relative}

.bloc-pharmacy.haveUrl { border-color: #023770 }

.bloc-pharmacy h2 { color: #087fbe; font-size: 1.8em; margin: 0; line-height: 1.2em; }

.bloc-pharmacy.haveUrl h2 { color: #023770}

.bloc-pharmacy .ico { width: 38px; height: 47px; display: inline-block; background: url(img/map/type3.png); float: left; margin: 0 24px 20px 0; }

.bloc-pharmacy.haveUrl .ico { background-image: url(img/map/type1.png); }

.bloc-pharmacy.pos1, .bloc-pharmacy.pos3 { margin: 4% 0 0 }

.bloc-pharmacy p, .bloc-pharmacy div.horaire { clear: both; padding-top: 15px }

.bloc-pharmacy p.adresse {padding-top: 0;}

.bloc-pharmacy .horaire span, .bloc-pharmacy .tel span, .bloc-pharmacy .url span, .bloc-pharmacy .url_ecommerce span { margin-top: -15px; display: block; float: left; width: 40px; height: 50px; background: url(img/map/sprite-icone.png);}

.bloc-pharmacy .tel span { background-position: -10px 0 }

.bloc-pharmacy div.horaire span { background-position: -60px 0; }

.bloc-pharmacy div.horaire p { float: left; width: calc(100% - 40px); clear: none; padding: 0; }

.bloc-pharmacy .url span { background-position: -107px 0}

.bloc-pharmacy .url_ecommerce span { background-position: -160px 0}

.bloc-pharmacy .url_ecommerce a, .bloc-pharmacy .url a { color: #023770; font-weight: bold; }

.bloc-pharmacy .url img {vertical-align: middle;}

.bloc-pharmacy .wop { width: 100%; text-align: center; padding: 8px; margin-top: 10px; background: #ededed; color: #72777a; text-transform: uppercase}

.bloc-pharmacy .horaire_detail { position: absolute; top: 90px; width: 100%; height: 270px; background: #fff; left: 0; padding: 10px 20px; box-shadow: 0 0 3px rgba(0, 0, 0, .4); display: none}

.bloc-pharmacy .horaire_detail .close { display: block; font-size: 1.5em; text-align: right; }

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
form { margin: 20px 0;}

form .alignleft, form .alignright { width: 50%; margin: 0; }

form input[type=text], form input[type=email], textarea {
    width: 95%; background: #f0f1f7;
    font-size: 1.8em; border: none; margin-bottom: 18px;
    padding: 13px 25px;
}

form input[type=text]:focus, form input[type=email]:focus, textarea:focus {
    color: #087fbe; font-style: italic;
}

form textarea { height: 194px }

form input[type=submit] { padding-left: 70px; padding-right: 70px; font-size: .9em }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
embed, iframe, object { max-width: 100%;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em;}

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%;}

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block;}

/*--------------------------------------------------------------
## Sitemap
--------------------------------------------------------------*/
.sitemap section { padding: 0 20%; font-size: 1.5em; }

.sitemap section > ul > li { list-style: disc}

/*--------------------------------------------------------------
## Advanced browser check correction
--------------------------------------------------------------*/
.adv_browser_check_icons li { width: 64px }

.adv_browser_check_msg { font-size: 18px }

@media screen and (max-width: 1280px) {
    article {margin-right: 10%; margin-left: 10%;}

    .product-zone-title .container {width: auto;}

}

@media screen and (max-width: 1200px) {
    .page-template-layout-liste-solutions .nb-pd-row-3 .layout-liste-bloc-produit {width: 33vw;}

    .page-template-layout-liste-solutions main .row .nb-pd-row-2 section {width: 49vw;}

    .layout-liste-bloc-produit {max-width: 100%;}

    /* .liste-categories .container .bloc-categorie {width: 49vw; margin-bottom: 0;} */
    /* .liste-categories .container .bloc-categorie img {display: none;} */
    /* #primary.liste-categories > .row > .container {padding-left: 3%;} */
    /*.product-zone-title .container img {width: 25%;}*/
    .liste-categories .container .bloc-categorie h2 {padding-left: 36px; padding-right: 35px;}
    .product-zone-title section { margin-left: 0; width: 59%; }
    h1.container.page-title {margin-left: 5%; width: auto;}
    .product-zone-title .container {
      width: auto;
      display: flex;
      flex-direction: row;
    }
}

@media screen and (max-width: 768px) {
  .product-zone-title .container {
    display: unset;
  }
}

@media screen and (max-width: 1180px) {
    .content, .content-product .panel-grid { width: 100% }

    .page-template-default .zone-title, .error404 .zone-title { padding-top: 55px}

    /*	.products-list.product-count-2 .bloc-produit {display: block; margin: auto; float: none;}
        .products-list.product-count-2 .bloc-produit:last-of-type {float: none; margin-top: 50px;}
        /* .product-zone-title .container img {width: 20%;} */
    aside section .products-list a, .bloc-produit.bloc-produit-vertical a { font-size: 1.4em }

    .liste-categories .container .bloc-categorie h2 {padding-left: 33px; padding-right: 33px;}
}

@media screen and (max-width: 1160px) {
    .liste-categories .container .bloc-categorie h2 {padding-right: 31px; padding-left: 31px;}

    .liste-categories .container .bloc-categorie.th-rose h2 {padding-right: 25px; padding-left: 25px;}
}

@media screen and (min-width: 769px) and (max-width: 1110px) {
    .single .product-count-1 img {width: 30%;}
}

@media screen and (max-width: 1100px) {
    /* .product-zone-title .container img {width: 15%;} */
    /* .liste-categories .container .bloc-categorie h2 {padding-right: 21px; padding-left: 21px;} */
    .liste-categories .container .bloc-categorie.th-rose h2 {padding-right: 15px; padding-left: 15px;}

    .liste-categories .container .bloc-categorie h2 {font-size: 2.25em;}
}

@media screen and (max-width: 1024px){
  .container {width: 100%!important; padding-left: 3%; padding-right: 3%; box-sizing: border-box; margin-left: 0!important; margin-right: 0!important;}
  .ariane {display:inline-block; width: 95%; margin: 20px 0 20px 20px !important;}
  .bloc-first .inside-bloc {width: 60%;}
}

@media screen and (max-width: 1015px) {
    .liste-categories .container .bloc-categorie h2 {font-size: 2em;}
}

@media screen and (max-width: 960px) {
    /* .liste-categories .container .bloc-categorie h2 {height: 152px;} */
    .liste-categories .container .bloc-categorie h2 {font-size: 1.9em;}
    .bloc-first { align-items: center}
}

@media screen and (max-width: 910px) {
    .liste-categories .container .bloc-categorie h2 {font-size: 1.8em;}
}

@media screen and (max-width: 865px) {
    .liste-categories .container .bloc-categorie h2 {font-size: 1.7em;}
}

@media screen and (max-width: 835px) {
    .liste-categories .container .bloc-categorie h2 {font-size: 1.6em;}
}

@media screen and (max-width: 800px) {
    .liste-categories .container .bloc-categorie h2 {font-size: 1.5em;}
}

@media screen and (min-width: 769px) {
    .share .a2a_kit img {width: 30px}

    main .desktop, .content-product .desktop { display: block !important }
    .resp { display: none !important }
    main .resp, .content-product .resp { display:none !important }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* main .desktop, .content-product .desktop { display: none !important }
    main .resp, .content-product .resp { display:inherit !important } */
    .site-header { background-size: 78%; background-position: 85% 0% }

    .site-header .site-logo { width: 13%;margin-left: 1%; margin-bottom: 50px }

    /* header */
    .site-branding {display: flex; flex-direction: column; align-items: center; }

    .site-branding > a > img {display: block; margin: auto; }

    .site-header .alignright { display: block; margin-top: 25px; position: static; }

    /* home */
    .relative .bloc-home { width: 288px}
    .liste-bloc article h3 { height: 40px }
    .liste-bloc article p { height: 80px }

    .archive .liste-bloc article p { height: auto}
    ul.blocs-produits p { font-size: 1.6em; }
    .bloc-produit .bloc-produit-desc h3 { font-size: 1.5em; /* font-size: 2.2em; */ }

    .products-list.product-count-2 .bloc-produit { width: 49%}
    .products-list.product-count-2 .bloc-produit img { margin: 30px 30px 15px 20px}

    /* pharmacy locator */
    .pharmacy form fieldset { width: 49%}
    .bloc-pharmacy { height: 400px}
    .liste-categories .container .bloc-categorie h2 {        font-size: 2em;    }

    .single .page-title a { font-size: 1.8em }
    .single main, .page-template-default main, .page-template-layout-sitemap main, .error404 main, .page-template-layout-product .content article.content-product { padding: 30px;}
    .single .product-count-1 img {width: 40%;}

    .entry-content p .btn {display: inline-block;}

    aside.more-single > section article.bloc-home p { height: 126px; overflow: hidden}

    .so-panel table { width: 100% !important; }

    /* single more aisde */
    aside.more-single > section li img { max-width: 100%}
    aside.more-single > section li p { height: 70px; font-size: 1.1em;}
    aside.more-single > section li p span { font-size: 1.1em; }

    /* liste article bloc produit*/
    .slider p.violet, .archive article.bloc-produit.bloc-rose p span, aside.more-single > section li p, aside.more-single > section li p.violet, aside.more-single > section li p.rose span { letter-spacing: -0.04em}

    .home ul.blocs-produits p.violet { letter-spacing: -0.06em }

    .bloc-produit.bloc-produit-vertical img {margin-top: 10%;}

    .product-zone-title section { margin-right: 1%}

    .page-template-default .zone-title, .error404 .zone-title { padding-top: 100px; }

}

@media screen and (min-width: 826px) and (max-width: 951px) {
    section#flatulences-et-ballonnements > h2 > a {font-size: 21px;}
}

@media screen and (max-width: 768px) {
    /*p, h2, .site-footer .code-pub, article {margin-right: 10px!important; margin-left: 10px!important;}*/
    /*.liste-categories .container .bloc-categorie h2 {margin-left: 0!important; margin-right: 0!important;}*/
    .liste-solutions-title h1 {margin-right: 10px; margin-left: 10px; width: auto;}

    body {position: relative; height: 100%;}

    .desktop { display: none !important }
    .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 10px 20px; }
    .bloc-home .btn { display: block; text-align: center; font-size: 1.5em; width: 90%;margin: auto }

    .site-header { background: none !important }
    .site-header .site-logo { margin: 4% 0}
    .site-header.toggle { background: #e02f8a !important; }
    .site-header.toggle i { color: #fff }
    .site-header > div > a { display: inline-block; width: 70%; margin-left: 25px; }
    .site-header i { width: 19%; text-align: right; margin: 0; cursor: pointer; display: inline-block !important}

    .page-template-layout-product .product-zone-title .content, .content, .content-product .panel-grid {
        width: 100%; padding: 0 5%
    }

    .content-product .panel-grid.fd-rose { padding: 20px 0}

    .bloc-produit.bloc-produit-vertical img {margin-top: 0; margin-bottom: 50px;}

    .entry-content p, .entry-content li { font-size: 1.7em }

    #site-navigation { display: none;}
    #site-navigation {
        position: absolute; width: 100%;
        z-index: 9999;
        background: rgba(0, 0, 0, .5);
        height: 100%;
    }

    #site-navigation > div { background: #fff; /*padding: 0 5% 50px 5%; */}

    .site-footer { padding-bottom: 30px; margin-top: 0px; padding-top: 0px; }
    .site-footer .content { width: 78%; margin: auto}

    .toTop {display: none;}

    .ft-navigation { float: none; border-bottom: 1px solid #232575; padding: 20px 0; font-size: 1em }
    .ft-navigation li { float: none; text-align: center; line-height: 2.2em; font-size: 1.8em }
    .ft-navigation li a { display: inline-block; padding: 10px 0; color: #232575; }

    .ipsen-link { display: block; text-align: center;}
    .ipsen-logo-res {width: 40%; margin: 20px auto; max-width: 410px}

    .home main footer {padding: 20px 5%;}
    .home main section h2 { font-size: 2.5em; margin: 20px 0 }

    .site-footer section.widget { font-size: 1.3em }
    .site-footer p { font-size: 1.3em }

    .slider { background-position: top center; background-size: contain; background-repeat: no-repeat }
    .slider h1 { text-align: center; width: 100%; margin: 20px 0 80% 0; line-height: 1.2em }
    .slider ul { float: none; width: 100%; }
    .slider ul li em { font-size: 1.5em; line-height: 1.3em; }
    .slider li img { width: 85%; margin: 10px auto}
    .slider h2 {font-size: 2em; line-height: 1.2em}
    .slider p { font-size: 1.4em; margin: 10px }
    .slider .bk-content-home { background: rgba(200, 200, 200, .8); }

    .home h3 { font-size: 2em; margin-bottom: 10px;}
    .home main > section .products-list { margin: 30px 0}
    .bloc-home, .home main footer ul.blocs-produits li, .archive article.bloc-produit {
        float: none; width: 97%; margin: 15px auto 30px auto;
        height: auto;
        padding-bottom: 30px;
    }

    article.bloc-home-post { width: 100%; margin: 0 0 30px 0 !important;}

    /*	 { width:90%; margin-left:auto; margin-right:auto}*/
    .bloc-first { flex-flow: column; }
    .bloc-home h4, .bloc-home h3, .bloc-home p { width: 90%; margin: 20px auto 10px auto !important }
    .bloc-home img, .bloc-first img { margin: auto; display: block; width: 100%;}

    .products-list.product-count-1 .bloc-produit {width: 95%; position: relative; float: none !important; margin: 2% auto;}
    .products-list.product-count-2 .bloc-produit {width: 95%; position: relative; float: none !important; margin: 2% auto;}

    .bloc-produit .bloc-produit-desc {height: 270px;}
    .bloc-produit a {position: absolute; bottom: 25px; left: 25px;}
    .bloc-produit.bloc-produit-vertical img { width: auto;}
    .bloc-produit .bloc-produit-desc h3 { font-size: 2.5em }

    .single .product-count-1 .bloc-produit-desc p { margin-top: 5px !important; }

    .home main footer .pharmacie img { width: 100%; margin-top: 0 }
    .home main footer .pharmacie h4 { font-size: 2em }

    footer.content.tac a.btn.btn-blanc {display: block; width: 100px; margin: 20px auto;}

    /* archive */
    .archive .zone-title { padding: 0; margin-bottom: 0;}
    .archive .zone-title h1 {padding: 200px 0; background: rgba(0, 0, 0, .5); margin-bottom: 0; }
    .archive .zone-title h1 strong { color: #fff}
    .archive .content { padding: 0}
    .archive .bloc-first { width: 100%; border: none; margin-left: 0 !important; margin-bottom: 30px;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e4e7ea 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #e4e7ea 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #e4e7ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e7ea', GradientType=0); /* IE6-9 */
    }
    .bloc-first .inside-bloc {width: 100%;}

    .bloc-first a.btn { display: block; min-width: 300px; margin: auto; text-align: center; width: 50%}

    .archive .bk-title-read { width: 90%; margin: 0 auto 50px auto; clear: both;}
    .archive .bk-title-read h4 { background: #fff }

    /*product */
    .product-zone-title { padding: 5%; height: auto; margin-bottom: 0; }
    .product-zone-title section {margin: 0; float: none}
    .product-zone-title h1 { text-align: center; margin-bottom: 10px; }
    .product-zone-title h2 { font-size: 2.5em; line-height: 1em; margin: 0 0 20px 0; text-align: center; }
    .product-zone-title section div.tac { padding: 20px 0}

    .content-product { margin-top: 10px; padding-top: 10px;}
    .content-product h1 {font-size: 3em }
    .content-product img.alignright, .content-product img.alignleft { float: none; margin: 10px auto; display: block}
    .content-product h3 { font-size: 2em }
    .content-product .btn { display: block; text-align: center;}

    /* single */
    .single .zone-title { padding-top: 10px; background: none !important; padding-bottom: 20px; }

    .single main {margin-top: 0; border: none; width: 100%; padding: 5% 5% 10px 5%;}

    /*.single .site-footer .toTop { background-image: url(img/bk-totop-white.png)}*/
    .single h1 { font-size: 2.5em }

    .single .product-count-1 img {width: 23%; margin: 10% 30px 15px 0;}

    aside.more-single > section { width: 100% }

    aside.more-single > section ul.blocs-produits li, aside.more-single > section .bloc-home {height: auto; padding-bottom: 10px; }

    aside.more-single > section .bloc-home:first-of-type, aside.more-single > section .bloc-home:first-of-type { height: auto; margin-right: 4% !important; margin-bottom: 0 !important;}

    aside.more-single > section li img {max-width: 100%}

    aside.more-single .bk-title-read h4, .archive .bk-title-read h4 { background: #fff }

    aside.more-single > section li p { font-size: 1.5em}

    aside.more-single > section li h4, aside.more-single > section li p { margin: 10px}

    /* solutions*/
    .page-template-layout-liste-solutions main .row section h2 { font-size: 2em }

    .page-template-layout-liste-solutions main .row .nb-pd-row-2 section, .page-template-layout-liste-solutions .nb-pd-row-3 .layout-liste-bloc-produit {width: 50vw;}

    /* content */
    .single-solution .product-zone-title h1 { display: block;}

    .page-template-default .zone-title, .error404 .zone-title, .page-template-layout-sitemap .zone-title { padding-top: 193px; background-size: auto 193px;background-color: transparent; background-position: top center; }

    .page-template-default main, .error404 main, .page-template-layout-sitemap main { padding: 5%;}

    .single main { padding: 5% 0}

    ul.post-tags { width: 90%; margin: auto}

    .share {padding: 5% 0 10% 0; font-size: 5em; text-align: center; }

    .content-product h2, .entry-content h2 {font-size: 2em }

    .entry-content .panel-grid, .content-product .panel-grid-cell { margin-bottom: 5px !important; padding: 0 !important;}

    .entry-content ul li, .entry-content ol li, .entry-content p, .entry-content li { font-size: 1rem;}

    .entry-content p .btn {display: block; text-align: center; clear: both}

    table { width: 100% !important; }

    table thead { display: none; }

    article table tr { margin-bottom: 10px; display: block; /*border-bottom: 2px solid #ddd;*/ height: auto !important; }

    article table td {
        display: block;
        width: 100% !important; height: auto !important;
        text-align: left !important;
        /*font-size: 13px;
        border-bottom: 1px dotted #ccc;*/
    }

    /* article table td:last-child {
        border-bottom: 0;
    } */

    article table td:before {
        content: attr(data-label);
        width: 100%; display: block;
        text-transform: uppercase;
        font-weight: bold;
        color: #ef7c00
    }

    .th-turquoise article table td:before { color: #00b6be }

    .th-vert article table td:before { color: #239088 }

    .th-rose article table td:before { color: #e1077f }

    section.read-more { margin-top: 0}

    .fond-gris { width: 100%; }

    .fond-gris > div.panel-grid-cell { width: 100%; border: 1px solid #72777a }

    .fond-gris > div.panel-grid-cell:first-child { padding: 10px !important; margin-bottom: 10px !important;}

    .fond-gris > div.panel-grid-cell:last-child { padding: 10px !important; float: none !important}

    form .alignleft, form .alignright { width: 100% }

    /* .liste-categories .container .bloc-categorie {width: 45vw; margin: 2vw;} */

    .liste-categories .container .bloc-categorie h2 {padding: 30px 15px;}

    /* #primary.liste-categories > .row > .container {padding-left: 1%;} */

    /*--------------------------------------------------------------
    # Pharmacy locator
    --------------------------------------------------------------*/
    .pharmacy > .alignleft, .pharmacy > .alignright {
        width: 100%; float: none; display: block; clear: both
    }

    .pharmacy > .alignright { padding: 5%}

    .pharmacy h3 { font-size: 2em; text-align: center;}

    .pharmacy > .alignright form { text-align: center;}

    .pharmacy > .alignright form fieldset { display: inline-block; float: none; width: 45%}

    .pharmacy form fieldset.alignleft:first-child { padding-right: 5% }

    .pharmacy form fieldset.alignleft:last-child { padding-left: 5% }

    .pharmacy > .alignright form:after { clear: both; content: ""; display: table; table-layout: fixed;}

    .pharmacy-detail { padding: 0 5% }

    .pharmacy-detail > .alignleft, .pharmacy-detail > .alignright { float: none; width: 100%;}

    .pharmacy-detail > .alignleft h1 {text-align: center;}

    .pharmacy-detail form fieldset.alignleft:first-child {margin-left: 5%;}

    .pharmacy-detail form fieldset.alignleft.geo {padding-left: 0; margin-left: 5%;}

    .pharmacy-detail form fieldset.alignleft.geo > div {height: 59px}

    #map {margin-top: 30px;}

    .bloc-pharmacy, .bloc-pharmacy .horaire_detail { width: 96%; height: auto; clear: both; float: none; margin: 4% 2%;}

    .bloc-pharmacy.pos1, .bloc-pharmacy.pos3 { margin: 4% 2%;}

    .bloc-pharmacy a.wop { clear: both; float: none; display: block;}

    .pharmacy-detail form p.legende span.vente_en_ligne { display: block }

    .pharmacy-detail form p.legende span.vente_en_ligne img { margin-bottom: 20px; float: left; }

    /*--------------------------------------------------------------
    # Liste des solutions
    --------------------------------------------------------------*/
    .page-template-layout-liste-solutions main .row section {display: block; width: 100%;}

    .videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .liste-categories .container .bloc-categorie{margin-bottom: 20px;}

    .page-template-layout-liste-solutions main .row section{background: none;}

    .ariane {width: 90%;}

    .more-single-solutions aside.more-single > section.read-more,
    .more-single-solutions aside.more-single > section.solutions,
    .more-single-solutions aside.more-single > section .bloc-home { width: 100%; }
    .more-single-solutions aside.more-single .bk-title-read h4 { background: #EDEEF1; }
    .more-single-solutions article.bloc-home-post { margin: 0 !important; }
    .more-single-solutions aside.more-single > section.read-more .bloc-home:last-of-type { margin-left: 0 !important; }
    .more-single-solutions aside.more-single aside.more-single > section .bloc-home:first-of-type { margin-right: 0 !important; }
}

@media screen and (max-width: 825px) {
    .main-navigation a {padding: 20px 0;}

    .page-template-layout-liste-solutions main .row section {width: 100%;}

    .page-template-layout-liste-solutions main .row .nb-pd-row-2 section {width: 100%;}

    section#constipation, section#diarrhee, section#microbiote-intestinal {background-image: linear-gradient(#eaeaea, #ffffff)}

    .page-template-layout-liste-solutions main .row {padding: 0;}

    .page-template-layout-liste-solutions main .row section {padding: 50px 0;}
}

@media screen and (max-width: 650px) {
    /*.entry-content img.alignright, .entry-content img.alignleft {display: block;        margin: auto;        float: none;}*/
}

@media screen and (max-width: 620px) {
    .slider p, aside.more-single > section li p { height: 70px; font-size: 1.1em;}

    .slider p span, aside.more-single > section li p span { font-size: 1.1em; height: 50px;}
}

@media screen and (max-width: 608px) {
    .liste-categories .container .bloc-categorie h2 {height: auto; min-height: 1px; /* height: 104px; */}
}

@media screen and (max-width: 550px) {
    .bloc-produit img {width: 40%; margin: 10% 3%;}

    .bloc-produit .bloc-produit-desc {height: 300px;}
}

@media screen and (max-width: 500px) {
    .site-header .site-logo { width: 40%; }

    .slider ul li:first-child { margin-right: 1%}

    .slider p, aside.more-single > section li p { height: auto; font-size: 1.5em;}

    .slider p span, aside.more-single > section li p span { font-size: 1.1em; height: auto;}

    aside.more-single > section li, .slider ul li, aside.more-single > section .bloc-home { width: 100%; margin-bottom: 10px;}

    aside.more-single > section ul.list-produits li, aside.more-single > section .bloc-home { margin: 0 0 20px 0 !important;}

    aside.more-single a.btn { display: block}

    .product-zone-title section img.alignleft, .single .products-list.product-count-2 .bloc-produit { float: none; width: 100% }

    .single .products-list.product-count-2 .bloc-produit:nth-child(2) { border: none !important; }

    .product-zone-title section div.alignright { width: 100%; margin-top: 0;}

    .product-zone-title a.btn { display: block; width: 100%; text-align: center; }

    .product-zone-title a.btn br { display: none}

    .single .product-count-2 .bloc-produit-desc p { display: block; }

    .entry-content img.alignleft, .entry-content img.alignright { float: none; display: block; margin: 15px auto;}

    .page-template-layout-liste-solutions .nb-pd-row-3 .layout-liste-bloc-produit { width: 75vw; margin: 20px 0; }

    .liste-categories-content { text-align: inherit; }

    .liste-categories-content h2 { font-size: 20px; }

    .more-single-solutions aside.more-single > section .bloc-home { margin: 0 !important; }
}

/*@media screen and (max-width: 400px) {
	.pharmacy-detail form fieldset.alignleft:first-child {width: 90%; border: none; padding-right: 0;}
	.pharmacy-detail form fieldset.alignleft.geo {width: 90%; margin-top: 50px;}
}*/
@media screen and (max-width: 370px) {
    .liste-categories .container .bloc-categorie {width: 100%;}

    .liste-categories .container .bloc-categorie h2 {height: auto;}
}

@media screen and (max-width: 450px) {
    .bloc-produit img {width: 30%; margin: 20% 3%;}

    .bloc-produit .bloc-produit-desc {height: 300px;}
}

@media screen and (max-width: 420px) {
    .bloc-produit img {width: auto !important; max-width: 100%; margin: 10px auto !important; float: none; display: block;}

    .bloc-produit .bloc-produit-desc {height: auto; padding-bottom: 70px; display: block; width: 90%; /*text-align: left;*/ margin: 5%;}

    .bloc-produit-vertical .bloc-produit-desc { padding-bottom: 0; }

    aside.more-single > section .bloc-home {height: auto; /* height: 490px; */}
}

@media screen and (max-width: 350px) {
    .bloc-first a.btn {min-width: 250px;}
}

@media print {
    #masthead, .read-more, #colophon, .resp, aside.pharmacy, #cookie-notice, .product-zone-title { display: none !important; }

    body { color: black; }

    .content, .single main, .content-product .panel-grid { margin: 0; width: 100%; padding: 10px 0; border: none; box-sizing: border-box}

    .zone-title { padding-top: 0;}
}

/*--------------------------------------------------------------
# Font face
--------------------------------------------------------------*/
@font-face {
    font-family: 'Aller Display';
    src: url('fonts/AllerDisplay.eot');
    src: url('fonts/AllerDisplay.eot?#iefix') format('embedded-opentype'),
    url('fonts/AllerDisplay.woff2') format('woff2'),
    url('fonts/AllerDisplay.woff') format('woff'),
    url('fonts/AllerDisplay.ttf') format('truetype'),
    url('fonts/AllerDisplay.svg#AllerDisplay') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 25%;
  }
  .col-md-3 {
    width: 33.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

@media screen and (max-width: 768px) {
  .break-word-mobile {word-break: break-all;}

  .ariane {margin: 20px 0!important;}

  .wp-block-table {margin: 0!important;}
  .wp-block-table table tr {margin: 0!important; display: inherit!important;}
  .wp-block-table table td {display: table-cell!important; width: auto!important;}
}

@media screen and (max-width: 500px) {
  aside.more-single > section .bloc-home:first-of-type, aside.more-single > section .bloc-home:first-of-type {margin-right: 0 !important; margin-bottom: 4% !important;}
}