@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	border: 0;
	font-size: 12px;
	font-family: Verdana, Trebuchet MS, Sans;
	font-weight: normal;
	text-align: center; /* IE */
	/*background-color: #F5F5F5;*/	
	/*background-image: url(../images/marbre2.jpg);*/
	/*background-repeat: repeat-y;*/
}

img, div { behavior: url(../inc/iepngfix.htc) }

img {
	border: 0;
}

img.imgfloatright {
	float:right;
	margin: 10px 0 7px 0;
}

img.imgfloatleft {
	float:left;
	margin: 10px 0 7px 0;
	padding: 0 10px 0 0; 
}

#fond {
	width: 100%;
	/*background-image: url(../images/fond_web_09-10.jpg);
	background-repeat: no-repeat;*/
} 

#contenant {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	border-width: medium;
	border-color: #333333;
	border-style: none dotted;
	background-color: #FFFFFF;
} 

#largeur715 {
	width: 700px;
	margin:0 0 0 130px;
	/*background-color: #999999;*/
} 

#alaffiche {
	width: 405px;
	min-height:300px;
	/*background-color: #999999;*/
	padding: 0px 10px 0px 110px;
	float: left;
} 

#zindex5 {
	z-index: 5;
}

#nouvelle {
	width: 295px;
	margin:0px 123px 0px 0px;
	float: right;
	background-image: url(../images/sep_vert.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
} 

#colgauche {
	width: 400px;
	min-height:300px;
	padding: 0px 10px 0px 130px;
	float: left;
} 

#coldroite {
	width: 280px;
	margin:0px 123px 0px 0px;
	float: right;
	background-image: url(../images/sep_vert.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
} 

#alignleft {
	width: 325px;
	/*min-height:300px;
	padding: 0px 10px 0px 130px;*/
	float: left;
} 

#alignright {
	width: 325px;
	/*min-height:300px;
	padding: 0px 10px 0px 130px;*/
	float: right;
} 


#clearboth {
	float: none;
	clear: both;
}

#entete {
	/*background-image: url(../images/diapo_entete.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;*/
}

#d001 {
	background-image: url(../images/diapo_entete1.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;
}

#d002 {
	background-image: url(../images/diapo_entete2.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;
}

#d003 {
	background-image: url(../images/diapo_entete3.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;
}

#d004 {
	background-image: url(../images/diapo_entete4.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;
}

#d005 {
	background-image: url(../images/diapo_entete1.jpg);
	background-repeat: no-repeat;
	width: 954px;
	height: 158px;
	border-width: medium;
	border-color: #333333;
	border-style: none none dotted none;
}

#contenu {
	/*background-image: url(../images/diapo_centre.png);
	background-repeat: repeat-y;*/
	width: 954px;
	/*padding: 0px 0px 24px 49px;*/
	min-height: 400px;
	margin-top: 10px;
}

#bas_page {
	/*background-image: url(../images/diapo_bas.png);
	background-repeat: no-repeat;*/
	width: 954px;
	height: 199px;
}

#logo {
	position:relative;
	left:830px;
	top: 50px;
	width: 80px;
}

#footer {
	position:relative;
	top: 30px;
	left: 132px;
	width: 695px;
	border-width: medium;
	border-color: #333333;
	border-style: dotted none none none;
}

#sousmenu {
	position:relative;
	left: 130px;
	width: 695px;
}

#calendrier {
	width: 400px;
	margin:0px 0px 0px 0px;
}

#contactg {
	padding: 5px 10px 0 130px;
	text-align: left;
	float:left;
	width: 350px;
}	

#contactd {
	margin:5px 108px 0px 0px;
	text-align: left;
	float:right;
	width: 350px;
}	

div.contactg {
	background-image: url(../images/sep_hori.gif);
	background-repeat: repeat-x;
	/*border-top: 2px solid #FF0033;*/
	margin:15px 10px 15px 0px;
	text-align: left;
	float:left;
	width: 340px;
}	

div.contactd {
	background-image: url(../images/sep_hori.gif);
	background-repeat: repeat-x;
	/*border-top: 2px solid #FF0033;*/
	margin:15px 15px 0 0;
	text-align: left;
	float:right;
	width: 330px;
}	

div.contact715 {
	background-image: url(../images/sep_hori.gif);
	background-repeat: repeat-x;
	margin:15px 0px 0px 0px;
	width: 700px;
}	

div.divcredit {
	width: 50px;
	height: 15px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 0px;
	padding: 2px 5px;
	/*background: #FFFFFF;*/
	position: relative;
	left: 415px;
	top: 25px;
}

