body {	
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}


p {
margin: 0;
padding:0;
color:#333333; 
}
	


/*contient le bandeau pub <<exterieur>> au  block "conteneur"*/
div#pub {
height: 90px;
width:1025px;
margin:0 auto; 
padding:0  0 0 55px;
text-align:center;
background-color:#FFFFFF;
/*background: url(pubs/960x90.swf )  65px 0 no-repeat;  marche pas*/
/*background: url(pub/bando_sup.jpg )  65px 0 no-repeat;*/
}




/*contient la navigation superieure + titre */
#conteneur_sup {
	position: relative;
	width:1025px;
	margin: 0px auto;	
	padding: 0px ;	
	border:0;
	background: url(img/bg_conteneur_sup4.png )  ;
	}	


	
/* conteneur des 3 blocs principaux col droite/centre /col gauche */
#conteneur {
	position: relative;	
	/* permet d'avoir du blanc en bas */
	min-height:95%;/*min-height  OBLIGATOIRE pour firefox si on veut que la hauteur du conteneur*/
				/* soit ajustée à la hauteur la + gde entre "gauche", "droite", "centre" */
	width:1025px;
	margin: 0px auto;	
	padding: 0px ;
	border:0;	
	background: url(img/bg_conteneur1025.png )  repeat ;
	}
	


div#white_space3_centre{
	margin:0;
	padding:0;
	border:0;
	height:70px;
}


div#white_space4_centre{
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:10px;
}



/****************************************PAGINATION ARTICLE**********************************************************/
/********************style Virtual pagination**********************/
.paginationstyle{ /*Style for demo pagination divs*/
/* width: 480px;largeur globale de la nav */
padding: 2px 0;
margin: 10px 0 10px 15px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid black;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;/* largeur des boutons 1,2,3,4  */
text-decoration: none;
border: 1px solid black;
color: black;
background-color: white;
line-height:20px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #fff;
background-color: #990066;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover {
/*Pagination div "flatview" links style*/
color: #990066;
background-color: #fff;	
}


.paginationstyle .flatview a.selected{
color: #fff;
background-color: #990066;	
}

.paginateinfo{
	float: right;
	margin: 0 20px 0 0px;					
	font-family: Helvetica, Verdana, Arial, sans-serif;					
	font-size: 13px;
	font-weight: 600;
	letter-spacing:0px;
	line-height:16px;
}

/********************PAGINATION ARTICLE********************************************************************************/


/********************SLIDE SHOW IMG ARTICLE********************************************************************************/
/* Gallery Styles */
#motioncontainer {
position:relative;
overflow:hidden;
margin:0 0 0 15px;
width: 275px; /* Set to gallery width, in px or percentage */
/*height: 10px;  Set to gallery height */
border: 0px;/* solid black;*/
}

#motioncontainer a img {
border: 1px solid #fff;  /*Set image border color */
margin:0 6px 0 0;/* espace entre les images */
}

#motioncontainer a:hover img {
border: 1px solid white;  /*Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: white; /* Dummy definition to overcome IE bug */
}

div#bouton {
position:absolute; 
bottom:0px;
width:20px;
}

img.adroite{
float:right;
}
/* End Gallery Styles */


/********************SLIDE SHOW IMG ARTICLE********************************************************************************/





/********************AUTOLINKS design********************************************************************************/
a.lien_auto:link {
		margin:0px;
		padding: 0;
		border:0;	
		color:inherit;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: underline ;		
	}


a.lien_auto:visited {
		margin:0px;
		padding: 0;
		border:0;	
		color:inherit;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: underline ;
	}
	
a.lien_auto {
		margin:0px;
		padding: 0;
		border:0;	
		color:inherit;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: underline ;
	}
	
a.lien_auto:hover {
		margin:0px;
		padding: 0;
		border:0;	
		color:#666666;/*#333333;*/
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: none ;

	
	}
/********************AUTOLINKS design********************************************************************************/






/********************style TELL A FRIEND**********************/
a.lien_reco:link {
		margin:0px;
		padding: 0;
		border:0;	
		color:#333333;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: none ;		
	}


a.lien_reco:visited {
		margin:0px;
		padding: 0;
		border:0;	
		color:#333333;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: none ;
	}
	
a.lien_reco {
		margin:0px;
		padding: 0;
		border:0;	
		color:#333333;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: none ;
	}
	
