/* CSS Document */

/*-----------------
	HTML STYLES 
------------------*/
html {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* équivaut à 10 pix*/
	color: #4C1818;
	margin: 0px;
	line-height: 17px;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 10px;
	background: #24221E url(/img/bg_site.gif) repeat-y center;
}
/* évite d'avoir une bordure quand on met un lien sur un image */
img {
	border: none;
}
form {
	margin: 0;
	padding: 0;
}

/*-----------------
	BLOCS 
------------------*/
#conteneur { 
	position: relative;
	width: 894px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#subheader h1 {
	font-size: 1em;
	color: #938A78;
	text-align: center;
	font-weight: normal;
	margin: 0px;
}
#header {
	height: 250px;
	padding: 0px;
	margin: 0px;
}
#centre {
	background-image: url(/img/ombre-page.gif);
	background-repeat: repeat-y;
}
#page {
	background-image: url(/img/fond_papier.jpg);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 22px;
	/* correction bug IE5 */
	width: 874px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 830px;
}
#footer {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 1em;
	background-image: url(/img/fond_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
	height: 56px;
	padding-left: 32px;
	padding-right: 32px;
	/* correction bug IE5 */
	width: 894px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 830px;
}
#footer-gauche {
	font-weight: bold;
	float: left;
	}
	#footer-gauche a {
	color: #4C1818;
	text-decoration: none;
	}
	#footer-gauche a:hover {
	color: #F0331B;
}
#footer-droite {
	text-align: right;
	float: right;
}
#credits-gauche {
	float: left;
	color: #938A78;
	padding-left: 32px;
}
#credits-droite {
	float: right;
	color: #756E60;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-right: 32px;
	}
	#credits-droite a {
	color: #938A78;
	text-decoration: none;
	}
	#credits-droite a:hover {
	text-decoration: underline;
}
/* ACCUEIL ----*/
#alaffiche {
	float: left;
	padding-right: 50px;
	/* correction bug IE5 */
	width: 430px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	width: 380px;
}
#news {
	width: 400px;
	float: right;
}

/* ASSO -----*/

#asso-gauche {
	float: left;
	width: 230px;
}
#asso-droite {
	width: 600px;
	float: right;
	font-size: 1.2em;
}
#liste-artiste {
	width: 640px;
	font-size: 1.2em;
	text-align:center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dashed #4F1C1C;
}

/* CONCERT, FESTIVAL & BOUTIQUE -----*/

#festi-gauche, #concert-gauche, #boutique-gauche {
	float: left;
	width: 230px;
	padding-top: 15px;
}
#festi-droite, #concert-droite, #boutique-droite {
	width: 600px;
	float: right;
	font-size: 1.2em;
}
.bt-festi {
	margin-top: 20px;
}

/* LIENS ----*/

#liens {
	width: 400px;
	float: right;
}

/* ANNULE LES COLONNES ----*/

#clear {
	height: 1px;
	clear: both;
}


/*----------------------
	MISE EN FORME  
------------------------*/

/* PAGE D'ACCUEIL -------*/

