/* CSS Document */
<style type="text/css">

body {position: relative; background: white; margin: 0; padding: 0;}

.preload {display:none;}

.intro {color:blue; }
.credit{font: 10px georgia; }


div#entete {
position: absolute; top: 4; left: 4px;center: 0; width: 764px; height: 155px;
background: url(../i/frame/bandeau.gif);
}


div#bande {
position: absolute; top: 156; left: 4px; center: 0; width: 764px; height: 42px;
background: url(../i/frame/bandevierge.gif);
}

div#langue {
position: absolute; top: 165; left: 22px; center: 0; width: 99px; height: 33px;
}

a#langue1 {
    display: block;
	width: 99px;
    height: 33px;
    background-image: url(../i/frame/AN/RED_BOUTON_ENGLISH_OFF.gif);
  }
a#langue1:hover {
    background-image: url(../i/frame/AN/RED_BOUTON_ENGLISH_ON.gif) ;
}


div#JJ {
position: absolute; top: 165; left: 320px; center: 0; width: 60px; height: 56px;
}


<!-- div#ess {
position: absolute; top: 156; left: 150px; center: 0; width: 102px; height: 56px;
}
 -->


div#bande2 {
position: absolute; top: 165; left: 433px; center: 0; width: 335px; height: 33px;
}


div#menu {position: absolute; top: 200; left: 4px; center: 0; width: 143px; height: 810px}

a#menu1 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_ACCUEIL_OFF.gif);
    margin: 0 auto;
}
a#menu1:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_ACCUEIL_ON.gif);
}

a#menu2 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_PROFIL_OFF.gif);
    margin: 0 auto;
}
a#menu2:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_PROFIL_ON.gif);
}

a#menu3 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_EQUIPE_OFF.gif);
    margin: 0 auto;
}
a#menu3:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_EQUIPE_ON.gif);
}

a#menu4 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_VOITURE_OFF.gif);
    margin: 0 auto;
}
a#menu4:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_VOITURE_ON.gif);
}

a#menu5 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_NOUVELLES_OFF.gif);
    margin: 0 auto;
}
a#menu5:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_NOUVELLES_ON.gif);
}

a#menu6 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_CAL_RESULTATS_OFF.gif);
    margin: 0 auto;
}
a#menu6:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_CAL_RESULTATS_ON.gif);
}

a#menu7 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_DANSLESMEDIAS_OFF.gif);
    margin: 0 auto;
}
a#menu7:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_DANSLESMEDIAS_ON.gif);
}

a#menu8 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_ARTICLESPROMOS_OFF.gif);
    margin: 0 auto;
}
a#menu8:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_ARTICLESPROMOS_ON.gif);
}

a#menu9 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_MULTIMEDIA_OFF.gif);
    margin: 0 auto;
}
a#menu9:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_MULTIMEDIA_ON.gif);
}

a#menu10 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_LIENS_OFF.gif);
    margin: 0 auto;
}
a#menu10:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_LIENS_ON.gif);
}


a#menu12 {
    display: block;
	width: 143px;
    height: 27px;
    background-image: url(../i/frame/menu2004/FR/BUTTON_ARCHIVES_OFF.gif);
    margin: 0 auto;
}
a#menu12:hover {
    background-image: url(../i/frame/menu2004/FR/BUTTON_ARCHIVES_ON.gif);
}

a .alt { display: none; }

div#commanditaires {position: absolute; top: 160; center: 0; left: 590px; width: 173px; height: 3100px;
 border: solid 2px #7a39b7; 
}


div#content {position: absolute; top: 220px; left: 149px; width: 421px;
   color: black; background: white;
   font: 13px Verdana, sans-serif; padding: 10px; }
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.15em; font: bold 16px georgia; color: black;  }
div#content h4 {margin-bottom: 0.17em; }


dt {font-weight: bold;}

dd {margin-bottom: 0.66em;}
div#content a:link {color: #3b2a44;}
div#content a:visited {color: #3b2a44;}
div#content a:link:hover {color: blue;}
div#content a:visited:hover {color: #d68437;}
code, pre {color: #EDC; font: 110% monospace;}

div#bottom {position: relative; width: 260px; background: white; margin: 0; padding: 0;
}


div#team {position: absolute; top: 220px; left: 155; width: 100px; height: 700px; font: 12px Verdana, sans-serif; z-index: 100;}
div#team a {display: block; text-align: left; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: white; background: black;
   border-right: 5px solid #505050;}
div#team a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#team a span {display: none;}
div#team a:hover span {display: block;
   position: absolute; top: 0px; left: 100; width: 300px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 12px Verdana, sans-serif; text-align: left;}

/*div#team a img {height: 224; width: 300; border-width: 0;}*/
/*div#team a:hover img {position: abolute; top: 50px; left: 0px; height: 224px; width: 300px;*/




div#news1
	{ 
	font: italic bold 15pt Georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	position: absolute; top: 200; left: 160px; center: 0; width: 300px; height: 110px;
	color: black;
		}
div#news1 a:link {color: #3300CC;}
div#news1 a:visited {color: #3300CC;}
div#news1 a:link:hover {color: #3300CC;}
div#news1 a:visited:hover {color: black;}



</style>