/* ==========================================================================
   COOKIES
   ========================================================================== */

#cookies form{
    margin-top:30px;
}

#cookies form .radio{
    margin-top:20px;
}

#cookies .btn.valid{
    margin-top:20px;
}


/* ==========================================================================
   EN ATTENTE SIREN
   ========================================================================== */

#enattente-siren form  {
    margin-top:30px;
}

#enattente-siren form > div {
    margin-bottom:15px;
}

#enattente-siren .btn.valid{
    margin-top:20px;
}



/* ==========================================================================
   CATALOGUE
   ========================================================================== */

#catalogue h2{
    border-bottom:1px dashed #CCC9C9;
    padding-bottom:10px;
    margin-top:50px;
}

#catalogue a.lien_flip{
  display:inline-block;
  margin:20px 20px 0 0;
  border:1px solid #eee;
}

#catalogue a.lien_flip:hover{
  box-shadow:0px 0px 8px #8a8a8a;
}

#catalogue p.lien_cat{
    margin-bottom:30px;
}

#catalogue p.lien_cat a{
  background-color:#d2d2d2;
  background-repeat:no-repeat;
  padding-left:50px;
  display:inline-block;
  line-height:30px;
  margin-top:5px;
  border-radius:0 5px 5px 0;
  color:#414141;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}
catalogue p.lien_cat a:hover{
  background-color:#dfdfdf;
  color:#000;
  text-decoration:none;
}
#catalogue a#add0925{background-image: url("../img/add90205picto.png");}
#catalogue a#decokdo{background-image: url("../img/decokdopicto.png");}
#catalogue a#catmeubles{background-image: url("../img/meubles2025picto.png");}
#catalogue a#catfleurs{background-image: url("../img/fleurs2025picto.png");}
#catalogue a#catepicerie{background-image: url("../img/vp2025picto.png");}
#catalogue a#catdrog{background-image: url("../img/drogbriecopicto.png");}
#catalogue a#cat40{background-image: url("../img/picto_cat40.png");}
#catalogue a#cat41{background-image: url("../img/picto41.png");}
#catalogue a#cat42{background-image: url("../img/picto42.png");}
#catalogue a#cat41bis{background-image: url("../img/picto41bis.png");}
#catalogue a#cat41quater{background-image: url("../img/COUV ADDITIF JUIN 20-01 PICTO.jpg");}
#catalogue a#cat40_p1{background-image: url("../img/picto_maison.png");}
#catalogue a#cat40_p2{background-image: url("../img/picto_jardin.png");}
#catalogue a#cat40_p3{background-image: url("../img/picto_meubles.png");}
#catalogue a#cat40_p4{background-image: url("../img/picto_contenants.png");}
#catalogue a#catalogue40bis{background-image: url("../img/picto_catalogue40bis.png");}
#catalogue a#catalogue40ter{background-image: url("../img/picto_catalogue40ter.png");}
#catalogue a#catalogue40terv2{background-image: url("../img/picto_catalogue40ter_v2.png");}
#catalogue a#origa2015{background-image: url("../img/picto_origa2015.png");}
#catalogue a#origa4{background-image: url("../img/picto_origa4.png");}
#catalogue a#cat41quinquies{background-image: url("../img/picto_CAT41-Quinquies.jpg");}
#catalogue a#catsept2024{background-image: url("../img/picto_sept_2024.jpg");}




/* ==========================================================================
   SHOWROOMS
   ========================================================================== */

#contenu .bloc_showroom h2{
    padding-bottom:10px;
    border-bottom:1px solid #eee;
}

#contenu .bloc_showroom i{
    margin-right:15px;
}


/* ==========================================================================
   ACTUALITES
   ========================================================================== */

#actualite article{
    margin-bottom:50px;
    padding-bottom:50px;
    border-bottom:1px solid #eee;
}

#actualite article .date i{
    color:#FF004C;
    margin-right:15px;
    vertical-align:middle;
}

#actualite article .date span{
    font-weight:bold;
}


