/* règles CSS du site dsign_cuisine.ch

Autheur: 				Johan Noverraz
Date-création:			15 novembre 06
Dernière-modification:	08 décembre 06

 */

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.site {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -498px;
	margin-top: -319px;
	padding: 0;
	width: 996px;
	height: 638px;
}
.pageAccueil {
	background: transparent url(images/bg_accueil.jpg) top left no-repeat;
}
.pageSpectacle {
	background: transparent url(images/bg_spectacle.jpg) top left no-repeat;
}
.pageCalendrier {
	background: transparent url(images/bg_calendrier.jpg) top left no-repeat;
}
.pageFlashBack {
	background: transparent url(images/bg_flash_back.jpg) top left no-repeat;
}
.pageGalerie {
	background: transparent url(images/bg_galerie.jpg) top left no-repeat;
}
.pagePresse {
	background: transparent url(images/bg_presse.jpg) top left no-repeat;
}
.pageLiens {
	background: transparent url(images/bg_liens.jpg) top left no-repeat;
}
.pageContact {
	background: transparent url(images/bg_contact.jpg) top left no-repeat;
}

#lienEnter {
	display: block;
	position: absolute;
	top: 43px;
	left: 48px;
	width: 898px;
	height: 555px;
}

/* Règles de la page spectacle */
p#pSpectacle {
	position: absolute;
	top: 100px;
	left: 237px;
	width: 385px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
p#pEquipe {
	position: absolute;
	top: 137px;
	left: 665px;
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
p#pCitation {
	position: absolute;
	top: 467px;
	left: 450px;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
p#pCitation span#signature {
	display: block;
	text-align: right;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 11px;
	color: #ffffff;
}

p#pCalendrier {
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
p#pCalendrier .titrePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 16px;
	font-weight: bold;
}

p#pPresse {
	width: 391px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 15px;
}
p#pPresse .titrePage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 16px;
	font-weight: bold;
}
a.classicLink {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
a.classicLink:hover {
	text-decoration: underline;
}

p#pLiens {
	position: absolute;
	top: 168px;
	left: 283px;
	width: 444px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
}
p#pLiens a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	overflow: auto;
	font-weight: bold;
	text-decoration: none;
}
p#pLiens a:hover {
	text-decoration: underline;
}

span.cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
}

/* Règles du menu */
ul#menu {
	position: absolute;
	top: 116px;
	left: 67px;
	height: 204px;
	width: 153px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: transparent url(images/menu.gif) top left no-repeat;
}

#menu li a:hover {
	background: transparent url(images/menu.gif) top left no-repeat;
}

#menu li a#lien1_actif, #menu li a#lien2_actif, #menu li a#lien3_actif, #menu li a#lien4_actif, #menu li a#lien5_actif, #menu li a#lien6_actif, #menu li a#lien7_actif, #menu li a#lien8_actif {
	background: transparent url(images/menu.gif) top left no-repeat;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
	width: 153px;
	
}

#menu li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 153px;
	text-decoration: none;
}

#menu li a#lien1 {
	height: 25px;
}
#menu li a#lien1:hover {
	background-position: 0% -204px;
}
#menu li a#lien1_actif {
	height: 25px;
	background-position: 0% -408px;
}
#menu li a#lien2 {
	height: 26px;
}
#menu li a#lien2_actif {
	height: 26px;
	background-position: 0% -433px;
}
#menu li a#lien2:hover {
	background-position: 0% -229px;
}

