
/* ////////////////////////////// ELEMENTS PRINCIPAUX //////////////// */

body {
	background-color: #000000;
}

 img {
border:none;
margin: 0px;
padding: 0px;
}

#box_globale {
width: 979px;
text-align: center;
position: absolute;
top: 10px;
left: 47%; 
margin-left: -490px; /* moitié de la largeur */
}

/* ////////////////////////////// ELEMENTS DE MENU //////////////// */

#box_menu {
width: 979px;
height: 22px;
text-align: center;
float: left;
background-image: url(ressources/back_menu.jpg);
background-repeat: no-repeat;
}

#box_empty_menu {
width: 284px;
height: 22px;
text-align: center;
float: left;
}


#box_menu_home {
width: 48px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_home a:hover {
width: 48px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/home_hover.jpg);
}

#box_menu_bio {
width: 32px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_bio a:hover {
width: 32px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/bio_hover.jpg);
}

#box_menu_disco {
width: 48px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_disco a:hover {
width: 48px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/disco_hover.jpg);
}

#box_menu_pics {
width: 39px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_pics a:hover {
width: 39px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/pics_hover.jpg);
}

#box_menu_audio {
width: 47px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_audio a:hover {
width: 47px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/audio_hover.jpg);
}

#box_menu_video {
width: 47px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_video a:hover {
width: 47px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/video_hover.jpg);
}

#box_menu_gear {
width: 43px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_gear a:hover {
width: 43px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/gear_hover.jpg);
}

#box_menu_press {
width: 51px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_press a:hover {
width: 51px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/press_hover.jpg);
}

#box_menu_tour {
width: 43px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_tour a:hover {
width: 43px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/tour_hover.jpg);
}

#box_menu_links {
width: 50px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
}

#box_menu_links a:hover {
width: 50px;
height: 22px;
text-align: center;
float: left;
background-repeat: no-repeat;
background-image: url(ressources/links_hover.jpg);
}

/* ////////////////////////////// CONTACT //////////////// */

#box_empty_contact {
width: 364px;
height: 25px;
text-align: center;
float: left;
}

#box_contact {
width: 68px;
height: 25px;
text-align: center;
float: left;
background-image: url(ressources/contact_trans.gif);
background-repeat: no-repeat;
}

#box_contact a {
width: 68px;
height: 25px;
text-align: center;
float: left;
background-image: url(ressources/contact_trans.gif);
background-repeat: no-repeat;
}

#box_contact a:hover {
width: 68px;
height: 25px;
text-align: center;
float: left;
background-image: url(ressources/contact_hover.jpg);
background-repeat: no-repeat;
}

/* ////////////////////////////// HEADERS //////////////// */

#box_header_01 {
width: 979px;
height: 302px;
text-align: center;
float: left;
background-image: url(ressources/header_01.jpg);
background-repeat: no-repeat;
}

#box_header_02 {
width: 979px;
height: 52px;
text-align: center;
float: left;
background-image: url(ressources/header_02.jpg);
background-repeat: no-repeat;
}

#box_header_03 {
width: 979px;
height: 25px;
text-align: center;
float: left;
background-image: url(ressources/header_03.jpg);
background-repeat: no-repeat;
}

#box_header_04 {
width: 979px;
height: 86px;
text-align: center;
float: left;
background-image: url(ressources/header_04.jpg);
background-repeat: no-repeat;
}

/* ////////////////////////////// GESTION DES ELEMENTS DE CONTENU //////////////// */

#box_globale_middle {
width: 979px;
text-align: center;
float: left;
background-image: url(ressources/back_contenu.jpg);
}


#box_contenu_empty_left {
width: 256px;
height: 129px;
text-align: center;
float: left;
}

#box_skin_begin_left {
position: absolute;
left: 193px;
top: 487px;
width: 64px;
height: 129px;
text-align: center;
float: left;
background-image: url(ressources/skin_begin_left.jpg);
background-repeat: no-repeat;
}

#box_skin_begin_right {
position: absolute;
left: 805px;
top: 487px;
width: 86px;
height: 129px;
text-align: center;
float: left;
background-image: url(ressources/skin_begin_right.jpg);
background-repeat: no-repeat;
}

