@charset "UTF-8";
/* 32 colonnes */
/*html {background-image: repeating-linear-gradient(90deg, #F8F7F2, #F8F7F2 3.125%, #ececec 3.125%, #ececec 6.25%);}*/
.debug {
    position: absolute;
    font-size: .85em;
    background-color: #333;
    color: #fff;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/inter_var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Hatton';
    src: url('../fonts/Hatton-Medium.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
}

/* 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;
}
.relative {
    position: relative;    
}

/*** GLOBAL ***/
::-moz-selection {
  background-color: #23232C;
  color: #ffffff;
}
::selection {
  background-color: #23232C;
  color: #ffffff;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
em {
    font-style: italic;
}

/*** RESPONSIVE ***/
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
object,
video {
    height: auto;
    max-width: 100%;
}

img {
    width: auto;
    width: 100%;
    vertical-align: middle;
}
video {
    width: 100%;
}

/* CLEARFIX
***********/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* FONT
***********/
html {
  font-size: 62.5%;
  font-size: calc( 1em * .625 );
  /*background-color: #FFFAFA;*/
  background-color: #fff;
}
body {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #222222;
  /*background-color: #FFFAFA;*/
  background-color: #fff;
  font-size: 1.8em;
}
@media (min-width: 1000px) {
    body {
        font-size: 2em;
    }
}
@media (min-width: 1400px) {
    body {
        font-size: 2.1em;
    }
}
@media (min-width: 1600px) {
    body {
        font-size: 2.4em; /* 24px */
    }
}
@media (min-width: 2000px) {
    body {
        font-size: 1vw;
    }
}
a {
    color: #222222;
}
p {
    margin: 0 0 .75em 0;
}
strong, b {
    font-weight: 700;
}
i {
    font-style: italic;
}
.uc {
    text-transform: uppercase;
}

.pdlr, .pdlr3, .pdlr4 {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
@media (min-width: 480px) {
    .pdlr,.pdlr3,.pdlr4 {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
}
@media (min-width: 1100px) {
    .pdlr3 {
        padding-left: 9.375%;
        padding-right: 9.375%;
    }
    .pdlr4 {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
}

/* NAV */
.burger__cont {
    
}
.burger {
    position: fixed;
    z-index: 1000;
    top: 2em;
    right: 4.6875%;
    display: block;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    line-height: 1;
    cursor: auto;
    width: 3em;
    height: 3em;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    outline : none;
    mix-blend-mode: difference;
}
@media (min-width: 480px) {
    .burger {
        right: 6.25%;
    }
}
@media (min-width: 900px) {
    .burger {
        top: 5em;
        width: 4.4em;
        height: 4.4em;
    }
}
.burger span, .burger span:before, .burger span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 4px;
    /*background-color: #4E0C15;*/
    background-color: #B1E5EF;
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
}
.burger span:before {
    transform: translateY(10px);
}
.burger span:after {
    width: 50%;
    margin-left: 50%;
    transform: translateY(-14px);
}
@media (min-width: 900px) {
    .burger span:before {
        transform: translateY(18px);
    }
    .burger span:after {
        transform: translateY(-22px);
    }
    .burger:hover span:before {
        transform: translateY(12px);
    }
    .burger:hover span:after {
        transform: translateY(-16px);
    }
}
.is-active .burger {
    transform: rotate(-90deg);
}
.is-active .burger span {
    background-color: transparent;
}
.is-active .burger span:before {
    transform: translateY(0) rotate(-45deg);
    /*border-color: #fff;*/
    box-shadow: none;
}
.burger span:after {
    box-shadow: none;
}
.is-active .burger span:before {
    /*border-color: #fff;*/
    top: -1px;
}
.is-active .burger span:after {
    width: 100%;
    margin-left: 0;
    transform: translateY(0) rotate(45deg);
    border-color: #fff;
    top: -1px;
}
.nav1__content {
    position: fixed;
    z-index: 300;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    transition: left .5s cubic-bezier(.34,.615,.4,.985);
    padding: 6.25%;
}
@media (min-width: 900px) {
    .nav1__content {
        left: 100%;
        width: 50%;
    }
}
.nav1__recru {
    margin-top: 1.5em;
    text-align: right;
}
@media (min-height: 600px) {
    .nav1__recru {
        margin-top: 0;
        position: absolute;
        bottom: 6.25%;
        right: 6.25%;
        padding-left: 6.25%;
        text-align: right;
    }
}
@media (min-width: 900px) {
    .nav1__recru {
        right: 12.5%;
    }    
}
.nav1__recru__intro {
    font-family: "Hatton", serif;
    font-size: 1.1em;
    line-height: 1.1;
    font-weight: 500;
}
@media (min-width: 1000px) {
    .nav1__recru__intro {
        font-size: 1.3em;
    }
}
.nav1 {
    margin-top: 4em;
}
@media (min-width: 700px) {
    .nav1 {
        margin-top: 2.5em;
    }
}
@media (min-width: 900px) {
    .nav1 {
        margin-top: 4em;
    }
}
@media (min-width: 1100px) {
    .nav1 {
        margin-top: 2.5em;
    }
}
.nav1 li {
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    text-align: right;
    margin: 0 0;
}
@media (min-width: 480px) {
    .nav1 li {
        font-size: 1.5em;
        letter-spacing: .1em;
    }    
}
.nav1 a {
    display: block;
    text-decoration: none;
    color: #9C1D30;
    padding: .25em 0;
}
.nav1 a:hover {
    color: #4E0C15;
}

    body.is-active .nav1__content {
        left: 0;
    }
    @media (min-width: 900px) {
        body.is-active .nav1__content {
            left: 50%;
        }
    }
    .nav1 a {
        opacity: 0;
        transform: translate3d(0,1em,0);
        transition: all .75s ease;
        transition-delay: .2s;
    }
    body.is-active .nav1 a {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .nav1 li:nth-child(2) a {
        transition-delay: .3s;
    }
    .nav1 li:nth-child(3) a {
        transition-delay: .4s;
    }
    .nav1 li:nth-child(4) a {
        transition-delay: .5s;
    }
    .nav1 li:nth-child(5) a {
        transition-delay: .6s;
    }
    .nav1 li:nth-child(6) a {
        transition-delay: .7s;
    }
.nav1__reseaux {
    position: absolute;
    top: 1.4em;
    left: 6.25%;
}
.nav1__lang, .nav__lang {
    position: absolute;
    right: 8em;
    top: 2.4em;
    color: #9C1D30;
    font-size: .92em;
    font-weight: 700;
}
.nav1__lang a, .nav__lang a {
    color: #9C1D30;
    font-weight: 400;
    text-decoration: none;
}
@media (min-width: 900px) {
    .nav1__reseaux {
        top: 4.2em;
    }
    .nav1__lang, .nav__lang {
        right: 10em;
        top: 5.3em;
    }
}
@media (min-width: 1000px) {
    .nav1__reseaux {
        top: 3.4em;
    }
    .nav1__lang, .nav__lang {
        top: 4.7em;
    }
}
@media (min-width: 1400px) {
    .nav1__reseaux {
        top: 3.2em;
    }
    .nav1__lang, .nav__lang {
        top: 4.4em;
    }
}
@media (min-width: 1600px) {
    .nav1__reseaux {
        top: 2.6em;
    }
    .nav1__lang, .nav__lang {
        top: 3.7em;
    }
}

.navov {
    visibility: hidden;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: background-color cubic-bezier(.34,.615,.4,.985) .5s;
}

body.is-active .navov {
    background-color: rgba(0,0,0,.7);
    visibility: visible;
}
/*HEADER*/
.header__cont {
    position: relative;
}
.logo {
    position: absolute;
    z-index: 110;
    left: 4.6875%;
    top : 2.5em;
    display: block;
    background-image: url(../img/home-conseil-relocation2_v2.svg);
    background-size: 7.6em 3.48em;
    background-repeat: no-repeat;
    width: 7.6em;
    height: 3.48em;
}
.logo2 {
    position: fixed;
    background-image: url(../img/home-conseil-relocation1_v2.svg);
    background-size: 7.6em 3.48em;
    left: 4.6875%;
    top: 2.5em;
    width: 7.6em;
    height: 3.48em;
}
@media (min-width: 640px) {
    .logo2 {
        background-size: 10.92em 5em;
        width: 10.92em;
        height: 5em;
    }
}
@media (min-width: 480px) {
    .logo, .logo2 {
        left: 6.25%;
    }
}
@media (min-width: 640px) {
    .logo {
        background-size: 10.92em 5em;
        width: 10.92em;
        height: 5em;
    }    
}
@media (min-width: 1100px) {
    .logo, .logo2 {
        top: 2.5em;
    }    
}
.logo span {
    display: block;
    text-indent: -999em;
}

.contenu--mt {
    padding-top: 10em;
}
@media (min-width: 640px) {
    .contenu--mt {
        padding-top: 12em;
    }
}
.hom__1 {
    margin-top: 2em;
}
.hom__2 {
    margin-top: -2em;
}
.hom__bouton {
    text-align: center;
}
@media (min-width: 780px) {
    .hom {
        position: relative;
    }
    .hom__1 {
        position: fixed;
        top: 8em;
        left: 0;
        padding-left: 6.25%;
        padding-right: 6.25%;
        transition: all ease .3s;
    }
    .hom__2 {
        margin-top: 3em;
        margin-bottom: 100vh;
    }
    .hom__bouton {
        text-align: left;
    }
}
.mt3 {
    margin-top: 6em;
}
@media (min-width: 780px) {
    .mt3 {
        margin-top: 7.5em;
    }
}
.boutonmt {
    margin-top: 2.5em;
}
.bgblancup {
    position: relative;
    background-color: #fff;
}
.homflechbas {
    display: none;
    width: 2em;
    height: 1.625em;
}
.homtxt1 {
    padding-top: 6em;
}
@media (min-width: 780px) {
    .homtxt1 {
        position: relative;
        padding-top: 50vh;
    }
    .homflechbas {
        display: block;
        position: absolute;
        top: 6em;
        left: 50%;
        margin-left: 1em;
    }
}
.homimgequip {
    position: relative;
    margin-bottom: 5em;
}
.homimgequip__logo {
    position: absolute;
    bottom: -3em;
    left: 50%;
    width: 6em;
    height: 6em;
    padding: .5em;
    border-radius: 3em;
    background-color: #fff;
    margin-left: -3em;
}
.js .homimgequip__logo.animscroll {
    transform: translateY(3em);
    transition: transform 1s ease;
}
.js .homimgequip__logo.animscroll--go {
    transform: translateY(0);
}
.homimgequip__logo img {
    width: 5em;
    height: 5em;
    border-radius: 2.5em;
    mix-blend-mode: multiply;
}
@media (min-width: 780px) {
    .homimgequip__logo {
        bottom: -5em;
        width: 10em;
        height: 10em;
        padding: 1.25em;
        border-radius: 5em;
        margin-left: -5em;
    }
    .homimgequip__logo img {
        width: 7.5em;
        height: 7.5em;
        border-radius: 3.75em;
    }    
}
.hommetier {
    margin-top: 12em;
}
.tit2 {
    font-family: "Hatton", serif;
    font-weight: 500;
    color: #9c1d30;
    font-size: 3.5em;
    font-size: calc(30px + (120 - 30) * ((100vw - 375px) / (1900 - 375)));
}
.txtcenter {
    text-align: center;
    width: 100%;
}
.metiers {
    margin-top: 3em;
}
.metiers__item {
    margin-top: 3em;
    text-decoration: none;
    display: flex;
    display: -ms-flexbox;
}
.metiers__ico {
    width: 35.71%;
    padding-left: 7.142%;
    padding-right: 7.142%;
}
.js .metiers__ico.animscroll {
    transform: scale(0);
}
.js .metiers__ico.animscroll--go {
    animation-duration: .5s;
    animation-name: animico;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.08,1.29,.62,1.19);
    
}
@media (min-width: 720px) {
    .js .metiers__item:nth-child(2n) .metiers__ico {
        animation-delay: .2s;
    }
}
@keyframes animico {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.metiers__txt {
    width: 64.29%;
}
.metiers__tit {
    font-family: "Hatton", serif;
    font-weight: 500;
    color: #9c1d30;
    font-size: 1.2em;
}
@media (min-width: 720px) {
    .metiers__tit {
        font-size: 1.667em;
    }
}
.metiers__desc {
    margin-top: .75em;
    font-size: .96em;
}
.metiers__plus {
    margin-top: .75em;
    font-size: .83em;
    transition: color ease .3s;
}
.metiers__item:hover .metiers__plus {
    color: #9C1D30;    
}
@media (min-width: 720px) {
    .metiers {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .metiers__item {
        margin-bottom: 2em;
        width: 50%;
    }
}
.homtemoign {
    margin-top: 6em;
}
@media (min-width: 1000px) {
    .homtemoign {
        margin-top: 11em;
    }
}
.temoi {
    margin-top: 3em;
}
.temoi__item {
    position: relative;
    margin-top: 2em;
    background-color: #fff5f5;
    padding: 2.5em 1em;
}
.js .temoi__item.animscroll {
    background-color: #fff;
    transform: translateY(1.5em);
    transition: background-color ease .75s, transform ease 1s;
}
.js .temoi__item.animscroll--go {
    background-color: #fff5f5;
    transform: translateY(0);
}
.temoi__item::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: .625em;
    top: .625em;
    width: 1.25em;
    height: 1.25em;
    border-radius: .625em;
    background-color: #fff;
}
.temoi__tit {
    position: relative;
    z-index: 1;
    font-family: "Hatton", serif;
    font-weight: 500;
    font-size: 1.25em;
}
.temoi__desc {
    margin-top: .75em;
    font-size: .96em;
}
.temoi__sign {
    font-size: .83em;
    font-weight: 700;
    margin-bottom: 0;
}
@media (min-width: 720px) {
    .temoi {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        margin-left: -3.57%;
        margin-right: -3.57%;
    }
    .temoi__pad {
        width: 50%;
        padding: 3.333%;
    }
    .temoi__pad:nth-child(3) {
        display: none;
    }
    .temoi__item {
        margin-top: 0;
        padding: 12.5%;
    }
    .js .temoi__pad:nth-child(2n+2) .temoi__item  {
        transition-delay: .25s;
    }
}

@media (min-width: 1000px) {
    .temoi {
        margin-left: -3.57%;
        margin-right: -3.57%;
    }
    .temoi__pad {
        width: 33.3333%;
        padding: 3.333%;
    }
    .temoi__pad:nth-child(3) {
        display: block;
    }
    .temoi__item {
        padding: 12.5%;
    }
    .js .temoi__pad:nth-child(2n+2) .temoi__item  {
        transition-delay:none;
    }
    .js .temoi__pad:nth-child(3n+2) .temoi__item  {
        transition-delay: .25s;
    }
    .js .temoi__pad:nth-child(3n+3) .temoi__item  {
        transition-delay: .5s;
    }
}

.homnews {
    margin-top: 11em;
}
.news {
    margin-top: 3em;
}
.news--home {
    margin-top: 4em;
}
.news__item {
    display: block;
    text-decoration: none;
    margin-top: 4em;
}
.news__img {
    overflow: hidden;
}
.news__img img {
    transform: scale(1);
    transition: transform 2s ease;
}
.news__item:hover .news__img img  {
    transform: scale(1.05);
}
.news__txt {
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
@media (min-width: 480px) {
    .news__txt {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
}
.news__date {
    margin-top: .5em;
    font-size: .83em;
    font-weight: 700;
    color: #9c1d30;
}
.news__tit {
    margin-top: 1em;
    font-size: .96em;
    font-weight: 400;
    transition: color .5s ease;
}
.news__item:hover .news__tit {
    color: #9c1d30;
}
@media (min-width: 720px) {
    .news {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .news__item {
        margin-top: 0;
        width: 50%;
        padding-bottom: 12.5%;
    }
    .news__item:nth-child(2n+1) {
        padding-right: 6.25%;
    }
    .news__item:nth-child(2n+1) .news__txt {
        padding-left: 21.5%;
        padding-right: 0;
    }
    .news__item:nth-child(2n) {
        margin-top: -8.5%;
        padding-left: 6.25%;
    }
    .news__item:nth-child(2n) .news__txt {
        padding-right: 21.5%;
        padding-left: 0;
    }
    .news__item--home {
        padding-bottom: 6.25%;
    }
    .news__item--home:nth-child(2n) {
        margin-top: 8.5%;
    }
}

@media (min-width: 720px) {
    .titrub__cont {
        width: 50%;
    }
}
.titrub, .blocrub__tit {
    font-family: "Hatton", serif;
    font-size: calc(30px + (120 - 30) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1.04;
}
.blocrub__tit {
    color: #9c1d30;
}

.titrubnav {
    font-size: .85em;
    font-weight: 400;
    color: #9c1d30;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1.1;
    margin-bottom: .25em;
}
.titrubnav__pos {
    position: absolute;
    z-index: 5;
    top: 6.2em;
    right: 4.375%;
}
@media (min-width: 480px) {
    .titrubnav__pos {
        right: 6.25%;
    }
}
@media (min-width: 640px) {
    .titrubnav__pos {
        top: 8.2em;
    }
}
@media (min-width: 900px) {
     
}
@media (min-width: 900px) {
    .titrubnav__pos {
        right: auto;
        top: 4.7em;
        left: 33.333%;
    }
    .titrubnav {
        margin-bottom: 0;
        font-size: 1.4em;
    }
}
@media (min-width: 1000px) {
    .titrubnav__pos {
        top: 4.1em;
    }
}
@media (min-width: 1260px) {
    .titrubnav__pos {
        left: 50%;
    }
    .titrubnav {
        font-size: calc(27px + (45 - 27) * ((100vw - 1260px) / (1900 - 1260)));
        top: 4.1em;
    }
}
@media (min-width: 1400px) {
    .titrubnav__pos {
        top: 3.7em;
    }
}
@media (min-width: 1600px) {
    .titrubnav__pos {
        left: 50%;
        top: 3.1em;
    }
}



.blocrub {
    margin-top: 3em;        
}
.blocrub__2 {
    margin-top: 1.5em;
}
.blocrub_img img {
    margin-top: 3em;
}
@media (min-width: 900px) {
    .blocrub_img img {
        margin-top: 8em;
    }
    .blocrub {
        display: flex;
        display: -ms-flexbox;
        margin-top: 8em;
    }
    .blocrub__1 {
        width:50%;
        padding-right: 7.14%;
    }
    .blocrub__2 {
        margin-top: 0;
        width:50%;
    }
}
.blocrub--1 {
    margin-top: 0;
}
.metiers--mt {
    margin-top: 6em;
}
@media (min-width: 1000px) {
    .metiers--mt2 {
        margin-top: 6em;
    }
}
.metiers--mt2 {
    margin-top: 10em;
}
.metfich__1 {
    margin-top: 3em;
    padding-left: 4.375%;
    padding-right: 4.375%;
}
.metfich__2 {
    margin-top: 3em;
}
@media (min-width: 480px) {
    .metfich__1 {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
}
.metierimg {
    position:relative;
}
.metiertit {
    position:absolute;
    top: 9em;
    width: 100%;
}
@media (min-width: 900px) {
    .metiertit {
        top: 12em;
    }
}
.metfich__icon {
    position: absolute;
    right: 6.25%;
    top: 8.5em;
    width: 3.5em;
    height: 4.71em;
}
@media (min-width: 900px) {
    .metfich__icon {
        position: fixed;
        left: 50%;
        /*top: 50%;*/
        top: auto;
        bottom: 25%;
        width: 7.5em;
        height: 10.08em;
        margin-left: -3.75em;
        margin-bottom: -5.04em;
    }
    .metfich__icon--hide {
        animation-duration: 1s;
        animation-name: hidehaut;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease;
    }
    @keyframes hidehaut {
      0%   { transform: translateY(0); }
      99%  { transform: translateY(-2em); opacity: 0; }
      100% { opacity: 0; z-index: -100;}
    }
}
.metfich__tit {
    font-family: "Hatton", serif;
    font-size: calc(20px + (90 - 20) * ((100vw - 375px) / (1900 - 375)));
    color: #9C1D30;
    line-height: 1.2;
}
.metfich__tit--mw {
    max-width: 1000px;
}
@media (min-width: 900px) {
    .metfich {
        margin-top: 0;
        display: flex;
        display: -ms-flexbox;
    }
    .metfich__1 {
        width: 50%;
        padding-left: 6.25%;
        padding-right: 9.375%;
    }
    .metfich__2 {
        margin-top: -5em;
        width: 50%;
    }
}
.rubcont__2 {
    margin-top: 3em;    
}
.rubcont__2:empty {
    display: none;
}
.rubcont {
    margin-top: 3em;
}
@media (min-width: 1000px) {
    .rubcont {
        margin-top: 4em;
        display: flex;
        display: -ms-flexbox;
    }
    .rubcont__1 {
        width: 50%;
        /*padding-right: 7.69%;*/
        padding-right: 3.85%;
    }
    .rubcont--1 .rubcont__1 {
        padding-right: 7.69%;
    }
    .rubcont__1--mono {
        width: 65%;
    }
    .rubcont__2 {
        margin-top: 0;
        width: 50%;
        padding-left: 3.85%;
    }
    .rubcont__2--mono {
        width: 35%;
    }
    .rubcont__2 .imgmultiins {
        margin-top: 0;
    }
}
.rubcont h2:first-child {
    margin-top: 0;
}
.metfich__recru {
    margin-top: 6em;
}

@media (min-width: 1000px) {
    .metfich__recru {
        margin-top: 12em;
    }
}
.temoihead {
    
}
@media (min-width: 900px) {
    .temoihead {
        display: flex;
        display: -ms-flexbox;
    }
    .temoihead__1 {
        width: 57.14%;
    }
    .temoihead__2 {
        width: 42.86%;
        text-align: right;
    }
}

.catnav__content {
    margin-top: 1.5em;
    margin-left: 5%;
    display: inline-block;
    text-align: left;
}
.catnav__item {
    font-size: .85em;
    font-weight: 300;
    margin-bottom: .25em;
}
@media (min-width: 900px) {
    .catnav__content {
        margin-top: 0;
        margin-left: 0;
    }
    .catnav__item {
        font-size: 1.25em;
    }    
}
.catnav__link {
    position: relative;
    color: #222;
    text-decoration: none;
}
.catnav__link.activ {
    color: #9c1d30;
    font-weight: 700;
}
.catnav__link:hover {
    color: #9c1d30;
}
.catnav__link.activ::before, .catnav__link:hover::before {
    position: absolute;
    left: -1.2em;
    top: .15em;
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'><path d='M10,6A3.84,3.84,0,0,0,6,9.66a3.32,3.32,0,0,0,.55,1.85l.2.29L10,16.09l3.41-4.49A3.51,3.51,0,0,0,14,9.66,3.84,3.84,0,0,0,10,6m0-6A9.81,9.81,0,0,1,20,9.66a9.57,9.57,0,0,1-1.54,5.2L10,26,1.54,14.86h0A9.28,9.28,0,0,1,0,9.66,9.81,9.81,0,0,1,10,0Z' style='fill:%239c1d30'/></svg>");
    background-size: .83em 1.08em;
    width: .83em;
    height: 1.08em;
}
.newsfich__mw {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}
.newsfich__tit {
    font-family: "Hatton", serif;
    font-size: calc(22px + (70 - 22) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1.14;
}
.newsfich__mediaune {
    padding-top: 2em;
}
.newsfich__date {
    font-size: .83em;
    font-weight: 700;
    color: #9c1d30;
    text-align: center;
    padding-top: .5em;
}
@media (min-width: 1660px) {
    .newsfich__date {
        position: absolute;
        left: 6.25%;
        top: 1em;
        text-align: left;
    }
}

.newsfich__txt {
    margin-top: 3em;
}
@media (min-width: 1000px) {
    .newsfich__txt {
        margin-top: 5em;
    }    
}
.newsfich__aut {
    margin-top: 10em;
}
.faq__2 {
    margin-top: 2.5em;
}

@media (min-width: 900px) {
    .faq {
        display: flex;
        display: -ms-flexbox;
    }
    .faq__1 {
        width: 50%;
        padding-right: 7.14%;
    }
    .faq__2 {
        margin-top: 0;
        width: 50%;
    }
}
.faq__item {
    font-size: .96em;
    margin-bottom: .5em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 28'><path d='M0,24.52,2.39,28A228.32,228.32,0,0,1,23,14,228.32,228.32,0,0,1,2.39,0L0,3.48C8.3,8.22,11.53,10,19.55,14,11.53,18,8.3,19.78,0,24.52Z' style='fill:%239c1d30'/></svg>");
    background-size: .96em 1.167em;
    background-repeat: no-repeat;
    background-position: 0 .1em;
    padding: 0 0 1em 2em;
    transition: color ease .3s;
}
.faq__item a {
    text-decoration: none;
}
.faq__item--fich {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 28'><path d='M0,24.52,2.39,28A228.32,228.32,0,0,1,23,14,228.32,228.32,0,0,1,2.39,0L0,3.48C8.3,8.22,11.53,10,19.55,14,11.53,18,8.3,19.78,0,24.52Z' style='fill:%238C8B8B'/></svg>");
}
.faq__item--fich a {
    color: #8C8B8B;
}
.faq__item a:hover {
    color: #9c1d30;
}
.faq__tit {
    font-size: 1.3em;
    line-height: 1.2;
    font-weight: 400;
    color: #9c1d30;
}
@media (min-width: 640px) {
    .faq__tit {
        font-size: 2.08em;
    }
}
.faq__txt {
    margin-top: 2em;
}
.faq__bout {
    text-align: right;
}

.contact__text {
    margin-top: 3em;
}
.contact__2, .contact__2--trans {
    background-color: #fff;
    color: #222;
    padding: 0;
}
@media (min-width: 900px) {
    .contact {
        display: flex;
        display: -ms-flexbox;
    }
    .contact__1 {
        width: 50%;
        padding-right: 7.14%;
    }
    .contact__1sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 6em;
    }
    .contact__2 {
        margin-top: 0;
        width: 50%;
    }
}

.bouton {
    position: relative;
    display: inline-block;
    margin-top: 1.5em;
    font-size: .96em;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    border-radius: 1.7em;
    text-decoration: none;
    padding: .75em 3em .75em 1.5em;
    color: #9C1D30;
    background: none;
    border: 2px solid #9C1D30;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color .5s ease, color .5s ease;
}
.bouton--simple {
    padding: .75em 1.5em .75em 1.5em;
}
.bouton:after {
    content: "";
    position: absolute;
    z-index: 30;
    right: 1.25em;
    top: .9em;
    width: .75em;
    height: .958em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 23'><path d='M0,20.14,1.87,23A177.62,177.62,0,0,1,18,11.5,177.62,177.62,0,0,1,1.87,0L0,2.86C6.5,6.75,9,8.24,15.3,11.5,9,14.76,6.5,16.25,0,20.14Z' style='fill:%239c1d30'/></svg>");
    background-size: .75em .958em;
    transition: right ease .5s, background-image ease .5s;
}

.bouton--prec {
    padding: .75em 1.5em .75em 3em;
}
.bouton--prec:after {
    right: auto;
    left: 2.25em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 23'><path d='M18,2.86,16.13,0A177.35,177.35,0,0,1,0,11.5,177.35,177.35,0,0,1,16.13,23L18,20.14c-6.5-3.89-9-5.38-15.3-8.64C9,8.24,11.5,6.75,18,2.86Z' style='fill:%239c1d30'/></svg>");
    transition: left ease .5s, background-image ease .5s;
}
@media (min-width: 780px) {
    .bouton {
       padding: .75em 4em .75em 2.5em;
    }
    .bouton--simple {
       padding: .75em 2.5em .75em 2.5em;
    }
    .bouton--prec {
        padding: .75em 2.5em .75em 4em;
    }
    .bouton--blc {
       padding-right: 2.5em; 
    }
    .bouton:after {
        right: 2.25em;
    }
}
.bouton:hover {
    background-color: #9C1D30;
    color: #fff;
}
.bouton:hover::after {
    right: 1.75em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 23'><path d='M0,20.14,1.87,23A177.62,177.62,0,0,1,18,11.5,177.62,177.62,0,0,1,1.87,0L0,2.86C6.5,6.75,9,8.24,15.3,11.5,9,14.76,6.5,16.25,0,20.14Z' style='fill:%23fff'/></svg>");
}
.bouton--prec:hover::after {
   right: auto;
   left: 1.75em;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 23'><path d='M18,2.86,16.13,0A177.35,177.35,0,0,1,0,11.5,177.35,177.35,0,0,1,16.13,23L18,20.14c-6.5-3.89-9-5.38-15.3-8.64C9,8.24,11.5,6.75,18,2.86Z' style='fill:%23fff'/></svg>");
}

.titbig, .titbig2 {
    font-family: "Hatton", serif;
    font-size: 2.5em;
    font-size: calc(30px + (110 - 30) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1.04;
    text-align: center;
    font-weight: 500;
}
.titbig2 {
    font-family: "Inter", serif;
    font-weight: 300;
}
.rouge {
    color: #9c1d30;
}
@media (min-width: 780px) {
    .titbig2 {
        font-family: "Hatton", serif;
        font-weight: 500;
    }
}

.titbig--blanc {
    color: #fff;
}
.titbig2 {
    font-size: 2em;
    font-size: calc(24px + (70 - 24) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1.2;
}
.homtxt2 {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6em;
    text-align: center;
}
@media (min-width: 780px) {
    .homtxt2 {
        margin-top: 10em;
    }    
}
@media (min-width: 700px) {
    .form__2col {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .form__2col__item  {
        width: 50%;
    }
    .form__2col__item:nth-child(2n)  {
        padding-left: 1em;
    }
    .form__2col__item:nth-child(2n+1)  {
        padding-right: 1em;
    }
}
.form__group {
    margin-top: .75em;
}
@media (min-width: 700px) {
    .form__group {
        margin-top: .25em;
    }
}
.form__group--mw480 {
    max-width: 560px;
}
.form__group--captcha {
    margin-top: 1.5em;
}
.form__lab  {
    font-size: .75em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3;
	display: block;
	margin-bottom: .25em;
    /*color: #fff;*/
}
.form__lab, .form__lab--2 {
    color: #222;
}
.form__lab--block, .form__lab--block--quest {
    display: block;
    color: #222;
    font-size: .9em;
}

.form__lab--requis:after {
    content:" *";
}
.form__lab--inline {
    display: inline;
}
.requis:before {
    content:"*";
}
.form__chp {
    font-family: 'Inter', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: 400;
	border: 1px solid #9c1d30;
    border-radius: 0;
	background-color: #fff;
	width: 100%;
	margin-top: 0;
	margin-bottom: .5em;
    padding: .5em .5em;
    color:#222222;
    outline: none;
    transition: border ease .3s;
}
@media (min-width: 700px) {
    .form__chp {
        font-size: .8em;
    }
}
::placeholder {
    color:#222222;
}
.form__chp:focus {
    border-color: #9c1d30;
}
.error .form__lab::before {
    content: "⌦ ";
}
.error .form__chp {
    border: 2px dotted #9C1D30;
}
.error .form__chp::placeholder {
    color: #9c1d30;
}
.accept__cont.error:before {
    content: "⌦ merci de cocher la case";
    color: #9c1d30;
    font-weight: 700;
    font-size: .85em;
}
.accept__cont--2.error:before {
    color: #9c1d30;
}
.form__chp--area {
    height: 10em;
    margin-top: .5em;
}
.select__cont {
    position: relative;
}
.select__cont::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: .6em;
    right: .5em;
    display : inline-block;
    height : 0;
    width : 0;
    border-top : .8em solid #9C1D30;
    border-right : .5em solid transparent;
    border-left : .5em solid transparent;
}
.form__info {
    position:relative;
    max-width: 20em;
    font-size: .85em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #9c1d30;
    border-radius: 1.5em;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    animation: .3s shake;
    animation-delay: 1s
}
.form__info--mt {
    margin-top: 1em;
}
.form__info::after {
    position: absolute;
    content:'';
    display:block;
    background: #9c1d30;
    height: 1em;
    width: 1em;
    transform: rotate(45deg);
    bottom: -.5em;
    left:50%;
}
.form__info--left {
    margin-left: 0;
    margin-right: 0;
}

.form_alert {
    display: none;
}
.form_alert.go {
    font-weight: 700;
    display: inline-block;
    padding: .5em;
    color: #fff;
    background-color: red;
}
.shakeit {
    animation: .3s shake;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    transform: translate3d(-.5em, 0, 0);
  }
  20%, 60% {
    transform: translate3d(.5em, 0, 0);
  }
}
.accept__cont {
    margin-top: .5em;
    color: #1F1F1F;
    font-size: .85em;
}
.form__mention__cont {
    margin-top: 1.5em;
}
.form__mention {
    color: #222;
    font-size: .85em;
    line-height: 1.2;
}
.form__mention a {
    color: #222;
}
.form__mention--2 {
    color: #222222;
}
.form__mention--2 a {
    color: #222222;
}
.qu__intitule {
    font-size: 1.25em;
    font-weight: 700;
    padding-bottom: .5em;
    color: #9c1d30;
}
.qumtmb {
    margin-top: 2.5em;
}
.qumt {
    margin-top: 2.5em;
}
.qu__radiocont {
    margin-top: .35em;
}

.form__tit2 {
    margin-top: 2em;
    font-size: 1.25em;
    font-weight: 700;
    color: #9c1d30;
}
.form__tit3 {
    font-size: 1.04em;
    margin-top: 2em;
    color: #9c1d30;
}
.form__radcont {
    display: inline-block;
    position: relative;
    margin-right: 1.5em;
    margin-top: .5em;
}
.form__radcont:last-child {
    margin-right: 0;
}
.form__labrad {
    position: relative;
    display: inline-block;
    font-size: .7em;
    font-weight: 700;
    color: #8C8B8B;
    padding-top: 2em;
    z-index: 1;
    transition: color ease .3s;
}
@media (min-width: 480px) {
    .form__labrad {
        font-size: .96em;
        font-weight: 400;
        padding-top: 1.5em;
    }    
}
.form__radcheck {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    border-radius: .625em;
    margin-left: -.625em;
    width: 1.25em;
    height: 1.25em;
    border: #8C8B8B 1px solid;
}
.form__radcheck::before {
    content: "";
    position: absolute;
    left: .29em;
    top: .29em;
    width: .58em;
    height: .58em;
    border-radius: .29em;
    background-color: #fff;
    transform: scale(0);
    transition: transform ease .3s;
}
.form__rad {
    position: absolute;
    opacity: 0;
    left: 50%;
    top: .5em;
    margin-left: -.5em;
    border-color: #fff;
    background-color: #fff;
}
.form__rad:checked ~ .form__radcheck {
    border-color: #9c1d30;
}
.form__rad:checked ~ .form__radcheck::before {
    background-color: #9c1d30;
    transform: scale(1);
}
.form__rad:checked ~ .form__labrad {
    color: #9c1d30;
}
.form__labrad:hover {
    color: #9c1d30;
}

.choixmulti {
    font-size: .85em;
    color: #9c1d30;
    text-transform: uppercase;
    margin-top: .25em;
}
.form__qumono {
    margin-top: 1.5em;
}
.form__qumonocont {
    display: block;
    margin-top: .25em;
}
.form__labqumono {
    font-size: .96em;
    font-weight: 400;
    color: #8C8B8B;
}
.form__radcheckqumono:checked ~ .form__labqumono {
    color: #9c1d30;
}


.bouton--100pcmob {
    width: 100%;
}
@media (min-width: 480px) {
    .bouton--100pcmob {
        width: auto;
    }
}
.pb__txt {
    margin-top: 1.5em;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/*ANIMATIONS*/
.animate-in {
    -webkit-animation: fadeIn .7s ease-in;
    animation: fadeIn .7s ease-in;
}
.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.js .animscroll.imgeffect1, .js .imgeffect1 {
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 1.5s ease;
}
.js .animscroll--go.imgeffect1 {
    transform: scale(1);
}
.js .animscroll.imgeffect1 img {
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform 1.5s ease;
}
.js .animscroll--go.imgeffect1 img {
    transform: scale(1);
}

.js .animscroll.fade-and-up {
    transform: matrix(1, 0, 0, 1, 0, 60);
    opacity: 0;
    transition: all ease 1s;
}
.js .animscroll--go.fade-and-up {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
}
.js .animscroll.fade-and-up2 {
    transform: translateY(2.5em);
    opacity: 0;
    transition: all ease 1s;
}
.js .animscroll--go.fade-and-up2 {
    transform: translateY(0);
    opacity: 1;
}

/*FOOTER*/
.foot__cont {
    text-align: center;
    margin-top: 6em;
    padding-bottom: 3em;
}

.foot {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}
@media (hover: hover) {
    .foot a[href^="tel:"] {
        border: none;
    }
}
.foot a {
    text-decoration: none;
    color: #222222;
    border-bottom: 1px solid #222222;
    transition: all ease .3s;
}
.foot a:hover {
    border: none;
}
.foot__1 {
    width: 100%;
}
.foot__2 {
    margin-top: 2em;
    width: 100%;
}
.foot__3 {
    margin-top: 2em;
    width: 100%;
}
.footgras {
    font-weight: 700;
}
@media (min-width: 640px) {
    .foot__cont {
        margin-top: 16em;
        text-align: left;
    }
    .foot__1 {
        width: 50%;
        padding-right: 1.5em;
    }
    .foot__2 {
        margin-top: 0;
        width: 50%;
        padding-right: 1.5em;
    }
    .foot__3 {
        margin-top: 2em;
        width: 100%;
        text-align: center;
    }
}
@media (min-width: 900px) {
    .foot__1 {
        width: 35.71%;
        padding-right: 1.5em;
    }
    .foot__2 {
        width: 42.86%;
        padding-right: 1.5em;
    }
    .foot__3 {
        margin-top: 0;
        width: 21.43%;
        text-align: right;
    }
}

.footpost {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    margin-top: 2em;
}
.footpost a {
    text-decoration: none;
    border-bottom: 1px solid #222222;
}
.footpost__1 {
    margin-top: 1em;
    width: 100%;
    order: 2;
    font-size: .83em;
    text-align: center;
}
.footpost__1 li {
    margin-bottom: .75em;
}
.footpost__1 a {
    color: #808080;
    border-bottom: 1px solid #808080;
}
.footpost__1 a:hover {
    color: #222;
    border-bottom: 1px solid #222;
}
.footpost__2 {
    margin-top: 1em;
    text-align: center;
    width: 100%;
    order: 1;
}
.footpost__logo img {
    width: auto;
    max-width: 5.83em;
    max-height: 4.167em;
    mix-blend-mode: multiply;
    margin: 0 1.25em 1.25em 1.25em;
}
@media (min-width: 890px) {
    .footpost {
        flex-direction: row;
    }
    .footpost__1 {
        margin-top: 0;
        width: 30%;
        text-align: left;
        order: 1;
    }
    .footpost__2 {
        margin-top: 0;
        width: 70%;
        text-align: right;
        order: 2;
    }
}

.editor h2, .editor .h2, .editor h3, .editor .h3  {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.2;
    margin-top: .75em;
    margin-bottom: .5em;
    color: #9c1d30;
}
.editor h3  {
    font-size: 1em;
}
.editor ul, .editor ol  {
    list-style: none;
    margin-left: 0;
    margin-top: .75em;
    margin-bottom: 1.5em;
}
.editor ol  {
    margin-left: 1em;
}
.editor li {
    position: relative;
    line-height: 1.3;
    margin-bottom: .5em;
    padding-left: .75em;
}
.editor li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}
.editor ol li {
    list-style: decimal;
    line-height: 1.3;
    margin-bottom: .75em;
    padding-left: .5em;
}
.editor ol li::before {
    content: "";
}
.editor--bigtxt p {
    font-family: "Hatton", serif;
    font-size: calc(24px + (50 - 24) * ((100vw - 375px) / (1900 - 375)));
    font-weight: 500;
}
.editor--foot p {
    font-size: .96em;
}
.editor--foot em {
    font-family: "Hatton", serif;
    font-size: 1.2em;
    font-weight: 500;
    font-style: normal;
    color: #9C1D30;
}
@media (min-width: 760px) {
    .editor--foot em {
        font-size: 1.667em;
    }
}
.editor--blocrub p, .editor--blocrub ul, .editor--blocrub div {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.33;
}
@media (min-width: 600px) {
    .editor--blocrub p, .editor--blocrub ul, .editor--blocrub div {
        /*font-size: 1.25em;*/
        font-size: 1.1em;
    }
}
.editor--blocrub h2 {
    font-family: "Hatton", serif;
    font-weight: 500;
    font-size: 2.5em;
    font-size: calc(30px + (110 - 30) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1.04;
}
.editor--blocrub h2.coul1 {
    color: #222;
}
.editor--blocrub h3 {
    font-size: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: .25em;
}
.editor--blocrub h2:first-child {
    margin-top: 0;
}
.editor--blocrub h3:first-child {
    margin-top: 0;
}

@media (min-width: 600px) {
    .editor--news p, .editor--news ul, .editor--news ol,  .editor--news div, .editor--news table {
        padding-left: 11.11%;
    }
    .editor--news table {
        margin-left: 11.11%;
    }
    .editor--news .imgmultiins {
        padding-left: 11.11%;
    }
}
.editor--news h2 {
    margin-top: 1.25em;
}

.editor--news .tableau {
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 1.5em;
}
.editor--news .tableau td, .editor--news .tableau th {
    padding: .5em .75em;
    border: 1px solid #B1B1B1;
    font-size: 1em;
    text-align: left;
}

.editor .sources {
    font-size: .85em;
    color: #8c8b8b;
}
.editor .sources li {
    margin-bottom: .25em;
}
.editor .sources a {
    color: #8c8b8b;
    transition: color ease .3s;
}
.editor .sources a:hover {
    color: #222;
}
.editor--faq p, .editor--faq ul, .editor--faq div {
    font-size: .96em;
    line-height: 1.43;
}
.editor .partlogo {
    position: relative;
    padding-left: 6.5em;
    padding-bottom: 2em;
}
.editor .partlogo img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4.5em;
}

.playerembed {
   position: relative;
   cursor: pointer;
   z-index: 0;
   background: #000;
}
.playerembed.maskplay:before, .playerembed.maskplay:after {
    display: none;
}
.playerembed__play:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 2em;
    margin-top: -.9em;
    margin-left: -.6em;
    z-index: 2;
    border-right-width: 2em;
    border-left-width: 1.8em;
    border-bottom-width: 1em;
    border-top-width: 1em;
    transition: border-left-color ease .3s;
}
.playerembed__play:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: solid transparent;
    height: 4em;
    width: 4em;
    pointer-events: none;
    margin-top: -2em;
    margin-left: -2em;
    z-index: 1;
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: rgba(0,0,0,.1);
    transition: border-color ease .3s;
}
.playerembed__play:hover::before {
    border-left-color: #333;
}
.playerembed__play:hover::after {
    border-color:#333;
}
.video__cont {
    margin: 2em 0;
}
.imgmultiins {
    margin: 4em 0;
    text-align: left;
}
.imgmultiins img {
    width: auto;
}
@media (min-width: 2000px) {
    .imgmultiins img {
        width: 100%;
    }
}

.imgmultiins__figcaption {
    font-size: 1em;
    padding-top: .5em;
}


/*RS*/
a.reso__lien {
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
a.reso__lien:hover .reso__svg  {
    background-color: #9c1d30;
}
a.reso__lien:hover .reso__svg path, a.reso__lien:hover .reso__svg rect {
    fill: #fff;
}
a.reso__lien:hover {
    border: none;
}
.reso__svg {
    width: 2.5em;
    height: 2.5em;
    border-radius: 1.25em;
    padding: .2em;
    transition: all ease .3s;
}
.reso__svg path, .reso__svg rect {
    fill: #9C1D30;
    transition: fill ease .3s;
}


/* EMBED IFRAME */
.embed-container {
    margin: 0 0;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.embed-container--carre {
    padding-bottom: 100%;
}
.embed-container--paysage {
    padding-bottom: 69%;
}
.embed-container--60 {
    padding-bottom: 60%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playervideo {
    margin-top: 40px;
}
@media (min-width: 1300px) {
    .playervideo {
        margin-top: 60px;
    }
}

/* PARTAGE */
.partager {
    text-align: center;
    display: block;
    margin-top: 5em;
    margin-bottom: 6em;
}
@media (min-width: 600px) {
    .partager {
        padding-left: 11.11%;
    }
}
.partager--proj {
    margin-top: 3em;
}
.partager__txt {
    font-family: "Hatton", serif;
    font-weight: 500;
    color: #9c1d30;
    font-size: 1.6em;
}
.partager__icons {
    margin-left: 1.6em;
}
.partager__icon {
    width: 2.4em;
    height: 2.4em;
    padding: .2em;
    transition: background-color .3s ease;
}
.partager__icon path, .partager__icon rect {
    fill: #9c1d30;
    transition: fill .3s ease;
}
.partager__icon__link {
    display: inline-block;
    text-decoration: none;
    margin-right: .6em;
}
.partager__icon__link:last-child {
    margin-right: 0;
}
.partager__icon__link:hover .partager__icon path, .partager__icon__link:hover .partager__icon rect {
    fill: #222;
}

/*PAGINATION
***********/
.pagi {
    margin: 5em 0;
}
.pagi__list {
    text-align: center;
}
.pagi__prec {
    display: inline-block;
    margin-right: 1em;
    line-height: 1.1;
    text-align: right;
}
.pagi__suiv {
    display: inline-block;
    margin-left: 1em;
    line-height: 1.1;
    text-align: left;
}

@media (min-width: 700px) {
    .pagi__prec {
        margin-right: 2em;
        float: left;
    }
    .pagi__suiv {
        margin-left: 2em;
        float: right;
    }
}