/* 
    Document   : styleCheet
    Created on : 4 mars 2010, 23:19:44
    Author     : Arnaud BROUSSEAU
    Description:
        TLO style.
*/


/* Reset CSS */

html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,dl, dt, dd, ol, ul, li,form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
pre, sub, sup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*****************************/
/* May the TLO style begin ! */
/*****************************/

/* General style */
body{
    font-family : Helvetica,Arial,"sans-serif";
    font-size:12px;
    background:#850dd3 url('img/bg-main.png') top left no-repeat;
}

h1,h2,h3{
    font-family: Georgia, Serif;
    font-size:16px;
}
a img{
    border:none;
}

/* Central part */
#wrap{
    width: 1000px;
    margin:100px auto;
    position:relative;
}
#main{
    width:70%;
    
}
#trailer{
    margin:0 auto;
    width:400px;
    height:300px;
}
#teasing{
    position:absolute;
    top:120px;
    left:0;
}
#teasing h3{
    margin-bottom:30px;
    font-variant: small-caps;
    font-size:18px;
    color:white;
    text-shadow: 1px 1px 10px #00a8ff;
}
#featuring{
    position:absolute;
    width:250px;
    height:220px;
    top:350px;
    left:0;
    background: transparent url("img/featuring.png") top left no-repeat;
}
#featuring h2{
    display:none;
}
#featuring p{
    font-size:18px;
    font-variant:small-caps;
    color:black;
    font-weight:bold;
}
#featuring p span{
    display:block;
    color:white;
}
#featuring span#garner{
    margin-left:33px;
    margin-top: 50px
}
#featuring span#beker{
    margin-top:-30px;
    margin-left:120px;
    margin-bottom:55px;
}
#infos{
    position:absolute;
    top:320px;
    left:250px;
    width:250px;
    font-size:16px;
    text-shadow: 1px 1px 5px #00a8ff;
    color:white;
    line-height:25px;
}
#infos h2{
    display:none;
}
#infos a{
    color:white;
}
#concert{
    position:absolute;
    width:400px;
    height:250px;
    top:350px;
    left:450px;
    background: transparent url("img/bg-concerts.png") top left no-repeat;
}
#concert h2{
    display:none;
}
#concert p{
    font-size:16px;
    font-variant: small-caps;
    font-weight:bold;
    margin-top:70px;
    margin-left:120px;
    line-height:26px;
    color:white;
}

/* Sidebar */
#sidebar{
    width:30%;
    height:300px;
    position:absolute;
    right:50px;
    top:0;
    background:transparent url("img/bg-sidebar.png") top center no-repeat;
    color:white;
    font-size:14px;
}
#sidebar a#preventes span{
    display:none;

}
#sidebar a#preventes{
    display:block;
    width:248px;
    height:48px;
    margin-left:-30px;
    padding-left:0;
    background: transparent url("img/buttonTLO.png") top center no-repeat;
}
#sidebar a#preventes:hover{
    background-position: 0 -50px;
    

}
#prix{
    margin-top:45px;
    margin-left:22px;
}
#prix h2{
    display:none;
}
#prix p{
    line-height: 20px;
}
#prix p span{
    font-weight:bold;
}
#preventes{
    text-shadow: 1px 1px 5px #00a8ff;
    margin-left:60px;
    margin-top:20px;
    margin-bottom:30px;
}
#preventes h2{
    font-size:16px;
    font-variant:small-caps;
    margin-bottom:20px;

}
#preventes p{
    margin-left:-30px;
    font-weight:bold;
    line-height:20px;
}

/* Page footer */
#footer{
    position:fixed;
    width:100%;
    height:60px;
    bottom:0;
    background:transparent url("img/gradient.png") bottom center repeat-x;
}
#facebook{
    position:absolute;
    top:10px;
    left:20px;
}
#facebook p{
    position:absolute;
    top : 5px;
    left:80px;
    line-height: 16px;
    width:100px;
}
#facebook p a{
    font-size:14px;
    color:white;
    text-decoration:none;
}
#facebook a#event{
    display:block;
    width:50px;
    height:50px;
    background: transparent url('img/fb.png') top center no-repeat;
}
#facebook a#event span{
    display:none;
}
#sponsors{
    position:absolute;
    right:0;
    top:5px;
}

/* Styling du bouton */
#accesOsmoz{
    position:absolute;
    top:5px;
    right:5px;
}
#accesOsmoz a{
    display:block;
    height:70px;
    width:200px;
    background: transparent url('img/boutonOsmoz.png') top left no-repeat;
}
#accesOsmoz a span{
    display:none;
}