html, body {
height: 100%
}

body {
margin : 0 ; 
padding : 0 ; 
background : #03637C url(images/bgall.jpg) 772px  0  no-repeat;
text-align : left ; 
color : #15B4DE;
font-family : arial;
font-size : 11px ; 
}

/* WEBSITE
************************************************************************/

#website {
width : 772px;
height : 100%; 
margin : 0 ; 
padding : 0 ; 
background : #535353 url(images/bgcentre4.jpg) repeat-y;
}
html>body #website {height : auto; min-height : 100%;}

/* SITE
************************************************************************/

#header {
height : 275px ; 
margin : 0 ; 
padding : 0 ; 
background : #535353 url(images/haut3.jpg) right;
}

/* SITE
************************************************************************/

#main {
margin : 0 ; 
padding : 0 ; 
background :  url(images/bgcentre.jpg) no-repeat;
}

/* SITE
************************************************************************/

#menu {
width : 100%;
height : 40px ;
background : url(images/bgmenu.jpg) top left no-repeat ;
font-family : times ; 
font-size : 12px ; 
}

#menu ul { 
list-style : none ; 
margin : 0  ; 
padding : 15px 0 0 35px ; 
}

#menu li {
float : left ; 
margin : 0 ; 
padding : 0 20px 0 0
}

#menu li a  {
text-transform : uppercase ; 
text-decoration : none ;
color : #7EB3C1 
}
 
#menu li a:hover  {
color :#BCBBBB ;
}

/* H3 H4 GENERALITES
************************************************************************/

h3 {
color : #15B4DE ; 
font-family : times;
margin : 0 ; 
padding : 0
}

h4 {
clear : left  ; 
color : #9BE4F7 ;
height : 38px ; 
line-height : 38px ; 
background-color : #141414;
text-indent : 20px ; 
margin : -3px 0 0 0;
padding : 0 ;
text-transform : uppercase ; 
font-size : 22px ; 
font-family : times ;
}

/* SIDEBAR
************************************************************************/

#sidebar {
margin : 0 ;
padding : 0 0 50px 0 ; 
float : left ; 
width : 300px;
}

#sidebar p {
padding : 0 20px 0 35px; 
color : #79B8C8
}

h2 {
font-size : 21px ; 
font-weight : normal
}

#sidebar h2 {
height : 30px;
line-height : 33px;
margin : 3px 0 0  0 ;
color : #15B4DE ; 
font-family : times;
background : url(images/bgh2.jpg) top left no-repeat ;
text-transform : uppercase ;
text-indent : 35px ;
}

/* SIDEBAR >> NEWS
************************************************************************/

#news p {
margin : 0 0 10px 0; 
}

#news h3 {
text-indent : 35px;
margin : 20px 0 0 0;
padding : 0;
text-transform : uppercase ; 
}

/* TOP 10
************************************************************************/

.top10 {
margin : 40px 0 0 0 ;  
padding : 0 ;
width :300px;
font-size : 10px;
font-weight : bold ; 
height : 268px; 
}

.top10 p {
margin : 0 ;  
}
  
.top10 h3 {
text-indent : 35px;
background : #000;
font-size : 14px ; 
text-transform : uppercase ; 
height : 22px ; 
margin :  0;
padding : 0;
background : url(images/bgtop10.jpg) no-repeat; 
}

.track {
width : 150px  ; 
float : left;
text-indent : 5px ; 
line-height : 22px; 
color : #fff ;
}

.track span {
display : block ; 
float : left ; 
width : 15px ;
margin-right : 20px; 
text-align : center ; 
}

.number1 {
background : url(images/track1.jpg);
}

.number2 {
background : url(images/track2.jpg);
}

.number3 {
background : url(images/track3.jpg);
}

.number4 {
background : url(images/track4.jpg);
}

.number5 {
background : url(images/track5.jpg);
}

.number6 {
background : url(images/track6.jpg);
}

.number7 {
background : url(images/track7.jpg);
}

.number8 {
background : url(images/track8.jpg);
}

.number9{
background : url(images/track9.jpg);
}

.number10 {
background : url(images/track10.jpg);
}

