/*REALISATIONS*/
.vert.realisation-link {
    transition: all .5s;
    text-align: center;
}



.bloc-titre-white {
    background: #FFFFFF;
    padding: 40px 35px !important;
}

.bloc-titre {
    background: #012535;
    padding-left: 35px !important;
    padding-right: 35px !important;
    padding-top: 60px !important;
}

.bloc-titre p {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #012535;
    text-align: justify;
    padding-bottom: 40px;
}

.bloc-titre h2 {
    font-size: 2rem;
    font-weight: 300;
    padding-bottom: 25px
}

.bloc-titre h2,
.bloc-titre-white h2 {
    color: #c35d1b;
}

.bloc-titre h2 span,
.bloc-titre-white h2 span {
    font-weight: 500;
    color: #012535;
}

.bloc-titre h2:after,
.bloc-titre-white h2:after {
    content: '';
    display: block;
    width: 25%;
    height: 5px;
    background: #c35d1b;
    margin-top: 10px;
}

#btn-realisation {
    text-align: center;
    display: flex;
    margin: 0 10px 0 0;
    padding: 35px 0;
    max-width: 75%;
    margin: 0 auto;
    flex-direction: column;
    width: 100%;
}

#btn-realisation p.intervention {
    position: relative;
    background: #c35d1b;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    margin: 0 auto -10px;
    z-index: 20
}

#btn-realisation p.intervention strong {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

#btn-realisation p.intervention span.ico-svg {
    width: 20px;
    height: 20px;
    margin: 0 4px 0 7px;
    background-position: -10px -60px;
    position: relative;
    top: -1px
}

#btn-realisation p.intervention:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -10px;
    border-top: 6px #c35d1b solid;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
}

#btn-realisation a strong {
    font-family: '', 'Arial', sans-serif;
}


#btn-realisation a strong,
a.link-number strong {
    font-size: 24px;
    font-weight: 500
}



#btn-realisation a span.ico-svg,
#nav a.link-number span.ico-svg {
    display: none;
    width: 18px;
    height: 15px;
    background-position: -40px -10px;
    position: relative;
    top: -1px;
}
/*responsive*/
.glightbox-clean .gslide-desc {
    font-size: 1.86em !important;
}

.c-landing-thematique a:hover {
    color: #c35d1b;
}

#spin-bandeau {
    display: none;
}

.c-article__cover {
    /*	display: none !important;
*/
}


/*GENERAL*/



#leb-img img {
    width: 180px;
}

.s-inside__contenu .l-main-landing {
    background-size: 25%;
}

/*VIDEO*/
#bgvid {
    width: 100%;
}

.line-res {
    font-size: 1.8rem;
}


/*BLOC ACTU ET MISE EN AVANT*/
.pad-top {
    border: 0px !important;
}

#actus {
    background: url(../../img/squelette/fond-bg-2.png) top left repeat #c35d1b;
    padding: 40px;
    background-size: 25%;
    background-blend-mode: soft-light;
}

#actus .container {
    background: #ffffff;
    padding: 40px;
}

#actus h2,
.c-contenu__menu-aside h2 {
    text-align: left;
    margin: 0 0 15px 0;
    font: 2.5rem 'Roboto', sans-serif;
    color: #012535;
    display: inline-block;
}

#actus h2:after,
.c-contenu__menu-aside h2:after {
    content: '';
    width: 25%;
    height: 5px;
    background: #c35d1b;
    margin-top: 10px;
    display: block;
}

#actus h2 span,
.c-contenu__menu-aside h2 span {
    font-weight: 500;
    color: #c35d1b;
}

.head-picto .light {
    color: #fff;
    font-weight: 300;
}

h2.head-picto:before {
    content: '';
    background: url(../img/squelette/picto-mpca-titre.svg)bottom left no-repeat;
    display: inline-block;
}

.img-actu {
    transition: all .3s ease;
}

.img-actu img {
    display: block;
    width: 100%;
}

.img-actu img a:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

.txt-actu h3 {
    font-size: 2rem;
    font-weight: 400;
    font-family: '', sans-serif;
}

.txt-actu a.suite {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 15px 25px 15px 25px;
    margin: 5px 0;
    color: #c35d1b;
    background: #2e3b55;
    font-size: 2rem;
    font-weight: 400;
    font-family: '', sans-serif;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    width: 100%;
    border: 2px solid #c35d1b;
}

.txt-actu a.suite:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c35d1b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.txt-actu a.suite:hover,
.txt-actu a.suite:focus,
.txt-actu a.suite:active {
    color: #fff;
}

.txt-actu a.suite:hover:before,
.txt-actu a.suite:focus:before,
.txt-actu a.suite:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#englob-competences {
    margin-top: 0 !important;
}

.wd100 {
    width: 100% !important;
}

.wd50 {
    width: 49%;
}

.competences h3 {
    color: #fff;
    background: #c35d1b;
    font-size: 1.5rem !important;
}

.competences:hover h3 {
    color: #fff;
    background: #012535;
}


/*TEMOIGNAGES*/
.t-temoignage {
    background-image: url(../../img/squelette/bg_accroche-dot.png);
    background-repeat: repeat-x;
    background-position: center;
    background-position-x: center;
    background-position-y: center;
    background-size: 25%;
    background-position-y: center;
    background-position-x: 250px;

}

.txt-temoignages {
    background: #71a3d3;
    border-radius: 0px 0px 50px 0px;
    padding: 20px;
    border: 20px solid #fff;
}

.txt-temoignages p {
    color: #fff;
}

.txt-temoignages:nth-child(2) {
    background: #2a83ab;
}


.txt-temoignages h3 {
    background: #fff;

    padding: 10px 5px 10px 30px;

    color: #003261;

    margin-left: 15px;
    margin-bottom: 20px;
}

.txt-temoignages h3:before {
    background: #Fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 3px solid #71a3d3;
    content: '';
    display: inline-block;
    position: absolute;
    top: 28px;
    left: 20px;
    margin-left: -10px;
}

.txt-temoignages:nth-child(2) h3:before {
    border: 3px solid #2a83ab;
}

.txt-temoignages a.suite {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px 5px 15px;
    margin: 5px 0;
    color: #ffffff;
    background: trasparent;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: '', sans-serif;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 1px solid #fff;
}

.txt-temoignages a.suite:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #003261;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.txt-temoignages a.suite:hover,
.txt-temoignages a.suite:focus,
.txt-temoignages a.suite:active {
    color: white;
}

.txt-temoignages a.suite:hover:before,
.txt-temoignages a.suite:focus:before,
.txt-temoignages a.suite:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}






/*CONTACT*/
.c-recrutement__spontanee {
    margin-top: 0 !important;
}

.l-biens-disponibles {
    margin: 0 0 40px 0 !important;
}


/* ------------------------------------------------------ */
/* + LEB COMMUNICATION -- 20/12/2018
/* ###################################################### */

/* ------------------------------------------------------ */
/* -- VIEWPORT -- */
/* -- SLIDER ACCUEIL --*/

/*  ++
+++ VISUEL DEFILEMENT ACCUEIL +++++ */

#defilementVA {
    width: 100%;
    position: relative;
}

#defilementVA a#lireSuite {
    background: #000;
    font-size: 16px;
    padding: 4px 20px;
    /*position:absolute;bottom:-20px;right:40px;*/
    color: #fff;
    text-transform: uppercase;
    margin: 7px 0 0 30px;
    float: left;
}

#defilementVA a#lireSuite:hover {
    background: #58585a;
}

#lireSuite strong {
    font-weight: 700;
}

#defilementVA .texteVisuA {
    left: 0;
    position: absolute;
    bottom: 190px;
    text-align: center;
    box-sizing: border-box;
    width: 100%
}

#defilementVA h2 {
    max-width: 70%;
    position: relative;
    z-index: 110;
    display: block;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    padding: 40px 30px 25px;
    color: #60504d;
    background: #d9dadb;
    display: inline-block;
    position: relative;
    -webkit-clip-path: polygon(0 20px, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 20px, 100% 0, 100% 100%, 0% 100%);
}

#defilementVA .texteVisuA:after {
    content: "";
    position: absolute;
    bottom: -10px;
    display: block;
    width: 0;
    height: 0;
    border-top: 14px #d9dadb solid;
    border-left: 14px transparent solid;
    border-right: 14px transparent solid;
    left: 50%;
    margin-left: -7px
}

#defilementVA h2 a {
    color: #c35d1b;
}

#defilementVA h3 {
    color: #58585a;
    padding: 20px 10px 10px 0;
    font-size: 20px;
    font-style: italic;
}

#defilementVA img {
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
}

#defilementVA .elt_defile {
    width: 100%
}

#defilementVA p {
    margin: 0;
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #353535;
}

#defilementVA .texteVisuA .lire {
    font-weight: 300;
    background: #c35d1b;
    display: inline-block;
    color: #fff;
    padding: 15px;
    margin-top: 15px;
    font-size: 20px;
    border-radius: 10px;
}

#defilementVA .texteVisuA .lire:hover {
    padding: 15px 30px;
}


#defilementVA .boxTexte p {
    font-weight: 300
}

#visuelsAccueil #pagerVA {
    position: absolute;
    z-index: 110;
    bottom: 0;
    right: 0;
    padding: 15px 15px 12px 0;
    background: #cdcdcd;
}

#visuelsAccueil #pagerVA #inside-pager span {
    display: inline-block;
    background: #fff;
    border: 3px #e3e3e3 solid;
    color: #fff;
    font-size: 1px;
    padding: 6px 7px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

#visuelsAccueil #pagerVA #inside-pager span.cycle-pager-active {
    background: #58585a;
    border-color: #fff;
}

#visuelsAccueil #pagerVA span.gfx {
    width: 44px;
    height: 48px;
    position: absolute;
    top: 0;
    left: -44px;
    background: url(../img/accueil/gfx_pager.png) no-repeat 0 0;
    border: none;
    padding: 0
}

.c-slider__titre {

    position: absolute;
    text-align: right;
    font-size: 5.0rem !important;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    transition: all .3s ease;
    transform: translateY(20px);
    right: 10%;
    padding: 2%;

}

.cycle-slide-active .c-slider__titre {
    opacity: 1;
    transform: translateY(0)
}

/*@media (min-width:60em){
  .l-slider-pager{bottom:0;left:2.5%;}
}

@media (min-width:75em){
  .l-slider-pager{left:7.5%;font-size:6.0rem}
}

@media (min-width:120em){
  .l-slider-pager{left:17.5%;font-size:7.0rem;}
}*/


/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- zone realisations -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */





@viewport {
    width: device-width;
    zoom: 1;
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: device-width;
    }
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

#fixResponsive {
    visibility: hidden;
    width: 1px;
}

@media (min-width:60em) {
    #fixResponsive {
        width: 2px
    }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- Fix fonts that render as bold in Firefox -- */
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
    body {
        font-weight: lighter !important;
    }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- RESET / BOXSIZING -- */
* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: auto;
}

body,
address,
article,
aside,
audio,
blockquote,
canvas,
dd,
div,
dl,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
noscript,
ol,
output,
p,
pre,
section,
table,
tfoot,
ul,
video {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



body {
    margin: 0;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

a {
    text-decoration: none;
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- COMMUNS / UTILES / FONT -- */

/* -- font -- */

.u-w100 {
    display: block;
    width: 100%
}

.u-cover-img-zoom {
    position: relative;
    overflow: hidden;
}

.u-cover__zoom-hover {
    transition: all 1s ease
}

a:hover .u-cover__zoom-hover {
    transform: scale(1.2)
}

.u-width-fixed {
    width: 100%;
    margin: auto
}

@media screen and (max-width:40em) {

    .u-width-fixed__narrow,
    .u-width-fixed__contenu,
    .u-width-fixed__narrow-free {
        width: 100% !important;
        margin: 0;
        padding: 0 10px !important;
    }
}

@media screen and (min-width: 75em) {
    .u-width-fixed__contenu {
        width: 60%;
        margin: auto
    }

    .u-width-fixed__contenu--colonnes {
        width: 96%
    }

    .u-width-fixed__narrow {
        width: auto;
        margin: 0 100px
    }

    .u-width-fixed__narrow-free {
        width: auto;
        margin: 0 0 0 100px
    }

    .u-width-fixed {
        width: 1100px;
        margin: auto
    }

}

@media screen and (min-width: 85em) {
    .u-width-fixed {
        width: 1200px;
        margin: auto
    }
}

@media screen and (min-width: 100em) {
    .u-width-fixed--extras {
        width: 1200px;
        margin: auto
    }

    .u-width-fixed {
        width: 1400px;
        margin: auto
    }
}

@media screen and (min-width: 115em) {

    /*.u-width-fixed__contenu--colonnes{width:1500px}*/
    .u-width-fixed__narrow {
        width: auto;
        margin: 0 200px
    }

    .u-width-fixed__narrow-free {
        width: auto;
        margin: 0 0 0 200px
    }
}

.u-video-integ {
    background: #fff;
    padding: 40px;
    margin: 15px 0
}

.u-video-integ .u-video-integ__inside {
    background: #f1f1f1;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.u-video-integ iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.u-btnLEB {
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    background: #DC143C;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin-left: 10px;
}

.u-width--fixed {
    width: 96%;
    margin: auto
}

.u-width2--fixed {
    width: 96%;
    margin: auto
}

.u-width--fixed__moteur {
    max-width: 96%;
}

.u-frame-video {
    background: #dddddd;
    padding: 40px;
    margin: 15px 0
}

.u-frame-video-inside {
    background: #dddddd;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.u-frame-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.u-h2-strong {
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 40px;
}

.u-h2-merri strong {
    color: #c35d1b
}

.u-h2-bleu {
    color: #c35d1b;
}

.u-h2-t2 {
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: 700
}

.u-h2-headtitle {
    display: block;
    font-size: 1.6rem;
    text-align: center;
}

.u-titre-fond .u-h2-merri {
    color: #fff
}

.u-titre-fond .u-h2-merri:last-child {
    margin-bottom: 0;
}

.u-titre-fond .u-h2-merri strong {
    color: #fff
}

.u-txt-shout {
    color: #c35d1b;
    font-size: 2.2rem;
}

@media (min-width:60em) {
    .u-txt-shout {
        font-size: 2.5rem;
    }
}

@media (min-width:80em) {
    .u-txt-shout {
        font-size: 2.8rem;
    }
}

@media (min-width:100em) {
    .u-txt-shout {
        font-size: 3.2rem;
    }
}

.u-h2-merri select {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    width: 100px;
    padding: 8px;
    font-size: 2.0rem;
    font-weight: 400;
    border-radius: 5px;
    border: none;
}

.u-h2-infosSub svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 10px
}

.u-h2-infosSub a {
    transition: all .3s ease
}

.u-h2-infosSub a:hover {
    background: #fff;
    color: #c35d1b;
}

.u-h2-infosSub a:hover .svg__m-dl-h2 .st0 {
    fill: #c35d1b;
}

.u-titre-fond h1 {
    margin-bottom: 20px
}

.u-titre-margeTop {
    margin-top: 40px
}

.u-fond-strie__noir.c-programme__titre {
    color: #fff;
}

.u-fond-strie__noir.c-programme__titre .u-label-type {
    background: #c35d1b
}

.u-label-type {
    display: block;
    margin-bottom: 20px;
    font-size: 1.5rem;
    line-height: 2.0rem;
    background: #3f3e3e;
    color: #fff;
    padding: 10px;
    margin-right: 10px
}

.u-label-type:last-child {
    margin-bottom: 0
}

@media (min-width:45em) {
    .u-label-type {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

@media (min-width:70em) {
    .u-label-type {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }
}

@media (min-width:80em) {
    .u-label-type {
        font-size: 2.0rem;
        line-height: 2.8rem;
    }
}

.u-titre-standard__bleu {
    text-align: center;
    font-weight: bold;
    font-size: 2.0rem;
    line-height: 2.6rem;
    color: #c35d1b;
    margin-bottom: 30px;
}

.u-titre-interesse {
    color: #3f3e3e
}

.u-liste {
    padding: 40px;
    ;
    margin-bottom: 40px;
}

.u-liste li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.u-liste li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c35d1b;
    position: absolute;
    top: 8px;
    left: 0
}

.u-liste--foncee {
    background: #3f3e3e;
    color: #fff
}

.u-liste--claire {
    background: #dddddd;
    color: #3f3e3e;
}

.u-standard__form {
    border: 1px #ddd solid;
    padding: 30px;
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
}

@media (max-width:60em) {
    .c-programme__box-contact .u-standard__form {
        border-left: 0;
        border-right: 0;
        padding: 20px 0
    }

    #barre-tools a {
        width: 100% !important;
    }

    #extraits-realisations {
        padding: 0 10px 0 10px !important;
    }

    .conteneur {
        width: 100% !important;
    }

    .emploi a {
        display: none;
    }

    .actu-img {
        width: 100% !important;
    }

    #extraits-realisations .cell-tiers {
        width: 50% !important;
    }

    #extraits-realisations {
        padding: 0 20px 20px 20px !important;
    }
}

@media (max-width: 45em) {
    #extraits-realisations .cell-tiers {
        width: 100% !important;
    }

    #extraits-realisations {
        padding: 0 10px 10px 10px !important;
    }
}

.u-width-fixed__narrow,
.u-width-fixed__contenu,
.u-width-fixed__narrow-free {
    width: 100%;
}

@media (max-width: 75em) {

    #extraits-realisations .cell-tiers {
        width: 50%;
    }
}

.u-standard__champ {
    width: 100%;
    padding: 15px
}

.u-standard__champ label {
    display: block;
}

.u-standard__champ input,
.u-standard__champ textarea {
    width: 100%
}

.u-standard__champ--wide {
    width: 100%
}

.u-standard__form label {
    font-size: 1rem;
    margin-bottom: 10px;
    color:#012535;
}

.u-standard__form input,
.u-standard__form textarea {
    background: #fff;
    border: 1px #c35d1b solid;
    font-size: 1rem;
    padding: 10px;
    color:#012535;
}

.u-standard__form input[type="submit"] {
    background: #c35d1b;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    font-size: 1rem
}

.u-standard__form input[type="submit"]:hover {
    background: #012535;
    color: #ffffff;
}

.u-standard__radios {
    display: flex;
    align-items: center;
    border: 1px #dddddd solid;
    padding: 10px;
}

.u-standard__radios label {
    margin: 0 20px 0 0
}

.u-sous-titre__decoration {
    padding: 0 0 20px 15px;
    margin-bottom: 20px;
    border-bottom: 2px #c35d1b solid;
    display: block;
    width: 100%;
    font-size: 2.0rem;
    font-weight: 500;
    color: #c35d1b;
}

.u-sous-titre__influx {
    margin-top: 30px
}

.u-standard__f-contact__submit input {
    text-align: center;
}

.u-standard__form .u-standard__f-contact__submit {
    padding: 20px;
    border: none;
    margin: auto
}

.u-standard__form .u-standard__f-contact__submit input {
    font-size: 1rem;
    font-weight: 500;
    margin: auto;
    padding: 15px 30px
}

.e-zoom-img-hover img {
    display: block;
    width: 100%;
    transition: all .8s ease-out
}

.e-zoom-img-hover:hover img,
.js__une-ishovered img {
}

@media (min-width:40em) {
    .u-width2--fixed {
        width: 90%
    }
}

