/*	-------------------------------------------------------------------
	Feuille de styles pyrprod.fr
	
	Auteur : 	Christophe Ribot - christophe.ribot@rcconseil.fr
						RC Conseil - www.rcconseil.fr
	------------------------------------------------------------------- */

/* ---

#991CB9 : mauve
#981bb8	: mauve calir
#e5e5e5	: gris clair

--- */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body
{
	background: #981bb8 url(img/fd-long.png) 0 0 repeat-x;
	text-align: center;
}

body .page_sommaire {}
body .page_rubrique {}
body .page_article {}

body
{
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #666;
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: 'Trebuchet MS',Verdana,sans-serif; }
h1 { font-size: 2em; color: #000; }
h2
{
	font-size: 24px;
}
h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #000; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */


#page
{
	text-align: left;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*	-------------------------------------------------------------------
	header de la page
	------------------------------------------------------------------- */

#top
{
	margin: 0;
	padding: 0;
}

#header
{
	margin-top: 15px;
	margin-left: 10px;
	height: 65px;
	background: transparent url(img/logo-pyrprod.png) 0 0 no-repeat;
}

#header h1 { text-indent: -9000px; }

#header h1 a
{
	width: 180px;
	height: 52px;
	display: block;
}

/*	-------------------------------------------------------------------
	barre de navigation principale
	------------------------------------------------------------------- */

#navtop
{
	width: 900px;
	height: 40px;
	background: url(img/navtop-fd.png) 0 0 no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 40px;
}

#navtop ul, #navtop li
{
	margin: 0;
	padding: 0;
}

#navtop a
{
	color: #fff;
	text-decoration: none;
}

#navtop a:hover { text-decoration: underline; }

#navtop ul:after
{
	/* pour rétablir le flux en cas de contenus flottants */
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#navtop ul li
{
	float: left;
	background: url(img/navtop-sep.png) no-repeat left center;
	height: 40px;
	margin-right: 10px;
	padding-left: 12px;
}

#navtop ul li, #navtop ul li a
{
	display: block;
	height: 40px;
}

#navtop ul li.first { background: none; }

/*	-------------------------------------------------------------------
	hot-news
	------------------------------------------------------------------- */

#hotnews
{
	margin: 10px 0 0 0;
	padding: 0;
	width: 900px;
	height: 35px;
	background: url(img/hotnews-fd.png) 0 0 no-repeat;
}

#hotnews h2
{
	margin: 0 10px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-weight: normal;
	color: #666;
	display: block;
	float: left;
}

#hotnews ul
{
	margin: 0;
	padding: 0;
	width: 500px;
	list-style: none;
	float: left;
}

#hotnews li { line-height: 35px; }

#hotnews a
{
	color: #000;
	text-decoration: none;
}

#hotnews a:hover { color: #991CB9; }

#hotnews-btn
{
	float: right;
	width: 130px;
	height: 26px;
	margin: 4px 10px 0 0;
	background: url(img/btn-130.png) 0 0 no-repeat;
	text-align: center;
}

#hotnews-btn a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	line-height: 26px;
}

#hotnews-btn a:hover { color: #000; }

/*	-------------------------------------------------------------------
	A retenir
	------------------------------------------------------------------- */

#retenir
{
	width: 570px;
	height: 270px;
	margin: 10px 0 0 0;
	background: url(img/retenir-fd.png) 0 0 no-repeat;
	float: left;
}

#retenir dl
{
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
	width: 550px;
	height: 120px;
	background: url(img/fd-degrade.png) 0 0 repeat-x;
	cursor: pointer;
}

#retenir dl:hover { background: url(img/fd-degrade-inverse.png) 0 0 repeat-x; }

#retenir dt
{
	width: 120px;
	height: 120px;
	float: left;
}

#retenir dd
{
	margin-left: 130px;
	margin-right: 10px;
}

#retenir h2 { display: none; }

#retenir .titre
{
	/*color: #991CB9;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#retenir .intro
{
	color: #666;
	font-size: 12px;
	line-height: 16px;
}

#retenir .plus
{
	width: 70px;
	height: 26px;
	background: url(img/btn-70.png) 0 0 no-repeat;
	text-align: center;
	float: right;
}

#retenir .plus a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	line-height: 26px;
}

#retenir .plus a:hover { color: #000; }

/*	-------------------------------------------------------------------
	Pub
	------------------------------------------------------------------- */

#pub
{
	width: 300px;
	height: 250px;
	margin: 10px 0 0 0;
	padding: 10px;
	background: url(img/pub-fd.png) 0 0 no-repeat;
	float: right;
}

#pub h2 { display: none; }
#pub a { text-decoration: none; }

/*	-------------------------------------------------------------------
	Formulaire recherche
	------------------------------------------------------------------- */

#formulaire_recherche
{
/*
	position: absolute;
	top: 15px;
	right: 10px;
*/
	position: absolute;
	top: 122px;
	right: 10px;
}

#formulaire_recherche label { display: none; }
#formulaire_recherche .texte { }
#formulaire_recherche .submit { }

/*	-------------------------------------------------------------------
	Hierarchie - fil d'Ariane
	------------------------------------------------------------------- */

#hierarchie {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	width: 900px;
	height: 35px;
	background: url(img/hotnews-fd.png) 0 0 no-repeat;
	line-height: 35px;
	font-size: 12px;
}

/*	-------------------------------------------------------------------
	Contenu de la page
	------------------------------------------------------------------- */

#wrapper { margin: 0; padding: 10px; background: #fff; overflow: auto; }
#wrapper-top { margin: 10px 0 0 0; padding: 0; height: 5px; background: transparent url(img/wrapper-fd-top.png) left bottom no-repeat; }
#wrapper-bottom { margin: 0 0 10px 0; padding: 0; height: 5px; background: transparent url(img/wrapper-fd-bottom.png) left top no-repeat; }

#main { margin: 0; padding: 0; }

#content
{
	width: 560px;
	float: left;
	padding: 0;
}

.box-dates {}
.box-dates a { color: #000; text-decoration: none; }
.box-dates a:hover { color: #991CB9; }
.box-date { margin: 10px 0; width: 560px; height: 100px; padding: 0; background: #f2f2f2 url(img/fd-box-large.gif) 0 0 no-repeat; }
.box-date-content { padding-left: 10px; padding-top: 10px; }
.box-date-content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; margin-bottom: 5px; }
.box-date-content h2 a { color: #000; }
.box-date-content h2 a:hover { color: #991CB9; }
.box-date-content img { margin: 0 10px 0 0; }
.box-date-content p { margin: 0; }
.box-date-content .date a { color: #666; }
.box-date-content .date a:hover { color: #000; }
.box-date-content .plus { font-family: Arial, Helvetica, sans-serif; text-align: right; margin-right: 10px; font-weight: bold; line-height: 25px; color: #f00; }
.box-date-content .plus a { padding: 5px; color: #991CB9; }
.box-date-content .plus a:hover { color: #000; }

.spectacles-billetterie { clear: both; width: 540px; color: #000; background: #efefef; }
table.billetterie tr { padding: 15px; }
.billetterie .date {}
.billetterie .lieu {}
.billetterie .resa {}
td { padding: 10px; }
td.resa {  }
td.resa { }
td.resa a { display: block; padding-left: 10px; padding-right: 10px; margin-left: 25px; color: #fff; background: #991CB9 url(img/fd-lien-rollover.gif) 0 -25px repeat-x; }
td.resa a:hover { color: #fff; text-decoration: none; background: #000 url(img/fd-lien-rollover.gif) 0 0 repeat-x; }


.news .post { cursor: pointer; }
.news .post:hover { color: #000; }
.post { margin: 0 0 20px 0; padding: 10px; clear: both; }
.post-title { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; letter-spacing: -1px; }
.post-title a:hover { color: #fff; background: #000; text-decoration: none; }
.post-info { }
.post-content { text-align: justify; color: #000; }
.post-content p { text-align: justify; line-height: 18px; }
.post .spip_logos { float: letf; margin: 0 10px 10px 0; padding: 5px; border: 1px solid #ccc; }
.post-excerpt { color: #333; }

.post-title-autre a { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.post-title-autre a:hover { color: #fff; background: #000; text-decoration: none; }
.post-content-autre a { text-align: justify; color: #666; }
.post-content-autre a:hover { color: #000; text-decoration: none; }

#selection { margin: 0 0 10px 0; }

.vignette_artiste { float: left; display: block; width: 86px; height: 86px; padding: 3px; margin: 3px; border: 1px solid #ccc; }

/*	-------------------------------------------------------------------
	sidebar
	------------------------------------------------------------------- */

#sidebar { border: 0; padding: 10px; width: 300px; float:right; }
#sidebar h3 { font-size: 14px; line-height: 25px; color: #fff; background: #000 url(img/onglet-sidebar.gif) 0 0 no-repeat; padding-left: 10px; }
#sidebar h4 { font-size: 14px; font-weight: bold; }

#navigation, #extra { margin: 0; padding: 0; width: 300px; float: left; }
#navigation {}
#extra {}

.box-news {}
.box-news a {}
.box-news a:hover { text-decoration: none; }
.box-new { padding: 10px 5px 5px 5px; background: url(img/fd-degrade-inverse.png) 0 0 repeat-x; overflow: auto; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.box-new:hover {}
.box-new img { margin: 0 5px 0 0; }
.box-new-title { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0; letter-spacing: -1px; }
.box-new-title a { color: #000; }
.box-new-title a:hover { color: #991CB9; }
.box-new-text { margin: 5px 0; text-align: justify; font-size: 11px; }
.box-new-text a { color: #666; }
.box-new-text a:hover { color: #000; }
.box-new-plus { font-family: Arial, Helvetica, sans-serif; text-align: right; font-size: 10px; line-height: 25px; /* margin: 10px 0; */}
.box-new-plus a { padding: 5px; color: #fff; background: #991CB9 url(img/fd-lien-rollover.gif) 0 -25px repeat-x; }
.box-new-plus a:hover { background: #000 url(img/fd-lien-rollover.gif) 0 0 repeat-x; }

dl.event { margin: 0; padding: 10px; overflow: hidden; border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background: url(img/fd-degrade-inverse.png) 0 0 repeat-x; }
dl.event:hover { }
.event dt { position: relative; float: left; left: 0; top: 0; width: 80px; }
.event dd { margin: 0 0 0 90px; padding: 0 0 0 0; }
.event dd a { color: #000; }
.event dd a:hover { color: #991CB9; text-decoration: none; }
.event dd.titre { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; }
.event dd.titre a {}
.event dd.date { font-size: 11px; }
.event dd.date a { color: #666; }
.event dd.date a:hover { color: #000; }
.event dd.lien { font-family: Arial, Helvetica, sans-serif; text-align: right; font-size: 10px; line-height: 25px; }
.event dd.lien a { padding: 5px; color: #fff; background: #991CB9 url(img/fd-lien-rollover.gif) 0 -25px repeat-x; }
.event dd.lien a:hover { background: #000 url(img/fd-lien-rollover.gif) 0 0 repeat-x; }

.spacer { clear: both; }

/*	-------------------------------------------------------------------
	Pied de page
	------------------------------------------------------------------- */

#footer
{
	text-align: center;
	font-size: 10px;
	padding: 10px;
	color: #fff;
	clear: both;
}

#footer a { color: #fff; }
#footer a:hover { text-decoration: underline; }
#footer small { color: #CCC; }

/*	-------------------------------------------------------------------
	Evènements
	------------------------------------------------------------------- */

.evenements
{
	border-bottom: 1px solid #ccc;
	margin: 0.5em 0;
	padding: 0 0 0.5em 0;
}

.event
{
	color: #000;
}

.evenements dd
{
	margin: 0;
	padding: 0;
}


/*	-------------------------------------------------------------------
	Dates
	------------------------------------------------------------------- */

.dates .post { cursor: pointer; }
.dates .post:hover { color: #000; }