@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Pompiere);
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}


body {
	padding-top: 30px;
	margin:0 auto;
	background-color:#365b6b;	
	background-image:url(img/Fond_simple.png);
	background-repeat:no-repeat;
	background-position:top;
	font-family:'Pompiere', cursive;
	font-size: 17px;
	color:#1C1C1C;
	}
#visuel{
	display:flex;
	justify-content: center;
	align-items: center;
	height: 570px;
}

.foot{
	text-align: center;
	padding-top: 15px;
	color:white;
}
	
/*///////////////////////LIENS MENU///////////////////////*/

a {
	color:#ff8f3a;
	text-decoration: none;
	}

a.link {
	color: #ff8f3a;
	text-decoration:none;
	}

a:hover {
	color: #ff8f3a;
	text-decoration:underline;
	text-underline-position: under;
	}

/*/////////////////////// LIENS CONTENU et PIED PAGE ///////////////////////*/

a.one {
	color: #1C1C1C;
	text-decoration:underline;
	}

a.one:hover {
	color: #365b6b;
	text-decoration:none;
	}	

/*/////////////////////// LIENS COULEUR BLEUE ///////////////////////*/

a.two {
	color: #365b6b;
	font-weight:bold;
	text-decoration:none;
	}

a.two:hover {
	color: #d7d5c6;
	background-color:#365b6b;
	padding-left:1px;
	padding-right:2px;
	text-decoration:none;
	font-weight:bold;
	}

a.three {
	color: #365b6b;
	text-decoration:none;
	}

a.three:hover {
	color: #365b6b;
	text-decoration:underline;
	}
	
/*/////////////////////// MARGES ET CLASS ///////////////////////*/

.marge10 {
	width:760px;
	margin: 0 auto;
	height:10px;
	clear:left;
	}
	
.marge20 {
	width:760px;
	margin: 0 auto;
	height:20px;
	clear:left;
	}
	
.marge50 {
	width:760px;
	margin: 0 auto;
	height:50px;
	clear:left;
	}		
	
.actualite {
	padding-left:115px;
	padding-top:30px;
	}

.imgfloat {
	float:left;
	padding-right:15px;
	height: 350px;
	}

.p1 {
	text-align:justify;
	font-family: 'Pompiere', cursive;
	font-size: 20px;
	padding-right: 5px;
	
	}
	
.p2 {
	text-align:right;
	font-family: 'Pompiere', cursive;
	font-size: 17px;
	padding-right: 5px;
	}
	
.p3 {
	text-align:left;
	font-family: 'Pompiere', cursive;
	font-size: 17px;
	margin-left:20px;
	}	
	
.valign {
	vertical-align:middle;
	}	
	
.text-normal-gras {
	font-family:'Pompiere', cursive;
	font-weight:bold;
	font-size:20px;
	}
	
.text-bleu-gras {
	font-family:'Pompiere', cursive;
	font-weight:bold;
	color:#365b6b;
	}