body{
	font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height:20px;
	letter-spacing:.1px;
	word-spacing:1px;
	margin:auto;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-size:14px;
	color: #cccccc;
	background:#000000;
	margin:0;padding:0px;
	min-height: 780px;
}

img{
	border:0px;
}

a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
	color:#ffffff;
	font-weight:bold;
}

#contenu_centre a{color:#ffffff;}


#pagesommaire{color:#ffffff;position:relative;height:auto;height:100%;width:900px;margin:auto;background:url('../vsl/fond.png') repeat top left;padding-bottom:200px;border-left:4px solid #000000;border-right:4px solid #000000;}

#pagesommaire #header{}

#pagesommaire #header .logo{width:200px;}

#pagesommaire #header  #haut{float:left;margin-left:18px;}

#pagesommaire #header  #haut #menuhaut ul { padding:0; margin: 0; list-style-type:none; }
#pagesommaire #header  #haut #menuhaut li { margin-right:2px; float:left;vertical-align:middle; /*pour IE*/ }
#pagesommaire #header  #haut #menuhaut ul li a { display:block; float:left;  font-size:10px;  width:133px; background-color:#ffffff; color:black;
		text-decoration:none; text-align:center;
		padding:5px; border-right:1px solid #ffffff; /*pour avoir un effet "outset" avec IE :*/ border-color:#DCDCDC #696969 #696969 #DCDCDC; }
#pagesommaire #header  #haut #menuhaut ul li a:hover { background-color:#D3D3D3; border-color:#696969 #DCDCDC #DCDCDC #696969;width:162px; }

#pagesommaire #header  #haut #diaporama {clear:both;}

#pagesommaire #centre{float:left;width:100%;margin-left:30px;}

#pagesommaire #centre #prog{margin-bottom:10px;}

#pagesommaire #centre  .titre{font-size:18px;font-weight:bold;color:#e2001a;}

#pagesommaire #centre #prog .titreaccordeon{color:#e2001a;font-size:16px;font-weight:bold;}
#pagesommaire #centre #prog .lienaccordeon{color:#000000;font-size:14px;font-weight:bold;}

