<!--

html, body {
margin-top:0; margin-left:0; margin-right:0; margin-bottom:0;
font-family: times new roman, bodoni, georgia, serif; 
font-size : 14px; 

/* Barre de defilement*/

scrollbar-face-color: #009900;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #C0C0C0;
scrollbar-arrow-color: #000000;
}


/*liens vert qui passent au noir souligné */

 A {
font-family: times new roman, bodoni, georgia, serif;
font-weight: bold;
font-size:16px;
color: #009900;
text-decoration:underline; }

A:hover {
color:#000000;
text-decoration:underline;
font-family: times new roman, bodoni, georgia, serif;
font-weight: bold;
font-size:16px;
}

/*ici commence les proprietes pour toutes les pages*/

/*frise en haut de page*/

.frise
{
position:absolute;
left: 0px;
top:0px;
}

/* menu gris avec les rubriques et le rollover*/

.menu
{
position:absolute;
left: 90px;
top: 100px;
}

/* frise du pied de page*/

.frise-pied
{
position:absolute;
left: 4px;
top: 700px;
}

/* courriel */

.courriel
{
position:absolute;
left: 830px;
top: 656px;
}

.maison
{
position:absolute;
left: 780px;
top: 656px;
}

/*titre mini la lune*/

.titre
{
position:absolute;
left: 90px;
top:150px;
}

.page-suivante
{
position:absolute;
left: 480px;
top:666px;
font-family: times new roman, bodoni, georgia, serif;
}


/*fin des proprietes communes*/

/*mise en page de la page d'accueil*/


/*photo de la lune en mer*/
.photo1
{
position:absolute;
left: 582px;
top:176px;
}

/*texte de premiere page*/
.texte-accueil
{
position:absolute;
left: 104px;
top: 340px;
font-family: times new roman, bodoni, georgia, serif;
width: 400px;
height: 300px;
padding: 8px;
text-align:justify;

}


/*presentation de la lune sur la page d'accueil*/

.grand-titre
{
position:absolute;
left: 140px;
top:150px;
}


/*texte de premiere page - accueil*/
.texte1
{
position:absolute;
left: 90px;
top: 200px;
font-family: times new roman, bodoni, georgia, serif;
width: 400px;
height: 340px;
padding: 8px;
text-align:justify;
}

/*ICI COMMENCE LES PROPRIETES DE LA RUBRIQUE CANOT*/


/*texte de legende du canot : page canot numero 1*/

.texte-legende
{
position:absolute;
left: 93px;
top: 490px;
font-family: times new roman, bodoni, georgia, serif;
width: 400px;
height: 140px;
font-size : 12px; 
color :black;
text-align:justify;
}

/*texte de legende du canot : page canot numero 2*/

.texte-legende2
{
position:absolute;
left: 220px;
top: 560px;
font-family: times new roman, bodoni, georgia, serif;
width: 660px;
height: 80px;
font-size : 14px; 
color :black;
text-align:justify;
}


/*chiffre navigation du canot*/

.texte-numero
{
position:absolute;
left: 610px;
top: 666px;
font-family: times new roman, bodoni, georgia, serif;
}


/*DEBUT DES IMAGES DE CANOT*/

/*image du canot page 1*/

.canot-img-01
{
position:absolute;
left: 510px;
top:162px;
}

/*image du canot page 2*/

.canot-img-02
{
position:absolute;
left: 300px;
top: 182px;
}

/*image du canot page 3*/

.canot-img-03
{
position:absolute;
left: 520px;
top:242px;
}

/*image du canot page 4*/

.canot-img-04
{
position:absolute;
left: 600px;
top:182px;
}

/*image du canot page 4*/

.canot-img-04-b
{
position:absolute;
left: 96px;
top:362px;
}

/*image du canot page 5*/

.canot-img-05
{
position:absolute;
left: 400px;
top:200px;
}

/*FIN DES IMAGES DU CANOT*/


/*texte de page canot numero 5 */

.texte5
{
position:absolute;
left: 84px;
top: 200px;
font-family: times new roman, bodoni, georgia, serif;
width: 260px;
height: 440px;
padding: 8px;
text-align:justify;
}

/*FIN DES PROPRIETES RUBRIQUE CANOT*/

/*DEBUT DES PROPRIETES DE LA PAGE ASSOCIATION*/

.texte-statut
{
position:absolute;
left: 160px;
top: 534px;
font-family: times new roman, bodoni, georgia, serif;
}

.adresse-asso
{
position:absolute;
left: 160px;
top: 260px;
font-family: times new roman, bodoni, georgia, serif;
}

.conception
{
position:absolute;
left: 160px;
top: 360px;
font-family: times new roman, bodoni, georgia, serif;
}

.editorial
{
position:absolute;
left: 160px;
top: 440px;
font-family: times new roman, bodoni, georgia, serif;
} 

.liens
{
position:absolute;
left: 160px;
top: 560px;
font-family: times new roman, bodoni, georgia, serif;
}