.artist {
width : 150px  ;   
float : left; 
line-height : 22px; 
text-indent  : 10px; 
color : #83CBDE ;
}
  
.artnum1 {
background : url(images/artist1.jpg);
}

.artnum2 {
background : url(images/artist2.jpg);
}

.artnum3 {
background : url(images/artist3.jpg);
}


.artnum4 {
background : url(images/artist4.jpg);
}

.artnum5 {
background : url(images/artist5.jpg);
}

.artnum6{
background : url(images/artist6.jpg);
}

.artnum7 {
background : url(images/artist7.jpg);
}

.artnum8 {
background : url(images/artist8.jpg);
}

.artnum9 {
background : url(images/artist9.jpg);
}

.artnum10 {
background : url(images/artist10.jpg);
}


/* CONTENU
************************************************************************/

#contenu {
position : relative ; 
margin : 0 ;
float : left ; 
width : 471px;
}
 
#contenu h2 {
position : relative; 
text-indent : 18px ;
height : 30px;
line-height : 33px;
margin : 3px 0 0 0 ;
padding : 0;
text-transform : uppercase ; 
font-family : times ;
}

#contenu h3 {
font-size :15px ;
}

#contenu #moreinfo {
margin : 20px 0 0 25px ; 
padding : 0 ; 
text-transform : uppercase ; 
font-size : 12px ; 
font-weight : bold ; 
font-family : times New Roman; color : #83CBDE }

#contenu #moreinfo a {
text-decoration : none ;
color : #83CBDE
}
 

#contenu img {}

#contenu p {}


/* IMAGE SKYBLOG 
************************************************************************/

.skyblog  {
border : none ; 
margin : 30px 0 0 0
}

/* NEXT EVENT 
************************************************************************/

#nextevent {
position : relative ; 
height : 250px ; 
float : left ; 
}

#nextevent .date {
margin : 0 0 0 200px ;  
padding : 0 ; 
border-bottom : 1px dotted #7DC0D2;
height : 20px ; 
width : 200px ; 
color : #7DC0D2
}

#nextevent img {
margin : 20px 0 0 20px ; 
border : 1px solid #6C6C6C;
position : absolute ;
}

#nextevent p  {
margin : 10px 0 0 200px ; 
padding : 0 20px 0 0  ; 
color : #959595
}

#nextevent h3  {
padding :  80px 0 0 200px  ;
margin :0 ; 
}
 
#nextevent ul {
margin : 0;
padding :  10px 0 0 200px  ;
list-style : none ; 
color : #959595
}

/* REALISATIONS PAGE INDEX 
*****************************************************************************/

.realisations {
clear : left ; 
height : 100px ;
width : 100% ; 
position : relative ;
}


.realisations h5{ 
margin : 0 0 0 120px ;  
padding : 20px 0 0  0;
font-size : 24px;
color : #1B85A1;
text-transform : uppercase ; 
font-family : times;
}

.realisations p{ 
margin : 0 0 0 120px ; 
padding : 0}


.realisations img { 
position : absolute ; 
margin : 5px 0 0 10px ; 
padding : 0 ; 
border : 1px solid #000 ;
}


/* REALISATIONS >> BACKGROUND
*****************************************************************************/

.first {
background : #1D1D1D url(images/realisation_001.jpg) repeat-x;
}

.second {
background : #1D1D1D url(images/realisation_002.jpg) repeat-x;
}

/* COPY
************************************************************************/

#copy  {
clear : left ; 
position : relative ; 
height : 120px ;
width : 100% ;
background : #141414 ;
margin : 20px 0 0 0 ;
}

#copy p {
position : absolute ;
bottom : 10px ; 
left : 90px ;
margin : 0 ; 
padding : 0 ;
color : #7B7B7B;
}
 
#copy a {
color : #7B7B7B;
}
 
#copy .liens-1 {
position : absolute ; 
bottom : 40px ; 
left : 140px ; 
border : 0 
}

#copy .liens-2 {
position : absolute ; 
bottom : 40px ; 
left : 224px ; 
border : 0 
}

#copy .liens-3 {
position : absolute ; 
bottom : 40px ; 
left : 314px ; border : 0
}

/* FOOTER 
******************************************************************************/
 
#footer {
clear : left ;
}