/*
	CSS pour OST
	Emilie - egzakt.com
	2006-10-03
*/

body {
	background-color:#000000;
	font:12px/16px Georgia, 'Times New Roman', serif;
	margin:15px 0;
	color:#0D1011;
}

h1 {
	font: 23px/26px Georgia, 'Times New Roman', serif;
	color:#33B3E6;
	margin:0 0 8px 0;
}

h1.saison {
	color:#BB1D6C;
}

h1.nouvelles, h1.articles {
	color:#97266D;
}

h1.abonnement {
	color:#007CB1;
}

h1.abonnement_action {
	color:#0D1011;
}

h1.activite_cat1, h1.activite_cat1 a, h1.activite_cat1 a:hover {
	color:#0D1011;
}

h1.activite_cat2, h1.activite_cat2 a, h1.activite_cat2 a:hover {
	color:#818C67;
}

h1.activite_cat3, h1.activite_cat3 a, h1.activite_cat3 a:hover {
	color:#B66A49;
}

h1.activite_cat4, h1.activite_cat4 a, h1.activite_cat4 a:hover {
	color:#A3A364;
}

h1 a {
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
}

h2 {
	font: 24px/28px Georgia, 'Times New Roman', serif;
	color:#0D1011;
	text-transform:uppercase;
	margin:0;
}

h2 a {
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
	color:#0D1011;
}

h3 {
	font: bold 12px/16px Georgia, 'Times New Roman', serif;
	color:#0D1011;
	margin:0;
}

h3.presse {
	font: bold 14px/18px Georgia, 'Times New Roman', serif;
	color:#0D1011;
	margin:2px 0;
}

h3.presse a {
	text-decoration:none;
}

h3.presse a:hover {
	text-decoration:underline;
	color:#0D1011;
}

h4 {
	font: 17px/22px Georgia, 'Times New Roman', serif;
	color:#0D1011;
	margin:0 0 10px 0;
}

h5 {
	font: 15px/22px Georgia, 'Times New Roman', serif;
	color:#BB1D6C;
	margin:0 0 10px 0;
}

h6 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#BB1D6C;
	margin:0 0 5px 0;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:underline;
}

a:hover {
	color:#00A0E0;
}

img {
	border:0;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding-bottom:15px;
}


/* ENTETE
-----------------------------------------*/
#navig_haut {
	background-color:#000000;
	color:#FFFFFF;
	font:10px/14px Arial, Verdana, sans-serif;
	text-align:right;
	padding:0 0px 3px 0;
}

#navig_haut a {
	font:11px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}

#navig_haut a:hover, #navig_haut a.selected {
	color:#BB1D6C;
}

#saison {
	margin-bottom:1px;
}



/* COLONNES
-----------------------------------------*/
#colonne_gauche {
	float:left;
	width:242px;
	background:url(../images/graphiques/pointilles_gauche.gif) no-repeat 0 200px;
}

#colonne_droite {
	float:left;
	width:758px;
	background:url(../images/graphiques/pointilles_droite.gif) no-repeat 0 200px;
}

#banniere {
	position:relative;
	width:758px;
	height:191px;
	background-color:#748D93;
	margin-bottom:6px;
}

.contenu_padding {
	padding-left:15px;
}

#colonne_droite a.lien_deroulant {
	font-size:1.167em;
	background-color: #eee;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	margin-bottom:43px;
}

#navigation a:hover {
	background:transparent;
}

#navigation a .over {
	position:absolute;
	visibility:hidden;
}

#navigation a:hover .over {
	visibility:visible;
}

#navigation a.selected {
	border:0;
}

#navigation a.selected .over {
	visibility:visible;
}

#navigation a img {
	border-bottom:1px solid #FFFFFF;
}


/* SOUS-NAVIGATION
-----------------------------------------*/
#sous_navig {
	position:absolute;
	top:0;
	left:0;
	width:758px;
	height:31px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background:url(../images/tuiles/sous_navig.jpg);
}


#sous_navig a {
	display:block;
	float:left;
	padding:0 10px;
	font:12px/31px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(../images/boutons/sous_navig.jpg);
}

#sous_navig a:hover {
	color:#000000;
	background-image:url(../images/boutons/sous_navig.jpg);
	background-position:0 -62px;
}

#sous_navig a.selected, #sous_navig a.selected:hover {
	color:#FFFFFF;
	background-position:0 -31px;
}

#sous_navig .separateur {
	float:left;
	font:12px/31px Arial, Verdana, sans-serif;
	color:#B3E3F6;
	width:2px;
}


