@charset "utf-8";
/* CSS Document */

#conteneur {
    background: black url('../images/background/fond_cal.jpg') ; 
    background-size: cover;
	display:flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: space-around;
}
 @media screen and (max-width: 640px) {
        #conteneur {padding-left: 190px;}
 }

.scrolling-wrapper {
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  overflow-scrolling: touch;
  white-space: nowrap;
  background-color: black;
}

.conteneur_mois {
	display:block;
	width:10%;
	min-width: 100px;
	margin-left: 1%;
	margin-right: 2%;
	margin-top: 10px;
	border-width: 2px;
	border-color: bistre;
	color:aliceblue;
}

.conteneur_jardins {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width:100%;
	height:auto;
	margin-top: 5px;
    border-width: 3px;
	border-color: blue;
	border-style: solid;
}
.conteneur_jardins:hover {
	border-color : red;
}

.conteneur_jardins:last-child {
	margin-bottom: 15px;
}

.mois {
	display: block;
	width:100%;
	height:125px;
	text-align: center;
	font-size: 16px; 
	border: 3px;
	border-color: blue;
	border-style: solid;
	margin-bottom: 5px;
    background-color: blue;
}

.mois img {
	width:100%;
}

.mois:hoover {
	border:5px;
	border-color: crimson;
}

.date {
	display: block;
	background-color:blue;
	width:100%;
	height:20px;
	text-align: center;
	color: aliceblue;
	padding-top: 1px;
}
.nom {
	display: block;
	background-color:azure;
	width:100%;
	height:20px;
	color:blue;
	text-align:center;
	font-size: 12px;
	}
.jardin {
	display: block;
	background-color:black;
	width:100%;
	height:100px;
}
.jardin:hover {
    border: 5px;
}
.jardin img {
	width:100%;
	height: 100%;
	margin: auto;
}
.jardin:hoover {
border:5px;
border-color: crimson;
}