p {
	line-height: 1.3em; 
	margin: 0; 
	font-family: 'Lato'; 
	font-size: 17px;
	/*border: 1px solid black;*/
}

.source {
	margin-top: 10px;
}

.source a {
	text-decoration: underline;
}

.source p {
	font-size: 12px;
}

.arbitre {
	width: 100%;
	margin-top:50px;
}

.comment {
	/*border: 1px solid green;*/
	height: 600px;
}

.comment_txt {
	float: left;
	width: 40%;
	/*border: 1px solid black;*/
}

.comment_txt p {
	line-height: 1.6em; 
}

.comment_txt {
	text-align: left;
	line-height: 1.8em; 
}

.comment_txt ul {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 10px;
	color: #2C357A;
}

.comment_txt li, .departemental li, .document_txt li {
	margin-top: 10px;
}

.comment_img {
	float: right;
	width: 50%;
	margin-top: 60px;
	/*border: 1px solid black;*/
}

.comment_img img, .diplome_img img {
	width: 80%;
}




.diplome {
	/*border: 1px solid green;*/
	height: 650px;
}

.diplome_txt {
	float: right;
	width: 50%;
	/*border: 1px solid black;*/
}

.diplome_img {
	float: left;
	width: 50%;
	margin-top: 60px;
	/*border: 1px solid black;*/
}

.diplome_txt h2 {
	line-height: 1.3em; 
	font-family: 'Lato'; 
	font-size: 40px;
	text-align: center;
	margin-top: 30px;
}

.diplome_txt h3 {
	margin-top: 30px;
	line-height: 1.3em; 
	font-family: 'Lato'; 
	font-size: 25px;
}

.departemental ul {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 10px;
}

.diplome_txt p {
	line-height: 1.3em; 
}

.diplome_txt {
	text-align: left;
	line-height: 1.5em; 
}

.regional ul {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 10px;
}




.document {
	width: 100%;
	/*border: 1px solid green;*/
	height: 550px;
}

.document_txt {
	float: left;
	width: 40%;
	text-align: left;
	line-height: 1.8em;
	padding-left: 100px;
}

.document_img {
	float: right;
	width: 50%;
}

.document_txt h2 {
	line-height: 1.3em; 
	font-family: 'Lato'; 
	font-size: 40px;
	text-align: center;
	margin-top: 30px;
}

.document_txt ul {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 10px;
}

.document_txt p {
	margin-top: 30px;
	line-height: 1.3em; 
}

.document_txt ul {
	list-style-type: circle;
	margin-left: 20px;
	margin-top: 10px;
}

.document_img img {
	width: 80%;
	margin-top: 50px;
}

.image1_txt, .image3_txt {
	display:none;
}



/* ===== RESPONSIVE DESIGN ===== */

/* Très petits écrans (jusqu'à 480px) */
/*@media screen and (max-width: 480px) {
}*/


/* Mobiles (jusqu'à 767px)  -  RED */
@media screen and (max-width: 767px) {
	.image1_txt, .image3_txt {
		display:inline;
	}
	
	.image1_txt img, .image3_txt img {
		width: 90%;
	}
	
	.image3_txt img{
		margin-top: 50px;
	}
	
	.comment_img, .document_img {
		display:none;
	}
	
	.comment_txt {
		width: 100%;
		margin-top: 30px;
	}
	
	.diplome_img, .diplome_txt, .document_txt {
		width: 100%;
		border: 1px solid green;
		padding: 0;
	}
	
	.document_txt ul {
		padding-left: 50px;
	}
}


/* Mobile landscape (768px - 1024px)  -  PURPLE */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: landscape) {
	.image1_txt, .image3_txt {
		display:inline;
	}
	
	.image1_txt img, .image3_txt img, .diplome_img img {
		width: 50%;
	}
	
	.image3_txt img{
		margin-top: 50px;
	}
	
	.comment {
		height: 450px;
	}
	
	.diplome {
		height: 1100px;
	}
	
	.comment_img, .document_img {
		display:none;
	}
	
	.comment_txt {
		width: 100%;
		margin-top: 30px;
	}
	
	.document {
		/*border: 1px solid green;*/
		height: 350px;
	}
	
	.diplome_img, .diplome_txt, .document_txt {
		width: 100%;
		padding: 0;
	}
	
	.document_txt ul {
		padding-left: 50px;
	}
}


/* Tablettes Portrait (768px - 959px)  -  GREEN */
@media screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) {
}


/* Tablettes Paysage (1024px - 2048px)  -  YELLOW */
@media screen and (min-width: 960px) and (max-width: 1599px) {
}


/* Support pour les écrans haute densité */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}