#pagesommaire #centre #video {color:red;float:left;width:450px;height:300px;padding:10px;}
#pagesommaire #centre #video .videodiaporama {color:red;float:left;width:400px;margin-top:30px;text-align:center;}
.titre2{font-size:18px;color:#ffffff;font-weight:bold;clear:both;width:100%;margin-bottom:10px;}

#pagesommaire #centre #photo {color:red;float:left;width:350px;text-align:center;margin-left:0px;padding:0px;margin:0px;height:220px;}
#pagesommaire #centre #photo .diaporama {color:red;float:left;margin-top:42px;width:350px;text-align:center;padding:0px;margin-right:0px;}

#pagesommaire #centre #sociaux {color:red;float:right;width:150px;margin-left:20px;text-align:center;padding:10px;height:300px;}

#pagesommaire #centre #informationpratique{color:#ffffff;font-weight:bold;}
#pagesommaire #centre #informationpratique ul{list-style: none; margin: 0;  padding: 0;width: 100%;}
#pagesommaire #centre #informationpratique ul li{  float: left;  padding: 10px;  display: block;  margin-right: 0px;}
#pagesommaire #centre #informationpratique ul li a{  display: block;  overflow: hidden;  height: 90px;  width: 75px;}
#pagesommaire #centre #informationpratique #a1{}
#pagesommaire #centre #informationpratique ul li img{  position: absolute;}
#pagesommaire #centre #informationpratique ul li p{  margin: 0;  padding: 0;  width: 300px;  display: block;  margin-left:110px;}

#pagesommaire #centre_page{float:left;width:100%;margin-left:30px;background:url('../vsl/font-pratique.png') repeat-y;}

#pagesommaire #centre_page #prog{margin-bottom:10px;}

#pagesommaire #centre_page  .titre{font-size:18px;font-weight:bold;color:#e2001a;}

#pagesommaire #centre_page #prog .titreaccordeon{color:#e2001a;font-size:16px;font-weight:bold;}
#pagesommaire #centre_page #prog .lienaccordeon{color:#000000;font-size:14px;font-weight:bold;}

#pagesommaire #centre_page #video {color:red;float:left;width:450px;height:300px;padding:10px;}
#pagesommaire #centre_page #video .videodiaporama {color:red;float:left;width:400px;margin-top:30px;text-align:center;}
#pagesommaire #centre_page #photo {color:red;float:left;width:350px;text-align:center;margin-left:0px;padding:0px;margin:0px;height:220px;}
#pagesommaire #centre_page #photo .diaporama {color:red;float:left;margin-top:42px;width:350px;text-align:center;padding:0px;margin-right:0px;}
#pagesommaire #centre_page #sociaux {color:red;float:right;width:150px;margin-left:20px;text-align:center;padding:10px;height:300px;}
#pagesommaire #centre_page #informationpratique{color:#ffffff;font-weight:bold;}
#pagesommaire #centre_page #informationpratique ul{list-style: none; margin: 0;  padding: 0;width: 100%;}
#pagesommaire #centre_page #informationpratique ul li{  float: left;  padding: 10px;  display: block;  margin-right: 0px;}
#pagesommaire #centre_page #informationpratique ul li a{  display: block;  overflow: hidden;  height: 90px;  width: 75px;}
#pagesommaire #centre_page #informationpratique #a1{}
#pagesommaire #centre_page #informationpratique ul li img{  position: absolute;}
#pagesommaire #centre_page #informationpratique ul li p{  margin: 0;  padding: 0;  width: 300px;  display: block;  margin-left:110px;}







#pagesommaire .iconebas{text-align:center;float:left;padding:5px;}

#pagesommaire #guitare{position:absolute;bottom:80px;width:100%;background:url('../vsl/bas_page.png') no-repeat top;height:200px;}
#pagesommaire #footer{position:absolute;bottom:0px;padding:0px;width:902px;background:url('../vsl/bas_page.png') no-repeat top;height:325px;}
#pagesommaire #footer .menu{position:absolute;color:#ffffff;}
#pagesommaire #footer .menu a{color:#ffffff;}




#contenu_centre{width:670px;float:left;padding-left:10px;padding-right:10px;padding-top:10px;color:#ffffff;}
#actualites{text-align:left;padding:0px; margin:0px;}

#actualites{text-align:left;padding:15px;}

#actualites .toutesactus{background:#e2001a;padding:2px;margin-top:5px;}

	/* ------------------------------------------
/* Styles menu droite
/* ------------------------------------------ */
#menugauche {
	background:#000000;
	padding:5px;
	float:left;
	width:200px;
	text-align:left;
	margin:0;
	}
#menugauche ul{
	margin:0px;
	padding:0px;
}
#menugauche li{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	background:url(../vsl/pictomenu.png) no-repeat left center;
	margin-bottom:0px;
	margin-bottom:5px; padding-left:25px; list-style:none;
	}

#menugauche ul li a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}

#menugauche ul li a:hover{
	text-decoration:none;
	color:#ffffff;
	}
	


.diaporama1 {
	background:#000000;
	padding:5px;
	float:left;
	width:200px;
	text-align:left;
	}
.diaporama1 ul{
	margin:0px;
	padding:0px;
}
.diaporama1 li{
	list-style:none;
	margin:0;
	padding:0;
	font-size:12px;
	margin-bottom:0px;
	margin-bottom:5px; padding-left:0px; list-style:none;
	}

.diaporama1 ul li a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}

.diaporama1 ul li a:hover{
	text-decoration:none;
	color:#ffffff;
	}


	
	
/*#menugauche ul{	margin:0px;padding:0px;}
#menugauche li{	 }
#menugauche a{color:#ffffff;}
#menugauche .fontlien{width:180px;cursor:pointer;padding-left:25px;}*/

#actualites{
	text-align:left;
	padding:0px;
	margin:0px;
	font-size:12px;
	}

#actualites h3{
	font-size:18px;
	font-weight:bold;
	}

#reservez{
	margin: 5px;
	padding:5px;
	font-size:12px;
	font-color:#ffffff;
	}

#reservez a{
	text-decoration:none;
	font-weight:lighter;
	}