@font-face{
font-family : "maFonte";

src : url('hatten.eot?') format('eot'),
url('hatten.woff') format('woff'),
url('hatten.svg#abcd') format('svg'),
url('hatten.ttf') format('truetype');
}


body, html{
margin: 0;
padding: 0;
width:100%;
height:100%;
}

body{
margin:0;
padding:0;
text-align:center;
background:url(images/fd.jpg) repeat #000;
}

#general{
	position:relative;
	margin:0 auto;
	width:970px;
	text-align:left;
	padding:0px;
	top:0px;
	background:url(images/fd2.jpg) top center no-repeat;
	min-height:2300px !important;
	height:auto !important;
	height:2300px;
	background-color:#000;
}


#conteneur{
min-height:330px !important;
height:auto !important;
height:330px;
text-align:justify;
margin:0px;
position:relative;
top:300px;
left:30px;
width:432px;
float:left;
}

#droite {
position:relative;
top:300px;
width:450px;
float:left;
color:#000000;
text-align:justify;
left:56px;
}

#news {
position:relative;
color:#fff;
top:0px;
}

#credits{
position:relative;
color:#666;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:right;
font-size:10px;
height:20px;
}
#liens{
position:relative;
color:#000;
font-family:Arial, Verdana, Helvetica, sans-serif;
width:240px;
top:500px;
left:40px;
text-align:left;
font-size:10px;
height:30px;
}

#texte {
width:541px;
text-align:left;
}


/* =============== */
/* STYLES GENERAUX */
/* =============== */
p{
margin:0;
padding:0;
}
div{
margin:0;
padding:0;
}
hr{
color:#C33;
}

a:link, a:visited, a:active{
border:0;
color:#FF0000;
text-decoration:none;
}
a:hover{
border:0;
color:#999;
text-decoration:none;
}
a.sans:link, a.sans:visited, a.sans:active{
border:0;
color:#666;
text-decoration:none;
background:none;
}
a.sans:hover{
border:0;
color:#FF0000;
text-decoration:none;
background:none;
}

/* ===================== */
/* STYLES TYPOGRAPHIQUES */
/* ===================== */

body, table, td, p, .texte, select, textarea, input {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#fff;
}
.texte, .coul_description, .coul_des_formulaire{
vertical-align:top;
text-align:left;
color:#fff;
font-size:12px;
}

.ptit_texte {
color:#fff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
}

.titre_news {
color:#fff;
font-family:"maFonte", Helvetica, Arial, sans-serif;
font-size:40px;
margin:0px 0px 5px 0px;
padding:0px;
text-align:left;}

.date {
color:#ff0000;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
}

.date2 {
color:#fff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
}

.des_concert {
color:#999;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
}
table{
border-collapse:collapse;
border:0;
padding:0;
margin:0;
}
.citation {
vertical-align:top;
text-align:left;
color:#ff0000;
font-size:12px;
font-weight:bold;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:justify;

}
.gros_titre{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
display:block;
color:#fff;
}

h1{
margin:0px 0px 5px 0px;
padding:0;
font-family:"maFonte", Helvetica, Arial, sans-serif;
font-size:40px;
color:#FFFFFF;
}

h2{
font-size:12px;
font-weight:bold;
display:block;
color:#660000;
margin:0;
padding:0;
}
.sous_titre{
font-size:12px;
font-weight:bold;
text-transform:uppercase;
display:block;
}

/* texte plus petit que le texte classique */
.petit_texte {
font-size:12px;
color:#ff0000;
}

/* LISTES */
ul, li {
margin:0;
padding:0;
}
ul{
margin:5px 10px 5px 25px;
}
li{
padding:3px 5px;
/*list-style-image: url(images/signet.gif);*/
}



/* ============= */
/* STYLES IMAGES */
/* ============= */
img{
border:0;
}
img.bordure{
border:1px solid #fff;
}
/* Style utilisé pour les popup images - zoom */
a.zoom:link, a.zoom:visited, a.zoom:active{
border:0;
background:none;
}
a.zoom:hover{
border:0;
background:none;
}


/* ================== */
/* FORMULAIRE CONTACT */
/* ================== */
form{
margin:0;
}


input, textarea, select, fieldset{
border:1px solid #666;
margin:2px 0;
background:#333;
color:#fff;
font-weight:normal;
padding:1px 5px;
width:180px;
font-size:12px;
height:15px;
}

input.paypal{
background:none;
border:none;
width:448px;
height:136px;
}
/* bouton d'envoi de formulaire */
input.bt-envoi{
background:#ff0000;
padding:2px 5px;
font-size:11px;
font-weight:bold;
color:#fff;
border:none;
width:40px;
height:19px;
text-align:center;
} 
/* boite a cocher (pour enlever le fond de couleur) */
.coche{
background:none;
border:0;
width:auto;
}
/* PHOTOS */

.bloc_photos {
margin:0px;
border:none;
padding:0px 0px 20px 0px;
}

/*FACEBOOK */

.fan_box .full_widget {
 
  border:0px solid #000000;
	display:block;
	height:260px; 
	width:210px;
 
	padding:0px;
	margin:0 5px 0 0px;
	background:transparent;
	color:#000000;
	text-align:left;
 
}
.fan_box div  { background:transparent; }
.fan_box .connections {
  border-top:0px dashed #FFFFFF;
  width:210px;
  text-align:left;
  padding:10px 0 10px 0px;
  color:#454545;
  font-size:12px;
  position:absolute;
  margin:70px 0 0 0px;
}
 
.fan_box .connections_grid {
   padding:10px 0 0px 0px;
   clear:both;
   position:absolute;
   margin:-108px 0 0 0;
   width:210px;
 
}
.fan_box .grid_item {
  padding:0;  
  margin:0 0 6px 10px;
  width:58px;
  height:70px;
float:left;
}
.fan_box .grid_item img {
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:2px;
  background:#fff;
  margin:10px 0 10px 0;
}
.fan_box .connect_button  {
      padding:8px 0 0 0px;
      z-index:1000;
}
 
.fan_box .connect_top,.fan_box .connect_top a {
    color:#454545;
  font-size:12px;
}
.fan_box .connect_top {
  display:block; 
  padding:0 0 0 0;
   position:absolute;
   margin:100px 0 0 0;
   width:210px; 
   text-align:left;
   z-index:1000;
}
.fan_box .connect_top img {
  display:none;
}
 
.name_block a { display:none; }
.name_block { display:block;   }
.connect_span { padding:0 0 0 0;  }