
/* feuille de style ex.vagus - Taz Devil . */

/* -------------------------------debut style page Intro ----------------------------------------------------------. */
#intro {
	position:absolute;
	float:none;
	width: 189px;
	height: 110px;
	left: 199px;
	top: 338px;
	text-align: center;
	margin:0 auto;
}


#cadre_intro{ 
   position:relative; 
   float:none; 
   width: 560px; 
   height: 436px;   

   text-align: center; 
   margin:0 auto;
}


/* IE ignores styles with [attributes], so it will skip the following. */
.cadre_intro_fond[class]{
   background-image:url(../images/div_fond_intro.png);
}


.item_titre_intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
} 
/* ------   --------     -------   ----------  fin  style page Intro ----------    ---------    ------   ------      ------. */

/* -------------------------------debut définition style des cadres ---------------------------------------------------------. */

#mothership { 
   position:relative; 
   float:none; 
   width: 1000px; 
   height: 850px;   
   text-align: center; 
   margin:0 auto;
}


#myspace {
	position:absolute;
}


#cadre_myspace{ 
   position:relative; 
}



/* IE ignores styles with [attributes], so it will skip the following. */
.cadre_mother_fond[class]{
   background-image:url(../images/div_full_fond.png);
}

/* ------   --------     -------   ----------  fin  définition des cadres  ----------    ---------    ------   ------      ------. */

/* -------------------------------debut définition style des conteneurs ---------------------------------------------------------. */

.container_header { 
   position:relative; 
   float:none; 
   width: 960px; 
   height: 130px;
   text-align: center;
   margin-left:20px; 
} 


.container_menu { 
   position:relative; 
   float:none; 
   z-index:5;
   width: 960px; 
   height: 130px; 
   text-align: center; 
   margin-left:20px; 
} 


.container_content { 
   position:relative; 
   float:none; 
   width: 960px; 
   height: 450px; 
   text-align: center; 
   margin-left:0px; 

} 


.container_footer { 
   position:relative; 
   float:none; 
   width: 960px; 
   height: 50px; 
   text-align: center; 
   margin-left:20px; 
} 

/* ------   --------     -------   ----------  fin  définition des conteneurs  ----------    ---------    ------   ------      ------. */



/* -------------------------------   debut définition style des contenus    ---------------------------------------------------------. */

/*-- DEBUT style contenu --*/

.floating_logo {
	position: absolute;
	z-index:0;
	width: 222px;
	height: 370px;
	margin-left:20px;
	left: -18px;
	top: 6px;

} 


.header {
	position: absolute;
	z-index:2;
	width: 744px;
	height: 140px;
	margin-left:20px;
	left: 200px;
	top: -2px;

} 


.menu {
	position: absolute;
	z-index:10;
	width: 606px;
	height: 38px;
	margin-left:20px;
	left: 215px;
	top: -57px;

} 


.promo {
	position: absolute;
	z-index:5;
	width: 749px;
	height: 45px;
	margin-left:20px;
	left: 188px;
	top: 21px;
} 


.contenu {
	position: absolute;
	z-index:5;
	width: 768px;
	height: 585px;
	margin-left:5px;
	left: 178px;
	top: -160px;
	
	scrollbar-3dlight-color:#570d0d;
	scrollbar-arrow-color:#1f4d70;
	scrollbar-base-color:#a23200;
	scrollbar-darkshadow-color:#570d0d;
	scrollbar-face-color:#a23200;
	scrollbar-highlight-color:#e49805;
	scrollbar-shadow-color:#570d0d;
	color: #e09403;
	
} 


.contenu_fond {
   position:relative; 
   float:none;
	z-index:5;
	width: 760px;
	height: 573px;
	left: 20px;
	top: 5px;
} 


.contenu_texte {
	position: absolute;
	z-index:5;
	width: 685px;
	height: 573px;
	margin-left:20px;
	font:70% "Trebuchet MS",Verdana,Sans-serif;
    left: 9px;
	top: 5px;
} 


.item_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
} 


.flash {
	position: absolute;
	z-index:5;
	width: 198px;
	height: 600px;
	margin-left:20px;
	left: -12px;
	top: -160px;
} 


.flash_fond{
   position:relative; 
   float:none; 
	z-index:5;
	width: 198px;
	height: 543px;
	margin-left:20px;
	left: -13px;
	top: 5px;
} 