@media (min-width:60em) {

    .u-h2-strong,
    .u-h2-t2 {
        font-size: 2.4rem;
        line-height: 1.3
    }

    .u-width--fixed {
        width: 50%
    }

    .u-width2--fixed {
        width: 94%;
        margin: auto
    }

    .u-width--fixed__moteur {
        max-width: 900px;
        margin: auto
    }

    .u-label-type {
        display: inline-block;
        margin-bottom: 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .s-recrutement .u-h2-infosSub {
        display: flex;
        justify-content: center;
    }

    .s-recrutement .u-label-type {
        height: 50px;
        display: flex;
        align-items: center;
    }

    .u-titre-standard__bleu {
        text-align: left;
        font-size: 2.4rem;
        line-height: 3.0rem;
    }

    .c-programme__interesse .u-titre-standard__bleu {
        text-align: center
    }

    .u-standard__champ {
        width: 100%;
    }
}

@media (min-width:75em) {

    .u-h2-strong,
    .u-h2-t2 {
        font-size: 2.8rem;
        line-height: 1.2
    }
}

@media (min-width:85em) {

    .u-h2-strong,
    .u-h2-t2 {
        font-size: 3.0rem;
        line-height: 1.15
    }
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- ICONES -- */

svg path {
    transition: all .3s ease
}

.svg__m-loupe {
    width: 24px;
    height: 24px;
}

.svg__m-journal {
    width: 34px;
    height: 27px;
}

.svg__m-tel {
    width: 11px;
    height: 27px;
}

.svg__m-bulles {
    width: 31px;
    height: 24px
}

.svg__m-arrow {
    width: 23px;
    height: 16px;
}

.svg__m-arrow .st0 {
    fill: #3f3e3e
}

.svg__m-carte {
    width: 56px;
    height: 43px;
}

.svg__m-carte .st0 {
    fill: #fff
}

.svg__m-carte .st1 {
    fill: #c35d1b
}

.svg__m-ordi {
    width: 82px;
    height: 84px;
}

.svg__m-ordi .st0 {
    fill: #65b1da
}

.svg__m-ordi .st1 {
    fill: #3d3d3f
}

.svg__m-people {
    width: 112px;
    height: 80px;
}

.svg__m-people .st0 {
    fill: #3d3d3f
}

.svg__m-people .st1 {
    fill: #65b1da
}

.svg__m-localisation {
    width: 15px;
    height: 18px
}

.svg__m-localisation .st0 {
    fill: #3f3e3e
}

.svg__m-tirelire {
    width: 25px;
    height: 20px
}

.svg__m-tirelire .st0 {
    fill: #c35d1b
}

.svg__social {
    width: 50px;
    height: 50px;
}

.svg__social .st0 {
    fill: #fff;
    transition: all .3s ease
}

.svg__m-pointer-f {
    width: 22px;
    height: 28px
}

.svg__m-pointer-f .st0 {
    fill: #c35d1b;
}

.svg__m-tel-f {
    width: 17px;
    height: 28px;
}

.svg__m-tel-f .st0 {
    fill: #c35d1b
}

.svg__m-contact {
    width: 38px;
    height: 29px;
}

.svg__m-contact .st0 {
    fill: #fff
}

.svg__m-coeur {
    width: 19px;
    height: 17px;
}

.svg__m-bulles {
    width: 25px;
    height: 19px;
}

.svg__m-telpalette {
    width: 15px;
    height: 23px;
}

.svg__m-twitter {
    width: 19px;
    height: 17px;
}

.svg__m-coeur .st0,
.svg__m-bulles .st0,
.svg__m-telpalette .st0,
.svg__m-twitter .st0 {
    fill: #3e3d40
}

.svg__m-star {
    width: 48px;
    height: 46px
}

.svg__m-star .st0 {
    fill: #c35d1b
}

.svg__m-dl {
    width: 28px;
    height: 30px
}

.svg__m-dl-h2 {
    width: 28px;
    height: 30px;
}

.svg__m-dl-h2 .st0 {
    fill: #fff
}

.svg__m-payer {
    width: 24px;
    height: 24px;
}

.svg__m-payer .st0 {
    fill: #c35d1b
}

.svg__m-filters {
    width: 30px;
    height: 30px;
}

.svg__m-filters .st0 {
    fill: #3c3c3b
}

.c-panel-mobile .svg__m-journal .st0 {
    fill: #fff
}

/*---------------------------------------------------------------- old */

.svg__main-logo {
    width: 191px;
    height: 60px;
}

.svg__main-logo .st2 {
    fill: #008f36
}

.svg__main-logo .st3 {
    fill: #009ddf
}

.svg__main-logo .st4 {
    fill: #013f56
}

.svg__main-logo .st5 {
    fill: #d7181e
}

.svg__home {
    width: 20px;
    height: 20px;
}

.svg__home .st0 {
    fill: #424242
}

/* icones dossiers/articles g�n�ralistes - Coup de projecteur */
/* Au quotidien */
.svg__vie {
    width: 54px;
    height: 50px;
}

.svg__vie .st0 {
    fill: #c35d1b
}

.svg__vie .st1 {
    fill: #c35d1b
}

/* L'instant eco */
.svg__eco {
    width: 43px;
    height: 36px;
    position: relative;
    top: -4px
}

.svg__eco .st0 {
    fill: #c35d1b
}

.svg__eco .st1 {
    fill: #c35d1b
}

/* Moment culture */
.svg__culture {
    width: 40px;
    height: 24px
}

.svg__culture .st0 {
    fill: #c35d1b
}

.svg__culture .st1 {
    fill: #c35d1b
}

/* Vivre ensemble */
.svg__ensemble {
    width: 37px;
    height: 37px;
    position: relative;
    top: -4px
}

.svg__ensemble .st0 {
    fill: #c35d1b
}

.svg__ensemble .st1 {
    fill: #c35d1b
}

/* Au quotidien */
.svg__quotidien {
    width: 43px;
    height: 36px
}

.svg__quotidien .st0 {
    fill: #c35d1b
}

.svg__quotidien .st1 {
    fill: #c35d1b
}

/* Communuat� de commune */
.svg__cc {
    width: 37px;
    height: 37px
}

.svg__cc .st0 {
    fill: #c35d1b
}

.svg__cc .st1 {
    fill: #c35d1b
}

/* Prendre l'air */
.svg__air {
    width: 40px;
    height: 24px
}

.svg__air .st0 {
    fill: #c35d1b
}

.svg__air .st1 {
    fill: #c35d1b
}

.svg__piscine {
    width: 51px;
    height: 38px
}

.svg__piscine .st0 {
    fill: #c35d1b
}

.svg__spectacle {
    width: 50px;
    height: 38px
}

.svg__spectacle .st0 {
    fill: #c35d1b
}

.svg__loisirs {
    width: 71px;
    height: 40px
}

.svg__loisirs .st0 {
    fill: #c35d1b
}

.svg_dechetterie {
    width: 39px;
    height: 39px
}

.svg_dechetterie .st0 {
    fill: #c35d1b
}

.svg_brochures {
    width: 39px;
    height: 39px
}

.svg_brochures .st0 {
    fill: #c35d1b
}

.svg_catalogue {
    width: 45px;
    height: 32px
}

.svg_catalogue .st0 {
    fill: #c35d1b
}

.svg__puce-produits {
    width: 10px;
    height: 10px;
}

.svg__puce-produits .st0 {
    fill: #a7c10c;
}

.svg__arr-suite {
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.svg__arr-suite .st0 {
    fill: #fff
}

.svg__arr-suite-b .st0 {
    fill: #fff
}

.c-nav__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 20px;
    height: 20px;
}

.c-nav__icon .st0 {
    fill: #3d3f34
}

.svg__arr {
    width: 15px;
    height: 12px;
}

.svg__arr .st0 {
    fill: #313131
}

.u-arr__verte .svg__arr .st0 {
    fill: #a7c10c
}

.svg__actus {
    width: 82px;
    height: 50px
}

.svg__actus .st0 {
    fill: #c35d1b
}

.svg__actus .st1 {
    fill: #c35d1b
}

.svg__dates {
    width: 54px;
    height: 50px
}

.svg__dates .st0 {
    fill: #c35d1b
}

.svg__dates .st1 {
    fill: #c35d1b
}

.svg__pic {
    width: 42px;
    height: 40px
}

.svg__pic .st0 {
    fill: #c35d1b
}

.svg__pic .st1 {
    fill: #fff
}

.svg__mail {
    width: 19px;
    height: 13px;
}

.svg__mail .st0 {
    fill: #fff
}

.svg__pointer {
    width: 17px;
    height: 21px;
}

.svg__pointer .st0 {
    fill: #c35d1b
}

.svg__pointer .st1 {
    fill: #c35d1b
}

.svg__tel {
    width: 17px;
    height: 21px;
}

.svg__tel .st0 {
    fill: #c35d1b
}

.svg__tel .st1 {
    fill: #c35d1b
}

.c-tools__svg {
    width: 30px;
    height: 30px;
}

.c-tools__svg .st0 {
    fill: #fff
}

.c-profils__svg .st0 {
    fill: #fff
}

.svg__arrivant {
    width: 40px;
    height: 36px;
}

.svg__touriste {
    width: 39px;
    height: 29px;
}

.svg__famille {
    width: 56px;
    height: 47px;
}

.svg__jeune {
    width: 46px;
    height: 41px;
}

.svg__senior {
    width: 49px;
    height: 46px;
}

.svg__pro {
    width: 36px;
    height: 26px;
}

a.js__toggle-menu {
    display: block;
    width: 34px;
    height: 27px;
    position: relative;
}

.svg__hamburger,
.svg__closemenu {
    width: 34px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -17px;
    transition: all .3s ease
}

.svg__closemenu {
    opacity: 0
}

.js__menu-open .svg__hamburger {
    opacity: 0
}

.js__menu-open .svg__closemenu {
    opacity: 1
}

/* -- svg icons -- */
.svg__home {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.svg__home .st0 {
    fill: #1b335f;
    transition: all .3s ease
}

.svg__home:hover .st0 {
    fill: #fff
}


@media (min-width:40em) {
    .svg__pic {
        width: 56px;
        height: 54px
    }
}

@media (min-width:100em) {
    .svg__main-logo {
        width: 239px;
        height: 75px;
    }

    .svg__vie {
        width: 87px;
        height: 80px;
    }

    .svg__actus {
        width: 128px;
        height: 78px
    }

    .svg__dates {
        width: 94px;
        height: 87px
    }
}

/* ###################################################### */

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- SQUELETTE -- */





#menuPages .competences-devis h2 {
    background: transparent;
    text-align: center;
}

.competences * {
    transition: all .3s ease
}

.competences a {
    color: #1e1e1c;
}

.competences img {
    width: 100%;
    display: block;
}

.competences a:hover img {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

.competences h3 {
    text-transform: uppercase;
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: ease;
    /* Transition de type ease */
    padding: 15px 20px 15px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Roboto', sans serif;
    position: relative;
    line-height: 28px;
}

.competences:hover h3 {
    color: #fff;
    transform: translateY(10px);
    /* On déplace l'objet */
    font-weight: 600;
}

.competences h3 span.cube {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    background: #000;
    transform: rotate(-15deg);
    position: relative;
    top: -1px;
}

.competences:hover h3 span.cube {
    transform: rotate(345deg);
    background: #fff;
}

.competences p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
    font-weight: 300;
}

.competences p:after {
    display: block;
    position: absolute;
    content: "";
    width: 20%;
    height: 5px;
    background: #000;
    bottom: 0;
    left: 0
}

.competences a:hover p:after {
    width: 100%;
}

#titre_competences {
    background: #fff;
    width: 100%
}

#border_competences {
    position: relative;
}

#img_competences {
    overflow: hidden;
}

.conteneur {
    text-align: left;
    margin: 0px auto 0px auto;
    box-sizing: border-box;
    width: 65%;
}


/* +++
+++ GALERIE PHOTO ++++++++  */

#extraits-realisations {
    padding: 0 80px 80px 80px;
    background: #fff;
    margin: 30px auto 0 auto;
}

#extraits-realisations header {
    padding: 30px 0 20px;
    text-align: center;
    display: block;
}

#extraits-realisations header h2 {
    font-size: 40px;
    font: 100 40px 'Roboto', sans serif;
    color: #c35d1b;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
    text-transform: uppercase;
}

#extraits-realisations header h2 strong {
    font-weight: 700;
}

@media (min-width:60em) {
    #extraits-realisations header {
        padding: 80px 0px 60px;
        text-align: left
    }
}

#extraits-realisations header a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    margin: 0 8px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #71a3d3;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: center;
    box-sizing: border-box;
}

#extraits-realisations header a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c35d1b;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#extraits-realisations header a:hover,
#extraits-realisations header a:focus,
#extraits-realisations header a:active {
    color: #fff;
}

#extraits-realisations header a:hover:before,
#extraits-realisations header a:focus:before,
#extraits-realisations header a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#extraits-realisations:after {
    content: "";
    display: table;
    clear: both
}

#extraits-realisations h3 {
    font-family: 'Roboto', sans serif;
    font-weight: 500;
    font-size: 20px;
    color: #71a3d3;
    margin: 20px;
    text-align: center
}

#extraits-realisations p {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

#extraits-realisations .cell-tiers {
    padding: 0;
    text-align: center;
    margin: 0;
    width: 25%;
    float: left;
    border: 5px solid white;
}

#extraits-realisations .cell-tiers img {
    width: 100%;
    display: block;
    box-sizing: border-box
}

#extraits-realisations .cell-tiers h3 a {
    padding: 10px;
    display: block;
}

#extraits-realisations .cell-tiers h3 a:hover {
    background: #c35d1b;
    color: #fff;
}

.c-nav-primary a#home {
    margin-left: 0;
    text-align: center;
    border: none;
    background: transparent;
    border-right: 0;
    font-size: 12px;
    font-weight: 400;
    padding: 17px 0px 10px 0;
}

h1.c-galerie__titre-page {
    background: #012535;
    padding: 150px 0 60px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    text-align: center;
}



/*.l-slider-edito,.c-barre__accueil{padding:0 20px}*/

@media (min-width:40em) {
    #btn-devis {
        display: block;
        margin: 0 10px 0 0;
    }

    .l-header {
        padding: 40px 35px 40px;
    }
}

/* ----------------------- /recup -------------------------- */

.c-nav__sous-menu {
    font-family: 'Roboto', 'Arial', sans serif;
    display: none;
}

.c-nav__sous-menu h2 {
    color: #c35d1b;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.c-nav__sousmenu-back-mobile {
    display: none;
}

.c-nav-primary a.c-nav__mobile--main-page {
    font-size: 1.8rem;
    font-weight: bold
}

.c-nav__sous-menu-lvl2__links {
    display: none;
    overflow-y: scroll
}

.c-nav__link-niv1>a {
    text-transform: uppercase;
    position: relative;
    height:100%;
}

/* panel mobile */

@media screen and (max-width:60em) {
    .entete-menu-link {
        display: block;
        padding-left: 0;
    }

    .c-nav-primary a#home {
        background: #2e3b55;
        padding: 15px;
    }

    .c-nav-primary a:hover {
        background: #c35d1b;
        color: #fff;
    }

    .c-nav__sous-menu {}

    .o-nav-main {
        position: fixed;
        top: -100%;
        left: 0;
        background: #2e3b55;
        opacity: 0;
    }

    .o-nav-main,
    .c-nav-primary {
        display: block;
        z-index: 1000;
        width: 100%;
        height: 100%;
        transition: all .3s ease
    }

    .c-nav-primary {
        padding: 80px 20px 20px;
        opacity: 0;
        transition-delay: .3s;
        transform: translateY(20px)
    }

    .js__menu-open .o-nav-main {
        top: 0;
        opacity: 1
    }

    .js__menu-open .c-nav-primary {
        opacity: 1;
        transform: translateY(0);
        ;
        overflow-x: hidden
    }

    .c-nav-primary a {
        display: block;
        font-size: 1.6rem;
        padding: 20px;
        background: #2e3b55;
        margin: 0 0 10px;
        width: 100%;
        text-align: center;
        font-weight: 500;
    }

    .c-nav-primary a:after {
        display: none;
    }

    .c-nav-primary .c-nav__link-niv1:not(:last-child) {
        margin-right: 0
    }

    .c-nav__sousmenu-back-mobile a,
    .c-nav__sousmenu-back-mobile a:hover {
        background: #c35d1b;
        color: #fff;
        padding: 10px 20px
    }

    .c-nav__sousmenu-back-mobile a .svg__arr-suite .st0 {
        fill: #fff
    }

    .o-nav-main .js__profils {
        background: #2e3b55;
        text-align: center;
        margin: 30px 0 0;
        padding: 20px;
        border-radius: 10px;
        width: 100%
    }

    .o-nav-main .js__profils h2 {
        color: #fff;
        margin: 15px 0
    }

    .c-nav-primary .c-profils {
        flex-flow: row wrap;
        align-items: flex-end
    }

    .c-nav-primary .c-profils a {
        background: transparent;
        flex-basis: 100%;
    }

    .c-nav-primary .c-profils a:before {
        display: none
    }

    .c-nav-primary .c-profils a:after {
        display: block;
        opacity: 1;
        position: relative;
        margin-top: 10px;
        content: attr(data-before);
        bottom: auto;
        left: auto;
        right: auto;
        height: auto;
        background: transparent;
        border: none;
        color: #afc22f;
        text-align: center;
        box-sizing: border-box
    }

    .c-nav__sous-menu,
    .c-nav__sous-menu-lvl2__links {
        display: block;
        position: fixed;
        top: 0;
        left: 100%;
        background: #c35d1b;
        width: 100%;
        height: 100%;
        transition: all .3s ease;
        padding: 80px 20px 20px;
        z-index: 1001
    }

    .js__sousmenu-open .c-nav__sous-menu,
    .js__sousmenu-open__niv2 .c-nav__sous-menu-lvl2__links {
        left: 0;
    }

    .c-nav__sous-menu h2 {
        margin: 20px 0 10px;
        text-align: center;
    }

    .c-nav__sous-menu__cover {
        display: none;
    }

    .c-nav__sousmenu-back-mobile {
        display: block;
    }

    .svg__sous-menu--arr {
        display: none;
    }

    .l-header {
        margin-top: 60px;
    }

    .c-tools {
        display: none;
    }

    #btn-contact {
        display: none;
    }





}

@media screen and (min-width:30em) and (max-width:60em) {
    .c-nav-primary .c-profils a {
        flex-basis: 50%
    }
}

@media screen and (min-width:30em) {
    #barre-pictos a {
        width: 50%;
    }
}

@media screen and (min-width:45em) {
    #linksHeader {
        display: grid;
        align-items: center;
    }

    #le-logo {
        width: 400px;
        margin-left: 0;
    }

}

@media screen and (min-width:54em) {
    #presa-entreprise {
        display: block;
        background: #fff;
        box-sizing: border-box;
        padding: 0;
        border-radius: 0 60px 0 0;
        width: 26%;
        position: relative;
        z-index: 20;
        margin: 0;
    }

    #visuelsAccueil {
        width: 100%;
    }

    #barre-pictos a {
        padding: 25px 5px;
        width: 33%;
    }
}

@media screen and (max-width: 1281px) {
    .actu {
        padding: 70px 0 20px 0 !important;
    }

    #englob-actualites {
        margin-right: 20px;
    }
}

@media screen and (max-width: 120em) {

    .c-contenu__contenu img {
        width: 300px !important;

    }

    .c-contenu__contenu ul {
        width: 350px !important;

    }
}


