/* CSS Document */
/*icons */
.down-arrow {
  background: url("../assets/arrow_down_white.png") 0 0 no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block; }

.more_button {
  background: url("../assets/plus_icon.png") 0 0 no-repeat;
  width: 46px;
  height: 46px;
  display: inline-block;
  margin-top: 15px; }
  .more_button:hover {
    opacity: 0.5;
    cursor: pointer; }

.more-open {
  transform: rotate(45deg);
  transition: all 1s; }

body.path-product #page-wrapper {
  background: none;
  overflow: hidden; }

.path-product article .field--name-price.field--type-commerce-price {
  display: none; }

#block-views-block-product-page-block-1 {
  min-height: 1400px; }
  #block-views-block-product-page-block-1 .views-field-field-image {
    width: 55%; }
    #block-views-block-product-page-block-1 .views-field-field-image img {
      width: 100%;
      object-fit: cover; }
  #block-views-block-product-page-block-1 span.field-content {
    display: block;
    height: 100%; }
    #block-views-block-product-page-block-1 span.field-content > div {
      display: flex;
      flex-direction: column; }
  #block-views-block-product-page-block-1 .green-background {
    background-color: #87B035;
    width: 45%;
    min-height: 486px;
    padding: 40px;
    color: white;
    align-self: flex-end;
    min-width: 300px;
    position: relative;
    margin-top: 165px;
    margin-bottom: 70px; }
    #block-views-block-product-page-block-1 .green-background:after {
      position: absolute;
      bottom: 0;
      right: 0;
      content: "";
      width: 173%;
      height: 100%;
      background: #87B035;
      z-index: -1; }
    #block-views-block-product-page-block-1 .green-background:before {
      position: absolute;
      bottom: -168px;
      right: -26px;
      content: "";
      width: 71px;
      height: 122px;
      background: url("../assets/bars_grey.png") 0 0 no-repeat; }
    #block-views-block-product-page-block-1 .green-background > span.field-content {
      margin-top: -90px; }
    #block-views-block-product-page-block-1 .green-background p, #block-views-block-product-page-block-1 .green-background h2, #block-views-block-product-page-block-1 .green-background span {
      color: white;
      text-decoration: none;
      margin-bottom: 5px; }
    #block-views-block-product-page-block-1 .green-background h2:first-of-type {
      position: relative;
      margin-bottom: 30px; }
      #block-views-block-product-page-block-1 .green-background h2:first-of-type:after {
        position: absolute;
        bottom: -15px;
        left: 0;
        content: "";
        width: 66px;
        height: 3px;
        background: white; }
    #block-views-block-product-page-block-1 .green-background span.category, #block-views-block-product-page-block-1 .green-background span.type {
      font-family: "source-sans-pro-semibold";
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 4px;
      display: block; }
    #block-views-block-product-page-block-1 .green-background span.category {
      color: #000000;
      margin-bottom: 50px; }
    #block-views-block-product-page-block-1 .green-background p {
      font-family: "source-sans-pro-regular";
      font-size: 22px;
      padding: 15px 0; }
    #block-views-block-product-page-block-1 .green-background span.down-arrow {
      position: absolute;
      bottom: 15px;
      animation: bounceloop 0.8s 0.8s infinite;
      -moz-animation: bounceloop 0.8s 0.8s infinite;
      -webkit-animation: bounceloop 0.8s 0.8s infinite;
      -o-animation: bounceloop 0.8s 0.8s infinite; }
  #block-views-block-product-page-block-1 .views-field-nothing-1 {
    flex-basis: 300px;
    flex-grow: 1;
    padding: 0 15px;
    margin-top: 50px;
    font-family: "source-sans-pro-semibold";
    font-size: 25px;
    position: relative; }
    #block-views-block-product-page-block-1 .views-field-nothing-1:after {
      position: absolute;
      bottom: -300px;
      left: 250px;
      content: "";
      width: 115px;
      height: 180px;
      background: url("../assets/violin_green.png") 0 0 no-repeat;
      z-index: -1; }
    #block-views-block-product-page-block-1 .views-field-nothing-1 section {
      display: flex;
      flex-direction: column;
      max-width: 300px;
      margin: auto;
      line-height: 2; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .price {
        min-height: 52px; }
        #block-views-block-product-page-block-1 .views-field-nothing-1 section .price > div {
          display: inline-block; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .underlined {
        border-bottom: 3px solid #000000; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .addresse {
        text-transform: uppercase; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section time, #block-views-block-product-page-block-1 .views-field-nothing-1 section .addresse, #block-views-block-product-page-block-1 .views-field-nothing-1 section .price, #block-views-block-product-page-block-1 .views-field-nothing-1 section .duree {
        position: relative;
        padding-left: 30px; }
        #block-views-block-product-page-block-1 .views-field-nothing-1 section time:before, #block-views-block-product-page-block-1 .views-field-nothing-1 section .addresse:before, #block-views-block-product-page-block-1 .views-field-nothing-1 section .price:before, #block-views-block-product-page-block-1 .views-field-nothing-1 section .duree:before {
          position: absolute;
          content: "";
          background: url("../assets/calendar_icon_black.png") center center no-repeat;
          width: 25px;
          height: 30px;
          bottom: 10px;
          left: 0; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section time span.start-date:not(:first-child), #block-views-block-product-page-block-1 .views-field-nothing-1 section time span.end-date:not(:last-child) {
        display: none; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .addresse:before {
        background: url("../assets/map_icon_black.png") center center no-repeat; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .price:before {
        background: url("../assets/Euro_icon_black.png") center center no-repeat; }
      #block-views-block-product-page-block-1 .views-field-nothing-1 section .duree:before {
        background: url("../assets/clock_icon_black.png") center center no-repeat; }
  #block-views-block-product-page-block-1 .variations-addtocart {
    flex-basis: 382px;
    flex-grow: 2;
    margin-top: 50px;
    padding: 0 15px; }
    #block-views-block-product-page-block-1 .variations-addtocart div {
      margin: 0; }
  #block-views-block-product-page-block-1 #edit-submit {
    background-color: #FFFFFF;
    color: #87B035;
    border: 2px solid #87B035;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px;
    font-family: "source-sans-pro-semibold";
    font-size: 20px;
    width: 100%;
    max-width: 350px; }
    #block-views-block-product-page-block-1 #edit-submit:hover {
      background-color: #87B035;
      color: #FFFFFF; }
  #block-views-block-product-page-block-1 .views-field-nothing-2 {
    flex-basis: 833px;
    /*margin-top: -50px */
    margin-left: auto;
    padding-left: 12%;
    padding-right: 6%;
    text-align: justify;
    background-color: #FFFFFF; }
    #block-views-block-product-page-block-1 .views-field-nothing-2 .body-full {
      overflow: hidden;
      height: 300px;
      transition: all 0.4s ease-in; }
    #block-views-block-product-page-block-1 .views-field-nothing-2 .show {
      height: auto;
      transition: all 1s; }

