@media (min-width: 768px) {
    /*  SM et MD et LG  */
    body {
        background: #d6d6d6;
        padding-bottom: 50px;
    }
    .big_container{
        -webkit-box-shadow: 0px 10px 29px 0px rgba(50, 50, 50, 0.40);
        -moz-box-shadow:    0px 10px 29px 0px rgba(50, 50, 50, 0.40);
        box-shadow:         0px 10px 29px 0px rgba(50, 50, 50, 0.40);
        background: white;
    }
}
@media (min-width: 992px) {
    /*  MD et LG  */
    .pousser-droite {
        padding-left: 30px;
    }
    .pousser-gauche {
        padding-right: 30px;
    }
    .resume_actu{
        height: 205px;
        overflow: hidden;
    }
   .zone_header{
        height:171px;
    }
    .navbar-collapse li .titre_menu{        
        padding: 35px;
        padding-top: 10px;
    }
    /* titre qui contient sous menu */
    .dropdown{
        padding-left: 30px;
    }
    .row_menu{
        height: 37px;  
        padding: 0px; 
        border-bottom: 1px solid #a7a7a7;
    }
    .nav li div{
        float: left;
    }
    .navbar-collapse{ 
        height: 38px; 
        background: url('../img/bkg_menu_h.png'); 
        background-repeat: repeat-x; 
        color: white
    }
     .lien_glyphicon div{
       padding-top: 10px;
       padding-left: 10px;
    }
  
    .bouton-player{
        float: right;
        position: relative;
        z-index: 1000;
        right: 50px;
        top: -30px
    }
}
@media (max-width: 991px) {
    /*  XS & SM */
   .zone_header{
        height:128px;
    }
    .titre_menu { 
        padding-top: 10px;
        height: 40px;
        border-bottom: 1px solid #a7a7a7;
    }
   .dropdown-toggle, .lien_glyphicon{
        border-bottom: 1px solid #a7a7a7;
        padding-bottom: 10px;
   }
   .div_nav{
        width: 90%
   }  
   .player{
        margin-right: 55px; 
        margin-top: 3px;
    }
    .bouton-player{
        float: right;
        width: 44px; 
        height: 34px;  
        background-color: #337ab7;
        margin-right: 70px; 
        margin-top: -50px;
        position: relative;
        z-index: 1000; 
        border: 1px solid white;
        border-radius: 4px;
    }

}
@media (max-width: 440px) {
    /*  1/2 XS  */
    .img_rubrique{
        width: 100%;
        margin: 4px 0px 10px 0px;
        float: right; 
        background-color: #fff; 
        padding: 0px; 
        border:1px solid #c3c3c3;
    }
    .player{
        margin-right: 55px; 
        margin-top: 3px;
    }
    .bouton-player{
        width: 44px; 
        height: 34px;  
        background-color: #337ab7;
        margin-right: 50px; 
        margin-top: -50px;
    }
}
@media (min-width: 441px) {
    /* plus que le 1/2 XS  */
    .img_rubrique{
        width: 50%;
        margin: 4px 0px 10px 10px;
        float: right; 
        background-color: #fff; 
        padding: 0px; 
        border:1px solid #c3c3c3;
    }
}
.img_actualite{    
    width: 100%;
    margin: 0px;
    background-color: #fff; 
    padding: 0px; 
}
.raccourcis{
    text-align:right;
    height:29px;
    background-image:url('../img/bkg_raccourcis.png');
    background-repeat:repeat-x;
    font-family:Tahoma;
    font-size:12px;
    line-height:26px;
    color:#000000;
}
.raccourcis a{
    color:#000000;
    text-decoration:none;
}
.displayer{
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 20px;
    text-align: center;
    color: white;
}
.titre_rub{
    height:40px;
    width:100%;
    padding-right:10px;
    overflow:hidden;
    position:relative;
    z-index:2;
}
.img_titre_rub img{
    width:53px;
    height:40px;
    border:none;
}
.img_titre_rub{
    height:40px;
    width:53px;
    margin-right:3px;
    float:left;
    position:relative;
    z-index:2;
}
.txt_titre_rub a{
    color:#337ab7;
    text-decoration: none;
}
.txt_titre_rub{
    height:25px;
    color:#337ab7;
    font-size:20px;
    font-family:'Noto Sans';
    line-height:24px;
    overflow:hidden;
    padding-right:10px;
    padding-top:2px;
}
.txt_rub{
    min-height:100px;
    width:100%;
    overflow:hidden;
    margin-top:-12px;
    padding:20px 15px;
    position:relative;
    z-index:1;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.75);
    border-radius: 9px;
    text-align:justify;
    font-size:13px;
}
.ie8 .txt_rub{
border: 1px solid #CACACA;
    }
