/*
 * www.la-phalene.net
 * rubrique.css
 */

body {
  background-image: url(../images/fond1-800x4096.gif);
  font-family: arial, verdana, sans-serif;
  font-size: 16px;
  background-position: top center;
  background-repeat: no-repeat;
}

/* 
 * Positionnement des textes-images "La Phalène" et "Théâtre à domicile" 
 */
div#phalene-texte-1 {
  position: absolute;
	top: 10px;
	left: 180px;
}
div#phalene-texte-2 {
  position: absolute;
	top: 28px;
	left: 520px;
}


/* 
 * Positionnement du papillon
 */
div#phalene-logo {
  position: absolute;
	top: 72px;
	left: 110px;
}


/* 
 * Positionnement et description du menu supérieur
 */
div#menu {
  position: absolute;
	top: 90px;
	left: 10px;
	width: 111px; /* width: 110px; */
	text-align: left;
	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
div#menu .centre {
  text-align: center;
}
div#menu a.noselect, div#menu a.noselect:link, div#menu a.noselect:visited {
  color: #EFEFF7;
	background-color: transparent;
	text-decoration: none;
	border: none;
}
div#menu a.noselect:hover, div#menu a.select, div#menu a.select:hover {
	color: #4D4A7F;
	background-color: #EFEFF7;
	text-decoration: none;
	border: none;
}
div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#menu li {
	display: block;
	margin: 0px;
	padding: 3px 0 3px 0;
}
div#menu li hr {
	margin: 3px 0 3px 0;
	padding: 0px;
}
div#menu img.format_png { /* Logo Captives */
  position: relative;
  top: -8px;
  left: 1px;
}
div#menu a:hover {
  background-color: transparent;
}
div#menu a img.spip_logos {
  border: 5px #4D4A7F solid;
}
div#menu a:hover img.spip_logos   {
  border: 5px #EFEFF7 solid; /* effet rollover pour les photos-vignettes sur fond bleu foncé */
}

div#menu div#actualite {
  margin-top: 10px;
}

/* 
 * Positionnement du texte de présentation et du logo 
 */
div#contenu {
	position: absolute;
	top: 110px;
	left: 155px;
	width: 330px;
	background-color: #EFEFF7;
	vertical-align: top;
	padding: 5px;
	text-align: justify;
	padding-bottom: 40px;
}
div#contenu p {
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 7px 0 7px 0;
}
div#contenu img.papillon { /* positionnement du papillon */
	position: relative;
	left: -25px;
	top: -15px;
	float: left;
	padding: 0px;
	margin: -5px;
}
div#contenu table {
  width: 330px;
}
div#contenu td.titre, div#contenu div.titre {
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #4D4A7F;
  color: #EFEFF7;
}
div#contenu td.texte, div#contenu div.texte, div#contenu div.document {
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-top: 3px;
  padding-bottom: 3px;
}
div#contenu div.document {
  margin-top: 25px;
  text-align: center;
}

div#contenu ul {
	padding: 3px 0 0 20px;
	margin: 0;
}
div#contenu li {
	padding: 2px;
	margin: 0;
}
div#contenu div#intro, div#contenu div#intro p {
  font-family: arial, verdana, sans-serif;
  font-size: 16px;
}

/*
 * Positionnement et style du cadre des informations (contact)
 */
div#contact {
  position: relative;
  width: 240px;
  margin-left: auto;
  margin-right: auto;
	padding: 10px;
  margin-bottom: 20px;
	border: 1px solid #999;
  background-color: #FFFFCC;
	text-align: center;
	-moz-border-radius: 14px;
}
div#likebox {
  position: relative;
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}
div#legende {
  position: relative;
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  width: 260px;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 40px;
  margin-right: auto;
  padding: 0px;
}

/* 
 * Positionnement de la colonne incluant le bloc de contact 
 * et la liste des spectacles
 */
div#colonne-droite {
	position: absolute;
	top: 105px;
	left: 515px;
	width: 265px;
}

/* 
 * Positionnement et description de la liste des spectacles 
 */
div#spectacles {

}
div#spectacles ul {
  background: #FFFFCC right repeat-y;
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#spectacles li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
div#spectacles li h2 {
	border: 0px;
	text-align: center;
}
div#spectacles li h2 a {
  padding: 5px 0px 5px 0px;
}
div#spectacles li a {
	display: block;
	padding: 4px 10px;
	margin: 0px;
	text-decoration: none;
	background: #FFFFCC;
	border-top: 1px solid #EFEFF7;
}
div#spectacles li a:hover {
	background: #4D4A7F;
}
div#spectacles li.captives a:hover {
	background: #F44114;
}
div#spectacles li.repetition {
	display: block;
	padding: 4px 10px;
	margin: 0px;
	text-decoration: none;
	background: #C0C0C0;
	border-top: 1px solid #EFEFF7;
}
div#spectacles li a img.spip_logos {
  border: 5px #FFFFCC solid;
}
div#spectacles li a:hover img.spip_logos   {
  border: 5px #4D4A7F solid; /* effet rollover pour les photos-vignettes sur fond bleu foncé */
}
div#spectacles li.captives a:hover img.spip_logos   {
  border: 5px #F44114 solid; /* effet rollover pour les photos-vignettes */
}
div#spectacles li a img.format_png {
  border: none;
  margin: 0px;
	padding: 0px;
	margin-right: -4px;
}
div#spectacles li p {
  text-align: center;
  vertical-align: middle;
}
div#spectacles div.notes {
  margin-top: 5px;
}

div#contenu-blog {
	position: absolute;
	top: 800px;
	left: 137px;
  width: 643px;
  padding-bottom: 50px;
}
div#contenu-blog div.contenu-titre {
	border-bottom: 3px solid #00C000;
	margin: 0 0 15px 0;
  text-align: center;
}