@charset "utf-8";

/***************************
INIT 
***************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,p , pre, form, fieldset, input, p, blockquote, th, td { 
	margin : 0; 
	padding : 0;
	font-size:11px;
}
ol,ul { 
	list-style : none; 
}
img { 
	border : 0; 
}
caption,th { 
	text-align : left; 
}
q:before, q:after { 
	content :''; 
}
img{
	display:block;
}
p{
	border:0;
}

/*--------
  LAYOUT 
---------*/
h2{
	display:block;
	font-size:12px;
	padding-bottom:10px;
}
h2 em{
	font-style:normal;
}
h3{
	display:inline;
	font-size:12px;
	font-weight:normal;
}
em{
	color:#E0001A;
	font-size:12px;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{color:#e1001a;
	text-decoration:none;
}
em a{
	color:#e1001a;
	text-decoration:none;
}
em a:hover{
	color:#000000;
	text-decoration:none;
}
html{
	text-align : center;
	width:100%;
	
}
body{
	color:#333333;
	position:relative;
	width:1017px;
	height:auto;margin : 0 auto; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background-color:#000;
}

div#main{
	display:block;
	width:1017px;
	background-color:#ffffff;
}

/*-------
  HEADER
---------*/
div#header{
	z-index:400;
	position:relative;	
	height:18px;
	width:1017px;
	background-color:#000;
}
div#header h1{
	text-indent : -9999px;
	display:block;	
	margin:0;
	padding:0;
	position:absolute;
	height:169px;
	width:200px;	
	background:transparent url(../img/groupe-de-jazz-logo.jpg) no-repeat 0 0;
	font-size:10px;
	left:208px;
	top:58px;
}

/*-------
  MENU
---------*/
div#menu{
	position:relative;
	background-color:#ffffff;
	text-align:left;
	position:relative;
	width:207px;
	float:left;
	height:800px;
	padding-top:38px;
}
div#menu em{
	font-style:normal;
}
div#menu h2{
	position:absolute;
	visibility:hidden;
}
div#menu ul#obj1{
	position:absolute;
	top:0px;
	left:0px;
	visibility:visible;
	width:207px;
	height:250px;
}
div#menu ul {
	width:192px;
	margin-left:13px;
	color:#000000;	
}
div#menu ul li {
	font-size:12px;
	line-height:23px;
	height:23px;
	background:transparent url(../img/dot_horizontal.gif) repeat-x 0 0px;color:#000000;
}
div#menu a{
	display:block;
	height:26px;
	padding-left:10px;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
}
div#menu a:link{
	font-style:normal;
	color:#000000;
}
div#menu a:visited{
	font-style:normal;
	color:#000000;
} 
div#menu a:hover{
	color:#8c8c8c;
	font-style:italic;	
}
a#download {
	font-size:10px;
	color:#b5b5b5;
	letter-spacing:-0.5px;
}
li#download a{
	font-size:11px;
	font-weight:bold;
	color:#8c8c8c;font-style:normal;
	letter-spacing:-0.5px;
}
li#download a:hover{
	font-size:11px;
	font-weight:bold;
	color:#8c8c8c;
	text-decoration:none;
	font-style:italic;
	letter-spacing:-0.5px;
}
li#download a:link{
	color:#8c8c8c;
	letter-spacing:-0.5px;	
}
li#download a:visited{
	color:#8c8c8c;
	letter-spacing:-0.5px;	
} 

/*---------------------------------------------------------------------
   CONTENT : ECOUTER - LE GROUPE - FORMATION - CONTACTS - REFERENCES
----------------------------------------------------------------------*/
div#content{
	width:810px;	
	text-align:left;
	float:left;
	background-color:#ffffff;
	padding-top:38px;
}

/*------------------
  ECOUTER - GROUPE  
--------------------*/
div#content_1{
	position:relative;
	width:600px; 
	float:left;
	background:transparent url(../img/trio-jazz-band-ligne.jpg) repeat-y 0 0px;
}
div#ecouter{
	margin-left:200px;
}

