/* SITE DE L'ECHANDOLE 2010 */

/*
VIOLET #ccccff
ROUGE #ff0000
ORANGE #ff9900

*/

* {
margin : 0px;
padding : 0px;
}
blockquote {
padding-left : 30px;
}
body {
color : #000000;
font-family : "Times New Roman", Times, serif;
font-size : 16px;
}
a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color : #000000;
text-decoration : none;
}
a:hover {
color : #ffffff;
text-decoration : none;
}
a:active {
color : #000000;
text-decoration : none;
}

/*PAGE INDEX*/

#page_index {
margin : 0 auto;
width : 800px;
}
#index {
background : transparent url(../images/2010/bkg_index.gif) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
min-height: 1000px;
position : relative;
width : 798px;
}
#index #illustration {
background : transparent url(../images/2010/illustration.jpg) no-repeat scroll 0% 0%;
height : 798px;
}
#index #illustration_2008 {
height : 800px;
}
#index #illustration a {
display : block;
height : 800px;
width : 800px;
}
#index #logo_yverdon {
background : transparent url(../images/2010/logo_yverdon.jpg) no-repeat scroll 0% 0%;
height : 26px;
left : 72px;
position : absolute;
top : 30px;
width : 122px;
}
#index #logo_24heures {
background : transparent url(../images/2010/logo_24heures_new.jpg) no-repeat scroll 0% 0%;
height : 24px;
left : 610px;
position : absolute;
top : 30px;
width : 120px;
}

/*COULEURS PAGES*/

#page_violet {
background : #ccccff none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_rouge {
background : #ff0000 none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_orange {
background : #ff9900 none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_violet #container {
background : transparent url(../images/2010/violet/bkg_page.gif) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
position : relative;
width : 798px;
}
#page_rouge #container {
background : transparent url(../images/2010/rouge/bkg_page.gif) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
position : relative;
width : 798px;
}
#page_orange #container {
background : transparent url(../images/2010/orange/bkg_page.gif) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
position : relative;
width : 798px;
}
#page_violet #header {
background : transparent url(../images/2010/violet/echandole.jpg) no-repeat scroll 0% 0%;
display : block;
height : 139px;
width : 798px;
}
#page_rouge #header {
background : transparent url(../images/2010/rouge/echandole.jpg) no-repeat scroll 0% 0%;
display : block;
height : 139px;
width : 798px;
}
#page_orange #header {
background : transparent url(../images/2010/orange/echandole.jpg) no-repeat scroll 0% 0%;
display : block;
height : 139px;
width : 798px;
}
#header a {
display : block;
height : 107px;
margin : 0 auto;
width : 304px;
}
#content {
position : relative;
min-height : 800px;
}
#side_left {
float : left;
width : 390px;
}
#side_right {
position : relative;
margin-left : 411px;
width : 374px;
}
/*NAVIGATION*/

#navigation {
float : left;
font-size : 14px;
width : 159px;
}
#navigation a {
display : block;
height : 15px;
width : 120px;
}
#navigation a:hover {
color : #000;
}
#navigation ul {
line-height : 15px;
margin-left : 28px;
}
#navigation li {
list-style-type : none;
}
#navigation li:hover {
list-style-image : url(../images/2010/point.gif);
}
#navigation .titre_2 {
margin-top : 7px;
}
#navigation #bonus {
height : 27px;
margin-top : 20px;
}
#navigation #newsletter {
height : 27px;
margin-top : 7px;
}

.titre_1 {
height: 27px;
}

div.facebook_orange {
height: 27px;
background: url(../images/2010/orange/facebook_orange.gif) no-repeat 0px -27px;
}

div.facebook_orange:hover {
background: url(../images/2010/orange/facebook_orange.gif) no-repeat 0px -27px;
}

div.facebook_rouge {
height: 27px;
background: url(../images/2010/rouge/facebook_rouge.gif) no-repeat 0px -27px;
}

div.facebook_rouge:hover {
background: url(../images/2010/rouge/facebook_rouge.gif) no-repeat 0px -27px;
}

div.facebook_violet {
height: 27px;
background: url(../images/2010/violet/facebook_violet.gif) no-repeat 0px -27px;
}

div.facebook_violet:hover {
background: url(../images/2010/violet/facebook_violet.gif) no-repeat 0px -27px;
}


a.facebook {
padding-top: 7px;
}