@media screen and (min-width:60em) {

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        background: #ffffff;
        /* Old browsers */
        width: 100%;
        z-index: 200;
        transition: top .3s ease;
        padding: 0 35px 0;
        margin-top: 0
    }

    .o-toolbox {
        display: block
    }

    /*video en transparence sous la barre du haut, pas de padding top */
    /* main{padding-top:115px} */
    .o-nav-main {
        display: block;
    }

    .c-nav-primary {
        display: flex;
        justify-content: center;
    }

    .l-logo-area {
        margin: 20px 0;
    }

    .l-logo-area img {
        height: 120px;
    }

   

    .c-panel-mobile,
    #entete {
        display: none;
    }

    .c-nav__ico-mobile {
        display: none;
    }

  

    .c-nav__sous-menu {
        display: flex;
        display: none;
        position: absolute;
        opacity: 0;
        top: -1000px;
        width: 140%;
        left: -20%;
        background: #c35d1b;
        border-top: 2px #5aa1c7 solid;
        transition: opacity .3s ease;
    }

    .l-col50,
    .l-col100 {
        display: flex;
        padding: 15px;
        width: 100%
    }

    .l-col50__col {
        flex-basis: 50%;
        padding-left: 40px;
    }

    .l-col100__col {
        flex-basis: 100%;
    }

    .c-nav-primary .c-nav__sous-menu a {
        transition: all .3s ease;
        position: relative;
        color: #fff;
        font-size: 1.6rem;
        display: block;
        padding: 9px;
        border-bottom: 1px #579abe solid;
        font-weight: 400
    }

    .c-nav-primary .c-nav__sous-menu a:hover {
        background: #3f3e3e
    }

    .c-nav-primary .c-nav__sous-menu a svg {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: -20px;
        transition: all .3s ease
    }

    .c-nav-primary .c-nav__sous-menu a:hover svg {
        left: -10px
    }

    .c-nav__sous-menu a:after {
        display: none
    }

    .c-nav__sous-menu__cover {
        background-size: cover;
        display: none;
        width: 35%;
        border-radius: 0 0 0 50px;
        align-items: flex-end;
        justify-content: center
    }

    .c-nav__sous-menu__cover h2 {
        color: #fff;
        text-align: center;
        font-size: 3.0rem;
        margin-bottom: 30px;
        line-height: 3.4rem
    }

    .c-nav__link-niv1:hover .c-nav__sous-menu {
        top: 24px;
        opacity: 1
    }

    .o-nav-main {
        width: 100%;
        border: 2px solid #c35d1b;
        border-left: 0;
        border-right: 0;
        background: #2e3b55;
    }

    .c-nav__sous-menu__cover {
        min-width: 300px
    }

    /*.c-nav__id-3 .c-nav__sous-menu{left:calc(-200px + (100% / 2))}
  .c-nav__id-4 .c-nav__sous-menu{left:auto;right:100px}
  .c-nav__id-5 .c-nav__sous-menu{right:0;left:auto;}*/

    .c-nav-primary .c-nav__sous-menu a.c-nav__mobile--main-page {
        display: none;
    }

    #baseline p {
        display: block;
    }

    #visuelsAccueil {
        width: 100%
    }

    .c-edito__suite {
        display: none;
    }

    .l-slider-edito {
        display: flex;
        justify-content: flex-end;
        position: relative;
        padding: 0;
        flex-flow: row wrap;
    }

    #presa-entreprise {
        margin-top: 0;
        display: block;
        background: #fff;
        box-sizing: border-box;
        padding: 30px 30px 30px 0;
        border-radius: 0 60px 0 0;
        width: 28%;
        position: absolute;
        z-index: 20;
        left: 35px;
        top: 50%;
        transform: translateY(-50%);
    }

    #presa-entreprise h2 {
        font-size: 16px;
    }

    #presa-entreprise h1 {
        font-size: 19px;
        line-height: 26px;
    }

    #presa-entreprise h1 strong {
        font-size: 35px;
        line-height: 35px;
    }

    #btn-devis {
        margin: 10px 60px 0 0;
    }

    #visuelsAccueil {
        width: 100%;
    }

    #barre-pictos {
        padding: 0 35px;
    }

    span.txt-avantages {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .competences,
    .competences-devis {
        width: 30%;
        margin-bottom: 0;
    }

}

/*@media screen and (min-width:75em){  
  .l-panel-tools{display:block;}
  .l-logo-area{margin:20px 40px 20px 30px;}
  .l-header{padding:20px 50px 0}
  .l-slider-edito,.c-barre__accueil{padding:0;}
  .c-nav__link-niv1>a{font-size:1.6rem;padding: 12px 15px 20px 15px;}
  .c-nav-primary{padding:12px 25px 0 25px;}
}*/


/*@media screen and (min-width:90em){
  .l-slider-edito,.c-barre__accueil{padding:0;}
  .l-header{padding:20px 70px 0 70px;}
  .o-toolbox{top:-30px}
  #presa-entreprise {left: 70px;}
}*/

/*@media screen and (min-width:100em){
  .l-slider-edito,.c-barre__accueil{padding:0;}
  .l-header{padding:20px 80px 0 80px;}
  .l-logo-area{margin-left:5%}
  .c-nav-primary a{font-size:1.8rem}
  #presa-entreprise {left: 80px;}
}*/



/*@media screen and (min-width:140em){
  .l-slider-edito,.c-barre__accueil{padding:0;}
  .l-header{padding:20px 200px 0 200px;}
  #presa-entreprise {left: 200px;}
}*/







/*@media (min-width:60em){
  #visuelsAccueil{width:75%}
  .c-edito__suite{display: none;}
  #presa-entreprise{left:35px;padding: 30px 30px 30px 0;}
  #presa-entreprise h2 {font-size: 16px;}
  #presa-entreprise h1{font-size:19px;line-height:26px;}
  #presa-entreprise h1 strong {font-size: 35px;line-height: 35px;}
}*/

@media (min-width: 65em) {
    

    #barre-pictos a {
        flex: 1;
    }

    #barre-pictos {
        flex-wrap: nowrap;
    }

    #entete-menu p {
        display: none;
    }

    .vert-clair a {
        font-size: 1.5rem;
    }

}

@media (min-width:75em) {
    #presa-entreprise h1 {
        font-size: 24px;
        line-height: 28px;
    }

    #presa-entreprise h1 strong {
        font-size: 44px;
        line-height: 46px;
    }

    #presa-entreprise {
        padding: 30px 45px 30px 0;
        left: 50px;
    }

    #presa-entreprise p {
        display: block;
    }

    .l-panel-tools {
        display: block;
    }

    .l-logo-area {
        margin: 20px 40px 20px 30px;
    }

    /*.c-nav__sous-menu{left:100px;width:calc(100% - 200px);}*/
    .l-header {
        padding: 0;
    }

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    

    .c-nav-primary {}

    #baseline {
        padding-left: 80px;
        padding-top: 30px;
        font-size: 28px
    }

    #baseline strong {
        font-size: 36px;
    }

    #barre-pictos {
        padding: 0 50px;
    }

    span.txt-avantages {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    #barre-pictos a {
        padding: 25px 10px;
    }

}

@media (min-width:85em) {
    #presa-entreprise {
        padding: 30px 45px 30px 0;
        left: 60px;
    }

    .c-edito__suite {
        display: block;
    }

    #presa-entreprise p {
        font-size: 16px;
        line-height: 24px;
    }

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 20px 60px 0;
    }

    .o-toolbox {
        top: -20px;
    }

    #barre-pictos {
        padding: 0 60px;
    }

    span.txt-avantages {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    #barre-pictos a {
        padding: 25px 15px;
    }
}

@media (min-width:90em) {
    #presa-entreprise {
        padding: 40px 50px 40px 0;
        left: 70px;
    }

    #presa-entreprise h1 {
        font-size: 28px;
        line-height: 30px;
    }

    #presa-entreprise h1 strong {
        font-size: 50px;
        line-height: 50px;
    }

    #presa-entreprise h2 {
        font-size: 18px;
    }

    .c-edito__suite {
        display: block;
    }

    #presa-entreprise p {
        font-size: 15px;
    }

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 20px 70px 0 70px;
    }

    .o-toolbox {
        top: -30px
    }

    #barre-pictos {
        padding: 0 70px;
    }

}

@media screen and (min-width:100em) {

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 20px 80px 0 80px;
    }

    .l-logo-area {
        margin-left: 5%
    }

    #presa-entreprise {
        left: 80px;
    }

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 20px 80px 0 80px;
    }

    #barre-pictos {
        padding: 0 80px;
    }

    .l-logo-area {
        margin-left: 5%
    }

    .c-nav-primary a {
        font-size: 1.5rem;
        transition: 0.5s;
        border-radius: 0 !important
    }

    span.txt-avantages {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    #barre-pictos a {
        padding: 25px 25px;
    }
}

@media (min-width:105em) {
    #presa-entreprise {
        padding: 40px 50px 40px 0;
        left: 80px;
    }

    #presa-entreprise h1 {
        font-size: 30px;
        line-height: 36px;
    }

    #presa-entreprise h1 strong {
        font-size: 53px;
    }

    .c-edito__suite {
        display: block;
    }

    #presa-entreprise p {
        padding: 25px 0 10px 0
    }

    #presa-entreprise span.c-edito__suite {
        display: block;
        margin-top: 10px;
    }
}

@media screen and (min-width:120em) {

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 0;
    }

    .c-header {
        padding: 0 250px 10px 250px;
    }

    #presa-entreprise {
        left: 140px;
    }

    #barre-pictos {
        padding: 0 140px;
    }
}

@media (min-width:140em) {
    #presa-entreprise h1 strong {
        font-size: 75px;
        line-height: 75px;
    }

    #presa-entreprise h1 {
        font-size: 41px;
        line-height: 41px;
    }

    #presa-entreprise h2 {
        font-size: 26px;
        margin-top: 45px;
        line-height: 28px;
    }

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 0;
    }

    .c-header {
        padding: 0 250px 10px 250px;
    }

    #presa-entreprise {
        left: 200px;
    }

    #barre-pictos {
        padding: 0 200px;
    }
}

@media screen and (min-width:160em) {

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 0;
    }

    .c-header {
        padding: 0 250px 10px 250px;
    }

    #presa-entreprise {
        left: 250px;
    }

    #barre-pictos {
        padding: 0 250px;
    }
}

@media screen and (min-width:180em) {

    .l-slider-edito,
    .c-barre__accueil {
        padding: 0;
    }

    .l-header {
        padding: 0;
    }

    .c-header {
        padding: 0 250px 10px 250px;
    }

    #presa-entreprise {
        left: 280px;
    }

    #barre-pictos {
        padding: 0 280px;
    }
}

.l-slider-cover {
    position: relative;
    color: #fff;
    overflow: hidden;
}

.l-slider-cover__16-9 {
    padding-top: 33.33%;
}

.c-slider-cover {
    height: 100%;
    display: flex;
}

.c-slider-cover__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: 50% 100%;
    z-index: 1;
}

.c-slider-cover img {
    display: block;
    width: 100%;
}

.c-slider-cover__baseline {
    text-align: center;
    width: 100%;
    display: block;
}

.c-slider-cover__headline {
    background: #c35d1b;
    padding: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 2.0rem;
    line-height: 2.6rem
}

.c-slider-cover__subline {
    font-size: 1.5rem;
    line-height: 2.0rem;
    color: #3f3e3e;
    text-align: right;
    padding: 10px 0 10px;
    display: flex;
    position: relative;
    font-weight: 400
}

.c-slider-cover__subline:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 100%;
    height: 1px;
    background: #fff;
    flex: 1;
    margin-top: 14px;
}

.c-slider__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.c-slider__video video,
.c-slider__integration-externe {
    width: 100%;
    height: 100%
}

.c-slider__integration-externe {
    pointer-events: none
}

.c-slider__morelink {
    display: none;
    position: absolute;
    bottom: 60px;
    right: 0;
    background: #fff;
    padding: 20px;
    z-index: 110;
    font-weight: 700;
    color: #c35d1b;
    font-size: 2.0rem
}

.c-slider__morelink strong {
    color: #3f3e3e
}

.c-slider__morelink svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.c-slider__nav {
    position: absolute;
    bottom: 0;
    z-index: 110;
    padding: 30px;
    width: 100%;
    left: 0;
    text-align: center
}

.c-slider__nav a {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 2px #fff solid;
    border-radius: 50%;
    margin: 0 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.c-slider__nav a.c-slider__nav--actif {
    background: #fff
}

@media (max-width:60em) {
    .c-slider-cover__baseline {
        width: 100%;
        margin: 0 0 0 0;
        position: relative;
        z-index: 110
    }

    #actualites-tourisme {
        border-radius: 0 !important;
        flex-direction: column !important;
        align-items: flex-end;
        margin-top: 0 !important;
    }

    #actualites-tourisme.conteneur {
        width: 100% !important;
    }

    #actualites-tourisme article {
        width: 100% !important;
        padding: 0 0 35px 0 !important;
    }

    #actualites-tourisme aside {
        width: 100% !important;
        background: #2a83ab !important;
        border-radius: 0 !important;
        padding: 30px 20px !important;
    }

    #englob-actualites {
        display: block !important;
    }

    .actu {
        flex-direction: column !important;
        padding: 0 !important;
    }

    .actu-img {
        width: 100%;
    }

    .actu-text {
        width: 90% !important;
        margin: 10 auto 30px auto !important;
    }

    .actu .suite {
        width: 100% !important;
    }
}

@media (min-width:60em) {
    .c-slider__morelink {
        display: block;
    }

    .c-slider-cover__baseline {
        display: none;
        /*position:absolute;z-index: 2;bottom: 200px;left: 440px;text-align: left;width: auto;margin: auto;max-width: 70%;*/
    }

    .c-slider-cover__headline {
        font-size: 2.2rem;
        line-height: 2.8rem;
        text-align: left;
    }

    .c-slider-cover__subline {
        padding-left: 40px
    }
}

@media (min-width:65em) {
    .l-slider-cover {
        width: 100%
    }
}

@media (min-width:70em) {
    .c-slider-cover__headline {
        font-size: 2.2rem;
        line-height: 3.0rem;
    }
}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- ACCUEIL -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.s-main__accueil {
    background: #dddddd;
}

#actualites-tourisme {
    background: #fff;
    margin-top: -150px;
    position: relative;
    z-index: 999;
    padding: 50px;
    text-align: center;
}

#actualites-tourisme.conteneur,
.conteneur {
    width: 95%;
    box-sizing: border-box;
}

@media (min-width:75em) {

    #actualites-tourisme.conteneur,
    .conteneur {
        width: 85%;
    }
}

@media (min-width:120em) {

    #actualites-tourisme.conteneur,
    .conteneur {
        width: 65%;
    }
}

#actualites-tourisme article {
    padding: 35px 0px 35px 35px;
    width: 63%;
    box-sizing: border-box;
}

#actualites-tourisme article h2 {
    font-family: "Roboto", sans-serif;
    font-size: 33px;
    color: #c35d1b;
    display: inline-block;
    margin-right: 15px: font-weight:300;
}

#englob-actualites {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.actu {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
}

.actu img {
    width: 100%;
    display: block;
}

.actu-img {
    width: 60%;
}

.actu-text {
    width: 40%;
    margin-left: 30px;
}

.actu h3 {
    margin: 20px 0 15px;
    color: #71a3d3;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.actu h3:hover {
    color: #c35d1b;
}

.actu p {
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
    padding-bottom: 30px;
    position: relative;
    font-weight: 300;
    padding-right: 10px;
}

.actu a {
    color: #c35d1b;
}

.actu .suite {
    font-size: 12px;
    background: #71a3d3;
    padding: 3px 15px;
    color: #fff;
    font-weight: 500;
    width: 50%;
    text-align: center;
}

.actu .suite:hover {
    background: #c35d1b;
}

#actualites-tourisme aside {
    padding: 30px 50px 20px 100px;
    color: #fff;
    width: 37%;
    box-sizing: border-box;
    border-radius: 0 100px 0 0;
    background: #2a83ab url(../img/squelette/courbe-secteurs.jpg)left center no-repeat;
}

#actualites-tourisme aside h2,
h2.head-competences {
    text-align: left;
    margin: 0 0 15px 0;
    font: 700 40px 'Roboto', sans-serif;

}

#actualites-tourisme aside h2 span.light,
h2.head-competences span.light {
    font-weight: 100;
}

#actualites-tourisme aside p {
    margin: 15px 0;
    color: #c35d1b;
    font-size: 17px;
    line-height: 26px;
    text-align: justify;
    position: relative;
    font-weight: 900;
}

