* { 
	margin:0; 
	padding:0; 
}
body {
	font:14px/1.5 "Century Gothic", Verdana, sans-serif;
	background-color:#000;
	color:#b8b8ba;
	overflow-x:hidden;
}
#mainlogo{position:relative; top:0px; width:100%; /*height:200px;*/ z-index:1;	background-color:#00000057;}
#mainlogo img {position:absolute; left:50%; width:86px; height:76px; left:50%; margin-left:-38px; }
#mainlogo_ombre{position:relative; top:0px;	width:100%; background-image:url(images/interface/ombre.png);	background-repeat:repeat-x; height:10px; z-index:2;}

/*#chat{position:absolute; left:40px; top:-20px; z-index:2;}*/
/********* top_banner ******/
#logo_video_fond{ position:fixed; z-index:-1; margin:0; padding:0;}
#logo_video_fond #vid{ max-width:1920px; /*width:100%;*/height:100%; margin:0; padding:0;}
#top_banner{ }
#top_banner #grandblanc img{
	/*max-width:1024px;*/
	max-height:140px;
	width:25%;
	margin-left:10px;
	display:inline-block;
}
#top_banner #mini_social{
	width:25%;
	float:right;
}
#top_banner #mini_social a{
	margin-right:30px;
}
/********* MENU ******/
.icone_menu{height:50px; border:none; cursor:pointer;}
#menu{
	/*position:absolute; 	top:90px; 	left:50%;  margin-left:-335px;*/
	width:80%;
	margin:auto;
	display:block;
	position:relative; max-width:1024px; z-index:5; height:50px;
	font-family: "Century Gothic", Verdana; font-size:20px;
	/*background:#bbbbbb;*/ 
}
#menu ul { 	list-style-type: none; cursor: default; width: auto;}
#menu ul li { position: relative;	float: left; list-style-type: none;	cursor: pointer; width:165px;
	}
#menu ul ul {display:none; list-style-type: none; z-index: 10; cursor: default; position: absolute; top:50px; left:50%; margin-left:-105px;}
/*Magie qui fait apparaitre le sous menu attention compat IE7 !!!???*/
#menu ul li:hover > ul, #menu ul li:focus > ul{ display:block;}
/*Apaprence*/
#menu ul a {	 
	display: block; cursor: pointer; padding: 0.5em 27px;  
	color: #FFF; text-decoration: none; text-align:center; 
	opacity:0.9;
	filter: alpha(opacity=70);
}
#menu ul a:hover, #menu ul a:focus { color: #e4b809;}
#menu ul ul a {font-family:"Century Gothic", Arial, sans-serif; font-size:12px; color: #444; background:#bbbbbb; height: 10px; width:160px;}
#menu ul ul a:hover, #menu  ul ul a:focus {	color: #00C6FF;	display:block;}
/******* fin de menu *******/
.coin_musique{
	z-index:5; position:absolute; right:10px; top:10px; text-align:right;
}
input.bouton{
	padding:5px;
}
.bouton	{		
	background-color:#000000b0;	padding:10px;	text-decoration:none!important;
	text-align:center; 	margin:3px;
	cursor:pointer;
	color:#fff;	width:200px;	height:35px;	font-weight:bold;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		border: 3px solid #e4b809;
}
.bouton:hover, .bouton:focus	{		
	background-color:#666;
	border: 3px solid #820f82;
}


/****** Contenu *******/
img.vignette{ padding:3px; border:none; /*width:200px;*/ height:64px; /* MODIF 290925*/
}
img.apercu{
	width:250px;
	padding:3px;
	border:0px;
}
/* _______ Accueil _______ */
#fond-accueil, #fond{
	/*position:absolute;*/
	top:200px;
	left:50%; margin-left:-512px;
	width:1024px;
	height:100%;
	font:#000;
}
#fond-accueil{	}
#fond{
	/*background-image:url("images/interface/parchemin.png");
	background-position:top center;
	background-repeat: no-repeat;*/}