#page_violet #logo {
background : transparent url(../images/2010/violet/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#page_rouge #logo {
background : transparent url(../images/2010/rouge/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#page_orange #logo {
background : transparent url(../images/2010/orange/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#page_orange #logo_30 {
background : transparent url(../images/2010/orange/logo_30ans.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}

/*PAGE ACCUEIL - TABLE AGENDA*/

#agenda {
line-height : 18px;
}
#agenda .titre_3 {
margin-top : 20px;
}
#agenda table.table_mois {
margin-bottom : 16px;
}
#agenda td {
border-bottom : 1px solid #000000;
}
#agenda td.mois {
font-size : 14px;
font-weight : bold;
line-height : normal;
height: 15px;
}
#agenda td.date {
font-size : 12px;
font-weight : normal;
text-transform : lowercase;
width : 100px;
}
#agenda td.spectacle {
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
width : 200px;
}
a.annule {
text-decoration : line-through;
}
#agenda td.style {
font-size : 12px;
font-weight : normal;
width : 47px;
}

/*PAGE SPECTACLE*/

#spectacle {
position : relative;
}
#spectacle #debout {
background : transparent url(../images/2010/debout.gif) no-repeat scroll 0% 0%;
height : 97px;
left : 270px;
position : absolute;
top : 250px;
width : 100px;
}
#spectacle .player {
position : absolute;
top : 182px;
left : 335px;
z-index : 1;
height : 20px;
}
#spectacle .player2 {
position : absolute;
top : 182px;
left : 145px;
z-index : 1;
height : 20px;
}
#spectacle .titre {
font-size : 30px;
font-weight : bold;
text-transform : uppercase;
}
#spectacle .sous-titre {
font-size : 20px;
font-weight : normal;
text-transform : none;
}
#spectacle .style {
	font-size : 18px;
	font-style : italic;
	text-transform: none;
}
#spectacle .dates {
font-size : 16px;
font-weight : bold;
margin : 15px 0;
}
#spectacle .commande {
border-bottom : 1px solid #000000;
font-weight : bold;
margin-left : 5px;
margin-right : 5px;
text-transform : uppercase;
}
#spectacle .commande:hover, commande:focus {
border-bottom : 1px solid #ffffff;
}
#spectacle .commande_now {
border-bottom : 1px solid #000000;
font-weight : bold;
margin-left : 5px;
margin-right : 5px;
text-transform : uppercase;
}
#spectacle .commande_now:hover, commande:focus {
border-bottom : 1px solid #ffffff;
}
#spectacle .presentation {
position:relative;
font-size : 16px;
text-align:justify;
}
#spectacle .artistes {
font-size : 16px;
margin : 15px 0;
text-transform : uppercase;
}
#spectacle .infos {
font-size : 12px;
margin-bottom : 15px;
}
#spectacle .prix {
font-size : 16px;
font-style : italic;
padding-bottom : 15px;
}
#spectacle .lien {
font-size : 10px;
font-weight : bold;
margin-bottom: 15px;
}
#annule {
position : absolute;
width : 260px;
height : 169px;
top : 235px;
left : 57px;
}
.concert_jazz {
padding-top : 30px;
position : relative;
}
.player_jazz {
position : absolute;
top : 50px;
left : 347px;
z-index : 999;
height : 20px;
}
.titre_jazz {
font-size : 20px;
font-weight : bold;
}
.presentation_jazz {
font-style : italic;
}
.artistes_jazz {
font-size : 16px;
text-transform : uppercase;
padding : 10px 0;
}
.suite {
text-transform : uppercase;
font-size : 10px;
font-weight : bold;
margin : 10px 0;
}

.titre2 {
font-size : 18px;
font-weight:bold;
text-transform:uppercase;
margin-top: 10px;
}

.artistes2 {
font-size : 18px;
font-weight: normal;
text-transform:uppercase;
}

.date2 {
font-size : 16px;
font-weight : bold;
margin : 0px 0px 10px 0px;
}

/* DEBOUT */

.date3 {
font-size : 16px;
font-weight : bold;
margin : 0px 0px 5px 0px;
}

.titre3 {
font-size : 18px;
font-weight:bold;
text-transform:uppercase;
margin: 0px 0px 10px 0px;
}

.artistes3 {
font-size : 18px;
font-weight: normal;
text-transform:uppercase;
margin: 0px 0px 10px 0px;
}

.presentation3 {
position:relative;
font-size : 16px;
text-align:justify;
margin: 0px 0px 10px 0px;
}

.lien3 {
font-size : 10px;
font-weight : bold;
margin: 0px 0px 40px 0px;
}


/*CONTENU FIXE - PAGES STATIQUES*/