/* ==========================================================================
   CGV
   ========================================================================== */

#contenu_cgv h3{
    padding-bottom:10px;
    border-bottom:1px dashed #C4C2C2;
    margin-top:50px;
}

#contenu_cgv h4{
    font-size:14px;
    font-weight:bold;
}

#contenu_cgv ul{
    padding-left:15px;
}



/* ==========================================================================
   NEWSLETTER
   ========================================================================== */

#newsletter .btn.valid{
    margin-top:20px;
}


/* ==========================================================================
   MAINTENANCE
   ========================================================================== */

#maintenance .container{
    text-align:center;
}

#maintenance img{
    margin:30px 0 100px 0;
}

#maintenance p {
    font-size:26px;
    text-align:center;
    margin-top:30px;
}

#maintenance i {
    font-size:250px;
    color:#eee;
    margin-top:50px;
}



/* ==========================================================================
   SITEMAP
   ========================================================================== */

#sitemap section ul ul {
    padding-left:20px;
}

#sitemap section > ul {
    list-style-type:none;
}

#sitemap section > ul > li {
    background:#f4f4f4;
    margin-bottom:20px;
    padding-bottom:10px;
}

#sitemap section > ul > li > a {
    color:#fff;
    padding:10px;
    display:block;
}

#sitemap section > ul > li.rose > a {
    background:#ba2570;
}

#sitemap section > ul > li.vert > a {
    background:#67840f;
}

#sitemap section > ul > li.orange > a {
    background:#d9620c;
}

#sitemap section > ul > li.bleu > a {
    background:#0073a4;
}

#sitemap section > ul > li > ul > li {
    margin:10px 0;
}

#sitemap section > ul > li > ul > li > a {
    font-weight:bold;
}




/* ==========================================================================
   CONTACT
   ========================================================================== */

#contact ul#tabs{
    margin-top:50px;
}

#contact ul#tabs li{
    font-weight: bold;
}

#contact .tab-pane{
    padding-top:50px;
}

#contact .form-register label{
    font-weight: normal;
}



/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media only screen and (max-width: 499px){
    #cookies .btn.valid,
    #enattente-siren .btn.valid,
    #newsletter .btn.valid,
    #mdpoublie .btn.valid,
    #contact .btn.valid{
        display:block;
        width:100%;
        padding:20px 0;
    }
    #catalogue .lien_cat a{
        width:100%;
        margin-bottom:10px;
    }
    #contact ul#tabs li a{
        font-size: 12px;
        padding:10px 5px;
    }
}

@media only screen and (max-width: 399px){
    #contact ul#tabs li a{
        font-size: 11px;
    }
}


@media only screen and (min-width: 500px){
    #catalogue .lien_cat a{
        width:350px;
    }
}


@media only screen and (max-width: 767px){
    #enattente-siren form > div > div:first-of-type{
        font-weight:bold;
    }
    #contenu .bloc_showroom{
        margin-bottom:30px;
    }
}


@media only screen and (min-width: 768px){
    #enattente section,
    #enattente-siren section,
    #newsletter section,
    #maps-ko section,
    #produit-404 section{
        min-height:300px;
    }
    #enattente-siren form > div > div{
        display:inline-block;
    }
    #enattente-siren form > div > div:first-of-type{
        width:150px;
    }
    #enattente-siren form input[type="text"]{
        display:inline;
        width:200px;
    }
    #contenu #showroom-slider{
        margin:30px 0;
    }
    #contenu .bloc_showroom:first-of-type{
        padding-right:20px;
    }
    #actualite article .content{
        padding-left:20px;
        border-left:1px dashed #eee;
    }
    #actualite article .content h2{
        margin-top:0;
    }
    #sitemap section > ul > li > ul > li {
        font-size:13px;
    }
    #sitemap section > ul > li > ul > li > ul > li {
        font-size:11px;
    }
}


@media only screen and (max-width: 991px){
    
}


@media only screen and (min-width: 992px){
    
}