/* animation */

@keyframes scaleSlide {
    0% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1.1, 1.1);
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.view-categorie-metier-accueil .views-row  .views-field-field-image-accueil{
    overflow: hidden;
}

.region-content > .content > div{
    overflow: hidden;
}
img.image_page,
.view-categorie-metier-accueil .views-row img {
    animation: scaleSlide 5s infinite alternate;
}

#block-views-block-promesse-hp-block-1{
	clear: both;
}
.view-categorie-metier-accueil .view-content .views-row .views-field-title {
    font-size: 23px;
    font-weight: bold;
    margin-top: 15px;
    text-transform: uppercase;
    text-align: center;
}
.st_sharethis_button>.stButton>.stMainServices {
    background: #4b2a54!important;
}
.logo-groupejti .f-link {
    width: auto;
    height: auto;
}
@media screen and (min-width: 768px){
    .view-id-metiers .item-list {
        float: left;
        padding:0 10px;
        box-sizing: border-box;
        width: 33%;
        min-height: 390px;
    }
/*
    .breadcrumb {
        top: 150px;
        position: absolute;
        font-size: 1em;
    }
*/
}

/*aniation slider accueil*/

@keyframes scaleSlide {
    0% {
      transform: scale(1,1);
    }
    100% {
      transform: scale(1.1,1.1);  
    }
}
@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
.region-hp-diaporama .slick-slide.slick-active .media--slick.media--image img {
    animation-name: scaleSlide;
    animation-duration: 4s;
    animation-fill-mode: forwards;
}
.region-hp-diaporama .slick-slide .slide__caption {
    opacity: 0;
}
.region-hp-diaporama .slick-slide.slick-active .slide__caption {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
/* Fin aniation slider accueil*/
.logo {
    width: 160px;
    margin: 20px 0;
}
.region-content .bandeau {
    max-height: 360px;
    overflow: hidden;
}
.titre-description, h2 {
    color: #009aa6;
    font-family: RalewaySemiBold;
    font-size: 1.7em;
    margin-bottom: 25px;
}
.region-hp-offres h2 {
    color: #000;
}
h3 {
    display: block;
    padding: 0;
    margin: 0 0 20px;
    border: 0;
    color: #000;
    font-family: RalewayMedium;
    font-size: 1.5em;
    text-align: left;
}
.bleu {
    color: #00afeb;
}