/* Couleurs utilisées (7 nuances - 9 couleurs)*/
/* #CCFFCC  (1)*/
/* #B3E6B3   (2)*/
/* #99CC99   (3)*/
/* #80B380   (4)*/
/* #669966    (5)*/
/* #4D804D  (6)*/
/* #336633    (7)*/
/* #1A4D1A  (8)*/
/* #003300    (9)*/

/* Couleurs utilisées fixes*/
/* #000000  (Noir)*/
/* #A55254 (Bordeaux) */
/* #AAAAAA (gris) */
/* #AAEEFF (Bleu webmaster) */



* {margin:0;padding:0}  /* 	Supprime les marges et padding de tous les navigateurs	 */

		
html
    {
     background: url('../images/fondhtml.gif') repeat #CCFFCC; 
    background-attachment: fixed;
    }
		
body
	{
	overflow:hidden;
	margin:0px 0 ;
	padding:0 ;/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center ;/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	font-family: "trebuchet ms", arial, tahoma, verdana, sans-serif;
	font-size:1em;
	}

#frame-annees
	{ 
	position:fixed;
	top: 2px;
	left:5px;width:142px;
	height:36px;
	margin:auto;
	border:none;
	overflow:auto;
	}

#frame-gauche
	{ 
	position:fixed;
	border:none;
	top:40px;
	left:5px;
	bottom:5px;
	overflow:auto;
	width:142px;
	font-size:90%;
	text-align: center;
	}

#frame-haut
	{ 
	position:fixed;
	top: 5px;
	left:154px;
	right: 5px;
	border:none;
	overflow:auto;
	}

#frame-bas
	{
	position:fixed;
	top: auto; 
	left: 154px; /* Decalage de la meme largeur que la frame-gauche */
	bottom: 5px;
	right: 5px;
	height: 34px; /* Hauteur de le frame-bas */
	border:none;
	overflow:auto;
	}

#frame-contenu
	{ 
	position:fixed;
	border:none;
	top:60px;
	bottom:45px;
	overflow:auto;
	left:160px;
	right:5px;
	padding:10px;
	}


/* Dans le fichier COMMUNS\js\commun.js */
.photosP {visibility: hidden}
 

