/* Fonts */

@font-face {
    font-family: 'Lora';
    src:  url('fonts/Lora-Regular.eot');
    src:  url('fonts/Lora-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lora-Regular.woff2') format('woff2'),
    url('fonts/Lora-Regular.woff') format('woff'),
    url('fonts/Lora-Regular.ttf') format('truetype'),
    url('fonts/Lora-Regular.svg#Lora') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src:  url('fonts/Lora-Bold.eot');
    src:  url('fonts/Lora-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lora-Bold.woff2') format('woff2'),
    url('fonts/Lora-Bold.woff') format('woff'),
    url('fonts/Lora-Bold.ttf') format('truetype'),
    url('fonts/Lora-Bold.svg#Lora') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src:  url('fonts/Lora-Italic.eot');
    src:  url('fonts/Lora-Italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lora-Italic.woff2') format('woff2'),
    url('fonts/Lora-Italic.woff') format('woff'),
    url('fonts/Lora-Italic.ttf') format('truetype'),
    url('fonts/Lora-Italic.svg#Lora') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Lora';
    src:  url('fonts/Lora-BoldItalic.eot');
    src:  url('fonts/Lora-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Lora-BoldItalic.woff2') format('woff2'),
    url('fonts/Lora-BoldItalic.woff') format('woff'),
    url('fonts/Lora-BoldItalic.ttf') format('truetype'),
    url('fonts/Lora-BoldItalic.svg#Lora') format('svg');
    font-weight: bold;
    font-style: italic;
}


body.home #header #logo_inner{
    display: none !important;
}

body.home #header.inner-header #logo_inner{
    display: inline-block !important;
}

#equipe ul li:before{
    content: '-';
    letter-spacing: 4px;
}

#logo_menu{
    position: absolute;
    top: 16px;
    left: 60px;
    background: white;
}

#logo_menu img{
    width: 80%;
}

.text-pp ul{
    margin-bottom: 1rem;
    font-weight: 400;
    color: #515151;
    margin-top: 0;
    font-size: 13px;
    line-height: 1.75em;
}

.text-pp li ul li {
    /*list-style: disc inside;*/
}

.text-pp li ul li:before{
    content: '\2022' !important;
}

.text-pp p + ul {
    margin-top: -1rem;
}

figure {
    margin: 0;
    display: inline-block;
    position: relative;
    float: right;
}

figure img{
    float: none;
}

.bg-rouge p {
    white-space: pre-line;
}

#equipe .bloc figure, #contact .bloc figure {
    float: none !important;
}

.zone-img figure{
    height: 100%;
    width: 100%;
}

#equipe.smallpadding .titre{
    font-size: 22px;
}

#equipe.activity .zone-img img{
    min-height: 100%;
    min-width: 100%;
}

#equipe:not(.activity) .zone-img img{
    width: 100%;
    max-height: 100%;
}

#lequipe .image img{
    max-height: 90%;
}

#notre_metier .container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.img-equipe figure{
    /*max-height: 530px;*/
}

#lequipe{
    background-color: white;
}

.bg-e7{
    background-color: #e7e7e7;
}

.bg-f0{
    background-color: #f0f0f0;
}

#formulaire .accordion .acc p{
    font-weight: 400;
    margin-bottom: 1rem;
}

.accordion h3{
    padding-right: 55px;
    position: relative;
}

.accordion h3:after{
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.accordion h3.active:after{
    transform: translateY(-50%) rotate(0);
}

.accordion .acc ul li ul{
    padding-left: 30px;
    margin-bottom: 0;
}

.accordion .acc ul li ul li{
    list-style: none;
}

.accordion .acc ul > li > ul li:before{
    content: '-';
    margin-right: 15px;
}

.accordion .acc ul > li > ul > li > ul li:before{
    content: '>';
}

#footer p.address{
    white-space: pre-line;
}

#footer .col-md-10{
    margin: auto;
}

fieldset .alert h4{
    font-size: 15px;
}

form{
    margin-bottom: 0;
}

form .input_text, form textarea.form-control{
    border-radius: 0;
}

form .help-block{
    margin-bottom: 29px;
    position: relative;
    display: inline-block;
    color: #7d181d;
}

form .btn-file .help-block{
    margin-bottom: 0;
}

form .help-block ~ input{
    border: 1px solid #7d181d;
    margin-bottom: 0;
}

form textarea.form-control {
    width: 100%;
    height: 208px;
    line-height: 48px;
    padding: 0 28px;
    color: #afafaf;
    font-size: 20px;
    font-weight: 400;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    margin-bottom: 29px;
    resize: none;
}

form input[type='submit']{
    width: 100%;
    text-align: center;
    height: 50px;
    border: 1px solid #c9c9c9;
    background-color: #7d181d;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    transition: all ease 0.3s;
    cursor: pointer;
    border-radius: 0;
}

form input[type='submit']:hover {
    background-color: #5a0b0f;
}

form .order-paper-pp{
    margin-top: 51px;
    position: relative;
    display: inline-block;
}

#formulaire fieldset form .order-paper-pp p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 22px;
    font-style: normal;
    color: #515151;
}

.input_text, form textarea.form-control, .inputfile+label, form input[type='submit'], #formulaire fieldset form .order-paper-pp p, #formulaire fieldset a{
    font-size: 16px;
}

.input_text{
    height: 44px;
    line-height: 44px;
}

#formulaire .content{
    padding-right: 30px;
}

#formulaire .bg{
    padding-left: 30px;
}

#notre_activite.autres .bloc {
    padding: 30px 60px 60px;
}

#contact #map{
    height: inherit;
    display: inline;
    position: relative;
}

#contact #map img{
    width: 100%;
}

