/* Page CMS */
/*  Page de garde des conseils d'experts*/
#cms .page-header {
  display: none;
}

/* regle css*/
.full-width {
  width: 100%;
}

a {
  text-decoration: none;
  color: black;
  display: run-in;
}

#content h1 {
  margin-top: 51px;
}

.cms-id-150 #content h1 {
  margin-top: 0;
}

/* .title-principal-page {
  margin: 1% 0 1% 0;
  text-align: center;
  width: 80%;
  text-transform: uppercase;
  font-size: 30px;
} */
.text-principal-page {
  text-align: center;
  margin-bottom: 41px;
  font-weight: 300;
  font-size: 21px;
  width: 100vw;
}

#cms .main {
  width: 100%;
  display: block;
  height: auto;
}

.cms-shw-hold {
  display: inline-block;
  margin-right: 21px;
}

.shw-main {
  width: 500px;
  margin: 0 auto;
}

#cms:not(.cms-id-130):not(.cms-id-2) .main {
  width: 100%;
  display: flex;
  height: auto;
}

.main-left {
  width: 48%;
  height: 100vh;
  display: flex;
  overflow: hidden;
  top: 110px;
  width: 30%;
  height: auto;
  margin-top: 1%;
}

.left {
  width: 20vw;
  height: 50%;
  display: flex;
  overflow: hidden;
  position: sticky;
  top: 60px;
}

.container-menu {
  width: 100%;
  position: sticky;
  top: 110px;
}

.menu-presentaion-categorie {
  margin-top: 1%;
}

.choice-menu {
  height: 100%;
}

.container-link {
  display: block;
}

.container-link>p {
  margin-top: 15%;
  font-weight: 500;
  margin-bottom: 4%;
  margin-left: 7%;
  font-size: 19px;
}

.choice-menu .container-link:first-child p {
  margin-top: 0;
}

.link-in-menu {
  margin-left: 7%;
  margin-top: 1.5%;
  width: 100%;
}

.link-in-menu a {
  text-transform: uppercase;
  font-size: 13px;
}

.link-in-menu a:hover {
  color: grey;
}

.image-fixed {
  height: 100%;
  width: auto;
}

.container-image-left {
  width: 50%;
  overflow: hidden;
}

.content-image-left {
  position: absolute;
  top: 50%;
  width: 43%;
  right: 5%;
}

.title-article-left {
  color: white;
  margin-bottom: 10px;
}

.text-article-left {
  color: white;
}

.full-read {
  color: white;
  padding: 10px 50px;
  border: 1px solid #fff;
  position: absolute;
  right: 3%;
}

.main-right {
  width: 50%;
  display: flex;
  justify-content: space-between;
}

.right {
  width: 60vw;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  max-height: 70vh;
}

.container-right-main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: auto;
}

.container-rubric {
  width: 90%;
  height: 20vh;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  margin-bottom: 2%;
}

.title-rubic-right {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: display .4s ease;
  z-index: 4;
  width: 100%;
  text-align: center;
  color: black;
}

.container-rubric img {
  opacity: 0.6;
  z-index: 2;
  transition: opacity .4s ease;
}

.container-rubric:hover img {
  opacity: 0.4;
  z-index: 2;
  transition: opacity .4s ease;
}

.container-rubric:hover .title-rubic-right {
  color: black;
  transition: color .4s ease;
}

.categorie-menu-choice .left {
  width: 25vw;
}

.categorie-menu-choice .container-menu {
  width: 100%;
}

.container-categorie-menu-rubric {
  width: 75vw;
  display: flex;
  flex-wrap: wrap;
}

.container-categorie-menu-rubric .article {
  width: 33.33%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.container-categorie-menu-rubric .article a {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}

.container-categorie-menu-rubric .exterieur {
  width: 50%;
  /* height: auto; */
  position: relative;
  line-height: 0;
  height: 44vh;
  overflow: hidden;
}

.container-categorie-menu-rubric .article h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: display .4s ease;
  z-index: 4;
  width: 100%;
  text-align: center;
  color: black;
  font-weight: 400;
  color: #ffff;
  letter-spacing: 3px;
  font-size: 21px;
}

.container-categorie-menu-rubric .article a {
  text-transform: uppercase;
}

.container-categorie-menu-rubric .article h2 {
  color: white;
}

.container-categorie-menu-rubric .article h2 i {
  font-size: 52px;
  margin-bottom: 20px;
}

.container-categorie-menu-rubric .article:hover img {
  opacity: 0.4;
  z-index: 2;
  transition: opacity .4s ease;
}

.container-categorie-menu-rubric .article:hover h2 {
  color: black;
  transition: color .4s ease;
}

.container-categorie-menu-rubric .article img {
  opacity: 1;
  z-index: 2;
  width: 100%;
  transition: opacity .4s ease;
  height: 100%;
}

/* Container Article */
.presentation-article-container a {
  text-decoration: none;
  color: black;
}

.presentation-article-container .main {
  display: flex;
  width: 100%
}

.presentation-article-container .main-left {
  width: 50%;
  height: auto;
  margin-top: 5%;
}

.presentation-article-container .main-right {
  width: 70%;
  height: auto;
  margin-top: 5%;
  display: block;
  justify-content: space-between;
}

.presentation-article-container .column-left {
  width: 48.5%;
  height: auto;
}

.presentation-article-container .column-right {
  width: 48.5%;
  height: auto;
}

.presentation-article-container .container-article {
  padding: 0 2% 2% 3%;
  width: 100%;
  margin-bottom: 10%;
}

.presentation-article-container .container-image-right {
  width: 100%;
  overflow: hidden;
}

.presentation-article-container .image-right {
  width: 100%;
  transform: scale(1.0);
  transition: transform .3s ease-in-out;
}

.container-article:hover .image-right {
  transform: scale(1.2);
  transition: transform .5s ease-in-out;
}

.presentation-article-container .title-article-right {
  width: 100%;
  margin: 0.5em 0;
}

.presentation-article-container .component-text {
  width: 80%;
  color: #242321;
  margin: 1em 0;
}

.presentation-article-container .description-text {
  width: 95%;
  margin: 1em 0;
}

.presentation-article-container .link-read-more {
  font-size: 11px;
}

/* CSS ARTICLE */
.container-view-article .main {
  width: 100%
}

.container-view-article .main-left {
  width: auto;
  margin-top: 5%;
  overflow: visible;
}

.container-view-article .main-right {
  height: auto;
  margin-top: 5%;
  display: block;
  margin: 0 auto;
  width: 60%;
}