a.lien_reco:hover {
		margin:0px;
		padding: 0;
		border:0;	
		color:#cccccc;
		font-family:Helvetica Neue, Helvetica;
		font-size: inherit;/*12px;*/
		font-weight: inherit;/*600;*/
		text-decoration: none ;
	}

div#subcontent2{
	clear:right; 
	display:none; 
	border: 1px;
	margin: 0 0 70px 0;
	padding: 0 0 0 15px;	
	}


p.subcontent{
	color:#000000;
	text-align:justify;
	font-size: 12px;
	font-weight: 500;
	letter-spacing:0px;
	line-height:15px;	
}
					
					
div#friend {
clear:right;
margin:0px 0 0 15px;
padding: 10px  0 0 0px;
border:0;	
height: 25px;
width: 465px;
background: url(img/fleche_droite.gif ) 130px 11px no-repeat;
text-align:center;
}


input.invit{
		  height: 15px; /*modifie la hauteur du champ saisie pas du texte*/ 
		   /******Attention: le texte scrolle dans le champ de saisie si rapport "height/font-size incorrect**********/
		 font-size:10px;/*0.5em;*/
		 color:#000000;
		width: 290px;
		margin-right:0px;
		margin-top:0px;
		margin-bottom:10px;
		 border: thin solid #CCCCCC; /*les bords du champ de saisie*/		
		 padding:0;
		}


input.reco{
		height: 35px; 
		 font-size:11px;	 
		 color:#000000;
		width: 50px;
		margin:0px 0 0 0;	
		 border: 0px;/*thin solid #fff; les bords du champ de saisie*/		
		 padding:0 0 2px 0;		 
		 text-align:center;
		}

div.text_reco {
clear:left;
float:left;
width:155px;
margin-bottom:10px;
}

		
/* Hack safari */
/*html[xmlns*=""] body:last-child 
				input.reco{
					background: url(img/mail.jpg) 0px 0px no-repeat;
					height: 35px;
					font-size:11px;	 
					color:#000000;
					width: 50px;
					margin:0px 0 0 0;	
					 border: thin solid #fff;		
					padding:0 0 1px 0;		 
					 text-align:center;
				}
				
html[xmlns*=""] body:last-child 				
				div.text_reco {
					clear:left;
					float:left;
					width:155px;
					margin:0px 0 10px 0;	
					
					 border: 0;		
					padding:1px 0 0px 0;
				}*/
/* Hack safari */


div.center {
text-align:center;
}
/********************style TELL A FRIEND**********************/




/********************VIDEO**********************/
div#subcontent_video{
	clear:right; 
	display:none; 
	border: 1px;
	margin: 0;
	padding: 0 0 0 0px;	
	}

div#voir_video{


		margin:0px 15px 0px 235px;
		padding:0px 0 0px 0;
		border:0;	
		color:#696969;
		font-size: 11px;
		font-weight: 600;
		letter-spacing:0px;
		font-family: Arial;		
		background: url(img/fleche_droite.gif )  right 1px no-repeat ;	
}

div.voir_video{
		margin:0px 12px 0px 240px;
		padding:0px 0 0px 0;
		border:0;	
		color:#696969;
		font-size: 11px;
		font-weight: 600;
		letter-spacing:0px;
		font-family: Arial;		
		background: url(img/fleche_droite.gif )  right 1px no-repeat ;	
}
div#reco_video{

clear:right;
margin:0px 0 0 15px;
padding: 10px  0 0 0px;
border:0;	
height: 25px;
width: 465px;

/*background:#0000FF; bleu*/
background: url(img/fleche_droite.gif ) 130px 11px no-repeat;

text-align:center;

}

div#text_video{
margin:0px 0px 0 80px;
padding: 0px  0 0 0px;
border:0;		
	}


/*****************articles associés********************/
div#titre_assoc{
					margin:30px 0 0 10px;
					padding:0px 0 0 0;
					border:0;	
					color:#696969;
					font-size: 15px;
					
					width:460px;
					font-weight: 600;
					letter-spacing:0px;
					font-family: Arial;
}
/********************VIDEO**************************************/


/* Hack safari */
html[xmlns*=""] body:last-child
				
				/* page recherche */
				div.ref_article{
					margin:31px 0px 0 10px;
					padding:0;
					border:0;					
					}

html[xmlns*=""] body:last-child 				
				div#text_video{
					margin:0px 0px 0 79px;
					padding: 0px  0 0 0px;
					border:0;		
				}