#menu li a#lien3 {
	height: 25px;
}
#menu li a#lien3:hover {
	background-position: 0% -255px;
}
#menu li a#lien3_actif {
	height: 25px;
	background-position: 0% -459px;
}
#menu li a#lien4 {
	height: 26px;
}
#menu li a#lien4:hover {
	background-position: 0% -280px;
}
#menu li a#lien4_actif {
	height: 26px;
	background-position: 0% -484px;
}
#menu li a#lien5 {
	height: 26px;
}
#menu li a#lien5:hover {
	background-position: 0% -306px;
}
#menu li a#lien5_actif {
	height: 26px;
	background-position: 0% -510px;
}
#menu li a#lien6 {
	height: 25px;
}
#menu li a#lien6:hover {
	background-position: 0% -332px;
}
#menu li a#lien6_actif {
	height: 25px;
	background-position: 0% -536px;
}
#menu li a#lien7 {
	height: 20px;
}
#menu li a#lien7:hover {
	background-position: 0% -357px;
}
#menu li a#lien7_actif {
	height: 20px;
	background-position: 0% -561px;
}
#menu li a#lien8 {
	height: 31px;
}
#menu li a#lien8:hover {
	background-position: 0% -377px;
}
#menu li a#lien8_actif {
	height: 31px;
	background-position: 0% -581px;
}

/* règle d'affichage de la galerie */
ul#galerie {
	width: 145px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
#galerie li.portrait {
	margin: 0 0 10px 22px;
	padding: 4px 0 0 5px;
	width: 98px;
	height: 138px;
	background: transparent url(images/bg_preview_portrait.gif) top left no-repeat;
}
#galerie li.portrait a {
	display: block;
	margin: 0;
	padding: 0;
	width: 94px;
	height: 133px;
	text-decoration: none;
}

#galerie li.paysage {
	margin: 0 0 10px 0;
	padding: 4px 0 0 5px;
	width: 137px;
	height: 97px;
	background: transparent url(images/bg_preview_paysage.gif) top left no-repeat;
}
#galerie li.paysage a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 133px;
	height: 94px;
	text-decoration: none;
}
#galerie li.paysage a span.infoVideo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	margin: 0;
	padding: 8px;
	width: 117px;
	height: 78px;
	text-decoration: none;
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 15px;
	text-align: left;
}
#galerie li.paysage a:hover span.infoVideo {
	display: block;
}

#galerie li.carre {
	margin: 0 0 10px 22px;
	padding: 3px 0 0 4px;
	width: 97px;
	height: 99px;
	background: transparent url(images/bg_preview_carre.gif) top left no-repeat;
}
#galerie li.carre a {
	display: block;
	margin: 0;
	padding: 0;
	width: 94px;
	height: 94px;
	text-decoration: none;
}


#galerie li a img {
	margin: 0;
	padding: 0;
	border: 0;
}



div#imgHD_portrait {
	position: absolute;
	display: none;
	top: 77px;
	left: 507px;
	height: 482px;
	width: 331px;
	margin: 0;
	padding: 23px 0 0 20px;
}
div#imgHD_portrait a.close {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 314px;
	height: 443px;
	text-decoration: none;
}
div#imgHD_portrait a.download {
	display: block;
	margin: 8px 0 0 66px;
	padding: 0;
	width: 79px;
	height: 20px;
	border: 0;
	text-decoration: none;
	background: transparent url(images/download_button.gif) top left no-repeat;
}
div#imgHD_portrait div.copyright {
	position: absolute;
	top: 485px;
	left: 208px;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	text-align: right;
}

div#imgHD_paysage {
	position: absolute;
	display: none;
	top: 140px;
	left: 442px;
	height: 350px;
	width: 466px;
	margin: 0;
	padding: 20px 0 0 19px;
}
div#imgHD_paysage a.close {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 443px;
	height: 314px;
	text-decoration: none;
}
div#imgHD_paysage a.download {
	display: block;
	margin: 5px 0 0 59px;
	padding: 0;
	width: 79px;
	height: 20px;
	border: 0;
	text-decoration: none;
	background: transparent url(images/download_button.gif) top left no-repeat;
}
div#imgHD_paysage div.copyright {
	position: absolute;
	top: 346px;
	left: 335px;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	text-align: right;
}

div#imgHD_carre{
	position: absolute;
	display: none;
	top: 97px;
	left: 467px;
	height: 437px;
	width: 410px;
	margin: 0;
	padding: 24px 0 0 22px;
}
div#imgHD_carre a.close {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 395px;
	height: 395px;
	text-decoration: none;
}
div#imgHD_carre a.download {
	display: block;
	margin: 11px 0 0 72px;
	padding: 0;
	width: 79px;
	height: 20px;
	border: 0;
	text-decoration: none;
	background: transparent url(images/download_button.gif) top left no-repeat;
}
div#imgHD_carre div.copyright {
	position: absolute;
	top: 435px;
	left: 290px;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	text-align: right;
}