.container-view-article .title-content-right {
  font-size: 40px;
  /* letter-spacing: 0px; */
  word-spacing: 3px;
}

#content .container-content-right h1 {
  margin-top: 121px;
  font-size: 21px;
  text-align: left;
}

.container-view-article .title-article {
  font-size: 17px;
  margin-top: 2em;
  margin-bottom: 1em;
}

.underline {
  text-decoration: underline;
}

.padding-for-article {
  padding-left: 30px;
}

.table-image-resizing {
  width: 140px;
  height: 140px;
  margin-right: 15px;
}

.article-list {
  margin: 5px 0;
}

.article-list li {
  margin: 0px 0 8px 10px;
}

.container-view-article .iframe-container {
  width: 100%;
  position: relative;
  height: 400px;
  margin: 30px 0;
}

#cms #wrapper .container-view-article a {
  box-sizing: border-box;
  color: black;
}

#cms #wrapper .container-view-article p {
  line-height: 1.5;
}

.cms-id-147 i {
  position: absolute;
  left: 0;
  top: 68%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  color: white;
  z-index: 3;
}
}

/* #cms #wrapper .container-view-article a img { */
/* width:100%; */
/* } */
#cms #wrapper .main-left a {
  color: #242321;
  text-decoration: none;
}

/* Nos engagement */
.container-view-article .container-article-commitment {
  width: 50%;
  margin: 0 auto;
}

.container-view-article .container-article-commitment h2,
.container-view-article .container-article-commitment img {
  margin: 40px 0;
}

.container-view-article .container-article-commitment p {
  margin: 10px 0;
}

.container-view-article .container-article-commitment img {
  margin: 40px 0;
}

.container-view-article .container-article-commitment h1 {
  margin: 40px 0;
  text-align: center;
}

/* decoplus */
.container-view-article .container-article-decoplus {
  width: 50%;
  margin: 0 auto;
}

.container-view-article .container-article-decoplus h2,
.container-view-article .container-article-decoplus img {
  margin: 40px 0;
}

.container-view-article .container-article-decoplus p {
  margin: 10px 0;
}

.container-view-article .container-article-decoplus img {
  margin: 40px 0;
  height: auto;
}

.container-view-article .container-article-decoplus h1 {
  margin: 40px 0;
  text-align: center;
}

.container-view-article .container-article-decoplus h3 {
  margin: 20px 0;
}

.container-view-article .container-service-professionals {
  text-align: center;
}

/* assurance */
.container-view-article .container-insurance {
  width: 50%;
  margin: 0 auto;
}

.container-view-article .container-insurance h2,
.container-view-article .container-insurance img {
  margin: 40px 0;
}

.container-view-article .container-insurance p {
  margin: 10px 0;
}

.container-view-article .container-insurance img {
  margin: 40px 0;
  height: auto;
}

.container-view-article .container-insurance h1 {
  margin: 40px 0;
  text-align: center;
}

.container-view-article .container-insurance h3 {
  margin: 20px 0;
}

.container-view-article .container-service-professionals {
  text-align: center;
}

/* faq client */
.container-view-article .container-faq-customer {
  width: 50%;
  margin: 0 auto;
}

.container-view-article .container-faq-customer h2,
.container-view-article .container-faq-customer img {
  margin: 40px 0;
}

.container-view-article .container-faq-customer p {
  margin: 10px 0;
}

.container-view-article .container-faq-customer img {
  margin: 40px 0;
  height: auto;
}

.container-view-article .container-faq-customer h1 {
  margin: 40px 0;
  text-align: center;
}

.container-view-article .container-faq-customer h3 {
  margin: 20px 0;
}

/* faq front */
.container-view-article .container-faq-front h2,
.container-view-article .container-faq-front img {
  margin: 40px 0;
}

.container-view-article .container-faq-front p {
  margin: 10px 0;
}

.container-view-article .container-faq-front img {
  margin: 40px 0;
  height: auto;
}

.container-view-article .container-faq-front h1 {
  margin: 40px 0;
  text-align: center;
}

.container-view-article .container-faq-front h3 {
  margin: 20px 0;
}

/* Toscano */
.container-toscano .container-logo {
  background-color: #EEEEEE;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  max-height: none;
}

.container-toscano .link-logo {
  color: #303030;
}

.container-toscano .img-logo {
  max-height: 80px;
}

