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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-image: url(../img/fondBody.gif);
	background-color: #0099FF;
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6 {
font-size: 1em;
}

a {
	text-decoration: none;
}

p a, li a {
color: #0099FF;
font-weight: bold;
text-decoration: none;
}

p a:hover, li a:hover {
color: #fff;
background-color:#0099FF;
}

a:hover p {
	color: #FFF;
	background-color: #DE2108;
}

p {
margin: 0 0 10px 0;
font-size: 1.1em;
}


a img, a active img, a visted img, a:hover img {
border: 0;
text-decoration: none;
}

.cleaner {
	clear:both;
	height:1px;
	/*line-height:1px;
	font-size:1px;
	border:none;
	background:transparent; */
}


/* ################# COULEURS ################# */
.violet, .violet a { color: #660066; text-decoration: none;}
.violet a:hover { color: #fff; background-color: #660066;}

.rouge, .rouge a {color: #DE2108;text-decoration: none;}
.rouge a:hover { color: #fff; background-color: #DE2108;}

.jaune, .jaune a {color: #FFCC00;text-decoration: none;}
.jaune a:hover { color: #fff; background-color: #FFCC00;}

.vert, .vert a {color: #1D7E04;text-decoration: none;}
.vert a:hover { color: #fff; background-color: #1D7E04;}

.bleu, .bleu a { color: #0099FF;text-decoration: none;}
.bleu a:hover { color: #fff; background-color: #0099FF;}

.blanc, .blanc a { color: #FFF;text-decoration: none;}
.blanc a:hover { color: #000; background-color: #FFF;}

.fondviolet {background-color: #660066;}
.fondrouge { background-color: #DE2108;}
.fondjaune { background-color: #FFCC00;}
.fondvert { background-color: #1D7E04;}
.fondbleu { background-color: #0099FF;}
.fondblanc { background-color: #fff;}
.fondnoir { background-color: #000;}
.fondgris { background-color: #eee;}


/* ################# tailles ################# */
.enorme {
	font-size: 5em;
	font-weight: bold;
}
.gros {
	font-size: 3em;
	font-weight: bold;
}
.moyen {
	font-size: 2em;
}
.petit {
	font-size: 1.2em;
}

.minus {
	font-size: 1em;
}


/* ################# divers ################# */

.barre {
	text-decoration: line-through;
}
.souligne {
	text-decoration: underline;
}
.surligne  { background-color: #FFCC00; color:#000; padding: 3px;}
/* ################# MENU ################# */

#logo, #logo a, #logo a:hover {
margin:0;
padding: 20px;
height: 135px;
text-decoration:none;
color: #FFF;
background-color: #fff;
}

#menu {
	font-size: 1.2em;
	padding: 10px;
	min-height:220px;
  	height:auto !important; /* IE6 */
 	height:200px; /* IE6 */
	background-color: #eee;
	letter-spacing: 0.5px;
}


#menu li{
	color: #fff;
	margin: 1px 10px;
	padding: 0 2px;
	list-style-type:none;
	}
	
#menu strong {
	color: #DE2108;
	}

#menu li, #menu li a, #menu li a:active, #menu li a:visited {
	color: #000;
	padding: 0 2px;
}

#menu li a:hover {
	color: #DE2108;
	background-color: #eee;
}

.langue {
font-size: 11px;
line-height: 40px;
}


/* ################# HOME ################# */

#passe {
float:left;
width: 50px;
margin: 0 0 0 250px;
padding: 0;
background-color: #FFF;
}

.versPasse {
	height: 50px;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: left;
}

#futur {
float:left;
width: 50px;
margin: 0 ;
padding: 0;
background-color: #FFF;
}

.versFutur {
	height: 50px;
	padding: 20px 20px 0 0;
	margin: 0;
	text-align: right;
}

.versPasse select , .versFutur select , .versPasse select:focus, .versFutur select:focus, #blocSaisonHP select , #blocSaisonHP select:focus{
color: #DE2108;
font-weight: bold;
background-color:#FFF;
font-size: 18px;
border: 0;
}

#jumpMenu {
margin:7px  0 0 0;
}

#blocSaisonHP {
float:left;
position:fixed;
left:0;
top: 0;
text-align: right;
width: 250px;
margin: 0;
padding: 0;
background-color: #FFF;
}
#blocMenu  {
float:left;
text-align: right;
width: 250px;
margin: 0;
padding: 0;
background-color: #FFF;
}
#blocMenu h1, #blocSaisonHP h1 {
	font-size: 18px;
	padding: 0 20px 20px 20px;
	margin: 0;
	line-height: 0.9em;
	height: 50px;
	text-transform: uppercase;
}


.blocVille {
float:left;
width: 300px;
margin: 0;
padding: 0;
background-color: #fff;
}

.premier {
margin-left: 250px;
}
.ici {
margin:0;
padding: 0;
height: 175px;
}
.ville {
	font-size: 3em;
	font-weight: bold;
	line-height: 0.9em;
	height: 50px;
	padding: 0 20px 20px 20px;
	margin: 0;
	background-image: url(../img/pointeurCarte.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.ville a, .ville a:hover  {
	text-decoration: none;
}

.dates {
	min-height:200px;
  	height:auto !important; /* IE6 */
 	height:200px; /* IE6 */
	text-align: left;
	padding: 20px 20px 5px 20px;
	margin: 0;
	background-color: #eee;
         }
.dates h1{
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	padding: 0;
	margin: 0 0 0.5em 0;
	line-height: 0.7em;
}

#dates h1 {
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 1px;
	color: #000;
	padding: 0;
	margin: 0;
}


.dates h1 em {
	color: #aaa;
	font-style:normal;
}
.dates h2, #dates h2{
	margin: 0 0 3px 0;
	padding: 0;
}

#dates h2{
font-size: 1.2em;
color: #DE2108;
}

.dates h2 { /* date */
	font-size: 1.1em;
	color: #000;
	margin:  0;
	display: inline;
}

.dates h3, #dates h3  {
	margin: 2px 0 4px 0;
	padding: 0;
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #DE2108;
	text-transform: uppercase;
}

.dates h3 a, .dates h3 a:active, .dates h3 a:visited, #dates h3 a, #dates h3 a:active, #dates h3 a:visited { /* titre */
	color: #DE2108;
}

.dates h3 a:hover, #dates h3 a:hover { /* titre */
	color: #FFF;
	background-color: #DE2108;
}

.dates h6 { /* sous-titre */
	font-size: 1.1em;
	font-style: normal;
	line-height: 1em;
	color: #999;
	padding: 0;
	margin:  0 0 1em 0;
}

.dates h4, #dates h4 { /* lieu */
	font-size: 1.1em;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #333;
	padding: 0;
	margin:  0;
}
.dates h5, #dates h5 { /* renseignements */
	font-size: 1.1em;
	font-style: normal;
	color: #666;
	padding: 0;
	margin:  0 0 1em 0;
}

.dates h5 a, .dates h5 a:active, .dates h5 a:visited, #dates h5 a, #dates h5 a:active, #dates h5 a:visited  {
	color: #0099FF;
	text-decoration: none;
}

.dates h5 a:hover, #dates h5 a:hover {
	color: #FFF;
	background-color:#0099FF;
}

