/*
Theme Name: emozik v2
Theme URI: http://www.lapongue.info/
Description: webzine de l'association emozik
Version: 0.1
Author: Maxime SOUILLAT

Creation Theme by Maxime SOUILLAT || http://www.lapongue.info

*/

body, #popup_body {
    background: #000;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.1em;
    margin: auto;
    width: 100%;

}

h2 {
    color: #FFF;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
   /* font-weight: bold; */
    line-height: 1.2em;
    margin: 7px 0 0 0;
    text-align: center;
  }

h3 {
    color: #FFF;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
   /* font-weight: bold; */
    line-height: 1.2em;
    margin: 7px 10px 0 0;
    text-align: right;

}


h4 {
    color: #FFF;
    font-family:  arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 2px 10px 0 10px;

}

p {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 0px 10px 0 10px;

}
a:link, a:active{
  color: #FFF;
  text-decoration: none;
  border: 0;
    }

a:visited {
  color: #555;
  text-decoration: underline;
  border: 0;
    }

a:hover {
  color: #FFF;
  text-decoration: underline;
  border: 0;
  }

/* CONTAINER // contient tous les autres div */
#container {
    background: #191919;
    margin: auto;
    width: 970px;
    position: relative;

}

.clear {
  clear:both;
}

/* FLECHES de couleur */
.blue {
  background: url(images/arrow_blue_under.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
   }

.green {
  background: url(images/arrow_green_under.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
   }
.green_r, .orange_r {
  background: url(images/arrow_transp_right_green.gif);
  bottom: 10px;
  height: 10px;
  width: 7px;
  position: absolute;
  right: -7px;
  z-index: 10000;
     }

.orange_r {
  background: url(images/arrow_transp_right_orange.gif);
  }

.green_white {
  background: url(images/arrow_transp_over_green.gif);
  bottom: -7px;
  right: 30px;
  height: 7px;
  width: 10px;
  position: absolute;
  z-index: 10000;
     }

.blue_white {
  background: url(images/arrow_transp_bottom_blue.gif);
  bottom: -7px;
  right: 30px;
  height: 7px;
  width: 10px;
  position: absolute;
  z-index: 10000;
     }


.orange {
  background: url(images/arrow_orange_under.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
   }
   
.red {
  background: url(images/arrow_red_under.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
   }

.transp {
  background: url(images/arrow_transp_over.gif);
  top: 0px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
  z-index: 10000;
     }

.transp_album {
  background: url(images/arrow_transp_over.gif);
  top: 40px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
  z-index: 10000;
     }

.transp_white {
  background: url(images/arrow_transp_white_over.gif);
  top: 0px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
  z-index: 10000;
     }

.transp_deepgrey {
  background: url(images/arrow_transp_deepgrey_over.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
   }

/* pour les photos : il y a un décalage donc obligé de décaler la flèche avec ! */
.transp_photo {
  background: url(images/arrow_transp_over.gif);
  top: 0px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 40px;
  z-index: 10000;
     }
     
     
.transp_top {
  background: url(images/arrow_transp_over_top.gif);
  bottom: 0px;
  height: 7px;
  width: 10px;
  position: absolute;
  left: 30px;
     }

.transp_r {
  background: url(images/arrow_transp_right.gif);
  bottom: 12px;
  height: 10px;
  width: 7px;
  position: absolute;
  left: 0px;
     }
.blue_r {
  background: url(images/arrow_transp_right_blue.gif);
  bottom: 20px;
  height: 10px;
  width: 7px;
  position: absolute;
  right: -7px;
  z-index: 10000;
     }

.blue_r_10px {
  background: url(images/arrow_transp_right_blue.gif);
  bottom: 10px;
  height: 10px;
  width: 7px;
  position: absolute;
  right: -7px;
  z-index: 10000;
     }

.grey {
  background: url(images/arrow_grey_over.gif);
  top: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  left: 30px;
     }

.deepgrey {
  background: url(images/arrow_deepgrey_over.gif);
  bottom: 0px;
  height: 7px;
  width: 10px;
  position: absolute;
  left: 30px;
     }

.deepgrey_under {
  background: url(images/arrow_deepgrey_under.gif);
  bottom: -7px;
  height: 7px;
  width: 10px;
  position: absolute;
  right: 30px;
     }

/* ///////////// FIN FLECHES ////////////// */




/*         /////////// HEADER ////////////       */

/* TOPBAR // barre d'outils du haut */
#head_topbar {
    background: #111;
    height: 30px;
}

.topbar {
  margin: 8px 10px 0px 5px;
  padding: 0 0px 0 0px;
  font-size: 11px;
  float: right;
  list-style-type: none;
}

.topbar li {
    display: block;
    float: right;
    padding: 0 0px 0 0px;
}


.topbar img {
  margin: 0px 0px 0px 5px;
  float: right;
}

.topbar a:link, a:visited, a:active{
  color: #FFF;
  text-decoration: none;
  border: 0;
    }

.topbar a:hover {
  color: #e29200;
  text-decoration: underline;
  border: 0;
  }
.topbar li a img {
  text-decoration: none;
  border: 0;
  }

/*  HEADMENU menu + logo */

#head_menu  {
    background: /*url(images/banniere/banner.jpg)*/ #333;
    height: 200px;
    margin: 0 0 0px 0;
    position: relative;
}
#head_menu img {
    position: absolute;
    left: 50px;
    bottom: 50px;

}

#head_menu a img{
    border: 0;

}
/* liste menu */

#menu {
    list-style: none ;
    list-style-type : none;
    margin: 0 0 0 10px;
    padding: 0;
    }


#menu li{
    float: left ;
    height: 30px;
    margin: 170px 10px 0 0;
    padding: 0 ;
    width: 150px;

}

#menu li a:hover {
   text-decoration: underline;
}

/* differents menus avec differentes couleurs */
#menu_accueil {
    background: #191919;

    }

#menu_actu {
    background: #2c9edc;
    }

#menu_musique {
    background: #94b300;
    }
#menu_emozik {
    background: #e29200;
    }

/* ///////////////////// MENU DROPDOWN //////////////// */
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
    background: #111111;
    height: 30px;
    position: relative;
    top: 0;
    width: 720px;
    z-index: 999;
    margin: 0 250px 0 0px;
    float: left;
}

.tab2 {
    background: #111111;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;

}

.tab ul.login {
    display: block;
    position: relative;
    float: right;
    clear: right;
    height: 30px;
    width: auto;
    line-height: 30px;
    margin: 0;
    right: 0px;
    color: white;
    text-align: center;
    font-size: 11px;
}



.tab ul.login li {
    text-align: right;
    padding: 0 6px;
    display: block;
    float: left;
    height: 30px;
    background: #111111;

}

.tab ul.login li a {
    color: #fff;
}

.tab ul.login li a:hover {
    color: #e29200;
    outline: none;
    text-decoration: underline;
}

.tab .sep {color:#111}

.tab a.open, .tab a.close {
    height: 30px;
    line-height: 30px !important;
    padding-left: 20px !important;
    cursor: pointer;
    display: block;
    width: 200px;
    position: relative;
    top: 0px;
}


/* formulaire de recherche */

#searchform {

}

