@charset "UTF-8";
/**
* Fonction de conversion
* de valeur en px vers l'em
*/
/**
 * Font-face
 */
@font-face {
  font-family: "Futura W01 Light";
  src: url("../fonts/2c660b2f-8645-4b31-89fe-1c017eeb5e85.eot");
  src: url("../fonts/2c660b2f-8645-4b31-89fe-1c017eeb5e85.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/28b3ece5-82e3-4a7d-b043-3141dba45141.woff2") format("woff2"), url("../fonts/e80a3257-e0b2-4f7c-b4e8-0167c9adb7c0.woff") format("woff"), url("../fonts/5426d3ca-532d-4e71-a700-0a22917df569.ttf") format("truetype"), url("../fonts/67fb5232-0944-4965-8594-ed2972b84950.svg") format("svg");
}
@font-face {
  font-family: "FuturaW01-LightOblique";
  src: url("../fonts/3df40436-6074-4f91-b510-d634b2151e8a.eot");
  src: url("../fonts/3df40436-6074-4f91-b510-d634b2151e8a.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/8cddeecd-b3df-4181-9f3d-186a0b11db20.woff2") format("woff2"), url("../fonts/1d09eebb-0bae-4073-881b-7a0e0e8e88ef.woff") format("woff"), url("../fonts/cd531335-acc1-4537-a7bf-95f8d4ccdf95.ttf") format("truetype"), url("../fonts/46a3f4db-5fa7-4322-bb01-8427b461fd8c.svg") format("svg");
}
@font-face {
  font-family: "Futura W01 Medium";
  src: url("../fonts/f0052336-792e-4fcf-8750-fe6d7d5dccba.eot");
  src: url("../fonts/f0052336-792e-4fcf-8750-fe6d7d5dccba.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/d50a1cc0-9e70-4383-b170-6570062160a4.woff2") format("woff2"), url("../fonts/1b696b29-a6bd-4411-a50f-37fd8a209b36.woff") format("woff"), url("../fonts/a3931c31-5998-4dbd-b7d5-d310e4ed3d60.ttf") format("truetype"), url("../fonts/6779412d-2ea7-4f1a-acfd-f6a527baaee7.svg") format("svg");
}
@font-face {
  font-family: "Futura W01 Heavy";
  src: url("../fonts/da0637f7-7e81-4cbc-9f65-cfc35a127c4c.eot");
  src: url("../fonts/da0637f7-7e81-4cbc-9f65-cfc35a127c4c.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/40cc7f53-1cdb-4854-8d15-0feec3716ecc.woff2") format("woff2"), url("../fonts/f181fec3-5b1b-4e9f-94b6-e0d7150d1fbf.woff") format("woff"), url("../fonts/65ebb7f6-a11e-4744-8066-aa7029a5ba38.ttf") format("truetype"), url("../fonts/e23b4b94-7fc3-4dba-8b18-ec8ae6f0563f.svg") format("svg");
}
@font-face {
  font-family: "Futura W01 Bold";
  src: url("../fonts/3b3d00eb-6d89-47ec-83ee-48276a47ad94.eot");
  src: url("../fonts/3b3d00eb-6d89-47ec-83ee-48276a47ad94.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/04a4ca93-1306-487e-a524-e798404c93a7.woff2") format("woff2"), url("../fonts/2a65cbfc-5071-4b4d-bfc2-e052bb091ee2.woff") format("woff"), url("../fonts/812f781d-aa66-47a1-b6a2-7941effc1527.ttf") format("truetype"), url("../fonts/2a371030-ff67-40ac-8307-082c1fccf151.svg") format("svg");
}
@font-face {
  font-family: "Futura W01 Book";
  src: url("../fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot");
  src: url("../fonts/57a6731b-fa5c-4c8a-bea8-e2f1a287f309.eot") format("eot"), url("http://reviensleon.com/design/ReviensLeon/fonts/febf3d0c-873f-4285-8ab4-77c31b26e747.woff2") format("woff2"), url("../fonts/4d0e252c-d811-4a5d-a7f3-6ad72c6b76f2.woff") format("woff"), url("../fonts/54250d43-02be-4ff9-b802-a4ea104a0611.ttf") format("truetype"), url("../fonts/15c556fc-4608-4b01-8a0d-9c8631c8bd74.svg") format("svg");
}
@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg") format("svg");
}
@font-face {
  font-family: 'open_sansitalic';
  src: url("../fonts/opensans-italic-webfont.eot");
  src: url("../fonts/opensans-italic-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans-italic-webfont.svg") format("svg");
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/opensans-semibold-webfont.eot");
  src: url("../fonts/opensans-semibold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg") format("svg");
}
@font-face {
  font-family: 'playfair_displayitalic';
  src: url("../fonts/playfairdisplay-italic-webfont.eot");
  src: url("../fonts/playfairdisplay-italic-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/playfairdisplay-italic-webfont.woff2") format("woff2"), url("../fonts/playfairdisplay-italic-webfont.woff") format("woff"), url("../fonts/playfairdisplay-italic-webfont.ttf") format("truetype"), url("../fonts/playfairdisplay-italic-webfont.svg") format("svg");
}
/**
 * Couleurs
 */
/* 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,
q:before, q:after {
  content: '';
  content: none;
}

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

html {
  font-size: 14px;
}

.mediao, .mediao .mediao__body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.mediao .mediao__figure {
  float: left;
  margin-right: 29px;
}
.mediao .mediao__figure img {
  display: block;
}
.mediao .mediao__figure.imgExt {
  float: right;
  margin-right: 0;
  margin-left: 29px;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
  cursor: url(http://reviensleon.com/design/ReviensLeon/stylesheets/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/**
 * Listing actualités
 */
.liste-actualites {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.liste-actualites article {
  text-align: left;
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px dotted #1e2a31;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.liste-actualites article:last-of-type {
  border-bottom: none;
}
.liste-actualites article .mediao__body {
  width: 62%;
  float: right;
}
.liste-actualites article .mediao__figure {
  float: left;
  max-height: 70px;
  overflow: hidden;
  text-align: center;
  width: 38%;
}
.liste-actualites article .mediao__figure img {
  height: auto;
  width: 107px;
  margin-right: 14px;
}
.liste-actualites.deco.center {
  text-align: center;
}
.liste-actualites.deco {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .liste-actualites {
    position: relative;
    text-align: center;
  }
  .liste-actualites article {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: none;
    margin: 0 15px;
    padding: 20px 0 40px;
    overflow: visible;
    text-align: left;
    vertical-align: top;
    width: 140px;
  }
  .liste-actualites article .mediao__body, .liste-actualites article .mediao__figure {
    float: none;
    width: 100%;
  }
  .liste-actualites article .mediao__figure {
    max-height: none;
  }
  .liste-actualites article .mediao__figure img {
    height: auto;
    width: 100%;
    max-height: 170px;
  }
  .liste-actualites article .mediao__figure + p::before {
    clear: both;
    content: '';
    display: block;
    height: 1px;
    width: 1px;
  }
  .liste-actualites article .mediao__figure a {
    min-height: 141px;
    min-height: 144.833px;
    display: block;
  }
  .liste-actualites article .titre2 {
    height: 7em;
  }
  .liste-actualites article > p {
    font-size: 14px;
    font-size: 1rem;
    font-family: "open_sansregular";
    line-height: 24px;
    display: inline-block;
    min-height: 5em;
  }
  .liste-actualites::before {
    border-left: 1px dotted #1e2a31;
    bottom: 0;
    content: '';
    display: block;
    left: 15px;
    position: absolute;
    top: 0;
  }
  .liste-actualites.deco article {
    border-bottom: 1px dotted #1e2a31;
    padding: 20px 20px 20px;
    position: relative;
    width: 19%;
    margin: 0;
  }
  .liste-actualites.deco article::after {
    background: url("../images/color-plus.png") no-repeat center;
    background-size: 17px;
    bottom: -9px;
    content: '';
    display: block;
    height: 17px;
    position: absolute;
    right: -9px;
    width: 17px;
  }
  .liste-actualites.deco article.derniereligne {
    border-bottom: none;
  }
  .liste-actualites.deco article.derniereligne::after {
    display: none;
  }
  .liste-actualites.deco article.fin::before, .liste-actualites.deco article.fin::after {
    display: none;
  }
  .liste-actualites.deco article > p {
    min-height: 6em;
  }
  .liste-actualites.deco::before {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .liste-actualites::before {
    left: 80px;
  }
  .liste-actualites article {
    margin: 0 20px;
    width: 245px;
  }
  .liste-actualites article > p {
    font-size: 16px;
    font-size: 1.14286rem;
  }
  .liste-actualites.deco {
    padding-bottom: 17px;
    white-space: nowrap;
  }
  .liste-actualites.deco article {
    box-sizing: border-box;
    padding: 40px 20px 40px;
    white-space: normal;
    width: 25%;
  }
  .liste-actualites.deco article::after {
    background: url("../images/color-plus.png") no-repeat center;
    background-size: 34px;
    bottom: -18px;
    content: '';
    display: block;
    height: 34px;
    position: absolute;
    right: -17px;
    width: 34px;
  }
}
/**
 * Page Actualité
 */
@media only screen and (min-width: 768px) {
  .breadcrumb {
    font-size: 12px;
    font-size: 0.85714rem;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    display: block !important;
    margin: 0 auto;
    text-align: center;
  }
  .breadcrumb li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    white-space: nowrap;
  }
  .breadcrumb li a {
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    text-decoration: none;
    color: #1e2a31;
    opacity: .6;
  }
  .breadcrumb li a:hover, .breadcrumb li a:focus {
    text-decoration: underline;
  }
  .breadcrumb li a:hover {
    opacity: 1;
  }
  .breadcrumb li a span::after {
    content: ' >';
  }
  .breadcrumb li.active a {
    color: #e75a6a;
  }
  .breadcrumb li.active a span::after {
    content: '';
  }
}
.container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1100px;
  overflow: hidden;
  *zoom: 1;
}