/* SOUS-SOUS NAVIGATION
-----------------------------------------*/
#sous_sous_navig {
	position:absolute;
	top:32px;
	left:71px;
	width:200px;
	height:115px;
	background:url(../images/tuiles/fond_navig_categories.jpg) 0 -31px no-repeat;
	padding:12px 0 0 10px;
}

#sous_navig #sous_sous_navig a {
	float:none;
	color:#0D1011;
	font:12px/25px Arial, Verdana, sans-serif;
	background:url(../images/graphiques/puce_categorie.gif) no-repeat 0 7px;
	padding-left:12px;
}

#sous_navig #sous_sous_navig a:hover {
	color:#BB1D6C;
}

#sous_navig #sous_sous_navig a.selected, #sous_navig #sous_sous_navig a.selected:hover {
	color:#BB1D6C;
	font-weight:bold;
}



/* ACCUEIL
-----------------------------------------*/
#vedette_gauche {
	float:left;
	width:570px;
}

#vedette_droite {
	width:168px;
	padding-right:20px;
	float:left;
}

#logos {
	padding-top:10px;
}

#logos #espace_musique {
	margin-top:25px;
}

#logos #espace_musique img {
	float:left;
	margin:0 20px 0 40px;
}


/* CATEGORIES ACTIVITES
-----------------------------------------*/
#categories_activites {
	height:130px;
	overflow:hidden;
	margin:15px 0;
	background:url(../images/tuiles/contour_cat_activites.jpg) no-repeat;
	width:570px;
}

#categories_activites_centreur {
	width:529px;
	margin:20px auto 0 auto;
}

#categories_activites .bloc {
	display:none;
	color:#929BA2;
	font:12px/14px Georgia, 'Times New Roman', serif;
	width:124px;
	height:110px;
	border-right:8px #FFFFFF solid;
	float:left;
	overflow:hidden;
}

#categories_activites .bloc img {
	float:left;
	margin-right:8px;
}

#categories_activites .bloc span {
	display:block;
	font-weight:bold;
	margin-top:2px;
	color:#0D1011;
}

#categories_activites .bloc a {
	color:#00A0E0;
}

#categories_activites .bloc a:hover {
	color:#000000;
}


/* CALENDRIER
-----------------------------------------*/
#calendrier {
	background-color:#E9F8FB;
	width:168px;
	margin:0 auto;
	padding:10px;
}

#calendrier a.mois, #calendrier a.mois_selected {
	display:block;
	width:52px;
	margin-right:3px;
	padding:5px 0;
	border-top:1px solid #C4EFFA;
	border-right:1px solid #C4EFFA;
	border-left:1px solid #C4EFFA;
	background-color:#C4EFFA;
	font:bold 10px/14px Verdana, Arial, sans-serif;
	color:#576468;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
}

#calendrier a.mois_selected, a.mois:hover {
	border-top:1px solid #C9CFD2;
	border-right:1px solid #C9CFD2;
	border-left:1px solid #C9CFD2;
	background:url(../images/tuiles/mois_selected.jpg) no-repeat;
}

#calendrier a.mois_selected {
	padding:0;
}

#calendrier #mois_selected_annee {
	font:9px/10px Arial, Verdana, sans-serif;
}



#calendrier table.jours {
	width:100%;
}

#calendrier table.jours th, table.jours td {
	font:bold 9px/12px Verdana, Arial, sans-serif;
	color:#576468;
	width:24px;
	padding:6px 0;
	border-bottom:1px solid #C9CFD2;
}

#calendrier table.jours td {
	font:9px/12px Verdana, Arial, sans-serif;
	text-align:center;
	color:#576468;
}

#calendrier table.jours td a {
	text-decoration:none;
}

#calendrier table.jours td a:hover {
	text-decoration:underline;
	color:#0D1011;
}

#calendrier table.jours td.activite {
	background-color:#C9CFD2;
	font-weight:bold;
	color:#0D1011;
}

#calendrier table.jours td.concert {
	background-color:#97266D;
	font-weight:bold;
}

#calendrier table.jours td.concert a {
	color:#FFFFFF;
}

#calendrier table.jours td.concert a:hover {
	color:#FFFFFF;
}


#calendrier_apercu {
	margin-left:40px;
	width:162px;
}

#calendrier_apercu .nom {
	font:bold 14px/16px Georgia, 'Times New Roman', serif;
	color:#0D1011;
}

#calendrier_apercu .date {
	font:11px/14px Arial, Verdana, sans-serif;
	color:#0D1011;
}

#calendrier_apercu .concert_actions {
	display:none;
}


.accueil_texte {
	background:url(../images/tuiles/accueil_texte.jpg) no-repeat top left;
	margin-left:10px;
	padding:28px;
}


/* CONCERT
-----------------------------------------*/
.concert_type {
	color:#BB1D6C;
	font:italic 14px/20px Georgia, 'Times New Roman', serif;
}

