@import url( /media/styles/main.css );
@import url( /media/css/menu_pale.css );

/*
# Marionnettes du bout du monde - Editeur des spectacles - feuille de styles
########
# Marc Nadeau, 2008-02-21; Marc Nadeau, 2008-06-09
*/

a.menu_sections_pale { color: #fff; }
a.menu_sections_pale:hover { color: yellow; }
a.other_show { border-bottom: #fff solid thin; color: #fff; font-size: 85%; font-weight: bold; text-align: center; text-decoration: none; vertical-align: center; }
a.other_show:hover { border-bottom: red solid thin; color: yellow; }
body { background-color: #006; background-image: url( /media/fond-spectacles.jpg ); color: #fff; font-size: 100%; }
.debug{ background-color: #fff;  border: red solid thin; color: red;  color: #000; font-weight: bold; margin: 1ex;  text-align: center;  }
div#collaborators { border: none; clear: both; line-height: 150%; margin: 2ex; padding: 1ex; text-align: left; }
div#image_block_abstract { border: none; float: right; height: 200px; text-align: center; width: 260px; }
div#image_block_collaborators { border: none; float: left; height: 200px; text-align: center; width: 260px; }

a.main_menu_item{   font-weight: normal;   margin-left: 0.5em;   margin-right: 0.5em;   text-decoration: none;   white-space: nowrap;}

div#main_content
{
margin: 0 auto;
max-width: 80%;
width: 60em;
padding: 0;
}


div#other_info
{ 
clear: both; 
line-height: 150%; 
margin: 2ex auto; 
padding: 1ex; 
text-align: left; 
}

div.main_menu{ clear: both; font-size: 90%; line-height: 180%; margin: 1em auto; padding: 1em; text-align: center; width: 90%; }


div#slogans { border: none; clear: both; margin: 2ex auto; }
div#title_and_abstract { border: none; line-height: 150%; margin: 2ex; padding: 1ex; text-align: justify; }

h1
{
color: #fff;
font-size: 130%;
margin-top: 1ex;
padding: 1ex; 
text-align: center;
background: #006 url(dark-blue-background-stars-anim.gif);
border: yellow solid thin; 
}


h2 
{ 
color: yellow; 
font-size: 110%; 
margin-top: 1ex;
padding: 2ex; 
text-align: center;
}

input#retour_a_l_edition { background-color: #ffe; }
p.navigation_bas_de_page { line-height: 150%; }
p.slogans a { border-bottom: yellow solid thin; color: yellow; text-decoration: none; }
p.slogans a:hover { border-bottom: #fff solid thin; color: #fff; }

p.slogans 
{ 
color: yellow; 
font-size: 110%; 
font-weight: normal; 
line-height: 135%; 
margin: 2ex; 
padding: 1ex; 
text-align: center; 
}

p.staff_role { line-height: 130%; text-align: right; }

p.other_info { line-height: 130%; text-align: center; }

div.content_unit
{
background: #006 url(dark-blue-background-stars-anim.gif);
border: red solid thin;
margin-top: 1ex;
}


table#other_shows 
{ 
border: yellow solid thin; 
clear: both; 
margin: 0 auto; 
width: 12em; 
}

table#flyer
{
margin: 1ex auto;
}




td.new_show, td.thumbnail 
{ 
padding-top: 2ex; 
padding-bottom: 2ex; 
text-align: center; 
width: 80px; 
}


td.show_short_desc { text-align: left; }
td#synopsis { border: none; padding: 0; }
th#other_shows { text-align: center; padding: 1ex; color: yellow; }