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

body{
	background-color: #826242;
}
#titre{
	background-image: url(../scarab_titre.svg);
}

/*Navigation 2*/
.imagespect{
	background-image: url(../scarab.png);
}
body > section > nav a{
	color: #96BAA2;
}
.bt1{
	border-radius: 50%;
  	background-color: rgba(80,60,40,0.70);
  	border : 3px solid #FFCC00;
 	margin: 3px;
}

/*Contenu*/
p{
	text-align: right;
	color:rgba(150,186,162,1.00);
	font-size: 1.2em;
	margin: 0 auto;
	width: 80%
}
#tata{
	text-align: center;
	width: 90%;
	margin: 0 5%;
	font-size: 1.1em;
}
#toto{
	font-size: 0.8em;
	text-align: center;
	width: 60%;
	margin: 0 3%;
}
.cont-diapo{
    max-width: 1280px;
    margin: 50px auto;
	border: 2px solid rgba(255,204,0,1.00);
}
.diapo{
	width: 100%;
	height: 0px;
	padding-top: 56%;
	background-color: #000000;
	background-size: contain;
	background-repeat: no-repeat;
	animation: fondu 50s ease-in-out infinite both;
}
/*.diapo:hover{
	animation-play-state: paused;
}*/
@keyframes fondu{
    0%{background-image: url("../scarab_1.jpg");}
    20%{background-image: url("../scarab_2.jpg");}
    40%{background-image: url("../scarab_3.jpg");}
	60%{background-image: url("../scarab_4.jpg");}
	80%{background-image: url("../scarab_5.jpg");}
    100%{background-image: url("../scarab_1.jpg");}
}

@media screen and (min-width: 980px){
	
}