@charset "utf-8";
/* CSS Document */

body {	
	background-color: #000000;
	font-family:arial;	
	color: #fff;
	font-size:8pt;
	width:100%;
	margin:0px; 
	padding:0px;
	text-align:center;
	}
td {	
	font-family:arial;	
	color: #fff;
	font-size:8pt;
	}
.lien {	
	font-family:arial;
	color:#888;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}
#cadre { 
	position:relative;
	margin:0px auto; 
	padding:0px;
	top:0px;
	height:800px;
	width:1200px;
	text-align:center;
	z-index:0;
	}

/**************************************************************************************************************************************************
															TEXTE
***************************************************************************************************************************************************/	

a:link {
	font-family:arial;
	color:#ffffff;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}
a:visited {
	font-family:arial;
	color:#ffffff;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}
a:hover {	
	font-family:arial;
	color:#e05c03;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}
a:active {
	font-family:arial;
	color:#e05c03;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}
a:focus {	
	font-family:arial;
	color:#e05c03;	
	text-decoration: none;
	font-size:8pt;
	font-weight:bold;
	}

/**************** Galerie *********/

a.galerie:link {
	font-family:arial;
	color:#fff;	
	text-decoration: none;
	font-size:7.5pt;
	font-weight:bold;
	}
a.galerie:visited {
	font-family:arial;
	color:#fff;	
	text-decoration: none;
	font-size:7.5pt;
	font-weight:bold;
	}
a.galerie:hover {	
	font-family:arial;
	color:#6d6d6d;	
	text-decoration: none;
	font-size:7.5pt;
	font-weight:bold;
	}
a.galerie:active {
	font-family:arial;
	color:#6d6d6d;	
	text-decoration: none;
	font-size:7.5pt;
	font-weight:bold;
	}
a.galerie:focus {	
	font-family:arial;
	color:#6d6d6d;	
	text-decoration: none;
	font-size:7.5pt;
	font-weight:bold;
	}
	
/**********************************/

.envoi {
	background-color:#000;
  	border:#6d6d6d 1px solid;
  	font-family:arial;
	font-size:7pt;
	color:#fff;
	z-index:2;
	}
.input {
	background-color:#000;
  	border:#6d6d6d 1px solid;
  	font-family:arial;
	font-size:7.5pt;
	color:#aaa;
	z-index:2;
	}
.msg {
	background-color:#333;
  	border:#6d6d6d 1px solid;
  	font-family:arial;
	font-size:7.5pt;
	color:#FFF;
	z-index:2;
	}
textarea {
	background-color:#333;
  	border:#6d6d6d 1px solid;
  	font-family:arial;
	font-size:8pt;
	color:#FFF;
	scrollbar-base-color:#6d6d6d;
	scrollbar-3dlight-color:#6d6d6d;
	scrollbar-arrow-color:#6d6d6d;
	scrollbar-darkshadow-color:#333;
	scrollbar-face-color:#333;
	scrollbar-highlight-color:#333;
	scrollbar-shadow-color:#6d6d6d;
	scrollbar-track-color:#333;
	z-index:2;
}


/**************************************************************************************************************************************************
															HEADER
***************************************************************************************************************************************************/

/********************************************************  IMAGES COTES  *************************************************************************/
#cote_L {
	background-image : url(img/cote_L.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:0px;
	height:917px;
	width:159px;
	z-index:0;
	}
	
#cote_R {
	background-image : url(img/cote_R.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:0px;
	right:0px;
	height:917px;
	width:149px;
	z-index:0;
	}
	
/********************************************************  IMAGES HAUT  *************************************************************************/
		
#img_haut {
	background-image : url(img/img_haut.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:0px;
	left:159px;
	height:153px;
	width:889px;
	z-index:0;
	}

/********************************************************  TRAITS  *************************************************************************/
	
#trait_left { 
	position:absolute;	
	margin:0px auto; 
	padding:0px;
	border-left:#404040 1px solid;
	border-right:#404040 1px solid;
	top:0px;
	left:159px;
	height:885px;
	width:172px;
	z-index:2;
	}
#trait_right { 
	position:absolute;	
	margin:0px auto; 
	padding:0px;
	border-left:#404040 1px solid;
	border-right:#404040 1px solid;
	top:170px;
	right:150px;
	height:715px;
	width:154px;
	z-index:2;
	}
#trait_bas { 
	background-image:url(img/trait_bas.jpg);
	background-repeat:repeat-x;
	position:absolute;		
	margin:0px auto; 
	padding:0px;
	top:883px;
	left:159px;
	height:1px;
	width:893px;
	z-index:2;
	}	

/********************************************************  IMAGE FOND  *************************************************************************/
	
#img_fond {
	background-image : url(img/fond.jpg);
	background-repeat:repeat-x;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:153px;
	left:159px;
	height:567px;
	width:892px;
	text-align:left;
	z-index:1;
	}

/********************************************************  FOND MIDDLE  *************************************************************************/
	
#fond_middle {
	background-image : url(img/fond_middle.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:173px;
	left:333px;
	height:713px;
	width:562px;
	text-align:left;
	z-index:1;
	}