#block-views-block-intervenant-block-1 {
  width: 100%;
  margin-top: 80px;
  min-height: 1250px;
  background: url("../assets/wave_background.png") -222px 165px no-repeat; }
  #block-views-block-intervenant-block-1 h1 {
    font-family: "nunito-bold";
    font-size: 75px;
    text-align: center;
    margin-bottom: 60px; }
  #block-views-block-intervenant-block-1 .row.views-row {
    width: 100%;
    justify-content: center;
    padding: 80px 0;
    margin: 0;
    position: relative; }
  #block-views-block-intervenant-block-1 .green_block {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    height: 100%;
    max-height: 530px;
    background: #87B035;
    z-index: -1; }
  #block-views-block-intervenant-block-1 .views-field-field-photo {
    flex-basis: 360px;
    flex-grow: 1; }
    #block-views-block-intervenant-block-1 .views-field-field-photo img {
      float: right; }
  #block-views-block-intervenant-block-1 section.field-content {
    flex-basis: 400px;
    flex-grow: 1;
    padding: 0 35px 0;
    margin-top: 60px;
    text-align: justify; }
    #block-views-block-intervenant-block-1 section.field-content h2 {
      font-family: "nunito-bold";
      font-size: 36.5px;
      margin-bottom: 30px; }
  #block-views-block-intervenant-block-1 .plus-info {
    display: flex;
    justify-content: flex-end;
    width: 50%;
    margin: 50px auto 50px 0; }
    #block-views-block-intervenant-block-1 .plus-info a {
      color: #87B035;
      border: 2px solid #87B035;
      border-radius: 0;
      text-transform: uppercase;
      padding: 10px;
      font-family: "source-sans-pro-semibold";
      font-size: 20px;
      width: 100%;
      max-width: 350px;
      text-align: center;
      text-decoration: none; }
      #block-views-block-intervenant-block-1 .plus-info a:hover {
        background-color: #87B035;
        color: #FFFFFF; }
  #block-views-block-intervenant-block-1 .modifier-content {
    width: 100%;
    left: 0; }

