@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
} 

html {
  overflow-y: scroll;
}

img {
	padding:0;
	margin:0;
	border:none;
}

p {
	margin: 0 0 7px 0;
}

li {
	margin: 0 0 5px 0;
	list-style-type:none;
}
h1 {
	font-family:"Times New Roman", Times, serif;
	color:#1d95c9;
	font-size:20px;
	font-weight:normal;
	margin: 0 0 10px 0;
}
h2 {
	font-family:"Times New Roman", Times, serif;
	color:#65A4B5;
	font-size:16px;
	padding: 5px 0 0 0;
	display:block;
	border-top:thin dotted #65A4B5;
	font-weight:normal;
	margin: 15px 0 5px 0;
	
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:11px;
	font-weight:bold;
	margin: 10px 0 2px 0;
	
}

body {
	background-image:url('../images/image_fond.jpg');
	background-repeat:repeat-y;
	font-size:11px;
}

#background {
	margin: 0 auto 0 auto;
	width:805px;
	background-color:#000;
}

#ContenuSite {
	margin: 75px auto 0 auto;
	width: 805px;
	background-color:#000;
}

#bandeau {
	width:610px;
	height:155px;
	background-image:url('../images/bandeau.jpg');
	padding: 76px 0 0 195px;
}

#colonne_gauche {
	display:block;
	float:left;
	width:170px;
	max-width:200px;
	padding: 0 0 0 30px;
	list-style:none;
	list-style-position:outside;
}
#colonne_gauche a {
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	color:#1d95c9;
	list-style:none;
	margin: 10px 0 0 0;
	text-decoration:none;
	list-style-position:inside;
}

#colonne_gauche a:hover {
	color:#0a506f;
}


#colonne_centrale {
	display:block;
	float:left;
	width:385px;
	max-width:385px;
	margin: 10px 0 20px 0;
	min-height:250px;
	padding-right: 20px;
	text-align:justify;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	line-height:15px;
	font-weight:normal;
	list-style-position:outside;
}

#colonne_centrale a {
	color:#CCC;
}

#colonne_centrale a:hover {
	color:#1d95c9;
}

#offre li {
	margin:0 0 0 15px;
	list-style-position:inside;
	list-style-type:none;
	color:#999;
}

#colonne_droite {
	display:block;
	float:left;
	width:200px;
}

#bas_de_page {
	width: 745px;
	margin: 10px auto 75px auto;
	padding: 10px 0 10px 0;
	font-size:12px;
	border-top:#1d95c9 thin dotted;
	clear:both;
	text-align:center;
	letter-spacing:1px;
	color:#CCC;
}

#bas_de_page a { 
	color:#CCC;
}

#bas_de_page a:hover { 
	color:#1d95c9;
}

#photo img {
	/*margin-left:24px;*/
	margin-bottom:10px;
}

#TrioMJK_musiciens h3 {
	font-style: italic;
	font-size:12px;
}

#TrioMJK_musiciens p {
	font-size:10px;
}

.jacques_titre {
	color:#FFF;
	font-size:36px;
	font-weight:normal;
	letter-spacing:5px;
}

.violoniste_titre {
	color:#1d95c9;
	font-size:60px;
	font-style:italic;
	letter-spacing:6px;
}

.bleu {
	color:#1d95c9;
}

.gris {
	color:#999;
}

.img_droit {
	float:right;
	margin:10px;
}

.video_name {
	font-size:13px;
}

.video_name a{
	text-decoration:none;
}

li.video_time {
	cursor:pointer;
    color:#1d95c9;
	font-size:12px;
}

li.video_time:hover {
	text-decoration:underline;
}