@charset "UTF-8";
/* U design override
  */
@media screen and (min-width: 960px) {
  /* Set the Container widths first */
  .container_24 {
    max-width: 1100px;
    width: auto;
  }

  /* Sidebar */
  #main-content.grid_16 {
    width: 67%;
  }

  #sidebar.grid_8 {
    width: 33%;
  }

  #sidebar.push_8, #main-content.push_8 {
    left: 33%;
  }

  #main-content.pull_16, #sidebar.pull_16 {
    right: 67%;
  }
}
.entry {
  padding: 10px 0 0px;
  clear: both;
}

/* Config
   ========================================================================== */
/* Removing @import, replaced by wp_enqueue_style in child theme functions.php as recommended at : https://codex.wordpress.org/Child_Themes. Modified by Gaël Billon (gael.billon@gmail.com) on 2018-10-04 */
/* @import "../../../u-design/styles/common-css/fluid.css"; */
/* layout
   ========================================================================== */
#secondary-navigation-bar-content {
  min-height: 0px;
}

/* Added by Gaël on 2019_05_29 to fix language switcher size. Was not tall enough after U-Design theme update */
#secondary-navigation-bar {
  max-height: 2.35em;
}

#sec-nav-text-area-1 {
  padding: 0;
}
#sec-nav-text-area-1 .selected-lang {
  cursor: pointer;
  padding: 10px;
  font-weight: 200;
  text-transform: uppercase;
}
#sec-nav-text-area-1 .selected-lang i.fa {
  margin-left: 5px;
  font-size: 14px;
}
#sec-nav-text-area-1 .selected-lang.lang-list-open {
  background: #f0f0f0;
  color: #444;
}
#sec-nav-text-area-1 .select-lang-list {
  position: absolute;
  background: #f0f0f0;
  right: 0px;
  z-index: 999;
  padding: 0;
  list-style: none;
  display: none;
}
#sec-nav-text-area-1 .select-lang-list li {
  text-align: center;
  margin: 0 10px 0 10px;
}
#sec-nav-text-area-1 .select-lang-list li a {
  font-weight: 200;
  text-transform: uppercase;
  color: #444;
}
#sec-nav-text-area-1 .select-lang-list li a:hover, #sec-nav-text-area-1 .select-lang-list li a:focus {
  color: #BF1717;
}

#top-elements {
  padding-bottom: 10px;
}

.u-design-fixed-menu-on.fixed-menu #top-wrapper {
  opacity: 1 !important;
}

#navigation-menu ul.sf-menu a, #navigation-menu ul.sf-menu a:visited {
  text-transform: uppercase;
}

#navigation-menu ul.sf-menu > li.current_page_item > a[href$="/#about-orpheo"] > span {
  color: #444;
}

@media screen and (max-width: 959px) {
  .mean-container .mean-bar, .mean-container .mean-nav ul li a {
    background: #222;
  }
  .mean-container #sec-nav-text-area-1, .mean-container .mean-container #sec-nav-text-area-2, .mean-container .mean-container #sec-nav-menu-area {
    text-align: right;
  }
}
/* Change slogan/site-description font under logo in header */
#slogan {
  font-family: "Open Sans";
  font-size: 14px;
}

