@import("reset.css");

body {
background : #142833 url(../img/bg.jpg) top center no-repeat;
text-align: center;
}

#container {    
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
width: 720px;
height: auto;
margin: auto;
text-align: left;
}

html>body #container {
height: auto;
}

#langue {
top: 0;
float: right;
color: #fff;
}

#disclaimer {
width: 400px;
margin-top: 200px;
float: left;
}

#disclaimer p {
width: 400px;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
font-size: 13px;
text-align: justify;
}

#disclaimer p.titre {
font-size: 16px;
font-weight: bold;
color: #68C9FF;
}

#cover {
width: 300px;
float: right;
margin-top: 187px;
}

#cover img.cover {
margin-top: 0px;
margin-right: 10px;
width: 300px;
float: right;
}

#cover img {
border: 0;
}

#player {
width: 720px;
margin: 40px auto;
padding-left: 45px;
}

#player p {
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
}

#live p {
width: 700px;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
font-size: 13px;
text-align: justify;
}

#live p.titre {
font-size: 16px;
font-weight: bold;
color: #68C9FF;
}

#live p.soustitre {
font-size: 16px; font-weight: bold;
color: #68C9FF;
}

#live li {
text-align: center;
width: 600px;
list-style-type: none;
display: block;
font-family: Georgia;
font-size: 13px;
color: #fff;
font-weight: bold;
margin-bottom: 5px;
padding-left: 5px;
}

#live li.altern {
background-color: #213F50;
color: #fff;
}

#live li span.date {
color: #fff;
font-size: 11px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold; 
}

#contact {
width: 700px;
color: #fff;
font-family: Georgia;
font-size: 11px;
}

#contact img {
margin-bottom: 20px;
}

#contact_booking {
width: 330px;
float: left;
}

#contact_promo {
float: right; 
width: 300px;
}

#contact_booking span.titre, #contact_promo span.titre {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #68C9FF;
}

#contact_booking span.poste {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: #68C9FF;
}

#contact_booking a, #contact_promo a {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none; 
border-bottom: 1px dotted #fff;
}

#contact_booking a:hover, #contact_promo a:hover {
text-transform: none;
border-bottom: none; 
color: #68C9FF;
}

#liens {
width: 700px;
color: #fff;
font-family: Georgia;
font-size: 11px;
}

#liens img {
margin-bottom: 20px;
}

#liens p {
margin: auto;
}

#liens a {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration: none; 
border-bottom: 1px dotted #fff;
}

#liens a:hover {
text-transform: none;
border-bottom: none; 
color: #68C9FF;
}

#footer {
width: 700px; 
margin: 50px auto;
}

#footer img {
margin-top: 20px;
border: 0;
}