/* -------------------------
Feuille de styles principale
------------------------- */
body {
    margin: 0px;
    padding: 0px;
    color: gray;
    font-family: Arial;
    font-size: 12px;
    background-color: #f0ffff; 
}
.init {
    color: deeppink;
    font-size: 120%;
}
/* ----------------------------------------
le logo des pages autres que page d'accueil
---------------------------------------- */
#lelogo { position: absolute; left: 10px; top: 10px; visibility: visible; }

/* -------------
Le titre en haut
------------- */
#virgule { 
    position: absolute;
    left: 280px;
    top: -100px;
    visibility: hidden; 
}
#text1a {
    position: absolute;
    top: 200px;
    left: -330px;
    font-family: Arial;
    font-size: 20px;
    color: silver;
    font-style: italic;
    font-weight: bold;
    visibility: hidden;
}
#text1b {
    position: absolute;
    top: -198px;
    left: -502px;
    font-family: Arial;
    font-size: 20px;
    color: dodgerblue;
    font-style: italic;
    font-weight: bold;
    visibility: hidden;
}
#text2a {
    position: absolute;
    top: 225px;
    left: -220px;
    font-family: Arial;
    font-size: 20px;
    color: silver;
    font-style: italic;
    font-weight: bold;
    visibility: hidden;
}
#text2b {
    position: absolute;
    top: -228px;
    left: -260px;
    font-family: Arial;
    font-size: 20px;
    color: dodgerblue;
    font-style: italic;
    font-weight: bold;
    visibility: hidden;
}

/* ----------------
Les boutons du menu
---------------- */
#menu {
    position: absolute;
    left: 10px;
    top: 180px;
    visibility: hidden;
}


/* ---------------
Les bulles du menu
--------------- */
#bulle00 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle01 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle02 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle03 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle04 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle05 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle06 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle07 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 
#bulle08 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 

#bulle09 {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    padding: 5px;
    background-color: papayawhip;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    font-weight: bold;
    border-style: solid;
    border-width: 2px;
    border-color: crimson;
} 

#titre1 {
    position: absolute;
    left: -240px;
    top: 150px;
    visibility: hidden;
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #ffd700;
}
#titre2 {
    position: absolute;
    left: -300px;
    top: 152px;
    visibility: hidden;
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #a9a9a9;
}

#page {
position: absolute;
top: 220px;
width: 100%;
text-align: center;
font-weight: bold;
}