@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/plage5.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/plage5.jpg);    
         }

#centre {
    position: absolute;
/*    left:  221px;  /* marge gauche pour la place de la colonne de gauche */
/*    width: 500px;   */
    margin-left:  170px;  /* marge gauche pour la place de la colonne de gauche */
        }

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


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;
}
        
.flag0  {
    position: absolute;
    left: 12px;
    top:  8px;
    width: 50px;
    margin: 4px;
    height: 40px;
    border: 4px;
         }

.flag1  {
    position: absolute;
    left: 70px;
    top:  8px;
    width: 50px;
    margin: 4px;
    height: 40px;
    border: 4px;
         }

.flag2  {
    position: absolute;
    left: 128px;
    top:  8px;
    width: 50px;
    margin: 4px;
    height: 40px;
    border: 4px;
         }
         
.flag3  {
    position: absolute;
    left: 12px;
    top:  56px;
    width: 50px;
    margin: 4px;
    height: 40px;
         }

.flag4  {
    position: absolute;
    left: 70px;
    top:  56px;
    width: 50px;
    margin: 4px;
    height: 40px;
         }

.flag5  {
    position: absolute;
    left: 128px;
    top:  56px;
    width: 50px;
    margin: 4px;
    height: 40px;
         }

         
.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;
}