/* CSS Document */

#sidebar {
	width:230px;
	margin-right:25px;
	float:left;
	margin-top:5px;
}

#content {
	width:695px;
	float:left;
}

.titre_page {
	width:655px;
	height:11px;
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:10px 20px;
	line-height:11px;
	float:left;
}

.titre_page_rouge {
	width:655px;
	height:11px;
	background-color:#e51b24;
	color:#FFFFFF;
	padding:10px 20px;
	line-height:12px;
	float:left;
	text-transform:uppercase;
}

.barre_noire {
	width:695px;
	height:31px;
}

.titre {
	width:520px;
	height:11px;
	background-color:#000000;
	color:#FFFFFF;
	padding:10px 20px;
	line-height:12px;
	float:left;
}

.navig_archive {
	float:left;
	width:130px;
	height:31px;
	background-color:#000000;
	color:#FFFFFF;
	text-align:right;
	line-height:30px;
	padding-right:5px;
}
.navig_archive img {
	float:left;
}

.navig_archive .archive {
	width:60px;
	float:left;
	margin:0px 5px;
}

.clear {
	clear:both;
}

/********* PARTIE INFOLETTRE **************/

#infolettre {
	width:200px;
	padding:15px;
	background-color:#a18c65;
	margin-top:0px;
	color:#FFFFFF;
	font-size:14px;
	height:45px;
}

#infolettre input {
	*margin-top:-15px;
}

#infolettre input { float:left; height:19px; width:165px; }
#infolettre a {
	display:block;
	background-color:#000000;
	width:20px;
	padding:4px;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	margin-top:3px;
	*margin-top:-15px;
}
#infolettre a:hover { background-color:#E51B24; }

/*********** PROMO ***********************/

#promo {
	width:230px;
	margin-top:20px;
}

/********* LISTE SPECTACLES ***************/

#liste_spectacles {
	width:230px;
	text-transform:uppercase;
	margin-top:20px;
}

#liste_spectacles ul {
	margin:5px 0px 0px -40px;
	*margin:5px 0px 0px 0px;
	list-style-type:none;
}

#liste_spectacles ul li a {
	padding:7px 0px;
	display:block;
	color:#231f20;
	text-decoration:none;
	border-top:1px solid #f8c6c8;
	font-size:12px;
}
#liste_spectacles ul li a:hover {
	text-decoration:underline;
}

/********* LOGOS A TELECHARGER *************/

#dl_logos {
	width:230px;
	margin-top:20px;
}

.titre_sidebar {
	width:190px;
	height:10px;
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:10px 20px;
	line-height:10px;
	text-align:center;
}

#contenupage {
	width:695px;
	margin-top:24px;
}

#contenupage .texte {
	width:655px;
	padding:10px 20px;
	float:left;
	/*background-color:#d0d2d3;*/
}

#contenupage .textegris {
	width:655px;
	padding:10px 20px;
	float:left;
	background-color:#d0d2d3;
}

/*******************************************/
/*********** NOUVELLES ********************/

#nouvelles {
	width:695px;
	background-color:#d0d2d3;
	height:100px;
	margin-top:25px;
	height:297px;
}

.nouvelle_accueil {
	width:655px;
	padding-top:20px;	
	height:257px;	
}

.nouvelle_accueil .photo {
	width:255px;	
	float:left;
	height:200px;
	margin-left:20px;
}

.nouvelle_accueil .texte {
	width:350px;
	float:left;
	margin-left:20px;
}

.control{
	cursor:pointer;
}

/**********PHOTO ACCUEIL ******************/

#photo_accueil {
	margin-top:20px;
}

/*********** COMPTEUR **********************/

#compteur {
	text-align:center;
	height:145px;
	text-align:left;
	margin-left:255px;
	padding:20px 0px;
	width:575px;
	font-size:11px;
}

#compteur .marge {
	width:20px;
	float:left;
}

