/* /////////////////////////////////////////////////////
 *
 *	CSS 2015
 *
 * ////////////////////////////////////////////////// */

/* =====================================================
 *	$ 1 = COMMON
 * ================================================== */

a {
  color: #4b555b;
}

.vichy2015-container .left,
.str_left,
.str_middle {
  float: left;
}

.vichy2015-container .right,
.str_right {
  float: right;
}

/* =====================================================
 *	$ 2 = OBJECT
 * ================================================== */

/* ~ 690 carrousel */

.obj_carrousel {
  position: relative;
  z-index: 1;
}

.obj_carrousel .masque {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.obj_carrousel .items {
  position: absolute;
  z-index: 1;
  width: 100000px;
  height: 100%;
}

.obj_carrousel .item {
  float: left;
  width: 1180px;
  height: 100%;
}

.obj_carrousel .nav {
  text-align: center;
}

.obj_carrousel .nav .prev,
.obj_carrousel .nav .next {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  border: none;
  padding: 0;
  width: 59px;
  height: 117px;
  margin-top: -58px;
  text-indent: -10000px;
  transition: opacity .15s;
  /*background:url('../../includeVC2015/images/sprite_icon.png') -472px top no-repeat;*/
}

.obj_carrousel .nav .next {
  left: auto;
  right: 0;
  background-position: -532px top;
}

.obj_carrousel .nav .disabled {
  opacity: .2;
  cursor: default;
}

/* ~ 3025 responsive list */

.obj_responsive-list {
  text-align: center;
}

.obj_responsive-list .item {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

.obj_responsive-list .obj_push {
  margin: 0 auto;
}

/* ~ 3198 sharer */

.obj_sharer li {
  display: inline;
  margin-right: 5px;
}

.obj_sharer a {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-indent: -10000px;
  opacity: .4;
  transition: opacity .25s;
  /*background:url('../../includeVC2015/images/sprite_icon.png') left -510px;*/
}

.obj_sharer a:hover {
  opacity: 1;
}

.obj_sharer .twitter a {
  background-position: left -570px;
}

.obj_sharer .share a {
  background-position: left -690px;
}

/* =====================================================
 *	$ 3 = PAGES
 * ================================================== */

/* =====================================================
 *	$ 4 = SURCHARGE OP + NEW
 * ================================================== */

.vichy2015-container {
  background: #fff;
  font-size: 14px;
}

.vichy2015-container * {
  box-sizing: content-box;
  box-sizing: initial;
}

.vichy2015-container .breadcrumb-container,
.vichy2015-container .breadcrumb-container * {
  box-sizing: border-box;
}

.vichy2015-container .clearfix::after {
  display: block;
}

/* b_filet 2016 */

.b_filet {
  position: relative;
}

#page-container .b_filet {
  background: none;
  box-sizing: border-box;
  border: 1px solid #1c213f;
  color: #fff;
  display: inline-block;
  font: 700 15px/1em 'Calibre',arial;
  overflow: hidden;
  padding: 9px 17px 10px 30px;
  text-transform: uppercase;
  transition: color .25s;
  z-index: 1;
}

#page-container .b_filet::before {
  background: #1c213f;
  content: "";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
  transition: left .25s;
  width: calc(100% + 30px);
}

#page-container .b_filet::after {
  content: "";
  borde-color: #fff;
  border-style: solid;
  border-width: 2px 2px 0 0;
  height: 4px;
  left: 17px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: border-color .25s;
  width: 4px;
  z-index: 2;
}

#page-container .b_filet span {
  position: relative;
  z-index: 2;
}

#page-container .b_filet:hover {
  color: #1c213f;
}

#page-container .b_filet:hover::before {
  left: calc(100% + 30px);
}

#page-container .b_filet:hover::after {
  border-color: #1c213f;
}

#page-container .b_filet.back {
  padding-left: 17px;
  padding-right: 30px;
}

#page-container .b_filet.back::after {
  border-width: 0 0 2px 2px;
  left: auto;
  right: 17px;
}

#page-container .b_filet.back:hover::before {
  left: calc(-100% - 45px);
}

#page-container .b_filet.white {
  color: #1c213f;
}

/* fil ariane 2016 */

.obj_filAriane {
  max-width: 950px;
  margin: 15px auto;
  padding: 0 20px;
}

.obj_filAriane li {
  display: inline;
  font-size: 12px;
  font-style: italic;
  font-weight: 1em;
  margin-right: 5px;
  text-transform: uppercase;
}

.obj_filAriane li a {
  font-weight: 700;
  color: #1c213f;
  opacity: .6;
  transition: .2s ease;
}

.obj_filAriane li a:hover {
  opacity: 1;
}

.obj_filAriane li > span {
  border-color: #1c213f;
  border-style: solid;
  border-width: 2px 2px 0 0;
  display: inline-block;
  height: 3px;
  margin: -2px 7px 0 10px;
  text-indent: -10000px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 3px;
}

/* =====================================================
 *	$ 5 MEDIA QUERIES
 * ================================================== */

/* =====================================================
 *	STRUCTURE
 * ================================================== */

.pg_vichymag {
  background: #fff;
}

.pg_vichymag .page-container {
  padding-bottom: 110px;
  font-size: 14px;
  /*box-sizing: initial;*/
  background: #fff;
}

/* header main */

.container header.main > div {
  background: #e4e6e7;
}

header.main .content {
  background: #fff;
}

/* footer main */

footer.main {
  background: #fff;
}

/* =====================================================
 *	TYPO
 * ================================================== */

.main-article p strong {
  font-weight: 500;
}

main a {
  color: #5189A3;
}

.drop-cap {
  color: #fff;
  display: block;
  font-size: 3em;
  /* 48px */
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 6px;
}

/* --------
 * filet
 * ----- */

