/*######################################## Home page ######################################################*/ 
#homepage {/***** mise en forme de la div homepage ****/
	width:650px;
	text-align:center;
	height:250px;
	overflow:auto;
	margin-left:20px;
	border: 1px solid #999999;
	padding:5px;
}
/*######################################## PAGINATION ######################################################*/ 
.pagination {
		width:540px;
		text-align:center;
		margin:2px auto;
		clear:both;
		
}

/*.pagination a  {
		color:blue;
		
}


.pagination a:hover  {
		color:red;
		
}
*//*######################################## Actu avec homepage ######################################################*/ 

div.actualite_homepage{
	width:620px;
	text-align:center;
	clear: both;
}

div.actualite_homepage fieldset {
	padding:15px;
	border:1px solid #649872;
	-moz-border-radius:0.4em;
}
div.actualite_homepage legend {
	font-size:18px;
	font-weight:bold;
	color:#5C8C66;
}

div.actualite_homepage legend.legend-droite {
	float:right;/*** positionne l'intitulé à droite sous IE ***/
	text-align:right;
	margin-left:580px;/*** positionne l'intitulé à droite sous firefox ***/
}


div.actualite_homepage .description{
	font-size:12px;
	color:#000;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
}

div.actualite_homepage .img_gauche{
	float:left;
	margin-right: 20px;
}

div.actualite_homepage .img_gauche img {
	border:1px solid #000;
}

div.actualite_homepage .img_droite{
	float:right;
	margin:0 4px 0 20px;
}

div.actualite_homepage .img_droite img {
	border:1px solid #000;
}

div.actualite_homepage .bouton-plusdetail {
	margin-top:15px;
	text-align:right;
	clear:both;
}

/*######################################## Generale Actu ######################################################*/ 

div.actualite{
	width:600px;
	text-align:center;
	clear: both;
	margin: 20px auto 10px!important;/* pour centrer sous firefox*/
	margin: 20px 0px 10px 50px;/* Pour centrer sous IE*/
}

.actualite fieldset {
	padding:15px;
	border:1px solid #FFFFFF;

	-moz-border-radius:0.4em;
}
.actualite legend {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

.actualite legend.legend-droite {
	float:right;/*** positionne l'intitulé à droite sous IE ***/
	text-align:right;
	margin-left:580px;/*** positionne l'intitulé à droite sous firefox ***/
}

.img_gauche{
	float:left;
	margin-right: 20px;
}

.img_gauche img {
	border:1px solid #000;
}

.img_droite{
	float:right;
	margin:0 4px 0 20px;
}

.img_droite img {
	border:1px solid #000;
}

.contenu{
	
}

.contenu_vt{
	float:left;
	width:100%;
}

.hr-actu {
	clear:both;
	margin-top: 10px;
	visibility:hidden;
}

.description{
	color:#FFFFFF;
	text-align:left;
	font: 12px Verdana, Geneva, sans-serif;
}

.bouton-plusdetail {
	margin-top:15px;
	text-align:right;
	clear:both;
}

/*######################################## plus de détails ######################################################*/
div.actualite_plus{
	margin: 20px auto!important;/* Pour centrer sous firefox*/
	/*margin: 20px 0px 0px 50px;/* Pour centrer sous IE*/
	clear:both;
	padding:5px;
	width:600px;
	text-align:left;
}

div.actualite_plus .description{
	color:#FFFFFF;
	text-align:left;
	font: 12px Verdana, Geneva, sans-serif;
}

.actualite_plus fieldset {
	padding:10px;
	border:1px solid #FFFFFF;

	-moz-border-radius:0.4em;/*** Sous firefox uniquement arrondis l'encadrement ***/
	margin-bottom: 10px;
}

.actualite_plus legend {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

div.actualite_plus .description div.image { /*** div contenant la 1ere vignette du plus de details ****/
	 float:left;
	 padding: 5px;
	 margin-right: 10px;
}

#photos-actu {
	margin:10px auto;
	text-align:center;
	width:518px;
	clear:both;
}

.thumbwrapper {
	float: left;
	clear:right;
	height: 120px;
	width: 120px;
	padding: 5px;
	background: #fff;
	margin: 4px;
	border: 1px solid #AFAB8E;
	text-align: center;
}

#date-actu {
	text-align:center;
	font-weight:bold;
	font-size:11px;
	font-style:italic;
}

.retour {
	float:right;
	margin-top:10px;
	clear:both;
}

/********************************* Actualités Verticales *************************************/

div.actualite-verticale {
	padding-top:20px;
	width:260px;
	text-align:center;
	float:left;
	margin: 10px 10px 10px 80px;
}

.actualite-verticale fieldset {
	padding:10px;
	-moz-border-radius:0.4em;/*** Sous firefox uniquement arrondis l'encadrement ***/
		
}
.actualite-verticale legend {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
}

.actualite-verticale legend.legend-droite {
	float:right;/*** positionne l'intitulé à droite sous IE ***/
	text-align:right;
	margin-left:80px;/*** positionne l'intitulé à droite sous firefox ***/
}
		
.actualite-verticale fieldset div.image a img   { /*** Bordure de la 1ere vignette du plus de details ****/
	border:1px solid #fff;
}

.hr-actu {
	clear:both;
	margin-top: 10px;
	visibility:hidden;
}


actualite-verticale .description{
	font-size:12px;
	color:#FFF;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
}