@media only screen and (max-width: 720px){
	canvas {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
    	z-index:-1;
    	background-image: url('./images/winter_fantasy_small.png');
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
    	min-width: 100%;
    	min-height: 100%;
	}
}
@media only screen and (min-width: 720px){
	canvas {
		position:fixed;
    	left:0;
    	top:0;
    	bottom: 0;
    	right:0;
    	z-index:-1;
    	background-image: url('./images/winter_fantasy.png');
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: 100% 100%;
	}
}

body{
	padding-top: 70px;
	padding-bottom: 70px;
	overflow-y: scroll;
	overflow-y: none;
	background-color: #000;
	/*background-image: url('../images/testPattern6.jpg');
	background-repeat: repeat;
	background-attachment: fixed;*/
}


.navbar{
	box-shadow: 0px 5px 5px #000036;
	-webkit-box-shadow :0px 5px 5px #000036;
	-moz-box-shadow: 0px 5px 5px #000036;
}

.bartitre{

	padding: 10px 20px;
	color :#fff;
	font-size: 24px;
	margin:0 20px 0 20px;
}

.pointfort{
	color: rgb(209, 208, 169);
}

.contenu{
	display: table;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width:90%;
	margin: 20px auto;
	margin-bottom: 20px;
	padding: 5px 25px 25px 25px;
	background-color: #fff;

}


.box_explic{
	text-align: left;
	width: 353px;
	min-height: 450px;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: 0px 0px 15px #010588;
	-moz-box-shadow: 0px 0px 15px #010588;
	box-shadow: 0px 0px 15px #010588;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 10px;
	margin:10px;
}

.boitabox{
	
	text-align: center;
}


.product_box{

/*	background-image: url('images/fondBoxNeige16.jpg');*/
 	background: rgba(50,50,70,0.7);
	text-align: left;
	display:inline-block;
	/*background-color: #e7e1dc;*/
	width: 290px;
	height: 545px;
	padding: 0px 10px 0px 10px;
	margin: 15px;
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*-webkit-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
	box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);*/



}

.product_box:hover{

	-webkit-box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.5);
}

.info_box{
	float:right;
	margin-top :10px;
}

.product_title{

	font-size: 22px;
	color:rgb(255, 255, 255);
	padding: 10px;
	text-shadow: 0px 0px 5px rgb(0, 0, 0);
}

.product_grandeur{

	padding: 10px;
	font-size :18px;
	height: 60px;

}

.selecGrandeur{
	margin-bottom: 15px;

}

.product_price{

	font-style: italic;
	color: #66e7e1;
	font-size: 20px;
	padding: 5px;
	margin-top: -10px;
	margin-left: 10px;
	text-shadow: 0px 0px 5px rgb(0, 0, 0);

}

.product_description{

	height: 50px;
	margin: 15px 5px 0px 5px;
	color: #fff;
	text-shadow: 0px 0px 10px rgb(0, 0, 0);

}

.product_remarque{

	margin: 0px 5px 0px 5px;	
	height: 90px;
	color: #fff;
	text-shadow: 0px 0px 10px rgb(0, 0, 0);

}


.product_image{

	margin: 0 auto;
	height: 200px;
	width: 200px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;

}

.product_image img{

	height: 200px;
	width: 200px;
}


.popover{
	position: fixed;
}

.popover-title{
	font-size: 18px;
	
}

.popover-content{
	font-size: 15px;
	
}

#badge{
	background-color: #428BCA;
}


.ajouter{

	margin-right: 15px;
	margin-left: 15px;
	height: 45px;
	padding: 6px 12px;
	font-size: 18px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}

.mytable{

	margin-top: 15px;
	background-color: rgba(255,255,255,0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 97.8%;
	margin: 0 auto;

}


.mon_form{

	display: inline-block;
	vertical-align: top;
	margin-top:20px;
	padding: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.8);
	margin-left: 2%;
	margin-right: 2%;
	width :45.8%;
	min-width: 400px;
}


.monalerte{

	display: none;
	margin-bottom: 10px;
	font-size: 18px;
	width: 100%;
}

#reponsecontact{
	display: none;
}

#reponsecommande{
	display: none;
}


.repere{


	margin-right: 50px;
	position: fixed;
	top:0px;
	right: 0px;
	width: 200px;
	height: 80px;

}

#ajaxloader{
	display: none;
}

input:required, textarea:required{
	background-image: url(images/required.png);
	background-repeat: no-repeat;
	background-position: 100% center;
}

input:focus:invalid, textarea:focus:invalid{
	background-image: none;
	border-style: none;
	-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	-moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
}

input:focus:valid, textarea:focus:valid{
	background-image: none;
}

input:valid, textarea:valid{
	background-image: none;
}

input[type="radio"], input[type="checkbox"]{
	background-image: none;
}

.choisirjour{
	display: none;
}

.retrait{
	display: none;
}

.btn-blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  50% {
    opacity: 0.3;
  }
}