@charset "utf-8";
html {font-size: 100%;}	/* pour reparer le buf IE de gestion en em de taille des caractères */
* {margin: 0; padding: 0;} /* pour éviter les marges et padding par défaut différents */
body {
	/*font: bold 0.8em cursive,"Times New Roman",Georgia,"Book Antiqua",Verdana,"Trebuchet MS", helvetica, sans-serif ;	  */
	background: #be2b57 ;/* rose foncé */  
	text-align : center; /* pour centrer aussi sous ie.5.5 et moins */
}

#bodyindex { 
	background: #ffe9d0 ;/* rose clair */
}
																					  
h1 { 
	text-align : center; 
	color : #FC0;/* orange */ 
	margin : 0px ;
} 

h3 { 
	text-align : center; 
	color : #be2b57 ;/* rose foncé */
	font-size : 1em;
	height : 40px; 
	margin : 0px ;
}  

h3	a {	 
	font-size : 0.8em;
	color : #C03; 
}
img {/*border : 1px solid  #000000;*/
	 margin : 0px;}
	 
img.right {float : right}
img.left {float : left}
img.centre  { 
	text-align : center;	
	margin : 5px auto;	
	display : block;   
} 





a {				  
	color : #FC0;/* orange */
}	


p.rose {	
	font: bold 1em Arial, Helvetica, sans-serif ;	
} 
.petit {font-size : 0.9em;}
 
.photo_legende { 
	float : left;
	margin-left : 5px;
	text-align:center; 
	font : bold 0.8em  Arial, Helvetica, sans-serif;
}
.photo_legende img {
	
	display : block;
}

/*************************/
/*  PAGE TYPE            */
/*************************/
#content { 
	background : #ffe9d0 /* rose clair */ url("../images/fondligne_int.gif") top left repeat;
	width : 760px; 
	margin : 0px auto;	
	padding : 0px;
	color : #be2b57;/* rose foncé */ 
	
}

/***** titres *****/  
#content h1 { 
	background-color :  #cc3366 ;/* rose foncé */ 
	color : #ffffff; /* blanc */
	font: bold 1.4em Arial, Helvetica, sans-serif ;
	text-align : center;
	}
#content h2 { 
	font: bold 1em Arial, Helvetica, sans-serif ;
	color : #cc3366 ;/* rose foncé */ 
	font: bold 1.4em Arial, Helvetica, sans-serif ;
	padding-left : 200px;
	text-align : left;
}

/***** images *****/
#content  img {	border : none; display : block;}  
#content img.lettrineimg { display : inline; margin : 0px;	}
#content p img {margin : 5px;} /* pour que le texte ne soit pas collé à l'image */ 

/***** tables *****/
#content table { 
	color : #cc3366 ;/* rose foncé */
	font-weight : bold;
	font-size : 1em;	
	width : 100%;
	border:solid 1px #CC3366; 
	margin : 5px 0px;
	font : bold 0.8em  Arial, Helvetica, sans-serif;
}
#content th { 
	color : #ffe9d0; /* rose clair */
	font-weight : bold;
	font-size : 1.3em;
}
#content tr { 
	border-width :  1px;
	border-color :  #ffe9d0 /* rose clair */
}
#content tr.titre { 
	background-color : #cc3366 ;/* rose foncé */ 
}
#content tr.titrejaune { 
	background-color : #fbc500 ;/* jaune */ 
}
#content tr.titrejaune th { 
	color : #cc3366 ;/* rose foncé */ 
}

#content td { 
	border-width :  1px;
	border-color :  #cc3366 /* rose foncé */
}
#content td a{ 
	color : #cc3366 ;/* rose foncé */
}

#content table img.center {text-align : center;margin : auto;}
#content table img.parent {/*text-align : center;margin : auto;*/width : 200px;}
#content table img.enfant {/*text-align : center;margin-top : 25px auto;*/ margin-top : 25px; width : 150px;} 


/***** paragraphes *****/
#content p {
	text-align : justify;
	font : bold 1em Arial, Helvetica, sans-serif;
	color : #be2b57 ;/* rose foncé */
	margin : 10px 10px 10px 10px; 
	padding : 5px;
	/*border : 1px solid  #be2b57;/* rose foncé */ 
	} 
#content p.cadre2 {
	border : 2px solid  #be2b57;/* rose foncé */
	}
#content p.cadre1 {
	border : 1px solid  #be2b57;/* rose foncé */
	} 