header.container {
  text-align: center;
}

.container.carousel {
  overflow: visible;
}

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

@media only screen and (min-width: 768px) {
  .container.page {
    overflow: visible;
    padding: 0;
    max-width: 518px;
  }
}
@media only screen and (min-width: 1100px) {
  .container.page {
    overflow: visible;
    padding: 0;
    max-width: 816px;
  }
}
/**
 * Listing experts
 */
.titre1.topmotif.nos-experts {
  text-align: center;
}

#nos-experts {
  text-align: left;
}

.liste-experts {
  text-align: left;
}
.liste-experts article {
  text-align: left;
  overflow: hidden;
  *zoom: 1;
  padding: 20px 0;
  position: relative;
}
.liste-experts article .mediao__body {
  width: initial;
  float: none;
}
.liste-experts article .mediao__figure {
  float: left;
  max-height: 70px;
  overflow: hidden;
  text-align: center;
  width: 38%;
}
.liste-experts article .mediao__figure img {
  height: auto;
  width: 107px;
  margin-right: 14px;
}

/* Partie : " Notre expert " - page fiche pratique */
.notre-expert {
  padding: 25px 0 15px;
  position: relative;
}
.notre-expert::before {
  content: '';
  border-left: 1px dotted #1e2a31;
  bottom: 0;
  left: 15px;
  position: absolute;
  top: 0;
}
.notre-expert .mediao__figure {
  margin-right: 14px;
}
.notre-expert .mediao__figure img {
  height: auto;
  position: relative;
  width: 117px;
  z-index: 1;
}
.notre-expert .mediao__body::before {
  content: '';
  background: url("../images/picto-drapeau-expert.png");
  background-size: 16px 23px;
  width: 16px;
  height: 23px;
  display: block;
}
.notre-expert .mediao__body p {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 12px;
}
.notre-expert .mediao__body p b {
  color: #e75a6a;
  display: block;
  font-family: "open_sanssemibold";
}

/* Partie : " + de fiches pratiques " - page fiche pratique */
.titre1.topmotif.plus-de-fiche-pratique {
  text-align: center;
  letter-spacing: 0.1em;
}

@media only screen and (min-width: 768px) {
  .liste-experts {
    position: relative;
  }
  .liste-experts article {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    border: none;
    margin: 0 15px;
    text-align: left;
    width: 20%;
    overflow: visible;
  }
  .liste-experts article .mediao__body, .liste-experts article .mediao__figure {
    float: none;
    width: 100%;
  }
  .liste-experts article .mediao__body > p {
    font-size: 14px;
    font-size: 1rem;
    font-family: "open_sansregular";
    line-height: 22px;
  }
  .liste-experts article .mediao__figure {
    max-height: none;
  }
  .liste-experts article .mediao__figure img {
    height: auto;
    width: 100%;
  }
  .liste-experts article .mediao__figure + p::before {
    clear: both;
    content: '';
    display: block;
    height: 1px;
    width: 1px;
  }
  .liste-experts article .infos {
    height: 2em;
  }
}
@media only screen and (min-width: 1100px) {
  /* Partie : " Notre expert " - page fiche pratique */
  .notre-expert::before {
    bottom: 11px;
    left: 80px;
  }
  .notre-expert .mediao__figure img {
    width: 233px;
  }
  .notre-expert .mediao__body::before {
    background-size: 31px 46px;
    width: 31px;
    height: 46px;
  }
  .notre-expert .mediao__body p {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 24px;
  }
}
/**
 * Listing fiches pratiques
 */
.liste-fiches-pratiques article {
  border-bottom: 1px dotted #1e2a31;
  padding: 10px 0 20px;
  position: relative;
}
.liste-fiches-pratiques article::after {
  background: url("../images/color-plus.png") no-repeat center;
  background-size: 17px;
  bottom: -9px;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 0;
  width: 17px;
}
.liste-fiches-pratiques article:last-of-type {
  border-bottom: none;
}
.liste-fiches-pratiques article:last-of-type::after {
  display: none;
}
.liste-fiches-pratiques article.fin::before {
  display: none;
}
.liste-fiches-pratiques article .voirplus {
  min-height: 3em;
}
.liste-fiches-pratiques p {
  line-height: 22px;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .liste-fiches-pratiques {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .liste-fiches-pratiques article {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 32px;
    white-space: normal;
    width: 25%;
  }
  .liste-fiches-pratiques article:first-child {
    padding-left: 0;
  }
  .liste-fiches-pratiques article:last-child {
    padding-right: 0;
  }
  .liste-fiches-pratiques article.last {
    padding-right: 0;
  }
  .liste-fiches-pratiques article .titre2 {
    height: 2em;
    margin-bottom: 10px;
  }
  .liste-fiches-pratiques article p {
    height: 6em;
  }
  .liste-fiches-pratiques article .voirplus {
    line-height: 16px;
  }
  .liste-fiches-pratiques article::before {
    border-left: 1px dotted #1e2a31;
    bottom: 0;
    content: '';
    display: block;
    right: 8px;
    position: absolute;
    top: -2px;
  }
  .liste-fiches-pratiques article.fin::before {
    display: none;
  }
  .liste-fiches-pratiques article:first-child {
    padding-left: 14px;
  }
  .liste-fiches-pratiques article:last-child {
    padding-right: 14px;
  }
  .liste-fiches-pratiques article.derniereligne {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1100px) {
  .liste-fiches-pratiques article .titre2 {
    margin-bottom: 20px;
  }
  .liste-fiches-pratiques article p {
    overflow: auto;
  }
}
footer#footer {
  clear: both;
  font-family: "Futura W01 Light";
  padding-top: 57px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
footer#footer .logo-site-footer a {
  text-align: right;
  font-size: 0;
  text-indent: -9999px;
  background: url("../images/reviens-leon.png") no-repeat right;
  background-size: 92px 10px;
  height: 16px;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
footer#footer .social {
  margin-top: -56px;
}
footer#footer nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  margin: 5px auto 10px;
}
footer#footer nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  font-size: 10px;
  font-size: 0.71429rem;
  padding: 0 9px 0 15px;
  position: relative;
}
footer#footer nav ul li::before {
  content: '.';
  left: 0;
  position: absolute;
}
footer#footer nav ul li:first-child::before {
  content: '';
}
footer#footer nav ul li a {
  text-decoration: none;
  color: #1e2a31;
}
footer#footer nav ul li a:hover, footer#footer nav ul li a:focus {
  text-decoration: underline;
}
footer#footer nav + ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  margin: 0 auto;
}
footer#footer nav + ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  font-size: 6px;
  font-size: 0.42857rem;
  letter-spacing: 0.1em;
  padding: 0 1px 0 6px;
  position: relative;
}
footer#footer nav + ul li::before {
  content: '.';
  left: 0;
  position: absolute;
}
footer#footer nav + ul li:first-child::before {
  content: '';
}
footer#footer nav + ul li a {
  text-decoration: none;
  color: #7c8183;
}
footer#footer nav + ul li a:hover, footer#footer nav + ul li a:focus {
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  footer#footer .logo-site-footer a {
    background-size: 122px 16px;
  }
  footer#footer .social {
    margin-top: -58px;
  }
}
@media only screen and (min-width: 1100px) {
  footer#footer {
    padding-bottom: 40px;
  }
  footer#footer .logo-site-footer a {
    background-size: 197px 19px;
    height: 19px;
  }
  footer#footer .social {
    margin-top: -90px;
  }
  footer#footer nav {
    margin-top: -70px;
    margin-bottom: 40px;
  }
  footer#footer nav ul {
    text-align: left;
  }
  footer#footer nav ul li {
    font-size: 11px;
    font-size: 0.78571rem;
  }
  footer#footer nav ul li:first-child {
    padding-left: 0;
  }
  footer#footer nav + ul {
    text-align: left;
  }
  footer#footer nav + ul li {
    font-size: 11px;
    font-size: 0.78571rem;
    font-family: "Futura W01 Light";
  }
  footer#footer nav + ul li:first-child {
    padding-left: 0;
  }
}
input {
  -webkit-appearance: none;
}