a.nuage {
    display: block;
    background: #c35d1b;
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 7px;
    font-weight: 500;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

a.nuage:hover {
    background: #fff;
    color: #71a3d3;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

.emploi {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    margin-top: 35px;
}

.emploi a {
    position: relative;
}

.emploi img {
    width: 100%;
    display: block;
}

a.effect-emploi img {
    opacity: 1;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

a.effect-emploi:hover img {
    opacity: 0.7;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

.emploi h3 {
    margin: 0 0 0 30px;

    font-size: 33px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 23%;
    left: 0;
}

.emploi p {
    font-size: 22px;
    text-align: left;
    padding-bottom: 30px;
    font-weight: 300;
    top: 58%;
    position: absolute;
    margin: 0 0 0 30px;
}

a.effect-emploi h3,
a.effect-emploi p {
    color: #fff;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

a.effect-emploi:hover h3,
a.effect-emploi:hover p {
    color: #c35d1b;
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3 linear;
}

#renvois {
    margin: 0 auto;
}

.fond-competences {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001a3a+0,003261+50 */
    background: rgb(46, 59, 85);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(46, 59, 85, 1) 0%, rgba(82, 104, 146, 1) 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(46, 59, 85, 1) 0%, rgba(82, 104, 146, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(46, 59, 85, 1) 0%, rgba(82, 104, 146, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e3b55', endColorstr='#c35d1b', GradientType=0);
    /* IE6-9 */
}

article h2 {
    margin-bottom: 25px;
}

/** SAVOIR-FAIRE **/



.c-mos-1-3 {
    display: flex;
    flex-flow: column;
}

.c-mos-1-3__cell {
    flex-basis: 100%;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px
}

.u-cover {
    width: 100%;
    display: block;
}

.c-mos-1-3 p {
    color: #c35d1b;
    font-size: 16px;
    line-height: 24px;
    padding: 25px 0 10px 0;
    text-align: justify;
    font-weight: 400;
}

.c-mos-1-3 p.c-accueil__actualite__suite {
    padding: 10px 0 0;
    font-size: 18px;
    color: #c35d1b;
    transition: all .3s ease
}

.c-mos-1-3__shadow {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.2)
}

.c-barre__accueil {
    /*background:#dddddd url(../../img/squelette/arches.svg) no-repeat calc(100% + 90px) 100%;background-size:600px 400px;*/
    padding: 80px 0;
    background: #dddddd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

_:-ms-input-placeholder,
:root .c-barre__accueil {
    background: #dddddd url(../../img/squelette/arches.svg) no-repeat 100% 100%;
    background-size: 600px 400px;
    padding-top: 60px;
    padding-bottom: 20px
}

_:-ms-input-placeholder,
:root .c-mos-1-3 {
    display: block;
}

_:-ms-fullscreen,
:root .c-mos-1-3__cell h2 {
    width: 100%
}

_:-ms-fullscreen,
:root .c-barre__accueil .c-barre__accueil .conteneur:first-child {
    margin-bottom: 40px
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
    .c-barre__accueil {
        background: #dddddd url(../../img/squelette/arches.svg) no-repeat 100% 100%;
        background-size: 600px 400px;
        padding-top: 60px;
        padding-bottom: 20px
    }
}

.c-accueil__visite {
    position: relative;
    transition: all .3s ease
}

.c-visite__label {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-visite__label>span {
    display: inline-block;
    background: #fff;
    color: #36a78f;
    padding: 20px;
    position: relative;
    transition: all .3s ease;
    margin-top: 20px;
}

.c-visite__label span.c-visite__label-h2 {
    position: absolute;
    top: -36px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
    background: transparent;
    transition: all .3s ease;
}

.c-accueil__visite:hover .c-visite__label>span {
    transform: scale(1.2)
}

.c-accueil__logement {
    color: #c35d1b
}

.c-accueil__logement__cover {
    position: relative;
}

.c-accueil__logement__cover h2 {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background: #fff;
    font-size: 20px;
    padding: 0 15px 15px 0
}

.c-accueil__logement__cover h2 strong {
    color: #c35d1b
}

.c-accueil__logement h3 {
    padding: 35px 0 0;
    text-align: center;
    font-size: 20px;
}

.c-accueil__logement__type {
    border-radius: 4px;
    font-weight: bold;
    display: inline-block;
    background: #36a78f;
    color: #fff;
    padding: 6px 8px;
    margin-right: 15px;
}

.c-accueil__logement__more {
    border-radius: 4px;
    display: inline-block;
    background: #c35d1b;
    color: #fff;
    padding: 6px 10px;
    margin-left: 15px;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.c-accueil__introduction__titre {
    margin-top: -20px;
    color: #c35d1b
}

.c-accueil__introduction h2 {
    background: #fff;
    display: inline-block;
    padding: 15px 15px 0 0;
    font-size: 20px;
    position: relative;
    z-index: 10;
}

.c-accueil__introduction h2 strong {
    color: #c35d1b;
    font-size: 24px
}

.c-accueil__actualite {
    color: #c35d1b
}

.c-accueil__actualite h2 {
    font-size: 16px;
    display: inline-block;
    background: #c35d1b;
    color: #fff;
    padding: 7px;
}

.c-accueil__actualite h3 {
    position: relative;
    font-weight: 700;
    padding: 15px 10px;
    font-size: 20px;
    border-top: 1px #c35d1b dotted;
    border-bottom: 1px #c35d1b dotted;
    transition: all .3s ease
}

.c-accueil__actualite:hover h3 {
    background: #36a78f;
    color: #fff;
}

.c-accueil__actualite:hover p.c-accueil__actualite__suite {
    padding: 10px 0 0 11px
}

.c-accueil__contact {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column
}

.c-accueil__contact h2 {
    padding: 0 40px;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 26px
}

.c-accueil__contact h3 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px;
}

.c-accueil__contact h3:last-child {
    margin-bottom: 0;
}

.c-accueil__contact h2 strong {
    color: #c35d1b;
    font-size: 24px
}

.c-accueil__contact a {
    display: block;
    background: #36a78f;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin: 0 20px;
    transition: all .6s ease
}

.c-accueil__contact a:hover {
    display: block;
    background: #c35d1b;
}

.c-accueil__contact h3:last-child a {
    background: #c35d1b;
}

.c-accueil__contact h3:last-child a:hover {
    background: #36a78f;
}

.c-accueil__introduction p,
.c-accueil__actualite p {
    padding-top: 10px;
    font-size: 15px;
    line-height: 20px;
}

@media (min-width:60em) {
    .c-mos-1-3 {
        flex-flow: row wrap;
    }

    .c-mos-1-3__cell:nth-child(2n) {
        margin: 0 0 2% 2%
    }

    .c-mos-1-3__cell {
        flex-basis: calc(98% / 3);
        width: calc(98% / 3);
        box-sizing: border-box;
        margin-bottom: 2%
    }

    _:-ms-fullscreen,
    :root .c-mos-1-3__cell {
        flex-basis: 43%;
        width: 43%;
    }

    _:-ms-input-placeholder,
    :root .c-mos-1-3 {
        display: flex;
    }
}

@media (min-width:80em) {
    .c-mos-1-3__cell:nth-child(2n) {
        margin: 0 0 2%
    }

    .c-mos-1-3__cell:nth-child(3n+2) {
        margin: 0 2% 2%
    }

    .c-mos-1-3__cell {
        flex-basis: calc(96% / 3);
        width: calc(96% / 2);
        box-sizing: border-box;
        margin-bottom: 2%
    }

    _:-ms-fullscreen,
    :root .c-mos-1-3__cell {
        flex-basis: 27%;
        width: 27%;
    }
}

@media (min-width:90em) {

    .c-accueil__introduction p,
    .c-accueil__actualite p {
        font-size: 16px;
        line-height: 24px;
    }
}

/* -- 
   MOTEUR DE RECHERCHE
   ------------------ */

.l-moteur-general {
    text-align: center;
    margin: 30px 0 40px
}

.s-resultats-recherche .l-moteur-general {
    border-top: 1px #c35d1b dotted;
    border-bottom: 1px #c35d1b dotted;
    margin: 0 0 40px;
    padding: 40px 0
}

.c-moteur-general__form,
.c-moteur-general__form__controles {
    display: flex;
    flex-flow: row wrap;
}

.c-moteur-general__form__champs {
    width: calc(100% - 300px)
}

.c-moteur-general__form__controles {
    width: 300px
}

.c-moteur-general__form input[type="text"],
input.c-moteur__loupe,
.c-moteur__recherche__carto {
    margin-bottom: 10px
}

.c-moteur-general__btn-mobile {
    width: 100%;
    display: none;
}

.c-moteur-general__btn-mobile a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    border: 6px #c35d1b solid;
    background: #579abe;
    color: #fff;
    padding: 15px 10px;
}

.c-moteur-general__btn-mobile a svg {
    margin-right: 10px;
}

input.c-moteur__loupe {
    width: 80px;
    height: 60px;
    background: #c35d1b url(../img/svg/loupe-recherche.svg) no-repeat center center;
    cursor: pointer;
    font-size: 0;
    border: 0;
    background-size: 30px 30px
}

.c-moteur-general__form input[type="text"] {
    font-size: 2.4rem;
    font-style: italic;
    width: 100%;
    padding: 15px 15px 14px 30px;
    border: 1px #d1d1d1 solid;
    border-right: 0;
    font-weight: 300;
}

/* bouton cartographie */
.c-moteur__recherche__carto {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    background: #3f3e3e;
    color: #c35d1b
}

.c-moteur__recherche__carto strong {
    display: block;
    color: #fff
}

.c-moteur__recherche__carto svg {
    display: block;
    margin-left: 10px
}

/* bouton tous les programmes */
.c-moteur__tous {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    background: #f8f7f3;
    font-weight: bold;
    font-size: 1.8rem;
    color: #3f3e3e;
    padding: 10px;
    transition: all .3s ease
}

.c-moteur__tous:hover {
    background: #c35d1b;
}

.c-moteur__tous .svg__m-arrow {
    width: 16px;
    height: 10px;
    margin-left: 10px;
    transition: all .3s ease
}

.c-moteur__tous:hover .svg__m-arrow {
    transform: translateX(10px)
}

.c-moteur__tous .svg__m-arrow .st0 {
    fill: #c35d1b;
    transition: all .3s ease
}

.c-moteur__tous:hover .svg__m-arrow .st0 {
    fill: #fff
}

/* criteres */
.c-moteur-general__critere {
    font-size: 2.4rem;
    letter-spacing: 2px;
    font-weight: 500;
    border-right: 1px #c7c7c7 solid;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.c-moteur-general__critere__text {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 9px 5px;
    transition: all .3s ease;
    border: 1px #fff solid
}

.c-moteur-general__critere__text:hover {
    border: 1px #ddd solid;
    background: #f8f7f3
}

.c-moteur-general__critere:first-child {
    padding-left: 0
}

.c-moteur-general__critere:last-child {
    border: none
}

.c-moteur-general__critere svg {
    display: inline-block;
    margin: 0 10px;
    width: 16px;
    height: 7px;
}

.c-moteur-general__form__englob-criteres {
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

.c-moteur__criteres {
    position: absolute;
    display: none;
    z-index: 101;
    background: #fff;
    border: 1px #ddd solid;
    top: 38px;
    left: -10%;
    padding: 20px;
    width: 140%;
    text-align: left;
    font-size: 1.8rem;
    letter-spacing: 0;
}

.c-moteur__critere {
    padding: 5px;
}

.c-moteur__critere input {
    margin-right: 6px
}

.c-moteur__criteres-deroule .c-moteur__criteres {
    display: block;
}

.js-moteur__recep-selection {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start
}

.js-moteur__recep-selection span {
    cursor: pointer;
    font-size: 1.3rem;
    letter-spacing: 0;
    padding: 1px 3px;
    border: 1px #ddd solid;
    position: relative;
}

.js-moteur__recep-selection span:after {
    content: "x";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3f3e3e;
    color: #fff;
    opacity: 0
}

.js-moteur__recep-selection span:hover:after {
    opacity: 1
}

/* variante pour mobile / Tablette -- critères dans un panneau déroulant */
@media (max-width:60em) {

    .c-moteur-general__form__champs,
    .c-moteur-general__form__controles {
        width: 100%;
    }

    .c-moteur-general__form__champs {
        display: none;
        padding: 30px;
        border-left: 6px #c35d1b solid;
        border-right: 6px #c35d1b solid
    }

    .js-open-criteres .c-moteur-general__form__champs {
        display: block;
    }

    input.c-moteur__loupe {
        flex: 1
    }

    .c-moteur__recherche__carto {
        width: 225px;
        flex-basis: 225px
    }

    .c-moteur__tous {
        width: 100%
    }

    .c-moteur-general__btn-mobile {
        display: block;
    }

    .c-moteur-general__form input[type="text"] {
        border: 1px #d1d1d1 solid
    }

    .c-moteur-general__form__englob-criteres {
        flex-direction: column
    }

    .c-moteur-general__critere {
        width: 100%;
        border-right: 0;
        border-bottom: 1px #ddd solid;
        padding: 15px 0
    }

    .c-moteur-general__critere__text {
        width: 100%
    }

    .c-moteur-general__critere__text span {
        flex: 1;
        text-align: left;
        font-size: 1.6rem;
    }

    .u-width--fixed__moteur {
        max-width: 100%
    }

    .c-moteur__criteres {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .c-moteur__criteres-deroule .c-moteur__criteres {
        width: 100%
    }

    .js-moteur__recep-selection {
        position: relative;
        bottom: auto;
        left: auto;
        padding-top: 7px;
    }

    .js-moteur__recep-selection span {
        padding: 6px;
        margin-right: 5px;
    }
}

/* -- 
   SERVICES RAPIDES - LIENS EXTERNES 
   ------------------ */

.l-services-rapides {
    margin: 40px auto
}

.c-services-rapides {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.c-service-rapide {
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.2);
}

.c-service-rapide h2 {
    font-size: 1.8rem;
    font-style: italic;
    padding: 15px 20px;
    line-height: 2.6rem;
    color: #c35d1b
}

.c-service-rapide h2 strong {
    font-size: 2.2rem;
    display: block;
    color: #c35d1b;
    font-style: normal
}

.c-service-rapide h2 strong span {
    color: #c35d1b
}

.c-service-rapide__cover {
    border: 10px #fff solid;
    position: relative;
}

.c-service-rapide__pin {
    position: absolute;
    bottom: 0;
    left: 0
}

.c-service-rapide__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c35d1b;
    opacity: 0;
    transition: all .3s ease
}

.c-service-rapide:hover .c-service-rapide__hover {
    opacity: .7
}

.u-img-100 {
    display: block;
    width: 100%;
}

@media (max-width:60em) {
    .c-service-rapide:nth-child(2) {
        margin: 20px 0
    }

    #zoneLogo {
        margin-bottom: 20px;
    }

    footer .first-line {
        margin-top: 20px;
        background: #fff;
        padding: 25px 25px 0 25px;
    }
}

@media (min-width:60em) {
    .l-services-rapides {
        margin: 100px auto -112px
    }

    .c-services-rapides {
        flex-direction: row
    }

    .c-service-rapide:nth-child(2) {
        margin: 0 20px
    }

    .c-service-rapide {
        width: calc((100% - 40px) / 3);
        transition: all .3s ease
    }

    .c-service-rapide:hover {
        transform: translateY(-20px)
    }

    .c-service-rapide h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }

    .c-service-rapide h2 strong {
        font-size: 2.4rem;
    }

    .l-moteur-general {
        text-align: center;
        margin: 60px 0
    }
}

@media (min-width:75em) {
    .l-services-rapides {
        margin: 100px auto -112px
    }

    .c-services-rapides {
        flex-direction: row
    }

    .c-service-rapide:nth-child(2) {
        margin: 0 40px
    }

    .c-service-rapide {
        width: calc((100% - 80px) / 3);
        transition: all .3s ease
    }

    .c-service-rapide h2 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .c-service-rapide h2 strong {
        font-size: 3.0rem;
    }
}

@media (min-width:85em) {
    .l-services-rapides {
        margin: 100px auto -112px
    }

    .c-services-rapides {
        flex-direction: row
    }

    .c-service-rapide:nth-child(2) {
        margin: 0 60px
    }

    .c-service-rapide {
        width: calc((100% - 120px) / 3);
        transition: all .3s ease
    }
}

/* -- 
   EDITO
   ------------------ */

.l-meduane-edito {
    background: #f8f7f3;
    padding: 40px 0
}

.c-meduane-edito h2 {
    text-align: center;
    margin-bottom: 30px;
}

.c-meduane-edito__split {
    display: flex;
    flex-direction: column;
}

.c-meduane-edito__espaces {
    background: #fff;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin-top: 20px;
}

.c-meduane-edito__espace {
    flex-basis: 100%;
    margin: 0;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    transition: all .3s ease
}

.c-meduane-edito__espace:hover {
    background: #dddddd
}

.c-meduane-edito__espace svg {
    display: block;
    margin: 0 auto 15px;
    transition: all .3s ease
}

.c-meduane-edito__espace:hover svg {
    transform: translateY(-5px) scale(1.05)
}

.c-meduane-edito__label {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    color: #3f3e3e;
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 500
}

.c-meduane-edito__precision {
    color: #3f3e3e;
    font-size: 1.5rem;
    font-weight: 500
}

.c-meduane-edito__label strong {
    color: #c35d1b
}

.c-meduane-edito__presentation {
    text-align: center;
}

.c-meduane-edito__presentation p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 15px;
    text-align: center;
}

.c-meduane-edito__presentation a {
    display: inline-block;
    background: #3f3e3e;
    color: #fff;
    padding: 10px;
    transition: all .3s ease
}

.c-meduane-edito__presentation a:hover {
    background: #c35d1b;
    padding-right: 20px
}

.c-meduane-edito__presentation a .svg__m-arrow {
    width: 14px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    transition: all .3s ease;
}

.c-meduane-edito__presentation a:hover .svg__m-arrow {
    transform: translateX(10px);
}

.c-meduane-edito__presentation a .svg__m-arrow .st0 {
    fill: #fff
}

@media (min-width:30em) {
    .c-meduane-edito__espace {
        flex-basis: 50%;
    }
}

@media (min-width:60em) {
    .l-meduane-edito {
        padding: 220px 0 100px
    }

    .c-meduane-edito h2 {
        width: calc((100% - 120px) / 3);
        text-align: right;
        margin-bottom: 50px;
    }

    .c-meduane-edito__split {
        display: flex;
        flex-direction: row
    }

    .c-meduane-edito__presentation {
        width: calc((100% - 120px) / 3)
    }

    .c-meduane-edito__presentation,
    .c-meduane-edito__presentation p {
        text-align: right;
    }

    .c-meduane-edito__espaces {
        margin-top: 0;
        margin-left: 60px;
        background: #fff;
        width: calc(((100% - 120px) / 3) * 2 + 60px);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px
    }

    .c-meduane-edito__espace {
        flex-basis: 50%;
        margin: 0;
        padding: 20px;
        text-align: center;
        display: flex;
        flex-direction: column;
        transition: all .3s ease
    }

    .c-meduane-edito__label {
        font-size: 2.4rem;
        line-height: 3.0rem;
    }

    .c-meduane-edito__precision {
        font-size: 1.8rem;
    }
}

@media (min-width:75em) {
    .c-meduane-edito__label {
        font-size: 3.0rem;
        line-height: 3.8rem;
    }
}

/* -- 
   ACTUALITES
   ------------------ */

.u-fond-strie__bleu {
    background: url(../img/squelette/bg-actualite.gif) !important;
}

.u-fond-strie__noir {
    background: url(../img/squelette/bg-actualite-noir.gif);
}

.l-meduane-actualites {
    padding: 20px 20px 60px;
    margin-bottom: 40px
}

.c-meduane-actualites__entete {
    margin-bottom: 20px
}

.c-meduane-actualites__entete h2 {
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px #fff solid;
    font-size: 2.2rem;
    line-height: 3.6rem;
    text-align: center;
    font-weight: 700
}

.c-meduane-actualites__entete h2 strong {
    font-size: 3.2rem;
}

.c-meduane-actualites__entete p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 400
}

.c-meduane-actualites__entete a {
    color: #3f3e3e;
    font-weight: 700;
    transition: all .3s ease
}

.c-meduane-actualites__entete a:hover {
    color: #fff;
}

.c-meduane-actualites__entete a .svg__m-arrow {
    width: 14px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    transition: all .3s ease
}

.c-meduane-actualites__entete a:hover .svg__m-arrow {
    transform: translateX(10px)
}

.c-meduane-actualites__entete a .svg__m-arrow .st0 {
    fill: #3f3e3e;
    transition: all .3s ease
}

.c-meduane-actualites__entete a:hover .svg__m-arrow .st0 {
    fill: #fff;
}

.c-meduane-actualites__slider {
    position: relative;
}

.c-meduane-actualites__cover {
    border: 5px #fff solid;
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.4)
}

.c-meduane-actualites__article {
    position: relative;
    display: block;
    color: #3f3e3e
}

.c-meduane-actualites__corps {
    background: #fff;
    padding: 20px;
}

.c-meduane-actualites__corps h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    border-bottom: 1px #c35d1b solid;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.c-meduane-actualites__corps p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.0rem;
    padding-bottom: 30px;
}

.c-meduane-actualites__article h3 {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #3f3e3e;
    color: #fff;
    font-size: 1.6rem;
    font-style: italic;
    padding: 10px 15px;
}

.c-meduane-actualites__nav {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -40px;
    left: 50%;
    font-weight: 700;
    margin-left: -54px
}

.c-meduane-actualites__nav svg {
    width: 14px;
    height: 10px
}

.c-meduane-actualites__nav span {
    display: inline-block;
}

.c-meduane-actualites__nav span.u-nb {
    display: block;
    width: 80px;
    text-align: center;
}

.s-actualites__landing .l-main-landing {
    padding-top: 0;
    background: transparent;
}

.s-actualites__landing .l-actu__page {
    margin-top: 80px;
}

.c-programme__titre.c-actualites__landing {
    padding-bottom: 140px;
    margin-bottom: 0
}

/* visuels humains */
.u-fond-strie__noir.c-cover__1,
.u-fond-strie__bleu.c-cover__1 {
    background: url(../img/humains/location.jpg) no-repeat center center !important;
    background-size: 100% auto;
    padding: 80px 40px;
}

.u-fond-strie__noir.c-cover__2,
.u-fond-strie__bleu.c-cover__2 {
    background: url(../img/humains/vente.jpg) no-repeat center center !important;
    background-size: 100% auto;
    padding: 80px 40px;
}

.u-fond-strie__noir.c-cover__3,
.u-fond-strie__bleu.c-cover__3 {
    background: url(../img/humains/parking.jpg) no-repeat center center !important;
    background-size: 100% auto;
    padding: 80px 40px;
}

.c-actu__content-dernieres {
    display: flex;
    flex-direction: column
}

.c-actu__content-dernieres .e-zoom-img-hover__content {
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.4);
    border: 5px #fff solid;
}

.c-actu__content-dernieres a img {
    display: block;
    width: 100%;
}

.c-actu__content-dernieres .c-actu__date {
    background: #3f3e3e;
    color: #fff;
    font-size: 1.6rem;
    font-style: italic;
    padding: 10px 15px;
}

.c-actu__listing .u-h2-decoration-center {
    margin: 40px 0
}

.c-actu__liste a {
    display: flex;
    flex-flow: column;
    align-items: center;
    background: #dddddd;
    border-radius: 4px;
    margin-bottom: 15px;
    text-align: left;
    padding: 20px;
    font-size: 1.7rem;
    line-height: 2.4rem;
    color: #c35d1b;
    font-weight: 600;
    transition: all .3s ease
}

.c-actu__liste a .c-actu__date {
    background: #ddd;
    font-weight: 300;
    font-size: 1.5rem;
    width: 130px;
    text-align: center
}

.c-actu__liste a .c-actu__condensed {
    flex: 1;
}

.c-actu__liste a:hover {
    background: #c35d1b;
    color: #fff;
}

.c-actu__liste a:hover .c-actu__date {
    color: #c35d1b
}

.l-actu__zone2 {
    background: #fff;
    position: relative;
    z-index: 101;
    padding: 40px;
    color: #c35d1b;
    transition: all .3s ease;
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    width: calc(100% + 2px);
    transform: translateX(-1px);
}

.l-actu__zone2 h3 {
    font-weight: 600;
    font-size: 2.4rem;
    margin-bottom: 10px;
    line-height: 3.2rem;
    color: #c35d1b;
}

.c-actu__content-dernieres .c-actu__date {
    opacity: 1;
}

.c-actu__content-dernieres a {
    margin-bottom: 40px
}

/* -- variante appels d'offre -- */
.c-ao__liste a .c-actu__date {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-ao__liste a .c-actu__date .svg__doc-gc {
    width: 28px;
    height: 35px;
    margin-right: 10px;
}

.c-actu__content-dernieres a.c-ao__link {
    display: block;
    flex-basis: 100%;
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.4);
    border: 5px #fff solid;
    margin: 0 20px 40px;
    text-align: center;
    padding: 20px;
    font-size: 2.2rem;
    line-height: 1.4;
    color: #fff;
    transition: all .3s ease
}

.c-actu__content-dernieres a.c-ao__link svg {
    display: block;
    margin: 0 auto 30px
}

.c-actu__content-dernieres a.c-ao__link .st1 {
    fill: #fff
}

@media (max-width:40em) {
    .c-actu__liste a span:first-child {
        padding-bottom: 20px;
    }
}

@media (min-width:40em) {
    .l-meduane-actualites {
        padding: 40px 40px 60px
    }

    .c-actu__liste a {
        flex-flow: row wrap
    }

    .c-actu__liste a .c-actu__date {
        margin-left: 40px
    }
}