#alaffiche h2{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	height: 28px;
	width: 222px;
	background-image: url(/img/titre_alaffiche.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 4px;
}
.legende a {
	color: #FFFFFF;
	background-color: #F0331B;
	text-decoration: none;
}
.legende a:hover {
	color: #FFFFFF;
	background-color: #4C1818;
}
.affiche {
	margin-bottom: 5px;	
}
.affiche img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
}
.affiche a:hover img {
	border: 6px solid #FFFFFF;
	background-color: #FFFFFF;
	Filter: none; /* correction bug IE */
}
#alaffiche .partenaire {
	padding: 10px 0 5px 0;
}
#alaffiche .partenaire img {
	margin: 0 5px 5px 0;
}
#news h3{
	margin: 0;
	padding: 0;
	height: 40px;
	width: 108px;
	background-image: url(/img/titre_actus.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 15px;
}
.date-news {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	color: #F0331B;
	font-size: 1.1em;
}
.titre-news {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 4px;
}
.separ-news {
	margin-top: 2px;
	margin-bottom: 6px;
}
.txt-news {
	font-size: 1.1em;
	padding-top: 8px;
	background-image: url(/img/separ_news.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.lien-news a {
	font-size: 1em;
	color: #FFFFFF;
	background-color: #F0331B;
	text-decoration: none;
}
.lien-news a:hover {
	color: #FFFFFF;
	background-color: #4C1818;
}
.pagination {
	font-size: 1.1em;
	color: #F0331B;
	padding-top: 8px;
	background-image: url(/img/separ_news_pagination.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	.pagination a {
	color: #F0331B;
	text-decoration: underline;
}

/* Rubrique ASSOCIATION -------*/

#asso-droite h2{
	margin: 0;
	padding: 0;
	height: 26px;
	width: 429px;
	background-image: url(/img/titre_asso.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#asso-droite h3{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	color: #F0331B;
	margin: 0;
	padding: 0;
}
#titre-archive {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 452px;
	background-image: url(/img/titre_asso_archive.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
.bt_archive {
	margin-top: 50px;
	margin-left: 10px;
}
.asso-img1 {
	margin-top: 120px;
	margin-left: 70px;
}
.asso-img2 {
	margin-top: 120px;
	margin-left: 50px;
}
#liste-artiste h3{
	margin: 0;
	padding: 0;
	height: 23px;
	width: 411px;
	background-image: url(/img/titre_asso_artiste.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
#asso-archive img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
}
#asso-archive a:hover img {
	border: 6px solid #FFFFFF;
	background-color: #FFFFFF;
	Filter: none; /* correction bug IE */
}
.vignette-asso {
	height: 112px;
	width: 112px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
}

/* Rubrique CONCERT A VENIR -------*/

#concert-droite h2{
	margin: 0;
	padding: 0;
	height: 25px;
	width: 375px;
	background-image: url(/img/titre_concert.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#concert-gauche .img2 {
	margin: 100px 0 0 40px;
}
#concert-droite .fiche {
	background: transparent url(/img/bg_pointille_separ.gif) repeat-x top;
	padding: 10px 0 20px 0;
}
#concert-droite .fiche h3 {
	margin: 0 0 5px 0;
	padding: 7px 0 6px 3px;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.7em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F0331B;
}
#concert-droite .fiche .lieu {
	margin: 0 0 5px 0;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.7em;
	font-weight: bold;
	color: #F0331B;
	}
	#concert-droite .fiche .lieu a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #F0331B;
	}
	#concert-droite .fiche .lieu a:hover {
	text-decoration: underline;
}
#concert-droite .fiche .prog {
	margin: 0 0 5px 0;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.7em;
	font-weight: bold;
	line-height: 25px;
}
#concert-droite .fiche .info {
	clear: both;
	border: 1px dashed #4F1C1C;
	padding: 15px 20px 15px 20px;
	}
	#concert-droite .fiche .info a {
	color: #F0331B;
	text-decoration: underline;
	}
	#concert-droite .fiche .info a:hover {
	text-decoration: none;
}

/* Rubrique FESTIVAL -------*/

#festi-droite h2{
	margin: 0;
	padding: 0;
	height: 26px;
	width: 360px;
	background-image: url(/img/titre_festival.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#titre-prog {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 298px;
	background-image: url(/img/titre_programmation.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#titre-part {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 245px;
	background-image: url(/img/titre_partenaire.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#titre-souv {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 212px;
	background-image: url(/img/titre_souvenirs.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#titre-video {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 302px;
	background-image: url(/img/titre_video.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#titre-infos {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 299px;
	background-image: url(/img/titre_infos.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
.date-festi {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.7em;
	font-weight: bold;
	color: #F0331B;
	margin-bottom: 10px;
}
.heure-festi {
	font-style: italic;
	background-image: url(/img/bg_pointille_separ.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 6px;
	margin-bottom: 10px;
}
.detail-prog {
	margin-bottom: 0px;
}
.titre-prog {
	font-weight: bold;
	font-size: 1.3em;
}
.web-prog a {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 0.8em;
	color: #F0331B;
	text-decoration: none;
	}
	.web-prog a:hover {
	text-decoration: underline;
}
.album-prog {
	margin: 0px;
	padding: 0px;
}
.vignette-prog {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}
.vignette-prog img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
	}
	.vignette-prog a:hover img {
	border: 6px solid #FFFFFF;
	background-color: #FFFFFF;
	Filter: none; /* correction bug IE */
}
.clear-album {
	clear: both;
	height: 20px;
}
#festi-part .cat-partenaire {
	clear: both;
	margin-bottom: 20px;
	}
	#festi-part .cat-partenaire h3 {
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.7em;
	font-weight: bold;
	color: #F0331B;
	margin: 0 0 10px 0;
	padding-top: 10px;
}
#festi-part img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
}
#festi-part a:hover img {
	border: 6px solid #FFFFFF;
	background-color: #FFFFFF;
	Filter: none; /* correction bug IE */
}
.vignette-part {
	width: 162px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	text-align: center;
}
#menu-souv {
	background-image: url(/img/bg_pointille_separ.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 6px;
	padding-bottom: 3px;
	vertical-align: middle;
}
#album-souv {
	background-image: url(/img/bg_pointille_separ.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 16px;
}
#album-souv img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
	}
	#album-souv a:hover img {
	border: 6px solid #FFFFFF;
	background-color: #FFFFFF;
	Filter: none; /* correction bug IE */
}
.liste-album {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C1818;
}
.vignette-souv {
	height: 112px;
	width: 112px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
}
#txt-infos a {
	color: #F0331B;
	text-decoration: underline;
	}
	#txt-infos a:hover {
	text-decoration: none;
}
#txt-infos h3{
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
	font-size: 1.1em;
	font-weight: bold;
	color: #F0331B;
	margin: 0;
	padding: 0;
}
.infos-img {
	margin-top: 60px;
}
a .lien-video {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #F0331B;
	padding: 0 4px 0 4px;
}
a:hover .lien-video {
	background-color: #4C1818;
}
a .lien-video2 {
	font-size: 10px;
	font-weight: bold;
	color: #F0331B;
	text-decoration: underline;
}
a:hover .lien-video2 {
	text-decoration: none;
}

