/* CSS FFSCA GENERAL    Author     : Didier */
/*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 */}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@  Parametre generaux @@@@@@@@@@@@@@@@@@@@*/
     /*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: 0.95em; margin: 0px; }
        ul { line-height: 1.5em; } /* centre le texte dans les menus */
        .rouge {color: #FF0000; font-weight: bold; }
        .bleu {	color: #003399; font-weight: bold;}
        .vert {	color: #00ff00; font-weight: bold;}
        /*.cellule { vertical-align: middle; }
        .Service { font-weight: bold; color: #86accb; text-decoration: underline; text-align: center; }
        .titreencadre {	border-top: 2px solid #CCCCCC; border-right: 2px solid #6699FF;	border-bottom: 2px solid #6699FF; border-left: 2px solid #CCCCCC;
                font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bolder; width: 65%; left: 0px; color: #0000FF; font-size: 12px;  }
        select.largeur {width: 200px;}*/

     /* encadrement avec filet
        fieldset{  text-align: left;PADDING: 2px; border: 1px solid #60654B;}*/
        fieldset{  text-align: left; padding: 0.5px; }
     /* titre dans encadrement avec filet*/
        legend{ padding-bottom: 1px; font-size:1.0em; color: #003399; font-weight: bold; }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ Entete header  et pied de page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
        #header{ width:990px; height: 120px;
     /*dim immage entete*/ background-image: url(../ImStr/Entete.jpg); border: 1px solid #000066; background-repeat: no-repeat; }
     /* header p permet le parametrage de l'affichage des champs du formulaire dans l'entête */
        #header p { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform : capitalize;
	font-weight: bold; color: #000066; margin: 0px 10px 2px;}
     /* header h2 permet le parametrage de l'affichage de la date dans l'entête */
        #header h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;
                     color: #000066; position: relative; margin: 0px 0px 0px 500px; }
    /* header h3 titre acces Membre*/
        #header h3 {position: relative; top:80px; left: 380px; font-size: 1.5em; color: red; }
       
    /*a gauche de image entete espace connection*/
        #espaceconnect { float:right; width:198px; margin: -17px 0px -5px 0px ; }
        #espaceconnect p {   }
        #espaceconnect .ligne {margin:2px 1px 2px ;} /* espace au dessus du bloc connect*/
        #espaceconnect .ligne input{width: 105px; margin:0 5px 0 0; font-size:10px; font-weight:bold;}

   /*Menu Horizontal site public*/
        .menuh {float:left; font-size:0.8em; font-weight: bold; text-align: center;  margin: -9px 0px 0px 0px ;}
        .menuh ul { width: 990px;list-style-type:none; margin: 0px ; 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; }

   /*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{ clear: left; padding:10px; text-align:center; font-size:0.95em;}
/*  °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ Corp de la page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
   /*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; /*fond du bloc conteneur public */ }

   /* 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 */
                background-color:#FFF; font-size:0.95em;}
   /* Menu Vertical site public*/
        .menuv { margin-bottom: 7px; padding: 3px; }
        .menuv ul { list-style-type:none; margin:0; padding:0;/*enleve des points devant les titres*/ white-space: nowrap; }
        .menuv a { display: block; margin:0px; width:100%; text-indent:10px; text-decoration:none }
        .menuv 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 }
        .menuv .Service { font-weight: bold; color: #86accb; text-decoration: underline; text-align: center; }
        
  /* contenu principal du site*/
        #contenu { 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; }
        #contenu h1 { font-size: 1.3em;  }
        #contenu p { margin:0 20px  ;text-align: justify;}
        #contenu ul { padding-left: 55px; }

  /* Bloc dans corp principal et parametrage*/
        #bloccentre{ width : 826px; float: left; /*background-color: #F3F3F3; */}
        #bloccentre p {	margin: 0px 0px 3px; padding: 3px;font-size: 0.90em; text-align: justify;}
        #titrebloccentre { 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; }
        #titrebloccentre h2{ float: left; border: #fff 1px solid; position: relative; padding-right: 5px; padding-left: 10px; padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.05em; color: #fff; height: 16px; background-color: #3076bc; }
        #bloccentre h1 {margin: 0px 0px 3px; padding: 3px;font-size: 0.90em; text-align: justify; color: #000; }

        #Contourcentre { float: left; position: relative; top: -10px; z-index: 1; width: 92%; border: 1px solid #0000FF; text-align: center; padding: 20px; margin-left: 25px;margin-top: 0px; }
        #Contourcentre h1 { font-size: 1.0em; color: #FF0000; font-weight: bold; }

     /* Bloc dans corp principal sous cadre droit et gauche*/
        .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 h2 { float: left; border: #fff 1px solid; position: relative; padding-right: 5px; padding-left: 10px; padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em; color: #fff; height: 16px; background-color: #F41800; }
       .titrecolonne h3 { float: left; border: #fff 1px solid; position: relative;  padding-right: 5px;  padding-left: 10px; padding-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em;  background: #3076bc; color: #fff; height: 16px;  }

        /* Bloc droit et gauche*/
       #blocgauche{ margin:0px 0px 3px; padding: 3px; width : 400px; float: left; background-color: #ffffd9; position: relative;  }
       #blocdroit { margin:0px 0px 3px; padding: 3px; width : 400px; float: right; background-color: #ECF3FF; position: relative; }

        /* parametrage dans les Blocs droit et gauche public*/
       .Contouractu { border: #ee1a19 1px solid; float: left; position: relative; top: -10px; z-index: 1; width: 395px;  }
       .Contouractu hr { display:block; height: 1px; background-color: #cccccc; border: 0; }
       .Contouractu p {padding: 10px; text-align: justify; font-size:0.99em;}
       .Contouractu h2 {color: #003399; padding: 8px;font-size: 0.95em; text-align: center; }

       .Contouractub { border: #ee1a19 1px solid; float: left; position: relative; top: -10px; z-index: 1; width: 395px;  }
       .Contouractub hr { display:block; height: 1px; background-color: #0000ff;border: 0;  }
       .Contouractub p {padding: 15px; text-align: justify; font-size:0.99em;}