#content p.cadre1haut {
	border : 1px solid  #be2b57;/* rose foncé */
	line-height : 2em;
	text-align : left; 
}
#content p.cadre1haut-petit {
	border : 1px solid  #be2b57;/* rose foncé */
	line-height : 2em;
	text-align : left;
	font : bold 0.9em  Arial, Helvetica, sans-serif; 
}
/* #content p.serre {
	font : 3px bold "Arial, Helvetica, sans-serif";
} */
	
#top {
	margin: 0px;
	padding: 0px; 
	width : 760px; /* pour les vieilles versions i.e ie5.5 ie5.1 ...*/
	
}
#top img { border : none; }
#menu {	
		float : left;
		width : 158px;
		margin : 0px; 
		padding : 0px;	
	} 
	
#debut 
{ 
	float : left;width : 602px;
}

#debut-titre-page {width : 602px; /* pour les vieilles versions de i.e ie.5.5 ie.5.1 ...*/ }
		#debut-titre-page img { display : inline;  }
		#debut-contenu  {
		 	clear : both;
			margin : 20px 60px 0px 0px;
			padding : 0px;
			/*border : 1px solid  #be2b57;/* rose foncé */
			
		}
		#debut-contenu-plus-large  {
		 	clear : both;
			margin : 20px 20px 0px 0px;
			padding : 0px;
			/*border : 1px solid  #be2b57;/* rose foncé */
			
		}
		
		
		
	 
#middle { 
	clear : both;
	margin : 0px 20px ;
	padding : 0px; 
	text-align : center;
	/*border : 1px solid  #be2b57;/* rose foncé */
	width : 720px; /* pour les vieilles versions i.e ie5.5 ie5.1 */
}
#middle p {
	margin : 0px auto 10px auto;
	padding : 0px;
	width : 720px; /* pour les vieilles versions i.e ie5.5 ie5.1 */
	/*border : 1px solid  #be2b57;/* rose foncé */
	text-align : justify;
}
#middle  img {
	display : inline;
	margin : 0px;
}

/*************/
/* selection */
/*************/

#middle a.sel {
 
	color : #be2b57;
} 
#middle a.sel img {
	width : 60px;
	height : 60px;
	margin-bottom: -25px; 
}
#middle img.sel {
	width : 60px;
	height : 60px;
	margin-bottom: -25px; 
}
  	
/**********************/
/* genealogie */
/******************/
#middle a.gene {color : #be2b57;/* rose foncé */}



#retour-retraites {
	
	color : #be2b57;/* rose foncé */
	font-weight : bold;
}

#bottom { 
	background : #ffe9d0 /* rose clair */ url("../images/fondligne_int.gif") top left repeat;
	width : 760px; /* pour les vieilles versions i.e ie5.5 ie5.1 */
}

/*********************/
/* GROUPES DES PHOTOS           */
/*********************/	 

#middle .groupe-gauche {
	clear : both;
	width : 47%;
	border : 1px solid  #be2b57;/* rose foncé */
	float : left;
	text-align : center;
	color : #be2b57;/* rose foncé */
	font-weight : bold;	
	margin : 5px 0px;
}
#middle .groupe-droite {
	width : 47%;
	border : 1px solid  #be2b57;/* rose foncé */
	float : right;
	text-align : center; 
	color : #be2b57;/* rose foncé */
	font-weight : bold;
	margin : 5px 0px;
}  
#middle .groupe-large {
	width : 100%;
	border : 1px solid  #be2b57;/* rose foncé */
	float : right;
	text-align : center; 
	color : #be2b57;/* rose foncé */
	font-weight : bold;
	margin : 5px 0px 0px 0px;
}  
#middle .sous_groupe {
	border : 1px inset  #be2b57;/* rose foncé */
	float : left;
	text-align : center; 
	color : #be2b57;/* rose foncé */
	font-weight : bold;
	margin :  0px; 
	width : 238px;
} 
#middle .sous_groupe_fois_deux {
	border : 1px inset  #be2b57;/* rose foncé */
	float : left;
	text-align : center; 
	color : #be2b57;/* rose foncé */
	font-weight : bold;
	margin :  0px; 
	width : 478px;
}    
#middle .sous_groupe_large {
	border : 1px inset  #be2b57;/* rose foncé */
	float : left;
	text-align : center; 
	color : #be2b57;/* rose foncé */
	font-weight : bold;
	margin :  0px; 	
	width : 718px;	/* pour i.e seulement */
	
}
#middle  p.new{
	clear : both;
	margin : 5px; 
	width : 98%;
	
	font-size : normal;
	line-height : 2em;
	font : bold 0.8em  Arial, Helvetica, sans-serif;
	
} 
#middle  p.centre{
	text-align : center;	
}  