/* Remove header bottom border for medium screens, as already done for small screens, keep it for large screens.
If the first element of a page is a slider, this css avoid the ugly thin grey border between the header and the slider.
This border is already hidden on small screens, set in them options.
Added by Gaël on 2019/09/03 */
@media only screen and (min-width: 720px) and (max-width: 958px) {
  #main-menu::before {
    background-image: none;
  }
}
#bottom-bg {
  background: #262626 !important;
  padding: 25px 0px;
}
#bottom-bg a {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  color: #c1c1c1;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  letter-spacing: 0.04em;
}
#bottom-bg a:hover, #bottom-bg a:focus {
  color: #fff;
}
#bottom-bg h3 {
  color: #2f2d2d;
  font-family: "News Cycle", "Open Sans", sans-serif;
  margin-bottom: 20px;
  background: none !important;
  color: #fff;
  font-size: 24px;
}
#bottom-bg #bottom_1 i.fa {
  color: #262626;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: #c1c1c1;
  margin-right: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  transition: all 0.3s ease 0s;
}
#bottom-bg #bottom_1 i.fa:hover, #bottom-bg #bottom_1 i.fa:focus {
  background-color: #b83636;
  color: #fff;
}
#bottom-bg #bottom_1 a.partners-fo {
  color: #c1c1c1;
  border: 1px solid #c1c1c1;
  padding: 8px 15px;
  margin-top: 15px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s ease 0s;
}
#bottom-bg #bottom_1 a.partners-fo:hover, #bottom-bg #bottom_1 a.partners-fo:focus {
  background-color: #b83636;
  border-color: #b83636;
  color: #fff;
}
#bottom-bg #bottom_1 .textwidget {
  /* a {
    font-size: 12px;
    color: #c1c1c1;
    font-weight: normal;
    line-height: 1.7;
  } */
}
#bottom-bg #bottom_1 .textwidget p {
  display: inline;
}
#bottom-bg #bottom_1 .textwidget #mc_embed_signup #mce-EMAIL {
  border-radius: 1px;
  width: 41%;
  font-size: 1em;
  border: none;
}
#bottom-bg #bottom_1 .textwidget #mc_embed_signup #mc-embedded-subscribe {
  border-radius: 1px;
  width: 15%;
  background-color: #c1c1c1;
  padding-right: 5px;
  padding-left: 5px;
  margin-left: 5px;
  border: none;
  text-transform: none;
}
#bottom-bg #bottom_1 .textwidget #mc_embed_signup #mc_embed_signup_scroll {
  padding-top: 3px;
}
#bottom-bg #bottom_2 {
  /* a {
    font-size: 11px;
    color: $footer-text-color;
    font-weight: normal;
    text-shadow: 1px 1px 2px #0f0f0f;
    &:hover, &:focus {
      color: #fff;
    } 
  } */
}
#bottom-bg #bottom_2 ul.small-thumb li:last-of-type {
  background: none;
}
#bottom-bg #bottom_2 .small-custom-frame-wrapper {
  margin-top: 3px;
}
#bottom-bg #bottom_2 ul.small-thumb li {
  padding-bottom: 6px;
  padding-top: 4px;
}
#bottom-bg #bottom_3 ul li, #bottom-bg #bottom_4 ul li {
  list-style: none;
  list-style-type: none;
  line-height: 1.8em;
  background: transparent url(../../../../themes/u-design/assets/images/repeat-x-sprite-sheet.png) repeat-x scroll 0 100%;
}
#bottom-bg #bottom_3 ul li a, #bottom-bg #bottom_4 ul li a {
  display: block;
  /* font-size: 12px; */
  padding: 2px 0;
  /* border-bottom: 1px solid lighten($bottom-bg, 12%); */
  width: 100%;
  /* color: $footer-text-color;
  font-weight: normal;
  text-shadow: 1px 1px 2px #0f0f0f;
  letter-spacing: 1px; */
  /* &:hover, &:focus {
    color: #fff;
  } */
}
#bottom-bg #bottom_4 ul {
  margin-top: 72px;
}

#footer-bg {
  background: #222 !important;
  /* padding: 20px 0; */
}
#footer-bg #footer_text {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  color: #151515;
}
#footer-bg #footer_text .one_third {
  color: #fff;
  font-size: 15px;
}
#footer-bg #footer_text .last_column a {
  font-size: 14px;
  padding: 0px 10px;
  color: #fff;
}
#footer-bg .back-to-top {
  display: none;
}

/* .mc4wp-form-fields {
  margin-top: 10px;
  input[type="submit"] {
    color: #fff;
    border-color: #fff;
    margin-top: 5px;
  }
} */
@media screen and (max-width: 720px) {
  #bottom-bg #bottom_3 {
    margin-bottom: 0;
  }
  #bottom-bg #bottom_3 ul {
    margin-bottom: 0;
  }
  #bottom-bg #bottom_4 ul {
    margin-top: 0;
  }
  #bottom-bg #bottom_4 .textwidget {
    padding-top: 0;
  }
}
.cookie-notice-container {
  background-color: white;
  border-top: 1px solid #3b3b3b;
  width: auto;
}
.cookie-notice-container a {
  color: #BF1717;
}
.cookie-notice-container #cn-notice-text {
  color: #3b3b3b;
  font-size: 1.1em;
}
.cookie-notice-container .cn-button {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #3b3b3b;
  font-weight: 600;
  border: 1px solid #3b3B3B;
  padding: 6px 16px;
}

/***** Button ******/
.orpheo-btn a, input[type=submit] {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  border: 1px solid #000000;
  margin: 0px 0 0 0;
  padding: 6px 16px;
  transition: all 0.3s ease 0s;
  background: transparent;
  cursor: pointer;
}
.orpheo-btn a:hover, .orpheo-btn a:focus, input[type=submit]:hover, input[type=submit]:focus {
  background-color: #b83636;
  border-color: #b83636;
  color: #fff;
}

