* {
margin : 0;
padding : 0;
}
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 {
margin : 0 auto;
width : 800px;
}
#index {
background : transparent url(../images/2009/bkg_index.jpg) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
height : 1000px;
position : relative;
width : 798px;
}
#index #illustration {
background : transparent url(../images/2009/illustration.jpg) no-repeat scroll 0% 0%;
height : 800px;
}
#index #illustration_2008 {
height : 800px;
}
#index #illustration a {
display : block;
height : 800px;
width : 800px;
}
#index #illustration #text {
width: 226px;
margin: 0px auto ;
padding: 10px 10px;
font-size: 20px;
background-color: #FFF;
opacity:0.7;
}

#index #logo_yverdon {
background : transparent url(../images/2009/logo_yverdon.jpg) no-repeat scroll 0% 0%;
height : 26px;
left : 72px;
position : absolute;
top : 800px;
width : 122px;
}
#index #logo_24heures {
background : transparent url(../images/2009/logo_24heures.jpg) no-repeat scroll 0% 0%;
height : 24px;
left : 610px;
position : absolute;
top : 800px;
width : 120px;
}
#page_violet {
background : #cc53f8 none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_vert {
background : #8ae457 none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_bleu {
background : #00c6c9 none repeat scroll 0% 0%;
margin : 0 auto;
width : 800px;
}
#page_violet #container {
background : transparent url(../images/2009/violet/bkg_page.jpg) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
position : relative;
width : 798px;
}
#page_vert #container {
background : transparent url(../images/2009/vert/bkg_page.jpg) repeat-y scroll 0% 0%;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
position : relative;
width : 798px;
}
#page_bleu #container {
background : transparent url(../images/2009/bleu/bkg_page.jpg) 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/2009/violet/echandole.jpg) no-repeat scroll 0% 0%;
display : block;
height : 139px;
width : 798px;
}
#page_vert #header {
background : transparent url(../images/2009/vert/echandole.jpg) no-repeat scroll 0% 0%;
display : block;
height : 139px;
width : 798px;
}
#page_bleu #header {
background : transparent url(../images/2009/bleu/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 {
clear : both;
display : block;
position : relative;
min-height : 800px;
}
#side_left {
display : block;
float : left;
width : 390px;
}
#side_right {
display : block;
position : relative;
margin-left : 411px;
width : 374px;
}
#navigation {
display : block;
float : left;
font-size : 14px;
width : 159px;
}
#navigation a {
display : block;
height : 15px;
width : 120px;
}
#navigation a:hover {
color : #000000;
}
#navigation ul {
line-height : 15px;
padding-left : 28px;
}
#navigation li {
list-style-type : none;
}
#navigation li:hover {
list-style-image : url(../images/2009/point.gif);
}
#navigation .titre_2 {
padding-top : 7px;
}
#navigation #bonus {
height : 27px;
padding-top : 20px;
}
#anni {
margin : 117px 0 0 204px;
}
#anni img {
border : none;
}
#anni a {
border : none;
}
#anni a:link {
border : none;
}
#anni a:hover {
border : none;
}
#anni img a:visited {
border : none;
}
#page_violet #logo {
background : transparent url(../images/2009/violet/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#page_vert #logo {
background : transparent url(../images/2009/vert/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#page_bleu #logo {
background : transparent url(../images/2009/bleu/logo.jpg) no-repeat scroll 0% 0%;
height : 283px;
margin-left : 159px;
width : 206px;
}
#agenda {
line-height : 18px;
}
#agenda .titre_3 {
padding-top : 20px;
}
#agenda .table_mois {
padding-bottom : 16px;
}
#agenda td {
border-bottom : 1px solid #000000;
}
#agenda .mois {
font-size : 14px;
font-weight : bold;
line-height : normal;
}
#agenda .date {
font-size : 12px;
font-weight : normal;
text-transform : lowercase;
width : 100px;
}
#agenda .spectacle {
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
width : 200px;
}
a.annule {
text-decoration : line-through;
}
#agenda .style {
font-size : 12px;
font-weight : normal;
width : 47px;
}
#spectacle {
position : relative;
}
#spectacle #debout {
background : transparent url(../images/2009/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;
}
#spectacle .dates {
font-size : 16px;
font-weight : bold;
padding : 15px 0;
text-transform : lowercase;
}
#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 .presentation {
font-size : 16px;
}
#spectacle .artistes {
font-size : 16px;
padding : 15px 0;
text-transform : uppercase;
}
#spectacle .infos {
font-size : 12px;
padding-bottom : 15px;
}
#spectacle .prix {
font-size : 16px;
font-style : italic;
padding-bottom : 15px;
}
#spectacle .lien {
font-size : 10px;
font-weight : bold;
}
#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;
}
#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;
}
#creation {
position : absolute;
top : 220px;
left : 246px;
height : 127px;
width : 128px;
background : url(../images/2009/creation.gif) no-repeat;
}
#cssi_bleu {
background : transparent url(../images/2009/logo_cssi_bleu.gif) no-repeat scroll center bottom;
float : right;
height : 60px;
padding-top : 15px;
width : 100px;
}
#cssi_vert {
background : transparent url(../images/2009/logo_cssi_vert.gif) no-repeat scroll center bottom;
float : right;
height : 60px;
padding-top : 15px;
width : 100px;
}
#cssi_violet {
background : transparent url(../images/2009/logo_cssi_violet.gif) no-repeat scroll center bottom;
float : right;
height : 60px;
padding-top : 15px;
width : 100px;
}
#option_vert {
background : transparent url(../images/2009/logo_option_vert.jpg) no-repeat scroll center bottom;
float : right;
width : 97px;
height : 41px;
padding-top : 15px;
}
#option_bleu {
background : transparent url(../images/2009/logo_option_bleu.jpg) no-repeat scroll center bottom;
float : right;
width : 97px;
height : 41px;
padding-top : 15px;
}
#option_violet {
background : transparent url(../images/2009/logo_option_violet.jpg) no-repeat scroll center bottom;
float : right;
width : 97px;
height : 41px;
padding-top : 15px;
}
#footer {
font-size : 9px;
padding : 20px 0 20px 27px;
position : relative;
}
.bold {
font-weight : bold;
}
.logo_ailleurs {
position : absolute;
top : 524px;
left : 254px;
width : 120px;
height : 38px;
background : url(../images/2009/logo_ailleurs.gif) no-repeat;
}