.concert_date {
	font:12px/16px Arial, Verdana, sans-serif;
	color:#00A0E0;
}

.concert_actions {
	margin:5px 0 12px 0;
}

.concert_presentateur {
	font:9px/12px Arial, Verdana, sans-serif;
	color:#0D1011;
}

.concert_presentateur img {
	margin-top:6px;
}

.concert_photo img {
	margin-bottom:2px;
}

.concert_photo div {
	color:#909393;
}

.concert_artistes {
	padding:0 15px;
}

.concert_artistes_vide {
	background:url(../images/tuiles/concert_artistes.jpg) no-repeat;
	padding:5px;
}

.concert_artistes .personne {
	float:left;
	width:90px;
	margin-right:10px;
	font:9px/12px Arial, Verdana, sans-serif;
}

.concert_artistes span {
	color:#909393;
}


/* CONCERT VEDETTE
-----------------------------------------*/
#concert_vedette .concert_infos {
	float:left;
	width:220px;
}

#concert_vedette .concert_photo {
	width:280px;
	float:left;
	margin-left:30px;
	font:9px/12px Arial, Verdana, sans-serif;
}



/* CONCERTS LISTE
-----------------------------------------*/
.concert_liste {
	width:657px;
	border-top:1px solid #BDBCBC;
	background:url(../images/tuiles/concert_description.jpg) no-repeat;
}

.concert_liste .concert_photo {
	float:left;
	width:190px;
	padding:15px;
	font:9px/12px Arial, Verdana, sans-serif;
}

.concert_liste .concert_infos {
	float:left;
	position:relative;
	width:270px;
	margin:15px 0;
	position:relative;
	padding:0 155px 0 0;
}

.concert_liste .concert_presentateur {
	margin:12px 0;
	position:absolute;
	bottom:0;
	right:0;
}

.concert_liste .concert_artistes div {
	padding-bottom:5px;
}



/* CONCERT FICHE
-----------------------------------------*/
.concert_fiche {
	width:657px;
	border-top:1px solid #BDBCBC;
	background:url(../images/tuiles/concert_description.jpg) no-repeat;
	padding:10px 0;
	margin-top:10px;
}

.concert_fiche .concert_infos {
	width:445px;
	margin:0 0 10px 15px;
}

.concert_fiche .concert_actions {
	margin:10px 0 10px 15px;
}

.concert_programme {
	margin:10px 15px;
	font:12px/16px Georgia, 'Times New Roman', serif;
	color:#909393;
}

.concert_programme .compositeur {
	font:bold 12px/16px Georgia, 'Times New Roman', serif;
	color:#0D1011;
	text-transform:uppercase;
	margin-top:4px;
}

.concert_fiche .concert_presentateur {
	margin:10px 15px;
}

.concert_fiche .concert_presentateur td {
	vertical-align:middle;
	padding-right:30px;
}

.concert_causerie {
	margin:10px 15px;
	width:445px;
}

.concert_causerie .nom_bloc {
	font:14px/16px Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#BB1D6C;
	margin-bottom:5px;
}

.nom_artiste {
	font:12px/14px Arial, Verdana, sans-serif;
	color:#00A0E0;
}

.concert_causerie .titre {
	font:12px/14px Arial, Verdana, sans-serif;
	color:#909393;
	margin-bottom:5px;
}

.concert_causerie .photo {
	width:100px;
	float:left;
}

.concert_causerie .photo a {
	text-decoration:none;
}

.concert_causerie a {
	position:relative;
}


/* NOUVELLES
-----------------------------------------*/
.nouvelle_date, .article_date {
	color:#97266D;
	font:12px/14px Arial, Verdana, sans-serif;
	padding-top:10px;
}

.nouvelle_suite, .article_suite {
	text-align:right;
	margin:6px 0 10px 0;
}

.nouvelle_liste, .article_liste {
	width:445px;
	margin-left:15px;
}

.nouvelle_liste .pointilles, .article_liste .pointilles {
	margin:1px 0;
}

.nouvelle_liste .pointilles_detail,.article_liste .pointilles_detail {
	margin-top:10px;
}

.nouvelle_liste .concert_actions, .article_liste .pointilles_detail {
	margin-top:7px;
}

a.telecharger {
	position:relative;
	text-decoration:none;
	padding:1px 0 0 22px;
}

a.telecharger:hover {
	text-decoration:underline;
	color:#0D1011;
}

a.telecharger img {
	position:absolute;
	top:-1px;
	left:0;
}



/* ACTIVITES
-----------------------------------------*/
#activites_liste {
	background:url(../images/tuiles/contour_activite.jpg) no-repeat;
	padding:25px 256px 25px 25px;
}

