body,html{
	background: #d9d9d9;
		width: 100%;
	height: 100%;
}



img{
	border: none;
}

.italique{
	font-style: italic;
}

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


/** conteneur global  **/

#conteneur{
	background: #fff;
	width: 100%;
	padding-bottom: 20px;
	/*border: #0000ff solid 1px;*/
}

/** conteneur contenu  **/

#contenu{
	width: 800px;
	margin: auto;
	/*background: url(images/fond_contenu.gif);*/
	/*border: #0000ff solid 1px;*/
}

/** LOGO  **/
#logo{
	position: absolute;
	width: 159px;
	height: 121px;
	top: 0px;
	left: 50%;
	margin: 0px 0px 0px -420px;
	z-index: 2;
}


/** MENU HAUT  **/

#bloc_menu_haut{
	height: 17px;
	width: 100%;
	background: #000;
	z-index: 1;
	
}

#menu{
	font-size: 11px;
	color: #bfbfbf;
	width: 800px;
	height: 17px;
	text-align: right;
	margin: auto;
}

#menu a{
	display: block;
	float: right;
	color: #bfbfbf;
	margin: 2px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	border-right: #bfbfbf solid 1px;
}

#menu a:hover{
	color: #fff;
}

#banniere{
	width: 800px;
	height: 195px;
	margin: auto;
	z-index: 1;
}

/** TITRE PAGE  **/

#bloc_titre_page{
	width: 100%;
	height: 43px;
	background: url(images/fond_titre.gif) repeat-y center;
	/*border: #0000ff solid 1px;*/
}

#titre_page{
	width: 800px;
	height: 43px;
	margin: auto;

}

/** SOUS TITRE PAGE  **/
#sous_titre_page{
	width: 800px;
	height: 82px;
	margin: auto;
}

/** MENU PRINCIPAL  **/

#bloc_menu{
	width: 182px;
	float: left;
	padding: 0px 0px 30px 0px;
	/*border: #f00 solid 1px;*/
}

.menu1_fond_ombre{
	background: url(images/fond_ombre_menu1.gif) repeat-y top right;
	text-align: right;
	margin: 2px 0px 2px 0px;	
	/*border: #f00 solid 1px;*/
}

.menu1_fond_ombre:hover{
	background: url(images/fond_ombre_menu1.gif) repeat-y bottom right;
}

.menu1_fond_ombre a{
	color: #fff;
	display: -moz-inline-stack;
	display: inline-block;
	padding: 3px 0px 3px 30px;
	margin: 0px 18px 0px 0px;
	background: #82408f url(images/fond_menu_rose1.gif) no-repeat top left;
}

.menu1_fond_ombre a:hover{
	background: #a85ab7 url(images/fond_menu_rose1.gif) no-repeat bottom left;
}

/** bloc droit des contenus  **/

#bloc_droit{
	width: 500px;
	padding: 0px 50px 0px 60px;
	float: left;
	/*border: #0f0 solid 1px;*/
}


/************** spectacle  ********************/

/** spectacle image  **/

#spectacle_image{
	float: left;
	margin: 0px 20px 20px 0px;
	width:300px;
	/*background:#000000;*/
	text-align:center;
	
	
}

/** spectacle description  **/

.spectacle_description1{
	margin: 0px 0px 20px 0px;
	text-align: justify;
}

.spectacle_description2{
	text-align: justify;
	
}

/************** INFOS spectacle  ********************/



#infos_big_bloc{
	width: 960px;
	margin: auto;
	padding: 10px 0px 0px 0px;
	/*border: #ff0 solid 1px;*/
}

#infos_bloc{
	width: 200px;
	/*margin: 0px 0px 0px 0px;*/
	float: left;
	padding: 0px 0px 0px 8px;
}

#infos_bloc h2{
	display: inline;
	color: #fff;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 1px 8px 1px 4px;
}

#infos_bloc p{
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 1px 8px 1px 8px;
	background: url(images/infos_puce_italienne.gif) no-repeat 0px 5px;
}

#infos_bloc_media{
	width: 200px;
	float: left;
	padding: 0px 0px 0px 8px;
}

#infos_bloc_media h2{
	display: inline;
	color: #fff;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 1px 8px 1px 4px;
}

#infos_bloc_media img{
	float: left;
	margin: 5px 5px 0px 0px;
}
/*
mise en page jak
+ ceux dans stylebase.css
*/


.copyright {
  font-family:verdana;
  font-size:9px;
  text-align:left;
  color:#ffffff;
  margin-top:-18px;
	/*background-color: #000000;
  filter: alpha(opacity=60); 
	-moz-opacity: 0.60;*/
  height:16px;
  width:296px; 
  padding-left:2px; 
  white-space:nowrap;
  letter-spacing:-1px;
}
.div_image {
	float: left;
	margin: 0px 20px 20px 0px;
	width:200px;
}
.dateElement {
  color: #888888;
 
}

/************** calendrier  ********************/

.bloc_calendrier{
	width: 526px;
	height: 135px;
	margin: 0px 0px 8px -18px;
	padding: 0px 0px 0px 0px;
	z-index:10;

}