.container-toscano .first-image {
  background-image: url(https://www.decoplus-parquet.com/img/cms/1-toscano.jpg);
  width: 100%;
  height: 470px;
  background-position: center center;
  background-size: 100% auto;
  margin-bottom: 10px;
}

.container-toscano .container-image {
  display: flex;
}

.container-toscano .grid-item-inner {
  padding: 0.5%;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.container-toscano .grid-item-inner:hover .animation {
  left: 0;
}

.container-toscano .container-text {
  padding: 0.5%;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.container-toscano .text-inovation-container {
  width: 25%;
}

.title-inovation {
  display: inline-block;
  font-size: 41px;
  line-height: 1.23em;
  letter-spacing: .11em;
  text-transform: uppercase;
  border-top: 1px solid #000;
  padding-top: 10px;
  font-family: 'Heebo';
  font-weight: 100;
  margin-bottom: 31px;
}

.text-inovation {
  font-size: 17px;
  line-height: initial;
  text-align: justify;
  font-family: 'Heebo';
  font-weight: 300;
}

.container-toscano .image-quart {
  /* width: 25%; */
  height: auto;
  /* padding: 0.5%; */
}

.container-toscano .image-demi {
  /* width: 50%; */
  height: auto;
  /* padding: 0.5%; */
}

.container-toscano .full-image {
  width: 100%;
  height: auto;
  padding: 0.5%;
}

.container-toscano .innovation {}

.container-toscano .title-showroom {
  font-size: 23px;
  color: #000;
  text-transform: uppercase;
  line-height: initial;
  background-color: #EEEEEE;
  text-align: center;
  width: 100%;
  padding: 18px 0;
}

.container-toscano .showroom {
  font-size: 26px;
  line-height: 1.23em;
  letter-spacing: .11em;
  border-bottom: 1px solid #000;
  font-family: 'Hebbo-Bold';
}

.container-toscano .presentation-showroom {
  background-image: url(https://www.decoplus-parquet.com/blog/wp-content/uploads/2018/09/magasin-toscano.jpg);
  overflow: hidden;
  width: 100%;
  height: 33vw;
  background-position: center;
  background-size: 100% auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.container-toscano .container-information-showroom {
  /* display: flex; */
}

.container-toscano .map {
  width: 45%;
  height: 400px;
  margin: 20px 0;
}

.container-toscano .information-showroom {
  text-align: center;
  /* width: 55%; */
}

.container-toscano .main-information-showroom {
  padding-top: 25px;
}

.container-toscano .toscano-title {
  font-size: 27px;
  margin: 10px 0;
  padding: 0;
  letter-spacing: -0.025em;
  margin-top: 1em;
}

.container-toscano .main-information-showroom p {
  font-size: 18px;
  margin-bottom: 10px;
}

.container-toscano .main-information-showroom a {
  text-decoration: none;
}

.container-toscano .container-marque {
  text-align: center;
  padding: 20px 0;
}

.container-toscano .container-marque ul {
  padding-left: 0;
}

.container-toscano .container-marque li {
  margin: 0 15px;
  display: inline-block;
}

.container-toscano .container-marque li a {
  opacity: 0.65;
  max-width: 100%;
}

.container-toscano .container-marque li a img {
  max-width: 200px;
  max-height: 100px;
}

.container-toscano .animation {
  position: absolute;
  display: block;
  width: 92%;
  height: auto;
  bottom: 5px;
  left: -100%;
  padding: 45px 28px 26px;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: left .4s ease;
  -moz-transition: left .4s ease;
  transition: left .4s ease;
  font-size: 22px;
  line-height: 1.23em;
  letter-spacing: .15em;
}

/* signature parquet */
.container-signature-parquet .container-logo {
  background-color: #EEEEEE;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  max-height: none;
}

.container-signature-parquet .link-logo {
  color: #303030;
}

.container-signature-parquet .img-logo {
  max-height: 80px;
}

.container-signature-parquet .first-image {
  background-image: url(https://www.decoplus-parquet.com/img/cms/FB-Hout-Aerdenhout-HR-7.jpg);
  height: 470px;
  background-position: center center;
  background-size: 100% auto;
  margin-bottom: 10px;

}

.container-signature-parquet .container-image {
  display: flex;
}

.container-signature-parquet .grid-item-inner {
  padding: 0.5%;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.container-signature-parquet .grid-item-inner:hover .animation {
  left: 0;
}

.container-signature-parquet .container-text {
  padding: 0.5%;
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.text-inovation-container {
  width: 25%;
}

.container-signature-parquet .last-container {
  padding: 0;
}

.container-signature-parquet .full-image {
  width: 100%;
  height: auto;
  padding: 0.5%;
}

.container-signature-parquet .title-showroom {
  font-size: 23px;
  color: #000;
  text-transform: uppercase;
  line-height: initial;
  background-color: #EEEEEE;
  text-align: center;
  width: 100%;
  padding: 18px 0;
}

.container-signature-parquet .showroom {
  font-size: 26px;
  line-height: 1.23em;
  letter-spacing: .11em;
  border-bottom: 1px solid #000;
  font-family: 'Hebbo-Bold';
}

.container-signature-parquet .presentation-showroom {
  background-image: url(https://www.decoplus-parquet.com/img/cms/IMG_7269.jpg);
  overflow: hidden;
  width: 100%;
  height: 33vw;
  background-position: center;
  background-size: 100% auto;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.container-signature-parquet .container-information-showroom {
  /* display: flex; */
}

.container-signature-parquet .map {
  width: 45%;
  height: 400px;
  margin: 20px 0;
}

.container-signature-parquet .information-showroom {
  text-align: center;
  /* width: 55%; */
}

.container-signature-parquet .main-information-showroom {
  padding-top: 25px;

}

.container-signature-parquet .toscano-title {
  font-size: 27px;
  margin: 10px 0;
  padding: 0;
  letter-spacing: -0.025em;
}

.container-signature-parquet .main-information-showroom p {
  font-size: 18px;
}

.container-signature-parquet .main-information-showroom a {
  text-decoration: none;
}

.container-signature-parquet .container-marque {
  text-align: center;
  padding: 20px 0;
}

.container-signature-parquet .container-marque ul {
  padding-left: 0;
}

.container-signature-parquet .container-marque li {
  margin: 0 15px;
  display: inline-block;
}

.container-signature-parquet .container-marque li a {
  opacity: 0.65;
  max-width: 100%;
}

.container-signature-parquet .container-marque li a img {
  max-width: 200px;
  max-height: 100px;
}

.container-signature-parquet .animation {
  position: absolute;
  display: block;
  width: 92%;
  height: auto;
  bottom: 5px;
  left: -100%;
  padding: 45px 28px 26px;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: left .4s ease;
  -moz-transition: left .4s ease;
  transition: left .4s ease;
  font-size: 22px;
  line-height: 1.23em;
  letter-spacing: .15em;
}

/* menu tocano signature */
.container-parquet-exception {
  width: 80%;
  margin: 0 auto;
}

.container-parquet-exception .title-parquet-exception {
  text-align: center;
  margin-bottom: 50px;
}

.description-parquet-exception {
  text-align: center;
  margin-bottom: 15px;
}

.container-parquet-exception .container-main {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.container-parquet-exception .toscano {
  background-size: cover;
  background-position: center center;
}

.container-parquet-exception .signature-parquet {}

.container-parquet-exception .content-img {
  width: 100%;
  position: relative;
  overflow: hidden;
  line-height: 0;
  cursor: pointer;
}

.container-parquet-exception .container-contents {
  width: 48%;
}

.container-parquet-exception .content-img::after {
  z-index: 2;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}

.container-parquet-exception .content-img:hover::after {
  opacity: 1;
}

.container-parquet-exception .img {
  height: auto;
  width: 100%;
  transform: scale(1.0);
  transition: 0.2s;
  transition: transform .6s ease;
}

.container-parquet-exception .content-img:hover .img {
  transform: scale(1.2);
  transition: left .4s ease;
  overflow: hidden;
  transition: transform .6s ease;
}

.container-parquet-exception .img-logo {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 5px;
  width: 50%;
}

.container-parquet-exception .button {
  border: 1px solid #000;
  font-size: 15px;
  text-align: center;
  width: 65%;
  margin: 15px auto;
  padding: 15px 5px;
  text-transform: uppercase;
  color: #000;
  /* transition: font-weight .6s ease; */
  cursor: pointer;
}

.container-parquet-exception .button:hover {
  font-weight: bold;
  /* transition: font-weight .6s ease; */
}

.cms-id-147 .container-image-left {
  width: 100%;
  overflow: hidden;
}

.section .containercolumn {
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin: 10px;
}

.section .left, .section .right {
  width: 50%;
  height: 100vh;
}

.section .middle {
  width: 50%;
  white-space: normal;
  height: 100vh;
  margin-left: -4px;
}

/* .section .middle>div {
  width: 50%;
  height: 50vh;
  display: inline-block;
  overflow: hidden;
  position: relative;
} */
.section .content-middle:hover::after {
  opacity: 0.3;
  transition: opacity .5s ease-in-out;
}

.section .content-middle img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
}

.section .middle>a:first-child {
  width: 100%;
  height: 50vh;
  margin-bottom: 7px;
}

.section .middle>a:first-child img {
  height: auto;
  position: relative;
  bottom: 0;
}

.section .right-realisation img {
  height: 100%;
  position: relative;
}

.section .left video,
.section .left img {
  height: 100%;
  display: block;
  position: relative;
  left: -20%;
}

.section .text {
  z-index: 9;
  font-size: 17px;
  text-align: center;
  text-transform: lowercase;
}

.section .title-holder * {
  color: #ffffff;
  transition: color .5s ease-in-out;
}

.section .text i {
  font-size: 61px;
}

.section h1 {
  text-align: center;
  font-size: 41px;
  font-weight: 200;
  font-family: sans-serif;
  z-index: 12;
}

.section .containercolumn .title-holder {
  position: absolute;
  width: 100%;
  top: 45%;
  left: 50%;
  overflow: visible;
}

.section .content-middle:hover .title-holder *, .section .right-realisation:hover .title-holder * {
  color: #141311;
}

.section .left:hover .title-holder * {
  color: #ffff;
}

.section .left .title-holder>*, .section .right-realisation .title-holder>* {
  text-align: center;
  left: 0;
}

.section .left .title-holder, .section .right-realisation .title-holder {
  width: 100%;
  left: 0;
}

.section .title-holder>* {
  position: relative;
  left: -50%;
}

.section .left::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #585553;
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.section .left:hover::after {
  opacity: .4;
  transition: opacity .5s ease-in-out;
}

.section .right-realisation::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #f9f5f1;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  z-index: 0;
}

.section .right-realisation:hover::after {
  opacity: .4;
  transition: opacity .5s ease-in-out;
}

.section .leftsection2, .section .right-realisation {
  width: 25%;
  height: 100vh;
  margin-left: -4px;
}

.section .leftsection2 img {
  height: 100%;
  display: block;
  position: relative;
}

.section .leftsection2:hover .title-holder * {
  color: #ffff;
}

.section .leftsection2 .title-holder>*, .section .right-realisation .title-holder>* {
  text-align: center;
  left: 0;
}

.section .leftsection2 .title-holder, .section .right-realisation .title-holder {
  width: 100%;
  left: 0;
}

.section {
  height: 100vh;
  white-space: nowrap;
  overflow: hidden;
}

.section .leftsection2::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #585553;
  opacity: 0;
  transition: opacity .5s ease-in-out;
}

.section .leftsection2:hover::after {
  opacity: .4;
  transition: opacity .5s ease-in-out;
}

.section .fiveimage {
  top: -170px;
}

.cms-id-150 #wrapper {
  display: block;
  margin-top: 0px;
}

.section .content-middle {
  width: 100%;
  height: 50vh;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}

.section .container-dubble-article {
  display: flex;
  width: 100%;
}

.content-middle img {
  opacity: 1;
  transition: opacity .5s ease-in-out;
}

.content-middle:hover img {
  opacity: 0.6;
  transition: opacity .5s ease-in-out;
}

.flag-holder {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 10;
}

.flag-article {
  padding: 11px;
  background-color: #242321;
  color: #eee;
  margin-bottom: 17px;
}

.article-realisation p {
  margin-bottom: 3rem;
}

.article-realisation .projet a.projet_link.expert_call {
  margin-top: 70px;
}

.article-realisation .projet a.projet_link {
  position: relative;
  display: flex;
  padding: 17px;
  color: #242321;
  align-items: center;
  font-size: 15px;
  width: 85%;
  overflow: hidden;
  margin-top: 27px;
  font-weight: 300;
  border: 2px solid #242321;
  transition: border-color .3s ease-in;
}

.article-realisation .projet-block {
  position: absolute;
  top: 17%;
  left: 28%;
  width: 55%;
  height: 100%;
  overflow: hidden;
}

.article-realisation .article-realisation .projet a.projet_link:hover {
  border-color: #949391;
}

.article-realisation .projet a.projet_link img:first-child {
  width: 41px;
  margin-right: 35px;
}

.article-realisation .projet a.projet_link img:last-child {
  position: absolute;
  right: 17px;
  width: 27px;
  transition: right .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.article-realisation .projet a.projet_link:hover img:last-child {
  right: 5px;
}

.article-realisation .container-first-section {
  height: 90vh;
  margin-bottom: 50px;
}

.article-realisation .container-title-page {
  /* margin-bottom: ; */
}

.article-realisation .first-image {

  overflow: hidden;
}

.article-realisation .container-first-section h1 {
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 5px;
  width: 50%;
  text-align: center;
  bottom: 0;
  background: white;
  transition: bottom .4s ease-in-out;
}

.article-realisation .first-image img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.article-realisation .container-panel-text h2 {
  text-align: center;
  padding: 40px;
}

.article-realisation .container-flex-text {
  display: flex;
  justify-content: space-between;
  width: 60%;
  margin: 0 auto;
}

.article-realisation .container-text {
  height: auto;
  text-align: center;
}

.article-realisation .title-presentation-article {
  margin-bottom: 2rem;
}

.article-realisation .container-second-section {}

.article-realisation .container-presentation {
  display: flex;
  width: 100vw;
  flex-direction: column;
  align-items: center;
}

.article-realisation .container-presentation-image {
  width: 60%;
  position: relative;
  overflow: hidden;
}

.article-realisation .container-presentation-image img {
  width: 100%;
  bottom: 0;
  left: 0;
}

.article-realisation .container-flex-image {
  display: flex;
  height: 100vh;
  width: 100vw;
}

.article-realisation .image {
  position: relative;
  width: 50%;
}

.article-realisation .image img {
  height: 100vh;
}

.article-realisation .image h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  color: white;
  z-index: 4
}

.article-realisation .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  opacity: 0;
  z-index: 2
}

.article-realisation .image:hover::after {
  opacity: 0.4;
}

.article-realisation .image:hover h2 {
  display: block;
}

.article-realisation .container-content-four-section {
  display: flex;
  width: 100vw;
  justify-content: space-around;
}

.article-realisation .title-product {
  padding: 5rem;
  text-align: center;
}

.article-realisation .container-content--four-section .product-miniature {
  width: 25%;
  display: inline-block;
  margin-right: inherit;
  margin-bottom: inherit;
  overflow: inherit;
  position: relative;
  background-color: inherit;
  padding-bottom: inherit;
}

.projet {
    margin-top:41px;
}

.projet .projet-block {
  position: inherit;
  width: 100%;
}

.container-presentation-text {
  padding: 3%;
  box-sizing: border-box;
  width: 50%;
  text-align: center;
}

.projet_link-realisation {
  position: relative;
  display: flex;
  padding: 17px;
  color: #242321;
  align-items: center;
  font-size: 15px;
  width: 30%;
  overflow: hidden;
  margin-top: 27px;
  font-weight: 300;
  border: 2px solid #242321;
  transition: border-color .3s ease-in;
}

.projet a.projet_link-realisation img:first-child {
  width: 41px;
  margin-right: 35px;
  text-align: center;
}

.container-text-projet {
  text-align: center;
}

.container-link-projet {
  display: flex;
  justify-content: space-around;
}

.product-miniature {
  width: 30%;
}

.product-miniature img {
  width: 100%;
  transition: left .2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* COLOR LINK MENU IN THE PAGE CMS  */
#cms #wrapper .main-left a.special-color {
  color: #efb350;
  font-size: 14px;
}

#cms #wrapper .container-content-four-section .product-thumb-title a,
#cms #wrapper .container-link-projet a {
  color: #242321;
  text-decoration: none;
}

.title-submenu-article {
  display: block;
  margin-bottom: 11px;
}

#cms #wrapper .container-menu a {
  color: #242321;
  text-decoration: none;
}

.mobile {
  display: none;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 25px;
}

.return-menu {
  display: none;
}

.FAQ-Menu {
  width: 10%;
  position: fixed;
  left: 8%;
  top: inherit;
}

.FAQ-Menu .link-in-menu {
  margin-left: 7%;
  width: auto;
}

#cms #wrapper .FAQ-Menu a {
  color: black;
  text-decoration: none;
}

.FAQ-Menu .container-link>p {
  margin-top: 15%;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 7%;
  font-size: 19px;
}

.page-cms-1 .main,
.page-cms-2 .main,
.page-cms-164 .main {
  display: block;
  width: 40%;
  margin: 0 auto;
}

.page-cms-2>h4 {
  width: 40%;
  margin: 0 auto;
  margin-bottom: 31px;
  font-weight: 500;
}

.page-cms-2>p {
  width: 40%;
  margin: 0 auto;
}

.page-cms-164 h1 {
  text-align: center;
}

.container-view-article img {
  overflow: hidden;
}

/* themeeeee  */
.block-contact {
  text-align: center;
  line-height: 2.5;
  font-size: 13px;
}

#cms #wrapper p.button a {
  text-decoration: none;
}

.container-parquet-exception .signature-parquet .img-logo {
  width: 40%;
  padding: 0;
  border: 3px solid #fff;
}

/* iPads (portrait) ----------- */
@media (max-width: 1550px) and (orientation: portrait) {
  .title-submenu-article {
    display: none;
  }

  .menu-presentaion-categorie {
    display: none;
  }

  .container-content-left {
    width: 100%;
  }

  .container-link>p {
    margin-left: 0;
    text-align: center;
  }

  .link-in-menu {
    margin-left: 0;
    text-align: center;
  }

  .categorie-menu-choice .main-left {
    margin: 0 auto;
  }

  .mobile {
    display: block;
  }

  .container-view-article .title-content-right {
    font-size: 30px;
  }

  .container-view-article .main-right img {
    overflow: hidden;
    width: 100%;
  }

  .article-realisation .first-image {
    height: 85vh;
  }

  .article-realisation .container-presentation-text {
    width: 80%;
  }

  /* Nos realisation */
  .article-realisation .container-first-section h1 {
    width: 85%;
  }

  .article-realisation .container-panel-text h2 {
    font-size: 40px;
  }

  .article-realisation p {
    font-size: 19px;
  }

  .article-realisation .container-flex-text {
    width: 80%;
  }

  .article-realisation .container-presentation-image {
    width: 85%;
  }

  .section .content-middle img {
    width: inherit;
    margin: initial;
    height: inherit;
    background: black;
  }

  .section .middle {
    white-space: inherit;
    margin-left: inherit;
  }

  .section .containercolumn {
    display: block;
    overflow: inherit;
  }

  .section .container-dubble-article {
    display: block;
  }

  .section .containercolumn .title-holder {
    position: inherit;
    width: 45%;
    overflow: visible;
  }

  .section .left video {
    left: 0;
  }

  .container-toscano .image-quart {
    width: 100%;
  }

  .container-toscano .container-image {
    display: block;
  }

  .container-toscano .text-inovation-container {
    width: 90%;
  }
  .title-inovation{
    font-size: 25px;
  }
  .text-inovation {
    font-size: 15px;
    padding-right: 15px;

  }
  .container-toscano .grid-item-inner {
    padding: 2.5%;

}
  .container-view-article .container-content-right {
    padding: 0 5% 0 10%;
  }

  .container-toscano  .image-demi {
    padding: 0;
  }

  .container-signature-parquet  .image-demi{
    padding: 0;
  }
  .container-signature-parquet .grid-item-inner {
    padding: 2.5%;

}
}

/* iPads (landscape) ----------- */
@media (max-width: 1550px) and (min-width: 920px) and (orientation: landscape) {
  .container-link>p {
    margin-left: 0;
  }

  .link-in-menu {
    margin-left: 0;
  }

  .title-submenu-article {
    text-align: center;
  }

  .container-categorie-menu-rubric .article {
    height: auto;
  }

  .container-categorie-menu-rubric {
    width: 72vw;
  }

  .article-realisation .first-image {
    height: 80vh;
  }

  .article-realisation .container-first-section h1 {
    width: 80%;
  }

  .article-realisation .container-panel-text h2 {
    font-size: 26px;
  }

  .article-realisation .container-presentation-text {
    padding: 3%;
    box-sizing: border-box;
    width: 90%;
    text-align: center;
  }

  .article-realisation .container-presentation-image {
    width: 90%;
  }

  .article-realisation .container-flex-text {
    width: 90%;
  }

  .container-view-article .container-content-right {
    padding: 0 5% 0 10%;
  }
}

@media (max-width: 920px) {
  .page-cms-1 .main, .page-cms-2 .main, .page-cms-164 .main, .main, .page-cms-2>h4, .page-cms-2>p {
    display: block;
    width: auto;
  }

  .page-cms-2>h4, .page-cms-2>p {
    padding: 0 3%;
  }

  .container-image-left {
    width: 100%;
    overflow: hidden;
    height: auto;
    position: inherit;
  }

  .content-image-left {
    position: inherit;
    top: inherit;
    width: inherit;
    right: inherit;
  }

  .title-article-left {
    color: black;
    width: 80%;
  }

  .text-article-left {
    color: black;
    width: 95%;
  }

  .full-read {
    position: inherit;
    color: black;
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
    padding: 0;
  }

  .image-fixed {
    width: 100%;
  }

  .main-left {
    position: inherit;
    overflow: inherit;
    width: 100%;
    height: auto;
    margin-bottom: 5%;
  }

  .column-left {
    width: 100%;
    height: auto;
  }

  .column-right {
    width: 100%;
    height: auto;
  }

  .container-article {
    padding: 0;
  }

  .container-view-article .main-right {
    width: 100%;
    display: block;
    justify-content: space-between;
    padding-left: 0;
  }

  .container-view-article .title-content-right {
    font-size: 25px;
  }

  /* .container-view-article .title-principal-page {
    width: 100%;
  } */
  .container-view-article .container-content-right {
    padding: 0;
  }

  .title-submenu-article {
    display: none;
  }

  .menu-presentaion-categorie {
    display: none;
  }

  .container-content-left {
    width: 100%;
  }

  .container-link>p {
    margin-left: 0;
    text-align: center;
  }

  .link-in-menu {
    margin-left: 0;
    text-align: center;
  }

  .mobile {
    display: block;
  }

  .container-view-article .main-right img {
    overflow: hidden;
    width: 100%;
  }

  .container-view-article .main-left {
    display: none;
  }

  .return-menu {
    display: block;
  }

  .article-realisation .first-image {
    height: auto;
  }

  .article-realisation .container-text {
    height: auto;
    text-align: inherit;
    padding: 10px;
}
.article-realisation .container-first-section {
    height: auto;
    margin-bottom: 0px;

}

  .page-cms .article-realisation .container-first-section h1 {
    width: 100%;
    font-size: 20px;
    position: inherit;
    text-align: center;
    font-size: 30px;
    margin-top: 10px !important;
    transform: inherit;
    padding: 0;
  }

  .article-realisation .container-presentation-text {
    padding: 1%;
    width: 95%;
  }

  .article-realisation .container-panel-text h2 {
    padding: 10px;
    font-size: 23px;
    text-align: inherit;

  }
  .container-five-section{
    padding: 10px;
  }

  .article-realisation .first-image img {
    position: inherit;

}

  .article-realisation .container-flex-text {
    width: 100%;
    margin: 0 auto;
  }

  .article-realisation p {
    margin-bottom: 10px;
  }

  .article-realisation .container-presentation-image {
    height: auto;
    margin-bottom: 30px;
    width: 100%;
    /* Nos réalisation responsive */
  }

  .article-realisation .container-presentation {
    width: auto;
  }

  .section {
    height: auto;
    white-space: normal;
    overflow: visible;
  }

  .section .content-middle {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
    position: inherit;
    margin-right: 0;
    margin: 10px 0;
  }

  .section .middle {
    width: 100%;
    white-space: normal;
    height: auto;
    margin-left: 0;
    margin: 0;
  }

  .section .leftsection2, .section .right-realisation {
    width: 100%;
    margin-left: 0;
    height: auto;
  }

  .section .left, .section .right {
    width: 100%;
    height: auto;
  }

  .section .leftsection2 img {
    height: 100%;
    display: block;
    position: relative;
    left: 0;
  }

  .section .container-dubble-article {
    display: block;
    margin: 10px 0;
  }

  .section .middle>a:first-child {
    height: auto;
  }

  .section .containercolumn .title-holder {
    width: 100%;
    top: 0;
    left: 0;
    overflow: visible;
    color: black;
    position: inherit;
    display: block;
    margin-bottom: 16px;
  }

  #main .section h1 {
    margin-top: 15px;
    color: black;
    position: initial;
    font-weight: bold;
  }

  .flag-article {
    display: none;
  }

  .text .fa-play-circle {
    display: none;
  }

  .containercolumn {
    margin: 0;
  }

  .section .containercolumn {
    overflow: visible;
    position: inherit;
    margin: 0;
  }

  .section .right-realisation::after {
    display: none;
  }

  .section .content-middle:hover .title-holder *, .section .right-realisation:hover .title-holder * {
    color: #ffffff;
  }

  .section .leftsection2::after {
    display: none;
  }

  .section .left::after {
    display: none;
  }

  #cms.cms-id-150 #content .section a {
    color: black;
    text-decoration: none;
    margin-bottom: 30px;
  }

  #cms.cms-id-150 #content a {
    margin-top: 90px;
  }

  #cms.cms-id-150 #content img {
    width: inherit;
    margin: initial;
    height: inherit;
    background: black;
    height: auto;
    bottom: 0;
  }

    #cms.cms-id-150 .section .fiveimage {
      top: 0;
    }

  .section .left video, .section .left img {
    height: 100%;
    display: block;
    width: inherit;
    margin: initial;
    height: inherit;
    background: black;
    position: initial;
  }

  .container-toscano .information-showroom {
    width: 100%;
  }

  .container-signature-parquet .information-showroom {
    width: 100%;
  }

  .FAQ-Menu {
    display: none;
  }

  .text-inovation-container {
    width: 100%;
  }

  .container-signature-parquet .container-image {
    flex-direction: column;
  }

  .container-signature-parquet .image-quart {
    width: 100%;

  }

  .container-signature-parquet .image-demi {
    width: 100%;

  }

  .container-signature-parquet .full-image {
    width: 100%;

  }

  .container-signature-parquet .presentation-showroom {
    background-attachment: inherit;
  }

  .presentation-article-container .main {
    display: block;
    width: auto;
    padding: 0 3%;
  }

  .container-image-left {
    width: 100%;
    overflow: hidden;
    height: auto;
    position: inherit;
  }

  .presentation-article-container .content-image-left {
    position: inherit;
    top: inherit;
    width: inherit;
    right: inherit;
  }

  .presentation-article-container .title-article-left {
    color: black;
    width: 80%;
  }

  .presentation-article-container .text-article-left {
    color: black;
    width: 95%;
  }

  .presentation-article-container .full-read {
    position: inherit;
    color: black;
    display: flex;
    justify-content: flex-end;
    font-size: 11px;
    padding: 0;
  }

  .presentation-article-container .image-fixed {
    width: 100%;
  }

  .presentation-article-container .main-left {
    position: inherit;
    overflow: inherit;
    width: 100%;
    height: auto;
    margin-bottom: 5%;
  }

  .presentation-article-container .column-left {
    width: 100%;
    height: auto;
  }

  .presentation-article-container .column-right {
    width: 100%;
    height: auto;
  }

  .presentation-article-container .container-article {
    padding: 0;
  }

  .presentation-article-container .main-right {
    width: 100%;
    display: block;
    justify-content: space-between;
    padding-left: 0;
  }

  .container-toscano .text-inovation-container {
    width: 100%;
  }

  .container-toscano .container-image {
    flex-direction: column;
  }

  .container-toscano .image-quart {
    width: 100%;
  }

  .container-toscano .image-demi {
    width: 100%;
  }

  .container-toscano .full-image {
    width: 100%;
  }

  .container-toscano .presentation-showroom {
    background-attachment: inherit;
  }

  .container-view-article {
    padding: 0 3%;
  }

  .container-view-article .container-article-commitment {
    width: 100%;
  }

  .container-parquet-exception {
    width: 100%;
  }

  .container-parquet-exception .title-parquet-exception {
    margin-bottom: 0;
    margin: 20px 0;
  }

  .container-parquet-exception .container-main {
    flex-direction: column;
  }

  .container-parquet-exception .container-contents {
    width: 100%;
  }

  .container-view-article .container-article-decoplus {
    width: 100%;
  }

  .container-view-article .container-insurance {
    width: 100%;
  }

  .container-view-article .container-faq-customer {
    width: 100%;
  }

  .container-view-article .container-faq-customer h1 {
    word-spacing: 0;
  }

  .container-view-article .container-faq-front {
    width: 100%;
  }

  .container-signature-parquet .first-image, .container-toscano .first-image {
    background-size: auto;
  }

  .container-signature-parquet .container-information-showroom, .container-toscano .container-information-showroom {
    display: block;
  }

  .article-realisation .container-content-four-section {
    flex-direction: column;
  }

  .product-miniature {
    width: 95%;
  }

  .shw-main {
      width: 100%;
      box-sizing:border-box;
    }

    .store-card {
        width:auto !important;
    }

    .cms-shw-hold {
        width:100%;
    }

}

