/* Surcharge pour stylisation des cookies */

.pea_cook_wrapper {
    background-color: rgba(0, 56, 73, 1)!important;
    border-radius: 0!important;
    margin: 0 auto!important;
    width: 100%!important;
    border-top: 5px solid #1c9ed9!important;
}

.pea_cook_wrapper.pea_cook_bottomcenter {
    bottom: 0!important;
    min-height: 80px!important;
    height: auto!important;
    left: 0!important;
}

.pea_cook_wrapper p {
    font-family: "Raleway",helvetica,arial,sans-serif!important;
    font-size: 12px!important;
    line-height: 25px!important;
    width: 100%;
    margin: 0 auto!important;
    padding-top: 5px!important;
}

button.pea_cook_btn {
    background: #1c9ed9 none repeat scroll 0 0!important;
    font: bold 12px/1 "Raleway",helvetica,arial,sans-serif!important;
    text-transform: uppercase!important;
    color: #ffffff!important;
    box-shadow: none!important;
    border: none!important;
 }
 
button.pea_cook_btn:hover {
    background: #ffffff!important;
    color: #1c9ed9!important;
    cursor: pointer!important; 
}
 
button.pea_cook_btn:active {
    background: #ffffff!important;
    color: #003340!important; 
}

/* Surcharge pour formulaires */

.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-file {
    margin-top: 5px;
    margin-right: 10px;
    border: 1px solid #dedede;
}

.wpcf7-form p {
    font-size: 15px;
    margin-top: 15px;
}

.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 200px;
}

.wpcf7-form-control.wpcf7-submit {
    background-color: #1c9ed9!important;
    height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
}

.wpcf7-form-control.wpcf7-checkbox {
    border: none!important;
}

span.wpcf7-not-valid-tip {
    color: #cd2c00!important;
    font-size: 0.8em;
    display: inline-block!important;
}

div.wpcf7-validation-errors {
    border: 2px solid #cd2c00!important;
}

/* Surcharge pour galerie photo */

.fbx-rounded .fbx-close, 
.fbx-close-overlays {
    display: none;
}

.fbx-rounded .fbx-next {
    right: -120px;
}

.fbx-rounded .fbx-prev {
    left: -120px!important;
}

.fbx-prev, .fbx-next {
    background-color: none!important;
}

.fbx-rounded .fbx-inner {
    border-radius: 0!important;
    border-top: 15px solid #ffffff!important;
    border-right: 15px solid #ffffff!important;
    border-left: 15px solid #ffffff!important;
    border-bottom: 40px solid #ffffff!important;
}

.fbx-rounded .fbx-next.fbx-btn-shadow, .fbx-rounded .fbx-next.fbx-btn-shadow:hover,
.fbx-rounded .fbx-prev.fbx-btn-shadow, .fbx-rounded .fbx-prev.fbx-btn-shadow:hover {
    box-shadow: none!important;
}

.fbx-count {
    font-family: "raleway-regular", arial, sans-serif!important;
    font-size: 15px!important;
}

.fbx-caption {
    background-color: #ffffff!important;
}

.fbx-caption-title,
.fbx-caption-desc {
    color: #7e8182!important;
}

.fbx-prev::before {
    content: url("img/gallery-arrow-left.png") !important;
    color: #ffffff;
}

.fbx-next::before {
    content: url("img/gallery-arrow-right.png") !important;
    color: #ffffff;
}

.fbx-prev.fbx-btn-transition.fbx-btn-shadow,
.fbx-next.fbx-btn-transition.fbx-btn-shadow {
    background-color: transparent!important;
}

.foogallery-container {
    position: relative;
}

.icon-eye.text-warning {
    font-size: 25px;
}

.icon-big-eye.text-warning::before {
    content: "u";
    font-size: 140px;
    left: 38%;
    position: absolute;
    top: 30%;
}

img.gallery-filter {
    width: 100%;
    max-width: 657px;
    opacity: 0.3;
    filter: alpha(opacity=30);       /* IE8 et précédents */
}

@media screen and (max-width: 480px) {
    .fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
        left: 0;
        right: 100%;
    }

    .fbx-modal.fbx-phone.fbx-portrait .fbx-next {
        left: 100%;
        right: 33%;
    }

    img.gallery-filter {
        font-size: 80px;
        top: 40%;
    }

    .icon-big-eye.text-warning::before {
        font-size: 50px!important;
        left: 35%!important;
    }

    .wpcf7-form-control {
        width: 100%!important;
    }
}

@media screen and (max-width: 780px) {
    .fbx-modal.fbx-phone.fbx-portrait .fbx-prev {
        left: 0;
        right: -150%;
    }

    .fbx-modal.fbx-phone.fbx-portrait .fbx-next {
        left: -100%;
        right: 33%;
    }

    img.gallery-filter {
        font-size: 80px;
        top: 40%;
    }

    .icon-big-eye.text-warning::before {
        font-size: 90px;
    }

    .wpcf7-form-control {
        width: 100%!important;
    }
}