/* declarations generale -------------------------------------------*/

body {
    behavior: url(../styles/csshover.htc); 
    background: #000000 url(../images/blue_background.jpg);
    color: black;
    font-family:  Verdana, Helvetica, arial, Sans-Serif;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* valeurs standard--------------------------------------------------*/
h1 {
    color:#FFF200;
    font-size: 130%;
    font-weight:bold;
    }
h2 {
    color:#deeaff;
    font-size: 120%;
    font-weight:bold;
    }    
h3 {
    color:#deeaff;
    font-size: 105%;
    font-weight:bold;
    border-bottom:1px solid #8A8A8A;  /** pour mare **/
    text-align: left; /** pour mare **/
    }    
img {
   border:none;
}
.grotrait {
border-bottom:2px solid #ffff00;    
}
.titrait {
border-bottom:1px solid #8A8A8A;
}

/* top ---------------------------------------------------------------*/
.toulao{
position:absolute;
top: 0;
left: 1%;
width: 098%;
z-index: 2;
text-align: center;
background: #000000 url(../images/blue_background.jpg); 
line-height: 2em;
margin: 0;
}
html>body .toulao{
position: fixed
}

#menutop {
position: relative;
height: 28px;
margin: 0 10px 1em 20px;
clear: both;
background: transparent url("../images/blue_menutop.gif") left top no-repeat;
}
#menucoin {
float: right;
position: relative;
left: 1px;
width: 30px;
height: 28px;
background: transparent url("../images/blue_menucoin.gif") left top no-repeat;
}

#menutop ul, #menutop li {
margin:0;
padding: 0;
list-style-type: none;
}
#menutop ul {
position: absolute;
height: 28px;
width: 725px; /** a allonger si plus ou moins de liens par ideal 650 ou 725 */
left: 25px;
}
#menutop li {
float: left;
}
#menutop li a { 
display: block;  
height: 28px;
width: 80px;
color: #FFFF00;
font: 17px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
text-decoration: none;
border-left: 1px solid #fff;
text-align: center;
}
#menutop li a.small {
width: 50px;
}
#menutop li a.vlarge {
width: 200px;
}
#menutop li a.large {
width: 125px;
}
#menutop li a.last {
width: 110px;
border-right: 1px solid #fff;
}
#menutop a:visited {
color: #FCD500;
}
#menutop a:hover {
color: #FFFFFF;
background: transparent url("../images/blue_menutop.gif") no-repeat 100% -28px ;
}

/* Positionement general -------------------------------------------*/

.corps {
    z-index: 1;
    margin-top:8em;
    margin-left:20%;
    margin-right: 1%;
    text-align: center;
    color:#C0C0C0;
    background: #085294;   /**** pour mare ***/
    padding: 0.9em;
    border-left:1px solid #494949;    
    font-family:  Verdana, Helvetica, arial, Sans-Serif;
    font-size:11pt;
} 

/**  Bordure pour les images **/ 
.corps img { 
    padding: 3px;
    border: 1px solid #4f4f4f;
    background-color: #292929;  
    border: 1px solid #7c7c7c; /**  3 essai plus clair **/
    border: 1px solid #65879d; /**  4 essai plus bleu **/
    border: 1px solid #51809d; /**  2 essai plus bleu foncé**/
    border: 1px solid #6e7291; /**  1 essai plus violet **/ 

    
    border: 1px solid #6e7291; /**  1 essai plus violet **/ 
} 
 
.corps a:link    {text-decoration: none; color: #deeaff;}
.corps a:visited {text-decoration: none; color: #C0C0C0;}
.corps a:hover   {text-decoration: underline; color: #FFFFFF;}
/** pas de code pour poisson 
.codehtml {
    border:2px solid #C0C0C0;
    padding:0.2em 0.2em;
    text-align: center;
    font-size:90%;
    color:#000000;
    background-color: #8A8A8A;
}
**/

.poisson {
        text-align: left;
        margin-left:15%;
        margin-right:15%;
    }
.txtagauche {
        text-align: left;
    }
.txtmaj {
font-size:120%;
}
.txtpet {
font-size:90%;
} 
.txtmin {
font-size:10%;
}   

/* navigation poisson-----------------------------------------------*/
#top1 {
background: transparent url(../images/mois_b_pre.gif) no-repeat;
float: left;
width: 40px;
text-align:center;
}
.corps #top1 a {
display: block;  
text-decoration: none;
} 
.corps #top1 a:hover {
    background: transparent url(../images/mois_h_pre.gif) no-repeat;
}
#top2 {background: transparent url(../images/mois_b_sui.gif) no-repeat;
    float: right;
    width: 40px;
    text-align:center;
}
.corps #top2 a {
display: block;  
text-decoration: none;
} 
.corps #top2 a:hover {
    background: transparent url(../images/mois_h_sui.gif) no-repeat;
}     
/** on enleve le tour des image pour la navigation **/
#top1 img, #top2 img { 
    padding: 0px;  
    border: none; 
    background : transparent; 
}            


/* Menu Left poisson frais ----------------------------------------------------------*/

div#menuleft {
         z-index: 2; 
         position: absolute;
         top: 15em;  
         left: 1%;
         width: 18%;
         font: 12px verdana, sans-serif;
         text-align: center;
         }
html>body #menuleft{
position: fixed
}

div#menuleft ul.niveau1 {
           padding: 0;
           width: 100%;
           border-top:1px solid #8A8A8A;
           border-left:1px solid #8A8A8A;
           border-right:1px solid #8A8A8A;
           margin:0px;
           text-align: left;
           font-weight:bold;
            }
div#menuleft ul.niveau1 li {
           position:relative;
           list-style: none; 
           border-bottom:1px solid #8A8A8A;
           padding: 4px 0 4px 4px; 
           background: #085294;                           
               }
div#menuleft ul.niveau2 {
           padding: 0;
           width: 100%;
           border-left:2px solid #8A8A8A;
           margin:0px;
           text-align: right;
            }
div#menuleft ul.niveau2 li {
           position:relative;
           list-style: none; 
           padding: 4px 0 4px 4px;                     
               }
                           
                                       
div#menuleft li a {    
          display: block;     
          color:#ffff00;
          text-decoration: none; 
          }  
div#menuleft ul li:hover {
          color: #ffffff; 
                  }         
div#menuleft ul.niveau1 li:hover {
          background: #2BACFA;  
}                                     
div#menuleft ul a:hover {
          color: #ffffff;
          }