#searchform #s {
    border: none;
    background: #414141;
    margin: 0px 2px 5px 0;
    line-height: 30px;
    width: 120px;
    color: white;
    height: 16px;
    float: left;
    font-size:12px;
    line-height: 16px;
}

#searchform #searchsubmit {
    color: #fff;
    font-size:11px;
    outline: none;
    float: left;
    text-decoration: none;
    display: block;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border: none;
    background : #111;
    /*margin: 10px 0;*/
}

#searchform #s:focus {
    background: #545454;
}

#searchform #searchsubmit:hover {
    color: #e29200;
    outline: none;
    text-decoration: underline;
}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
   /* position: relative; */   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 10000;
    /*text-align: center;
    margin-left: auto;
    margin-right: auto;*/
}

#panel {
    width: 719px;
    height: 200px;
    color: #999999;
    background: #333;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    border-right: 1px solid #111;
}


#panel h2{
    margin: 0;
    color: white;
    background: #111;
    width: 100%;
    line-height: 30px;
}

#panel p {
    margin: 5px 0;
    padding: 0 10px;
}

#panel p b {
    font-size: 12px;
    color: #e29200;
}

#panel a {
    text-decoration: none;
    color: #e29200;
}

#panel a:hover {
    color: white;
    text-decoration: underline;
}

#panel a-lost-pwd {
    display: block;
    float: left;
}

#panel .content {
    width: 750px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: left;
    font-size: 0.85em;
}

#panel .content .left {
    width: 239px;
    float: left;
    padding: 0px 0px;
    border-left: 1px solid #111;
    height: 200px;
}

#panel .content .right {
    border-right: 0px solid #111;
}

#panel .content form {
    margin: 0 0 10px 10px;
}

#panel .content label {
    float: left;
    padding: 8px 10px 0 0;
    clear: both;
    width: 230px;
    display: block;
}

#panel .content input.field {
    border: 1px #1A1A1A solid;
    background: #414141;
    margin-right: 5px;
    margin-top: 4px;
    width: 200px;
    color: white;
    height: 16px;
}

#panel .content input:focus.field {
    background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
    display: block;
    float: left;
    clear: left;
    height: 24px;
    text-align: center;
    cursor: pointer;
    border: none;
    font-weight: bold;
    margin: 10px 0;
}

#panel .content input.bt_login {
    width: 100px;
    background: #e29200;
    color: white;
}

#panel .content input.bt_register {
    width: 110px;
    color: white;
    background: #e29200;
}

#panel .lost-pwd {
    display: block;
    float:left;
    clear: right;
    padding: 15px 5px 0;
    font-size: 0.95em;
    text-decoration: underline;
}


/*  ///////////////////// FIN HEADER //////////////// */


/* //////////////////// HOMEPAGE ///////////////////// */






/* HEADLINE : article à la UNE */
#home_headline_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 550px;
}


#home_headline {
    background: #333;
    float: left;
    height: 310px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 550px;
    overflow: hidden;
}

#headline_excerpt {
    background: #000;
    /*height: 90px; */
    margin: 0 0 0px 0px;
    padding: 0px 0 5px 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width : 550px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    opacity: 0.8;
}

#headline_excerpt a:hover, #headline_excerpt a:hover p{
  text-decoration: underline;
  border: 0;
  }
#headline_excerpt p {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    /* font-style: italic; */
    font-weight: bold;
    line-height: 1.4em;
    margin: 0px 10px 0 10px;

}

#headline_excerpt h4 {
    color: #FFF;
    font-family:  arial, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.2em;
    margin: 2px 10px 0 10px;

}


/* ALBUMS : albums accueil */
#home_album_top {
    background: #94b300;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 150px;
}

/* DIV contenant les 2 albums de la HOME */
#home_album {
    float: left;
    margin: 0 0 0px 10px;
    position: relative;
    width : 150px;

}

/* calque dessous image album contenant les infos album */
.album {
    height: 150px;
    margin: 0 0 10px 0;
    width : 150px;
    position: relative;
    }

.album h4 {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    margin: 0px 10px 0 10px;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 90px;
    width: 130px;
    padding: 0px 0 0px 0;


}

.album h5 {
    color: #94B300;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0px 10px 0 10px;
    text-align: center;
    position: absolute;
    width: 130px;
    left: 0px;
    bottom: 40px;
    padding: 0px 0 0px 0;

}

.album a:hover h5, .album a:hover h4 {
  text-decoration: underline;
}



/* chaque album */



/* implantation sliding boxes */
.boxgrid{
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 0;
    float:left;
    background: url(images/cdcase.gif) #333;
    border: none;
    overflow: hidden;
    position: relative;
}
.boxgrid img{
    position: absolute;
    left: 0;
    border: 0;
    z-index: 1000;
}
.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 50px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
    top: 150;
    left: 0;
}
.caption .boxcaption {
    top: 120;
    left: 0;
}

/*  ///////// FIN SLIDING BOXES //////////// */

/* CAMPAGNE : campagne accueil */
.home_campagne_top {
    background: #e29200;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}

/* ///////////// SLIDER CAMPAGNES ///////////// */
.home_campagne, .emozik_campagne {
    background: #333;
    float: left;
    height: 310px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
    overflow: hidden;
}
.home_campagne ul, .home_campagne li, .emozik_campagne ul, .emozik_campagne li {
    margin:0;
    padding:0;
    list-style:none;
    }
.home_campagne li, .emozik_campagne li {
    /*
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */
    width:230px;
    height:310px;
    overflow:hidden;

    }

.home_campagne a img, .emozik_campagne a img {
  border: 0;
  text-decoration: none;
}


p#controls{
    margin:0;
    position:relative;
    }

#prevBtn, #nextBtn{
    display:block;
    margin:0;
    overflow:hidden;
    text-indent:-8000px;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:-160px;
    }
#nextBtn,{
    left:230px;
    }
#prevBtn a, #nextBtn a{
    display:none;
    width:30px;
    height:77px;
    background:url(images/btn_prev.gif) no-repeat 0 0;
    }
#nextBtn a{
    background:url(images/btn_next.gif) no-repeat 0 0;
    }
/* ////////////// FIN SLIDER CAMPAGNES ///////////// */

/* ARTICLES : articles accueil */
#home_articles_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}


#home_articles {
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    width : 230px;
}

/* chaque article */
.article {
    background: #333;
    height: 100px;
    margin: 0 10px 10px 0;
    position: relative;
    width : 230px;
    float: left;
}

.article a:hover, .home_actu a:hover {
  text-decoration: underline;
  border: 0;
  }
.article h4 {
    background: black;
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    margin: 0 0 0px 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width : 210px;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    opacity: 0.8;
  }

/* ACTUALITE : actualite accueil */
#home_actu_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}


.home_actu, .tags_actu {
    background: #333333;
    float: left;
    margin: 0 0 10px 10px;
    padding: 10px 0 0px 0;
    position: relative;
    width : 230px;
}

.home_actu {
  height: 310px;
}

.home_actu h4, .tags_actu h4 {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0px 10px 15px 10px;

}




.home_actu h5, .tags_actu h5 {
    color: #76ccec;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight:  normal;
    margin: 0px 10px 3px 10px;

}

