/* ----------------------------------------------------------------------
   1. BASE MINIMUM
---------------------------------------------------------------------- */
body{
cursor: url('http://www.meta-morphos.org/images/pointeur.cur'), link;
cursor: url('http://www.meta-morphos.org/images/pointeur2.cur'), pointer;
}
.centre {
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
/* ----------------------------------------------------------------------
   1. BASE MINIMUM
---------------------------------------------------------------------- */
body {
   text-align: center;
   margin: 0px 0px 0px 0px;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   color: #000000;
}
td,tr,div {
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   color: #000000;
}
form {
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   color: #000000;
}
/* ----------------------------------------------------------------------
   2. LIENS - standard
---------------------------------------------------------------------- */
a, a:link {
   color: #5B260B;
   font-size: 12px;
   font-family: Arial, Verdana,Helvetica;
   font-weight: bold;
   cursor: link;
   text-decoration: none;
}
a:visited {
   color: #5B260B;
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #000000;
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica;
   cursor:  link;
   font-weight: bold;
   text-decoration: none;
}
a:active {
   background-color: transparent;
   color: #000000;
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica;
   cursor:  link;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   3. LIENS - de style noir.
   => en général les actions « positives » quand se ne sont pas des boutons
---------------------------------------------------------------------- */
a.noir, a.noir:visited, a.noir:active {
   color: #5B260B;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: none;
   text-decoration: bold;
   cursor: link;
}
a.noir:hover {
   color: #FF0000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   font-weight: none;
   text-decoration: bold;
   cursor: link;
}
/* ----------------------------------------------------------------------
   4 LIENS - de style rouge.
   => en général les actions de type: annulation, suppression,
---------------------------------------------------------------------- */
;.rouge, a.rouge, a.rouge:active {
;   color: #000000;
;   font-family: Arial, Helvetica, FreeSans, sans-serif;
;   font-size: 12px;
;   font-weight: bold;
;   text-decoration: none;
;   cursor: link;
;}
;a.rouge:visited {
;   color: #000000;
;   font-family: Arial, Helvetica, FreeSans, sans-serif;
;   font-size: 12px;
;   font-weight: bold;
;   text-decoration: none;
;   cursor: link;
;}
;a.rouge:hover {
;   color: #000000;
;   font-family: Arial, Helvetica, FreeSans, sans-serif;
;   font-size: 12px;
;   font-weight: bold;
;   text-decoration: none;
;   cursor: link;
;}
/* ----------------------------------------------------------------------
   5 LIENS - de style box
---------------------------------------------------------------------- */
a.box, a.box:active, a.box:visited {
   background-color: transparent;
   color: #000000;
   font-size: 12px;
   font-family: Arial, Verdana, Helvetica;
   text-decoration: bold;
}
a.box:hover {
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   text-decoration: none;
   font-size: 12px;
}
.BOX BR {
   margin: -5px 0px 0px 10px;
}
.BOX UL {
   padding: 8px;
   margin: -5px 0px 0px 10px;
   list-style-type: disc;
}
/* ----------------------------------------------------------------------
   6 LIENS - de style heada
   => administration, téléchargement, annuaire notamment
---------------------------------------------------------------------- */
a.heada, a.heada:visited, a.heada:active {
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   7 LIENS - de style ongl
   => fortement utilisé par le CMS
---------------------------------------------------------------------- */
a.ongl {
   border-bottom: #000000 1px solid;
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: underline;
}
a.ongl:visited {
   background-color: #000000;
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
a.ongl:active {
   background-color: #000000;
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   text-decoration: none;
}
a.ongl:hover {
   background-color: #000000;
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   8 LES STYLES SUR DES BALISES DE BASES
---------------------------------------------------------------------- */
p {
   background-color: transparent;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-weight: normal;
   text-decoration: none;
   font-size: 11px;
   margin-top: 0px;
   margin-bottom: 0px;
   line-height: 1.4em;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

}
/* ----------------------------------------------------------------------
   9 LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.aide { /* articles, commentaires notamment */
   background-color: transparent;
   border-bottom: #C0C0C0 1px solid;
   border-left: #C0C0C0 1px solid;
   border-right: #C0C0C0 1px solid;
   border-top: #C0C0C0 1px solid;
   margin: 0px 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
}
.box { /* fortement utilisé avec les tableaux de type HEADER */
   background-color: transparent;
   color: #C3D3EE;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   margin-left: 5px;
   margin-right: 5px;
   font-weight: bold;
}
.boxb { /* Bloc sondage uniquement */
   color: #C3D3EE;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 9px;
   margin-left: 5px;
   margin-right: 5px;
}
.boxc { /* administration, articles, commentaires notamment */
   background-color: transparent;
   color: #C3D3EE;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 10px;
   margin: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
}
.boxmenu { /* Chat */
   color: #C3D3EE;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   margin-left: 5px;
   margin-right: 5px;
}
/* ----------------------------------------------------------------------
   9a. LES STYLES SUR LES TABLEAUX
   => Utilisés par la fonction tablos(), permet d’alterner les couleurs des lignes de tableau
---------------------------------------------------------------------- */
.ligna {
   background-image: url(images/body.png);
   color: #45445B;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
.lignb {
   background-color: #ffffff;
   color: #45445B;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}   
.lignc {
   background-image: url(grey02.png);
   color: #45445B;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}
.lignd {
   background-image: url(grey03.png);
   color: #45445B;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
   text-decoration: none;
}  
   
/* ----------------------------------------------------------------------
   9b. LES STYLES SUR LES TABLEAUX
---------------------------------------------------------------------- */
.ongl { /* Fortement utilisé pour les <TD> */
   border-bottom: #C3D3EE 1px solid;  ;#C3C2CB
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.opentable_theme {
   border: dotted 1px #C3D3EE;
   padding: 3 3 3 3;
}
.opentable_theme2 {
   background-color: #C3D3EE;
   border: dashed 1px #5c6e94;
   padding: 3 3 3 3;
}
/* ----------------------------------------------------------------------
   9c. LES STYLES SUR LES TABLEAUX
   => Très fortement utilisé pour la grande majorité des entêtes de tableaux
---------------------------------------------------------------------- */
.header {
   background-color: #8CA7DA
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   10 LIGNE DE SEPARATION (MENU ADMINISTRATION, MENU MEMBRE …)
-------------------------------------------------------------------- */
.separ {
   background-image: url(../style/ligne.gif);
   background-position: right 50%;
   background-repeat: repeat-x;
   color: #C3D3EE;
   font-family: Arial, Tahoma, Verdana, sans-serif;
   font-size: 5px;
   height: 5px;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 5px;
   padding-left: 0px;
   padding-right: 180px;
   padding-top: 0px;
}
/* ----------------------------------------------------------------------
   11 LES STYLES SUR LES CHAMPS DE FORMULAIRES
---------------------------------------------------------------------- */
.inputa { /* champ de saisie, LNL, moteur de recherche notamment */
   background-color: #FDFDFD;
   border-top: #864732 2px solid;
   border-bottom: #D7B39B 2px solid;
   border-left: #864732 2px solid;
   border-right: #D7B39B 2px solid;
   color: #000000;
   font-size: 11px;
   height: 20px;
   vertical-align: middle;
   width: 80px;
}
.textbox { /* Champs de formulaire */
   width: 95%;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   color: #000000;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   border-top: #B07A64 2px groove;
   border-left: #B07A64 2px groove;
   border-bottom: #682B1A 1px inset;
   border-right: #682B1A 1px inset;

}
.textbox_standard { /* Champs de formulaire */
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   background-color: #FDFDFD;
   border-bottom: #D7B39B 1px solid;
   border-left: #D7B39B 1px solid;
   border-right: #D7B39B 1px solid;
   border-top: #D7B39B 1px solid;
   color: #000000;
   font-size: 11px;
}
.bouton_standard { /* Champs de formulaire */
   margin-top: 3px;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   cursor: pointer;
   background-color: #FDFDFD;
   color: #000000;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
   border-top: #D7B39B 2px solid;
   border-bottom: #864732 2px solid;
   border-left: #D7B39B 2px solid;
   border-right: #864732 2px solid;
}
.titboxc { /* administration, commentaires, téléchargement notamment */
   background-color: transparent;
   color: #C3D3EE;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.titboxcont { /* bloc administrateur, bloc message à un membre notamment */
   background-color: transparent;
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 11px;
   font-weight: bold;
}
.titre { /* Administration */
   background-color: transparent;
   color: #000000;
   font-size: 10px;
   FONT-WEIGHT: bold;
   font-family: Arial, Georgia, "Times New Roman", serif;
}
.titrea { /* sondages, commentaires, critiques, sections notamment */
   background-color: transparent;
   color: #000000;
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   letter-spacing  : 1px;
   text-indent     : 1px;
   padding         : 2px;
}
.titreb { /* sondages */
   background-color: transparent;
   color: #000000;
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-size: 11px;
   font-weight: bold;
   text-decoration: none;
}
.titrec { /* bloc de Chat */
   background-color: transparent;
   color: #000000;
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-size: 11px;
   text-decoration: none;
}
/* ----------------------------------------------------------------------
   12 STATS - Jireck' work
---------------------------------------------------------------------- */
.graph { 
        position: relative; /* IE is dumb */ 
        width: 200px; 
        border: 1px solid #000000;   708090; 
        padding: 2px; 
    } 
.graph .bar { 
        display: block; 
        position: relative; 
        background: #000000; 
        text-align: center; 
        color: #FFFFFF; 
        height: 1em; 
        line-height: 1em; 
    } 
.graph .bar span { position: absolute; left: 1em; }
/* ----------------------------------------------------------------------
   13 THEME
---------------------------------------------------------------------- */
#editorial {
   margin-bottom: 30px;
}
#editorial_logo{
   background-image: url('../images/editorial.gif');
   height: 24px;
   margin: 5px 0px 0px 0px;
   width: 112px;
}
#editorial span {
   display: none;
}
div#box_article, div#box_poll {
   background-color: #C3D3EE;
   width: 150px;
   float: right;
   margin-bottom: 5px;
   text-align: left;
   display: block;
   margin-right: 3px;
}
div#box_poll {
   float: center;
}
div#box_article h3, div#box_poll h3 {
   color: #C3D3EE;
   font-weight: bold;
   text-align: center;
   font-size: 12px;
   margin: 0px;
   height: 23px;
   line-height: 25px;
}
div#box_article ul, div#box_poll ul {
   margin: 0; padding: 0;
}
div#box_article .bottom, div#box_poll .bottom {
   width: 150px;
   height: 11px;
}
div#box_article ul li, div#box_poll ul li {
   padding-left: 20px;
   list-style-type: none;
}
div#box_article .bloc_content1, div#box_poll .bloc_content1 {
   padding-left: 4px;
   padding-right: 4px;
}
div#box_article .bloc_content1 p, div#box_poll .bloc_content1 p {
   margin-top: 5px;
}
div#box_article .bloc_content1 br {
   margin: -5px 0px 0px 0px;
} 
div#box_article .bloc_content1 .noir {
   margin-left: 4px;
   padding-bottom: 2px;
   font-size: 11px;
   list-style: disc;
   display: list-item;
}
div#box_article .bloc_content2, div#box_poll .bloc_content2 {
   height: 5px;
   background: #C3D3EE;
}
div#box_article .boxc, div#box_poll .boxc {
   background: #C3D3EE;
   color: #A9705A;
   font-size: 11px;
   margin: 0px 0px;
}
.menuprincipal 
{ 
position:absolute; 
 
} 
/* ----------------------------------------------------------------------
   14 blocs gauche et droite
---------------------------------------------------------------------- */
.tete a:link {
   color: #ff5533;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
}
.tete a:visited {
   color: #22eeff;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
}
.tete a:hover{
   color: #ffbea5;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
}
.tete a:active{
   color: #ff5533;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 12px;
}
/* ----------------------------------------------------------------------
   15 TD "bonjour_user" dand HEAD
---------------------------------------------------------------------- */
.bonjour {text-align:center;
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;font-weight:bold;
   font-size: 12px;
  vertical-align: middle;
}
.bonjour a:link {
   color: #4000ad;
   font-family: Arial, Helvetica, FreeSans, sans-serif;font-weight:normal;
   font-style: normal ;
   font-size: 12px;
}
.bonjour a:visited {
   color: #770099;
   font-family: Arial, Helvetica, FreeSans, sans-serif;font-weight:normal;
   font-style: normal ;
   font-size: 12px;
}
.bonjour a:hover{
   color: #000000;
   font-family: Arial, Helvetica, FreeSans, sans-serif;font-weight:normal;
   font-style: normal ;
   font-size: 12px;
}
.bonjour a:active{
   color: #ff5533;
   font-family: Arial, Helvetica, FreeSans, sans-serif;font-weight:normal;
   font-style: normal ;
   font-size: 12px;
}
/* ----------------------------------------------------------------------
   16 module recherche
---------------------------------------------------------------------- */

    a.recherche {
      position:relative;
      color:#396a86; 
      text-decoration:none; 
      font-family:arial, verdana, sans-serif; 
      text-align:center; 
      font-size:11px;
    }
    
    a.recherche:hover {
       background: none; 
       z-index: 50; 
    }
    
    a.recherche div { 
      display: none;
    }
    
    a.recherche:hover div {
       background: url("images/recherche2.png");background-repeat :no-repeat;
       display: block; 
       position: absolute;
       top: 1px; 
       left: -150px;
       font-family: arial, verdana, sans-serif; 
       text-align: center; 
       font-size: 12px;
       font-weight: normal;
       width: 251px;
       height: 56px;

   
    }