/* nouveau article */
/* page article */
.main-article {
  width: 50%;
  margin: 0 auto;
  margin-top: 100px;
  line-height: 1.3;
}

/* header article  */
.main-article>h1:first-child {
  text-align: center;
  font-weight: bold;
  width: 100%;
  margin-bottom: 50px;
}
/*
.main-article>h1:first-child~p {
  width: 100%;
  height: 100%;
} */

.main-article a {
  text-decoration: underline;
}
.main-article a:hover {
  color: #efb350;
}

.main-article>h1:first-child~p img {
  width: 100%;
  height: 100%;
}

/* .introduction-text-article{
  text-align: center;
  padding: 0px 80px 30px 80px;
} */
/* body article */
.main-article>div, .main-article>p, .main-article>h2 ,  .main-article>h3 , .main-article>h1 , .main-article>ul {
  width: 75%;
  margin: 0 auto;
}
@media only screen and (max-device-width : 768px) {
  .main-article>h1{
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    width: 100%;
    margin-bottom: 10px;
  }
  .main-article>p>img , .main-article>p>strong>img {
    width: 100%;
  }
  .main-article>p>a>img {
    width: 100%;
  }
  .main-article>p a img {
    width: 100%;
  }
   .main-article>h2 {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
}

  .main-article>img{
    width: 100%;
  }
  .main-article>h2,  {
   width: 100%;
   margin: 0 auto;
}
.cms-id-111 .main-article>ul {
    width: 100%;
    margin: 0 auto;
}
.cms-id-111 .main-article>ul>li {
    text-align: justify;
}
.main-article>h1 {
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px;
}
}