/* PLAYLIST : PLAYLIST accueil */
#home_playlist_top {
    background: #94B300;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}



#home_playlist {
    background: #333;
    float: left;
    height: 320px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}

/* pour icones */
#home_playlist_top img {
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 30px;
  vertical-align: middle;
}


/* TWITTER : TWITTER footer */

.footer_content_tw ul {
  list-style: none ;
  list-style-type : none;
  margin: 0;
  padding: 0;
  font-size: 13px;
  }

.footer_content_tw ul li {
    list-style: none ;
    list-style-type : none;
    margin: 0 0 14px 0;
    line-height: 1.5em;
    padding: 0;

}

.footer_content_tw ul li span {
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    /*font-style: italic;*/
    line-height: 1.3em;
    margin: 0 0px 0 0px;
    padding: 0;
    width : 230px;

}

.footer_content_tw ul li a {
 color: #E2AC4A;
}

.footer_content_tw ul li span a {
  color: #E29200;
   }


/* LAST COMMENTS : LAST COMMENTS accueil */
#home_lastcom_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 310px;
}


#home_lastcom {
    background: #333;
    float: left;
    height: 150px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 310px;
}

#home_lastcom ul{
    list-style: none ;
    list-style-type : none;
    margin: 0;
    width : 310px;
    padding: 0;
}
#home_lastcom li{
    font-style: italic;
    line-height: 1.5em;
    list-style: none ;
    list-style-type : none;
    margin: 8px 0 10px 10px;
    width : 290px;
    padding: 0;
}

#home_lastcom li a{
    color: #76ccec;
    font-style: normal;
    text-decoration: none;
    }

#home_lastcom a:hover {
  text-decoration: underline;
}


#home_lastcom li img{
    color: #a5d9ec;
    font-style: normal;
    text-decoration: none;
    border: 0;
    }
    
/* PHOTOS : PHOTOS accueil */
#home_photos_top {
    background: #e29200;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 150px;
}


#home_photos {
   /* background: #333; */
    float: left;
    height: 150px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 160px;
    }

.flickr_photos img{
    border: 0;
    float: left;
    height: 70px;
    margin: 0 10px 10px 0px;
    overflow: none;
    width : 70px;
    text-decoration: none;
}

.flickr_photos a{
    border: 0;
    text-decoration: none;
}

/* DANS LA PLAYLIST : DANS LA PLAYLIST accueil */
#home_singles_top, #popup_singles_top {
    background: #94B300;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}


#home_singles, #tags_singles {
    float: left;
    margin: 0 0 10px 0px;
    position: relative;
    width : 230px;
}

/* popup playlist */
#popup_body {
  background : #191919;
  }

#popup_singles_top {
    margin: 10px 0 10px 10px;

}


/* chaque single */
.singles {
    background: #333;
    height: 70px;
    margin: 0 0 10px 0px;
    position: relative;
    width : 230px;
}

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


.singles h4 {
    background: black;
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    margin: 0px 0px 0 0px;
    padding: 3px 10px 3px 10px;
    text-align: center;
    text-transform: uppercase;
    /* test */
    width: 210px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    opacity: 0.8;
    /* fin test */
  }



/* PARTENAIRES : PARTENAIRES accueil */
#home_partenaires_top {
    background: #b10918;
    float: left;
    height: 30px;
    margin: 0 0px 10px 10px;
    position: relative;
    width : 230px;
}

.home_partenaires {

    height: 230px;
    margin: 0 0px 10px 10px;
    width : 240px;

}

#gros_partenaire {
    background: #333;
    float: left;
    height: 160px;
    margin: 0 0px 10px 10px;
    position: relative;
    width : 230px;
}

#gros_partenaire p {
    height: 160px;
    margin: 0;
    padding: 0;
    width : 230px;
}

#gros_partenaire a img, .partenaires  a img{
    border: 0;
    }


/* chaque partenaire */
.partenaires {
    background: #333;
    height: 110px;
    margin: 0 10px 10px 0;
    width : 110px;
    float: left;
}

/* /////////////////////// FIN HOMEPAGE /////////////////// */


/* /////////////////// SINGLE ARTICLE ///////////////// */

.article_content, .evenement_content, .article_content_cat {
    background: #fff;
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
    overflow: hidden;
    padding:  0 0 30px 0;
}


.article_container {
  padding:  0px 0 0px 0;
  width: 690px;
  float: left;
  margin: 0 0px 10px 10px;
  position: relative;
  background: #fff;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
  border-bottom: 40px solid #fff;
  border-top: 40px solid #fff;
  }

.side_content_cat {
    background: #fff;
    margin: 0px 0px 0px 30px;
    padding: 0px 0 0px 0;
    width : 90px;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
             }


.side_content_cat a {
  color: #666;
  }

.side_content_cat a:hover {
  color: #2C9EDC;
}
.side_content_cat a img{
  border: 0;
  text-decoration: none;
}

.side_content_cat h4{
    color: #333;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    margin: 5px 0px 0 0;
    border-bottom: 2px solid #2C9EDC;
    padding: 0 0 9px 0;
            }


.side_content_cat ul{
    text-decoration: none;
    margin: 26px 0px 0 0;
    padding: 0 0 0 0;
    list-style: none;
    list-style-type : none;
            }

.side_content_cat ul li {
    font-family: arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: right;
    line-height: 1.5em;
    color: #666;
    list-style: none;
    list-style-type : none;
    border-bottom: 1px dotted #666;
    margin: 0 0 8px 0;
    padding:  0 0 4px 0;
}


.article_content_cat {
  padding:  0 0 0px 0;
  width: 580px;
  float: left;
  margin: 0 0 0px 120px;
  height: 100%;
  }



.article_content img, .article_content_cat img {
    background: #fff;
    float: left;
    margin: 10px 0px 20px 10px;
    position: relative;
    max-width : 500px;
    overflow: hidden;
}

.alignnone {
   float: left;
   clear: both;
   margin: 0;
   padding: 0;

}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


.article_content_cat img {
   margin: 0px 0px 20px 40px;
}



/* ////////// contenu genere par WISIWYG article // breve  //////////// */
.entry_content a, .entry_content_cat a  {
  color: #2C9EDC;
  font-weight: bold;
}

.entry_content p, .entry_content_cat p {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    /* font-style: italic; */
    line-height: 1.5em;
    margin: 0 60px 1.5em 150px;
    max-width: 500px;
    text-align: justify;
    clear: left;
    }

.entry_content_cat p {
  margin: 0 40px 1.5em 40px;
}

.entry_content_cat p strong {
  color: #191919;
}


.entry_content p img, .entry_content_cat p img {
    max-width: 500px;
    margin: 10px 0px 10px 0px;
}

.entry_content p a img, .entry_content_cat p a img, .entry_content_breve a img {
    text-decoration: none;
    border: 0;
    clear: both;
}





 /* images avec legende */
.wp-caption, .entry_content .wp_caption {
  width: 500px;
  margin: 0 0px 0 150px;
  text-align: left;
  }

.entry_content_cat .wp-caption {
  margin: 0 0px 0 40px;
}

.wp-caption img {
  margin: 0;
}