/* Rubrique BOUTIQUE -------*/

#boutique-droite h2{
	margin: 0;
	padding: 0;
	height: 25px;
	width: 193px;
	background-image: url(/img/titre_boutique.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
#boutique-gauche .img1 {
	margin: 0 0 0 25px;
}
#boutique-droite .article, #festi-droite .article {
	padding: 0 6px 0 0;
	margin: 0 0 6px 0;
	background-color: #F3EBDF;
}
#boutique-droite .article .vignette, #festi-droite .article .vignette {
	float: left;
	width: 172px;
	}
	#boutique-droite .article .vignette img, #festi-droite .article .vignette img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
	}
	#boutique-droite .article .vignette a:hover img, #festi-droite .article .vignette a:hover img {
	border: 6px solid #F0331B;
	background-color: #F0331B;
	Filter: none; /* correction bug IE */
}
#boutique-droite .article .detail, #festi-droite .article .detail {
	float: right;
	width: 422px;
	margin: 6px 0 6px 0;
	background-color: #F3EBDF;
}
#boutique-droite .article .detail h3, #festi-droite .article .detail h3 {
	margin: 0;
	padding: 2px 4px 2px 18px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #F0331B;
}
#boutique-droite .article .detail p, #festi-droite .article .detail p {
	margin: 0;
	padding: 10px 4px 0px 18px;
}
#boutique-droite .info {
	border: 1px dashed #4F1C1C;
	padding: 15px 20px 15px 20px;
	}
	#boutique-droite .info a {
	color: #F0331B;
	text-decoration: underline;
	}
	#boutique-droite .info a:hover {
	text-decoration: none;
}

/* Rubrique LIENS ---------*/

.bloc-liens {
	/*font-size: 1.1em;*/
	padding-top: 8px;
	background-image: url(/img/separ_news.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 30px;
	}
	.bloc-liens a {
	font-size: 1.2em;
	color: #F0331B;
	text-decoration: none;
	}
	.bloc-liens a:hover {
	text-decoration: underline;
}

/* TOUTES RUBRIQUES -----------*/

.header-noflash {
	text-align: center;
	font-size: 1.2em;
	background-image: url(/img/fond_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 60px;
	/* correction bug IE5 */
	height: 250px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
	height: 190px;
}
.separ-footer {
	margin-bottom: 8px;
	margin-top: 10px;
}
.hide	{
	display: none;
}
.txt-rouge {
	color: #F0331B;
}
.nb-counter {
	color: #48453C;
	background-color: #938A78;
}
.border-img {
	border: 6px solid #F3EBDF;
	background-color: #F3EBDF;
}
.cleaner {
	clear:both;
	margin:0; padding:0;
	height:0px;
	border:none;
	font-size:1px;
	line-height:0;
	visibility: hidden;
}
#erreur404 {
	font-size: 1.4em;
	text-align: center;
	padding-bottom: 100px;
	}
	#erreur404 a {
	color: #F0331B;
	text-decoration: underline;
	}
	#erreur404 a:hover {
	text-decoration: none;
}