/*********************/
/* EXPOS           */
/*********************/	 
#expos  {
	border : 1px solid  #be2b57;/* rose foncé */
	color : #be2b57;/* rose foncé */
	margin : 5px 0px; 
	padding : 0px;
}
#expos  h1 { 
	
	background-color : #fbc500 ;/* jaune */ 
	text-align : center;
	color : #be2b57;/* rose foncé */
	border : 1px outset  #be2b57;/* rose foncé */
}
#expos  p { 
	margin : 20px 5px;
	/*border : 1px solid  #be2b57;/* rose foncé */
	width : 400px;
	float : left; 
	text-align : center;
}	
#expos  img { 
	clear : both;
	float : left;
	margin : 0px; 
	padding : 0px;
	display : inline;
}	


/*************************/
/* MENU PHOTOS           */
/*************************/	

.menu-div {
	clear : both;
	width : 610px;
	margin : 0px auto;
	text-align : center; 
	border : 2px solid  #cc3366;/* rose foncé */
	background-color :  #FFE9D0 ;/* rose clair */
}

.menu-div  img {	
	border : none;	 
	display : inline;
} 

.medaillon {
	float :left;
	/*border: 1px solid  #000000; */
	width : 200px;
	background-color :  #FFE9D0 ;/* rose clair */
	margin : 5px 0px;
}



/*************************/
/*   NEWS               */
/*************************/	 
	
#H1_news {	
	background : url(../images/news_titre.gif) top left no-repeat;	
	text-indent : -5000px;
	color : #fbc500 ;/* jaune */ 
}

.new {
	margin : 0px ;
	width : 750px; 
	font-weight: bold;	
	
	
}
.displaynew {
	float : left;
	width : 640px;
	/*border-left : 1px solid  #000000;
	border-right : 1px solid  #000000; */
	background : #ffe9d0 url(../images/news_fond.gif) top left repeat-y;	/* rose clair */
}

.displaynew h2 {
	color : #c36;/* rose foncé */
	text-align : center ;
	
}
.displaynew h3 {
	color : #000000;/* noir */
	text-align : center ;
	
}
.displaynew p {
	margin : 10px  50px 10px 70px;
	text-align : left ;
}
.displaynew hr {
	margin : 10px  50px 10px 70px;
	
}

.displaynew a {color : #C03;}

.displaynew img.centre  { 

	text-align:center;	
	margin : 10px auto 0px auto;	
	display : block;   
}
.displaynew img.bigphoto { margin : 3px; width : 450px;}
.actionnew {
	margin-left : 30px;
	float : left;
} 	
  
#edit_news {
	clear : both; float : left;	 
	width : 640px;
}
#news_consignes {
	float: left; 
	
}

/*************************/
/*   ALBUMS              */
/*************************/	 
#menu-album
{  	width: 470px;
	text-align : left;
	/*border : 1px solid #000000;/* noir */ 
	margin : 0px;
	
}
#menu-album	p
{	  
	text-align : center;
	margin : 0px;
}


#album_photos {	 /*border: 1px solid #000000;/* noir */
   width: 450px;  
   /*border : 1px solid #000000;/* noir */
   margin : 0px;
   background-color : #ffe9d0 /* rose clair */
	
} 		 
#album_photos img {	 
	text-align:center;	
	margin : 10px auto 0px auto;	
	
}

#album_photos img.horizontale {	
	border : none;
	width : 450px; 
	/*height : 340px; */
	display : block;
	clear : both;   	  
	
}
#album_photos img.verticale {	
	border : none;
	height : 340px; 
	display : block;   
}
#album_photos img.gauche {	
	border : none;
	width : 215px; 
	display : inline;
	float : left;   
	clear : both; 
}
#album_photos img.droite {	
	border : none;
	width : 215px; 
	display : inline;
	float : right;   
	
} 
#album_photos h2 { 	 
	clear : both;
	text-align : center ; 
	margin : 0px 0px 20px 0px;	 
	/*border: 1px solid #000000;/* noir */
}

#album_photos h3 { 	 
	clear : both;
	color : #c36;/* rose foncé */
	text-align : center ; 
	margin : 0px;	 
	/*border: 1px solid #000000;/* noir */
}	


hr.spacer {
clear: both;
visibility : hidden;
margin:0px;
padding:0px;
}