.wp-caption a, .wp-caption a img {
  border: 0;
  text-decoration : none;

}
.wp-caption-text {
  margin: 0 10px 20px 0 !important;
  padding: 0;
  font-size: 9px;
  font-style : italic;
  text-align: right !important;
  font-weight: bold;
}


.article_content h4, .article_content_cat h4 {
    color: #000;
    font-family:  arial, sans-serif;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 60px 30px 150px;
    }
.article_content_cat h4 {
     margin: 0px 40px 26px 40px;
     font-size: 26px;
     color: #333;
     line-height: 1.5em;
     padding: 0px 0 5px 0;
     border-bottom: 2px solid #2C9EDC;
     }

.article_content_cat h4 a {
     color: #333;
          }

.entry_content_cat h4 a:hover {
      color : #2C9EDC;
      }

 .entry_content_cat p h5 {
     margin: 0px 40px 15px 40px;
     font-size: 20px;
     color: #333;
     line-height: 1.5em;
     padding: 0px 0 5px 0;
     }


.entry_content_cat .moretext {
     margin: 10px 0 0 40px;
     text-align: right;
     line-height: 1.5em;
     color: #333;
     width: 500px;
}

.entry_content_cat .moretext a {
     color: #333;
     font-weight: bold;
     font-style: italic;
     font-size: 18px;
     padding: 0px 0 0 0;
     }

.entry_content_cat .moretext a:hover {
      color : #2C9EDC;
}


.infos_bas {
  margin: 26px 40px 0px 40px;
  padding: 0;
  list-style-type : none;
  list-style: none;
  width: 500px;
  border-top: 1px dotted #2C9EDC;
}


.infos_bas li {
     margin: 0 0 0px 0;
     font-size: 11px;
     font-weight: normal;
     color: #666;
     line-height: 1.5em;
     padding: 5px 0 0px 0;
     text-align: right;
   }

.infos_bas li a {
     font-weight: normal;
     color: #2C9EDC;
    }

.infos_bas li img {
     margin: 0;
     padding: 0;
     border: none;
     float: none;
    }

.entry_content p a, .entry_content_cat p a, .entry_content_breve p a, .musique_entry_content p a, .entry_content ol li a, .entry_content ul li a, .musique_entry_content ol li a,  .musique_entry_content ul li a, .entry_content_breve ul li a, .entry_content_breve ol li a {
  color: #2C9EDC;
  text-decoration : none;
  font-style : normal;
  font-size: 13px;
  font-weight: bold;
  /* padding: 2px 5px 2px 5px; */
}

.musique_entry_content p a, .musique_entry_content ol li a,  .musique_entry_content ul li a {
  color: #94B300;
}


.entry_content p a:hover, .entry_content_cat p a:hover, .entry_content_breve p a:hover, .musique_entry_content p a:hover {
  text-decoration : underline;
  }

.entry_content ul, .entry_content ol, .entry_content_cat ul, .entry_content_cat ol, .entry_content_breve ul, .entry_content_breve ol, .musique_entry_content ul, .musique_entry_content ol {
  color: #000;
  padding: 0;
  margin: 0px  0 40px 150px;
  font-family: helvetica, arial, sans-serif;
  font-size: 13px;
}

.entry_content_cat ul, .entry_content_cat ol {
  margin: 0px  0 40px 40px;
}


.entry_content_breve ul, .entry_content_breve ol {
   margin: 0px  0 40px 160px;
}

.musique_entry_content ul, .musique_entry_content ol {
   margin: 0px  0 40px 0px;
}


.entry_content ul li, .entry_content ol li, .entry_content_cat ul li, .entry_content_cat ol li, .entry_content_breve ul li, .entry_content_breve ol li, .musique_entry_content ul li, .musique_entry_content ol li {
  color: #000;
  padding: 0;
  margin: 0  0 8px 0px;
    }

.entry_content blockquote, .entry_content_cat blockquote, .entry_content_breve blockquote, .musique_entry_content blockquote {
  color: #000;
  padding: 25px 25px 25px 25px;
  margin: 0px  60px 40px 150px;
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  font-style : italic;
  background : #eee;
  }

.entry_content_cat  blockquote {
   margin: 0px  40px 40px 40px;
}


.entry_content_breve blockquote {
   margin: 0px  50px 40px 160px;
}
.musique_entry_content blockquote {
   margin: 0px  40px 40px 0px;
}


.entry_content blockquote p, .entry_content_cat blockquote p, .entry_content_breve blockquote p, .musique_entry_content blockquote p {
  color: #000;
  padding: 0;
  margin: 0 0 1.5em 0;
  line-height: 1.6em;
  }

.navigation {
  margin: 8px 0px 0 0px;
  float: right;
  clear: both;
  width: 710px;
}