.form-classic {
  display: inline-block;
  width: 100%;
}
.form-classic input, .form-classic select, .form-classic option {
  font-size: 10px;
  font-size: 0.71429rem;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  color: #1e2a31;
  font-family: "open_sansregular";
  height: 27px;
  letter-spacing: 0.05em;
  line-height: 27px;
  padding: 0 10px;
}
.form-classic input[type="submit"], .form-classic select[type="submit"], .form-classic option[type="submit"] {
  color: #e75a6a;
  cursor: pointer;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  padding: 0 15px;
  text-decoration: underline;
  text-transform: uppercase;
}

.form-offres form {
  margin: 0 10px;
}
.form-offres form input, .form-offres form select {
  width: 100%;
  display: block;
  margin: 10px 0 10px -10px;
  padding: 0 10px;
}
.form-offres form input[type="submit"], .form-offres form select[type="submit"] {
  width: 98px;
  margin: 30px auto 0;
  padding: 0;
}
.form-offres form select {
  width: 104.6%;
}

#privatiserForm {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 30px;
}
#privatiserForm .row-fluidSurvey {
  display: inline-block;
  width: 100%;
}
#privatiserForm div input, #privatiserForm div textarea, #privatiserForm div select {
  width: 100%;
  border: solid 1px #d2d4d6;
  height: 27px;
  color: #1e2a31;
}
#privatiserForm div option {
  color: #1e2a31;
}
#privatiserForm div textarea {
  height: 169px;
}
#privatiserForm div input[type="submit"] {
  width: 89px;
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  line-height: 24px;
  background: #459aba;
  color: #ffffff;
  text-decoration: underline;
  margin: auto;
  text-transform: uppercase;
  display: block;
}
#privatiserForm .centered.submit {
  text-align: center;
  position: relative;
}
#privatiserForm .centered.submit .smallNotice {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (min-width: 768px) {
  .form-classic input, .form-classic select {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-size: 0.85714rem;
  }
  .form-classic input[type="email"], .form-classic select[type="email"] {
    width: 425px;
  }

  .form-offres form input, .form-offres form select {
    width: 25%;
    display: inline-block;
    margin-right: 10px;
  }
  .form-offres form input[type="submit"], .form-offres form select[type="submit"] {
    margin-right: 0;
  }

  #privatiserForm {
    font-size: 16px;
    font-size: 1.14286rem;
  }
  #privatiserForm .span-0, #privatiserForm .span-1 {
    width: 50%;
    box-sizing: border-box;
  }
  #privatiserForm .span-0 {
    float: left;
    padding-right: 15px;
  }
  #privatiserForm .span-1 {
    float: right;
    padding-left: 15px;
  }
  #privatiserForm div input, #privatiserForm div textarea, #privatiserForm div select {
    display: block;
  }
  #privatiserForm .submit input[type="submit"] {
    margin: 15px 0 0 15px;
    display: inline-block;
    font-size: 16px;
    font-size: 1.14286rem;
    width: 170px;
    line-height: 54px;
    height: auto;
  }
  #privatiserForm .submit p {
    display: inline-block;
    float: right;
  }
}
@media only screen and (min-width: 1204px) {
  .form-classic input, .form-classic select, .form-classic option {
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    font-size: 1.14286rem;
  }
  .form-classic input[type="email"], .form-classic select[type="email"], .form-classic option[type="email"] {
    width: 566px;
  }
  .form-classic input[type="submit"], .form-classic select[type="submit"], .form-classic option[type="submit"] {
    font-size: 13px;
    font-size: 0.92857rem;
    padding: 0 30px;
  }

  #privatiserForm .span-1 {
    float: right;
  }
  #privatiserForm .submit {
    clear: both;
    text-align: center;
  }
}
/*
*
*/
header#header {
  background: #ffffff;
  height: 49px;
  left: 0;
  line-height: 49px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
header#header h1 {
  background: url("../images/reviens-leon.png") no-repeat center;
  background-size: 170px 17px;
  display: inline-block;
  font-size: 0;
  height: 17px;
  margin-left: 15px;
  text-indent: -9999px;
  vertical-align: middle;
  width: 170px;
}
header#header h1 a {
  display: block;
  height: 100%;
}
header#header > a {
  font-size: 0px;
  font-size: 0rem;
  background: #e75a6a url("../images/burger-menu.png") no-repeat center;
  background-size: 27px 22px;
  display: block;
  height: 45px;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: 0;
  width: 47px;
}
header#header > a::after {
  border-bottom: 1px solid #459aba;
  border-top: 1px solid #e75a6a;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 46px;
}
header#header > a + nav {
  background: #e75a6a;
  display: none;
  left: 0;
  padding: 36px 40px 48px;
  position: absolute;
  right: 0;
  top: 45px;
}
header#header > a + nav > ul > li {
  line-height: 1.2em;
  padding: 15px 0 10px;
  text-align: right;
}
header#header > a + nav > ul > li > a {
  font-size: 15px;
  font-size: 1.07143rem;
  color: #ffffff;
  display: block;
  height: 100%;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
header#header > a + nav > ul > li ul {
  margin-top: 4px;
}
header#header > a + nav > ul > li ul li {
  line-height: 1.4em;
}
header#header > a + nav > ul > li ul li a {
  font-size: 10px;
  font-size: 0.71429rem;
  text-decoration: none;
  color: #f8ced3;
  font-family: "Futura W01 Book";
  letter-spacing: 0.5em;
  text-transform: uppercase;
}
header#header > a + nav > ul > li ul li a:hover, header#header > a + nav > ul > li ul li a:focus {
  text-decoration: underline;
}
header#header > a + nav > ul > li ul li a::before {
  content: '.';
}
header#header > a + nav.active {
  display: block;
}

@media only screen and (min-width: 768px) {
  header#header > a + nav {
    padding: 46px 40px 58px;
  }
}
@media only screen and (min-width: 1100px) {
  header#header {
    height: 90px;
    line-height: 90px;
  }
  header#header h1 {
    background-size: 330px 31px;
    height: 31px;
    width: 330px;
  }
  header#header > a {
    background-size: 54px 42px;
    height: 82px;
    width: 95px;
  }
  header#header > a:after {
    border-width: 2px;
    height: 2px;
    top: 84px;
  }
  header#header > a + nav {
    left: auto;
    top: 90px;
    width: 557px;
  }
  header#header > a + nav > ul > li {
    left: 70px;
    line-height: 2em;
    padding: 20px 0;
  }
  header#header > a + nav > ul > li > a {
    font-size: 25px;
    font-size: 1.78571rem;
  }
  header#header > a + nav > ul > li ul li {
    line-height: 2.2em;
  }
  header#header > a + nav > ul > li ul li a {
    font-size: 18px;
    font-size: 1.28571rem;
  }
}
.voirplus {
  font-size: 10px;
  font-size: 0.71429rem;
  color: inherit;
  display: block;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  margin-top: 15px;
  text-transform: uppercase;
}
.voirplus:hover {
  color: #e75a6a;
}

.voirpluscercle {
  font-size: 10px;
  font-size: 0.71429rem;
  display: inline-block;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  text-decoration: underline;
  text-transform: uppercase;
}
.voirpluscercle.corner {
  position: relative;
}
.voirpluscercle.corner::before {
  margin-left: 14px;
}
.voirpluscercle.corner::after {
  border-bottom: 1px dotted #ffffff;
  border-left: 1px dotted #ffffff;
  content: '';
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: -13px;
  width: 8px;
}
.voirpluscercle::before {
  background: url("../images/dotted-plus.png") no-repeat 5px center;
  background-size: 9px 9px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  content: '+';
  display: inline-block;
  font-size: 0;
  height: 20px;
  line-height: 25px;
  margin-right: 5px;
  text-decoration: none;
  text-indent: -9999px;
  width: 20px;
}
.voirpluscercle.cornerright {
  position: relative;
  padding-right: 14px;
  line-height: 2em;
  float: right;
}
.voirpluscercle.cornerright::after {
  border-bottom: 1px dotted #ffffff;
  border-right: 1px dotted #ffffff;
  content: '';
  display: block;
  height: 20px;
  right: 0;
  position: absolute;
  top: -13px;
  width: 8px;
}
.voirpluscercle.cornerright::before {
  float: right;
  margin-left: 5px;
}
.voirpluscercle.rouge::before {
  background-image: url("../images/dotted-rouge-plus.png");
  border-color: #e75a6a;
}
.voirpluscercle.bleu::before {
  background-image: url("../images/dotted-bleu-plus.png");
  border-color: #459aba;
}
.voirpluscercle.bleu.corner::after, .voirpluscercle.bleu.cornerright::after, .voirpluscercle.rouge.corner::after, .voirpluscercle.rouge.cornerright::after {
  border-color: #1e2a31;
}
.voirpluscercle.experts {
  margin-left: 50px;
}

.container.page.corps a {
  color: #e75a6a;
}

