@font-face {
    font-family: 'Business History';
    src :
        url('00BusinessHistory-Regular.otf')
        format('truetype');
}
body{
	font-family: 'Helvetica';
			line-height: 1.5;

	color: red;
	margin: 0px;
	padding: 0px;
	background-color:#D3D3D3;
	font-size:13px;
	text-transform: uppercase;

}


h2{
		font-family: 'Business History';
		font-weight:normal;
text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
		font-size:25px;
		padding-left: 50px;


}

.hi{
	z-index:10;
	position: fixed;
	height: 50px;
	left:30%;
margin-left: -450px;
	text-align: center;
}
.table{
	position: fixed;
	z-index: 10;
	width: 100%;
	text-align:right;
		padding-top: 20px;
		text-transform: uppercase;

}

header a { display:inline-block;
	color: red;
	text-decoration: none;
	padding :10px 50px;
	cursor: pointer;
	background-color:#D3D3D3;
	background-border:none;
	border-radius: 30px;
}

.info:hover{
	color: red;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px; 
}
.contact:hover{
	color: red;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px; 
}
header a:hover{
	padding:9px 49px;
}
.block1{
	max-width: 900px;
	width: 95vh;
	height: auto;
	margin:10px;
	padding-bottom:100px;
	background-color: #fff;

	
}
.block1video{
	max-width: 900px;
	width: 95vh;
	height: auto;
	margin:10px;
		background-color: #fff;
	
}
.textblock1{
padding-top: 90px;
text-transform: uppercase;

	font-family:'Helvetica';
	font-size: 25px;
	text-decoration: none;
	text-align: center;

}
.textref{
	font-size: 10px;
margin-left: 50px;

}
.block2{
	max-width: 900px;
	width: 100%;
	height: auto;
	margin:5px;
	margin-top: 10px;
	padding-top: 100px;
	background-color: #fff

}
.blockfond{
	//margin:0 auto;
	//justify-content: center;
	align-content: center;
	display: flex;
	flex-direction: column;
	flex-wrap : wrap;
	height: 6000px;
	padding-top: 65px;


}
img{
	width: 100%;
	max-width: 900px;
	vertical-align: bottom;
}
video{
	width:100%;
	max-width: 900px;
}
 ul {
	margin: 0px;
	padding: 0px;

}
 li{
	list-style-type: none;
	float: left;
}
.textexp{
	padding-top: 10px;
	margin: 10px 0px;
	text-align: center;
}
/* le slide botanique */

.slidershow{
	max-width: 900px;
  width: 100%;
  overflow: hidden;
}
.navigation{
	font-size: 20px;
margin-top: 30px;
margin-bottom: 75px;
	text-align: center;

}
.bar{
  cursor: pointer;
}

input[name="r"]{
    position: absolute;
    visibility: hidden;
}

.slides{
  width: 500%;
  height: auto;
  display: flex;
}

.slide{
  width: 20%;
  transition: 0.6s;
}
.slide img{
  width: 900px;
  height: auto;
}

#r1:checked ~ .s1{
  margin-left: 0;
}
#r2:checked ~ .s1{
  margin-left: -20%;
}
#r3:checked ~ .s1{
  margin-left: -40%;

}
#r4:checked ~ .s1{
  margin-left: 0;
}
#r5:checked ~ .s1{
  margin-left: -20%;
}
#r6:checked ~ .s1{
  margin-left: -40%;

}

button {
	color: red;
    background: none;
    border:none;
 font-family: 'Helvetica';
 text-transform: uppercase;
 font-size: 13px;
padding-top: 30px;
padding-bottom:50px;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    position:relative;
    left:47%;
}

.buttons #play-pause::before {
    
    content:'\27A2 Play';

}

.buttons #play-pause.play::before {
    content:'\27A2 Play';
}

.buttons #play-pause.pause::before {
    content: '\27A3 Pause';
}

.buttons #play-pause2::before {
    
    content:'\27A2Play';

}

.buttons #play-pause2.play::before {
    content:'\27A2Play';
}

.buttons #play-pause2.pause::before {
    content:'\27A3Pause';
}

.buttons #play-pause3::before {
    
    content:'\27A2Play';

}

.buttons #play-pause3.play::before {
    content:'\27A2Play';
}

.buttons #play-pause3.pause::before {
    content:'\27A3Pause';
}

.buttons #play-pause4::before {
    
    content:'\27A2Play';

}

.buttons #play-pause4.play::before {
    content:'\27A2Play';
}

.buttons #play-pause4.pause::before {
    content:'\27A3Pause';
}

.buttons #play-pause5::before {
    
    content:'\27A2Play';

}

.buttons #play-pause5.play::before {
    content:'\27A2Play';
}

.buttons #play-pause5.pause::before {
    content:'\27A3Pause';
}

.buttons #play-pause6::before {
    
    content:'\27A2Play';

}

.buttons #play-pause6.play::before {
    content:'\27A2Play';
}

.buttons #play-pause6.pause::before {
    content:'\27A3Pause';
}

.buttons #play-pause7::before {
    
    content:'\27A2Play';

}

.buttons #play-pause7.play::before {
    content:'\27A2Play';
}

.buttons #play-pause7.pause::before {
    content:'\27A3Pause';
}






footer{
	position: fixed;
  left:75%;
  bottom: 0;
  width: 100%;
 font-size: 10px;
 z-index: -1;
 
}


img{
	margin-bottom: 5px;
filter: grayscale(1);
}
img:hover{
	filter: grayscale(0);

}

video{
	margin:0;
	  -webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */


filter: grayscale(1);
}
video:hover{
	  -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */

filter: grayscale(0);
}
@media (max-width: 1600px){


.blockfond{

	height: 15000px;

}
}
@media (orientation:portrait){


.blockfond{

	height: 15000px;

}
}

@media (orientation:landscape){


.blockfond{

	height: 7500px;

}
}