/* plugin wp-paginate */
.wp-paginate {padding:0; margin:0px 0 0 0px;float: right;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a { font-size: 14px;background:#111; border:0px solid #ccc; color:#fff; margin: 0 0 0 6px; padding:5px 10px 5px 10px; text-align:center; text-decoration:none; }
.wp-paginate a:hover, .wp-paginate a:active {background:#333; color:#fff;}
.wp-paginate .title {color:#555; margin-left:6px;}
.wp-paginate .gap {color:#999; margin-left:6px;}
.wp-paginate .current {font-size: 14px; color:#fff; font-weight: bold;background:#2C9EDC; margin-left:4px; padding:5px 10px 5px 10px}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}



/* barre date et infos sur le côté */
.side_article, .side_article_cat {
    float: left;
    margin: 10px 0px 0 10px;
    width : 130px;
    position: relative;
         }

.side_article_cat {
    width : 60px;
}

.side_article h4 {
    color: #FFF;
    font-family:  arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: right;
    margin: 0 10px 0 10px;

}
.side_article h5 {
    color: #FFF;
    font-family:  arial, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    text-align: right;
    margin: 0 10px 10px 10px;
}

.side_article h4 a{
    color: #2C9EDC;
    text-decoration: none;
    font-family: georgia, serif;
    font-size: 16px;
    font-style: italic;

    }

.side_article p{
    color: #000;
    text-decoration: none;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    line-height: 1.6em;
    margin: 0;
    }

/* infos comments + date + auteur */

.side_infos {
    /*float: left; */
    margin: 10px 0px 10px 0px;
    width : 130px;
    border-right: 2px solid #2C9EDC;
    /* position: absolute;
    left: 0px;
    top: 320px;          */
             }



.side_infos h5 {
    color: #191919;
    font-family:  arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    text-align: right;
    margin: 0px 10px 0px 10px;
    padding: 0 0 0px 0;
}

.side_category {
    margin: 0px 0px 0 0px;
    padding: 0px 0 0px 0;
    width : 130px;
    position: relative;
         }



/* breadcrumb liste categories (classe wordpress) */
.post-categories {
    border-top: 5px solid #2C9EDC;
    margin: 0px 0px 0 0px;
    padding: 0px 0 0px 0;
    width : 130px;
    line-height: 30px;
    list-style: none;
    list-style-type : none;
    font-size: 13px;
    font-family: georgia, serif;
    font-style: italic;
    font-weight: bold;

}

.post-categories li {
    margin: 0px 0px 0px 0px;
    width : 130px;
    list-style-type : none;
    text-align: right;



}

.post-categories a {
    background: url(images/breadcrumb_2px.gif) #2C9EDC;
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom: 15px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    list-style-type : none;
    color: #fff;
    text-decoration: none;
    display:block;
    width : 120px;
    line-height: 25px;
    padding-right: 10px;
        }
/* fin breadcrumb >>> aux oubliettes juqu'a nouvel ordre */



.side_content {
    background: #2C9EDC;;
    margin: 0px 0px 10px 0px;
    padding: 0px 0 0px 0;
    width : 130px;
    float: left;
    position: relative;
    height: 50px;

         }

.side_content h4{
    color: #fff;
    text-decoration: none;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    line-height: 50px;
        }




/* content-TAGS */

.content_tags {
    /*background: #2C9EDC;*/
    margin: 30px 30px 0px 10px;
    padding: 0px 0 0px 0;
    width : 630px;
    height: 30px;
    line-height: 1.2em;
    font-size: 11px;
    font-family: arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    float: right;
    position: relative;
     }

.content_tags  a {
    background: #2C9EDC;
    margin: 0px 0px 0px 2px;
    color: #fff;
    text-decoration: none;
    /*width : 120px;*/
    line-height: 30px;
    height: 30px;
    padding: 0px 10px 0px 10px;
    display: block;
    float: right;
                }


.content_tags span {
    color: #fff;
    background: #2C9EDC;
    line-height: 30px;
    height: 30px;
    width: 90px;
    display: block;
    float: left;
    padding: 0px px 0px 0px;
    margin: 0 0px 0 0;
    position: relative;
        }
.content_tags h4 {
    color: #fff;
    text-align: right;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    margin: 0 10px 0 0px;
    }





/* /////////////////////// SINGLE BREVE //////////////////////// */

.entry_content_breve p {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    /* font-style: italic; */
    line-height: 1.4em;
    margin: 0 60px 1.5em 160px;
    max-width: 500px;
    text-align : justify;
        }

.entry_content_breve p img{
    max-width: 500px;
    margin: 10px 0px 10px 0px;
}

.entry_content_breve h4 {
    color: #000;
    font-family:  arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 30px 10px 20px 160px;

}





/* /////////////////// SINGLE MUSIQUE ///////////////// */

.musique_content {
    background: #fff;
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width : 550px;
    padding:  0 0 0px 0;
    min-height: 510px;
}

#musique_single_album {
    margin: 50px 10px 10px 50px;
    position: relative;
    width : 150px;
    overflow: hidden;
    padding:  0 0 10px 0;
    float: left;
}

.musique_entry_content  {
    width: 490px;
    margin: 0 50px 50px 50px;
    padding: 0 0 50px 0;
    position: relative;
    clear: left;

}


.musique_entry_content p {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    /* font-style: italic; */
    line-height: 1.4em;
    margin: 0 40px 1.5em 0px;
    max-width: 490px;
    text-align: justify;
}

#musique_single_album p, .musique_infos p {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    /* font-style: italic; */
    line-height: 18px;
    margin: 0 0px 1.5em 0px;
    max-width: 490px;
}




/* infos comments + date + auteur */

.musique_infos {
    float: right;
    margin: 50px 50px 10px 10px;
    width : 270x;
    height: 150px;
    position: relative;


             }
.musique_infos h5 {
    color:#fff;
    background: #94B300;
    font-family:  arial, sans-serif;
    font-size: 30px;
    line-height: 1em;
    margin: 40px 0 0px 0;
    padding: 10px 10px 10px 10px ;
    font-style: italic;
    width: 270px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 0px;


}
.musique_infos h4 {
    color: #000;
    font-family:  arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1em;
    margin: 0px 20px 20px 0;
    width: 260px;
    text-align: left;
    position: absolute;
    top: 0px;
    right: 0px;
}


/* musique lien */
.musique_lien, .article_lien {
    font-size: 13px;
    font-family: arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    margin: 30px 0px 60px 140px;
    padding: 10px 0 10px 0;
    clear: left;
    width: 298px;
        }

.article_lien {
    margin: 30px 0px 20px 150px;
}



.musique_lien h4, .article_lien h4 {
    color: #fff;
    /*background: #94B300;*/
    text-align: right;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    padding: 0 10px 0 10px;
    margin: 0 0px 0px 0px;

    }


.musique_lien img, .article_lien img {
  border: 0;
  margin: 2px 10px 0 0px;
  /*background: #e3e3e3;*/
}

.article_lien img {
  margin: 5px 10px 0 0;
  width: 7px;
  height: 10px;
  max-width: 7px;
  }

.musique_lien a, .article_lien a  {
    /*background: #e3e3e3;*/
    margin: 0px 0px 0px 35px;
    color: #000;
    text-decoration: none;
    line-height: 1.5em;
    height: 30px;
    padding: 0px 10px 0px 30px;
    width: 300px;
    text-align: left;
    display: block;
    clear: both;
    /*width: 150px;*/
    }
.musique_lien a:hover, .article_lien a:hover  {
    text-decoration: underline;
                }




/* content-TAGS */

.musique_tags, .evenements_tags {
    /*background: #2C9EDC;*/
    margin: 30px 0px 50px 0px;
    padding: 0px 0 10px 0;
    width : 450px;
    /*height: 30px;*/
    line-height: 1.2em;
    font-size: 11px;
    font-family: arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    /*position: absolute;
    bottom: 50px;
    left: 0px; */

     }

.musique_tags a, .evenements_tags a {
    background: #94B300;
    margin: 2px 0px 0px 2px;
    color: #fff;
    text-decoration: none;
    /*width : 120px;*/
    line-height: 30px;
    /*height: 30px;*/
    padding: 0px 10px 0px 10px;
    display: block;
    float: right;
                }


.musique_tags span, .musique_lien span, .evenements_tags span {
    color: #fff;
    background: #94B300;
    line-height: 30px;
    max-height: 62px;
    width: 70px;
    display: block;
    float: left;
    padding: 0px px 0px 0px;
    margin: 2px 10px 0 0;
    position: relative;
        }

.musique_lien span {
  width: 280px;
  margin: 0 0 10px 0px;
  height: 30px;
}


.musique_tags h4, .evenements_tags h4 {
    color: #fff;
    text-align: right;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    line-height: 30px;
    margin: 0 10px 0 0px;
    }

/* en savoir plus ARTICLE */



.article_lien span {
  width: 280px;
  color: #fff;
  background: #2C9EDC;
  line-height: 30px;
  height: 30px;
  display: block;
  float: left;
  padding: 0px px 0px 0px;
  margin: 0 0px 10px 0;
  position: relative;
        }




/* page single des SINGLES dans la playlist */

#single_single_vignette {
    margin: 50px 10px 0px 50px;
    position: relative;
    width : 230px;
    overflow: hidden;
    padding:  0 0 0px 0;
    float: left;
}

#single_single_album {
    margin: 20px 10px 0px 0px;
    position: relative;
    width : 150px;
    overflow: hidden;
    padding:  0 0 0px 0;
    float: left;
}


.single_infos {
    float: right;
    margin: 50px 60px 10px 10px;
    width : 180x;
    height: 70px;
    position: relative;
            }

.single_infos h4 {
    color: #000;
    font-family:  arial, sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1em;
    margin: 0px 20px 0px 0;
    width: 180px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

/* titre morceau playlist */
.musique_entry_content h5 {
    color:#fff;
    background: #94B300;
    font-family:  arial, sans-serif;
    font-size: 30px;
    line-height: 1em;
    margin: 40px 0 20px 0;
    padding: 10px 10px 10px 10px ;
    font-style: italic;
    width: 430px;
    text-align: left;
    }

/* /////////////////////// FOOTER /////////////////// */
#footer_container {
  background: #111111;
  border-top: 1px solid #333;
  height: 360px;
  width: 970px;
  margin: 30px 0 0 0;
  padding: 10px 0 0 0;
  float: left;
}

/* BARRES DE TITRES footer */
.footer_titre, .footer_titre_fb, .footer_titre_tags {
    background: #191919;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}


.footer_titre_fb {
        width : 236px;
}

.footer_titre_tags {
        width: 224px;
}


/* CONTENU FOOTER */
.footer_content, .footer_content_fb, .footer_content_tags, .footer_content_tw {
    background: #111;
    float: left;
    margin: 0 0 70px 10px;
    width : 230px;
}

/* integration widget facebook */
.footer_content_fb {
  width: 236px;

}

.footer_content_tags {
  width: 224px;

  }

.footer_content_tags a {
   line-height: 1.3em;
}


/* ///////////////// COMMENTAIRES /////////////// */

.comments-template {
    margin: 0px 0px 0 10px;
    padding: 0px 0 0px 0;
    float: left;
    width: 710px;
    /*background: #333;*/
}






.comments-template ol{
    margin: 0px 0 10px 0;
    padding: 0 0 0 0;
    list-style: none;
    width: 710px;

     }

.comments-template ol li{
    margin: 0px 0px 10px 0px;
    line-height: 18px;
    padding: 10px 0px 10px 0px;
    width: 710px;
    background: #333;
    }

.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    font-size: 16px;
}

.commentmetadata{
    font-size: 12px;
}

.comments-template p.nocomments{
    padding: 0;
}

.comments-template textarea{
    font-family: Arial, Helvetica, Georgia, Sans-serif;
    font-size: 12px;
}

.commentlist .quote {
    padding: 30px 20px 30px 30px;
    margin: 10px 10px 0 10px;
    background:#fff url(images/bg_commentlist.gif) top left no-repeat;
    width: 590px;
    }
 .commentlist .quote p {
    color:#000;
    font-size: 14px;

    }

 .commentlist .quote p a,  .commentlist .quote p a:hover {
    color:#2C9EDC;
    font-size: 14px;
    font-weight: bold;

    }

 .commentlist .quote p a:hover {
    text-decoration: underline;

    }

.comment_list {
  position: relative;
/*  background: #333;*/

}

.commentlist cite {
    /*background: #191919;*/
    display:block;
    margin: 0 10px 0 10px;
    padding: 10px 0 0 0 ;
    }

.commentlist cite a:link, .commentlist cite a:visited {
    color:#88e5f0;
    text-decoration:none;
     }

.commentlist cite a:hover, .commentlist cite a:active {
    color:#FFF;
    text-decoration:underline;
    }



/* div avec "x commentaires" */
.titre_comments {
  position: relative;
  background: #333;
  text-align: right;
  padding: 10px 10px 0 10px;
}

.titre_comments a:link, .titre_comments a:visited, .titre_comments a:active {
  color: #88e5f0;
  text-decoration: none;
  border: 0;

    }
.titre_comments a img {

  border: 0;

    }
.titre_comments a:hover {
  color: #fff;
  text-decoration: underline;
  border: 0;
  }

/* titre h3 */
#comments {
    line-height: 40px;
    color:#fff;
    font-size: 30px;

    padding : 0px 0px 0px 0px;
    margin: 0 0 0px 0;
            }

/* formulaire comment */
.comment_form {
    margin: 0 0px 0px 0px;
    padding: 10px 0 10px 0;
    background: #333;
    width: 710px;
    clear: both;
}

.comment_form h3 {
    margin: 0 10px 30px 10px;
    font-size: 24px;
    }
.comment_form p{
    margin: 0 0px 10px 10px;

}
/* ////////////////////// SIDEBAR ////////////// */

.sidebar {
  float: left;
  width: 230px;
  margin: 0 10px 10px 0px;
  /*position: absolute;
  right: 0px;
  top: 230px;     */
   }

.sidebar_home {
  float: right;
  width: 240px;
  margin: 0 10px 0px 0px;

   }

.sidebar_float {
  float: right;
  width: 240px;
  margin: 0 10px 0px 0px;

   }



/* ////////////////// PAGE ACTUALITE /////////////// */
#actu_headline_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
}


