@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: 'ubuntu';
    src: url('../fonts/ubuntu-300.woff2') format('woff2');
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'ubuntu';
    src: url('../fonts/ubuntu-400.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'ubuntu';
    src: url('../fonts/ubuntu-700.woff2') format('woff2');
    font-style: normal;
    font-weight: 700;
}

/* 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: #FFF7F7;
}
body {
  font-family: 'ubuntu', sans-serif;
  font-weight: 300;
  line-height: 1.3;
  color: #000000;
  background-color: #FFF7F7;
  font-size: 1.8em;
}
@media (min-width: 1000px) {
    body {
        font-size: 2em;
    }
}
@media (min-width: 1400px) {
    body {
        font-size: 2.2em;
    }
}
@media (min-width: 1600px) {
    body {
        font-size: 2.4em; /* 20px */
    }
}
@media (min-width: 2000px) {
    body {
        font-size: 1.3vw;
    }
}
a {
    color: #000;
}
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*/
/* NAV */
.burger__cont {
    
}
@media (min-width: 1099px) {
    .burger__cont {
        display: none;
    }
}
.burger {
    position: fixed;
    z-index: 1000;
    top: 2.4em;
    right: 4.6875%;
    /*padding: 6.25%;
    padding-top: 3em;*/
    
    display: block;
    /*position: relative;*/
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 50px;
    background-color: #A30C3B;
    line-height: 1;
    cursor: auto;
    width: 50px;
    height: 50px;
    padding-left: 10px;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.burger span, .burger span:before, .burger span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 3px;
    background-color: #fff;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
}
.burger span:before {
    transform: translateY(7px);
}
.burger span:after {
    transform: translateY(-10px);
}
.is-active .burger {
    transform: rotate(-90deg);
}
.is-active .burger span {
    background-color: #A30C3B;
}
.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 {
    transform: translateY(0) rotate(45deg);
    border-color: #fff;
    top: -1px;
}
.burger__txt {
    display: none;
    position: absolute;
    z-index: 200;
    right: calc( 4.6875% + 55px );
    top: 3.15em;
    color: #A30C3B;
    font-size: .95em;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    transform: translate(0, -7px);
    opacity: 1;
    transition: opacity ease .3s;
}
.is-active .burger .burger__txt {
    opacity: 0;
}
.nav1__content {
    position: fixed;
    z-index: 300;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #FF8080;
    transition: left .5s cubic-bezier(.34,.615,.4,.985);
    padding: 6.25%;
}
.nav1 {
    margin-top: 7em;
}
.nav1 li {
    font-size: 9vw;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin: 0 0;
}
@media (min-width: 480px) {
    .nav1 li {
        font-size: 1.5em;
    }    
}
.nav1 a {
    display: inline-block;
    text-decoration: none;
    color: #FFF7F7;
    padding: .25em 0;
}
@media (max-width: 1099px) {
    body.is-active .nav1__content {
        left: 0;
    }
    .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;
    }
}
@media (min-width: 1100px) {
    .nav1__content {
        position: absolute;
        left: 17.4em;
        top: 2.8em;
        left: 0;
        padding: 0;
        transform: none;
        z-index: 100;
        display: inline-block;
        opacity: 1;
        background: none;
        height: 3em;
        width:100%;
    }
    .nav1 {
        margin-top: 0;
        position: absolute;
        top: auto;
        width: auto;
        left: 12em;
        transform:none;
    }
    .nav1 li {
        margin: 0;
        text-align: left;
        font-size: .75em;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.2;
        display: inline-block;
        border-right: 1px solid #FF8080;
    }
    .nav1 li:first-child {
        display: none;
    }
    .nav1 li:last-child {
        border-right: none;
    }
    .nav1 a.navitem__link {
        position: relative;
        color: #FF8080;
        transition: all .3s ease;
        margin: .75em 1.25em;
        padding: .25em 0;
    }
    .nav1 a:before, a.overfilet:before {
        -webkit-transition: all .3s cubic-bezier(.27,.61,.42,1);
        transition: all .3s cubic-bezier(.27,.61,.42,1);
        content: "";
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        width: 0;
        height: 1px;
        background-color:currentColor;
    }
    .nav1 a:hover:before, .nav1 li.activ a:before, a.overfilet:hover:before  {
        left:0;
        width:100%;
    }
    .nav1 li:first-child a {
        margin-left: 0;
    }
    .nav1 li:last-child a.navitem__link {
        margin-right: 0;
        margin-left: 1em;
    }
    
    body.header__contlimit .header__cont  {
        transition: top .5s ease;
        top: -9em;
    }
    body.header__contlimit.header__cont--fix .header__cont {
        position: fixed;
        z-index: 200;
        top: -1.5em;
        left: 0;
        width: 100%;
        height: 6.5em;
        padding-bottom: 1em;
        background-color: #FFF7F7;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
}
@media (min-width: 1160px) {
    .nav1 {
        left: 14em;
    }
}
@media (min-width: 1300px) {
    .nav1 {
        left: 17.4em;
    }
}
@media (hover: none) {
    .nav1 a::before {
        display: none;
    } 
}

/*HEADER*/
.header__cont {

}
.logo {
    position: absolute;
    z-index: 110;
    left: 6.25%;
    top :1.5em;
    display: block;
    background-image: url(../img/lamy-rosset-sans.svg);
    background-size: 7.5em 3.96em;
    background-repeat: no-repeat;
    width: 7.5em;
    height: 3.96em;
}
@media (min-width: 1100px) {
    .logo {
        top:2em;
    }    
}
.logo span {
    display: block;
    text-indent: -999em;
}
.logo svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.5em;
    height: 3.96em;
}
.logo svg path {
    fill:#FF8080;
}

