@font-face {
    font-family: 'Blackjack';
    src: url('../fonts/blackjack-webfont.eot');
    src: url('../fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blackjack-webfont.woff') format('woff'),
         url('../fonts/blackjack-webfont.svg#black_jackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes translate {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}
@keyframes translate {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

/*---global---*/
.text--right {
    text-align: right;
}

.text--intro{
    font-weight:700;
    font-size:1.8rem;
    line-height:33px;
}
h2.title--3-lines{
    text-transform: uppercase;
    font-size:3.8rem;
    line-height: 6.8rem;
    font-weight:300;
    letter-spacing: 3px;
}
h2.title--3-lines .font--bj{
    text-transform: none;
    font-size:7.5rem;
    font-weight:normal;
    letter-spacing: normal;
}
img{
    max-width:100%;
    height:auto;
}
.bg--grey{
    background-color:#f3f3f3;
}
.text--yellow{color:#e8c732;}
.text--light-green, .text--green{color:#9dcc00 ;}
.text--dark-green, .text--dark_green{color:#007861 ;}
.text--dark-grey, .text--grey{color:#003d4f ;}
.text--pink{color:#b90845;}

/*---projets--home---*/
.projet .bt{
    margin-top:60px;
}
.projet{
    position: relative;
    max-width:100%;
    padding:100px 0;
    background-repeat: no-repeat;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content:center;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
.projet--content{
    max-width:730px;
    width:48%;
}
.projet--content a  h2, .projet--content a  p{
    color:#000;
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.projet--content a h2:hover, .projet--content a p:hover{
    color:#515151;
}
.projet--content a h2 .font--bj{
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.projet--content a h2:hover .font--bj{
    opacity:0.8;
}
.projet--intro{
    max-width:500px;
}
.projet--logo, .projet--competences, .projet--texture{
    position: absolute;
}
.projet--competences *{
    list-style: none;
    margin:0;
}
.projet--competences ul{
    border-left:2px solid #000;
    padding : 28px 0 10px 15px;
}
.projet--competences li{
    font-size:2rem;
    font-weight:700;
    padding:5px 0;
}
.projet--logo{
    z-index: 5;
    border-radius: 50%;
    background: #fff;
    width:243px;
    height:243px;
    line-height:173px;
    padding: 35px;
    text-align: center;
    -webkit-box-shadow: 14px 10px 65px 0 rgba(88,88,88,0.1);
    box-shadow: 14px 10px 65px 0 rgba(88,88,88,0.1);
    display: block;
}
.projet--logo:hover{
    -webkit-animation: rotateBounce 1s;
    -moz-animation: rotateBounce 1s;
    -o-animation: rotateBounce 1s;
    animation: rotateBounce 1s;
}
.projet h2{
    margin-bottom:60px;
}
/*---projet-1---*/
.projet--type-1{
    background-position: right bottom;
    padding-top:12%;
}
.projet--type-1 .projet--image{
    max-width: 730px;
    width:38%;
    position: relative;
}
.projet--type-1 .projet--image:before{
    content:'';
    padding:20%;
    position: absolute;
    z-index: -1;
    background:#e8c732;
    left:-9%;
    top:-17%;
}
.projet--type-1 .projet--content{
    margin-left:45px;
}
.projet--type-1 .projet--logo{
   right:34.5%;
   top:84%;
}
.projet--type-1 .projet--texture{
    left:0;
    top:calc(100% + 20px);
}
.projet--type-1 .projet--competences{
    right:-8%;
    width:40%;
    top:100%;
}
/*---projet-2---*/
.projet--type-2{
    background-position: left center;
    padding-top:12%;
}
.projet--type-2 .projet--image{
    max-width: 730px;
    width:31%;
    position: relative;
}
.projet--type-2 .projet--image:before{
    content:'';
    padding:22%;
    position: absolute;
    z-index: 0;
    background:#9dcc00;
    left:-29%;
    top:87%;
}
.projet--type-2 .projet--content{
    margin-right:45px;
}
.projet--type-2 h2{
    margin-top:140px;
}
.projet--type-2 .projet--logo{
   left:-20%;
   top:75%;
}
.projet--type-2 .projet--texture{
    left:-160px;
    top:0;
}
.projet--type-2 .projet--competences{
    left:150px;
    top:100%;
    right: 0;
    width: 60%;
}

/*---projet-3---*/
.projet--type-3{
    background-position: right -30px center;
    padding-top:12%;
}
.projet--type-3 .projet--image{
    max-width: 642px;
    width:40%;
    position: relative;
}
.projet--type-3 .projet--image:before{
    content:'';
    padding:142px;
    position: absolute;
    z-index: -1;
    background:#007861;
    left:-9%;
    bottom:-10%;
}
.projet--type-3 .projet--content{
    margin-left:45px;
    margin-top:90px;
}
.projet--type-3 .projet--logo{
   right:-10%;
   top:-20%;
}
.projet--type-3 .projet--texture{
    left:-9%;
    bottom:calc(-10% - 64px);
}
.projet--type-3 .projet--competences{
    right:0;
    top:100%;
    width: 45%
}

/*---projet-4---*/
.projet--type-4{
    background-position: left bottom;
    padding-top:14%;
}
.projet--type-4 .projet--image{
    max-width: 640px;
    width:38%;
    position: relative;
}
.projet--type-4 .projet--image:before{
    content:'';
    padding:20%;
    position: absolute;
    z-index: 0;
    background:#003d4f;
    right:-11%;
    top:-18%;
}
.projet--type-4 .projet--content{
    margin-right:45px;
}
.projet--type-4 h2{
    margin-bottom: 40px;
}
.projet--type-4 .projet--logo{
   right:-7%;
   top:-10%;
}
.projet--type-4 .projet--texture{
    left:-20%;
    top:90%;
    z-index:-1;
}
.projet--type-4 .projet--competences{
    top:100%;
    right: 0;
    width: 60%;
}


/*---equipe--home---*/
.equipes{
    position: relative;
    /* max-width:1920px; */
    margin:0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin: 100px auto;
}
.content_equipe{
    /* min-height:1296px; */
    /* padding:300px 0 250px 0; */
    padding:50px 0;
}
.bloc__equipe h2{
    color:#fff;
}
.equipe__text{
    padding:0 15px;
}
main .content_equipe ul:not(.add-flexbox) li:before {
    background: transparent;
    display:none;
}
/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 50px;
}
.slick-dots{
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 1;
}
.slick-dots li button:before{
    font-size: 6px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    border-radius:50%;
    text-align: center;
    opacity: .25;
    background-color:rgba(255,255,255,0.7);
}
.slick-dots li.slick-active button:before{
    opacity: .75;
}

@media (max-width:1440px){
    .content_equipe{
        /* min-height:970px; */
        /* padding:270px 0 200px 0; */
    }
}
@media (max-width:1024px){
    .content_equipe{
        /* min-height:870px; */
        /* padding:180px 0 100px 0; */
    }
    .slick-dotted.slick-slider{
        margin-bottom: 75px;
    }
}
@media (max-width:425px){
    .content_equipe{
        /* min-height:770px; */
    }
    .slick-dotted.slick-slider{
        margin-bottom: 60px;
    }
}

/*------logos références-----*/
.references_logos{
    padding:30px 0 0;
}
.references_logos ul{
    list-style: none;
    margin:30px auto;
    max-width:1920px;
    padding:0;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content:center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items:center;
    flex-wrap: wrap;
}
.references_logos li{
    padding:30px;
}
.references_logos a{
    display: inline-block;
}
.references_logos img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.references_logos li:hover img{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}
/*-video ref----*/

.bg-videoRef {
    padding-top: 30px;
    padding-bottom: 70px;
    margin: auto;
    width: 1180px;
    max-width: 100%;
    text-align: center;
    background: url(../images/zigzag.png) no-repeat bottom center;
    background-size: 250px;
    margin-bottom: 30px;
}

.bg-videoRef .responsive-video{
     padding-top: 0;
}

.bg-videoRef h2 {
    font-size: 5rem;
    text-transform: none;
    font-family: 'Blackjack';
    margin: auto;
    width: 760px;
    max-width: 100%;
    padding-bottom: 40px;
}
/*----autres ref images---------*/
.listing-references h2{
    text-align: center;
    padding-top:45px;
}
.flex--gallery{
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content:center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  width:100%;
  max-width:1800px;
  margin:20px auto;
  padding:30px 0;
}
.flex--gallery__bloc{
    min-width: 0;
    min-height: 0;
    margin:5px;
    overflow: hidden;
    position: relative;
}
.flex--gallery__bloc a{
   display: block;
   overflow: hidden;
}
.flex--gallery__bloc .flex--galery__content{
   position: absolute;
    text-align: center;
    left:0;
    color:#fff;
    padding:15px;
    font-weight: 300;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-transform: uppercase;
    background:rgba(0,0,0,0.2);
    top:110%;
    margin:0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -ms-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.flex--gallery__bloc *:hover .flex--galery__content{
    top:0;
    background:rgba(0,0,0,0.4);
    -ms-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-filter: blur(0);
    filter: blur(0);
}
.flex--gallery__bloc h3{
   margin-bottom: 30px;
}
.flex--gallery__bloc a img, .flex--gallery__bloc img{
    overflow: hidden;
    -webkit-filter: blur(0);
    filter: blur(0);
    -ms-transition: all 0.4s ease 0.1s;
    -webkit-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
}
.flex--gallery__bloc a:hover img, .flex--gallery__bloc img:hover{
    -webkit-filter: blur(2px);
    filter: blur(2px);
    opacity:0.7;
    transform : scale(1.05);
}
.flex--gallery__bloc--color{
    max-height:250px;
    height:250px;
    flex-grow: 2;
}
/*-----voyelle-touch-home-------*/
.voyelle-touch__home{
    padding:50px 0 80px 0;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content:center;
    margin:0 auto;
    max-width:98%;
}
.voyelle-touch__home .voyelle-touch__content{
    position: relative;
    padding-left:2%;
}
.voyelle-touch__home .voyelle-touch__titre{
    position: relative;
    background: #fff;
    padding: 50px;
    left:-40%;
    margin-top:80px;
    margin-bottom:40px;
    z-index: 2;
    max-width:840px;
}
.voyelle-touch__home .voyelle-touch__texte{
    max-width:640px;
    font-size:1.8rem;
    margin-bottom:30px;
    padding-left:30px;
}
.voyelle-touch__home .bt{
    margin-left:30px;
}
.voyelle-touch__home .voyelle-touch__texte strong{
    font-size:2.4rem;
}
.voyelle-touch__home  h2.title--3-lines{
    margin:0;
    letter-spacing: 2px;
}

/*-----------------temoignages---------------*/
.temoignages{
    position: relative;
    background: #e8c732;
    margin:60px 0 30px;
    background: -moz-linear-gradient(top, #e8c732 0, #e8c732 280px, #ffffff 280px, #ffffff 100%);
    background: -webkit-linear-gradient(top, #e8c732 0%,#e8c732 280px,#ffffff 280px,#ffffff 100%);
    background: linear-gradient(to bottom, #e8c732 0%,#e8c732 280px,#ffffff 280px,#ffffff 100%);
}
.temoignages img{
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.12), 0 6px 20px 0 rgba(0,0,0,.11);
}
.temoignages h2{
    position:relative;
    color:#fff;
    font-weight: 700;
    font-size:8.5rem;
    letter-spacing: 40px;
    width:100%;
    background: #e8c732;
    top:0;
    left:0;
    text-align: center;
    line-height:140px;
    padding:0 15px 0;
    margin:0;
}
.temoignages .temoignage__content{
    position: relative;
    z-index:2;
    text-align: center;
    max-width: 420px;
    margin:0 auto 30px;
    padding:0 0 0 0;
}
.temoignages .temoignage__prenom{
    color:#176152;
    font-size:7.5rem;
    margin:25px 0 0;
    line-height: 7.7rem;
}
.temoignages .temoignage__entreprise{
    color:#176152;
    font-size:3rem;
    display: inline-block;
    padding:0 0 40px;
    border-bottom:8px solid #99ba2d;
    margin-bottom:10px;
}
.temoignages .temoignage__texte{
    font-size:1.8rem;
    line-height: 2.8rem;
    margin-top:20px;
    font-weight: 600;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;

    &:focus {
        outline: none;
    }

    &.dragging {
        cursor: pointer;
        cursor: hand;
    }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
    .slick-loading & {
        visibility: hidden;
    }
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    [dir="rtl"] & {
        float: right;
    }
    img {
        display: block;
    }
    &.slick-loading img {
        display: none;
    }

    display: none;

    &.dragging img {
        pointer-events: none;
    }

    .slick-initialized & {
        display: block;
    }

    .slick-loading & {
        visibility: hidden;
    }

    .slick-vertical & {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
}
.slick-arrow.slick-hidden {
    display: none;
}
[type=button].slick-prev, [type=button].slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
[type=button].slick-prev {
    left: -25px;
}
[type=button].slick-next {
    right: -25px;
}
.slick-next:before {
    content: '';
}
.slick-prev:before {
    content: '';
}
.slick-prev:before, .slick-next:before {
    font-family: 'Linearicons-Free';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #176152;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*------------expertises--------------------*/
.page-template-modele-expertise .h1 {
    font-size: 4.5rem;
}
.expertise h2{
    font-size:4.1rem;
}
.zone__analyse{
    padding:65px 0 100px;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color:#ffffff;
    text-align:center;
    font-weight: 600;
    font-size:1.8rem;
}
.content--analyse{
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    margin-top:20px;
}
.content--analyse img{
    position: relative;
    z-index: 2;
}
.content--analyse--texte{
    position: relative;
    left:-60px;
    background:#fff;
    text-align: left;
    color:#000;
    padding:30px 40px 30px 100px;
}
main .content--analyse--texte ul:not(.add-flexbox) li {
    margin-bottom: 7px;
}
main .content--analyse--texte ul:not(.add-flexbox) li:before {
    width: 6px;
    height: 2px;
    background: #000;
}

.listing-expertises{
    margin:0 0 90px;
}
.expertises__cases{
    flex-wrap: wrap;
    justify-content:center;
}
.expertises--case{
    margin:3px;
}
.flip-box{
    position: relative;
    transition: all 0.6s ease 0s;
    width:279px;
    height:279px;
}
.flip-box .add-flexbox{
    height:100%;
    -ms-align-items: center;
    align-items: center;
    justify-content:center;
}

.flip-box h3{
    padding:0;
    margin: 0 0 20px 0;
    text-align:center;
    line-height: 1.4;
    font-size: 2.6rem;
    color:#fff;
}
.flip-box .add-flexbox:after{
    content:"+";
    position: absolute;
    bottom:33px;
    width:44px;
    height:44px;
    line-height:44px;
    text-align: center;
    left:calc(50%-22px);
    background: #fff;
    border-radius: 50%;
    font-size:4rem;
    font-weight: 300;
}
.case--small .flip-box h3{
    font-size:2.8rem;
}
.flip-box h3 .font--bj{
    font-size:5rem;
    display: block;
}
.case--double{
    flex-grow:2;
    width:auto;
    min-width:279px;
}
.case--double .flip-box{
    flex-grow:2;
    width:auto;
}
.content--back{
    text-align: left;
    height:130px;
    overflow: hidden;
}

.flip-box .front,.flip-box .back{
    padding:15px;
    left: 0;
    -webkit-backface-visibility:hidden;
    -webkit-transition:.6s;
    -moz-backface-visibility:hidden;
    -moz-transition:.6s;
    -ms-backface-visibility:hidden;
    -ms-transition:.6s;
    backface-visibility:hidden;
    transition:.6s;
    position:absolute;
    width:100%;
    height: 100%;
    outline: 1px solid #fff;
    outline-offset: -13px;
    padding:26px;
}
.flip-box .front{
  background-repeat: no-repeat;
  background-position: center bottom 25px;
}
.flip-box .front{
    transform: rotateY(0deg);
    z-index: 2;
}
.flip-box .back {
    background-color: rgba(255,255,255,1);
    transform: rotateY(-180deg);
    padding:35px 30px;
    outline-width: 3px;
    text-align: center;
}
.flip-box:hover .front {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.flip-box:hover .back {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.co-construire .add-flexbox{
    -ms-align-items: center;
    align-items: center;
    justify-content:center;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
    margin:60px 0;
}
.co-construire .add-flexbox div{
    flex:1;
    position: relative;
}
.co-construire .left--content{
    padding:30px 50px;
    background-color: #fff;
    color:#003d4f;
    z-index:2;
    right:-30px;
}
.co-construire .right--content{
    padding:70px 80px 70px 120px;
    background-color: #9dcc00;
    left:-30px;
}

main .co-construire ul:not(.add-flexbox) li {
    margin-bottom: 6px;
}
main .co-construire ul:not(.add-flexbox) li:before {
    width: 6px;
    top: 0.8em;
    height: 2px;
    background: #000;
}
/*--------------actus home---------------------------*/
img.home-actu-3{
    height: 150px;
    width: 500px;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}
.onepage-wrapper .section {
  width: 100%;
  height: 100%;
}
.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.more-pages{
    float: left;
    padding: 1rem .5rem 0;
}
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}
.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}
.disabled-onepage-scroll .onepage-pagination {
  display: none;
}
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}
/*.main_actu {*/
	/*!*position: absolute!important;*!*/
    /*padding-left: 10%;*/
    /*padding-right: 10%;*/
/*}*/
.others-actu{
    display: flex;
    justify-content: space-between;
}

.page_other_actu{
    /*width: 45%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.actu-default-img{
    height: 150px;
    /*width: 540px;*/
    /*background: url("../images/voyelle-agora-460x310.jpg") center no-repeat;*/
    /*background-size: cover;*/
}

.actu-default-img img{
    margin-top: -13rem;
}

.bloc_scroll {
	/*min-height: 1000px !important;*/
	margin: 40px auto 20px;
	/*overflow: hidden;*/
	border: 0px solid #000;
	position: relative;
}
.bloc_actualites h2{
	padding-left: 20%;
	margin-top:30px;
}

.bloc_actualites .bt--principal{
    margin-top: 10rem;
}

.onepage-pagination {
	position: absolute;
	left: 10%;
	top: 10px;
	z-index: 5;
	list-style: none;
	margin: 0;
	padding: 0;
    width:80px;
}
.wrapper {
	padding-left: 20%;
}
.onepage-pagination li a::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #DBD1D0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.onepage-pagination li a.active::before {
	width: 10px;
	height: 10px;
	background: none;
	border: 10px solid #A41E39;
	margin-top: 0px;
	left: 10px;
}
.onepage-pagination li a {
	padding: 10px;
	width: 15px;
	height: 15px;
	display: block;
}
.onepage-pagination {
	top: 100px;
	list-style: none;
}
main ul.onepage-pagination li::before {
	display: none;
}
.onepage-wrapper {
	width: 80%;
}
.onepage-pagination li a::before {
	box-sizing: unset!important;
}

.bloc_actualites{
    padding:50px 0 40px;
}
.bloc_actualites h3{
    font-size: 3.6rem;
    font-family: 'Blackjack';
    line-height: normal;
    margin: 0 0 10px;
}
.page_other_actu h3{
    font-size: 2.8rem;
    margin: 1.5rem 0 0.8rem;
}
.content__other-actu-home{
    padding: 0 15px;
}
.bloc_actualites .editor-content{
    color: #000;
    font-size: 1.7rem;
    line-height: 2.7rem;
    margin-bottom: 30px;
    font-weight:normal;
}
.content--actu-home{
    display: block;
}
.actu-a-la-une .content--actu-home{
    border-bottom:1px solid #a41d39;
    padding-bottom:9rem;
    margin-bottom:9rem;
}

.image--actu-home{
    display: block;
    position: relative;
    overflow: hidden;
    padding-right: 0;
}
.actu-a-la-une .image--actu-home{
    overflow: visible;
}
.image--actu-home:before {
    content: '';
    position: absolute;
    right: -30px;
    height: 150px;
    width: 150px;
    bottom: -30px;
    background: url(../images/deco2.png);
    background-size: contain;
    z-index: 1;
    transform: rotate(-90deg);
    transition: .5s;
}
.actu-a-la-une img,
.page_other_actu img{
    transition: .5s;
}

.page_other_actu a:hover img{
    transform: scale(1.2);
}
.actu-a-la-une a:hover .image--actu-home:before {
    right: -15px;
    bottom: -15px;
}
.bloc_actualites a:hover .bt,
.bloc_actualites a:hover .bt::after,
.bloc_actualites a:hover .bt::before{
    background: #a41d39;
}
.bloc_actualites .bt,
.bloc_actualites .bt::before,
.bloc_actualites .bt::after{
    transition: background 0s, all .5s;
}
.page_other_actu .image--actu-home:before{
    content: none;
}

/*--------------actus / ceci pourrait vous intéressez ---------------------------*/

.news{
    padding: 5rem 0;
}

.news.bloc_actualites h2{
    margin-bottom: 3rem;
    padding-left: 0;
}

.news .news__cards{
    display: flex;
    justify-content: space-around;
}

.news .actu-default-img img{
    margin: 0;
}

.news .content__other-actu-home{
    padding: 0;
}

.news .image--actu-home{
    max-height: 130px;
}

/*---------------------------------------------------------------responcive-------*/
@media (min-width:1620px){
    .projet--type-2 {
        padding-bottom: 200px;
    }
    .projet--type-1 {
        padding-bottom: 150px;
    }
}
@media (max-width:1620px){
    .voyelle-touch__home .voyelle-touch__titre {
        padding: 40px;
        left: -35%;
        margin-top: 70px;
    }
    .voyelle-touch__home  h2.title--3-lines {
        letter-spacing: normal;
        font-size: 3.2rem;
        line-height: 6rem;
    }
    .voyelle-touch__home h2.title--3-lines .font--bj {
        font-size: 5.8rem;
    }
}
@media (max-width:1355px){
    h2.title--3-lines{
        font-size:3.2rem;
        line-height: 5.8rem;
        letter-spacing: 2px;
    }
    h2.title--3-lines .font--bj{
        font-size:6.5rem;
    }
    .text--intro{
        font-size:1.7rem;
        line-height:30px;
    }
    .projet .bt {
        margin-top: 30px;
    }
    .projet h2 {
        margin-bottom: 40px;
    }
}
@media (max-width:1260px){
    .projet--logo{
        width:203px;
        height:203px;
        line-height:133px;
        padding: 35px;
        -webkit-box-shadow: 14px 10px 45px 0 rgba(88,88,88,0.1);
        box-shadow: 14px 10px 45px 0 rgba(88,88,88,0.1);
    }
    .projet--competences li {
        font-size: 1.8rem;
        padding: 4px 0;
    }
    .projet--type-2 .projet--image:before {
        left: -26%;
    }
    .projet--type-4 .projet--texture {
        left: -15%;
        max-width: 45%;
    }
    [type=button].slick-prev {
        left: -5px;
    }
    [type=button].slick-next {
        right: -5px;
    }
    .voyelle-touch__home .voyelle-touch__titre {
        padding: 35px;
        left: -15%;
        margin-top: 50px;
    }
}
@media (max-width:1199px){
    .bloc_actualites h2 {
        padding-left: 10%;
    }
    .wrapper {
        padding-left: 10%;
    }
    .onepage-pagination {
        left: 0;
    }
    .bloc_actualites h3 {
        font-size: 2.6rem;
        margin: 0 0 25px;
    }
    .bloc_actualites .editor-content {
        line-height: normal;
        margin-bottom: 20px;
    }
    .actu-default-img{
        height: 130px;
        overflow: hidden;
    }
}
@media (max-width:1160px){
    .projet--type-3 .projet--image:before{
        padding:80px;
    }
    .projet--type-3 .projet--texture{
        width:160px;
        bottom:calc(-10% - 34px);
    }
    .projet--type-1 .projet--texture {
        max-width: 50%;
    }
    .projet--type-1 .projet--logo {
        right: 43%;
    }
    .projet--type-1 .projet--competences {
        right: -2%;
        width: 45%;
    }
    .projet--type-2 .projet--image:before {
        left: -20%;
    }
    .temoignages h2 {
        letter-spacing: 20px;
    }
    .voyelle-touch__home .voyelle-touch__titre {
        max-width: 650px;
        margin-top: 20px;
        padding:0;
    }
    .voyelle-touch__home .voyelle-touch__texte {
        max-width: 500px;
    }
}
@media (max-width:1115px){
    h2.title--3-lines{
        font-size:2.8rem;
        line-height: 5.2rem;
        letter-spacing: 1px;
    }
    h2.title--3-lines .font--bj{
        font-size:5.8rem;
    }
    .text--intro{
        line-height:28px;
    }
    .projet--type-2 .projet--image {
        width: 33%;
    }
    .projet--type-2 .projet--logo {
        left: -15%;
        top: 75%;
    }
   .voyelle-touch__home h2.title--3-lines {
        letter-spacing: normal;
        font-size: 3rem;
        line-height: 5.5rem;
    }
    .voyelle-touch__home h2.title--3-lines .font--bj {
        font-size: 5.2rem;
    }
    .voyelle-touch__home .voyelle-touch__texte {
        font-size: 1.6rem;
    }
    .voyelle-touch__home .voyelle-touch__texte strong {
        font-size: 2rem;
    }
}
@media (max-width:1080px){
    .projet--intro {
        max-width: 450px;
    }
}
@media (max-width:991px){
    .actu-default-img{
        height: 94px;
    }

    .news .page_other_actu{
        width: 33%;
    }

    .bloc_actualites h3 {
        font-size: 2rem;
        margin: 1rem 0;
    }

    .news.bloc_actualites .image--actu-home {
        max-height: 94px;
    }
}

@media (max-width:972px){
    .page-template-modele-expertise .h1 {
        font-size: 3.5rem;
    }
    .projet--texture {
       display:none;
    }
    .projet--logo{
        width:163px;
        height:163px;
        line-height:103px;
        padding: 30px;
    }
    .projet--competences li {
        font-size: 1.6rem;
        padding: 3px 0;
    }
    .projet--type-1 .projet--logo {
        left: 2%;
    }
    .projet--type-1 .projet--competences {
        right: -2%;
        width: 55%;
    }
    .projet--type-3 .projet--content {
        margin-top: 40px;
    }
    .projet--type-2 h2 {
        margin-top: 0;
    }
    .co-construire .add-flexbox {
        flex-direction:column;
    }
    .co-construire .left--content {
        right: 0;
        padding: 30px 50px;
    }
    .co-construire .right--content {
        left: 0;
        padding: 30px 50px;
    }
    .expertises--case {
        flex-grow: 2;
        width: auto;
        min-width: 279px;
    }
    .flip-box {
        flex-grow: 2;
        width: auto;
    }
    .temoignages h2 {
        font-size: 7.5rem;
        letter-spacing: 15px;
    }
    .voyelle-touch__home {
        flex-direction: column;
        justify-content: center;
    }
    .voyelle-touch__images{
        text-align: center;
        min-width: 0;
        min-height: 0;
        overflow: hidden;
    }
    .voyelle-touch__images img{
    }
    .voyelle-touch__home .voyelle-touch__titre {
        max-width: 98%;
        margin-top: 30px;
        left:0;
    }
    .voyelle-touch__home .voyelle-touch__texte {
        max-width: 98%;
        padding-left:0;
    }
    .voyelle-touch__home .bt {
        margin-left: 0;
    }
}
@media (max-width:900px){
    .projet--competences ul {
        border-left: 2px solid #000;
        padding: 15px 0 10px 15px;
    }
    .projet--competences li {
        font-size: 1.5rem;
    }
    .projet--logo {
        width: 133px;
        height: 133px;
        line-height: 93px;
        padding: 20px;
    }
    h2.title--3-lines {
        font-size: 2.4rem;
        line-height: 4.2rem;
        letter-spacing: 1px;
    }
    h2.title--3-lines .font--bj{
        font-size:4.4rem;
    }
}
@media (max-width:800px){
    .projet--type-2 .projet--image:before {
        left: -10%;
    }
    .projet--type-2 .projet--logo {
        left: -5%;
        top: 70%;
    }
    .text--intro {
        font-size: 1.6rem;
        line-height: 26px;
    }
    .projet--type-2 .projet--competences {
        left: 120px;
    }
    .projet--type-3 .projet--content {
        margin-top: 0;
    }
    .projet h2 {
        margin-bottom: 30px;
        margin-top:5px;
    }
    h2.title--3-lines {
        font-size: 2.3rem;
        line-height: 4.1rem;
        letter-spacing:normal;
    }
    h2.title--3-lines .font--bj{
        font-size:4rem;
    }
    .projet{
        padding-top:10%;
        padding-bottom:50px;
        background-image: none !important;
    }
    .projet .bt {
        margin-top: 10px;
    }
    [type=button].slick-prev {
        left: 0;
    }
    [type=button].slick-next {
        right: 0;
    }
}
@media (max-width: 768px){
    .news .page_other_actu{
        width: calc( 100% - 6rem);
    }

    .news .page_other_actu a{
        width: 100%;
    }

    .news .page_other_actu img{
        margin-top: -25%;
    }

    .content--analyse img{
        display: none;
    }
    .content--analyse--texte{
        width: 100%;
        left:0;
        padding:30px;
    }
    .page-template-modele-expertise .h1 {
        font-size: 3rem;
    }
    .temoignages h2 {
        font-size: 6.5rem;
        letter-spacing: normal;
        line-height: 120px;
    }
    .bloc_actualites h2 {
        padding-left: 15%;
    }
    .wrapper {
        padding-left: 15%;
    }

    .content--actu-home{
        margin-right: 30px;
    }

    .others-actu{
        flex-direction: column;
    }

    .page_other_actu{
        padding: 0 0 5rem;
        margin: 0 3rem 5rem;
        margin-bottom: 5rem;
        border-bottom: 1px solid #a41d39;
    }

    .bloc_actualites .bt--principal{
        margin-top: 0;
    }
}
@media (max-width:706px){
    .projet--competences{
        display: none;
    }
    .projet--content {
        width: 55%;
    }
    .projet--type-2 .projet--content,
    .projet--type-4 .projet--content{
        margin-right: 3%;
    }
    .projet--type-1 .projet--content,
    .projet--type-3 .projet--content{
        margin-left: 3%;
    }
    .projet--type-2 .projet--image {
        width: 30%;
    }
    .projet--type-2 .projet--image:before {
        right: -7%;
        left:auto;
    }
    .projet--type-2 .projet--logo {
        left: auto;
        right: -5%;
        top: 65%;
    }
    .projet--type-3 .projet--logo {
        right: auto;
        top: 70%;
        left: -3%;
    }
    .projet--type-3 .projet--image {
        width: 36%;
    }
    .projet--type-3 .projet--image:before {
        padding: 82px;
        left: -5%;
        bottom: -18%;
    }
    .projet--type-4 .projet--image:before {
        right: auto;
        top: 80%;
        left: -7%;
    }
    .projet--type-4 .projet--logo {
        right: auto;
        top: 60%;
        left: -2%;
    }
}
@media (max-width:578px){
    .projet{
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction:column;
    }
    .projet--content {
        width: 90%;
        -ms-order:-1;
        -webkit-order:-1;
        order:-1;
        margin-right: auto;
        margin-left: auto;
    }
    .projet--image {
        width: 100% !important;
        margin-left: auto;
        overflow: hidden;
        max-height:250px;
        padding-left: 15%;
    }
    .projet--type-1 .projet--image:before,
    .projet--type-2 .projet--image:before,
    .projet--type-3 .projet--image:before,
    .projet--type-4 .projet--image:before{
        padding:0;
        height:100%;
        right:auto;
        left:0;
        bottom:auto;
        top:0;
        width:15%;
    }
    .projet--type-1 .projet--logo,
    .projet--type-2 .projet--logo,
    .projet--type-3 .projet--logo,
    .projet--type-4 .projet--logo {
        left: 2%;
        right: auto;
        top: 20%;
    }
    .projet .bt {
        margin-bottom: 30px;
    }
    .temoignages h2 {
        font-size: 4.5rem;
    }
    .bloc_scroll {
        min-height: 600px !important;
    }
}

@media (max-width:360px){
    h2.title--3-lines {
        font-size: 2.2rem;
        line-height: 4rem;
    }
    h2.title--3-lines .font--bj{
        font-size:3.8rem;
    }
    .temoignages h2 {
        font-size: 3.5rem;
        line-height: 90px;
    }
}


/******** Général *********/
strong{
    font-weight: 700;
}
.add-flexbox{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
img.aligncenter{
  display:block;
  margin:15px auto;
}
.wp-caption-text{
    font-size: 1.2rem;
    font-style: italic;
}
.h1{
    color:white;
    /* text-transform: uppercase; */
    font-weight: 300;
    margin:0;
    font-size:55px;
    line-height: 1.4;
}
.h1 .font--bj,
h2 .font--bj{
    font-size: 1.5em;
    line-height: 1em;
}
h2{
    margin-top:30px;
}
h3{
    margin-top:30px;
}

.padding-right-6{
    padding-right: 6rem;
}

@media(max-width: 768px){
    .padding-right-6 {
        margin-bottom: 5rem;
    }
}

.padding-0 {
    padding: 0;
}

main .gform_wrapper ul.gform_fields li.gfield:before{
    position: static;
    width: 0;
    height: 0;
    background: none;
}
body .gform_wrapper div.validation_error,
body .gform_wrapper .gfield_error .gfield_label{
  color:#a41d39;
  border-top-color:#a41d39;
  border-bottom-color:#a41d39;
}
body .gform_wrapper .field_description_below .gfield_description{
  padding-top:5px;
}
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
  background:none;
  border:none;
}
body .gform_wrapper .validation_message{
  color:#000;
}
.inv-recaptcha-holder{
    visibility: hidden;
}
a:hover,
a:active,
a:focus{
    text-decoration: none;
    color:#000;
}
input,
textarea{
    border:0;
    background:#f3f3f3;
    height:auto;
    line-height: 24px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{
    border-radius: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #a41d39;
    border-color: #a41d39;
}
.pagination>li>a, .pagination>li>span,
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #a41d39;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    padding: 7px 15px;
}
body .gform_wrapper .top_label div.ginput_container{
    margin-top:0 !important;
}
body .gform_wrapper .gfield_required{
    color: #a41d39;
}
body .gform_wrapper .gform_footer{
    padding:0;
    margin:30px 0 0;
}
input:focus,
input:active{
    outline: none;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
textarea{
    padding:0 15px;
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):active,
textarea:focus,
textarea:active{
    outline: none;
    border-left:5px solid #a41d39;
}

.editor-content p .font--bj{
    font-size: 2.6rem;
}
.editor-content h3 .font--bj{
    font-size: 3.2rem;
}
.text--medium{
    font-weight: 600;
}
.bt.bt--small,
[type=button].bt--small,
[type=submit].bt--small{
    padding: 10px 15px;
}
.bt--white{
    background:#fff;
    color:#000;
}
.bt--white.bt:before,
.bt--white.bt:after{
    background: #fff;
}
.bt--white:hover,
.bt--white:active,
.bt--white:focus{
    color:#000;
}
.bg--pink{
    padding: 0 10px;
    background: #a41d39;
    font-weight: 600;
    color:white;
}
.bg--white{
    background:white;
}
[type=submit]{
    background: #a41d39;
}
[type=submit]:hover{
    background:#000;
    color: #fff;
}
.text--upper{
    text-transform: uppercase;
}
.text--giant{
    font-size:2em;
    display:block;
}
.voy-modal{
    display: none;
    position: fixed;
    width:650px;
    max-width: 100%;
    top:45px;
    left:0;
    right:0;
    margin:auto;
    z-index:1050;
}
.voy-modal#modal__newsletter .modal-body{
    overflow: hidden;
}
.voy-modal#modal__newsletter .modal-body:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    min-height: 200px;
    height:70%;
    background: url('../images/fond_newsletter.jpg') no-repeat top center;
    background-size:cover;
}
.voy-modal#modal__newsletter .modal-body > *{
    position: relative;
}
.voy-modal#modal__newsletter .modal-body button.close{
    position: absolute;
    top: 15px;
    right:15px;
    font-size: 30px;
    color:white;
    opacity:0.8;
    margin:0;
    line-height: 20px;
}
.voy-modal#modal__newsletter .modal-body button.close:hover{
    opacity:1;
}
.voy-modal#modal__newsletter .modal-body h2{
    color:white;
    margin:20px 0;
}
.voy-modal#modal__newsletter .modal-body p,
.voy-modal#modal__newsletter .modal-body .gform_confirmation_message{
    color:white;
    font-size:15px;
    text-align: center;
}
.voy-modal#modal__newsletter .gform_wrapper{
    max-width: 530px;
    padding: 0 50px;
    margin:60px auto 15px;
    text-align: center;
}
.voy-modal#modal__newsletter .gform_wrapper label{
    color:white;
    font-weight: normal;
    font-size: 18px;
}
.voy-modal#modal__newsletter .gform_wrapper .gform_footer{
    margin-top:40px;
    text-align: center;
}
.voy-modal#modal__newsletter .gform_wrapper .gform_footer input[type=submit]{
    background:#000;
    font-family: 'Blackjack';
    padding: 10px 20px;
    font-size:28px;
    font-weight: normal;
}
.voy-modal#modal__newsletter .gform_wrapper .gform_footer input[type=submit]:hover{
    background:#a41d39;
}
.voy-modal#modal__newsletter .gform_wrapper ul li:first-of-type{
    position: relative;
    margin:0;
}
.voy-modal#modal__newsletter .gform_wrapper ul li:first-of-type > *{
    position: relative;
}
.voy-modal#modal__newsletter .gform_wrapper ul li:first-of-type:before{
    content:'';
    background:#a41d39;
    position: absolute;
    top:20px;
    bottom: 0;
    left:-50px;
    width:150px;
    height:150px;
    border-radius: 50%;
    margin:auto;
}
.voy-modal#modal__newsletter .gform_wrapper input{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.voy-modal#modal__newsletter .gform_wrapper div.validation_error{
  color:white;
}
.modal--active{
    display:block;
    outline:none;
}
.modal-header .close{
    color:#000;
    font-size:30px;
}
.modal-title{
    text-align: center;
    text-transform: uppercase;
}
.modal-title .font--bj{
    font-size: 1.4em;
    text-transform: none;
}
::selection {
  background: rgba(157, 204, 0, 0.5); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(157, 204, 0, 0.5); /* Gecko Browsers */
}
.text--pink{color:#a41d39;}

.error__404{
  text-align: center;
}
.error404__subtitle{
  font-size:34px;
  line-height: 1.3;
  font-weight: 300;
  margin: 30px 0;
}
.error__404 img{
    margin: 0 0 30px;
}

/******** Animation *********/

@-webkit-keyframes biggerBounce {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33%{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    66%{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes biggerBounce {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33%{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    66%{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes biggerBounce {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33%{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    66%{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes biggerBounce {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33%{
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    66%{
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes verticalBounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    3%{
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    6%{
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
    10%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes verticalBounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    3%{
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    6%{
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
    10%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes verticalBounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    3%{
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    6%{
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
    10%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes verticalBounce {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    3%{
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    6%{
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
    10%{
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes rotateBounce {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    33%{
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    66%{
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
@-moz-keyframes rotateBounce {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    33%{
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    66%{
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
@-o-keyframes rotateBounce {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    33%{
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    66%{
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes rotateBounce {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    33%{
        -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    66%{
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

/******** HEADER *********/
body{
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif;
    color:#000;
    overflow-x: hidden;
}
main{
    overflow: hidden;
}
body > header{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1001;
}
body:not(.home) .header__wrapper{
    display: none;
}
.header__wrapper{
    -ms-align-items: center;
    align-items: center;
    padding: 15px;
}
.header__wrapper .header__site a > *{
    display: inline-block;
    vertical-align: middle;
}
.header__site .site-logo{
    margin-right:15px;
}
.site-baseline{
    color:white;
    text-transform: uppercase;
    font-size: 18px;
    max-width: 200px;
    margin: 0;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.header__wrapper .header__actions{
    margin-left:auto;
}
.header__actions.mobile--only{
    display:none;
}
.header__actions a,
.menu-fullwidth .menu__action a{
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid white;
    text-align: center;
    color: white;
    font-size: 0;
    margin:0 10px;
}
.menu-fullwidth .menu__action a{
    border-color:#515151;
    color:#515151;
    font-size:0;
    padding: 0;
    line-height: 56px;
}
.header__actions a:hover,
.menu-fullwidth .menu__action a:hover{
    -webkit-animation: biggerBounce 1s; /* Safari 4+ */
    -moz-animation:    biggerBounce 1s; /* Fx 5+ */
    -o-animation:      biggerBounce 1s; /* Opera 12+ */
    animation:         biggerBounce 1s; /* IE 10+, Fx 29+ */
}
.header__actions a span,
.menu-fullwidth .menu__action a span.lnr{
    font-size: 32px;
    line-height: 55px;
    position: relative;
}
.header__actions .lnr-envelope,
.menu-fullwidth .menu__action .lnr-envelope{
    top:-3px;
}
.header__actions .lnr-menu{
    top:-1px;
}
.marque-bretagne{
    width:150px;
    position: absolute;
    top:160px;
    right:0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.marque-bretagne:hover{
    right:-30px;
}
.menu__scroll{
    background: rgba(255,255,255,0.9);
    width:100%;
    padding: 0 15px;
    -ms-align-items: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.menu__scroll .header__actions{
    float: right;
    margin-left: auto;
}
.menu__scroll .header__actions a{
    color:#000;
    border-color:#000;
}
.menu__scroll .site-baseline{
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.1;
    padding-left: 5px;
}
.menu__scroll .search__wrapper{
    position: absolute;
    padding: 15px;
    top: 100%;
    width: 100%;
    left: 0;
    z-index: -1;
    background:rgba(0,0,0,0.75);
    text-align: center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menu__scroll .search__wrapper.search__wrapper--open{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.menu__scroll .search__wrapper form{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: stretch;
    align-items: stretch;
    max-width: 550px;
    margin:auto;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.menu__scroll .search__wrapper .search__field{
    width:100%;
}
.menu__scroll .search__wrapper .search__submit{
    font-size:0;
    margin:0;
    padding: 10px 15px;
    text-align: center;
    letter-spacing: 0;
}
.menu__scroll .search__wrapper .search__submit span{
    font-size:20px;
}

.search section.result{
    margin: 5rem 0;
}

.search section.result .search__form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    margin: 10px -5px 10px 0;
    padding: 20px 25px;
}
.admin-bar .menu__scroll{
    top:32px;
}
.menu__scroll__logo{
    float:left;
    padding: 10px 15px;
    height: 70px;
}
.menu__scroll__logo img{
    height:50px;
}
.menu__scroll nav{
    float:right;
    margin-left:auto;
}
/*
.home .menu__scroll{
    width:100%;
    position: fixed;
    max-width: 100%;
    top: 0;
    right:0;
    -webkit-transition: right 0.5s, width 0.5s, translate 0.5s;
    -o-transition: right 0.5s, width 0.5s, translate 0.5s;
    transition: right 0.5s, width 0.5s, translate 0.5s;
    background: rgba(255,255,255,0.9);
}
.home .menu__scroll .site-baseline{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home .menu__scroll.menu__scroll--init{
    overflow: visible;
    box-shadow: none;
    background: rgba(255,255,255,0);
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home .menu__scroll.menu__scroll--init.menu__scroll--active{
    background: rgba(255,255,255,0.9);
    position: fixed;
    animation: translate 0.5s;
}
.home .menu__scroll > *{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.home .menu__scroll.menu__scroll--active{
    background: rgba(255,255,255,0.9);
    width:100%;
    position: fixed;
    right:0;
    top: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.home .menu__scroll.menu__scroll--init:not(.menu__scroll--active) .site-baseline,
.home .menu__scroll--init:not(.menu__scroll--active) .menu-fullwidth a{
    color: white;
}
.home .menu__scroll--init:not(.menu__scroll--active) .menu-fullwidth .menu__action a,
.home .menu__scroll--init:not(.menu__scroll--active) .header__actions a{
    color: white;
    border-color: white;
}*/
.menu-fullwidth{
    padding: 0;
    margin:0;
    list-style: none;
}
.menu-fullwidth li{
    display:inline-block;
    vertical-align: middle;
    margin:0;
    list-style: none;
}
.menu-fullwidth a{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 70px;
    padding: 0 15px;
    position: relative;
    display:block;
}
.menu-fullwidth li:not(.menu__action) a:before{
    content:'';
    background:#000;
    height:4px;
    left:0;
    bottom: 0;
    right:100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menu-fullwidth .current-menu-item a,
.menu-fullwidth .current-page-item a{
    color:#9d003b;
}
.menu-fullwidth li.current-menu-item:not(.scrollTo--menu) a:before,
.menu-fullwidth li.current-page-item:not(.scrollTo--menu) a:before{
    background:#9d003b;
    right:0;
}
.menu-fullwidth li:not(.scrollTo--menu) a:hover:before{
    right:0;
}
.side-nav{
    display:none;
}

/** Sidenav **/
.side-nav {
   background: white;
   color: black;
   position: fixed;
   width: 250px;
   height: 100%;
   left: -250px;
   top: 0;
   z-index: 99999;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
   padding: 0;
   margin: 0;
   overflow: auto;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.side-nav .logo__wrapper{
   background:#9d003b;
}
.side-nav .logo__wrapper img{
  max-height: 50px;
}
.side-nav .logo__wrapper a{
   padding: 15px;
   display: block;
   text-align: center;
}
.side-nav--active{
   left:0;
}
.side-nav ul{
   padding: 0;
   margin:0;
}
.side-nav ul li a{
   font-size: 13px;
   display: block;
   padding: 0 40px 0 30px;
   height: 54px;
   line-height: 54px;
   border-bottom: 1px solid #e7edee;
   color: black;
   position: relative;
}
.side-nav ul li a .lnr{
  margin-right:5px;
}
.side-nav .dropdown>a>span:last-of-type{
   font-size: 26px;
   position: absolute;
   top: 0;
   right: 0;
   display: block;
   width: 40px;
   background: #f1f1f1;
   text-align: center;
   color:black;
}
.side-nav .dropdown > ul{
   display: none;
}
.side-nav .sub-menu>li>a{
   padding-left: 45px;
}
.side-nav .sub-menu>li>a img{
   display:none;
}
.side-nav ul li.link--pink a{
   border-left:5px solid #9d003b;
}
.side-nav ul li a:before{
   content:'';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 7px 0 7px 7px;
   border-color: transparent transparent transparent #9d003b;
   position: absolute;
   top:0;
   bottom: 0;
   left:-7px;
   margin:auto;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
.side-nav ul li a:hover:before{
   left:0;
}
.side-nav ul li a:hover,
.side-nav ul li a.sub--open{
   background: #fefefe;
}
.side-nav ul li.current-menu-ancestor > a,
.side-nav ul li.current-menu-item > a{
   border-left:5px solid #9d003b;
}
.site-header .current-menu-ancestor > a:hover, .site-header .current-menu-ancestor > a.sub--open,
.site-header .current-menu-item > a:hover, .site-header .current-menu-item > a.sub--open {
    color: white;
}
.side-nav li > a > span:first-of-type {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin-top:-4px;
}
.side-nav__shadow{
  display:none;
   background:#000;
   opacity:0;
   position: fixed;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: -9999;
   -webkit-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
.side-nav__shadow--active{
  display: block;
   opacity:0.5;
   z-index: 9999;
   cursor:pointer;
}
.side-nav li a i {
    margin-right: 5px;
}

/***** Section VIDEO *****/
.responsive-video,
.iframe-responsive-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.iframe-responsive-wrapper iframe,
.iframe-responsive-wrapper object,
.iframe-responsive-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bg-video,
.bg-image,
.bg-equipe{
    height:100vh;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-image--half{
    height:50vh;
}
.bg-video:before,
.bg-image:before{
    content:'';
    background:rgba(0,0,0,0.6);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.bg-video video,
.bg-image__img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.no-objectfit .bg-video video{
    left:50%;
    top:50%;
    position: absolute;
    width:100%;
    height:auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.no-objectfit .bg-image__img{
    display: none;
}
.bg-video__content,
.bg-image__content{
    position: absolute;
    top:50%;
    left:0;
    right: 0;
    margin:auto;
    width:860px;
    max-width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bg-video__content .bt{
    margin-top:40px;
}
.bg-image__content .site-logo__wrapper{
    width:175px;
    height:175px;
    line-height: 135px;
    text-align: center;
    border-radius: 50%;
    background:#d5d6d7;
    flex-shrink: 0;
    padding: 15px;
}
.bg-image__content .site-logo__wrapper .site-logo{
    margin:0;
}
.scroll__indicator{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-animation: verticalBounce 10s infinite; /* Safari 4+ */
    -moz-animation:    verticalBounce 10s infinite; /* Fx 5+ */
    -o-animation:      verticalBounce 10s infinite; /* Opera 12+ */
    animation:         verticalBounce 10s infinite; /* IE 10+, Fx 29+ */
}
.scroll__indicator:hover{
    bottom: 15px;
}
.scroll__indicator img{
    display: block;
    margin:0 auto 10px;
}
.scroll__arrow{
    display: inline-block;
    color: white;
    font-size: 55px;
    text-align: center;
    line-height: 13px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height:28px;
}
.baseline__wrapper{
    -ms-align-items: center;
    align-items: center;
    text-align: left;
}
.baseline__wrapper .baseline{
    margin:0;
    color:white;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 73px;
    flex-grow: 1;
}
.bg-image__content .baseline__wrapper .baseline{
    line-height: normal;
    padding-left: 30px;
}
.bg-image__content .baseline__wrapper .baseline .h1--like{
    font-size:37px;
    line-height: 1.4;
    margin:10px 0 0;
    position: relative;
    letter-spacing: 1px;
    padding-bottom: 10px;
}
.bg-image__content .baseline__wrapper .baseline .h1--like:after{
    content:'';
    background:white;
    width:40%;
    height:4px;
    position: absolute;
    left: 0;
    bottom: -4px;
}
.single-projet .bg-image__content .baseline h1 {
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 2px;
    color:#fff;
    text-align: left;
}
.single-projet .baseline h2 {
    font-size: 1.7rem;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.2;
    display: inline-block;
    margin-top: 25px;
    padding: 7px 10px;
}
.baseline__1{
    font-size:40px;
}
.baseline__2{
    font-weight:bold;
    font-size:55px;
    display:block;
    height: 73px;
    overflow: hidden;
    position: relative;
}
.baseline__2 > span{
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    line-height: normal;
    top:-73px;
    left:0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width:100%;
    opacity: 0;
}
.baseline__2 > span.word--active{
    top:0;
    opacity:1;
}
.baseline__2 > span.word--out{
    top:200%;
    opacity:0;
}
.baseline__3{
    font-size:45px;
}
.baseline__wrapper .site-logo{
    margin-right:70px;
}



/*--------------------bg-image----home---*/
.bg-no-image {
    position: relative;
    padding-top:0;
    padding-bottom:0;
}
.bg-no-image__home {
    padding-top: 150px;
    padding-bottom:100px;
    margin: auto;
    width: 1180px;
    max-width: 100%;
    text-align: center;
    background:url(../images/zigzag.png) no-repeat bottom center;
    background-size:250px;
    margin-bottom:50px;
}
.bg-no-image__home h2 {
    font-size: 5rem;
    text-transform: none;
    font-family: 'Blackjack';
    margin: auto;
    width: 760px;
    max-width: 100%;
    padding-bottom: 5vh;
}

.home--enjeux {
    justify-content: space-between;
    padding-top: 5px;
}
.home--enjeu {
    position:relative;
    text-align: center;
    max-width: 280px;
    z-index:1;
    transition: all .3s;
    padding-top: 150px;
}
.home--enjeux h3 {
    font-size: 2.2rem;
    color: #000;
    transition: all .3s;
}
.home--enjeu:hover h3 {
  color: #a31d39;
}

.home--enjeu:before,.home--enjeu:after {
  content:"";
  position: absolute;
  z-index:-1;
  width:100%;
  height:150px;
  top:0;
  left:0;
  transition: all .3s;
}
.home--enjeu:before{
  background: url(../images/cercle-multiple-contour.png) top 30px center no-repeat;
}
.home--enjeu:after {
  background: url(../images/cercle-multiple-fond.png) top 30px center no-repeat;
}
.home--enjeu:hover:after {
  top: -9px;
  left: 9px;
}

.home--enjeu+.home--enjeu:before {
    background-image: url(../images/triangle-contour.png);
}
.home--enjeu+.home--enjeu:after {
  background-image: url(../images/triangle-fond.png);
  z-index:-2;
}
.home--enjeu+.home--enjeu:hover:after {
    top: 6px;
    left: -13px;
}

.home--enjeu+.home--enjeu+.home--enjeu:before {
    background-image: url(../images/rect-contour.png);
}
.home--enjeu+.home--enjeu+.home--enjeu:after {
    background-image: url(../images/rect-fond.png);
    z-index:-2;
}
.home--enjeu+.home--enjeu+.home--enjeu:hover:after {
  top: -8px;
  left: -11px;
}

.bg-no-image .scroll__arrow {
    color: #000;
}
.bg-no-image .scroll__indicator {
    bottom: 60px;
}
@media(max-height:915px){
  .home--enjeux {
    padding-top: 0;
  }
}
@media(max-height:770px){
  .bg-no-image__home {
  }
}
@media(max-width:900px){
  .bg-no-image__home h3 {
    font-size: 1.8rem;
    margin-top: 25px;
  }
  .home--enjeu {
      padding-left: 10px;
      padding-right: 10px;
  }
  .bg-no-image__home h2 {
    font-size: 4rem;
    padding-left:10px;
    padding-right:10px;
    width: 700px;
  }
}
@media(max-width:700px){
  .home--enjeux {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .bg-no-image .scroll__indicator {
    display:none;
  }
  .bg-no-image__home {
    margin-bottom: 30px;
    background-size: 200px;
  }
  .home--enjeux {
    padding-top: 0;
  }
  .home--enjeu {
    margin-top:10px;
  }
  .home--enjeu h3{
    margin-top:10px;
  }
}


/*--------------------projets v2----home---*/
.projets-v2_en_avant {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1900px;
    margin: 20px auto;
}
.home .projets-v2_en_avant{
    padding-bottom:70px;
    padding-top:0;
    background:url(../images/zigzag.png) no-repeat bottom center;
    background-size:250px;
    margin-bottom:50px;
}
.projet-v2 {
    color: #000;
    padding: 40px;
    align-items: center;
    position: relative;
}
.projet-v2--image {
    max-width: 800px;
    position: relative;
}
.projet-v2 .projet-v2--image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: all .5s;
}
.projet-v2--logo {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    background: #fff;
    max-width: 110px;
    max-height: 110px;
    display: block;
    margin-right: 40px;
    margin-left: 20px;
    transition: all .5s;
}
.projet-v2:hover .projet-v2--image img,
.projet-v2:hover .projet-v2--logo{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

.projet-v2--content {
    background: #fff;
    padding: 30px;
    position: relative;
    margin-left: -240px;
    min-width: 420px;
    z-index: 2;
}
.projet-v2 h2 {
    color: #000;
    margin: 0 0 30px;
    font-size: 2.8rem;
    line-height: 1.3;
}
.projet-v2--competences {
    color: #000;
    max-width: 180px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.projet-v2--competences:after {
    content: url(../images/dotline.png);
    left: -7px;
    bottom: -10px;
    position: absolute;
    display: block;
}
.projet-v2--competences span:not(:last-child):after {
    content: ",";
}
.projet-v2--content .add-flexbox {
    align-items: center;
    flex-wrap: wrap;
}
.projet-v2--chiffres span {
    font-size: 3rem;
    display: block;
}
/*---type1---*/
.projet-v2--type-1 .projet-v2--content:before {
    content: url(../images/deco1.png);
    position: absolute;
    left: -10px;
    bottom: -35px;
    z-index: 1;
}
/*---type2---*/
.projet-v2--type-2 .projet-v2--image {
    max-width: 500px;
}
.projet-v2--type-2 .projet-v2--image:before {
    content: url(../images/deco2.png);
    position: absolute;
    left: -25px;
    bottom: -10px;
    z-index: 1;
}
/*---type3---*/
.projet-v2--type-3 .projet-v2--image {
    max-width: 650px;
}
.projet-v2.projet-v2--type-3 {
    align-items: flex-end;
    padding-right: 60px;
}
.projet-v2--type-3 .projet-v2--image {
    margin-bottom: 30px;
}
.projet-v2--type-3 .projet-v2--content {
    margin-left: -300px;
}
.projet-v2--type-3:before {
    content: url(../images/deco3.png);
    position: absolute;
    right: 0;
    top: 25%;
    z-index: -1;
}
.projet-v2--type-3 .projet-v2--image {
    max-width: 600px;
}
/*---type4---*/
.projet-v2--type-4 .projet-v2--content {
    background: #fff;
    padding: 30px;
    position: absolute;
    margin-left: 0;
    left: 90px;
    top: 90px;
    min-width: 420px;
    z-index: 2;
}
.projet-v2--type-4 .projet-v2--image:before {
    content: url(../images/deco4.png);
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: 1;
}
.projet-v2--type-4 .projet-v2--image {
    max-width: 640px;
}

@media(max-width:1650px){
  .projet-v2--content {
      margin-left: -350px;
  }
  .projet-v2--image {
      max-width: 700px;
  }
  .projet-v2--type-2 .projet-v2--image {
      max-width: 470px;
  }
  .projet-v2--type-3 .projet-v2--content {
    margin-left: -350px;
  }
  .projet-v2--type-3 .projet-v2--image {
      max-width: 500px;
  }
  .projet-v2--type-4 .projet-v2--image {
      max-width: 500px;
  }
  .projet-v2 h2 {
      font-size: 2.5rem;
  }
  .projet-v2--logo {
      max-width: 100px;
      max-height: 100px;
      margin-right: 30px;
      margin-left: 10px;
  }
}

@media(max-width:660px){
  .projet-v2 h2 {
      font-size: 2.4rem;
      margin: 0 0 15px;
  }
  .projet-v2--type-1 .projet-v2--content, .projet-v2--type-2 .projet-v2--content,
  .projet-v2--type-3 .projet-v2--content, .projet-v2--type-4 .projet-v2--content {
      margin-left: 0;
      position: static;
      min-width:auto;
      max-width:100%;
      text-align: center;
  }
  .projet-v2--type-1 .projet-v2--image,.projet-v2--type-2 .projet-v2--image,
  .projet-v2--type-3 .projet-v2--image,.projet-v2--type-4 .projet-v2--image {
    display:none;
  }
  .projet-v2--content--details {
    flex-direction: column;
  }
  .projet-v2--logo {
    max-width: 130px;
    max-height: 130px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom:10px;
  }
  .projet-v2--competences:after {
      left: 0;
      width:100%;
      text-align: center;
  }
  .projet-v2.projet-v2--type-3 {
      padding-right: 0;
  }
  .projet-v2--type-3:before, .projet-v2--type-1 .projet-v2--content:before {
      display:none;
  }
  .projet-v2 {
      padding: 40px 0 0;
  }
  .voyelle-touch__home {
    padding-top: 90px;
    margin-top: 40px;
  }
}








/***** FOOTER ******/
.footer__wrapper{
    width: 1920px;
    max-width: 100%;
    margin: auto;
    padding-top: 150px;
    -ms-align-items: stretch;
    align-items: stretch;
}
.footer__wrapper:after {
    content: '';
    clear: both;
    display: block;
}
.footer__image{
    max-width: 50%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.footer__image img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.no-objectfit .footer__image img{
   visibility: hidden;
}
.footer__content,
.footer__real .footer__community{
    flex-grow: 2;
    max-width: 800px;
    order:1;
}
.footer__real{
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    flex-wrap:wrap;
    -ms-align-items: center;
    align-items: center;
}
.footer__real .footer__menu{
    width: 50%;
}
.back-top{
    position: absolute;
    top: 225px;
    right:0;
    left:0;
    margin:auto;
    width:60px;
}
.back-top:hover{
    top: 210px
}
.back-top__button{
    text-align: center;
    width:60px;
    height:60px;
    line-height:60px;
    color:white;
    background:#a41d39;
    display: block;
    border-radius: 50%;
    font-size:30px;
}
.back-top__text{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    display: inline-block;
    margin:0;
    font-size:14px;
    color:#a41d39;
    font-weight: bold;
    letter-spacing: 4px;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    bottom: 70px;
    left:40px;
}
.back-top__text:before{
    content: '»';
    font-size: 50px;
    font-weight: normal;
    line-height: 14px;
    position: relative;
    bottom: -8px;
    margin-right: 7px;
}
.footer__map, .phone{
    background:white;
    overflow: hidden;
    width: 250px;
    height: 250px;
    max-width: 100vw;
    max-height: 100vw;
    border-radius: 50%;
    border:15px solid white;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    position: absolute !important;
    top: 30px;
    right: -125px;
    margin: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index:1000;
}
.footer__map:not(.footer__map--open):hover{
    -webkit-animation: rotateBounce 1s;
    -moz-animation: rotateBounce 1s;
    -o-animation: rotateBounce 1s;
    animation: rotateBounce 1s;
}
.footer__map:after{
    content: '';
    background: url('../images/carte-google.jpg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    cursor:pointer;
}
.footer__map.footer__map--open{
    right:-25vw;
    width: 50vw;
    height:400px;
    max-width: 100%;
    max-height: 100%;
    border-radius:0;
}
.footer__map.footer__map--open:after{
    opacity: 0;
    z-index:-1;
}
.shadow-effect{
    background:rgba(0,0,0,0.5);
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left:0;
    z-index:999;
}
.footer__map .legende{
    font-size: 24px;
    text-transform: uppercase;
    color: #a41d39;
    position: absolute;
    top: 75px;
    left: 0;
    right:0;
    z-index:5;
    text-align: center;
    cursor:pointer;
}
.footer__map .legende strong{
    font-size:28px;
    font-weight:bold;
    display:block;
}
.footer__map.footer__map--open .legende{
    display: none;
}
.acf-map .name{
    font-weight: bold;
    font-size:20px;
    text-align: center;
    color:#a41d39;
    margin-top:15px;
}
.acf-map .address,
.acf-map .horaires{
    font-size:15px;
    text-align: center;
}
.footer__form{
    padding-left:150px;
    margin-bottom: 60px;
    position: relative;
}
.footer__form h2{
    font-size:30px;
    line-height: 65px;
}
.footer__form h2 .font--bj{
    font-size:55px;
}
.footer__community{
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 70px;
    margin: 15px 0;
    position: relative;
}
.footer__community > *:not(:last-child){
    margin-right:15px;
}
.footer__community > ul{
    padding: 0;
    margin-bottom: 0;
}
.footer__community > ul > li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    list-style: none;
}
.footer__community > ul > li a{
    display: block;
    background: #a9a9a9;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:white;
    font-size: 30px;
}
.footer__community > ul > li a:hover{
    background:#000;
    -webkit-animation: biggerBounce 1s;
    -moz-animation: biggerBounce 1s;
    -o-animation: biggerBounce 1s;
    animation: biggerBounce 1s;
}
.footer__community > a{
    color:#515151;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 5px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin:5px 0;
}
.footer__community > a:after{
    content:'';
    background: #a9a9a9;
    width:100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.footer__community > a:hover,
.footer__image .phone:hover{
    color:#a41d39;
}
.footer__community > a:hover:after,
.footer__image .phone:hover:after{
    left:100%;
    right:0;
}
.footer__image .phone{
    position: absolute;
    left: calc(100% - 100px);
    top: 250px;
    z-index: 2;
    height: 200px;
    width: 200px;
    font-size: 26px;
    color: white;
    padding: 3rem 1rem;
    background: #a41d39;
    border: 10px solid white;
}
.footer__image .phone i{
    /*color:#a41d39;*/
    margin-right:10px;
    position: relative;
    top: 5px;
}
.footer__menu > ul{
    padding: 0 30px;
    margin: 15px 0;
    font-size: 0;
}
.footer__menu li{
    display:inline-block;
    vertical-align: middle;
    list-style: none;
    font-size: 15px;
}
.footer__menu li a{
    color:#000;
    font-weight: 600;
    padding: 0 3px;
}
.footer__menu li a:hover{
    color:#a41d39;
}
.footer__menu li:not(:last-of-type):after{
    content:'|';
}

.footer__form .gform_wrapper{
    margin-top: 5rem;
}

.phone i{
    width: 100%;
    text-align: center;
    font-size: 5rem;
}

.phone:hover{
    animation: rotateBounce 1s;
    background: #000;
    color: white;
}


/****** PAGE ********/
.editor-content{
    font-size:18px;
    line-height: 1.8;
}
.content--carre_couleur{
    padding: 60px 0;
    font-size: 0;
}
.content--carre_couleur > *{
    width:50%;
    float:left;
}
.carre_couleur__titre.carre_couleur--green:before,
.carre_image_couleur__image.carre_couleur--green:before{
    background:#9dcc00;
}
.carre_couleur__titre.carre_couleur--dark_green:before,
.carre_image_couleur__image.carre_couleur--dark_green:before{
    background:#166052;
}
.carre_couleur__titre.carre_couleur--grey:before,
.carre_image_couleur__image.carre_couleur--grey:before{
    background:#003d4f;
}
.carre_couleur__titre.carre_couleur--yellow:before,
.carre_image_couleur__image.carre_couleur--yellow:before{
    background:#e8c732;
}
.carre_couleur__titre h2{
    margin:0;
    position: relative;
    color:#000;
    text-align: right;
}
.carre_couleur__content{
    padding: 15px 15px 0 30px;
}
.content--grille_de_blocs .editor-content{
    max-width: 800px;
    margin: 0 auto;
}
.content--grille_de_blocs > h2{
    width: 100%;
    text-align: center;
    margin-top: 0;
}
.content--grille_de_blocs{
    flex-wrap: wrap;
    justify-content: center;
    -ms-align-items: stretch;
    align-items: stretch;
    padding: 75px 0;
}
.grille__content{
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
.content--introduction{
    padding: 60px 0;
    text-align: center;
    max-width: 850px;
    margin:auto;
}
hr{
    margin: 30px auto;
    width:150px;
    max-width: 100%;
    border: 0;
    height: 4px;
    background: #9dcc00;
}
#breadcrumbs {
    padding: 15px 0;
    margin: 0;
}
#breadcrumbs div,
#breadcrumbs h1 {
    display: inline-block;
    vertical-align: baseline;
}
#breadcrumbs h1{
    font-size: 14px;
    line-height: normal;
    margin: 0;
}
.content--grande_image{
    padding: 60px 0;
}
.content--grande_image > .grande-image__image{
    width:530px;
}
.content--grande_image > .grande-image__content{
    width: -webkit-calc(100% - 530px);
    width: expression(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: -o-calc(100% - 530px);
    width: calc(100% - 530px);
    padding:0 15px 0 50px;
}
.content--grande_image > *{
    float:left;
}
.content--grande_image > h2{
    margin:15px 0 30px;
}
.content--carre_image_couleur {
    padding: 75px 0 75px;
}
.content--carre_image_couleur > div{
    width:50%;
    float:left;
}
.carre_image_couleur__image{
    position: relative;
}
.carre_image_couleur__image:before{
    content:'';
    background: #9dcc00;
    width: 200px;
    height: 200px;
    position: absolute;
    left:-50px;
    top:-50px;
    opacity: 0.6;
}
.carre_image_couleur__content{
    padding:0 15px;
    position: relative;
    z-index:2;
}
.carre_image_couleur__content > h2{
    text-align: right;
    margin:0 0 60px;
}
.carre_image_couleur__content .editor-content{
    padding-right: 30px;
}
.grande-image__text{
    padding: 40px 0 40px 50px;
    background: white;
    width: 133%;
    position: relative;
    left: -33%;
    margin-top: 40px;
    border-color: #a41d39;
    border-left: 10px solid #a41d39;
    transition: .5s;
}
.grande-image__text > *:first-child{
    margin-top:0;
}
.grande-image__text.couleur_jaune {
    border-color: #e8c732;
}

.grande-image__text.couleur_bleu {
    border-color: #003d4f;
}

.grande-image__text.couleur_gris {
    border-color: #a9a9a9;
}
.grande-image__text > *:first-child {
    margin-top: 0;
}
.content--moyenne_image > .grande-image__image {
    width: -webkit-calc(100% - 530px);
    width: expression(100% - 530px);
    width: -moz-calc(100% - 530px);
    width: -o-calc(100% - 530px);
    width: calc(100% - 530px);
    padding: 0 15px 0 50px;
    width: 600px;
}

.content--moyenne_image > .grande-image__content {
    width: -webkit-calc(100% - 600px);
    width: expression(100% - 600px);
    width: -moz-calc(100% - 600px);
    width: -o-calc(100% - 600px);
    width: calc(100% - 600px);
}

.position_droite .grande-image__text {
    padding: 40px 50px 40px 0;
    right: -23%;
    left: auto;
    margin-top: 40px;
    border-left: none;
    border-right-width: 10px;
    border-right-style: solid;
}

@media (max-width: 1199px) {
    .position_droite .grande-image__text {
        right: 0;
        width: 120%;
    }
}

@media (max-width: 767px) {
    .content--moyenne_image > .grande-image__image {
        padding: 0;
    }

    .position_droite .grande-image__text {
        width: 100%;
        border-right: none;
        padding-right: 15px;
        margin-top: 0;
    }
}
.sous-titre{
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin:0;
}
main .projet--competences ul li{
    margin:0;
}
main .projet--competences ul li:before{
    content:none;
}
.content--image_texte{
    padding: 75px 0;
}
.content--image_texte > div{
    width:50%;
    float:left;
    padding: 0 15px;
}
.image-texte__content h2{
    margin: 20px 0 40px;
}
.content--image_separation{
    padding: 75px 0;
}
.content--double_image_texte{
    padding: 75px 0;
}
.content--double_image_texte h2{
    margin:0 0 50px;
}
.content--double_image_texte > *{
    padding: 0 30px;
}
.content--double_image_texte > div{
    width:50%;
    float:left;
    text-align: center;
}
.content--double_image_texte .double-image-texte__1 img{
    margin:60px 0 0;
}
.content--double_image_texte .double-image-texte__2 .image__wrapper,
.content--double_image_texte .double-image-texte__1 .image__wrapper{
    position: relative;
    display: inline-block;
}
.content--double_image_texte .double-image-texte__2 img{
    margin:0 0 60px;
}
.content--double_image_texte .double-image-texte__1 .image__wrapper:after{
    content:'';
    background: #a41d39;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: absolute;
    right:-75px;
    bottom:-75px;
    opacity:0.8;
}
.content--double_image_texte .double-image-texte__2 .image__wrapper:after{
    content:'';
    background: #9dcc00;
    width: 200px;
    height: 200px;
    position: absolute;
    right:-60px;
    top:120px;
    opacity:0.7;
}
.content--double_image_texte > div .editor-content{
    text-align: left;
    position: relative;
    z-index:2;
}
.phrase-fin {
    font-size: 50px;
    margin: 50px 0 0;
}

/*** RECHERCHE ***/
.content__excerpt {
    padding: 30px 0;
}
.content__excerpt a{
    display:block;
    overflow:hidden;
    position: relative;
}
.content__excerpt .excerpt__image{
    width:33%;
    float:left;
}
.content__excerpt:nth-of-type(even) .excerpt__image{
    float:right;
}
.content__excerpt .excerpt__content{
    width: 76%;
    background: white;
    padding: 20px 30px;
    margin-top: 30px;
    color:#000;
}
.content__excerpt:nth-of-type(odd) .excerpt__content{
    float:left;
    margin-left: -10%;
}
.content__excerpt:nth-of-type(even) .excerpt__content{
    float:right;
    margin-right: -10%;
    text-align: right;
}
.content__excerpt .excerpt__content h2{
    padding-bottom: 5px;
    margin:0 0 15px;
    position: relative;
}
.content__excerpt .excerpt__content h2:after{
    content:'';
    position: absolute;
    bottom:-4px;
    height:4px;
    left:0;
    right:100%;
    margin:auto;
    background:#a41d39;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.content__excerpt:nth-of-type(even) .excerpt__content h2:after{
    left:100%;
    right:0;
}
.content__excerpt:nth-of-type(odd):hover .excerpt__content h2:after{
    right:50%;
}
.content__excerpt:nth-of-type(even):hover .excerpt__content h2:after{
    left:50%;
}
.content__excerpt .excerpt__content p{
    font-size:16px;
    line-height: 1.6;
}
.content__excerpt .excerpt__content p.date{
    display: inline-block;
}

/******* EQUIPE **********/

.bg-equipe{
    height:auto;
}
.bg-equipe .bg-image__img{
    position: absolute;
    top:0;
    left:0;
}
.equipe__wrapper{
    position: relative;
}
.bg-equipe__content{
    text-align: center;
    margin-top:70px;
    padding: 75px 15px;
    position: relative;
}
.bg-equipe__content .h1{
    font-size: 36px;
}
.page-template-modele-equipe .bg-equipe{
    margin-top: 100px;
}
.page-template-modele-equipe .bg-equipe__content{
    margin-top: 0;
    min-height: 300px;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.equipe__wrapper > .container--full{
    position: relative;
    padding-bottom: 15px;
    justify-content: flex-end;
    max-width: 1920px;
    width:100%;
    margin:auto;
}
.equipe__content{
    padding: 15px 60px 0;
    border-radius: 2px;
    position: relative;
    z-index:2;
    max-width: 1400px;
}
.equipe__pres{
    padding:30px 0 0;
}
.membre__content{
    float:left;
    flex-grow:1;
    padding: 0 30px;
}
.equipe__pres .membre{
    display: none;
    overflow: hidden;
}
.equipe__pres .membre.membre--active{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.membre__content h3{
    margin:0 0 30px;
    text-transform: uppercase;
    font-weight: 300;
}
.membre__remerciement {
    font-family: 'Blackjack';
    font-size: 26px;
    margin-top: 30px;
}

.equipe__listing li.personne--green:hover,
.equipe__listing li.personne--green.membre--active{
    background:#9dcc00;
}
.equipe__listing li.personne--dark_green:hover,
.equipe__listing li.personne--dark_green.membre--active{
    background:#166052;
}
.equipe__listing li.personne--grey:hover,
.equipe__listing li.personne--grey.membre--active{
    background:#003d4f;
}
.equipe__listing li.personne--yellow:hover,
.equipe__listing li.personne--yellow.membre--active{
    background:#e8c732;
}
.hexagon {
  width: 500px;
  height: 400px;
  overflow: hidden;
  visibility: hidden;
  transform: rotate(120deg);
}
.hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: rotate(-60deg);
}
.hexagon-in2 {
  width: 100%;
  height: 100%;
  visibility: visible;
  transform: rotate(-60deg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size:cover;
}
.equipe__listing {
    padding: 0;
    border: 1px solid #fff;
    width:250px;
    flex-shrink: 0;
    max-height:100%;
    overflow:auto;
}
.equipe__listing::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.equipe__listing::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}
.equipe__listing::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #000;
}
.equipe__listing li{
    background:#eee;
    border-left:0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-bottom: 1px solid #fff;
    margin:0 !important;
}
.mobile--only.toggle-equipe_listing{
  display: none;
}
.equipe__listing li:last-of-type{
    border-bottom: none;
}
.equipe__listing li.membre--active{
    border-left:5px solid #000;
}
.equipe__listing li:hover{
    background: #fff;
}
.equipe__listing li:before{
    content:none !important;
}
.equipe__personne img{
    border-radius: 50%;
}
.equipe__personne .img__wrapper{
    margin-right:15px;
    width:50px;
    height: 50px;
    border-radius: 50%;
    background:#ccc;
    flex-shrink: 0;
}
.equipe__personne p{
    margin:0;
    text-transform: uppercase;
    font-weight: 300;
}
.equipe__personne p .fonction{
    text-transform: none;
    font-size: 0.8em;
    display: block;
}
.equipe__personne a{
    padding: 10px 15px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.equipe__personne a > *{
    display:inline-block;
    vertical-align: middle;
    color:#000;
}
.equipe__listing li.personne--dark_green:hover a > *,
.equipe__listing li.personne--grey:hover a > *,
.equipe__listing li.personne--dark_green.membre--active a > *,
.equipe__listing li.personne--grey.membre--active a > *{
    color:white;
}
.membre__navigation{
    overflow: hidden;
}
.membre__navigation .membre--change{
  margin:5px;
}
.membre__navigation .membre--change strong{
    margin: 0 5px;
    font-size: 1.5em;
    position: relative;
    top: 0.15em;
}
.prev--membre{
    float:left;
}
.next--membre{
    float:right;
}

@media (max-width:1400px){
    .footer__map{
        width:150px;
        height: 150px;
        right:-75px;
        border:5px solid white;
    }
    .footer__image .phone{
        left : calc(100% - 75px);
        top: 150px;
        font-size: 2rem;
        width:150px;
        height: 150px;
        border:5px solid white;
    }
    .phone i {
        font-size: 4rem;
    }

    .footer__community > ul > li a{
        width:40px;
        height: 40px;
        line-height: 40px;
        font-size:20px;
    }
    .footer__community{
        padding: 0 70px;
    }
    .footer__menu > ul{
        padding: 0 15px;
    }
    .footer__map .legende{
        top:40px;
        font-size: 20px;
        line-height: 24px;
    }
    .footer__map .legende strong{
        font-size: 24px;
    }
    .footer__form{
        padding-left: 100px;
    }
    .footer__community > a{
        font-size:15px;
    }
    .equipe__content{
        padding: 15px 15px 0;
    }
}

@media (max-width:1199px){
    .footer__image{
        width:40%;
    }
    .back-top{
        top:140px;
    }
    .h1{
        font-size:45px;
    }
    .content--grande_image > .grande-image__image{
        width:33%;
    }
    .content--grande_image > .grande-image__content{
        width:66%;
    }
    .menu-fullwidth .menu__action a{
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .menu-fullwidth .menu__action a span.lnr{
        line-height: 40px;
        font-size: 25px;
    }
    .menu-fullwidth .menu__action .lnr-envelope{
        top:-4px;
    }
    .menu-fullwidth .menu__action .lnr-magnifier{
        top:-2px;
    }
    .menu-fullwidth a{
        padding: 0 10px;
        font-size: 14px;
    }
    .equipe__pres .membre.membre--active{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-align-items: center;
        align-items: center;
    }
    .membre__content h3{
        margin: 0 0 15px;
    }
    .footer__real .footer__menu{
        width:auto;
    }
}

@media (max-width:991px){
    .baseline__wrapper .site-logo{
        max-width: 150px;
        margin-right: 30px;
    }
    .baseline__1{
        font-size:30px;
    }
    .baseline__2{
        font-size:45px;
        height: 50px;
    }
    .baseline__3{
        font-size:35px;
    }
    .baseline__wrapper .baseline{
        line-height: 50px;
    }
    .bg-video__content,
    .bg-image__content{
        width: 650px;
        padding: 0 15px;
    }
    .header__wrapper .header__site a > *{
        height: 60px;
    }
    .site-baseline{
        font-size:15px;
    }
    .header__actions a,
    .menu-fullwidth .scrollTo--menu a{
        width:40px;
        height:40px;
    }
    .header__actions a span,
    .menu-fullwidth .scrollTo--menu a span.lnr{
        line-height:40px;
        font-size: 22px;
    }
    .header__actions .lnr-envelope,
    .menu-fullwidth .scrollTo--menu .lnr-envelope{
        top: -4px;
    }
    .header__actions .lnr-menu{
        top:-2px;
    }
    .marque-bretagne{
        width: 100px;
        top:100px;
    }
    .footer__wrapper{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        padding-top:60px;
    }
    .footer__wrapper > *{
        width: 100%;
        max-width: none;
    }
    .footer__content{
        order:0;
    }
    .footer__form{
        padding: 0 15px;
        max-width:800px;
        margin:auto;
    }
    .footer__community > ul{
        width:auto;
    }
    .footer__community{
        justify-content: center;
    }
    .footer__menu{
        text-align: center;
    }
    .footer__image{
        height:500px;
    }
    .back-top{
        width:auto;
        text-align: center;
    }
    .back-top__button{
        margin:auto;
    }
    .back-top__text{
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-bottom: 10px;
    }
    .back-top__text:before{
        content:none;
    }
    .back-top{
        top:220px;
    }
    .back-top:hover{
        top:205px;
    }
    .footer__image .phone{
        left: calc(50% - 150px);
        top: 15px;
    }
    .footer__map{
        left: 70px;
        /*right:0;*/
        top:15px;
        margin:auto;
    }
    .footer__map.footer__map--open{
        right:0;
        width:600px;
        bottom:100px;
    }
    .content--carre_couleur > *{
        width: 100%;
    }
    .carre_couleur__titre:before{
        width:25%;
    }
    .carre_couleur__content{
        padding: 15px;
    }
    .bg-image__content .baseline__wrapper .baseline .h1--like{
        font-size: 32px;
    }
    .single-projet .baseline h2{
        font-size: 16px;
    }
    .bg-image__content .baseline__wrapper .baseline .h1--like br {
        display: none;
    }
    .content--carre_image_couleur > .carre_image_couleur__content{
        width:66%;
    }
    .content--carre_image_couleur > .carre_image_couleur__image{
        width:33%;
    }
    .header__actions.mobile--only{
        display: inline-block;
    }
    .menu__scroll nav{
        display:none;
    }
    .side-nav{
      display: block;
    }
    .footer__real{
        justify-content: center;
    }
}

@media (max-width: 767px){
    .footer__image{
        height:400px;
    }
    .back-top__text{
        display:none;
    }
    .footer__community > ul{
        width: 100%;
        text-align: center;
    }
    .content--grande_image > .grande-image__image,
    .content--carre_image_couleur > .carre_image_couleur__image,
    .content--image_texte > .image-texte__image,
    .content--double_image_texte .image__wrapper{
        width:100%;
        height:200px;
        overflow: hidden;
        position: relative;
    }
    .content--grande_image > .grande-image__content,
    .content--carre_image_couleur > .carre_image_couleur__content,
    .content--image_texte > .image-texte__content{
        width:100%;
        padding: 0 15px;
    }
    .content--carre_image_couleur > .carre_image_couleur__content h2{
        text-align: left;
        margin: 0 0 20px;
    }
    .grande-image__text{
        width:100%;
        position: static;
        padding: 30px 0;
        border: none;
    }
    .content--grande_image > .grande-image__image img,
    .content--carre_image_couleur > .carre_image_couleur__image img,
    .content--image_texte > .image-texte__image img,
    .content--double_image_texte .image__wrapper img{
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%;
        margin:0 !important;
    }
    .content--double_image_texte > div{
        width: 100%;
    }
    .content--double_image_texte > *{
        padding: 0 15px;
    }
    .content--double_image_texte h2{
        margin: 0 0 20px;
    }
    .content--image_separation{
        padding: 30px 0;
    }
    .scroll__indicator{
        bottom: 15px;
        width:40px;
    }
    .scroll__arrow{
        font-size: 40px;
        height: 24px;
    }
    .scroll__indicator img{
        margin:0 auto 5px;
    }
    .content__excerpt .excerpt__content{
        width:95%;
        margin:30px auto 0;
        position: relative;
    }
    .content__excerpt:nth-of-type(odd) .excerpt__content{
        margin-left: 5%;
    }
    .content__excerpt:nth-of-type(even) .excerpt__content{
        margin-right: 5%;
    }
    .content__excerpt .excerpt__image{
        position: absolute;
        top:0;
        width:75%;
        max-width:400px;
    }
    .content__excerpt:nth-of-type(odd) .excerpt__image{
        left:0;
    }
    .content__excerpt:nth-of-type(even) .excerpt__image{
        right:0;
    }

    .equipe__listing li strong{
        display: none;
    }
    .equipe__personne .img__wrapper{
        margin-right: 10px;
        width: 40px;
        height: 40px;
    }
    .equipe__listing{
        width:240px;
        position: absolute;
        top:0;
        right: 0;
        left:0;
        margin: 0 auto 15px;
        z-index: 10;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }
    .equipe__personne a{
        padding: 5px 7px;
    }
    .equipe__personne p{
        font-weight: normal;
        text-transform: none;
    }
    .mobile--only.toggle-equipe_listing{
        display: block;
        cursor:pointer;
        text-align: center;
        padding: 10px;
        background: #a41d39;
        color: white;
    }
    .mobile--only.toggle-equipe_listing:hover{
      background:#000;
    }
    .equipe__listing li.equipe__personne{
      display:none;
    }
    .bg-image--half .h1{
        margin-top: 70px;
        font-size: 30px;
    }
    .grille__bloc{
        min-width: 50%;
    }
}

@media (max-width:650px){
    .baseline__wrapper{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .bg-image__content .baseline__wrapper .baseline{
        padding: 0 15px;
    }
    .baseline__wrapper .baseline{
        width:100%;
    }
    .baseline__wrapper .site-logo{
        max-width:100px;
        margin:0 auto 15px;
    }
    .single-projet .bg-image__content .site-logo__wrapper{
        margin-bottom: 15px;
    }
    .bg-image__content .baseline__wrapper .baseline .h1--like:after{
        right:0;
        margin:auto;
    }
    .bt, [type=button], [type=submit]{
        padding: 15px;
        font-size:14px;
    }
    .footer__form h2{
        font-size:24px;
        line-height: normal;
    }
    .footer__form h2 .font--bj{
        font-size: 40px;
    }
    h1{
        font-size:35px;
    }
    .text--bigger{
        font-size: 1em;
    }
    .menu__scroll .header__actions a{
        margin: 0 5px;
    }
}
@media screen and (max-width: 600px){
    #wpadminbar {
        position: fixed;
    }
    .footer__image{
        height:300px;
    }
    h2{
        font-size:26px;
    }
    .sous-titre{
        font-size:22px;
    }
    .footer__image{
        margin-top: 60px;
    }
    /*.phone{*/
    /*    top: calc(100% + 90px);*/
    /*}*/
}

@media (max-width:550px){
    .bg-image__content .baseline__wrapper .baseline .h1--like{
        font-size: 26px;
    }
    .single-projet .baseline h2{
        font-size: 14px;
        line-height: 2;
    }
    .bg-image__content .site-logo__wrapper{
        width:100px;
        height: 100px;
        line-height: 100px;
    }
    .bg-image__content .site-logo__wrapper > img{
        max-height:90%;
    }
}

@media (max-width:500px){
    .baseline__2{
        font-size: 35px;
        height: 50px;
        line-height: 55px;
    }
    .content__excerpt .excerpt__content{
        width:100%;
        padding:15px;
        margin:30px 0 0 !important;
    }
    .content__excerpt .excerpt__content h2{
        text-transform: none;
    }
    .grille__bloc{
        width: 100%;
    }
}

@media (max-width:450px){
    .footer__map {
        left: 0;
        right: 0;
        top: -70px;
        margin: auto;
    }
    .footer__image .phone {
        left: 0;
        right: 0;
        top: -200px;
        margin: auto;
    }
    /*.phone{*/
    /*    top: calc(100% + 30px);*/
    /*    left: calc(50% - 75px);*/
    /*}*/
    .footer__content{
        margin-bottom: 15rem;
    }
    .header__wrapper .header__site a > .site-baseline{
        display: none;
    }
    .menu__scroll__logo{
        padding: 10px 0;
    }
}

@media (max-width:400px){
    .baseline__1{
        font-size:24px;
    }
    .baseline__2{
        font-size:26px;
        height: 40px;
        line-height: 45px;
    }
    .baseline__3{
        font-size:26px;
    }
    .baseline__wrapper .baseline{
        line-height: 40px;
    }
    h2 br{
        display: none;
    }
    .menu__scroll .site-baseline{
        display: none;
    }
    /*
    .home .menu__scroll.menu__scroll--init .menu__scroll__logo{
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }*/
    .bg-image__content .baseline__wrapper .baseline .h1--like{
        font-size:22px;
        line-height: 32px;
    }
}

.text__align{
	text-align:center;
}

.gform_wrapper .top_label .no_label label.gfield_label{
	display:none;
}

.gform_wrapper li.no_label .gfield_checkbox input[type="checkbox"]{
	vertical-align: top;
	margin-right:5px;
}

.gform_wrapper .gfield_checkbox li label{
	font-weight:normal;
}

.gform_wrapper form {
    font-size: 14px;
}

.voy-modal#modal__newsletter .gform_wrapper li.no_label ul li:first-of-type::before {
	background:none;
}
.voy-modal#modal__newsletter .gform_wrapper li.no_label ul li label {
	font-size:12px;
}

@media (max-width:643px){
.voy-modal#modal__newsletter .gform_wrapper li.small{
	position: relative;
	top: 30px;
}
}

#backToTop{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 5rem;
    width: 5rem;
    background: #a41d39;
    border-radius: 50%;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    transition: all 0.5s;
    transform: scale(0);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    z-index: 10;

}
#backToTop.bt::before, #backToTop.bt::after{
    content: none;
}
#backToTop i{
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}
#backToTop.backToTop--visible{
     transform: scale(1);
 }

@media (max-width:575px){
    .footer__community{
        padding: 0 15px;
    }
}

/*-----content--grand_carre----------*/
.content--grand_carre {
    padding: 30px 15px;
}

@media (min-width: 600px) {
    .content--grand_carre {
        padding: 80px 15px;
    }

    .grand-carre__content {
        padding-left: 200px;
        padding-right: 100px;
        padding-top: 110px;
    }

    .grand-carre__text {
        padding: 40px 0 40px 50px;
        background: white;
        position: relative;
        border-left: 10px solid #e8c732;
        transition: .5s;
    }

    .grand-carre__text:before {
        width: 280px;
        height: 280px;
        content: "";
        display: block;
        position: absolute;
        background: #003d4f;
        z-index: -1;
        left: -160px;
        top: -90px;
    }
}

@media (max-width: 991px) and (min-width: 600px) {
    .content--grand_carre {
        padding: 60px 15px;
    }

    .grand-carre__content {
        padding-left: 100px;
        padding-right: 15px;
        padding-top: 110px;
    }

    .grand-carre__text:before {
        left: -100px;
    }
}

/*-----content--image ronde----------*/
.content--ronde_image {
    padding: 80px 0 60px;
}

.content--ronde_image > * {
    float: left;
}

.ronde_image__image {
    padding: 0 15px 0 50px;
    width: 430px;
}

.ronde_image__image img {
    border-radius: 50%;
}

.ronde_image__content {
    width: -webkit-calc(100% - 460px);
    width: expression(100% - 460px);
    width: -moz-calc(100% - 460px);
    width: -o-calc(100% - 460px);
    width: calc(100% - 460px);
}

.ronde_image__text {
    padding: 40px 0 40px 50px;
    background: white;
    position: relative;
    left: 0;
    transition: .5s;
}

.ronde_image__text h1 {
    position: relative;
    z-index: 3;
    left: -30px;
    font-size: 50px;
}

.ronde_image__text:before {
    content: '';
    background: #9dcc00;
    width: 180px;
    height: 180px;
    position: absolute;
    z-index: 1;
    left: -100px;
    top: -10px;
    opacity: 0.6;
}

@media (max-width: 991px) {
    .ronde_image__image {
        width: 300px;
    }

    .ronde_image__content {
        width: -webkit-calc(100% - 300px);
        width: expression(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: -o-calc(100% - 300px);
        width: calc(100% - 300px);
    }

    .ronde_image__text {
        padding: 20px 15px 30px 20px;
    }

    .ronde_image__text:before {
        width: 150px;
        height: 150px;
        left: -100px;
        top: -10px;
    }
}

@media (max-width: 780px) {
    .content--ronde_image {
        padding: 40px 0 60px;
    }

    .content--ronde_image > * {
        float: none;
    }

    .ronde_image__image {
        width: 300px;
        margin-left: auto;
    }

    .ronde_image__content {
        width: 100%;
    }

    .ronde_image__text {
        padding: 0 15px 30px 120px;
    }

    .ronde_image__text h1 {
        margin-top: 0
    }

    .ronde_image__text:before {
        width: 160px;
        height: 160px;
        left: 0;
        top: -70px;
    }
}

@media (max-width: 550px) {
    .ronde_image__text {
        padding: 0 15px 30px 40px;
    }
}

/*-----content--texte_3_blocs----------*/
.content--texte_3_blocs .row {
    flex-wrap: wrap;
    justify-content: center;
}

.content--texte_3_blocs .col-md-4 {
    padding: 0 35px 0 20px;
    border-left: 7px solid #e8c732;
    margin: 20px 0;
}

.content--texte_3_blocs .col-md-4 + .col-md-4 {
    border-color: #9dcc00;
}

.content--texte_3_blocs .col-md-4 + .col-md-4 + .col-md-4 {
    border-color: #007861;
}

.content--texte_3_blocs h2 {
    margin-top: 0;
    font-size: 3.4rem;
}

.content--texte_3_blocs ul {
    padding-left: 17px;
}

.content--texte_3_blocs ul:not(.add-flexbox) li,
.content--texte_3_blocs.editor-content p {
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 1.6;
}

.content--texte_3_blocs ul:not(.add-flexbox) li:before {
    content: "\e876";
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background: none;
    color: #a41d39;
    font-size: 14px;
}

/*-----content--texte_2colonnes----------*/
.content--texte_deux_colonnes {
    padding: 60px 0;
}

.content--texte_deux_colonnes .col-left {
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    .content--texte_deux_colonnes .col-left {
        padding: 0 30px 0 15px;
        position: relative;
    }

    .content--texte_deux_colonnes .col-left:after {
        content: "";
        position: absolute;
        display: block;
        right: 0;
        top: 15%;
        height: 70%;
        width: 2px;
        background: #f3f3f3;
    }

    .content--texte_deux_colonnes .col-right {
        padding: 0 15px 0 30px;
    }
}

.grande-image__text.couleur_jaune {
    border-color: #e8c732;
}

.grande-image__text.couleur_bleu {
    border-color: #003d4f;
}

.grande-image__text.couleur_gris {
    border-color: #a9a9a9;
}

.facet-filter{
    display: flex;
    justify-content: center;
    align-items: center;
}

.facet-filter p{
    padding-right: 1rem;
    margin-bottom: 40px;
}

.facet-filter .facetwp-dropdown{
    padding: .5rem 1rem;
}

.facetwp-pager .pagination{
    display: flex;
    justify-content: center;
}

.facetwp-pager .facetwp-page{
    margin: 0;
}

.facetwp-pager .pagination li a.pagination--active{
    background: #a41d39;
    color: #fff;
}

.pagination .last-page i, .pagination .first-page i{
    font-weight: 700;
    font-size: 1.8rem;
}


/* Landing AFDAS */

p.point-cle{
    display: flex;
    align-items: center;
}

@media(max-width: 768px){
    .wp-block-media-text.has-media-on-the-right.noborder--mobile .wp-block-media-text__content {
        border-right: 0;
    }
}

.liste--double{
    display: flex;
}

.liste--double ul{
    margin-bottom: 0;
}

main ul.list--green:not(.add-flexbox) li:before {
    background: #9dcc00;
}

.wp-block-media-text.is-style-chevauche.margin-0 .wp-block-media-text__content{
    margin: 0;
}

.page-template-modele-afdas .editorContent .is-style-number,
.page-template-modele-afdas .is-style-number{
    margin-bottom: 3rem;
}

.page-template-modele-afdas .bg-image--half {
    padding: 0;
    min-height: 380px;
}

@media(min-width: 768px){
    .page-template-modele-afdas .bg-image--half {
        min-height: 420px;
    }
}

@media(max-width: 500px){
    .liste--double {
        flex-wrap: wrap;
    }
}

@media(max-width: 767px){
    .bandeau img{
        min-width: 200%;
        margin-left: -50%;
    }

    .wp-block-media-text.is-style-chevauche.qui .wp-block-media-text__content{
        padding: 8%;
        width: 133%;
    }

    .wp-block-media-text.is-style-chevauche.margin-0{
        display: flex;
        flex-wrap: wrap;
    }

    .wp-block-media-text.is-style-chevauche.margin-0 figure{
        order: 2;
    }
}