@media screen  and (min-width:768px) and (max-width:872px){
    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
    }

    .navbar-brand img {
        height: 45px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .navbar-default .navbar-toggle {
        border:0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background:#332734;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background:0;
    }

    .navbar-default {
        background:rgba(255,255,255,0.9);
    }

    .navbar-collapse {
        border:0;
    }

    .navbar-default .navbar-nav > li {
        text-align: center;
    }

    .navbar-default .navbar-nav > li > a {
        display: inline-block;
        padding-left:20px;
    }

    .navbar-default .button-nav > .active > a {
        /*text-decoration: underline;
        border-bottom: none;*/
        width: auto;
        padding-left:20px;
    }

    .navbar-brand {
        padding: 5px 15px;
    }
    .navbar-brand img {
        height:40px;
        width: auto;
    }

    .img-accueil {
    }

    .logo-accueil {
        width:62%;
        padding-left:0px;
        padding-right:-10px;
    }

    .title-accueil {
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }

    div.custom-panel {
        padding-left: 5px;
        padding-right: 5px;
    }

    p.text-accueil {
        font-size: 15px;
    }

    .btn-outline-accueil, .btn-outline {
        width:60%;
        font-size:16px;
    }

    #section_presentation {
        top:0px;
    }

    .title-section, .title-section-inverse {
        font-size:24px;
        letter-spacing: -1px;
        padding-top:0px;
    }

    .title-section-inverse {
        padding-top: 10px;
    }

    .text-intro-section {
        font-size: 14px;
        color:#656565;
        margin-bottom:40px;
        letter-spacing: -0.5px;

    }

    .thumbnail-size {
        padding-right: 15px;
        background: #fff;
    }

    img.icons-ewr {
        width: 20%;
        height: auto;
    }

    .text-icone {
        font-size: 16px;
        color:#777;
    }

    .title-other-section {
        border-left:4px solid #f28d01;
        text-indent: 10px;
        color: #332734;
        font-size: 18px;
    }

    #galerie {
        padding-left:0px;
        padding-right:0px;
        margin-left: 0;
        margin-right: 0;
    }

    .title-section-galerie {
        padding-top:20px;
    }

    .background-galerie {
        background: url(../img/fond_galerie_left.svg), url(../img/fond_galerie_right.svg), no-repeat;
        background-color: #01a6ab;
        background-size:cover;
        background-position: bottom left,  bottom right;
        height:100%;
        width:100%;
    }

    #carousel-example-generic,.section-galerie {
        padding-bottom: 0;
    }

    .carousel-inner {
        top:0 px;
        width:100%;
    }

    img.img-size {
        height:auto;
        width:70%;
    }

    .carousel-indicators {
        bottom:-10px;
    }

    #faq {
        margin-top:0px;
        margin-bottom: 30px;
    }

    .panel-default .panel-title {
        margin: auto;
        width:auto;
        padding: 10px 0 10px 0;
    }

    .panel-group .panel {
        border-radius: 0;
        margin-left: 0;
        margin-right:10px;
        padding-left: 5px;
        padding-right:-15;
        width: 100%;
    }

    .fa-question-circle {
        font-size: 18px;
        padding-right: 10px;
    }

    .question-panel {
        font-size: 18px;
        line-height: 1.5em;
    }

    .text-intro-section-inverse {
        font-size: 15px;
        color:#fff;
        margin-bottom:40px;
    }

    .page-header {
        padding-bottom:30px;;
        margin-top: 0;
    }

    .background-section-accueil {
        padding-top: 100px;
    }

}

@media screen and (max-width:991px) and (min-width:768px) {
    .section-boitier {
        margin-left: 0;
        margin-right: 0;
    }
    img.size-screen {
    width:500px;
    width: auto;
    }

    img.size-boitier {
        width:400px;
        height: auto;
    }

    .title-section, .title-section-inverse {
        font-size:33px;
    }
}

@media screen and (min-width:320px) {


    .section-boitier {
        margin-top: 50px;
    }

    .section-admin {
        margin-top: 100px;;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {

    .img-accueil {
        margin-top: 30px;
        width: 100%;
    }

    .background-galerie {
        background: url(../img/fond_galerie_left.svg), url(../img/fond_galerie_right.svg), no-repeat;
        background-color: #01a6ab;
        background-size:cover;
        background-position: bottom left,  bottom right;
        height:100%;
        width:100%;
    }

    .style-col {
    width:100%;
    }

    .text-warning {
        font-size: 17px;
    }
}

@media screen and (max-width:767px) {

    .intro-accueil {
        top:50px;
    }
}