.bouton, .bouton__coul2 {
    display: inline-block;
    margin-top: 1.5em;
    font-size: .75em;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border-radius: 1.7em;
    text-decoration: none;
    padding: 1em 1.5em;
    color: #fff;
    background-color: #ff8080;
    border: 1px solid #ff8080;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: inset 0 0 0 0 #ff8080;
    /*transition: ba ease .5s;*/
    transition-property: color, background-color, box-shadow;
    transition-duration: .75s,.75s,1s;
    transition-timing-function: ease;
}
.bouton--mt0 {
    margin-top: 0;
}
.bouton__coul2 {
    background-color: #A30C3B;
    border: 1px solid #A30C3B;
}
.bouton:hover {
    background-color: transparent;
    color: #ff8080;
    box-shadow: inset 0 0 0 2px #ff8080;
}
.bouton__coul2:hover {
    background-color: transparent;
    color: #A30C3B;
    box-shadow: inset 0 0 0 2px #A30C3B;
}
.js .bouton.animscroll, .js .bouton.animscroll:hover  {
    background-color: transparent;
    color: #ff8080;
    box-shadow: inset 0 0 0 2px #ff8080;
}
.js .bouton.animscroll--go {
    background-color: #ff8080;
    color: #fff;
    box-shadow: none;
}
.js .bouton__coul2.animscroll, .js .bouton__coul2.animscroll:hover {
    background-color: transparent;
    color: #A30C3B;
    box-shadow: inset 0 0 0 2px #A30C3B;
}
.js .bouton__coul2.animscroll--go {
    background-color: #A30C3B;
    color: #fff;
    box-shadow: none;
}


@media (max-width: 1099px) {
    .navrdv {
        position: absolute;
        width: 100%;
        bottom: 3em;
        left: 0;
        text-align: center;
    }
}
.bouton--filet {
    background : none;
    /*border-color: #ff8080;*/
    color: #ff8080;
    box-shadow: inset 0 0 0 0 #ff8080;
    /*transition: box-shadow ease .5s;*/
}
.bouton--filet:hover {
    box-shadow: inset 0 0 0 2px #ff8080;
}
.bouton--navrdv {
    color: #fff;
    border-color: #fff;
    font-size: 5.5vw;
}
@media (min-width: 480px) {
    .bouton--navrdv {
        font-size: 1.2em;
    }
}
@media (min-width: 1100px) {
    .bouton--navrdv {
        position: absolute;
        font-size: .75em;
        z-index: 100;
        top: -1.5em;
        right: 6.25%;
        color: #ff8080;
        border-color: #ff8080;
    }
}
.symb__hom {
    margin: 2em 0;
    text-align: center;
}
@media (min-width: 700px) {
    .symb__hom {
        margin: 0;
        position: relative;
        z-index: 100;
        padding-left: 37.5%;
        margin-top: -13vw;
    }
}
.symb {
    width: 50vw;
    height: 56vw;
}
/*480x542*/
@media (min-width: 700px) {
    .symb {
        /*
        width: 20em;
        height: 22.58em;     
        */
        width: 22vw;
        height: 24.84vw;
    }    
}
.symb__line {
    fill:none;
    stroke:#ff8080;
    stroke-linecap:round;
    stroke-miterlimit:10;
    stroke-width:32px;
}
.symb__line--2  {
    stroke:#A30C3B;
}
.symb__line--3 {
    stroke:#fff;
}
.symb__line--5 {
    stroke:#A30C3B;
}
.symb__line--6 {
    stroke:#fff;
}
.symb__line--8 {
    stroke:#A30C3B;
}
.symbanim {
    transform-origin: 0 50%;
    animation: pulse 1.5s infinite;
}
.logo .symbanim {
    transform-origin: 0 80%;
}
.symbanim--1 { animation-delay: 0; }
.symbanim--2 { animation-delay: .1s; }   
.symbanim--3 { animation-delay: .2s; }
.symbanim--4 { animation-delay: .3s; }
.symbanim--5 { animation-delay: .4s; }
.symbanim--6 { animation-delay: .5s; }
.symbanim--7 { animation-delay: .6s; }
.symbanim--8 { animation-delay: .7s; }
.symbanim--9 { animation-delay: .7s; }