div#ecouter h2{
	display:block;
	background-color:#ffffff;
	margin-left:10px;
	width:380px;
	padding-bottom:4px;
}
div#groupe {
	position:relative;
}
div#groupe p em{
	font-size:11px;
	line-height:14px;
	letter-spacing:0.1px;
	
}
div#groupe p {
	font-size:11px;
	line-height:14px;
	letter-spacing:0.1px;
}
div#groupe h2{
	position:absolute;
	left:0;
	top:0;
	display:block;
	padding-left:10px;
	width:190px;
}
.margeTop{
	margin-top:24px;
}
div#flash{
	position:relative;
	margin-left:10px;
	width:380px;
	background-color:#ffffff;
}
div#over{
	position:absolute;
	width:102px;
	height:102px;
	left: 268px;
	top: 25px;
}
div#flash ol{
	display:block;
	width:370px;
	background-color:#535353;
	background:#535353 url(../img/lecteur.gif) repeat-y 0px 0px;
	color:#FFFFFF;
	font-style:italic;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:9px;
	line-height:15px;
}
div#flash ol a{
	color:#FFFFFF;
}
div#flash ol a:hover{
	color:#000000;
}

/*--------
  AGENDA 
----------*/
div#agenda{
	position:relative;
	width:210px; 
	float:left;
	background-color:#ffffff;
}
div#agenda h2{
	margin-left:10px;
	width:182px;
	background:transparent url(../img/groupe-de-jazz-dot.jpg) repeat-x 0 17px;
}
div#agenda dl{
	display:block;
	margin-left:10px;
	margin-top:5px;
	width:182px;
	font-size:10px;
	letter-spacing:0.1px;
}
div#agenda dt{
	font-size:12px;
}
div#agenda dt em{
	color:#e1001a;
	font-style:italic;
	font-size:12px;
}
div#agenda dd{
	margin-bottom:12px;
	line-height:12px;
	font-size:9px;
}
div#agenda dd em{
	display:block;
	margin-bottom:12px;
	line-height:12px;
	font-size:9px;
}

/*------------------------------------
  FORMATIONS - CONTACT - REFERENCES  
--------------------------------------*/

div#content_2{
	position:relative;
	width:600px; 
	float:left;
	margin-top:15px;
	background:#ffffff url(../img/groupe-de-jazz-ligne1.jpg) repeat-y 0 0px;
}
div#formation{text-align:center;
	height:130px;
	background-color:#ffffff;
	font-size:10px;
}
div#formation em{
	font-size:10px;
	line-height:14px;
}
div#formation h3{
	display:block;
	font-size:11px;
	margin:0;
	padding:0;
	border:0;
}
div#formation h2{
	height:133px;	
	text-indent : -9999px;
	background:#ffffff url(../img/formations/groupe-de-jazz.jpg) no-repeat 0 0;
}
div#formation ul{
	position:relative;
}
li#quintet {
	position:absolute;
	left: 97px;
	top: -72px;
	font-size:11px;
	letter-spacing:-0.6px;
}
li#quintet em{
	font-size:11px;
	letter-spacing:-0.6px;
}
li#trio {
	position:absolute;
	left: 233px;
	top: -131px;
	width: 236px;
	font-size:11px;
	letter-spacing:-0.6px;
}
li#trio em{
	font-size:11px;
	letter-spacing:-0.6px;
}
li#quartet {
	position:absolute;
	left: 361px;
	top: -73px;
	width: 238px;
	font-size:11px;
	letter-spacing:-0.6px;
}
li#quartet em{
	font-size:11px;
	letter-spacing:-0.6px;
}

/*-------
  CONTACT
---------*/

div#contact{ 
	float:left;	
	width:200px; 
	background:transparent url(../img/contact/groupe-jazz-logo_contact.jpg) no-repeat 0 bottom;
}
div#contact h2{
	width:180px;
	margin-left:10px;
	margin-top:15px;
}
div#contact address{
	display:block;
	width:180px;
	height:240px;
	margin-left:10px;	
}
div#reference{	
	float:left;
	width:400px;
}
div#reference h2{
	text-align:center;
	display:block;
	height:24px;
	width:399px;
	background-color:#ffffff;	
}
div#reference h3{
	display:block;
	width:180px;
	text-align:center;
	margin:0;
	padding:0;
	border:0;
	font-size:10px;
}
div#reference h3 em{
	font-size:10px;
	display:block;
}
div#reference p{
	margin-top:5px;
	font-size:9px;
	line-height:15px;
	margin-bottom:20px;
	letter-spacing:0.1px;
}
.style1{
	font-size:11px;
}
.italic{font-style:italic;
}

