@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*/
.contenu{
	
}
article{
	width: 90%;
	text-align: justify;
	margin: 0 auto;
}
.titre2{
	width: 60%;
	margin: 0 auto;
	color: rgba(150,186,162,1.00);
	text-align: center;
	font-size: 2em;
	padding: 10px;
	border-bottom: 3px solid rgba(181,206,190,1.00);
}
h2{
	color: rgba(150,186,162,1.00);
	text-align: center;
	font-size: 1.2em;
}
p{
	color: rgba(150,186,162,1.00);
}
#para1{
	color: #FFCC99;
}
#fiche p{
	width: 100%;
	margin: 0px auto;
}
#telec{
	display: flex;
	flex-flow: column;
	width: 90%;
	margin: 20px auto;
	text-align: center;
}
.bt2{
	flex: 1 1 auto;
	margin: 0 auto;
	background-color: rgba(71,54,36,0.70);
	padding: 3%;
	border-radius: 50%;
	border: 3px solid rgba(150,186,162,1.00);
	max-width: 300px;
	}
.bt2 a{
	text-decoration: none;
	color: rgba(255,204,0,1.00);
	background-color: transparent;
	padding: 10%;
}
.parenthese{
	font-size: 0.7em;
}

@media screen and (min-width: 980px){
	
	/*contenu*/

	#fiche p{
	width: 50%;
	margin: 0px auto;
}
	#telec{
	display: flex;
	flex-flow: row wrap;
	}
	
	
}