#actu_headline {
    background: #333;
    float: left;
    height: 380px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
    overflow: hidden;
    }

#actu_headline img {
    background: #333;
    float: left;
    margin:0px 0 10px 0px;
    position: relative;
    width : 550px;
    height: 310px;
    overflow: hidden;
    padding: 10px 0 0 10px;
}

#actu_headline h4 {
    color: #FFF;
    font-family:  arial, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px 10px 0px 10px;

}




#actu_headline_excerpt {
    background: #333;
    /*height: 90px; */
    margin: 0 0 0px 0px;
    padding: 0px 0 5px 0;
    position: absolute;
    top: 60px;
    right: 0px;
    width : 150px;
    text-align: left;
    /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity:0.8;
    opacity: 0.8; */
}

#actu_headline_excerpt a:hover, #actu_headline_excerpt a:hover p,
#actu_headline a:hover{
  text-decoration: underline;
  border: 0;
  }
#actu_headline_excerpt p {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    /* font-style: italic; */
    font-weight: normal;
    line-height: 1.4em;
    margin: 0px 10px 0 10px;

}

#actu_headline h5 {
    color: #76ccec;
    font-family: helvetica, arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.4em;
    text-align: right;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 10px;

}




/* article page actu */

#actu_articles {
    float: left;
    margin: 0 0 0px 10px;
    position: relative;
    width : 470px;
    }

#actu_articles_top, #tags_articles_top {
    background: #2c9edc;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    float: left;
}

#actu_articles_top {
    width : 470px;
}





/*#actu_articles_top h3 {
    color: #FFF;
    font-family: georgia, serif;
    font-size: 13px;
    line-height: 30px;
    text-align: right;

}   */


/* chaque article */
.actu_article {
    background: #333;
    height: 160px;
    margin: 0 10px 10px 0px;
    position: relative;
    width : 470px;
    overflow: hidden;
    }

.actu_article img {
    background: #333;
    height: 100px;
    margin: 10px 10px 10px 10px;
    position: relative;
    width : 230px;
    overflow: hidden;
    float: left;
    z-index: 50;
}
 /*.article_title {
    background: #000;
    height: 50px;

} */

.actu_article h4 {
    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    /*padding: 5px 10px 5px 10px;*/
    margin: 10px 0 0px 10px;
   /* position: absolute;
    bottom: 95px;
    left: 250px;  */
    /*width : 210px;*/
    text-align: left;

  }

 .actu_article h4 a:hover, .actu_article a:hover p{ text-decoration: underline;  }

  .actu_article p {

    color: #FFF;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.4em;
    padding: 0px 10px 5px 10px;
    margin: 0 0 1px 0px;
    position: absolute;
    top: 50px;
    right: 0px;
    width : 210px;
    overflow: hidden;

  }