div#imgHD_seize_neuvieme{
	position: absolute;
	display: none;
	top: 195px;
	left: 435px;
	height: 295px;
	width: 466px;
	margin: 0;
	padding: 20px 0 0 12px;
}
div#imgHD_seize_neuvieme a.close {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 443px;
	height: 249px;
	text-decoration: none;
}
div#imgHD_seize_neuvieme a.download {
	display: block;
	margin: 0 0 0 66px;
	padding: 0;
	width: 79px;
	height: 20px;
	border: 0;
	text-decoration: none;
	background: transparent url(images/download_button.gif) top left no-repeat;
}
div#imgHD_seize_neuvieme div.copyright {
	position: absolute;
	top: 278px;
	left: 330px;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 14px;
	text-align: right;
}



a.download:hover {
	text-decoration: none;
	border: 0;
}

div#imgHD_portrait a img, div#imgHD_paysage a img, div#imgHD_carre a img {
	margin: 0;
	padding: 0;
	border: 0;
}

div#postit {
	position: absolute;
	top: 113px;
	left: 300px;
	margin: 0;
	padding: 0;
	width: 373px;
	height: 357px;
}

div#postitLiens {
	position: absolute;
	top: 313px;
	left: 557px;
	margin: 0;
	padding: 0;
	width: 114px;
	height: 107px;
	cursor: default;
}

div#postitLiens area {
	cursor: default;
}

div#lienTroglodytes {
	position: absolute;
	top: 420px;
	left: 508px;
	margin: 0;
	padding: 0;
	width: 141px;
	height: 61px;
}

img#postitLiens1 {
	display: block;
}

img#postitLiens2 {
	display: none;
}

/* règles ascenseur galerie */
div.scrollholder{
    position: absolute;
    overflow: auto;
    z-index: 1;
}
div#scrollholderGalerie{
	top: 84px;
	left: 230px;
    width: 167px;
	height: 461px;
	margin: 0;
	padding: 0;
}
div#scrollholderCalendrier{
	top: 178px;
	left: 283px;
    width: 309px;
	height: 379px;
}
div#scrollholderPresse{
	top: 103px;
	left: 251px;
    width: 391px;
	height: 399px;
}
div.scroll{
    position: absolute;
    left: 0; top: 0;
    z-index: 2;
}
div#scrollGalerie{
	width: 164px;
	margin: 0;
	padding: 0;
}
div#scrollCalendrier{
	width: 309px;
}
div#scrollPresse{
	width: 309px;
}
/* <Scroll> */
div.track{
    position: relative;
    float:right;
    top: 0; 
    width: 16px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: transparent;
}

div.drag_bar{
    position: absolute;
    width: 16px;
	height: 58px;
    cursor: pointer;
    z-index: 4;
    background: transparent url(images/cursor_scroll_galerie.gif) top left no-repeat;
} 
a#linkToSite {
	display: none;
}

a#calendarLinkFlashBack {
	position: absolute;
	top: 428px;
	left: 744px;
	display: block;
	width: 137px;
	height: 46px;
	border: 0;
	text-decoration: none;
}
a#calendarLinkFlashBack:hover {
	text-decoration: none;
}

div#zonePartenaires {
	position: absolute;
	top: 208px;
	left: 771px;
	width: 153px;
	margin: 0;
	padding: 0;
}
div#zonePartenaires {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

ul#partenaires {
	witdh: 153px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#partenaires li {
	witdh: 153px;
	margin: 0;
	padding: 0;
}
ul#partenaires a {
	display: block;
	width: 153px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0;
}
ul#partenaires a img {
	margin: 0;
	padding: 0;
	border: 0;
}

*a{position:relative; cursor:pointer;}