/********************************************************  LOGOS  *************************************************************************/
		
#logo { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:12px;
	left:165px;
	height:46px;
	width:157px;
	z-index:2;
	}

/********************************************************  DRAPEAUX  *************************************************************************/
	
#drap_fr { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:12px;
	right:185px;
	height:13px;
	width:23px;
	z-index:2;
	}
#drap_uk { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:12px;
	right:155px;
	height:13px;
	width:23px;
	z-index:2;
	}	

/********************************************************  BANNIERE  *************************************************************************/
	
#banniere { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:84px;
	right:207px;
	height:60px;
	width:468px;
	z-index:2;
	}
	
/**************************************************************************************************************************************************
															LEFT
***************************************************************************************************************************************************/

#fond_left { 	
	background-image : url(img/fond_left.jpg);
	background-repeat:repeat-y;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:170px;
	left:162px;
	height:712px;
	width:167px;
	z-index:1;
	}
#titre_last_pictures { 	
	background-image : url(img/titre_last_pictures.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:195px;
	left:188px;
	height:16px;
	width:115px;
	z-index:1;
	}
#last_pict1 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	border:#404040 1px solid;
	top:215px;
	left:168px;
	height:245px;
	width:152px;
	z-index:1;
	}
#last_pict2 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	border:#404040 1px solid;
	top:302px;
	left:170px;
	height:73px;
	width:148px;
	z-index:1;
	}
#last_pict3 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	border:#404040 1px solid;
	top:390px;
	left:170px;
	height:73px;
	width:148px;
	z-index:1;
	}	

#fond_img_mois { 	
	position:absolute;
	border-top:#404040 1px solid;
	margin:0px auto; 
	padding:0px;
	top:474px;
	left:159px;
	height:193px;
	width:171px;
	z-index:1;
	}
#titre_img_mois { 	
	background-image : url(img/titre_img_mois.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:485px;
	left:203px;
	height:16px;
	width:86px;
	z-index:2;
	}
#img_mois { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	padding-top:4px;
	margin:4px;
	background-color:#000000;
	border:#404040 1px solid;
	top:500px;
	left:185px;
	height:156px;
	width:111px;
	z-index:2;
	}

#fond_album_mois { 	
	position:absolute;
	border-top:#404040 1px solid;
	margin:0px auto; 
	padding:0px;
	top:680px;
	left:159px;
	height:200px;
	width:171px;
	z-index:1;
	}
#titre_album_mois { 
	background-image : url(img/titre_album_mois.png);
	background-repeat:no-repeat;	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:695px;
	left:202px;
	height:16px;
	width:88px;
	z-index:2;
	}
#album_mois { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	padding-top:4px;
	margin:4px;
	background-color:#000000;
	border:#404040 1px solid;
	top:710px;
	left:162px;
	height:155px;
	width:156px;
	z-index:2;
	}	
	
/**************************************************************************************************************************************************
															RIGHT
***************************************************************************************************************************************************/

#fond_right { 	
	background-image : url(img/fond_right.jpg);
	background-repeat:repeat-y;
	background-color:#000000;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:170px;
	right:149px;
	height:712px;
	width:153px;
	z-index:1;
	}
	
#recherche { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:175px;
	right:160px;
	color:#FFFFFF;
	text-align:left;
	z-index:2;
	}
	
#trait_prochains_concerts { 
	border-top:#404040 1px solid;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:240px;
	right:150px;
	height:1px;
	width:154px;
	z-index:2;
	}	
#titre_prochains_concerts { 	
	background-image : url(img/titre_prochains_concerts.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:255px;
	right:165px;
	height:16px;
	width:126px;
	z-index:2;
	}
#prochains_concerts { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	border:#404040 1px solid;
	top:275px;
	right:157px;
	height:258px;
	width:140px;
	z-index:5;
	}
	
#trait_concours { 
	border-top:#404040 1px solid;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:550px;
	right:150px;
	height:1px;
	width:154px;
	z-index:2;
	}	
#titre_concours { 	
	background-image : url(img/titre_concours.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:560px;
	right:200px;
	height:16px;
	width:66px;
	text-align:center;
	z-index:2;
	}
#img_flash_concours { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	border:#404040 1px solid;
	top:580px;
	right:157px;
	height:185px;
	width:140px;
	z-index:2;
	}
			
#fond_newsletter { 	
	position:absolute;
	border-top:#404040 1px solid;
	margin:0px auto; 
	padding:0px;
	top:780px;
	right:150px;
	height:72px;
	width:154px;
	z-index:1;
	}
	
#newsletter { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:800px;
	right:160px;
	color:#FFFFFF;
	text-align:left;
	z-index:2;
	}
			
/**************************************************************************************************************************************************
															FOOTER
***************************************************************************************************************************************************/

/********************************************************  MENU  *************************************************************************/

#menu {
	position:absolute; 
	margin:0px auto; 
	padding:0px; 
	height:40px; 
	width:890px; 
	left:155px; 
	top:140px; 
	padding-top:3px; 
	text-align:left;
	z-index:3;
	}
	
