@media (min-width: 768px) and (max-width: 1024px){
.titreValeur {
    font-weight: normal;
    font-size: 1.4rem !important;
}
#bandeauNoel h1 {
        font-size: 4rem !important;
     }
    #bandeauNoel h2 {
        font-size: 1.5rem !important;
    } 
    #catMeaNoel h2.titreRubrique {margin-top:30px !important;}

    p.intro{font-size: 1.4rem !important;}

    #noelHommeFemme h2.titreRubrique, #catMeaNoel h2.titreRubrique, #cadeauxBoutiquesNoel .boxCategorie h2.titreRubrique   {
    margin-top: 30px !important;
}
}
@media (min-width: 768px) {
.titreProduit{  
    font-family: 'cabin', sans-serif;
    font-weight: 600;
    font-size:1.5rem;
    line-height: 2rem;
    margin:10px 0 2px 10px;
}
 #commuCadeaux img {
    padding: 0 90px;
}
#cadeauxMarques img { 
    padding: 30px 80px;
}
#inscriptionNews{
    margin-top: 40px;
    background-color:#ffecee;
    font-size:1.8rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color:#333;
    padding: 25px;
}
#inscriptionNews input{
    border:1px solid #e0e0e0;
    height:43px;
    border-radius:5px;
    width: 60%;
    padding:10px 10px;
    outline:none;
    float: right;
    font-weight: 500;
    font-size:1.6rem;
    color:#999;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}

#inscriptionNews button{
    background-color: #ff5060;
    color:#fff;
    border:none;
    outline:none;
    border-radius:5px;
    padding:10px 40px;
    float: left;
    font-size:1.6rem;   
    font-weight: 600;
    -moz-box-shadow: 0px 2px 0px 0px #e5e5e5;
    -webkit-box-shadow: 0px 2px 0px 0px #e5e5e5;
    -o-box-shadow: 0px 2px 0px 0px #e5e5e5;
    box-shadow: 0px 2px 0px 0px #e5e5e5;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5, Direction=180, Strength=0);
}
#inscriptionNews button:hover {background-color: #c11424;}

.titreValeur{
    font-weight: normal;
    font-size: 1.4rem;
    margin:10px 0 0 10px;
    color:#7d7d7d;
}
.accrocheCollection {
    color: #666;
    font-family: 'cabin', sans-serif;
    font-size: 1.8rem;
    margin-top: 20px;
}
 .titreCollection{
    font-size:2.5rem;
    margin-top:5%;
    font-family: 'cabin', sans-serif;
    font-weight: 500;
    color:#333; 
}
#nosEngagements img {
    max-width: 45px;
}

#nosEngagements .col-md-3:last-child img {
    max-width: 60px;
}
h1.titreHP{
    font-family: 'cabin', serif; 
    margin-top:10px;
    margin-bottom:0px;
    text-align: center;
    font-size: 3rem;
}
h1.titreHP span{
    font-family: 'satisfy', serif; 
    font-size: 4rem;
    margin-left: 3px;
}

h2.titreRubrique{
    font-family: 'cabin', serif; 
    margin-top:50px;
    margin-bottom:5px;
    text-align: center;
    font-size: 2.5rem;
}

h2.titreRubrique span{    
    font-family: 'satisfy', serif; 
    font-size: 3.5rem;
    margin-left: 3px;
}

/*Zoom collection*/