.buy-url-extern {
  background-color: #FFFFFF;
  color: #87B035;
  border: 2px solid #87B035;
  border-radius: 0;
  text-transform: uppercase;
  font-family: "source-sans-pro-semibold";
  font-size: 20px;
  width: 100%;
  max-width: 350px;
  margin: 0 auto; }
  .buy-url-extern:hover {
    background-color: #87B035;
    color: #FFFFFF;
    cursor: pointer; }
    .buy-url-extern:hover > a {
      color: #FFFFFF; }
  .buy-url-extern > a {
    display: block;
    text-align: center;
    color: #87B035;
    margin: 10px;
    text-decoration: none; }

.path-product .js-form-type-select {
  padding-left: 0; }
.path-product .form-control {
  width: auto;
  border: 2px solid #87B035;
  border-radius: 0;
  height: 54px;
  color: #87B035;
  font-family: "source-sans-pro-semibold"; }
  .path-product .form-control:focus {
    background-color: #87B035;
    color: #FFFFFF; }

.variations-addtocart.target-null {
  display: none; }

/* Animation Keyframes */
@keyframes bounceloop {
  0% {
    margin-bottom: 0; }
  50% {
    margin-bottom: -10px; }
  100% {
    margin-bottom: 0; } }
@-moz-keyframes bounceloop {
  0% {
    margin-bottom: 0; }
  50% {
    margin-bottom: -10px; }
  100% {
    margin-bottom: 0; } }
@-webkit-keyframes bounceloop {
  0% {
    margin-bottom: 0; }
  50% {
    margin-bottom: -10px; }
  100% {
    margin-bottom: 0; } }
@-o-keyframes fadeinphoto {
  0% {
    margin-bottom: 0; }
  50% {
    margin-bottom: -10px; }
  100% {
    margin-bottom: 0; } }
@media only screen and (max-width: 1050px) {
  #block-views-block-product-page-block-1 .views-field-nothing-2 {
    margin-top: 75px; } }
@media only screen and (max-width: 767px) {
  #block-views-block-product-page-block-1 h2 {
    font-size: 30px; }
  #block-views-block-product-page-block-1 .views-field-field-image, #block-views-block-product-page-block-1 .green-background {
    width: 100%; }

  .views-field-nothing-1:after {
    display: none; } }
@media only screen and (max-width: 540px) {
  #block-views-block-intervenant-block-1 h1 {
    font-size: 55px; }
  #block-views-block-intervenant-block-1 .view-footer {
    width: 100%; } }
@media only screen and (max-width: 420px) {
  #block-views-block-intervenant-block-1 .views-field-field-photo img {
    width: 100%;
    height: auto; }
  #block-views-block-intervenant-block-1 .plus-info {
    width: 100%;
    justify-content: center; } }
@media only screen and (max-width: 320px) {
  #block-views-block-product-page-block-1 .views-field-nothing-1 {
    font-size: 20px; } }