﻿/*******************************************************/
/* Fichier css du site drunken-butterfly.fr */
/* Auteur : Vincent Guiho */
/* Modifi le 02/06/2009*/
/*******************************************************/

/* Gnricites*******************************************/

body/*corps*/
{
	width: 800px;
	height: 700px;
	margin: auto;
	color: white;
	background: black fixed center;
	font-family: verdana;
	text-align: center;
	font-size:30px;
	scrollbar-face-color: black;  
	scrollbar-shadow-color: white;  
	scrollbar-highlight-color: white;
	scrollbar-darkshadow-color: white;  
	scrollbar-track-color: black;  
	scrollbar-arrow-color: white;
}

#pied_de_page
{
	width: 777px;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	font-family: arial;
	border: 2px solid white;
	margin-top: 14px;
	margin-bottom: 20%;
	margin-left: 20%;
	margin-right: 20%;
}

/*Fin gnricites*****************************************/



/* Default************************************************/

div.drunkenbutterfly
{
	background: fixed no-repeat center;
}

p.presentation
{
	font-family: Century;
	font-size: 80%;
	text-decoration: underline;
	margin-top: 12%;
	margin-bottom: 10px;
}

a.entrer
{
	color: blue;
}

a.entrer:hover
{
	color:red;
}

#pied_de_page_default
{
	width: 777px;
	height: 30px;
	margin: auto;
	padding: 5px;
	text-align: center;
	font-size: 10px;
	font-family: arial;
}


/*Fin Default***********************************************/

/*Accueil************************************************/

#accueil
{
	width: 790px;
	height: 506px;
	margin-top: 2%;
}

#menuAccueil
{
	width: 545px;
	height: 506px;
	border: 2px solid white;
	float: left;
}

.titreNews
{
	font-family: LuzSans-Medium;
	font-size: 30px;
	color: #a092e4;
}


#newsAccueil
{
	background: url("fondNews.png");
	width: 225px;
	height: 506px;
	border: 2px solid white;
	float: right;
}

.sousTitreNews
{
	font-size: 16px;
	font-family: Century;
	color: gray;
	text-align: left;
	
}

.date
{
	font-family: sans-serif;
	font-size: 12px;
	color: #7a62f6;
}

#contenuNews
{
	width: 85%;
	height: 100px;
	float: left;
	overflow: auto; 
	font-size: 16px;
	padding: 7px;
	text-align: justify;
}

/*Fin accueil*********************************************/

/*Bio****************************************************/

#corpsBio
{
	width: 790px;
	margin-top: 20%;
}

#presentation_membres
{
	width: 400px;
	height: 506px;
	background: black;
	float: left;
	border: 2px solid white;
	overflow: auto;
}

.titresBio
{
	font-family: LuzSans-Medium;
	font-size: 20px;
	color: #a092e4;
}

td.text
{
	font-family: arial;
	font-size: 12px;
	text-align: justify;
}

td.tony_photo
{
	width: 151px;
	height: 201px;
	background: url("Ptony.jpg") no-repeat;
}

td.vincent_photo
{
	width: 151px;
	height: 201px;
	background: url("Pvinc.jpg") no-repeat;
}

td.corinne_photo
{
	width: 151px;
	height: 201px;
	background: url("Pcoco.jpg") no-repeat;
}

td.olivier_photo
{
	width: 151px;
	height: 201px;
	background: url("Poliv.jpg") no-repeat;
}

td.julien_photo
{
	width: 151px;
	height: 201px;
	background: url("Pjuju.jpg") no-repeat;
}

td.mickael_photo
{
	width: 151px;
	height: 201px;
	background: url("Pmika.jpg") no-repeat;
}

#bio
{
	width: 370px;
	height: 506px;
	background: black;
	border: 2px solid white;
	overflow: auto;
	float: right;
}

.textBio
{
	width: 300px;
	font-family: arial;
	font-size: 12px;
	text-align: justify;
	margin: auto;
}

a.lienBio
{
	color: #7a62f6;
	font-family: sans serif;
	font-size: 12px;
}

a.lienBio:hover
{
	color: #2d1d82;
}

td.aufildelame
{
	background: url('aufildelame.png') no-repeat;
	width: 141px;
	height: 139px;
	float: left;
}

td.spirit
{
	background: url('spirit.png') no-repeat;
	width: 143px;
	height: 134px;
	float: left;
}

td.compil
{
	background: url('compil.jpg') no-repeat;
	width: 141px;
	height: 141px;
	float: left;
}

td.chansons
{
	font-size: 14px;
	font-family: arial;
	text-align: left;
}

/*Photos*************************************************/

#photos
{
	width: 790px;
	margin: auto;
	margin-top: 20%;
}
	
#flashcontent 
{
	width: 790px;
	height: 506px;
	margin: auto;
}

a
{	
	color:black;
	text-decoration: none;
}

a:hover
{
	color: #2d1d82;
}
	
table.menu
{
	width: 797px;
	margin: auto;
	margin-bottom: 10px;
}

td.eleMenu
{
	background-color: white;
	color: black;
	text-align: center;
	font-size: 20px;
	font-family: Impact;
	padding-right: 0;
	padding-left: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*Fin Photos*********************************************/

/*Videos************************************************/

#corpsVideo
{
	width: 790px;
	margin-top: 20%;
}

.videos
{
	width: 785px;
	height: 506px;
	background: black;
	border: 2px solid white;
	overflow: auto;
}

.titreVideos
{
	width: 500px;
	margin-top: 10px;
	font-family: LuzSans-Medium;
	font-size: 20px;
	color: #a092e4;
	text-align: center;
}

.textVideos
{
	width: 500px;
	text-align: center;
	font-family: arial;
	font-size: 14px;
}

/*Fin videos*********************************************/

/*Espace Pro********************************************/

#pro
{
	width: 785px;
	height: 506px;
	background: url("scene3.jpg") no-repeat;
	overflow: auto;
	border: 2px solid white;
}

.introPro
{
	font-family: arial;
	font-size: 14px;
}

a.lienPro
{
	color: #7a62f6;
	font-family: century;
	font-size: 18px;
}

a.lienPro:hover
{
	color: #2d1d82;
}

a.lienPro2
{
	color: red;
	font-family: century;
	font-size: 18px;
}

a.lienPro2:hover
{
	color: #2d1d82;
}

/*fin espace pro*****************************************/

/*Liens*************************************************/

#liens
{
	width: 785px;
	height: 506px;
	background: black;
	overflow: auto;
	border: 2px solid white;
}

.introliens
{
	width: 600px;
	text-align: justify;
	font-family: arial;
	font-size: 14px;
}

/*fin liens**********************************************/

/*Album********************************************/

table.album
{
	width: 790 px;
	height: 550 px;
}

td.espace
{
	width: 200px;
}


/*fin album*****************************************/
