#global {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 384px;
     height: 131px;
     margin-top: -65px; /* moitié de la hauteur */
     margin-left: -192px; /* moitié de la largeur */
     }

body {
	background-color: #000000;
	scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #000000;
  font-size:12px;
  font-family:verdana, arial, san serif;
  color:#999999;
}

.lien3 	   		{font-family: Verdana; font-size: 11px; color: #FFFFFF; text-decoration: none;font-weight:bold}
A.lien2:link 	{color: #7F7F7F;text-decoration:none;FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none} 
A.lien2:visited {color: #7F7F7F;text-decoration:none;FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none} 
A.lien2:hover 	{color: #FFFFFF;text-decoration:none;FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none}

A.lien1:link 	{color: #7F7F7F;text-decoration:none;FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none} 
A.lien1:visited {color: #7F7F7F;text-decoration:none;FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none} 
A.lien1:hover 	{color: #FFFFFF;text-decoration:none;FONT-SIZE: 10px; FONT-FAMILY: Verdana,Arial, Helvetica, sans-serif; FONT-WEIGHT: none}

#page{
font-size:12px;
font-family:verdana, arial, san serif;
width:760px;
position:absolute;
left:-380px;
margin-left:50%;
top:0;
}
#contents{
float:left;
width:560px;
}
#col_gauche{
width:200px;
float:left;
}
.text {  font-family: Verdana; font-size: 10px; color: #343F64; text-decoration: none}
#text{
position:absolute;
margin-left:200px;
line-height:22px;
padding:15px;
font-size:12px;
  font-family:verdana, arial, san serif;
  color:#999999;
}

/*pour le menu http://xhtml.net/xhtmlcss/csstabs*/

#top { height: 82px; position: relative; margin:0; padding-left:200px; text-align: left; background: url(./images/logo.jpg) no-repeat; }
#top a, #top a:hover {text-decoration: none; color: #FFFFFF;}
#top #barnav  { padding-top: 25px; height: 20px; background: #000000; color: #000000;}
#top #barnav2 { margin-top: 22px; height: 15px; background: #777; color: #777;}
/*#top #barnav2 {filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;};*/
#top .access, #top hr, #pied hr { display: none; }
#top #barnav a { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	font-variant: small-caps;
}
#top #barnav2 a { 
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	font-variant: small-caps;
}
#top #barnav a, #top #barnav a:hover, #top #barnav a.on { padding: 5px 10px 2px 10px; }
#top #barnav2 a, #top #barnav2 a:hover, #top #barnav2 a.on { padding: 5px 10px 2px 10px; }
#top #barnav a:hover, #top #barnav a.on { padding: 5px 10px 2px 10px; color: #FF0000; }
#top #barnav2 a:hover, #top #barnav2 a.on { padding: 5px 10px 2px 10px; color: #FF0000; }



/*----footer----*/

#footer{
clear:both;
height:20px;
background:#FF0000;
}

#footer ul{
text-align:center;
padding:0;
margin:0;
}

#footer ul li{
display:inline;
}

#footer ul li a{
font-weight:bold;
padding-left:10px;
text-decoration:none;
font-size:11px;
color:#FFFFFF;
}

#footer ul li a:hover{
color:#11A7DD;
}


#text ul#liste_danseurs {
   margin : 0;
   padding : 15px 15px 0px 15px;
   list-style-type : none;
}

#text ul#liste_danseurs li{
  list-style-type : none;
  float: left;
  width: 200px;
  height: 300px;
  background-color: #666;
  text-align: center;
  margin: 15px;
}

#text ul#liste_danseurs li a{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF; 
	font-variant: small-caps;
	text-decoration: none;
}

#text ul#liste_danseurs li a img{
	border: 0;
  padding-top: 20px;	
}

/*actualites*/
#text ul#actualites {
   margin:0;
   padding:0;
   list-style-type : none;
}

#text ul#actualites li{
  list-style-type : none;
  width: 500px;
  padding-bottom: 20px;
}

#text ul#actualites li div.ligne{
  width: 500px;
  border-bottom: 1px solid #fff;
}

#text ul#actualites li div.image{
  width: 500px;
  height:200px;
}

#text ul#actualites li div.image img{
	border: 0;
  padding-right: 20px;
  float:left;
}

#text ul#actualites li div.esp{
  width: 500px;
  text-align:right;
}

#text ul#actualites li div.esp a{
	color:#FF0000;
}


ul#menu_spectacles{
	color:#FF0000;
	padding-top: 25px;
}
ul#menu_spectacles li{
  list-style-type : square;
  padding: 5px;
}
ul#menu_spectacles li a{
	color:#FFFFFF;
	text-decoration:none;
}
ul#menu_spectacles li a:hover{
	color:#FF0000;
	text-decoration:underline;
}
ul#menu_spectacles li a:active{
	color:#FFFFFF;
}

ul#menu_spectacles li a.on{
	color:#FF0000;
}

.titregris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	text-transform: uppercase;
	color: #CCCCCC;
}
.grostitregris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: oblique;
	line-height: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
}
.courantgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	color: #CCCCCC;
}
.titreblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	color: #FFFFFF;
}
.textrouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	color: #FF0000;
}
.titreblanc0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	color: #FFFFFF;
}
.texteb {  font-family: Verdana; font-size: 9px; color: #000000; text-decoration: none}