/*********GENERAL********/
body            { background-color: #FFCC33; }
div             { font-family: Helvetica bernhardmod bt; font-size: 12px; }
span            { font-family: Helvetica bernhardmod bt; }
TD              { font-family: Pristina; font-size: 24px; empty-cells: show; }
B			    { font-weight: bold; }
A:link          { color: #FFFFFF; text-decoration:      none; }
A:visited       { color: #FFFFFF; text-decoration:      none; }
A:hover         { color: #FFFFFF; text-decoration: 		none; }
A:active        { color: #FFFFFF; text-decoration: 		none;  font-weight: bold;}

body.blanc { background-color: #FFFFFF; }
div.accueil { font-family: Helvetica bernhardmod bt; font-size: 16px; text-align: center; }
div.info { font-family: Helvetica bernhardmod bt; font-size: 16px; text-align: left; }

A:link.courriel {
   color: #1C2B86;
   text-decoration:      none;
}
A:visited.courriel {
   color: #1C2B86;
   text-decoration:      none;
}
A:active.courriel {
   color: #1C2B86;
   text-decoration:      none;
}

A:link.lien {
   color:  #3300CC;
   text-decoration:      none;
}
A:visited.lien {
   color: #3300CC;
   text-decoration:      none;
}
A:active.lien {
   color: #3300CC;
   text-decoration:      none;
}

A:link.lien_sommaire {
   font-size: 16px;
   color:  #B8860B;
   text-decoration:      none;
}
A:visited.lien_sommaire {
   font-size: 16px;
   color: #B8860B;
   text-decoration:      none;
}
A:active.lien_sommaire {
   font-size: 16px;
   color: #B8860B ;
   text-decoration:      none;
}

A:link.onglet_menu {
   color: #FFFFFF;
   text-decoration:      none;
}
A:visited.onglet_menu {
   color: #FFFFFF;
   text-decoration:      none;
}
A:active.onglet_menu {
   color: #FFFFFF;
   text-decoration:      none;
}

A:link.nouvelle_rencontre {
   color:  #CC0000;
   text-decoration:      none;
}
A:visited.nouvelle_rencontre {
   color: #CC0000;
   text-decoration:      none;
}
A:active.nouvelle_rencontre {
   color: #CC0000;
   text-decoration:      none;
}
h1 { color: #B8860B; }
h1.rouge { color: #CC0000; }
h2 { color: #000000; }
h2.rouge { color: #CC0000; }

iframe {font-family: Pristina; font-size: 16px; background-color: #EEEEEE;}


p.indent1 {font-family: Pristina; font-size: 16px;  margin-left: 25px; }
p.indent2 {font-family: Helvetica bernhardmod bt; font-size: 16px;  margin-left: 50px; } 
p.indent3 {margin-left: 75px; } 
p.alimentation {font-family: Pristina; font-size: 20;  margin-left: 25px; }



/* CSS du menu horizontal, bieler batiste */
.menu{
    font-weight : bold;
    font-family : Pristina;
	font-size : 19px;
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    /* width:500px;*/
    }

.menu ul{
    position:absolute;
    display:block;
    /* width:124px; */
    /* width:auto; */
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    margin-left:5px;
    margin-top:2px;
   position: absolute;
   display: inline;
    }

.menu li li ul{
    position:absolute;
    margin-left:20px;
    margin-top:-10px;
}
    
.menu li{
    list-style:none;
    width:auto;
    height:auto;
    display:block;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
   }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #666600;
    border:1px #333300 solid;
    color:#000;
    display:block;
    width:auto;
	height:auto;
    text-decoration:none;
    padding:2px;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #999966;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #999966;
}

a.linkOver{
    background-color: #999966;
    }