.textCollection{
    margin: 15px 0 30px 0;
    font-size:1.8rem;
    font-family: 'cabin', sans-serif;
      text-decoration: none;
    font-weight: 400;
   /* color: #889b01 !important; 03/10*/
}
.textCollection:hover{text-decoration: underline;}
.textCollection.produitsnew{
    margin-top: 65px !important;
    font-size:1.6rem;
    font-family: 'cabin', sans-serif;
    font-weight: 400;
   text-decoration: underline;
   text-align: right;
   color:#acc11b ;
}
.textCollection.produitsnew a {color:#acc11b;}
h3.titreCategorie{
    position: relative;
    color:#494949;
    font-family: 'cabin', sans-serif;
    font-weight: normal;
    font-size:2rem;
    margin:10px 0 15px 10px;
}
.prixProduit{
    font-family: 'cabin', sans-serif;
    font-size:1.6rem;
    line-height: 2rem;
    color:#889b01;
    font-weight: 500;
    margin:0 0 10px 10px;
}
#catMea p{
    font-size:1.8rem;
    font-family: 'cabin', sans-serif;
    font-weight: 400;
    color: #666;
    padding-right: 10px;
    line-height:2.2rem;
}
#catMea p a {color: #889b01;}
.spanVoirTout{position:absolute;top:50px;right:10px;}
#collectionFC .spanVoirTout {top:92px;}
#collectionCF .spanVoirTout {top:82px;}
/*.lienVoirTout{color:#889b01;text-decoration:none;font-family: 'cabin', sans-serif; font-size:1.8rem;}
.lienVoirTout:hover{color:#889b01;}
03/10*/
#cadeauxUne h2.titreRubrique, #cadeauxBoutiques h2.titreRubrique, #collectionCF h2.titreRubrique, #cadeauxBoutiquesNoel h2.titreRubrique, #ambianceNoel h2.titreRubrique, #noelPerso h2.titreRubrique, #cadeauxEvenement h2.titreRubrique {margin-top:40px;}
#collectionCF h2.titreRubrique, #collectionFC h2.titreRubrique {margin-bottom: 5px;}
#cadeauxNouveaux h2.titreRubrique {margin-top:40px;}
/*#cadeauxNouveaux .spanVoirTout {top:40px;}*/

    #bandeauNoel {
        position: relative;
    }
    #bandeauNoel h1 {
        font-weight: 700;
        font-size: 5rem;
        font-family: 'satisfy', serif;
    }
    #bandeauNoel h2 {
        font-weight: 500;
        font-family: 'Cabin', sans-serif;
        font-size: 1.8rem;
    } 
    #bandeauNoel .titreNoel {
        margin-top:10px; margin-bottom: 30px;
        position: absolute;
        left: 50%;
        top: 77%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
}
#noelHommeFemme h2.titreRubrique, #catMeaNoel h2.titreRubrique, #cadeauxBoutiquesNoel .boxCategorie h2.titreRubrique   {
    font-size: 2.5rem;
    margin-bottom: 20px;
    margin-top: 55px;
}
#cadeauxBoutiquesNoel .boxCategorie.cave h2.titreRubrique {
  font-size: 2.5rem;
    margin-bottom: 5px;
    margin-top: 15px;
}
#catMeaNoel .boxCategorie, #noelHommeFemme .boxCategorie, #cadeauxBoutiquesNoel .boxCategorie {
    max-height: 250px !important;
}
#cadeauxBoutiquesNoel .boxCategorie.cave {
    max-height: 514px !important;
}
}

/*début mobile*/
@media (max-width: 767px) {
    
    h1.titreHP{
    font-family: 'cabin', serif; 
    margin-top:15px;
    margin-bottom:10px;
    text-align: center;
    font-size: 2.5rem;
}
h1.titreHP span{
    font-family: 'satisfy', serif; 
    font-size: 3.5rem;
    margin-left: 3px;
}
    #cadeauxUne h2.titreRubrique, #cadeauxBoutiques h2.titreRubrique, #cadeauxEvenement h2.titreRubrique {margin-top:30px;margin-bottom: 5px !important;}
    #cadeauxNouveaux h2.titreRubrique {margin-top:20px;margin-bottom: 5px !important;}
    .lienVoirTout{color:#889b01;text-decoration:none;font-family: 'cabin', sans-serif; font-size:1.6rem;}
    .spanVoirTout{position:relative;margin-bottom: 15px;}
    .lienVoirTout:hover{color:#889b01;}
  .titreCollection{
    font-size:1.8rem;
    margin-top:5%;
    font-family: 'cabin', sans-serif;
    font-weight: 500;
    color:#333; }
#bandeauNoel .titreNoel {
        margin: -20px 0 0 0 !important;
    }
      #bandeauNoel h1 {
        font-weight: 700;
        font-size: 4.5rem;
        font-family: 'satisfy', serif;
        margin-top: 30px;
    }
    #bandeauNoel h2 {
        font-weight: 500;
        font-family: 'Cabin', sans-serif;
        font-size: 1.6rem;
    }
.accrocheCollection {
    font-size: 1.4rem;
    color: #666;
    margin-top: 20px;
    font-family: 'cabin', sans-serif;
}
    .titreProduit{  
    font-family: 'cabin', sans-serif;
    font-weight: 600;
    font-size:1.4rem;
    line-height: 2rem;
    margin:10px 0 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#catMea .titreRubrique{margin:10px 0;font-size: 1.8rem;}
#commuCadeaux img {
    padding: 0px;
}
#cadeauxMarques img { 
    padding: 0;
}
#inscriptionNews{
    margin-top: 40px;
    background-color:#eee;
    font-size:1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color:#333;
    padding: 20px 0;
}
#inscriptionNews input{
    border:1px solid #e5e5e5;
    height:40px;
    border-radius:5px;
    width: 100%;
    padding:20px 10px;
    outline:none;
    margin-right: 10px;
}
#inscriptionNews button{
    background-color: #ff5060;
    color:#fff;
    border:none;
    outline:none;
    border-radius:5px;
    padding:10px 40px;
    float:none;
    margin-top:10px;
}
#inscriptionNews{
    margin-top: 40px;
    background-color:#eee;
    font-size:1.5rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color:#333;
    padding: 20px 0;
}
.titreValeur {
    font-weight: normal;
    font-size: 1.2rem;
    margin-top: 20px;
    text-align: center;
}
#cadeauxNouveaux h2{margin-top:20px;}
#nosEngagements .col-xs-4 {padding:0 !important;
}
#nosEngagements img {
    padding:0 20px;
}

