/* CSS FFSCA GENERAL */
/*pour neutraliser toutes les marges par defaut après balise body */
* { margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:1em; }
	
/*padding dans body permet l'espace supérieur */	
body { 	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */	padding:15px;background-color: #e9e9e9; text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */}

/*surline le lien au passage de la souris*/
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1 { color: #003399; font-weight: bold; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; }

ul { line-height: 1.5em; }
.rouge {	color: #FF0000; font-weight: bold; }
.bleu {	color: #003399; font-weight: bold;}
.cellule {
	vertical-align: middle;
}
/* titre dans encadrement avec filet*/
legend{ padding-bottom: 1px; font-size:1.0em; color: #003399; font-weight: bold; }

/* encadrement avec filet*/
fieldset{  text-align: left;PADDING: 2px; border: 1px solid #60654B;}

/*parametrage du conteneur acces public utilisée une seule fois dans la page */
#conteneurpublic{font-size:0.8em;width:990px;border:0px solid #60654B;margin:auto;text-align:left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */background-color:#FFF;}

/*Haut de page*/
#header{ width:990px; height: 120px; /*dim immage entete*/ background-image: url(/ImStr/Entete.jpg); border: 1px solid #000066; background-repeat: no-repeat; }	

/*titre acces Club*/
#header h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.0em; font-weight: bold; color: #FF0000; position: relative;
	top: 5px; left: 360px; width: 170px; text-align: center; }	
/*titre acces administrateur*/
#header h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.0em; font-weight: bold; color: #FF0000; position: relative;
	top: 15px; left: 300px; width: 350px; text-align: center; }
/*a gauche de image entete*/
#headerg{ float:right; width: 200px; height: 119px; }

/* date permet le parametrage de l'affichage de la date dans l'entête */ 
#date {	float: right; }
#date p { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform : capitalize;
	font-weight: bold; color: #000066; position: relative; top: 2px; right: 1px; padding-right: 30px; }
	
/*Menu Horizontal Public sous trame entete*/	
#Menuh {float:left; font-size:0.8em; font-weight: bold; text-align: center; }
#Menuh ul { width: 990px;list-style-type:none; margin:0; padding:0;/*enleve des points devant les titres*/ white-space: nowrap; }
#Menuh li { border: 1px solid #0000FF; height: 18px; width: 95px;  float: left; }
#Menuh a {text-decoration:none; color:#003399;  }
#Menuh a:hover {text-decoration:none; color: #FF0000; }


/* Colonne Gauche menu */
#gauche{ float:left; width:140px;/* cet élément est flottant, il faut donc lui attribuer une largeur */ 
		padding: 3px 0;  /*le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */font-size:0.9em;}

/* Parametrage menu dans encadrement pave vertical gauche*/
#Menuvpublic {
	margin-bottom:7px;
	padding: 3px;
}
#Menuvpublic ul { list-style-type:none; margin:0; padding:0;/*enleve des points devant les titres*/ white-space: nowrap; }
#Menuvpublic a { display: block; margin:0px; width:100%; text-indent:10px; text-decoration:none }
#Menuvpublic a:hover { background-position:left center; display: block; background-image: url(../ImStr/fleche_menu.gif); width:100%; color:#000000; text-indent: 10px; background-repeat: no-repeat; text-decoration: underline }
#Menuvpublic .Service { font-weight: bold; color: #86accb; text-decoration: underline; text-align: center; }


#containerMain { float:left; /*le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
	width: 826px; padding: 0 10px ; margin: 10px 0 ; /*background-color: #e9e9e9;*/ display:block; } 
/* Bloc sous corp principal*/
#corpsgauche{ margin:0px 0px 3px; padding: 3px; width : 400px; float: left; background-color: #FFFFDD; position: relative;  }
#corpsgauche p { margin: 5px 0px 3px; padding: 3px; text-align: justify; font-size:0.9em;}

#corpsdroit { margin:0px 0px 3px; padding: 3px; width : 400px; float: right; background-color: #ECF3FF; position: relative; }

/* Bloc centre sous corp principal avec parametre en classe*/
#corpscentre{ width : 826px; float: left; /*background-color: #F3F3F3; */}
#corpscentre p {	margin: 0px 0px 3px; padding: 3px; text-align: justify;}
.titrecentre { z-index: 100; float: left; vertical-align: middle; position: relative; height: 18px; border-right: #999999 1px solid; border-bottom: #999999 1px solid; margin-left: 90px; }
.titrecentre H2{ float: left; border: #fff 1px solid; position: relative; padding-right: 5px; padding-left: 10px; padding-botton: 0px; padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #3076bc; color: #fff; height: 16px; }
.bordacca { border: #ee1a19 1px solid; padding-right: 2px; padding-left: 2px; float: left; padding-botton: 0px;
	position: relative; top: -10px; z-index: 1; width: 395px; }
.bordacca hr { display:block; height: 1px; background-color: #F00; border: 0;  }

.bordaccb { padding-right: 2px; padding-left: 2px; float: left; padding-botton: 0px; padding-top: 10px; position: relative; top: -10px; z-index: 1; width: 395px; border: 1px solid #0000FF; }
.bordaccb hr { display:block; height: 1px; background-color: #0000ff;border: 0;  }

.bordaccC { float: left; padding-botton: 0px; position: relative; top: -10px; z-index: 1; width: 94%; border: 1px solid #0000FF; text-align: center; padding: 20px; margin-left: 5px; }
.bordaccC h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000; position: relative; text-align: center; }
/* Parametrage ACTUALITE Colonnes CENTRE sur page accueil*/
.titrecolonne { z-index: 100; float: left; vertical-align: middle; position: relative; height: 18px;  border-right: #999999 1px solid; border-bottom: #999999 1px solid; margin-left: 5px; }
/* H1 couleur rouge et H3 couleur bleu */	
.titrecolonne H1 { float: left; border: #fff 1px solid; position: relative; padding-right: 5px; padding-left: 10px; padding-botton: 0px;
	padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; height: 16px; background-color: #F41800; }
.titrecolonne H3 { float: left; border: #fff 1px solid; position: relative;  padding-right: 5px;  padding-left: 10px; padding-botton: 0px; padding-top: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  background: #3076bc; color: #fff; height: 16px;  }
 
/* Parametrage ACTUALITE Colonnes CENTRE sur page accueil*/
#formulaire input[type="text"]{width:300px;}
#formulaire textarea{width:350px; height:120px;}
#formulaire label{  float:left; width:230px; text-align:right; padding-right:.5em; padding-top:.15em;}
#formulaire p{ display:block; width:auto; margin:7px;}

/* Parametrage tableau de recherche selection*/
.enteteTableFfsca { text-align: center; color: #FFFFFF; font-size: 1em; border: 2px solid #0000FF; vertical-align: middle; width: 99%; background-color: #B7CEFF; }
.listeresultat { border-top: 2px solid #666666; border-right: 2px solid #3366FF; border-bottom: 2px solid #0066FF; border-left: 2px solid #666666; font-size: 0.9em; text-align: center; vertical-align: middle; padding: 3px; margin: 5px; }
.enteteminiTableFfsca { text-align: center; color: #FFFFFF; font-size: 0.9em; border: 2px solid #0000FF; vertical-align: middle; width: 99%; background-color: #B7CEFF; }
.separationTableFfsca {border: 1px solid #0000FF; vertical-align: middle; width: 99%; }
.listeminiresultat { border-top: 2px solid #666666; border-right: 2px solid #3366FF; border-bottom: 2px solid #0066FF; border-left: 2px solid #666666; 	font-size: 0.8em; text-align: center; vertical-align: middle; padding: 3px; margin: 5px; }

/*pour annuler tout les effet pour mise en place pied de page */
.clear { line-height:0px; display: block; height: 0px ; clear:both ; font-size: 0px;}

/* Parametrage pied de page*/
#pied{ padding:10px; text-align:center; font-size:0.9em;}