body, html {
margin: 0px;
padding: 0px;
background-color: #333333;
color: #999999;
font-family: arial;
font-size: 13px;
text-align: center;
}

h1, h2, h3, h4, h5, h6 {
font-family: verdana;
}

h2, h3, h4, h5, h6 {
color: #990000;
}

h1 {
color: #999999;
font-size: 24px;
margin: 20px 0px 15px 0px;
}

h2 {
font-size: 18px;
margin: 10px 0px 17px 0px;
}

h3 {
font-size: 14px;
margin: 0px 0px 8px 0px;
}

p {
margin: 0px 0px 6px 0px;
}

a {
text-decoration: none;
font-weight: bold;
color: #990000}

a:hover {
color: #000000;
}

li {
list-style-type: none;
}

#index {
position: absolute;
width: 700px;
height: 700px;
left: 50%;
margin-left: -350px;
background-color:#FFFFFF;
}
#photo {
position: absolute;
width: 700px;
height: 700px;
left: 50%;
margin-left: -350px;
background-color:#FFFFFF;
background-image: url(photos/fondPhoto.jpg);
background-repeat: no-repeat;
}

#photo2 {
position: absolute;
width: 700px;
height: 700px;
left: 50%;
margin-left: -350px;
background-color:#FFFFFF;
background-image: url(photos/fondPhoto2.jpg);
background-repeat: no-repeat;
}

.entete {
position: absolute;
top: 0px;
right: 10px;
height: 45px;
text-align: right;
}

.accueil {
color: #333;
font-family: times;
font-style: italic;
font-size: 14px;
line-height: 15px;
position: absolute;
top: 440px;
width: 210px;
right: 10px;
text-align: right;
}

.info {
color: #333;
font-family: times;
font-style: italic;
font-size: 14px;
line-height: 15px;
position: absolute;
top: 440px;
width: 210px;
right: 10px;
text-align: right;
}

.menu {
position: absolute;
top : 40px;
right: 10px;
text-align: right;
}

.nav {
position: absolute;
width: 100px;
top: 130px;
right: 5px;
text-align: right;
}

.carre {
font-size: 12px;
border: solid 1px #333;
color: #FFF;
padding: 2px;
}

.carre:hover {
color: #FFF;
background-color: #000;
}

.carreOn {
font-size: 12px;
border: solid 1px #333;
color: #FFF;
height: 20px;
padding: 2px;
background-color: #000;
}

.carreOn:hover {
color: #FFF;
}

.expo {
background-color: #222;
position: absolute;
left: 0px;
top: 50px;
width: 600px;
height: 600px;
text-align: center;
}

.bannieres {
z-index: 100;
background-color: #222;
position: absolute;
left: 0px;
top: 50px;
width: 600px;
height: 600px;
}

.bannieres a {
color: #C00;
}

.bannieres a:hover{
color: #FFF;
}

.infos {
z-index: 100;
background-color: #222;
position: absolute;
left: 0px;
top: 50px;
width: 600px;
height: 600px;
text-align: left;
}

.infos a {
color: #C00;
}

.infos a:hover{
color: #FFF;
}

.infos img {
float: left;
margin: 50px 20px 20px 20px;
}

.texteInfo {
font-size: 12px;
position: absolute;
top: 50px;
left: 305px;
width: 275px;
text-align: justify;
}

.texteInfo2 {
font-size: 12px;
position: absolute;
top: 500px;
left: 20px;
width: 560px;
text-align: center;
}

#pied {
position: absolute;
top: 663px;
right: 10px;
text-align: right;
}

.inOut {
font : bold 14px verdana;
margin: 20px 0px 40px 0px;
}