/*
*****************
**   BONLIEU   **
**  STYLES CSS **
*****************
*/

body {
background-color: #f3f0e9;
margin: 0px;
padding: 0px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}

.cadre {
position: absolute;
left: 50%;
width: 996px;
height: 100%;
margin-left: -498px;
}

.bandeau {
position: relative;
height: 171px;
z-index: 12;
}
.flash {
z-index: 8;
}

.admin_boutton_edit {
   background: transparent url(../../../modules/cms/front/images/picto_bloc_edite.gif) no-repeat scroll 0%;
   height:15px;
   width:30px;
   position: absolute;
   z-index: 10;
}

.admin_boutton_edit span{
    display:none;   
}

.logo {
position: absolute;
left: 10px;
top: 0px;
z-index: 20;
}

.traits01 {
background-image: url(../images/traits01.gif);
position: absolute;
right: 75px;
top: 0px;
width: 379px;
height: 40px;
z-index: 0;
}

.traits02 {
background-image: url(../images/traits02.gif);
position: absolute;
left: -7px;
top: 153px;
width: 110px;
height: 384px;
z-index: 0;
}

.traits03 {
background-image: url(../images/traits03.gif);
position: absolute;
right: -6px;
top: 171px;
width: 71px;
height: 323px;
z-index: 0;
}

.supprText {
display: none;
}

