/* 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;
    }    
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;  
    padding: 0.9em;
    border-left:1px solid #494949;    
    font-family:  Verdana, Helvetica, arial, Sans-Serif;
    font-size:11pt;
} 

.corps img { 
    margin:0px;
    padding:0px;
    border: 1px solid #000000;
} 

.corps a:link    {text-decoration: none;  text-decoration: underline; color: #deeaff;}
.corps a:visited {text-decoration: none; text-decoration: underline; color: #C0C0C0;}
.corps a:hover   {text-decoration: underline; color: #FFFFFF;}

.codecadre {  /* pour galerie **/
    border:2px solid #C0C0C0;
    padding:1em 1em;
    text-align: center;
    /*font-size:90%;*/
    color:#000000;
    background-color: #8A8A8A;
}


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

div#menuleft ul {
           padding: 0;
           width: 100%;
           border-top:1px solid #8A8A8A;
           border-left:1px solid #8A8A8A;
           border-right:1px solid #8A8A8A;
           margin:0px;
           text-align: center;
           font-weight:bold; /** essai gras **/
            }
          
div#menuleft ul li {
           position:relative;
           list-style: none; 
           border-bottom:1px solid #8A8A8A;
           padding: 4px 0 4px 4px; 
           background: #085294;                           
               }
                        
div#menuleft li a {    
          display: block;     
          color:#ffff00;
          text-decoration: none; 
          }    
/* pour distinguer les menus */ 
div#menuleft li.main {
}      
div#menuleft li a.menu {
color:#ffff00;  
}      
div#menuleft ul li:hover {
          color: #ffffff;
          background: #2BACFA;  
}                  
div#menuleft ul a:hover {
          color: #ffffff;
}    

/* infobulles pour galerie pas certain */    
.info {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none;
  background: none;
}
a.info span {display: none;}
a:hover.info span {
  display: inline;
  position: absolute; 
  /*top:1.5em;*/
  top:0;
  left:55px;
  z-index: 20;
  background: #446D87;
  color: #fff;
  border:1px solid #000;
  width:200px;
  text-align:center;
  font-weight:normal;
  font-size: 10px;
  line-height:12px;
  padding:2px 4px;
}  

/* Tableaux --------------------------------------------------------*/
.liens table{
border:0px;
margin:auto;
border-collapse:collapse;
}
.liens tbody {
border:0px;
}
.liens th{
border:0px;
padding-top:20px;
padding-right:5px;
width:25%;
}
.liens td{
/*color:#004080;*/
color:#C0C0C0;
font-family:  verdana, sans, arial, helvetica, sans-serif;
font-size:11pt; /* il faut decider ***/
font-size:12pt;
border:0px;
padding-top:20px;
padding-left:5px;
text-align:left;
}
.liens caption{
color:#808080;
font-family:Times New Roman, sans-serif;
text-align:right;
}