.main-article>div>p, .main-article>p>p {
  line-height: 15pt;
  margin-bottom: 40px;
}

.main-article>div>img {
width: 100%;
}

.cms-id-106 .main-article>div>a>img {
  width: 150px !important;
  height: 150px !important;
}


.cms-id-106 .main-article>div>img {
    width: auto;
}


.main-article>div>a>img {
width: 100%;
}

.main-article>p>img {
width: 100%;
}

.main-article>ul {
width: 100%;
}

.main-article>div>h1, .main-article>p>h1 {
  margin-bottom: 25px;
  margin-top: 25px;
  font-size: 35px;
}

.main-article>div>h2, .main-article>p>h2, .main-article>div>h1, .main-article>p>h1 {
  margin-bottom: 25px;
  margin-top: 25px;
}

.main-article p, .main-article h2 .main-article h3 {
  margin-bottom: 17px;
}

.space-and-trait {
  padding: 35px 0;
  position: relative;
}

.space-and-trait::after {
  content: "";
  width: 40%;
  height: -0.5px;
  background: grey;
  position: absolute;
  border: 1px solid grey;
  bottom: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container-image-article {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.container-image-article p {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.body-article img {
  width: 100%;
}

@media only screen and (max-device-width : 768px) {
  .main-article {
    width: 90%;
    margin-top: 0;
  }

  .main-article>div, .main-article>p {
    width: 100%;
    text-align: justify;
  }

  .main-article>div>h2 {
    text-align: left;
}

  .main-article>div>h1, .main-article>p>h1 {
    font-size: 26px;
  }

  .main-article>h1:first-child {
    margin-bottom: 25px;
    font-size: 29px;
    margin-top: 20px !important;
  }


  .page-cms-164 h1 {
    font-size: 23px;
    text-align: left;
    margin-bottom: 10px;
}
.page-cms-164 h2 {
  font-size: 23px;
  text-align: left;
  margin-bottom: 10px;
}
}

/* suggestion-article */
.suggestion-article {
  width: 60%;
  margin: 0 auto;
}

.title-sugestion-article {
  margin: 50px 0 30px 0;
}

.suggestion-article ul {
  display: flex;
  justify-content: space-between;
}

.suggestion-article li {
  width: 30%;
}

.suggestion-article img {
  width: 100%;
}

.title-associate-parquet {
  padding: 10px 0;
}

@media only screen and (max-device-width : 768px) {
  .suggestion-article {
    width: 80%;
  }
}

/* pas de garde cms */
.title-heading {
  width: 50%;
  margin: 0 auto;
  position: relative;
  margin-top: 50px;
}

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

  .projet_link-realisation {
      width: auto;
  }

  .container-link-projet {
      display:block;
  }

  .title-heading {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 20px 0;
    position: relative;
    padding: 50px 50px 20px 50px;
    display: none;
  }

  .container-main {
    padding: 5%;
  }
}

/*cover page desktop menu */
.must-read-menu {
  position: fixed;
  width: 24%;
  height: auto;
  border-left: 1px solid black;
  right: 0;
  margin-top: 50px;
  direction: ltr;
}


.must-read-menu ul {
  padding-left: 20px;
}

.must-read-menu li {
  margin: 30px 0;
  width: 70%;
  font-size: 14px;
  position: relative;
  color: black;
  text-decoration: none;
}

.must-read-menu a !important {
  color: black;
  text-decoration: none;
}

.must-read-menu a:hover {
  text-decoration: underline;
}

.link-article .title-article {
  font-size: 21px;
}

.must-read-menu li::before {
  content: "";
  /* top: 0; */
  top: 7px;
  width: 12px;
  height: -0.5px;
  background: grey;
  position: absolute;
  border: 1px solid grey;
  left: -27px;
}

.title-must-read-menu {
  padding-left: 20px;
  font-size: 17px;
}

@media only screen and (max-device-width : 768px) {
  .must-read-menu {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: auto;
    /* border-left: 1px solid black; */
    right: inherit;
    margin-top: 10px;
    display: none;
  }

  .must-read-menu ul {
    padding-left: inherit;
    display: flex;
    justify-content: space-between;
  }

  .must-read-menu ul a {
    border-bottom: 5px solid #dcdcdc;
    width: 33%;
    color: black !important;
  }

  .must-read-menu li {
    text-align: center;
    font-size: 10px;
    width: 100%;
    padding-left: 0px;
    margin: 0;
    position: initial;
    padding-bottom: 5px;
  }

  .title-must-read-menu {
    display: none;
  }
}

/* Cover page desktop list */
.link-article {
  width: 50%;
  margin: 0 auto;
}

.link-article .container-list-article {
  display: flex;
  padding: 50px 0 50px 0;
}

.link-article .container-image {
  width: 35%;
  overflow: hidden;
}

.link-article .container-image a {
  display: block;
  width: 100%;
  height: 100%;
}


.link-article .container-image img {
  object-fit: cover;
    width: 100%;
    height: 100%;
}

.link-article .container-text {
  padding: 25px 10px 25px 40px;
  font-weight: 300;
  width: 75%;
}

@media only screen and (max-device-width : 768px) {
  .link-article .text-article {
    display: none;
  }

  .link-article {
    width: 100%;
    margin: auto;
  }

  .link-article .container-list-article {
    padding: 0;
  }

  .link-article .container-image {
    width: 100%;
    height: 100%;
  }

  .link-article .link-article .container-image img {
    width: 100%;
  }

  .link-article .link-article .container-text {
    padding: 25px 10px 25px 0px;
    font-weight: 300;
    width: 100%;
  }

  .link-article .container-list-article {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .link-article .container-text {
    padding: 0px 10px 40px 0px;
    font-weight: 300;
    width: 100%;
  }
}

.link-article .title-article {
  margin-bottom: 5px;
  font-weight: 400;
}

.link-article .text-article {
  margin-bottom: 35px;
}

.link-article .read-more {
  font-weight: bold;
  display: flex;
  flex-direction: row-reverse;
}

/* fil d'ariane  */
.page-cms .ariana-st-wrapper {
  width: 37.333%;
  margin: 0 auto;
  padding: 80px 0 20px 0;
  position: relative;
}



/* iframe  */
/* .main-article table {
  width: 100%;
  height: auto;
}
.main-article table tr {
  display: flex;
}
.main-article table tr td:first-child {
  width: 30%;
}
.main-article table tr td {
  width: 70%;
} */
#cms iframe {
  width: 100%;
  zoom: 2.3;
}

@media only screen and (max-device-width : 768px) {
  #cms iframe {
    width: 100%;
    zoom: 1;
  }

  .page-cms .ariana-st-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 20px 20px;
    position: relative;
  }


.container-product-sugested article .product-miniature {
  width: 30% !important;
}

.page-cms .container-product-sugested  article.article-sugested-solo-product{
width: 100% !important;
}
}