#contenu{
	position:relative;
	left:50%; margin-left:-420px;
	width:800px;
	color:#000;
	z-index:1;
	padding:20px;
	background-color:#FFF;
	opacity:0.9;
	filter: alpha(opacity=70);
	border:medium #000 solid;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
}
#contenu #tweeter{
}
#contenu #tweets ul {
	list-style:none;
}
#contenu #tweeter q {
  quotes: "«\0000a0" "\0000a0»"; /* \0000a0 = espace insécable */
}
#contenu #tweeter q:before {
  content: open-quote;
}
#contenu #tweeter q:after {
  content: close-quote;
}
#tweets ul li{
	color:#820f82;
	background:url(images/interface/oiseau-twitter.png) no-repeat;
	padding:7px 0px 7px 35px;
	font-size:14px;
	font-weight:normal;
}
#tweeter .tweets a{
	text-decoration:none;
}
article footer h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#C9F;
	background:#333;
}
aside {
	color:#FFF;
	background:#333;
	padding : 5px;
	border-radius : 10px;
	moz-border-radius : 10px;
	webkit-border-radius : 10px;
}
/* _______ NEWS _______ */ 
.alb_release{display:block;  display: block;  margin: auto; max-width:500px; /*max-width:640px;*/ with:90%;}
.alb_release_listen{display:block;  margin: auto; position:relative; width:30%; min-width:35px; z-index:3; margin-top:-80px; height:26px;}

/* _______ Musique + video _______ */ 
#albums .album{ margin-bottom:20px; text-align:center; min-height:150px;}
#albums img.vignette, #categories img.vignette{display:block; margin:auto; float:left; /* MODIF 290925*/}
div.vignette{height:70px; /* MODIF 290925*/}
#albums .alb_release_listen{margin-top:-0px; }
/*#albums .description{	text-align:center;}*/
img.logomusique {border:none; height:25px; padding:5px; vertical-align:middle;}
img.logomusique:hover, img.logomusique:focus {opacity:0.6;}

div.cover_n_desc{ /*height:200px; MODIF 290925*/}
.inner_descr {background:#FFF; opacity:0.8; font-size:small;
	position: absolute;
	z-index:1;
	padding: 3px 0px;
	/*position: relative; top: -210px; MODIF 290925*/
}
.inner_descr {display:none;}
div.cover_n_desc{	cursor:pointer; }
div.cover_n_desc:hover > div.inner_descr, div.cover_n_desc:hover > div.inner_descr{ display:block;}
#albums .nom{	font-weight:bold;}
 
/*en dessous c'est déprécié si je n'utilise plus le tableau.
table#albums{ width:100%; border-spacing: 0px;	border-collapse: collapse; }
table#albums p{	text-align:justify; }
table#albums tr td{	border-bottom:#ccc thin solid;}
table#albums td.vignette{ width:100px;}
table#albums td.description{	padding-left:5px;}*/

#liens_dl {width:100%; text-align:center;}
#liens_dl a[itemprop=offers] {text-decoration: none;}

/* _______ Video _______ */
/* _______ Graphisme _______ */
/*#liste_graphismes{
	margin-left:50px; width:800px;
}*/

#anim_graphisme .vignette {
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	width:auto;
	height:120px;
}

/* _______ Interactivite _______ */
#liste_interactif{
	margin-left:50px; width:800px;
}
/* _______ Ecriture _______ */
#liste_ecrits{
	margin-left:50px; width:800px;
}
.gauche{float:left;}
.droite{float:right;}
.moit{width:49%;}
.untiers{width:29%;}
.deuxtiers{width:68%;}
.centre{text-align:center;}
.pleindiv{width:100%;}