@media (min-width:60em) {
    .cycle-slide.c-meduane-actualites__article {
        width: 100%
    }

    .c-programme__titre.c-actualites__landing {
        padding-bottom: 200px;
    }

    .c-actu__content-dernieres a.c-ao__link {
        padding: 60px;
        font-size: 3.0rem;
        margin-bottom: 100px
    }

    .c-actu__content-dernieres a.c-ao__link:hover {
        transform: translateY(-10px)
    }

    .c-actu__listing .u-h2-decoration-center {
        margin: 80px 0 40px
    }

    .c-actu__content-dernieres {
        flex-flow: row wrap;
        justify-content: space-between
    }

    .c-actu__content-dernieres a {
        flex-basis: 46%;
        margin-bottom: 0;
        position: relative;
    }

    .c-actu__content-dernieres .c-actu__date {
        position: absolute;
        top: 35px;
        right: -40px;
        z-index: 102;
    }

    .l-actu__zone2 {
        width: 80%;
        margin: -100px 0 0 -50px;
        border: none;
    }

    .c-actu__content-dernieres a:hover .l-actu__zone2 {
        transform: translateY(-10px)
    }
}

@media (min-width:75em) {
    .l-meduane-actualites {
        padding: 80px 0 60px
    }

    .c-meduane-actualites {
        display: flex;
    }

    .c-meduane-actualites__entete,
    .c-meduane-actualites__articles {
        width: 37.5%
    }

    .c-meduane-actualites__entete {
        padding-left: calc(36% - 300px);
        padding-right: 40px
    }

    .c-meduane-actualites__entete p {
        padding-right: 50px
    }

    .c-meduane-actualites__articles {
        padding: 0;
        transform: translateX(120px)
    }

    .c-meduane-actualites__corps {
        position: absolute;
        left: -140px;
        bottom: -50px;
        opacity: 0;
        background: #fff;
        padding: 20px;
        width: 250px;
        transition: all 1s ease
    }

    .cycle-slide-active .c-meduane-actualites__corps {
        left: -110px;
        opacity: 1
    }

    .cycle-slide-active.c-meduane-actualites__article h3 {
        opacity: 1;
        top: 60px
    }

    .c-meduane-actualites__article h3,
    .c-actu__content-dernieres .c-actu__date {
        position: absolute;
        right: -55px;
        top: 90px;
        bottom: auto;
        opacity: 0;
        transition: all .6s ease-out
    }

    .c-actu__content-dernieres .c-actu__date {
        opacity: 1;
        top: 35px;
        right: -40px
    }

    .c-meduane-actualites__nav {
        bottom: -40px;
        left: 200px;
        margin-left: 0;
        font-weight: 700
    }

    .c-meduane-actualites__entete h2 {
        text-align: right
    }

    .c-meduane-actualites__entete h2 {
        font-size: 3.4rem;
        line-height: 4.6rem;
    }

    .c-meduane-actualites__entete h2 strong {
        font-size: 4.8rem;
    }

    .c-meduane-actualites__corps h2 {
        font-size: 2.2rem
    }
}

@media (min-width:100em) {
    .c-meduane-actualites__articles {
        padding: 50px 75px;
        transform: translateX(50px);
    }
}

/* -- 
   BIENS DISPONIBLES
   ------------------ */

.l-biens-disponibles {
    margin: 40px auto
}

.c-biens-disponibles--bg .c-biens-disponibles__listing {
    background: #f8f7f3
}

.c-biens-disponibles .u-h2-t2 span,
.u-h2-decoration-center span {
    position: relative;
    display: inline-block;
}

.c-biens-disponibles__listing+.c-biens-disponibles__listing {
    text-align: center;
}

.c-biens-disponibles .u-h2-t2,
.u-h2-decoration-center {
    text-align: center;
    margin-bottom: 30px
}

.c-biens-disponibles--bg .u-h2-t2 {
    margin-bottom: 30px
}

.c-biens-disponibles--bg .c-biens-avantages h2 {
    margin-bottom: 30px
}

.c-biens-disponibles__listing {
    display: flex;
    flex-direction: column
}

.c-bien-disponible,
.c-biens-disponibles__plus,
.c-biens-disponibles__no-parking {
    display: block;
    width: 100%;
    color: #3f3e3e;
    margin-bottom: 20px
}

.c-bien-disponible {
    background: #fff;
    box-shadow: 0px 0px 46px 9px rgba(68, 68, 68, 0.2);
    transition: all .3s ease
}

.c-bien-disponible__cover {
    position: relative;
}

.c-bien-disponible__type {
    background: #3f3e3e;
    color: #fff;
    padding: 9px 20px 8px;
    font-size: 2.4rem;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0
}

.c-bien-disponible__hover {
    background: #c35d1b;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s ease
}

.c-bien-disponible:hover .c-bien-disponible__hover {
    opacity: .7
}

.c-bien-disponible__details {
    padding: 20px 30px
}

.c-bien-disponible__residence {
    font-size: 1.8rem;
    margin-bottom: 10px;
    font-weight: 700
}

.c-bien-disponible__localisation {
    font-size: 1.6rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.c-bien-disponible svg {
    display: inline-block;
    margin-right: 10px;
}

.c-bien-disponible__budget {
    font-size: 1.5rem;
    color: #c35d1b
}

.c-bien-disponible__budget strong {
    font-weight: 700;
    font-size: 2.2rem
}

.c-biens-disponibles__plus a {
    display: inline-block;
    padding: 0 0 0 15px;
    position: relative;
    color: #3f3e3e;
    font-size: 1.8rem;
    transition: all .3s ease
}

.c-biens-disponibles__plus a strong {
    color: #c35d1b;
}

.c-biens-disponibles__plus a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: #c35d1b
}

.c-biens-disponibles__plus a svg {
    width: 14px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    transition: all .3s ease
}

.c-bien-disponible__voir {
    font-size: 1.8rem;
    color: #c35d1b;
    font-weight: 700;
}

.c-bien-disponible__voir .svg__m-arrow {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 14px;
    height: 10px
}

.c-biens-avantages {
    padding: 60px 20px;
    width: 100%;
}

.c-biens-avantages svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -4px
}

.c-biens-avantages p {
    margin-bottom: 40px;
}

.c-biens-avantages ul {
    background: #fff;
    padding: 40px;
    margin-bottom: 40px;
}

.c-biens-avantages ul li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.c-biens-avantages ul li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c35d1b;
    position: absolute;
    top: 8px;
    left: 0
}

.c-biens-disponibles__no-parking {
    text-align: center;
}