#dates a img {
margin: 0 2px 2px 0;
border: #fff solid 2px;
}

#dates a:hover img {
border: #DE2108 solid 2px;
}


#versPasse {
	position: fixed;
	top: 500px;
	left: 300px;
	border: 0;
}
#versFutur {
	position: fixed;
	top: 500px;
	right: 50px;
	border: 0;
}

/* ################# CONTENUS ################# */


#contenu, #contenuHaut {
	position: absolute;
	top: 245px;
	left: 270px;
	max-width: 700px;
	margin : 0;
	padding: 0;
	background-color: #F6F6F6;
}

#contenuHaut {
	position: absolute;
	top: 220px;
	left: 270px;
	max-width: 700px;
	margin : 0;
	padding: 0;
	background-color: #F6F6F6;
}


#contenu p, #dates, #contenuHaut {
padding: 10px 10px 5px 20px;
}


#contenu h1, #contenuHaut h1 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #DE2108;
	padding: 0;
	margin:  0 ;
}




.intertitre {
	text-indent: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	border-bottom: #eee solid 2px;
	padding: 10px 0 5px 0;
	margin: 0 0 0.5em 0;
	line-height: 0.7em;
}

/* ################# SPECTACLES ################# */
#header {
	position: absolute;
	top: 0;
	left: 270px;
	margin: 0;
	padding: 118px 0 0 0;
}
#header h1 {
color: #DE2108;
font-size: 4em;
line-height: 1em;
font-weight: bold;
padding: 0;
margin: 0;
}

#header h2 {
color: #666;
font-size: 2em;
line-height: 1em;
font-weight: bold;
padding: 0;
margin: 0;
}

#sousmenu {
	position: relative;
	top: 230px;
	left: 20px;
	font-size: 1.1em;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

#sousmenu li {
	color: #000;
	display: inline	;
	list-style-type: none;
	margin: 0 1px 0 0;
	padding: 3px 5px;
	}
	

#sousmenu li, #sousmenu li a, #sousmenu li a:active, #sousmenu li a:visited {
	color: #000;
	background-color: #F6F6F6;
		font-weight: normal;
}

#sousmenu li a:hover {
	color: #DE2108;
}

#sousmenu .on {
color: #DE2108;
border-top: #DE2108 solid 5px;
padding: 3px 5px;
}

.unecol {
float: left;
width: 680px;
}
.deuxcol {
float: left;
width: 320px;
}

