/* Titre des SECTIONS COLOR VARIABLE */
div.sections_entete  {color: #ff3300; background:#ffe080; height:30px;  font-size: 24px; font-style: normal; font-weight: 800; text-align: center; padding: 2px; width: 90%; margin:auto; margin-top:4px;}

hr
{
clear:both; margin:4px auto;
width:80%;
border-bottom: dashed;
border-left: none;
border-right: none;
border-top: none;
border-bottom-color: #A55254;
border-width: thin;
}


.hrc	{width:70%;margin: 10px auto;}


/* INFOS PAGE COLOR VARIABLE */
font.infos4 { color: maroon; font-size: 16px; font-style: normal; font-weight: bold; text-align: center }
font.infos  { color: orange; font-style: normal; font-weight: bold; text-align: center }



/* Tous les liens */
A 					{text-decoration : none; }
A:link 	    {color: #ff3300; text-decoration : none;}
A:visited 	{color: black;}
A:hover 		{color: green; background-color: #fff0bb}

/* Liens locaux */
A.L 				{text-decoration : none;}
A.L:link 		{color: orange; font-weight: bold; background-color: #fff0b0;}
A.L:visited {color: maroon; }
A.L:hover 	{color: green; background-color: #fff0b0;}

A.LBlock 				{text-decoration : none; display: block;}
A.LBlock:link 		{color: orange; font-weight: bold; background-color: #fff0b0;}
A.LBlock:visited {color: maroon; }
A.LBlock:hover 	{color: green; background-color: #fff0b0;}

/* Liens Internet */
A.I 				{text-decoration : none;}
A.I:link 	  {color: #ff9900; font-weight: bold; }
A.I:visited {color : #FF6347}/* tomate*/
A.I:hover 	{color : green; background-color: #fff0b0}

/* Liens responsables */
A.R 				{text-decoration : none; color: black; font-size:16px}
A.R:link 		{color: black }
A.R:visited {color : black}
A.R:hover 	{color : black; background-color: #fff0b0;}



/* Mise en forme des fichiers des RESPONSABLES dans chaque section */
table.responsable	{border: none; width: auto; margin: auto; font-size:80%; text-align:center;}



/* FEUILLE HISTORIQUE\membresca.slo */
table#membresCA	{width:auto;	margin:auto;	text-align:center;	border-collapse: collapse;	background-color: #ffe080;}
table#membresCA caption	{color:#ff3300;	background-color: #ffe080;	border: 1px solid orange;	font-weight: 800;}
table#membresCA td	{border: 1px solid orange;	padding: 0 6px;	text-align:center;}
table#membresCA td.titre	{text-align:right;	font-weight: bold;}
table#membresCA td.D	{text-align:right;}
table#membresCA td.G	{text-align:left;}
table#membresCA td.noborder	{background: url('../images/fondhtml.gif');	border: 0; line-height:10px;}
table#membresCA td A	{color: black; text-decoration: none; display:block;}

table.sections
	{border-collapse: collapse; margin:auto;}
table.sections td.Droite
	{padding-right: 10px; text-align: right; border-bottom: 1px dashed black; border-top: 1px dashed black;}
table.sections td.Centre
	{text-align: center; border-bottom: 1px dashed black; border-top: 1px dashed black;}
table.sections th
	{color:green; background: #fff0b0;}
table.sections td.D1
	{text-align: right; padding-right:40px;}
table.sections td.G1
	{text-align: left; padding-left:40px;}
table.sections tr.souligne	{border-bottom: 1px dashed black;border-top: 1px dashed black;}

table.assmat	{border: 0px solid black; border-spacing: 0px; border-collapse: collapse; text-align:center; margin:auto; width:auto; font-size:100%;}
table.assmat tr.souligne	{border-bottom: 1px dashed black;border-top: 1px dashed black;}
table.assmat th	{color:green; background: #fff0b0;}
table.assmat td.D	{text-align: right;}
table.assmat td.G	{text-align: left;padding-left:10px;}
table.assmat td.dispo	{text-align: left;padding-left:10px;}




/* SECTION IDSection */
/* Paragraphe */
#IDSection			{text-align:center; margin: auto; width:96%;}

#IDSection P.N	{text-indent: 20px; margin-top:6px; text-align: justify; margin-left: 2px; margin-right: 10px}
#IDSection P.N:first-letter	{font-size: 130%;	font-weight: bold; color: green;	background: none;}

#IDSection P.NC	{text-align: center; margin: 10px auto;}
#IDSection P.NC:first-letter	{font-size: 130%;	font-weight: bold; color: green;	background: none;}

#IDSection P.C		{text-align: center; margin:10px auto;}

#IDSection ul
	{
	background: none;
	width: 700px;
	margin: 0 auto;
	padding: 0px 0px 2px 1px;
	text-align: center;
	border:1px solid orange;
	}

#IDSection ul li
	{ 
	display: inline;
	border-spacing: 1px 0;
	}

#IDSection ul li a
	{
	display: table-cell;
	display: inline-block;
	margin: 0 1px 2px;
	width: 40px;
	padding: 0px 0;
	color: black;
	text-decoration: none;
	background: #ffaa55;
	vertical-align: bottom; font-size:16px;font-weight:bold;
	}

#IDSection ul li a:first-line	{color: black; font-size:10px;}
#IDSection ul li a.encours	{color: red;	text-decoration: none;	background: #c0e08c;}
#IDSection ul li a:hover.encours	{color: green;	text-decoration: none;	background: none;}
#IDSection ul li a:hover 		{color: green; background-color: orange}



/* MENU horizontal Frame haut et MENU vertical frame gauche */
#IDMenuH ul, #IDMenuV ul	{background: none; width: auto;	margin: 0 auto;	padding: 2px 0 0;	text-align: center;}
#IDMenuH ul li, #IDMenuV ul li	{border-spacing: 1px 0;}
#IDMenuH ul li	{display: inline;}
#IDMenuV ul li	{display: block;}
#IDMenuH ul li a, #IDMenuV ul li a
	{
	display: table-cell;
	display: inline-block;
	margin: 0 1px 2px;
	padding: 0px 0;
	color: red;
	text-decoration: none;
	background: #ff9900;
	vertical-align: bottom; font-size:12px;font-weight:bold;
	}

#IDMenuH ul li a	{width: 75px;	}
#IDMenuV ul li a	{width:100px;	}
#IDMenuH ul li a.encours, #IDMenuV ul li a.encours	{color: green;	text-decoration: none;	background: none;}
#IDMenuH ul li a.toutes, #IDMenuV ul li a.toutes	{color: black;	text-decoration: none;	background: #ffe080;}
#IDMenuH ul li a:hover, #IDMenuV ul li a:hover 		{color: green; background-color: #ffe080}




/* MENU images photos */
#infobulle
	{
	padding: 30px 2px 0 2px; /*haut droite bas gauche */
	margin:auto; text-align:center;
	list-style:none;
	width:720px;
	border:0px solid #000;
	position:relative;
	}

#infobulle li 				{display: inline;}
#infobulle li a 			{text-decoration:none; font-size:14px; font-family:verdana, arial, sans-serif; line-height:24px;}
#infobulle li a img 	{float:left; height:75px; padding:8px;margin:1px; border:1px solid green; font-style:normal;}
#infobulle li a:hover {color:#000; white-space:normal;}
#infobulle li a:hover img {background:#9bb; color:#000; cursor:pointer; border-bottom-color:#9bb; position:relative; z-index:300;}
#infobulle li a.selected img {background:#9bb; color:#000; border-bottom-color:#9bb; text-decoration:underline; position:relative; z-index:400;}
#infobulle li a.selected:hover img {cursor:default;}
#infobulle li a span {display:none;text-align:center; margin:auto;top:4px; }
#infobulle li a:hover span {width:100%;display:block; position:absolute;color:red; white-space:nowrap;left:0;font-weight:700;}
#infobulle li a.selected:hover span {display:none;}







/*    RUBRIQUE PHOTOS   */
/* Affichage des classeurs photos */	
#photos_scroll
	{
	clear: both;
	margin: 4px auto;
	text-align: center;
	width: 794px;
	height:32px;
	}
	
/* Titre des photos */	
#photos_scroll h2
	{
	background: #ffe080;
	color: green;
	font-size:1.2em;
	line-height:32px;
	}






/*
	Fichiers REUNIONS\reunions_200x_200x.slo
	Fichiers ANIMATIONS\animations_200x_200x.slo
*/
.animation_container_1
	{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border:1px outset orange;
	width: 500px;
	background-color: #ffe080;
	height:24px;
	}

 /* 1ere colonne */
.animation_container_1_col1
	{
	float:left;
	overflow :hidden;
	width:164px;
	text-align:right;
	padding-right:2px;
	}

/* 2eme colonne */
.animation_container_1_col2
	{
	float: left;
	overflow :hidden;
	width: 300px;
	text-align:left;
	padding-left:2px;
}




/* Fichiers MARCHE sections\marche\manifestations\2008_02_03_marche\preparation.slo */
.imgleft
	{
	float:left;
	margin:6px;
	border:none;
	width:48%;
	}
	
.imgright
	{
	width:48%;
	float:left;
	margin:6px;
	border:none;
	}
	
.imgleftright
	{
	clear:both;
	margin:auto;
	border-bottom:1px dashed green;height:182px;
	}




/* Fichiers SECTIONS\POINT_RENCONTRE\assmat.slo */
.gauche
	{
	clear:both;
	text-align:right;
	float:left;
	width:48%;
	}
	
.droite
	{
	text-align:left;
	margin-left:4px;
	float:left;
	width:48%;
	}


	

/* SECTIONS\MARCHE\calendrier.slo */
.colonne1D2G
	{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border:1px outset green;
	width: 530px;
	background-color: #c8ffc8;
	height:20px;
	}

 /* 1ere colonne */
.colonne1D
	{
	float:left;
	overflow :hidden;
	width:162px;
	text-align:right;
	padding-right:2px;
	}

/* 2eme colonne */
.colonne2G
	{
	float: left;
	overflow :hidden;
	width: 360px;
	text-align:left;
	padding-left:2px;
	}



/* Fichier COMMUNS\photo.php */

#scroller
	{
	float: left;
	width: 248px;
	height: 410px;
	position: relative;
	padding: 5px 0;
	background: none;
	}

#scroller span /* zone affichage grande image */
	{
	top: 0;
	left: 248px;
	width: 544px;
	height: 416px;
	display: block;
	position: absolute;
	border: none;
	z-index:500;
	}
	
#scroller span b#copyright
	{
	font-size: 10px;
	color:#000;
	position:absolute;
	bottom: 4px;
	left: 260px;
	font-family:georgia, verdana, arial, sans-serif;
	font-weight: normal;
	}

#scroller div#thumbs /* Positionnement de la form */
	{
	display: block;
	width: 248px;  /* largeur de la form */
	height: 228px; /* hauteur de la form */
	overflow: auto;
	margin: auto;
	margin-top: 184px;
	border: none;/* bordure autour de la form */
	padding: 2px;
	}
	
/* Petites vignettes dans formulaires */	
#scroller div#thumbs a
	{
	display:block;
	float:left;
	margin: auto;
	text-align: center;
	width: 74px;
	height: 52px;
	border: 1px solid #aaa;
	background: none;
	}

#scroller div#thumbs a img
	{
	width: auto; height: 46px;	margin-top:3px; border:none; background: none;
	}

#scroller div#thumbs a:hover
	{	
	background:#fff url(../images/photoscliquer.gif) no-repeat;
	}
	
#scroller div#thumbs a:active,
#scroller div#thumbs a:focus
	{
	background: #abffd6; /* couleur du fond petite vignette si cliquée */
	outline:0;	
	}
	
#scroller div#thumbs a:hover img
	{
	display:block;
	position:absolute;
	z-index:400;
	}
	
#scroller div#thumbs a:active img,
#scroller div#thumbs a:focus img
	{
display:block;
position:absolute;
z-index:100
}

#scroller div#thumbs a:hover img.h
	{
	width: auto;
	height: 166px;
	top: 14px;
	left:6px;
	}

#scroller div#thumbs a:hover img.v
	{
	width:auto;
	height:166px;
	left:62px;
	top:14px;
	}

#scroller div#thumbs a:active img.h,
#scroller div#thumbs a:focus img.h
	{
	width:auto;
	height:400px;
	left:254px;
	top:14px;
	}

#scroller div#thumbs a:active img.v,
#scroller div#thumbs a:focus img.v
	{
	width:auto;
	height:400px;
	left:390px;
	top:14px;
	}



/* Dans fichiers PHOTOS\photos_200x_200x.slo	*/
.photo .titre
	{
	font-family:"times new roman", serif; font-size:2em; margin-bottom:0; text-align:center; color: red;
	}




/* Fichier ACCUEIL */
.accueil_photos div
	{
	float: left ;
	margin: 2px;
	padding:3px;
	text-align: center;
	border:2px outset orange;
	width: 22% ;
	height: auto;
	background-color: #ffe080;
	overflow :hidden;
 	}
 
.accueil_photos_img
 	{
  float:right;
  height:50px;
  border:none;
  vertical-align: middle;
  }
	
.accueil_vignette div
	{
	margin: auto;
	padding:2px;
	text-align: center;
	border:2px outset red;
	width: 460px ;
	background-color: #ffe080;
	overflow :hidden;
 }
 
.accueil_vignette_img 	{float:right;  height:102px; border:none}

.CacheNTitre1, .CacheNTitre2
	{
	padding: 8px 0px 8px 32px;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: maroon;
	}

.CacheNTitreClick1, .CacheNTitreClick2
	{
	padding: 8px 0px 8px 32px;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	cursor:pointer;
	color: maroon;
	}

.CacheNVoir1, .CacheNVoir2
	{
	font-weight:bolder;
	background:#ffe080;
	padding:12px 20px 20px 32px;
	width:80%; margin:4px auto;
	border:2px outset red;
	}


.Infoscadre
	{
	background:#ffe080;
	width:80%; margin:4px auto;
	border:2px outset red;
	}
	
.responsablesspan
	{
	font: bold italic 14px Palatino, serif;
	color:orange;
	}