.orpheo-btn.orpheo-btn-invert a {
  background-color: #b83636;
  border-color: #b83636;
  color: #fff;
}
.orpheo-btn.orpheo-btn-invert a:hover, .orpheo-btn.orpheo-btn-invert a:focus {
  background-color: #a43030;
}

.no-breadcrumbs-padding {
  padding: 0px 0;
}

/***** transition title *****/
.transition-title {
  padding: 40px 0px 5px;
}
.transition-title h2 {
  font-size: 37px;
  color: #000;
  text-align: left;
  font-family: Ubuntu;
  font-weight: 300;
  letter-spacing: 0.15em;
  font-style: normal;
  margin-top: 0px;
  text-transform: uppercase;
  text-align: center !important;
  color: #000 !important;
  position: relative;
  z-index: 5;
}
.transition-title h2::before {
  content: "";
  display: block;
  position: absolute;
  color: #ddd;
  font-size: 140px;
  z-index: -1;
  top: -70px;
  font-family: "News Cycle";
}

.tt-01 h2::before {
  content: "01.";
}

.tt-02 h2::before {
  content: "02.";
}

.tt-03 h2::before {
  content: "03.";
}

.tt-04 h2::before {
  content: "04.";
}

.tt-05 h2::before {
  content: "05.";
}

/***** Fix Google Search Console ->
****** Problèmes d'ergonomie mobile ->
****** Éléments cliquables trop rapprochés.
****** Added by Gaël Billon on 2018_10_12 infos:gael.billon@gmail.com */
@media screen and (max-width: 640px) {
  .orpheo-btn a {
    display: block;
  }
}
#contact-form .wpcf7-checkbox span.wpcf7-list-item {
  margin: 1em;
}

.post img {
  margin: 1em 0 1em;
}

.post img.alignleft {
  margin-right: 1em;
}

.post img.alignright {
  margin-left: 1em;
}

@media screen and (max-width: 640px) {
  .post img {
    margin: 1em 0 1em 0 !important;
  }
}
/* End fix ergonomie mobile : Éléments cliquables trop rapprochés */
/* Margin below H2 */
h2 {
  margin-bottom: 1em;
}

/* Try fix aliased fonts */
body {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hide ReCaptcha V3 badge present on all pages fixed in bottom right hand corner */
.grecaptcha-badge {
  visibility: collapse !important;
}

/* Except on contact page */
.page-id-20 .grecaptcha-badge {
  visibility: visible !important;
}

/* Needed after font changes on 2019_07_26. Fonts no longer defined in U-Design settings  */
h1, h2, h3, h4, h5, h6 {
  font-family: "News Cycle";
}

/* This was adding a not very nice double line under the header on pages that have the remove title option */
#page-content::before {
  display: none;
}

/***** Custom audio player buttons for "Compact WordPress Audio/Music Player Plugin" 
on "Contenus multimédias" page for Jeanne on 2021-03-25  ******/
.sc_player_container1 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 3em !important;
  display: block !important;
}

.sc_player_container1 .myButton_play {
  background: transparent url(../../../../../wp-content/uploads/2021/03/volume.png) no-repeat !important;
  width: 3em !important;
  height: 3em !important;
}

.sc_player_container1 .myButton_stop {
  background: transparent url(../../../../../wp-content/uploads/2021/03/pause-button.png) no-repeat !important;
  width: 3em !important;
  height: 3em !important;
}

input, textarea, select {
  border: 1px solid #B7B7B7;
  background: #fff;
  margin: 0px;
  font-size: 1.1em;
  padding: 5px;
  color: #333;
}

/* news-cycle-regular - latin */
@font-face {
  font-family: "News Cycle";
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/news-cycle-v16-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("News Cycle"), local("NewsCycle"), url("../../assets/fonts/news-cycle-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/news-cycle-v16-latin-regular.woff2") format("woff2"), url("../../assets/fonts/news-cycle-v16-latin-regular.woff") format("woff"), url("../../assets/fonts/news-cycle-v16-latin-regular.ttf") format("truetype"), url("../../assets/fonts/news-cycle-v16-latin-regular.svg#NewsCycle") format("svg");
  /* Legacy iOS */
}
/* news-cycle-700 - latin */
@font-face {
  font-family: "News Cycle";
  font-style: normal;
  font-weight: 700;
  src: url("../../assets/fonts/news-cycle-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("News Cycle Bold"), local("NewsCycle-Bold"), url("../../assets/fonts/news-cycle-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/news-cycle-v16-latin-700.woff2") format("woff2"), url("../../assets/fonts/news-cycle-v16-latin-700.woff") format("woff"), url("../../assets/fonts/news-cycle-v16-latin-700.ttf") format("truetype"), url("../../assets/fonts/news-cycle-v16-latin-700.svg#NewsCycle") format("svg");
  /* Legacy iOS */
}
/* ubuntu-300 - latin */
/* open-sans-regular - latin */
/* page
   ========================================================================== */
#home-page-content #content-container {
  padding: 0px 0;
}
#home-page-content #content-container .entry {
  padding: 0px 0;
}

