/*
###
# Marionnettes du bout du monde - feuille de style principale
###
# Marc Nadeao, 0000-00-00; Marc Nadeau, 2009-04-20
###
*/

/* tag */

h1{ font-size: medium; }
img{ border: none; }
li{ margin-left: 2em; }
textarea{ background-color: #eee; }
textarea:focus{ background-color: #fff; }

/* .class */

.nothing { top: auto; float: none; }
.principale { top: auto; float: none; border: 0px; position: relative; width:522px; margin-left: 210px; }

/* tag.class */

a.bouton{ background-color: #fff; border: green solid thin; color: #000; font-weight: bold; padding: 0.5ex; text-decoration: none; }
a.bouton:hover{ color: green; }
a.credits:hover{ border: #fff solid thin; }
a.in_histoire{ background-color: transparent; color: #0000cc; font-weight: normal; }
a.in_histoire:hover, a.navigation:hover{ background-color: #ff6; }
a.menu_sections_pale, a.menu_section_pale:visited { color: #fff; font-size: 80%; font-weight: bold; }
a.menu_sections_pale:hover { color: #ff6; }
a.navigation{ font-weight: bold; color: #0000cc; background-color: transparent; font-size: 85%; }




a.pub_bas_de_page { 
border-bottom: red solid thin; 
color: #fff; 
font-weight: bold; 
margin: 1ex; 
text-decoration: none; 
}
a.pub_bas_de_page:hover { 
border-bottom: yellow solid thin; 
color: yellow; 
}

p.pub_bas_de_page
{
margin-top: 1ex;
}









body { background-color: #222494; background-image: url(/media/fond_main.gif); font-family: "Arial", "Helvetica", sans-serif; font-size: 100%;	 }
code { background-color: #fff; border: red solid thin; color: red; display: block; margin: 1ex auto; text-align: left; }
div.bouton{ background-color: transparent; border: none; margin: 1ex auto; text-align: center; }
div.changing {  border: none;  padding: 0;   }
div.fermer_popup{ margin: 3ex auto; }
div.form_header{ background-color: #006666; color: #fff; font-size: 110%; font-weight: bold; padding: 0.5ex; text-align: center; }
div.in_article{ background-color: green; border: none; float: left; font-size: 90%; font-weight: bold; margin-left: 20%; max-width: 50%; text-align: center; }
div.para, div.para_etroit{ clear: both; border: none; width: 80%; margin: 2ex auto; }
div.para, div.para_etroit{ width: 65%; }
div.pub_multi{ margin-top: 2ex; text-align: center; }
div.zone_images{ border: none; text-align: center; }
fieldset.bouton{ text-align: center; background-color: #eee; }
img.banniere, img.entete_menu{ border: none; margin: 0; }
img.photo_button { border: none; margin: 3px; }
input.bouton_danger{ background-color: #f99; border: #f66 solid thin; color: #000; font-size: 70%; font-weight: bold; padding: 0.3ex; }
input.bouton_danger:hover{ background-color: #ffffff; }
input.bouton:hover, a.bouton:hover{ background-color: #ccffff; border: blue solid thin; }
input.bouton, span.bouton_demonstration, a.bouton{ background-color: #cceeff; border: #000 solid thin; font-size: 70%; font-weight: bold; padding: 0.3ex; }
p.article_histoire{ background-color: #ffcc00; border: none; margin: 1ex auto; text-align: justify; padding: 1ex; line-height: 150%; clear: right; text-indent: 3ex; }
p.bibliographie{ background-color: #ffcc00; border: none; margin: 1ex auto; text-align: left; padding: 0.5ex; line-height: 150%; clear: right; text-indent: 0; font-size: 90%; }
p.navigation_bas_de_page{ margin: 1ex auto; text-align: center; font-size: 90%; line-height: 140%; width: 80%; }
p.navigation{ font-size: 90%; line-height: 140%; margin: 1ex auto; text-align: center; }
p.numero_page{ width: 80%; margin: 1ex auto; text-align: right; font-style: italic; font-size: 75%; }
table.in_article{ border: none; margin: 1ex; float: left; }
table.inter_para { border: none; margin: 1ex auto; }
table.menu {  border: none; margin: 0 auto;  }
td.article_histoire{ background-color: #ffcc00; line-height: 150%; text-align: justify; padding: 1ex; vertical-align: top; } td.banniere{ text-align: center; }
td.changing { padding: 0; text-align: center; }
td.fixed{ border: none; padding-top: 20px; vertical-align: top; }
td.legende{ font-size: 85%; font-weight: bold; text-align: center; }
td.menu_item {  border: none; text-align: left; width: 180px; }

/* tag#id */

a#fermer_popup{ background-color: #fff; border: green solid thin; color: #000; font-size: 100%; font-weight: bold; padding: 0.3ex; }
a#fermer_popup:hover{ background-color: #fff; color: green; }
a#to_home { border: none; }
body#accueil { background-color: #222494; background-image: url(/media/fond_main.gif); }
body#bd_histoire { background-color: #000033; background-image: url( /media/fond_etoiles_bd.gif ); margin: 0; padding: 0; padding-bottom: 1ex;	 padding-left: 5%; padding-right: 5%; }
body#histoire { background-color: #ffcc00; background-image: url(/media/fond_etoiles_jaunes.gif); margin: 0; padding: 0; }
body#marseille { background-color: #C8C8FA; background-image: url( /media/fond-marseille.jpg ); padding-left: 5%; padding-right: 5%; }
body#prochains_spectacles { background-color: red; background-image: url(/media/fond_etoiles_jaunes.gif); color: #000; margin: 0; padding: 0; padding-bottom: 1ex; padding-left: 5%; padding-right: 5%; }
body#royaume_ferraille { background-color: #fff; background-image: url( /media/fond-royaume-ferraille.gif ); padding-left: 5%; padding-right: 5%; }
body#tacot_taxi{ background-color: #ffcc00; background-image: url( /media/fond-tacot-taxi.gif ); padding-left: 5%; padding-right: 5%; }
body#urss { background-color: #000000; background-image: url( /media/fond_etoile_urss.gif ); color: #FFFFFF; }
div#banniere_simple{ border: none; background-color: transparent; text-align: center; }



div#encadre_pub_spectacles
{
background-image: url( backgrounds/encadre_pub_spectacles.gif );
background-color: #fff;
border: red dotted 3px;
max-width: 66em;
width: 80%;
color: #fff;
margin: auto;
height: 120px;
padding: 10px;
}







div#float_home_container { border: none;  float: left;  height: 48px;  left: 20px;  padding: 0; position: fixed;  top: 20px;  width: 65px;  }
div#main_picture_cont { border: none; height: 280px; margin: auto; width: 380px; }
div#presentation_cont { background-color: #211F86; background-image: url(/media/styles/backgrounds/anim-petites-etoiles-fond-bleu-fonce.gif); border: red dotted 9px; margin: 10%; }
div#pub_bas_de_page { border: yellow solid 1px; color: #fff; height: 116px; margin: 2ex auto; padding: 1ex; width: 70%; }
div#pub_bas_de_page_fonce { border: yellow solid 1px; color: #000; height: 116px; margin: 2ex auto; padding: 1ex; width: 70%; }

h1#titre_article{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; margin-top: 1ex; text-align: center; }
h2#auteur_article{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-style: italic; font-weight: normal; margin-top: 1ex; text-align: center; }
img#fixed_to_home { border: #000 solid thin; }
img#fixed_to_home:hover { border: #fff solid thin; }
img#main_picture { margin: 0 auto; border: none; }
p#coordonnees{ color: yellow; text-align: center; font-size: 80%; margin-top: 3ex; }
table#ajax_corpus {  border: none;   height: 320px;  margin: 2ex auto;   padding:0; }
table#banniere_index{ background-color: transparent; margin: auto; }
table#menu_principal { margin: 0px; }
td#changing_content { border: none;    padding: 0; text-align: center; vertical-align: middle; width: 480px; }