/*-------
  PRESS 
---------*/
div#content_3{
	position:relative;
	width:210px; 
	float:left;
}
div#press{
	width:210px;
	background-color:#ffffff;	
}
div#press h2{
	margin-left:10px;
	display:block;
	width:180px;
	padding-bottom:0;
	padding-top:18px;
}
div#press ul{
	margin-left:10px;
}
div#bonus{
	width:210px; 
	margin-top:15px;
	background-color:#ffffff;
}
div#bonus h2{
	position:absolute;
	text-indent : -9999px;
	visibility: hidden;
}

/*---------
  SERVICES 
-----------*/
div#services{
	margin-top:10px;
	position:relative;
	width:800px; 
	float:left;
	background:transparent url(../img/groupe-de-jazz-ligne2.jpg) repeat-y 0 0px;
	letter-spacing:0.1px;
}
div#services p{
	letter-spacing:0.1px;
}
div#services em{
	letter-spacing:0.1px;
}
div#services h3{
	text-align:center;
	display:block;width:180px;
	font-size:11px;
}
div#services em h3 {
	font-style:normal;
	font-size:11px;
}
div#services h2{
	text-align:center;
	display:block;
	width:798px;
	height:28px;
	background-color:#FFFFFF;
	margin-left:1px;
}


/*-----------
  BIOGRAPHIE 
-------------*/
div#biographie{
	margin-top:10px;
	position:relative;
	width:800px; 
	float:left;
	background:transparent url(../img/groupe-de-jazz-ligne2.jpg) repeat-y 0 0px;
}
div#biographie h2{
	text-align:center;
	display:block;
	height:28px;
	width:798px;
	margin-left:1px;
	background-color:#ffffff;
}
div#biographie h3{
	display:block;
	text-indent : -9999px;
	position:absolute;
}
p.size {
	font-size:15px;
}
p.size em{
	font-size:15px;
}
div#biographie blockquote{
	width:800px;
	float:left;
	padding-bottom:23px;
}
div#biographie img{
	margin-bottom:5px;
}
div#biographie p{
	letter-spacing:0.1px;
}
div#biographie em{
	font-size:11px;
	letter-spacing:0.1px;
}
div#biographie h2 em{
	font-size:12px;
}

/*-------
  FOOTER
---------*/
div#footer{
	position:relative;
	clear:both;	
	width:1017px;
	height:1px;	
	text-align:left;
	background-color:#666666;
	margin:0;
	padding:0;
}
div#footer address{
	display:block;
	height:40px;
	font-style:normal;
	background: url(../img/trio-jazz-band-tiret.gif) no-repeat 96px 26px;
}
div#legende{
	position:absolute;
	text-align:center;
	left:0px;
	bottom:1px;
	width:202px;
	background:#FFFFFF url(../img/trio-jazz-band-logoblack.jpg) no-repeat 28px 0;
	padding-top:145px;
	padding-bottom:20px;
}
.riofluo{
	font-style:normal;
	height:30px;
	background: url(../img/trio-jazz-band-tiret_rouge.gif) no-repeat 96px 22px;
}
div#legende h2{
	font-size:9px;
	text-indent : -9999px;
	display:block;
	position:absolute;
	margin:0;
	padding:0;
}
div#legende em{
	display:block;
}
div#legende ul em{
	display:inline;
}

/*-------
  FOOTER2
---------*/
div#footer2{
	position:relative;
	clear:both;	
	width:1017px;
	height:55px;	
	text-align:center;
	background-color:#FFFFFF;
	color: #666666;
	margin:0;
	padding:0;
}
div#footer2 a{
color:#666666;
letter-spacing:0;
text-decoration:underline;
}
div#footer2 a:link{
	font-style:normal;
	color:#666666;
	letter-spacing:0;
}
div#footer2 a:visited{
	font-style:normal;
	color:#666666;
	letter-spacing:0;
} 
div#footer2 a:hover{
	color:#999999;
	font-style:normal;
	letter-spacing:0;	
}
/*--------
  COLONNE
----------*/
.colone{
	width:180px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	letter-spacing:-0.5px;
	line-height:14px;
}
.colone0{
	width:180px;
	padding-left:10px;
	padding-right:10px;
}
.colone1{
	width:378px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	background-color:#ffffff;
	margin-left:2px;
}
.colone3{	
	width:400px;
	float:left;
	letter-spacing:0.1px;
}
.colone2{
	width:378px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	background-color:#ffffff;
	margin-left:2px;
}

