@import "commun_light.css";
@import "lien.css";
@import "menu.css";
@import "titre.css";
@import "couleur.css";
@import "cols.css";
@import "form.css";
@import "galerie.css";
@import "lightbox.css";
@import "commun.css";
@import "kplien.css";

html, body {
	font-size:12px;
	font-family:Arial, Verdana, sans serif;
	text-align:center;
	margin:0;
	padding:0;
}

body {
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px;
	margin-top:20px;
	text-align:left;
}

/* ***************************** */
/* BLOCS PAGE */
/* ***************************** */

div.header, div.menu, div.page, div.footer, div.conteneur_citation, div.debut_page, div.fin_page {
	width:1000px; 
	margin:0;
	padding:0;
}

div.menu {
	background:#939393 url('../img/design/fd_menu.gif') top left no-repeat;	
}
div.menu ul.menu_main {
	width:1000px;
	height:27px;
	background-color:#877A77;
	margin:0;
	padding:0;
}
div.header { 
	height:142px;
	background:transparent url('../img/design/logo_header_anim_bleu.gif') top left no-repeat;
	background-color:#FFF;
}
div.page, div.debut_page, div.fin_page { 
	float:left;
	clear:left;
}

div.page { 
	background:transparent url('../img/design/fd_page_repeat.png') top left repeat-y;
	position:relative;
	overflow:hidden;
}
div.debut_page, div.fin_page {
	height:2px;
	background:transparent url('../img/design/debut_page.png') top left no-repeat;
}
/* ******************************** */
/* HEADER */
/* ******************************** */

/* CITATIONS HEADER */
div.conteneur_citation{
	height:117px;
	padding-top:25px;
		width:665px;
	display:table-cell;
	padding-right:25px;
	float:left;
	background:transparent url('../img/design/fd_header_citation.gif') top left no-repeat;
 }


div.conteneur_citation h1.citation_header {
	text-transform:none;
	font-size:18px;
	text-align:right;
	display:inline;
	float:right;
	padding-left:4px; 
	padding-right:4px;
}

span.auteur_citation_header {
	text-align:right;
	float:right;
	clear:right;
	background-color:#003399;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:4px;
	padding-left:4px;
	padding-right:4px;
}

/* LOGO HEADER */
div.logo {
	float:left;
	width:310px;
	height:101px;
}

a.logo_header {
	display:block;
	width:310px;
	height:101px;
}

/* ******************************** */
/* FOOTER */
/* ******************************** */

div.footer { 
	height:33px;
	background:transparent url('../img/design/fd_footer_gris.png') top left repeat-x;
	float:left;
	clear:left;
}

div.footer span, div.footer p {
	display:block;
	float:left;
}

div.footer span {
	color:#003399;
}
div.footer p {
	color:#FFF;
}
p.adresse { 
	text-indent:20px;
	padding-right:10px;
}
p.credits {
	vertical-align:top;
	text-align:justify;
	font-size:9px;
	margin-top:5px;
	word-wrap: break-word;
	width:396px;
	height:28px;
	padding-left:10px;
}

a.btn_footer {
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	display:block;
	width:90px;
	height:20px;
	padding-top:11px;
}

