/*Style de la vue index.html*/

body{
	background-image:url(../img/fondestables2.jpg);	
	/*background-image:url(../img/tree.jpg);*/
	
	background-color: #84A4EF;
	width:100%;
}
h5{
	/*color: yellow;*/
}

h4{
	/*color: yellow;*/
}
h3{
	color: yellow;
}

.onglet{
	color: yellow;
}

.entete{
	color:black;
	background-color: #84A4EF;
}

#bigtitle{
		color: yellow;
		font-size: 60px;
		
	}
.mycards{
	height: 400px;
	background-color: #EEF0D7;
	border: solid black 1px;
		
}

.colonne{
	
	margin-top: 10px;
	width:100%;
	height:60px;
	background-color:black;
	border-color:black;
}

#butcol1{
	margin-left: 28%
}

#butcol2{
		margin-left: 33%;
	}
#butcol3{
	margin-left: 28%
	}

.diaporama1{
	margin:0 auto;
	width:1200px;
	height:350px;
	border: 3px solid black; 
	background-image: url("../img/galerie/berenboreal.jpg");

	webkit-animation-name:diapoz;
	webkit-animation-duration:33s;
	webkit-animation-timing-function: linear;
	webkit-animation-iteration-count: infinite; 
	webkit-animation-direction: normal;

	moz-animation-name:diapoz;
	moz-animation-duration:33s;
	moz-animation-timing-function: linear;
	moz-animation-iteration-count: infinite; 
	moz-animation-direction: normal;

	animation-name:diapoz;
	animation-duration:33s;
	animation-timing-function: linear;
	animation-iteration-count: infinite; 
	animation-direction: normal;

}
@-webkit-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal.jpg");
	}

	33%{
		background-image: url("../img/galerie/estables1.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables2.jpg");
	}
}
@-moz-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables1.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables2.jpg");
	}
}
@keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables1.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables2.jpg");
	}
}

@media screen and (max-width: 1233px){
	.diaporama1{
	margin:0 auto;
	width:600px;
	height:200px;
	border: 3px solid black; 
	background-image: url("../img/galerie/berenboreal2.jpg");
}
@-webkit-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal2.jpg");
	}

	33%{
		background-image: url("../img/galerie/estables12.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables22.jpg");
	}
}
@-moz-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal2.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables12.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables22.jpg");
	}
}
@keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal2.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables12.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables22.jpg");
	}
}

	}
@media screen and (max-width: 700px){
	.diaporama1{
	margin:0 auto;
	width:450px;
	height:150px;
	border: 3px solid black; 
	background-image: url("../img/galerie/berenboreal3.jpg");
	}
	@-webkit-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal3.jpg");
	}

	33%{
		background-image: url("../img/galerie/estables13.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables23.jpg");
	}
}
@-moz-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenborea3.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables13.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables23.jpg");
	}
}
@keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal3.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables13.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables23.jpg");
	}
}
	#bigtitle{
		font-size: 30px
	}
}

@media screen and (max-width: 470px){
	.diaporama1{
	margin:0 auto;
	width:300px;
	height:150px;
	border: 3px solid black; 
	background-image: url("../img/galerie/berenboreal4.jpg");
	}
	@-webkit-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal4.jpg");
	}

	33%{
		background-image: url("../img/galerie/estables14.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables24.jpg");
	}
}
@-moz-keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal4.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables14.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables24.jpg");
	}
}
@keyframes diapoz{
	0%{
		background-image: url("../img/galerie/berenboreal4.jpg");
	}
	
	33%{
		background-image: url("../img/galerie/estables14.jpg");
	}
	66%{
		background-image: url("../img/galerie/estables24.jpg");
	}
}
	
	#butcol1{
	margin-left: 28%
	}
	#butcol2{
		margin-left: 28%;
	}
	#butcol3{
	margin-left:28%
	}
}