#compteur .rangee1 {
	margin-bottom:7px;
	width:575px;
	float:left;
	_margin-bottom:-10px;
}

#compteur .chiffres {
	width:72px;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	margin-right:8px;
	float:left;
}

#compteur .jours {
	margin-right:8px;
	width:72px;
	text-align:center;
	background-color:#e51b24;
	color:#FFFFFF;
	float:left;
}

#compteur .chiffreslabel {
	width:64px;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
	padding:4px;
	float:left;
	margin-right:8px;
}

#compteur .jourslabel {
	margin-right:8px;
	width:64px;
	text-align:center;
	background-color:#e51b24;
	color:#FFFFFF;
	padding:4px;
	float:left;
}

/*************************************************/
/*********** PAGE PROGRAMMATION ******************/
/*************************************************/

#programmation {
	width:950px;
	margin:0 auto;
	background-image:url(../images/fond_prog.gif);
	background-repeat:repeat-y;
}

#prog_entete {
	background-color:#000000;
	height:100px;
	font-family:'MuseoSans500', Helvetica, Arial, sans serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:13px;
	clear:both;
}

#prog_entete .nom_categorie { margin-top:80px; }

#prog_entete .titre_programmation { width:251px; float:left; height:20px; padding:70px 10px 10px 10px; border-right:1px dashed #4d4d4f; }
#prog_entete .public { width:69px; float:left; height:20px; padding:70px 10px 10px 10px; border-right:1px dashed #4d4d4f; }
#prog_entete .lieux { width:149px; float:left; height:20px; padding:70px 10px 10px 10px; border-right:1px dashed #4d4d4f; }
#prog_entete .prix { width:49px; float:left; height:20px; padding:70px 10px 10px 10px; border-right:1px dashed #4d4d4f; }
#prog_entete .date { width:47px; float:left; height:20px; padding:70px 5px 10px 5px; border-right:1px dashed #4d4d4f; text-align:center; }

#programmation .rangee {
	width:950px;
	font-size:11px;
	color:#231f20;
	border-bottom:5px solid #929497;
}
#programmation .lien_rouge { font-size:13px; }
#programmation .lien_blanc { font-size:13px; }

#programmation .rangee .titre_programmation { width:250px; float:left; padding:10px; }
#programmation .rangee .public { width:70px; float:left; padding:10px; }
#programmation .rangee .lieux { width:150px; float:left; padding:10px; }
#programmation .rangee .prix { width:50px; float:left; padding:10px; }
#programmation .rangee .date { width:42px; float:left; padding:10px 8px; text-align:right; }

#programmation .rangee_rouge {
	width:950px;
	font-size:11px;
	color:#ffffff;
	background-image:url(../images/fond_rouge.gif);
	background-repeat:repeat-y;
	margin-top:-5px;
}

#programmation .rangee_rouge .titre_programmation { width:250px; float:left; padding:10px; }
#programmation .rangee_rouge .public { width:70px; float:left; padding:10px; }
#programmation .rangee_rouge .lieux { width:150px; float:left; padding:10px; }
#programmation .rangee_rouge .prix { width:50px; float:left; padding:10px; }
#programmation .rangee_rouge .date { width:37px; float:left; padding:10px; text-align:right; }

#prog_legende {
	font-size:10px;
	font-family: Helvetica, Arial, sans serif;
	margin-top:10px;
}

/***************************************************************/
/************************** FICHE ******************************/
/***************************************************************/

#fiche {
	width:695px;
	float:left;
}

#fiche #titre_fiche {
	width:455px;
	height:11px;
	background-color:#e51b24;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:10px 20px;
	line-height:12px;
	float:left;
	margin:24px 0px 15px;
}

#fiche #reservation {
	width:160px;
	height:11px;
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:10px 20px;
	line-height:10px;
	float:left;
	margin:24px 0px 15px;
	text-align:center;
}

#fiche #info_haut {
	margin:20px 0px;
	width:695px;
}

#fiche #graphique {
	width:695px;
	margin:20px 0px;
}

