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

body {
	margin: 0;
	padding: 0;
	font-family: "Montserrat", serif;
}
div.top {
	background-color: #DC1A1A;
	/* height: 100px; */
	width: 100%;
	text-align: center;
}
div.titre {
	text-align: center;
	color: #FFF;
	font-size: 64px;
}
a.soustitre {
	text-align: center;
	color: #000;
	font-size: 32px;
}

/* vignettes de la galerie de photo */
div.bloc {
	width:370px;
	height:300px;
	border:1px solid #CE3234;
	vertical-align:middle;
	display:inline-block;
	text-align:center;  /*... et l'alignement du texte */
	padding:5px;
	margin:5px;
}

a.bloc{ 
	color:#000000;
	text-decoration:none;
	font-size: 14px;
}

a.bloc:hover {
	border-bottom: 2px solid #000000;
}


div.blocenhaut 
	{  vertical-align: text-top;
	}
	
div.blocenbas 
	{  vertical-align: text-bottom;
	}






/*-------------------------------
/* MENU
/*----------------------------------------*/

a.blacklinkmenu{ 
	color:#000000;
	text-decoration:none;
	font-size: 24px;
}

a.blacklinkmenu:hover {
	border-bottom: 2px solid #000000;
}






/* ----------------------------- */
/*         GALERIE               */
/* ----------------------------- */
div.galerie{
	display: inline-block;  
/*	margin-left: auto;   */
/*	margin-right: auto; */
	text-align: center;

}

/* ----------------------------- */
/*         VIGNETTES             */
/* ----------------------------- */


div.vignette img {
	border: 10px solid #000000;
}
div.vignette a:hover img {
	border:1px solid #E93D3D;
}
a.vignette {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	height :64px;
	vertical-align:middle
}
a.vignette:hover {
	border-bottom: 2px solid #000000;
}


/**************/
/* FOOTER 	  */
/**************/

div.footer {
	/* pour que le footer reste attaché en bas de page */	/*position: absolute; */
	/*	bottom: 0; */
	background-color: #DC1A1A;
	/*height: 120px;*/
	width: 100%;
}

div.footer a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Montserrat", serif;
	/*height :64px;
	vertical-align:middle*/
	border-bottom: 2px solid #FFFFFF;
}
div.footer a:hover {
	border-bottom: 2px solid #000000;
}

/**************/
/*    ACTU 	  */
/**************/
div.bloc-actu {
	background-color: #CE3234;
	/*background-color: #0FC ;*/ 
	width: 100%; 
	align:center;
	margin-top: 25px;
	margin-bottom: 25px;
	/*margin :20px;*/
	}
		
div.actu-bloc {

	width: 990px; 
	/*overflow:auto;*/
	background-color: #CE3234;
	padding:20px;
	margin-top: 25px;
	margin-bottom : 25 px;
	margin-left: auto;
  	margin-right: auto;
	}
	
span.actu-gauche {
  float:left;
  background-color: #FF0000;
  width:240px;
  color:#A0A0A0;
  padding:5px;
  border:solid 1px;}
  /*padding-right:8px;*/

span.actu-droit {
	overflow:auto;
	display:inline-block;
	padding:5px;
 	/*float:right;*/
  	/*width:600px;*/
  	/*color:#A0ffff;*/
  	border:solid 1px;
}

div.actu-titre {
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight: bold;
	
}
div.actu-content {
	color:#FFFFFF;
	}

div.actu-link a{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Montserrat", serif;
	/*height :64px;
	vertical-align:middle*/
	border-bottom: 2px solid #FFFFFF;
}

div.actu-link a:hover {
	border-bottom: 2px solid #000000;
}