/* Titre des SECTIONS COLOR VARIABLE */
div.sections_entete  {color: #003300 /* TTTTF */; background:#99CC99 /* TTTC */; 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: #1A4D1A /* TTTF */; font-style: normal; font-weight: bold; text-align: center;}



/* Tous les liens */
A                {text-decoration : none;}
A:link 
        {
        color: #003300 /* TTTTF */; 
        text-decoration : none;
        }
A:visited
        {
        color: black;
        }
A:hover
      {
        color: #1A4D1A /* TTTF */; 
        background-color: #CCFFCC /* TTTTC */;
        }

/* Liens locaux */
A.L 				{text-decoration : none;}
A.L:link
        {
        color: #1A4D1A /* TTTF */;
        background-color: #669966 /* N */;  font-weight: bold;
        }
A.L:visited
        {
         color: maroon;
         }
A.L:hover
        {
         color: #1A4D1A /* TTTF */;
         background-color: #669966 /* N */;
        }

A.LBlock 				{text-decoration : none; display: block;}
A.LBlock:link 		{color: #1A4D1A /* TTTF */; background-color: #669966 /* N */; font-weight: bold;}
A.LBlock:visited  {color: maroon; }
A.LBlock:hover 	{color: #1A4D1A /* TTTF */; background-color: #669966 /* N */;}

/* Liens Internet */
A.I 				{text-decoration : none;}
A.I:link 	    {color: #4D804D /* TF  */; font-weight: bold; }
A.I:visited     {color : #336633 /* TTF */;}
A.I:hover 	    {color : #1A4D1A /* TTTF */; background-color: #669966 /* N */;}

/* 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: #669966 /* N */;}



/* 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;	}
table#membresCA caption	{background-color: #99CC99 /* TTTC */; color:#003300 /* TTTTF */; border: 1px solid #1A4D1A /* TTTF */;	font-weight: 800;}
table#membresCA tr.couleur	{background-color: #99CC99 /* TTTC */;}
table#membresCA tr.location	{background-color: #99CC99 /* TTC */;}
table#membresCA tr.webmaster	{background-color: #AAEEFF /* Bleu */;}
table#membresCA td	{border: 1px solid #1A4D1A /* TTTF */;	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	{border: 0; line-height:10px;}
table#membresCA td A.survol {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:#1A4D1A /* TTTF */; background: #669966 /* N */;}
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:#1A4D1A /* TTTF */; background: #669966 /* N */;}
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: #1A4D1A /* TTTF */;	background: none;}

#IDSection P.NC	{text-align: center; margin: 10px auto;}
#IDSection P.NC:first-letter	{font-size: 130%;	font-weight: bold; color: #1A4D1A /* TTTF */;	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 #1A4D1A /* TTTF */;
	}

#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: #1A4D1A;
	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: #003300;	text-decoration: none;	background: #c0e08c;}
#IDSection ul li a:hover.encours	{color: #1A4D1A /* TTTF */;	text-decoration: none;	background: none;}
#IDSection ul li a:hover 		{color: #1A4D1A /* TTTF */; background-color: #1A4D1A /* TTTF */;}



/* 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: #003300;
	text-decoration: none;
	background: #4D804D /* TF  */;
	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: #1A4D1A /* TTTF */;	text-decoration: none;	background: none;}
#IDMenuH ul li a.toutes, #IDMenuV ul li a.toutes	{color: black;	text-decoration: none;	background: #99CC99 /* TTTC */;}
#IDMenuH ul li a:hover, #IDMenuV ul li a:hover 		{color: #1A4D1A /* TTTF */; background-color: #CCFFCC /* TTTTC */;}




/* 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 #1A4D1A /* TTTF */; 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:#003300; 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: #99CC99 /* TTTC */;
	color: #1A4D1A /* TTTF */;
	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 #1A4D1A /* TTTF */;
	width: 500px;
	background-color: #99CC99 /* TTTC */;
	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 #1A4D1A /* TTTF */;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 #1A4D1A /* TTTF */;
	width: 530px;
	background-color: #B3E6B3;
	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: #B3E6B3; /* 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: #003300;
	}




/* Fichier ACCUEIL */
.accueil_photos div
	{
	float: left ;
	margin: 2px;
	padding:3px;
	text-align: center;
	border:2px outset #1A4D1A /* TTTF */;
	width: 22% ;
	height: auto;
	background-color: #99CC99 /* TTTC */;
	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 #003300;
	width: 460px ;
	background-color: #99CC99 /* TTTC */;
	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:#99CC99 /* TTTC */;
	padding:12px 20px 20px 32px;
	width:80%; margin:4px auto;
	border:2px outset #003300;
	}


.Infoscadre
	{
	background:#99CC99 /* TTTC */;
	width:80%; margin:4px auto;
	border:2px outset #003300;
	}
	
.responsablesspan
	{
	font: bold italic 14px Palatino, serif;
	color:#1A4D1A /* TTTF */;
	}

.AnneeForm
    {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
    margin-right:8px;
    }
.AnneeForm
    {background-color:#CCFFCC;}
.AnneeForm:hover
    {background-color:grey;}

table.accueil {width:auto; text-align:center; margin:auto;border:1px solid #003300;}
table.accueil td.C {margin:auto;text-align:center;}
table.accueil
     {background-color:#CCFFCC;} /* Vert */
     
.pop {
  POSITION: absolute;
  VISIBILITY: hidden;
  z-index: 4;
  }
 
.favoris 
  {
  POSITION: relative;
  text-align:center;
  margin:auto;
  width:86px;
  }
 
.favoris TD.td1
  {
  color:#1A4D1A;
  } 
  
.favoris TD.td2
  {
  padding:0 4px;
  border: 2px solid #003300;
  background:#B3E6B3;
  color:#1A4D1A;
  }