@charset "iso-8859-1";

a.link {
        color: #000080;
        border:   0px;
        }
a.visited  {        
        color: #000080;
            }
a.active  {        
        color: #000080;
            }
a.active:hover  {        
        color: #FF0000;
            }
a.hover  {        
        color: #000080;
        text-decoration: none;
            }

body   {
.background-attachement: fixed;
 background-image: url(images/plage.jpg);
 margin: 0;
 padding: 0;  /* marges intérieures et extérieures */
         }

#banniere {
    height: 200px; /* hauteur de la bannière */
    background-image: url(images/bandeau2.jpg);
         }

#conteneur {
    position: absolute;
    width: 100%;
    background-image: url(images/plage.jpg);    
         }

#centre {
    margin-left:  260px;  /* marge gauche pour la place de la colonne de gauche */
    margin-right:  200px;  /* marge droite pour la place de la colonne de droite */ 

        }

#gauche { /* boite gauche (avec le menu) */
    position: absolute;
    left: 0px;
    width: 260px; /* largeur de la boite */
        }

#droite { /* boite droite */
    position: absolute;  /* positionné par rapport à la boite parent (ici: conteneur) */
    right: 0px;  /* démarre à 0 pixels de la droite de container */
    width: 200px; /* largeur de la boite */
/*    padding: 2px;  /* marge intérieure - indispensable */
          }


p {
	font-family: Comic Sans MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;               
	text-decoration: none;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: justify;
	color: #000080;
}
        
        
.pct100  {
    width:  100%;
         }
.pct90 {
	width: 90%;
	}
.pct80 {
	width: 80%;
	}
.pct75 {
	width: 75%;
	}
.pct70 {
	width: 70%;
	}
.pct66 {
	width: 66%;
	}
.pct60 {
	width: 60%;
	}
.pct50 {
	width: 50%;
	}
.pct40 {
	width: 40%;
	}
.pct33 {
	width: 33%;
	}
.pct30 {
	width: 30%;
	}
.pct25 {
	width: 25%;
	}
.pct20 {
	width: 20%;
	}
.pct10 {
	width: 10%
	}
.pct5 {
	width: 5%;
	}

.h63 {
	height: 63px;
	}
*.tl    {
	vertical-align: top;
	text-align: left;
}
*.tc    {
	vertical-align: top;
	text-align: center;
}
*.tr    {
	vertical-align: top;
	text-align: right;
}
*.tj    {
	vertical-align: top;
	text-align: justify;
}
*.ml    {
	vertical-align: middle;
	text-align: left;
}
*.mc    {
	vertical-align: middle;
	text-align: center;
}
*.mr    {
	vertical-align: middle;
	text-align: right;
}
*.mj    {
	vertical-align: middle;
	text-align: justify;
}
*.bl    {
	vertical-align: bottom;
	text-align: left;
}
*.bc    {
	vertical-align: bottom;
	text-align: center;
}
*.br    {
	vertical-align: bottom;
	text-align: right;
}
*.bj    {
	vertical-align: bottom;
	text-align: justify;
}
*.date    {
	font-size: 9px;
	color: white;
}
.cligne {
	text-decoration: blink;
}
.mouseDown 
{
	border-top:    2px  solid #444444;
	border-bottom: 2px  solid #AAAAAA;
	border-left:   2px  solid #444444;
	border-right:  2px  solid #AAAAAA;
}
.mouseUp 
{
	border-top:    2px  solid #AAAAAA;
	border-bottom: 2px  solid #444444;
	border-left:   2px  solid #AAAAAA;
	border-right:  2px  solid #444444;
}
.mouseOff 
{
	border-top:    2px solid #AAAAAA;
	border-bottom: 2px solid #444444;
	border-left:   2px solid #AAAAAA;
	border-right:  2px solid #444444;
}