/**
 * @file
 * Subtheme specific CSS.
 */

@media only screen and (max-width: 768px) {
    .highlighted {
        display: none;
    }
}


/* Style du slideshow */

.skin-default {
    width: 100%;
    height: auto;
}

.highlighted {
    z-index: 1;
    overflow: hidden !important;
}


/* Paramétrage du grand diaporama de la page d'accueil */


/*.highlighted .slick-arrow::before {
    color: #047b8d;
    font-size: 36px;
    font-size: 2.25rem;
}*/

.highlighted .slick-prev {
    width: 45px;
    height: 45px;
    left: 30px !important;
    background: url("../images/slider/chevron-gauche-gris.png") top left repeat !important;
}

.highlighted .slick-prev:hover {
    background: url("../images/slider/chevron-gauche-bleu.png") top left repeat !important;
}

.highlighted .slick-prev:before {
    content: none !important;
}

.highlighted .slick-next {
    width: 45px;
    height: 45px;
    right: 30px !important;
    background: url("../images/slider/chevron-droit-gris.png") top left repeat !important;
}

.highlighted .slick-next:hover {
    background: url("../images/slider/chevron-droit-bleu.png") top left repeat !important;
}

.highlighted .slick-next:before {
    content: none !important;
}

.highlighted .slick-dots {
    bottom: 50px !important;
}

.highlighted .slick-dots li button {
    background: url("../images/slider/point.png") top left repeat !important;
}

.highlighted .slick-dots li button:before {
    content: none !important;
}

.highlighted .slick-dots li.slick-active button:before {
    content: none !important;
}

.highlighted .slick-dots li.slick-active button {
    background: url("../images/slider/point-focus.png") top left repeat !important;
}

.highlighted .views-field-field-legende-slide .field-content {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}


/* Style de la zone de recherche */

.highlighted .search-block-form {
    position: absolute;
    left: 25%;
    /*top: 63%;*/
    margin-top: -103px;
    width: 50% !important;
    max-width: 100%;
    z-index: 1;
}

#search-block-form {
    width: 100%;
}

.highlighted .form-type-search {
    width: 80%;
}

.highlighted .form-search {
    border-radius: 0 !important;
    border: 0px;
    box-shadow: 3px 3px 6px #323232;
    font-style: italic;
    font-size: 1.3em;
    z-index: 3;
    height: 100%;
    padding: 8px 12px;
}

.highlighted .form-actions {
    width: 20%;
}

.highlighted .button {
    border-radius: 0 !important;
    border: 0px;
    /*background-color: #047b8d;*/
    border: 0px;
    box-shadow: 3px 3px 6px #323232;
    color: white;
    height: 100%;
}


/* Décoration */

.highlighted::before {
    /*  background: #fafafa;
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    box-shadow: 0 25px 30px -32px #333;
    z-index: 1 !important;
    width: 100.3%;
    left: 50%;
    height: 80px;
    margin-top: -15px;
    transform: translate(-50%, -50%) rotate(-2deg);*/
}

.highlighted::after {
    /*  background: #fafafa;
    content: "";
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 1 !important;
    width: 100%;
    left: 50%;
    height: 100px;
    margin-top: -10px;
    transform: translate(-50%, -50%) rotate(-2deg);*/
}