html, body			{height:100%; margin:0; }
p, ul, li, table td, dl, dd, dt	{margin:0; padding:0;}
html				{font-size:0.75em; }
body				{font-family:Arial, Helvetica, sans-serif; font-size:100%; background-color:#056fb2; color:#FFFFFF; position:relative;}

.hidden,
.menu_accessible                {display:none; }

.clear                          {clear:both; height:1%; font-size:1px;}

h1				{font-size:2em; background:url(img/superheros.gif) center 50px no-repeat; line-height:50px; height:355px; text-align:center; position:relative; margin:0;}
h1 span				{position:relative; top:260px; width:265px;}
h2				{font-size:1.4em; background:url(img/h2_01.gif) left top no-repeat; padding:0 0 0 12px; height:27px; line-height:27px; text-transform:uppercase;}
h2 span				{display:block; float:left; padding:0 13px 0 0; background:url(img/h2_02.gif) right top no-repeat;}
h3				{margin:10px 0 5px 12px; font-size:1.3em; text-transform:uppercase; letter-spacing:-0.5px;}

p, dl                           {padding: 5px 0 5px 12px; margin:0; line-height:20px;}
dt 	                        {padding: 0; font-weight:bold;}
dd 	                        {padding: 0; margin: 0 0 5px 0; line-height:17px; text-indent:0px;}

.citation                       {font-style:italic; color:#adadad; padding: 5px 0 5px 24px;}
.author                         {font-style:italic; color:#adadad; padding: 5px 0 5px 0; white-space: nowrap;}
.focus                      	{background-color:#58585a; margin:15px 30px 15px 24px; text-align:center;}
.focus h3                       {padding:20px 0 0 0;}
.zoom                      	{border-left:#58585a 10px solid; margin:12px 30px 12px 24px;}
.horaire                     	{font-weight:bold; line-height:15px; clear:both;}
.horaire a                     	{font-weight:normal;}
.soustitre                      {font-style:italic; color:#adadad; padding-top:0;}

ul                              {margin:0 0 0 25px; padding: 5px 0 5px 12px; line-height:20px;}
ul li                           {}


a                            	{color:#056fb2; text-decoration:none;}
a:hover                      	{text-decoration:underline;}
a.external_link:before 		{content:url(img/external_link.gif); }
a.file span	 		{color:#adadad; text-decoration:none;}

a img                           {border-width:0px !important;}

/*-------------- POPUP Programmation ---------------------*/
#programme a.popup span      {display:none; position:fixed; left:10px; top:20%; padding:10px; width:280px;
/* largeur de la zone de commentaires, selon la taille du menu */
text-align:left; border:1px dashed #191B1A; background-color:#98BF93; color:#191B1A; }
#programme a.popup:hover span{display:block; }

/* --------------------- LAYOUT ------------------------ */
.screen                      	{width:65%; margin-left:320px; background-color:#056fb2;}
.header                		{position:fixed; top:0px; left:0px; width:300px; padding-top:1em; text-align:left; }
* html .header                	{position:absolute; top:0px; left:0px; width:300px; padding-top:1em; text-align:left; }
.header p                       {text-align:center;}
.header .retour_accueil         {position:absolute; top:110px; text-indent:-5000px}
.header .retour_accueil a       {display:block; width: 290px; height:270px;}
.menu                  		{padding:5px 0; text-align:center; font-size:1.1em;}

.main                		{background:url(img/wrapper_bottom.gif) left bottom repeat-x #1a171b;}
.main_int1             		{background:url(img/wrapper_top.gif) left top repeat-x;}
.main_int2             		{background:url(img/wrapper_right.gif) right top repeat-y;}
.main_int3             		{background:url(img/wrapper_left.gif) left top repeat-y;}

.main_int4             		{background:url(img/wrapper_lefttop.gif) left top no-repeat;}
.main_int5             		{background:url(img/wrapper_righttop.gif) right top no-repeat;}
.main_int6             		{background:url(img/wrapper_leftbottom.gif) left bottom no-repeat;}
.main_int7             		{background:url(img/wrapper_rightbottom.gif) right bottom no-repeat;}

.main .content                  {padding:15px 25px 25px 25px;}

.main .content_cell             	{height:1%; margin:0 0 20px 0;}
.main .content_cell_first            	{}
.main .content_cell .cell_demi		{float:left; width:48%;}
.main .content_cell .cell_right		{float:right; padding:0 0 0 10px;}
.main .content_cell .cell_right	p,dl	{padding: 5px 0 5px 0px;}
.main .content_cell .cell_right	p.zoom  {padding: 5px 0 5px 12px; margin:12px 30px 12px 24px;}
.main .content_cell .cell_right	h3	{margin:10px 0 5px 0;}
.main .content_cell .cell_right	ul      {margin:0 0 0 15px;}

.main .content_cell img            	{margin:0 10px 5px 0; border:1px solid #FFF;}
.main .content_cell img.left           	{float:left; margin:0 10px 5px 0; border:1px solid #FFF;}
.main .content_cell img.right          	{float:right; margin:0 0 10px 10px; border:1px solid #FFF;}

.footer                		{text-align:center; color:#adadad; background:url(img/wrapper_top.gif) left top repeat-x #1a171b; margin:10px 0 0 0;}
.footer .footer_int1   		{background:url(img/wrapper_left.gif) left top repeat-y;}
.footer .footer_int2   		{background:url(img/wrapper_right.gif) right top repeat-y;}
.footer .footer_int3   		{background:url(img/wrapper_lefttop.gif) left top no-repeat;}
.footer .footer_int4   		{background:url(img/wrapper_righttop.gif) right top no-repeat; padding:25px;}
.footer p			{padding: 3px 0 0 0; line-height:15px;}
.footer p.title			{font-size:1.3em; font-weight:bold;}
.footer p.horaire		{text-align:center;}

/* --------------------- PROGRAMME ------------------------ */
table                           {border-collapse:collapse;/* background-color: red;*/ vertical-align:middle; margin:10px; width:98%;}
table tr               		{height:25px; line-height:25px;}
table tr td               	{border-bottom:1px dashed #333;}
table tr.last td               	{border:none;}
table tr td.first               {width:10%; padding:0 0 0 20px;}

table tr.title               	{height:17px; line-height:17px; font-weight:bold; text-transform:uppercase; text-align:center;}
table tr.title th               {background:url(img/table_02.gif) left top repeat-x; border:none; padding:0;}
table tr.title th span       	{background:url(img/table_01.gif) left top no-repeat; display:block; height:17px; width:100%; }
table tr.title th span span     {background:url(img/table_03.gif) right top no-repeat;}

table td .citation              {margin:0 0 0 10px;}

/* --------------------- AIR GUITAR ---------------------- */
.air_guitar 			       	{text-align:center;}

/* --------------------- CONCOURS ------------------------ */

table.concours	               		{height:25px; line-height:15px; text-align:center;}
table.concours tr               	{height:25px; line-height:15px; text-align:center;}
table.concours tr th               	{width:33%;}
table.concours tr td               	{padding:5px 10px 5px 0;}
table.concours td .citation             {margin:0; padding:0; white-space: nowrap;}

table.concours tr.title               	{height:17px; line-height:17px;}
table tr.title th               	{background:url(img/table_02.gif) left top repeat-x;}
table tr.title th span               	{background:url(img/table_01.gif) left top no-repeat;}
table tr.title th span.last           	{background:url(img/table_03.gif) right top no-repeat;}

.projection #flashcontent   	        {padding:20px;}

/* --------------------- MENU ------------------------ */
.menu a                	{color:#000; font-weight: bold;}
.menu a:hover          	{text-decoration:underline;}
.menu a.act         	{font-weight:bold; color:#FFF; font-size:1.2em; }
.menu a:hover.act   	{text-decoration:none; }

.menu ul               {margin:0; padding:0; }
.menu ul ul            {}
.menu li               {display:inline; list-style-type:none; padding:5px; }