h1 {
width: 995px;
height: 46px;
float: left;
top: -20px;
position: relative;
background-image: url(../images/bonlieu.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

h2 {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #e82043;
font-weight: bold;
margin-left: 115px;
margin-top: 0px;
}

a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #e82043;
}

a:hover {
text-decoration:underline;
}

.plansite, .plansite li, .plansite li li {
list-style: none;
}

.plansite a{
background-image: url(../images/planPuce01.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
font-size: 13px;
color: #737477;
width: 85%;
display: block;
line-height: 17px;
padding-left:32px;
text-decoration:none;
margin-bottom: 10px;
}

.plansite li a{
background-image: url(../images/planPuce02.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
font-size: 13px;
color: #737477;
display: block;
line-height: 17px;
padding-left:32px;
text-decoration:none;
margin-bottom: 5px;
}

.plansite li li a{
background-image: url(../images/planPuce03.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
font-size: 13px;
color: #737477;
display: block;
line-height: 17px;
padding-left:32px;
text-decoration:none;
margin-bottom: 5px;
}

.plansite a:hover{
color: #9c9e9f;
}

.surligne {
background-color: #dededc;
}

h3 {
color:#000000;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding-top:5px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;
padding-top: 5px;
font-weight: normal;
margin: 0px;
margin-bottom: 8px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #e60029;
}

img {
border: #000000 solid 0px;
}

.left115 {
padding-left: 115px;
}

.left58 {
padding-left: 58px;
}

.gris01 {
color: #9c9e9f;
}

.gris02 {
color: #737477;
}

.titre {
font-weight: bold;
}

.accueil {
position: absolute;
top: 143px;
left: 14px;
z-index: 11;
}

.menu {
position: absolute;
width: 655;
height: 44px;
top: 90px;
right: 90px;
z-index: 100;
display: inline;
border: #000000 solid 0px;
margin: 0px;
}

.sousnavigation ul li{
	position: relative;
	left: -40px;
	top: 44px;
	width: 205px;
	height: 20px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	list-style: none;
	background-color: #dededc;
	border-bottom: #e8e8e6 solid 1px;
}

.sousnavigation ul li a{
	color: #8b11b8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.sousnavigation ul li a:hover{
	color: #b811a6;
}

.saison {
display: inline-block;
float: left;
}

li.saison {
background-image: url(../images/traitMenu.gif);
background-repeat: no-repeat;
background-position: top left;
width: 79px;
height: 44px;
margin-right: 90px;
list-style: none;
}

a.saison {
position: absolute;
bottom: 0px;
width: 79px;
height: 20px;
background-image: url(../images/bonlieu_laSaison.png);
background-repeat: no-repeat;
background-position: bottom left;
}

.projets {
display: inline-block;
float: left;
}

li.projets {
background-image: url(../images/traitMenu.gif);
background-repeat: no-repeat;
background-position: top left;
width: 92px;
height: 44px;
margin-right: 90px;
list-style: none;
}

a.projets {
position: absolute;
bottom: 0px;
width: 92px;
height: 20px;
background-image: url(../images/bonlieu_lesProjets.png);
background-repeat: no-repeat;
background-position: bottom left;
}

.billetterie {
display: inline-block;
float: left;
}

li.billetterie {
background-image: url(../images/traitMenu.gif);
background-repeat: no-repeat;
background-position: top left;
width: 112px;
height: 44px;
margin-right: 90px;
list-style: none;
}

a.billetterie {
position: absolute;
bottom: 0px;
width: 112px;
height: 20px;
background-image: url(../images/bonlieu_laBilletterie.png);
background-repeat: no-repeat;
background-position: bottom left;
}

.theatre {
display: inline-block;
float: left;
}

li.theatre {
background-image: url(../images/traitMenu.gif);
background-repeat: no-repeat;
background-position: top left;
width: 85px;
height: 44px;
margin-right: 90px;
list-style: none;
}

a.theatre {
position: absolute;
bottom: 0px;
width: 85px;
height: 20px;
background-image: url(../images/bonlieu_leTheatre.png);
background-repeat: no-repeat;
background-position: bottom left;
}

.breadcrum {
position: absolute;
top: 150px;
left: 115px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #707173;
z-index: 11;
}

.breadcrum a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #bebdbf;
	font-size: 9px;
}
.breadcrum a:hover{
	text-decoration:underline;
}

.carreMenu {
position: absolute;
top: 90px;
right: 343px;
z-index: 0;
background-color: #edebe5;
width: 99px;
height: 81px;
}

/*CONTENU (défaut cms)
#boite1col {
position: relative;
margin-left: 115px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
display: block;
width: 880px;
}
 */
/* KT */
.KT_required {
color:#EE0000;
font-size: 14px;
}
.form_validation_field_error_error_message{
color:#EE0000;
}
/*BANDEAU ACCUEIL */
.bandeauAccueil {
position: relative;
margin-left: 58px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
display: block;
width: 937px;
}



.newsD1 {
position: absolute;
top: 253px;
right: 5px;
z-index: 10;
max-width : 166px;
min-width:164px;
height: 97px;
text-align: left;
padding-left:15px;
padding-bottom:10px;
}

.newsG1 {
position: absolute;
top: 253px;
right: 185px;
z-index: 10;
max-width : 166px;
height: 97px;
text-align: right;
padding-bottom:10px;
min-width:164px;

}

.newsD2 {
position: absolute;
top: 360px;
right: 30px;
z-index: 10;
width : 76px;
height: 18px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
letter-spacing: 4px;
}

.newsG2 {
position: absolute;
top: 360px;
right: 168px;
z-index: 10;
width : 76px;
height: 18px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
letter-spacing: 4px;
}

.newsTitre {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #e82043;
font-weight: bold;
letter-spacing: 1px;
}

.newsDescription {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #707173;
}

.cadreLien {
padding: 3px;
background-color: #dad7d7;
text-align: center;
width : 70px;
float: right;
}

.cadreLien a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
font-size: 9px;
letter-spacing: 0px;
width: 76px;
}

.cadreLien a:hover {
text-decoration:underline;
color: #000000;
}




.cadreLien_actu {
padding: 3px;
background-color: #dad7d7;
text-align: center;
width : 70px;
margin-left:375px;
margin-bottom:20px;
float: left;
}
.cadreLien_actu a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
font-size: 9px;
letter-spacing: 0px;
width: 76px;
}
.cadreLien_actu a:hover {
text-decoration:underline;
color: #000000;
}



a.lien01 {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;
font-size: 9px;
}

a.lien01:hover {
text-decoration:underline;
color: #000000;
}

a.lien02 {
font-size: 10px;
}

.calendrier {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
display: compact;
position: relative;
height: 120px;
}

.traitCalendrier {
background-image:  url(../images/traits04.gif);
background-repeat: no-repeat;
background-position: center bottom;
}

.genreMois {
font-weight: bold;
letter-spacing: 5px;
cursor:pointer;
}

a.changeMois {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #959595;
text-decoration: none;
}

a.changeMois:hover {
text-decoration: underline;
}

.jours {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #737477;
}

.jourSpectacle {
color: #ffffff;
background-color: #e82043;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

.sommaireTitre {
font-weight: bold;
letter-spacing: 1px;
}

.genreListe {
margin-top: 40px;
margin-bottom: 20px;
position: relative;
font-size: 10px;
}

.genreTitre {
font-weight: bold;
letter-spacing: 5px;
}
.genreListe ul{
list-style:none;
margin:0;
padding:0;
padding-top:20px;
}

.genreListe ul li{
	background: url(../images/fleche02.gif) no-repeat 0px 5px;
	line-height:15px;
}

.genreListe ul li#rubrique_selected .sous_rubrique{
	display:block;
}


.genreListe ul li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
padding-left:10px;
}

