/********************************************************************
* $Author: Nico $
*********************************************************************
* $Date: 2007/02/21 15:08:35 $
*********************************************************************
* $Revision: 1.1 $
*********************************************************************
* $Log: new01.css,v $
* Revision 1.1  2007/02/21 15:08:35  Nico
* Version Initiale apres crash du serveur CVS
*
* 
*********************************************************************/

/* Feuille de styles CSS pour le Bestiaire */


* {margin:0;padding:0;}
body, html {height:100%}
body {
    font-family:verdana;
    font-size:12px;
    margin-top: 0px;
}
#transparent img {
position: absolute;
top: 25px;
left: 75px;
width: 225px;
height: 150px;
}
#defaut {
    background:#FFFFFF;
    }
#global {
    min-height:100%;
    background:url(new01/fond.jpg)  center 4px;
    width:1024px;
    margin:auto;
    position:relative;
}
#ban {
    position:relative;
    height:280px;
    background:url(new01/ban.jpg) top center;
}

#pub {
    position:relative;
    left: 337px;
    bottom: 40px;
    height: 60px;
    }


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
width: 90px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
width: 135px;
}
#menu {
position: absolute;
top:226px;
left:302px;
width: 608px;
z-index:100;
}
#menu dl {
float: left;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
height: 26px;
}
#menu dd {
border: 0 none;
display: none;
}
#menu li {
text-align: left;
background: #000000;
}
#menu a:first-letter ,a:hover:first-letter , #menu li a:first-letter , #menu li a:hover:first-letter {
font-family: Komika Display,Matura MT Script Capitals,Arial,Helvetica ;
color: #FF0000;
}
#menu li a, #menu dt a {
font-family: Komika Display,Matura MT Script Capitals,Arial,Helvetica ;
color: #FFFFFF;
display: block;
height: 100%;
border: 0 none;
padding: 3px 6px 3px 6px;
}

#menu a:hover , li a:hover {
font-family: Komika Display,Matura MT Script Capitals,Arial,Helvetica ;
background: #00AA00;
}

#menu dt span{
display:none;
}




#contenu {

    background:url(new01/gargouille.jpg) 57px  0 no-repeat;
    min-height:100px;
}
#gauche {
    margin-top:90px;
    float:left;
    padding-left:60px;
    width:157px;
    min-height:200px;
    background:url(new01/login.jpg) 57px  0 no-repeat;    
    padding-top:20px;
}
#gauche input.connect {
    opacity:0;
    filter: alpha (opacity=0);
}
#gauche input.image{
    border:0px;
}
#gauche input{
    border:1px dotted black;
}
#gauche label{
    padding-left:65px;
    padding-bottom:4px;
    display:block;
}
#gauche form{
    padding-bottom:10px;
}
#partie{
    font-family:Arial,Helvetica;
    font-size:13px;
    color:#000000;
    text-align:center;
    font-weight:bold;
    width: 120px;
    }
#partie:first-letter    {color:#FF0000;}

#droite {
    padding:3px 130px 1em 250px;
}
#droite h3 {
    font-size:16px;
    font-style:italic;
    color:red;
}
#droite img.avatar {
    float:right;
}

#margepied {
    height:155px;
    clear:both;
}    
#pied {
    height:155px;;
    position:absolute;
    width:1024px;
    margin:auto;
    bottom:0;
    background:url(new01/pied.jpg) bottom center no-repeat;
}

IMG {
    border-style: none;
    }

TABLE {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    border: none;
    }

TABLE.mod {
    width: 580px;
    }

TABLE.col {
    width: 50px;
    }

TABLE.cadre, TABLE.infos {
    padding: 0 0 0 0;
    width: auto;} 

TD.bord_HG {
    height:5px;
    width:5px;
    background:url(new01/tourHG.png);
    }
TD.bord_HD {
    height:5px;
    width:5px;
    background:url(new01/tourHD.png);
    }
TD.bord_BG {
    height:5px;
    width:5px;
    background:url(new01/tourBG.png);
    }
TD.bord_BD {
    height:5px;
    width:5px;
    background:url(new01/tourBD.png);
    }
TD.bord_H {
    height:5px;
    background:url(new01/tourH.png);
    }