.container-product-sugested  .article-sugested-product{
width: 30% !important;
}
.container-product-sugested  article.article-sugested-solo-product{
width: 50% !important;
}
.container-product-sugested .article-sugested-product{
  width: 30% !important;
}
.container-product-sugested .article-sugested-solo-product{
  width: 50% !important;
}
.container-reduction-module{
  top: 9px !important;
  position: absolute !important;
  right: 20px !important;
  left: auto !important;
  width: auto !important;
}

.lang-rtl .text-product-price-module{
  position: absolute !important;
  right: auto !important;
  top: 34% !important;
  display: flex !important;
  /* direction: ltr; */
  left: 0;
}
.lang-rtl .container-reduction-module {
  right: auto !important;
  left: 20px !important;
}
.text-product-price-module{
  position: absolute !important;
  right: 0 !important;
  top: 34% !important;
display: flex !important;
}
.container-product-sugested{
background: #f5f5f5;
}
@media (max-width: 720px) {
.container-product-sugested .article-sugested-product{
  width: 100% !important;
}
.container-product-sugested .article-sugested-solo-product{
  width: 100% !important;
}
.product-price-and-shipping-sugested {
  top: 65% !important;
  left: 0;
  padding-left: 2%;
}

.container-product-sugested .desc-wrapper {
  padding: 7px;
  padding-bottom: 40px;
  padding-left: 2%;
  padding-top: 3px;
  position: relative;
}

.product-miniature .container-reduction-module {
    bottom: 0 !important;
    position: absolute !important;
    right: 50px !important;
    left: auto !important;
    width: auto !important;
    top: inherit !important;
}
.promo-sugested-product{
  position: absolute;
  right: 0;
  top: -200%;
  display: block;
}
}

.cms-id-2 #wrapper {
    margin-top: 100px;
    display: block;
}
.cms-id-2 #wrapper>h4 , .cms-id-2 #wrapper>p {
  width: 38%;
  margin: 0 auto;
}