html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size : 0.8em;
	font-family : arial;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
}

html {
overflow: visible;
}
body {
overflow: auto;
}
#menu {
	position:absolute;
	margin-top : 10px;
	text-align:left;
	list-style : none;
; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: bold; text-transform: capitalize; color: #33FF00; text-decoration: none; background-position: right center
; margin-right: 2px
}


#menu li {}


#menu li a{
display : block ; 
text-decoration : none;
color : #ccc;
margin : 1px 0 0;
text-transform : uppercase; 
line-height : 20px; 
border-bottom : 1px dotted #ccc;
width : 120px; 
}

#menu li a:hover{
text-decoration : none;
 text-indent :20px; 
}


ul[id=menu] {
position: fixed !important;
}




#content{
	width:740px;
	background-color: #990000;
	background-repeat: repeat-y;
	color: #FFFFFF;
; border-style: none
}


#gauche {
width : 260px;
float : left;
margin-left : 0; ; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; color: #CCFF99; text-align: center; vertical-align: middle; background-image: url(bord_droit.jpg); background-repeat: repeat-y}
#gauche p{
padding : 0 ; margin : 5px 20px 0 20px}

	
#droite {
width : 480px;
background: transparent url(../image_grande/acceuill/bord_droit2.jpg) repeat-y; 
float : left; ; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: normal; font-weight: normal; color: #CCFF99; padding-bottom: 100px; padding-top: 10px}

#droite p{
padding : 0 ; margin : 5px 20px 0 20px}

 
 h1 {
 margin : 20px 20px 20px 20px; 
 border-bottom : 1px dotted #000 ; 
 line-height : normal; 
 padding-botom : 20px ; 
 font-size : 1.5em; 
 text-transform : uppercase ; }
 
  h1 span{
font-size : 0.6em ; font-style : italic ; text-transform : none }
 
 
 
 
 
 .signature {
	clear : left;
	text-align : right;
	color: #FFFFFF;
; margin-bottom: 5px; border: 4px #FF0000 outset
}
 
 
 
 
 
 .imgdroite {float : right  ; margin : 0 0 10px 10px ; border: #FF0000 inset; width: 248px; height: 186px; border-width: 5px 5px 4px 4px} 
 
  .imggauche {float :left; margin : 0  10px 10px 0 ; background-position: center center; border: #FF0000 inset; width: 248px; height: 186px; border-width: 5px 5px 4px 4px} 
  
  a {
	text-decoration : underline;
	color : #66CC99
}
  a:hover {text-decoration : none ; color : #000}
body {
	height: 100%;
	font-size : 0.8em;
	font-family : arial;
	background-attachment: fixed;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: right top;
	;
	background-image: url(accuiel/image_accueil_ty/tzigane_danceuse.jpg)
;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0
 } .once_1 {
	width: 248px;
	height: 186px
; border: 4px #FF0000 inset; background-color: #990000
}
.once2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background-color: #990000;
	width: 253px;
	color: #FFFFFF;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: normal
; border: #FF0000 inset; border-width: 4px 4px 2px 2px
}
.once3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #CCFF99;
	background-color: #990000;
	width: 253px;
	float: left
; border: #FF0000 inset; border-width: 4px 4px 2px 2px
}
.bannier_noir {  background-color: #000000; background-image: url(image_grande/acceuill/bannier%20noire%202.gif); background-repeat: no-repeat; height: 60px; width: 450px; border: 4px #FF0000 inset; background-position: center center; margin-left: 9px; margin-top: 6px}
.haut {  width: 740px; background-image: url(accuiel/image_accueil_ty/ty_theatre_logo.jpg); height: 350px}
.cadre_titre {  background-color: #990000; height: 60px; width: 440px; border: 4px #FF0000 inset; margin-left: 15px}
.once4_ver {  height: 331px; width: 253px; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.cadre_pano {  height: 210px; width: 440px; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; margin-left: 15px}
.imgdroite_g {  height: 379px; width: 197px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; float: right; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.imagedroite_gr {  height: 450px; width: 305px; float: right; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; border: #FF0000; border-style: inset; border-top-width: 4px; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px}
.imaggauche_l {  float: left; height: 248px; width: 186px; margin-right: 10px; margin-bottom: 10px; border: #FF0000; border-style: inset; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 4px; border-left-width: 4px}
.imagdroite_l {  float: right; height: 248px; width: 186px; margin-right: 10px; margin-bottom: 10px; border: #FF0000; border-style: inset; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 4px; border-left-width: 4px}
.once5 {  font-family: Verdana, Arial, Helvetica, sans-serif; width: 700px; border: #FF0000 inset; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; background-color: #990000; border-width: 4px 4px 2px 2px; color: #f1ef62; font-size: 13px}
.once4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #f1ef62; background-color: #990000; width: 700px}
.imagdroite_1 {  float: right; height: 330px; width: 438px; margin-right: 10px; margin-left: 10px}
.imaggauche_1 {  float: left; height: 330px; width: 428px; margin-right: 10px; margin-left: 10px}
.once8 {  float: right; height: 410px; width: 248px; border: 3px #DB6C22 outset; margin-right: 15px; margin-left: 15px; background-repeat: no-repeat; background-image: url(../resevation/imag_formulaire/masque.jpg)}