#footer > div{
    margin: auto;
}

#footer ul.rs{
    width: 100%;
}

#footer ul.rs li{
    float: inherit;
    display: inline-block;
    width: initial;
}

/* Cookie */

@-webkit-keyframes cookieSlide{
    0%{
        -webkit-transform:translateY(6rem);
        transform:translateY(6rem);
        opacity:0;
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1;
    }
}
@keyframes cookieSlide{
    0%{
        -webkit-transform:translateY(6rem);
        transform:translateY(6rem);
        opacity:0;
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1;
    }
}

.cookie-bar{
    position:fixed;
    bottom:0;
    top:auto;
    z-index:500;
    display:none;
    width: 100%;
    padding: 11px;
    max-width: 1180px;
    left: 50%;
    transform: translateX(-50%);
    border: none;
    background: #7d181d;
    text-align:left;
    color:#fff;
    line-height:1.7;
    -webkit-animation-name:cookieSlide;
    animation-name:cookieSlide;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
}

.cookie-bar .cookie-bar__policy{
    color:#fff;
    text-decoration:underline;
}

.cookie-bar .cookie-bar__btn{
    background-color: white;
    position: absolute;
    right: 7px;
    top: 50%;
    border: 0;
    color: #7d181d;
    font-size: 12px;
    font-weight: 700;
    line-height: 27px;
    text-transform: uppercase;
    height: 27px;
    border-radius: 0;
    transform: translateY(-50%);
    width: 31px;
    padding: 0;
}

.cookie-bar .cookie-bar__btn:focus{
    outline: 1px dotted deepskyblue;
}

.cookie-bar p{
    padding:0;
    margin:0;
    max-width:60%;
    color:#fff;
    text-align:left;
    font-size:12px;
}

.cookie-bar p a{
    color:#fff;
}

.cookie-bar--visible{
    display:inline-block;
}

/* Media min-width 576px */

@media (min-width: 576px) {
    form .btn-submit, form .btn-file{
        display: inline-block;
        position: relative;
        float: left;
    }

    form .btn-submit{
        padding-right: 0;
    }

    form .btn-file{
        padding-left: 0;
    }

}

/* Media min-width 768px */

@media (min-width: 768px) {
    body.inner #header {
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        background: #ffffff;
    }

    body.inner #header #logo_inner {
        display: inline-block !important;
    }

    body.inner #header #main_nav ul li a {
        color: #515151;
    }

    .text-pp ul{
        font-size: 18px;
        line-height: 1.44em;
    }

    #equipe.smallpadding .bloc {
        padding: 94px 53px 94px 53px;
    }

    #equipe .content{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    #contact .bloc.more-info{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    #contact .contact-info{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .bouton{
        font-size: 16px;
    }

    #lequipe .fiche {
        padding: 35px 35px 87px 100px;
    }

    #lequipe .image .texte {
        padding: 86px 108px 0 108px;
    }

    #footer ul.rs li{
        float: left;
        display: inherit;
        width: inherit;
    }
}

/* Media min-width 992px */

@media (min-width: 992px) {
    body.inner #header {
        padding-top: 25px;
        height: 90px;
        min-height: auto;
    }

    body.inner #header #logo_inner {
        display: inline-block !important;
        float: left;

    }

    body.inner #header #main_nav {
        float: right;
    }

    #contact .bloc:not(.more-info){
        padding-left: 8.33333%;
    }

    #notre_activite .bloc p{
        margin: 0 auto 27px;
    }


}

/* Media min-width 1280px */

@media (min-width: 1280px) {
    #header .container{
        padding: 0;
    }

    #notre_activite.autres .bloc {
        padding: 38px 100px 100px;
    }
}

/* Media max-width 991px */

@media (max-width: 991px) {
    #formulaire .container{
        max-width: inherit;
    }

    #formulaire .bg:before{
        display: none;
    }

    #formulaire .bg, #formulaire .content{
        padding-left: 30px;
        padding-right: 30px;
    }

    #notre_activite.autres .bloc {
        padding: 30px 15px 60px;
    }

    #equipe .bloc{
        padding: 0;
    }

    #equipe .content{
        padding-left: 15px;
    }

    #equipe .bouton{
        margin-top: 20px;
    }

    #contact .contact-info{
        left: 0;
        transform: translateY(-50%);
        padding-left: 15px;
    }

    #lequipe .fiche {
        padding: 35px 35px 87px 35px;
    }

    #lequipe .image .texte {
        padding: 86px 30px 0 30px;
    }
}

/* Media max-width 767px */

@media (max-width: 767px) {
    #main_nav{
        padding-top: 60px;
    }

    #main_nav ul li{
        padding: 7.5px 0;
    }

    #main_nav ul li a{
        font-size: 14px;
    }

    #equipe .bloc{
        padding: 30px 15px 45px;
    }

    #equipe .content{
        padding-left: 0;
    }

    #equipe .text-pp{
        text-align: left;
    }

    #lequipe .fiche h3{
        font-size: 21px;
    }

    #lequipe .fiche h4{
        font-size: 16px;
    }

    #lequipe .fiche a, #lequipe .fiche span{
        font-size: 15px;
    }

    #lequipe .image .texte {
        padding: 15px;
    }

    .accordion h3{
        font-size: 14px;
    }

    #formulaire fieldset h3{
        font-size: 16px;
    }

    #notre_activite.autres .bloc {
        padding: 30px 15px 60px;
    }

    #contact .contact-info{
        transform: translate(0);
        padding-left: 0;
    }
}

@media (max-width: 1280px) {
    #lequipe .fiche {
        padding: 35px 35px 87px 50px;
    }

    #lequipe .image .texte {
        padding: 86px 50px 0 50px;
    }
}