/*-----------
  SEPARATION
-------------*/
.separation{
	float:left;
	display:block;
	width:800px;
	height:7px;
	background:transparent url(../img/orchestre-de-jazz-seapr.jpg) repeat-x 0 0;
	margin-top:15px;
	margin-bottom:10px;
}
.separation1{
	float:left;
	display:block;
	width:600px;
	height:7px;
	background:#ffffff url(../img/orchestre-de-jazz-seapr.jpg) repeat-x 0 0;
	padding-bottom:20px;
}
.biosepar{
	background:transparent url(../img/groupe-de-jazz-biosepar.jpg) no-repeat 1px bottom;
}

/*----------------------------
  LIGNES POINTILLEES SOUS IMG
------------------------------*/
.triple{
	padding-bottom:7px;
	background:transparent url(../img/groupe-jazz-paris-triple.jpg) no-repeat 0 bottom;
}
.triple1{
	padding-bottom:17px;
	background:transparent url(../img/groupe-jazz-paris-triple.jpg) no-repeat 0 bottom;
}
.triple3{
	background-color:#00CCCC;
	margin-top:20px;
	height:7px;
	background:transparent url(../img/groupe-jazz-paris-triple2.jpg) no-repeat 0 bottom;
}
.triple4{
	background-color:#00CCCC;
	height:7px;
	background:transparent url(../img/groupe-jazz-paris-triple2.jpg) no-repeat 0 bottom;
}



/*------
  DEVIS 
--------*/
div#devis{
	margin-top:10px;
	background-color:#ffffff;
	position:relative;
	width:809px; 
	float:left;
	padding-bottom:5px;
	margin-bottom:10px;
}

/*----------
 FORMULAIRE
------------*/
fieldset{
	float:left;
	display:block;
	border:0;
	margin:0;
	padding:0;
	width:390px;
	margin-bottom:15px;
}
label{
	display:block;
	float:left;
	text-align:right;
	width:146px;
	height:15px;
	margin:0px;
	padding:0px;
	border:0px;font-size:10px;
	letter-spacing:-0.3px;
}

input,select,textarea{
	font-size:11px;
	line-height:11px;
	margin:0px;
	padding:0px;
	border:0px;
	margin-left:15px;
	width:175px;
	float:left;
}

input,select{
	height:15px;
	float:left;
}
select{
	height:20px;
	width:177px;
}
textarea,select,input{
	border:1px dashed #CCCCCC ;
	margin-bottom:2px;
}
input[type=submit]{
	border:none;
	width:100px;
	height:20px;
	line-height:20px;
	padding-bottom:3px;
}

fieldset.red_border input{
	color:#E0001A;
	border:1px dashed #E0001A ;
}
fieldset.red_border select{
	color:#E0001A;
	border:1px dashed #E0001A ;
}
fieldset.red_border textarea{
	color:#E0001A;
	border:1px dashed #E0001A ;
}

div#devis h2{
	margin-left:10px;
	margin-bottom:4px;
}
div#devis h3{
	width:145px;
	text-align:right;
	margin-top:20px;
	font-size:10px;
	font-weight:bold;
	float:left;
	display:block;
	height:12px;
	margin-bottom:10px;
}
div#devis {
	background:transparent url(../img/groupe-de-jazz-dot_vertical.jpg) repeat-y 0 0px;
}
.red{
	color:#E0001A;
}
.formulaire{
	float:left;
	margin-left:10px;
	display:block;
	width:390px;
}
/*------
  NEWS 
--------*/
div#news{
	background:transparent url(../img/groupe-de-jazz-dot_vertical.jpg) repeat-y 0 0px;
	margin-top:10px;
	background-color:#ffffff;
	position:relative;
	width:809px; 
	float:left;
	padding-bottom:5px;
	margin-bottom:0px;
}
div#news h2{
	text-align:left;
	margin-left:10px;
	margin-bottom:4px;
}
div#news p{
	float:left;
	margin-left:10px;
	display:block;
	width:790px;
	margin-bottom:15px;
}