html{
	background-color:#e6e6e0;
}
body *{ margin:0; padding:0;}
body{
	/*width:860px;
	margin:20px auto;*/
	position:relative;
	width:1024px;/*19/08/09 : 980*/
	margin:20px auto;	
	background-color:white;	
	font: 0.8em arial;
	color:#737373;	
}
body a{
	text-decoration:none;
	color:#737373; /*A PRECISER MEME SI DEJA INDIQUE DANS LE CSS DU BODY*/
}
/*----------------------------------------------------------------------EN TETE------------------------------------------------------------------------------------------------------------------*/
div#en_tete{ line-height:0;}
/*----------------------------------------------------------------------MENU HORIZONTAL------------------------------------------------------------------------------------------------------------------*/
div#menu_horizontal{
	margin-bottom:0px;
	font-size:0.85em;	
	background-color: #b22222;
	color: white;
}

	ul.liste_menu_horizontal{
		text-align:center; 
}
		ul.liste_menu_horizontal li{ 
			display:inline; 
			margin: 0 5px 0 0;
}
			div#menu_horizontal a{
				color: white;
}
/*--------------------------------------------------------------------------LIGNE MAJ-----------------------------------------------------------------------------------------------------------------*/
	div.maj{
		float:left;
		width:200px;	
}
	div.connectes{
		float:right;
		width:200px;
		text-align:right;	
}
/*----------------------------------------------------------------------------MENU FLOTTANT DE GAUCHE--------------------------------------------------------------------------------------------------*/
div#menu{	
	width:130px;
	float:left;
	margin-top:15px;
}
div.element_menu h4{	
	font-weight:bold;
	font-size:1em; /*a laisser pour IE*/
	color:#c70f0b;
	padding-left:5px;
	margin:0;
	border-bottom:1px #C71008 dashed;
}
div.element_menu li{		
	font-size:0.85em;
	list-style-type:none;
	background-color:#f2f2f2;
	margin:0 0 3px 0;	
	padding:0;	
}
div.element_menu li a:hover{
	text-decoration:underline;
}
div.element_menu ul{
	padding:0px;
	margin:0 0 0 3px;	
}

div.element_menu img{
	margin-left:2px;
	margin-top:5px;
	border:1px solid #737373;
}
div.element_menu a:hover{
	font-weight:bold;
}

/*----------------------------------------------------------------------------MENU  ABSOLU DROIT--------------------------------------------------------------------------------------------------*/
div#menu_droit{	
	width:130px;
	position:absolute;
	right:0; /*19/08/09 : left:850px;*/
	top:225px;	
}

	div.element_menu_droit a:hover{
		font-weight:bold;
}

	div.element_menu_droit img{
		margin:5px 0 0 2px;
		border:1px solid #737373;
}

	div.element_menu_droit h4{	
		font:bold 1em arial; /*1em a laisser pour IE*/
		color:#c70f0b;
		padding-left:5px;
		border-bottom:1px #C71008 dashed;
}
	div.element_menu_droit ul{
		margin:0 0 0 3px;	
}
		div.element_menu_droit li{		
			font-size:0.85em;
			list-style-type:none;
			background-color:#F0F0EA;
			margin:0 0 3px 0;
}
			div.element_menu_droit li a:hover{
				text-decoration:underline;
}
								/*----------------CORPS CENTRAL--------------*/
#corps_central{     
	width:725px;	/*19/08/09 : 685*/
	margin:30px 0 0 20px;
	padding: 0 0 10px 5px;
	border: 1px dashed #c70f0b;	
	float:left;	
}
#corps_central p{     
	line-height:1.5em;
}
div#header_corps_central{
	margin:0 0 25px 0;
}
p.chemin_page{	
	font:bold 1em arial;	
	color:#c70f0b;
	margin-bottom:15px;
}
div.cont_img_header_corps_central{
	text-align:center;	
}

