body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:url("images/bg.jpg") #330000 repeat-x; /* URL de l'image de fond */
color: #FFFFFF;
}
#header {
height: 205px;
background: url("images/header2.jpg");
}
#girl{
position: absolute;
left: -475px;
top: 142px;
}
#reservation{
position: absolute;
top: 15px;
left: 0;
border: none;
}
h1{
text-indent: -50000px;
}
#haut {
position: absolute;
top: 165px;
left:500px;
}
#conteneur {
position: absolute;
width: 960px;
left: 50%;
margin-left: -480px;
background-color:#330000;
}
#annonce_video{
position: absolute;
top: 325px;
left: 400px;
background-color: #FFCC33;
border-top: 1px solid #FFCC33;
border-left: 1px solid #FFCC33;
border-right: 1px solid #FFCC33;
}
.titre1{
font-size: 16px;
font-weight: bold;
padding-top: 2px;
line-height: 30px;
text-align: center;
color : #FFFF00;
background-color: #000000;
margin-right: 6px;
}
#billet{
margin-left: 10px;
border: none;
}
#centre {
background-color:#330000;
margin-left:-6px;
}
#logo_facebook{
position: absolute;
z-index: 100;
top:527px;
left:640px;
border: none;
}
#logo_rockhard{
position: absolute;
z-index: 100;
top:527px;
left:700px;
border: none;
}
#logo_frontiers{
position: absolute;
z-index: 100;
top:531px;
left:830px;
border: none;
}
.fan{
font-size: 11px;
text-align: center;
}
#pied {
position: absolute;
top: 840px;
left:604px;
color: #FFFF00;
font-size: 10px;
letter-spacing: 1px;
width: 350px;
text-align: right;
}
#pied a{
color: #FFFF00;
text-decoration: none;
}
#pied a:hover{
color: #FFFF00;
text-decoration: underline;
}
#twitter{
position: absolute;
z-index: 1;
top:544px;
left:-6px;
}
#sponsor{
position: absolute;
top: 856px;
height: 220px;
z-index: 1000;
background-color: #000000;
width: 100%;
}
#cameplay{
position: absolute;
top:874px;
left:0px;
z-index: 10000;
border: none;
}
#melodie{
position: absolute;
top:889px;
left:107px;
z-index: 10000;
border: none;
}
#artcom{
position: absolute;
top:889px;
left:307px;
z-index: 10000;
border: none;
}
#atelier{
position: absolute;
top:879px;
left:477px;
z-index: 10000;
border: none;
}
#aeg{
position: absolute;
top:879px;
left:692px;
z-index: 10000;
border: none;
}
#credit_agricole{
position: absolute;
top:874px;
left:872px;
z-index: 10000;
border: none;
}
#carrefour{
position: absolute;
top:954px;
left:0px;
z-index: 10000;
border: none;
}
#bleu_marine{
position: absolute;
top:958px;
left:287px;
z-index: 10000;
border: none;
}
#coeugnet{
position: absolute;
top:943px;
left:389px;
z-index: 10000;
border: none;
}
#legallais{
position: absolute;
top:958px;
left:537px;
z-index: 10000;
border: none;
}
#celine{
position: absolute;
top:958px;
left:730px;
z-index: 10000;
border: none;
}
.titre_space{
font-size: 14px;
font-weight: bold;
color: #FFFF00;
background-color: #000000;
text-align: left;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-right: 330px;
margin-bottom: 20px;
}
.menuhaut {
list-style-type: none;
text-align: right;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #FFFF00;
text-decoration: none;
font-style: italic;
}
.menuhaut a:hover {
color: #993333;
font-style: italic;
}
p {margin: 0 0 10px 0;}
.actif a{
color: #993333;
}
em{
font-size: 12px;
}
h4{
color: #FFFF00;
padding-top: 5px;
padding-left: 5px
}
#slider { 
margin:0 auto;
padding:0; 
list-style:none; 
width:960px; 
}
#slider ul, #slider li {
margin:0; 
padding:0; 
list-style:none; 
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { 
width:960px; 
overflow:hidden; 
padding:0; 
margin:0 auto; 
}
p#controls {
 margin:0;
position:relative;
}
.slider {
margin:0 0 0 -10px;
padding:0 0 5px 0;
height:290px;
width:980px;
background:url(images/simple_text_bg_bis.jpg) top no-repeat;
}
.slider2 {
border:0;
margin:0 auto;
padding:0 0 20px 0;
height:92px;
width:980px;
background:url(images/simple_text_bg2.jpg) top no-repeat;
 }
.slider2 h2 {
padding:22px 0 0 85px;
margin:0;
font: bold 22px Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
}
/*texte*/
.simple { 
width:982px;
margin:10px auto;
padding:0;
 }
.slider div.slice1 {
margin:0 auto;
padding:8px;
}
.slider div.slice1 div.slice2 {
margin:0 auto;
padding:1px;
 }
.slider div div div {
margin:0;
padding:0;  
border:0;
}
.slider div div div p.img {
float:left;
padding:2px 25px 0 10px;
margin:0;
}
.slider div div div h2 {
font: 30px Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
margin:0;
padding:20px 10px 10px 20px;
line-height:1.2em;
}
.slider div div div p {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
line-height:2.5em;
letter-spacing: 1px;
padding:20px 40px 0 20px;
text-align: left;
}
.savoirplus{
margin-top: 15px;
margin-left: -10px;
width: 110px;
height: 34px;
border: none;
}