#defilementAuto.ordinateur
	{
	z-index: 10;
	left: 0;
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 90%;
	height: 600px;
	white-space: nowrap;
}
#defilementAuto.mobile
	{
	z-index: 10;
	left: 0;
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	height: 600px;
	white-space: nowrap;
}

.positionBlocs
	{
	margin-top:80px;
	margin-left:65px;
	margin-right:50px;
}
	
.enteteBlogue
	{
	display: inline-block;
	width: 280px;
	white-space: wrap;
	vertical-align: bottom;
	padding:  10px;
	padding-left:  20px;
	padding-right:  20px;
	padding-bottom: 20px;
	background-color: white;
	transition: all .3s ease-in-out;
}
  
.enteteBlogue:hover {
	border: 1px solid grey;
	box-shadow: 0px 0px 15px black;
	border-radius: 10px;
	transform: scale(1.3);
	transition: all .3s ease-in-out;
}
  
  
.blocBlogue
	{
    display: table-cell;
	text-align:center;
 	width: 220px;
	height: 300px;
	border: 1px solid black;
	border-radius: 8px;
	box-shadow: 4px 5px 8px black;
}


h2.textBlogue, h3.textBlogue {
  -webkit-text-stroke: 0.6px black;
  font-weight: bold;
}


h2
	{
	font-size: 25px;
  color: #ECFCCA;
}

h3 
	{
	font-size: 20px;
  color: white;
}

.couverture 
	{
	margin-top: 3rem;
	}

.barreD, .barreG 
	{
	position: fixed;
	top:0px;
	width:70px;
	height: 100%;
	}
	
.limite
	{
	display: inline-block;
	white-space: wrap;
	vertical-align: bottom;
	background: #080047;
	width: 5px;
	height: 400px;
	}