.article_bottom {
  background: #333;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 470px;
  height: 15px;

}



/* actualite breves */
#actu_actu {
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}
#actu_actu_top {
    background: #2c9edc;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
}
.actu_breve {
    background: #333;
    height: 130px;
    margin: 0 10px 10px 0px;
    padding: 0px 0 0px 0;
    position: relative;
    overflow: hidden;
    width : 230px;

}
.actu_breve h4 {
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px 5px 15px;
    text-align: center;
    background: #222;
  }


.actu_breve h4 a:hover {
    text-decoration: underline;
      }


.actu_breve h5 {
    color: #88e5f0;
    z-index: 10000;
    background: #333;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
    font-style: normal;
    font-weight:  normal;
    text-align: right;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
    position: absolute;
    width: 230px;
    height: 25px;
    right: 0px;
    top: 105px;

    }
.actu_breve p {
    color: #fff;
    font-family: helvetica, arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 1.4em;
    margin: 0px 10px 5px 10px;
      }



/* /////////////// MUSIQUE //////////////// */

#container_34 {

    width: 720px;
    float: left;
    padding: 0 0 0 0;
    margin: 0;
    position: relative;
    }
#container_44 {
    width: 970px;
    float: left;
    padding: 30px 0 0 0;
    margin: 0;
    }




  /* ALBUMS : albums MUSIQUE */
#single_musique_album {
    /*background: #94b300; */
    float: left;
    /*height: 310px;*/
    margin: 0 0 0px 10px;
    position: relative;
    width : 150px;

}
#single_musique_album_top {
    background: #94b300;
    float: left;
    height: 30px;
    margin: 0 0 10px 0px;
    position: relative;
    width : 150px;
}

#musique_album_top {
    background: #94b300;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 470px;
    clear: left;
}

/* DIV contenant les albums de MUSIQUE */
#musique_album {
    /*background: #94b300; */
    float: left;
    margin: 0 0px 0px 10px;
    position: relative;
    width : 480px;
    clear: left;

}


/* single */
#musique_single_top {
    background: #94b300;
    float: left;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 230px;
    clear: right;
}


/* ARTICLES : articles CONCERTS musique */

#musique_articles_top {
    background: #94b300;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
    float: left;

}
#musique_articles_top h3{
    color: #FFF;
    font-family: georgia, serif;
    font-size: 13px;
    font-style: italic;
   /* font-weight: bold; */
    line-height: 30px;
    margin: 0 10px 0 0;
    text-align: right;

}

#musique_articles {
    margin: 0 0 10px 10px;
    position: relative;
    width : 720px;
    float: left;
}



/* /////////////////// PAGE EMOZIK ///////////// */

#presentation {
    width: 710px;
    float: left;
    background: #333;
    margin: 0 0 10px 10px;
    position: relative;
    min-height: 180px;
    padding-bottom : 20px;
}

#presentation img {
    width: 167px;
    display: block;
    float: right;

    padding: 30px 15px 30px 15px;
}



#presentation h1 {
    width: 490px;
    font-family: georgia,arial, verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #e2ac4a;
    line-height: 1.6em;
    text-align: center;
    padding: 30px 0px 10px 20px;
    margin:  0 00px 0 0;
}

#presentation p {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 0px 10px 10px 10px;
    max-width: 700px;
    text-align: left;
}


#activistes {
  width: 720px;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

#activistes .home_actu p a {
  color: #E2AC4A;
  font-weight : bold;
}


.home_actu p {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 10px 10px 5px 10px;
    max-width: 210px;
    text-align: justify;
}
.home_actu h2 {
    font-family: georgia,arial, verdana, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #e2ac4a;
    line-height: 1.6em;
    text-align: left;
    padding: 10px 0px 10px 10px;
    margin:  0 00px 0 0;
}

.presentation_articles_top {
    background: #E29200;
    height: 30px;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
    float: left;

}

#recrutement {
    background: #333;
    width: 470px;
    min-height: 310px;
    float: left;
    position: relative;
    margin: 0 0 10px 10px;

}

#recrutement h2 {
    font-family: georgia,arial, verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #e2ac4a;
    line-height: 1.6em;
    text-align: center;
    padding: 10px 0px 10px 20px;
    margin:  0 00px 0 0;
}

#recrutement p {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin: 10px 10px 1.5em 10px;
    max-width: 450px;
    text-align: left;
}

#recrutement li {
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    margin: 10px 10px 0em 10px;
    max-width: 450px;
    text-align: left;
}

#contact {
    width: 710px;
    float: left;
    background: #333;
    margin: 0 0 10px 10px;
    position: relative;
    min-height: 180px;
}

#contact h2 {
    font-family: georgia,arial, verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #e2ac4a;
    line-height: 1.6em;
    text-align: left;
    padding: 20px 0px 10px 20px;
    margin:  0 00px 0 0;
}
#contact h3 {
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    line-height: 1.6em;
    text-align: center;
    padding: 0px 70px 40px 70px;
    margin:  0 00px 0 0;
}
#contact h4 {
    font-family: georgia,arial, verdana, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #e2ac4a;
    line-height: 1.6em;
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin:  0 00px 0 0;
}
.coordonnees{
   width: 230px;
   float: left;
   padding: 0;
   margin:  0 0 10px 10px;
}


.coordonnees ul {
   margin: 0px 10px 1em 0px;
   padding: 0;

}


.coordonnees li{
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
   /* margin: 0px 10px 1em 10px;*/
    max-width: 210px;
    text-align: left;
    list-style: none;
    list-style-type: none;
}

.coordonnees li strong{
    color: #e2ac4a;

}

.formulaire {
    width: 450px;
    float: left;
    background: #333;
    margin: 0 0 10px 0px;
    position: relative;
    min-height: 180px;
}

/* /////////////////// SINGLE CAMPAGNE ///////////////// */

.campagne_content {
    background: #fff;
    float: left;
    margin: 0 0 10px 10px;
    position: relative;
    width : 710px;
    overflow: hidden;
    padding:  0 0 30px 0;
}

.campagne_content img {
    background: #fff;
    float: left;
    margin: 10px 10px 10px 10px;
    position: relative;
    width : 230px;
    overflow: hidden;
}





.entry_content_camp {
    width: 440px;
    float: left;
}

.entry_content_camp ul{
  color: #000;
  padding: 0 0px 0 10px;
  }
.entry_content_camp li{
  color: #000;
  font-family: helvetica, arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin:0 10px 10px 30px;
  }
.entry_content_camp p {
    color: #000;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
    /* font-style: italic; */
    line-height: 18px;
    margin: 0 0px 1.5em 10px;
    max-width: 440px;
    text-align: justify;
}

.entry_content_camp p img{
    max-width: 460px;
    margin: 10px 0px 10px 0px;
}

.entry_content_camp h4 {
    color: #fff;
    font-family:  arial, sans-serif;
    font-size: 24px;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 10px 30px 0px;
    width: 430px;
    background: #E29200;
    font-style: italic;

}

