﻿@media screen and (min-width: 2000px) {
    .container{
        width:1200px;
    }
    .paragraphe-3{
        max-width:1200px;
    }
    h1{
        font-size:50px;
    }
    h3{
        font-size:26px;
    }
    .margin-top{
        margin-top:50px !important;
    }
    .margin-bottom{
        margin-bottom:50px;
    }
}
@media screen and (max-width: 1199px) {
    .les-logos img{
        max-height:83px !important;
        max-width:105px;
    }
}
@media screen and (max-width: 991px) {
    p{
        line-height:20px;
    }
    h1{
        font-size:24px;
        margin-top:0px;
        line-height:37px;
    }
    h3{
        font-size:20px;
        line-height:28px;
    }
    .les-logos img{
        max-height:44px !important;
        width:inherit;
    }
    .les-logos{
        margin-bottom:20px;
    }
    .les-logos .margin{
        margin:9px;
    }
    .container{
        margin-bottom:180px;
    }
    .conteneur-menu{
        width:330px;
    }
    .interieur-footer a{
        margin:12px;
        font-size:12px; 
    }
    .margin-left{
        margin-left:0px;
    }
    .margin-right{
        margin-right:0px;
    }
    /*--------------------- Contactez-nous -----------------------*/
    .carte-google{
        height:290px;
    }
    /*------------------------- COMPTE ---------------------------------*/
    .photo-compte{
        max-width:210px;
    }
    .bouton-compte .dropdown-menu{
        margin-top:-31px;
    }
    .entete-fixe-small .bouton-compte .dropdown-menu{
        margin-top:-15px;
    }
    .boite-modif-button {
        display: block;
    }
    .boite-modif-disabled .boite-modif-button {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .container{
        margin-bottom:0px;
    }
    .les-logos{
        margin-left:-10px;
        margin-right:-10px;
    }
    .les-logos img{
        max-height:21px !important;
    }
    .les-logos .margin{
        margin:5px;
    }
    .margin-top{
        margin-top:20px !important;
    }
    .margin-bottom{
        margin-bottom:30px;
    }
    .margin-bottom-form{
        margin-bottom:15px;
    }
    .conteneur-texte-logo{
        display:none;
    }
    .conteneur-menu{
        line-height:45px;
        text-align:right;
        width:200px;
        margin-right:30px;
    }
    .conteneur-menu-connected{
        margin-right:20px;
        width:200px;
    }
    .entete-fixe-small .bouton-compte{
        float:right;
    }
    .bouton-compte{
        margin-right:0px;
    }
    .entete-fixe-small .conteneur-menu{
        line-height:16px;
        width:213px;
        margin-right:49px;
    }
    .entete-fixe-small .conteneur-menu .col-xs-12{
        width:50%;
        text-align:center;
        margin-top:17px;
    }
    .entete-fixe-small .conteneur-menu-connected{
        line-height:66px;
        width:249px;
        margin-right:0px;
    }
    .entete-fixe-small .conteneur-menu-connected .col-xs-12{
        width:100%;
    }
    .entete-fixe-small .bouton-compte .dropdown-menu{
        margin-top:-16px;
    }
    .center-mobile{
        text-align:center;
    }
    .mobile-full-width{
        width:100%;
        margin-bottom:15px;
    }
    .justify-mobile{
        text-align:justify;
    }
    .paragraphe-2{
        margin-left:-15px;
        margin-right:-15px;
    }
    .icone-geante{
        font-size:60px;
    }
    /*------------------------- Nav-tabs -------------------------------*/
    .panel-heading{
        background-color:#fff !important;
        padding:0px;
    }
    .panel-body{
        padding:0px;
        margin-top:20px;
    }
    .panel-default{
        border:none;
    }
    .nav-tabs, .nav-tabs li a{
        border:none;
    }
    .nav-tabs>li{
        width:100%;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li a:hover{
        border:none !important;
        background-color:#eee;
        border-radius:0px;
    }
    /*------------------------- COMPTE ---------------------------------*/
    .photo-compte{
        margin:0 auto;
    }
    /*------------------------- TABLEAUX -----------------------*/
    .conteneur-tableau{
        max-height:inherit;
        overflow-y: initial;
    }
    /*-------------------------- Me connecter -------------------------*/
    .boite-grise{
        padding:30px 15px;
    }
    /*-------------------------- FOOTER -------------------------*/
    .interieur-footer a{
        display:block;
        margin:10px;
    }
    .interieur-footer{
        height:205px;
        line-height:20px;
        padding:10px;
    }
    .footer{
        height:205px;
        position:initial;
        position:inherit;
        box-shadow:none;
    }
    /*---------------- compte --------------------*/
    .menu-compte-fixed{
        position:initial;
        top:unset;
    }
    /*------------------------ Historique de mes achats ---------------------*/
    .command-row, article-row{
        font-size:12px !important;
    }
    .command-detail{
        overflow-x:scroll;
        border:solid thin #ccc;
        background-color:#fff;
    }
    /*----------------------- scroll top ----------------------------------*/
    .scroll-top{
        right:20px;
        bottom:20px;
    }
    .scroll-top:hover{
        bottom:25px;
    }
    .boite-form, .boite-modif, .boite-modif-disabled{
        max-width:inherit;
    }
    .boite-modif{
        padding:15px 15px 15px 15px;
    }
     .boite-modif h1{
        margin-top:20px;
    }

}