.c-biens-disponibles__no-parking h2 {
    margin: 30px auto 0;
    max-width: 340px;
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media (min-width:35em) {

    .c-mos-articles__txt h2 {
        font-size: 2.4rem;
        line-height: 2.8rem
    }

    .c-mos-articles__article a {
        flex-flow: row wrap;
    }

    .c-mos-articles__img {
        width: 200px;
        margin-right: 15px;
    }

    .c-mos-articles__txt {
        width: calc(100% - 230px);
        margin-top: 0
    }

    .c-mos-articles__h2 h2 {
        font-size: 2.0rem;
        line-height: 3.4rem
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-montserratbig {
        font-size: 2.8rem;
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-corpbig {
        font-size: 3.5rem;
    }

    .c-mos__article__selection-profil {
        padding: 20px;
        font-size: 2.8rem;
    }

    .c-mos__article__selection-profil strong {
        font-size: 3.2rem;
    }

    .c-article__baseline-profil {
        justify-content: flex-start;
        padding-left: 40px;
    }

    .c-article__baseline-profil__text {
        font-size: 2.4rem;
        line-height: 2rem;
        padding: 25px 35px;
    }

    .c-article__baseline-profil svg {
        width: 80px;
        height: 72px;
    }
}

@media (min-width:50em) {
    .l-mos-articles {
        padding-top: 0;
    }

    .c-mos-articles__block {
        margin-bottom: 0;
    }
}

@media (min-width:60em) {
    .c-mos-articles {
        flex-flow: row wrap;
    }

    .c-mos-articles__block {
        flex-basis: 50%;
        padding: 40px;
    }

    .c-mos-articles__article a {
        flex-flow: column;
        text-align: left;
    }

    .c-mos-articles__img {
        width: 80%
    }

    .c-mos-articles__txt {
        width: 100%;
        margin-top: 20px;
    }

    .c-mos-articles__h2 {
        padding: 0
    }

    .c-mos-articles__h2 h2 {
        font-size: 2.5rem;
        line-height: 4.8rem
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-montserratbig {
        font-size: 4.0rem;
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-corpbig {
        font-size: 5.0rem;
        ;
    }

    .c-mos-articles__h2 {
        flex-direction: column;
        justify-content: center
    }

    .c-mos-articles__h2 svg {
        margin-bottom: 30px
    }

    .svg__vie {
        width: 87px;
        height: 80px;
    }

    .c-mos__article__selection-profil {
        padding: 20px 0 45px 80px;
        font-size: 3.2rem;
    }

    .c-mos__article__selection-profil strong {
        font-size: 3.6rem;
    }

    .c-article__baseline-profil {
        padding: 140px 0 40px 40px
    }

    .c-article__baseline-profil__text {
        font-size: 2.8rem;
        line-height: 2.9rem;
    }

    .c-biens-disponibles .u-h2-t2,
    .u-h2-decoration-center {
        margin-bottom: 75px
    }

    .l-resultats__map.c-biens-disponibles .u-h2-t2 {
        margin-bottom: 40px
    }

    .l-biens-disponibles {
        margin: 40px 0
    }

    .s-liste-biens .l-biens-disponibles {
        margin: 20px 0
    }

    .c-biens-disponibles__listing {
        flex-flow: row wrap;
    }

    .c-bien-disponible:hover {
        transform: translateY(-20px)
    }

    .c-bien-disponible,
    .c-biens-disponibles__plus,
    .c-biens-disponibles__no-parking {
        width: calc((100% - 60px) / 3);
        margin-bottom: 30px
    }

    .c-bien-disponible:nth-child(3n+2),
    .c-biens-disponibles__plus:nth-child(3n+2) {
        margin: 0 30px 30px
    }

    .c-biens-disponibles__plus a:hover {
        padding: 0 0 0 25px;
    }

    .c-biens-disponibles__plus a:hover svg {
        transform: translateX(10px)
    }

    .c-biens-disponibles .u-h2-t2 span:before,
    .c-biens-disponibles .u-h2-t2 span:after,
    .u-h2-decoration-center span:before,
    .u-h2-decoration-center span:after {
        content: "";
        display: block;
        width: 150px;
        height: 2px;
        background: #c35d1b;
        position: absolute;
        left: -190px;
        top: 50%;
        margin-top: -1px
    }

    .c-biens-disponibles .u-h2-t2 span:after,
    .u-h2-decoration-center span:after {
        left: auto;
        right: -190px;
    }

    .c-bien-disponible__residence {
        font-size: 1.8rem;
    }

    .c-bien-disponible__localisation {
        font-size: 1.6rem;
    }

    .c-bien-disponible__budget {
        font-size: 1.4rem;
    }

    .c-bien-disponible__budget strong {
        font-size: 2.6rem
    }

    .c-biens-disponibles__plus a {
        font-size: 1.8rem;
    }

    .c-biens-disponibles__no-parking h2 {
        font-size: 2.0rem;
        line-height: 2.6rem
    }

    .c-biens-disponibles--bg .u-h2-t2 {
        margin-bottom: 125px
    }

    .c-biens-disponibles--bg .c-biens-disponibles__listing .c-bien-disponible:first-child,
    .c-biens-disponibles--bg .c-biens-disponibles__listing .c-bien-disponible:nth-child(2),
    .c-biens-disponibles--bg .c-biens-disponibles__listing .c-bien-disponible:nth-child(3) {
        margin-top: -50px;
    }


}

@media (min-width:75em) {
    .c-mos-articles__block {
        padding: 20px;
    }

    .c-article__baseline-profil {
        padding: 160px 0 50px 50px
    }

    .c-article__baseline-profil__text {
        font-size: 3.4rem;
        line-height: 3.6rem;
    }

    .c-biens-disponibles__listing {
        padding: 0 6.25%
    }

    .c-bien-disponible,
    .c-biens-disponibles__plus,
    .c-biens-disponibles__no-parking {
        width: calc((100% - 120px) / 3);
        margin-bottom: 60px
    }

    .c-bien-disponible:nth-child(3n+2),
    .c-biens-disponibles__plus:nth-child(3n+2) {
        margin: 0 60px 60px
    }

    .c-bien-disponible__residence {
        font-size: 2.4rem;
    }

    .c-bien-disponible__localisation {
        font-size: 2.0rem;
    }

    .c-bien-disponible__budget {
        font-size: 1.8rem;
    }

    .c-bien-disponible__budget strong {
        font-size: 3.0rem
    }

    .c-biens-disponibles__plus a {
        font-size: 2.2rem;
    }

    .c-biens-disponibles__no-parking h2 {
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}

@media (min-width:90em) {
    .c-mos-articles__img {
        width: 60%
    }

    .c-mos-articles__h2 h2 {
        font-size: 3.0rem;
        line-height: 4.5rem
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-montserratbig {
        font-size: 4.8rem;
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-corpbig {
        font-size: 6.0rem;
        color: #afc22f;
    }

    .c-mos-articles__article a {
        flex-flow: row wrap;
        align-items: center;
    }

    .c-mos-articles__img {
        width: 200px;
        margin-right: 15px;
    }

    .c-mos-articles__txt {
        width: calc(100% - 230px);
    }

    .c-mos-articles__h2 {
        flex-direction: row;
        justify-content: flex-start
    }

    .c-mos-articles__h2 svg {
        margin-bottom: 0
    }

    .c-mos-articles__block {
        padding: 20px
    }

    .c-article__baseline-profil {
        padding: 170px 0 70px 60px
    }
}

@media (min-width:100em) {
    .c-mos-articles__h2 svg {
        margin: 20px 0 0 40px;
    }

    .c-article__baseline-profil {
        padding: 200px 0 90px 100px
    }
}

@media (min-width:120em) {
    .c-mos-articles__h2 h2 {
        font-size: 3.0rem;
        line-height: 4.5rem
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-montserratbig {
        font-size: 4.8rem;
    }

    .c-mos-articles__h2 span.c-mos-articles__h2-corpbig {
        font-size: 6.0rem;
        color: #afc22f;
    }

    .c-mos-articles__article a {
        flex-flow: row wrap;
    }

    .c-mos-articles__img {
        width: 200px;
        margin-right: 15px;
    }

    .c-mos-articles__txt {
        width: calc(100% - 230px);
    }

    .c-mos-articles__h2 svg {
        margin: 20px 0 0 70px;
    }

    .c-mos-articles__txt h2 {
        font-size: 3.0rem;
        line-height: 3.4rem
    }

    .c-article__baseline-profil {
        padding: 200px 0 90px calc(((100% - 1400px) / 2) + 20px)
    }
}


/* -- 
   PROGRAMME DETAILS
   ------------------ */

.c-programme__titre {
    padding: 20px;
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.c-programme__titre h1 {
    font-size: 2.4rem;
    line-height: 2.8rem;
}

.c-programme__split-infos {
    display: flex;
    flex-flow: row wrap;
}

.l-programme__split-infos {
    border-bottom: 2px #c35d1b dotted;
    padding: 40px 0
}

.l-programme__intro {
    padding: 0 0 40px
}

.c-programme__go-link {
    font-size: 1.6rem;
    display: inline-block;
    margin-top: 20px;
    background: #fff;
    color: #3f3e3e;
    padding: 7px 12px;
    border-radius: 4px;
}

.c-programme__go-link svg,
.u-label-type.js-go-form-candidature svg {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 10px
}

.u-label-type.js-go-form-candidature svg {
    margin-top: 3px
}

.u-label-type.js-go-form-candidature svg .st0 {
    fill: #fff
}

.u-label-type.js-go-form-candidature:hover svg .st0 {
    fill: #c35d1b
}

.c-programme__edito {
    max-width: 90%;
    margin: auto;
    font-weight: 500;
}

@media (min-width:60em) {
    .c-programme__edito {
        max-width: 800px;
        font-size: 2.0rem
    }
}


.s-recrutement .c-programme__titre h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

@media (max-width:40em) {
    .s-recrutement .u-h2-merri select {
        width: 100%;
        display: block;
        margin: 20px 0 0
    }
}

@media (min-width:40em) {
    .s-recrutement .c-programme__titre h1 {
        font-size: 2.0rem;
        line-height: 2.6rem;
    }
}

@media (min-width:60em) {
    .s-recrutement .c-programme__titre h1 {
        font-size: 2.3rem;
        line-height: 2.9rem;
    }
}

@media (min-width:80em) {
    .s-recrutement .c-programme__titre h1 {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }
}

.c-programme__cover {
    width: 100%;
}

.c-programme__cover__inside {
    position: relative;
}

.c-programme__intro {
    width: 100%;
    padding: 0;
}

.c-programme__intro h1 {
    font-size: 3.0rem;
    line-height: 3.6rem;
    margin-bottom: 30px;
    font-weight: bold;
    position: relative;
}

.s-main__bien .c-programme__intro h1 {
    padding-top: 40px;
}

.c-programme__ref {
    font-size: 1.5rem;
    font-style: italic;
    margin-bottom: 30px
}

.c-programme__intro h1:before {
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    background: #c35d1b;
    position: absolute;
    top: -60px;
    left: 0
}

.s-main__bien .c-programme__intro h1:before {
    top: 0
}

.c-programme__precision {
    display: block;
    font-size: 2.6rem;
    font-weight: normal;
    font-style: italic
}

.s-main__bien .c-programme__precision {
    font-size: 2.4rem;
}

.c-programme__intro h2 {
    font-size: 2.4rem;
    color: #c35d1b;
    margin-bottom: 20px
}

.c-programme__intro h2 svg {
    margin-right: 12px
}

.c-programme__intro p,
.c-programme__descriptif p {
    max-width: 100%;
    padding: 20px;
    background: #f7f7f3;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.c-programme__adresse p {
    background: #3f3e3e;
    color: #fff;
}

.c-programme__parent {
    padding: 40px 0 20px;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.c-programme__parent h2 {
    font-size: 2.4rem;
}

.c-programme__parent__lien {
    display: inline-block;
    padding: 15px;
    background: #c35d1b;
    color: #fff;
    border-radius: 4px;
    transition: all .3s ease
}

.c-programme__parent__lien:hover {
    background: #3f3e3e
}

.c-programme__parent__lien svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.c-programme__parent__lien .st0 {
    transition: all .3s ease
}

.c-programme__parent__lien:hover .st0 {
    fill: #fff
}

.c-programme__col100,
.c-programme__col30,
.c-programme__col40,
.c-programme__col50,
.c-programme__col60,
.c-programme__col70 {
    width: 100%
}

.c-programme__cover__wide .c-programme__diaporama {
    width: calc(100% + 100px);
    transform: translateX(-100px)
}

.c-programme__diaporama {
    position: relative;
}

.c-programme__conditions {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.c-programme__conditions ul {
    background: #dddddd;
    color: #3f3e3e;
    padding: 20px;
    margin-bottom: 20px;
}

.c-programme__conditions li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.c-programme__conditions li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c35d1b;
    position: absolute;
    top: 8px;
    left: 0
}

.c-programme__selection {
    position: absolute;
    bottom: -30px;
    right: 60px;
}

.c-programme__selection .svg__m-coeur {
    width: 26px;
    height: 23px
}

.c-programme__selection .c-panel-tools__icon {
    top: auto;
    left: auto;
    position: relative;
    border: 1px #ddd solid;
    width: 60px;
    height: 60px;
}

.c-programme__diaporama__bigs img {
    width: 100%;
    display: block;
    position: relative;
}

.c-programme__diaporama__min {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 101
}

.c-programme__diaporama__min img {
    cursor: pointer;
    width: 10%;
    display: block;
    align-self: center;
    margin-left: 10px;
    border: 2px #fff solid;
}

.c-programme-technique__energie {
    width: 100%;
    margin-top: 80px;
    padding-top: 80px;
    border-top: 2px #c35d1b dotted;
}

.l-programme-logements {
    margin-bottom: 40px
}

.c-programme__normes {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f3;
    padding: 20px;
}

.c-programme__graph {
    width: 100%;
    padding-bottom: 40px
}

.c-programme__graph h3 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.c-graph {
    display: flex;
}

.c-graph div {
    padding: 10px;
    font-weight: bold;
    flex: 1;
    text-align: center;
    font-size: 2.4rem;
}

.c-graph__lettre--A {
    background: #61983e;
    color: #fff
}

.c-graph__lettre--B {
    background: #7bca44;
    color: #fff
}

.c-graph__lettre--C {
    background: #dbfd4e;
    color: #3f3e3e
}

.c-graph__lettre--D {
    background: #f6e959;
    color: #3f3e3e
}

.c-graph__lettre--E {
    background: #efca3f;
    color: #3f3e3e
}

.c-graph__lettre--F {
    background: #e49a3f;
    color: #fff
}

.c-graph__lettre--G {
    background: #d72124;
    color: #fff
}

.c-graph__ges .c-graph__lettre--A {
    background: #f4ecfc;
    color: #3f3e3e
}

.c-graph__ges .c-graph__lettre--B {
    background: #dbc5fa;
    color: #3f3e3e
}

.c-graph__ges .c-graph__lettre--C {
    background: #c7acee;
    color: #3f3e3e
}

.c-graph__ges .c-graph__lettre--D {
    background: #bb98ec;
    color: #3f3e3e
}

.c-graph__ges .c-graph__lettre--E {
    background: #a779e5;
    color: #fff
}

.c-graph__ges .c-graph__lettre--F {
    background: #945ae5;
    color: #fff
}

.c-graph__ges .c-graph__lettre--G {
    background: #7738d5;
    color: #fff
}

.c-graph__lettre--select {
    position: relative;
}

.c-graph__lettre--select:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px #3f3e3e solid;
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.c-programme__fiche-technique {
    display: flex;
    align-items: center;
    border: 1px #d1d1d1 solid;
    border-radius: 25px 0 0 25px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #3f3e3e;
    margin: 30px 0 0 60px
}

.c-programme__ico {
    background: #c35d1b;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.c-programme__ico .st0 {
    fill: #fff
}

.c-programme__fiche-technique {
    display: flex;
    align-items: center;
    border: 1px #d1d1d1 solid;
    border-radius: 30px 0 0 30px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #3f3e3e;
    margin: 30px 0 40px;
    transition: all .3s ease
}

.c-programme__fiche-technique:hover {
    background: #c35d1b;
    color: #fff;
}

.c-programme__ico {
    background: #c35d1b;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.c-programme__fiche-technique--contact {
    background: #c35d1b;
    color: #fff;
    border: 0;
    font-size: 2.0rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.c-programme__fiche-technique--contact:hover {
    background: #3f3e3e;
}

.c-programme__fiche-technique--contact .c-programme__ico {
    background: #fff;
}

.c-programme__fiche-technique--contact .c-programme__ico .st0 {
    fill: #3f3e3e;
}

.c-programme__ico .st0 {
    fill: #fff
}

.c-programme__interesse {
    text-align: center;
    padding: 40px 20px;
}

.c-programme__ico .st0 {
    fill: #fff
}

.c-programme-logements {
    display: flex;
    justify-content: space-between
}

.c-programme__localisation iframe {
    margin-bottom: 40px
}

.c-table-logements,
.c-programme__conditions table {
    width: 100%;
}

.c-table-logements td,
.c-programme__conditions td {
    border-bottom: 1px #ccc dotted;
    border-collapse: collapse;
    padding: 15px 10px;
}

.c-table-logements thead td,
.c-programme__conditions thead td {
    background: #3f3e3e;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 15px 10px
}

.c-table-logements td:nth-child(4),
.c-table-logements td:last-child {
    text-align: right;
}

.c-table-logements td:nth-child(2),
.c-table-logements td:nth-child(3) {
    text-align: center;
}

@media (max-width:60em) {
    .u-englob__table {
        display: block;
        overflow-x: scroll;
        width: 100%
    }
}

.c-programme__conditions table {
    margin: 20px 0 30px
}

.c-programme__conditions td {
    border: 1px #ccc dotted;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.c-programme__conditions td p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.c-bien__btn__interesse {
    display: inline-block;
    background: #c35d1b;
    color: #fff;
    border-radius: 6px;
    padding: 7px 8px 4px 8px;
    transition: all .3s ease
}

.c-bien__btn__interesse:hover {
    background: #3f3e3e
}

.c-bien__btn__interesse .st0 {
    fill: #fff
}

.c-bien__btn__interesse svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    top: -2px
}

.c-programme__table-contact {
    width: 200px
}

.c-programme__box-contact {
    background: #c35d1b;
    margin-top: 50px;
    padding: 30px 15px;
    color: #fff
}

.c-programme__box-contact:first-child {
    margin-top: 0
}

.c-programme__box-contact .u-titre-standard__bleu {
    color: #fff
}

.c-programme__loyer {
    background: #c35d1b;
    padding: 20px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #fff
}

.c-programme__loyer li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.c-programme__loyer li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3f3e3e;
    position: absolute;
    top: 8px;
    left: 0
}

.c-programme__titre h1 {
    color: #fff
}

@media (max-width:60em) {
    .c-programme__cover {
        margin-bottom: 40px
    }
}

@media (max-width:75em) {
    .c-programme__col50:first-child {
        margin-bottom: 40px
    }

    h2 {
        font-size: 22px !important;
    }

    .actu {
        padding: 20px 0 20px 0 !important;
    }
}

@media (min-width:60em) {
    .c-programme__normes {
        flex-flow: row wrap;
        padding: 40px;
    }

    .c-programme__graph {
        width: 46%;
        padding-bottom: 0
    }

    .c-programme__graph h3 {
        text-align: left;
    }

    .c-programme__fiche-technique {
        margin: 30px 60px;
    }

    .c-programme__fiche-technique--contact {
        margin: 30px auto
    }

    .c-programme__titre {
        margin-bottom: 60px;
    }

    .c-programme__titre h1 {
        font-size: 2.3rem;
        line-height: 3.0rem;
    }

    .c-programme__interesse {
        padding: 60px
    }

    .c-programme__fiche-technique--contact {
        font-size: 2.4rem;
        width: 350px
    }
}

@media (min-width:75em) {
    .c-programme__split-infos {
        display: flex;
        justify-content: space-between;
    }

    .c-programme__cover {
        width: 60%
    }

    .c-programme__intro {
        width: 40%
    }

    .c-programme__col100 {
        width: 100%
    }

    .c-programme__col30 {
        width: 30%
    }

    .c-programme__col40 {
        width: 40%
    }

    .c-programme__col50 {
        width: 47%
    }

    .c-programme__col60 {
        width: 55%
    }

    .c-programme__col70 {
        width: 65%
    }

    .c-programme__titre {
        padding: 60px;
    }

    .c-programme__intro {
        padding: 0 60px 0;
    }

    .l-programme__intro {
        padding: 0 0 80px
    }

    .l-programme__split-infos {
        padding: 40px 20px
    }

    .c-programme__titre {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .c-programme__parent {
        font-size: 2.4rem;
        line-height: 3.0rem
    }

    .c-programme__intro h1 {
        font-size: 4.0rem;
        line-height: 4.6rem;
    }

    .s-main__bien .c-programme__precision {
        font-size: 3.2rem;
    }

    .c-programme__intro p,
    .c-programme__descriptif p,
    .c-programme__loyer {
        padding: 30px
    }

    .c-programme__conditions ul {
        padding: 40px
    }

    .c-programme__box-contact {
        padding: 40px 30px 30px;
    }

    .c-programme__fiche-technique {
        margin: 30px 60px 0;
    }

    .c-programme__fiche-technique--contact {
        margin: 30px auto
    }

    .c-programme__titre h1 {
        font-size: 2.7rem;
        line-height: 3.6rem;
    }

    .c-programme__fiche-technique--contact {
        font-size: 2.6rem;
    }
}

@media (min-width:80em) {
    .l-programme__split-infos {
        padding: 80px 60px
    }

    .c-programme__fiche-technique--contact {
        font-size: 3.0rem;
    }
}

@media (min-width:60em) and (max-width:75em) {
    .c-programme__cover {
        margin-bottom: 40px;
    }
}

@media (min-width:75em) and (max-width:95em) {
    .c-programme__graph {
        width: 100%;
        padding-bottom: 40px;
    }

    .c-programme__intro {
        padding-right: 0
    }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- EMPLOI ++ CANDIDATURE SPONTANEE -- */

.c-recrutement__spontanee {
    padding: 20px 0;
    margin-top: 40px
}

.c-recrutement__spontanee .c-box-content p,
.c-recrutement__spontanee .c-extras__small-text {
    padding: 20px
}

.c-biens-disponibles--bg .c-recrutement__spontanee .u-h2-t2 {
    margin-bottom: 10px
}

.c-recrutement__spontanee .u-standard__form {
    background: transparent;
    margin-top: 20px;
    padding: 30px 15px
}

.c-poste__intitule {
    font-size: 2.0rem;
    line-height: 2.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.c-poste__contrat,
.c-poste__publication {
    border-top: 1px #ddd solid;
    padding: 10px 0;
}

.c-poste__publication {
    font-style: italic;
    margin-bottom: 20px;
}

.c-poste__details {
    background: #c35d1b;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
    color: #fff;
    transition: all .3s ease
}

.c-poste__details svg {
    margin-left: 15px;
    transition: all .3s ease;
    display: none;
}

.c-poste__details svg .st0 {
    fill: #fff
}

a:hover .c-poste__details {
    background: #3f3e3e
}

a:hover .c-poste__details svg {
    transform: translateX(10px);
}

.c-recrutement__annonce {
    margin: 40px 0 0;
    background: #f8f7f3
}

.c-recrutement__annonce__text {
    border: 1px #ddd solid;
    border-left: 0;
    border-right: 0;
    background: #fff;
    padding: 20px 0;
    max-width: 960px;
    margin: auto;
}

.c-recrutement__annonce ul {
    background: #dddddd;
    margin: 25px 0;
    padding: 15px 15px 15px 30px
}

.c-recrutement__annonce ul ul {
    padding: 0 10px 10px 20px
}

.c-recrutement__annonce ul ul li {
    list-style: none;
    position: relative
}

.c-recrutement__annonce ul ul li:before {
    content: "\2192";
    display: inline-block;
    margin-right: 15px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: -25px
}

.c-recrutement__annonce p {
    margin-bottom: 20px
}

@media (min-width:35em) {
    .c-poste__details svg {
        display: inline-block;
    }
}

@media (min-width:60em) {
    .c-poste__details {
        font-size: 1.8rem;
        padding: 15px
    }

    .c-recrutement__spontanee {
        padding: 30px 40px;
        margin-top: 60px
    }

    .c-biens-disponibles--bg .c-recrutement__spontanee .u-h2-t2 {
        margin-bottom: 40px
    }

    .c-recrutement__annonce {
        margin: 90px 0 60px;
    }

    .c-recrutement__annonce__text {
        border: 1px #ddd solid;
        padding: 30px;
        transform: translateY(-60px);
    }

    .c-recrutement__annonce ul {
        padding: 25px 15px 15px 40px
    }

    .c-recrutement__spontanee {
        padding: 20px;
    }

    .c-biens-disponibles--bg .c-recrutement__spontanee .u-h2-t2 {
        margin-bottom: 20px
    }

    .c-recrutement__spontanee .u-standard__form {
        margin-top: 30px;
        padding: 30px 20px
    }
}

@media (min-width:75em) {
    .c-poste__intitule {
        font-size: 2.3rem;
        line-height: 2.9rem;
    }

    .c-poste__details {
        font-size: 2.0rem;
    }

    .c-recrutement__spontanee {
        padding: 40px 60px;
        margin-top: 80px
    }

    .c-biens-disponibles--bg .c-recrutement__spontanee .u-h2-t2 {
        margin-bottom: 50px
    }

    .c-recrutement__annonce__text {
        padding: 40px;
    }

    .c-recrutement__spontanee .u-standard__form {
        padding: 30px
    }
}

@media (min-width:85em) {
    .c-poste__intitule {
        font-size: 2.3rem;
        line-height: 2.9rem;
    }

    .c-poste__details {
        font-size: 2.0rem;
        padding: 20px
    }

    .c-recrutement__spontanee {
        padding: 40px;
    }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- CARTES SVG INTERACTIVES -- */

.c-carte__svg {
    background: #dddddd;
    margin-top: 40px;
    border: 2px #3f3e3e dotted
}

.c-carte__svg {
    position: relative;
}

.c-carte__svg__textes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.c-carte__svg__vector {
    width: 100%;
}

.c-carte__head {
    position: absolute;
    top: -54px;
    left: 50%;
    width: 450px;
    margin-left: -200px;
    border: 2px #3f3e3e solid;
    text-align: center;
}

.c-carte__head h2 {
    font-size: 2.8rem;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
}

.c-carte__head h3 {
    font-size: 1.8rem;
    padding: 15px;
    border-top: 2px #3f3e3e dotted;
    background: rgba(238, 238, 238, 0.8)
}

@media (max-width:60em) {
    .c-carte__svg--zone {
        display: none;
    }

    .c-carte__head {
        position: relative;
        top: auto;
        left: auto;
        margin: 20px;
        width: calc(100% - 40px)
    }

    .c-carte__head h3 {
        display: none;
    }
}

/* -- styles carte -- */
.svg__carte .c-dpt-has-programmes {
    fill: #c35d1b;
    cursor: pointer;
    transition: all .3s ease
}

.svg__carte .c-dpt-hors-agglo {
    fill: #65dbb8;
}

.svg__carte .c-dpt-var-laval {
    fill: rgb(85, 151, 187);
}

.svg__carte .c-dpt-has-programmes:hover {
    fill: #fbf05a;
}

.svg__carte .c-dpt-0-programme {
    fill: #CED6D8;
}

.svg__carte .st2,
.svg__carte .st3 {
    fill: #c35d1b;
}

.svg__carte .c-dpt-laval-full {
    fill: #fbf05a;
    cursor: pointer;
}

.svg__carte .triggerOver {
    fill: #fbf05a
}

span.u-legende-carte {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 3px;
}

span.u-legende-carte-la {
    background: #c35d1b;
}

span.u-legende-carte-hors-la {
    background: #65dbb8;
}

.c-carte__head__subtitle {
    margin-left: 20px;
    display: inline-block;
}

.c-carte__fallback-mobile {
    width: 96%;
    margin: 0 auto 20px;
    display: none;
}

.c-carte-fallback__commune {
    transition: all .3s ease;
    display: flex;
    background: #fff;
    color: #3f3e3e;
    padding: 15px;
    font-size: 1.8rem;
    border: 1px #3f3e3e dotted
}

.c-carte-fallback__commune:hover {
    background: #c35d1b;
    color: #fff
}

.c-carte-fallback__name {
    font-weight: bold;
    font-size: 2.0rem;
    flex: 1
}

.c-carte-fallback__programme {
    font-style: italic;
    width: 200px;
    text-align: right;
}

.c-carte__split {
    display: flex;
    justify-content: space-between;
    margin-top: 60px
}

.c-carte__split .c-carte__svg {
    flex-basis: calc((100% - 40px) / 2)
}

@media (max-width:60em) {
    .c-carte__fallback-mobile {
        display: block;
    }

    .c-carte__split {
        flex-direction: column;
        margin-top: 0;
    }

    .c-carte__split .c-carte__svg {
        flex-basis: 100%
    }
}

/* ###################################################### */

/* ------------------------------------------------------ */
/* -- LANDING PAGE CONTENU -- */


.c-contenu-standard {
    max-width: 1000px;
    margin: auto;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.c-contenu__titre-page {
    padding: 30px 60px;
    color: #c35d1b;
    font-size: 3.2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.c-article__cover {
    position: relative;
    
}

.c-article__content-image {
    max-height: 195px;
    overflow: hidden;
}

.c-article__cover img {
    display: block;
    width: 100%;
}

.c-article__baseline {
    color: #c35d1b;
}

.c-article__baseline h1 {
    font-size: 2.4rem;
    line-height: normal !important;
    padding: 15px;
    color: #c35d1b;
    text-transform: uppercase;
}

.c-article__baseline--dates h1 {
    padding: 0 20px 0 0;
    line-height: 2.0rem
}

.c-article__baseline--dates .c-dates__date {
    margin: 0;
    padding-left: 0;
    padding-right: 20px;
}

.c-article__share {
    z-index: 10;
    background: #c35d1b;
    padding: 15px 22px;
}

.c-article__share:after {
    content: "";
    display: none;
    border-top: 8px #c35d1b solid;
    border-left: 8px transparent solid;
    border-right: 8px transparent solid;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}

.c-article__share-icons {
    display: flex;
    flex-flow: row wrap;
}

.c-article__share h2 {
    display: none;
    position: absolute;
    bottom: -30px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #c35d1b;
    font-size: 1.5rem;
    font-weight: 400
}

.c-article__share-icons a {
    flex-basis: 30px;
    padding: 5px;
    display: block;
    border: 1px #9acee1 solid;
    margin: 0 5px;
    line-height: 0;
    border-radius: 50%;
    transition: all .3s ease
}

.c-article__share-icons a:hover {
    background: #9acee1
}

.c-article__share-icons a svg {
    width: 25px;
    height: 25px;
}

.c-article__share-icons a:first-child {
    margin-left: 0
}

.c-article__share-icons a:last-child {
    margin-right: 0
}

/* variantes date agenda */
.c-dates__article {
    margin-bottom: 60px;
    border-bottom: 3px #fff dotted;
    padding-bottom: 80px;
}

.c-dates__titre {
    color: #c35d1b
}


@media (min-width:75em) {
    .c-article__baseline {
        padding-left: 20px
    }

    .c-article__cover {
        background: #c35d1b;
        min-height: 100px;
        /*display:none;*/
    }

    .u-width-fixed__contenu,
    .u-width-fixed__contenu--colonnes {
        position: relative;
        z-index: 10
    }
}

@media (min-width:75em) {
    .c-article__share {
        position: absolute;
        bottom: -30px;
        right: 5%;
        border-radius: 18px;
    }

    .c-article__baseline {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        padding-left: 5%;
    }

    .c-article__baseline {
        max-width: calc(100% - 10% - 270px)
    }

    .c-article__baseline h1 {
        font-size: 3.4rem;
        line-height: 4.2rem;
    }

    .c-article__baseline--dates h1 {
        padding: 0;
        line-height: 2.0rem
    }

    .c-article__share h2,
    .c-article__share:after {
        display: block;
    }
}

@media (min-width:100em) {
    .c-dates__titre {
        margin-bottom: 30px;
    }

    .c-article__baseline h1 {
        font-size: 3.8rem;
        line-height: 4.0rem;
    }
}

@media (min-width:115em) {
    .c-article__share {
        right: calc((100% - 1000px)/2)
    }

    .c-article__baseline {
        padding-left: calc((100% - 1400px)/2);
    }

    .c-article__baseline {
        max-width: calc(100% - calc((100% - 1000px)/ 2) - 320px)
    }
}


.l-main-landing {
    padding: 25px 0
}

.s-inside__contenu .u-width-fixed__contenu {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: auto;
    padding: 0 !important;
}

.s-inside__contenu .u-width-fixed__contenu.u-width-fixed__galerie {
    display: block;
    padding: 0 250px;
}

.s-inside__contenu #body {
    padding: 25px 15px;
}

.s-extras .l-main-landing {
    padding-top: 80px
}

.c-contenu__titre-page {
    padding: 30px 15px 20px;
    font-size: 2.2rem;
    line-height: 1.5
}

.s-recherche .l-main-landing {
    padding-top: 0
}

.s-agenda {
    background-color: #ecebe3
}

.c-ariane {
    font-weight: 500;
    color: #c35d1b;
    font-size: 1.2rem;
    margin-top: 30px;
    padding: 10px
}

.c-ariane__separateur {
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
}

.c-landing__mosaique {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 200px
}

.c-landing__thematique {
    display: flex;
    flex-direction: column;
    margin: 0 0 4% 0;
    flex-basis: 100%;
    background: #fff;
    padding: 1px;
    text-align: center;
    color: #c35d1b;
}

.c-landing__thematique img {
    display: block;
    width: 100%;
}

.c-landing__thematique h2 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 25px;
    flex: 1
}


@media (min-width:30em) {
    .c-landing__thematique {
        margin: 0 4% 4% 0;
        flex-basis: 48%;
    }

    .c-landing__thematique:nth-child(2n) {
        margin-right: 0
    }

    .c-landing__thematique h2 {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .s-inside__contenu .u-width-fixed__contenu {
        padding: 0 30px;
    }

}

@media (min-width:60em) {
    .c-landing__thematique {
        flex-basis: 31%;
        margin: 0 3.5% 3.5% 0;
    }

    .c-landing__thematique:nth-child(2n) {
        margin-right: 3.5%
    }

    .c-landing__thematique:nth-child(3n) {
        margin-right: 0
    }

    .c-landing__thematique h2 {
        font-size: 2.0rem;
        line-height: 3.0rem
    }

    .c-ariane {
        font-size: 1.4rem;
        padding: 0
    }

    .s-inside__contenu #body {
        padding: 40px;
    }

    .s-inside__contenu .u-width-fixed--extras #body {
        padding: 0;
    }

    .c-contenu__titre-page {
        padding: 40px 40px 30px;
        font-size: 2.4rem;
    }
}

@media (min-width:75em) {
    .c-landing__thematique {
        flex-basis: 28%;
        margin: 0 8% 8% 0;
    }

    .c-landing__thematique:nth-child(2n) {
        margin-right: 8%
    }

    .c-landing__thematique:nth-child(3n) {
        margin-right: 0
    }

    .l-main-landing,
    .gfx__bg-mos-lies {
        padding: 40px 0
    }

    .c-contenu__titre-page {
        font-size: 2.8rem;
    }
}

@media (min-width:85em) {
    .s-inside__contenu #body {
        padding: 60px;
    }

    .c-contenu__titre-page {
        padding: 30px 60px 30px;
        font-size: 3.2rem;
    }

    .s-inside__contenu .u-width-fixed__contenu {
        padding: 0 60px;
    }
}

@media (min-width:120em) {
    .s-inside__contenu .u-width-fixed__contenu {
        padding: 0 250px;
    }
}

/* variations galeries photos */
.c-landing__ico {
    display: block;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.c-landing__ico svg {
    margin: 0 5px
}

.c-landing__ico:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #c35d1b;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    transition: all .6s ease
}

.c-galerie__thematique:hover .c-landing__ico:before {
    background: #fff;
    width: 80px;
    margin-left: -40px
}

.c-galerie__mosaique {
    position: relative;
    z-index: 101;
    padding-bottom: 0
}

.c-galerie__more {
    padding-bottom: 260px;
    text-align: center;
}

.c-galerie__thematique h2 {
    padding: 10px 25px;
}

.c-galerie__entete {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.c-galerie__baseline h1 {
    padding-top: 40px;
    position: relative;
    font-size: 2.0rem;
    line-height: 2.8rem;
    color: #c35d1b;
}

.c-galerie__bllight span {
    font-size: 1.6rem;
}

.c-galerie__blbold {
    font-size: 3.6rem;
    display: block;
}

.c-galerie__entete svg {
    right: -15px;
    top: 15px
}

.c-galerie__entete svg .st0 {
    fill: #c35d1b
}

.c-galerie__entete svg .st1 {
    fill: #c35d1b
}

.c-galerie__baseline {
    background: rgba(255, 255, 255, 0.6);
    padding: 15px 20px 20px;
}

.c-galerie__filtres {
    text-align: center;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.c-galerie__filtre {
    background: #fff;
    margin: 1px;
    padding: 10px 20px 15px 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.u-skin__select {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.u-skin__select select {
    margin-left: 10px;
    border: none;
    border-bottom: 3px #c35d1b dotted;
    font-size: 2.2rem;
    color: #c35d1b;
    padding: 5px 40px 5px 0;
    font-weight: 600;
}

/*remplacement fleche deroulante*/
.u-skin__select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath fill='%23111' d='M15 1.64L13.33 0 7.5 5.73 1.67 0 0 1.64l5.83 5.72L7.5 9l1.67-1.64z'/%3E%3C/svg%3E"),
        linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .0em top 50%, 0 0;
    background-size: .7em auto, 100%;
}

.u-skin__select .svg__coeur {
    position: relative;
    top: -6px;
}

.c-galerie__thematique svg,
.c-galerie__nb {
    display: inline-block;
    vertical-align: middle
}

.c-galerie__nb {
    padding-top: 3px;
    font-size: 1.4rem;
    letter-spacing: 0.2rem
}

@media (min-width:50em) {
    .c-galerie__baseline h1 {
        font-size: 2.4rem;
        line-height: 3.2rem;
        padding-left: 0
    }

    .c-galerie__bllight span {
        font-size: 1.8rem;
    }

    .c-galerie__blbold {
        font-size: 3.6rem;
    }

    .c-galerie__baseline {
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        z-index: 5;
    }

    .c-galerie__entete svg {
        right: -45px;
        top: 5px
    }
}

@media (min-width:60em) {
    .c-galerie__baseline {
        top: 95px
    }
}

@media (min-width:80em) {
    .s-inside__galerie header {
        height: auto;
    }

    .c-galerie__baseline {
        width: 53%;
        position: absolute;
        left: 0;
        min-height: auto
    }

    .c-galerie__filtres {
        margin: 40px auto -70px
    }
}

@media (min-width:90em) {
    .c-galerie__baseline h1 {
        font-size: 4.6rem;
        line-height: 3.8rem;
        padding-left: 0
    }

    .c-galerie__bllight span {
        font-size: 3.0rem;
    }

    .c-galerie__blbold {
        font-size: 6.0rem;
    }

    .c-galerie__baseline {
        padding: 30px;
        left: calc(((100% - 1400px) / 2) + 10%);
    }

    .c-galerie__entete {
        justify-content: center;
    }
}

/*@media (min-width:100em){
  .c-galerie__mosaique{margin-top:-100px}
}*/
@media (min-width:115em) {
    .c-galerie__baseline {
        padding-top: 120px;
        left: calc((100% - 1400px) / 2)
    }
}

@media (min-width:130em) {
    .c-galerie__entete {
        padding-bottom: 40px;
    }
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- CONTENU PAGE -- */

/* insertion colonne gauche avec menu sous pages */

.c-contenu__aside {
    order: 1
}

/*.c-contenu__colonnes .c-contenu__article{order:0;flex:1}*/
.c-contenu__sous-pages {
    margin-top: 40px;
    padding: 20px;
    border-radius: 0;
}

.c-contenu__sous-pages li {
    list-style: none;
    border-bottom: 1px #666 dotted
}

.c-contenu__sous-pages--link {
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #3f3e3e;
    position: relative;
}

.c-contenu__sous-pages--link-actif {
    color: #3f3e3e;
    background: #fff;
    font-weight: 600
}

.c-contenu__retour-parent .c-contenu__sous-pages--link {
    font-size: 2.0rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #c35d1b
}

.c-contenu__sous-pages--link svg {
    width: 14px;
    height: 10px;
    margin-right: 10px;
}

.c-contenu__sous-pages--link:hover svg .st0 {
    fill: #fff
}

.s-extras h2 {
    color: #c35d1b
}

.s-extras h2.u-h2-decoration-center {
    color: #3f3e3e;
    margin: 50px 0 30px
}

.s-extras h2.c-recherche__nb-resultats {
    font-size: 2.0rem;
    line-height: 1.6;
    text-align: center;
    color: #3f3e3e;
    margin: 50px 0;
    padding: 30px 0;
    border-top: 1px #c35d1b dotted;
    border-bottom: 1px #c35d1b dotted
}

.s-extras h2.c-recherche__nb-resultats strong {
    color: #c35d1b
}

.s-recherche .c-contenu__article--sans-sous-pages {
    margin-right: 0px
}

/* rétablissement colonne à gauche */
.c-contenu__article--sans-sous-pages,
.c-contenu__colonnes .c-contenu__article {
    flex: initial;
    width: 100%;
}

.u-width-fixed--extras .c-contenu__article--sans-sous-pages {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    margin: 0
}

@media (min-width:60em) {
    .u-width-fixed--extras .c-contenu__article--sans-sous-pages {
        width: 94%;
        padding: 0 20px;
        margin: auto;
        margin: 0
    }
}

.u-width-fixed--extras .c-contenu__article--sans-sous-pages .c-contenu__titre-page {
    padding: 20px;
    margin: 20px 0
}

.c-contenu__menu-aside {
    width: 100%;
}

.c-contenu__menu-aside ul {
    background: #fff;
    margin-bottom: 20px;
}

.c-contenu__menu-aside ul.dev {
    background: #c35d1b;
    margin-left: 30px;
    margin-right: 20px;
}

.c-contenu__menu-aside ul.dev li a {
    background: #fff;
}

.c-contenu__menu-aside ul.dev li a:hover,
.c-contenu__menu-aside ul.dev li a.actif {
    background: #c35d1b;
    color: #fff
}

.c-contenu__menu-aside ul li {
    list-style: none
}

.c-contenu__menu-aside ul li a {
    display: block;
    padding: 10px;
    color: #c35d1b;
    transition: all .3s ease;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.c-contenu__menu-aside ul li a:hover,
.c-contenu__menu-aside ul li a.actif {
    background: #c35d1b;
    color: #fff;
}

.c-contenu__menu__suite a {
    display: block;
    box-sizing: border-box;
    transition: all .3s ease
}

.c-contenu__menu__suite a.c-contenu__actualite {
    background: #c35d1b;
    padding: 10px;
    color: #ffff;
    margin: 0;
    box-sizing: border-box;
}

.c-contenu__menu__suite a.c-contenu__actualite h3 {
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 15px 10px 10px;
}

.c-contenu__menu__suite a.c-contenu__lien-question {
    color: #fff;
    text-align: center;
    padding: 40px;
    background: #71a3d3;
}

.c-contenu__menu__suite a.c-contenu__lien-question:hover {
    background: #c35d1b;
}

.c-contenu__menu__suite a.c-contenu__lien-question h2 {
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
}

.c-contenu__menu__suite a.c-contenu__lien-question h3 {
    font-size: 28px
}

@media (min-width:60em) {
    .c-contenu__sous-pages--link {
        text-align: left;
    }

    .s-extras h2.c-recherche__nb-resultats {
        font-size: 2.3rem;
    }

    .c-contenu__article--sans-sous-pages,
    .c-contenu__colonnes .c-contenu__article {
        width: 75%;
    }

    .c-contenu__menu-aside {
        width: 25%;
        padding: 20px;
    }

    .u-width-fixed--extras .c-contenu__article--sans-sous-pages .c-contenu__titre-page {
        padding: 30px;
        margin: 30px 0
    }
}

@media (min-width:75em) {
    .c-contenu__colonnes {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .c-contenu__sous-pages {
        min-width: 270px;
        margin-top: 0;
    }

    .u-width-fixed--extras .c-contenu__article--sans-sous-pages {
        width: 85%;
        padding: 0 40px;
        margin: auto
    }

    .c-ariane--sans-sous-pages .u-width-fixed {
        padding-left: 100px
    }

    .c-contenu__sous-pages--link {
        font-size: 1.4rem;
        padding: 10px;
        text-align: left;
        transition: all .3s ease
    }

    .c-contenu__sous-pages--link:hover,
    .c-contenu__sous-pages--link-actif {
        background: #c35d1b;
        color: #fff
    }

    .c-contenu__sous-pages--link:hover .st0,
    .c-contenu__sous-pages--link-actif .st0 {
        fill: #fff
    }

    .s-extras h2.c-recherche__nb-resultats {
        font-size: 2.8rem;
    }
}

@media (min-width:85em) {
    .c-contenu__sous-pages--link {
        font-size: 1.5rem
    }

    .c-contenu__sous-pages {
        min-width: 340px;
    }

    .c-ariane--sans-sous-pages .u-width-fixed {
        padding-left: 120px
    }
}

.gfx__bg-mos-lies {
    background: url(../img/contenu/bg-mos-lies.jpg) repeat top left
}

.s-inside__contenu .l-lies {
    margin-top: 100px
}

.c-lies.u-width-fixed__narrow {
    width: 100%
}

.l-lies__infos {
    display: block;
    margin-top: 25px;
}

.c-lies__title {
    padding: 0 40px
}

.c-lies__title h2 {
    color: #c35d1b;
    font-size: 2.4rem;
    line-height: 3.2rem;
}

.c-lies__title-big {
    color: #c35d1b;
    font-size: 3.2rem;
}

.c-lies__title svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.c-lies__coordonnees {
    flex: 1;
    padding: 0 50px;
    line-height: 2.2rem;
}

.c-lies__coordonnees h2 {
    color: #c35d1b;
    font-size: 2.0rem;
    margin-bottom: 10px;
    text-transform: uppercase
}

.c-lies__coordonnees h3 {
    color: #c35d1b;
    font-size: 1.6rem;
    margin-bottom: 6px;
}

.c-lies__coordonnees h4 {
    color: #c35d1b;
    font-size: 1.6rem;
    margin-bottom: 6px;
    font-weight: 400
}

.c-lies__coordonnees h5 {
    color: #c35d1b;
    font-size: 1.8rem;
}

.c-lies__contact {
    padding: 25px 50px 0;
}

.c-lies__contact p {
    font-size: 1.4rem;
    text-align: left;
    color: #c35d1b;
    font-weight: 400;
}

.c-lies__coordonnees svg {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.c-lies__flicon {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start
}

.c-recommandations {
    text-align: center;
    padding: 60px 0 240px;
}

.c-recommandations__entete h2 {
    font-size: 1.8rem;
    color: #c35d1b;
    font-weight: 500;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 40px;
}

.c-recommandations__entete h2:after {
    content: "";
    display: block;
    width: 150px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    bottom: 0
}

.c-recommandations__entete-big {
    font-size: 4.8rem;
    display: block;
    margin-top: 20px;
    color: #fff
}

.c-recommandations__slider {
    width: 100%;
    margin: auto;
    position: relative;
}

.c-recommandations__link {
    display: block;
    width: 100%;
    padding: 1px;
    background: #fff;
    margin: 0 0 20px
}

.c-recommandations__link img {
    display: block;
    width: 100%;
}

.c-recommandation__link__txt {
    display: block;
    padding: 15px;
    font-size: 1.8rem;
    color: #c35d1b;
    line-height: 2.2rem;
    font-weight: 700
}

.c-recommandations__slider__nav {
    display: none;
}

.c-recommandations__slider__nav svg {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.c-recommandations__slider__nav svg.js__prev-slider {
    left: -100px;
}

.c-recommandations__slider__nav svg.js__next-slider {
    right: -100px;
}



/* ###################################################### */

/* ------------------------------------------------------ */
/* -- EXTRAS -- */
#body .c-box-content p.c-extras__high {
    margin-bottom: 0
}

.c-extras__small-text {
    font-size: 1.4rem;
    line-height: 1.9rem;
}

.u-form {
    background: #fff;
    padding: 20px;
    max-width: 800px;
}

.u-form__input-txt {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 20px
}

.u-form__mandatory label {
    font-weight: bold;
    color: #c35d1b;
}

.u-form label {
    display: block;
    margin-bottom: 5px;
}

.u-form__input-txt input,
.u-form__input-txt textarea {
    font-size: 1.6rem;
    line-height: 2.0rem;
    padding: 15px;
    display: block;
    width: 100%;
    background: #dddddd;
    border-radius: 6px;
    border: 1px #ddd solid;
}

.u-form__input-submit input {
    display: inline-block;
    background: #c35d1b;
    color: #fff;
    padding: 10px 20px;
    font-size: 2.0rem;
    font-weight: bold;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: all .3s ease
}

.u-form__input-submit input:hover {
    background: #f28900;
    color: #fff;
}

.u-form__recherche input[type="text"] {
    color: #3f3e3e;
    border-bottom: 1px #aaa solid;
}

.u-form__recherche input[type="text"]:focus {
    outline: none;
    border-color: #c35d1b;
}

.u-form__recherche input[type="submit"] {
    background-image: url(../../img/squelette/loupe.svg);
    margin: 0 0 0 20px
}

.u-form__recherche .c-recherche__inside {
    display: flex;
    align-items: center
}

.u-form__recherche input {
    width: auto
}

.c-display-resultat__section h2.c-extras__h2-var {
    color: #c35d1b;
    font-size: 2.6rem;
    margin-bottom: 20px
}

.s-recherche .c-galerie__mosaique {
    margin-top: 0
}

.s-recherche .u-form {
    background: #dddddd
}

#creditsLeb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding-bottom: 40px;
}

#creditsLeb a {
    color: #c35d1b;
}

#creditsLeb p:first-child {
    order: 1;
    font-weight: 500;
    font-size: 1.0rem;
    line-height: 2.0rem;
    width: 100%
}

#creditsLeb h4 {
    order: 2;
    padding: 15px 0;
    border-top: 1px #c35d1b dotted;
    border-bottom: 1px #c35d1b dotted;
    font-weight: 500;
    font-size: 2.0rem;
    line-height: 3.0rem;
    margin-bottom: 60px;
    margin-top: 60px;
}

#creditsLeb div.left {
    order: 4;
}

#creditsLeb a.left {
    width: auto;
    order: 3
}

#creditsLeb ul {
    border-top: 1px #c35d1b dotted;
    padding-top: 20px
}

#creditsLeb ul li {
    list-style: none;
    padding: 15px;
    border-bottom: 1px #c35d1b dotted;
}

.credits1 {
    padding: 30px;
    border: 1px #c35d1b dotted
}

.credits1+.credits1 {
    border-top: none;
    margin-bottom: 30px;
}

#plan>ul>li {
    margin-bottom: 40px
}

#plan ul>li {
    list-style: none;
}

#plan ul>li>a {
    padding: 20px;
    display: block;
    background: #c35d1b;
    color: #fff;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.4rem;
    border-bottom: 1px #c35d1b dotted;
}

#plan ul.dev>li>a {
    font-size: 1.6rem;
    background: #dddddd;
    color: #c35d1b;
    padding-left: 40px;
    position: relative;
    border-bottom: 1px #fff dotted
}

#plan ul.dev>li>a:after {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background: #c35d1b;
    position: absolute;
    top: 50%;
    left: 15px;
}

#plan ul.dev2>li>a {
    background: #dddddd;
    font-size: 1.5rem;
    font-weight: 300;
    color: #c35d1b;
    padding-left: 60px;
    border-bottom: 1px #fff dotted;
    position: relative;
}

#plan ul.dev2>li>a:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #c35d1b;
    position: absolute;
    top: 50%;
    left: 15px;
}

#plan {
    margin-bottom: 30px;
}

#plan a {
    border-radius: 4px;
    display: block;
    padding: 12px;
    background-color: rgba(17, 146, 209, .6);
    margin-bottom: 4px;
    color: #c35d1b;
    font-siz: 15px;
}

#plan a:hover {
    background-color: #012535;
    color: #fff;
    text-decoration: none;
}

@media (min-width:60em) {
    .u-form {
        padding: 60px;
        margin: auto;
    }

    .u-form__recherche {
        padding: 30px 60px;
        margin-top: 30px
    }
}

@media (min-width:80em) {
    #plan ul>li>a {
        font-size: 2.0rem;
        ;
    }

    #plan ul.dev>li>a {
        font-size: 1.8rem;
    }

    #plan ul.dev2>li>a {
        font-size: 1.6rem;
    }
}