.act-title h1, .act-title h2 {
  text-align: center;
  text-shadow: 1px 1px 2px black;
}
.act-title h1 {
  font-size: 40px;
  color: #fff;
  display: table;
  white-space: nowrap;
}
.act-title h1:before, .act-title h1:after {
  border-top: 3px double #b9b9b9;
  content: "";
  display: table-cell;
  position: relative;
  top: 1.1em;
  width: 40%;
}
.act-title h1:before {
  right: 3%;
}
.act-title h1:after {
  left: 3%;
}
.act-title h2 {
  font-size: 20px;
  color: #fff;
  margin-top: 5px;
  margin-bottom: 50px;
}

/***** activities ******/
#activities h2, .product-row h2, archive-prod-block h2 {
  font-size: 36px;
  color: #444444;
  text-align: left;
  font-family: Dosis;
  font-weight: 400;
  font-style: normal;
}
#activities p, .product-row p, archive-prod-block p {
  text-align: justify;
  font-size: 15px;
  color: #3b3b3b;
}
#activities .act-row, .product-row .act-row, archive-prod-block .act-row {
  padding: 45px 0px;
}
#activities .act-row:first-of-type, .product-row .act-row:first-of-type, archive-prod-block .act-row:first-of-type {
  padding-top: 0px;
}
#activities .act-row:last-of-type, .product-row .act-row:last-of-type, archive-prod-block .act-row:last-of-type {
  padding-bottom: 85px;
}
#activities .act-row:not(:last-of-type), .product-row .act-row:not(:last-of-type), archive-prod-block .act-row:not(:last-of-type) {
  border-bottom: 3px solid #f1f1f1;
}
#activities .act-row h2, .product-row .act-row h2, archive-prod-block .act-row h2 {
  color: #b83636;
}
#activities .col-descr a, .product-row .col-descr a, archive-prod-block .col-descr a {
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  border: 1px solid #000000;
  margin: 20px 0 0 0;
  padding: 6px 16px;
  transition: all 0.3s ease 0s;
}
#activities .col-descr a:hover, .product-row .col-descr a:hover, archive-prod-block .col-descr a:hover, #activities .col-descr a:focus, .product-row .col-descr a:focus, archive-prod-block .col-descr a:focus {
  background-color: #b83636;
  border-color: #b83636;
  color: #fff;
}
#activities .act-row:not(.odd) .col-descr a, .product-row .act-row:not(.odd) .col-descr a, archive-prod-block .act-row:not(.odd) .col-descr a {
  float: right;
}
#activities .wpb_button, .product-row .wpb_button, archive-prod-block .wpb_button, #activities .wpb_content_element, .product-row .wpb_content_element, archive-prod-block .wpb_content_element, #activities ul.wpb_thumbnails-fluid > li, .product-row ul.wpb_thumbnails-fluid > li, archive-prod-block ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0px;
}

/***** how line ******/
#how-to .wpb_wrapper p {
  max-width: 380px;
  font-style: italic;
  margin: auto;
}
#how-to .wpb_wrapper p::before, #how-to .wpb_wrapper p::after {
  display: inline-block;
  height: 10px;
  width: 10px;
  font-family: FontAwesome;
  content: "";
  font-size: 12px;
  color: #14181b;
  position: relative;
}
#how-to .wpb_wrapper p::before {
  bottom: 5px;
  margin-right: 15px;
}
#how-to .wpb_wrapper p:after {
  content: "";
  top: 5px;
  margin-left: 15px;
}
#how-to h3, #how-to p {
  color: #444;
}

/***** Actualités ***********/
#actus-home .vc_gitem-zone .vc-zone-link {
  background: rgba(0, 0, 0, 0.75);
}
#actus-home .vc_gitem-zone-a .vc_gitem-row-position-middle, #actus-home .vc_gitem-zone-b .vc_gitem-row-position-middle {
  z-index: 999;
}
#actus-home .vc_pageable-slide-wrapper {
  position: relative;
}
#actus-home .vc_pageable-slide-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 8px;
  z-index: 5;
  background: rgba(191, 23, 23, 0.7);
}

