﻿

.hzslider {  
 
scroll-snap-align: start; 
 width:100%;
  height:400px;  
  display: flex;   
 overflow-x: auto;

}




.hzslider img {  margin-right: 15px;}


.hzslider content { min-width:200px;  }


.hzslider::-webkit-scrollbar {    display: none;}





.conainer {
  scroll-snap-type: y mandatory;
}

.chid {
  scroll-snap-align: start;
}






.Liseret2 {
-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background-color:transparent;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:6px 24px;
	text-decoration:none;
        min-width: 200px;
  max-height: 380px;
 margin: 7px;
scroll-snap-align: start;


	
}
.Liseret2:hover {
	background-color:transparent;
}
.Liseret2:active {
	position:relative;
	top:1px;
}




.image1 {
  border-radius: 15px;
  padding: 10px; 
  max-height: 350px;  
}





.BoutonBleu {
	-moz-box-shadow: 3px 4px 0px 0px #591f1a;
	-webkit-box-shadow: 3px 4px 0px 0px #591f1a;
	box-shadow: 3px 4px 0px 0px #591f1a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #206fc4), color-stop(1, #3866f0));
	background:-moz-linear-gradient(top, #206fc4 5%, #3866f0 100%);
	background:-webkit-linear-gradient(top, #206fc4 5%, #3866f0 100%);
	background:-o-linear-gradient(top, #206fc4 5%, #3866f0 100%);
	background:-ms-linear-gradient(top, #206fc4 5%, #3866f0 100%);
	background:linear-gradient(to bottom, #206fc4 5%, #3866f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#206fc4', endColorstr='#3866f0',GradientType=0);
	background-color:#206fc4;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #193ecf;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
		padding:10px 10px;
	text-decoration:none;
	text-shadow:2px 2px 0px #380704;
width:200px;
max-heigth:350px;


 margin: 7px;

}
.BoutonBleu:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3866f0), color-stop(1, #206fc4));
	background:-moz-linear-gradient(top, #3866f0 5%, #206fc4 100%);
	background:-webkit-linear-gradient(top, #3866f0 5%, #206fc4 100%);
	background:-o-linear-gradient(top, #3866f0 5%, #206fc4 100%);
	background:-ms-linear-gradient(top, #3866f0 5%, #206fc4 100%);
	background:linear-gradient(to bottom, #3866f0 5%, #206fc4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3866f0', endColorstr='#206fc4',GradientType=0);
	background-color:#3866f0;
}
.BoutonBleu:active {
	position:relative;
	top:1px;
}
     

/*transform: rotate(270deg);*/


.accordion-title {
   background-color: #4CAF50;
  width:100px;
  color: white;
  font-size: 17px;
  height:300px;
  text-align:center;

  padding:10px;
  border-radius: 15px;



}

  


.BoutonRouge {
	-moz-box-shadow: 3px 4px 0px 0px #591f1a;
	-webkit-box-shadow: 3px 4px 0px 0px #591f1a;
	box-shadow: 3px 4px 0px 0px #591f1a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:45px;
	font-style:italic;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:2px 2px 0px #380704;
 margin-top: 7px;
}
.BoutonRouge:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.BoutonRouge:active {
	position:relative;
	top:1px;
}
     