/* /////////////  PAGE TAGS    /////////////////// */
#tags_articles_top {
    width : 230px;
    margin : 0 0 10px 10px;
}

#tags_actu_container {
  width: 240px;
  float: left;
}

#container_23 {
  width: 480px;
  float: left;
}

#tags_singles {
  margin: 0px 0 0px 10px;
  position: relative;
  padding : 0;
  width: 230px;
}

.singles h5 {
  height: 60px;
  width: 230px;
  background: #333;
  line-height: 60px;
  text-align: center;
  font-size: 15px;
  margin : 0;
  font-size: 13px;
}



#no_album {
  height: 150px;
  width: 470px;
  background: #333;
  margin: 0 0 10px 0px;
  position: relative;
}

#no_album h4 {
  height: 140px;
  width: 450px;
  background: #333;
  line-height: 140px;
  text-align: center;
  font-size: 15px;
}

.article h5 {
  height: 60px;
  width: 230px;
  background: #333;
  line-height: 60px;
  text-align: center;
  font-size: 13px;
   }



#tags_articles {
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    width : 230px;
}

#title_info {
  margin: 0px 0 10px 10px;
  position: relative;
  background : #333;
  padding : 0;
  width: 710px;
  height: 90px;
  /*float: left;*/
  clear: both;
}

#title_info h2 {
  height: 90px;
  width: 710px;
  background: #333;
  font-family: arial, sans-serif;
  font-style : normal;
  line-height: 90px;
  text-align: center;
  font-size: 24px;
  margin: 0;
  padding: 0;
  /*text-transform : uppercase;*/
   }


/* .evenement_content = voir .article_content */

.evenement_content {
  width: 630px;
  padding : 40px;
  }

/* div conteneur infos */

.evenement_infos, .festival_infos {
  width: 630px;
  height: 310px;
  position: relative;
  float: left;
}



.evenement_infos img,.festival_infos img {
    height: 310px;
    background: #fff;
    float: left;
    margin: 0;
    position: relative;
    width : 230px;
    overflow: hidden;

}

.evenement_infos h4, .festival_infos h4, .entry_content_evenement h5 {
    float: left;
    margin: 0px 0px 0px 40px;
    width : 350px;
    line-height: 1em;
    position: relative;
    color: #333;
    font-size: 18px;
}

.festival_infos .titre_event, .evenement_infos .titre_event {
  margin: 0 0 15px 40px;
  float: left;
  border-bottom: 2px solid #E29200;
  padding: 0 0 10px 0px;
  width : 360px;
  position: relative;
  color: #333;
  font-size: 24px;
  }

.festival_infos .titre_event a,.evenement_infos .titre_event a {
  color: #333;
}

.festival_infos .titre_event a:hover,.evenement_infos .titre_event a:hover {
  color: #E29200;
}


.evenement_footer {
  width: 630px;
  float: left;
  clear: both;
  padding : 0 0 0 0;
  margin: 30px 0 0 0;
  text-align: right;
}

.evenement_footer a {
  color: #333;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0 0 0 0;

}
.evenement_footer a:hover {
  color: #E29200;
  text-decoration: underline;
}




.evenement_infos h5, .festival_infos h5 {
    float: left;
    margin: 0px 0px 0px 40px;
    width : 350px;
    line-height: 2em;
    position: relative;
    color: #333;
    font-size: 18px;
    font-weight: normal;
}

.evenement_infos ul, .festival_infos ul {
    position : absolute;
    width: 340px;
    background : #EEEEEE;
    padding: 10px;
    margin: 0;
    bottom: 0px;
    right : 0px;

}

.evenement_infos ul li, .festival_infos ul li {
    color: #333;
    list-style: none;
    line-height: 1.6em;
    margin : 0 0 3px 0;

    }

.festival_infos ul li {
   display: inline;
}


.evenement_infos ul li a, .festival_infos ul li a{
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

.festival_infos ul li a {
    font-size: 13px;
    font-weight: normal;
}



.evenement_infos ul li a:hover, .festival_infos ul li a:hover{
    font-weight: bold;
    text-decoration: underline;
    color: #E29200;
}
.festival_infos ul li a:hover {
    font-weight: normal;
}



.evenement_infos ul li i {
    margin-left: 10px;
    font-size: 13px;
}

/* contenu prog , presentation event ... */
.entry_content_evenement {
  float: left;
  clear: both;
  width: 630px;
  margin: 10px 0 30px 0;
  padding: 0;
}

.entry_content_evenement h4 {
  width : 600px;
  background: #E29200;
  color: #FFF;
  margin:0;
  line-height: 2em;
  padding: 0 0 0 10px;
  font-style: italic;
}


.entry_content_evenement p, .entry_content_evenement p a {
  width : 630px;
  color: #000;
  margin: 20px 0 0 0;
  line-height: 1.5em;
  padding: 0;
  font-size: 13px;
  text-align: justify;
}

.entry_content_evenement p a {
  color: #E29200;
  font-weight: bold;
  }

.entry_content_evenement p a:hover {
  text-decoration: underline;
}


.entry_content_evenement h5 {
    margin: 50px 0px 30px 0px;
    line-height: 1em;
    }


/* chaque groupe 1 par 1 */
.evenement_groupe {
    float: left;
    clear: both;
    background: #EEEEEE;
    width: 608px;
    margin: 0 0 50px 0;
    padding: 20px 10px 20px 10px;
    border: 1px solid #CCCCCC;
    position: relative;
}

.evenement_artiste {
    background: #EEEEEE;
    width: 608px;
    height: 70px;
    position: relative;
}


.evenement_artiste img {
    float: left;
    height: 70px;
    width: 230px;

}

.evenement_artiste h4 {
   float : left;
   margin: 0 0 0 10px;
   line-height: 1em;
   width: 360px;
   padding: 0;
   font-style : normal;
   background: none;
   color: #333;
}

.evenement_artiste h5 {
   position: absolute;
   bottom :0px;
   right: 0px;
   margin: 0;
   height: 30px;
   line-height: 30px;
   text-indent: 10px;
   width: 370px;
   background: #CCCCCC;
   color: #000;
   font-size: 13px;
   font-style : italic;
   font-weight: normal;
}

.evenement_groupe p {
   float: left;
   clear: both;
   width: 600px;
   text-align: justify;
}

.evenement_lien {
    font-size: 13px;
    font-family: arial, sans-serif;
    font-style: italic;
    font-weight: bold;
    margin: 30px 0px 0px 210px;
    padding: 10px 0 10px 0;
    float: left;
    clear: both;
    width: 600px;
        }

.evenement_lien img {
  border: 0;
  margin: 2px 10px 0 0px;
  /*background: #e3e3e3;*/
}


.evenement_lien a  {
    /*background: #e3e3e3;*/
    margin: 0px 0px 0px 0px;
    color: #333;
    text-decoration: none;
    line-height: 1.5em;
    height: 30px;
    padding: 0px 10px 0px 30px;
    width: 300px;
    text-align: left;
    display: block;
    clear: both;
    /*width: 150px;*/
                }
.evenement_lien a:hover  {
    text-decoration: underline;
                }



/* tags evenements */

.evenements_tags {
  background :none;
  width: 630px;

}

.evenements_tags a, .evenements_tags span {
    background: #E29200;