@keyframes pulse {
    0% { transform: scaleY(1); }
    10% { transform: scaleY(.7); }
    26% {transform: scaleY(1); }
    38% {transform: scaleY(.5); }
    57% {transform: scaleY(1); }
    65% {transform: scaleY(.6); }
    78% {transform: scaleY(1); }
    90% {transform: scaleY(.4); }
    100% {transform: scaleY(1); }
}
.symb--filet path {
    fill:none;
    stroke:#A30C3B;
    stroke-miterlimit:10;
}
.symbfilethom {
    text-align: center;
    margin: 3em 0;
}
@media (min-width: 800px) {
    .symbfilethom {
        margin: 0;
        text-align: left;
        margin-left: 17.7%;
        margin-top: -12.5vw;
    }
    .symb--filet path {
        stroke:#FF8080;
    }
}
.centhom__2 {
    margin-top: 3em;
}
@media (min-width: 760px) {
    .centhom {
        display: flex;
        display: -ms-flexbox;
    }
    .centhom__1 {
        width: 53.57%;
        order: 2;
        align-self: center;
        padding-left: 7.1%;
    }
    .centhom__2 {
        margin-top: 0;
        width: 46.43%;
        order: 1;
    }
}
@media (min-width: 1200px) {
    .centhom__1 {
        padding-left: 10.7%;
    }
}

.centlist {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-left: -3.85%;
    margin-right: -3.85%;
}
.centlist--mt {
    margin-top: 1.5em;
}
.centlist__pad {
    position: relative;
    width: 50%;
    padding: 3.57%;
}
.centlist__pad--4 {
    width: 50%;
}
@media (min-width: 760px) {
    .centlist__pad--4 {
        width: 25%;
        padding: 1.785%;
    }    
}
.centlist__pad--4 .centlist__tit2 span {
    display: none;
}
@media (min-width: 900px) {
    .centlist__pad--4 .centlist__tit2 span {
        display: block;
    }
}
.centlist__item {
    position: relative;
    display: block;
    border-radius: 3em;
    /*border: 1px solid #000;*/
    padding-top: 100%;
    background-color: #FFF7F7;
    box-shadow: -.4em -.4em 1.25em #fff,
                 .4em  .4em 1.25em #ffdede;
    transition: box-shadow ease .2s;
}
.centlist__item:hover {
    background-color: #FFF7F7;
    box-shadow: -.05em -.05em .4em #fff,
                 .05em  .05em .4em #ffdede;
}
.centlist__item:hover .centlist__ico svg path {
    transform-origin: 0 50%;
    animation: pulse 1.5s infinite;
}
.centlist__item .centlist__ico svg path:nth-child(2) {
    animation-delay: .1s;
}
.centlist__item .centlist__ico svg path:nth-child(3) {
    animation-delay: .15s;
}
.centlist__item .centlist__ico svg path:nth-child(4) {
    animation-delay: .2s;
}
.centlist__item .centlist__ico svg path:nth-child(5) {
    animation-delay: .25s;
}
.centlist__item .centlist__ico svg path:nth-child(6) {
    animation-delay: .3s;
}
.centlist__item .centlist__ico svg path:nth-child(7) {
    animation-delay: .35s;
}
@media (hover: none) and (pointer: coarse) {
   .centlist__item .centlist__ico svg path {
       transform-origin: 0 50%;
       animation: pulse 1.5s infinite;
    }
}
.centlist__ico {
    display: block;
    position: absolute;
    top: 16%;
    left: 50%;
    margin-left: -1.25em;
    text-align: center;
    width: 2.5em;
    height: 2.5em;
}
@media (min-width: 760px) {
    .centlist__ico {
        margin-left: -1.5625vw;
        width: 3.125vw;
        height: 3.125vw;
    }
}
.centlist__ico svg path {
    fill: #ff8080;
}
.centlist__tit1 {
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    padding: 0 1em;
    font-size: 4.5vw;
    font-weight: 700;
    color: #A30C3B;
    text-transform: uppercase;
}
@media (min-width: 760px) {
    .centlist__tit1 {
        top: 36%;
        font-size: 2.25vw;
    } 
}
.centlist__tit1--sm {
    display: block;
    font-size: .65em;
}
.centlist__tit2 {
    position: absolute;
    bottom: 10%;
    width: 100%;
    font-size: .73em;
    padding: 0 1em;
    font-weight: 700;
    color: #FF8080;
    text-align: center;
}
@media (min-width: 480px) {
    .centlist__tit2 {
        font-size: .83em;
    }    
}
.centlist--hom .centlist__tit2 span  {
    display: none;
}

.tit1 {
    font-size: 1.95em;
    line-height: 1;
    font-weight: 700;
    color: #FF8080;
}
.tit1--coul2 {
    color: #a30c3b;
}
@media (min-width: 1000px) {
    .tit1 {
        font-size: 3.65vw;
    }
}
.titbout {
    margin-top: 6em;
}
@media (min-width: 640px) {
    .titbout {
        display: flex;
        display: -ms-flexbox;
    }
    .titbout__1 {
        width: 50%;
    }
    .titbout__2 {
        width: 50%;
        text-align: right;
    }
    .titbout__2 .bouton, .titbout__2 .bouton__coul2 {
        margin-top: 0;
    }
}
.art2col {
    
}
.art2col__item {
    display: block;
    text-decoration: none;
    padding-top: 3em;
}
.art2col__item:hover .art2col__tit {
    color: #a30c3b;
}
.art2col__img {
    overflow: hidden;
}
.art2col__img img {
    transform: scale(1);
    transition: transform 2s ease;
}
.art2col__item:hover .art2col__img img {
    transform: scale(1.05);
}
.art2col__tit {
    margin-top: .75em;
    font-size: 1.25em;
    line-height: 1.2;
    font-weight: 700;
    transition: color .3s ease;
}
.art2col__desc {
    margin-top: .5em;
    font-size: 1em;
    line-height: 1.6;
    font-weight: 400;
}

