body
{
background-color: black
}

img 
{
border: none;
display: block;
}

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

a:visited
{
color: black;
}

/* Les titres*/

h1
{
position: absolute;
left: 160px;
top: -15px;
width: 720px;
font-size: 36px;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

h2
{
position: absolute;
left: 160px;
top: 40px;
width: 720px;
font-size: 24px;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

h3
{
position: absolute;
left: 32px;
top: 85px;
width: 85px;
height: 50px;
overflow: hidden;
font-weight: normal;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

h7
{
position: absolute;
left: 200px;
top: 200px;
width: 500px;
height: 3000px;
font-size: 200px;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu01
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #FE0002;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu02
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu03
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #FCFF01;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu04
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #26FF02;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu05
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #02FFFF;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#titredumenu06
{
position: absolute;
left: 160px;
top: 60px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #2A01FD;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
 }

#drapo
{
position: absolute;
left: 54px;
top: 40px;
}

.menupr
{
position: absolute;
background-color: #82818B;
left: 32px;
top: 30px;
width: 85px;
height: 40px;
font-size: 12px;
text-align: center;
padding-top: 10px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#imagnoi01
{
position: absolute;
left: 210px;
top: 22px;
}

#imagnoi02
{
position: absolute;
left: 740px;
top: 22px;
}

#titremenu01
{
position: absolute;
left: 160px;
top: 210px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #FE0002;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu02
{
position: absolute;
left: 200px;
top: 180px;
width: 420px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu02b
{
position: absolute;
left: 200px;
top: 210px;
width: 420px;
height: 20px;
font-size: 16px;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu03
{
position: absolute;
left: 160px;
top: 240px;
width: 420px;
height: 40px;
font-size: 24px;
font-weight: bold;
color: #FCFF01;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu04
{
position: absolute;
left: 160px;
top: 190px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #26FF02;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu05
{
position: absolute;
left: 160px;
top: 440px;
width: 320px;
height: 40px;
font-size: 24px;
font-weight: bold;
color: #02FFFF;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

#titremenu06
{
position: absolute;
left: 160px;
top: 240px;
width: 720px;
height: 20px;
font-size: 24px;
font-weight: bold;
color: #2A01FD;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Les carrés de couleur du haut */

#carre01
{
position: absolute;
background-color: #FE0002;
left: 160px;
top: 105px;
width: 20px;
height: 20px;
}

#carre02
{
position: absolute;
background-color: #FF4B00;
left: 197px;
top: 105px;
width: 20px;
height: 20px;
}

#carre03
{
position: absolute;
background-color: #FF9801;
left: 234px;
top: 105px;
width: 20px;
height: 20px;
}

#carre04
{
position: absolute;
background-color: #FFE601;
left: 271px;
top: 105px;
width: 20px;
height: 20px;
}

#carre05
{
position: absolute;
background-color: #CEFF01;
left: 308px;
top: 105px;
width: 20px;
height: 20px;
}

#carre06
{
position: absolute;
background-color: #81FE00;
left: 345px;
top: 105px;
width: 20px;
height: 20px;
}

#carre07
{
position: absolute;
background-color: #34FF01;
left: 382px;
top: 105px;
width: 20px;
height: 20px;
}

#carre08
{
position: absolute;
background-color: #03FF1E;
left: 419px;
top: 105px;
width: 20px;
height: 20px;
}

#carre09
{
position: absolute;
background-color: #01FF66;
left: 456px;
top: 105px;
width: 20px;
height: 20px;
}

#carre10
{
position: absolute;
background-color: #00FFB1;
left: 493px;
top: 105px;
width: 20px;
height: 20px;
}

#carre11
{
position: absolute;
background-color: #02FFFF;
left: 530px;
top: 105px;
width: 20px;
height: 20px;
}

#carre12
{
position: absolute;
background-color: #00BDFF;
left: 567px;
top: 105px;
width: 20px;
height: 20px;
}

#carre13
{
position: absolute;
background-color: #006FFF;
left: 604px;
top: 105px;
width: 20px;
height: 20px;
}

#carre14
{
position: absolute;
background-color: #0020FF;
left: 641px;
top: 105px;
width: 20px;
height: 20px;
}

#carre15
{
position: absolute;
background-color: #2A01FD;
left: 678px;
top: 105px;
width: 20px;
height: 20px;
}

#carre16
{
position: absolute;
background-color: #7500FC;
left: 715px;
top: 105px;
width: 20px;
height: 20px;
}

#carre17
{
position: absolute;
background-color: #C401FF;
left: 752px;
top: 105px;
width: 20px;
height: 20px;
}

#carre18
{
position: absolute;
background-color: #FD00EE;
left: 789px;
top: 105px;
width: 20px;
height: 20px;
}

#carre19
{
position: absolute;
background-color: #FF00A1;
left: 826px;
top: 105px;
width: 20px;
height: 20px;
}

#carre20
{
position: absolute;
background-color: #FF0056;
left: 863px;
top: 105px;
width: 20px;
height: 20px;
}

#carre21
{
position: absolute;
background-color: black;
left: 900px;
top: 105px;
width: 20px;
height: 20px;
}


/* Les carrés de couleur pour la sélection des photos*/

#photo01
{
position: absolute;
left: 160px;
top: 105px;
}

#photo02
{
position: absolute;
left: 197px;
top: 105px;
}

#photo03
{
position: absolute;
left: 234px;
top: 105px;
}

#photo04
{
position: absolute;
left: 271px;
top: 105px;
}

#photo05
{
position: absolute;
left: 308px;
top: 105px;
}

#photo06
{
position: absolute;
left: 345px;
top: 105px;
}

#photo07
{
position: absolute;
left: 382px;
top: 105px;
}

#photo08
{
position: absolute;
left: 419px;
top: 105px;
}

#photo09
{
position: absolute;
left: 456px;
top: 105px;
}

#photo10
{
position: absolute;
left: 493px;
top: 105px;
}

#photo11
{
position: absolute;
left: 530px;
top: 105px;
}

#photo12
{
position: absolute;
left: 567px;
top: 105px;
}

#photo13
{
position: absolute;
left: 604px;
top: 105px;
}

#photo14
{
position: absolute;
left: 641px;
top: 105px;
}

#photo15
{
position: absolute;
left: 678px;
top: 105px;
}

#photo16
{
position: absolute;
left: 715px;
top: 105px;
}

#photo17
{
position: absolute;
left: 752px;
top: 105px;
}

#photo18
{
position: absolute;
left: 789px;
top: 105px;
}

#photo19
{
position: absolute;
left: 826px;
top: 105px;
}

#photo20
{
position: absolute;
left: 863px;
top: 105px;
}

#photo21
{
position: absolute;
left: 900px;
top: 105px;
}


/* Pour voir l'ancien site, se trouve sur liens */


.ancien
{
position: absolute;
background-color: #FFFFFF;
left: 800px;
top: 160px;
width: 85px;
height: 40px;
font-size: 12px;
text-align: center;
padding-top: 10px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}


/* Les rectangles de couleur avec texte pour la sélection des sujets*/

.menu1
{
position: absolute;
background-color: #FE0002;
left: 32px;
top: 160px;
width: 85px;
height: 33px;
font-size: 12px;
text-align: center;
padding-top: 17px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu2
{
position: absolute;
background-color: #FF9801;
left: 32px;
top: 232px;
width: 85px;
height: 33px;
font-size: 12px;
text-align: center;
padding-top: 17px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu3
{
position: absolute;
background-color: #FCFF01;
left: 32px;
top: 304px;
width: 85px;
height: 40px;
font-size: 12px;
text-align: center;
padding-top: 10px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu4
{
position: absolute;
background-color: #26FF02;
left: 32px;
top: 378px;
width: 85px;
height: 40px;
font-size: 12px;
text-align: center;
padding-top: 10px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu5
{
position: absolute;
background-color: #02FFFF;
left: 32px;
top: 450px;
width: 85px;
height: 40px;
font-size: 12px;
text-align: center;
padding-top: 10px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu6
{
position: absolute;
background-color: #2A01FD;
left: 32px;
top: 521px;
width: 85px;
height: 33px;
font-size: 12px;
text-align: center;
padding-top: 17px;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.menu7
{
position: absolute;
background-color: #FFFFFF;
left: 32px;
top: 592px;
width: 85px;
height: 50px;
}

.textemenu7
{
position: absolute;
left: 32px;
top: 596px;
width: 85px;
height: 50px;
font-size: 12px;
color: black;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}



/* Les images pour la sélection des sujets*/

.imagemenu1
{
position: absolute;
border: 3px solid #FE0002;
left: 160px;
top: 160px;
width: 210px;
height: 140px;
}

.imagemenu2
{
position: absolute;
border: 3px solid #FF9801;
left: 640px;
top: 160px;
width: 240px;
height: 160px;
}

.imagemenu3
{
position: absolute;
border: 2px solid #FCFF01;
left: 220px;
top: 350px;
width: 180px;
height: 120px;
}


.imagemenu4
{
border: 4px solid #26FF02;
position: absolute;
left: 300px;
top: 250px;
width: 420px;
height: 280px;
}

.imagemenu5
{
border: 3px solid #02FFFF;
position: absolute;
left: 610px;
top: 460px;
width: 270px;
height: 180px;
}

.imagemenu6
{
border: 2px solid #2A01FD;
position: absolute;
left: 290px;
top: 518px;
width: 180px;
height: 120px;
}


/* Les photos sur un menu*/

.menu01photo01
{
position: absolute;
border: 1px solid #FE0002;
left: 303px;
top: 320px;
}

.menu01photo02
{
position: absolute;
border: 1px solid #FE0002;
left: 394px;
top: 320px;
}

.menu01photo03
{
position: absolute;
border: 1px solid #FE0002;
left: 485px;
top: 320px;
}

.menu01photo04
{
position: absolute;
border: 1px solid #FE0002;
left: 576px;
top: 320px;
}

.menu01photo05
{
position: absolute;
border: 1px solid #FE0002;
left: 667px;
top: 320px;
}

.menu01photo06
{
position: absolute;
border: 1px solid #FE0002;
left: 257px;
top: 381px;
}

.menu01photo07
{
position: absolute;
border: 1px solid #FE0002;
left: 348px;
top: 381px;
}

.menu01photo08
{
position: absolute;
border: 1px solid #FE0002;
left: 439px;
top: 381px;
}

.menu01photo09
{
position: absolute;
border: 1px solid #FE0002;
left: 530px;
top: 381px;
}

.menu01photo10
{
position: absolute;
border: 1px solid #FE0002;
left: 621px;
top: 381px;
}

.menu01photo11
{
position: absolute;
border: 1px solid #FE0002;
left: 712px;
top: 381px;
}

.menu01photo12
{
position: absolute;
border: 1px solid #FE0002;
left: 300px;
top: 442px;
}

.menu01photo13
{
position: absolute;
border: 1px solid #FE0002;
left: 391px;
top: 442px;
}

.menu01photo14
{
position: absolute;
border: 1px solid #FE0002;
left: 482px;
top: 442px;
}

.menu01photo15
{
position: absolute;
border: 1px solid #FE0002;
left: 573px;
top: 442px;
}

.menu01photo16
{
position: absolute;
border: 1px solid #FE0002;
left: 664px;
top: 442px;
}

.menu01photo17
{
position: absolute;
border: 1px solid #FE0002;
left: 348px;
top: 503px;
}

.menu01photo18
{
position: absolute;
border: 1px solid #FE0002;
left: 439px;
top: 503px;
}

.menu01photo19
{
position: absolute;
border: 1px solid #FE0002;
left: 530px;
top: 503px;
}

.menu01photo20
{
position: absolute;
border: 1px solid #FE0002;
left: 621px;
top: 503px;
}


/* Les photos sur le  menu02 - danse */

.menu02photo01
{
position: absolute;
border: 1px solid #FF9801;
left: 230px;
top: 275px;
}

.menu02photo02
{
position: absolute;
border: 1px solid #FF9801;
left: 321px;
top: 275px;
}

.menu02photo03
{
position: absolute;
border: 1px solid #FF9801;
left: 275px;
top: 336px;
}

.menu02photo04
{
position: absolute;
border: 1px solid #FF9801;
left: 366px;
top: 336px;
}

.menu02photo05
{
position: absolute;
border: 1px solid #FF9801;
left: 320px;
top: 397px;
}

.menu02photo06
{
position: absolute;
border: 1px solid #FF9801;
left: 411px;
top: 397px;
}

.menu02photo07
{
position: absolute;
border: 1px solid #FF9801;
left: 365px;
top: 458px;
}

.menu02photo08
{
position: absolute;
border: 1px solid #FF9801;
left: 456px;
top: 458px;
}

.menu02photo09
{
position: absolute;
border: 1px solid #FF9801;
left: 410px;
top: 519px;
}

.menu02photo10
{
position: absolute;
border: 1px solid #FF9801;
left: 455px;
top: 580px;
}

.menu02photo11
{
position: absolute;
border: 1px solid #FF9801;
left: 501px;
top: 519px;
}

.menu02photo12
{
position: absolute;
border: 1px solid #FF9801;
left: 547px;
top: 458px;
}

.menu02photo13
{
position: absolute;
border: 1px solid #FF9801;
left: 502px;
top: 397px;
}

.menu02photo14
{
position: absolute;
border: 1px solid #FF9801;
left: 593px;
top: 397px;
}

.menu02photo15
{
position: absolute;
border: 1px solid #FF9801;
left: 547px;
top: 336px;
}

.menu02photo16
{
position: absolute;
border: 1px solid #FF9801;
left: 638px;
top: 336px;
}

.menu02photo17
{
position: absolute;
border: 1px solid #FF9801;
left: 592px;
top: 275px;
}

.menu02photo18
{
position: absolute;
border: 1px solid #FF9801;
left: 683px;
top: 275px;
}

.menu02photo19
{
position: absolute;
border: 1px solid #FF9801;
left: 637px;
top: 214px;
}

.menu02photo20
{
position: absolute;
border: 1px solid #FF9801;
left: 728px;
top: 214px;
}

.menu03photo01
{
position: absolute;
border: 1px solid #FCFF01;
left: 160px;
top: 582px;
}

.menu03photo02
{
position: absolute;
border: 1px solid #FCFF01;
left: 250px;
top: 582px;
}

.menu03photo03
{
position: absolute;
border: 1px solid #FCFF01;
left: 250px;
top: 522px;
}

.menu03photo04
{
position: absolute;
border: 1px solid #FCFF01;
left: 340px;
top: 522px;
}

.menu03photo05
{
position: absolute;
border: 1px solid #FCFF01;
left: 340px;
top: 462px;
}

.menu03photo06
{
position: absolute;
border: 1px solid #FCFF01;
left: 430px;
top: 462px;
}

.menu03photo07
{
position: absolute;
border: 1px solid #FCFF01;
left: 430px;
top: 402px;
}

.menu03photo08
{
position: absolute;
border: 1px solid #FCFF01;
left: 520px;
top: 402px;
}

.menu03photo09
{
position: absolute;
border: 1px solid #FCFF01;
left: 520px;
top: 342px;
}

.menu03photo10
{
position: absolute;
border: 1px solid #FCFF01;
left: 610px;
top: 342px;
}

.menu03photo11
{
position: absolute;
border: 1px solid #FCFF01;
left: 610px;
top: 282px;
}

.menu03photo12
{
position: absolute;
border: 1px solid #FCFF01;
left: 700px;
top: 282px;
}

.menu03photo13
{
position: absolute;
border: 1px solid #FCFF01;
left: 700px;
top: 222px;
}

.menu03photo14
{
position: absolute;
border: 1px solid #FCFF01;
left: 790px;
top: 222px;
}

.menu03photo15
{
position: absolute;
border: 1px solid #FCFF01;
left: 790px;
top: 162px;
}

.menu03photo16
{
position: absolute;
border: 1px solid #FCFF01;
left: 610px;
top: 582px;
}

.menu03photo17
{
position: absolute;
border: 1px solid #FCFF01;
left: 700px;
top: 582px;
}

.menu03photo18
{
position: absolute;
border: 1px solid #FCFF01;
left: 700px;
top: 522px;
}

.menu03photo19
{
position: absolute;
border: 1px solid #FCFF01;
left: 790px;
top: 522px;
}

.menu03photo20
{
position: absolute;
border: 1px solid #FCFF01;
left: 790px;
top: 462px;
}


/* Les photos sur le  menu04 - reconstitutions historiques */

.menu04photo01
{
position: absolute;
border: 1px solid #26FF02;
left: 430px;
top: 280px;
}

.menu04photo02
{
position: absolute;
border: 1px solid #26FF02;
left: 520px;
top: 280px;
}

.menu04photo03
{
position: absolute;
border: 1px solid #26FF02;
left: 385px;
top: 340px;
}

.menu04photo04
{
position: absolute;
border: 1px solid #26FF02;
left: 475px;
top: 340px;
}

.menu04photo05
{
position: absolute;
border: 1px solid #26FF02;
left: 565px;
top: 340px;
}

.menu04photo06
{
position: absolute;
border: 1px solid #26FF02;
left: 340px;
top: 400px;
}

.menu04photo07
{
position: absolute;
border: 1px solid #26FF02;
left: 430px;
top: 400px;
}

.menu04photo08
{
position: absolute;
border: 1px solid #26FF02;
left: 520px;
top: 400px;
}

.menu04photo09
{
position: absolute;
border: 1px solid #26FF02;
left: 610px;
top: 400px;
}

.menu04photo10
{
position: absolute;
border: 1px solid #26FF02;
left: 295px;
top: 460px;
}

.menu04photo11
{
position: absolute;
border: 1px solid #26FF02;
left: 385px;
top: 460px;
}

.menu04photo12
{
position: absolute;
border: 1px solid #26FF02;
left: 475px;
top: 460px;
}

.menu04photo13
{
position: absolute;
border: 1px solid #26FF02;
left: 565px;
top: 460px;
}

.menu04photo14
{
position: absolute;
border: 1px solid #26FF02;
left: 655px;
top: 460px;
}

.menu04photo15
{
position: absolute;
border: 1px solid #26FF02;
left: 250px;
top: 520px;
}

.menu04photo16
{
position: absolute;
border: 1px solid #26FF02;
left: 340px;
top: 520px;
}

.menu04photo17
{
position: absolute;
border: 1px solid #26FF02;
left: 430px;
top: 520px;
}

.menu04photo18
{
position: absolute;
border: 1px solid #26FF02;
left: 520px;
top: 520px;
}

.menu04photo19
{
position: absolute;
border: 1px solid #26FF02;
left: 610px;
top: 520px;
}

.menu04photo20
{
position: absolute;
border: 1px solid #26FF02;
left: 700px;
top: 520px;
}


/* Les photos sur le  menu05 - reconstitutions d'Hastings */

.menu05photo01
{
position: absolute;
border: 1px solid #02FFFF;
left: 160px;
top: 160px;
}

.menu05photo02
{
position: absolute;
border: 1px solid #02FFFF;
left: 250px;
top: 160px;
}

.menu05photo03
{
position: absolute;
border: 1px solid #02FFFF;
left: 250px;
top: 220px;
}

.menu05photo04
{
position: absolute;
border: 1px solid #02FFFF;
left: 340px;
top: 220px;
}

.menu05photo05
{
position: absolute;
border: 1px solid #02FFFF;
left: 340px;
top: 280px;
}

.menu05photo06
{
position: absolute;
border: 1px solid #02FFFF;
left: 430px;
top: 280px;
}

.menu05photo07
{
position: absolute;
border: 1px solid #02FFFF;
left: 430px;
top: 340px;
}

.menu05photo08
{
position: absolute;
border: 1px solid #02FFFF;
left: 520px;
top: 340px;
}

.menu05photo09
{
position: absolute;
border: 1px solid #02FFFF;
left: 520px;
top: 400px;
}

.menu05photo10
{
position: absolute;
border: 1px solid #02FFFF;
left: 610px;
top: 400px;
}

.menu05photo11
{
position: absolute;
border: 1px solid #02FFFF;
left: 610px;
top: 460px;
}

.menu05photo12
{
position: absolute;
border: 1px solid #02FFFF;
left: 700px;
top: 460px;
}

.menu05photo13
{
position: absolute;
border: 1px solid #02FFFF;
left: 700px;
top: 520px;
}

.menu05photo14
{
position: absolute;
border: 1px solid #02FFFF;
left: 790px;
top: 520px;
}

.menu05photo15
{
position: absolute;
border: 1px solid #02FFFF;
left: 790px;
top: 580px;
}

.menu05photo16
{
position: absolute;
border: 1px solid #02FFFF;
left: 610px;
top: 160px;
}

.menu05photo17
{
position: absolute;
border: 1px solid #02FFFF;
left: 700px;
top: 160px;
}

.menu05photo18
{
position: absolute;
border: 1px solid #02FFFF;
left: 700px;
top: 220px;
}

.menu05photo19
{
position: absolute;
border: 1px solid #02FFFF;
left: 790px;
top: 220px;
}

.menu05photo20
{
position: absolute;
border: 1px solid #02FFFF;
left: 790px;
top: 280px;
}



/* Les photos sur le  menu06 - nature */

.menu06photo01
{
position: absolute;
border: 1px solid #2A01FD;
left: 160px;
top: 280px;
}

.menu06photo02
{
position: absolute;
border: 1px solid #2A01FD;
left: 160px;
top: 340px;
}

.menu06photo03
{
position: absolute;
border: 1px solid #2A01FD;
left: 250px;
top: 340px;
}

.menu06photo04
{
position: absolute;
border: 1px solid #2A01FD;
left: 160px;
top: 400px;
}

.menu06photo05
{
position: absolute;
border: 1px solid #2A01FD;
left: 250px;
top: 400px;
}

.menu06photo06
{
position: absolute;
border: 1px solid #2A01FD;
left: 340px;
top: 400px;
}

.menu06photo07
{
position: absolute;
border: 1px solid #2A01FD;
left: 160px;
top: 460px;
}

.menu06photo08
{
position: absolute;
border: 1px solid #2A01FD;
left: 250px;
top: 460px;
}

.menu06photo09
{
position: absolute;
border: 1px solid #2A01FD;
left: 340px;
top: 460px;
}

.menu06photo10
{
position: absolute;
border: 1px solid #2A01FD;
left: 430px;
top: 460px;
}

.menu06photo11
{
position: absolute;
border: 1px solid #2A01FD;
left: 790px;
top: 280px;
}

.menu06photo12
{
position: absolute;
border: 1px solid #2A01FD;
left: 700px;
top: 340px;
}

.menu06photo13
{
position: absolute;
border: 1px solid #2A01FD;
left: 790px;
top: 340px;
}

.menu06photo14
{
position: absolute;
border: 1px solid #2A01FD;
left: 610px;
top: 400px;
}

.menu06photo15
{
position: absolute;
border: 1px solid #2A01FD;
left: 700px;
top: 400px;
}

.menu06photo16
{
position: absolute;
border: 1px solid #2A01FD;
left: 790px;
top: 400px;
}

.menu06photo17
{
position: absolute;
border: 1px solid #2A01FD;
left: 520px;
top: 460px;
}

.menu06photo18
{
position: absolute;
border: 1px solid #2A01FD;
left: 610px;
top: 460px;
}

.menu06photo19
{
position: absolute;
border: 1px solid #2A01FD;
left: 700px;
top: 460px;
}

.menu06photo20
{
position: absolute;
border: 1px solid #2A01FD;
left: 790px;
top: 460px;
}


/* La grande photo, les légendes et le copyright*/

.gdephoto
{
position: absolute;
left: 160px;
top: 160px;
width: 720px;
}

.copyright
{
position: absolute;
left: 160px;
top: 615px;
width: 710px;
font-size: 14px;
overflow: hidden;
color: white;
text-align: right;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.copyright2
{
position: absolute;
left: 160px;
top: 615px;
width: 310px;
font-size: 14px;
overflow: hidden;
color: white;
text-align: right;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legende
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #FE0002;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legende1
{
position: absolute;
left: 200px;
top: 660px;
width: 280px;
font-size: 18px;
overflow: hidden;
color: #FE0002;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendeda
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legende1da
{
position: absolute;
left: 200px;
top: 660px;
width: 280px;
font-size: 18px;
overflow: hidden;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendeba
{
position: absolute;
left: 200px;
top: 690px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendeco
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #FCFF01;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendehi
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #CEFF01;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendeha
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #02FFFF;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legendedi
{
position: absolute;
left: 200px;
top: 660px;
width: 640px;
font-size: 18px;
overflow: hidden;
color: #2C03FF;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legende2
{
position: absolute;
left: 580px;
top: 660px;
width: 270px;
font-size: 18px;
overflow: hidden;
color: #FE0002;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.legende2da
{
position: absolute;
left: 580px;
top: 660px;
width: 270px;
font-size: 18px;
overflow: hidden;
color: #FF9801;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.avant
{
position: absolute;
left: 160px;
top: 655px;
width: 40px;
}

.apres
{
position: absolute;
left: 850px;
top: 655px;
width: 30px;
}



/* Le texte de l'écran contact*/


.contact01
{
position: absolute;
left: 160px;
top: 155px;
width: 720px;
font-size: 22px;
color: white;
font-weight: bold;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif;
 }

.contact02a
{
position: absolute;
left: 250px;
top: 220px;
width: 150px;
font-size: 14px;
color: white;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact02b
{
position: absolute;
left: 400px;
top: 220px;
width: 240px;
font-size: 18px;
color: white;
font-weight: bold;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact03a
{
position: absolute;
left: 250px;
top: 250px;
width: 150px;
font-size: 14px;
color: white;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact03b
{
position: absolute;
left: 400px;
top: 250px;
width: 240px;
font-size: 16px;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact04a
{
position: absolute;
left: 445px;
top: 270px;
width: 150px;
font-size: 16px;
color: white;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact04b
{
position: absolute;
left: 514px;
top: 270px;
width: 82px;
font-size: 16px;
color: white;
text-align: right;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact05a
{
position: absolute;
left: 445px;
top: 290px;
width: 150px;
font-size: 16px;
color: white;
text-align:  left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact06a
{
position: absolute;
left: 250px;
top: 340px;
width: 1500px;
font-size: 14px;
color: white;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact06b
{
position: absolute;
left: 400px;
top: 340px;
width: 240px;
font-size: 16px;
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact07a
{
position: absolute;
left: 250px;
top: 360px;
width: 150px;
font-size: 14px;
color: white;
text-align: left;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

.contact07b
{
position: absolute;
background-color: white;
left: 445px;
top: 360px;
width: 160px;
font-size: 16px;
text-align: center;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Les liens */

table
{
position: absolute;
left: 160px;
top: 160px;
width: 700px;
border : none;
}

td
{
width: 120px;
height: 20px;
font-size: 14px;
color: white;
text-align: justify;
font-family: Arial, "Times New Roman", Verdana, serif; 
}

/* Mise en blanc */

.blanc
{
background-color: white;
padding: 4px;
}