body, html{
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	color:#000;
	background: #dbddde;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

img{
	border: none;
}


.spacer{
	clear: both;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 0px;
	/*border: #0000ff solid 1px;*/
}


/*****   STRUCTURE   *****/

#haut{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 97px;
	padding: 18px 0px 0px 20px;
	background: url(images/haut.png);
	background-repeat: no-repeat;
	z-index: 20;
}

#haut_contenu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 97px;
	padding: 18px 0px 0px 2px;
	background: url(images/haut_contenu.png);
	background-repeat: no-repeat;
	z-index: 20;
}

#menu_haut{
  position:fixed;
  top:5px;
  height:100px;
  width:100%;
  z-index:20;
  

}
#bas{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 91px;
	background: url(images/bas.png);

	z-index: 30;
}

#bas_contenu{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 82px;
	background: url(images/bas_contenu.png);
	/*border: #f00 solid 1px;*/
	z-index: 30;
}



/*****  MENU  *****/

.menu1{
	color: #c4c4c4;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 4px 0px;
	text-transform: uppercase;
	
}

.menu1:hover{
	color: #fff;
	
}


/*****   ACCUEIL   *****/

#bloc_contenu_accueil{
	position: absolute;
	width: 980px;
	height: 480px;
	top: 50%;
	left: 0px;
	margin: -240px 0px 0px 0px;
	z-index: 1;
	/*border: #f00 solid 1px;*/
}


#flash_accueil{
	width: 344px;
	height: 358px;
	float: left;
	margin:0px;
	margin: 83px 0px 0px 45px;
	/*border: #0f0 solid 1px;*/
}


#bloc_texte_accueil{
	font-size: 12px;
	width: 164px;
	height: 358px;
	float: left;
	text-align: right;
	margin: 145px 0px 0px 85px;
	/*border: #0f0 solid 1px;*/
}

#bloc_actus_accueil{
	width: 307px;
	height: 320px;
	margin: 130px 0px 0px 0px;
	float: left;
}

#bloc_menu_2{
	width: 135px;
	float: left;
	margin: 350px 0px 0px 0px;
	/*border: #00f solid 1px;*/
}

#bloc_menu_2 a{
	display:block;
	height: 34px;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	/*border: #00f solid 1px;*/
}

#bloc_menu_2 a:hover{
	background-position: bottom right;
}





/*****   CONTENU   *****/
#galerie {
	position: fixed;
	width: 378px;
	height: 100%;
	top: 0px;
	left:0px;
	z-index: 2;
	/*border: solid 1px #f00;*/
}

#bloc_contenu{
	position: absolute;
	width: 500px;
	top: 0px;
	left: 400px;
	margin: 0px 0px 0px 0px;
	padding: 80px 0px 100px 0px;
	z-index: 1;
	/*border: #f00 solid 1px;*/
}

/*si pas de galerie, bloc contenu prend tte la largeur*/
#bloc_contenu_large{
	position: absolute;
	width: 900px;
	/*height: 100%;*/
	top: 0px;
	left: 50px;
	margin: 0px 0px 0px 50px;
	padding: 80px 0px 100px 0px;
	z-index: 1;
	/*border: #f00 solid 1px;*/
}

#titre_spectacle{
	margin: 70px 0px 8px 0px;
	z-index: 1;
	/*border: #ff0 solid 1px;*/
}
#divtitre{
	padding: 55px 0px 0px 0px;
	z-index: 1;
	/*border: #ff0 solid 1px;*/
}


#sous_titre_spectacle {
  font-size: 18px;
  color:#666666;
  margin-top:-10px;  
  margin-bottom:10px; 
}

#titre_compagnie{
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #666666;
	font-size: 14px;
	/*text-transform:uppercase;*/
}

#sous_titre_page {
  font-size: 12px;  
}

#colonne_texte {
	width: 550px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	float: left;
  /*border: #dbddde solid 0px;*/
}

#colonne_gauche{
	width: 220px;
	padding: 0px 20px 0px 0px;
	margin: 30px 0px 0px 0px;
	float: left;
	text-align: justify;
	background: url(images/separateur_contenu.gif) repeat-y right;
}


#colonne_droite{
	width: 230px;
	text-align: justify;
	padding: 0px 0px 0px 20px;
	margin: 30px 0px 0px 0px;
	float: left;
}

#date{
	font-size: 0px;
	margin: 0px 0px 16px 0px;
	/*border: #ff0 solid 1px;*/
}

.genre_spectacle{
	/*text-transform: uppercase;*/
	margin: 0px 0px 14px 12px;
	color: #932816;
	font-size: 12px;
}

.liste_info{
	font-size: 11px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 16px 0px;
	background: url(images/point_noir.gif) no-repeat;
}

.liste_info a{
	font-weight: lighter;
	color: #932816;
}

#bloc_liste_info_lien{
	width: 540px;
	/*height: 30px;*/
	margin: 50px 0px 0px 385px;
	/*border: #ff0 solid 1px;*/
}

.liste_info_lien{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 12px 4px 8px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.liste_info_lien:hover{
	color: #932816;
}

/*
menu de liens dans cadre détails
*/

.liste_detail_lien{
	display: block;
	color: #000;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0px 0px 6px 10px;
	margin: 0px 0px 0px 0px;
}

.liste_detail_lien:hover{
	color: #777;
}

#bloc_menu_outil{
	width: 410px;
	margin: 32px 0px 0px 600px;
	/*border: #ff0 solid 1px;*/
}

#bloc_menu_outil a{
	width: 70px;
	height: 51px;
	font-size: 0px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px 0px 0px 25px;
	/*border: #f0f solid 1px;*/
}

#bloc_menu_outil a:hover{
	color: #d0d0d0;
	background-position: bottom;
}
/*
div plus d'infos
*/
#divFondu {
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:30;
}
#divFondCadre_infos_complemenaires {
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index: 40;
  background: url(images/bandes_fond.png) center no-repeat;
}
#infos_complemenaires {
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  /*
  width:592px;
  height:425px;  
  margin-top:-210px;
  margin-left:-295px;
  */
  width:800px;
  height:500px;  
  margin-left:-400px;
  margin-top:-250px;
    
  z-index: 50;
  background: url(images/fond_cadre_infos.png);
}

#fermer_infos {
  position: relative;
  top: -5px;
  left: -5px;
  width: 23px;
  height: 23px;
  background: url(images/btn_fermer_cadre.png);
  background-repeat: no-repeat;
}
#fermer_infos_a {
  width: 23px;
  height: 23px; 
}


/*
special spectacle
*/
.liste_titre_Spectacle {
  font-weight: bold;
  font-size:16px;
  color: #932816;
}
.liste_soustitre_Spectacle {
  font-size:12px;
  font-weight: bold;
  color: #932816;
}
.liste_compagnie_Spectacle {
  font-size:12px;
  font-weight: bold;
  color: #000000;
}

/**forms**/
input,textarea,select,.saisie {
  border:1px solid #CFCFCF;
  font-family: arial;
  font-size:11px;
  color:#333333;
}
input.submit {
  border:1px solid #CFCFCF;
  font-family: arial;
  font-size:11px;
  background:#233D69;
  color: #FFFFFF;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
}