#box_contenu_full {
width: 498px;
text-align: justify;
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
}

#box_contenu_full_center {
width: 498px;
text-align: center;
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
}

#box_contenu_left {
width: 239px;

text-align: justify;
float: left;
padding-left: 25px;
padding-right: 10px;
padding-top: 20px;

}

#box_contenu_right {
width: 239px;

text-align: justify;
float: left;
padding-left: 10px;
padding-right: 25px;
padding-top: 20px;

}

#box_tab_disco_left {
width: 105px;
height: 105px;
float: left;
}

#box_tab_disco_right {
width: 368px;
height: 105px;
text-align: left;
float: left;
margin-left: 10px;
}

#box_tab_disco_right_test {
width: 488px;
text-align: left;
float: left;
margin-left: 10px;
}

#box_tab_disco_full {
width: 498px;
height: 105px;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}

#box_tab_audio_left {
width: 105px;

float: left;
}

#box_tab_audio_right {
width: 368px;

text-align: left;
float: left;
margin-left: 10px;
}

#box_tab_audio_full {
width: 498px;

float: left;
margin-bottom: 10px;
margin-top: 13px;
}

#box_contenu_photo_left {
width: 162px;

text-align: center;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}

#box_contenu_photo_center {
width: 162px;

text-align: center;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}


#box_contenu_photo_right {
width: 162px;

text-align: center;
float: left;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}

#box_contenu_full_photo {
width: 950px;
text-align: justify;
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;

}

#box_contenu_empty_photo {
width: 206px;
height: 100px;
text-align: justify;
float: left;
padding-left: 25px;
padding-right: 25px;
padding-top: 20px;
;
}

/* ////////////////////////////// FOOTER ET ELEMENTS ASSOCIES //////////////// */

#box_footer {
width: 979px;
height: 114px;
text-align: center;
float: left;
background-image: url(ressources/footer.jpg);
background-repeat: no-repeat;
}


#box_empty_credits {
width: 173px;
height: 60px;
text-align: center;
float: left;
}


#box_credits {
width: 698px;
height: 60px;
text-align: center;
float: left;
}

/* ///////////////////////// MAPS /////////////////// */

#box_map_empty_top {
width: 979px;
height: 56px;
float: left;
}


#box_map_empty_left {
width: 273px;
height: 30px;
float: left;
}

#box_map_home {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/home_map.jpg);
}

#box_map_bio {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/bio_map.jpg);
}

#box_map_disco {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/disco_map.jpg);
}

#box_map_pics {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/pics_map.jpg);
}

#box_map_audio {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/audio_map.jpg);
}

#box_map_video {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/video_map.jpg);
}

#box_map_gear {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/gear_map.jpg);
}

#box_map_tour {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/tour_map.jpg);
}

#box_map_press {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/press_map.jpg);
}

#box_map_links {
width: 192px;
height: 30px;
float: left;
background-image: url(ressources/links_map.jpg);
}

/* ///////////////////////// POP UP /////////////////// */

#box_popup_contact {
width: 400px;
height: 377px;
background-image:url(ressources/back_contact.jpg);
}

#box_popup_contact_empty {

width: 340px;
height: 170px;
}



#box_popup_contact_contenu {

width: 340px;
height: 120px;
padding: 20px;
text-align:center;
}

/* ///////////////////////// SPLASH /////////////////// */

#boxsplash {
width: 732px;
height: 306px;
text-align: center;
position: absolute;
top: 45%;
left: 48%; 
margin-left: -366px; /* moitié de la largeur */
margin-top: -153px; /* moitié de la hauteur */


}

/* ///////////////////////// TYPOS /////////////////// */

h1 {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7A7A7A;
}

h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration : none; 
color: #FF0000; 
}

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

h2 {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #C1C1C1;
}

h2 a {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration : none; 
color: #D90000;

}

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

h4 {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #C1C1C1;
text-align: left;
}

h5 {

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #7A7A7A;
text-align: center;
}

h5 a {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration : none; 
color: #CCCCCC;
}

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

