body{font:12px Verdana,Arial,Helvetica,sans-serif;background:white;margin:0;padding:0;text-align:center;}
#Tout{position:relative;width:750px;height:2000px;margin-left:auto;margin-right:auto;border-right:1px blue;border-top:0px;text-align:justify;background:url(images/gauche.jpg) repeat-y;
    /* Could not get the right column to stretch heigh: 100% of window view. So I cheated and had to
    create a background image to fake the 100% column. */}

#Gauche{float:left;height:100%;background:blue url(images/gauche.jpg) repeat-y;/**/}
#Haut{width:100%;height:123px;background:url(images/haut.jpg) repeat-x;width:750px;}
#Centre{padding:130px 0 30px 150px;width:600px;height:100%;background:url(images/gauche.jpg) left repeat-y;}

    
#Quoi,#Pourquoi,#Quand,#Comment,#Qui,#Contact,#Formulaires,#Reglement,#Programme,#Forum,#Recherche,#Liens,#Un,#Deux{
position:absolute;z-index:20}
#AccueilBleu{position:absolute;z-index:30}
#AccueilBleu{left:0;top:0;}
#Quoi{width:83px;height:41px;left:33px;top:296px;background:blue url(images/quoi.jpg) no-repeat;}
#Pourquoi{width:128px;height:43px;left:8px;top:344px;background:blue url(images/pourquoi.jpg) no-repeat;}
#Quand{width:102px;height:38px;left:21px;top:397px;background:blue url(images/quand.jpg) no-repeat;}
#Comment{width:128px;height:38px;left:8px;top:446px;background:blue url(images/comment.jpg) no-repeat;}
#Qui{width:75px;height:40px;left:33px;top:497px;background:blue url(images/qui.jpg) no-repeat;}
#Contact{width:128px;height:71px;left:8px;top:188px;background:blue url(images/contact.jpg) no-repeat;}
#Formulaires{width:106px;height:67px;left:202px;top:43px;background:blue url(images/formulaires.jpg) no-repeat;}
#Reglement{width:98px;height:67px;left:316px;top:43px;background:blue url(images/reglement.jpg) no-repeat;}
#Programme{width:94px;height:67px;left:426px;top:43px;background:blue url(images/programme.jpg) no-repeat;}
#Forum{width:52px;height:45px;left:530px;top:65px;background:blue url(images/forum.jpg) no-repeat;}
#Recherche{width:69px;height:61px;left:604px;top:49px;background:blue url(images/recherche.jpg) no-repeat;}
#Liens{width:48px;height:39px;left:685px;top:71px;background:blue url(images/liens.jpg) no-repeat;}

#Un{width:52px;height:188px;left:92px;top:0;background:blue url(images/un.jpg) no-repeat;}
#Deux{width:50px;height:50px;left:144px;top:73px;background:blue url(images/deux.jpg) no-repeat;}
#Fixe{width:144px;height:100%;left:0;top:0;background:blue url(images/gauche.jpg) repeat-y;z-index:10;position:absolute}

#Hauteur{float:left;left:-1px;}

/*pour régler le problème des images-liens entourées d'un cadre automatiquement*/
a img{border:0;}

/*tout ce qui ne doit pas apparaître avec l'habillage CSS par défaut*/
.Fantome{display:none;}