.listesimple-colorplus ul {
  text-align: left;
}
.listesimple-colorplus ul li {
  display: block;
  font-size: 12px;
  font-size: 0.85714rem;
  line-height: 24px;
  letter-spacing: 0.1em;
  vertical-align: top;
  text-transform: uppercase;
  padding-left: 25px;
  position: relative;
}
.listesimple-colorplus ul li a {
  color: inherit;
  text-decoration: none;
}
.listesimple-colorplus ul li a:hover {
  text-decoration: underline;
}
.listesimple-colorplus ul li::before {
  content: '';
  background: url("../images/color-plus.png") no-repeat center;
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
}
.listesimple-colorplus ul li sup {
  font: initial;
  font-family: "Futura W01 Light";
  vertical-align: super;
  font-size: smaller;
}
.listesimple-colorplus.offres ul {
  margin-left: 70px;
}
.listesimple-colorplus.offres ul li {
  font-family: "Futura W01 Bold";
}
.listesimple-colorplus.fichepratique ul li {
  font-family: "Futura W01 Medium";
  text-decoration: underline;
}

@media only screen and (min-width: 768px) {
  .voirplus {
    font-size: 12px;
    font-size: 0.85714rem;
  }

  .voirpluscercle {
    font-size: 14px;
    font-size: 1rem;
  }
  .voirpluscercle::before {
    background-position: 6px center;
    background-size: 11px 11px;
    height: 25px;
    line-height: 32px;
    width: 25px;
  }
  .voirpluscercle.corner::after, .voirpluscercle.cornerright::after {
    top: -11px;
  }

  .listesimple-colorplus.offres ul {
    text-align: center;
    margin-left: 0;
  }
  .listesimple-colorplus.offres ul li {
    display: inline-block;
  }
  .listesimple-colorplus.offres ul li:first-child {
    padding-left: 0;
  }
  .listesimple-colorplus.offres ul li:first-child::before {
    display: none;
  }
}
@media only screen and (min-width: 1100px) {
  .voirplus {
    font-size: 11px;
    font-size: 0.78571rem;
  }

  .voirpluscercle {
    font-size: 10px;
    font-size: 0.71429rem;
  }
  .voirpluscercle::before {
    background-position: center;
    background-size: auto;
    height: 42px;
    line-height: 47px;
    width: 42px;
  }
  .voirpluscercle.corner {
    margin-left: 80px;
    margin-top: 10px;
  }
  .voirpluscercle.corner::before {
    margin-left: 25px;
  }
  .voirpluscercle.corner::after {
    height: 41px;
    top: -20px;
    width: 15px;
  }
  .voirpluscercle.cornerright {
    margin-right: 80px;
    margin-top: 10px;
    line-height: 4.2em;
  }
  .voirpluscercle.cornerright::after {
    height: 41px;
    top: -20px;
    width: 15px;
  }
  .voirpluscercle.experts.corner {
    margin-left: 130px;
  }
  .voirpluscercle.experts.cornerright {
    margin-right: 130px;
  }

  .listesimple-colorplus ul li {
    font-size: 16px;
    font-size: 1.14286rem;
    padding-left: 45px;
    height: 2em;
    padding-top: 8px;
  }
  .listesimple-colorplus ul li::before {
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
    left: 2px;
    top: 3px;
  }
}
nav.listesimple-colorplus {
  clear: both;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml15 {
  margin-left: 15px;
}

.ml30 {
  margin-left: 30px;
}

.mr15 {
  margin-right: 15px;
}

.mr30 {
  margin-right: 30px;
}

.m20 {
  margin: 20px auto;
}

.m30 {
  margin: 30px auto;
}

.m50 {
  margin: 50px auto;
}

.pb30 {
  padding-bottom: 30px;
}

.pb15 {
  padding-bottom: 15px;
}

.corps .object-center:last-child, .corps .object-left:last-child, .corps .object-right:last-child {
  margin-bottom: 10em;
}

@media only screen and (min-width: 1100px) {
  .mt25 {
    margin-top: 25px !important;
  }

  .m30 {
    margin: 60px auto;
  }
}
.navinterne {
  margin-top: 8px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 0;
  position: relative;
  text-align: center;
}
.navinterne:before {
  border-top: 6px solid #e75a6a;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: -8px;
}
.navinterne ul {
  display: none;
}
.navinterne ul li.active {
  display: none;
}
.navinterne ul li, .navinterne div {
  font-size: 13px;
  font-size: 0.92857rem;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  line-height: 1.3em;
  padding: 11px 0;
  text-transform: uppercase;
}
.navinterne ul li.active, .navinterne div.active {
  font-family: "Futura W01 Bold";
}
.navinterne ul li a, .navinterne div a {
  text-decoration: none;
  color: #ffffff !important;
  display: block;
  height: 100%;
}
.navinterne ul li a:hover, .navinterne ul li a:focus, .navinterne div a:hover, .navinterne div a:focus {
  text-decoration: underline;
}
.navinterne ul li a > sup, .navinterne div a > sup {
  text-decoration: none !important;
}
.navinterne div a span::before, .navinterne div a span::after {
  background: url("../images/navinterne-down-bg.png") no-repeat center;
  background-size: 16px 8px;
  content: '';
  display: inline-block;
  height: 8px;
  width: 16px;
}
.navinterne div a span::before {
  margin-right: 22px;
}
.navinterne div a span::after {
  margin-left: 22px;
}
.navinterne div a.clicked span::before, .navinterne div a.clicked span::after {
  background-image: url("../images/navinterne-up-bg.png");
}
.navinterne.type-offre {
  margin-top: 0;
  background: #daebf1;
}
.navinterne.type-offre::before {
  display: none;
}
.navinterne.type-offre sup {
  vertical-align: super;
  font-size: smaller;
}
.navinterne.type-offre a {
  color: #000000;
  font-family: "Futura W01 Bold";
}
.navinterne.type-offre div a span::before, .navinterne.type-offre div a span::after {
  background-image: url("../images/navinterne-down-bg-type-offre.png");
}
.navinterne.type-offre div a.clicked span::before, .navinterne.type-offre div a.clicked span::after {
  background-image: url("../images/navinterne-up-bg-type-offre.png");
}

.nav-fichepratique {
  display: none;
}

@media only screen and (min-width: 768px) {
  .navinterne {
    float: right;
    margin-bottom: 15px;
    margin-left: 30px;
    margin-right: -87px;
    width: 240px;
  }
  .navinterne ul {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  .navinterne ul li {
    position: relative;
    text-align: left;
  }
  .navinterne ul li.active, .navinterne ul li:hover {
    display: block;
  }
  .navinterne ul li.active::before, .navinterne ul li.active::after, .navinterne ul li:hover::before, .navinterne ul li:hover::after {
    background: url("../images/navinterne-right-bg.png") no-repeat center;
    background-size: 8px 14px;
    content: '';
    display: block;
    height: 14px;
    left: -20px;
    margin-top: -7px;
    position: absolute;
    width: 8px;
    top: 50%;
  }
  .navinterne ul li.active::after, .navinterne ul li:hover::after {
    background-image: url("../images/navinterne-left-bg.png");
    left: auto;
    right: -20px;
  }
  .navinterne ul li.active a, .navinterne ul li:hover a {
    color: #ffffff;
    font-family: "Futura W01 Bold";
    text-decoration: none;
  }
  .navinterne ul li a {
    background: url("../images/navinterne-plus.png") no-repeat left center;
    background-size: 9px 9px;
    padding-left: 15px;
  }
  .navinterne + .corps {
    float: left;
  }
  .navinterne.type-offre {
    float: none;
    width: auto;
    margin: 0 -15px 15px;
    padding: 0;
  }
  .navinterne.type-offre::before {
    display: none;
  }
  .navinterne.type-offre ul li {
    font-size: 11px;
    font-size: 0.78571rem;
    display: inline-block;
    padding: 16px 0;
  }
  .navinterne.type-offre ul li.active, .navinterne.type-offre ul li:hover {
    background: #3b8eb0;
  }
  .navinterne.type-offre ul li.active::after, .navinterne.type-offre ul li:hover::after {
    background: url("../images/navinterne-top-bg.png") no-repeat center;
    content: '';
    background-size: 16px 8px;
    display: block;
    width: 16px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 49px;
  }
  .navinterne.type-offre ul li.active::before, .navinterne.type-offre ul li:hover::before {
    display: none;
  }
  .navinterne.type-offre ul li.active a, .navinterne.type-offre ul li:hover a {
    color: #ffffff;
  }
  .navinterne.type-offre ul li a {
    color: #000000;
    background: none;
    padding: 0 13px;
  }
  .navinterne.type-offre sup {
    vertical-align: super;
    font-size: 8px;
    font-size: 0.57143rem;
  }
  .navinterne.type-offre div a span::before, .navinterne.type-offre div a span::after {
    background-image: url("../images/navinterne-down-bg-type-offre.png");
  }
  .navinterne.type-offre div a.clicked span::before, .navinterne.type-offre div a.clicked span::after {
    background-image: url("../images/navinterne-up-bg-type-offre.png");
  }
}
@media only screen and (min-width: 1100px) {
  .navinterne {
    margin-bottom: 30px;
    margin-left: 40px;
    margin-right: -140px;
    width: 340px;
  }
  .navinterne.type-offre ul li {
    font-size: 16px;
    font-size: 1.14286rem;
    padding: 35px 0;
  }
  .navinterne.type-offre ul li.active::after, .navinterne.type-offre ul li:hover::after {
    top: 85px;
    background-size: 32px 16px;
    width: 32px;
    height: 16px;
    margin-left: -16px;
  }

  .nav-fichepratique {
    display: block;
  }
  .nav-fichepratique ul li {
    position: fixed;
    font-size: 16px;
    font-size: 1.14286rem;
    top: 430px;
    z-index: 99;
  }
  .nav-fichepratique ul li.prev {
    left: 45px;
  }
  .nav-fichepratique ul li.prev .prev-bg {
    background: url("../images/nav-fichepratique-left.png") no-repeat center;
    float: left;
  }
  .nav-fichepratique ul li.prev .prev-txt {
    float: left;
    margin-left: -33px;
    padding: 25px 25px 25px 58px;
  }
  .nav-fichepratique ul li.next {
    right: 45px;
  }
  .nav-fichepratique ul li.next .next-bg {
    background: url("../images/nav-fichepratique-right.png") no-repeat center;
    float: right;
  }
  .nav-fichepratique ul li.next .next-txt {
    float: right;
    margin-right: -33px;
    padding: 25px 58px 25px 25px;
  }
  .nav-fichepratique ul li:hover .next-txt, .nav-fichepratique ul li:hover .prev-txt {
    display: block;
    background: #ffffff;
  }
  .nav-fichepratique ul li .prev-bg, .nav-fichepratique ul li .next-bg {
    width: 66px;
    height: 66px;
    display: block;
    position: relative;
    z-index: 999;
  }
  .nav-fichepratique ul li .next-txt, .nav-fichepratique ul li .prev-txt {
    display: none;
  }
}
.form-classic {
  padding: 30px 0;
}

@media only screen and (min-width: 1100px) {
  .form-classic {
    padding: 60px 0;
  }
}
/**
 * Listing offres
 */
.liste-offres article {
  border-bottom: 1px dotted #1e2a31;
  clear: both;
  padding: 10px 0 20px;
  position: relative;
}
.liste-offres article::after {
  background: url("../images/color-plus.png") no-repeat center;
  background-size: 17px;
  bottom: -9px;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 0;
  width: 17px;
}
.liste-offres article:last-of-type::after {
  display: none;
}
.liste-offres article .mediao__body {
  width: initial;
  float: none;
}
.liste-offres article .mediao__figure {
  float: left;
  min-height: 100px;
  overflow: hidden;
  text-align: center;
  width: 38%;
}
.liste-offres article .mediao__figure img {
  height: auto;
  width: 107px;
  margin-right: 14px;
}
.liste-offres article.hl .titre2 {
  padding-right: 40px;
  position: relative;
}
.liste-offres article.hl .titre2 span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 11px;
  font-size: 0.78571rem;
  background: #e75a6a;
  color: #ffffff;
  font-family: "open_sanssemibold";
  margin-top: -4px;
  padding: 2px 5px;
  text-transform: uppercase;
}
.liste-offres article.hl .titre2::after {
  background: url("../images/hl-mobile.png") no-repeat right top;
  background-size: 30px 30px;
  content: '';
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.liste-offres article.grownup::before {
  border-top: 2px solid #459aba;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: -17px;
}
.liste-offres article.grownup .rouge, .liste-offres article.grownup .rouge a {
  color: #459aba;
}
.liste-offres article.grownup a:hover {
  color: #459aba;
}
.liste-offres article.grownup.hl .titre2:after {
  background-image: url("../images/hl-grownup-mobile.png");
}
.liste-offres article.grownup.hl .titre2 span {
  background: #459aba;
}
.liste-offres p {
  line-height: 22px;
  margin-top: 5px;
}

.resultat-recherche-offre {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "Futura W01 Light";
  line-height: 30px;
  color: #8d9397;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .liste-offres {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px;
  }
  .liste-offres article {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
    clear: none;
    padding: 3px 11px 20px 11px !important;
    white-space: normal;
    width: 25%;
    /*&:first-child {
    	padding-left: 14px;
    	&::before {
    	}
    }*/
  }
  .liste-offres article:first-child {
    padding-left: 0;
  }
  .liste-offres article:last-child {
    padding-right: 0;
  }
  .liste-offres article.last {
    padding-right: 0;
  }
  .liste-offres article .titre2 {
    height: 2em;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
  }
  .liste-offres article p {
    height: 2em;
  }
  .liste-offres article::before {
    border-left: 1px dotted #1e2a31;
    bottom: 0;
    content: '';
    display: block;
    right: 0;
    position: absolute;
    top: -2px;
  }
  .liste-offres article::after {
    right: -8px;
  }
  .liste-offres article.fin::before {
    display: none;
  }
  .liste-offres article.fin::after {
    display: none;
  }
  .liste-offres article.derniereligne {
    border-bottom: none;
  }
  .liste-offres article.derniereligne::after {
    display: none;
  }
  .liste-offres article .decohover {
    border: #ffffff 10px solid;
    box-sizing: border-box;
    padding: 7px 17px 20px;
  }
  .liste-offres article.hl .titre2 {
    position: initial;
    padding-right: 0;
  }
  .liste-offres article.hl .titre2 span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 12px;
    font-size: 0.85714rem;
    background: #e75a6a;
    color: #ffffff;
    font-family: "open_sanssemibold";
    margin-top: -3px;
    padding: 2px 5px;
    text-transform: uppercase;
  }
  .liste-offres article.hl .titre2::after {
    background: url("../images/hl-desktop.png") no-repeat right top;
    background-size: 81px 81px;
    content: '';
    display: block;
    height: 81px;
    left: 12px;
    position: absolute;
    right: auto;
    top: 2px;
    width: 81px;
  }
  .liste-offres article.hl:hover .decohover {
    border-color: #e75a6a;
  }
  .liste-offres article.grownup::before {
    border-top: none;
    border-left: 4px solid #459aba;
    bottom: 0;
    content: '';
    display: block;
    left: -2px;
    right: auto;
    top: -10px;
    position: absolute;
  }
  .liste-offres article.grownup .decohover {
    border-color: #ecf5f8;
  }
  .liste-offres article.grownup.hl .titre2 span {
    background: #459aba;
  }
  .liste-offres article.grownup.hl .titre2:after {
    background-image: url("../images/hl-grownup-desktop.png");
  }
  .liste-offres article.grownup.hl:hover .decohover {
    border-color: #459aba;
  }
  .liste-offres.page-listing-offre article .mediao__figure {
    float: none;
    width: 100%;
  }
  .liste-offres.page-listing-offre article .mediao__body > p {
    margin: 0;
  }

  .resultat-recherche-offre {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) {
  .liste-offres {
    margin-bottom: 20px;
  }
  .liste-offres article {
    /*&:first-child {
    	padding-left: 30px;
    }*/
  }
  .liste-offres article .mediao__figure {
    text-align: left;
    margin-right: 0;
  }
  .liste-offres article p {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1100px) {
  .liste-offres article {
    padding: 3px 11px 20px;
  }
  .liste-offres article .titre2 {
    height: 3em;
  }
  .liste-offres.page-listing-offre article .mediao__figure img {
    width: 155px;
  }
}
/**
 * Page Offre
 */
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(http://reviensleon.com/design/ReviensLeon/stylesheets/AjaxLoader.gif) no-repeat center center;
}

#carouselhome {
  position: relative;
}
#carouselhome .owl-item > div {
  height: 350px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
#carouselhome .owl-item > div img {
  display: block;
  height: 100%;
  left: 50%;
  margin-left: -746px;
  position: absolute;
  width: auto;
}
#carouselhome .owl-item > div > .container {
  text-decoration: none;
  color: #ffffff;
  height: 100%;
  padding-top: 125px;
  position: relative;
  text-transform: uppercase;
  z-index: 10;
  background: url("http://reviensleon.com/design/ReviensLeon/images/logo_slider.png") no-repeat center 20px;
  background-size: 56px 67px;
}
#carouselhome .owl-item > div > .container p:first-child {
  font-size: 20px;
  font-size: 1.42857rem;
  font-family: "Futura W01 Light";
  letter-spacing: 0.1em;
  line-height: 1.3em;
}
#carouselhome .owl-item > div > .container p:first-child b {
  font-size: 36px;
  font-size: 2.57143rem;
  font-family: "Futura W01 Heavy";
  display: block;
  letter-spacing: 0.1em;
  line-height: 1.1em;
}
#carouselhome .owl-pagination {
  background: url("../images/carousel-pagination-bg.png") no-repeat center;
  background-size: 63px auto;
  bottom: 0;
  position: absolute;
  height: 32px;
  left: 50%;
  margin-left: -31px;
  width: 63px;
}
#carouselhome .owl-pagination .owl-page {
  margin-top: 25px;
}
#carouselhome .owl-pagination .owl-page span {
  background: #8e9498;
  border-radius: 100%;
  margin: 0 1px 0 2px;
  height: 7px;
  opacity: 1;
  width: 7px;
}
#carouselhome .owl-pagination .owl-page.active span {
  background: #e75a6a;
}

