@charset "utf-8";
/* CSS Document */

/* GENERAL */
body {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
#site{   width:100%;    max-width: 2100px; }
.maincontent{ width:100%;   margin-left:auto; margin-right:auto}
.contentLaunch{max-width:1000px; margin:auto; width:100%; }
.largeur {
    margin: auto;
    max-width: 1000px;
}

p{ margin:0; padding:0}
h3{ margin-top:4px; font-size: 36px;line-height: 36px; color: C9C9C9; text-align:center; padding-top:10px}


/* Bloc produit */
.promotion {position: relative;
background-size: auto auto;
background-size: auto auto;
width: 100%;
height: auto;
margin-bottom:70px;

}

.listeproductExclu, .listeproduct{ 
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}


/* Launch */
.jeux{width:100%; position:relative; padding:0;}
.jeux img{ width:100%; height:auto; margin:auto; padding:10px 10px 0 10px}
/* Dual - Exclusives */
.dualbanner .jeux{width:90%; position:relative; padding:0;}

.blocPrdt{     background-repeat: no-repeat; text-align: left; padding: 10px; float: left; width: 100%; }
.blocPrdt h2 { margin-top:15px; font-size:18px; font-weight:normal; margin-bottom:0; min-height:36px; padding:0;     text-align: left;} /* titre */
.blocPrdt a  { text-decoration:none}
.blocPrdt h2:hover, .blocPrdt h2:hover{text-decoration:none}
  
.blocprix{display:table; width:100%}
.prixBarre, .prixNew{ font-weight:normal; }
.prix div{text-align:right; padding-right:10px;}
.prixBarre{color:#888888; font-size:14px; text-decoration:line-through; line-height:14px; }
.prix { padding: 5px 5px 3px 0; display:table-cell; width: 80%; }
.reduction{display: table-cell; vertical-align: middle; text-align: center; min-width: 50px; max-width:75px; height: 50px;font-size: 20px;width:20%}

.jeux .btn{/*width:100%;*/ text-transform:none; background-color:transparent; border:0 ; text-align:center;  margin:0; padding:0; border-radius:0; cursor:pointer; text-decoration:none; color:#ffffff}
.jeux .btn:hover { color:#ffffff;  }
.jeux .btn div{   font-size:14px; font-weight:normal; text-align:center; padding:6px 0; /*width:100%*/}

.blocPrdt p > a{text-decoration:underline}
.buy{display: table-caption;
    vertical-align: middle;
    text-align: center;
    min-width: 100px;
    width: 100%;
   padding: 5px 0;
    caption-side: bottom;
    border-top: 10px solid transparent;
    background-clip: padding-box;

}


/* chrono */
.chrono{  width:100%;  line-height:17px; text-align:center; padding:8px 0; background-color:#ffffff; margin:25px auto 10px auto;background-position-y: center;
background-repeat: repeat-x;background-position-x: left; }  
.chrono .intitule span{  padding:0 4px; text-align:center;}
.chrono .timer span{  padding:0 8px; text-align:center;}
.intitule{ font-size:21px; font-style:italic; font-weight:lighter; color:#888888; width:100%; margin:auto;}
.timer{ font-size:25px; font-style:normal; font-weight:normal; color:#ffffff; padding:8px 0 0 0; width:100%; margin:auto;}
.finPromo{font-size:25px; line-height:39px; font-style:normal; font-weight:normal; color:#ffffff; background-color:#222222; width:100%; margin:auto;}


/* gestion des 4 colonnes par boostrap */
.col-xs-4ths,
.col-sm-4ths,
.col-md-4ths,
.col-lg-4ths {
    position: relative;
    min-height: 1px;
	margin-top:15px;
	width: 100%;
}
 
.col-xs-4ths {
    width: 100%;
    float: left;
}

.dualbanner {margin:auto; float:none; width:100%; margin-top:50px}

/*@media (min-width: 320px) {
.col-sm-4ths {
        width: 49%;
        float: left;
    }
.blocPrdt table td:nth-child(3) {
     width: 22%;
}
}*/



.col-xs-4ths,
.col-sm-4ths,
.col-md-4ths,
.col-lg-4ths {
    position: relative;
    min-height: 1px;
	margin-top:15px;
	width: 100%;
}
 
.col-xs-4ths {
    width: 100%;
    float: left;
}
@media (min-width: 500px) {
.col-md-4ths {
	  width:49%;
	  float: left;
    }
.txtBtn{ display:none;}

 .dualbanner {float:none; width:50%}
  .dualbanner .jeux img{ padding:0}
.intitule, .timer,.finPromo{ width:50%; }

#banner img, #bannerRaffle img{ 
visibility:visible}
#banner{background-image:none; height:auto}
.blocPrdt table td:nth-child(3) {     width: 30%;}

.prix { width:70%;}
.blocPrdt .reduction {font-size:19px; width:25%;}
}
@media (min-width: 550px) {
.txtBtn{ display:inline;}
.glyphicon { display:none;}
}

@media (min-width: 750px) {
.txtBtn{ display:inline;}
.container {width: 95%;}

.col-md-4ths {
	  width:33%;
	  float: left;
    }
}

@media (min-width: 890px) {
.glyphicon { display:inline-block;}
/*.col-md-4ths {
        width:  calc(49% + 15px);
	  width:25%;
      float: left;	
    }*/


}