/* _______ Biographie _______ */
#bio, #bio .evenement { 	width:100%;
}
#bio colgroup > :first-child{ background:lightgray;
	width:80px;
}
.evenement tr > :first-child {  width:80px;}
.evenement tr > :nth-child(2) {  	width:100px;}
.evenement .publication {  color:#6CC;}
.evenement .emploi {  color:#060;}
.evenement .diplome {  color:#C90;}
.evenement .concours {  color:#903;}
.evenement .concert {  	color:#64c;}

ul.mabellepuce li{
	list-style-type: none;
	background:url(images/interface/liste-puce.png) top left no-repeat;
	padding-left: 20px;
}
ul.mabellepuce li.titre_liste{	font-style:italic;	font-weight:bold;	color:#e4b809;	background:none;	padding-left: 0px;}
.emphase {	font-weight:bold;	color:#e4b809;}
.petitgris {	color:#333333;	font-size:smaller;}	
.erreur{	color:#a51818;}
.valide{	color:#008000;}
a:link {	color: #999;	text-decoration:underline;}
a:visited {	/*color: #B8B8Ba;*/ color: #977297;}
a:hover {	color: #DDD;	text-decoration:underline;}
p{margin-top:5px; text-align:justify; text-indent:25px;}
p.intro{font-size:16px; color:#820f82;}
/* Headings */
h1 { font-size:40px; /*font-weight:bold;*/ color:#820f82; font-family: 'Magneto','Monotype Corsiva', Verdana;/*line-height:15px;*/ text-align:center;}
h2 { font-size:24px; font-family: 'Magneto','Gabriola',Verdana;/*font-weight:normal;  */}
h3 { font-size:16px; font-weight:bold; /*line-height:1.375; */}
h4 { font-size:12px; font-weight:bold; _display: inline-block;}
h4 a{ font-size:10px;}
h5 { font-size:11px; font-weight:bold;margin-bottom:6px; }
h6 { font-size:10px; font-weight:bold; }

br.cleaner{	clear:both;}
br.separation{	line-height:5px;}

a.galerie{
	text-decoration: none;
}

/* ----- Social ------ */
/*#boutonfacebook, #boutontweet, #boutongoogle, #boutonshare, #boutoninsta{float:left;}*/
#social{ width:50%; margin:auto;text-align:center;
	position:relative; z-index:2; top:-21px;}
#social a{ margin-right:30px; } 

.avis{max-width:200px; margin-top:10px;font-style:italic; font-size:11px;}
.starRating{display:inline-block; }
.starRating .value {
	display: inline-block;
	font-size: 0;
	border: 0;
	width: 80px;
	height: 20px;
	/*outline: none;*/
	background: url(images/social/rate.png) no-repeat;
	vertical-align: middle;
}
.rating_0 .value{background-position:-80px 0;}
.rating_0_5 .value{background-position:-80px -20px;}
.rating_1 .value{background-position:-64px 0;}
.rating_1_5 .value{background-position:-64px -20px;}
.rating_2 .value{background-position:-48px 0;}
.rating_2_5 .value{background-position:-48px -20px;}
.rating_3 .value{background-position:-32px 0;}
.rating_3_5 .value{background-position:-32px -20px;}
.rating_4 .value{background-position:-16px 0;}
.rating_4_5 .value{background-position:-16px -20px;}
.rating_5 .value{background-position:0 0;}

/* ----- CONTACT ------ */
#contactForm input[type=text], #contactForm input[type=password], #contactForm input[type=date], #contactForm input[type=tel], #contactForm input[type=email], #contactForm input[type=number], #contactForm input[type=date], #contactForm input[type=datetime], #contactForm textarea, #contactForm select{
	border:1px solid #820f82;
	padding:8px 0px 8px 8px;
	background-color:#e1c5e1;
	font-size:1.2em; 
	margin:3px;
	color:#262626;
	width:100%;
}
#contactForm td:first-child{width:20%; text-align:right; margin-right:5px;}

/* ----- FOOTER ------ */
#pieddepage{
	/*position:relative; top:-35px;	width:100%;	height:250px;*/
	background-color:#00000057; padding:20px 20px 0px 20px;}
#pieddepage_contenu{
	/*position:absolute;	left:50%;	margin-left:-400px;*/margin:auto; width:800px;	
	font-size:smaller;	color:#888;}
#pieddepage a{	text-decoration:none;}
#pieddepage img.separation{	float:left;	margin-top:16px;	border:none;}
#pieddepage li.titre_liste{	font-size:12px;	font-variant:small-caps; text-decoration:underline;	font-weight:bold; color:#e4b809;	margin:16px 0 16px 0;}
#pieddepage ul{	list-style-type:none;	width:178px;	float:left;	margin:0px 0px 25px 20px;}
#pieddepage ul li a:hover{	color:#ffe072;	vertical-align:top;}
#pieddepage ul li{	width:178px;}

/* Gris = #b8b8ba ; 
violet = #820f82 ; 
or = #e4b809;
*/
/*@media only screen and (max-width:600px) {
	#top_banner #mini_social a{
		margin-right:3px;
	}	
}*/