.carousel {
  position: relative;
}
.carousel.cols4 .owl-buttons {
  bottom: -45px;
  position: absolute;
  right: 15px;
  text-align: right;
}
.carousel.cols4 .owl-buttons .owl-prev, .carousel.cols4 .owl-buttons .owl-next {
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-size: 0;
  height: 20px;
  opacity: 1;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}
.carousel.cols4 .owl-buttons .owl-prev {
  background: url("../images/carousel-prev-bg.png") no-repeat center;
  background-size: 6px 12px;
}
.carousel.cols4 .owl-buttons .owl-next {
  background: url("../images/carousel-next-bg.png") no-repeat center;
  background-size: 6px 12px;
}

#offresHome {
  position: relative;
}
#offresHome .owl-buttons {
  bottom: -45px;
  position: absolute;
  right: 15px;
  text-align: right;
  /*TODO : Déclinez les PNG aux couleurs du slider */
}
#offresHome .owl-buttons .owl-prev, #offresHome .owl-buttons .owl-next {
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-size: 0;
  height: 20px;
  opacity: 1;
  padding: 0;
  text-indent: -9999px;
  width: 20px;
}
#offresHome .owl-buttons .owl-prev {
  background: url("../images/carousel-prev-bg.png") no-repeat center;
  background-size: 6px 12px;
}
#offresHome .owl-buttons .owl-next {
  background: url("../images/carousel-next-bg.png") no-repeat center;
  background-size: 6px 12px;
}

