body{
background-color: #fff;
text-decoration: none;
color:#000;
font-family: sans-serif, "Arial", "Nimbus";
}

a:link {
text-decoration: none;
color: #ddd;
}

a:hover {
text-decoration: none;
color: #f00;
}

a:visited{
text-decoration: none;
color: #f00;
}

#menu {
z-index: 2;
font-size: 11px;
text-indent: 5px;
line-height: 160%;
color: #fff;
background-color: #000;
position: relative;
top: 5px;
width: 700px;
}

#rubrik { 
font-size: 14px;
font-variant: small-caps;
font-weight: bold;
padding-top:10px;
padding-left: 55px;
color: #ff0;
background-color: transparent;
position: relative;
}

#contentaccueil{
position: absolute;
top: 10px;
padding-top: 25px;
left: 100px;
width: 700;
height: 400px;
background-image: url("../images/accueil.jpg");
background-repeat: no-repeat;
}
#accueiltitle {
position: absolute;
z-index: 1;
margin-top:0px;
left:125px;
color:#f00;
}
#accueiltitle h2{ font-size:20px;}

#accueilsubtitle{
position: absolute;
z-index:1;
margin-top:388px;
left:105px;
color: #fff;
}
#accueiltext {
top: 0px;
width: 340px;
left: 300px;
color: #fff;
text-align: left;
font-family: Sans-serif, "Arial";
font-size: 11px;
text-align: left;
position: relative;
}
#accueiltext h3 { font-size: 14px}
#red{ color: #f00}

#contentshow{
position: relative;
width: 700px;
height: 400px;
background-image: url("../images/spectacles.jpg");
background-repeat: no-repeat;
}

#contentvideo{
position: relative;
width: 700px;
height: 400px;
background-image: url("../images/videos.jpg");
background-repeat: no-repeat;
}

#contentplan{
position: relative;
width: 700px;
}

#contentexpos{
position: relative;
width: 700px;
height: 400px;
background-image: url("../images/expos.jpg");
background-repeat: no-repeat;
}

#total{
position: absolute;
top: 10px;
left: 100px;
width: 700px;
}

#introwhite {
top: 20px;
width: 265px;
left: 55px;
color: #fff;
font-family: Sans-serif, "Arial";
font-size: 11px;
line-height: 140%;
position: relative;
}
#introwhite a:link { text-decoration: none; color: #eee; }
#introwhite a:hover { text-decoration: none; color: #ff0; }
#introwhite a:visited{ text-decoration: none; color: #ccc; }

#fiche{ top: 10px; width:500px; position: relative; left: 50px; }
#cartouche{ width:500px; position: relative;}

#artist { 
color: #f00; 
font-size: 12px; 
/*margin-top: -50px;*/
position: relative;
}

#date {
border-style: solid;
border-color: #000;
border-width: 2px;
background-color: #fff;
width: 50%;
padding: 5px;
position: relative;
margin-top: 15px;
margin-left: 50%;
color: #000;
text-align: center;
font-weight: bold;
font-size: 11px;
}

#descript {
top: 20px;
width: 450px;
left: 25px;
line-height: 140%;
color: #000;
font-family: Serif, "Times";
font-size: 11px;
position: relative;
}

#images {
top: 20px;
left: -25px;
width:500px;
position: inherit;
}

#back { top:15px; width:500px; font-family: sans-serif, "Arial", "Nimbus";
text-align: right; color: #f00; position: relative; }
#back a:link { text-decoration: none; color: #000; }
#back a:hover { text-decoration: underline; color: #f00; }
#back a:visited{ text-decoration: none; color: #000; }

#introblack {
top: 30px;
width: 380px;
left: 50px;
color: #000;
font-family: Sans-serif, "Arial";
font-size: 11px;
text-align: left;
position: relative;
}
#introblack a:link { text-decoration: none; color: #000; }
#introblack a:hover { text-decoration: underline; color: #f00; }
#introblack a:visited{ text-decoration: none; color: #000; }

#plan{
top: 90px;
width:233px;
height:274px;
margin-left: 430px;
position: absolute;
background-image: url("../images/plan.png");
background-repeat: no-repeat;
}

#manito{
top: 15px;
width:300px;
height:400px;
margin-left: 430px;
padding-top:50px;
padding-left:50px;
position: absolute;
background-image: url("../images/infos.jpg");
background-repeat: no-repeat;
}

#merci {
top: 20px;
width: 600px;
left: 50px;
color: #000;
font-family: Sans-serif, "Arial";
font-size: 11px;
text-align: justify;
text-indent: 15px;
position: relative;
}
#merci a:link { text-decoration: none; color: #f00; }
#merci a:hover { text-decoration: underline; color: #f00; }
#merci a:visited{ text-decoration: none; color: #333; }


#heberge {
top: 30px;
width: 350px;
left: 50px;
color: #000;
font-family: Sans-serif, "Arial";
font-size: 11px;
text-align: justify;
position: relative;
}

#planning{
text-align:center;
padding-left:10%;
color:#000;
font-family: Sans-serif, "Arial";
font-size: 11px;
width:80%;
}