* {margin: 0; padding: 0;}*
html, body {
margin: 0px;
padding-top: 0px;
font-family: arial, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size: 100%;
text-align: center;
background: #f1efe6 url('medias/fond_v.jpg') no-repeat;
background-position : top center;
}
#global {
width: 790px;
height: auto;
margin-right: auto;
margin-left: auto;

margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
background:#fff url('medias/fond_global.png') top repeat-y;

z-index: 1;
}
#haut{
width: 770px;
height: 185px;
padding: 0px;
margin: auto;
background: #000 url('medias/banniere 2010.jpg') center no-repeat;
}
#haut1{
width: 760px;
height: 280px;
padding: 0px;
margin-left: 20px; 
background: #fff;
}
#contenu {
width: 480px !important;
width: 460px;
float: left;
margin-left:40px !important;
margin-left:20px;
margin-top:20px;
height: auto;
min-height: 390px;
background: #fff url('medias/cont.png') top right repeat-y;
}
#contenu_accueil {
float: left;
height: auto;
padding-left: 30px;
padding-right: 30px; 
}
#contenu_accueil p {
text-align: justify;
}
#news {
background: url('medias/infos.jpg') top no-repeat;
float: left;
width: 350px;
height: auto;
margin: 2px;
padding: 10px;
padding-bottom: 5px;
}
#news p {
font-size: 0.8em;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
padding-top: 19px;
}
#news p a{
color: #c62b2e;
padding-top: 19px;
}
#news p a:visited{
color: #339966;
padding-top: 19px;
}
.flash_accueil {
width: 710px;
height: 250px;
float: left;
margin-bottom: 30px;
}
.gauche {
width: 340px;
float: left;
margin-right: 30px !important;
margin-right: 15px;
padding-right: 20px;
background: url('medias/cont.png') top right repeat-y;
}
.droite {
width: 340px;
float: left;
}
#contenu_diapo {
width: 700px !important;
width: 700px;
float: left;
margin-left:40px !important;
margin-left:20px;
margin-top:20px;
height: auto;
min-height: 390px;
background: #fff;
}
#blocnote {
margin-top: 5px;
margin-right:15px;
padding-top: 80px;
float: right;
width: 250px;
height: 301px;
background: #fff url('medias/bloc.png') top center no-repeat ;
}
.flash {
width: 400px;
height: 222px;
clear: both;
margin-left: 20px;
margin-top: 10px;
z-index:1;
}
.diapo {
margin-top: 15px;
margin-left: 30px;
}
#contenu a, #contenu_diapo a, #blocnote a {
text-decoration: none;
color: #cc3333;
}
#contenu a:link, #contenu_diapo a:link, #blocnote a:link {
text-decoration: none;
color: #cc3333;
}
#contenu a:visited, #contenu_diapo a:visited, #blocnote a:visited {
text-decoration: none;
color: #cc3333;
}
#contenu a:hover, #contenu_diapo a:hover, #blocnote a:hover  {
text-decoration: none;
color: #cc3333;
}
.imgtextedroite {
margin: 10px ;
border: #000 1px solid ;
float: right ;
}
.imgtextecenter {
margin: 10px ;
border: #99cccc 1px solid ;
padding: 3px;
float: center ;
}
.center {
margin-left: 40px ;
padding: 3px;
float: center ;
}
.imgtextedroiteb {
margin: 10px;
border: #99cccc 1px solid;
padding: 3px;
float: right ;
}
.imgtextegaucheb {
margin: 10px;
margin-right: 20px;
margin-left: 2px;
border: #99cccc 1px solid;
padding: 3px;
float: left;
}
.imgtextedroiten {
border: #cc3333 2px solid;
margin: 10px;
float: right ;
}
#pieddepage {
width: 750px;
height: 49px;
text-align: right;
clear: both;
background: url('medias/bas.png') no-repeat;
margin-left: 15px;
}
#pieddepage a:link{
text-decoration: none;
color: #cc3333;
}
#pieddepage a:visited{
text-decoration: none;
color: #cc3333;
}
#pieddepage a:hover{
text-decoration: none;
border-bottom: #cc3333 solid 1px;
}
#hautdepage {
text-align: right ;
}
#hautdepage a:link{
text-decoration: none;
}
#hautdepage a:visited{
color: #339966;
}
#hautdepage a:hover{
color: #336633;
}
p {
line-height: 25px;
padding: 2px;
font-size: 0.9em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
color: #52555C;
padding-right: 10px;
}
#blocnote p {
line-height: 12px;
margin-bottom: 15px;
margin-left: 15px;
margin-right: 10px;
font-size: 0.7em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
color: #52555C;
border-bottom: #cccccc 1px dotted;
}
p.pied {
padding-top: 16px;
font-size: 0.8em;
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
color: #52555C;
}
h1{
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
color: #339966;
font-size:1em;
margin-bottom: 2px;
padding-left: 22px;
padding-bottom: 2px;
border-bottom: #ffcc66 1px solid;

width: 440px;
background: url('medias/star.gif') no-repeat;
}
h2{
color: #000;
font-size: 0.8em;
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
margin-left: 15px;
margin-bottom: 5px;
line-height: 22px;
}
h3{
color: #000;
font-size: 1em;
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
margin-left: 15px;
}
h4{
color: #339966;
font-size: 1.3em;
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
}
h5{
color: #c72f2d;
font-size: 1em;
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-weight: bold;
}
h6{
color: #cc0000;
font-size:0.9em;
margin-bottom: 2px;
padding-left: 2px;
border-bottom: #ffcc66 1px solid;
border-left: #ffcc66 8px solid;
text-align : left;
width: 300px;
}
form{
text-align: center ;
}
.news p{  /*bloc edition des news*/
margin-top:10px;
padding-left: 3px;
}
.news  /*bloc titre des news*/
{
margin:auto;
margin-top: 10px;
margin-bottom: 10px;
}
table
{
border-collapse:collapse;
border:2px solid #45603b;
margin:auto;
}
th, td
{
border:1px solid #45603b;
text-align:center;
}
  /* Curved cutout Borders*/
