/*
# Marionnettes du bout du monde - feuille de style principale
# Marc Nadeau, 0000-00-00; Marc Nadeau, 2010-09-29
*/

/* tag */

body{ background-color: #222494; background-image: url(background.gif); font-family: "Arial", "Helvetica", sans-serif; font-size: 100%; }
textarea{ background-color: #eee; }
textarea:focus{ background-color: #fff; }


/* tag.class */

a.adv_shows{ border-bottom: red solid thin;  color: #fff;  font-weight: bold; text-decoration: none; }
a.adv_shows:hover{ border-bottom: yellow solid thin;  color: yellow; }
a.main_menu_item{   font-weight: normal;   margin-left: 0.5em;   margin-right: 0.5em;   text-decoration: none;   white-space: nowrap;}
a.pager{  background-color: #fff;  border : solid 3px blue;  color: #000;  font-size: 70%;  font-style: normal;  font-weight: medium;  margin: 0.3ex;  padding: 0.5ex;  text-decoration: none;  white-space: nowrap; }
a.pager_button{ padding: 0; padding: 0; text-decoration: none; }
a.pager:hover{ border-color: yellow; }

.debug{ background-color: #fff; border: red solid thin; color: red; margin: 1ex; text-align: left; }

div.content_unit{ clear: both; margin: 0; padding: 0; width: 100%; }

div.main_menu{ clear: both; font-size: 90%; line-height: 180%; margin: 1em auto; padding: 1em; text-align: center; width: 90%; }
div.pager { border: none; clear: both; line-height: 225%; margin: 1em auto; padding: 1em; text-align: center;  width: 80%; }
em.pager{  background-color: #ddd; border : solid 3px cyan; color: #000; font-size: 70%; font-style: normal; font-weight: medium; margin: 0.3ex; padding: 0.5ex; text-decoration: none; }
h1{ font-size: 140%; text-align: center;}
h2{ clear: both; font-size: 120%; text-align: center;}
h2.page_number{ font-size: 80%; text-align: center;}
h3{  clear: both; font-size: 110%;  margin: 0; padding: 1ex; text-align: left; }
img.adv_shows{ float: left; margin: 0.5ex; margin-right: 1ex; }
img{ border: none;}
img.inline{ border: none; float: left; margin: 1ex; }
img.page_link { border: #90ee90 solid thin; margin: 4px; }
li{ margin-left: 2em; }
p.adv_shows{  font-size: 90%; line-height: 140%; margin: 1ex;  text-align: left; }
p.debug{ background-color: #fff; border: red solid thin; color: #000; padding: 0.5ex; text-align: left; }

p.extra_info{  clear: both;  line-height: 140%;   margin: 1ex auto;   margin-top: 3ex;   text-align: center;  }
p.standard{ line-height: 140%;  margin: 1ex;  margin-top: 2ex;  text-align: justify; text-indent: 1em; }


/* tag#id */

div#adv_shows{ background: #000 url(/media/styles/backgrounds/anim-petites-etoiles-fond-noir.gif); border: red dotted 3px;  margin: 2ex auto;  max-width: 80%;  padding: 10px;  width: 60em; }
div#main_content{ margin: 4ex auto; max-width: 80%; width: 60em; }
p#debug_server_identity{ border-bottom: red solid thick; clear: both; font-weight: bold; text-align: center; }

/* #################################### OBSOLETE KOI #################################### */

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#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.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#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%; }
div#banniere_simple{ border: none; background-color: transparent; text-align: center; }
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#float_home_container{ border: none;  float: left;  height: 48px;  left: 20px;  padding: 0; position: fixed;  top: 20px;  width: 65px; }
div.form_header{ background-color: #006666; color: #fff; font-size: 110%; font-weight: bold; padding: 0.5ex; text-align: center; }
div#main_picture_cont{ border: none; height: 280px; margin: auto; width: 380px; }
div.para, div.para_etroit{ clear: both; border: none; width: 80%; margin: 2ex auto; }
div.para, div.para_etroit{ width: 65%; }
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%; }
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; }
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.banniere, img.entete_menu{ border: none; margin: 0; }
img#fixed_to_home{ border: #000 solid thin; }
img#fixed_to_home:hover{ border: #fff solid thin; }
img.in_content_unit{ border: none; float: left; margin: 1ex; }
img#main_picture{ margin: 0 auto; border: none; }
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; }
.nothing{ top: auto; float: none; }
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#coordonnees{ color: yellow; text-align: center; font-size: 80%; margin-top: 3ex; }
p.model_status{ background-color: #fff; border-bottom: red solid thick; font-weight: bold; text-align: center; }
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%; }
p.pager{ margin: 4ex auto; text-align: center; width: 80%; }
p.pub_bas_de_page{ margin-top: 1ex; }
.principale{ top: auto; float: none; border: 0px; position: relative; width:522px; margin-left: 210px; }
table#ajax_corpus{  border: none;   height: 320px;  margin: 2ex auto;   padding:0; }
table#banniere_index{ background-color: transparent; margin: auto; }
table.in_article{ border: none; margin: 1ex; float: left; }
table.inter_para{ border: none; margin: 1ex auto; }
table.menu{  border: none; margin: 0 auto; }
table#menu_principal{ margin: 0px; }
td.article_histoire{ background-color: #ffcc00; line-height: 150%; text-align: justify; padding: 1ex; vertical-align: top; } td.banniere{ text-align: center; }
td#changing_content{ border: none;    padding: 0; text-align: center; vertical-align: middle; width: 480px; }
td.changing{ padding: 0; text-align: center; }
td.fixed{ border: none; padding-top: 20px; vertical-align: top; }
td.legende{ font-size: 85%; font-weight: normal; text-align: left; }
td.menu_item{  border: none; text-align: left; width: 180px; }