.bkg{    
    background-repeat:no-repeat;
    background-size:auto 100% ; /*contain*/
    background-position: center right; /*top right*/
    padding-right:40%;
}
.titre_actu_accueil{
    font-size:13px;
    text-align:justify;
    font-weight:bold;
    max-height:35px;
    overflow:hidden;
    margin-bottom:3px;
}
.txt_actu_accueil{
    max-height:55px;
    overflow:hidden;
}
.motif_palma{
    height:36px;
    width:204px;
    background-image: url('../img/motif_palma.png');
    background-repeat: no-repeat;
    margin-top:-14px;
    position:relative;
    z-index:6;
}
.container1{
    padding-top: 25px;
}
.zone-header-image{
    width:100%;
    background-image:url('../img/header01.png');
    background-repeat:no-repeat;
    background-size:contain;  
    background-position: top right;
}
.logo_palmanova{
    position:absolute;
    top:8px;
    left:10px;
}
.logo_groupepalma{
    position:absolute;
    top:100px;
    right:280px;
}
.slogan{
    position:absolute;
    top:50px;
    left:300px;
    font-size:30px;
    color:#004494;
    font-weight:bold;
    font-style:italic;
    font-family:'Noto Sans';
}
.slogan-sm-xs{
    position:absolute;
    top:80px;
    left:17%;
    font-size:15px;
    color:#004494;
    font-weight:bold;
    font-style:italic;
    font-family:'Noto Sans';
}
.zone_footer{
    height:20px;
    font: 11px Tahoma;
    color:#3a3a3a;
    text-align:right;
    padding-right:7px;
    margin-top:10px;
}
.lire_plus{
    color:#eb6ea3;
    font-size:13px;
    margin-top:8px;
    margin-bottom:8px;
}
.lire_plus a{
    color:#eb6ea3;
    text-decoration: none;
}
/*Accueil catalogue*/
@media (max-width: 767px){
    /*  XS */
    .div_outer_categorie{
        text-align:center;
    } 
    .div_categorie{
        text-align:center;
    }
    .titre_categorie_xs{
        position:relative;
        z-index:0;
        width:60%;
        height:auto;
        top: -45px;
        text-align:center;
        padding: 6px 20px;
        margin: 10px auto;
        border-radius:10px;
        font-size:18px;
        color:#fff;
        font-family:'Noto Sans';
    }
    .image_categorie{
        width:100%;
        margin:0px auto;
    } 
}
@media (min-width: 768px){
    /*  SM */
    .div_categorie{
        width:620px;
        height:198px;
    }
    .titre_categorie{
        width:440px;
    }
    .image_categorie{
        float:left;
        width:217px;
    } 
    .cercle_left{
        margin-left:-70px;
    }
    .cercle_right{
        margin-right:-70px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    /*  MD */
    .div_categorie{
        width:600px;
        height:198px;
    }
    .titre_categorie{
        width:420px;
    }
    .image_categorie{
        float:left;
        width:217px;
    }
}
/* div categorie*/
 .div_categorie{
    margin:0px auto;
}
/*titre*/
.titre_categorie{
    position:relative;
    z-index:0;
    float:left;
    height:50px;
    margin:74px 0px;
    border-radius:10px;
    font-size:24px;
    line-height:45px;
    color:#fff;
    font-family:'Noto Sans';
}
a.titre_categorie{
    color:#fff;
    text-decoration: none;
}
/*détails produit*/
.titre_produit{
    position:relative;
    z-index:20;
    width:100%;
    margin-bottom:10px;
}
.carre_titre_produit{
    position:absolute;
    z-index:0;
    top:0px;
    left:0px;
    height:100%;
    width:40px;
    border-radius:2px;
}
.txt_titre_produit{
    position:relative;
    z-index:20;
    width:100%;
    padding:3px 0px 0px 10px;
    text-align:left;
    font-size:24px;
    color:#337ab7;
    font-family: 'Courgette', Tahoma;
}
.description_produit{
    width:100%;
    text-align:justify;
    font-size:13px;
    line-height:17px;
    font-family:'Noto Sans', Tahoma;
}
.description_produit ul{
    list-style-image: url('../img/bullet_bleu.png');
    padding-left: 20px;
}
.description_produit li{
    padding:5px;
}
.description_produit li:nth-child(odd) {
   background-color: #daf4ff;
}
/*liste produits
.div_img_produit{
    width:100%;
    padding:4% 0px;
    border-radius:20px;
    text-align:center;
}*/
.separateur{
    background-image: url('../img/border.png');
    background-repeat: no-repeat;
    width: 3px;
    height: 38px;
    float: left;
    padding: 0px;
}
.titre_menu, .titre{
    font-weight: bold;
    color: white;

}
li.active .titre_menu  a{
     font-weight: bold;
     color: white;

}
.page_navigation a{
    color: white;
    text-decoration: none;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding: 8px;
    margin: 3px;
    background-color:#929c9f;
}
.page_navigation {
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left:5px;
    padding: 8px 0px 8px 0px;

}
.active_page{
    background-color:#2eafe6 !important;
    color:#fff !important;
}
.next_link, .previous_link{
    background-color:#929c9f;
}
/*liste produits*/
.div_titre_produit{
    width:100%;
    padding:4%;
    height: 42px; 
    overflow:hidden;
    margin-top:8px;
    text-align:center;
    border-radius:10px;
    font-size:14px;
    line-height:16px;
    color:#ffffff;
    font-family:'Noto Sans', Tahoma;
}
.titre_produit_align{
    position: relative; 
    top: 50%; 
    -webkit-transform: translateY(-50%); 
    max-height: 40px; 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.liens ul{
    width: 100%; 
    padding: 0px;
    margin-top:10px;
}
.liens li{
    padding: 7px;
    list-style: none;
}
.liens li:nth-child(odd) {
    background-color: #ededed;
}
/*formulaire contact*/
button {
  background-color:transparent;
  border:0;
  padding:0;
  margin:0;
  cursor: pointer;
}
.text_lien{
    background-color: #cef0ff;
    margin-top: 20px;

}
.navbar-collapse{
    background-color: #004494;
    padding: 0px; 
    overflow: hidden; 
    margin: 0px; 
}
.row_actualites{
    width: 100%;
    overflow: hidden;
    padding: 20px;
    border-bottom: 1px solid #c3c3c3;
}
.titre_actualite{
    color: #005bab;
    font-weight: bold; 
    padding-bottom: 10px;
    
}
.resume_actu a{
    color:#333333;
    text-decoration: none;
}
.div_date{    
    width:130px;
    padding-bottom: 10px;
    margin: 0px 12px 5px 0px;
    float: left; 
    color: white; 
    font-family: 'Source Sans Pro', Tahoma; 
    text-align: center;
    border-radius: 10px;
}
.div_actualites{
    padding: 20px;
    border-bottom:1px solid #e3e5e8;
}
.div_images{
    margin: 0px; 
    padding: 0px;
}
.div_images img{
    border: 1px solid #808080;
    padding: 1px;
    width: 100%;
}


.content li{
    list-style: none;
}
.content{
    border:1px solid #e3e5e8;
    border-radius:15px;
    -webkit-border-radius:15px;
    overflow:hidden; 
    margin: 0px; 
    padding: 0px;
}
/*
**Style des photos centrales, 
**photos rubriques, 
**photos résumés rubriques, 
**photos résumés actualités, 
**photots actualités
*/
.img_wrapper {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
}
.img_produit_wrapper {
    width: 100%;
    /* whatever width you want */
    display: inline-block;
    position: relative;
    margin-top: 10px;
}
.resume:after {
    padding-top: 31.85%;
    /* 310:97 ratio */
    display: block;
    content: '';
}
.div_img_produit:after {
    padding-top: 100%;
    /* 1200:320 ratio */
    display: block;
    content: '';
}
.centrale:after {
    padding-top: 26.66%;
    /* 1200:320 ratio */
    display: block;
    content: '';
}
.rubrik:after {
    padding-top: 85.71%;
    /* 350:300 ratio */
    display: block;
    content: '';
}
.actus:after {
    padding-top: 46.29%;
    /* 350:300 ratio */
    display: block;
    content: '';
}
.img_main {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
}


/*image et cercle*/
.image_categorie{
    height:198px;
}
.cercle_categorie{
    position:relative;
    z-index:50;
    width:150px;
    height:150px;
    margin:24px auto;
    border-radius:50%;
}
.img_categorie{
    position:relative;
    height:198px;
    z-index:0;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;
    top: -25px;
    min-width: 200px; 
    left: -25px
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white;
}
.glyphicon {
    color: white;
}


 @media (max-width: 391px){
.slogan-sm-xs{

    font-size: 12px;
    left: 15px;
    }
}