.c-extras .c-dates__content-dates,
.c-extras .c-actu__listing {
    background: #eaf5f5;
    padding: 30px;
    border: 1px #c35d1b dotted
}

.c-extras__recherche-galeries h3 {
    margin: 20px
}

/* map BOCAGE MAYENNAIS */
#maps-zone {
    height: 600px;
}

#maps-zone #map {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 10px #dddddd solid;
}

.c-contact__adresse {
    width: 100%;
    background: #dddddd;
    padding: 40px;
}

.c-contact__map {
    width: 100%;
}

p.ok {
    background: #c35d1b;
    color: #fff;
    padding: 60px;
    text-align: center;
}

p.erreur,
p.error {
    background: #c35d1b;
    color: #fff;
    padding: 60px;
    text-align: center;
}

.c-contenu__contenu {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.c-contenu__contenu img {
    width: 450px;
    max-width: 100%;
    padding: 50px 0 50px 0;
}

.c-contenu__contenu ul {
    width: 550px;
    max-width: 100%;
    margin-left: 5%;
    padding-top: 100px;
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- FOOTER -- */

.l-footer {
    background: #dddddd;
    color: #c35d1b
}

.c-footer {
    padding: 20px 20px 30px;
    background: #c35d1b
}

@media (min-width:60em) {
    .c-footer {
        padding: 30px 35px 30px
    }
}

@media screen and (min-width:75em) {
    .c-footer {
        padding: 40px 50px 0
    }
}

@media screen and (min-width:85em) {
    .c-footer {
        padding: 60px 60px 0;
    }
}

@media screen and (min-width:90em) {
    .c-footer {
        padding: 60px 70px 0;
    }
}

@media screen and (min-width:100em) {
    .c-footer {
        padding: 60px 80px 0;
    }
}

@media screen and (min-width:120em) {
    .c-footer {
        padding: 60px 140px 0;
    }
}

@media screen and (min-width:140em) {
    .c-footer {
        padding: 60px 200px 0;
    }
}

@media screen and (min-width:160em) {
    .c-footer {
        padding: 60px 250px 0;
    }
}

@media screen and (min-width:180em) {
    .c-footer {
        padding: 60px 280px 0;
    }
}


#barre-tools {
    display: flex;
    flex-direction: row;
    text-align: center;
    flex-wrap: wrap;
}

#barre-tools a {
    display: block;
    text-align: center;
    color: #000;
    position: relative;
    flex: initial;
    background: #012535;
    padding: 65px 25px 45px;
    width: 50%;
}

