@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap');

/*display: none;
position: fixed;
bottom: 30px;
right: 50px;
z-index: 150;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 6px;
border-radius: 10px;
font-size: 1.05em;
border-radius: 7px;
}

#haut:hover {
background-color: gray;
}*/
.imgProduit{
	width: 160px !important;
	height:160px !important;
}
/*.imgProduit1{
	width: 200px !important;
	height:160px !important;
}*/
.section1{
	width: 100% !important;
	height: auto!important;
	margin: auto !important;
}
.section1 .card{
    height: 463px;
    margin: auto!important;
	}
#catalog {
	width: 100% !important;
	height: 100%! important;
	overflow-x: hidden!important;
	margin: 0px!important;
	padding: 0px!important;
}
/*#catalog.champ1{
	width: 450px !important;
	height: 30px!important;
}
.boutton{
    width: 230px !important;
	height: 37px!important;
	font-size: 25px;
	padding-top: 1px;
}
*/
#carousel_item1{
	margin:  auto;
	padding-right: 10px! important; 
}
#sect_access{
	margin:  auto!important;
}
#access1{
    width: 160px !important;
	height: 170px !important;
}
.cardcarousel-item{
	width: 270px!important;
	height: 480px!important;
}


header{
	font-size: 23px!important;
}
.v{
	font-family:'Bungee Inline', cursive!important;
	font-size: 23px!important;
}
.v2{
	font-size: 30px!important;
	color: red;
}


.panier{
	display: inline-block;
    position: absolute;
    top: 5px!important;
    right: 70px;
  /* margin-left: 1200px!important;*/
    font-size: 23px!important;
}

.num_panier{
	width: 10px;
    background: red !important;
    position: relative!important;
    bottom: 13px !important;
    right: 15px !important;
    color : white !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    border-radius: 8px !important;		
}
/*debut style  avant footer*/
.paiement_img{
	width: 1000px !important;
    display: inline-block;
}
.paiement1{
    margin-left: 400px !important;
    display: inline-block;
    margin-bottom: 50px;
    position:  relative;
    left: 20% !important;
    z-index: 2;
}
.paiement2{
    margin-left: 40px !important;
    margin-bottom: 5px;
    display: inline-block;
    position:  relative;
    left: 14% !important;
    bottom: 8px!important;
    z-index: 1;
}
#catalog .sectionbas{
	height: 380px!important;
}
  /*fin style  avant footer*/ 
 /*debut style  footer*/ 
   
  footer{
  	
	width: 100%!important;
	font-size: 20px!important;
	position: relative!important;
	bottom: 0px!important;
	/*fin style   footer*/ 
}
   
@media screen and (max-width:767.98px){
	body{
	font-size: 14px;
	margin: auto;
    }
    h1{
    	font-size: 21px;
    }
    #catalogue h4{
    	font-size: 18px;
    	font-weight: bold;
    }
    #catalogue h6{
    	font-size: 16px;
    }
	.container{
		width: 100%;
	}
	
    /*debut style header*/

	header{
	font-size: 16px!important;
	margin:  auto;
}
.v{
	font-family:'Bungee Inline', cursive!important;
	font-size: 16px!important;
}
.v2{
	font-size: 26px!important;
	color: red;
}

.panier{
	display: inline-block;
    position: absolute;
    top: 2px!important;
    right: 70px;
    margin-top: 15px;
    font-size: 16px!important;
  /*margin-left: 1200px!important;*/
    
}


.num_panier{
	width: 10px;
    background: red !important;
    position: relative!important;
    bottom: 13px !important;
    right: 15px !important;
    color : white !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
    border-radius: 8px !important;		
}
/*fin style header*/

	.section1 .card{
		width: 100%;
		height: 440px;
		margin: auto !important;
	}
   .imgProduit{
	width: 130px !important;
	height: 130px !important;
}

.section1{
	width: 100% !important;
	height: auto!important;
}
#catalog {
	width: 100% !important;
	height: 100%! important;
	overflow-x: hidden!important;
	margin: 0px!important;
	padding: 0px!important;
}
/*
#catalog.champ1{
	max-width: 450px !important;
	height: 30px!important;
	margin-right: 15px!important;

}

.boutton{
    width: 230px !important;
	height: 37px!important;
	font-size: 25px;
	padding-top: 1px;

}
*/