.filet {
  color: #1c213f;
  font-weight: 700;
  font-size: 1.142857em;
  /* 16px */
  margin: 0 auto;
  max-width: 512px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.filet::after {
  background: #d8d8d8;
  content: "";
  height: 1px;
  left: 0;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.filet span {
  background: #fff;
  display: inline-block;
  padding: 0 15px;
  position: relative;
  min-width: 35.15625%;
  z-index: 2;
}

/* white */

.filet.white {
  color: #fff;
}

.filet.white::after {
  background-color: #fff;
}

.filet.white span {
  background: #1c213f;
}

/* =====================================================
 *	BUTTON
 * ================================================== */

/* --------------------------------------------------
 * 01
 * ----------------------------------------------- */

.b_01 {
  background: url('../images/b_01.gif') left bottom repeat-x;
  border: 2px solid #1c213f;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  font-size: .857142em;
  /* 12px */
  line-height: 1em;
  padding: 12px 30px 14px;
  text-align: center;
  text-transform: uppercase;
  transition: background .25s, color .25s;
}

.b_01 span {
  display: inline-block;
  padding-left: 15px;
  position: relative;
}

.b_01 span::before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 5px;
  left: 0;
  margin-top: -3px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%;
  transition: border-color .25s;
  width: 5px;
}

.b_01:hover,
a:hover .b_01 {
  background-position: left -300px;
  color: #1c213f;
}

.b_01:hover span::before,
a:hover .b_01 span::before {
  border-color: #1c213f;
}

/* reverse */

.b_01.reverse {
  background-position: left -300px;
  color: #1c213f;
}

.b_01.reverse span::before {
  border-color: #1c213f;
}

.b_01.reverse:hover,
a:hover .b_01.reverse {
  background-position: left bottom;
  color: #fff;
}

.b_01.reverse:hover span::before,
a:hover .b_01.reverse span::before {
  border-color: #fff;
}

/* white */

.b_01.white {
  background-image: url('../images/b_01-white.gif');
  border-color: #fff;
  color: #1c213f;
}

.b_01.white span::before {
  border-color: #1c213f;
}

.b_01.white:hover {
  color: #fff;
}

.b_01.white:hover span::before {
  border-color: #fff;
}

/* --------------------------------------------------
 * 02
 * ----------------------------------------------- */

.b_02 {
  border: 1px solid #a6a6a6;
  display: inline-block;
  font-size: .785714em;
  /* 11px */
  min-width: 122px;
  padding: .909090em 1.363636em 1.090909em;
  text-align: center;
  transition: background .25s, color .25s;
}

.b_02 span {
  font-size: 1.818181em;
  /* 20px */
  margin-left: 5px;
}

.b_02:hover {
  background: #a6a6a6;
  color: #fff;
}

/* --------------------------------------------------
 * b_go-to-top
 * ----------------------------------------------- */

.b_to-top {
  background: #e4e6e7;
  height: 50px;
  left: 50%;
  margin: -50px 0 0 695px;
  opacity: 0;
  position: fixed;
  text-indent: -10000px;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  transition: -webkit-transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;
  top: 50%;
  width: 50px;
  z-index: 100;
}

.b_to-top::after {
  border: solid #1c213f;
  border-width: 2px 2px 0 0;
  content: "";
  height: 10px;
  left: 50%;
  margin: -2px 0 0 -6px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
}

.header-vichymag-is-pinned .b_to-top {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* --------------------------------------------------
 * video
 * ----------------------------------------------- */

.b_video {
  background: #fff;
  border: 27px solid #fff;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.b_video::before,
.b_video::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 2;
}

.b_video::before {
  background: #fff;
  height: 70px;
  margin: -35px 0 0 -35px;
  transition: background .25s;
  width: 70px;
}

.b_video::after {
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #1c213f;
  height: 0;
  margin: -5px 0 0 -5px;
  transition: border-color .25s;
  width: 0;
}

.b_video img {
  display: block;
  width: 100%;
  transition: -webkit-transform 2s;
  transition: transform 2s;
}

.b_video:hover::before {
  background: #1c213f;
}

.b_video:hover::after {
  border-left-color: #fff;
}

.b_video:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/* --------------------------------------------------
 * obj_alphabetical-list
 * ----------------------------------------------- */

.obj_alphabetical-list .drop-cap {
  color: #1c213f;
}

.obj_alphabetical-list .obj_list-tag {
  text-align: left;
}

.obj_alphabetical-list .obj_list-tag li {
  margin: 0 20px 20px 0;
}

/* BLOC ARTICLES VMAG 2019*/

.obj_bloc.articles {
  width: 100%;
  height: auto;
  background: #fff;
}

.obj_bloc.articles .ctn_bloc {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1170px;
  width: 100%;
  height: 100%;
  display: flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.obj_bloc.articles .obj_push-article {
  position: relative;
  width: 50%;
  max-width: 564px;
  margin: 0 0 45px;
}

.obj_bloc.articles .obj_push-article .ctn_txt {
  position: absolute;
  z-index: 2;
  margin: auto 0;
  background: #fff;
}

.obj_bloc.articles .obj_push-article.var_left .ctn_txt {
  right: 0;
  bottom: 40px;
  width: 56.20%;
  padding: 25px 0 25px 35px;
  text-align: left;
}

.obj_bloc.articles .obj_push-article.var_left:first-child .ctn_txt {
  right: 0;
  top: 40px;
  bottom: auto;
  width: 56.20%;
  padding: 25px 0 25px 30px;
  text-align: left;
}

.obj_bloc.articles .obj_push-article.var_left figure {
  max-width: 372px;
}

.obj_bloc.articles .obj_push-article.var_center figure {
  max-width: 562px;
}

.obj_bloc.articles .obj_push-article figure img {
  width: 100%;
}

.obj_bloc.articles .obj_push-article .ctn_txt h3 {
  padding: 0 0 10px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
}

.obj_bloc.articles .obj_push-article .ctn_txt p {
  line-height: 1.1em;
  padding: 0 0 15px;
  font-weight: 200;
}

.obj_bloc.articles .obj_push-article.var_center .ctn_txt {
  left: 50%;
  top: 210px;
  width: 84.4%;
  padding: 25px 20px 0 30px;
  text-align: left;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* --------------------------------------------------
 * bloc-article
 * ----------------------------------------------- */

.obj_bloc-article {
  background: #fff;
  overflow: hidden;
  position: relative;
  transition: box-shadow 2s;
}

.obj_bloc-article .visuel {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

.obj_bloc-article img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.obj_bloc-article a.visuel img {
  transition: -webkit-transform 2s;
  transition: transform 2s;
}

.obj_bloc-article .ctn_text {
  position: relative;
  z-index: 2;
}

.obj_bloc-article .mask {
  height: 100%;
  overflow: hidden;
  position: relative;
  max-height: 156px;
}

.obj_bloc-article .mask::after {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAPCAQAAACPFm1yAAAAI0lEQVR42mNgYGD8z8XEwMvEIMDEIMjEIAJGojAE4QqCZXkBPlECEJPfZxQAAAAASUVORK5CYII=');
  bottom: 0;
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.obj_bloc-article .tag {
  color: #727272;
  font-family: 'Calibre-Bold',arial;
  font-size: 1em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.obj_bloc-article h3 {
  color: #1c213f;
  font-weight: 500;
  font-size: 1.428571em;
  /* 20px */
  margin-bottom: 8px;
}

.obj_bloc-article h3 a {
  color: inherit;
}

.obj_bloc-article .txt {
  font-size: 1.071428em;
  /* 15px */
}

/* hover */

.obj_bloc-article:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.obj_bloc-article:hover a.visuel img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/* larg */

.obj_bloc-article.larg .mask {
  max-height: none;
}

/* thumb */

.obj_bloc-article.thumb {
  /*height:583px;*/
}

.obj_bloc-article.thumb  .visuel {
  position: relative;
}

.obj_bloc-article.thumb  .visuel img {
  width: 100%;
}

.obj_bloc-article.thumb .ctn_text {
  padding: 37px 10% 100px;
  /* 37px 37px 100px; */
  box-sizing: content-box;
}

.obj_bloc-article.thumb .tag {
  margin-bottom: 11px;
}

.obj_bloc-article.thumb h3 {
  margin-bottom: 18px;
}

.obj_bloc-article.thumb .txt {
  line-height: 1.6em;
  /* 24px */
}

.obj_bloc-article.thumb .ctn_bt {
  bottom: 37px;
  left: 10%;
  /* 37px */
  position: absolute;
  right: 10%;
  /* 37px */
}

/* portrait */

.obj_bloc-article.portrait {
  /*height:600px;*/
  text-align: center;
}

.obj_bloc-article.portrait .visuel {
  position: relative;
}

.obj_bloc-article.portrait .visuel img {
  width: 100%;
}

.obj_bloc-article.portrait .ctn_text {
  padding: 37px 10% 120px;
  /* 37px 37px 79px */
  box-sizing: content-box;
}

.obj_bloc-article.portrait h3 {
  color: #1c213f;
  font-weight: 600;
  font-size: 1.285714em;
  /* 18px */
  line-height: 1em;
}

.obj_bloc-article.portrait h3 strong {
  text-transform: uppercase;
}

.obj_bloc-article.portrait p.txt {
  font-size: 1.071428em;
  /* 15px */
  line-height: 110px;
  min-height: 110px;
  text-transform: uppercase;
}

.obj_bloc-article.portrait p.txt a {
  color: #b5b5b5;
  display: inline-block;
  line-height: 1.2em;
  vertical-align: middle;
}

.obj_bloc-article.portrait .ctn_bt {
  bottom: 37px;
  left: 10%;
  /* 37px */
  position: absolute;
  right: 10%;
  /* 37px */
}

/* --------------------------------------------------
 * bloc-quote
 * ----------------------------------------------- */

.obj_bloc-quote {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: none;
  text-align: center;
}

.obj_bloc-quote > div {
  display: inline-block;
  line-height: normal;
  margin: auto 0;
  padding: 0 25px 0;
  vertical-align: middle;
  text-align: center;
}

.obj_bloc-quote h3 {
  color: #1c213f;
  font-weight: 700;
  font-size: 1.142857em;
  /* 16px */
  line-height: 1em;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.obj_bloc-quote .txt {
  color: #1c213f;
  font-weight: 300;
  font-style: italic;
  font-size: 33px;
  line-height: 1.212121em;
  margin-bottom: 12px;
}

.obj_bloc-quote .txt span {
  padding: 0 10px;
  position: relative;
  display: inline-block;
}

.obj_bloc-quote .txt span::before,
.obj_bloc-quote .txt span::after {
  background: url('../images/i_quote-grey.png') no-repeat;
  background-size: 100% auto;
  content: "";
  height: 50px;
  position: absolute;
  width: 65px;
  z-index: 1;
}

.obj_bloc-quote .txt span::before {
  margin: -25px 0 0 -55px;
}

.obj_bloc-quote .txt span::after {
  margin: 8px 0 0 0;
  -webkit-transform: rotate(180deg) scale(.72);
  -ms-transform: rotate(180deg) scale(.72);
  transform: rotate(180deg) scale(.72);
}

.obj_bloc-quote .txt q {
  position: relative;
  z-index: 2;
}

.obj_bloc-quote .name {
  margin: 0 auto 40px;
  font-weight: 500;
}

.obj_bloc-quote .ctn_bt {
  bottom: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}

.obj_bloc-quote .b_01:hover {
  color: #1c213f;
}

.obj_bloc-quote .b_01:hover::before {
  border-color: #1c213f;
}

/* --------------------------------------------------
 * bloc-tag
 * ----------------------------------------------- */

.obj_bloc-tag {
  position: relative;
  min-height: 425px;
  background: #e4e6e7;
  color: #1c213f;
}

.obj_bloc-tag > div {
  padding: 51px 11.063829% 0;
  /* 51px 52px 0 */
}

.obj_bloc-tag h3 {
  font-weight: 700;
  font-size: 1.714285em;
  /* 24px */
  line-height: 1em;
  margin-bottom: 32px;
}

.obj_bloc-tag li {
  font-weight: 100;
  font-size: 1.071428em;
  /* 15px */
  margin-bottom: 6px;
}

.obj_bloc-tag li a {
  color: #1c213f;
  font-size: 1.866666em;
  /* 28px */
  margin-left: 7px;
}

.obj_bloc-tag .ctn_bt {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.obj_bloc-tag .ctn_bt .b_01 {
  border: 0;
  display: block;
  font-size: 1.285714em;
  /* 18px */
  height: 75px;
  line-height: 75px;
  padding: 0 56px;
  position: relative;
  text-align: left;
  text-transform: none;
}

.obj_bloc-tag .ctn_bt .b_01 span {
  padding: 0;
  position: static;
}

.obj_bloc-tag .ctn_bt .b_01 span::before {
  height: 7px;
  left: auto;
  margin-top: -4px;
  right: 36px;
  width: 7px;
}

.obj_bloc-tag .ctn_bt .b_01:hover {
  background-color: #1c213f;
}

/* --------------------------------------------------
 * care feed
 * ----------------------------------------------- */

.obj_care-feed {
  padding: 40px 20px 0;
  /* 90px 50px 0 */
}

.obj_care-feed .filet {
  margin-bottom: 32px;
  max-width: 228px;
}

.obj_care-feed .obj_carrousel {
  margin: 0 auto;
  max-width: 386px;
}

/* OBJ CARROUSEL CSS */

.obj_carrouselCss {
  position: relative;
}

.obj_carrouselCss .item * {
  transition: all ease 400ms;
}

.obj_carrouselCss .item {
  z-index: 0;
  opacity: 0;
}

.obj_carrouselCss .current {
  z-index: 6;
  opacity: 1;
}

.obj_carrouselCss .nav {
  width: 100%;
  max-width: 1264px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 20;
}

.obj_carrouselCss .nav .prev,
.obj_carrouselCss .nav .next {
  position: absolute;
  z-index: 99;
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid 2px black;
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 2px;
  border-right-color: black;
  border-right-style: solid;
  border-right-width: 2px;
  text-indent: -9999px;
  transition: all ease 400ms;
}

.obj_carrouselCss .nav .prev {
  top: 50%;
  left: 0;
  border-top: none;
  border-right: none;
}

.obj_carrouselCss .nav .next {
  top: 50%;
  right: 0;
  border-bottom: none;
  border-left: none;
}

.obj_carrouselCss .nav ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 99;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.obj_carrouselCss .nav ul li {
  display: block;
  height: 8px;
  width: 8px;
  margin: 0 5px;
  text-indent: -9999px;
  border-radius: 50%;
  background: #cccccc;
  cursor: pointer;
  transition: all ease 400ms;
}

.obj_carrouselCss .nav ul li button {
  display: block;
  height: 100%;
  width: 100%;
  text-indent: -9999px;
  border-radius: 50%;
}

.obj_carrouselCss .nav ul li:hover,
.obj_carrouselCss .nav ul li .current {
  background: black;
}

.obj_carrouselCss .prev-0,
.obj_carrouselCss .next-0 {
  opacity: 0;
  z-index: 5;
}

.obj_carrouselCss .prev-1,
.obj_carrouselCss .next-1 {
  opacity: 0;
  z-index: 4;
}

.obj_carrouselCss .prev-3,
.obj_carrouselCss .next-3 {
  opacity: 0;
  z-index: 3;
}

.obj_carrouselCss .prev-4,
.obj_carrouselCss .next-4 {
  opacity: 0;
  z-index: 2;
}

/* CARROUSEL EXPERTS VMAG 2019 */

.obj_bloc.experts {
  position: relative;
  width: 100%;
  height: auto;
  padding: 90px 0;
  background: #fff;
}

.obj_bloc.experts .header p {
  padding: 0 0 45px;
  font-size: 20px;
  line-height: 1.2em;
  font-weight: 200;
  text-align: center;
}

.obj_slider-experts .obj_carrouselCss .items {
  height: 586px;
}

.obj_slider-experts .obj_carrouselCss .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  height: 586px;
  width: 100%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #f1f4f1;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.obj_slider-experts .obj_carrouselCss .item::after {
  position: absolute;
  right: 0;
  content: "";
  display: block;
  height: 100%;
  width: 32.5%;
  background: #fff;
}

.obj_slider-experts .obj_carrouselCss .item figure {
  position: relative;
  width: 460px;
  height: 520px;
  margin: auto 0 0;
}

.obj_slider-experts .obj_carrouselCss .item figure figcaption {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  margin-top: -24px;
  padding-left: 80px;
}

.obj_slider-experts .obj_carrouselCss .item figure figcaption strong {
  font-size: 44px;
}

.obj_slider-experts .obj_carrouselCss .item figure figcaption::before {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  border: solid 4px black;
  border-bottom: none;
  border-right: none;
  text-indent: -9999px;
}

.obj_slider-experts .obj_carrouselCss .item figure::after {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  right: 0;
  bottom: 65px;
  width: 64px;
  height: 64px;
  border: solid 4px black;
  border-top: none;
  border-left: none;
  text-indent: -9999px;
}

.obj_slider-experts .obj_carrouselCss .item figure img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.obj_slider-experts .obj_carrouselCss .item .ctn_txt {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  max-width: 650px;
  width: 100%;
  height: 400px;
  margin: auto 13.75% auto 120px;
  padding: 0 130px;
  box-sizing: border-box;
  color: #525254;
  background: #fff;
}

.obj_slider-experts .obj_carrouselCss .item.prev-0 .ctn_txt .ctn_left,
.obj_slider-experts .obj_carrouselCss .item.next-0 .ctn_txt .ctn_left {
  opacity: 0;
  transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
}

.obj_slider-experts .obj_carrouselCss .item.current .ctn_txt .ctn_left {
  opacity: 1;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.obj_slider-experts .obj_carrouselCss .item.prev-0 figure,
.obj_slider-experts .obj_carrouselCss .item.next-0 figure {
  opacity: 0;
  transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
}

.obj_slider-experts .obj_carrouselCss .item.current figure {
  opacity: 1;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
}

.obj_slider-experts .obj_carrouselCss .item .ctn_txt .ctn_left {
  display: inline-block;
  height: auto;
  margin: auto;
}

.obj_slider-experts .obj_carrouselCss .item .ctn_txt h3 {
  padding: 0 0 10px;
  font-size: 36px;
  font-weight: 700;
}

.obj_slider-experts .obj_carrouselCss .item .ctn_txt p {
  padding: 0 0 25px;
  font-size: 24px;
  line-height: 1.2em;
  font-weight: 200;
}

.obj_slider-experts .obj_carrouselCss .nav {
  max-width: 650px;
  left: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  right: 13.75%;
}

.obj_slider-experts .obj_carrouselCss .nav .prev {
  left: 50px;
}

.obj_slider-experts .obj_carrouselCss .nav .next {
  right: 50px;
}

.obj_slider-experts .obj_carrouselCss .nav ul {
  bottom: -170px;
}

/* --------------------------------------------------
 * carrousel
 * ----------------------------------------------- */

/* ----------
 * nav img 
 * ------- */

.obj_carrousel .nav .img li {
  float: left;
  margin-left: 11px;
}

.obj_carrousel .nav .img li:first-child {
  margin-left: 0;
}

.obj_carrousel .nav .img a {
  background: #fff;
  box-shadow: 0 8px 10px -5px rgba(0,0,0,.5);
  display: block;
  padding: 5px;
  transition: box-shadow .25s;
}

.obj_carrousel .nav .img img {
  vertical-align: text-top;
}

/* active */

.obj_carrousel .nav .img .active {
  display: none;
}

/* hover */

.obj_carrousel .nav .img a:hover {
  box-shadow: 0 8px 10px -2px rgba(0,0,0,.5);
}

/* ------------
 * css arrow 
 * --------- */

.obj_carrousel .nav.css-arrow > button {
  background: none;
  height: 40px;
  margin-top: -20px;
  width: 40px;
}

.obj_carrousel .nav.css-arrow > button::after {
  content: "";
  border-color: #1c213f;
  border-style: solid;
  border-width: 0 0 2px 2px;
  height: 14px;
  left: 50%;
  margin: -8px 0 0 -4px;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: border-color .25s;
  width: 14px;
}

.obj_carrousel .nav.css-arrow .prev {
  left: 15px;
}

.obj_carrousel .nav.css-arrow .next {
  right: 15px;
}

.obj_carrousel .nav.css-arrow .next::after {
  border-width: 2px 2px 0 0;
  margin-left: -12px;
}

.obj_carrousel .nav.css-arrow > button:not(.disabled):hover::after {
  border-color: #fff;
}

/* -------------------
 * carousel articles
 * ---------------- */

.obj_carrousel.articles .masque {
  height: 608px;
}

.obj_carrousel.articles .item {
  height: auto;
}

.obj_carrousel.articles .nav .img {
  bottom: 39px;
  position: absolute;
  right: 5.235602%;
  /* 50px */
  z-index: 3;
}

/* surcharge article */

.obj_carrousel.articles article {
  color: #fff;
  height: 100%;
}

.obj_carrousel.articles article a {
  display: block;
  height: 100%;
  position: relative;
}

.obj_carrousel.articles article a::after {
  background: url('../images/gradient-black.png') left top repeat-x;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  height: 400px;
  width: 100%;
  z-index: 2;
}

.obj_carrousel.articles article .ctn_text {
  bottom: 38px;
  left: 14.136125%;
  /* 135px */
  max-width: 520px;
  position: absolute;
  z-index: 3;
}

.obj_carrousel.articles article h2 {
  color: #fff;
  font-weight: 100;
  font-size: 3.428571em;
  /* 48px */
  line-height: 1em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.obj_carrousel.articles article .txt {
  color: #fff;
  font-size: 1.142857em;
  /* 16px */
  margin-bottom: 15px;
  max-width: 420px;
}

.obj_carrousel.articles article .visuel {
  left: 50%;
  margin-left: -478px;
  position: relative;
  width: 956px;
}

.obj_carrousel.articles article .visuel img {
  width: 100%;
}

/* -------------------
 * carousel articles-small
 * ---------------- */

.obj_carrousel.articles-small {
  padding: 0 5px;
}

.obj_carrousel.articles-small .masque {
  height: 620px;
}

.obj_carrousel.articles-small .item {
  height: auto;
  min-width: 310px;
  text-align: center;
}

.obj_carrousel.articles-small .nav .prev {
  left: -40px;
}

.obj_carrousel.articles-small .nav .next {
  right: -40px;
}

.obj_carrousel.articles-small.all-items-visible .nav > button {
  opacity: 0;
}

.obj_carrousel.articles-small article {
  display: inline-block;
  margin: 10px 15px;
  max-width: 370px;
  text-align: left;
}

/* portrait */

.obj_carrousel.articles-small article.portrait {
  text-align: center;
}

/* product */

.obj_carrousel.articles-small .product {
  background: #fff;
  height: 500px;
  padding: 80px 10px 20px;
  text-align: center;
  transition: box-shadow 2s;
  width: auto;
}

.obj_carrousel.articles-small .product:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.15);
}

.obj_carrousel.articles-small .product::before,
.obj_carrousel.articles-small .product::after {
  display: none;
}

.obj_carrousel.articles-small .product .label {
  top: 40px;
}

.obj_carrousel.articles-small .product img {
  max-width: 222px;
  width: 100%;
}

.obj_carrousel.articles-small .product header {
  font-weight: 600;
  font-size: 1em;
  height: 180px;
  width: 370px;
}

.obj_carrousel.articles-small .product h3,
.obj_carrousel.articles-small .product h4 {
  font-weight: 600;
  font-size: 1.071428em;
  /* 15px */
  text-transform: uppercase;
}

.obj_carrousel.articles-small .product h4 a,
.obj_carrousel.articles-small .product .obj_rating-customers a {
  color: #999999;
}

.obj_carrousel.articles-small .product p {
  color: #999999;
  font-weight: 400;
}

.obj_carrousel.articles-small .product p a {
  color: inherit;
}

.obj_carrousel.articles-small .product .obj_rating-customers span {
  background-image: url('../images/sprite_icon.png');
  display: block;
  margin: 0 auto 5px;
}

/* -------------------
 * carousel care feed
 * ---------------- */

.obj_carrousel.care-feed {
  overflow: hidden;
  padding: 0 0 20px;
}

.obj_carrousel.care-feed::before,
.obj_carrousel.care-feed::after {
  background: url('../image/gradient-white.png') left top repeat-x;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0, rgba(255,255,255,0) 100%);
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.obj_carrousel.care-feed::after {
  background-position: left bottom;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
  bottom: 0;
  top: auto;
}

.obj_carrousel.care-feed .masque {
  height: 384px;
  overflow: visible;
}

.obj_carrousel.care-feed .items {
  width: 100%;
}

.obj_carrousel.care-feed .item {
  float: none;
  height: 96px;
  width: 100%;
}

/* link */

.obj_carrousel.care-feed a {
  border-bottom: 1px solid #f7f7f7;
  display: block;
  font-weight: 300;
  height: 95px;
  line-height: 95px;
  margin: 0 44px 0 30px;
}

.obj_carrousel.care-feed a > span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.obj_carrousel.care-feed a > span > * {
  display: block;
}

.obj_carrousel.care-feed a time {
  color: #575757;
  font-size: .857142em;
  /* 12px */
  line-height: 1em;
  margin-bottom: 3px;
}

.obj_carrousel.care-feed .title {
  color: #1c213f;
  font-size: 1.571428em;
  /* 22px */
  line-height: 1em;
}

.obj_carrousel.care-feed .title span {
  position: relative;
}

.obj_carrousel.care-feed .title span::before,
.obj_carrousel.care-feed .title span::after {
  display: inline-block;
  height: 8px;
  font-weight: 500;
  font-size: 1.363636em;
  /* 30px */
}

.obj_carrousel.care-feed .title span::before {
  content: "“";
  left: -14px;
  position: absolute;
  top: -1px;
}

.obj_carrousel.care-feed .title span::after {
  content: "”";
  background: none;
  text-indent: 0px;
  line-height: 0;
  margin: 0 0 0 3px;
  position: relative;
  top: -1px;
  width: 10px;
}

.obj_carrousel.care-feed a .name {
  color: #c2c2c2;
  font-weight: 600;
  font-size: .785714em;
  /* 11px */
  margin-top: 3px;
}

/* -------------------
 * carousel filter
 * ---------------- */

.obj_carrousel.filter {
  margin: 17px auto 0;
  max-width: 1210px;
}

.obj_carrousel.filter .masque {
  height: 48px;
  margin: 0 20px;
}

.obj_carrousel.filter .item {
  text-align: center;
  width: auto;
}

.obj_carrousel.filter a {
  background: #1c213f;
  color: #fff;
  display: block;
  font-weight: 300;
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.obj_carrousel.filter a.active {
  background: #f0f0f0;
  color: #1c213f;
  font-weight: 100;
}

.obj_carrousel.filter .css-arrow button {
  height: 48px;
  margin-top: -24px;
  width: 20px;
}

.obj_carrousel.filter .css-arrow button::after {
  height: 6px;
  margin-top: -4px;
  width: 6px;
}

.obj_carrousel.filter .nav.css-arrow .prev {
  left: 0;
}

.obj_carrousel.filter .nav.css-arrow .prev::after {
  margin-left: -2px;
}

.obj_carrousel.filter .nav.css-arrow .next {
  right: 0;
}

.obj_carrousel.filter .nav.css-arrow .next::after {
  margin-left: -6px;
}

/* -------------------
 * carousel slide-show
 * ---------------- */

.ctn_slide-show {
  position: relative;
}

.ctn_slide-show .ctn_bt {
  margin-top: -33px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 2;
}

.ctn_slide-show .b_slide-show-opener {
  background: transparent;
  border: none;
  padding: 0;
}

.ctn_slide-show .b_slide-show-closer {
  background: url('../images/b_close.png');
  background-size: 100% auto;
  border: none;
  display: none;
  height: 30px;
  margin: 20px 40px 0 0;
  padding: 0;
  text-indent: -10000px;
  width: 25px;
}

.ctn_slide-show .b_slide-show-opener span {
  background: #e4e6e7;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  display: block;
  float: left;
  font-weight: 100;
  height: 66px;
  line-height: 66px;
}

.ctn_slide-show .b_slide-show-opener .num {
  font-size: .888888em;
  margin-right: 1px;
  position: relative;
  width: 75px;
}

.ctn_slide-show .b_slide-show-opener .num::before,
.ctn_slide-show .b_slide-show-opener .num::after {
  border: 2px solid #232640;
  content: "";
  height: 24px;
  left: 50%;
  margin: -13px 0 0 -13px;
  position: absolute;
  top: 50%;
  width: 24px;
}

.ctn_slide-show .b_slide-show-opener .num::before {
  border-width: 2px 0 0 2px;
  margin: -16px 0 0 -16px;
}

.ctn_slide-show .b_slide-show-opener .txt {
  font-size: 1.666666em;
  padding: 0 50px;
}

.ctn_slide-show .b_slide-show-opener:hover span {
  background: #232640;
  color: #fff;
}

.ctn_slide-show .b_slide-show-opener:hover .num::before,
.ctn_slide-show .b_slide-show-opener:hover .num::after {
  border-color: #fff;
}

body > .ctn_slide-show {
  background: #f0f0f0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: -18px;
  top: 0;
  z-index: 10000;
}

body > .ctn_slide-show .obj_carrousel {
  margin: 90px auto 40px;
  max-width: 1170px;
}

body > .ctn_slide-show .obj_carrousel .item p {
  display: block;
}

body > .ctn_slide-show .obj_carrousel .nav button {
  top: 304px;
}

body > .ctn_slide-show .ctn_bt {
  background: #e4e6e7;
  height: 70px;
  margin: 0;
  position: fixed;
  text-align: right;
  top: 0;
}

body > .ctn_slide-show .ctn_bt .b_slide-show-opener {
  display: none;
}

body > .ctn_slide-show .ctn_bt .b_slide-show-closer {
  display: inline-block;
}

/*  carrousel */

.obj_carrousel.slide-show .item {
  height: auto;
}

.obj_carrousel.slide-show .item img {
  display: block;
  max-width: 100%;
}

.obj_carrousel.slide-show .item p {
  display: none;
  margin: 40px 0 0;
}

.obj_carrousel.slide-show .nav .prev {
  left: -75px;
}

.obj_carrousel.slide-show .nav .next {
  right: -75px;
}

.obj_carrousel.slide-show.all-items-visible .nav {
  display: none;
}

/* -------------------
 * carousel video
 * ---------------- */

.obj_carrousel.video {
  margin: 0 auto;
  /*max-width:846px;*/
  padding: 0 100px;
}

.obj_carrousel.video .masque {
  overflow: visible;
}

.obj_carrousel.video .item {
  height: auto;
  min-width: 0;
}

.obj_carrousel.video .item p {
  min-height: 170px;
}

.obj_carrousel.video .nav.bt-transparent .prev,
.obj_carrousel.video .nav.bt-transparent .next {
  background: url('../images/pix_alpha.gif');
  height: 100%;
  margin: 0;
  top: 0;
  width: 1000px;
}

.obj_carrousel.video .nav.bt-transparent .prev {
  left: -900px;
}

.obj_carrousel.video .nav.bt-transparent .next {
  right: -900px;
}

.obj_carrousel.video .nav.css-arrow button::after {
  border-color: #fff;
}

.obj_carrousel.video .nav.css-arrow .prev {
  left: 80px;
}

.obj_carrousel.video .nav.css-arrow .next {
  right: 80px;
}

/* item */

.obj_carrousel.video .obj_video {
  padding: 0 7.446808%;
  /* 63px */
  box-sizing: border-box;
}

/* --------------------------------------------------
 * date link
 * ----------------------------------------------- */

.obj_date-link {
  margin: 0 0 52px;
  padding: 8px 0 0;
  text-align: center;
}

.obj_date-link ul {
  font-size: 0;
  margin: 0 auto;
}

.obj_date-link li {
  display: inline-block;
}

.obj_date-link a {
  color: #1c213f;
  font-weight: 700;
  font-size: 16px;
  line-height: 1em;
  position: relative;
  text-transform: uppercase;
}

/* year */

.obj_date-link .year {
  margin-bottom: 67px;
  max-width: 600px;
}

.obj_date-link .year li {
  width: 33.33%;
}

.obj_date-link .year a {
  display: inline-block;
}

.obj_date-link .year a.active {
  border: 2px solid #1c213f;
  padding: 7px 23px 2px;
}

/* month */

.obj_date-link .month {
  max-width: 840px;
}

.obj_date-link .month li {
  margin-bottom: 19px;
  width: 16.666666%;
}

.obj_date-link .month a.active::after {
  background: #9e9fa6;
  bottom: 3px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* --------------------------------------------------
 * definition
 * ----------------------------------------------- */

.obj_definition {
  background: #fff;
  margin: 0 auto;
  max-width: 1170px;
}

.obj_definition > div {
  padding: 104px 13.675213% 80px 14.529914%;
  /* 104px 160px 0 170px */
  margin: 0 auto;
  max-width: 840px;
  padding: 104px 58px 80px 68px;
}

.obj_definition .str_left {
  margin-bottom: 99px;
  width: 44.047619%;
  /* 370 */
}

.obj_definition .str_left img {
  max-width: 100%;
}

.obj_definition .str_right {
  line-height: 360px;
  min-height: 360px;
  margin-bottom: 99px;
  width: 49.404761%;
  /* 415 */
}

.obj_definition .str_right > div {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.obj_definition .filet {
  margin-bottom: 40px;
  max-width: 270px;
}

.obj_definition .filet span {
  background: #fff;
}

.obj_definition .str_right p {
  color: #a2a2a2;
  font-weight: 300;
  font-size: 1.285714em;
  /* 18px */
}

.obj_definition .str_right p + p {
  margin-top: 20px;
}

.obj_definition .bottom {
  clear: both;
  padding: 0 210px 0 0;
  position: relative;
}

.obj_definition .bottom li {
  display: inline;
  margin-right: 40px;
}

.obj_definition .bottom li a {
  color: #1c213f;
  font-weight: 700;
  font-size: 1.142857em;
  text-transform: uppercase;
  white-space: nowrap;
}

.obj_definition .bottom .ctn_bt {
  margin-top: -24px;
  max-width: 240px;
  position: absolute;
  right: 0;
  top: 50%;
}

/* --------------------------------------------------
 * diagnostic
 * ----------------------------------------------- */

.obj_diagnostic {
  background: #f5f5f5;
  clear: both;
  margin-bottom: 40px;
  padding-top: 25px;
}

.container .main-article .obj_diagnostic > p {
  color: #1c213f;
  font-size: 26px;
  font-weight: 300;
  line-height: 1em;
  padding: 0 25px;
  text-align: center;
}

/* ----
 * button 
 * ---- */

.obj_diagnostic .button {
  background: #1c213f;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1em;
  padding: 13px 20px;
  text-transform: uppercase;
}

.obj_diagnostic .button::before,
.obj_diagnostic .button::after {
  border-style: solid;
  border-width: 2px 2px 0 0;
  display: inline-block;
  height: 4px;
  margin: 0 0 0 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  width: 4px;
}

.obj_diagnostic .button:not(.b_prev)::after {
  content: "";
}

.obj_diagnostic .b_prev::before {
  border-width: 0 0 2px 2px;
  content: "";
  margin: 0 10px 0 0;
}

/* ----
 * quiz 
 * ---- */

.obj_diagnostic .masque,
.obj_diagnostic .nav-arrow {
  background: #99b7d6;
}

.obj_diagnostic .item {
  box-sizing: border-box;
  color: #fff;
  height: auto;
  /*padding:53px 50px 32px 100px;*/
  padding: 53px 50px 32px 50px;
}

.obj_diagnostic .masque .item p {
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  line-height: 1em;
  text-align: center;
}

.obj_diagnostic .masque .radio li {
  float: left;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 40px;
  min-height: 44px;
  padding: 0 0 0 50px;
  position: relative;
  width: calc(47% - 50px);
}

.obj_diagnostic .masque .radio li::before {
  display: none;
}

.obj_diagnostic .masque .radio li:nth-of-type(odd) {
  clear: both;
}

.obj_diagnostic .masque .radio li:nth-of-type(even) {
  float: right;
}

.obj_diagnostic span[role=radio] {
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 28px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 7px;
  transition: background .12s;
  width: 28px;
}

.obj_diagnostic input:checked + span[role=radio] {
  background: #fff;
}

.obj_diagnostic .radio label {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1.222em;
  margin: 0;
  vertical-align: middle;
}

.obj_diagnostic .radio input:checked ~ label {
  font-weight: 500;
}

/* ----
 * var-dermablend
 * ---- */

.obj_diagnostic.var_dermablend .masque,
.obj_diagnostic.var_dermablend .nav-arrow {
  background: #f7e5cc;
}

.obj_diagnostic.var_dermablend .masque .item p {
  color: #000;
}

.obj_diagnostic.var_dermablend span[role="radio"] {
  border-color: #cea57c;
}

.obj_diagnostic.var_dermablend input:checked + span[role="radio"] {
  background: #cea57c;
  border-color: #cea57c;
}

.obj_diagnostic.var_dermablend .radio label {
  color: #000;
}

.obj_diagnostic.var_dermablend .button {
  background: #cea57c;
}

.obj_diagnostic.var_dermablend .nav-arrow .b_prev {
  color: #cea57c;
}

.obj_diagnostic.var_dermablend .profil .profil-reco strong {
  color: #cea57c;
}

/* ----
 * nav-num 
 * ---- */

.obj_diagnostic .nav-num ul {
  display: table;
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

.obj_diagnostic .nav-num li {
  display: table-cell;
  width: 20%;
}

.obj_diagnostic .nav-num li::before {
  display: none;
}

.obj_diagnostic .nav-num a {
  color: #8e909f;
  cursor: default;
  display: block;
  height: 32px;
  overflow: hidden;
  position: relative;
}

.obj_diagnostic .nav-num .active a {
  color: #1c213f;
  font-weight: 700;
}

.obj_diagnostic .nav-num a::before {
  background: #1c213f;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .25s;
  width: 100%;
}

.obj_diagnostic .nav-num .active a::before {
  opacity: 1;
}

/* ----
 * nav-arrow 
 * ---- */

.obj_diagnostic .nav-arrow {
  height: 90px;
  position: relative;
}

.obj_diagnostic .nav-arrow .button {
  position: absolute;
}

.obj_diagnostic .nav-arrow .b_prev {
  background: #fff;
  color: #1c213f;
  margin-right: 7px;
  right: 50%;
}

.obj_diagnostic .nav-arrow .b_next {
  left: 50%;
  margin-left: 7px;
  opacity: 1;
}

/* ----
 * profil-container 
 * ---- */

.obj_diagnostic .profil {
  display: none;
  min-height: 406px;
  padding: 21px 25px 25px 260px;
  position: relative;
}

.obj_diagnostic .profil img {
  left: -200px;
  position: absolute;
  top: 4px;
}

.obj_diagnostic .profil .profil-title,
.obj_diagnostic .profil .profil-reco {
  font-size: 22px;
  font-weight: 300;
  line-height: 1em;
}

.obj_diagnostic .profil .profil-title {
  margin-bottom: 32px;
}

.obj_diagnostic .profil .profil-title strong {
  color: #1c213f;
  font-size: 52px;
  font-weight: 300;
  line-height: .65em;
}

.obj_diagnostic .profil .profil-reco {
  margin-bottom: 14px;
}

.obj_diagnostic .profil .profil-reco strong {
  color: #99b7d6;
  font-weight: 700;
}

.obj_diagnostic .profil .profil-desc {
  line-height: 1em;
  margin-bottom: 28px;
}

.obj_diagnostic .profil .ctn_bt {
  margin-bottom: 0;
}

/* --------------------------------------------------
 * exposome skin
 * ----------------------------------------------- */

.obj_exposome-skin {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.obj_exposome-skin .left {
  width: 42.905982%;
}

.obj_exposome-skin h4 {
  font-weight: 100;
}

.obj_exposome-skin .top {
  background: #1c213f;
  color: #fff;
  height: 188px;
  padding: 58px 9.163346% 0;
  position: relative;
  box-sizing: content-box;
}

.obj_exposome-skin .top::before,
.obj_exposome-skin .top::after {
  background: #1c213f;
  content: "";
  height: 30px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 30px;
  z-index: 1;
}

.obj_exposome-skin .top::before {
  margin: -15px -15px 0 0;
  right: 0;
  top: 50%;
}

.obj_exposome-skin .top::after {
  bottom: 0;
  left: 50%;
  margin: 0 0 -15px -15px;
}

.obj_exposome-skin .top h3 {
  font-weight: 300;
  font-size: 2.571428em;
  /* 36px */
  line-height: 1em;
}

.obj_exposome-skin .top p {
  font-size: 1.071428em;
  /* 15px */
  line-height: 1.6em;
  /* 24px */
  position: relative;
  z-index: 2;
}

.obj_exposome-skin .bottom {
  background: #e4e6e7 url('../images/f_exposome-skin-01.gif') right bottom no-repeat;
  background-size: 33.864541% auto;
  height: 249px;
  padding: 45px 29.880478% 0 9.163346%;
  /* 45px 150px 0 40px */
  position: relative;
  box-sizing: content-box;
}

.obj_exposome-skin .bottom h4 {
  color: #1c213f;
  font-size: 3.714285em;
  /* 52px */
  line-height: .923076em;
  /* 48px */
}

.obj_exposome-skin .bottom .ctn_bt {
  bottom: 27px;
  left: 7.968127%;
  /* 40px */
  position: absolute;
}

.obj_exposome-skin .right {
  background: url('../images/f_exposome-skin-02.jpg') right center;
  height: 540px;
  position: relative;
  width: 57.094017%;
  /* 668px */
}

.obj_exposome-skin .right > div {
  padding: 66px 10.778443% 0;
  /* 66px 72px 0 */
}

.obj_exposome-skin .right h4 {
  color: #fff;
  font-size: 5.142857em;
  /* 72px */
  line-height: .833333em;
  /* 60px */
  max-width: 380px;
}

.obj_exposome-skin .right .ctn_bt {
  bottom: 80px;
  left: 10.778443%;
  /* 72px */
  position: absolute;
}

/* --------------------------------------------------
 * filAriane
 * ----------------------------------------------- */

.obj_filAriane {
  font-weight: 300;
  font-size: 12px;
  margin: 0 auto;
  padding: 10px 20px;
}

.pg_vichymag:not(.article) .obj_filAriane {
  max-width: 1170px;
}

/* BLOC FILTRES VMAG 2019 */

.obj_bloc.filtres {
  width: 100%;
  height: 178px;
  background: #f7f7f7;
}

.obj_bloc.filtres .ctn_bloc {
  max-width: 1170px;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

.obj_bloc.filtres .ctn_bloc .col {
  width: 34.61%;
  margin: 40px 0 auto;
  padding-bottom: 10px;
}

.obj_bloc.filtres .ctn_bloc .col:nth-of-type(2) {
  border-left: 1px solid #d4c5a6;
  padding-left: 40px;
}

.obj_bloc.filtres .ctn_bloc h3 {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: #af8e4d;
}

.obj_bloc.filtres .ctn_bloc ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 60px;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 40px;
}

.obj_bloc.filtres .ctn_bloc ul li {
  width: 180px;
  display: inline-block;
  padding: 0 0 3px;
}

.obj_bloc.filtres .ctn_bloc ul li a {
  display: inline-block;
  font-size: 16px;
  line-height: 1em;
  font-weight: 400;
  color: #525254;
  text-align: left;
}

.obj_bloc.filtres .ctn_bloc ul li a:hover {
  color: #000;
}

/* OBJ FILTER */

/* --------------------------------------------------
 * header research
 * ----------------------------------------------- */

.obj_header-research {
  margin: 0 auto 16px;
  max-width: 690px;
  padding: 70px 20px 0;
  text-align: center;
}

.obj_header-research label {
  color: #1c213f;
  display: inline-block;
  font-weight: 300;
  font-size: 3.571428em;
  /* 50px */
  line-height: 1em;
  margin-bottom: 27px;
}

/* --------------------------------------------------
 * header vichymag
 * ----------------------------------------------- */

.obj_header-vichymag {
  background: #e4e6e7;
  height: 70px;
}

.obj_header-vichymag > div {
  background: #e4e6e7;
  position: relative;
  z-index: 99;
}

.obj_header-vichymag .content {
  height: auto;
  margin: 0 auto;
  max-width: 1180px;
  position: relative;
}

.obj_header-vichymag h2 {
  display: none;
}

.obj_header-vichymag .obj_logo {
  margin: 0 auto;
}

/* ------
 * nav
 * --- */

.obj_header-vichymag .nav {
  padding: 0 50px;
  text-align: center;
}

.obj_header-vichymag .nav > li {
  display: inline;
  text-align: center;
}

.obj_header-vichymag .topic {
  color: #1c213f;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  padding: 0 2.803738%;
  text-transform: uppercase;
}

.obj_header-vichymag .topic span {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  position: relative;
}

.obj_header-vichymag .active .topic span::after {
  background: #1c213f;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.obj_header-vichymag .sub-nav {
  background: #f0f0f0;
  display: none;
  left: 50%;
  margin-left: -720px;
  position: absolute;
  top: 70px;
  width: 1440px;
}

.obj_header-vichymag .sub-nav ul {
  padding: 26px 20px 15px;
}

.obj_header-vichymag .sub-nav li {
  display: inline-block;
  margin: 0 30px 10px;
}

.obj_header-vichymag .sub-nav a {
  font-size: 18px;
  font-weight: 300;
  line-height: 1em;
  text-transform: uppercase;
}

/* tendances */

.obj_header-vichymag .ctn_tendances .topic {
  font-weight: 700;
  font-size: 18px;
  font-style: italic;
  text-transform: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.obj_header-vichymag .ctn_tendances .sub-nav {
  background: #1c213f;
}

.obj_header-vichymag .ctn_tendances .sub-nav a {
  color: #fff;
}

/* hover */

.obj_header-vichymag li:hover .topic {
  background: #f0f0f0;
}

.obj_header-vichymag li:hover .topic span::after {
  display: none;
}

.obj_header-vichymag li:hover .sub-nav,
.obj_header-vichymag li .open + .sub-nav {
  display: block;
}

/* tendance hover */

.obj_header-vichymag .ctn_tendances:hover .topic {
  background: #1c213f;
  color: #fff;
}

/* -----------
 * research
 * -------- */

.container .obj_header-vichymag .ctn_research-vichymag {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 70px;
  z-index: 2;
}

.container .obj_header-vichymag .ctn_research-vichymag .gsc-search-button input {
  background-color: #e4e6e7;
  height: 0;
  margin: 0;
  padding-top: 70px;
  width: 70px;
}

.container .obj_header-vichymag .ctn_research-vichymag .gsc-input-box {
  display: none;
}

.container .obj_header-vichymag .ctn_research-vichymag .gsc-input-box input {
  background: #f4f4f4;
  border-color: #f4f4f4;
  font-weight: 300;
  font-size: 18px;
  height: 70px !important;
}

/* hover */

.container .obj_header-vichymag .ctn_research-vichymag:hover {
  width: 100%;
}

.container .obj_header-vichymag .ctn_research-vichymag:hover .gsc-input-box {
  display: block;
}

.container .obj_header-vichymag .ctn_research-vichymag:hover .gsc-search-button input:not(:hover) {
  background-color: #f4f4f4;
}

/* -------------
 * is-pinned
 * ---------- */

.obj_header-vichymag .is-pinned {
  height: 90px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}

.obj_header-vichymag .is-pinned .content {
  height: 100%;
  max-width: 1090px;
  padding-left: 0;
  padding-right: 90px;
  padding-top: 0;
}

.obj_header-vichymag .is-pinned h2 {
  display: block;
  float: left;
  margin: 20px 5.128205% 0 5px;
}

.obj_header-vichymag .is-pinned .nav {
  float: left;
  padding: 0;
  text-align: left;
  width: calc(94.871795% - 133px);
}

.obj_header-vichymag .is-pinned .topic,
.obj_header-vichymag .is-pinned .topic span {
  height: 90px;
  line-height: 90px;
}

.obj_header-vichymag .is-pinned .topic {
  font-size: 14px;
}

.obj_header-vichymag .is-pinned .sub-nav {
  top: 90px;
}

/* research */

.container .obj_header-vichymag .is-pinned .ctn_research-vichymag {
  right: 0;
  width: 93px;
}

.container .obj_header-vichymag .is-pinned .ctn_research-vichymag .gsc-search-button input:not(:hover) {
  background-color: #f4f4f4;
}

.container .obj_header-vichymag .is-pinned .ctn_research-vichymag .gsc-search-button input {
  padding-top: 90px;
  width: 90px;
}

.container .obj_header-vichymag .is-pinned .ctn_research-vichymag .gsc-input-box input {
  font-size: 24px;
  height: 90px !important;
}

.container .obj_header-vichymag .is-pinned .ctn_research-vichymag:hover {
  width: calc(100% - 153px);
}

/* -------------
 * mobile
 * ---------- */

.container header.main nav .content {
  background: #e4e6e7;
  height: auto;
  margin: 0 0 -49px -20px;
  padding: 95px 20px 20px;
  text-align: center;
  width: 100%;
}

header.main nav .content h2 {
  margin-bottom: 35px;
}

header.main nav .content .obj_logo {
  height: 52px;
  margin: 0 auto;
  width: 137px;
}

header.main nav .content .nav > li {
  font-size: 18px;
  margin-bottom: 15px;
}

header.main nav .content .nav > li::after {
  background: #fff;
  content: "";
  display: block;
  height: 1px;
  margin: 15px auto 15px;
  width: 30px;
}

header.main nav .content .nav > li.active::after {
  background: #1c213f;
}

header.main nav .content .topic {
  color: #1c213f;
  font-weight: 700;
  font-size: inherit;
  position: relative;
  text-transform: uppercase;
}

header.main nav .content .ctn_tendances .topic {
  font-weight: 700;
  font-size: 20px;
  font-style: italic;
  text-transform: none;
}

header.main nav .content li .sub-nav {
  background: none;
  text-align: center;
}

header.main nav .content li:hover .sub-nav,
header.main nav .content .open + .sub-nav {
  height: auto;
}

header.main nav .content .ctn_research-vichymag {
  margin: 20px 0 0;
}

/* --------------------------------------------------
 * lastest video
 * ----------------------------------------------- */

.lastest-video {
  min-height: 780px;
  background: #1c213f;
  color: #fff;
  overflow: hidden;
  padding-bottom: 24px;
}

/* --------------------------------------------------
 * list articles
 * ----------------------------------------------- */

.obj_list-articles > article {
  background: #fff;
  float: left;
  height: 434px;
  margin: 0 0 30px 2.564102%;
  /* 0 0 30px 30px */
  width: 40.170940%;
  /* 470px */
}

.obj_list-articles > article:nth-of-type(odd) {
  margin-left: 0;
}

.obj_list-articles > article.larg {
  width: 57.264957%;
  /* 670px */
}

/* ---------
 * article 
 * ------ */

.obj_list-articles .obj_bloc-article .ctn_text {
  bottom: 0;
  background: #fff;
  box-sizing: border-box;
  min-height: 200px;
  padding: 20px 8.085106% 86px;
  /* 20px 38px 86px */
  position: absolute;
  width: 100%;
}

.obj_list-articles .obj_bloc-article .visuel {
  height: 234px;
  left: 50%;
  margin-left: -235px;
  width: 470px;
}

.obj_list-articles .obj_bloc-article .ctn_bt {
  bottom: 30px;
  left: 8.085106%;
  /* 38px */
  position: absolute;
  right: 8.085106%;
  /* 38px */
}

/* larg */

.obj_bloc-article.larg .visuel {
  height: 434px;
  left: 73.880597%;
  margin-left: -175px;
  width: 350px;
}

.obj_bloc-article.larg .ctn_text {
  height: 100%;
  padding-left: 6.417910%;
  /* 43px */
  padding-right: 6.417910%;
  /* 43px */
  padding-top: 62px;
  width: 47.761194%;
  /* 320px */
}

.obj_bloc-article.larg h3 {
  font-size: 28px;
  line-height: 1em;
  margin-bottom: 40px;
}

.obj_bloc-article.larg .txt {
  line-height: 1.6em;
  /* 24px */
}

.obj_bloc-article.larg .ctn_bt {
  left: 13.4375%;
  /* 43px */
  right: 13.4375%;
  /* 43px */
}

/* expert */

.obj_list-articles .obj_bloc-article.expert .ctn_text {
  background: none;
}

/* --------------------------------------------------
 * list tag
 * ----------------------------------------------- */

.obj_list-tag {
  margin-bottom: 49px;
  text-align: center;
}

.obj_list-tag li {
  display: inline-block;
  margin: 0 10px 20px;
}

/* --------------------------------------------------
 * logo
 * ----------------------------------------------- */

/* ------------
 * vichy mag
 * --------- */

.obj_logo.vichymag {
  background: url('../images/logo_vichy-mag.png') no-repeat;
  background-size: 100% auto;
  height: 104px;
  width: 274px;
}

/* small */

.is-pinned .obj_logo.vichymag,
.obj_logo.vichymag.small {
  height: 49px;
  width: 128px;
}

/* --------------------------------------------------
 * navpages
 * ----------------------------------------------- */

.main-article .obj_navpages {
  margin: 0 auto;
  max-width: 500px;
  padding: 0 60px;
  position: relative;
}

.main-article .obj_navpages::after {
  clear: both;
  content: "";
  display: block;
}

.main-article .obj_navpages li {
  color: #999999;
  font-weight: 700;
  margin: 0;
}

.main-article .obj_navpages .arrow {
  background: none;
  position: absolute;
  top: 0px;
  width: 20px;
}

.main-article .obj_navpages .previous {
  left: 40px;
}

.main-article .obj_navpages .first {
  left: 20px;
}

.main-article .obj_navpages .next {
  height: auto;
  line-height: normal;
  right: 40px;
}

.main-article .obj_navpages .last {
  right: 20px;
}

.main-article .obj_navpages li a {
  color: #999999;
  float: left;
  width: 10%;
}

.main-article .obj_navpages li.inactive a,
.main-article .obj_navpages li a:hover {
  color: #232640;
}

.main-article .obj_navpages li.inactive {
  text-decoration: underline;
}

/* --------------------------------------------------
 * research-vichymag
 * ----------------------------------------------- */

.container .ctn_research-vichymag form.gsc-search-box,
.container .ctn_research-vichymag table.gsc-search-box {
  margin: 0;
}

.container .ctn_research-vichymag .gsc-search-button input {
  background: #fff url('../images/b_loupe.png');
  background-size: 100% auto;
  border: none;
  border-radius: 0;
  display: block;
  height: 0;
  margin: 0 0 0 3px;
  padding: 90px 0 0;
  text-indent: -10000px;
  vertical-align: top;
  width: 90px;
}

.container .ctn_research-vichymag .gsc-search-button input:hover {
  background-color: #1c213f;
  background-position: left bottom;
}

.container .ctn_research-vichymag .gsc-input-box input {
  background: none !important;
  border-color: #fff;
  border-radius: 0;
  box-sizing: border-box;
  color: #1c213f;
  font-weight: 500;
  font-size: 2em;
  height: 90px !important;
  line-height: 1em;
  padding: 4px 30px !important;
}

.pg_vichymag.research .ctn_research-vichymag td.gsc-search-button {
  width: 10% !important;
}

.pg_vichymag.research .ctn_research-vichymag .gsc-search-button {
  height: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  padding: 0 20px 0 0;
  margin: 0;
  background: #fff;
}

.pg_vichymag.research .ctn_research-vichymag button.gsc-search-button {
  padding: 0;
}

.pg_vichymag.research .ctn_research-vichymag .gsc-search-button-v2 svg {
  width: 19px;
  height: 19px;
  fill: #1c213f;
}

.pg_vichymag.research .ctn_research-vichymag .gsc-search-button-v2:hover,
.pg_vichymag.research .ctn_research-vichymag .gsc-search-button-v2:focus {
  background: #fff;
}

/*
.ctn_research-vichymag .obj_autocomplete ul{
	max-width:none;
	}
.ctn_research-vichymag .obj_autocomplete li{
	float:none;
	width:auto;
	}
.ctn_research-vichymag .obj_autocomplete .obj_content{
	border:none;
	border-radius:0;
	box-shadow:0 10px 10px rgba(0,0,0,.15);
	}
.ctn_research-vichymag .obj_autocomplete .obj_content a{
	height:auto;
	line-height:1em;
	padding:14px 10px 10px;
	}
.ctn_research-vichymag .obj_autocomplete .obj_content a:hover{
	background:#1C213F;
	}
*/

/* sucharge google */

.container .ctn_research-vichymag input.gsc-input,
.container .ctn_research-vichymag .gsc-input-box,
.container .ctn_research-vichymag .gsc-input-box-hover,
.container .ctn_research-vichymag .gsc-input-box-focus {
  box-shadow: none;
}

.container .ctn_research-vichymag .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0;
}

.container .ctn_research-vichymag .gsst_a .gscb_a {
  color: #1C213F;
}

.container .ctn_research-vichymag .gsc-input-box {
  border: none;
  height: auto;
}

.container .ctn_research-vichymag .gsib_a {
  padding: 0;
}

/* --------------------------------------------------
 * responsive-list
 * ----------------------------------------------- */

/* alphabetical */

.obj_responsive-list.alphabetical {
  display: inline-block;
  font-size: 0;
  text-align: left;
}

.obj_responsive-list.alphabetical .item {
  font-size: 16px;
  line-height: 1em;
  margin: 0 4.273504% 64px 0;
  /* 0 50px 64px 0 */
  min-height: 173px;
  position: relative;
  width: 14.786324%;
  /* 173px */
  padding-left: 7.008547%;
  /* 82px */
}

.obj_responsive-list.alphabetical .item:nth-of-type(4n) {
  margin-right: 0;
}

.obj_responsive-list.alphabetical .item::before {
  background: #fff;
  content: "";
  height: 129px;
  position: absolute;
  left: 0;
  top: 44px;
  width: 1px;
}

.obj_responsive-list.alphabetical .item:nth-of-type(4n + 1)::before {
  display: none;
}

.obj_responsive-list.alphabetical .item li {
  margin-bottom: 9px;
}

.obj_responsive-list.alphabetical a {
  color: #6a6c7a;
}

.obj_responsive-list.alphabetical a:hover {
  color: #1c213f;
}

/* articles small */

.obj_responsive-list.articles-small {
  font-size: 0;
}

.obj_responsive-list.articles-small .item {
  font-size: 14px;
  margin: 0 0 56px 2.564102%;
  width: 31.623931%;
}

.obj_responsive-list.articles-small .item:nth-of-type(3n + 1) {
  margin-left: 0;
}

/* --------------------------------------------------
 * sharer
 * ----------------------------------------------- */

.pg_vichymag .obj_sharer {
  position: absolute;
  left: -90px;
  text-align: center;
}

.pg_vichymag .main-section.article-content .obj_sharer li {
  display: list-item;
  margin-bottom: 20px;
  font-size: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.pg_vichymag .main-section.article-content .obj_sharer li::before {
  display: none;
}

.pg_vichymag .obj_sharer a {
  background: none;
  color: #838383;
  width: 100%;
  height: 100%;
  opacity: 1;
  text-indent: 0;
  font-size: 0;
}

.pg_vichymag .obj_sharer a::before {
  content: "";
  display: block;
  height: 16px;
  margin: 0 auto;
  width: 18px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  background: url('../images/i_sharer.png') left top no-repeat;
  background-size: 72px 32px;
}

.pg_vichymag .obj_sharer .twitter a::before {
  background-position: -18px top;
}

.pg_vichymag .obj_sharer .pinterest a::before {
  background-position: -36px top;
}

.pg_vichymag .obj_sharer .whatsapp a::before {
  background-position: -54px top;
}

/* hover */

.pg_vichymag .obj_sharer a:hover {
  color: #3b5998;
}

.pg_vichymag .obj_sharer a:hover::before {
  background-position: left -16px;
}

.pg_vichymag .obj_sharer .twitter a:hover {
  color: #1bb2e9;
}

.pg_vichymag .obj_sharer .twitter a:hover::before {
  background-position: -18px -16px;
}

.pg_vichymag .obj_sharer .pinterest a:hover {
  color: #cb2027;
}

.pg_vichymag .obj_sharer .pinterest a:hover::before {
  background-position: -36px -16px;
}

.pg_vichymag .obj_sharer .whatsapp a:hover {
  color: #00e677;
}

.pg_vichymag .obj_sharer .whatsapp a:hover::before {
  background-position: -54px -16px;
}

/* --------------------------------------------------
 * video
 * ----------------------------------------------- */

.pg_vichymag .obj_video .ctn_iframe {
  position: relative;
}

.pg_vichymag .obj_video .ctn_iframe iframe {
  border: 27px solid #fff;
  height: calc(100% - 54px);
  position: absolute;
  top: 0;
  width: calc(100% - 54px);
  z-index: 2;
}

.pg_vichymag .obj_video .b_video {
  margin-bottom: 35px;
  position: relative;
  z-index: 3;
}

.pg_vichymag .obj_video h3,
.pg_vichymag .center .ctn_video .obj_video h3 {
  color: #fff;
  float: left;
  font-weight: 500;
  font-size: 3.1428571em;
  /* 44px */
  line-height: .977272em;
  /* 43px */
  padding: 0 0 0 27px;
  width: calc(48.194444% - 27px);
}

.pg_vichymag .obj_video h3 a {
  color: #fff;
}

.pg_vichymag .container .obj_video p {
  color: #fff;
  float: right;
  font-size: 1.071428em;
  /* 15px */
  line-height: 1.6em;
  /* 24px */
  padding-right: 27px;
  width: calc(47.777777% - 27px);
}

/* --------------------------------------------------
 * viewer
 * ----------------------------------------------- */

.obj_viewer {
  height: 483px;
  margin: 115px auto 0;
  max-width: 1170px;
}

.obj_viewer .str_left {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 65.811965%;
  /* 770px */
}

.obj_viewer .str_left > img {
  display: block;
  left: 50%;
  margin-left: -385px;
  position: absolute;
}

.obj_viewer .str_right {
  background: #fff;
  height: 100%;
  width: 34.188035%;
  /* 400px */
}

.obj_viewer .str_right .ctn_text {
  max-height: calc(100% - 40px);
  overflow: hidden;
  padding: 100px 15.5% 0;
  /* 100px 62px 0 */
}

.obj_viewer .str_right .ctn_text h1 {
  margin-bottom: 56px;
}

.obj_viewer .str_right .filet span {
  background: #fff;
}

.obj_viewer .str_right .ctn_text p {
  color: #1c213f;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
}

.obj_viewer .str_right .obj_search {
  padding: 40px 19.54% 0 16.46%;
}

.obj_viewer .str_right .obj_search input[type="text"] {
  border: none;
  width: calc(100% - 60px);
  padding-right: 45px;
  font-size: 15px;
  height: 46px;
}

.obj_viewer .str_right .obj_search .search-icon {
  position: absolute;
  width: 35px;
  right: 0px;
  top: 50%;
  margin-top: -9px;
  z-index: 0;
}

.obj_viewer .str_right .obj_search .search-icon svg {
  width: 19px;
  height: 19px;
  color: red;
}

.obj_viewer .str_right .obj_search .input-submit {
  right: 0;
  height: 100%;
}

/* image */

.obj_viewer.image .str_right {
  line-height: inherit;
}

.obj_viewer.image .str_right .ctn_text {
  display: inline-block;
  line-height: normal;
  padding-top: 0;
  vertical-align: middle;
}

.obj_viewer.image .str_right .obj_search {
  padding: 20px 15.5% 30px;
}

.obj_viewer.image .str_right .ctn_text h1 {
  margin-bottom: 15px;
}

/* carrousel */

.obj_viewer.carrousel {
  height: auto;
  max-width: 1440px;
}

.obj_viewer.carrousel .str_left {
  height: 608px;
  width: 66.25%;
}

.obj_viewer.carrousel .str_right {
  height: 608px;
  width: 33.75%;
}

/* =====================================================
 *	PAGE / ARTICLE
 * ================================================== */

.main-article {
  /*background:#f0f0f0;*/
  background: #fff;
  padding-bottom: 110px;
}

/* --------------------------------------------------
 * section
 * ----------------------------------------------- */

.main-section {
  clear: both;
}

.main-section > div {
  margin: 0 auto;
  max-width: 1170px;
  padding: 48px 0 0;
  /* 68px 0 20px */
}

.main-section.alphabetical-list > div,
.main-section.carrousel-articles > div,
.main-section.contributors > div {
  padding-left: 20px;
  padding-right: 20px;
}

.main-section > div > header {
  margin-bottom: 40px;
}

/* --------------------
 * alphabetical-list 
 * ----------------- */

.main-section.alphabetical-list .filet {
  margin-bottom: 84px;
}

/* ------------------
 * article content
 * --------------- */

.main-section.article-content {
  overflow: hidden;
  position: relative;
}

.main-section.article-content::before {
  background: #fff;
  content: "";
  height: 100%;
  left: 50%;
  margin-left: -515px;
  position: absolute;
  top: 0;
  width: 1030px;
}

.main-section.article-content.diapo::before {
  display: none;
}

.main-section.article-content > div {
  padding: 0;
  position: relative;
  z-index: 2;
}

.main-section.article-content .center {
  position: relative;
  margin: 0 auto;
  max-width: 760px;
  padding: 0;
  /*padding: 0 130px 0 11.111111%;*/
  box-sizing: border-box;
}

.main-section.article-content em {
  font-style: italic;
}

.main-section.article-content .center > p a,
.main-section.article-content .center li a {
  color: #5189A3;
  text-decoration: underline;
}

.main-section.article-content .center > p a:hover,
.main-section.article-content .center li a:hover {
  text-decoration: none;
}

.main-section.article-content h1 {
  color: #000;
  font-weight: 700;
  font-size: 2.857em;
  /* 40px */
  line-height: 1em;
}

.main-section.article-content .center h2,
.main-section.article-content .focus,
.slide-show .focus {
  font-size: 1.7142em;
  /* 24px */
  line-height: 1.166em;
  /* 28px */
  font-weight: 700;
  color: #000;
}

.main-section.article-content .center h2 {
  margin-bottom: 0;
  padding: 0 0 20px;
  font-size: 1.5714em;
  /* 22px */
  line-height: 1.166em;
  /* 28px */
  font-weight: 400;
  color: #000;
}

.main-section.article-content .center .obj_video h2,
.main-section.article-content .center .obj_video p {
  color: #fff;
}

.main-section.article-content .center h2.chapo {
  font-style: italic;
  font-weight: 400;
  margin-bottom: 40px;
  color: #000;
}

.main-section.article-content .center h3 {
  margin-bottom: 0;
  padding: 0 0 20px;
  font-size: 1.5714em;
  /* 22px */
  line-height: 1.166em;
  /* 28px */
  font-weight: 700;
}

.main-section.article-content .center > ul,
.main-section.article-content .ctn_focus ul {
  font-weight: 400;
  list-style: none;
  margin-bottom: 40px;
  padding-left: 18px;
}

.main-section.article-content li {
  position: relative;
}

.main-section.article-content li:before {
  position: absolute;
  top: 12px;
  left: -17px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #000;
}

.main-section.article-content p {
  margin-bottom: 25px;
  font-weight: 100;
  font-size: 1.5714em;
  /* 22px */
  line-height: 1.166em;
  color: #000;
}

.main-section.article-content sup {
  font-size: 0.6em;
  line-height: 0;
}

.main-section.article-content li {
  padding: 0 0 3px;
  color: #000;
  font-size: 1.5714em;
  /* 22px */
  line-height: 1.166em;
}

.main-section.article-content p strong,
.main-section.article-content li strong {
  font-weight: 600;
}

.main-section.article-content h2 {
  margin-bottom: 40px;
}

.main-section.article-content img {
  max-width: 100%;
}

.main-section.article-content p > img {
  float: left;
  margin: 0 5px 5px 0;
}

.main-section.article-content .txt-center {
  text-align: center;
}

.main-section.article-content .txt-right {
  text-align: right;
}

/*	
.main-section .main-visual:not(.vertical) ~ .center .obj_sharer{
	top:375px;
	}
*/

/* article-header */

.main-section.article-content .article-header {
  padding: 30px 0;
}

/* sharer */

.main-section .article-header .obj_sharer {
  position: absolute;
  left: -90px;
  top: 40px;
}

.main-section .article-header .obj_sharer ul li::before {
  display: none;
}

/* contributor-header */

.main-section.article-content .contributor-header {
  height: 609px;
  margin-bottom: 110px;
}

.main-section.article-content .contributor-header img {
  max-width: none;
}

.main-section.article-content .contributor-header .str_right {
  background: #1b223d;
  line-height: 609px;
  text-align: center;
}

.main-section.article-content .contributor-header .str_right > div {
  display: inline-block;
  line-height: normal;
  padding: 0 8.75%;
  /* 0 35px */
  vertical-align: middle;
}

.main-section.article-content .contributor-header h1 {
  color: #fff;
  font-size: 2.395em;
  /*33.53px  */
  line-height: 1em;
  margin-bottom: 60px;
}

.main-section.article-content .contributor-header p {
  color: #fff;
  margin-bottom: 40px;
}

.main-section.article-content .contributor-header a {
  color: #fff;
}

.main-section.article-content .contributor-header a:hover {
  text-decoration: underline;
}

/* main-visual */

.main-section.article-content .main-visual {
  float: none;
  margin-bottom: 60px;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 760px;
}

.main-section.article-content .main-visual.vertical {
  float: left;
  margin: 0 30px 10px 0;
  /* width:48.717948%; 570 */
  width: 31.62393%;
  /* 370 */
}

/* ctn_video */

.main-section.article-content .ctn_video {
  background: #1c213f;
  clear: both;
  margin-bottom: 60px;
  padding: 50px 0 45px;
  position: relative;
}

.main-section.article-content .ctn_video::before {
  background: #1c213f;
  content: "";
  height: 100%;
  left: 50%;
  margin-left: -585px;
  position: absolute;
  top: 0;
  width: 1170px;
}

.main-section.article-content .obj_video {
  margin: 0 auto;
  max-width: 770px;
  position: relative;
  z-index: 2;
}

.main-section.article-content .ctn_video.var_no-background {
  padding: 0;
}

.main-section.article-content .ctn_video.var_no-background::before {
  display: none;
}

.main-section.article-content .ctn_video.var_no-background .b_video,
.main-section.article-content .ctn_video.var_no-background .obj_video .ctn_iframe iframe {
  border-color: #1c213f;
}

/* instagram */

.main-section.article-content .instagram,
.main-section.article-content .ctn_external-media {
  margin: 0 auto 60px;
  max-width: 570px;
}

.main-section.article-content .ctn_external-media .instagram-media {
  box-shadow: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5 !important;
}

.main-section.article-content .ctn_external-media .ctn_bt {
  font-size: .785714em;
  text-align: right;
}

.main-section.article-content .instagram > img {
  display: block;
  margin-bottom: 10px;
}

.main-section.article-content .instagram .bottom {
  padding: 0 5px;
  position: relative;
}

.main-section.article-content .instagram p {
  font-weight: 700;
  font-size: 1.142857em;
  /* 16px */
  margin: 0;
}

.main-section.article-content .instagram p a {
  margin-right: 5px;
}

.main-section.article-content .instagram p img {
  border: 1px solid #d3d5d6;
  border-radius: 50%;
  height: 38px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.main-section.article-content .instagram button,
.main-section.article-content .b_instagram {
  background: none;
  border: 1px solid #4090db;
  border-radius: 3px;
  color: #4090db;
  display: inline-block;
  font-weight: 700;
  font-size: 1.142857em;
  /* 16px */
  line-height: 1em;
  padding: 6px 10px;
  text-transform: uppercase;
  transition: background .25s, color .25s;
}

.main-section.article-content .instagram button {
  margin: -15px 0 0;
  position: absolute;
  right: 5px;
  top: 50%;
}

.main-section.article-content .b_instagram {
  margin-top: 5px;
}

.main-section.article-content .instagram button:hover,
.main-section.article-content .b_instagram:hover {
  background: #4090db;
  color: #fff;
}

/* quiz */

.main-section.article-content .quiz {
  margin-bottom: 60px;
}

/* recipe */

.main-section.article-content .recipe + *:not(.recipe) {
  clear: both;
  margin-top: 50px;
}

.main-section.article-content .recipe {
  background: #1c213f;
  float: left;
  min-height: 130px;
  padding: 70px 5.208333% 40px;
  position: relative;
  width: 22.913334%;
}

.main-section.article-content .recipe::after {
  clear: both;
  content: "";
  display: block;
}

.main-section.article-content .recipe + .recipe {
  border-color: #525462;
  border-style: solid;
  border-width: 0 0 0 1px;
  width: calc(22.913334% - 1px);
}

.main-section.article-content .recipe + .recipe + .recipe + .recipe {
  border-width: 1px 0 0;
  clear: both;
  float: none;
  width: auto;
}

.main-section.article-content .recipe::before {
  color: #cacbd4;
  /*#949292;*/
  content: attr(data-recipe-step);
  font-weight: 700;
  font-size: 140px;
  left: 10px;
  line-height: 1em;
  opacity: .13;
  position: absolute;
  top: 30px;
}

.main-section.article-content .recipe h2 {
  color: #fff;
  font-size: 18px;
  line-height: 1.333333em;
  margin-bottom: 0;
  text-transform: uppercase;
}

.main-section.article-content .recipe p {
  color: #fff;
  margin-bottom: 0;
}

.main-section.article-content .recipe figure {
  float: right;
  margin: 7px 0 5px 10px;
  max-width: 176px;
  width: 100%;
}

/* signature */

.main-section.article-content .signature {
  clear: both;
  color: #a0a0a0;
  font-size: 0.928571em;
  /* 13px */
  margin-bottom: 30px;
}

.main-section.article-content .signature .name {
  display: block;
  font-weight: 500;
}

.main-section.article-content .signature time {
  font-weight: 300;
}

/* slide-show */

.main-section.article-content .slide-show {
  margin-bottom: 60px;
}

.main-section.article-content .slide-show .nav {
  display: none;
}

/* tag-list */

.main-section.article-content .tag-list {
  /*margin-bottom:40px;*/
}

.main-section.article-content .tag-list p {
  display: inline-block;
  font-size: 1em;
  margin-bottom: 0;
}

.main-section.article-content .tag-list ul {
  display: inline-block;
}

.main-section.article-content .tag-list li {
  display: inline;
  font-size: 1em;
  margin-left: 3px;
}

.main-section.article-content .tag-list li {
  padding: 0;
}

.main-section.article-content .tag-list li::before {
  display: none;
}

/* visual */

.main-section.article-content .visual {
  margin: 50px auto;
}

.main-section.article-content .visual.vertical {
  float: left;
  margin: 0 30px 0 0;
}

.main-section.article-content .visual img {
  display: block;
  margin: 0 auto 5px;
}

.main-section.article-content .visual figcaption {
  color: #1c213f;
  font-weight: 300;
  font-size: .785714em;
  /* 11px */
  text-align: right;
}

.main-section.article-content .visual.txt-center figcaption {
  text-align: center;
}

/* tweet */

.main-section.article-content .tweet {
  margin: 0 0 50px;
  padding: 0 100px;
  position: relative;
}

.main-section.article-content .tweet::before,
.main-section.article-content .tweet::after {
  color: #999;
  content: "“";
  font-weight: 400;
  font-size: 60px;
  font-style: italic;
  line-height: 1em;
  margin-top: -17px;
  position: absolute;
  top: 50%;
}

.main-section.article-content .tweet::before {
  left: 35px;
}

.main-section.article-content .tweet::after {
  margin-top: -58px;
  right: 35px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-section.article-content .tweet p {
  margin: 0;
}

.main-section.article-content .tweet p + p {
  margin-top: 7px;
}

.main-section.article-content .tweet .p1 {
  color: #232640;
  font-weight: 400;
  font-size: 1.714285em;
  /* 24px */
  font-style: italic;
  line-height: 1.083333em;
  /* 26px */
}

.main-section.article-content .tweet .p2 {
  color: #606060;
  font-size: 1em;
}

.main-section.article-content .tweet .p2 strong {
  color: #232640;
  font-weight: 700;
}

.main-section.article-content .tweet .p2 a {
  color: inherit;
}

.main-section.article-content .tweet .p2 a:hover {
  color: #232640;
}

/* push */

.main-section.article-content .center .ctn_push-event {
  font-size: 14px;
}

.main-section.article-content .center .ctn_push-event a {
  color: #4b555b;
  text-decoration: none;
}

/* ACCORDION */

.main-section.article-content .accordion-container {
  position: relative;
  max-height: 120px;
  overflow: hidden;
  transition: 0.6s ease-in-out;
  border-bottom: 2px solid #d8d8d8;
}

.main-section.article-content .accordion-container.active {
  max-height: 1500px;
  transition: 0.6s ease-in-out;
}

.main-section.article-content .accordion-container h3 {
  display: block;
  position: relative;
  height: auto;
  margin: 0;
  padding: 45px 50px 45px 0;
  font-size: 1.8571em;
  text-align: left;
  color: #000;
  cursor: pointer;
}

.main-section.article-content .accordion-container.active h3 {
  color: #000;
}

.main-section.article-content .accordion-container h3::after {
  position: absolute;
  z-index: 2;
  content: "";
  display: block;
  height: 17px;
  width: 17px;
  top: 50%;
  margin-top: -13px;
  right: 20px;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-top: solid 2px #d8d8d8;
  border-right: solid 2px #d8d8d8;
  text-indent: -9999px;
  transition: all ease 400ms;
}

.main-section.article-content .accordion-container.active h3::after {
  margin-top: -4px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-top: solid 2px #000;
  border-right: solid 2px #000;
}

.main-section.article-content .accordion-container p {
  padding: 0 0 20px 20px;
}

/* KEY-FIGURES FOCUS */

.main-section.article-content .ctn_focus {
  color: #000;
  font-size: 1.5714em;
  line-height: 1.166em;
}

.main-section.article-content .ctn_focus ul,
.main-section.article-content .ctn_focus p {
  width: 100%;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.main-section.article-content .ctn_focus a {
  color: #5189A3;
  text-decoration: underline;
}

.main-section.article-content .ctn_focus ul li {
  font-size: 1em;
  line-height: 1em;
}

.main-section.article-content .key-figures.focus {
  text-align: center;
  position: relative;
  z-index: 2;
  float: right;
  display: table;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 20px 20px 20px 70px;
  padding: 40px;
  max-width: 234px;
  height: auto;
  background-image: linear-gradient(to right bottom, #8d585e, #a87678, #c29694, #ddb6b2, #f8d7d2);
}

.main-section.article-content .key-figures.focus::before {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  left: -20px;
  top: -20px;
  width: 32px;
  height: 32px;
  border: solid 1px black;
  border-bottom: none;
  border-right: none;
  text-indent: -9999px;
}

.main-section.article-content .key-figures.focus::after {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  right: -20px;
  bottom: -20px;
  width: 32px;
  height: 32px;
  border: solid 1px black;
  border-top: none;
  border-left: none;
  text-indent: -9999px;
}

.main-section.article-content .key-figures.focus p {
  display: table-cell;
  font-size: 22px;
  line-height: 1.2em;
  font-style: italic;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.main-section.article-content .key-figures.focus p a {
  color: #fff;
  text-decoration: underline;
}

/* key-figures */

.main-section.article-content .key-figures.big {
  position: relative;
  box-sizing: border-box;
  margin: 60px auto;
  padding: 50px 45px;
  max-width: calc(100% - 64px);
  background-image: linear-gradient(to right bottom, #0b2934, #1c404e, #2d586b, #407288, #538ca7);
}

.main-section.article-content .key-figures.big .ctn_bloc {
  position: relative;
  margin: 0 auto;
  font-size: 1.5714em;
  line-height: 1.2em;
  margin: 0;
  color: #fff;
}

.main-section.article-content .key-figures.big .ctn_bloc p {
  color: #fff;
}

.main-section.article-content .key-figures.big .ctn_bloc a {
  color: #fff;
  text-decoration: underline;
}

/* KEY FIGURES VAR_CENTER */

.main-section.article-content .key-figures.big.var_center {
  text-align: center;
}

.main-section.article-content .key-figures.big.var_center ul {
  margin: 10px 0 0 0;
  padding: 0 0 20px 0;
  list-style: disc;
}

.main-section.article-content .key-figures.big.var_center ul li::before {
  display: none;
}

.main-section.article-content .key-figures.big.var_center h3 {
  padding: 0 0 25px 0;
  text-align: center;
  color: #fff;
}

/* icon */

.main-section.article-content .key-figures.big.has-icon h3 {
  padding: 0 90px 25px 0;
}

.main-section.article-content .key-figures.big.has-icon h3::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 62px;
  position: absolute;
  right: 0;
  top: auto;
  margin: 0;
  background: url('../images/i_keys.png') no-repeat left top;
}

.main-section.article-content .key-figures.big.has-icon h3:before {
  padding: 0 0 25px 0;
  text-align: left;
}

/* var center */

.main-section.article-content .key-figures.big.has-icon.var_center .ctn_bloc::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 62px;
  position: relative;
  right: auto;
  top: auto;
  margin: 0 0 20px 10px;
  background: url('../images/i_keys.png') no-repeat left top;
}

.main-section.article-content .key-figures.big.has-icon.var_center h3 {
  padding-right: 0;
}

.main-section.article-content .key-figures.big.has-icon.var_center h3::before {
  display: none;
}

.main-section.article-content .key-figures.big h3 {
  padding: 0 0 25px;
  color: #fff !important;
  font-size: 1.81em;
  line-height: 1em;
  font-weight: 700;
  text-align: left;
}

.main-section.article-content .key-figures.big ul li {
  font-size: inherit;
  line-height: 1.2em;
  margin: 0;
  color: #fff;
}

.main-section.article-content .key-figures.big ul li::before {
  background: #fff;
}

/* sub title */

.main-section.article-content .key-figures.big u {
  display: block;
  margin: 0;
  padding: 5px 0;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
}

/* sub title non gras */

.main-section.article-content .key-figures.big u strong {
  font-weight: 700;
}

.main-section.article-content .key-figures.big ul {
  margin: 10px 0 0 15px;
  padding: 0 0 20px 18px;
}

.main-section.article-content .key-figures.big::before {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  left: -30px;
  top: -30px;
  width: 30px;
  height: 30px;
  border: solid 1px black;
  border-bottom: none;
  border-right: none;
  text-indent: -9999px;
}

.main-section.article-content .key-figures.big::after {
  content: "";
  position: absolute;
  z-index: 99;
  display: block;
  right: -30px;
  bottom: -30px;
  width: 30px;
  height: 30px;
  border: solid 1px black;
  border-top: none;
  border-left: none;
  text-indent: -9999px;
}

/* key-figures small */

.main-section.article-content .key-figures.small {
  padding: 28px 30px;
  box-sizing: border-box;
  float: right;
  margin: 5px 0 10px 20px;
  max-width: 50%;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: .05em;
  background: #f0f0f0;
  color: #1c213f;
  text-align: center;
}

.main-section.article-content .key-figures.small strong {
  font-weight: 700;
  font-size: 18px;
}

.main-section.article-content .key-figures.small span {
  color: #aaa;
  display: block;
  font-weight: 700;
  font-size: 60px;
  line-height: .785674em;
  margin: 0 0 2px;
}

/* key-figures larg */

.main-section.article-content .key-figures.larg {
  max-width: 61%;
  margin: 5px 0 10px 20px;
  padding: 6% 8%;
  box-sizing: border-box;
  float: right;
  color: #fff;
  background: #1c213f;
  line-height: 1.2em;
}

.main-section.article-content .key-figures.larg ul {
  list-style: disc;
}

.main-section.article-content .key-figures.larg ul li {
  font-size: 1em;
  margin-top: 1em;
  color: #fff;
}

.main-section.article-content .key-figures.larg ul li::before {
  display: none;
}

/* author old*/

.main-section.article-content p.author {
  display: block;
  clear: both;
  min-height: 100px;
  padding: 0;
  margin: 0 0 30px;
}

.main-section.article-content p.author img {
  float: left;
}

/* author */

.main-section.article-content .author {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  padding: 0 0 30px;
  margin: 0;
  font-size: 1.2857em;
  color: #525254;
}

.main-section.article-content .author img {
  width: 100px;
  min-width: 100px;
  margin: 0 25px 0 0;
}

.main-section.article-content .author p {
  margin: auto 0 0;
  padding: 0;
  font-size: 1.2857em;
  color: #525254;
}

.main-section.article-content .author strong {
  font-weight: 600;
}

/* blockquote */

.main-section.article-content blockquote {
  float: left;
  margin: 10px 10% 0 0;
  max-width: 40%;
  padding: 0 0 5%;
  text-align: center;
}

.main-section.article-content blockquote::before,
.main-section.article-content blockquote .source::before {
  background: #777a8c;
  content: "";
  display: block;
  height: 1px;
  margin: 0 auto 15px;
  width: 60%;
}

.main-section.article-content blockquote .quote {
  color: #1c213f;
  font-size: 2em;
  font-style: italic;
  font-weight: 300;
  margin-bottom: 20px;
}

.main-section.article-content blockquote .quote::before {
  content: '“';
  margin: 0 5px 0 0;
}

.main-section.article-content blockquote .quote::after {
  content: '”';
  margin: 0 0 0 5px;
}

.main-section.article-content blockquote .source {
  color: #1c213f;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.142857em;
  margin: 0;
}

.main-section.article-content blockquote .source span {
  border-bottom: 1px solid #a9aab0;
}

/* blockquote larg */

.main-section.article-content blockquote.larg {
  float: none;
  margin: 40px 0;
  max-width: none;
  padding: 0 0 0 200px;
  position: relative;
}

.main-section.article-content blockquote.larg::before {
  height: 100%;
  left: 170px;
  max-height: 60px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
}

.main-section.article-content blockquote.larg .quote {
  text-align: left;
}

.main-section.article-content blockquote.larg .source {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 140px;
}

.main-section.article-content blockquote.larg .source::before {
  display: none;
}

/* sources */

.main-section.article-content .sources {
  position: relative;
  font: 0.929em/1.385em 'Calibre-Light', arial;
  color: #a0a0a0;
  padding-top: 20px;
  margin-top: 50px;
}

.main-section.article-content .sources:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #d9d9d9;
  top: 0;
}

/* read-more */

.main-section.article-content.read-more-enabled {
  height: 1190px;
  overflow: hidden;
}

.main-section.article-content.read-more-enabled > div:first-child {
  padding-bottom: 1px;
  z-index: 1;
}

.main-section.article-content .read-more {
  background: url('../images/article-mask.png');
  bottom: 0;
  display: none;
  left: 50%;
  margin-left: -585px;
  padding: 187px 0 70px;
  position: absolute;
  text-align: center;
  width: 1170px;
  z-index: 2;
}

.main-section.article-content.read-more-enabled .read-more {
  display: block;
}

/* -----------
 * articles
 * -------- */

.main-section.articles > div {
  padding-left: 20px;
  padding-right: 20px;
}

.more-news {
  margin-bottom: 54px;
  text-align: center;
}

.more-news .b_01 {
  color: #8e8e8e;
  min-width: 200px;
}

.more-news .b_01 span::before {
  border-color: #8e8e8e;
}

.more-news .b_01:hover {
  color: #1c213f;
}

.more-news .b_01:hover span::before {
  border-color: #1c213f;
}

/* -----------------------------------------------------
 * carrousel-articles : our-portraits - most read ... 
 * -------------------------------------------------- */

.main-section.carrousel-articles {
  margin-bottom: -10px;
  overflow: hidden;
}

.main-section.carrousel-articles > div {
  padding-left: 0;
  padding-right: 0;
  max-width: 1210px;
}

.main-section.carrousel-articles > div > header {
  margin-bottom: 30px;
  padding: 0 20px;
}

/* ---------------
 * contributors 
 * ------------ */

.main-section.contributors .filet {
  margin-bottom: 63px;
}

/* ----------------
 * exposome-skin 
 * ------------- */

.main-section.exposome-skin > div > header {
  padding: 0 20px;
}

/* ----------------
 * lastest-video 
 * ------------- */

.main-section.lastest-video > div > header {
  padding: 0 20px;
}

/* --------
 * terms 
 * ----- */

.main-section.terms .content {
  background: #fff;
  padding: 154px 20px 135px;
}

.main-section.terms .content > * {
  font-size: 18px;
  line-height: 26px;
  margin: 0 auto;
  max-width: 720px;
}

.main-section.terms .content h4 {
  color: #232640;
  font-weight: 700;
}

.main-section.terms .content p + h4 {
  margin-top: 26px;
}

/* --------------------------------------------------
 * ALL TAG
 * ----------------------------------------------- */

.all-tag .page-container {
  margin: 50px auto 0;
}

.all-tag .obj_responsive-list .item::before {
  display: none;
}

.all-tag .obj_responsive-list .item {
  min-height: 0;
}

.all-tag .drop-cap {
  color: #1c213f;
}

.all-tag .obj_responsive-list a {
  text-transform: uppercase;
}

/* --------------------------------------------------
 * ARTICLES
 * ----------------------------------------------- */

.pg_vichymag.article .obj_filAriane {
  max-width: 1030px;
}

/* --------------------------------------------------
 * HOME
 * ----------------------------------------------- */

/* --------------------------------------------------
 * PILIER
 * ----------------------------------------------- */

.pilier .main-section.articles > div {
  padding-top: 58px;
}

.pilier .obj_list-tag {
  display: none;
}

/* --------------------------------------------------
 * RESEARCH
 * ----------------------------------------------- */

/* --------------------------------------------------
 * TAG
 * ----------------------------------------------- */

.tag .main-section.articles > div {
  padding-top: 30px;
}

/* /////////////////////////////////////////////////////
 *
 *	VICHY MAG - V2
 *
 * ////////////////////////////////////////////////// */

.pg_vichymag.v2 .container {
  background: #f0f0f0;
}

.pg_vichymag.v2 .container header.main > div,
.pg_vichymag.v2 .main-article {
  background: none;
}

.pg_vichymag.v2 .obj_header-vichymag {
  display: none;
}

/* Sticky Widget */

.obj_sticky-info {
  display: block;
  position: fixed;
  z-index: 10;
  bottom: -100px;
  right: 0;
  Width: 100%;
  max-width: 470px;
  padding: 50px;
  box-sizing: border-box;
  background: #1C213F;
  transition: all ease 400ms;
}

.obj_sticky-info h3 {
  padding: 0 0 15px;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

.obj_sticky-info p {
  padding: 0 0 20px;
  font-size: 16px;
  color: #fff;
}

.obj_sticky-info .ctn_bt {
  padding: 0;
}

.obj_sticky-info .button {
  position: relative;
  z-index: 2;
}

.obj_sticky-info .b_01 {
  cursor: pointer;
  color: #1C213F;
  border: 2px solid #1C213F;
  background: #fff;
  box-sizing: border-box;
}

.obj_sticky-info .b_01 span::before {
  border: solid #1C213F;
  border-width: 0 2px 2px 0;
}

.obj_sticky-info .b_01:hover {
  color: #fff;
  border-color: #fff;
  background: #1C213F;
}

.obj_sticky-info .b_01:hover span::before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}

.obj_sticky-info.active {
  bottom: 0;
}

.obj_sticky-info .close {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.obj_sticky-info .close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 99;
}

.obj_sticky-info .close svg {
  fill: #fff;
  width: 10px;
  height: 10px;
}

/* /////////////////////////////////////////////////////
 *
 *	VICHY MAG - SURCHARGE 2016
 *
 * ////////////////////////////////////////////////// */

article a {
  color: #1c213f;
}

.b_to-top:focus {
  outline: none;
}

.obj_header-vichymag {
  display: none;
  padding-top: 90px;
}

.obj_header-vichymag .content {
  max-width: 1170px;
}

.pg_vichymag .breadcrumb-container {
  height: auto;
  line-height: normal;
  margin: 0 auto;
  max-width: 760px;
  padding: 40px 20px;
}

.pg_vichymag:not(.article) .breadcrumb-container {
  max-width: 1210px;
}

.main-article .obj_navpages li {
  display: inline;
}

.main-article .obj_navpages li a {
  text-align: center;
}

.obj_bloc-article.thumb .visuel {
  padding-top: 74.324324%;
}

.obj_bloc-article.thumb .visuel img {
  left: 0;
  position: absolute;
  top: 0;
}

.obj_carrousel .product-card,
.obj_carrousel .product-card * {
  box-sizing: border-box;
}

.obj_carrousel .product-card {
  margin: 0 auto;
  max-width: 370px;
  font-size: 16px;
}

.obj_carrousel .product-card .full-description {
  display: none !important;
}

.obj_carrousel li.product-card .cta-container {
  height: auto;
  opacity: 1;
  margin-bottom: 35px;
  padding: 0 15px;
  visibility: visible;
}

.product-card .details .product-price {
  margin-top: 10px;
  font-size: 1.750em;
  line-height: 1em;
  font-weight: 600;
  color: #1c213f;
}

/* diagnostic */

.obj_diagnostic input:checked + span[role="radio"] {
  border-color: #fff;
}

.obj_diagnostic span[role="radio"]::after {
  display: none;
}

.obj_diagnostic .nav-arrow .button {
  height: auto;
  margin-top: 0;
  top: 0;
}

.obj_diagnostic .nav-arrow .button.b_next,
.obj_diagnostic .profil .ctn_bt .button {
  color: #fff;
}

.obj_diagnostic .button .btn-bg {
  display: none;
}

/* sharer */

.pg_vichymag .obj_sharer a {
  cursor: pointer;
}

.pg_vichymag .obj_sharer a::before {
  background-image: url('../images/i_sharer-2016.png');
  background-size: 90px 32px;
}

.pg_vichymag .obj_sharer .fav a::before {
  background-position: -72px top;
}

.pg_vichymag .obj_sharer .fav a:hover,
.pg_vichymag .obj_sharer .fav a.active {
  color: #1c213f;
}

.pg_vichymag .obj_sharer .fav a:hover::before,
.pg_vichymag .obj_sharer .fav a.active::before {
  background-position: -72px bottom;
}

/* articles */

.pg_vichymag.article .main-section.article-content .author {
  background: none;
  min-height: inherit;
  clear: inherit;
}

.pg_vichymag.article .main-section.article-content .author img {
  left: inherit;
  position: inherit;
  top: inherit;
}

.pg_vichymag.article .main-section.article-content .author strong {
  color: inherit;
}

.pg_vichymag.article .main-section.article-content .key-figures.big {
  float: inherit;
}

.main-section.article-content .center .accordion-content a {
  color: #5189A3;
  text-decoration: underline;
}

@media screen and (min-width:481px) {
  .main-section.article-content .visual.align_left {
    float: left;
    margin: 0 3.896103% 20px 0;
    width: 48.051948%;
    /* 370px */
  }

  .main-section.article-content .visual.align_left figcaption {
    text-align: left;
  }

  .main-section.article-content .visual.align_right {
    float: right;
    margin: 0 0 20px 3.896103%;
    width: 48.051948%;
    /* 370px */
  }

  .main-section.article-content .visual.align_right figcaption {
    text-align: right;
  }
}

@media screen and (min-width:641px) {
  header.main .ctn_options {
    right: 20px;
  }

  header.main .ctn_options .sub-nav {
    right: -20px;
  }
}

@media screen and (min-width:980px) {
  .pg_vichymag.article .breadcrumb-container {
    padding: 140px 20px 0 0;
  }
}

@media screen and (max-width:1510px) {
  .b_to-top {
    left: auto;
    margin: 0;
    right: 10px;
  }
}

@media screen and (max-width:1440px) {
  .obj_404 {
    height: calc(100vw * .447222);
    /* 644 */
  }

  .obj_carrousel.slide-show .nav .prev {
    left: 6.25%;
  }

  .obj_carrousel.slide-show .nav .next {
    right: 6.25%;
  }

  .obj_header-vichymag .sub-nav {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
}

@media screen and (max-width:1300px) {
  .obj_carrousel.articles-small .nav.css-arrow .prev {
    left: -10px;
  }

  .obj_carrousel.articles-small .nav.css-arrow .next {
    right: -10px;
  }
}

@media screen and (max-width: 1200px) {
  .obj_slider-experts .obj_carrouselCss .items,
  .obj_slider-experts .obj_carrouselCss .item {
    height: 500px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt {
    max-width: 50%;
    margin: auto 0 auto 60px;
    padding: 0 50px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt h3 {
    font-size: 26px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt p {
    font-size: 20px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure {
    width: 445px;
    height: 450px;
    margin: auto 0 0 20px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure img {
    width: 340px;
  }

  .obj_slider-experts .obj_carrouselCss .nav .prev {
    left: 25px;
  }

  .obj_slider-experts .obj_carrouselCss .nav .next {
    right: 25px;
  }

  .obj_slider-experts .obj_carrouselCss .nav {
    max-width: 50%;
    left: auto;
    right: 0;
  }

  .obj_bloc.filtres .ctn_bloc {
    padding: 0 0 0 20px;
  }

  .obj_sticky-info {
    width: 30%;
    min-width: 250px;
    padding: 30px;
  }

  .obj_sticky-info .close {
    top: 0;
    right: 0;
  }
}

@media screen and (max-width:1180px) {
  body > .ctn_slide-show .obj_carrousel .nav button {
    top: calc(100vw * .259829);
  }

  body > .ctn_slide-show .obj_carrousel .item p {
    padding: 0 20px;
  }

  .obj_exposome-skin .bottom h4 {
    font-size: 3.142857em;
    /* 44px */
  }

  .obj_header-vichymag .topic {
    font-size: 1.355932vw;
  }

  .obj_header-vichymag .ctn_tendances .topic {
    font-size: 1.525423vw;
  }

  .obj_header-vichymag .is-pinned .topic {
    font-size: 1.186440vw;
    padding: 0 2%;
  }
}

@media screen and (max-width:1170px) {
  .obj_diagnostic .profil img {
    left: 0;
    width: 210px;
  }
}

@media screen and (max-width:1024px) {
  .obj_care-feed {
    padding: 30px 0 0;
  }

  .obj_care-feed .filet {
    margin-bottom: 8px;
  }

  .obj_care-feed .obj_carrousel {
    max-width: none;
  }

  /* carousel articles */

  .obj_carrousel.articles .masque {
    height: 63.59832vw;
  }

  .obj_carrousel.articles article .visuel {
    left: 0;
    margin-left: 0;
    width: 100%;
  }

  /* carousel care feed */

  .obj_carrousel.care-feed {
    overflow: hidden;
  }

  .obj_carrousel.care-feed::before,
  .obj_carrousel.care-feed::after {
    background: url('../images/gradient-white-02.png') left top;
    background: linear-gradient(to right, rgba(255,255,255,1) 0, rgba(255,255,255,0) 100%);
    height: 100%;
    width: 62px;
  }

  .obj_carrousel.care-feed::after {
    background-position: right top;
    background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
    left: auto;
    right: 0;
  }

  .obj_carrousel.care-feed .masque {
    margin: 0 62px;
    overflow: visible;
  }

  .obj_carrousel.care-feed .items {
    width: 10000px;
  }

  .obj_carrousel.care-feed .item {
    float: left;
    min-width: 224px;
  }

  .obj_carrousel.care-feed a {
    border-bottom: 0;
    height: auto;
    margin: 0 17px;
  }

  .obj_carrousel.care-feed .title span::before,
  .obj_carrousel.care-feed .title span::after {
    font-size: 18px;
  }

  .obj_carrousel.care-feed .title span::before {
    left: -10px;
  }

  .obj_viewer.carrousel {
    height: auto;
  }

  .container .obj_viewer.carrousel > div {
    float: none;
    height: auto;
    width: auto;
  }

  .container .obj_viewer.image .str_right .ctn_text {
    max-height: calc(100% - 70px);
    padding: 50px 20px 20px;
  }

  .obj_viewer.image .str_right .ctn_text h1 {
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .obj_bloc.articles .obj_push-article {
    width: 48%;
    max-width: 564px;
    margin: 0 0 45px;
  }

  .obj_bloc.articles .obj_push-article.var_left .ctn_txt,
  .obj_bloc.articles .obj_push-article.var_center .ctn_txt {
    padding: 20px;
  }

  .obj_bloc.articles .obj_push-article.var_left:first-child .ctn_txt {
    width: 50%;
  }

  .obj_bloc.articles .obj_push-article.var_center .ctn_txt {
    top: 35%;
  }

  .obj_bloc.articles .obj_push-article .ctn_txt h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1em;
  }

  .obj_bloc.filtres .ctn_bloc .col {
    width: 50%;
  }

  .obj_bloc.filtres .ctn_bloc ul li {
    width: auto;
    padding: 0 10px 3px 0;
  }
}

@media screen and (max-width:980px) {
  .obj_header-vichymag {
    padding-top: 0;
  }

  .pg_vichymag .breadcrumb-container {
    padding: 0 0 10px 0;
  }
}

@media screen and (max-width:960px) {
  .obj_404 h3 {
    font-size: 100px;
    margin-bottom: 35px;
  }

  .obj_bloc-article.larg .visuel {
    left: 81.474820%;
  }

  .obj_bloc-article.larg .ctn_text {
    width: 62.769784%;
  }

  .obj_bloc-article.larg .ctn_bt {
    left: 10.493827%;
  }

  /* carousel articles */

  .obj_carrousel.articles .nav .img {
    display: none !important;
  }

  .obj_carrousel.articles article .ctn_text {
    right: 14.1361%;
    bottom: 20px;
  }

  /* carousel video */

  .obj_carrousel.video {
    max-width: none;
    padding: 0 20px;
  }

  .obj_carrousel.video .masque {
    height: 700px;
    overflow: hidden;
  }

  .obj_carrousel.video .obj_video {
    padding: 0;
  }

  .obj_carrousel.video .item p {
    min-height: 0;
  }

  .obj_carrousel.video .nav.css-arrow .prev {
    left: -10px;
  }

  .obj_carrousel.video .nav.css-arrow .next {
    right: -10px;
  }

  .obj_diagnostic .item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .obj_diagnostic .masque .item .radio li {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .obj_responsive-list.alphabetical .item {
    padding-left: 4.196226%;
    margin-right: 0;
    width: 28.803773%;
  }

  .obj_responsive-list.alphabetical .item {
    padding: 0 0 0 8.695652%;
    width: 24.634348%;
  }

  .obj_responsive-list.alphabetical .item:nth-of-type(3n + 1) {
    padding: 0 0 0 6.304347%;
    width: 27.028986%;
  }

  .main-section.article-content.read-more-enabled {
    height: 750px;
  }

  /* terms */

  .main-section.terms .content {
    padding-bottom: 68px;
    padding-top: 77px;
  }

  /* --------------------------------------------------
	 * GLOSSARY
	 * ----------------------------------------------- */

  .glossary .obj_responsive-list.alphabetical .item::before {
    display: block;
  }

  .glossary .obj_responsive-list.alphabetical .item:nth-of-type(3n + 1)::before {
    display: none;
  }
}

@media screen and (max-width:768px) {
  .obj_carrousel.articles article h2 {
    font-size: 2em;
    line-height: 0.857em;
    margin-bottom: 15px;
  }

  .obj_date-link .month li {
    margin: 0 10px 15px;
    width: auto;
  }

  .obj_diagnostic .profil {
    padding-left: 25px;
    padding-top: 0;
  }

  .obj_diagnostic .profil img {
    margin: 0 0 20px -25px;
    max-width: none;
    position: static;
    width: calc(100% + 50px);
  }

  .obj_exposome-skin .top {
    height: 218px;
  }

  .obj_exposome-skin .bottom {
    height: 219px;
  }

  .obj_exposome-skin .bottom h4 {
    font-size: 32px;
  }

  .obj_exposome-skin .right h4 {
    font-size: 60px;
  }

  .lastest-video {
    min-height: 488px;
  }

  .container .obj_responsive-list.articles-small .item {
    margin-left: 2.5641%;
    width: 47.4359%;
  }

  .container .obj_responsive-list.articles-small .item:nth-of-type(odd) {
    margin-left: 0;
  }

  /* terms */

  .main-section.terms .content {
    padding-bottom: 10px;
    padding-top: 18px;
  }

  /* article-content */

  .main-section.article-content .main-visual {
    float: none;
    margin: 0 0 60px;
    width: auto;
  }

  .main-section.article-content .center {
    padding-left: 11.111111%;
    padding-right: 11.111111%;
  }

  .container .main-section.article-content .obj_sharer {
    clear: both;
    margin: 40px auto 60px;
    position: static;
    text-align: center;
  }

  .container .main-section.article-content .obj_sharer li {
    display: inline-block;
    margin: 0 5px;
    min-width: inherit;
  }

  .container .main-section.article-content .recipe {
    border-width: 1px 0 0;
    display: block;
    width: auto;
  }

  .main-section.article-content .key-figures.big {
    float: none;
    padding: 20px;
  }

  .main-section.article-content .author {
    max-width: none;
  }

  .main-section.article-content blockquote {
    float: none;
    margin: 40px auto;
    max-width: 320px;
    padding: 0;
  }
}

@media screen and (max-width:767px) {
  .obj_bloc-tag {
    font-size: 8.75px;
    height: auto;
    min-height: inherit;
  }

  .obj_bloc-tag > div {
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 30px 15px 58px;
  }

  .obj_bloc-tag h3 {
    margin-bottom: 19px;
  }

  .obj_bloc-tag .ctn_bt .b_01 {
    font-size: 1.714285em;
    height: 38px;
    line-height: 35px;
    padding: 0 20px;
    text-align: left;
  }

  .obj_bloc-tag .ctn_bt .b_01 span {
    position: relative;
    padding: 0;
    width: 100%;
  }

  .obj_bloc-tag .ctn_bt .b_01 span::before {
    left: auto;
    right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .obj_bloc.articles .ctn_bloc {
    width: 100%;
    height: 100%;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: left;
  }

  .obj_bloc.articles .obj_push-article {
    width: 100%;
    max-width: 414px;
    margin: 0 auto 20px;
  }

  .obj_bloc.articles .obj_push-article.var_left figure {
    max-width: 185px;
    height: 305px;
    overflow: hidden;
  }

  .obj_bloc.articles .obj_push-article.var_left figure img {
    width: auto;
    height: 100%;
  }

  .obj_bloc.articles .obj_push-article.var_left:first-child .ctn_txt,
  .obj_bloc.articles .obj_push-article.var_left .ctn_txt {
    width: 58.75%;
    padding: 12px 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .obj_bloc.articles .obj_push-article .ctn_txt h3 {
    font-size: 18px;
  }

  .obj_bloc.articles .obj_push-article .ctn_txt h3 br,
  .obj_bloc.articles .obj_push-article .ctn_txt p br {
    display: none;
  }

  .obj_bloc.articles .obj_push-article.var_center figure {
    position: relative;
    width: 100%;
    height: 216px;
    overflow: hidden;
  }

  .obj_bloc.articles .obj_push-article.var_center figure img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    width: auto;
  }

  .obj_bloc.articles .obj_push-article.var_center .ctn_txt {
    top: auto;
    position: relative;
    margin: -50px auto 0;
    width: calc(100% - 30px);
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 12px 15px;
  }

  .obj_bloc.experts {
    padding-top: 50px;
  }

  .obj_bloc.experts .header {
    padding: 0 30px 20px;
    text-align: left;
  }

  .obj_bloc.experts .header p {
    padding: 0;
    text-align: left;
    font-size: 16px;
  }

  .obj_bloc.experts .header p br {
    display: none;
  }

  .obj_slider-experts .obj_carrouselCss .items,
  .obj_slider-experts .obj_carrouselCss .item {
    height: 475px;
  }

  .obj_slider-experts .obj_carrouselCss .item {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 30px 15px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt {
    max-width: inherit;
    margin: 0 auto;
    padding: 0 35px;
    width: 100%;
    height: 210px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt h3 {
    font-size: 20px;
  }

  .obj_slider-experts .obj_carrouselCss .item .ctn_txt p {
    padding: 0 0 15px;
    font-size: 16px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure {
    width: 220px;
    height: 200px;
    margin: 0 auto;
  }

  .obj_slider-experts .obj_carrouselCss .item figure img {
    width: 190px;
    bottom: -45px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure figcaption {
    font-size: 12px;
    margin-top: -10px;
    padding-left: 44px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure figcaption strong {
    font-size: 18px;
  }

  .obj_slider-experts .obj_carrouselCss .item figure figcaption::before {
    width: 30px;
    height: 30px;
    border: solid 3px black;
    border-bottom: none;
    border-right: none;
  }

  .obj_slider-experts .obj_carrouselCss .item figure::after,
  .obj_slider-experts .obj_carrouselCss .item::after {
    display: none;
  }

  .obj_slider-experts .obj_carrouselCss .nav {
    max-width: inherit;
    left: auto;
    right: auto;
    top: calc(220px + 110px);
    width: 100%;
  }

  .obj_slider-experts .obj_carrouselCss .nav ul {
    bottom: -134px;
  }

  .obj_slider-experts .obj_carrouselCss .item.prev-0 .ctn_txt .ctn_left,
  .obj_slider-experts .obj_carrouselCss .item.next-0 .ctn_txt .ctn_left {
    transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
  }

  .obj_bloc.filtres {
    height: auto;
    padding: 0;
    background: #fff;
  }

  .obj_bloc.filtres .ctn_bloc {
    padding: 0 15px;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }

  .obj_bloc.filtres .ctn_bloc .col {
    width: 100%;
    margin: 0 auto 2px;
  }

  .obj_bloc.filtres .ctn_bloc .col:nth-of-type(2) {
    border: 0;
    padding: 0;
  }

  .obj_bloc.filtres .accordion-container {
    position: relative;
    max-height: 46px;
    overflow: hidden;
    transition: 0.6s ease-in-out;
  }

  .obj_bloc.filtres .accordion-container.active {
    max-height: 1500px;
    transition: 0.6s ease-in-out;
  }

  .obj_bloc.filtres .accordion-container h3 {
    display: block;
    position: relative;
    margin: 0;
    padding: 15px;
    font-size: 16px;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    background: #eee9d4;
  }

  .obj_bloc.filtres .accordion-container.active h3 {
    color: #a08977;
  }

  .obj_bloc.filtres .accordion-container h3::after {
    position: absolute;
    z-index: 2;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    top: 50%;
    margin-top: -9px;
    right: 20px;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border-top: solid 2px #bd9e82;
    border-right: solid 2px #bd9e82;
    text-indent: -9999px;
    transition: all ease 400ms;
  }

  .obj_bloc.filtres .accordion-container.active h3::after {
    margin-top: -4px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: solid 2px #000;
    border-right: solid 2px #000;
  }

  .obj_bloc.filtres .ctn_bloc ul {
    max-height: inherit;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 15px 15px;
    background: #f8f5e6;
  }

  .obj_bloc.filtres .ctn_bloc ul li {
    width: auto;
    padding: 0;
  }

  .obj_bloc.filtres .ctn_bloc ul li a {
    display: block;
    padding: 5px 0;
    font-weight: 400;
    color: #a08977;
    text-align: left;
  }

  .obj_bloc.filtres .ctn_bloc p {
    font-size: 16px;
    text-align: left;
  }

  .obj_bloc.filtres .ctn_bloc p br {
    display: none;
  }

  .obj_sticky-info {
    width: 100%;
    min-width: inherit;
    padding: 30px 20px;
  }

  .obj_sticky-info .close {
    top: 10px;
    right: 10px;
  }

  .obj_sticky-info h3,
  .obj_sticky-info p {
    text-align: center;
  }

  .obj_sticky-info .button {
    margin: 0 auto;
    width: 100%;
  }

  .obj_sticky-info .b_01 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .857142em;
  }

  .obj_sticky-info .b_01 span {
    margin: auto;
  }

  .obj_sticky-info .b_01 span::before {
    margin-top: -2px;
  }
}

@media screen and (max-width:640px) {
  .str_left,
  .str_middle,
  .str_right {
    width: auto !important;
    float: none;
  }

  /* --------------------------------------------------
	 * b_01
	 * ----------------------------------------------- */

  .b_01 {
    font-size: .642857em;
  }

  .b_01 {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
  }

  .b_01 span {
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
  }

  .b_to-top {
    display: none;
    height: 30px;
    margin-top: -15px;
    width: 30px;
  }

  /* --------------------------------------------------
	 * video
	 * ----------------------------------------------- */

  .b_video {
    border-width: 14px;
  }

  .b_video::before,
  .b_video::after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
  }

  .pg_vichymag .obj_video .ctn_iframe iframe {
    border-width: 14px;
    height: calc(100% - 28px);
    width: calc(100% - 28px);
  }

  .pg_vichymag .obj_video .b_video {
    margin-bottom: 20px;
  }

  .pg_vichymag .obj_video h3,
  .pg_vichymag .center .ctn_video .obj_video h3 {
    font-size: 1.428571em;
    /* 20px */
  }

  .pg_vichymag .obj_video h3,
  .pg_vichymag .center .ctn_video .obj_video h3,
  .pg_vichymag .container .obj_video p {
    padding: 0;
    width: 48%;
  }

  .obj_404 {
    background: url('../images/f_404-mob.jpg');
    height: calc(100vw * .6921875);
  }

  .obj_alphabetical-list .b_02 {
    font-size: 8px;
    min-width: 0;
  }

  .articles-small .obj_bloc-article .ctn_text {
    padding: 20px 10px 45px;
  }

  .articles-small .obj_bloc-article .ctn_bt {
    bottom: 0;
    left: 0;
    right: 0;
  }

  .articles-small .obj_bloc-article .b_01 {
    display: block;
  }

  .obj_bloc-article.portrait h3 {
    font-size: .857142em;
    /* 12px */
  }

  .obj_bloc-article.portrait p.txt {
    font-size: .714285em;
    /* 10px */
    min-height: 75px;
    line-height: 75px;
  }

  .obj_bloc-article.thumb .tag {
    font-size: .714285em;
    /* 10px */
  }

  .obj_bloc-article.thumb h3 {
    font-size: 1em;
  }

  .obj_bloc-article.thumb .txt {
    display: none;
  }

  .obj_carrousel .nav.css-arrow .prev {
    left: 20px;
  }

  .obj_carrousel .nav.css-arrow .next {
    right: 20px;
  }

  /* carousel articles  */

  .obj_carrousel.articles article .txt {
    display: none;
  }

  /* carousel articles-small */

  .obj_carrousel.articles-small {
    padding: 0 13px;
  }

  .obj_carrousel.articles-small .item {
    min-width: 270px;
  }

  .obj_carrousel.articles-small article {
    margin: 10px 7px;
  }

  /* carrousel product */

  .obj_carrousel.articles-small .product {
    font-size: .666666em;
    height: auto;
    padding-top: 20px;
  }

  .obj_carrousel.articles-small .product .label {
    top: 10px;
  }

  .obj_carrousel.articles-small .product header {
    height: 90px;
  }

  .obj_carrousel.articles-small .product .obj_rating-customers span {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    margin-bottom: 0;
  }

  .ctn_slide-show .b_slide-show-closer {
    height: 18px;
    margin: 10px 20px;
    width: 15px;
  }

  body > .ctn_slide-show .ctn_bt {
    height: 38px;
  }

  body > .ctn_slide-show .obj_carrousel {
    margin-top: 48px;
  }

  body > .ctn_slide-show .obj_carrousel .item p {
    font-size: 1em;
    margin-top: 10px;
  }

  .obj_carrousel.filter {
    background: #1c213f;
  }

  .obj_carrousel.filter .nav.css-arrow .prev::after,
  .obj_carrousel.filter .nav.css-arrow .next::after {
    border-color: #fff;
  }

  .obj_definition > div {
    max-width: 370px;
    padding: 50px 58px 33px;
  }

  .obj_definition .str_left {
    margin-bottom: 20px;
    text-align: center;
  }

  .obj_definition .str_right {
    line-height: normal;
    margin-bottom: 40px;
    min-height: 0;
  }

  .obj_definition .str_right h3 {
    margin-bottom: 15px;
  }

  .obj_definition .bottom {
    padding: 0;
    text-align: center;
  }

  .obj_definition .bottom ul {
    margin-bottom: 40px;
  }

  .obj_definition .bottom li {
    margin: 0 17px;
  }

  .obj_definition .bottom .ctn_bt {
    margin: 0;
    max-width: none;
    position: static;
  }

  .obj_exposome-skin .left {
    width: 48.59375%;
  }

  .obj_exposome-skin .top {
    height: auto;
    min-height: 151px;
    padding: 20px 10px 5px 20px;
  }

  .obj_exposome-skin .top::before,
  .obj_exposome-skin .top::after {
    -webkit-transform: scale(.5) rotate(45deg);
    -ms-transform: scale(.5) rotate(45deg);
    transform: scale(.5) rotate(45deg);
  }

  .obj_exposome-skin .top p {
    font-size: 12px;
  }

  .obj_exposome-skin .bottom {
    background-size: auto 130px;
    height: auto;
    min-height: 70px;
    padding-bottom: 58px;
    padding-right: 60px;
    padding-top: 20px;
  }

  .obj_exposome-skin .bottom h4 {
    font-size: 1.5em;
    /* 21px */
  }

  .obj_exposome-skin .bottom .ctn_bt {
    bottom: 14px;
    right: 20px;
  }

  .obj_exposome-skin .right {
    background-size: cover;
    height: auto;
    min-height: 324px;
    width: 51.40625%;
  }

  .obj_exposome-skin .right > div {
    padding: 20px 20px 58px 18.237082%;
  }

  .obj_exposome-skin .right h4 {
    font-size: 3.357142em;
    /* 47px */
  }

  .obj_exposome-skin .right .ctn_bt {
    bottom: 14px;
    right: 20px;
  }

  .obj_filAriane li:first-child,
  .obj_filAriane li:last-child,
  .obj_filAriane li:nth-last-child(2) span {
    display: none;
  }

  .obj_filter ul {
    height: 41px;
    font-size: 12px;
  }

  .obj_header-vichymag,
  .obj_header-vichymag .is-pinned {
    display: none;
  }

  .container .obj_list-articles {
    margin: 0 auto;
    max-width: 470px;
  }

  .container .obj_list-articles > article {
    float: none;
    margin-bottom: 25px;
    margin-left: 0;
    width: auto;
  }

  .container .ctn_research-vichymag .gsc-search-button input {
    padding-top: 45px;
    width: 45px;
  }

  .container .ctn_research-vichymag .gsc-input-box input {
    font-size: 1em;
    height: 45px !important;
    padding: 2px 15px !important;
  }

  /* alphabetical-list */

  .container .obj_responsive-list.alphabetical .item {
    padding: 0 0 0 14.388489%;
    margin: 0 0 24px;
    width: 35.611510%;
  }

  .container .obj_responsive-list.alphabetical .item:nth-of-type(2n + 1) {
    padding: 0 1.798561% 0 10.431654%;
    width: 37.769784%;
  }

  .obj_responsive-list.alphabetical .drop-cap {
    font-size: 1.5em;
    /* 24px */
    margin-bottom: 0;
  }

  .obj_responsive-list.alphabetical .item li {
    font-size: .75em;
    /* 12px */
    margin-bottom: 11px;
  }

  .container .main-article .obj_viewer,
  .obj_viewer.image,
  .container .obj_viewer {
    height: auto;
    margin-top: 0;
  }

  .obj_viewer.image .str_left {
    display: none;
  }

  .container .obj_viewer .str_left {
    height: auto;
  }

  .container .obj_viewer .str_left > img {
    margin: 0;
    max-width: 100%;
    position: static;
  }

  .container .main-article .obj_viewer .str_right {
    height: auto;
    line-height: normal;
  }

  /* image */

  .container .obj_viewer.image .str_right,
  .obj_viewer.image .str_right {
    line-height: normal;
  }

  .container .obj_viewer.image .str_right .ctn_text,
  .obj_viewer.image .str_right .ctn_text {
    display: block;
    margin: 0 auto;
    max-height: none;
    max-width: 470px;
    padding: 0 20px 20px;
  }

  .obj_viewer.image .str_right .ctn_text h1 {
    margin-bottom: 18px;
  }

  .obj_viewer .str_right .obj_search,
  .obj_viewer.image .str_right .obj_search {
    padding: 40px 20px;
  }

  .obj_viewer.image .str_left {
    display: none;
  }

  .obj_viewer.carrousel {
    margin: 0 auto;
  }

  .obj_viewer.carrousel .str_left,
  .obj_viewer.carrousel .str_right {
    height: auto;
  }

  .main-article {
    padding-bottom: 55px;
  }

  .main-section.articles > div {
    padding-top: 40px;
  }

  .main-section.articles > div > header {
    margin-bottom: 17px;
  }

  .main-section.exposome-skin > div > header {
    margin-bottom: 17px;
  }

  .main-section.lastest-video {
    margin-bottom: 19px;
  }

  .main-section.lastest-video > div {
    padding-top: 31px;
  }

  .main-section.lastest-video > div > header {
    margin-bottom: 18px;
  }

  .main-section.terms > div > header {
    margin-bottom: 14px;
  }

  .main-section.article-content .center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-section.article-content .center h1 {
    font-size: 1.785714em;
    /* 25px */
  }

  .main-section.article-content .center h2,
  .main-section.article-content .center h3,
  .main-section.article-content .focus,
  .main-section.article-content p,
  .main-section.article-content li {
    font-size: 1.071428em;
    /* 14px */
  }

  .main-section.article-content h2,
  .main-section.article-content p,
  .main-section.article-content .center > ul,
  .main-section.article-content .signature {
    margin-bottom: 14px;
  }

  .main-section.article-content .center h4 {
    padding: 0 0 15px;
    font-size: 1.428em;
  }

  .main-section.article-content .author {
    padding: 0 0 20px;
  }

  .main-section.article-content .author img {
    width: 50px;
    margin: 0 10px 0 0;
  }

  .main-section.article-content .author p {
    font-size: 1em;
  }

  .main-section.article-content .visual {
    margin: 20px auto;
  }

  .main-section.article-content .visual.vertical {
    float: none;
    margin: 0 0 20px;
  }

  .main-section.article-content .ctn_focus {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.071428em;
  }

  .main-section.article-content .ctn_focus ul,
  .main-section.article-content .ctn_focus p {
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px;
  }

  .main-section.article-content li:before {
    top: 7px;
  }

  .main-section.article-content .key-figures.focus {
    float: none;
    margin: 30px 0 50px;
    padding: 30px;
    max-width: 100%;
    width: calc(100% - 40px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .main-section.article-content .key-figures.focus p {
    font-size: 17px;
  }

  .main-section.article-content .accordion-container {
    max-height: 57px;
  }

  .main-section.article-content .center .accordion-container h3 {
    padding: 20px 20px 20px 0;
  }

  .main-section.article-content .center .accordion-container h3::after {
    height: 10px;
    width: 10px;
    margin-top: -8px;
    right: 4px;
  }

  .main-section.article-content .center h3 {
    padding: 0 0 20px;
  }

  .main-section.article-content .article-header {
    padding-top: 20px;
    margin-bottom: 12px;
  }

  .main-section.article-content .contributor-header {
    margin-bottom: 28px;
  }

  .main-section.article-content .contributor-header .str_right > div {
    padding: 15px 20px 20px;
  }

  .main-section.article-content .contributor-header .str_right h1 {
    font-weight: 600;
    font-size: 1.285714em;
    /* 17px */
    margin-bottom: 19px;
  }

  .main-section.article-content .contributor-header .str_right h1 strong {
    font-family: inherit;
  }

  .main-section.article-content .contributor-header p {
    margin: 19px 0 0;
  }

  .main-section.article-content .main-visual {
    margin-bottom: 19px;
  }

  .container .main-section.article-content .obj_sharer {
    margin: 14px auto;
  }

  .main-section.article-content .instagram,
  .main-section.article-content .ctn_external-media {
    margin-bottom: 24px;
  }

  .main-section.article-content .quiz {
    margin-bottom: 24px;
  }

  .main-section.article-content .recipe + *:not(.recipe) {
    margin-top: 20px;
  }

  .container .main-article .main-section.article-content .center .recipe {
    margin-left: -20px;
    width: 100%;
    padding: 29px 20px 17px;
  }

  .main-section.article-content .slide-show {
    margin-bottom: 21px;
  }

  .main-section.article-content .sources {
    margin: 30px 0;
  }

  .main-section.article-content .tag-list {
    font-size: 13px;
    margin-bottom: 30px;
  }

  .main-section.article-content .tweet {
    margin: 20px 0;
    padding: 0 30px 0 35px;
  }

  .main-section.article-content .tweet::before {
    left: 0;
  }

  .main-section.article-content .tweet::after {
    right: 0;
  }

  .main-section.article-content .tweet .p1 {
    font-size: 1.428571em;
  }

  .main-section.article-content .ctn_video {
    margin-bottom: 24px;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .main-section.article-content .key-figures.big .ctn_bloc {
    font-size: 1.1428em;
  }

  .main-section.article-content .key-figures.big {
    margin: 30px auto;
    max-width: calc(100% - 30px);
  }

  .main-section.article-content .key-figures.big::before {
    left: -15px;
    top: -15px;
  }

  .main-section.article-content .key-figures.big::after {
    right: -15px;
    bottom: -15px;
  }

  .main-section.article-content .key-figures.big h3 {
    padding: 0 0 25px;
    font-size: 1.429em;
  }

  .main-section.article-content .key-figures.big.has-icon .ctn_bloc h3::before {
    width: 30px;
    height: 31px;
    background: url('../images/i_keys.png') no-repeat right top / 100% auto;
  }

  .main-section.article-content .key-figures.big.has-icon.var_center .ctn_bloc::before {
    margin: 0 0 10px 5px;
    width: 30px;
    height: 31px;
    background: url('../images/i_keys.png') center center / 100% auto;
  }

  .main-section.article-content .key-figures.big.has-icon h3 {
    padding: 0 35px 25px 0;
  }

  .main-section.article-content .key-figures.big ul {
    margin: 5px 0 0 0;
  }

  .main-section.article-content .key-figures.larg {
    max-width: 100%;
    float: none;
    margin: 0 0 40px;
    max-width: none;
    padding: 8%;
  }

  .container .main-section.article-content blockquote {
    margin: 30px auto;
  }

  .main-section.article-content blockquote .quote {
    font-size: 1.214285em;
  }

  .main-section.article-content blockquote.larg {
    padding: 0 0 0 160px;
  }

  .main-section.article-content blockquote.larg::before {
    left: 140px;
  }

  .main-section.article-content blockquote.larg .source {
    width: 120px;
  }

  /* --------------------------------------------------
	 * section
	 * ----------------------------------------------- */

  .main-section > div {
    padding-top: 20px;
  }

  .main-section.carrousel-articles {
    margin-bottom: 14px;
  }

  .main-section.carrousel-articles > div > header {
    margin-bottom: 7px;
  }

  .main-section.alphabetical-list .filet {
    margin-bottom: 55px;
  }

  .main-section.article-content {
    margin-bottom: 22px;
  }

  /* --------------------------------------------------
	 * GLOSSARY
	 * ----------------------------------------------- */

  .glossary .container .obj_responsive-list.alphabetical .item::before {
    display: block;
  }

  .glossary .obj_responsive-list.alphabetical .item:nth-of-type(2n + 1)::before {
    display: none;
  }

  .glossary .obj_responsive-list.alphabetical .item li {
    font-size: .84375em;
  }

  .obj_header-vichymag {
    display: none;
  }
}

@media screen and (max-width:480px) {
  .obj_list-articles .obj_bloc-quote {
    height: auto;
    line-height: normal;
  }

  .obj_bloc-quote > div {
    padding-bottom: 7px;
    padding-top: 13px;
  }

  .obj_bloc-quote h3 {
    margin-bottom: 40px;
  }

  .obj_bloc-quote .txt {
    font-size: 17px;
  }

  .obj_bloc-quote .txt span::before {
    margin: -25px 0 0 -60px;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
  }

  .obj_bloc-quote .txt span::after {
    margin: -10px 0 0 -5px;
    -webkit-transform: rotate(180deg) scale(.36);
    -ms-transform: rotate(180deg) scale(.36);
    transform: rotate(180deg) scale(.36);
  }

  .obj_bloc-quote .ctn_bt {
    margin-top: 21px;
    position: static;
  }

  .obj_carrousel.articles article h3 {
    font-size: 1.785714em;
  }

  .obj_carrousel.articles .nav .prev {
    left: 0;
  }

  .obj_carrousel.articles .nav .next {
    right: 0;
  }

  .obj_exposome-skin .top h3 {
    font-size: 28px;
  }

  .obj_exposome-skin .right > div {
    padding-left: 25px;
  }

  .obj_exposome-skin .right h4 {
    font-size: 36px;
  }

  .obj_list-articles .obj_bloc-article {
    height: auto;
  }

  .obj_list-articles .obj_bloc-article .ctn_text {
    padding-bottom: 60px;
    padding-top: 19px;
    min-height: 0;
  }

  .obj_list-articles .obj_bloc-article .tag {
    font-size: .714285em;
    margin-bottom: 6px;
  }

  .obj_list-articles .obj_bloc-article h3 {
    font-size: 1.214285em;
    line-height: .857142em;
    margin-bottom: 10px;
    min-height: 30px;
  }

  .obj_list-articles .obj_bloc-article .ctn_bt {
    bottom: 14px;
  }

  /* not larg */

  .obj_list-articles .obj_bloc-article:not(.larg) .visuel {
    height: auto;
    margin: 0;
    position: static;
    width: auto;
  }

  .obj_list-articles .obj_bloc-article:not(.larg) .ctn_text {
    position: static;
  }

  .obj_list-articles .obj_bloc-article:not(.larg) .txt {
    display: none;
  }

  /* larg */

  .obj_list-articles .obj_bloc-article.larg {
    height: 236px;
  }

  .obj_list-articles .obj_bloc-article.larg .visuel {
    height: 236px;
    margin-left: -95px;
    width: 190px;
  }

  .obj_list-articles .obj_bloc-article.larg h3 {
    min-height: 0;
  }

  .obj_list-articles .obj_bloc-article.larg .txt {
    line-height: 1.133333em;
  }

  .main-section.article-content .instagram button {
    margin-top: 10px;
    position: static;
  }
}

@media screen and (max-width:392px) {
  .main-section.article-content .recipe figure {
    width: 50%;
  }
}

@media screen and (max-width:380px) {
  .main-article .obj_navpages {
    padding: 20px 20px 0;
  }

  .main-article .obj_navpages li .next {
    width: calc((100% - 40px) / 9);
  }

  .main-article .obj_navpages .b_prev {
    left: calc(20px + (100% - 40px) / 9);
  }

  .main-article .obj_navpages li:first-child .b_prev {
    left: 20px;
  }

  .main-article .obj_navpages .b_next {
    right: calc(20px + (100% - 40px) / 9);
  }

  .main-article .obj_navpages li:last-child .b_next {
    right: 20px;
  }

  .main-article .obj_navpages li.inactive,
  .main-article .obj_navpages li a {
    width: 20%;
  }

  .main-article .obj_navpages li.inactive a {
    width: 20%;
  }
}