.genreListe ul li a:hover {
color: #e82043;
text-decoration: underline;
}

.genreListe ul li a.genreListeSelected {
color: #e82043;
}

.sous_rubrique{
	padding-top:0px !important;
	display:none;
}

.sous_rubrique li{
	background: url(../images/fleche02.gif) no-repeat 10px 3px;
	margin-left:10px;
}

.listeSpectacle {
width: 640px;
border: #000000 solid 0px;
}

.apercuSpectacle {
float: left;
}

.texteListe {
border: #000000 solid 0px;
width: 530px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}

span.GenreListe {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #e82043;
font-weight: bold;
}

span.titreListe {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: bold;
}

.realisationListe {
background-color: #9b9898;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
}

.contenuListe {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
margin-top: 10px;
margin-bottom: 5px;
}

.dateListe {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #e60029;
}

.salleListe {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #737477;
}

.listeSpacer {
width: 100%;
height: 18px;
margin-top: 14px;
float: left;
border-top:  #e1e1df solid 1px;
}

.nbPages {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
float: left;
width: 100%;
text-align: center;
}

.nbPages a{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
text-decoration: none;
letter-spacing: 0px;
margin: 5px;
}

.nbPages a:hover{
text-decoration: underline;
}

.numeroPageSelected{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
letter-spacing: 0px;
font-weight: bold;
margin: 5px;
}

/*BANDEAU SPECTACLE */
.bandeauSpectacle {
position: relative;
margin-left: 0px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
display: block;
width: 937px;
}

.BGspectacle {
position: absolute;
left: 58px;
top: 171px;
height: 342px;
width: 891px;
background-image: url(../images/BGspectacle.png);
background-repeat: no-repeat;
background-position: top left;
z-index: 0;
}

.flashSpectacle {
padding-top: 22px;
padding-left: 57px;
height: 320px;
width: 891px;
}

.reservationSpectacle {
position: absolute;
top: 70px;
right: 40px;
background-image: url(../images/reservation.gif);
background-repeat: no-repeat;
background-position: top center;
width: 90px;
height: 35px;
text-align: left;
padding-top: 2px;
}

.reservationSpectacle a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin-left: 18px;
display: block;
}

.reservationSpectacle a:hover {
text-decoration: underline;
}

.horaireSpectacle {
position: absolute;
width: 125px;
height: 185px;
top: 110px;
right: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #3e3d40;
}

.valignHoraire {
position: absolute;
width: 100%;
bottom: 0px;
}

.dateSpectacle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #e60029;
}

.medias {
position: absolute;
list-style: none;
margin: 10px;
top: 300px;
left: 95px;
height: 15px;
z-index: 10;
padding-left: 0px;
border: #000000 solid 0px;
}

.medias li{
padding-left: 14px;
padding-right: 13px;
list-style: none;
float: left;

}
.medias li a{
color: #737477;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
height: 16px;
letter-spacing: 3px;
padding-left: 14px;
padding-right: 13px;
padding-top: 2px;
}

.medias li a:hover {
text-decoration: underline;
}

.lien_medias  {
color: #737477;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
height: 16px;
letter-spacing: 3px;
padding-left: 14px;
padding-right: 13px;
padding-top: 2px;
}


li.videoIcone {
background-image: url(../images/videoIcon.gif);
background-repeat: no-repeat;
background-position: left top;
}

li.sonIcone {
background-image: url(../images/sonIcon.gif);
background-repeat: no-repeat;
background-position: left top;
}

li.docIcone {
background-image: url(../images/docIcon.gif);
background-repeat: no-repeat;
background-position: left top;
}

.genreSpectacle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #e60029;
text-align: right;
position: absolute;
left: -158px;
width: 215px;
bottom: 7px;
}

/* CONTENU SPECTACLE */
.descriptionSpectacle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #737477;
margin-left: 26px;
text-align: right;
width: 590px;
padding-top: 10px;
float: left;
}

.descriptionSpectacle span {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
background-color: #9b9898;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 4px;
}

.chapeauSpectacle {
margin-top: 15px;
margin-left: 32px;
width: 230px;
float: left;
}