.flash_texte {
	position: absolute;
	z-index:5;
	width: 178px;
	height: 563px;
	margin-left:20px;
	font:75% "Trebuchet MS",Verdana,Sans-serif;
	left: -7px;
	top: 13px;
} 


.footer {
	position: absolute;
	z-index:5;
	width: 948px;
	height: 44px;
	margin-left:20px;
	left: -18px;
	top: -29px;

} 
/* ------   --------     -------   ----------  fin  définition des conteneurs  ----------    ---------    ------   ------      ------. */

/* ----------------------------------------------------------------------------------------------------------------------------------. */
/* -------------------------------   debut définition style des contenus    ---------------------------------------------------------. */
/* ----------------------------------------------------------------------------------------------------------------------------------. */


/* -------------------------------   debut définition style transverse au site    ---------------------------------------------------. */

/*-- DEBUT style DATE --*/

.nom_exvagus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFCC00;
	font-weight: bolder;
  }
  
 
.date_mois {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FF9900;
  }
  
.date_jour {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #FFFFCC;
  }
  
.date_an {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
  }
/*-- fin style DATE --*/

.page_titre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1.3em;
	color: #FFCC33;
  }
  
.page_source {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.3em;
	color: #6699CC;
}

.page_maj {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #6699CC;
}

.big_annee {
	margin:.25em 0 .5em;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 1.3em;
	color: #FFFF66;
  }

#test2 a {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
  
/* ------   --------     -------   ----------  fin  définition style transverse au site    ----------    ---------    ------   ------      ------. */


/* ---------------------------------------------   debut définition style specifique aux pages---------------------------------------------------. */


/* -------------------------------   DEBUT définition style page MEDIA    ---------------------------------------------------. */
.media_titre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 1.3em;
	color: #FFFFCC;
  }

.media_pipe {
	margin:.25em 0 .5em;
	padding-left:20px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.3em;
	color: #FF9900;
  }
  
.media_lien {
	margin:.25em 0 .5em;
	padding-left:10px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #CCCC00;
  }
/* ------   --------     --------   FIN définition style page MEDIA    ----------    ---------    ------   ------      ------. */



/* -------------------------------  DEBUT définition style page CONTACT   ------------------------------------------------------. */
  
.cont_titre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1.3em;
	color: #FF6600;
	}
.cont_corps {
	margin:.25em 0 .5em;
	padding-left:1px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
.cont_rem {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	color: #CCCC33;
  }
  
  
.cont_lien {
	margin:.25em 0 .5em;
	padding-bottom:0.25em;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
  }
  
/* ------   --------     --------   FIN définition style page CONTACT    ----------    ---------    ------   ------      ------. */  


/* -------------------------------  DEBUT définition style page NEWS   ------------------------------------------------------. */
.news_barre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	line-height: 1.3em;
	color: #FFFF00;
  }
  
.news_titre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.3em;
	color: #FF9900;
  }
  
.news_corps {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
  
.news_lien {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.3em;
	color: #6699CC;
  }
  
.news_exergue {
	margin:.25em 0 .5em;
	padding-left:10px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	color: #CC6600;
}

.news_nomevenement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #66CCCC;
}


.news_nomentite {
	margin:.25em 0 .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #FF6600;
}


.news_personne {
	margin:.25em 0 .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
}

.news_source {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.3em;
	color: #6699CC;
}
/* ------   --------     --------   FIN définition style page NEWS    ----------    ---------    ------   ------      ------. */


/* -------------------------------  DEBUT définition style page BAND   ------------------------------------------------------. */
.band_titre {
	margin:.25em 0 .5em;
	padding-left:1px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	color: #FF6600;
  }
.band_annee {
	margin:.25em 0 .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
  }
.band_pressname {
	padding-left:15px;
	padding-bottom:0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
  }