h2.titreRubrique{
    font-family: 'cabin', serif; 
    margin-top:30px;
    margin-bottom:15px;
    text-align: center;
    font-size:2rem;
}
h2.titreRubrique span{    
    font-family: 'satisfy', serif; 
    font-size: 2.8rem;
}
.textCollection{
    margin: 15px 0 30px 0;
    font-size:1.4rem;
    font-family: 'cabin', sans-serif;
    font-weight: 400;
   color:#333; 
   text-decoration: none;
   color: #889b01;
}

h3.titreCategorie{
    position: relative;
    color:#494949;
    font-family: 'cabin', sans-serif;
    font-weight: normal;
    font-size:1.6rem;
    margin:10px 0 15px 10px;
}
.prixProduit{
    font-family: 'cabin', sans-serif;
    font-size:1.4rem;
    line-height: 2rem;
    color:#889b01;
    font-weight: 500;
    margin:0 0 10px 10px;
}
#catMea p{
    font-size:1.4rem;
    font-family: 'cabin', sans-serif;
    font-weight: 400;
    color: #666;
    padding-right: 10px;
    line-height:2.2rem;
    margin-top: 15px;
}
#catMea p a {color:#889b01;}
#commuCadeaux p{font-size:1.1rem;}
#commuCadeaux div.col-xs-4{padding:0 10px !important;}
}
/*fin mobile*/
a {color:#333;}
.produitPopulaire, .produitNouveau {
    background-color: #000;
    position: absolute;
    top:3px;
    left:8px;
    height:30px;
    width:90px;
} 
.produitPopulaire {background: url("../images/populaire.jpg") no-repeat left center;    z-index: 1;}
.produitNouveau {background: url("../images/nouveaute.jpg") no-repeat left center;    z-index: 1;}
/* fix*/
/*Nos engagements*/
#nosEngagements {
    margin-top:5px;
    font-family: 'cabin', sans-serif;
    color:#333;
    font-size: 1.5rem;
}


#cadeauxUne .textCollection, #cadeauxNouveaux .textCollection  {
    margin:0px;
}
.boxProduit {
    background-color: #fff;
    min-height: 1px;
    position: relative;
    overflow:hidden;
}
.boxCategorie{
    border:2px solid #eee;
    min-height: 1px;
    position: relative;
    overflow:hidden;
}

.boxCategorie img{
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: .2s all;
}
.boxCategorie:hover , .boxProduit:hover {-webkit-filter: brightness(95%);
}
.boxCategorie.nohover:hover {-webkit-filter: brightness(100%);}
img:focus, a:focus, p:focus, div:focus{outline:none;}
.boxCategorie:hover p.textCollection {text-decoration: underline;}
.boxProduit:hover .titreProduit {text-decoration: underline;}

.boxCategorie a:hover, .boxProduit a:hover {
    text-decoration: none;
}
.boxProduit p.note img{
    margin:0 5px 2px 0;
}
p.evalNote, p.dateNote, .boxProduit p.note{
    margin-bottom: 5px;
    font-family: 'cabin', sans-serif;
    color:#666;
}
p.dateNote{font-size: 1.3rem;}
/*p.evalNote{
    width:80%;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}*/


.voirTous {
font-family: 'cabin', sans-serif;
    font-size:1.8rem;
    color:#666;
    font-weight: 500;

}

.voirTous:hover {
font-family: 'cabin', sans-serif;
    font-size:1.8rem;
    color:#ff5060;
    font-weight: 500;
    text-decoration: underline;

}
.separation {margin-top:15px;}


/*Tendances semaines*/
#tendancesSemaine h2{margin-bottom: 15px;}
p.intro{ 
    font-size:1.6rem;
    font-family: 'cabin', sans-serif;
    font-weight: 400;
    color: #666;
    margin-bottom: 10px;
}
/* Catégorie mise en avant*/
#catMea{
    margin-top:50px;
}
#catMea .col-xs-6:last-child{padding:0 20px !important;}

@media (min-width:1200px){
#catMea .titreRubrique{
    margin-top:170px;
    margin-bottom: 20px;
    font-size: 2.5rem;
}
#catMea p {
        margin-bottom: 30px;
}
}
@media (min-width:991px) and (max-width:1199px){
#catMea .titreRubrique{
    margin-top:120px;
    margin-bottom: 20px;
    font-size: 2rem;
}
.titreValeur {
    color: #7d7d7d;
    font-size: 1.2rem !important;
    font-weight: normal;
    margin: 10px 0 0 10px;
}
}
/*marques*/

/*blog cadeaux*/
#blogCadeaux a:hover {
    text-decoration: none;
}
#blogCadeaux .titreCollection{
    font-size: 2.2rem;
}
#blogCadeaux p{
    font-size: 1.4rem;
}
/*vousnous*/
button#lirelasuite{
    background-color: #ffffff;
    border: none;
    padding: 0;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: underline;
    outline: none;
    color: #212112;
    font-size: 15px;}

   header .barre-promo-new p {
    font-family: 'cabin', sans-serif;
}