@media (min-width: 640px) {
    .art2col {
       display: flex;
       display: -ms-flexbox; 
    }
    .art2col__item {
       width: 50%;
       padding: 3.57%;
    }
}
@media (min-width: 1000px) {
    .art2col__item {
       padding: 7.14%;
    }
}

.hombloc {
    margin-top: 6em;
}
.hombloc__1 {
    background-color: #a30c3b;
    color: #ff8080;
    padding: 12.5% 6.25%;
}
.hombloc__2 {
    background-color: #ff8080;
    color: #fff;
    padding-top: 12.5%;
    padding-bottom: 12.5%;
}
.hombloc__txt {
    margin-top: 3em;
    font-weight: 700;
}
.hombloc__txt2 {
    font-size: 1.667em;
    font-weight: 300;
}
.hombloc__2pad {
    padding: 0 6.25%;
}
.hombloc__2bouton {
    padding: 0 6.25%;
    text-align: center;    
}
@media (min-width: 800px) {
    .hombloc {
        margin-top: 3em;
    }
    .hombloc__2pad {
        padding: 0 12.5%;
    }
    .hombloc__2bouton {
        padding: 0 12.5%;
        text-align: right;    
    }
}
.hombloc__list {
    margin-top: 1.5em;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}
.hombloc__list li {
    position: relative;
    width: 100%;
    font-weight: 700;
    padding-left: 18.75%;
    padding-right: 6.25%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.hombloc__list li span {
    position: absolute;
    top: 0;
    left: .2em;
    font-size: 4em;
    line-height: 1;
    color: #a30c3b;
    font-weight: 700;
}
.js .hombloc__list li span.animscroll_group_elt {
    opacity: 0;
    transform: translateX(-100%);
    transition: opacity ease .3s, transform ease .3s;
}
.js .hombloc__list li span.animscroll_group_elt--go {
    opacity: 1;
    transform: translateX(0);
}
@media (min-width: 480px) {
    .hombloc__list li span {
        font-size: 5em;
        left: .3em;
    } 
}
@media (min-width: 1200px) {
    .hombloc__list li span {
        font-size: 6em;
        left: .4em;
    }    
}
@media (min-width: 1200px) {
    .hombloc__list li {
        width: 50%;
    }    
    .hombloc__list li:nth-child(2n+2) {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }
    .hombloc__list li:nth-child(2n+2) span {
        left: -.1em;
    }
}
@media (min-width: 800px) {
    .hombloc {
        display: flex;
        display: -ms-flexbox;
    }
    .hombloc__1 {
        width: 50%;
        padding-top: 6.25%;
        padding-bottom: 6.25%;
    }
    .hombloc__2 {
        padding-top: 6.25%;
        padding-bottom: 6.25%;
        width: 50%;
    }
}
.temoi {
    
}
.temoi__item {
    position: relative;
    z-index: 1;
    padding-top: 4em;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
@media (min-width: 480px) {
    .temoi__item {
        padding-left: 6.25%;
        padding-right: 6.25%;
    }
}
@media (min-width: 640px) {
    .temoi__item {
        padding-top: 3em;
    }
}
.temoi__item:before {
    content: "“";
    position: absolute;
    z-index: 0;
    top: .3em;
    left: 0;
    color: #ff8080;
    font-size: 6em;
    font-weight: 700;
    line-height: .9;
}
@media (min-width: 640px) {
    .temoi__item:before {
        top: .4em;
    }
}
.temoi__txt {
    position: relative;
    z-index: 1;
}
.temoi__nomage {
    margin-top: .75em;
    font-weight: 700;
    color: #ff8080;
}
.temoi__cont--mt {
    margin-top: 16vw;
}
@media (min-width: 640px) {
    .temoi__cont {
        padding-right: 6.25%;    
    }
    .temoi {
        display: flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
    }
    .temoi__item {
        padding-right: 0;
        width: 50%;
    }
}
@media (min-width: 1100px) {
    .temoi__item:before {
        top: 4vw;
        left: 4vw;
        font-size: 10vw;
    }
    .temoi__item {
        width: 33.3333%;
        padding-left: 10%;
    }
}
.contenu--mt {
    padding-top: 12.5em;
}
.rubhead__tit1 {
    /*375px large > 35px / 1920px large > 130px */
    font-size: calc(35px + (130 - 35) * ((100vw - 375px) / (1900 - 375)));
    line-height: .92;
    font-weight: 700;
    color: #a30c3b;
}
.rubhead__tit1--col2 {
    color: #ff8080;
}
.rubhead__tit1--md {
    font-size: calc(35px + (100 - 35) * ((100vw - 375px) / (1900 - 375)));
}
.rubhead__tit1--mb {
    margin-bottom: 1em;
}
.rubhead__tit1--center {
    text-align: center;
}
.coul2str {
    margin-top: 2em;
    margin-bottom: 1em;
    color: #a30c3b;
    font-weight: 700;
}
.symb__rubhead {
    text-align: center;
    margin: 3em 0;
}
.rubhead__2--mt {
    margin-top: 1.5em;
}
@media (min-width: 780px) {
    .rubhead__tit1 {
        /*font-size: 6.77vw;*/
    }    
}
@media (min-width: 1000px) {
    .rubhead {
        display: flex;
        display: -ms-flexbox;
    }
    .rubhead__1 {
        width: 46.15%;
        padding-right: 3.84%;
    }
    .rubhead__2 {
        width: 53.85%;
    }
    .rubhead__2--mt {
        margin-top: 0;
    }
    .symb__rubhead {
        display: inline-block;
        text-align: left;
        position: relative;
        z-index: 100;
        padding-left: 9.375%;
        margin-top: -22vw;
    }
}
@media (min-width: 1650px) {
    .symb__rubhead {
        margin-top: -16vw;
    }
}

.art1col__item {
    display: block;
    margin-top: 6em;
    text-decoration: none;
}
.art1col__tit {
    margin-top: .75em;
    font-size: 1.667em;
    line-height: 1;
    font-weight: 700;
    color: #ff8080;
}
.art1col__desc {
    line-height: 1.667;
    margin-top: .5em;
}
@media (min-width: 480px) {
    .art1col__item {
        display: flex;
        display: -ms-flexbox;
    }
    .art1col__item__1 {
        overflow: hidden;
        width: 50%;
        padding-right: 4.167%;
    }
    .art1col__item__1 img {
        transform: scale(1);
        transition: transform 2s ease;
    }
    .art1col__item:hover .art1col__item__1 img {
        transform: scale(1.05);
    }
    .art1col__item__2 {
        width: 50%;
    }
    .art1col__tit {
        margin-top: 0;
    }
}
@media (min-width: 480px) {
    .art1col__item__2 {
        font-size: .75em;
    }
}
@media (min-width: 700px) {
    .art1col__item__2 {
        font-size: 1em; 
    }
}
.mt6 {
    margin-top: 6em;
}
.txtcenter {
    text-align: center;
}

.rubheadfull__txt {
    margin-top: -1em;
    padding-left: 4.6875%;
    padding-right: 4.6875%;
}
.rubheadfull__tit {
    font-size: 2.5em;
    font-size: calc(35px + (120 - 35) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1;
    color: #ff8080;
    font-weight: 700;
}
.mot {
    overflow: hidden;
    display: inline-block;
    padding-right: .25em;
    line-height: 1.15;
}
.let {
    display: inline-block;
    /*transition: transform ease .2s;*/
}
.js .titanim .let {
    transform: translateY(100%);
    transition: transform ease .5s;
}
.js .titanim .let--go {
    transform: translateY(0);
}
.js .titanim {
    line-height: .8;
}
.rubheadfull__tit--md {
    font-size: calc(35px + (90 - 35) * ((100vw - 375px) / (1900 - 375)));
}
.rubheadfull__tit--pt {
    font-size: calc(35px + (60 - 35) * ((100vw - 375px) / (1900 - 375)));
}
.rubheadfull__desc {
    margin-top: 14vw;
    margin-bottom: 8vw;
    font-size: 1.25em;
    line-height: 1.67;
    font-weight: 400;
}
.rubheadfull__img--op {
    opacity: .5;
}
/*
@media (min-width: 1300px) {
    .rubheadfull__desc {
        margin-top: .5em;
    }
}
*/
@media (min-width: 600px) {
    .rubheadfull__img {
        padding-left: 37.5%;
    }
}
@media (min-width: 600px) {
    .rubheadfull__tit {
        position: absolute;
        z-index: 10;
        top: 20vw;
        width: 50%;
    }
}
@media (max-width: 1250px) {
    .rubheadfull__tit--larg {
        width: 68%;
    }
}
@media (min-width: 740px) {
    .rubheadfull__txt {
        margin-top: 10em;
        margin-bottom: 2em;
        padding-left: 6.25%;
    }
}
@media (min-width: 1100px) {
    .rubheadfull__txt {
        width: 75%;
        padding-left: 9.375%;
    }
    
}
@media (min-width: 740px) {
    /*
    .rubcont__cont {
        margin-top: 3em;    
    }
    */
    .rubheadfull__txt--temoi {
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 10;
        top: 16vw;
        width: 50%;
        padding-left: 9.375%;
    }
    .rubheadfull__txt--temoi .rubheadfull__tit {
        position: relative;
        top: auto;
        width: auto;
        padding-left: 0;
    }
}
.rubheadfull__symb {
    margin: 2em 0;
    text-align: center;
}
@media (min-width: 1200px) {
    .rubheadfull__symb {
        margin: 0;
        position: absolute;
        z-index: 100;
        left: 60vw;
        top: 40.5vw;
    }
}
.rubcont__2 {
    margin-top: 3em;    
}
.js .rubcont__2.animscroll img {
    opacity: 0;
    transform: translateX(2em);
    transition: transform ease 1s, opacity ease 1s;
}
.js .rubcont__2.animscroll--go img {
    opacity: 1;
    transform: translateX(0);
}
.rubcont__2:empty {
    display: none;
}
.rubcont--mt {
    margin-top: 4em;
}
@media (min-width: 1000px) {
    .rubcont {
        display: flex;
        display: -ms-flexbox;
    }
    .rubcont__1 {
        width: 50%;
    }
    .rubcont__2 {
        margin-top: 0;
        width: 50%;
        padding-left: 7.69%;
    }
    .rubcont__2 .imgmultiins {
        margin-top: 0;
    }
}

.misenavant {
    background-color: #a30c3b;
    color: #fff;
    padding: .5em 1em;
    margin-left: -1em;
    margin-right: -1em;
    margin-top: 2em;
    margin-bottom: 2em;
}
.misenavant a {
    color: #fff;
}

.fichaut {
    display: inline-block;
    width: 15em;
    text-decoration: none;
    border-top: 7px #FF8080 solid;
    padding-top: .5em;
    margin: 1.5em 4.6875% 0 4.6875%;
}
.fichaut:hover .fichaut__tit2 {
    color: #a30c3b;
}
@media (min-width: 480px) {
    .fichaut {
        margin: 2em 6.25% 0 6.25%;
    }
}
.fichaut__tit {
    margin-top: .5em;
}
.fichaut__tit1 {
    text-transform: uppercase;
    font-weight: 700;
    color: #a30c3b;
    line-height: 1;
}
.fichaut__tit2 {
    font-size: 1.25em;
    font-weight: 700;
    color: #ff8080;
    line-height: 1.2;
    transition: color ease .3s;
}

@media (min-width: 1000px) {
    .fichaut__tit {
        padding-right: 1em;
    }
    .fichaut {
        padding: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 25vh;
        transform: translateX(100%);
        transition: transform ease .5s;
    }
    .fichaut--go {
        transform: translateX(0);
    }
}

.ctardv {
    margin-top: 6em;
}
.ctardv__tit {
    font-size: 1.9em;
    font-weight: 700;
    line-height: 1.1;
    color: #A30C3B;
}
.ctardv__tit span {
    display: block;
    margin-top: .5em;
    font-size: .4em;
    font-weight: 400;
    text-transform: uppercase;
}
@media (min-width: 700px) {
    .ctardv__tit {
        font-size: 2.92em;
    }
    .ctardv__tit span {
        font-size: .28em;
    }
}

.logomarques {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    margin-left: -2.68%;
    margin-right: -2.68%;
}
.logomarques__item {
    width: 50%;
    padding: 2.72%;
}
.logomarques__item img {
    mix-blend-mode: multiply;
}
@media (min-width: 540px) {
    .logomarques__item {
        width: 33.3333%;
    }
}
@media (min-width: 1000px) {
    .logomarques__item {
        width: 25%;
    }
}
@media (min-width: 1400px) {
    .logomarques__item {
        width: 20%;
    }
}

.col2 {
    margin-top: 5em;
}
.col22 {
    margin-top: 1em;
}
.rubheadtxt__tit2 {
    margin-top: .5em;
    font-size: calc(22px + (60 - 22) * ((100vw - 375px) / (1900 - 375)));
    font-weight: 300;
    color: #ff8080;
}
.etapes__symb {
    text-align: center;
}
@media (min-width: 1000px) {
    .col2 {
        display: flex;
        display: -ms-flexbox;
    }
    .col21 {
        width: 50%;
    }
    .col22 {
        margin-top: 0;
        width: 50%;
        text-align: center;
    }
    .etapes__symb {
        position: -webkit-sticky;
        position: sticky;
        top: 2em;
    }
}
.etapes__item {
    position: relative;
    font-weight: 400;
    padding-left: 4em;
    margin-bottom: 4em;
}
.etapes__num {
    position: absolute;
    left: 0;
    top: -.25em;
    font-size: 4.25em;
    font-weight: 700;
    color: #a30c3b;
}
@media (min-width: 700px) {
    .etapes__item {
        padding-left: 6em;
    }
    .etapes__num {
        font-size: 6.25em;
    }
}
.js .etapes__num.animscroll {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform ease .5s, opacity ease .5s;
}
.js .etapes__num.animscroll--go {
    transform: translateX(0);
    opacity: 1;
}
.rubhead__tit2 {
    font-size: 4.167em;
    font-size: calc(35px + (90 - 35) * ((100vw - 375px) / (1900 - 375)));
    line-height: 1;
    color: #ff8080;
    font-weight: 700;
}
.avisnotemoyenne {
    margin-top: .25em;
    font-size: 1.4em;
    font-weight: 300;
}
.avisnotemoyenne__etoiles {
    margin-top: 2em;
    position: relative;
    display: inline-block;
}
.avisnotemoyenne__taux {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    font-size: 1.5em;
    color: #A30C3B;
    -webkit-text-stroke: 2px #A30C3B;
    text-stroke: 2px #A30C3B;
}
.avisnotemoyenne__fd {
    font-size: 1.5em;
    color: #9b9b9b;
    color: transparent;
    -webkit-text-stroke: 2px #A30C3B;
    text-stroke: 2px #A30C3B;
}
.etoi {
    display: inline-block;
    font-size: 1.5em;
    line-height: 1;
    color: #A30C3B;
}
.etoi--cont {
    color: transparent;
    -webkit-text-stroke: 2px #A30C3B;
    text-stroke: 2px #A30C3B;
}
.avis__etoiles {
    margin-bottom: .5em;
}
.avis__etoiles.animscroll .etoi {
    transform: scale(0);
    transition: transform ease .3s;
    transition-delay: 0;
}
.avis__etoiles .etoi:nth-child(1) {
    transition-delay: 0;
}
.avis__etoiles .etoi:nth-child(2) {
    transition-delay: 100ms;
}
.avis__etoiles .etoi:nth-child(3) {
    transition-delay: 200ms;
}
.avis__etoiles .etoi:nth-child(4) {
    transition-delay: 300ms;
}
.avis__etoiles .etoi:nth-child(5) {
    transition-delay: 400ms;
}
.avis__etoiles.animscroll--go .etoi {
    transform: scale(1);
}
.avisform__tit {
    font-size: 1.95em;
    font-weight: 700;
    line-height: 1.1;
    color: #a30c3b;
}
@media (min-width: 600px) {
    .avisform__tit {
        font-size: 2.92em;
    }    
}
.avisform__desc {
    margin-top: 1em;
    margin-bottom: 1em;
}
.star-rating {
	border: 0;
	display: flex;
	flex-direction: row-reverse;
	font-size: 2.5em;
	justify-content: auto;
	text-align: center;
	width: 4.2em;
}
.star-rating input {
	display: none;
}
.star-rating label {
	cursor: pointer;
    color: transparent;
    -webkit-text-stroke: 2px #a30c3b;
    text-stroke: 2px #a30c3b;
}
.star-rating :checked ~ label {
	color: #a30c3b;
}
.star-rating :hover ~ label {
	color: #a30c3b;
}
.form__note {
    position: relative;
}
.form__notetxt {
    /*
    position: absolute;
    left: 12.5em; 
    padding-left: 1em;
    top: 1.25em;
    */
    color: #a30c3b;
}
.form__notetxt span {
    font-size: 1em;
}
@media (min-width: 800px) {
    .form__notetxt span {
        font-size: 1.35em;
    }
}

.contact__form {
    
}
.contact__form--mtavis {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10em;
    max-width: 720px;
}
@media (min-width: 2000px) {
    .contact__form--mtavis {
        max-width: 37.5vw;
    }
}
.form__group {
	clear: both;
    margin-bottom: .5em;
}
.form__group--mt {
    margin-top: 1.5em;
}
.form__coord {
    max-width: 1020px;
}
.form__2col {
    margin-top: 1.5em;
}
@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__lab  {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
	/*padding-top: .5em;*/
	display: block;
	margin-bottom: .5em;
}
@media (min-width: 2000px) {
    .form__lab  {
        font-size: .6em;
    }
}
.form__lab--requis:after {
    content:" *";
}
.form__lab--inline {
    display: inline;
}
.form__lab--block {
    font-family: "dcsansserif",sans-serif;
    display: block;
    line-height: 1.4;
}
.requis:before {
    content:"*";
}
.form__chp {
    font-family: 'ubuntu', sans-serif;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 1em;
    font-weight: 400;
	border: 1px solid #FF8080;
    border-radius: 0;
	background-color: rgba(255,255,255,0);
	width: 100%;
	margin-top: 0;
	margin-bottom: .5em;
    padding: .75em 1em;
    color:#1F1F1F;
    outline: none;
    transition: border ease .3s;
}
::placeholder {
    color:#1F1F1F;
}
.form__chp:focus {
    border-color: #A30C3B;
}
.error .form__chp {
    border: 2px solid #A30C3B;
}
.error .form__chp::placeholder {
    color: #A30C3B;
}
.accept__cont.error:before {
    content: "⌦ merci de cocher la case";
    color: #A30C3B;
    font-weight: 700;
    font-size: .85em;
}
.form__chp--area {
    height: 10em;
}
.form__info {
    position:relative;
    max-width: 20em;
    font-size: .85em;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background-color: #a30c3b;
    border-radius: 1.5em;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    animation: .3s shake;
    animation-delay: 1s
}
.form__info::after {
    position: absolute;
    content:'';
    display:block;
    background: #a30c3b;
    height: 1em;
    width: 1em;
    transform: rotate(45deg);
    bottom: -.5em;
    left:50%;
}
.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: #1F1F1F;
    font-size: .85em;
    line-height: 1.4;
}
.form__mention a {
    color: #1F1F1F;
}

.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;
}
@media (min-width: 2000px) {
    .pb__txt {
        max-width: 50vw;
    }
}
.contact__form--pb {
    padding-top: 1.5em;
}
.qu {
    margin-top: 2.5em;
}
.qu__intitule {
    font-weight: 700;
    color: #a30c3b;
    font-size: 1.4em;
}
@media (min-width: 480px) {
    .qu__intitule {
        font-size: 2.08em;
    }
}
.qu__intitule span {
    font-size: .5em;
    text-transform: uppercase;
}
.qu__radiogp {
    margin-top: 1.5em;
}

.qu__radioin {
  position: absolute;
  left: -999em;
  visibility: hidden;
  height: 0;
  width: 0;
  transform: scale(0);
}

.qu__radiolab {
  display: inline-block;
  font-size: .75em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #ff8080;
  color: #fff;
  padding: .75em 1.5em;
  border-radius: 1.7em;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .3s ease-in;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    margin-right: 1em;
    margin-bottom: 1em;
}
/*
.qu__radiolab:last-child {
    margin-right: 0;
}
*/

.qu__radioin:checked + label {
  background-color: #a30c3b;
}

.qu__radiolab:hover:not(:checked) + label {
 background-color: #a30c3b;
}







/*ANIMATIONS*/
.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);
}


