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

/* Navigation 1 */

/*Navigation 2*/
.bt1{
	border-radius: 50%;
  	background-color: rgba(70,0,0,0.7);
  	border : 3px solid #B2CC99;
 	margin: 3px;
}
.imagespect{
	background-image: url(../mobile.png);
}
body > section > nav a{
	color: rgba(178,226,216,1.00)
}
/*Contenu*/
.contenu{
	
}
article{
	width: 90%;
	text-align: justify;
	margin: 0 auto;
}
.titre2{
	width: 60%;
	margin: 0 auto;
	color: #B2E2D8;
	text-align: center;
	font-size: 2em;
	padding: 10px;
	border-bottom: 3px solid #BA0101;
}
h2{
	color: #7AB3B8;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
}
p{
	color: #7AB3B8;
}
span{
	color: #B2CC99;
}
.para1{
	color: #B2CC99;
	text-align: center;
}
.rib{
	text-align: right;
}
#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(70,0,0,1.00);
	padding: 3%;
	border-radius: 50%;
	border: 3px solid rgba(178,226,216,1.00);
	max-width: 300px;
	min-width: 200px;
	text-align: center;
	}
.bt2 a{
	text-align: center;
	text-decoration: none;
	color: rgba(178,204,153,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;
	}
	
	
}