/*
Theme Name: Copymedia
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: SolalDR
Author URI: http://solaldussout-revel.com/
Description: Custom template for http://www.copy-media.net/
Version: 1.0
Tags: sass
Text Domain: copy-media

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

body {
  font-family: "Open Sans";
  background: white; }

.margin-top-big {
  margin-top: 64px !important; }

.margin-top-small {
  margin-top: 15px !important; }

.margin-bottom-medium {
  margin-bottom: 32px !important; }

.left {
  float: left; }

.right {
  float: right; }

.clr {
  clear: both; }

.nopad {
  padding: 0;
  -webkit-transform: translateX(-1px);
  -moz-transform: translateX(-1px);
  -ms-transform: translateX(-1px);
  -o-transform: translateX(-1px);
  transform: translateX(-1px); }

.dropdown-menu {
  min-width: 290px; }

.bold {
  font-weight: bold; }

p {
  line-height: 1.6;
  font-size: 14px; }

pre {
  background-color: white;
  line-height: 1;
  overflow: visible; }

#notice {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 600px;
  text-align: center;
  background-color: #15aa41;
  padding: 40px;
  color: white;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1001;
  padding-bottom: 70px;
  outline: 1000px solid rgba(255, 255, 255, 0.8); }
  #notice strong {
    font-size: 1.3em;
    font-weight: 500; }
  #notice em {
    margin-bottom: 0px;
    display: block;
    font-weight: bold; }
  #notice .action {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 2px solid #15aa41;
    background-color: white; }
    #notice .action #closeNotice {
      color: #15aa41;
      text-transform: uppercase;
      font-weight: bold;
      display: block;
      padding: 15px; }
  #notice[data-type="success"] {
    background-color: #15aa41; }
  #notice[data-type="success"] {
    background-color: #ff2a2a; }

@media screen and (max-width: 600px) {
  #notice {
    width: 100%;
    padding: 20px; } }
@media screen and (max-height: 600px) {
  #notice {
    height: auto;
    top: 0;
    -webkit-transform: translateY(0) translateX(-50%);
    -moz-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    -o-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%); } }
.btn, input[type="submit"] {
  display: inline-block;
  padding: 10px 15px;
  background-color: white;
  color: #A10D59;
  border: 2px solid #A10D59;
  text-transform: uppercase;
  border-radius: 0;
  letter-spacing: 1px;
  line-height: 1 !important;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  .btn *, input[type="submit"] * {
    color: #A10D59;
    text-decoration: none !important; }
  .btn:hover, input[type="submit"]:hover {
    background-color: #A10D59;
    color: white; }
    .btn:hover *, input[type="submit"]:hover * {
      color: white; }
  .btn.btn-plain, input[type="submit"].btn-plain {
    background-color: #A10D59;
    color: white;
    border: 2px solid #A10D59; }
    .btn.btn-plain:hover, input[type="submit"].btn-plain:hover {
      background-color: white;
      color: #A10D59; }
      .btn.btn-plain:hover *, input[type="submit"].btn-plain:hover * {
        color: #A10D59; }
  .btn.btn-dark, input[type="submit"].btn-dark {
    background-color: #333;
    border: 2px solid #333; }
    .btn.btn-dark:hover, input[type="submit"].btn-dark:hover {
      background-color: white;
      color: #333; }
  .btn.btn-float-right, input[type="submit"].btn-float-right {
    float: right; }

.arianne {
  margin: 32px 0; }
  .arianne ul a {
    text-decoration: none;
    color: #333; }
  .arianne ul li {
    color: #A10D59;
    display: inline-block;
    font-weight: normal; }
    .arianne ul li::before {
      content: ">";
      margin: 0 10px; }
    .arianne ul li:first-child::before {
      content: "";
      margin: 0; }

@media screen and (max-width: 585px) {
  .arianne {
    margin-top: 64px;
    font-size: .9em; } }
#widget-container.in_homepage {
  display: inline-block;
  width: 25%;
  float: right;
  margin-top: -15px; }
#widget-container.in_archive {
  margin: auto;
  width: 300px;
  margin-top: 32px; }
#widget-container.in_adwords {
  width: 300px;
  display: inline-block;
  margin-top: 32px; }

@media screen and (max-width: 1200px) {
  #widget-container.in_homepage {
    float: none;
    width: 300px;
    margin: auto;
    display: block; } }
div.wpforms-container-full .wpforms-form input {
  height: 32px !important;
  font-size: .75em;
  border-radius: 0 !important; }
div.wpforms-container-full .wpforms-form textarea {
  border-radius: 0 !important; }

div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  padding: 3px 15px !important; }

@media (min-width: 1300px) {
  .container {
    max-width: 900px; } }
@media screen and (min-width: 1200px) {
  .container {
    max-width: 970px; } }
@media (max-width: 1230px) {
  #content-page {
    padding: 64px 15px; }

  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  .collapse.in {
    display: block !important; } }
.carousel {
  width: 100%;
  min-height: 450px;
  overflow: hidden;
  position: relative;
  margin: auto; }
  .carousel .container {
    height: auto;
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 1;
    background-color: red; }
  .carousel .item-carousel {
    position: absolute;
    float: left;
    z-index: 3;
    min-height: 100%;
    width: 100%; }
  .carousel .leftSelector, .carousel .rightSelector {
    width: 80px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    background-color: transparent;
    position: absolute;
    z-index: 999;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    top: 0;
    cursor: pointer; }
  .carousel .leftSelector {
    left: 0;
    background-image: url(img/left-color.png); }
  .carousel .rightSelector {
    right: 0;
    background-image: url(img/right-color.png); }
  .carousel .button_selector {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 10px auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    z-index: 999;
    transition: all .2s ease-in; }
    .carousel .button_selector input[type="button"] {
      padding: 0;
      margin: 0 5px;
      width: 10px;
      height: 10px;
      border: 0;
      border-radius: 100%;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      background-color: rgba(161, 13, 89, 0.4); }
      .carousel .button_selector input[type="button"].active {
        background-color: rgba(161, 13, 89, 0.8);
        width: 15px;
        height: 15px;
        margin: 2.5px;
        position: relative;
        top: -2.5px; }
  .carousel .carousel-block-container-rat {
    display: flex; }
  .carousel .item-carousel[data-animation="opacity"] {
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%); }
    .carousel .item-carousel[data-animation="opacity"].active {
      transition: 1s;
      z-index: 3;
      opacity: 1; }
    .carousel .item-carousel[data-animation="opacity"].leave {
      transition: 1s;
      z-index: 2;
      opacity: 0; }
  .carousel .item-carousel[data-animation="scrollRight"] {
    top: 0;
    left: 100%;
    z-index: 1; }
    .carousel .item-carousel[data-animation="scrollRight"].active {
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      transition: .5s;
      z-index: 3; }
    .carousel .item-carousel[data-animation="scrollRight"].leave {
      top: 0;
      left: -100%;
      transition: .5s;
      z-index: 2; }
  .carousel:hover .button_selector {
    opacity: 1; }
  .carousel.theme-light .button_selector input[type="button"] {
    background-color: rgba(161, 13, 89, 0.4); }
    .carousel.theme-light .button_selector input[type="button"].active {
      background-color: rgba(161, 13, 89, 0.8); }
  .carousel.theme-dark .button_selector input[type="button"] {
    background-color: rgba(0, 0, 0, 0.5); }
    .carousel.theme-dark .button_selector input[type="button"].active {
      background-color: rgba(0, 0, 0, 0.8); }

@keyframes opacInOut {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.archive-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 64px; }
  .archive-type .book {
    flex: 1;
    max-width: 250px; }
    .archive-type .book img {
      margin-bottom: 15px;
      width: 100%; }
    .archive-type .book a {
      text-align: center;
      display: block;
      color: #A10D59; }

#homepage .carousel-container .carousel .item-carousel.article {
  overflow: hidden; }
  #homepage .carousel-container .carousel .item-carousel.article img {
    width: 100%;
    min-height: 100%; }
  #homepage .carousel-container .carousel .item-carousel.article .text {
    position: absolute;
    top: 50px;
    left: 300px;
    z-index: 999;
    background-color: white;
    padding: 15px;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #333;
    max-width: 300px; }
    #homepage .carousel-container .carousel .item-carousel.article .text .title {
      font-weight: 500;
      margin-bottom: 15px;
      font-size: 18px; }
    #homepage .carousel-container .carousel .item-carousel.article .text .mention {
      font-weight: 500;
      letter-spacing: 1px;
      font-size: 18px; }
#homepage .process-container {
  width: 100%;
  min-height: 70px;
  margin: 64px 0 0 0;
  display: flex; }
  #homepage .process-container .process {
    float: left;
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    #homepage .process-container .process .state {
      display: inline-block;
      float: left;
      font-size: 3.5em;
      max-width: 200px;
      color: #A10D59;
      font-weight: 200; }
      #homepage .process-container .process .state .mention {
        font-size: 18px;
        float: right;
        margin-top: 15px;
        margin-left: 15px; }
#homepage #content-page {
  padding: 64px 15px;
  text-align: center; }
  #homepage #content-page h2 {
    color: #A10D59;
    opacity: .7;
    text-transform: uppercase;
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 32px; }
    #homepage #content-page h2::first-line {
      font-size: 50px;
      font-weight: normal; }
    #homepage #content-page h2::after {
      content: "";
      height: 5px;
      width: 50px;
      display: block;
      margin: 32px auto;
      background-color: #A10D59;
      opacity: .7; }
  #homepage #content-page article {
    text-align: left;
    color: #333;
    margin-bottom: 64px; }
    #homepage #content-page article h3 {
      font-weight: bold;
      margin-bottom: 7.5px; }
    #homepage #content-page article p {
      margin-bottom: 32px; }
    #homepage #content-page article * {
      line-height: 1.5em; }

@media screen and (max-width: 650px) {
  #homepage .carousel-container .carousel .item-carousel.article .text {
    left: 50px; } }
@media screen and (max-width: 580px) {
  .carousel {
    min-height: 200px; }

  #homepage #content-page h2 {
    font-size: 2em;
    margin: 0; }
    #homepage #content-page h2::first-line {
      font-size: 1.3em; } }
@media screen and (max-width: 924px) {
  #homepage .process-container .process {
    display: none; } }
header .container-fluid {
  padding: 0 32px; }
header .static {
  background-color: #A10D59;
  color: white;
  padding: 15px 0;
  font-size: 0.85em;
  letter-spacing: 1px; }
  header .static .actions a {
    text-transform: uppercase;
    color: white;
    margin: 0 15px;
    text-decoration: none;
    line-height: 1.6;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
    header .static .actions a:hover {
      color: #EEE; }
    header .static .actions a i {
      margin-right: 10px; }
header .navbar-toggle {
  font-size: 1.5em !important;
  color: #A10D59; }
header .navbar {
  border-bottom: 1px solid #A10D59;
  margin-bottom: 0px;
  border-radius: 0;
  width: 100%;
  background-color: white;
  z-index: 1000;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  header .navbar.normal {
    position: relative;
    top: 0; }
  header .navbar.fixe {
    position: fixed;
    top: 0;
    animation-name: arriveNav;
    animation-duration: .5s;
    animation-iteration-count: 1; }
header .navbar-brand {
  height: 60px;
  padding: 10px 15px; }
header nav.nav > li > a {
  height: 60px; }
header .navbar-nav > li > a {
  padding: 20px 10px 25px 10px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: .85em;
  position: relative;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  header .navbar-nav > li > a::after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    background-color: #A10D59;
    left: 5px;
    bottom: 10px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
  header .navbar-nav > li > a:hover::after {
    width: calc(100% - 10px); }
header .dropdown-menu > li > a {
  padding: 10px 10%;
  color: #A10D59;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  header .dropdown-menu > li > a:hover {
    background-color: #A10D59;
    color: white; }
header .navbar-default .navbar-nav > li > a:hover {
  color: #A10D59; }
header .nav > li > a:focus, header .nav > li > a:hover, header .nav .open > a, header .nav .open > a:focus, header .nav .open > a:hover {
  background-color: white; }
header .dropdown-menu > .active > a, header .dropdown-menu > .active > a:focus, header .dropdown-menu > .active > a:hover {
  background-color: #DDD;
  color: #444; }
header .navbar-brand > img {
  display: block;
  height: 45px;
  margin-top: -5px; }
header .ask-devis {
  position: absolute;
  right: 10px;
  bottom: -55px;
  background-color: #A10D59;
  color: white; }

@media screen and (max-width: 585px) {
  header .static {
    display: none; }

  header .ask-devis {
    position: absolute;
    right: 0px;
    bottom: -39px;
    width: calc(100% + 2px); }

  #page .container .title {
    margin-top: 52px !important; } }
@keyframes arriveNav {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); } }
.related-pages-container {
  background-color: #eff1f1;
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding: 32px 15px;
  flex-wrap: wrap; }
  .related-pages-container .related-page {
    max-width: 400px;
    min-width: 260px;
    overflow: hidden;
    position: relative; }
    .related-pages-container .related-page img {
      min-width: 100%;
      position: absolute;
      left: 0;
      bottom: 320px; }
    .related-pages-container .related-page .content {
      width: 80%;
      margin-left: 10%;
      line-height: 1.5em;
      margin-top: 200px;
      min-height: 335px;
      -webkit-transform: translateY(-32px);
      -moz-transform: translateY(-32px);
      -ms-transform: translateY(-32px);
      -o-transform: translateY(-32px);
      transform: translateY(-32px);
      background-color: white;
      padding: 15px; }
      .related-pages-container .related-page .content h4 {
        text-transform: uppercase;
        color: #A10D59;
        line-height: 1.5em; }
      .related-pages-container .related-page .content h5 {
        color: #A10D59;
        margin-top: 15px;
        font-size: 14px; }
      .related-pages-container .related-page .content .date {
        font-size: 11px; }
      .related-pages-container .related-page .content .text {
        margin-top: 15px;
        padding: 15px;
        padding-top: 0;
        font-size: 12px; }
      .related-pages-container .related-page .content .btn {
        margin-top: 10px;
        margin-bottom: 20px; }

.testimony-container {
  text-align: center;
  padding: 32px 0; }
  .testimony-container h2 {
    text-transform: uppercase;
    color: #A10D59;
    margin-bottom: 32px; }
  .testimony-container .carousel {
    min-height: 200px; }
    .testimony-container .carousel .item-carousel.article {
      overflow: hidden; }
      .testimony-container .carousel .item-carousel.article .text {
        padding: 15px;
        color: #333;
        max-width: 600px;
        display: inline-block; }
        .testimony-container .carousel .item-carousel.article .text * {
          text-align: center !important;
          margin: 0;
          padding: 0; }
      .testimony-container .carousel .item-carousel.article .author {
        margin-bottom: 15px;
        font-weight: bold; }

footer#footer {
  background-color: #eff1f1;
  padding-top: 32px; }
  footer#footer a, footer#footer p, footer#footer strong, footer#footer * {
    line-height: 1.6em;
    font-size: 12px; }
  footer#footer .flex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    footer#footer .flex > div {
      min-width: 300px;
      max-width: 400px;
      text-align: center;
      flex: 1;
      padding: 15px; }
    footer#footer .flex h4 {
      text-transform: uppercase;
      color: #A10D59;
      font-weight: bold;
      font-size: 14px;
      margin: 32px 0; }
    footer#footer .flex .faq img {
      margin-bottom: 15px; }
    footer#footer .flex .faq .faq-link {
      color: #333;
      text-decoration: underline; }
    footer#footer .flex .contact p {
      margin-bottom: 15px; }
    footer#footer .flex .contact a {
      display: block;
      color: #333;
      text-decoration: none; }
    footer#footer .flex .contact .social-links a {
      display: inline-block;
      width: 30px;
      height: 30px;
      color: transparent;
      overflow: hidden;
      font-size: 20px;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      footer#footer .flex .contact .social-links a::before {
        color: black; }
      footer#footer .flex .contact .social-links a:hover::before {
        color: #A10D59; }
  footer#footer .mention-legal {
    text-align: center;
    margin-top: 32px;
    padding: 15px 0;
    font-size: 10px;
    border-top: 1px solid black;
    text-align: center;
    color: black;
    text-decoration: none; }
    footer#footer .mention-legal a {
      font-size: 10px;
      color: black;
      text-decoration: none; }

div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form input[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"],
div.wpforms-container-full .wpforms-form .wpforms-page-button {
  float: left;
  display: inline-block;
  padding: 10px 15px;
  background-color: #A10D59 !important;
  color: white !important;
  border: 2px solid #A10D59 !important;
  text-transform: uppercase;
  border-radius: 0;
  letter-spacing: 1px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
  div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
  div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
  div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: white;
    color: #A10D59; }

@media screen and (max-width: 585px) {
  .testimony-container .carousel {
    min-height: 250px; }
    .testimony-container .carousel .item-carousel {
      padding: 0 50px; } }
#comments {
  margin-top: 32px; }
  #comments .pingback {
    position: relative; }
    #comments .pingback p {
      font-size: 0; }
      #comments .pingback p a {
        font-size: 13px;
        color: #A10D59;
        text-transform: uppercase;
        display: block; }
    #comments .pingback .edit-link {
      right: 0;
      position: absolute;
      top: -10px;
      display: inline-block;
      padding: 0px 15px;
      background-color: white;
      color: #A10D59;
      border: 2px solid #A10D59;
      text-transform: uppercase;
      border-radius: 0;
      letter-spacing: 1px; }
      #comments .pingback .edit-link * {
        color: #A10D59;
        text-decoration: none !important; }
  #comments .comments-title {
    text-transform: uppercase;
    color: #666;
    margin: 16px 0;
    font-size: .9em; }
  #comments #respond, #comments .comment-list {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
    padding: 32px; }
  #comments #respond, #comments .comment-list .comment {
    margin: 15px 0; }
    #comments #respond .comment-author, #comments .comment-list .comment .comment-author {
      height: 100px; }
      #comments #respond .comment-author img, #comments .comment-list .comment .comment-author img {
        float: left; }
      #comments #respond .comment-author .comment-title, #comments .comment-list .comment .comment-author .comment-title {
        float: left;
        margin-left: 15px; }
        #comments #respond .comment-author .comment-title a, #comments .comment-list .comment .comment-author .comment-title a {
          color: #A10D59;
          text-decoration: none; }
      #comments #respond .comment-author .edit-link, #comments .comment-list .comment .comment-author .edit-link {
        float: right;
        margin-top: 15px; }
    #comments #respond .comment-form-author, #comments #respond .comment-form-email, #comments #respond .comment-form-url, #comments .comment-list .comment .comment-form-author, #comments .comment-list .comment .comment-form-email, #comments .comment-list .comment .comment-form-url {
      margin-bottom: 15px; }
      #comments #respond .comment-form-author label, #comments #respond .comment-form-email label, #comments #respond .comment-form-url label, #comments .comment-list .comment .comment-form-author label, #comments .comment-list .comment .comment-form-email label, #comments .comment-list .comment .comment-form-url label {
        color: grey;
        margin-bottom: 8px; }
      #comments #respond .comment-form-author input, #comments #respond .comment-form-email input, #comments #respond .comment-form-url input, #comments .comment-list .comment .comment-form-author input, #comments .comment-list .comment .comment-form-email input, #comments .comment-list .comment .comment-form-url input {
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 2px;
        color: #333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: block;
        float: none;
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 6px 10px;
        height: 38px;
        width: 100%;
        line-height: 1.3; }
    #comments #respond .comment-content, #comments .comment-list .comment .comment-content {
      width: 100%;
      float: left;
      line-height: 1.3em; }
    #comments #respond h3, #comments .comment-list .comment h3 {
      font-size: 1.5em;
      margin-bottom: 15px; }
    #comments #respond .comment-form-comment, #comments .comment-list .comment .comment-form-comment {
      margin-top: 32px; }
      #comments #respond .comment-form-comment label, #comments .comment-list .comment .comment-form-comment label {
        padding: 10px 20px;
        background-color: #e7e7e7;
        color: #666; }
      #comments #respond .comment-form-comment textarea, #comments .comment-list .comment .comment-form-comment textarea {
        display: block;
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
        border: 1px solid #DDD; }
    #comments #respond .logged-in-as a, #comments .comment-list .comment .logged-in-as a {
      color: #A10D59;
      font-weight: 200; }

#page, #article-show {
  padding-bottom: 64px; }
  #page .height-container, #article-show .height-container {
    max-height: 450px;
    overflow: hidden;
    justify-content: center; }
    #page .height-container .banner, #article-show .height-container .banner {
      width: 100%;
      display: block;
      margin: 32px auto;
      height: auto;
      margin-top: -112px; }
  #page .container-contact, #article-show .container-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    #page .container-contact .item-contact, #article-show .container-contact .item-contact {
      width: 350px; }
      #page .container-contact .item-contact form input, #article-show .container-contact .item-contact form input {
        display: inline-block;
        width: auto;
        line-height: 1; }
  #page .container .title, #article-show .container .title {
    font-weight: bold;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 32px;
    margin-top: 32px;
    color: #A10D59;
    opacity: .7;
    width: 500px; }
    #page .container .title::first-line, #article-show .container .title::first-line {
      font-size: 70px; }
  #page .container article, #article-show .container article {
    padding-bottom: 64px; }
    #page .container article *, #article-show .container article * {
      font-size: 13px; }
    #page .container article strong, #article-show .container article strong {
      font-weight: bold; }
    #page .container article h2, #article-show .container article h2 {
      font-weight: bold;
      font-size: 23px;
      padding-top: 15px; }
    #page .container article img, #article-show .container article img {
      margin: 15px 0;
      display: block;
      max-width: 100%;
      height: auto; }
      #page .container article img.alignleft, #article-show .container article img.alignleft {
        margin-right: 15px;
        margin-top: 5px;
        float: left; }
    #page .container article p, #article-show .container article p {
      margin: 15px 0; }
    #page .container article i, #article-show .container article i {
      font-style: italic; }
    #page .container article a, #article-show .container article a {
      color: #A10D59;
      text-decoration: none; }

@media screen and (min-width: 1100px) {
  #page .height-container .banner, #article-show .height-container .banner {
    width: 1100px; } }
@media screen and (max-width: 1100px) {
  #page .height-container .banner, #article-show .height-container .banner {
    width: calc(100% - 30px); } }
@media screen and (max-width: 580px) {
  #page .container .title {
    width: 100%;
    overflow: hidden;
    font-size: 2em; }
    #page .container .title::first-line {
      font-size: 1.3em; } }
#post .container .title, #article-show .container .title {
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 32px;
  margin-top: 32px;
  color: #A10D59;
  opacity: .7;
  width: 100%; }
  #post .container .title::first-line, #article-show .container .title::first-line {
    font-size: 70px; }
#post .container article, #article-show .container article {
  padding-bottom: 64px; }
  #post .container article strong, #article-show .container article strong {
    font-weight: bold; }
  #post .container article h2, #article-show .container article h2 {
    font-weight: bold;
    padding-top: 15px; }
  #post .container article img, #article-show .container article img {
    margin: 15px 0;
    display: block;
    max-width: 100%;
    height: auto; }
    #post .container article img.alignleft, #article-show .container article img.alignleft {
      margin-right: 15px;
      margin-top: 5px;
      float: left; }
  #post .container article p, #article-show .container article p {
    margin: 10px 0; }

#article-show #book .title, #article-show #book .title:first-line {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 32px;
  color: #A10D59;
  opacity: .7;
  width: 100%;
  font-size: 40px; }
#article-show #book .title-second {
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 64px;
  color: #A10D59;
  opacity: .7; }
#article-show #book .temoignage {
  margin-bottom: 64px; }
  #article-show #book .temoignage .title-second {
    margin-bottom: 15px;
    font-size: 20px;
    color: #A10D59;
    text-transform: uppercase;
    margin-bottom: 7.5px;
    font-weight: bold; }
  #article-show #book .temoignage p {
    font-style: italic; }
#article-show #book .book-content .book-title {
  font-size: 20px;
  color: #A10D59;
  text-transform: uppercase;
  margin-bottom: 7.5px;
  font-weight: bold; }
#article-show #book .book-content .book-author {
  margin-bottom: 32px; }

@media screen and (max-width: 585px) {
  #post .container .title, #article-show .container .title {
    font-size: 1.5em; }
    #post .container .title:first-line, #article-show .container .title:first-line {
      font-size: 2em; } }
#category {
  padding-bottom: 64px; }
  #category > h1 {
    font-size: 70px;
    color: #A10D59;
    opacity: .7;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 32px; }
    #category > h1::after {
      content: "";
      width: 100px;
      height: 5px;
      background-color: #A10D59;
      display: block;
      margin-top: 32px; }
  #category .category-description {
    margin-top: 32px; }
  #category .page-navigation {
    text-align: center; }
    #category .page-navigation .page-numbers:not(.dots) {
      padding: 10px;
      background-color: #eff1f1;
      color: #A10D59;
      text-decoration: none;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
      #category .page-navigation .page-numbers:not(.dots):hover {
        color: white;
        background-color: #A10D59; }
      #category .page-navigation .page-numbers:not(.dots).current {
        background-color: #A10D59;
        color: white; }

#columns {
  column-width: 320px;
  column-gap: 0;
  width: 100%;
  margin: 50px auto; }
  #columns figure {
    background: #fefefe;
    margin: 0 2px 15px;
    padding: 32px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid; }
    #columns figure img {
      width: 100%;
      height: auto;
      margin-bottom: 25px;
      border-radius: 5px; }
    #columns figure .content {
      text-align: justify;
      line-height: 1.3em;
      font-size: .9em; }
      #columns figure .content h1 {
        font-size: 13px;
        font-weight: bold;
        text-transform: none;
        opacity: 1;
        color: black;
        margin: 0;
        padding: 0; }
        #columns figure .content h1::after {
          display: none; }
    #columns figure .content-librairie .field {
      font-size: .9em;
      color: #666;
      margin-bottom: 15px; }
      #columns figure .content-librairie .field span {
        font-weight: bold; }
    #columns figure .date {
      font-size: .9em;
      font-weight: 200;
      margin-bottom: 15px; }
      #columns figure .date span {
        color: #A10D59; }
    #columns figure figcaption {
      font-size: .9rem;
      line-height: 1.3;
      text-transform: uppercase;
      font-size: 1.2em;
      font-weight: 500;
      margin-bottom: 15px;
      color: #A10D59; }
    #columns figure .btn {
      margin: 15px 0; }
    #columns figure.testimony figcaption {
      margin-bottom: 0; }
      #columns figure.testimony figcaption a {
        text-transform: none;
        color: #A10D59; }
    #columns figure.testimony .content-librairie {
      color: #666; }
    #columns figure.testimony .quote-before::before {
      display: block;
      content: "";
      width: 30px;
      height: 30px;
      margin-bottom: 8px;
      background-image: url(img/guillemets.png);
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat; }
    #columns figure.testimony .date {
      margin-bottom: 15px;
      color: #A10D59;
      opacity: .6;
      font-weight: 400; }
  #columns small {
    font-size: 1rem;
    float: right;
    text-transform: uppercase;
    color: #aaa; }
    #columns small a {
      color: #666;
      text-decoration: none;
      transition: .4s color; }

@media screen and (max-width: 750px) {
  #columns {
    column-gap: 0px; }

  #columns figure {
    width: 100%; } }
form .civi input[type="radio"] {
  top: 20px !important;
  height: 15px; }
form select.form-control {
  width: 100% !important; }
form .half {
  display: flex;
  flex-wrap: wrap; }
  form .half > * {
    width: 49%; }
    form .half > *:first-child {
      margin-right: 1%; }
    form .half > *:last-child {
      margin-left: 1%; }
form legend {
  font-size: 1.2em;
  padding: 32px 0 16px;
  color: #666;
  text-transform: uppercase;
  color: #A10D59; }
form .form-group {
  margin: 15px 0; }
  form .form-group label {
    display: block;
    margin-bottom: 8px; }
  form .form-group input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: 10px; }
form .checkbox-inline, form .radio-inline {
  margin-bottom: 15px; }
  form .checkbox-inline input[type="checkbox"], form .checkbox-inline input[type="radio"], form .radio-inline input[type="checkbox"], form .radio-inline input[type="radio"] {
    margin-left: -10px;
    top: 5px;
    height: 15px; }
form input, form select option {
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 2px;
  color: #222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: none;
  font-size: 16px;
  border: 1px solid #ccc;
  padding: 6px 10px;
  height: 38px;
  width: 100%;
  line-height: 1.3;
  line-height: 1.6em;
  font-size: 12px;
  margin-bottom: 10px; }
form .actions input {
  display: inline-block;
  width: auto; }
form select {
  margin-bottom: 10px; }

form .mention {
  overflow: hidden;
  font-size: .8em;
  color: #db1279;
  max-height: 0;
  display: block;
  padding-bottom: 0px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
form.not-first-try input.invalid + i.mention, form.not-first-try textarea.invalid + i.mention {
  padding-bottom: 20px; }

.calcul-dos-container #calcul-dos {
  max-width: 560px;
  margin: auto; }
  .calcul-dos-container #calcul-dos h1.title {
    width: 100%; }
  .calcul-dos-container #calcul-dos h2 {
    color: #666;
    margin-bottom: 32px;
    font-size: 0.9em; }
    .calcul-dos-container #calcul-dos h2 a {
      color: #A10D59; }
  .calcul-dos-container #calcul-dos #serializer {
    display: none; }
  .calcul-dos-container #calcul-dos input[type="submit"] {
    margin-right: 32px; }
  .calcul-dos-container #calcul-dos #result {
    display: inline-block;
    color: #A10D59;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    margin-top: 15px; }
    .calcul-dos-container #calcul-dos #result span {
      font-size: 15px;
      color: #666;
      font-weight: 200; }
      .calcul-dos-container #calcul-dos #result span.error {
        font-weight: 500;
        font-size: 11px;
        color: red; }

@media screen and (max-width: 580px) {
  form .half * {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important; } }
#adwords form.small fieldset {
  width: 50%;
  padding: 20px;
  float: left; }
  #adwords form.small fieldset .form-control, #adwords form.small fieldset select {
    margin-bottom: 15px; }
  #adwords form.small fieldset textarea {
    height: 83px; }
#adwords form.small .actions {
  clear: both;
  display: block;
  text-align: center; }
  #adwords form.small .actions .btn.btn-colored {
    background-color: #A10D59;
    color: white;
    min-width: 40%; }
#adwords section {
  padding: 64px 0; }
#adwords .wrapper {
  width: 1100px;
  margin: auto; }
#adwords header .important a {
  padding: 10px !important;
  margin-top: 10px;
  background-color: #A10D59;
  color: white !important; }
  #adwords header .important a:hover {
    background-color: #A10D59;
    color: white !important; }
#adwords h2 {
  text-align: center;
  color: #A10D59;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 64px; }
#adwords #accueil h1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 32px;
  color: #A10D59; }
#adwords #accueil .left-block {
  width: 50%;
  float: left;
  padding-right: 30px; }
#adwords #accueil .right-block {
  float: right;
  width: 50%;
  max-height: 300px;
  overflow: hidden;
  min-height: auto; }
#adwords #devis img {
  width: 60%;
  margin: auto;
  display: block;
  margin-top: 128px; }
#adwords #services {
  background-color: #EEE; }
  #adwords #services .flex {
    display: flex;
    flex-wrap: wrap; }
    #adwords #services .flex .item {
      min-width: 300px;
      padding: 30px;
      flex: 1; }
      #adwords #services .flex .item img {
        margin: auto;
        display: block;
        margin-bottom: 42px;
        height: 50px; }
      #adwords #services .flex .item h3 {
        text-align: center;
        color: #A10D59;
        margin-bottom: 32px;
        text-transform: uppercase; }
        #adwords #services .flex .item h3 strong {
          font-weight: bold; }
      #adwords #services .flex .item p {
        text-align: center;
        font-size: 14px;
        padding: 30px;
        background-color: white;
        margin: 20px;
        line-height: 1.8em; }
#adwords #products .su-custom-gallery {
  text-align: center;
  margin-top: 64px; }
  #adwords #products .su-custom-gallery .su-custom-gallery-slide {
    float: none;
    display: inline-block; }
#adwords #products .bubble {
  padding: 32px;
  background-color: #D3EEFB;
  line-height: 1.5em;
  color: #626262;
  font-weight: 200;
  position: relative; }
  #adwords #products .bubble .close-bubble {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-weight: bold;
    color: #626262; }
#adwords #clients {
  background-color: #A10D59;
  color: white; }
  #adwords #clients h2 {
    color: white; }
  #adwords #clients .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 1100px;
    margin: auto; }
    #adwords #clients .flex .item {
      min-width: 200px;
      margin-bottom: 64px; }
      #adwords #clients .flex .item img {
        height: 80px;
        display: block;
        margin: auto;
        margin-bottom: 15px; }
      #adwords #clients .flex .item p {
        color: white;
        text-align: center; }
#adwords #contact {
  clear: both;
  background-color: #EEE; }
  #adwords #contact #map {
    width: 50%;
    float: left; }
  #adwords #contact .contact {
    width: 45%;
    margin-left: 5%;
    float: left; }
    #adwords #contact .contact h3 {
      font-weight: bold;
      color: #A10D59;
      font-size: 1.2em;
      margin-bottom: 32px; }
    #adwords #contact .contact p {
      line-height: 1.8;
      margin-bottom: 15px; }
#adwords footer.wrapper {
  padding: 32px;
  clear: both;
  margin-top: 64px; }
  #adwords footer.wrapper p {
    font-size: .9em;
    text-align: center;
    margin-bottom: 16px;
    line-height: 1.5em; }
    #adwords footer.wrapper p.copyright {
      margin-top: 64px; }

@media screen and (max-width: 1100px) {
  #adwords .wrapper {
    width: 90%; }
  #adwords form.small fieldset {
    width: 100%; } }

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