@media only screen and (min-width: 768px) {
  #carouselhome {
    position: relative;
  }
  #carouselhome .owl-item > div {
    height: 370px;
  }
  #carouselhome .owl-item > div img {
    margin-left: -788px;
    width: 1577px;
  }
  #carouselhome .owl-item > div > .container {
    padding-top: 125px;
    background-size: 56px 67px;
    background-position-y: 30px;
  }
  #carouselhome .owl-item > div > .container p:first-child {
    font-size: 30px;
    font-size: 2.14286rem;
  }
  #carouselhome .owl-item > div > .container p:first-child b {
    font-size: 40px;
    font-size: 2.85714rem;
  }

  .carousel {
    position: relative;
  }
  .carousel.cols4 .owl-buttons {
    bottom: -45px;
    right: 15px;
  }
  .carousel.cols4 .owl-buttons .owl-prev, .carousel.cols4 .owl-buttons .owl-next {
    height: 25px;
    width: 25px;
  }
}
@media only screen and (min-width: 1100px) {
  #carouselhome {
    position: relative;
  }
  #carouselhome .owl-item > div {
    height: 610px;
  }
  #carouselhome .owl-item > div img {
    margin-left: -1300px;
    width: 2600px;
  }
  #carouselhome .owl-item > div > .container {
    padding-top: 260px;
    background-size: 112px 133px;
    background-position-y: 80px;
    max-width: none;
  }
  #carouselhome .owl-item > div > .container p:first-child {
    font-size: 48px;
    font-size: 3.42857rem;
  }
  #carouselhome .owl-item > div > .container p:first-child b {
    font-size: 72px;
    font-size: 5.14286rem;
  }

  .carousel {
    position: relative;
  }
  .carousel.cols4 .owl-buttons {
    bottom: -79px;
    right: 15px;
  }
  .carousel.cols4 .owl-buttons .owl-prev, .carousel.cols4 .owl-buttons .owl-next {
    background-position: center;
    background-size: auto;
    height: 42px;
    width: 42px;
  }
}
/**
 * Pagination Listing
 */