#barre-tools a:hover {
    color: #fff;
}

/*#barre-tools a:nth-child(2n){background:#2a83ab}*/
#barre-tools a span.icone-svg,
#barre-tools a span.ghost-hover {
    position: absolute;
    z-index: 3;
    top: -20px;
    margin-left: -20px;
    left: 50%;
    background: #c35d1b;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

#barre-tools a span.ghost-hover {
    background: rgba(132, 151, 36, .5);
    z-index: 2;
    transition: all .6s ease
}

/*#barre-tools a:nth-child(2n) span.ghost-hover{background:rgb(16, 43, 69, 1);z-index:2;transition:all .6s ease}*/
#barre-tools a span.text {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 5
}

#barre-tools a:hover span.ghost-hover {
    transform: rotate(45deg) scale(13);
    -ms-transform: rotate(45deg) scale(13);
    -moz-transform: rotate(45deg) scale(13);
    -webkit-transform: rotate(45deg) scale(13);
    -o-transform: rotate(45deg) scale(13);
}

#barre-tools .zone-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 3;
}

#barre-tools span.picto-services {
    background: url(../img/squelette/picto-services.svg) top center no-repeat;
}

#barre-tools span.picto-ouvrages {
    background: url(../img/squelette/picto-ouvrage.svg) top center no-repeat;
}

#barre-tools span.picto-chaudronnerie {
    background: url(../img/squelette/picto-chaudronnerie.svg) top center no-repeat;
}

#barre-tools span.picto-services,
#barre-tools span.picto-ouvrages,
#barre-tools span.picto-chaudronnerie {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}

.c-coord {
    flex: initial;
    box-sizing: border-box;
    text-align: center;
}

@media (min-width:60em) {
    .c-coord {
        text-align: left;
    }
}

.tel-foot {
    box-sizing: border-box;
    border: 1px #c35d1b solid;
    padding: 5px 10px;
    line-height: 50px;
    color: #c35d1b;
    max-width: 180px;
    display: block;
    margin: 10px 0
}

.tel-foot:hover {
    background: #c35d1b;
    color: #fff;
}

@media (min-width:30em) {
    .tel-foot {
        display: inline
    }
}

@media (min-width:60em) {
    .tel-foot {
        margin-right: 20px;
        line-height: 1.2;
        padding: 10px;
        margin-top: 7px;
    }
}

footer .first-line {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    background: #fff;
    padding: 25px 25px 0 25px;
}

#zoneLogo {
    padding: 0;
    text-align: left;
    font-weight: 300;
    box-sizing: border-box;
}

a#footerLogo {
    display: block;
    width: 270px;
    height: 68px;
    background: transparent url(../../img/squelette/mpca_logo_couleur.svg) no-repeat center center;
    background-size: 270px 68px;
}

#zoneLogo p {
    padding-top: 15px;
    display: block;
    text-align: left;
    font-size: 12px;
    line-height: 28px;
    color: #c35d1b;
    text-align: center;
}

#zoneLogo img {
    width: 35%;
    margin: 0 auto;
    display: block
}

#zoneLogo p strong {
    font-size: 24px;
    color: #000;
}

#zoneLogo .texte {
    display: flex;
    align-items: center;
}

#contact-footer {
    font-family: 'Roboto', sans serif;
    width: 200px;
    text-align: center;
    box-sizing: border-box;
}

.listing-rubriques {
    box-sizing: border-box;
    display: flex;
    flex-flow: row wrap;
}

#reprise-metiers a,
#contact-footer a {
    margin-left: 2% !important;
    font-weight: 300;
    font-family: 'Roboto', sans serif;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31%;
    padding: 6px 15px;
    text-align: center;
    font-size: 16px;
    margin: 0 0 2%;
    color: #c35d1b;
    border: 1px #c35d1b solid;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all .3s ease
}

#contact-footer a {
    width: 100%;
    font-size: 20px;
    padding: 10px;
    transition: all .3s ease
}

#reprise-metiers a:nth-child(2n) {
    margin-left: 2%
}

#reprise-metiers a:hover,
#contact-footer a:hover {
    background: #c35d1b;
    color: #fff;
}

#annexes {
    color: #fff;
    float: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    padding: 25px 10px;
    box-sizing: border-box;
    width: 100%;
    margin: 50px auto 0;
    position: relative;
    background: #c35d1b;
}

#annexes:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px #c35d1b solid;
    border-left: 8px transparent solid;
    border-right: 8px transparent solid;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -5px;
}

#annexes span.separateur {
    display: inline-block;
}

#annexes a {
    color: #fff;
    display: inline;
    text-align: right;
    line-height: 30px;
    font-size: 14px
}

#annexes a.ib {
    display: inline;
}

#annexes a:hover,
#annexes a.ib:hover,
#footer #annexes a:hover {
    text-decoration: underline
}

span.sep {
    margin: 0 8px;
    color: #fff
}

#qualifications {
    padding: 30px 0;
    background: #fff;
    border-top: 2px #f7f9fa solid;
    text-align: center;
    margin-top: 80px;
}

#qualifications img {
    margin: 0 25px
}

#qualifications h2 {
    margin-bottom: 30px;
    display: block;
    font-size: 18px;
    color: #c35d1b;
    font-family: 'Roboto', sans serif;
    font-weight: 400
}

.c-contact__check {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%
}

.c-contact__check input {
    margin-right: 10px;
}

.u-standard__form .c-contact__check label {
    margin-bottom: 0
}

.c-contenu__map-access {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-contenu__map-france {
    width: 100%
}

.c-contenu__map-infos {
    flex: 1;
    padding: 60px 20px 20px;
}

.c-contenu__map-situation {
    width: 100%;
}

@media (min-width:60em) {
    .c-contenu__map-access {
        align-items: center;
        flex-flow: row wrap
    }

    .c-contenu__map-france {
        width: 35%
    }

    .c-contenu__map-infos {
        padding: 0 20px 0 60px
    }

    .c-contenu__map-situation {
        width: 35%;
    }
}

/*.first-line:after{content:"";display:table;clear:both;}*/

@media (max-width:40em) {

    #reprise-metiers a,
    #contact-footer a {
        width: 100%;
        margin: 0 0 20px
    }

    footer #annexes {
        height: auto
    }

    footer #annexes a,
    #annexes a.ib {
        display: block;
        text-align: center;
        padding: 15px;
        font-size: 16px;
    }

    #annexes span.separateur {
        display: none;
    }

    #zoneLogo .texte {
        flex-direction: column;
        text-align: center;
    }

    a#footerLogo {
        margin: 0 auto 30px
    }

    footer #zoneLogo p {
        text-align: center;
    }
}

@media (min-width:45em) {
    .l-lies__infos {
        display: flex;
        flex-flow: row wrap;
        flex: 1;
        align-items: center;
        text-align: left;
    }

    .c-lies__contact p {
        text-align: center;
    }

    .c-lies__coordonnees {
        border-left: 1px #dddddd solid;
        border-right: 1px #dddddd solid;
    }

    .c-mos__tiers {
        width: 30%;
        margin-bottom: 0
    }

    .c-mos__tiers:nth-child(2n) {
        margin: 0 5%
    }

    .c-recommandations__slider {
        width: 60%;
    }

    #zoneLogo {
        margin-right: 60px;
    }

}

@media (min-width:60em) {
    .c-recommandations__slider__nav {
        display: block;
    }

    .c-recommandations {
        padding: 200px 0 260px;
    }

    /*.c-recommandations__scroll{display:flex;flex-flow:row wrap;justify-content:center;}*/
    /*.c-recommandations__link{width:30.3334%;margin:0 1.5%}*/
    .c-recommandations__link {
        margin: 0 10px
    }

    .c-recommandations__slider {
        width: 70%;
    }

    .c-coord {
        flex: 1;
    }

    footer .first-line {
        justify-content: space-between;
        align-items: center;
        padding: 20px;
    }

    .c-coord a {
        display: block;
    }

}

@media (min-width:75em) {
    .c-lies__title h2 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }

    .c-lies__title-big {
        color: #c35d1b;
        font-size: 4.0rem;
    }

    .c-contenu__article h2 {
        font-size: 2.6rem;
        line-height: 3.0rem
    }

    footer .first-line {
        padding: 20px 30px;
    }
}

@media (min-width:85em) {
    .c-lies__title h2 {
        font-size: 3.2rem;
        line-height: 4.4rem;
    }

    .c-lies__title-big {
        color: #c35d1b;
        font-size: 5.0rem;
    }

    footer .first-line {
        padding: 20px 40px;
    }
}

@media (min-width:95em) {
    .c-lies__title h2 {
        font-size: 4.0rem;
        line-height: 4.7rem;
    }

    .c-lies__title-big {
        color: #c35d1b;
        font-size: 6.0rem;
    }

    footer .first-line {
        padding: 20px 50px;
    }
}


/* ###################################################### */

/* ------------------------------------------------------ */
/* -- GALERIE -- */

/* -- 
   GALERIE PHOTO
   ------------------ */

.l-galerie {
    background: #144e6e url(../img/accueil/bg-galerie.jpg) no-repeat top left;
    color: #fff;
    padding: 40px 0 60px;
}

.c-galerie {
    display: flex;
    flex-flow: column;
    align-items: center
}

.c-galerie__title {
    color: #a9c308;
    position: relative;
    margin-top: 15px;
    margin-bottom: 30px;
}

.c-galerie__title svg,
.c-galerie__entete svg {
    position: absolute;
    right: -25px;
    top: -15px;
}

.c-galerie__title h2 {
    font-size: 2.4rem;
    margin-bottom: 30px;
}

.c-galerie__title-small {
    font-size: 1.8rem;
}

.c-galerie__title-big {
    font-size: 3.2rem;
    color: #fff;
    display: block;
    margin-top: 10px;
}

.c-slider-img,
.c-slider-img__items {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.c-slider-img__cover {
    margin-bottom: 15px;
    position: relative;
}

.c-slider-img__slide {
    width: 100%;
    margin-right: 0;
}

.c-slider-img__slide:nth-child(2n) {
    margin-right: 0;
}

.c-slider-img__cover img {
    display: block;
}

.c-slider-img__cover span {
    display: none;
}

.c-slider-img h3 {
    color: #a9c308;
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 8px;
}

.c-slider-img h4 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

/*.c-slider-img__slide-preview{display:none}*/
.c-slider-img__items {
    transition: all .3s ease;
}

.c-slider-img__texte {
    transition: all .3s ease;
}

.js-slide-left {
    transition-delay: 0.6s
}

.js-slide-right .c-slider-img__texte {
    transition-delay: 0.6s
}

.c-slider-img__slide-preview .c-slider-img__cover img {
    transform: scale(1.4)
}

.c-slider-img__nav {
    display: none;
    position: absolute;
    z-index: 101;
    top: 0;
    left: 690px;
    width: 150px;
    height: 259px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.75);
}

.c-slider-img__nav .f-light {
    font-weight: 300;
    display: inline-block;
    margin: 0 4px
}

.c-slider-img__nav a {
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.c-slider-img__nav a.c-slider-img__nav-number {
    margin: 0 7px
}

.c-slider-img__nav a svg.svg__arr-suite {
    display: inline-block;
    width: 18px;
    height: 14px;
    margin: 0
}

.c-galerie__album {
    padding-bottom: 40px;
}

.c-galerie__sous-titre {
    margin: 30px 20px 20px;
    position: relative;
    color: #fff;
}

.c-galerie__sous-titre strong {
    color: #fff;
}

.c-galerie__sous-titre svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -6px;
}

.c-galerie__legende {
    padding: 10px;
    font-size: 1.4rem;
    color: #2e3b55
}

.c-galerie__polaroid {
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 30px 9px rgba(68, 68, 68, 0.3);
    margin-bottom: 30px
}

.s-inside__galerie p {
    background: #fff;
    text-align: justify;
    padding: 40px 80px;
}

@media (min-width:30em) {
    .c-galerie__album {
        display: flex;
        flex-flow: row wrap;
    }

    .c-galerie__album a {
        flex-basis: 50%;
        padding: 20px;
        transition: all .3s ease
    }
}

@media (min-width:40em) {
    .c-galerie__title {
        display: flex;
        flex-flow: row;
        align-items: center;
    }

    .c-galerie__title .c-btn__round {
        margin-left: 100px;
        position: relative;
        top: -15px;
    }

    .c-galerie__title h2 {
        position: relative;
    }

    .c-galerie__title svg,
    .c-galerie__entete svg {
        top: -25px;
        right: -60px;
    }

}

@media (min-width:45em) {
    .c-slider-img__slide {
        width: 48%;
        margin-right: 2%;
    }

    #barre-tools a {
        flex: 1;
        width: auto;
        width: 100% !important;
    }

    #barre-tools {
        flex-wrap: nowrap;
    }

}

@media (min-width:50em) {
    .c-galerie__album {
        display: flex;
        flex-flow: row wrap;
    }

    .c-galerie__album a {
        flex-basis: 33.3334%;
        padding: 20px;
    }
}

@media (min-width:60em) {
    .c-slider-img__slide {
        margin-right: 1%;
        width: 24%;
    }

    .c-slider-img__slide:nth-child(2n) {
        margin-right: 1%;
    }

    .c-slider-img__slide:last-child {
        margin-right: 0;
    }


}

@media (min-width:75em) {
    .c-galerie.u-width-fixed__narrow-free {
        margin: auto;
        width: calc(100% - 40px);
    }

    .c-galerie__sous-titre {
        text-align: left;
    }

    .c-galerie__sous-titre:after {
        left: 0;
        margin-left: 0
    }

    .c-galerie__polaroid {
        transition: all .3s ease
    }

    .c-galerie__polaroid:hover {
        box-shadow: 0px 0px 30px 9px rgba(68, 68, 68, 0.3);
        transform: scale(1.05)
    }

}

@media (min-width:80em) {
    .c-galerie.u-width-fixed__narrow-free {
        margin-left: 100px
    }

    .c-slider-img__slide-preview {
        display: block;
        overflow: hidden
    }

    .c-slider-img h4 {
        font-size: 2.2rem;
        line-height: 3.0rem;
    }

    .c-galerie {
        flex-flow: row wrap;
        align-items: flex-start
    }

    .c-slider-img__nav {
        display: flex;
    }

    .c-slider-img__cover span {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 3;
        font-size: 2.4rem;
        font-weight: bold;
        padding-right: 20px;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.7)
    }

    .c-slider-img__slide-preview .c-slider-img__texte {
        opacity: 0;
        transform: translateY(-30px);
    }
}

@media (min-width:95em) {
    .l-galerie {
        padding: 60px 0
    }

    .c-galerie.u-width-fixed__narrow-free {
        margin: 0
    }

    .c-galerie__title {
        width: 26%;
        flex-direction: column;
        padding: 60px 30px 0 0;
    }

    /*.c-slider-img{width:74%}*/
    .c-galerie__title .c-btn__round {
        margin: 20px 0 0 0
    }

    .c-galerie__album a {
        flex-basis: 33%;
        padding: 20px;
    }
}

@media (min-width:100em) {
    .l-galerie {
        padding: 140px 0 100px
    }

    /*.c-slider-img,.c-galerie__title{width:auto}*/
    .c-galerie {
        justify-content: center
    }

    .c-galerie__title h2 {
        font-size: 4.6rem;
        margin-bottom: 50px;
    }

    .c-galerie__title-small {
        font-size: 3.0rem;
    }

    .c-galerie__title-big {
        font-size: 6.4rem;
        color: #fff;
        display: block;
        margin-top: 36px;
    }

    .c-galerie__title {
        margin: 0 80px 0 0;
        padding-top: 17px
    }

    .c-galerie__title svg {
        right: -25px;
        top: -15px;
    }

    .c-galerie__title h2 {
        margin-bottom: 50px;
    }
}

/* variations galeries photos */

/*.s-inside__galerie--dn header{display: none;}*/

.c-landing__ico {
    display: block;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.c-landing__ico svg {
    margin: 0 5px
}

.c-landing__ico:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #c35d1b;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    transition: all .6s ease
}

.c-galerie__thematique:hover .c-landing__ico:before {
    background: #c35d1b;
    width: 80px;
    margin-left: -40px
}

.c-galerie__mosaique {
    position: relative;
    z-index: 101;
    padding-bottom: 0;
    width: 100%
}

.c-galerie__more {
    text-align: center;
}

.c-galerie__thematique h2 {
    padding: 20px 25px 10px;
    font-size: 2.2rem;
    font-weight: 700;
    color: #c35d1b;
}

.c-galerie__entete {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.c-galerie__baseline h1 {
    padding-top: 40px;
    position: relative;
    font-size: 2.0rem;
    line-height: 2.8rem;
    color: #c35d1b;
}

.c-galerie__bllight span {
    font-size: 1.6rem;
}

.c-galerie__blbold {
    font-size: 3.6rem;
    display: block;
}

.c-galerie__entete svg {
    right: -15px;
    top: 15px
}

.c-galerie__entete svg .st0 {
    fill: #c35d1b
}

.c-galerie__entete svg .st1 {
    fill: #c35d1b
}

.c-galerie__baseline {
    background: transparent;
    padding: 15px 20px 20px;
}

.c-galerie__filtres {
    text-align: center;
    width: 100%;
    margin: 40px auto 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.c-galerie__filtre {
    background: #c35d1b;
    margin: 1px;
    padding: 10px 20px 15px 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.u-skin__select {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.u-skin__select select {
    margin-left: 10px;
    border: none;
    border-bottom: 3px #c35d1b dotted;
    font-size: 2.2rem;
    color: #fff;
    padding: 5px 40px 5px 0;
    font-weight: 600;
}

/*remplacement fleche deroulante*/
.u-skin__select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #c35d1b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath fill='%232f5f73' d='M15 1.64L13.33 0 7.5 5.73 1.67 0 0 1.64l5.83 5.72L7.5 9l1.67-1.64z'/%3E%3C/svg%3E"),
        linear-gradient(to bottom, #c35d1b 0%, #c35d1b 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .0em top 50%, 0 0;
    background-size: .7em auto, 100%;
}

.u-skin__select .svg__coeur {
    position: relative;
    top: -6px;
}

.c-galerie__thematique svg,
.c-galerie__nb {
    display: inline-block;
    vertical-align: middle
}

.c-galerie__nb {
    padding-top: 3px;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    color: #536892
}

@media (min-width:50em) {
    .c-galerie__baseline h1 {
        font-size: 2.4rem;
        line-height: 3.2rem;
        padding-left: 0
    }

    .c-galerie__bllight span {
        font-size: 1.8rem;
    }

    .c-galerie__blbold {
        font-size: 3.6rem;
    }

    .c-galerie__baseline {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        z-index: 5;
    }

    .c-galerie__entete svg {
        right: -45px;
        top: 5px
    }
}

@media (min-width:60em) {
    .c-galerie__baseline {
        top: 20px
    }
}

@media (min-width:80em) {

    /*.s-inside__galerie header{height:auto;}*/
    .s-inside__galerie header {
        height: 400px;
    }

    .c-galerie__baseline {
        width: 53%;
        position: absolute;
        left: 0;
        min-height: auto
    }

    .c-galerie__filtres {
        margin: 40px auto -70px
    }
}

@media (min-width:90em) {
    .c-galerie__baseline h1 {
        font-size: 4.6rem;
        line-height: 3.8rem;
        padding-left: 0
    }

    .c-galerie__bllight span {
        font-size: 3.0rem;
    }

    .c-galerie__blbold {
        font-size: 6.0rem;
    }

    .c-galerie__baseline {
        padding: 30px;
        left: calc(((100% - 1400px) / 2) + 10%);
    }

    .c-galerie__entete {
        justify-content: center;
    }
}

@media (min-width:115em) {
    .c-galerie__baseline {
        width: 1200px;
        /*padding-top:120px;*/
        left: calc((100% - 1400px) / 2)
    }
}

@media (min-width:130em) {
    .c-galerie__entete {
        padding-bottom: 40px;
    }
}


/* ###################################################### */


/** RGPD **/