/*
 * Général
 */

 @font-face
 {
     font-family:'Avant que ...';  
     src:url('album-avantquelombre.eot');
     src:local('Avant que...'),url('album-avantquelombre.ttf') format('truetype');
 }

p {
	
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #0a0a0a;
	
	font-size:small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#efefef;
}

a:link {
	
	color: #990000;
	text-decoration:none;

}

a:visited {
	
	color: #990000;
	text-decoration:none;
}

a img {
	
	border:0px;
	text-decoration:none;
}
 
h1 a,h2 a,h3 a,h3.fleched a
{
	background:url("images/puce.png") left no-repeat;
	padding-left:13px;
	
}

h3.nofleche a {
	background:none;
	padding-left:13px;
}

h3.flecheg a {
	background:url("images/puce_arriere.png") left no-repeat;
	padding-left:13px;
}

 
 h1,h2,h3
 {
	color		: #cacaca;
	font-weight	: normal;
    font-style	: normal;
	font-family	: 'Avant que ...',cursive,sans-serif;
 }
 
 h3.script {
 	
	color		: #cacaca;
	font-weight	: normal;
    font-style	: normal;
	font-family : Arial,Helvetica,sans-serif;
	padding-top : 0px;
	
 }
 

 
 h1 {
 	font-size	: 20px;
	padding-bottom : 7px;
 }
 
h2.titre {
 	font-size	: 16px;
	text-align	: center;
	position	: relative;
	left		: -12px;
	padding-bottom : 7px;
 }
 
h2.titre_script {
 	font-size	: 14px;
	text-align	: left;
	position	: relative;
	left		: 0px;
	padding-bottom : 7px;
	font-weight	: normal;
    font-style	: normal;
	font-family : Arial,Helvetica,sans-serif;
	color 		: #990000;
 }
 
h2.accueil {
 	font-size	: 16px;
	text-align	: left;
	position	: relative;
	left		: 10px;
	padding-bottom : 0px;
}

h2 {
 	text-align	: left;
	padding-left: 0px;
	color		: #cacaca;
	padding-top : 11px;
	font-size	: 16px;
 }
 
 h2.script {
 	text-align	: left;
	padding-left: 0px;
	color		: #cacaca;
	padding-top : 0px;
	font-size	: 14px;
	font-weight	: normal;
    font-style	: normal;
	font-family : Arial,Helvetica,sans-serif;
	
 }
 
 h3 {
 	font-size	: 14px;
	padding-top : 14px;
 }
 
 h1 a:link,h2 a:link,h3 a:link {
 	color	: #efefef;
 }
 
 h1 a:visited,h2 a:visited,h3 a:visited {
 	color	: #efefef;
 }
 
 h1 a:hover,h2 a:hover,h3 a:hover {
 	color	: #990000;
	line-height : 120% ;
 }
 
 

.conteneur {
	position:absolute;
	width:700px;
	margin-left:-350px;
	left:50%;
	
}

.texte {
	
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
	
}

.texte_blanc {
	color:#efefef;
}

.texte-bio {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	
}

.moyen {
	
	font-size:12px;
	
}


.rouge_sombre {
	
	color:#990000;
	
}

.lien_texte a:hover {
	font-size: 11px;
	color: #990000;
	text-decoration: none;
	/*
	 * Comme le lien de "quentin blumenroeder sur dapacem/presentation 3
	 */
	
}



/*
 * En-tête du site
 */


.template-entete {
	
	position: relative;
	left	: 50px;
	
	width	: 700px;
	height	: 100px;
	
	background-color:#0a0a0a;
	
}


.logo_raphaelekennedy {
	
	margin-left:10px;
	
	/*
	background: #0a0a0a url("images/logo.jpg") no-repeat bottom;
	*/
	
	width:350px;
	height:80px;
	
	float:left;
	
}

.logo_raphaelekennedy img {
	
	border :0px;
	
}


.infos {
	
	font-family : Arial;
	
	float:left;
	
	font-size:x-small;
	
	width:240px;
	
	line-height:1.7;
	
}


.langues {
	
	float:right;
	
	height:50px;
	
}


.ecoutes table tr td {
	
	font-size : 11px;
	
}

.ecoute {
	
	height		: 85px ;
	
	padding-bottom	: 0px ;
}

.ecoute_titre {
	
	float:left;
	
	padding 	: 2px; 
	
	font-size	: 12px;
	
	color		: #990000;
	
}

.ecoute_player {
	
	float:right;
	
	padding 	: 2px ;
	
	top			: 24px ;
	
}

.ecoute_description {
	
	float:left;

	padding 	: 2px;

	font-size	: 10px;
	
}


/*
 * Menus
 */

.menu_principal_accueil {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_accueil_bw.jpg") no-repeat ;
}


.menu_principal_quisuisje {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_quisuisje_bw.jpg") no-repeat ;
	
}
.menu_principal_dapacem {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_dapacem_bw.jpg") no-repeat ;
	
}
.menu_principal_etaussi {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_etaussi_bw.jpg") no-repeat ;
	
}




.menu_principal_accueil_rouge {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_accueil_rouge.jpg") no-repeat ;
}


.menu_principal_quisuisje_rouge {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_quisuisje_rouge.jpg") no-repeat ;
	
}
.menu_principal_dapacem_rouge {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_dapacem_rouge.jpg") no-repeat ;
	
}
.menu_principal_etaussi_rouge {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_etaussi_rouge.jpg") no-repeat ;
	
}

.menu_principal_accueil:hover {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_accueil_rouge.jpg") no-repeat ;
}


.menu_principal_quisuisje:hover {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_quisuisje_rouge.jpg") no-repeat ;
	
}
.menu_principal_dapacem:hover {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_dapacem_rouge.jpg") no-repeat ;
	
}
.menu_principal_etaussi:hover {
	
	display	: block;
	float	: left ;
	width	: 75px ;
	height	: 520px ;
	background: url("images/menus/menu_etaussi_rouge.jpg") no-repeat ;
	
}

/*
 * Contenu
 */

.contenu {
	
	float	: left ;
	width	: 380px ;
	min-height	: 520px ;
	overflow: visible;
	padding	: 0px 10px 0px 10px;
/*	background : url("images/barre-gauche.jpg") repeat-y left; */
}

/*
 * Pied de page
 */

.pieddepage {
	color 		: #4a4a4a;
	width		: 700px;
	font-size	: x-small;
	text-align	: center;
	bottom		: 0px ;
}