.chapeau {
color:#737477;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
margin-bottom:10px;
text-align:left;
}

.resumeSpectacle {
margin-top: 15px;
width: 305px;
float: right;
}

.titreCredits {
letter-spacing: 1px;
}

.distribution {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #939598;
float: left;
width: 140px;
margin-left: 18px;
text-align: left;
}

.credits {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #939598;
float: left;
width: 140px;
margin-left: 18px;
text-align: left;
}


.soustexte {
position: absolute;
margin-left: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #9c9e9f;
}

a.retour {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin-left: 58px;
margin-top: -5px;
background-color: #c3c3c3;
padding-left: 12px;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 3px;
left: 0px;
z-index: 10;
}

a.retourdanspage{
	margin-left: 0px;
}

a.retour:hover {
text-decoration: underline;
}

.spacer {
width: 100%;
float: left;
height: 30px;
}



.fleche {
background-image: url(../images/fleche.gif);
background-repeat: no-repeat;
background-position: left top;
width: 8px;
height: 18px;
position: relative;
float: left;
left: 0px;
}

/*--FOOTER--*/
.copyright {
position: relative;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #c0bebe;
width: 995px;;
float: left;
}

.copyright ul {
height: 6px;
width: 920px;
display: block;
float: left;
}

.copyright ul li {
display: inline;
padding-left: 14px;
padding-right: 10px;
}

.copyright ul li a{
text-decoration: none;
color: #c0bebe;
display: inline;
font-weight: bold;
}

.copyright ul li a:hover{
text-decoration: underline;
color: #c0bebe;
}

.sousMenuSpacer {
background-image: url(../images/traitSousMenu.gif);
background-repeat: no-repeat;
background-position: center left;
}

a.menuBas {
text-decoration: none;
color: #c0bebe;
display: inline;
}

a.menuBas:hover {
text-decoration: underline;
color: #c0bebe;
}

/* CSS des Colonnes */
.contenu {
position: relative;
margin-left: 58px;
}

.colonne1-3 {
width: 292px;
float: left;
margin-right: 20px;
}

.colonne1-4 {
width: 214px;
float: left;
margin-right: 20px;
}

.colonne3-4 {
width: 682px;
float: left;
margin-right: 20px;
}

.colonne1-2 {
width: 448px;
float: left;
margin-right: 20px;
}

.texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #737477;
margin-bottom: 35px;
}

.texte a
{
 text-decoration : underline;
}

.texte a:hover
{
 text-decoration : underline;
}

.imageFloatRight {
float: right;
display: block;
margin-bottom: 10px;
margin-left: 10px;
}

.imageFloatLeft {
float: left;
display: block;
margin-bottom: 10px;
margin-right: 10px;
}

/*
Faire un clearfix sur le bloc texte image.
Pas d'insertion common.css car j'ai peur de faire péter tout le site vu qu'ils ne l'ont pas inséré.
*/
.bloc_textimage:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}
.bloc_textimage {
	display: inline-table;
	min-height:0px;
}
/* Hides from IE-mac \*/
* html .bloc_textimage {
	height: 1%;
}
.bloc_textimage {
	display: block;
}

.bloc_image {
position: relative;
}

.bloc_image_masqueHaut {
position: absolute;
background-color: #f3f0e9;
height: 4%;
width: 15%;
right: 0;
top: 0;
}

.bloc_image_masqueBas {
position: absolute;
background-color: #f3f0e9;
height: 4%;
width: 20%;
left: 0;
bottom: 0;
}

.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #737477;
margin-bottom: 20px;
}

.date ul {
	position: relative;
	font-weight: bold;
	left: -40px;
	list-style: none;
	height: 1px;
}

.date ul li {
	height: 8px;
	padding-left: 10px;
	background-image: url(../images/puce01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

input, textarea, select {
width: 300px;
border: 1px solid #cad8db;
color: #688494;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-decoration: none;	
background: #FFFFFF;
}

.envoyer{
font-weight: bold;
border: none;
height: 20px;
width: 100px;
color: #FFFFFF;
background-color: #c3c3c3;
font-size: 9px;
cursor: pointer;
float: right;
}

.envoyer:hover{
background-color: #9b9898;
}


#globalNews
{
cursor:pointer;
}

.separateur_news
{
border-bottom:1px solid #E1E1DF;
margin-bottom:10px;
}


.titre_entete
{
	font-size:16px;
	margin-bottom:20px;
	font-weight:bold;
}

.titre_entete img
{
	border:none;
}