.band_corps {
	margin:.25em 0 .5em;
	padding-left:1px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
  
.band_musicien_name {
	margin:.25em 0 .5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #FF9900;
  }
.band_musicien {
	margin:.25em 0 .5em;
	padding-left:1px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
/* ------   --------     --------   FIN définition style page BAND    ----------    ---------    ------   ------      ------. */


/* -------------------------------  DEBUT définition style page DISCO   -----------------------------------------------------. */
.disco_titre {
	margin:.25em 0 .5em;
	padding-left:5px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height: 1.3em;
	color: #FF6600;
  }
  
.disco_corps {
	margin:.25em 0 .5em;
	padding-bottom:0.25em;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFFFCC;
	text-align: left;
  }

.disco_rem {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #CCCC33;

  }
 
.disco_special_rem {
	margin:.25em 0 .5em;
	padding-left:1px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFFFCC;
  }
  
.disco_lien {
	margin:.25em 0 .5em;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
  }
/* ------   --------     --------   FIN définition style page DISCO    ----------    ---------    ------   ------      ------. */


/* -------------------------------  DEBUT définition style page TOUR   ------------------------------------------------------. */

.tour_titre {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%;
	line-height: 1.3em;
	color: #FF6600;
  }
.tour_annee {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.3em;
	color: #FFFF66;
  }
.tour_date {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FF9900;
  }
  
.tour_ville {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFFFCC;
	text-align: left;
  }
  
.tour_lieu {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #CCCC33;
	text-align: left;
  }
.tour_statut {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.3em;
	color: #FF0000;
	text-align: left;
  }
.tour_group {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFCC33;
  }  
.tour_info {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFCC00;
  }  
.tour_info_2 {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	color: #FF9900;
  }  
.tour_lien {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #FF9900;
  }
/* ------   --------     --------   FIN définition style page TOUR    ----------    ---------    ------   ------      ------. */

/* -------------------------------  DEBUT définition style page PRO   ------------------------------------------------------. */
.pro_titre_fr {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FF9900;
	  }
	  
.pro_document_souslibelle {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FFFFCC;
  }  	  

	  
.pro_titre_en {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FFFF66;
  }
  
.pro_libelle {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #CC9900;
	text-align: left;
  }
  
.pro_contact_nom {
	margin:.25em 0 .5em;
	padding-left:18px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	line-height: 1.3em;
	color: #FF6600;
	text-align: left;
	font-weight:bold;
  }
  
  
.pro_contact_role {
	margin:.25em 0 .5em;
	padding-left:10px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FFFF66;
  }
  

.pro_tel_num {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFFF66;
	text-align: left;
  }
  
  
.pro_mail {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFFF99;
	text-align: left;
  }
  
.pro_mail_libelle {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FF9900;
}
	
.pro_document {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	line-height: 1.3em;
	font-weight:bold;
	color: #FFFF33;
  }  
  
.pro_document_libelle {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color: #FFFFCC;
  }  
  
    
.pro_info {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1.3em;
	color: #FFFFCC;
  }  
  
  
.pro_info_2 {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FFFFFF;
  }  
  
  
.pro_lien {
	margin:.25em 0 .5em;
	padding-left:15px;
	padding-bottom:0.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	color: #FF9900;
  }
  
  
  .pro_cellule_ligne_haut {
background:url(../images/ligne_haut.png) no-repeat left bottom;
  }
    .pro_cellule_ligne_milieu {
background:url(../images/ligne_milieu.png) no-repeat left center;
  }
    .pro_cellule_ligne_bas{
background:url(../images/ligne_bas.png) no-repeat left top;
  }
/* ------   --------     --------   FIN définition style page PRO     ----------    ---------    ------   ------      ------. */


/* -------------------------------   debut définition style pour briques flash info    ---------------------------------------------------. */


/* Styles for demo, not necessary for scroller */
body { overflow:hidden }  /* remove if your document requires scrolling */

h1 { font-size:1.3em }
h2 { font-size:1.2em }
a:link { color:#CC6600}	
a:visited { color:#CC9900}	
}

/* optional container for scroller, to provide bgColor/border */
div#bg { position:absolute; right:3px; top:-5px; 
	z-index:100; width:170px; height:180px;
  background-color:#CC6600; border:1px solid #338 
  }
/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn {
	position:absolute;
	left:13px;
	top:80px;
	width:150px;
	height:160px;
	z-index:1;
	clip:rect(0, 150px, 160px, 0);
	overflow:hidden;
  }

div#cnt {
	position:absolute;
	z-index:1;
	left: 3px;
	top: 3px;
} /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width:150px; height:160px; color:#FFFF99}

/* styles for scroller content (read important instructions regarding collapsing margins!) */
div#cnt h3 { font-size:12px; margin:0 0 .5em 0 }  
div#cnt p { font-size:11px; margin:.5em 0 0 0 }
div#cnt ul { margin:.5em 0 0 0; padding:0; font-size:11px; }
div#cnt ul li { margin: .3em 0 0 1em; list-style-type:none }

/* ------   --------     -------   ----------  fin  définition style pour brique flash info     ----------    ---------    ------   ------      ------. */
