/* supression des marges par défaut */

.bodynoir {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}


.bodygris {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.bodybleu {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.kenya {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.baobab {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}


.lagonpp {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.avion {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.mer {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.atlantiquenord {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.chute {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

/* position du bateau sur atlantique nord*/

.bateau {
position: absolute;
top: 120px;
right: 300px;
font-size: 110%;
}

/* position de l'image atlantiqueestouestmini suite */

.suite {
position: absolute;
top: 280px;
right: 60px;
}

.poisson {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.beige {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.voilier {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.princesse {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.jardin {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.soufriere {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.vigie {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.guad {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.pointe {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.chateau {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.chevalier {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.oconnor {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.afrique {
margin: 0;
padding: 0;
background-image: url(papierpeint/fdbulle.jpg);
background-repeat:repeat-y;
font-family: Comic Sans MS;
font-size: 110%;
}

.taillealphabet {
font-size: 90%;
}

/* supression des puces*/

li {
list-style-type: none;
}

.retrait {
margin-left: 30px;
width: 1000px;
}

.retrait3ph {
margin-left: 30px;
width: 740px;
}

.retrait2ph {
margin-left: 30px;
width: 500px;
}

#paragraphe {
float: left;
width: 680px;
}

/* soulignements */

.sousligne
{
text-decoration: underline;
padding: 5px; 0px; 5px; 0px;
margin: 5px; 0px; 5px; 0px;
}

.nonsouligne {
text-decoration: none;
padding : 5px;
margin : 5px;
}

.bouton
{
padding: 5px 8px 5px 8px;
border-width: 9px;
border-style: groove;
border-color: grey;
}

/* Centrage et soulignement des titres h2 */

h2
{
text-decoration: underline;
width: 600px;
left: 40%;
color: #639;
}

/*bloque l'espace */

.titre
{
width: 700px;
}

.maj
{text-decoration: none;
color: red;
}

/* supression des bordures des images */

img {
border-width: 0;
border-style: none;
}

/* couleur des liens*/

a {text-decoration: none;
color: blue;
}

a:hover {
color: maroon;
}

.maj
{text-decoration: none;
color: red;
}

/* conteneur page accueil */

#cadreaccueil {
width: 900px;
position: absolute;
left: 50%;
margin-left: -450px;
}

/* conteneur page photos */


#cadrealbum2photos {
width: 550px;
position: absolute;
left: 50%;
margin-left: -275px;
}

#cadrealbum3photos {
width: 820px;
position: absolute;
left: 50%;
margin-left: -410px;
}

#cadrealbum4photos {
width: 1080px;
position: absolute;
left: 50%;
margin-left: -540px;
}

/* conteneur pour  pages */

#cadrecentre2 {
position: absolute;  
top: 250px;
left: 35%;
}

#cadrecentre {
width: 700px;
position: absolute;  
top: 215px;
left: 200px;
}

#cadrecentreaccueil {
width: 700px;
position: absolute;  
top: 180px;
left: 200px;
}

#cadrecentrekenya {
width: 750px;
position: absolute;  
top: 215px;
left: 200px;
}

#cadrejardin {
width: 890px;
position: absolute;  
top: 215px;
left: 10px;
}

/* conteneur bannière */

#conteneurbanniere {
width: 900px;
top: 10px;
position: absolute;
height: 140px;
background-repeat: no-repeat;
background-position: center;
}

/* plongeur gif */

#plongeur {
top: 30px;
position: absolute;
left: 520px;
}

/* roussette gif */

#roussette {
top: 25px;
position: absolute;
left: 25px;
}

#roussette1 {
top: 415px;
position: absolute;
left: 35%;
}

/* positionnement de l'image page accueil */

.imageaccueil {
text-align: center;
position: absolute;
top: 450px;
left: 45%;
}

/*conteneur menu*/

#navcontainer {
border-right: 1px solid blue;
padding-top: 20px;
position: absolute;
top: 210px;
left: -20px;
width: 205px;
}

#navcontaineraccueil {
border-right: 1px solid blue;
padding-top: 15px;
position: absolute;
top: 180px;
left: -30px;
width: 220px;
}

/* bas de page webmaster*/

.webmaster li {
float: left;
padding:0 4px;
height: 40px;
font-size: 70%;
}

.imageadroite                  /* A utiliser pour mettre le texte a gauche et une image a droite */
{
    text-align: left;         /* Aligne le texte à gauche */
    margin-top: 1%;           /* crée une marge externe en haut du bloc */
    margin-left: 2%;          /* crée une marge externe à gauche du bloc */
    margin-right: 2%;         /* crée une marge externe à droite du bloc */
    margin-bottom: 5%;        /* crée une marge externe en bas du bloc */
    vertical-align: middle;    /* censé aligner le texte verticalement eu centre  */
    }
    
.imageadroite img               /* Classe automatique : assigne l'image dans le bord droit du bloc */
{
    float: right;               /* L'image est positionnée à droite sans "bloquer "la partie gauche */    
    margin-left: 4%;            /* Crée une marge interne à gauche de l'image */
    margin-bottom: 1%;           /* Crée une marge interne en dessous de l'image */ 
}

.art_spacer { clear: both;} 
/* Permet de ne pas avoir les ligne du dessous à coté de l'image :) */

/* vignettes pour les albums*/

.vignette {float: left; padding: 6px; margin: 6px;}
.vignette ul {margin: 0.25em 0 0; padding: 0; font: bold small Arial, Verdana, sans-serif;}
.title li{display: block; text-align: center;}

/* format du tableau bilan*/

.tableau {
border-style: double; 
border-width: 3px; 
border-color: black;
width:100%;
background-color: silver;
}

.tableau td { 
border-style: solid; 
border-width: 1px; 
border-color: black;
text-align: center;
}