.curved h1, .curved p {
  margin:0 10px;
  }
.curved h1 {
  font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
  font-size:1.5em; 
  color:#339966;
  }
.curved p {
  padding-bottom:0.5em;
  }
.curved {
width: 420px;
height: 250px;
background:#f5f4ea;
border:1px solid #cccccc;
color:#2a2a2a;
padding: 25px 0 0 25px;
}
.curved1 {
width: 650px;
height: auto;
background:#f5f4ea;
border:1px solid #cccccc;
color:#2a2a2a;
padding: 25px 0 0 25px;
margin-bottom: 20px;
margin-left: 20px;
}
.curved1 h1, .curved1 p {
  margin:0 10px;
  }
.curved1 h1 {
  font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
  font-size:1.5em; 
  color:#000;
  }
.curved1 p {
  padding-bottom:0.5em;
  }
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
float: left;
position: relative; /* placement du menu, à modifier selon vos besoins */
z-index:100;
width: 755px; /* correction pour Opera */
background: url('medias/menu.png') bottom left no-repeat;
margin-top: 20px;
margin-left: 20px !important;
margin-left: 10px;
height: 30px;
padding-bottom: 2px !important;
padding-bottom: 8px;
}
#menu dl {
float: left;
width: auto !important;
width: 80px;
}
#menu dt.prog{
display: block;
cursor: pointer;
text-align: left;
height: 25px;
color: #339966;
text-decoration: none;
list-style-type: none;
border: 0;
background: url('medias/star.gif') no-repeat;
font: bold 0.7em Verdana, "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
padding-left: 19px;
padding-right: 10px;
}
#menu dd {
display: none;
height: 30px;
position: absolute;
}
#menu ul {
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
text-align: left;
padding-left: 19px;
padding-right: 10px;
color: #339966;
text-decoration: none;
list-style-type: none;
display: block;
height: 25px;
border: 0 none;
background: url('medias/star.gif') no-repeat;
font: bold 0.7em Verdana, "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
}
#menu dt a:hover, #menu dt a:focus {
color: #000;
border-bottom: 3px solid #ff6600;
}
#menu li a {
text-align: center;
width: 110px;
font: 12px "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
display: block;
height: 20px;
text-decoration: none;
color: #339966;
}
#menu a:visited {
color: #339966;
} 
#menu li a:hover, #menu li a:focus {
color: #c62b2e;
font-size: 0.8em;
font: bold;
}
#mp3 {
display: inline;
float: left;
} 
.lien{
padding-right: 15px;
padding-bottom: 15px;
display: inline;
}
p span {
color: #339966;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
font-size: 100%;
margin-bottom: 20px;
width: 70px;
}
span.rouge{
color: #be2932;
font-weight: bold;
font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
font-size: 100%;
margin-bottom: 20px;
width: 70px;
}
span.news{
color: #be2932;
font-weight: bold;
font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
font-size: 120%;
margin-bottom: 20px;
width: 70px;
}
.separateur {
background: url('medias/separateur.png') no-repeat;
width: 403px;
height: 22px
}
.thumbnail {
display: inline;
margin-right: 5px;
margin-top: 20px;
}
.prog{
font-size: 1em;
}

/* PROG */
#contenant-prog { 
    background-color: red;
    position: relative;
    width: 770px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#contenu-prog {
    background-color: white;
    background-repeat: repeat;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 22px;
    /* correction bug IE5 */
    width: 770px;
    voice-family: "\"}\"";
    voice-family:inherit;
    /* bonne taille pour bons navigateurs */
    width: 726px;
}

#prog-gauche {
    float: left;
    width: 426px;
}

#prog-droite {
    width: 300px;
    float: right;
}

#prog-souvenir {
    border: 1px solid green;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    padding: 1px 2px;
    text-align: center;
    width: 630px;
}

.date-prog {
    color: green;
    font-family: "Georgia","Lucida Grande","Lucida Sans Unicode","Trebuchet MS";
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.heure-prog {
    background-image: url(./medias/bordure_heure.png);
    background-position: center top;
    background-repeat: repeat-x;
    font-style: italic;
    margin-bottom: 10px;
    padding-top: 6px;
}

.artiste-nom {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.artiste-nom a {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #339966;
}
artiste-nom a:visited {
    color: #339966;
}
.artiste-nom a:hover {
    color: yellow;
}

.artiste-infos {
    font-style: italic;
    font-size: 0.9em;
}

.artiste-site a {
    text-decoration: none;
    color: #339966;
}
artiste-site a:visited {
    color: #339966;
}
.artiste-site a:hover {
    color: yellow;
}

.image-groupe {
    float:left;
    margin-left:10px;
    margin-bottom:5px;
    text-align:center;
}

.lien{
    padding-right: 15px;
    padding-bottom: 15px;
    display: inline;
}