#carousel_item1{
	margin:  auto;
	padding-right: 10px! important; 
}
#sect_access{
	margin:  auto!important;
}
#access1{
    width: 160px !important;
	height: 170px !important;
}
.cardcarousel-item{
	width: 270px!important;
	height: 480px!important;
}

  /*debut style  avant footer*/
.paiement_img{
	width: 1000px !important;
    display: inline-block;
}
.paiement1{
    margin-left: 400px !important;
    display: inline-block;
    margin-bottom: 50px;
    position:  relative;
    left: 20% !important;
    z-index: 2;
}
.paiement2{
    margin-left: 40px !important;
    margin-bottom: 5px;
    display: inline-block;
    position:  relative;
    left: 14% !important;
    bottom: 8px!important;
    z-index: 1;
}
#catalog .sectionbas{
	height: 380px!important;
}
  /*fin style  avant footer*/ 
 /*debut style  footer*/ 
   footer{
	width: 100%!important;
	font-size: 16px!important;
	position: relative!important;
	bottom: 0px!important;
   }
 /*fin style   footer*/ 
}

@media screen and  (min-device-width:768px) and (max-device-width:1024px) {
body{
	font-size: 14px!important;
	margin: auto;
    }
    h1{
    	font-size: 21px;
    }
    #catalogue h4{
    	font-size: 18px;
    	font-weight: bold;
    }
    #catalogue h6{
    	font-size: 16px;
    }
    
	.container{
		width: 100%;
	}
	
    /*debut style header*/

	header{
	font-size: 16px!important;
}
.v{
	font-family:'Bungee Inline', cursive!important;
	font-size: 16px!important;
}
.v2{
	font-size: 26px!important;
	color: red;
}
 .panier{
	display: inline-block;
    position: absolute;
    top: 2px!important;
    right: 70px;
    margin-top: 15px;
    font-size: 16px!important;
  /*margin-left: 1200px!important;*/
    
}

.num_panier{
	width: 10px;
    background: red !important;
    position: relative!important;
    bottom: 13px !important;
    right: 15px !important;
    color : white !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
    border-radius: 8px !important;		
}
/*fin style header*/

	.section1 .card{
		width: 100%;
		height: 440px;
	}
   .imgProduit{
	width: 130px !important;
	height: 130px !important;
}
/*.imgProduit1{
	width: 200px !important;
	height:160px !important;
}*/
.section1{
	width: 100% !important;
	height: auto!important;
}
#catalog {
	width: 100% !important;
	height: 100%! important;
	overflow-x: hidden!important;
	margin: 0px!important;
	padding: 0px!important;
}
/*
#catalog.champ1{
	max-width: 450px !important;
	height: 30px!important;
	margin-right: 15px!important;
}

.boutton{
    width: 230px !important;
	height: 37px!important;
	font-size: 25px;
	padding-top: 1px;
}
*/
#carousel_item1{
	margin:  auto;
	padding-right: 10px! important; 
}
#sect_access{
	margin:  auto!important;
}
#access1{
    width: 160px !important;
	height: 170px !important;
}
.cardcarousel-item{
	width: 270px!important;
	height: 480px!important;
}

  /*debut style  avant footer*/
.paiement_img{
	width: 1000px !important;
    display: inline-block;
}
.paiement1{
    margin-left: 400px !important;
    display: inline-block;
    margin-bottom: 50px;
    position:  relative;
    left: 20% !important;
    z-index: 2;
}
.paiement2{
    margin-left: 40px !important;
    margin-bottom: 5px;
    display: inline-block;
    position:  relative;
    left: 14% !important;
    bottom: 8px!important;
    z-index: 1;
}
#catalog .sectionbas{
	height: 380px!important;
}
  /*fin style  avant footer*/ 
 /*debut style  footer*/ 
   footer{
	width: 100%!important;
	font-size: 16px!important;
	position: relative!important;
	bottom: 0px!important;
   }
 /*fin style   footer*/ 
}




.fleche{
	display: flex!important;
	justify-content: flex-end !important;
}
.fleche_retour{
    width: 80px !important;
    height: 70px!important;
    text-align: right !important;
}