#contenu {
font-size : 16px;
position : relative;
min-height : 800px;
}
#contenu a, #contenu a:active {
font-weight : bold;
}
#contenu a:hover, #contenu a:focus {
color : #ffffff;
}
#contenu p {
padding-bottom : 15px;
}
#contenu h1 {
font-size : 30px;
padding-bottom : 15px;
}
#contenu h2 {
font-size : 20px;
font-weight : normal;
padding-bottom : 15px;
}
#contenu h3 {
font-size : 16px;
font-weight : bold;
padding-bottom : 10px;
}
#contenu ul, #contenu_fixe ol {
display : block;
padding-left : 50px;
}
#contenu li {
padding-bottom : 15px;
}
#contenu #bonus ul {
display : block;
padding-left : 0;
}
#contenu_fixe {
font-size : 16px;
position : relative;
min-height : 800px;
}
#contenu_fixe a, #contenu_fixe a:active {
font-weight : bold;
}
#contenu_fixe a:hover, #contenu_fixe a:focus {
color : #ffffff;
}
#contenu_fixe p {
padding-bottom : 15px;
}
#contenu_fixe h1 {
font-size : 30px;
padding-bottom : 15px;
}
#contenu_fixe h2 {
font-size : 20px;
font-weight : normal;
padding-bottom : 15px;
}
#contenu_fixe h3 {
font-size : 16px;
font-weight : bold;
padding-bottom : 10px;
}
#contenu_fixe ul, #contenu_fixe ol {
display : block;
padding-left : 50px;
}
#contenu_fixe li {
padding-bottom : 15px;
}
#contenu_fixe .page_liens a {
font-weight : normal;
}
#contenu_fixe #bonus ul {
display : block;
padding-left : 0;
}
.trombine .photo {
padding-right : 10px;
}
.trombine .nom {
font-size : 14px;
width : 115px;
height : 40px;
}

/* LOGOS */

#creation {
position : absolute;
top : 177px;
right : 0px;
height : 127px;
width : 128px;
background : url(../images/2010/creation.gif) no-repeat;
}
#ccsi {
background : transparent url(../images/2010/logo_ccsi.gif) no-repeat scroll center bottom;
float : right;
padding-top : 15px;
width : 99px;
height : 50px;
}
#option {
background : transparent url(../images/2010/logo_option.gif) no-repeat scroll center bottom;
float : right;
width : 100px;
height : 50px;
padding-top : 15px;
}
.ailleurs {
position : absolute;
top : 524px;
left : 254px;
width : 120px;
height : 38px;
background : url(../images/2010/logo_ailleurs.gif) no-repeat;
}
.jazz {
background : url(../images/2010/logo_jazzcontreband.gif) no-repeat;
float : right;
margin-right: 10px;
width : 54px;
height : 75px;
}
.migros_violet {
background : url(../images/2010/logo_migros_violet.gif) no-repeat;
float : right;
margin-top: 15px;
width : 100px;
height : 44px;
}
.migros_rouge {
background : url(../images/2010/logo_migros_rouge.gif) no-repeat;
float : right;
margin-top: 15px;
width : 100px;
height : 44px;
}
.migros_orange {
background : url(../images/2010/logo_migros_orange.gif) no-repeat;
float : right;
margin-top: 15px;
width : 100px;
height : 44px;
}

.transvoisines {
background : url(../images/2010/logo_transvoisines.gif) no-repeat;
	float : right;
	margin-top:15px;
width : 100px;
height : 79px;
}

.musee {
background : url(../images/2010/logo_musee.gif) no-repeat;
float : right;
margin-top:15px;
width : 100px;
height : 37px;
}

.biblio {
background : url(../images/2010/logo_bibliotheque.jpg) no-repeat;
float : right;
margin-top:15px;
margin-left: 10px;
width : 75px;
height : 83px;
}

.broquine {
background : url(../images/2010/logo_broquine.jpg) no-repeat;
float : right;
margin-top:22px;
margin-left: 10px;
width : 100px;
height : 21px;
}

.son {
background: url(../images/2010/logo_1004_son.jpg) no-repeat;
float : right;
margin-top:22px;
margin-left: 10px;
width : 75px;
height : 110px;
}

#couleur3 {
position : absolute;
top : 225px;
right : 0px;
height : 65px;
width : 84px;
background : url(../images/2010/logo_couleur3.jpg) no-repeat;
}

div#bnt1 {
cursor:pointer;
}

div#bnt1:hover {
color:#FFF;
}


div.invisible {
display: none;
}

div.visible {
display: block;
}

/* VIDEO PLAYER */

.video {}

.video-player {
}

.video-title {
font-weight:bold;
margin-bottom: 20px;
}


/*FOOTER*/

#footer {
font-size : 9px;
padding : 20px 0 20px 27px;
position : relative;
}

/*STRUF*/

.clear {
clear: both;
}
.bold {
font-weight : bold;
}

table.cour_theatre {
border-top: 1px solid #000;
border-right: 1px solid #000;
}

table.cour_theatre tr td {
border-left: 1px solid #000;
border-bottom: 1px solid #000;
padding: 3px;
}