div.divcredit2 {
	width: 400px;
	/*height: 200px;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: #FFFFFF;
	text-align: left;
	padding: 2px 5px;
}

/* définitions des styles de paragraphes */

p {
	margin: 0 0 10px 0;
}

p a {
	color:#CC0000;
	text-decoration:none;
	font-weight: bold;
	}

p a:hover {
	color:#333333;
	}

p.date_affiche {
	font-size:12px;
	color:#333333;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding:3px 0;
	text-transform: uppercase;
	background-color: #FFCC00;
}

p.date_affiche a {
	color:#FFFFFF;
}

p.date_affiche a:hover {
	color:#000000;
}


p.grostexte {
	font-weight: bold;
	margin: 0;
	padding:7px 0;
}

p.liste_saison {
	font-size:12px;
	margin:1px 0 0 0;
	line-height: 20px;
}

p.liste_saison a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

p.liste_saison a:hover {
	color: #CC0000;		
}

p.liste_saison a.abonnement {
	color: #CC0000;
}

p.liste_saison a.abonnement:hover {
	color: #000000;
}

p.creditspectacle {
	font-size: 11px;
	/*margin: 0 0 5px 0;*/
}

p.creditproduction {
	font-size: 10px;
	/*margin: 0 0 5px 0;*/
	font-weight: bold;
	color: #CC0000;
}

span.date_saison {
	font-size:11px;
	font-weight: normal;
	text-transform: lowercase;
	font-style: italic;
}

span.rouge {
	color:#CC0000;
}

span.rougeGras {
	color:#CC0000;
	font-weight: bold;
	text-transform: uppercase;
}

span.exposant {
	font-size: 85%;
	color: #CC0000;
	font-weight: bold;
	vertical-align: super;
}

sup {
	font-size: 75%;
	/*color: #CC0000;*/
	font-weight: bold;
	line-height: 50%;
}

span.sp_nom {
	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
}

span.sp_acteur {
	font-size:11px;
	font-weight: bold;
	color:#000000;
	text-transform: uppercase;
}

span.sp_normal {
	font-size:12px;
	color:#333333;
	font-weight: normal;
}

p.liste {
	font-size:11px;
	/*letter-spacing:1px;*/
	text-decoration:none;
	color:#CC0000;
}

p.liste2 {
	margin:0 0 5px 0;
	/*text-indent: -15px;*/	
}

p.note {
	font-size:10px;
	color:#333333;
	padding-top:15px;
	text-align: center;
}

p.note2 {
	font-size:10px;
	color:#333333;
	padding-top:10px;
	text-align: left;
	margin: 0;
}

p.p_titre_spec_acc {
	font-size:16px;
	color:#CC0000;
	font-weight: bold;
	letter-spacing: 2px;
	/*margin:10px 0 0 0;*/
}

p.p_titre_sep_rouge {
	background-image: url(../images/sep_hori.gif);
	background-repeat: repeat-x;
	/*border-top: 2px solid #CC0000;*/
	font-size:14px;
	color:#CC0000;
	font-weight: bold;
	margin-top:25px;
	text-transform: uppercase;
}

p.p_titre_rouge {
	/*background-image: url(../images/sep_hori.gif);
	background-repeat: repeat-x;
	border-top: 2px solid #CC0000;*/
	font-size:14px;
	color:#CC0000;
	font-weight: bold;
	/*margin-top:25px;*/
	text-transform: uppercase;
}

p.indent25 {
	margin:0 0 0 25px;
}

p.p_rouge16px0m {
	font-size:16px;
	color:#CC0000;
	font-weight: bold;
	margin:0px;
}

p.p_rouge14px0m {
	font-size:14px;
	color:#CC0000;
	font-weight: bold;
	margin:0px;
}

/* mise en forme des nouvelles */


h2 {
	font-size:16px;
	margin:0px 15px 0px 0px;
	color:#CC0000;
	}
	
p.nouvelle {
	font-size:11px;
	text-decoration:none;
	margin:10px 15px 0px 0px;
}

#templatenouvelle {
	font-size:11px;
	text-decoration:none;
	margin:10px 15px 0px 0px;
}

#templatenouvelle a {
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

#templatenouvelle a:hover {
	color: #333333;
}




img.sep_nouvelle {
	margin: 15px 0;
}

/* calendrier */

table.t_calendrier {
	width: 400px;
	border: 0px;
	text-align: center;
	color: #333333;
	border-collapse: separate;
	border-spacing: 1px 0px;
	font-size: 10px;
}

table.t_calendrier a {
	color:#FFFFFF;
	background-color: #CC0000;
	text-decoration:none;
	font-weight: bold;
	padding: 1px 2px;
	}
	
table.t_calendrier a:hover {
	color:#CC0000;
	background-color: #FFCC00;
	}
	
div.datecomplet {
	visibility: hidden;
	z-index: 1;
	position: absolute;
	background-color: #FFCC00;
	font-size: 9px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	padding: 2px 3px;
}	
	
table.t_horaire {
	width: 250px;
	border: 1px;
	text-align: center;
	color: #333333;
	border-collapse: separate;
	border-spacing: 1px 1px;
}


table.calendrier {
	width: 320px;
	border: 0px;
	text-align: center;
	color: #333333;
	border-collapse: separate;
	border-spacing: 1px 0px;
	font-size: 10px;
}

table.calendrier a {
	color:#CC0000;
	/*background-color: #CC0000;*/
	text-decoration:none;
	font-weight: bold;
	padding: 1px 2px;
	}
	
table.calendrier a:hover {
	color:#CC0000;
	background-color: #FFCC00;
	}


/* -- */