#about p {
  font-size: 15px;
  color: #3b3b3b;
}

/********** contact fixed **************/
#contact-fixed {
  z-index: 999;
  position: fixed;
  background: #b83636;
  display: block;
  width: 30px;
  height: 120px;
  margin: 0;
  left: 0;
  top: 265px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
#contact-fixed a {
  display: block;
  color: #fff;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  position: relative;
  top: 85px;
  font-size: 23px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "News Cycle", "Open Sans", sans-serif;
}

/* ============== archive page =========================*/
#product-page {
  margin-top: -18px !important;
}

.custom-frame-inner-wrapper {
  border: none;
  background-color: transparent;
}

.archive-prod-block h2 {
  margin-bottom: 10px;
}
.archive-prod-block .orpheo-btn {
  margin-top: 35px;
  text-align: right;
}
.archive-prod-block .orpheo-btn a {
  border: 1px solid #ebebeb;
}

.prod-pres-block img {
  height: 200px;
  width: auto;
}
.prod-pres-block .col-descr {
  width: 90%;
  margin: 0px auto;
  text-align: justify;
  max-width: 300px;
  padding-bottom: 40px;
}
.prod-pres-block .col-descr h2 {
  font-size: 30px;
}
.prod-pres-block .col-descr p a {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  border: 1px solid #000;
  margin: 0 auto;
  padding: 6px 16px;
  transition: all 0.3s ease 0s;
  width: 90%;
  max-width: 225px;
  transition: all 0.3s ease 0s;
  background: transparent;
  cursor: pointer;
}
.prod-pres-block .col-descr p a:hover, .prod-pres-block .col-descr p a:focus {
  background-color: #b83636;
  border-color: #b83636;
  color: #fff;
}

.divider.top-of-page a {
  display: none;
}

/* ============== END archive page =========================*/
.product-row h2, archive-prod-block h2 {
  color: #b83636;
}

/** page type product ****/
.type-product.hentry .vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 5px;
}

/* Hide postmetadata (date, categories, etc) on  product pages (by Gaël on 2019/07/25) */
article.type-product .single-postmetadata-divider-top,
article.type-product .postmetadata,
article.type-product .single-postmetadata-divider-bottom {
  display: none;
}

/* Apply different negative margins on first full width slider of product pages according to screen sizes (by Gaël on 2019/09/02) */
@media only screen and (max-width: 958px) {
  .negative_top_margin_for_uppermost_full_width_slider_on_product_page {
    margin-top: -40px !important;
  }
}
@media only screen and (min-width: 959px) {
  .negative_top_margin_for_uppermost_full_width_slider_on_product_page {
    margin-top: -70px !important;
  }
}
#sidebarSubnav h3.widgettitle {
  color: #444;
}

.orpheo-call {
  font-size: 16px;
}
.orpheo-call strong {
  font-size: 17px;
  padding-left: 3px;
}

#contact-form {
  margin: 0;
}
#contact-form .wpb_column {
  font-size: 12px;
  color: #777;
  margin-bottom: 10px;
}
#contact-form .wpb_column input[type=text], #contact-form .wpb_column input[type=tel], #contact-form .wpb_column input[type=email], #contact-form .wpb_column select, #contact-form .wpb_column textarea {
  width: 90%;
  font-size: 14px;
  padding: 5px;
}
#contact-form .wpb_column textarea {
  width: 95%;
}
#contact-form .wpb_column input[type=submit] {
  margin-left: 20px;
}

.contact-country-list ul {
  list-style: none;
  padding: 0px;
}
.contact-country-list ul li {
  display: block;
  font-size: 15px;
  padding: 7px 0;
  border-bottom: 1px solid #e7e7e7;
  width: 90%;
  color: #595959;
  margin-left: 0px;
}

.partner-title {
  font-size: 24px;
}
.partner-title a {
  font-size: 14px;
  color: #b83636;
}

.partner-subtitle {
  font-size: 15px;
  text-transform: none;
  color: #000000;
}

.app-mobile-block .col-descr {
  width: 90%;
  margin: 0px auto;
  text-align: justify;
  max-width: 300px;
  padding-bottom: 40px;
}

/* Hide postmetadata dividers and categories on blog post pages (by Gaël on 2019/07/25) */
article.type-post .single-postmetadata-divider-top,
article.type-post .single-postmetadata-divider-bottom,
article.type-post .categories-link-divider,
article.type-post .postmetadata-categories-link {
  display: none;
}
article.type-post .postmetadata {
  display: block;
}

/*# sourceMappingURL=main.css.map */