.flexslider-filter{
    display: none;
}
.filtersearch{
    z-index: 99990;
}
#contact_send{
    background-color: #677da2;
}

.header #boxcodecle{
    border-color: #37424a;
    margin-top: 25%;
}
#boxcodecle{
    border-color: #37424a;
    margin-top: 0;
}

#boxcodecle .title{
    color:#000000;
    font-weight: bold;
}

#boxcodecle .info{
    color:#ffffff;
}
.HomePage #boxcodecle{
    border-color: #37424a;
    margin-top: 24%;
    padding-right: 6%;
    max-width: 750px;
}
#boxcodecle em{
    color:#744434;
}
#boxcodecle em{
    font-style: oblique;
    font-size: 1.2em;
}
.flexslider ul.slides li{
    background-position: top;
}


.page #boxcodecle .title{
    color:#677da2;
}
a{
    color:#37424a;
}
a:hover,
a.pink{
    color:#677da2;
    border-color: #677da2;
}
a.pink:hover{
    color:white;
    background-color: #677da2;
}

.theme_name{
    border-color:#677da2;
    color: #677da2;
}
.theme_name span{
    color: #677da2;
}

footer{
    background-color: #677da2;
}

footer nav{
    background-color: #677da2;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
footer nav a:hover{
    color: black;

}

h2.titre_home{
    background-color: #677da2;
    color:white;
}
h3.title-products{
    color:#677da2;
}

.resultproduct .product em{
    background-color: #677da2;
}
.resultproduct .product a,
.product_title{
    color:#677da2;
}
.filtersearch ul.srollbar,
.filtersearch fieldset fieldset,
.product_title{
    border-color: #677da2;
}

.btn-default{
    background-color: white;
    border-color: #677da2;
    color: #677da2;
}
.btn-default:hover{
    background-color: #677da2;
    border-color: #677da2;
    color: white;
}

.flexslider-header ul.slides li{
    background-position: top;
}

#page h2{
    background-color: #677da2;
}

a.faq::before,
.filtersearch #selection a{
    color: #677da2;
}

.pagination>li>a, .pagination>li>span{
    color:#677da2;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #677da2;
    border-color: #677da2;
}

.filtersearch button[type=button]{
    color: #677da2;
}

.filtersearch #selection ul{
    border-color: #677da2;
}

.logo {
    margin-left: 0 !important;
}
.logo img {
    width: 100%;
    max-width: 800px;
    height: 300px;
    max-height: 300px !important;
    margin-top: 0;
}

#boxcodecle [type=submit].disabled{
    color:#677da2;
    border-color: #677da2;
}
@media (max-width:320px) {
    .page #boxcodecle {
        margin-top: 65%;
    }
}
@media (max-width:425px) and (min-width: 375px){
    .page #boxcodecle {
        margin-top: 55%;
    }
}
@media (max-width:550px) and (min-width: 426px){
    .page #boxcodecle {
        margin-top: 50% !important;
    }
}
@media (max-width:375px) and (min-width: 320px){
    .page #boxcodecle {
        margin-top: 65%;
    }
}
@media (max-width: 768px) and (min-width: 450px){
    .page #boxcodecle {
        margin-top: 30%;
    }
}
@media (max-width: 680px) and (min-width: 426px){
    .page #boxcodecle {
        margin-top: 40%;
    }
}
@media (max-width:450px) {

    .flexslider .slides li {
        background-size: auto auto !important;
    }


    /*.logo img {*/
    /*width: 100%;*/
    /*max-width: 300px;*/
    /*height: 200px;*/
    /*max-height: 200px !important;*/
    /*margin-top: 0;*/
    /*}*/
}
@media (max-width:620px) {
    .logo img {
        width: 100%;
        height: auto;
        margin-top: 0;
    }

}
@media (max-width: 1440px) {

    #laLaitiere{
        width: 350px;
    }
}

@media (max-width: 321px) {
    #content .logo{
        margin-top: 0 !important;
    }
    footer nav {
        background-color: #677da2;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #laitiereContainer{
        bottom: 41px !important;
    }
}
@media (max-width: 768px) {
    .flexslider-header .slides li{
        background-repeat: no-repeat !important;
        background-position-y: 35px !important;
    }
}

@media (max-width: 425px) {
    .flexslider-header .slides li{
        background-repeat: no-repeat !important;
        background-size: 1500px 350px !important;
    }
}