.complet-header .img-holder:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .24);
}

.complet-header {
    min-height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    /*padding: 15px;*/
    margin: 0 -15px -70px 20px;
}

.img-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-size: cover;
    background-position-y:center;
}

.img-holder.zoom {
    z-index:0;
    -webkit-animation-name: MOVE-BG;
    -webkit-animation-duration: 60s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-name: MOVE-BG;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -moz-animation-name: MOVE-BG;
    -moz-animation-duration: 60s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

.img-holder.fixe {
    background-size: cover!important;
    -webkit-animation-name: none;
    animation-name: none;
    -moz-animation-name: none;
}

.img-holder.blur {
    filter:blur(7px);
    -webkit-filter:blur(7px);
    -moz-filter:blur(7px);
    -o-filter:blur(7px);
    -ms-filter:blur(7px);
    animation-name:none;
    -webkit-animation-name:none;
    transform: scale(1.1);
}

.img-holder.sepia {
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

.img-holder.greyscale {
   filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}

.complet-header  .align {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 9;
    margin-top: -50px;
}

.complet-header h1 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(32, 32, 30, .35);
    margin: 0 0 10px;
}

.complet-single-post .buttons {
    margin: 0 0 3px;
    margin-left: 2%;
}

.complet-single-post .buttons li {
    margin: 0 0 7px; 
    width: 25%;
    float: left;
    margin-left: 6%;
    margin-bottom: 40px;
}

.complet-single-post .contact-info { background: none; }
.complet-single-post .contact-info h2 { text-align: center; text-transform: uppercase; margin-bottom: 50px; }
.complet-single-post .contact-info .col{float: left; width: 46%; margin-right: 4%;} 
.complet-single-post .contact-info .col-last{margin-right: 0px;}

.complet-single-post .contact-info{
    clear: both;
}

.active-event:after {
content: "En ce moment";
font: bold 10px/16px "Open Sans",sans-serif;
color: #FFF;
background: #FF672B;
padding: 0 6px 1px;
border-radius: 2px;
display: block;
position: absolute;
bottom: 32px;
letter-spacing: -.2px;
}


.pastevent:after {
    content:"Evénement terminé";
font: bold 10px/16px "Open Sans",sans-serif;
color: #FFF;
background: #494949;
padding: 0 6px 1px;
border-radius: 2px;
display: block;
position: absolute;
bottom: 32px;
letter-spacing: -.2px;
}

.event_cancelled:after {
    content:"Evénement annulé";
    font:bold 10px/17px Arial,sans-serif;
    color:#FFF;
    background:#333;
padding: 0 6px 1px;
border-radius: 2px;
display: block;
position: absolute;
bottom: 32px;
letter-spacing: -.2px;
}

.clear{clear: both; height: 0px; margin: 0px; padding: 0px;}

.categories .btn-next i{ font-weight: normal; font-size: 25px; margin-top: 20%; }

.pre-footer .img-holder{position: inherit;}

.imp-note {
    background-color: #fcf8e3;
    color: #8a6d3b;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #faebcc;
}

@media (min-width: 480px){
    .complet-header {
        min-height: 220px;
    }
}

@media (max-width: 480px){
    .carousel .slide{width: 100%; display: block; margin-top: 15px; } 
    .carousel a.btn-prev, .carousel a.btn-next{ position: inherit; top: inherit; left: inherit; right:inherit; background: #d4d4d4; width: 100%; display: block; margin-top: 15px;} 
    .carousel a.btn-prev i, .carousel a.btn-next i { display: block; margin: 0px; padding: 5px;}
}

@media (max-width: 768px){
    .complet-header{margin-left: 0px;}

    .complet-single-post .buttons li{width: 30% !important; margin-left: 2% !important;}
}

@media (max-width: 767px){
    ul.info-box.list-unstyled li{width: 95% !important;margin:0 auto;}
.pastevent:after,
.active-event:after,
.event_cancelled:after {
    bottom: 74px;
}
    .complet-single-post .buttons {margin-left: 0px;}
    .complet-single-post .buttons li{width: 100% !important; margin: 0px 0px 7px 0px !important; }

    .complet-single-post .contact-info .col{width: 100% !important; margin:0px 0px 25px 0px !important; float: none !important;}
    .complet-single-post .contact-info h2{margin-bottom: 25px !important;}
}

@media (min-width: 768px){
    .complet-header {
        min-height: 250px;
        margin: 0 0 -70px;
    }

    .complet-header .align {
        max-width: 500px;
    }

    .complet-header h1 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 15px;
    }

}

@media (max-width: 992px){
    .categories .slider .slide .img-holder {min-height: 153px;}
}

@media (min-width: 992px){
    .complet-header {
        min-height: 338px;
    }

    .complet-header .align {
        max-width: 650px;
    }

    .complet-header h1 {
        font-size: 45px;
        line-height: 55px;
    }
}





@-webkit-keyframes MOVE-BG {
from {
-webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
}

to {
    -webkit-transform:scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5);
    -o-transform:scale(1.5,1.5);
    transform:scale(1.5,1.5);
}
}

@keyframes MOVE-BG {
from {
-webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
}

to {
    -webkit-transform:scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5);
    -o-transform:scale(1.5,1.5);
    transform:scale(1.5,1.5);
}
}