@charset "utf-8";
/* CSS Document */
body{
	background-color: #4A6850;
}
#titre{
	background-image: url(../trot_titre.svg);
}

/*Navigation 2*/
.imagespect{
	background-image: url(../trot.png);
}
/*Contenu*/
.contenu{
	padding: 50px 0 50px 0;
	text-align: center;
		
}
#p1{
	color: #96BAA2;
	font-size: 1.1em;
}
.fleche{
	text-decoration: none;
	color: #96BAA2;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
}
.fleche_morte{
	color: #4A6850;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
}
h2{
	color: #96BAA2;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
	
}
#annee{
	display: inline-flex;
	text-align: center;
	margin: 0 auto;
}
.mois{
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
button{
	width: 70px;
	padding: 5px;
	border: 3px solid rgba(255,153,0,0.75);
	background-color: rgba(58,81,62,0.7);
	border-radius: 10px;
	color: #96BAA2;
}
#but1{
	background-color: rgba(200,200,200,0.5);
}
p{
	text-align: left;
	width: 70%;
	margin: 0 auto;
}
#d1{
	display: block;
	color: #96BAA2;
	/*background-color: brown;*/
}
#d2{
	display: none;
	color: #96BAA2;
	/*background-color: #96BAA2;*/
}
#d3{
	display: none;
	color: #96BAA2;
}
#d4{
	display: none;
	color: #96BAA2;
}
#d5{
	display: none;
	color: #96BAA2;
}
#d6{
	display: none;
	color: #96BAA2;
}
#d7{
	display: none;
	color: #96BAA2;
}
#d8{
	display: none;
	color: #96BAA2;
}
#d9{
	display: none;
	color: #96BAA2;
	
}
#d10{
	display: none;
	color: #96BAA2;
	
}
#d11{
	display: none;
	color: #96BAA2;
}
#d12{
	display: none;
	color: #96BAA2;
}

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