BODY {}

.ascenseur {
OVERFLOW: auto;
scrollbar-face-color: #FDF5E8;
scrollbar-highlight-color: #CEBDA6;
scrollbar-shadow-color: #FDF5E8;
scrollbar-arrow-color: #FF9900;
scrollbar-base-color: #CEBDA6;
scrollbar-darkshadow-color: #CEBDA6;
scrollbar-3dlight-color: #FDF5E8;
scrollbar-track-color: #FDF5E8;
}
.ascenseur2 {
	background-image: url(images/site/test/fond-nuage-bam-5.jpg);
OVERFLOW: auto;
scrollbar-face-color: #FDF5E8;
scrollbar-highlight-color: #CEBDA6;
scrollbar-shadow-color: #FDF5E8;
scrollbar-arrow-color: #FF9900;
scrollbar-base-color: #CEBDA6;
scrollbar-darkshadow-color: #CEBDA6;
scrollbar-3dlight-color: #FDF5E8;
scrollbar-track-color: #FDF5E8;
}


.anthologietexte {
	position: absolute;
	height: 292px;
	width: 430px;
	left: 360px;
	top: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
    z-index: 2;

}

.atmostexte {
	position: absolute;
	height: 292px;
	width: 445px;
	left: 13px;
	top: 40px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
    z-index: 2;
}

