/* Général */
html { background:#00212f; }

body {
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#00202e;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.cl { clear:both; height:0; }

strong { font-weight:bold; }

a { color:#0F6080; }
a:hover { text-decoration:underline; }
/* Général (fin) */


/* Titres */
h3 {
	font-size:3em;
	line-height:1em;
	margin:1em 0 0.8em;
}
h4 {
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 0.8em;
}
h4.catSpectacle {
	color:#0e4a62;
	font-size:1.333em;
	font-weight:normal;
	margin-bottom:0.9em;
	text-align:right;
	text-transform:uppercase;
}
h4.partenaire { margin:1em 0 0.1em 0; }
h4.actu {
	font-size:1.5em;
	font-weight:normal;
	margin:1em 0 0.5em;
}
.listProg h4 { margin:0.7em 0 0.2em; }
/* Titres (fin) */


/* Largeur site */
#container, #footer { width:960px; }
/* Largeur site (fin) */


/* Contenu principal */
#container {
	background:#f5fafc url(../img/bg_site.jpg) repeat-y;
	margin:0 auto;
	min-height:960px;
}
div.partenairesContent #container {
	/*background:#f5fafc url(../img/bg_site.jpg) no-repeat;
	margin:0 auto;*/
	background-repeat:no-repeat;
}

#content { position:relative; }
/* Contenu principal (fin) */


/* Top */
#contentLeftTop { height:150px; }
#contentLeftTop h1 {
	position:absolute;
	right:0;
	top:0;
}
#contentLeftTop h1 a {
	background:url(../img/bg_logo.png) no-repeat;
	display:block;
	height:150px;
	text-indent:-7000em;
	width:380px;
}
#contentLeftTop h2 { display:none; }
/* Top (fin) */


/* Blocs contenu */
#contentCenter, #contentRight1 {
	float:right;
	padding:10px 20px 50px 30px;
	width:550px;
}
#contentCenter { padding-bottom:20px; }
/* Blocs contenu (fin) */


/* Footer */
#footer {
	color:#fff;
	font-size:9px;
	height:30px;
	margin:0 auto;
	padding-top:4px;
	text-align:right;
}
#footer a { color:#009ee0; }
/* Footer (fin) */

/* Contenus */
p { margin-bottom:1em; }
p.baseline { font-size:1.5em; }
p.right { text-align:right; }

p q { font-style:italic; }

p.imgSpectacle img { height:250px; max-width:550px; }

p span.auteur { color:#0f6080; }
h3 span.auteur { font-size:0.4em; text-transform:uppercase; }

img.right { float:right; margin:0 0 0.5em 0.5em; }

div.legal { color:#fff; padding:20px; }
div.legal a { color:#009ee0; }

form.modForm {
	width:300px;
}
form.modForm label {
	cursor:pointer;
	font-weight:bold;
	width:90px;
}
form.modForm .formLeft label, form.modForm .formLeft input, form.modForm #Pays {
	display:block;
	float:left;
	height:17px;
	margin-top:4px;
}
form.modForm .formLeft input, form.modForm #Message, form.modForm #Pays { width:200px; }
form.modForm #Pays { height:20px; }
form.modForm #Message { margin-top:4px; }
form.modForm br { clear:both; }
form.modForm label.radioLabel { margin-left:4px; width:40px; }
#MailingY, #MailingN { width:13px; }
form.modForm .formRight { margin-top:5px; padding-right:10px; text-align:right; }

div.listesSpectacle { width:420px; }
div.listesSpectacle strong { color:#0e4a62; }
div.listesSpectacle ul { padding:0 5px; text-transform:uppercase; width:185px; }
div.listesSpectacle li { margin-bottom:1em; }
ul.detailSpectacle {
	float:left;
	text-align:right;
}
ul.progSpectacle {
	float:right;
}
ul.progSpectacle li span { display:block; }
ul.progSpectacle .ville { color:#0e4a62; font-weight:bold; }

a#planSites { float:left; width:261px; }
ul#listeSites { float:right; width:270px; }
ul#listeSites li { margin-bottom:0.5em; }

ul#listeSites2 li { margin-bottom:0.5em; }

ul#partenaires li {
	float:left;
	line-height:1.2em;
	margin:0 1em 1em 0;
	width:125px;
	min-height:70px;
}
ul#partenaires li a img { position:absolute; border:none; display:block; max-width:120px; max-height:50px; }
ul#partenaires li span { font-size:11px; position:relative; display:block; text-align:left; top:55px; padding:0 2px 2px 0}

ul#galerie li {
	float:left;
	line-height:1.2em;
	margin:0 1em 1em 0;
	width:124px;
	min-height:120px;
	
}
ul#galerie li a, ul#galerie2 li a { display:block; margin:0 auto 0.3em; }
ul#galerie li a img, ul#galerie2 li a img { position:relative; border:2px solid #ffffff; display:block; max-width:120px; max-height:75px;}
ul#galerie li a:hover img, ul#galerie2 li a:hover img { border:2px solid #009EE0; }
ul#galerie li span, ul#galerie2 li span { position:relative; display:block; text-align:left; top:5px; padding:0 2px; 2px 0}

ul#galerie2 li {
	float:left;
	line-height:1.2em;
	margin:0 1em 1em 0;
	width:124px;	
}

/* Contenus (fin) */