/************************************************************************/

/*             Feuille de style du site www.cfdt-feae.com               */

/************************************************************************/



H1 {          }



.TITREPAGE {text-align:center; position:absolute; top:75px; left:180px;

               padding: 2px 2px 2px 2px; vertical-align:top; Width: 600px;

                font-size: 18pt; font-weight:bold;  font-family:sans-serif;  color:#DD5500;}



.CORPSDEPAGE {position:relative; top: 120px; left: 0px; margin:0px; margin-left:-5px; padding:0px; Width: 783px; border: 1px solid green;}





TEXTE {  font-size: 10pt; font-weight:normal;  font-family:sans-serif;

         vertical-align:top;   text-align:justify; left:2px; top:20px;}



.TEXTE {  font-size: 10pt; font-weight:normal;  font-family:sans-serif;

         vertical-align:top;   text-align:justify; left:100px; }

.PARAGRAPHE {  font-size: 10pt; font-weight:Bold;  font-family:sans-serif;  color:#005511;

         vertical-align:top;   text-align:justify; left:100px; text-decoration:underline;}

.TEXTE12 {  font-size: 12pt; font-weight:normal;  font-family:sans-serif;

         vertical-align:top;   text-align:justify; left:100px;}

.TEXTE8 {  font-size: 8pt; font-weight:normal;  font-family:sans-serif;

         vertical-align:top;   text-align:justify;}

.TEXTE9 {  font-size: 9pt; font-weight:normal;  font-family:sans-serif;

         vertical-align:top;   text-align:justify;}



.TEXT12CGCOLOR {  font-size: 12pt; font-weight:bold;  font-family:sans-serif;

         vertical-align:top;   text-align:center; color:#DD5500; left:100px;}

.TEXT12CGCOLORVERT {  font-size: 12pt; font-weight:bold;  font-family:sans-serif;

         vertical-align:top;   text-align:center; color:#005511; left:100px;}



.TEXTEORANGE {text-decoration:none;  color:#DD5500;  vertical-align:middle;  font-weight:bold; font-family:sans-serif; font-size:10pt;}
.TEXTEORANGE9 {text-decoration:none;  color:#DD5500;  vertical-align:middle;  font-weight:bold; font-family:sans-serif; font-size:9pt;}
.TEXTEROUGE9 {text-decoration:none;  color:#FF0000;  vertical-align:middle;  font-weight:bold; font-family:sans-serif; font-size:9pt;}

.TEXTEVERT {text-decoration:none;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:10pt;}
.TEXTEVERT9 {text-decoration:none;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:9pt;}
.TEXTEGRIS9 {text-decoration:none;  color:#AAAAAA;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:9pt;}





A.lien {text-decoration:underline;  color:#000000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:8pt;}

A.lien2 {text-decoration:none;  color:#0000EE;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}



A.lien3 {text-decoration:underline;  color:#000000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien3:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien3:active {text-decoration:underline;  color:#005511;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}



.LIENDEPAGE {text-decoration:none;  color:#005511;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}

.LIENDEPAGE:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}

.LIENDEPAGE:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}



.LIENDEPAGE2 {text-decoration:none;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}

.LIENDEPAGE2:hover {text-decoration:underline;  color:#005511;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}

.LIENDEPAGE2:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:9pt;}


.PETITLIEN {text-decoration:none;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}



.PETITLIEN2 {text-decoration:none;  color:#DD5500;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN2:hover {text-decoration:underline;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN2:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}


.PETITLIEN3 {text-decoration:blink;  color:#FF0000;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN3:hover {text-decoration:underline;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}

.PETITLIEN3:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:7pt; text-align:right;}



.LIENDOSSIER {text-decoration:none;  color:#000030;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:12pt;}

.LIENDOSSIER:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:12pt;}

.LIENDOSSIER:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:12pt;}



A.lien4 {text-decoration:underline;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien4:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien4:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;  font-weight:bold; font-family:sans-serif; font-size:10pt;}


A.lien5 {text-decoration:blink;  color:#ff0000;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien5:hover {text-decoration:underline;  color:#005511;  vertical-align:middle; font-weight:bold; font-family:sans-serif; font-size:10pt;}

A.lien5:active {text-decoration:underline;  color:#DD5500;  vertical-align:middle;  font-weight:bold; font-family:sans-serif; font-size:10pt;}



.contenupage { position:relative; float: left; top:120px;  z-index:50; Width:640px; border: 0px solid orange;}

.contenupagegestion  { position:relative; float: left; top:120px; left:-210px;  z-index:50; Width:640px; border: 0px solid orange;}

/************************************************************************/

/*             Mise en page les boites Des messages d'actualité         */

/*                 Boites petite largeur                                */

/************************************************************************/

.TEXTDEFILANT { position: relative; left:140px; top:120px; z-index:50;  Width: 640px; height:30px;  border: 0px solid blue;}

.ELECTIONS2011 { position: relative; left:140px; top:120px; z-index:50;  Width: 640px; height:150px;  border: 0px solid blue;}



.MESACTUALITE {  Width: 415px; padding: 20px 5px 5px 5px;

                 position: relative; left:0px;

                 text-align:justify; vertical-align:top;

                 font-size: 10pt; font-weight:normal;  font-family:sans-serif; }



.TITREACTUALITE { padding: 2px 2px 2px 2px;

                 position: absolute; top: 0px; left:0px;  Width: 415px;

                 text-align:justify; vertical-align:top; color:#005511;

                 font-size: 11pt; font-weight:bold;  font-family:sans-serif;}


.ACTUALITELARGE {  Width: 640px; padding: 20px 5px 5px 5px;

                 position: relative; left:0px;

                 text-align:justify; vertical-align:top;

                 font-size: 10pt; font-weight:normal;  font-family:sans-serif; }



.TITREACTUALITELARGE { padding: 2px 2px 2px 2px;

                 position: absolute; top: 0px; left:0px;  Width: 640px;

                 text-align:justify; vertical-align:top; color:#005511;

                 font-size: 11pt; font-weight:bold;  font-family:sans-serif;}



.datepublication {position:relative; left:5px; top:0px; text-decoration:none; font-weight:normal;

                  font-family:sans-serif; color:#DD5500; font-size: 8pt; text-align:left;  }



datepublication {position:relative; left:5px; top:0px; text-decoration:none; font-weight:normal;

                  font-family:sans-serif; color:#DD5500; font-size: 8pt; text-align:left;  }



.LIENLIREACTU {position:relative; left:240px; text-decoration:none; font-weight:bold; font-family:sans-serif;

             color:#DD5500; font-size: 9pt; text-align:right; }

.LIENLIREACTU:hover { position: relative; left:240px;text-decoration:underline; font-weight:bold; font-family:sans-serif;

                 color:#005511; font-size: 9pt; text-align:right; }

.LIENLIREACTU:active { position: relative; left:240px;text-decoration:underline; font-weight:normal; font-family:sans-serif;

                   color:#000022; font-size: 9pt; text-align:right; }



.BANDEAUBLEU   {position: relative; top: 0px; left:0px;  Width:422px;

             font-weight:bold ; font-family:sans-serif;

             color:#FFFFFF; font-size: 12pt;

             background-color: #000055; }



.CONTENUGAUCHE {position : absolute ; top:170px; left:0px ; width: 424px; border: 1px solid red;}
.COLONNEGAUCHE {position:relative; top:0px; left:0px; border: 1px solid green;}




/************************************************************************/

/*             Mise en page les boites à droite des pages               */

/************************************************************************/

.CONTCOLONDROIT {position : relative;  float:left; top:120px; left:-210px ; width: 200px;  z-index:150; border: 0px solid red;}

.CONTENUDROIT {position : absolute ; top:170px; left:430px ; width: 200px;  z-index:150;}


.COLONNEDROITE {position:relative; top:0px; left:0px; }    /*left:430px; */



.LEXIQUECOLONNEDROITE {position : relative;  float:left; top:120px;  left:430px; }



.BOITEDROITE    {border: #000055 3px inset;  Width: 200px; padding: 20px 2px 2px 2px;

                 position: relative; left:0px;

                 text-align:justify; vertical-align:top;

                 font-size: 10pt; font-weight:normal;  font-family:sans-serif; }



.ENSEIGNE   {position: absolute; top: 0px; left:0px;  Width:204px;

             font-weight:bold ; font-family:sans-serif;

             color:#FFFFFF; font-size: 12pt;

             background-image: url(images/banniere_boite_droite.jpg); }



.TITREDBDROITE   {position:relative; left:0px; text-decoration:underline;

             font-weight:bold ; font-family:sans-serif;

             color:#005511; font-size: 11pt;}



.LIENLIREDROIT {position:relative; left:130px; text-decoration:none; font-weight:bold; font-family:sans-serif;

                 color:#DD5500; font-size: 9pt; text-align:right; }

.LIENLIREDROIT:hover { position: relative; left:130px;text-decoration:underline; font-weight:bold; font-family:sans-serif;

                 color:#005511; font-size: 9pt; text-align:right; }

.LIENLIREDROIT:active { position: relative; left:130px;text-decoration:underline; font-weight:normal; font-family:sans-serif;

                   color:#000022; font-size: 9pt; text-align:right; }



.CALENDRIER {list-style-type:square; list-style-position:inside; }

UL {list-style-type:square; list-style-position:outside; left:0px; }

.LIENCALEND {text-decoration:none;  color:#000000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}

.LIENCALEND:hover {text-decoration:underline;  color:#000000;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:10pt;}

.LIENCALEND:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:normal; font-family:sans-serif; font-size:10pt;}



.LIENARCHIVE {text-decoration:none;  color:#005511;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:8pt;}

.LIENARCHIVE:hover {text-decoration:underline;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:8pt;}

.LIENARCHIVE:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:normal; font-family:sans-serif; font-size:8pt;}

.LIENARCHIVE2 {text-decoration:none;  color:#DD5500;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:8pt;}

.LIENARCHIVE2:hover {text-decoration:underline;  color:#005511;  vertical-align:middle;

             font-weight:bold; font-family:sans-serif; font-size:8pt;}

.LIENARCHIVE2:active {text-decoration:underline;  color:#FF0000;  vertical-align:middle;

             font-weight:normal; font-family:sans-serif; font-size:8pt;}



.EXTRANET a, .EXTRANET a:hover {position:absolute; top:3px; left:300px; Width:235px;  font-weight:normal ; font-family:sans-serif;  text-decoration: none; color:#FFFFFF; font-size: 8pt; text-align: left;}

.EXTRANET a:visited   {position:absolute; top:3px; left:300px; Width:235px;    font-weight:normal ; font-family:sans-serif;  text-decoration: underline;  color:#FFFFFF; font-size: 8pt; text-align: left;}
       
.ELECTION a, .ELECTION a:hover {position:absolute; top:3px; left:400px; Width:235px;  font-weight:normal ; font-family:sans-serif;  text-decoration: none; color:#FFFFFF; font-size: 8pt; text-align: left;}

.ELECTION a:visited   {position:absolute; top:3px; left:400px; Width:235px;    font-weight:normal ; font-family:sans-serif;  text-decoration: none;  color:#FFFFFF; font-size: 8pt; text-align: left;}
       
       
a.BOUTONACTU  {position: relative; top: 0px; left:0px;  width:300px;  font-weight:bold ; font-family:sans-serif;

                                color:#FFFFFF; font-size: 10pt; background-color: #000055; text-decoration:none;}

a.BOUTONACTU:hover  {position: relative; top: 0px; left:0px;  width:300px;  font-weight:bold ; font-family:sans-serif;

                                color:#FFFFFF; font-size: 10pt; background-color: #DD5500; text-decoration:none;}

a.BOUTONACTU:active  {position: relative; top: 0px; left:0px;  width:300px;  font-weight:bold ; font-family:sans-serif;

                                color:#FFFFFF; font-size: 10pt; background-color: #005511; text-decoration:none;}

       
       

/************************************************************************/

/*  Mise en page des images constituant le design de l'entête des pages */

/************************************************************************/



.fondsite  {position:absolute; top:130px; left:80px; }

.logocfdtfeae {position:absolute; top:0px; left:35px; }

.bandeaupage {position:absolute; top:21px; left:170px; }

.bandeausurtitre {position:absolute; top:2px; left:170px; }

.bandeausoustitre {position:absolute; top:105px; left:170px; }

.bandeausouslogo {position:absolute; top:105px; left:4px; }

.bandeauedito {position:absolute; top:0px; left:445px; }

.MAJ {position:absolute; top:3px; left:550px; width:235px;

       font-weight:normal ; font-family:sans-serif;

       color:#FFFFFF; font-size: 8pt; text-align: right;}

.DATE {position:absolute; top:106px; left:10px;

      font-weight:normal ; font-family:sans-serif;

       color:#FFFFFF; font-size: 8pt; }

.RECHCH {position:absolute; top:106px; left:150px;

      font-weight:bold ; font-family:sans-serif;

       color:#DD5500; font-size: 8pt; }

.HISTO {position:absolute; top:106px; left:160px;  Width:625px;

      font-weight:normal ; font-family:sans-serif; text-align: right;

       color:#FFFFFF; font-size: 8pt; }

.LIENHISTO { color:#FFFFFF; font-size: 8pt; text-decoration:none; font-weight:bold; }

.LIENHISTO:hover { color:#FFFFFF; font-size: 8pt; text-decoration:underline; font-weight:bold; }

.LIENHISTO:active { color:#FFFFFF; font-size: 8pt; text-decoration:underline;font-weight:bold; }



.LIENRECHCH { color:#DD5500; font-size: 8pt; text-decoration:none; font-weight:bold; }

.LIENRECHCH:hover { color:#005511; font-size: 8pt; text-decoration:underline; font-weight:bold; }

.LIENRECHCH:active { color:#FFFFFF; font-size: 8pt; text-decoration:underline;font-weight:bold; }



.lignefine { width: 415px; height: 2px; padding: 0px 0px 0px 0px; position:absolute; top:20px; left:5px;}

.lignefinelongue { width: 640px; height: 2px; padding: 0px 0px 0px 0px; position:absolute; top:20px; left:5px;}

.lignefinebas { width: 415px; height: 2px; padding: 0px 0px 0px 0px; position:relative; top:0px; left:0px;}

.lignefinebaslongue { width: 640px; height: 2px; padding: 0px 0px 0px 0px; position:relative; top:0px; left:0px;}

/*.lignefinebas { width: 415px; height: 2px; padding: 0px 0px 0px 0px; position:absolute; top:0px; left:0px;} */

.lignefineinter { width: 630px; height: 2px; padding: 0px 0px 0px 0px; position:relative; top:0px; left:0px; text-align: center;}

.lignefineinter2 { width: 630px; height: 2px; padding: 0px 0px 0px 0px; text-align: center;}



.TRAVAUX {font-weight:normal; font-family:sans-serif;

             text-align:center;   color:#FF0000; font-size:16pt;}

.FONDBLEU {background-color: #000055;}



/************************************************************************/

/*  Mise en page des images constituant le design du pied de pages      */

/************************************************************************/

.PIEDDEPAGE {  position:relative;  clear: left;  top:120px;   vertical-align:center;   text-align:center;

              Width: 790px; padding: 2px 2px 2px 2px;  z-index:220; }


.PIEDPAGE {    vertical-align:center;   text-align:center;  padding: 2px 2px 2px 2px;  z-index:220;

             font-size: 8pt; font-weight:normal;  font-family:sans-serif;   }



.logoovh {position:static; vertical-align:center;  top:0px;

          border: #000055 0px inset; Width: 250px; padding: 2px 2px 2px 2px;

          font-size: 8pt; font-weight:normal;  font-family:sans-serif;  }





.logomysql {position:static; vertical-align:top; text-align: right;  top:0px;

           border: #000055 0px inset; Width: 180px; padding: 2px 2px 2px 2px;

           font-size: 8pt; font-weight:normal;  font-family:sans-serif; }



.lienpiedpage {text-decoration:normal;  color:#000000;  vertical-align:middle;

              font-weight:normal; font-family:sans-serif; font-size:8pt;}

.lienpiedpage:hover {text-decoration:underline;  color:#000000;  vertical-align:middle;

                     font-weight:normal; font-family:sans-serif; font-size:8pt;}

.lienpiedpage:active {text-decoration:underline;  color:#000000;  vertical-align:middle;

                      font-weight:bold; font-family:sans-serif; font-size:8pt;}



/************************************************************************/

/*           Mise en page du menu gauche                                */

/************************************************************************/



.MENU {position:relative; float: left;  top:120px; left: 0px;  vertical-align: top; Width: 140px; border: 0px solid black; }

.PUCEMENU {position:relative; left:0px;}

.SOUSMENU {position:relative; left:10px;}

.menusite {position:relative; left:2px; text-decoration:none; font-weight:bold; font-family:sans-serif;

             color:#DD5500; font-size: 9pt; }

.menusite:hover {position:relative; left:2px; text-decoration:underline; font-weight:bold; font-family:sans-serif;

                 color:#005511; font-size: 9pt; }

.menusite:active {position:relative; left:2px; text-decoration:underline; font-weight:normal; font-family:sans-serif;

                 color:#000022; font-size: 9pt; }

.sousmenusite {position:relative; left:6px; text-decoration:none; font-weight:bold; font-family:sans-serif;

             color:#005511; font-size: 9pt; }

.sousmenusite:hover {position:relative; left:6px; text-decoration:underline; font-weight:bold; font-family:sans-serif;

                 color:#DD5500; font-size: 9pt; }

.sousmenusite:active {position:relative; left:6px; text-decoration:underline; font-weight:bold; font-family:sans-serif;

                 color:#000022; font-size: 9pt; }



.pucemenu {position:relative; left:5px ; vertical-align:bottom;}





/************************************************************************/











/************************************************************************/

/*    Positionnements relatifs  génériques                              */

/************************************************************************/



.top { position: relative; z-index : 1; }



.decal80  {position:relative; top:0px; left:80px; Width: 550px;}

.decal40  {position:relative; top:0px; left:40px; Width: 590px;}

.decal10  {position:relative; left:10px; text-align:left;}

.decal20  {position:relative; left:20px; text-align:left;}



.DROITE {text-align:right;}

.GAUCHECENTRE {text-align:left; vertical-align:middle;}

.GAUCHEH {text-align:left; vertical-align:top;}
TD.GAUCHEH {text-align:left; vertical-align:top;}

.CENTRE { vertical-align:bottom ; text-align:center;}

.CENTREC { vertical-align:middle ; text-align:center;}

.HAUT {vertical-align:top;}

.CENTREH { vertical-align:top ; text-align:center;}
TD.CENTREH { vertical-align:top ; text-align:center;}


/************************************************************************/

/*                 Mise en page des tableaux                            */

/************************************************************************/

TD.TABLES { vertical-align:middle ; text-align:center;}

TD.CONTENU { vertical-align:middle ; text-align:center;}

TD.RESUTATVERT { vertical-align:middle ; text-align:center; color:#005511; font-weight:Bold;}

TD.TITRES { vertical-align:middle ; text-align:center ; font-weight:Bold; font-style:italic;}

/************************************************************************/

/*    Positionnements spéciaux zone de gestion du site                  */

/************************************************************************/



.AVERTIS {position:absolute; top:106px; left:160px;  Width:625px;

      font-weight:bold ; font-family:sans-serif; text-align: left;

       color:#FF0000; font-size: 8pt; }



.ACROBAT {position:relative; top:0px; left:0px; Width:625px;

      font-weight:normal ; font-family:sans-serif; text-align: center;

       color:#666666;  font-size: 8pt;    }