.image-asso
{
position:absolute;
left: 490px;
top: 180px;
}

.legende-asso
{
position:absolute;
left: 490px;
top: 180px;
width: 100px ;
height: 40px;
font-family: times new roman, bodoni, georgia, serif;
}

/*PAGE DES STATUTS DANS ASSOCIATION*/

.asso-statuts
{
position:absolute;
left: 94px;
top: 220px;
width: 794px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
font-size:12px;
text-align:justify;
}

/*page des liens*/

.site-liens
{
position:absolute;
left: 260px;
top: 200px;
font-family: times new roman, bodoni, georgia, serif;
}

/*FIN DES PROPRIETES de LA PAGE ASSOCIATION*/

/*PROPRIETE PAGE LEXIQUE*/

.maison-lexique-1
{
position:absolute;
left: 820px;
top: 164px;
}

.maison-lexique-2
{
position:absolute;
left: 800px;
top: 2390px;
}

.courriel-lexique
{
position:absolute;
left: 840px;
top: 2390px;
}


.frise-pied-lexique
{
position:absolute;
left: 4px;
top: 2440px;
}

/*DEBUT DES TABLEAU LEXIQUE*/

.tableau-lexique-a
{
position:absolute;
left: 93px;
top: 200px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}


.tableau-lexique-b
{

position:absolute;
left: 93px;
top: 315px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}


.tableau-lexique-c
{

position:absolute;
left: 93px;
top: 530px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-d
{

position:absolute;
left: 93px;
top: 750px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-e
{

position:absolute;
left: 93px;
top: 820px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-g
{

position:absolute;
left: 93px;
top: 1060px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-h
{

position:absolute;
left: 93px;
top: 1180px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}


.tableau-lexique-l
{

position:absolute;
left: 93px;
top: 1280px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-m
{

position:absolute;
left: 93px;
top: 1360px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-n
{

position:absolute;
left: 93px;
top: 1540px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-p
{

position:absolute;
left: 93px;
top: 1620px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-q
{

position:absolute;
left: 93px;
top: 1820px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-r
{

position:absolute;
left: 93px;
top: 1920px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-s
{

position:absolute;
left: 93px;
top: 2020px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}


.tableau-lexique-t
{

position:absolute;
left: 93px;
top: 2120px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

.tableau-lexique-v
{

position:absolute;
left: 93px;
top: 2320px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}


.lexique-lettre
{

position:absolute;
left: 93px;
top: 200px;
background-color:#FFFFFF ;
border-style:thin; 
border-top: solid 1px ; 
border-right: solid 1px ;
border-bottom: solid 1px ;
border-left: solid 1px ;
border-color: #000000; 
text-align: left;
}

/*FIN DES PROPRIETES DE LA PAGE LEXIQUE*/


/*DEBUT DES PROPRIETES POUR LA PAGE HISTORIQUE*/

.texte-histo-01
{
position:absolute;
left: 94px;
top: 200px;
width: 790px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
padding: 4px;
}

.photo-histo-01
{

float: right;
padding: 6px;
}


.texte-histo-02
{
position:absolute;
left: 94px;
top: 200px;
width: 790px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

.photo-histo-02
{

float: left;
padding: 6px;
}

/*PAGE 3*/

.texte-histo-03
{
position:absolute;
left: 94px;
top: 200px;
width: 790px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

.photo-histo-03
{

float: right;
padding: 6px;
}

/*PAGE 4*/

.texte-histo-04
{
position:absolute;
left: 94px;
top: 200px;
width: 790px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

.photo-histo-04
{

float: left;
padding: 6px;
}

/*PAGE 5*/

.texte-histo-05
{
position:absolute;
left: 94px;
top: 200px;
width: 790px ;
height: 400px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

.photo-histo-05
{

float: right;
padding: 6px;
}

/*FIN DES PROPRIETES DE L'HISTORIQUE*/


/*PROPRIETES DES PAGES ACTUALITES*/

/*DEBUT PAGE 01*/

.texte-actu-01
{
position:absolute;
left: 94px;
top: 220px;
font-family: times new roman, bodoni, georgia, serif;
}

.image-actu-01
{
position:absolute;
left: 528px;
top: 278px;
}

.texte-actu-02
{
position:absolute;
left: 94px;
top: 290px;
width: 390px ;
height: 200px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

/*DEBUT PAGE 02*/

.image-actu-02
{
position:absolute;
left: 264px;
top: 220px;
}

/*PAGE ACTU 3*/

.image-actu-03
{
position:absolute;
left: 220px;
top: 220px;
}

.texte-actu-03
{
position:absolute;
left: 220px;
top: 470px;
width: 150px ;
height: 80px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

.image-actu-04
{
position:absolute;
left: 520px;
top: 220px;
}

.texte-actu-04
{
position:absolute;
left: 520px;
top: 470px;
width: 340px ;
height: 80px;
font-family: times new roman, bodoni, georgia, serif;
text-align: justify;
}

/*FIN DES PROPRIETES DES PAGES ACTUALITES*/


</STYLE>