div#contenu_corps_central h4{	
	font:bold 1em arial;	
	color:#c70f0b;
	margin: 10px 0 7px 0;
	
}
div#contenu_corps_central h3{	
	font-weight:bold 1.4em arial;
	color:#c70f0b;
	margin: 10px 0 7px 0;	
}
div#contenu_corps_central p{
	margin: 0 17px 17px 0;
	text-align:justify;	
}
div#contenu_corps_central p a{
	text-decoration:underline;
}
div#contenu_corps_central ul li{
	margin:15px 0 15px 0;
}
div#contenu_corps_central ul.liste_liens li a{
	text-decoration:underline;
}
div#contenu_corps_central img.livres_source {
	float:left;
	margin-right:15px;
}
div#contenu_corps_central div.livres_sources {
	margin-top:25px;
}
div.pic{
	margin-left:50px;
	float:left;
	display:inline;
	text-align:center;	
}
div.pic img{
	border: none;
}


/*---------------------TABLEAU PAGE VIDEO.PHP--------------------------------------*/

table tr td span.tdtitrevideo{
color:#C71008; font-weight:bold;}
table tr td a:hover{
	text-decoration:underline;
}
/*---------------------TABLEAU BASESANTE.PHP--------------------------------------*/
table.base_sante tr td {padding: 10px 0 0 10px;line-height:1..5em;}


/*---------------------BOITE COPYRIGHT---------------------------------------*/
div#conteneur_par_pied_de_page{
	width:690px;
	margin:15px 0 0 150px;		
	font-size:0.85em; 
}
p.copyright{
	width:468px;
	margin:0 auto;
	text-align:center;		
	font-family:'Comic Sans MS';
}
p.copyright span.nom_du_site{color:#c70f0b;}


/* CSS INDEX.PHP CLUB PHOTO */
form{margin:0 ; padding: 0 0 1px 0; }
form#form_oubli_pass_mail{ margin-bottom:35px; }
h1.club_photo{ font-size:2em; margin-top:0; padding: 10px 0 0 0; text-align:center; color:#b22222;}
h3.club_photo{ font-size:1.5em; margin-top:0; }
h4.club_photo{ font-size:1.3em; margin: 1.5em 0 0.5em 0; }
div.cont_gal_photos{ width:100%; margin: 1em 0 0 0; }
div.cont_membre{ position:relative; width:47%; float:left; border-right:1px dashed #737373; }
div.cont_non_membre{ position:relative; margin:0 0 0 48%; height:1%;} 
div.align{ margin:0 0 10px 0; }
p.oubli_pass_mail{ margin-top: 40px; }
p.msg_conf{ margin: 30px 0 0 0 !important; }
p.explic_inscrip{ margin-bottom:0;}
input.club_photo{ position:absolute; right:0; margin: 0 10px 0 0; display:inline; }
img#club_photo{ display:block;  width:603px; height:179px; margin:auto; }
/*height:1%; DANS  div.cont_non_membre pour IE car sans ?a, ? cause du float sur div.cont_membre, les champs input de div.cont_non_menbre disparaissent
  width:% sur div.cont_gal_photos pour IE car sinon la partie au dessus de div.cont_gal_photos disparait. Il lui faut une taille au conteneur contenant conteneurs qui contiennent des flottants*/
  
/*CSS ESPACE_MEMBRE.PHP*/
a img {border:0;}
form{margin:0 ; padding: 0 0 1px 0; }
h1.espace_membre{ font-size:2em; margin-top:0; padding: 10px 0 0 0; text-align:center; color:#b22222;}
h4.espace_membre{ font-size:1.3em; margin: 1.5em 0 0.5em 0; }
h3.gal_membres{ border-top: 1px dashed #737373; }
.texte_rouge{ color:#9f1f2a;} 
div.env_comment_gal{ margin: 0 0 20px 0; }
textarea{ margin: 10px 0px 10px 0px;}
/*input{ display:block; margin: 7px 0 7px 0; }*/
input#env_ajout_photo{ margin: 7px 0 0 0; }
input#ajout_photo{margin:0 0 5px 0;}
input#env_ajout_gal{margin:10px 0 0 0;}
select#select_supr_gal{margin:0 0 5px 0;}
div.div_select{ margin: 7px 0 15px 0; }
div.dernier_div_select{ margin: 7px 0 0 0; }
div#gal_min{ width:100%; } 
div.min{ width:100px; float:left; display:inline; margin: 0 7% 0 0; line-height:0; }	
div.der { margin: 0 0 0 0; }
p#supr_min{ text-align:center; margin:5px 0 15px 0; font-size:0.9em; }
div.clear{ clear:left; height:0; line-height:0;  }
span#label_ajout_photo{ text-decoration:underline; }
p#exigeances{ margin-bottom:0; }
div#div_supr_ajout_gal{ border-top: 1px dashed #737373; }
div#div_supr_gal{ width:48%; float:left; border-right:1px dashed #737373; }
div#div_ajout_gal{ margin:0 0 0 48%; }
div#div_supr_ajout_gal > div#div_ajout_gal{ margin:0 0 0 49%; }
#editeur{width:540px;margin:10px 0px 10px 0px;padding:4px;border-right:2px inset silver;border-bottom:2px inset silver;background: #dce7c1;}
/*Si IE décale tout sur la gauche, mettre le div#fondvichy en position:absolute; margin: 0 0 0 -410px;
Padding de 1px sur div#fond_vichy pour que les marges de div#cont_fond_gris apparaissent
Padding bas sur FORM pour IE pour que la marge de div#cont_fond_gris apparaisse en bas
Widht:100% sur div#gal_min car si on ne donne pas de largeur à un conteneur qui contient des float, une partie du contenu de ce conteneur disparaît sous IE*/



/*CSS GALERIE PAR LAPIN*/
h1.gal_par_lapin{ font:bold 2em arial ; margin:0 0 35px 0; padding: 10px 0 0 0; text-align:center; }
div#gal_min{ width:100%; } 
div.photo_gal_par_lapin{ text-align:center; margin: 0 0 15px 0; }
p#nom_lapin{ margin:0 0 15px 20px; }
div#commentaire{ width:540px;margin:10px 0px 10px 20px;padding:4px;background:transparent;border:0; }
a#retour_pg_prec{ display:block; text-decoration:underline; margin: 0 0 15px 15px;}



/*CSS GALERIE MINIATURES*/
/*div#fond_vichy{ width:80%;  margin:auto; padding:1px; background:url(../bacvichygris.gif);  }
div#cont_fond_gris{ margin:15px ; background:#e7e7e2; min-width:770px; padding:1px; }*/
h1.gal_min{ font:bold 2em arial ; margin:0 0 35px 0; padding: 10px 0 0 0; text-align:center; }
div#gal_min{ width:100%; } 
div.rangee_min{  width:531px; margin:auto;}
div.min{ width:100px; float:left; display:inline; margin:0 31px 0 0; line-height:0; }
div.der{ margin: 0 0 0 0; }	
p.titre_min{ text-align:center; margin:5px 0 15px 0; font-size:0.9em; }
p.invite{ text-align:center; margin:5px 0 15px 0; font-size:1.2em; }
div.clear{ clear:left; height:0; line-height:0;  }
  
 
/*---------------------------- REGLES GENERALES---------------------------------*/

ul { list-style-type:none;}
.bold{font-weight:bold;}
.souligne{ text-decoration:underline;}
a.lien_important{text-decoration:underline;font-weight:bold;}
div.spacer{clear:left;}


/*SUPPRESSION*/

/**{ margin:0; padding:0; }*/
/*html{ background: url(../bacfleurs.gif); color:#737373; margin:0; padding:0; font: bold 0.8em 'comic sans ms' ; }
body a:link, a:visited{ color:#737373; }*/
/*div#fond_vichy{ width:80%;  margin:auto; padding:1px; background:url(../bacvichygris.gif); min-width:770px;}*/
/*h1,h3,h4{ font-family:arial; } */
/*div#cont_fond_gris{ margin:15px ; padding : 20px; }*/