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

/************************************************/
/*				LISTE 					 		*/
/************************************************/
.col1a .elements,
.elements								{ width:675px; margin:30px 0 50px 55px;  }
.elements h2							{ border-bottom:1px solid #e4e4e4;padding:0px 0px 5px 0px; }

.elements .groupe						{ margin-top:30px;  }
.elements .ttr_groupe					{ padding-left:10px; }


.elements .cadre						{ position:relative; }
.elements .bloc1 						{ float:left; }
.elements .contenu 						{ padding-bottom:10px; border-bottom:1px solid #e4e4e4;  }
.elements table							{ width:100%; }
.elements td.td_txt 					{ width:auto; }
.elements td.td_vignette 				{ width:156px; }
.elements .surtitre						{ position:relative; font-size:11px; text-transform:uppercase; font-weight:bold; }
.elements .date_actu					{ color:#666666; }
.elements .surtitre .bgcolor			{ float:left; padding:1px 3px; color:#FFFFFF; }
.elements .surtitre .txtcolor			{ float:left; padding:1px 3px; }
.elements .titre 						{ clear:left; color:#000000; font-size:22px; font-weight:bold; line-height:28px; margin:0; text-transform:uppercase; }
.elements .titre a						{  }
.elements .titre a,
.elements .titre a:link,
.elements .titre a:visited				{ color:#000000; }
.elements .titre a:active,
.elements .titre a:hover				{ color:#000000; }
.elements .chapo						{ font-size:11px; color:#e42522; line-height:normal; }
.elements .auteur,
.elements .mise-en-scene,
.elements .traducteur					{ font-size:12px; font-weight:normal; color:#000000;}	
.elements .heure						{ font-size:14px; font-weight:bold; color:#e42522; }
.elements .poids						{ font-size:10px; color:#e42522; }
.elements .bloc2 						{ float:left; width:237px; }
.elements .representations				{ position:relative; clear:both; padding:5px 0 0 0 ;}
.elements .representations .ttr			{ margin:0; }
.elements .fichiers						{ padding:6px; background:#e3e3e5; margin:0 0 2px 0; width:auto; }
.elements .fichiers	li					{ margin:0; padding:2px 0; }
.elements .date 						{ padding:6px; background:#e3e3e5; margin-bottom:2px; }
.elements .date p						{ font-size:11px; color:#e42522; margin:0; font-weight:bold; }
.elements .date li 						{ font-size:11px; color:#e42522; margin:0; }
.elements .detail p						{ margin:0 0 5px 35px; color:#000000; font-weight:normal; }
.elements .detail ul					{ margin:0 0 5px 35px; }
.elements .detail li					{ color:#000000; }
.elements .next .date li				{ font-weight:bold; }
.elements .date li.old					{ color:#92969a;  }
.elements .salle						{ padding:3px 6px; background:#f3f3f4; }
.elements .salle p 						{ font-size:11px; margin:0; color:#4d5b5d; }
.elements .salle a						{ color:#43646d; font-weight:bold; }
.elements .salle a:link,
.elements .salle a:visited				{ color:#43646d; }
.elements .salle a:active,
.elements .salle a:hover				{ color:#43646d; }
.elements .btn_reserver 				{ color:#1f8f86; margin-top:5px; background:transparent url('/media/bouton/btn_reserver/bg.png') no-repeat scroll 0 0; display:block; font-size:12px; font-weight:bold; height:27px; padding-top:5px; text-align:center; width:237px; cursor:pointer; }
.elements .btn_reserver:link,
.elements .btn_reserver:visited			{ color:#1f8f86; }
.elements .btn_reserver:active,
.elements .btn_reserver:hover			{ color:#1f8f86; }
.elements .pied 						{  }
.elements .separateur					{ height:10px; width:100%; }

.elements .vignette 					{ position:relative; }
.elements .img 							{   }
.elements .img img						{ width:131px; }
.elements .legende 						{ position:absolute; bottom:0px; left:0px; width:131px; height:auto; background:#FFFFFF; -moz-opacity:0.6; opacity: 0.6; filter:alpha(opacity=60); }
.elements .legende .txt					{ margin:2px 4px 3px 4px; }
.elements .legende .txt	p 				{ margin:0; color:#404040; font-size:9px; line-height:normal; }
.elements .legende .bg					{  }

.elements .old							{  }
.elements .old .date					{  }
.elements .old .date p					{ font-weight:normal; color:#999999;  }
.elements .old .salle p,
.elements .old .salle a					{ font-weight:normal; color:#999999;  }
.elements .old .salle a:link,
.elements .old .salle a:visited			{ color:#999999; }
.elements .old .salle a:active,
.elements .old .salle a:hover			{ color:#999999; }
.elements .old .btn_reserver			{ display:none; }

.elements.width1 .bloc1					{ width:425px; }
.elements.width1 .bloc2					{ margin-left:13px; }
.elements.width2 .bloc1					{ width:513px;  }
.elements.width2 .bloc2					{ }

.elements.news							{  }
.elements.news .bloc1					{ margin:0; }
.elements.news .titre					{ font-size:12px; line-height:normal; }
.elements.news .soustitre				{ line-height:9px; padding-bottom:3px; }
.elements.news .contenu					{ padding-bottom:0; border-bottom:none; }
.elements.news .contenu p				{ color:#ABB0B3; font-size:11px; }
.elements.news .on .contenu p			{ color:#4D4C4C; }
.elements.news .separateur				{ height:5px; }
.elements.news .ttes a					{ font-size:12px; font-weight:bold; }
.elements.news .ttes a:link,				
.elements.news .ttes a:visited,				
.elements.news .ttes a:active,				
.elements.news .ttes a:hover			{ color:#E42522; }

.elements.today							{  }
.elements.today .heure					{ float:right;  }
.elements.today .surtitre				{ font-size:10px; } 
.elements.today .surtitre .bgcolor,
.elements.today .surtitre .txtcolor		{ padding:0 2px; line-height:12px; }
.elements.today .titre 					{ font-size:20px; line-height:22px; padding:5px 0px 0px 0px; }
.elements.today .auteur, 
.elements.today .mise-en-scene			{ font-size:10px; line-height:12px; }

.elements.today .off .auteur, 
.elements.today .off .mise-en-scene		{ display:none; }
.elements.today .on .auteur, 
.elements.today .on .mise-en-scene		{ display:block; }

.elements.documents							{  }
.elements.documents .poids					{ float:right;  }
.elements.documents .surtitre				{ font-size:10px; } 
.elements.documents .surtitre .bgcolor,
.elements.documents .surtitre .txtcolor		{ padding:0 2px; line-height:12px; }
.elements.documents .titre 					{ font-size:20px; line-height:22px; padding:5px 0px 0px 0px; }
.elements.documents .auteur, 
.elements.documents .chapo					{ font-size:10px; line-height:12px; }
.elements.documents .ttes a					{ font-size:12px; font-weight:bold; }
.elements.documents .ttes a:link,				
.elements.documents .ttes a:visited,				
.elements.documents .ttes a:active,				
.elements.documents .ttes a:hover			{ color:#E42522; }
.elements.documents .off .auteur, 
.elements.documents .off .chapo				{ display:none; }
.elements.documents .on .auteur, 
.elements.documents .on .chapo				{ display:block; }

.elements.documents .off .sommaire				{ display:none; }
.elements.documents .on .sommaire				{ display:block; }


.elements .document.off .sommaire				{ display:none; }
.elements .document.on .sommaire				{ display:block; }

/* ####################################
Variante 2 colonnes a & b
#################################### */
.col2a									{  }
.col2a .elements						{ width:209px; margin-left:11px; }
.col2a .elements h2						{ text-align:right; }
.col2a .elements .bloc1,
.col2a .elements .bloc2 				{ width:209px; float:none; margin:0; }
.col2a .surtitre .bgcolor				{ float:right; }
.col2a .surtitre .txtcolor				{ float:right; }
.col2a .elements .titre 				{ clear:right; text-align:right; }
.col2a .elements .heure					{ text-align:right; }

.col2b									{  }
.col2b .elements						{ width:476px; margin-left:0; }
.col2b .elements .bloc1,
.col2b .elements .bloc2 				{ width:476px; float:none; }
.col2b .elements .date					{ background:none; padding:5px 0 0 0; }

/* ####################################
Variante 2 colonnes c & d
#################################### */
.col2c									{  }
.col2c .elements						{ width:320px; margin:30px 0 50px 0px; }
.col2c .elements .bloc1,
.col2c .elements .bloc2 				{ width:320px; }

.col2d									{  }
.col2d .elements						{ width:320px; margin:30px 0 50px 0px; }
.col2d .elements .bloc1,
.col2d .elements .bloc2 				{ width:320px; }

/* ####################################
Variante 3 colonnes e, f & g
#################################### */
.col2e									{  }
.col2e .elements						{ width:222px; margin:0 0 50px 0; }
.col2e .elements .bloc1,
.col2e .elements .bloc2 				{ width:222px; }

.col2f									{  }
.col2f .elements						{ width:229px; margin:0 0 50px 0; }
.col2f .elements .bloc1,
.col2f .elements .bloc2 				{ width:229px; }

.col2g									{  }
.col2g .elements						{ width:229px; margin:0 0 50px 0; }
.col2g .elements .bloc1,
.col2g .elements .bloc2 				{ width:229px; }

/* ####################################
Couleurs selon rubrique 
#################################### */
/* couleur par défaut */
.surtitre .bgcolor						{ background:#abb0b3; }
.surtitre .txtcolor						{ color:#abb0b3; }
.off .bloc1								{ background:transparent; }
.on .bloc1								{ background:#eeeeee; cursor:pointer; }

/* Saison - turquoise */
.rub_a .surtitre .bgcolor				{ background:#2cbdb1; }
.rub_a .surtitre .txtcolor				{ color:#2cbdb1; }
.rub_a .on .bloc1 						{ background:#ebfefc; }
.rub_a.on .bloc1 						{ background:#ebfefc; }

/* Mettre en scène - bleu */
.rub_b .surtitre .bgcolor				{ background:#4b94fd; }
.rub_b .surtitre .txtcolor				{ color:#4b94fd; }
.rub_b .on .bloc1 						{ background:#e4f0ff; }
.rub_b.on .bloc1 						{ background:#e4f0ff; }
.elements.news .soustitre				{ color:#4B94FD; }

/* Prospero - violet */
/*.rub_c .elements .bloc1					{ float:none; }*/
.rub_c .surtitre .bgcolor				{ background:#9c50bc; }
.rub_c .surtitre .txtcolor				{ color:#7a4bff; }
.rub_c .on .bloc1 						{ background:#ede8fb; /*#f5e2ff*/ }
.elements .rub_c .surtitre .bgcolor		{ background:#9c50bc; }
.elements .rub_c .surtitre .txtcolor	{ color:#9c50bc; }
.rub_c.on .bloc1 						{ background:#9c50bc; }
.rub_c .on .contacts,
.rub_c .on .structures,
.rub_c .on .representations				{ background:#ede8fb; }
.rub_c .elements .ttr_groupe			{ background:#ede8fb; color:#7a4bff; }
.rub_c .next .date,
.rub_c .other .date						{ background:none; padding:0 0 0 0; }
.rub_c .next							{ display:block; }
.rub_c .contacts,
.rub_c .structures,
.rub_c .other							{ display:none; }
.rub_c .on .contacts,
.rub_c .on .structures,
.rub_c .on .other						{ display:block; }
.elements.news .soustitre				{ color:#9c50bc; }

.rub_c .contacts .ttr,
.rub_c .structures .ttr 				{ border-bottom:solid 1px #cccccc; width:100%; margin:0px 0px 4px 0px; }


/* Ecole TNB - rose */
.rub_d .surtitre .bgcolor				{ background:#ff4ba6; }
.rub_d .surtitre .txtcolor				{ color:#ff4ba6; }
.rub_d .on .bloc1 						{ background:#ffe4f3; }
.elements .rub_d .surtitre .bgcolor		{ background:#ff4ba6; }
.elements .rub_d .surtitre .txtcolor	{ color:#ff4ba6; }
.rub_d.on .bloc1 						{ background:#ffe4f3; }

/* Ciné TNB - orange */
.rub_e .surtitre .bgcolor				{ background:#fd6634; }
.rub_e .surtitre .txtcolor				{ color:#fd6634; }
.rub_e .on .bloc1 						{ background:#ffebe4; }
.elements .rub_e .surtitre .bgcolor		{ background:#fd6634; }
.elements .rub_e .surtitre .txtcolor	{ color:#fd6634; }
.rub_e.on .bloc1 						{ background:#ffebe4; }

/* Photothèque - jaune */
.rub_f .surtitre .bgcolor				{  }
.rub_f .surtitre .txtcolor				{  }
.rub_f .on .bloc1 						{  }
.elements .rub_f .surtitre .bgcolor		{  }
.elements .rub_f .surtitre .txtcolor	{  }
.rub_f.on .bloc1 						{  }


/* ####################################
Forcer couleur
#################################### */
/* Rouge */
.color1 .titre a:link,
.color1 .titre a:visited				{ color:#e42522; }
.color1.on .titre a:link,
.color1.on .titre a:visited,
.color1 .titre a:active,
.color1 .titre a:hover					{ color:#ff5a45; text-decoration:none; }
.color1.on .bloc1 						{ background:none;  }

/* Orange */
.color2 .titre a:link,
.color2 .titre a:visited				{ color:#ff6600; }
.color2.on .titre a:link,
.color2.on .titre a:visited,
.color2 .titre a:active,
.color2 .titre a:hover					{ color:#ff973d; text-decoration:none; }
.color2.on .bloc1 						{ background:none;  }

/* Bleu */
.color3 .titre a:link,
.color3 .titre a:visited				{ color:#259cd3; }
.color3.on .titre a:link,
.color3.on .titre a:visited,
.color3 .titre a:active,
.color3 .titre a:hover					{ color:#57bff8; text-decoration:none; }
.color3.on .bloc1 						{ background:none;  }

/* Violet */
.color4 .titre a:link,
.color4 .titre a:visited				{ color:#9c50bc; }
.color4.on .titre a:link,
.color4.on .titre a:visited,
.color4 .titre a:active,
.color4 .titre a:hover					{ color:#c97ae9; text-decoration:none; }
.color4.on .bloc1 						{ background:none;  }

/* Gris */
.color5 .titre a:link,
.color5 .titre a:visited				{ color:#4d5b5d; }
.color5.on .titre a:link,
.color5.on .titre a:visited,
.color5 .titre a:active,
.color5 .titre a:hover					{ color:#738183; text-decoration:none; }
.color5.on .bloc1 						{ background:none;  }


/* Vert*/
.color6 .titre a:link,
.color6 .titre a:visited				{ color:#87B918; }
.color6.on .titre a:link,
.color6.on .titre a:visited,
.color6 .titre a:active,
.color6 .titre a:hover					{ color:#98c82d; text-decoration:none; }
.color6.on .bloc1 						{ background:none;  }

/* rose*/
.color7 .titre a:link,
.color7 .titre a:visited				{ color:#EB4BC3; }
.color7.on .titre a:link,
.color7.on .titre a:visited,
.color7 .titre a:active,
.color7 .titre a:hover					{ color:#f96fd7; text-decoration:none; }
.color7.on .bloc1 						{ background:none;  }


/* bleu foncé*/
.color8 .titre a:link,
.color8 .titre a:visited				{ color:#4575b1; }
.color8.on .titre a:link,
.color8.on .titre a:visited,
.color8 .titre a:active,
.color8 .titre a:hover					{ color:#5988c1; text-decoration:none; }
.color8.on .bloc1 						{ background:none;  }