TD.bord_V {
    width:5px;
    background:url(new01/tourV.png);
    }

TD {
    font-family:Arial,Helvetica ;
    font-size:13px;
    }
    

TD.global   {font-family:Arial,Helvetica ; font-size:13px; color:#FFBBBB;
             text-align:center; background:#DD44DD; font-weight:bold;}
TD.titre    {font-family:Arial,Helvetica ; font-size:13px; color:#FFFFFF;
             text-align:center; background:#000000; font-weight:bold;}
TD.titre:first-letter    {color:#FF0000;}

TD.case    {font-family:Arial,Helvetica ; font-size:13px; color:#FFBBBB;
             text-align:center; background:#990000; font-weight:bold;
             padding-left:2; padding-right:2; padding-bottom:1; padding-top:1;}

TD.titre1    {font-family:Arial,Helvetica ; font-size:13px; color:#FFFFFF;
             text-align:left; background:#000000; font-weight:bold;}
TD.titre1:first-letter    {color:#FF0000;}

TD.colonne1   {font-family:Arial,Helvetica ; font-size:13px; color:#FFFFFF;
               text-align:right; background:#000000; font-weight:bold;}
TD.colonne1:first-letter    {color:#00FF00;}

TD.colonne2   {font-family:Arial,Helvetica ; font-size:13px; color:#000000;
               text-align:left; background:#FFFFFF; background:url(new01/fond_vert2.png) fixed;
               border:solid #CCFFCC 1px}      

TD.formul   {font-family:Arial,Helvetica ; font-size:13px; color:#BBBBFF;
             text-align:left;}
TD.formul1   {font-family:Arial,Helvetica ; font-size:13px; color:#BBBBFF;
              text-align:left; font-weight:bold;}
TD.infos    {font-family:Arial,Helvetica ; font-size:13px; color:#990000;
             border-style:solid; border-width:thin; border-color:#990000;
             text-align:center; background:#FFFFFF;}
TD.etiquette   {font-family:Arial,Helvetica ; font-size:13px; color:#990000;
                text-align:center; background:#FFFFFF;
                padding: 0 0 0 0;}
TD.centre    {font-family:Arial,Helvetica ; font-size:11px; color:#990000;
              text-align:center; background:#FFFFFF; border:solid; }
TD.petit   {font-family:Arial,Helvetica ; font-size:11px; color:#888888;
            text-align:left; font-style:normal;}
TD.site    {font-family:Arial,Helvetica ; font-size:13px; color:#770077;
            text-align:justify; background:#FFAAFF; }
TD.juge    {font-family:Arial,Helvetica ; font-size:13px; color:#000088;
            text-align:left; background:#CCCCFF; }
TD.commentaire  {font-family:Arial,Helvetica ; font-size:13px; color:#000088;
                 text-align:justify; background:#CCCCFF; font-style:italic;}
TD.reponse {font-family:Arial,Helvetica ; font-size:13px; color:#228822;
            text-align:justify; font-style:italic; background:#CCCCFF;
                        font-weight:bold; }

TD.ligne0  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center;background:#FFFFFF; background:url(new01/fond_vert2.png) fixed;
            border:solid #CCFFCC 1px}
TD.ligne01 {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_vert2.png) fixed;
            border:solid #CCFFCC 1px}

TD.ligne1  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center; background:#FFFFFF; background:url(new01/fond_rouge2.png) fixed;
            border:solid #FFCCCC 1px}
TD.ligne11  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_rouge2.png) fixed;
            border:solid #FFCCCC 1px}

TD.ligne2  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center; background:#FFFFFF; background:url(new01/fond_bleu2.png) fixed;
            border:solid #CCCCFF 1px}
TD.ligne21  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_bleu2.png) fixed;
            border:solid #CCCCFF 1px}

TD.ligne3  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center; background:#FFFFFF; background:url(new01/fond_jaune2.png) fixed;
            border:solid #FFFFCC 1px}
TD.ligne31 {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_jaune2.png) fixed;
            border:solid #FFFFCC 1px}

TD.ligne4  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center; background:#FFFFFF; background:url(new01/fond_cyan2.png) fixed;
            border:solid #CCFFFF 1px}
TD.ligne41 {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_cyan2.png) fixed;
            border:solid #CCFFFF 1px}

TD.ligne5  {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:center; background:#FFFFFF; background:url(new01/fond_magenta2.png) fixed;
            border:solid #FFCCFF 1px}

TD.ligne51 {font-family:Arial,Helvetica ; font-size:12px; color:#000000;
            text-align:left; background:#FFFFFF; background:url(new01/fond_magenta2.png) fixed;
            border:solid #FFCCFF 1px}


                        
.nom {font-family:Arial,Helvetica; font-size:13px; color:#882222; 
          font-weight:bold;}

H1.titre  {font-family:Komika Display,Matura MT Script Capitals,Arial,Helvetica ; 
          font-size:30px; color:#990000;
          text-align:center; margin-top:2px; margin-bottom:2px }
P.titre1 {font-family:Komika Display,Matura MT Script Capitals,Arial,Helvetica ; 
          font-size:17px; color:#990000;font-weight:bold;
          text-align:center; margin-top:0px; margin-bottom:10px}
P.titre2 {font-family:Arial,Helvetica ; 
          font-size:13px; color:#004400;font-weight:bold;
          text-align:left; margin-top:10px; margin-bottom:5px}
P.titre3 {font-family:Arial,Helvetica ; 
          font-size:13px; color:#004400;font-weight:bold;
          text-align:center; margin-top:5px; margin-bottom:10px}
P.logos  {font-family:Arial,Helvetica ; 
          font-size:13px; color:#550055;
          text-align:center; margin-top:0px; margin-bottom:0px}
P.texte  {font-family:Arial,Helvetica ; 
          font-size:13px; color:#000000;
          text-align:justify; margin-top:1px; margin-bottom:1px}
P.petit  {font-family:Arial,Helvetica ; 
          font-size:10px; color:#550055;
          text-align:left; margin-top:0px; margin-bottom:0px}
P.infos   {font-family:Arial,Helvetica ; font-size: 13px; color:#990000;
          font-weight:bold; margin-top:0px; margin-bottom:0px; 
                    text-align:center; font-style:italic;}
P.petitinfos   {font-family:Arial,Helvetica ; font-size: 10px; color:#990000;
          font-weight:bold; margin-top:0px; margin-bottom:0px; 
                    text-align:center; font-style:italic;}
P.description {font-family:Arial,Helvetica; font-size:11px; color:#990000;
               text-align:center; margin-top:2px; margin-bottom:2px;}
                             
SPAN.date1  {font-family:Arial,Helvetica ; font-size:11px; color:#FFFFFF;
            text-align:right; font-style:italic;}
SPAN.date2  {font-family:Arial,Helvetica ; font-size:11px; color:#FFFF55;
            text-align:right; font-style:italic;}
SPAN.parenthese  {font-family:Arial,Helvetica ; font-size:12px; color:#AAAA55;
                 font-style:italic;}                        

INPUT    {
        margin-left: auto;
        margin-right: auto;
}
            
INPUT.t1    {font-family:Arial,Helvetica; background:#FFFFFF; 
                 border:1px dotted black; font-size:13px;}
INPUT.t2    {font-family:Arial,Helvetica; background:#FFFFFF; 
             font-size:13px; color:#990000; font-weight:bold }
INPUT.t3    {font-family:Arial,Helvetica; background:#FFFFFF; 
             font-size:13px; color:#0000AA; font-weight:bold }
TEXTAREA.forum {font-family:Arial,Helvetica; background:#FFFFFF; 
                font-size:14px; color:#0000AA; font-weight:bold}
TEXTAREA.t1    {font-family:Arial,Helvetica; background:#FFFFFF; 
        border:1px dotted black; font-size:13px;}
SELECT.t1   {font-family:Arial,Helvetica; background:#FFFFFF; 
             font-size:12px; font-weight:bold; border:1px dotted black; }
SELECT.t2   {font-family:Arial,Helvetica; background:#FFFFFF; 
             font-size:12px; font-weight:bold; border:1px dotted black; }
INPUT.b1   {font-family:Arial,Helvetica; 
             font-size:11px; color:#FFFFFF; font-weight:bold ; background:#990000; border: double;}
INPUT.b1:disabled   {background:#CCCCCC;}
BUTTON.b1   {font-family:Arial,Helvetica; 
             font-size:11px; color:#FFFFFF; font-weight:bold ; background:#990000; border: double;}
BUTTON.b1:disabled   {background:#CCCCCC;}
FILE.b1   {font-family:Arial,Helvetica; border:1px dotted black;
             font-size:11px; color:#FFFFFF; font-weight:bold ; background:#000000; border: double;}
                         
                         
A         {font-family:Arial,Helvetica ; font-size: 13px; color:#0000FF }
A:link    {font-family:Arial,Helvetica ; font-size: 13px; color:#0000FF;
           text-decoration:none }
A:visited {font-family:Arial,Helvetica ; font-size: 13px; color:#0000FF;
           text-decoration:none  }
A:hover   {font-family:Arial,Helvetica ; font-size: 13px; color:#FF0000;
           text-decoration:none  }

A.ed:link    {font-family:Arial,Helvetica ; font-size: 13px; color:#FFFFFF;
              text-decoration:none }
A.ed:visited {font-family:Arial,Helvetica ; font-size: 13px; color:#FFFFFF;
              text-decoration:none  }
A.ed:hover   {font-family:Arial,Helvetica ; font-size: 13px; color:#FF0000;
              text-decoration:none  }
                     
A.fd_old:link    {font-family:Arial,Helvetica ; font-size: 13px; color:#FFFF44;
              text-decoration:none }
A.fd_old:visited {font-family:Arial,Helvetica ; font-size: 13px; color:#FFFF44;
              text-decoration:none  }
A.fd_old:hover   {font-family:Arial,Helvetica ; font-size: 13px; color:#FF9999;
              text-decoration:none  }
                     
A.lien:link    {font-family:Arial,Helvetica ; font-size: 12px; color:#0000FF;
                text-decoration:none; font-weight:bold }
A.lien:visited {font-family:Arial,Helvetica ; font-size: 12px; color:#0000FF;
                text-decoration:none; font-weight:bold  }
A.lien:hover   {font-family:Arial,Helvetica ; font-size: 12px; color:#FF0000;
                text-decoration:none; font-weight:bold }

A.petitlien:link    {font-family:Arial,Helvetica ; font-size: 10px; color:#009900;
                     text-decoration:none; font-weight:bold }
A.petitlien:visited {font-family:Arial,Helvetica ; font-size: 10px; color:#009900;
                     text-decoration:none; font-weight:bold  }
A.petitlien:hover   {font-family:Arial,Helvetica ; font-size: 10px; color:#FF4444;
                     text-decoration:none; font-weight:bold }

A.minilien:link    {font-family:Arial,Helvetica ; font-size: 11px; color:#000099;
                     text-decoration:none; font-weight:bold }
A.minilien:visited {font-family:Arial,Helvetica ; font-size: 11px; color:#000099;
                     text-decoration:none; font-weight:bold  }
A.minilien:hover   {font-family:Arial,Helvetica ; font-size: 11px; color:#009900;
                     text-decoration:none; font-weight:bold }

A.site:link    {font-family:Arial,Helvetica ; font-size: 18px; color:#009900;
                text-decoration:none; font-weight:bold }
A.site:visited {font-family:Arial,Helvetica ; font-size: 18px; color:#009900;
                text-decoration:none; font-weight:bold  }
A.site:hover   {font-family:Arial,Helvetica ; font-size: 18px; color:#FF0000;
                text-decoration:none; font-weight:bold }
div.erreurmenu {
    font-family:Arial,Helvetica;
    font-size:15px;
    background:url(new01/fleche_rouge.gif) no-repeat;
	color:#FFFFFF;
    text-align:center;
    font-weight:bold;
    padding-top: 40px;
    padding-left: 103px;
    margin-top:-375px;
    margin-left:-90px;
    width:193px;
    height:75px;
    position:absolute;
        }
div.erreur {
    font-family:Arial,Helvetica;
    font-size:15px;
	color:#FFFFFF;
    background:url(new01/fleche_rouge.gif) no-repeat;
    text-align:center;
    font-weight:bold;
    padding-top: 40px;
    padding-left: 103px;
    margin-top:-380px;
    margin-left:-260px;
    width:193px;
    height:75px;
    position:absolute;
        }