@charset "utf-8";
/* CSS Document */
.accueil{
	background-image:url(../graf/fond-spectacles.jpg);
	background-repeat:repeat;
}

/*///// POUR LA PAGE VIDEOS //////*/


#col_unique{
	position:relative;
	float:left;
	margin-left:77px;
	margin-top:30px;
	width:796px;
	margin-bottom:100px;
	/*background-color:#C96*/
	/*rose orange*/
}
#vign-et-leg{
	position:relative;
	float:left;
	margin-left:0px;
	margin-right:23px;
	margin-bottom:18px;
	width:250px;
}
#vign-et-leg3{
	position:relative;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:18px;
	width:250px;
}
.legende{
	text-align:left;
	font-size:10px;
	margin-top:8px;
	line-height:12px;
}

.retour{
	position:absolute;
	top:90px;
	left:716px;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	/*heigt:20px;
	width:157px;
	background-color:#9C6;*/
	z-index:1;
}
a.retour:link{
	color:#1387cf;	/*background-image:url(video/graf/retour-off.gif);
	background-repeat:no-repeat;*/
}
a.retour:visited{
	color:#1387cf;	/*background-image:url(video/graf/retour-off.gif);
	background-repeat:no-repeat;*/
}
a.retour:hover{
	color:#FFF;
	background-color:#1387cf;
	text-decoration:none;	/*background-image:url(video/graf/retour-on.gif);
	background-repeat:no-repeat;*/
}
/*///// FIN PAGE VIDEOS //////*/
#video{
	position: absolute;
	top:100px;
	left: 50%;
	margin-left:-320px;
	width:640px;
	height:360px;
	background-color:#ffffff;
}
#video-noir-800{
	position: absolute;
	top:100px;
	left: 50%;
	/*margin-left:-270px;
	width:540px;
	height:432px;*/
	margin-left:-400px;
	width:800px;
	height:450px;
	background-color:#000000;
}
#video-noir{
	position: absolute;
	top:100px;
	left: 50%;
	/*margin-left:-270px;
	width:540px;
	height:432px;*/
	margin-left:-320px;
	width:640px;
	height:512px;
	background-color:#000000;
}
#video-cantate{
	position: absolute;
	top: 100px;
	left: 50%;
	/*margin-left:-270px;
	width:540px;
	height:432px;*/
	margin-left: -325px;
	width: 800px;
	height: 500px;
	background-color: #000000;
}
#retour{
	position: absolute;
	top:470px;
}
.video{
	width:500px;
	height:200px;
}
audio{
	width:200px;
	height:15px;
	Margin-top:5px;
}

.peko{
position:absolute;
top:-205px;
left:-75px;
}
#pave-txtimg{
	position:relative;
	float:left;
	width:588px;
}
#img-txt{
	position:relative;
	width:240px;
	float:left;
}
#txt-img{
	position:relative;
	width:330px;
	margin-left:18px;
	float:left;
}
#generique{
	position:relative;
	float:left;
	width:588px;
	margin-top:20px;
}
#bloc-presse{
	position:relative;
	float:left;
	width:588px;
	margin-top:20px;
}
#pdf{
	position:relative;
	float:left;
	margin-top:10px;
}
#img-pdf{
	float:left;
}
#txt-pdf{
	width:563px;
	margin-left:9px;
	float:left;
}
#presse{
	position:relative;
	float:left;
	margin-top:20px;
}
#menu-droit{
	position:relative;
	width:205px;
	margin-top:0px;
	margin-bottom:30px;
	/*background-color:#999999;*/
}

#details2{
	position:relative;
	width:205px;
	margin-top:30px;
	/*background-color:#333333;*/
}

#audio{
	position:relative;
	width:205px;
	margin-top:20px;
	/*background-color:#333333;*/
}


#diapo{
	position:relative;
	width:205px;
	margin-top:20px;
	height:250px;
	/*background-color:#333333;*/
}
.grasclr{
	font-weight:bold;
	color:#1387cf;
}

.f9spect{
font-size:9px;
color:#1387cf;
}

.f-accueil{
	background-color:#1387cf;
	color:#FFFFFF;
}

