a.lnk {
   text-decoration:none;
}

a.lnk[target=_blank], .underlined {
   border-bottom:1px dotted;
}

a.lnk[target=_blank]:hover {
   border-bottom:1px solid;
}

a.lnk:link {
   color:#FF6;
}
.b_menu a.lnk:link {
   color:#205;
}

a.lnk:visited {
   color:#FF6;
}
.b_menu a.lnk:visited {
   color:#205;
}

a.lnk:hover, a.lnk:focus {
   color:#6F6;
}
.b_menu a.lnk:hover, .b_menu a.lnk:focus {
   color:#20C;
}

a.lnk:active {
   color:#29C;
}
.b_menu a.lnk:active {
   color:#6F6;
}

audio.extrait, embed.extrait {
   width:/*420px*/540px;
   max-height:45px;
}

#audioplayer {
   position:absolute;
   top:0px;
   left:622px;
   z-index:890;
}

audio#a_player{
   width:/*420px*/400px;
   max-height:100px;
}

body {
   margin:0px;
   min-width:1024px;
   color:#FFF;
   font-size:14px;
   font-family:'Trebuchet MS', Helvetica, Arial, sans-serif;
   background:url("images/background-image.jpg") repeat-y fixed 0px -222px;
   text-shadow:rgba(0,0,0,.5) 1px 1px 1px !important; text-shadow:black 1px 1px 1px;
   -webkit-text-shadow:rgba(0,0,0,.5) 1px 1px 1px !important; -webkit-text-shadow:black 1px 1px 1px;
   -moz-text-shadow:rgba(0,0,0,.5) 1px 1px 1px !important; -moz-text-shadow:black 1px 1px 1px;
   -o-text-shadow:rgba(0,0,0,.5) 1px 1px 1px !important; -o-text-shadow:black 1px 1px 1px;
   -ms-text-shadow:rgba(0,0,0,.5) 1px 1px 1px !important; -ms-text-shadow:black 1px 1px 1px;
}

form {
   display:block;
   margin:14px 0px;
}

html {
   -webkit-text-size-adjust:none;
}

input, textarea, select {
   color:#FFF;
   background-color:rgba(0,0,0,.5) !important;
   background-color:black;
   font-size:12px;
   font-family:verdana,helvetica,arial,sans-serif;
   border:1px solid #D2B48C;
   outline:none;
   margin:0px;
   padding:4px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}

input[type=reset], input[type=submit], input[type=button] {
   cursor:pointer;
   font-weight:bold;
}

input[type=file] {
   cursor:pointer;
}

input[disabled], input[readonly] {
   background-color:#FFFFDE;
   opacity:0.75;
}

p {
   margin:14px 0px;
}

select {
   cursor:pointer;
}

table.columns {
   border-collapse:collapse;
   width:100%;
   margin:0px;
   border:none;
   padding:0px;
}

table.columns tbody {
   margin:0px;
   border:none;
   padding:0px;
}

table.columns tr {
   margin:0px;
   border:none;
   padding:0px;
}

table.columns td {
   vertical-align:top;
   margin:0px;
   border:none;
   padding:0px;
}

table.tablegrey td {
   margin:4px;
   padding:4px 8px;
   color:#FFF;
   background-color:rgba(0,0,0,.5) !important;
   background-color:black;
}

.colonnes {
   display:table;
   border-collapse:separate;
}

.colonne {
   display:table-cell;
   padding-left:14px;
   padding-right:14px;
}

.colonne:first-of-type {
   padding-left:0px;
}

.colonne:last-of-type {
   padding-right:0px;
}

.banderole {
   position:absolute;
   z-index:667;
   top:0px;
   left:0px;
   width:1022px;
   height:126px;
   border-bottom:2px solid #D2B48C;
   border-right:2px solid #D2B48C;
   background-color:#FFFFDE;
   background-image:url("images/background.png");
}

@media screen and (min-width:1024px) {
   .banderole, #audioplayer {
      position:fixed !important;
      position:absolute;
      
   }
}

.b_title {
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100px;
   line-height:114px;
   text-indent:20px;
   font-size:62px;
   color:#EEEEEE;
   letter-spacing:6px;
   text-shadow:0px -0px 8px rgba(0,0,0,.4)/*,0px -0px 2px rgba(0,0,0,1)*/;
}

.b_menu {
   position:absolute;
   top:100px;
   left:0px;
   width:100%;
   height:26px;
   line-height:26px;
   font-size:16px;
   background-color:rgba(255,255,222,.5) !important;
   background-color:#FFFFDE;
   color:#20C;
}

.b_menu_a {
   color:#20C;
}

.contents {
   position:absolute;
   top:148px;
   left:/*20px 128px*/150px;
   width:/*984px 768px*/724px;
   min-height:10px;
}

.article {
   text-align:justify;
}

.article>p:first-of-type {
   margin-top:0px;
}

.a_title {
   margin:0px 0px 7px 0px;
   color:#1D7;
   font-size:20px;
   font-weight:bold;
   text-transform:uppercase;
   letter-spacing:1.5px;
   word-spacing:3px;
   line-height:1em;
}