/*FOOTER*/
.foot__cont {
    text-align: center;
    margin-top: 6em;
    padding-bottom: 3em;
}
.foot {
    color: #ff8080;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
}
@media (hover: hover) {
    .foot a[href^="tel:"] {
        border: none;
    }
}
.foot a {
    text-decoration: none;
    color: #ff8080;
    border-bottom: 1px solid #ff8080;
    transition: all ease .3s;
}
.foot a:hover {
    color: #A30C3B;
    border-bottom: 1px solid #A30C3B;
}
.foot__1 {
    width: 100%;
    order: 1;
}
.foot__11 .bouton {
    margin-top: 0;
}
.foot__11 .bouton:hover {
    border-color: #A30C3B;
    box-shadow: inset 0 0 0 2px #A30C3B;
}
.foot__12 {
    margin-top: 1em;
}
.foot__2 {
    /*display: none;*/
    width: 100%;
    order: 3;
}
.mobmask {
    display: none;
}
@media (min-width: 760px) {
    .mobmask {
        display: block;
    }
}
.foot__3 {
    width: 100%;
    order: 2;
}
@media (min-width: 760px) {
    .foot__cont {
        margin-top: 8em;
        text-align: left;
    }
    .foot__1 {
        width: 36%;
        order: 1;
    }
    .foot__2 {
        /*display: block;*/
        margin-top: 0;
        width: 54%;
        order: 2;
        padding-left: 1.5em;
    }
    .foot__3 {
        width: 10%;
        order: 3;
        text-align: right;
    }
}
@media (min-width: 1300px) {
    .foot__1 {
        width: 57.14%;
        order: 1;
        
        display: flex;
        display: -ms-flexbox;
    }
    .foot__11 {
        width: 43.75%;
        padding-right: 1em;
    }
    .foot__12 {
        margin-top: 0;
        width: 56.25%;
    }
    .foot__2 {
        padding-left: 0;
        width: 32.14%;
    }
    .foot__3 {
        width: 10.72%;
    }
}
.footpost {
    color: #ff8080;
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    margin-top: 2em;
}
.footpost a {
    color: #ff8080;
    text-decoration: none;
    border-bottom: 1px solid #ff8080;
}
.footpost__1 {
    margin-top: 1em;
    width: 100%;
    order: 2;
}
.footpost__2 {
    margin-top: 1em;
    text-align: center;
    width: 100%;
    order: 1;
}
.sign {
    font-size: .85em;
    text-decoration: none;
    color: #666;
}
.sign:hover {
    text-decoration: underline;
}
@media (min-width: 800px) {
    .footpost {
        flex-direction: row;
    }
    .footpost__1 {
        margin-top: 0;
        width: 50%;
        order: 1;
    }
    .footpost__2 {
        margin-top: 0;
        width: 50%;
        text-align: right;
        order: 2;
    }
}

