@charset "utf-8";

/* historique --> */
#historique {
	padding-top: 1px;
	background: #fff;
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 400px);
	background:    -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 400px);
	background:         linear-gradient(to bottom, #f6f6f6 0%, #ffffff 400px);
}
#historique .slides2 { width: 200%; }
#historique .slides3 { width: 300%; }
#historique .slides4 { width: 400%; }
#historique .slides5 { width: 500%; }
#historique .slides6 { width: 600%; }
#historique .slides7 { width: 700%; }
#historique .slides8 { width: 800%; }
#historique .slides9 { width: 900%; }
#historique .slides10 { width: 1000%; }
#historique .container {
	position: relative;
}
#historique .title span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}
.hist-date {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.csstransforms .hist-date:before,
.csstransforms .hist-date:after {
	content: '';
	display: block;
	position: absolute;
	top: 62px;
	left: 50%;
	z-index: -1;
	width: 240px;
	border-bottom: 2px dashed #35300c;
}
.csstransforms .date-future + .date-future:before,
.csstransforms .date-future:after {
	border-color: #9e9d87;
}
.csstransforms .hist-date:before {
	left: -webkit-calc(50% - 240px);
	left:    -moz-calc(50% - 240px);
	left:         calc(50% - 240px);
}
.hist-date h2 {
	position: relative;
	z-index: 10;
	width: 124px;
	height: 124px;
	margin: 0 auto;
	background-color: #35300c;
	-webkit-border-radius: 62px;
	        border-radius: 62px;
	color: #fff;
	font-family: 'Cabin Sketch', cursive;
	font-size: 36px;
	font-weight: 700;
	line-height: 124px;
	text-align: center;
}
.date-future h2 {
	background: #9e9d87;
}
.hist-date h2:after {
	content: '';
	display: block;
	position: absolute;
	top: 114px;
	z-index: 20;
	opacity: 0;
	-webkit-transition: opacity .3s ease-out, top .3s ease-out;
	   -moz-transition: opacity .3s ease-out, top .3s ease-out;
			transition: opacity .3s ease-out, top .3s ease-out;
}
.hist-date h2:hover:after {
	top: 134px;
	left: -48px;
	width: 220px;
	height: 220px;
	background-position: center center;
	-webkit-border-radius: 110px;
	        border-radius: 110px;
	opacity: 1;
}
.hist-date p {
	margin: 1em 10px;
	font-size: .9em;
	text-align: center;
}
.hist-date p:after {
	content: '';
	display: block;
	width: 125px;
	height: 100px;
	margin: 1em auto 0 auto;
	background: url(../images/sprite-hist-fruits.jpg) no-repeat 0 0;
}
.hist-date:nth-child(even) p:after {
	display: none;
}
.hist-date:nth-child(3) p:after { background-position: -125px 0; }
.hist-date:nth-child(5) p:after { background-position: -250px 0; }
.hist-date:nth-child(7) p:after { background-position: -375px 0; }
.hist-date:nth-child(9) p:after { background-position: -500px 0; }
@media screen and (min-width:480px) {
	.hist-date {
		overflow: visible;
	}
	#historique .slides2 { width: 100%; }
	#historique .slides3 { width: 150%; }
	#historique .slides4 { width: 200%; }
	#historique .slides5 { width: 250%; }
	#historique .slides6 { width: 300%; }
	#historique .slides7 { width: 350%; }
	#historique .slides8 { width: 400%; }
	#historique .slides9 { width: 450%; }
	#historique .slides10 { width: 500%; }
	.csstransforms .hist-date:nth-child(even) h2 {
		margin-top: 130px;
	}
	.csstransforms .hist-date:before,
	.csstransforms .hist-date:after {
		top: 125px;
	}
	.csstransforms .hist-date:before {
		-webkit-transform: rotate(-35deg);
		   -moz-transform: rotate(-35deg);
			-ms-transform: rotate(-35deg);
			 -o-transform: rotate(-35deg);
				transform: rotate(-35deg);
	}
	.csstransforms .hist-date:after {
		-webkit-transform: rotate(35deg);
		   -moz-transform: rotate(35deg);
			-ms-transform: rotate(35deg);
			 -o-transform: rotate(35deg);
				transform: rotate(35deg);
	}
	.csstransforms .hist-date:nth-child(even):before,
	.csstransforms .hist-date:nth-child(even):after {
		display: none;
	}
	.csstransforms .hist-date:nth-child(even):last-child:after {
		display: block;
		-webkit-transform: rotate(-35deg);
		   -moz-transform: rotate(-35deg);
			-ms-transform: rotate(-35deg);
			 -o-transform: rotate(-35deg);
				transform: rotate(-35deg);
	}
	.csstransforms .hist-date:nth-child(odd):last-child:after {
		display: block;
		-webkit-transform: rotate(35deg);
		   -moz-transform: rotate(35deg);
			-ms-transform: rotate(35deg);
			 -o-transform: rotate(35deg);
				transform: rotate(35deg);
	}
}
@media screen and (min-width:600px) {
	#historique .title {
		min-height: 435px;
		padding-right: 50%;
		margin-top: 0;
		background: url(../images/hist-poivron_vert.png) no-repeat right center;
		background-size: 50%;
		line-height: 400px;
	}
	#historique .slides2 { width: 66.66666666%; }
	#historique .slides3 { width: 100%; }
	#historique .slides4 { width: 133.33333333%; }
	#historique .slides5 { width: 166.66666666%; }
	#historique .slides6 { width: 200%; }
	#historique .slides7 { width: 233.33333333%; }
	#historique .slides8 { width: 266.66666666%; }
	#historique .slides9 { width: 300%; }
	#historique .slides10 { width: 333.33333333%; }
	.csstransforms .hist-date:before,
	.csstransforms .hist-date:after {
		width: 200px;
	}
	.csstransforms .hist-date:before {
		left: -webkit-calc(50% - 200px);
		left:    -moz-calc(50% - 200px);
		left:         calc(50% - 200px);
	}
}
@media screen and (min-width:800px) {
	#historique .slides2 { width: 50%; }
	#historique .slides3 { width: 75%; }
	#historique .slides4 { width: 100%; }
	#historique .slides5 { width: 125%; }
	#historique .slides6 { width: 150%; }
	#historique .slides7 { width: 175%; }
	#historique .slides8 { width: 200%; }
	#historique .slides9 { width: 225%; }
	#historique .slides10 { width: 250%; }
}
@media screen and (min-width:1000px) {
	#historique .slides2 { width: 40%; }
	#historique .slides3 { width: 60%; }
	#historique .slides4 { width: 80%; }
	#historique .slides5 { width: 100%; }
	#historique .slides6 { width: 120%; }
	#historique .slides7 { width: 140%; }
	#historique .slides8 { width: 160%; }
	#historique .slides9 { width: 180%; }
	#historique .slides10 { width: 200%; }
}
@media screen and (min-width:1200px) {
	#historique .title {
		padding-right: 575px;
		background-size: 575px;
	}
	#historique .slides2 { width: 33.33333333%; }
	#historique .slides3 { width: 50%; }
	#historique .slides4 { width: 66.66666666%; }
	#historique .slides5 { width: 83.33333333%; }
	#historique .slides6 { width: 100%; }
	#historique .slides7 { width: 116.66666667%; }
	#historique .slides8 { width: 133.33333333%; }
	#historique .slides9 { width: 150%; }
	#historique .slides10 { width: 166.66666666%; }
}
@media screen and (min-width:1600px) {
	.csstransforms .hist-date:before,
	.csstransforms .hist-date:after {
		width: 240px;
	}
	.csstransforms .hist-date:before {
		left: -webkit-calc(50% - 240px);
		left:    -moz-calc(50% - 240px);
		left:         calc(50% - 240px);
	}
}
/* <-- historique */