/*
@ adk from les gergers pacifistes corp.
septembre 2004

general-other.css
Cette file contient la mise en forme generale (positionnement) des elements pour les plateformes differentes de windows
*/

body{
	/*style*/
	background: #c8c8c8;
	background: #ded8c0;
}

#frame{
	/*largeur du contenu*/
	width: 800px;

	/*centrage horizontal*/
	position: absolute;	
	left: 50%;
	margin-left: -400px;

	/*position verticale*/
	top: 5px;
	
	/*style*/
	border: 6px solid #fdfbff;
}


#header{
	/*largeur
	pour ie windows: width: 100%;
	pour mac: width: width-de-frame - (#header-padding + #header-margin + ..)
	*/
	width: 800px;
	
	/*hauteur fixe de l en tete*/
	height: 200px;
	
}

#body{
	/*largeur
	pour ie windows: width: 100%;
	pour mac: width: width-de-frame - (#body-padding-left + #body-margin + ..)
	*/
	width: 494px;
	
	/*style*/
	/*
	pour windows ie, mettre une valeur du padding-left < 300
	*/
	padding-left: 300px;		/*alignement a gauche du texte*/
	padding-top: 6px;
	padding-bottom: 6px;
}

#footer{
	/*largeur
	pour ie windows: width: 100%;
	pour mac: width: width-de-frame - (#footer-padding + #footer-margin + ..)
	*/
	width: 794px;
	
	/*style*/
	padding: 3px;
	
	border-top: 1px dashed;
}
/*STYLE POUR LA BARRE DE SELECTION DU CONTENU*/
#selectionContenu{
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
	position: relative;
	left:  0px;
}
#selectionContenu li{
	display: inline;
}


#selectionContenu li a{
	display: inline;
	margin-right: 16px;
	color: inherit;
	font-weight: bold;
	font-family: Helvetica;
}

/*STYLE POUR LE MENU de selection des spectacles*/
#champstextemenu{
	padding-left: 20px;
	z-index:5;
	position: absolute;
	top:  186px; /*alignement vertical du texte du menu*/
	text-align: left;
	width: 100%;
	color: #f4f5ff; /*couleur du texte du menu*/;
	font-weight: bold;
	font-family: Helvetica;
}
#menu span{
	display:none;	
}

#menu{
	z-index:20;
	position: absolute;
	top: 146px; /*alignement vertical du menu*/
	left: 0px;
	width: 100%;
	list-style-type: none;
	margin:0;
	padding:0;
	background: url(boutons.jpg) top left no-repeat #fdfbff;/*couleur du fond du menu..*/
}

#menu li {
	float: left;
}

#menu li a { 
	display: block;
	/*definition de la taille des boutons du menu*/
	height: 40px;
	width: 61px;
}

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

/* STYLE POUR LES LISTES DE DEFINITION */
#loDefinition dt{
	font: small-caps 500 12pt Arial;
	color: 000000;
	text-transform: capitalize;
	border-bottom: thin dashed;
	margin-top:1.2em;
}

#loDefinition dd{
	font: italic 500 11pt Arial;
	font: italic 500 15px Didot, "Times New Roman", Times, serif;
	position: relative;
	left: 10px;
}



/* ALIGNEMENT DES BOUTONS */
#menu #bt1:hover {background-position: -802px 0%;}
#menu #bt2:hover {background-position: -863px 0%;}
#menu #bt3:hover {background-position: -924px 0%;}
#menu #bt4:hover {background-position: -985px 0%;}
#menu #bt5:hover {background-position: -1046px 0%;}
#menu #bt6:hover {background-position: -1107px 0%;}
#menu #bt7:hover {background-position: -1168px 0%;}
#menu #bt8:hover {background-position: -1229px 0%;}
#menu #bt9:hover {background-position: -1290px 0%;}
#menu #bt10:hover {background-position: -1351px 0%;}
#menu #bt11:hover {background-position: -1412px 0%;}
#menu #bt12:hover {background-position: -1473px 0%;}
#menu #bt13:hover {background-position: -1534px 0%;}


/*STYLE POUR LES MENUS DE SELECTION DU TYPE DE CONTENU*/
#boutonGeneral{
	display: block;
	position: absolute;
	left:  -30px;
	top: 0px;
}

/*STYLE POUR LES MENUS DE SELECTION DEE PHOTOS*/
#photoselect{
	background: url(barre.jpg) repeat-x;
	color: #C51F1F;
	text-align: center;
	position: relative;
	/* varie  */
	width: 800px;
	top: -6px;
	left: -300px;
	height: 20px;
	font: small-caps 10pt Arial;
}

#photoselect a{
	color: #000000;
}

#photoselect a:hover{
	color: #C51F1F;
}

/*STYLE POUR LE TEXTE*/
body{
	font: 12px/1.5em Verdana, Didot;	
}
cite{
	color: #282828;
	text-transform: none;
	font: italic 500 15px Didot, "Times New Roman", Times, serif;
}
h1,h2,h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 20px;
}

h2{
	font-size: 16px;
}

h3{
	font-size: 14px;
}


/*GENERALITES*/
img{
	border:none;
}
a {
	text-decoration: none;
}

#body span{
	display: none;
}

td{
	vertical-align: 0px;	
}

#videoQuicktime{
	/* la taille reelle de la video est de 320 x 256*/
	width: 320px;
	height: 256px;
	position: relative;
	display: block;
	left: 90px;
}

#video1, #video2{
	width: 320px;
	display: block;
	position: relative;
	left: 90px;
}
#video1{
	height: 240px;
}
#video2{
	height: 52px;
}

#commentaireVideo{
	font-style: italic;	
}
#commentaireVideo, #remarqueVideo{
	position: relative;
	width: 320px;
	left: 90px;
	margin-bottom: 5px;
	margin-top: 5px;
}