#calendardate{background:#136fb8;border: 1px solid #fff;color:#fff;padding:5px;border-collapse: collapse;}
.nameMonth{background:#318ed7 ;color:#fff;font-weight:bold;text-align:center;height:30px;line-height: 30px;font-size: 14px;}
.headDate{float:left;text-align: center;height:25px;line-height: 25px;display:block;width:14.2%;border:1px solid #fff;}

.cellDate{background:#318ed7;border:1px solid #fff;color:#fff;display:block;float:left;width:14.2%;text-align: center;height:25px;line-height: 25px;font-size: 14px;}
.cellDate.enable:hover{background:#fff;color: #575759;cursor:pointer;}
.cellDate.active{background:#02529b;color:#318ed7;cursor:pointer;}
.cellDate.disable{opacity: 0.2;}
.elDate{background: #2ccddf;border-radius: 8px;color: #318ed7;cursor: pointer;display: block;float: left;margin: 5px 5px 0 0;padding: 3px 5px;}

@media only screen and (max-width: 1300px){
/*    .blocListe .slide{width: 200px}*/
/*    .blocListe .blocinfo{width: calc(100% - 210px) !important;width: -webkit-calc(100% - 210px) !important;width: -moz-calc(100% - 210px) !important}*/
}

@media only screen and (max-width: 1300px){
/*    .blocListe .slide{width: 250px}*/
/*    .blocListe .blocinfo{width:400px;width: calc(100% - 260px) !important;width: -webkit-calc(100% - 260px) !important;width: -moz-calc(100% - 260px) !important}*/
    #affinage{margin-top: 0}
    .infotxt{line-height: 15px;}
    
}
@media only screen and (max-width: 800px){
    .blocListe .slide{width: 210px;height: 145px !important}
    .blocListe .blocinfo{width:280px;width: calc(100% - 220px) !important;width: -webkit-calc(100% - 220px) !important;width: -moz-calc(100% - 220px) !important}
    .blocdesc{width: 100% !important;margin-left: 0;line-height: 15px}
    .blocPrix .w15P{width: 12%}
    .blocPrix .date{width: calc(52% - 210px) !important;width: -webkit-calc(52% - 210px) !important;width: -moz-calc(52% - 210px) !important;}
    .blocListe .prix{height: 190px}
    .blocListe .avantage{height: 95px;margin-top: 10px}
    .lidate .datecal:nth-child(4){display: none}
}
@media only screen and (max-width: 640px){
    .blocListe{margin: 15px 0 0}
    .blocListe .blocinfo{width: 100% !important;margin-left: 0}
    .blocListe .bestPrice{font-size: 20px !important}
    .carte,.carte .imgcarte{height: 100px;width: 145px;border:none}
    .infotxt{font-size: 11px;line-height: 15px;float: left;width: calc(100%);margin-left: 5px}
    .blocdesc{width: calc(100% - 155px) !important}
    #titreListe{font-family: 'Lato';font-size: initial;font-weight: 700}
}
@media only screen and (max-width: 450px){
    .blocListe .blocphotoinfo{width: 100% !important;float: none}
    .blocListe .slide{width: 100%;float: none;height: 200px !important}
    .blocListe .avantage{margin-top: 10px;height: auto !important}
    .blocListe .blocinfo{width: 100%!important;float: none;margin-left: 0}
    .blocListe .titreliste{margin-top: 10px;overflow: visible;text-overflow: inherit;white-space: inherit;}
    .blocListe .cadeau{float: right;width: calc(100% - 180px)}
    .blocPrix .w15P{width: 12%}
    .blocPrix .date{width: calc(52% - 210px) !important}
    .blocListe .prix{width: 100%;border: none;padding:10px;background-color: #eee;margin-top:20px;height: auto}
    .avantage li{height:20px;line-height: 20px}
}
@media only screen and (max-width: 330px){
    .carte,.carte .imgcarte{width: 130px;}
    .blocdesc{width: calc(100% - 135px) !important}
    .infotxt{width: calc(100% - 60px)}
    
}