.editor h2, .editor .h2, .editor .h2__coul2, .editor h3  {
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.2;
    margin-top: .75em;
    margin-bottom: .5em;
    color: #ff8080;
}
.editor .h2__coul2 {
    color: #a30c3b;
}
.editor h3  {
    font-size: 1em;
}
.editor ul {
    font-weight: 400;
    list-style: disc;
    margin-left: 1em;
    margin-top: 0;
    margin-bottom: 1.5em;
    color: #a30c3b;
}
.editor ul a {
    color: #a30c3b;
}
.editor .misenavant ul {
    color: #fff;
}
.editor .misenavant ul a {
    color: #fff;
}
.editor li {
    line-height: 1.3;
    margin-bottom: .25em;
}
.editor strong {
    color: #a30c3b;
    font-weight: 400;
}
.editor .misenavant strong {
    color: #ff8080;
}
.editor strong.gras {
    font-weight: 700;
}
.editor p, .editor ul, .editor ol, .editor div {
    line-height: 1.667;
}
.editor--mt {
    margin-top: 1.5em;
}
.editor--rubhead h2 {
    text-transform: uppercase;
}
.tabhoraires td {
    padding-bottom: .25em;
}
.tabhoraires td:first-child {
    padding-right: 1em;
}






.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: #a30c3b;
}
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.2em;
    height: 2.2em;
    border-radius: 1.1em;
    padding: .2em;
    transition: all ease .3s;
    background-color: #ff8080;
}
.reso__svg path, .reso__svg rect {
    fill: #fff;
    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 {
    display: block;
    margin-top: 5em;
    margin-bottom: 6em;
}
.partager--proj {
    margin-top: 3em;
}
.partager__txt {
}
.partager__icons {
    margin-left: 1.6em;
}
.partager__icon {
    width: 2.4em;
    height: 2.4em;
    border: 2px solid #000;
    border-radius: 1.8em;
    padding: .2em;
    transition: background-color .3s ease;
}
.partager__icon path, .partager__icon rect {
    fill: #000;
    transition: fill .3s ease;
}
.mode_2 .partager__icon path, .mode_2 .partager__icon rect {
    fill: #fff;
}
.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 {
    background-color: #000;
}
.partager__icon__link:hover .partager__icon path, .partager__icon__link:hover .partager__icon rect {
    fill: #fff;
}

/*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;
    }
}