#graphique .image_spectacle {
	width:345px;
	height:330px;
	overflow:hidden;
	float:left;
}

#graphique .info_spectacle {
	width:310px;
	background-color:#e51b24;
	height:150px;
	float:left;
	color:#FFFFFF;
	font-size:13px;
	padding:90px 20px;
	line-height:30px;
}

#graphique #calendrier {
	width:695px;
}

#calendrier #rangee1 {
	width:695px;
	height:39px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
}
#calendrier #rangee2 {
	width:695px;
	background-color:#FFFFFF;
	color:#000000;
	float:left;
}	

#calendrier .date {
	width:55px;
	float:left;
	padding:13px 10px;
	text-align:center;
	margin-right:10px;
}

#calendrier #rangee2 .date {
	padding:5px 10px;
}
#calendrier .selected {
	width:55px;
	*padding:13px 10px;
	background-color:#FFFFFF;
	color:#e51b24;
	margin-right:10px;
}

#calendrier .prix {
	width:90px;
	float:right;
	padding:12px 5px;
	color:#e51b24;
	font-weight:bold;
}

#fiche #info_bas {
	width:695px;
	padding-top:20px;
}

#fiche #technique {
	width:695px;
	color:#adaeb1;
	margin:10px 0px;
}

/********************************************************/
/***************** SPECTACLES ***************************/
/********************************************************/

#spectacles {
	margin-top:24px;
	width:695px;
}

#spectacles #listing {
	width:695px;
	float:left;
}

#listing .spectacle {
	width:655px;
	padding:20px;
	border-bottom:1px solid #e51b24;
	*padding-bottom:0px;
}

#listing .spectacle .photo {
	float:left;
	width:130px;
	margin-right:20px;
}

#listing .spectacle .info {
	float:left;
	width:490px;
}

/********************************************************/
/********************** MEDIA **************************/
/******************************************************/

#media { width:695px; margin-top:24px; }

#media #communiques {
	width:695px;
	background-color:#d0d2d3;
}

#media #revuepresse {
	width:695px;
	background-color:#d0d2d3;
}

#media #videos { width:695px; }
#media #videos #liste_videos { margin:0px; float:left; font-size:11px; }
#liste_videos .entree_video { width:695px; margin:15px 0px; }
/*
#liste_videos .entree_video .preview { width:125px; margin-right:17px; float:left; }
#liste_videos .entree_video .info { width:500px; float:left; }
*/
#liste_videos .entree_video .preview { width:200px; margin-right:17px; float:left; }
#liste_videos .entree_video .info { width:400px; float:left; }


#media #photos { width:695px; }
#media #photos .rangee { width:695px; float:left; margin:15px 0px 0px 0px; }
#media #photos .marge { margin-right:14px; }

#media .boite_presse {
	width:695px;
	height:135px;
}

#media .boite_presse ul { width:695px; padding:0px; font-size:11px; *margin-left:0px; *margin-top:5px;}
#media .boite_presse ul li { width:695px; list-style-type:none; }

#media .boite_presse ul li a { 
	text-decoration:none; 
	color:#000000; 
	display:block;
	padding:5px 20px;
	width:655px;
}
#media .boite_presse ul li a:hover { 
	text-decoration:none; 
	color:#000000; 
	background-color:#FFFFFF; 
	*display:block;
	*height:14px;
	width:655px;
}

/***********************************************************/
/*********************** PAGE CONTACT **********************/
/***********************************************************/

#formulaire { width:655px; margin:20px 0px; float:left; padding:0px 20px; }
#formulaire input { padding:2px; border:1px solid #2F2F2F; font-family:Helvetica, Arial, sans serif; font-size:11px; width:170px; }
#formulaire textarea { margin:10px 0px; padding:2px; border:1px solid black; font-family:Helvetica, Arial, sans serif; width:655px; font-size:12px; height:100px; }
.btn_envoi { float:right; cursor:pointer; }