.pagination {
  display: inline-block;
  width: 100%;
}
.pagination ul {
  text-align: center;
}
.pagination ul li {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.pagination ul li a {
  text-decoration: none;
  color: #000000;
}
.pagination ul li a:hover {
  text-decoration: underline;
  color: #e75a6a;
}
.pagination ul li.prev, .pagination ul li.next {
  border: solid 1px #e75a6a;
  border-radius: 22px;
  padding: 6px 3px 0 3px;
  height: 22px;
  width: 22px;
}
.pagination ul li.prev a, .pagination ul li.next a {
  width: 23px;
  height: 16px;
  display: block;
}
.pagination ul li.prev a {
  background: url("../images/pagination_prev.png") no-repeat center center;
}
.pagination ul li.next a {
  background: url("../images/pagination_next.png") no-repeat center center;
}
.pagination ul li.current {
  color: #e75a6a;
}
.pagination ul li.disabled {
  border: solid 1px #c7c7c7;
}
.pagination ul li.disabled a {
  color: #c7c7c7;
}

/**
 * Listing partenaires
 */
.titre1.topmotif.nos-partenaires {
  text-align: center;
  letter-spacing: 0.1em;
}

.liste-partenaires article {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px dotted #1e2a31;
  padding: 20px 0;
  position: relative;
  overflow: visible;
}
.liste-partenaires article::after {
  background: url("../images/color-plus.png") no-repeat center;
  background-size: 17px;
  bottom: -9px;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 0px;
  width: 17px;
}
.liste-partenaires article.fin {
  margin-bottom: 10px;
}
.liste-partenaires article .mediao__body {
  width: initial;
  float: none;
}
.liste-partenaires article .mediao__figure {
  float: left;
  max-height: 80px;
  overflow: hidden;
  text-align: center;
  width: 38%;
}
.liste-partenaires article .mediao__figure img {
  height: auto;
  width: 107px;
  margin-right: 14px;
}

@media only screen and (min-width: 768px) {
  .liste-partenaires {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    *zoom: 1;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .liste-partenaires article {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
    white-space: normal;
    width: 25%;
    overflow: visible;
  }
  .liste-partenaires article:first-child {
    padding-left: 0;
  }
  .liste-partenaires article:last-child {
    padding-right: 0;
  }
  .liste-partenaires article.last {
    padding-right: 0;
  }
  .liste-partenaires article .titre2 {
    height: 4em;
    margin-bottom: 10px;
  }
  .liste-partenaires article p {
    height: 6em;
  }
  .liste-partenaires article::before {
    border-left: 1px dotted #1e2a31;
    bottom: 0;
    content: '';
    display: block;
    right: 8px;
    position: absolute;
    top: -2px;
  }
  .liste-partenaires article.fin::before {
    display: none;
  }
  .liste-partenaires article.fin::after {
    display: none;
  }
  .liste-partenaires article:first-child {
    padding-left: 29px;
  }
  .liste-partenaires article.derniereligne {
    border-bottom: none;
    /*&::after {
        display: none;
    }*/
  }
  .liste-partenaires article .mediao__figure {
    float: none;
    max-height: none;
    width: 100%;
  }
  .liste-partenaires article .mediao__figure img {
    width: 80%;
  }
  .liste-partenaires article .mediao__body {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  .liste-partenaires article {
    padding-left: 29px;
    padding-right: 29px;
  }
  .liste-partenaires article::after {
    background: url("../images/color-plus.png") no-repeat center;
    background-size: 34px;
    bottom: -10px;
    content: '';
    display: block;
    height: 34px;
    position: absolute;
    right: -9px;
    width: 34px;
  }
  .liste-partenaires article .titre2 {
    margin-bottom: 0;
    margin-top: 20px;
  }
  .liste-partenaires article .mediao__body a {
    margin-top: 0;
  }
}
.quote {
  font-size: 14px;
  font-size: 1rem;
  font-family: "playfair_displayitalic";
  line-height: 18px;
  position: relative;
}
.quote::after {
  background: url("../images/quote-after.png") no-repeat center;
  background-size: 20px 16px;
  content: '';
  color: #459aba;
  display: inline-block;
  font-family: "playfair_displayitalic";
  height: 16px;
  padding: 4px;
  vertical-align: top;
  width: 20px;
}

.temoignage {
  padding: 25px 0 15px;
  position: relative;
}
.temoignage .mediao__figure {
  margin-right: 14px;
}
.temoignage .mediao__figure img {
  height: auto;
  position: relative;
  width: 117px;
  z-index: 1;
}
.temoignage .mediao__body p {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 12px;
}
.temoignage .mediao__body p b {
  color: #e75a6a;
  display: block;
  font-family: "open_sanssemibold";
}
.temoignage::before {
  content: '';
  border-left: 1px dotted #1e2a31;
  bottom: 11px;
  left: 15px;
  position: absolute;
  top: 0;
}

.contactleon {
  padding: 25px 40px 30px;
}
.contactleon a {
  text-decoration: none;
}
.contactleon a:hover, .contactleon a:focus {
  text-decoration: underline;
}
.contactleon p:first-child {
  font-size: 24px;
  font-size: 1.71429rem;
  font-family: "Futura W01 Light";
  letter-spacing: 0.1em;
  line-height: 1.4em;
  text-transform: uppercase;
}
.contactleon p:first-child b {
  font-family: "Futura W01 Medium";
  display: block;
}
.contactleon p:first-child + p {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "Futura W01 Medium";
  letter-spacing: 100;
  text-decoration: underline;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
  .container.paroles {
    float: left;
    width: 510px;
  }
  .container.paroles .temoignage .mediao__figure {
    margin-right: 20px;
  }
  .container.paroles .temoignage .mediao__figure img {
    width: 140px;
  }
  .container.paroles .temoignage::before {
    bottom: 2px;
  }

  .contactleon {
    padding: 15px 12px;
    box-sizing: border-box;
    float: right;
    height: 165px;
    margin-right: 15px;
    margin-top: 80px;
    width: 172px;
  }
  .contactleon p:first-child {
    font-size: 20px;
    font-size: 1.42857rem;
    line-height: 25px;
  }
  .contactleon p:first-child + p {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 18px;
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1100px) {
  .quote {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 36px;
  }
  .quote::after {
    background-size: 40px 32px;
    height: 32px;
    padding: 28px 4px 0;
    width: 40px;
  }

  .container.paroles {
    float: left;
    width: 730px;
  }
  .container.paroles .temoignage .mediao__figure {
    margin-right: 35px;
  }
  .container.paroles .temoignage .mediao__figure img {
    width: 233px;
  }
  .container.paroles .temoignage .mediao__body p {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 24px;
  }
  .container.paroles .temoignage::before {
    bottom: 2px;
    left: 80px;
  }

  .contactleon {
    padding: 40px 30px;
    box-sizing: border-box;
    float: right;
    height: 290px;
    margin-right: 15px;
    margin-top: 140px;
    width: 342px;
  }
  .contactleon p:first-child {
    font-size: 36px;
    font-size: 2.57143rem;
    line-height: 1.2em;
  }
  .contactleon p:first-child + p {
    line-height: 18px;
    margin-top: 4em;
  }
}
.liste-recruteurs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.liste-recruteurs.carousel .owl-item {
  text-align: center;
}
.liste-recruteurs.carousel .owl-item article::before {
  border: none;
}
.liste-recruteurs.carousel .owl-item article img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.liste-recruteurs article {
  border-bottom: 1px dotted #1e2a31;
  padding: 10px 0 20px;
  position: relative;
}
.liste-recruteurs article .partenaire-listing-description b {
  font-weight: bold;
}
.liste-recruteurs article::after {
  background: url("../images/color-plus.png") no-repeat center;
  background-size: 17px;
  bottom: -9px;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 0;
  width: 17px;
}
.liste-recruteurs article:last-of-type {
  border-bottom: none;
}
.liste-recruteurs article:last-of-type::after {
  display: none;
}
.liste-recruteurs article .mediao__body {
  width: 100%;
  float: none;
}
.liste-recruteurs article .mediao__body > a + a {
  margin-top: 5px;
}
.liste-recruteurs article .mediao__figure {
  float: left;
  width: 38%;
  min-height: 75px;
  overflow: hidden;
  text-align: center;
}
.liste-recruteurs article .mediao__figure img {
  height: auto;
  width: 107px;
  margin-right: 14px;
}
.liste-recruteurs p {
  line-height: 22px;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .liste-recruteurs article {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box;
    padding-left: 14px;
    padding-right: 14px;
    white-space: normal;
    width: 25%;
  }
  .liste-recruteurs article:first-child {
    padding-left: 0;
  }
  .liste-recruteurs article:last-child {
    padding-right: 0;
  }
  .liste-recruteurs article.last {
    padding-right: 0;
  }
  .liste-recruteurs article .titre2 {
    height: 3em;
    margin-bottom: 10px;
  }
  .liste-recruteurs article::before {
    border-left: 1px dotted #1e2a31;
    bottom: 0;
    content: '';
    display: block;
    right: 0;
    position: absolute;
    top: -2px;
  }
  .liste-recruteurs article::after {
    right: -8px;
  }
  .liste-recruteurs article.fin::before {
    display: none;
  }
  .liste-recruteurs article.fin::after {
    display: none;
  }
  .liste-recruteurs article:first-child {
    padding-left: 14px;
  }
  .liste-recruteurs article.derniereligne {
    border-bottom: none;
  }
  .liste-recruteurs article.derniereligne::after {
    display: none;
  }
  .liste-recruteurs article .mediao__figure {
    float: none;
    width: 100%;
    height: 160px;
    text-align: left;
  }
  .liste-recruteurs.carousel article {
    width: 100%;
  }
}
@media only screen and (min-width: 1100px) {
  .liste-recruteurs.carousel .owl-item {
    text-align: center;
  }
  .liste-recruteurs.carousel .owl-item img {
    width: 245px;
  }
  .liste-recruteurs article {
    padding: 20px 30px 40px;
  }
  .liste-recruteurs article:first-child {
    padding-left: 30px;
  }
  .liste-recruteurs article:last-child {
    padding-right: 30px;
  }
  .liste-recruteurs article .mediao__figure img {
    max-height: 160px;
    width: auto;
    max-width: 100%;
  }
}
hr {
  background: #ffffff;
  border-bottom: 1px solid #459aba;
  border-left: none;
  border-right: none;
  border-top: 1px solid #e75a6a;
  height: 1px;
  clear: both;
}
hr.bleuFirst {
  border-bottom-color: #e75a6a;
  border-top-color: #459aba;
}
hr.simple {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px dotted #1e2a31;
  height: 1px;
}

@media only screen and (min-width: 768px) {
  hr {
    box-sizing: border-box;
    height: 6px;
    border-bottom-width: 2px;
    border-top-width: 2px;
  }
}
ul.social {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
ul.social li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  white-space: nowrap;
  padding-left: 3px;
  padding-right: 3px;
  background: url("../images/social-bg.png") no-repeat center;
  background-size: 34px 48px;
  height: 48px;
  width: 34px;
}
ul.social li a {
  background-position: center 8px;
  background-repeat: no-repeat;
  background-size: auto 15px;
  display: block;
  font-size: 0;
  height: 100%;
  text-indent: -9999px;
}
ul.social li.ico-fb a {
  background-image: url("../images/social-fb.png");
}
ul.social li.ico-tw a {
  background-image: url("../images/social-tw.png");
}
ul.social li.ico-in a {
  background-image: url("../images/social-in.png");
}
ul.social li.ico-mail a {
  background-image: url("../images/social-in.png");
}

.logo .attribute-caption {
  text-align: center;
}
.logo .attribute-caption ul.social {
  display: block;
}
.logo .attribute-caption ul.social li.ico-fb {
  background-image: url("../images/social-fb-bg.png");
}
.logo .attribute-caption ul.social li.ico-tw {
  background-image: url("../images/social-tw-bg.png");
}
.logo .attribute-caption ul.social li.ico-in {
  background-image: url("../images/social-in-bg.png");
}

.chapo + .partage {
  margin-top: 60px;
}

.corps + .partage {
  margin-bottom: 70px;
}

@media only screen and (min-width: 768px) {
  .corps .object-left.logo .attribute-caption {
    position: relative;
    text-align: left;
    max-width: none !important;
  }
}
@media only screen and (min-width: 1100px) {
  ul.social li {
    background-size: 67px 95px;
    height: 95px;
    width: 67px;
  }
  ul.social li a {
    background-position: center 15px;
    background-size: auto auto;
  }

  .corps .object-left.logo .attribute-caption {
    overflow: hidden;
    *zoom: 1;
  }
  .corps .object-left.logo .attribute-caption ul.social {
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 10;
  }
  .corps .object-left.logo .attribute-caption p {
    margin-top: 10px;
  }
}
.titre1, .corps h2 {
  font-size: 24px;
  font-size: 1.71429rem;
  font-family: "Futura W01 Light";
  letter-spacing: 0.05em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.titre1 a, .corps h2 a {
  text-decoration: none;
}
.titre1 a:hover, .titre1 a:focus, .corps h2 a:hover, .corps h2 a:focus {
  text-decoration: underline;
}

header .titre1 {
  font-size: 30px;
  font-size: 2.14286rem;
  letter-spacing: 0.1em;
}

.titre2 {
  font-size: 14px;
  font-size: 1rem;
  font-family: "open_sanssemibold";
  letter-spacing: 0.05em;
  line-height: 17px;
}
.titre2 a {
  text-decoration: none;
}
.titre2 a:hover, .titre2 a:focus {
  text-decoration: underline;
}

.titre3 {
  font-size: 16px;
  font-size: 1.14286rem;
  font-family: "Futura W01 Medium";
  letter-spacing: 0.1em;
  line-height: 20px;
  text-transform: uppercase;
}

.label {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-family: "Futura W01 Heavy";
  letter-spacing: 0.1em;
  padding: 4px 9px;
  text-transform: uppercase;
}
.label:after {
  content: '';
  display: block;
  height: 1px;
}

.infos {
  font-size: 10px;
  font-size: 0.71429rem;
  color: #52616a;
  font-family: "open_sanssemibold";
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.chapo {
  font-size: 15px;
  font-size: 1.07143rem;
  font-family: "FuturaW01-LightOblique";
  letter-spacing: 0.05em;
  line-height: 20px;
  text-align: justify;
}
.chapo a {
  color: #1e2a31;
}
.chapo a:hover {
  color: #e75a6a;
}

.corps {
  font-size: 14px;
  font-size: 1rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 21px;
}
.corps h2 {
  color: #e75a6a;
}
.corps h3 {
  font-size: 14px;
  font-size: 1rem;
  color: #e75a6a;
  font-family: "Futura W01 Bold";
  letter-spacing: 0.05em;
  line-height: 23px;
  margin-top: 1.5em;
  text-transform: uppercase;
}
.corps > p {
  margin: 10px auto;
  text-align: justify;
}
.corps > ul li::before {
  background: #1e2a31;
  content: '';
  display: block;
  height: 1px;
  top: 0.8em;
  width: 15px;
}
.corps > ol li {
  counter-increment: step-counter;
}
.corps > ol li::before {
  top: 0;
  content: counter(step-counter) ".";
}
.corps > ul, .corps ol {
  margin: 10px auto;
}
.corps > ul li, .corps ol li {
  padding-left: 45px;
  position: relative;
}
.corps > ul li::before, .corps ol li::before {
  left: 15px;
  position: absolute;
}
.corps > p b, .corps li b {
  font-family: "open_sanssemibold";
}
.corps > p a, .corps li a {
  color: #1e2a31;
}
.corps > p a:hover, .corps li a:hover {
  color: #e75a6a;
}
.corps > p i, .corps li i {
  font-family: "open_sansitalic";
}
.corps > p b i, .corps > p i b, .corps li b i, .corps li i b {
  font-family: "open_sanssemibold";
  font-style: italic;
}
.corps blockquote {
  margin: 15px auto;
}
.corps blockquote p:first-of-type {
  font-size: 19px;
  font-size: 1.35714rem;
  font-family: "playfair_displayitalic";
  line-height: 23px;
  position: relative;
}
.corps blockquote p:first-of-type::after {
  background: url("../images/quote-after.png") no-repeat center;
  background-size: 20px 16px;
  content: '';
  color: #459aba;
  display: inline-block;
  font-family: "playfair_displayitalic";
  height: 16px;
  padding: 4px;
  vertical-align: top;
  width: 20px;
}
.corps blockquote p:first-of-type + p {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 14px;
  margin-top: 10px;
}
.corps blockquote p:first-of-type + p b {
  color: #e75a6a;
  display: block;
  font-family: "open_sanssemibold";
}
.corps iframe {
  width: 100% !important;
}
.corps .attribute-image img {
  height: auto;
  width: 100%;
}
.corps .attribute-caption {
  margin-top: 12px;
}
.corps .attribute-caption p {
  font-size: 10px;
  font-size: 0.71429rem;
  font-family: "open_sansregular";
  letter-spacing: 0.05em;
  line-height: 14px;
  position: relative;
}
.corps .attribute-caption p::before {
  border-bottom: 1px solid #459aba;
  border-top: 1px solid #e75a6a;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  top: -6px;
  width: 16px;
}
.corps .logo .attribute-caption p {
  text-transform: uppercase;
}
.corps .logo .attribute-caption p a {
  display: block;
}
.corps .logo .attribute-caption p::before {
  display: none;
}

@media only screen and (min-width: 768px) {
  .titre1 {
    font-size: 30px;
    font-size: 2.14286rem;
  }

  .infos {
    font-size: 12px;
    font-size: 0.85714rem;
    line-height: 15px;
  }

  .label {
    font-size: 14px;
    font-size: 1rem;
  }

  .corps blockquote {
    float: right;
    margin: 20px -87px 20px 30px;
    position: relative;
    max-width: 265px;
  }
  .corps .object-right {
    float: right;
    margin: 20px -87px 20px 30px;
    position: relative;
    max-width: 265px;
  }
  .corps .object-right .attribute-caption {
    left: auto;
    right: 0;
  }
  .corps .object-left {
    float: left;
    margin: 20px 30px 20px -87px;
    position: relative;
    max-width: 265px;
  }
  .corps .object-left .attribute-caption, .corps .object-right .attribute-caption, .corps .object-center .attribute-caption {
    margin-top: 20px;
    position: absolute;
    max-width: 77px !important;
  }
  .corps .object-center {
    max-width: none;
  }
  .corps .object-center .attribute-image {
    text-align: center;
  }
  .corps .object-center .attribute-image img {
    width: auto;
  }
}
@media only screen and (min-width: 1100px) {
  .titre1 {
    font-size: 48px;
    font-size: 3.42857rem;
  }

  header .titre1 {
    font-size: 60px;
    font-size: 4.28571rem;
  }

  .titre2 {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 24px;
  }

  .titre3 {
    font-size: 24px;
    font-size: 1.71429rem;
    font-family: "Futura W01 Medium";
    line-height: 36px;
  }

  .label {
    font-size: 20px;
    font-size: 1.42857rem;
    padding: 7px 14px;
  }

  .chapo {
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 40px;
  }

  .infos {
    font-size: 12px;
    font-size: 0.85714rem;
    font-family: "open_sansregular";
  }

  .corps {
    font-size: 18px;
    font-size: 1.28571rem;
    line-height: 30px;
  }
  .corps > p {
    margin: 1em 0;
  }
  .corps h2 {
    font-size: 30px;
    font-size: 2.14286rem;
    line-height: 40px;
  }
  .corps h3 {
    font-size: 16px;
    font-size: 1.14286rem;
    margin: 30px 0 -5px;
  }
  .corps blockquote {
    margin: 40px -142px 40px 60px;
    max-width: 470px;
  }
  .corps .object-right {
    float: right;
    margin: 40px -142px 40px 60px;
  }
  .corps .object-right .attribute-caption {
    left: auto;
    right: 0;
  }
  .corps .object-left {
    float: left;
    margin: 40px 60px 40px -142px;
  }
  .corps .object-left, .corps .object-right, .corps .object-center {
    position: relative;
    max-width: 531px;
  }
  .corps .object-left .attribute-caption, .corps .object-right .attribute-caption, .corps .object-center .attribute-caption {
    margin-top: 30px;
    position: absolute;
    max-width: 115px !important;
  }
  .corps .object-center {
    max-width: none;
  }
  .corps .attribute-caption {
    margin-top: 30px;
  }
  .corps .attribute-caption p {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 24px;
  }
  .corps .attribute-caption p::before {
    border-width: 2px;
    height: 2px;
    top: -12px;
    width: 31px;
  }
  .corps > ul li::before {
    height: 2px;
    width: 31px;
  }
  .corps > ul, .corps ol {
    margin: 10px auto;
  }
  .corps > ul li, .corps ol li {
    padding-left: 60px;
  }
  .corps .logo .attribute-caption p {
    text-transform: uppercase;
  }
  .corps .logo .attribute-caption p a {
    display: initial;
  }
  .corps blockquote p:first-of-type {
    font-size: 24px;
    font-size: 1.71429rem;
    line-height: 36px;
  }
  .corps blockquote p:first-of-type::after {
    background-size: 40px 32px;
    height: 32px;
    padding: 8px;
    width: 40px;
  }
  .corps blockquote p:first-of-type + p {
    font-size: 16px;
    font-size: 1.14286rem;
    line-height: 24px;
  }
}
body {
  font-size: 14px;
  font-size: 1rem;
  background: #ffffff;
  color: #1e2a31;
  font-family: "open_sansregular";
  padding-top: 49px;
  position: relative;
}

.container {
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  width: 100%;
}
.container.nopadding {
  padding: 0;
}

.bleu, .bleu a {
  color: #459aba;
}

.bgbleu {
  background-color: #459aba;
  color: #ffffff;
}
.bgbleu.frame {
  background: url("../images/frame-bleu-bg.jpg") no-repeat center center;
  background-size: cover;
}

.rouge, .rouge a {
  color: #e75a6a;
}

.rouge a:hover, .bleu a:hover, a.rouge:hover, a.bleu:hover {
  color: #1e2a31;
}

.bgrouge {
  background-color: #e75a6a;
  color: #ffffff;
}
.bgrouge.frame {
  background: url("../images/frame-rouge-bg.jpg") no-repeat center center;
  background-size: cover;
}

.bgrouge a, .bgbleu a {
  color: #ffffff;
}

.before-bleu {
  position: relative;
}
.before-bleu::before {
  border-top: 1px solid #459aba;
  content: '';
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: -2px;
}

.topmotif {
  padding-top: 30px;
  position: relative;
}
.topmotif:before {
  background: url("../images/topmotif.png") no-repeat center;
  background-size: 34px 17px;
  content: '';
  display: block;
  height: 17px;
  left: 50%;
  margin-left: -17px;
  position: absolute;
  top: -1px;
  width: 34px;
}

.hide-desktop {
  display: initial;
}

.hide-mobile {
  display: none;
}

.hide {
  display: none;
}

.img-video {
  display: inline-block;
  position: relative;
}
.img-video::after {
  background: url("../images/picto-video.png") no-repeat center;
  background-size: 21px 21px;
  bottom: 5px;
  content: '';
  display: block;
  height: 21px;
  left: 5px;
  position: absolute;
  width: 21px;
  z-index: 20;
}

@media only screen and (min-width: 768px) {
  .hide-desktop {
    display: none;
  }

  .hide-mobile {
    display: initial;
  }

  .img-video::after {
    background-size: 41px 41px;
    bottom: 10px;
    height: 41px;
    left: 10px;
    width: 41px;
  }
}
@media only screen and (min-width: 1100px) {
  body {
    padding-top: 90px;
  }

  .img-video::after {
    background-size: 43px 43px;
    bottom: 10px;
    height: 43px;
    left: 10px;
    width: 43px;
  }
}