/*#########################################################################################################*/ 
/*#########################################################################################################*/ 
/*######################################## CSS A MODIFIER #################################################*/ 
/*#########################################################################################################*/ 
/*#########################################################################################################*/ 
/*------------------------- liste actu horizontale ---------------------------------------*/
div.actualite{
	/*width:540px;*/
	text-align:center;
	clear: both;
	margin: 0px auto;
}

.actualite fieldset {
	padding:15px;
	border:1px solid #000;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
}
.actualite legend {
	width:90%;
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.actualite legend > span,.actualite_plus legend > span {
	width:100%;
	overflow:hidden;
	display:block;
	text-align:left;
	white-space:normal;
}
.description{
	font-size:12px;
	color:#000;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
}
.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;
}	
	
.bouton-plusdetail {
	margin-top:15px;
	text-align:right;
	clear:both;
}



/*-------------- Liste actu verticale -----------------------------*/
/*div.actualite{ float:left;
	padding-top:20px;
	position:relative;

	text-align:center;
	margin: 10px auto 10px auto;
}




.actualite fieldset {
	
	height:250px;
	margin: 0px auto;
	text-align:center;
	display:block;
	padding:4px;
	border:1px solid #000;
	-moz-border-radius:0.4em;
}

.actualite legend {
	font-size:14px;
	font-weight:bold;
	color:#000;
	
}
.description{
	font-size:12px;
	color:#000;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	
}


.img_gauche, .img_droite{
	display:block;
	margin:2px auto;	
}

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


.bouton-plusdetail {
	left:15%;
position:absolute;
text-align:center;
top:230px;
	
}*/

/*------------------------- afficher actu ---------------------------------------*/
div.actualite_plus{
	margin: 20px auto;
	clear:both;
	padding:5px;
/*	width:640px;*/
	text-align:left;
}

div.actualite_plus .description{
	font-size:12px;
	color:#000;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	/*width:90%;*/
}

.actualite_plus fieldset {
	padding:10px;
	border:1px solid #000;
	-moz-border-radius:0.4em;/*** Sous firefox uniquement arrondis l'encadrement ***/
	margin-bottom: 10px;
}

.actualite_plus legend {
	width:90%;
	font-size:18px;
	font-weight:bold;
	color:#000;
}


#photos-actu {
clear:both;
margin:10px auto;
text-align:center;
/*width:560px;*/
}
/*------------------------- liste actu 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 .description{
	font-size:12px;
	color:#000;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;
}


/*################################################################################################################*/ 
/*################################################################################################################*/ 
/*######################################## CSS A NE PAS MODIFIER #################################################*/ 
/*################################################################################################################*/ 
/*################################################################################################################*/ 


/*######################################## PAGINATION ######################################################*/ 
.pagination {
/*		width:540px;*/
		text-align:center;
		margin:2px auto;
		clear:both;
		
}

/*######################################## Actu avec homepage ######################################################*/ 


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 .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 ######################################################*/ 



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


.contenu{
	
}

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

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





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


.thumbwrapper {
	float: left;
	clear:right;
	height: 120px;
	width: 120px;
	padding: 5px;
	background: #000;
	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;
}