.a_subtitle {
   margin:0px 0px 0px 0px;
   color:#4E3;
   font-size:16px;
   font-weight:bold;
   font-variant:small-caps;
   letter-spacing:1px;
   word-spacing:2px;
   line-height:1em;
}

.n_title {
   color:#4E3;
}

.concert {
   height:187px;
   overflow:auto;
}

.c_next{ /*style inutilise je crois*/
   width:132px;
   height:25px;
   background-color:rgba(255,0,0,.5) !important;
   background-color:#F00;
   position:relative;
   top:-39px;
   color:white;
   line-height:25px;
   font-weight:bold;
   text-align:center;
}

.c_img { /*style inutilise */
   float:left;
   margin-right:20px;
   height:187px;
   width:132px;
   border:null;
}

.c_img_icon {
   float:left;
   margin-right:20px;
   height:185px;
   width:130px;
   border:1px solid #D2B48C;
   cursor:pointer;
}

.c_title {
   color:#4E3;
   font-size:14px;
   text-transform:uppercase;
}

.c_subtitle {
   color:#0C3;
   font-size:14px;
}

.c_date {
   color:#FFF;
   font-size:14px;
}

.c_location {
   color:#FFF;
   font-size:12px;
}

.c_adresse {
   color:#FFF;
   font-size:12px;
   font-style:italic;
}

.c_prix {
   color:#FFF;
   font-size:12px;
}

.boxshadow, input, textarea, select {
   box-shadow:0px 0px 4px #888;
   -webkit-box-shadow:0px 0px 4px #888;
   -moz-box-shadow:0px 0px 4px #888;
   -o-box-shadow:0px 0px 4px #888;
}

#copyright {
   position:fixed;
   bottom:0px;
   left:0px;
   width:984px;
   height:16px;
   line-height:16px;
   padding:0px 20px;
   background-color:rgba(63, 63, 136, 0.66) !important;
   background-color:#3F3F88;
   color:#CCC;
   font-size:10px;
}

#galery {
   position:fixed !important;
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index:900;
   display:none;
}

#shadow {
   position:fixed !important;
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   background-color:#000;
   z-index:900;
   opacity:0.6;
   cursor:pointer;
}

#diapoimage {
   position:fixed !important;
   position:absolute;
   top:10%;
   left:10%;
   width:auto;
   height:auto;
   max-width:80%;
   max-height:80%;
   margin:auto;
   background-color:#000;
   outline:12px solid #FFF;
   z-index:910;
}

.imgbbcodes{
   max-width:100%;
}

.imggalery {
   width:/*163px*/ auto;
   height:122px;
   cursor:pointer;
   margin:0px 0px 4px 20px;
}
.imggalery:hover {
   outline:1px solid white;
}

.floatleft {
   float:left;
   margin-right:8px;
}

.floatright {
   float:right;
   margin-left:8px;
}

.paysage {
   width:240px;
   height:180px;
}

.portrait {
   width:180px;
   height:240px;
}

.l_comment {
   margin-bottom:24px;
   /*width:472px;*/
}

.l_comm_name {
   color:#4E3;
}

.l_comm_date {
   color:#0C3;
}

.l_comment_t {
   color:#FFF;
   font-size:12px;
   line-height:1em;
   text-align:justify;
}

div.column_left {
   display:inline-block;
   float:left;
   width:472px;
}

div.column_right {
   display:inline-block;
   float:right;
   width:472px;
}

.red {
   color:#CF0A1D;
}

.green {
   color:#009900;
}

.transition {
   transition:all .8s; 
   -webkit-transition:all .8s; 
   -moz-transition:all .8s; 
   -ms-transition:all .8s; 
   -o-transition:all .8s;
}

.mdisc {
   background-color:rgba(0,0,0,.4);
   outline:14px solid rgba(0,0,0,.4);
}

.backfacehidden {
   backface-visibility:hidden;
   -webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
   -ms-backface-visibility:hidden;
   -o-backface-visibility:hidden;
}

.pochettea, .pochetteb {
   position:absolute;
   top:0px;
   left:0px;
   width:368px;
   height:368px;
   border:1px solid #D2B48C;
}

.pochettea {
   transform:rotateY(0deg);
   -webkit-transform:rotateY(0deg);
   -moz-transform:rotateY(0deg);
   -ms-transform:rotateY(0deg);
   -o-transform:rotateY(0deg);
}

.pochetteb {
   transform:rotateY(180deg);
   -webkit-transform:rotateY(180deg);
   -moz-transform:rotateY(180deg);
   -ms-transform:rotateY(180deg);
   -o-transform:rotateY(180deg);
}

.cdquitourne {
   width:/*160px*/200px;
   height:/*160px*/200px;
   margin:0;
   cursor:pointer;
}
.cdquitourne:hover {
   transform:rotate(30deg);
   -webkit-transform:rotate(30deg);
   -moz-transform:rotate(30deg);
   -ms-transform:rotate(30deg);
   -o-transform:rotate(30deg);
}