.site.bloc{
	min-height: 30vh;
	padding: 20px;
	border-bottom: 1px solid #2b2a2a;
}
		

.site.bloc:nth-child(even){
	background: #131415;
	background: #191a1c;
}
		

		
.site.centrage{
	padding: 10px;
	margin: 0 auto;
}
		
.site.infos{
	padding: 30px;	
	color: #9F9FA0;
	background: #1C1D1F;
	border-radius: 4px;
	border: 1px solid rgba(43, 42, 42, 0.44);
}
		
.site.photo{
	padding: 20px;
	margin: 0px 10px;
	overflow: auto;
	color: #e8e8e8;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}
			
.site.texte{
	background: rgba(44, 45, 46, 0.3);
	border-radius: 4px;
	margin-top: 20px;
	padding: 20px;
	font-size: 12px;
	line-height: 130%;
	overflow: auto;
	height: auto;
	border-radius: 6px;
}
			

.site.texte.pair{
	background: rgba(44, 45, 46, 0.3);
	color: #9F9FA0;
	padding: 15px;
	border: 1px solid rgba(138, 144, 146, 0.3);
}

.site.texte.vert{
	background:  rgba(51, 129, 40, 0.1);
	cursor: pointer;
	color: #9F9FA0;
	border: 1px solid #316420;	
	border-radius: 5px;
}

.grille.un{
	display: grid;
	grid-template-columns: 1fr;
	height:auto;
	width: 100%;
	margin: auto;
	bottom:0;
	top:0;
	left:0;
 	right:0;
}
	
.grille.double{
	display: grid;
	grid-template-columns: 1fr 1fr ;
	height:auto;
	width: 100%;
	margin: auto;
	bottom:0;
	top:0;
	left:0;
 	right:0;
}
		
.grille.trois{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr ;
	height:auto;
	width: 100%;
	margin: auto;
	bottom:0;
	top:0;
	left:0;
 	right:0;
}

.grille.quatre{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	height:auto;
	width: 100%;
	margin: auto;
	bottom:0;
	top:0;
	left:0;
 	right:0;
}
		
.titre{
	overflow: auto;
}
		
.titre.box{
	float: left;
	font-weight: bold; 
	font-size: 30px;
	color: #9F9FA0;
}
						
.titre.rubrique{
	float: right;
	background: rgba(61, 105, 46, 1);
	color: #ffffff;
	border-radius: 5px;
	padding: 9px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: 0.2s;
	color: white;
	margin: 20px 0px 20px 20px;
}
		
.presentation{
	padding: 20px;
	border: 1px solid rgba(48, 100, 31, 0);	
}
		
.presentation:hover{
	background:  rgba(51, 129, 40, 0.1);
	cursor: pointer;
	border: 1px solid #316420;	
	border-radius: 5px;
}

.contenu_serveur th{
	font-size: 25px;
	padding: 10px;
}

.contenu_serveur td{
	font-size: 15px;
	padding: 10px;
}

@media (max-width: 1210px) {
	
	.grille.un, .grille.double, .grille.trois, .grille.quatre{
		display: grid;
		grid-template-columns: 1fr ;
	}
}