.img_calendrier{
	width: 160px;
	height: 135px;
	float: left;
}

.infos_calendrier{
	width: 343px;
	height: 65px;
	padding: 45px 10px 25px 10px;
	float: left;
	
}

.titre_calendrier{
	font-size: 15px;
	font-weight:bold;
	color: #fff;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	/*float: left;*/
}


.lieu_calendrier{
	font-size: 12px;
	color: #fff;
	padding: 4px 0px 0px 25px;
	margin: 0px;
	height: 21px;
	float: right;
}

.date_calendrier{
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	float: left;
	font-weight: lighter;
}

.bout_vente_calendrier{
	font-size: 12px;
	font-family: Arial;
	display: block;
	color: #fff;
	padding: 0px 0px 0px 17px;
	margin: 10px 0px 0px 0px;
	height: 13px;
	background: url(images/bout_vente_cal_off.gif) no-repeat;
	font-weight: lighter;
	float: right;

}

.bout_vente_calendrier:hover{
	color: #fff;
	background: url(images/bout_vente_cal_on.gif) no-repeat;
}

.bout_vente_calendrier_noir{
	font-size: 12px;
	font-family: Arial;
	color: #666;
	padding: 0px 0px 0px 17px;
	margin: 10px 0px 0px 0px;
	height: 13px;
	background: url(images/bout_vente_cal_off.gif) no-repeat;
	font-weight: lighter;

}

.bout_vente_calendrier_noir:hover{
	color: #666;
	background: url(images/bout_vente_cal_on.gif) no-repeat;
}

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

#frise{
	width: 100%;
	height: 186px;
	border-bottom: #c6c6c6 solid 1px;
	border-top: #c6c6c6 solid 1px;
	/* a virer */
	background: url(images/frise_accueil.jpg) no-repeat left top;
	
}

#contenu_accueil{
	width: 730px;
	margin: auto;
	padding: 0px 10px 0px 40px;
	/*border: #f00 solid 1px;*/
}


#edito{
	width: 680px;
	margin: auto;
	background: url(images/fond_edito_accueil.jpg) no-repeat left top;
	padding: 10px 10px 0px 100px;
	/*border: #ff0 solid 1px;*/
	text-align: justify;
}


/* PLEINS FEUX */

#bloc_feux{
	width: 310px;
	background: url(images/fond_feux_accueil.jpg) no-repeat left top;
	padding: 60px 0px 0px 30px;
	float: left;
	/*border: #ff0 solid 1px;*/
}

#bloc_feux p{
	text-align: justify;
}

#entete_feux{
	width: 320px;
	margin: 0px 0px 8px 0px;
	/*border: #0f0 solid 1px;*/
}

.img_feux{
	float: left;
	
}

#titre_feux{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 22px;
	color: #a2a2a2;
	
}

#lieu_feux{
	font-size: 12px;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 18px;
	background-repeat: no-repeat;
	/*border: #ff0 solid 1px;*/
	
}

#date_feux {
  color:#c0c0c0;
}

#lien_feux{
	margin: 12px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	/*border: #ff0 solid 1px;*/
	
}

.feux_lien_vente{
	display: block;
	color: #e95e26;
	height: 14px;
	background: url(images/bouton_vente_blanc.gif) no-repeat left top;
	padding: 0px 0px 0px 18px;
	float: right;
}

.feux_lien_vente:hover{
	color: #fec1a8;
	background: url(images/bouton_vente_blanc.gif) no-repeat left bottom;
}

/* ACTUALITES*/

#bloc_actus{
	width: 310px;
	background: url(images/fond_actus_accueil.jpg) no-repeat left top;
	padding: 60px 0px 0px 30px;
	float: right;
	/*border: #0f0 solid 1px;*/
}
#bloc_abo_accueil{
	width: 310px;
	height: 110px;
	background: url(images/fond_documents_accueil.jpg) no-repeat left top;
	padding: 60px 0px 0px 30px;
	margin-left:-30px;
	/*border: #0f0 solid 1px;*/
}

#bloc_actus p{
	text-align: justify;
}

#actus_accueil{
	
	margin: 0px 0px 4px 0px;
	/*border-bottom: #979797 solid 1px;*/
}

#titre_actus{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	font-size: 22px;
	color: #a2a2a2;
}

#contenu_actus{
	float: left;
	width: 120px;
}

#lien_actus{
	margin: 6px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	/*border: #ff0 solid 1px;*/
	
}

/*
plan du site
*/
.pds_rubrik0_actif {
  font-size:13px;
  text-transform:uppercase;
  margin:2px;
  padding-left:0px;
  color:#000;
  font-weight:bold;
}
.pds_rubrik1_actif {
  font-size:13px;
  margin:2px;
  padding-left:15px;
  color:#444;
}
.pds_rubrik2_actif {
  font-size:12px;
  margin:2px;
  padding-left:30px;
  color:#888;
}
.pds_rubrik3_actif {
  font-size:11px;
  margin:2px;
  padding-left:45px;
  color:#333;
}