a.btn_footer:link { color:#FFF;}
a.btn_footer:active { color:#FFF;}
a.btn_footer:visited { color:#FFF;}
a.btn_footer:hover { color:#003399;}
a#btn_newsletter { text-indent:16px;}
a#btn_accueil { text-indent:14px;}

/* ******************************** */
/* ACCUEIL */
/* ******************************** */
.bloc_spectacle_accueil_10,
.bloc_spectacle_accueil {
	float:left;
	width:120px;
	height:120px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:30px;
	cursor:pointer;
}

.bloc_spectacle_accueil_10 {
	width:145px;
}

div.illustration_spectacle {
	width:70px;
	height:95px;
	position:relative;
	top:20px;
	left:20px;
}

.item_noir div.illustration_spectacle { background-color:#000;}
.item_rouge div.illustration_spectacle { background-color:#FF0000;}
.item_bleu div.illustration_spectacle { background-color:#003399;}

.logoplaincolor, .logocolor {
	width:59px;
	height:37px;
	float:left;
	position:relative;
	top:-95px;
	left:0px;
}
.item_noir .logoplaincolor { background:transparent url('../img/design/logo/plainnoir.png') top left no-repeat;}
.item_rouge .logoplaincolor,
.item_bleu .logoplaincolor { background:transparent url('../img/design/logo/plainrouge.png') top left no-repeat;}
.item_noir .logocolor { background:transparent url('../img/design/logo/noir.png') top left no-repeat;}
.item_rouge .logocolor ,
.item_bleu .logocolor { background:transparent url('../img/design/logo/rouge.png') top left no-repeat;}

span.imageauteurspectacle {
	display:block;
	width:70px;
	height:95px;
}
.hiddenimageauteurspectacle {
	position:relative;
	top:-98px;
}

	
span.num {
	font-size:48px;
	font-weight:bold;
	float:right;
}
.item_noir span.num { color:#000;}
.item_rouge span.num { color:#FF0000;}
.item_bleu span.num { color:#003399;}
.item_noir_pastel span.num { color:#939393;}
.item_rouge_pastel span.num { color:#003399;}
.item_bleu_pastel { color:#7F99CC;}

h1.titre_actu{
	margin-top:5px;
}

.bloc_news {
	background-color:#7F99CC;
	margin-bottom:10px;
	padding:4px;
}

a.image_spec_accueil {
	display:block;
	width:70px;
	height:95px;	
}

a.image_spec_accueil div {
	cursor:pointer;
}


.bloc_spectacle_lien{
	margin-top:10px;
}

/* ******************************** */
/* SPECTACLES */
/* ******************************** */
.bloc_spectacle_titre {
	background-color:#7F99CC;
	margin-top:20px;
	margin-right:10px;
	padding:4px;
	width:290px;
	height:162px;
	overflow:hidden;
}

.bloc_spectacle_titre span {
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

.bloc_spectacle_titre span.titrespectaclerouge {
	font-size:18px;
	font-weight:normal;
	color:#0F1756;
	float:left;
	clear:left;
}

a span.titrespectaclerouge {
	text-decoration:none;
	cursor:pointer;
}

.bloc_spectacle_titre span.titrespectaclemes {
	text-transform:uppercase;
	float:left;
	clear:left;
	font-size:11px;
}

.bloc_spectacle_titre span.titrespectaclelibmes {
	text-transform:uppercase;
	float:left;
	font-size:12px;
	text-indent:2px;
}

.bloc_spectacle_titre span.titrespectacledate {
	float:left;
	clear:left;
	font-weight:normal;
}

img#image_auteur {
	width:180px;
	height:245px;
	margin-top:2px;
	margin-right:2px;
	float:right;
}
p#texte_auteur {
	display:block;
	float:right;
	width:172px;
	margin:0;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:2px;
	background-color:#FFF;
	color:#000;
	padding:4px;
}

.num_big_clean {
	float:right;
	margin-right:80px;
	font-size:48px;
	font-weight:bold;
	overflow:visible;
	width:1px;
	height:1px;
}

div.pagespectacle_noir, div.pagespectacle_rouge {
	width:1000px;
	float:left;
}

div.pagespectacle_noir {
	color:#FFF;
	background:#000 url('../img/design/fd_page_repeat.png') top left repeat-y;
}

div.pagespectacle_rouge {
	background:#FFF url('../img/design/fd_page_repeat.png') top left repeat-y;
	color:#000;
}

div.pagespectacle_noir .num_big_clean { color:#FFF;}
div.pagespectacle_rouge .num_big_clean { color:#FF0000;}
div.pagespectacle_rouge p#texte_auteur { background-color:#EFEFEF;}

a.pastille_reservation {
	display:block;
	width:59px;
	height:59px;
 	float:right;
}

div.pagespectacle_noir a.pastille_reservation {	background:transparent url('../img/design/pastille_fdnoir.png') top left no-repeat;}
.item_defaut a.pastille_reservation, 
div.pagespectacle_rouge a.pastille_reservation,
div.pagespectacle_bleu a.pastille_reservation 
{ 
	background:transparent url('../img/design/pastille_fdblanc.png') top left no-repeat;
}

.item_defaut a.pastille_reservation {
	margin-top:60px;
}

div.pagespectacle_noir a.pastille_reservation:hover,
div.pagespectacle_rouge a.pastille_reservation:hover,
div.pagespectacle_bleu a.pastille_reservation:hover,
.item_defaut a.pastille_reservation:hover
{
	background-position:0 -59px;
}

div.pagespectacle_noir h2.noir_nb { color:#A5A5A5;}

div.bandeau_spectacle {
	position:relative;
	background-color:#7F99CC;
	width:996px;
	overflow:hidden;
	height:35px;
	margin-left:2px;
}

#bandeau_spectacle {
	position:absolute;
	top:10px;
	width:990px;	
	height:25px;
	z-index:5px;
}

/* ******************************** */
/* AUTOUR */
/* ******************************** */
.presse_page {
	padding-right:10px;
	width:90%;
}

/* ******************************** */
/* PRATIQUE */
/* ******************************** */
.pratique_page h1.rouge { margin-bottom:-10px;}
.pratique_page h2 {
	font-size:14px;
	margin-top:-5px;
	margin-bottom:-8px;
	color:#6E6E6E;
}

.commentvenir_page h4 {
	color:#003399;
	font-size:18px;
}

.commentvenir_page ul {
	display:block;
	margin-left:-20px;
}

/* ******************************** */
/* CALENDRIER */
/* ******************************** */
.hauteurtitre {
	height:32px;	
}

div.colfull_width span.num {
	float:left;
}

.itemcal_noir, .itemcal_rouge, .itemcal_noir_pastel, .itemcal_rouge_pastel, .itemcal_tout, .itemcal_bleu, .itemcal_bleu_pastel {
	width:50px;
	height:40px;
	margin-top:-10px;
	margin-bottom:-10px;
}

.itemcal_noir { color:#000;}
.itemcal_rouge { color:#FF0000;}
.itemcal_bleu { color:#003399;}
.itemcal_noir_pastel { color:#939393;}
.itemcal_rouge_pastel { color:#003399;}
.itemcal_bleu_pastel  { color:#7F99CC;}
.itemcal_tout {color:#000;}

div.colfull_width .itemcal_noir,
div.colfull_width .itemcal_noir_pastel,
div.colfull_width .itemcal_rouge,
div.colfull_width .itemcal_rouge_pastel,
div.colfull_width .itemcal_bleu,
div.colfull_width .itemcal_bleu_pastel,
div.colfull_width .itemcal_tout {
	float:left;
	cursor:pointer;
}

div.spectacle_calendrier { margin-top:0px; height:330px;}
div.spectacle_calendrier div {float:left;}
div.case_num { width:60px; margin:0 10px 0 0; padding:0;}
div.case_titre { width:390px; margin:0; padding:0;}
div.case_image { width:276px; margin:0; padding:0;}
div.case_representation { width:244px; float:right; color:#000; margin:0; padding:0;}
ul.representation {
	list-style-type:none;
	 margin:0;
	 padding:0;
}
ul.representation {	line-height:12px; float:left; width:240px; color:#000;}
ul.representation li {line-height:12px;	height:12px; color:#000; text-indent:10px;}

div.case_survol { width:390px; margin:0; padding:0;}

/* ************************ */
/* EQUIPE */
.fond_equipe{
	display:block;
	float:left;
	margin-left:2px;
	width:980px;
	background:#FFF url('../img/design/fd_logo_equipe.png') left center no-repeat;
}

.fond_equipe h1,
.fond_equipe h2,
.fond_equipe h3,
.fond_equipe h4,
.fond_equipe h5
	{color:#003399;}

/* ************************ */
/* PARTENAIRES */
a.partenaire {
	display:block;
	float:left;
	width:110px;
	height:80px;
	background-color:transparent;
	background-position:top left;
	background-repeat:no repeat;
}

a.partenaire:hover {
	background-position:0 -80px;
}

.equipe {
	font-size:10px;
}

.equipe h1 {
	font-size:16px;
	margin-bottom:-5px;
}

.equipe h2 {
	font-size:12px;
	margin-top:-2px;
	margin-bottom:-5px;
}
/* PHPMV*/
div.phpmv {
	font-size:0px;
	color:#FFF;
	width:0px;
	height:0px;
}

/* ************************ */
/* Video */
.liste_video{
	width:640px;
	padding-left:10px;
	padding-right:10px;
}

.video{
	margin:55px 0 10px 250px;
}