.fondviolet { color: #fff; background-color: #660066; padding: 10px 10px 20px 10px; }
.fondrouge { color: #fff; background-color: #DE2108;padding: 10px 10px 20px 10px;}
.fondjaune { color: #000; background-color: #FFCC00;padding: 10px 10px 20px 10px;}
.fondvert { color: #fff; background-color: #1D7E04;padding: 10px 10px 20px 10px;}
.fondbleu { color: #fff; background-color: #0099FF;padding: 10px 10px 20px 10px;}


.titrepage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 137px 0 0 0 ;
/*border-bottom: #000000 solid 1px;*/

}


.duree {
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #DE2108;
font-weight: bold;
}

.pdf {
margin: 0 0 0 18px;
padding:  0 0 0 20px;
background-repeat: no-repeat;
background-position: left center;
background-image: url(icon/pdf.gif);
}


.prod {
float:left;
width: 374px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.vendeuses {
font-family: Verdana, Arial, Helvetica, sans-serif;
}



#fichetec {
	background-color: #fff;
}
#fichetec ul {
margin: 0;
padding: 0;
}


#fichetec li {
	display: inline;
	margin: 0 0 0 18px;
	padding:  2px 0 2px 20px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

#iphonePlaylist {
	width: 330px;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	background-color:#F6F6F6;
}

#iphonePlaylist .affiche {
	padding: 0;
	margin: 3px 0 10px 0;
	}

#iphonePlaylist li, #iphonePlaylist li a, #iphonePlaylist li a:active, #iphonePlaylist li a:visited{
	color: #DE2108;
	list-style-type: none;
	padding: 3px 5px;
	border-bottom: #DE2108 solid 1px;
	}
	
#iphonePlaylist li a:hover {
	color: #FFF;
	background-color: #DE2108;
}

#listSpectacles {
margin:0;
padding: 0;
}

#listSpectacles li {
list-style:none;
}


#listSpectacles h1, #listSpectacles h1 a {/* titre */
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	color: #DE2108;
	padding: 0;
	text-transform: uppercase;
}
#listSpectacles h1 a:hover { /* titre */
	color: #FFF;
	background-color: #DE2108;
}

#listSpectacles h2  { /* sous-titre */
	font-size: 1.1em;
	font-style: normal;
	color: #999;
	padding: 0;
	margin: 0;
}


#listSpectacles h3  { /* genre */
	font-size: 1.1em;
	font-style: normal;
	color: #333;
	padding: 0;
	margin:  0.2em 0 1.2em 0;
}

#player h1 {
color:#DE2108;
font-size: 1.2em;
margin: 0;
padding: 0;
}

#player h2 {
color: #333;
font-size: 1em;
font-weight: normal;
margin: 0;
padding: 0;
}

#player h3 {
color: #DE2108;
font-size: 0.8em;
margin: 0;
padding: 0;
font-weight: normal;
}

/* FORMS------------------------------ */

/*** Mise en forme du formulaire ***/

form {
	margin: 0;
	padding: 0;
}

form p {
	margin: 10px 0;
	padding: 0;
}



fieldset {	/*** Mise en forme des cadres ***/
	min-width: 400px;
	margin: 10px;
	padding: 10px;
	font-style: normal;
	border: 0;
}
legend {	/*** Mise en forme des titres des cadres ***/
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/
	width: 100px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	color: #0099FF;
	font-size: 1.1em;
}
label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


textarea {
font-family: arial;
font-size: 1.1em;
padding: 2px;
}

input:focus, select:focus, textarea:focus {
	background-color: #0099FF;
	color: #FFF;
}


.note {
	font-size: 10px;
	color: #999;
}

.boutons {
text-align: right;
padding: 10px 30px 5px 0;
margin: 10px 20% 20px 20px;
background-color:#eee;
}

.erreur {
	color: #cf141d;
	font-size: 1em;
font-weight: normal;
}

/* TABLES------------------------------ */
table { border:0; text-align:center; font-size: 1.2em; margin: 10px 20px 20px 20px; }
.liste { width: 550px; }
caption	{
font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: left;
	color: #DE2108;
	padding: 0;
	margin:  0 ;}
	
thead th { color: #0099FF;
	background-color:#eee;
	text-align: center;
	margin:0 0 10px 0;
	padding: 5px;
	border-bottom: #999 solid 2px;
	}
thead th a {
	color: #0099FF;
	text-decoration: underline;
}
tbody	th	{ text-align: left; background-color: #EEE; font-weight: normal; padding-left: 15px;}
tbody	td	{ border-bottom: #999 solid 1px; padding:5px 10px; }
tbody td img {margin:0; padding:0; }
tbody a {
	font-size: 1em;
	color: #DE2108;
	font-weight: bold;
}
tbody a:hover {
	color: #fff;
	background-color: #DE2108; 
}

tfoot th {color:#fff; font-size: 1em; font-weight: normal; background-color: #7f97af; text-align: left;}
.fundoClaro	{background-color: #7f97af; color:#FFF; font-weight: bold; }
.fundoEscuro	{background-color: #294e79; color:#FFF; font-weight: bold; }

.floatLeft {
float: left;
padding: 5px 10px;
margin: 0;
}

/* Backoffice------------------------------ */
.english {
color: #CC0033;
font-size: 0.9em
}