.aurore {
	position: absolute;
	height: 50px;
	width: 720px;
	left: 0px;
	top: 380px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.aurorejap {
	position: absolute;
	align: left;
	height: 50px;
	width: 300px;
	left: 300px;
	top: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.bandeau1 {
	background-image: url(images/site/bandeau10.jpg);
	position: absolute;
	height: 148px;
	width: 832px;
	top: -20px;
	left: -10px;

}

.bandeau2 {
	background-image: url(images/site/test/bandeau14.gif);
	position: absolute;
	height: 148px;
	width: 832px;
	top: -20px;
	left: -10px;

}

.bandeautexte {
    border-top-width: 0px;
	width: 500px;
	left: 340px;
	top: 90px;
	height: 40px;
	position: absolute;
}

.bandeautexte2 {
    border-top-width: 0px;
	width: 600px;
	left: 200px;
	top: 100px;
	height: 40px;
	position: absolute;
}

.barbara {
	position: relative;
	height: 116px;
	width: 760px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.barbaratexte {
	position: absolute;
	height: 292px;
	width: 445px;
	left: 13px;
	top: 73px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
    z-index: 2;
}
.calendriertop {
	position: relative;
	height: 30px;
	width: 760px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.calendrier {
	position: relative;
	height: 50px;
	width: 760px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.calendrier2 {
    background-color: #FFFAF2;
	position: relative;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.calendrier3 {
	position: relative;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #CC0000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	vertical-align: middle;
}

.cal1 {
	position: absolute;
	height: 50px;
	width: 250px;
	left: 0px;
	top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #CC0000;
	border-top-style: none;
	border-right-style: solid;
	border-right-color: #CC0000;
}
.cal2 {
	position: absolute;
	height: 50px;
	width: 185px;
	left: 250px;
	top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #FF9900;
	border-top-style: none;
	border-right-style: none;
}
.cal3 {
	position: absolute;
	height: 50px;
	width: 330px;
	left: 445px;
	top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


.cal1a {
	position: absolute;
	height: 30px;
	width: 250px;
	left: 0px;
	top: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	padding-left: 10px;
}
.cal2a {
	position: absolute;
	height: 30px;
	width: 185px;
	left: 250px;
	top: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FF6600;
	padding-left: 10px;

}
.cal3a {
	position: absolute;
	height: 30px;
	width: 330px;
	left: 445px;
	top: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
}

.frame {
    background-color: #FDF5E8;
	height: 400px;
	width: 800px;
	top: 0px;
    OVERFLOW: auto;
}

.fond {
	background-color: #FCEEDC;
	border: none;
	position: absolute;
	height: 500px;
	margin-top: -265px;
	margin-left: -400px;
	left: 50%;
	top: 50%;
	width: 800px;
}

.fond2 {
	border: none;
	position: absolute;
	height: 500px;
	margin-top: -265px;
	margin-left: -400px;
	left: 50%;
	top: 50%;
	width: 800px;
}

.infosCD2 {
	background-color: #660000;
	position: absolute;
	align: right;
	height: 150px;
	width: 150px;
	top: -20px;
	left: 530px;
	z-index: 5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #660000;
	border-right-color: #660000;
	border-bottom-color: #660000;
	border-left-color: #660000;
}

.infosCD {
	position: absolute;
	align: right;
	height: 177x;
	width: 200px;
	top: -20px;
	left: 530px;
	z-index: 4;	
}

.infosCD3 {
	position: absolute;
	align: right;
	height: 10px;
	width: 110px;
	top: 260px;
	left: 320px;
	z-index: 5;
	
}

.infostexte {
	position: relative;
	height: 70px;
	width: 800px;
	left: 0px;
	top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.infostexte2 {
	position: relative;
	height: 70px;
	width: 800px;
	left: 0px;
	top: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: middle;
}

.infosnews {
	position: relative;
	height: 50px;
	width: 701px;
	left: 70px;
	top: 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
}

.invisible {
	color: #FCEEDC;
}
.liens {
	position: absolute;
	height: 25px;
	width: 800px;
	top: 116px;
}
.liaccueil {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 20px;
	top: 0px;
	text-align: left;
}
.lispectacles {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 100px;
	top: 0px;
}


.lispectaclesjap {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 200px;
	top: 0px;
}
.liphotos {
	position: absolute;
	height: 25px;
	width: 80px;
	left: 306px;
	top: 0px;
}
.livideos {
	position: absolute;
	height: 25px;
	width: 80px;
	left: 390px;
	top: 0px;
}

.licalendrierjap {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 340px;
	top: 0px;
}

.liinfos {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 555px;
	top: 0px;
}
.lipresse {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 470px;
	top: 0px;
}
.licalendrier {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 220px;
	top: 0px;
}
.lifrance {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 770px;
	top: 0px;
}
.licontact {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 604px;
	top: 0px;
}
.liliens {
	position: absolute;
	height: 25px;
	width: 100px;
	left: 688px;
	top: 0px;
}
.notesbarbara {
	position: absolute;
	height: 200px;
	width: 350px;
	left: 414px;
	top: 10px;
}
.notesamour {
	position: absolute;
	height: 200px;
	width: 350px;
	left: 400px;
	top: 10px;
}
.notesbarbarajap {
	position: absolute;
	height: 600px;
	width: 500px;
	left: 320px;
	top: 30px;
}
.notesalome {
	position: absolute;
	height: 100px;
	width: 200px;
	left: 580px;
	top: 20px;
}
.notesbruni {
	position: absolute;
	height: 100px;
	width: 300px;
	left: 420px;
	top: 320px;
}
.page {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;

}
.page2 {
	position: absolute;
	height: 400px;
	width: 500px;
	top: 130px;
    left: 250px;
}
.pageamour {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/amour.jpg);
}

.pagenchanteuses {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/enchanteuses.jpg);
}


.pagepizodes {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/epizodes.jpg);
}

.pageatmospheres {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/fond-atmospheres.jpg);
}

.pageantho {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
}
.pagebarbara {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/fond-barbara.jpg);

}

.pagebucol {
	background-color: #FDF5E8;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
}
.pagesalome {
	background-color: #FDF5E8;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/fond-salome2.jpg);
}

.pagespectacles {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	left: 40px;
	background-image: url(images/site/fond-spectacle1.jpg);	
}
.pagevideos {
	background-color: #FCEEDC;
	position: absolute;
	height: 400px;
	width: 800px;
	top: 130px;
	background-image: url(images/site/fond-spectacle1.jpg);

}

.photoaccueil {
	background-color: #FCEEDC;
	background-image: url(images/site/chanson-francaise4.jpg);
	position: absolute;	
	width: 256px;
	height: 357px;
	left: 526px;
	top: 22px;
}
.photoaccueil2 {
	background-image: url(images/site/test/chanson-francaise11.gif);
	position: absolute;	
	width: 256px;
	height: 357px;
	left: -250px;
	top: 22px;
}

.photoaccueiljap {
	background-color: #FDF5E8;
	background-image: url(images/site/mariedepizon7.jpg);
	position: absolute;	
	width: 290px;
	height: 357px;
	left: 450px;
	top: 30px;
}

.photoanthologie {
	background-color: #FCEEDC;
	background-image: url(images/site/marie_epizon.jpg);
	position: absolute;
	width: 325px;
	height: 400px;
	left: 25px;
	top: 0px;
}
.photobucol {
	background-color: #FDF5E8;
	background-image: url(images/site/marie-jeanse1a.jpg);
	position: absolute;
	height: 360px;
	width: 470px;
	left: 330px;
	top: 30px;
	z-index: 1;
}
.piano {
	position: absolute;
	height: 20px;
	width: 508px;
	left: 23px;
	top: 365px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
.pochette {
	background-color: #660000;
	position: absolute;
	align: right;
	height: 200px;
	width: 200px;
	left: 215px;
	top: 80px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 25px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #660000;
	border-right-color: #660000;
	border-bottom-color: #660000;
	border-left-color: #660000;
	color: #CC0000;
}

.spectacles {
	position: relative;
	height: 44px;
	width: 760px;
	left: -10px;
	top: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	padding-left: 10px;
	vertical-align: top;
}
.spectacletexte {
	position: absolute;
	height: 292px;
	width: 445px;
	left: 13px;
	top: 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
    z-index: 2;
}

.synopsis {
	position: absolute;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
.synopsisjap {
	position: absolute;
	height: 50px;
	width: 800px;
	left: 0px;
	top: 33px;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	color: #FF6600;
	text-decoration: none;
	font-family: "MS Gothic";
}

.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC3300;
	font-style: italic;
	text-indent: 50pt;
}
.videos {
    height: 50px;
	width: 800px;
	left: 0px;
	top: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CC3300;
	text-indent: 50pt;
}


a.videoslien:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;

}
a.videoslien:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;

}
a.videoslien:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;

}
a.videoslien:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CC3300;
	text-decoration: underline;
}