#fond_B {
	background-image : url(img/fond_bottom.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:884px;
	left:159px;
	height:50px;
	width:891px;
	z-index:2;
	}	
	
#logo_B {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:890px;
	right:159px;
	height:20px;
	z-index:2;
	}	
	
#copyright {
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:895px;
	font-size:7pt;
	left:169px;
	height:20px;
	color:#333333;
	width:auto;
	z-index:2;
	}

					
/**************************************************************************************************************************************************
															MIDDLE
***************************************************************************************************************************************************/

#trait_titre { 	
	background-image : url(img/trait_titre.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:30px;
	left:25px;
	height:1px;
	width:516px;
	z-index:2;
	}
#titre { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:15px;
	left:10px;
	height:20px;
	z-index:2;
	}
#trait_archives { 	
	background-image : url(img/trait_titre.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:665px;
	left:25px;
	height:1px;
	width:516px;
	z-index:2;
	}
#trait_archives2 { 	
	background-image : url(img/trait_titre.png);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:525px;
	left:25px;
	height:1px;
	width:516px;
	z-index:2;
	}
	
#pub { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:265px;
	left:15px;
	height:174px;
	width:506px;
	z-index:2;
	}
		
/**************************************************************************************************************************************************
															GALLERY
***************************************************************************************************************************************************/

#cadre_img { 	
	background-image : url(img/cadre_img.png);
	z-index:2;
	}
#lettre { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:500px; 
	height:40px; 
	left:25px; 
	top:665px;
	text-align:center; 
	z-index:2;
	}	
#trait_pages { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:675px;
	left:25px;
	height:30px;
	width:516px;
	z-index:2;
	}		

	
/**************************************************************************************************************************************************
															PUBLICATIONS
***************************************************************************************************************************************************/

#fond_middle3 {
	background-color:#000000;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:173px;
	left:333px;
	height:513px;
	width:562px;
	text-align:left;
	z-index:1;
	}
	
/**************************************************************************************************************************************************
															LINKS
***************************************************************************************************************************************************/

#links { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:550px; 
	height:450px; 
	left:5px; 
	top:15px;
	z-index:2;
	}	

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

#fond_middle2 {
	background-image : url(img/fond_middle2.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin:0px auto;
	padding:0px;
	top:173px;
	left:333px;
	height:713px;
	width:562px;
	text-align:left;
	z-index:1;
	}
	
#about_me { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:510px; 
	height:120px; 
	top:60px; 
	left:25px; 
	z-index:2;
	}	
		
#chps { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;	
	color: #fff;
	font-size:6.5pt; 
	width:510px; 
	height:20px; 
	top:200px; 
	left:5px; 
	z-index:2;
	}
	
#form { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:300px; 
	height:400px; 
	left:5px; 
	top:265px;
	text-align:left; 
	z-index:2;
	}		

#txt_form1, #txt_form2, #txt_form3, #txt_form4, #txt_form5 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	left:23px;
	height:29px;
	width:400px;
	font-weight:bold;
	text-align:left;
	z-index:2;
	}

#txt_form1 { 
	top:0px;
	}
#txt_form2 { 
	top:32px;
	}
#txt_form3 { 
	top:62px;
	}
#txt_form4 { 
	top:92px;
	}
#txt_form5 { 
	top:120px;
	}

#work { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:550px; 
	height:450px; 
	left:5px; 
	top:50px;
	z-index:2;
	}		
		
/***************************************************************  Formulaire  *******************************************************************************/

#form1, #form2, #form3, #form4, #form5 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	left:85px;
	height:29px;
	width:400px;
	text-align:left;
	z-index:2;
	}

#form1 { 
	top:0px;
	}	
#form2 { 	
	top:30px;
	}
#form3 { 
	top:60px;
	}
#form4 { 
	top:90px;
	}
#form5 { 
	top:120px;
	}
	
/***************************************************************  Bt Envoyer & Reset *******************************************************************************/
	
#envoi { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:200px;
	left:175px;
	height:11px;
	width:48px;
	text-align:left;
	z-index:3;
	}
#annuler { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:200px;
	left:245px;
	height:11px;
	width:48px;
	text-align:left;
	z-index:3;
	}
/**************************************************************************************************************************************************
															CONCOURS
***************************************************************************************************************************************************/
		
#hellfest { 	
	position:absolute;
	margin:0px auto; 
	padding:0px; 
	width:160px; 
	height:226px; 
	left:365px; 
	top:115px;
	z-index:3;
	}
#chps2 { 	
	position:absolute;
	margin:0px auto; 
	padding:0px;	
	color: #fff;
	font-size:6.5pt; 
	width:510px; 
	height:20px; 
	top:588px; 
	left:0px; 
	z-index:2;
	}	
	
/***************************************************************  Bt Envoyer & Reset *******************************************************************************/
	
#envoi2 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:565px;
	left:115px;
	height:11px;
	width:48px;
	text-align:left;
	z-index:3;
	}
#annuler2 { 
	position:absolute;
	margin:0px auto; 
	padding:0px;
	top:565px;
	left:190px;
	height:11px;
	width:48px;
	text-align:left;
	z-index:3;
	}