/*DEBUT VITRINE*/
.boxfivecolumns{width:33%;padding-left:0px;padding-right:5px;margin-bottom:20px;}
.boxcontainer{background:#fff;font-size:12px;text-align:center;border:1px solid #eee;border-bottom:double #ddd}
.boxcontainer2col{height:350px}
.mosaicover2col{height:260px}
.mosaicover4col{height:177px}
.mosaicover5col{height:140px}
.boxcontainer p{margin-bottom:10px}
.boxcontainer h1{font-size:13px;line-height:1;font-family:OpenSansRegular;font-weight:700;padding-left:10px;padding-right:10px}
.boxcontainer h1 a{padding-bottom:10px;border-bottom:1px solid #eee;display:block;color:#222}
.boxcontainer ul {padding: 0;}
.boxcontainer ul li{list-style: none;}
.boxcontainer ul li img { max-width: 100%;}

.title{position:relative;padding:2px 30px;margin:5px 0 5px 0;color:#fff;font:bold 14px Arial,Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;background-color:#00BEFF;background-image:-moz-linear-gradient(#00BEFF,#0099CC);background-image:-webkit-gradient(linear,left top,left bottom,from(#00BEFF),to(#0099CC));background-image:-webkit-linear-gradient(#00BEFF,#0099CC);background-image:-o-linear-gradient(#00BEFF,#0099CC);background-image:-ms-linear-gradient(#00BEFF,#0099CC);background-image:linear-gradient(#00BEFF,#0099CC);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7)}
.title:hover{background-color:#0099CC;background-image:-moz-linear-gradient(#0099CC,#00BEFF);background-image:-webkit-gradient(linear,left top,left bottom,from(#0099CC),to(#00BEFF));background-image:-webkit-linear-gradient(#0099CC,#00BEFF);background-image:-o-linear-gradient(#0099CC,#00BEFF);background-image:-ms-linear-gradient(#0099CC,#00BEFF);background-image:linear-gradient(#0099CC,#00BEFF)}
.title:active,.title:focus{background:#0099CC;top:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,.7) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7) inset;box-shadow:0 0 3px rgba(0,0,0,.7) inset}
.title p{color:#fff;}
.signup{position:relative;cursor: pointer;padding:8px 0px;min-width:90%;margin:5px 0 5px 0;color:#fff;font:bold 14px Arial,Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;
	background-color:#0099CC;
	background-image:-moz-linear-gradient(#0099CC,#00BEFF);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#0099CC),to(#00BEFF));
	background-image:-webkit-linear-gradient(#0099CC,#00BEFF);
	background-image:-o-linear-gradient(#0099CC,#00BEFF);
	background-image:-ms-linear-gradient(#0099CC,#00BEFF);
	background-image:linear-gradient(#0099CC,#00BEFF);
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7)}
.signup:hover{background-color:#00BEFF;background-image:-moz-linear-gradient(#00BEFF,#0099CC);background-image:-webkit-gradient(linear,left top,left bottom,from(#00BEFF),to(#0099CC));background-image:-webkit-linear-gradient(#00BEFF,#0099CC);background-image:-o-linear-gradient(#00BEFF,#0099CC);background-image:-ms-linear-gradient(#00BEFF,#0099CC);background-image:linear-gradient(#00BEFF,#0099CC)}
.signup:active,.signup:focus{background:#00BEFF;top:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,.7) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7) inset;box-shadow:0 0 3px rgba(0,0,0,.7) inset}

.nosignup{position:relative;cursor: pointer;padding:8px 0px;min-width:90%;margin:5px 0 5px 0;color:#fff;font:bold 14px Arial,Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;background-color:#37DDCC;background-image:-moz-linear-gradient(#37DDCC,#37BECC);background-image:-webkit-gradient(linear,left top,left bottom,from(#37DDCC),to(#37BECC));background-image:-webkit-linear-gradient(#37DDCC,#37BECC);background-image:-o-linear-gradient(#37DDCC,#37BECC);background-image:-ms-linear-gradient(#37DDCC,#37BECC);background-image:linear-gradient(#37DDCC,#37BECC);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7)}
.nosignup:hover{background-color:#37BECC;background-image:-moz-linear-gradient(#37BECC,#37DDCC);background-image:-webkit-gradient(linear,left top,left bottom,from(#37BECC),to(#37DDCC));background-image:-webkit-linear-gradient(#37BECC,#37DDCC);background-image:-o-linear-gradient(#37BECC,#37DDCC);background-image:-ms-linear-gradient(#37BECC,#37DDCC);background-image:linear-gradient(#37BECC,#37DDCC)}
.nosignup:active,.nosignup:focus{background:#37BECC;top:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,.7) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7) inset;box-shadow:0 0 3px rgba(0,0,0,.7) inset}

@media screen and (max-width:600px){.boxfivecolumns,.boxfourcolumns,.boxthreecolumns,.boxtwocolumns{width:100%}}
@media screen and (min-width:601px) and (max-width:1024px){.boxfivecolumns{width:33%;}.title{padding:2px 20px;}}

.boxcontainer h3 span:nth-child(2){ 
	display: block; font: bold 16px/50px Georgia,Serif;
	font-size: 1.4em; color: #777; background: #fff; 
	border: 5px solid #fff; 
	width: 120px; 
	margin: 10px auto -40px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; 
	border-radius: 15px; 
	-moz-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; 
	-webkit-box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; 
	box-shadow: 0 5px 20px #ddd inset,0 3px 0 #999 inset; 
}
.compo{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	min-height:30px;
}

.btn-info,.btn3d{
	padding: 0px 5px;
	display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background-color: transparent; */
    /* border: 1px solid transparent; */
    font-size: 2rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff;
	background-color:#00BEFF;
	background-image:-moz-linear-gradient(#00BEFF,#0099CC);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#00BEFF),to(#0099CC));
	background-image:-webkit-linear-gradient(#00BEFF,#0099CC);
	background-image:-o-linear-gradient(#00BEFF,#0099CC);
	background-image:-ms-linear-gradient(#00BEFF,#0099CC);
	background-image:linear-gradient(#00BEFF,#0099CC);
}

.btn-info:hover, ,.btn3d:hover{background-color:#00BEFF;background-image:-moz-linear-gradient(#00BEFF,#0099CC);background-image:-webkit-gradient(linear,left top,left bottom,from(#00BEFF),to(#0099CC));background-image:-webkit-linear-gradient(#00BEFF,#0099CC);background-image:-o-linear-gradient(#00BEFF,#0099CC);background-image:-ms-linear-gradient(#00BEFF,#0099CC);background-image:linear-gradient(#00BEFF,#0099CC)}
.btn-info:active,.btn-info:focus,.btn3d:active,.btn3d:focus{background:#00BEFF;top:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,.7) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7) inset;box-shadow:0 0 3px rgba(0,0,0,.7) inset}


.variations{
	overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    padding: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.variations select {
    padding-right: 20px;
    outline: 0!important;
    margin: 0!important;
    height: 32px;
    min-width: 65%;
}
.variations input {
    height: 100%;
    width: 50px;
    padding: 2px 2px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
	text-align:center;
    margin: 0!important;
}

.deviseText{font-size :8px;float:right;margin-top:-12px;margin-right:20px;color:#777;}
/*FIN VITRINE*/

/*Les boutons de suivi de commande et de voir le panier*/
.actionbutton{position:relative;cursor: pointer;padding:8px 8px;min-width:200px;margin:5px 0 5px 0;color:#fff;font:bold 16px Arial,Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;
background-color:#0099CC;
background-image:-moz-linear-gradient(#0099CC,#00BEFF);
background-image:-webkit-gradient(linear,left top,left bottom,from(#0099CC),to(#00BEFF));
background-image:-webkit-linear-gradient(#0099CC,#00BEFF);
background-image:-o-linear-gradient(#0099CC,#00BEFF);
background-image:-ms-linear-gradient(#0099CC,#00BEFF);
background-image:linear-gradient(#0099CC,#00BEFF);
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7);box-shadow:0 1px 0 rgba(255,255,255,.5),0 2px 0 rgba(0,0,0,.7)}
.actionbutton:hover{background-color:#00BEFF;background-image:-moz-linear-gradient(#00BEFF,#0099CC);background-image:-webkit-gradient(linear,left top,left bottom,from(#00BEFF),to(#0099CC));background-image:-webkit-linear-gradient(#00BEFF,#0099CC);background-image:-o-linear-gradient(#00BEFF,#0099CC);background-image:-ms-linear-gradient(#00BEFF,#0099CC);background-image:linear-gradient(#00BEFF,#0099CC)}
.actionbutton:active,.signup:focus{background:#00BEFF;top:2px;-moz-box-shadow:0 0 3px rgba(0,0,0,.7) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.7) inset;box-shadow:0 0 3px rgba(0,0,0,.7) inset}
/*FIN Les boutons de suivi de commande et de voir le panier*/
/*MODAL INFO*/
#modalTitle{
	color:#000;
	font-size:16px;
	
}
#modalText{
	text-align:justify;
	text-indent:20px;
	
}
/*FIN MODAL INFO*/