#activites_liste .separateur {
	margin:5px 0 15px 0;
}

#fiche_activite {
	background:url(../images/tuiles/contour_activite.jpg) no-repeat;
	padding:25px;
}

#fiche_activite #activite_categorie {
	float:left;
	width:192px;
}

#fiche_activite #activite_detail {
	float:left;
	width:445px;
	margin-left:20px;
}

#fiche_activite #activite_detail .retour img {
	margin:0 0 8px 0;
}


/* ABONNEMENT BULLETIN
-----------------------------------------*/
.abonnement_texte {
	background:url(../images/tuiles/abonnement_texte.jpg) repeat-y;
	padding:15px 256px 15px 15px;
	margin:12px 0 15px 0;
}

#abonnement {
	color:#007CB1;
	margin-left:15px;
}

#abonnement input, #modif_desa input {
	border:1px solid #00A0E0;
}

#abonnement .bouton_image {
	padding:0;
	border:0;
}

#abonnement .message_erreur {
	margin:10px 10px;
}

#modif_desa {
	background:url(../images/tuiles/abonnement_modif_desa.jpg) repeat-y;
	padding:15px 256px 15px 15px;
	margin:10px 0;
}

#modif_desa form {
	margin:0;
	position:relative;
}

#modif_desa .bouton_image {
	padding:0;
	border:0;
	position:absolute;
	top:24px;
	left:233px;
}

#modif_desa .message_erreur {
	margin:0 0 10px 0;
	width:70%;
}


/* CONTACT
-----------------------------------------*/
#formulaire_contact {
	float:left;
	width:350px;
	padding:10px;
	background:url(../images/tuiles/abonnement_modif_desa.jpg) repeat-y;
}

#formulaire_contact form {
	margin:0;
}

#formulaire_contact ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

#formulaire_contact ol li {
	margin-bottom:6px;
}

#formulaire_contact ol li.bouton_image {
	text-align:right;
	margin:0 18px 0 0;
}

#formulaire_contact ol li.bouton_image input {
	border:0;
	padding:0;
}

#formulaire_contact label {
	width:70px;
	float:left;
	margin-right:5px;
	text-align:right;
}


/* BAS
-----------------------------------------*/
#imprimer {
	margin:20px 0 0 15px;
}

#bas {
	position:relative;
	padding-bottom:10px;
}

#coordonnees {
	position:absolute;
	bottom:0;
	left:38px;
	color:#909393;
	font:9px/12px Verdana, Arial, sans-serif;
}

#coordonnees div {
	margin:5px 0;
}

#signature {
	width:995px;
	margin:0 auto;
	text-align:right;
	padding:5px 5px 0 0;
}

#signature a {
	color:#949494;
	text-transform:uppercase;
	font:9px/10px Arial, Verdana, sans-serif;
	text-decoration:none;
}

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


/* FORMULAIRE
-----------------------------------------*/
input, select, textarea {
	border:1px solid #000000;
	padding:3px;
	font:11px/14px Verdana, Arial, sans-serif;
}

.radio {
	border:0;
}

.erreur {
	color:#E22735;
}

.message_erreur, .message_succes {
	width:50%;
	background-color:#FFFFFF;
	color:#E22735;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #E22735;
	padding:8px;
	text-align:center;
}

.message_succes {
	color:#209131;
	border:1px solid #209131;
}



/* TEXTES
-----------------------------------------*/
.page_texte {
	padding-right:80px;
}

/* Personnalisations */
.page_texte_contact {
	float:left;
	width:350px;
	margin-right:10px;
}

.bloc_texte h4, .bloc_texte h5 {
	line-height:19px;
	margin:0 0 5px 0;
}

.bloc_texte th {
	background-color:#EDEDED;
	padding:5px;
}

.bloc_texte td {
	background-color:#F0FBFF;
	padding:10px;
	vertical-align:top;
}


/* DIVERS
-----------------------------------------*/
.retour img {
	margin:3px 0;
}

.cacher {
	display:none;
}

.loupe {
	position:absolute;
	width:12px;
	height:12px;
	bottom:-5px;
	left:5px;
	background-image: url(../images/icones/plus_gris.png);
}

* html .loupe {
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/icones/plus_gris.png", sizingMethod="none");
}

#telecharger_brochure {
	margin-left:36px;
}

a.lien_deroulant {
	text-decoration:none;
	display:block;
	outline:0 none;
}

a.lien_deroulant:hover img {
	text-decoration:none;
}

.zone_deroulante {
	padding-bottom:20px;
}
#barre_logo {
 position:relative;
}

#zone_recherche {
 position:absolute;
 top: 10px;
 right:0;
}