/*/////////////////////////////
////////  LIENS  /////////////
/////////////////////////////
*/
.menu-droit{
	text-align:left;
	font-size:16px;
	line-height:21px;
}
a.menu-droit:link{
	text-decoration:none;
	color:#000000;
}
a.menu-droit:visited{
	text-decoration:none;
	color:#000000;
}
a.menu-droit:hover{
	text-decoration:none;
	color:#ffffff;
	background-color: #1387cf;
	
}
.menu-droit-on{
	text-align:left;
	font-size:16px;
	line-height:21px;
	background-color: #1387cf;
}
a.menu-droit-on:link{
	text-decoration:none;
	color:#ffffff;
}
a.menu-droit-on:visited{
	text-decoration:none;
	color:#ffffff;
}
a.menu-droit-on:hover{
	text-decoration:none;
	color:#ffffff;
}

.savoir{
	color:#1387cf;
	font-size:11px;
	font-style:italic;
}

a.savoir:link{
	text-decoration:none;
	color:#1387cf;
}
a.savoir:visited{
	text-decoration:none;
	color:#1387cf;
}
a.savoir:hover{
	text-decoration:underline;
	color:#1387cf;
}

/*.pages_vign {
	display:block;
	position: absolute;
	top:0px;	
	left:0px;
	height:210px;
	width:205px;
}
a.pages_vign:link {
	background-image:url(../graf/pages-rep.gif);
	background-repeat: no-repeat;
}
a.pages_vign:visited {
	background-image:url(../graf/pages-rep.gif);
	background-repeat: no-repeat;
}
a.pages_vign:hover {
	background-image:url(../graf/pages-rep.gif);
	background-repeat: no-repeat;
}
*/
/*.pages_vign {
	display:block;
	position: absolute;
	top:40px;	
	left:0px;
	height:210px;
	width:205px;
}
a.pages_vign:link {
	background-image:url(extravague/photos/Anne-spect.jpg);
	background-repeat: no-repeat;
}
a.pages_vign:visited {
	background-image:url(extravague/photos/Anne-spect.jpg);
	background-repeat: no-repeat;
}
a.pages_vign:hover {
	background-image:url(extravague/photos/Anne-spect.jpg);
	background-repeat: no-repeat;
}
*/
.pages_vign {
	display:block;
	position: absolute;
	top:30px;	
	left:0px;
	height:136px;
	width:205px;
}
a.pages_vign:link {
	background-image:url(extravague/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}
a.pages_vign:visited {
	background-image:url(extravague/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}
a.pages_vign:hover {
	background-image:url(extravague/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}

.pages_vign4 {
	display:block;
	position: absolute;
	top:30px;	
	left:0px;
	height:172px;
	width:205px;
}
a.pages_vign4:link {
	background-image:url(barbara/photos/122-205px.jpg);
	background-repeat: no-repeat;
}
a.pages_vign4:visited {
	background-image:url(barbara/photos/122-205px.jpg);
	background-repeat: no-repeat;
}
a.pages_vign4:hover {
	background-image:url(barbara/photos/122-205px.jpg);
	background-repeat: no-repeat;
}


.pages_vign2 {
	display:block;
	position: absolute;
	/*top:470px;	*/
	top:40px;	
	left:0px;
	height:210px;
	width:205px;
}
a.pages_vign2:link {
	background-image:url(amsterdam/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}
a.pages_vign2:visited {
	background-image:url(amsterdam/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}
a.pages_vign2:hover {
	background-image:url(amsterdam/photos/anne-diapo.jpg);
	background-repeat: no-repeat;
}

.pages_vign3 {
	display:block;
	position: absolute;
	/*top:470px;	*/
	top:40px;	
	left:0px;
	height:210px;
	width:205px;
}
a.pages_vign3:link {
	background-image:url(piaf/photos/anne-spect.jpg);
	background-repeat: no-repeat;
}
a.pages_vign3:visited {
	background-image:url(piaf/photos/anne-spect.jpg);
	background-repeat: no-repeat;
}
a.pages_vign3:hover {
	background-image:url(piaf/photos/anne-spect.jpg);
	background-repeat: no-repeat;
}

/*/////////////////////
/////  MENU  /////////
/////////////////////*/
.spect {
	display:block;
	position: absolute;
	/*top:155px;*/
	top:150px;	
	left:38px;
	height:39px;
	width:139px;
}
a.spect:link {
	background-image:url(graf/menu-off/spect-off.gif);
	background-repeat: no-repeat;
}
a.spect:visited {
	background-image:url(graf/menu-off/spect-off.gif);
	background-repeat: no-repeat;
}
a.spect:hover {
	background-image:url(menu/spect-on.gif);
	background-repeat: no-repeat;
}

.actu {
	display:block;
	position: absolute;
	top:155px;	
	left:236px;
	height:53px;
	width:131px;
}
a.actu:link {
	background-image:url(graf/menu-off/actu-off.gif);
	background-repeat: no-repeat;
}
a.actu:visited {
	background-image:url(graf/menu-off/actu-off.gif);
	background-repeat: no-repeat;
}
a.actu:hover {
	background-image:url(menu/actu-on.gif);
	background-repeat: no-repeat;
}
.disco {
	display:block;
	position: absolute;
	/*top:194px;*/	
	top:189px;	
	left:0px;
	height:54px;
	width:164px;
}
a.disco:link {
	background-image:url(graf/menu-off/disco-off.gif);
	background-repeat: no-repeat;
}
a.disco:visited {
	background-image:url(graf/menu-off/disco-off.gif);
	background-repeat: no-repeat;
}
a.disco:hover {
	background-image:url(menu/disco-on.gif);
	background-repeat: no-repeat;
}
.bio {
	display:block;
	position: absolute;
	top:208px;	
	left:164px;
	height:40px;
	width:150px;
}
a.bio:link {
	background-image:url(graf/menu-off/bio-off.gif);
	background-repeat: no-repeat;
}
a.bio:visited {
	background-image:url(graf/menu-off/bio-off.gif);
	background-repeat: no-repeat;
}
a.bio:hover {
	background-image:url(menu/bio-on.gif);
	background-repeat: no-repeat;
}
.pres {
	display:block;
	position: absolute;
	top:208px;	
	left:314px;
	height:40px;
	width:99px;
}
a.pres:link {
	background-image:url(graf/menu-off/pres-off.gif);
	background-repeat: no-repeat;
}
a.pres:visited {
	background-image:url(graf/menu-off/pres-off.gif);
	background-repeat: no-repeat;
}
a.pres:hover {
	background-image:url(menu/pres-on.gif);
	background-repeat: no-repeat;
}

.pele {
	display:block;
	position: absolute;
	/*top:248px;*/	
	top:243px;	
	left:38px;
	height:37px;
	width:126px;
}
a.pele:link {
	background-image:url(graf/menu-off/pele-off.gif);
	background-repeat: no-repeat;
}
a.pele:visited {
	background-image:url(graf/menu-off/pele-off.gif);
	background-repeat: no-repeat;
}
a.pele:hover {
	background-image:url(menu/pele-on.gif);
	background-repeat: no-repeat;
}

.at {
	display:block;
	position: absolute;
	top:248px;	
	left:164px;
	height:65px;
	width:239px;
}
a.at:link {
	background-image:url(graf/menu-off/at-off.gif);
	background-repeat: no-repeat;
}
a.at:visited {
	background-image:url(graf/menu-off/at-off.gif);
	background-repeat: no-repeat;
}
a.at:hover {
	background-image:url(menu/at-on.gif);
	background-repeat: no-repeat;
}

.cont {
	display:block;
	position: absolute;
	/*top:285px;*/	
	top:280px;	
	/*left:12px;*/
	/*left:15px;*/
	left:0px;
	/*height:28px;*/
	height:33px;
	width:164px;
}
a.cont:link {
	background-image:url(graf/menu-off/cont-off.gif);
	background-repeat: no-repeat;
}
a.cont:visited {
	background-image:url(graf/menu-off/cont-off.gif);
	background-repeat: no-repeat;
}
a.cont:hover {
	background-image:url(menu/cont-on.gif);
	background-repeat: no-repeat;
}