@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{
	width: 90%;
	margin: 0 auto;
	color: rgba(35,26,17,1.00);
}
.logos{
	width: 80%;
	margin: 0 auto;
}
#dp{
	height: 100px;
	margin: 0px;
	background-image: url(../LDMidi.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#nr{
	height: 100px;
	margin: 0px;
	background-image: url(../LDMidi.png);
	background-size: contain;
	background-repeat: no-repeat;
}
#so{
	margin: 10px;
	height: 150px;
	background-image: url(../SO_charente.png);
	background-size: contain;
	background-repeat: no-repeat;
}
article{
	background-color: rgba(255,255,255,0.70);	
}
p{
	width: inherit;
	margin: 5%;
	padding: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 1.1em;
	text-align: justify;
}
.conttof{
	display: flex;
	flex-flow: column wrap;
	margin: 0 auto;
}
.tof{
	flex: 1 1 auto;
	margin: 0 auto;
	width: 90%;
	min-height: 220px;
	background-image: url(../scarab_art_2.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
h2{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	text-align: center;
	font-weight: normal;
	font-style: oblique;
	font-size: 0.8em;
	
}

@media screen and (min-width: 980px){
	/*contenu*/
	.logos{
		width: 80%;
		margin-top: 150px;
	}
	#dp{
		width: 400px;
		height: 100px;
		margin: 0px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#nr{
		width: 400px;
		height: 100px;
		margin: 0px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#so{
		margin: 0px;
		width: 200px;
		height: 200px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.tof{
	width: 609px;
	height: 436px;
	}
	h2{
	font-size: 1em;
	}
}