/* IMAGES LOGOS */

.image_65{
display: block;
cursor: pointer;
background: url(images/theme_2/logo_65.gif) no-repeat 0px 0px;
width: 47px;
height: 47px;
margin: 0px 5px 0px 0px;
padding: 9px;
float: left;
}

.image_65_select{
display: block;
background: url(images/theme_2/logo_65.gif) no-repeat 0px -130px;
width: 47px;
height: 47px;
margin: 0px 5px 0px 0px;
padding: 9px;
float: left;
}

.image_65:hover{
color: #C7449B;

background: url(images/theme_2/logo_65.gif) no-repeat 0px -130px;
}

.image_65 img{
width: 45px;
height: 45px;
border: 1px solid #FFFFFF;
}

.image_65_select img{
width: 45px;
height: 45px;
border: 1px solid #FFFFFF;
}

.image_90{
cursor: pointer;
background: url(images/theme_2/logo_90.gif) no-repeat 0px 0px;
width: 72px;
height: 72px;
margin: 0px 5px 0px 0px;
padding: 9px;
float: left;
}

.image_80{
cursor: pointer;
background: url(images/theme_2/logo_80.gif) no-repeat 0px 0px;
width: 62px;
height: 62px;
padding: 9px;
}


.image_80 img{
width: 60px;
height: 60px;
border: 1px solid #FFFFFF;
}

a.image_80:hover{
background: url(images/theme_2/logo_80.gif) no-repeat 0px -160px;
}



a.image_90:hover{
background: url(images/theme_2/logo_90.gif) no-repeat 0px -180px;
}

.image_90 img{
width: 70px;
height: 70px;
border: 1px solid #FFFFFF;
}


.image_100{
cursor: pointer;
background: url(images/theme_2/logo_100.gif) no-repeat 0px 0px;
width: 82px;
height: 82px;
margin: 0px 5px 0px 0px;
padding: 9px;
float: left;
}

a.image_100:hover{
background: url(images/theme_2/logo_100.gif) no-repeat 0px -200px;
}

.image_100 img{
width: 80px;
height: 80px;
border: 1px solid #FFFFFF;
}

.image_110{
position: relative;
background: url(images/theme_2/logo_110.gif) no-repeat 0px 0px;
width: 92px;
height: 92px;
margin: 0px 5px 0px 0px;
padding: 9px;
float: left;
}

a.image_110{
cursor: pointer;
display: block;
}

a.image_110:hover{
background: url(images/theme_2/logo_110.gif) no-repeat 0px -220px;
}

.image_110 img{
width: 90px;
height: 90px;
border: 1px solid #FFFFFF;
}

.image_130_100{
display: block;
background: url(images/theme_2/logo_130_100.gif) no-repeat 0px 0px;
width: 112px;
height: 82px;
margin: 0px 0px 0px 5px;
padding: 9px;
float: right;
}

a.image_130_100{
cursor: pointer;
}

a.image_130_100:hover{
background: url(images/theme_2/logo_130_100.gif) no-repeat 0px -100px;
}

.image_130_100 img{
width: 110px;
height:80px;
border: 1px solid #FFFFFF;
}


div.image_320{
background: url(images/theme_2/logo_320.gif) no-repeat 0px 0px;
width: 302px;
height: 302px;
padding: 9px;
}
div.image_340_320{
float: left;
background: url(images/theme_2/logo_340_320.gif) no-repeat 0px 0px;
width: 320px;
height: 300px;
padding: 10px;
}
div.image_340_320 object{
float: left;
}


.image_320 img{
width: 300px;
height: 300px;
border: 1px solid #FFFFFF;
}

/*  TITRES  */

div.titre_top{
clear: both;
height: 28px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}

div.titre_gauche{
padding: 10px 0px 0px 0px;
float: left;
font-weight: normal;
}

div.titre_droite{
padding: 10px 0px 0px 0px;
float: right;
font-weight: normal;
}

div.titre_top_left{
float: left;
height: 28px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
div.titre_top_right{
float: right;
height: 28px;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}

/*  TITRES H2 */

h2.titre{
position: relative;
clear: both;
background: url(images/theme_2/titre.gif) no-repeat 0px 0px;
width: 750px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}
h2.titre_2{
clear: both;
position: relative;
background: url(images/theme_2/titre.gif) no-repeat 0px 0px;
width: 750px;
padding: 12px 15px 0px 15px;
height: 26px;
font-size: 11px;
}
h2.titre_40{
clear: both;
float: left;
background: url(images/theme_2/titre.gif) no-repeat 0px 0px;
width: 750px;
padding: 12px 15px 0px 15px;
height: 28px;
font-size: 11px;
}

h2.titre a{
font-size: 11px;
}

h2.titre_420{
clear: both;
background: url(images/theme_2/h2_titre_420.gif) no-repeat 0px 0px;
width: 390px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}
h2.titre_390{
clear: both;
background: url(images/theme_2/h2_titre_390.gif) no-repeat 0px 0px;
width: 360px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}
h2.titre_540{
clear: both;
background: url(images/theme_2/titre_540.gif) no-repeat 0px 0px;
width: 510px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}
div.titre_355{
clear: both;
background: url(images/theme_2/titre_355.gif) no-repeat 0px 0px;
width: 325px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}

div.titre_325{
clear: both;
background: url(images/theme_2/h3_titre_325.gif) no-repeat 0px 0px;
width: 295px;
padding: 12px 15px 0px 15px;
height:28px;
font-size: 11px;
}


div.titre_720{
clear: both;
background: url(images/theme_2/titre_720.gif) no-repeat 0px 0px;
width: 690px;
padding: 12px 15px 0px 15px;
height:28px;
font-size: 11px;
}


/* TITRE H3 */

h3.titre{
clear: both;
background: url(images/theme_2/widget_titre.gif) no-repeat 0px 0px;
width: 510px;
padding: 12px 15px 8px 15px;
height: 20px;
text-transform: uppercase;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

h3.titre_select{
clear: both;
background: url(images/theme_2/widget_titre.gif) no-repeat 0px -80px;
width: 510px;
padding: 12px 15px 8px 15px;
height: 20px;
text-transform: uppercase;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}


h3.titre_235{
clear: both;
background: url(images/theme_2/titre_235.gif) no-repeat 0px 0px;
width: 205px;
padding: 12px 15px 8px 15px;
height: 20px;
text-transform: uppercase;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}


h3.titre_370{
float: right;
background: url(images/theme_2/h3_370.gif) no-repeat 0px 0px;
width: 340px;
padding: 12px 15px 8px 15px;
margin-bottom: 10px;
height: 20px;
text-transform: uppercase;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}


h2.titre_450{
background: url(images/theme_2/h2_titre_450.gif) no-repeat 0px 0px;
width: 420px;
padding: 12px 15px 8px 15px;
height: 61px;
font-size: 11px;
}

h3.entete_300{
color: #FFFFFF;
font-size: 12px;
text-transform: none;
display: block;
padding-bottom: 10px;
margin: 0px 0px 8px 0px;
background: url(images/theme_2/entete_300.gif) no-repeat bottom left;
clear: both;
}

h3.entete_300 a{
color: #FFFFFF;
}

h3.entete_370{
color: #FFFFFF;
font-size: 12px;
display: block;
height: 24px;
margin: 0px 0px 6px 0px;
background: url(images/theme_2/entete_370.gif) no-repeat bottom left;
clear: both;
}

h3.entete_370 a{
color: #FFFFFF;
}


h3.entete_250{
color: #FFFFFF;
font-size: 11px;
display: block;
height: 22px;
margin: 0px 0px 4px 0px;
background: url(images/theme_2/entete_250.gif) no-repeat bottom left;
clear: both;
}

h3.entete_250 a{
color: #FFFFFF;
}


h3.entete{
font-size: 11px;
display: block;
height: 26px;
margin: 0px 0px 8px 0px;
background: url(images/theme_2/cadre_h3.gif) no-repeat bottom left;
clear: both;
}

h3.entete div{
padding: 0px;
margin: 0px;
color: #FFFFFF;
}

h3.entete a{
padding: 0px;
margin: 0px;
color: #FFFFFF;
}


/* COLONNES DIV */

.colonne_gauche{
padding: 0px;
float: left;
width: 235px;
margin: 0px 5px 0px 0px;
}

.colonne_droite{
width: 540px;
float: right;
}


/* MENU COLONNE */


ul.colonne_gauche li{
cursor: pointer;
margin: 0px;
text-transform: uppercase;
font-weight: bold;
padding: 12px 0px 8px 10px;
color: #FFFFFF;
font-size: 12px;
background: url(images/theme_2/listes_droite_t2.gif) no-repeat 0px 0px;
height: 20px;
width: 225px;
}

ul.colonne_gauche li a{
color: #FFFFFF;
}

ul.colonne_gauche li:hover{
background: url(images/theme_2/listes_droite_t2.gif) no-repeat 0px -40px;
}

ul.colonne_gauche li.ouvert{
background: url(images/theme_2/listes_droite_t2.gif) no-repeat 0px -80px;
} 

/* ITEMS */

div.item_390_150{
font-size: 11px;
position: relative;
background: url(images/theme_2/item_390_150.gif) no-repeat 0px 0px;
padding: 10px;
height: 130px;
width: 370px;
clear: both;
}

div.item_390_150 div{
padding-bottom: 5px;
}

div.item_390_150 a.visiter{
position: absolute;
bottom: 10px;
right: 10px;
}

div.item_540{
font-size: 11px;
font-weight: bold;
position: relative;
background: url(images/theme_2/item_540.gif) no-repeat 0px 0px;
padding: 10px;
height: 180px;
width: 520px;
clear: both;
}

div.ombre_cadre{
padding: 9px 0px 0px 0px;
margin: 10px 0px 0px 0px;
background: url(images/theme_2/cadre_h3.gif) no-repeat top left;
clear: both;
position: absolute;
bottom: 8px;
left: 10px;
width: 520px;
}

div.ombre_cadre div.ombre_bas_gauche{
float: left;
font-weight: bold;
padding-top: 4px;
font-weight: bold;
font-size: 11px;
height: 16px;

}

div.ombre_cadre a.visiter{
height: 16px;
font-size: 10px;
text-transform: uppercase;
float: right;
padding: 4px 35px 0px 0px;
font-weight: bold;
background: url(images/theme_2/visiter.gif) no-repeat top right;
margin: 0px;
}

div.ombre_cadre a.visiter:hover{
background: url(images/theme_2/visiter.gif) no-repeat right -40px;
color: #C7449B;
}

/* PAGINATION */

div.pagination{
clear: both;
height: 40px;
max-width: 540px;
}
div#les_tchunes div.pagination{
float: left;
height: 40px;
max-width: 460px;
}

a.lien_pagination{
margin: 5px 10px 0px 0px;
float: left;
padding: 8px 0px 0px 0px;
width: 30px;
color: #ffffff;
text-align: center;
display: block;
background: url(images/theme_2/pagination.gif) no-repeat 0px 0px;
height: 22px;
}

a:hover.lien_pagination{
background: url(images/theme_2/pagination.gif) no-repeat 0px -30px;
}

span.on{
float: left;
width: 30px;
padding: 8px 0px 0px 0px;
color: #ffffff;
text-align: center;
display: block;
background: url(images/theme_2/pagination.gif) no-repeat 0px -60px;
height: 22px;
margin: 5px 10px 0px 0px;
}

/* PUB GOGGLE */

div.google_gauche_200{
padding-top: 5px;
clear: both;
}

div.google_235{
background: url(images/theme_2/google_235.gif) no-repeat;
width: 235px;
height:218px;
padding-top: 17px;
text-align: center;
}

/* SEARCH PENDANT LOADING */


.searching_left{
float: left;
margin: 4px 0px;
padding-left: 40px;
height:31px;
background: url(images/ajax-loader.gif) top left no-repeat;
}

.searching_right{
float: right;
margin: 4px 0px;
padding-left: 40px;
height:31px;
background: url(images/ajax-loader.gif) top left no-repeat;
}

div.loading_rub{
width: 540px;
height: 600px;
background: url(images/theme_2/ajax-loader_big.gif) no-repeat center center;
}

div.loading_rub_480{
width: 460px;
height: 400px;
background: url(images/theme_2/ajax-loader_big.gif) no-repeat center center;
}

div.loading_visualiseur{
width: 780px;
height: 200px;
background: url(images/theme_2/ajax-loader_big.gif) no-repeat center center;
}
div.loading_visualiseur_420{
width: 420px;
height: 300px;
background: url(images/theme_2/ajax-loader_big.gif) no-repeat center center;
}

/* ARTISTES LA RUBRIQUE */

div.lettre{
padding-top: 10px;
text-align: center;
}

div.lettre a{
font-size: 11px;
padding: 0px 5px;
}

div.lettre a.expose{
font-size: 13px;
text-transform: uppercase;
padding: 0px 15px;
color: #C7449B;
}

div.ligne_780{
clear: both;
height: 20px;
font-size: 11px;
width: 780px;
padding: 10px 0px 10px 0px;
background: url(images/theme_2/ligne_780.gif) no-repeat left bottom;
}
div.ligne_780_2{
clear: both;
height: 70px;
font-size: 11px;
width: 780px;
padding: 10px 0px 10px 0px;
background: url(images/theme_2/ligne_780.gif) no-repeat left bottom;
}

div.ligne_780 div{
font-weight: bold;
float: left;
}

div.ligne_780_2 div{
font-weight: bold;
float: left;
}

div.ligne_780 div.tab_titre{
padding-left: 2px;
text-transform: uppercase;
width: 178px;
}
div.ligne_780 div.tab_photos{
width: 100px;
text-align: center;
}
div.ligne_780_2 div.tab_photos{
width: 99px;
text-align: center;
border-left: 1px dotted #449BC7;
height: 60px;
padding-top: 10px;
}

div.ligne_780_2 div.tab_titre{
font-weight: normal;
width: 179px;
height: 70px;
border-right: 1px dotted #449BC7;
}

div.ligne_780 div.tab_biographie{
width: 100px;
text-align: center;
}
div.ligne_780_2 div.tab_biographie{
border-right: 1px dotted #449BC7;
width: 99px;
text-align: center;
height: 65px;
padding-top: 5px;
}

div.ligne_780 div.tab_articles{
width: 100px;
text-align: center;
}
div.ligne_780_2 div.tab_articles{
width: 99px;
text-align: center;
border-right: 1px dotted #449BC7;
height: 60px;
padding-top: 10px;
}

div.ligne_780 div.tab_videos{
width: 100px;
text-align: center;
}

div.ligne_780_2 div.tab_videos{
width: 99px;
text-align: center;
border-right: 1px dotted #449BC7;
height: 60px;
padding-top: 10px;
}

div.ligne_780 div.tab_tchunes{
width: 100px;
text-align: center;
}
div.ligne_780_2 div.tab_tchunes{
width: 99px;
text-align: center;
border-right: 1px dotted #449BC7;
height: 60px;
padding-top: 10px;
}

div.ligne_780 div.tab_liens{
width: 100px;
text-align: center;
}
div.ligne_780_2 div.tab_liens{
width: 100px;
text-align: center;
height: 60px;
padding-top: 10px;
}

table.recapitulatif_artistes{
text-align: left;
width: 780px;
}


/* VIDEO LECTURE LOADING */

div.url_video{
float: left;
padding: 10px;
background: url(images/theme_2/url_video.gif) no-repeat;
width: 380px;
height: 230px;
margin-right: 10px;
}


div.url_video_grand{
background: url(images/theme_2/url_video_grand.gif) no-repeat;
width: 760px;
height: 430px;
padding: 10px;
margin: 0px;
}

div.partager{
float: right;
width: 370px;
height: 30px;
}

div.partager input{
width: 360px;
height: 15px;
padding: 4px 5px;
font-size: 11px;
font-weight: bold;
border: 1px dashed #449BC7;
color: #449BC7;
}


ul.options{
float: right;
width: 150px;
}

ul.options li{
float: right;
cursor: pointer;
}

ul#options_videos li.select_option{
background-position: 0px -60px;
}

li.petit_ecran{
background: url(images/commande_petit_ecran.gif);
background-position:  0px 0px;
width: 30px;
height: 30px;
}
li.petit_ecran:hover{
background: url(images/commande_petit_ecran.gif);
background-position: 0px -30px;
}

li.grand_ecran{
background: url(images/commande_grand_ecran.gif);
background-position:  0px 0px;
width: 30px;
height: 30px;
}
li.grand_ecran:hover{
background: url(images/commande_grand_ecran.gif);
background-position: 0px -30px;
}

li.fermer_visualiseur{
background: url(images/fermer.gif);
background-position:  0px 0px;
width: 30px;
height: 30px;
}

li.fermer_visualiseur:hover{
background: url(images/fermer.gif);
background-position: 0px -30px;
}

li.ouvrir_space{
background: url(images/theme_2/feleche_bottom.gif);
background-position:  0px 0px;
width: 30px;
height: 30px;
}

li.ouvrir_space:hover{
background: url(images/theme_2/feleche_bottom.gif);
background-position: 0px -30px;
}

li.fermer_space{
background: url(images/theme_2/fleche_top.gif);
background-position:  0px 0px;
width: 30px;
height: 30px;
}

li.fermer_space:hover{
background: url(images/theme_2/fleche_top.gif);
background-position: 0px -30px;
}


div.encart_artiste{
background: url(images/theme_2/cadre_270_110.gif) no-repeat;
font-size: 10px;
float: right;
position: relative;
padding: 5px 10px;
width: 250px;
height: 100px;
}

div.liens_videos{
padding-top: 10px;
font-size: 11px;
}

div.liens_videos a:hover{
text-transform: uppercase;
color: #C7449B;
font-size: 10px;
font-weight: bold;
}

div.texte{
font-size: 11px;
}

ul.others_videos a.image_110{position: static;z-index:0;
margin: 10px;
}
ul.others_videos a.fermerz{
float: right;
display: block;
background: url(images/theme_2/fermer.gif) no-repeat left 0px;
height: 18px;
width: 18px;
cursor: pointer;
}
ul.others_videos h2 div.titre_top{
cursor: pointer;
}

div.autres_videos{
padding: 0px;
margin: 0px;
min-height: 140px;
float: left;
}

div.autres_videos div.ombre_bas{
margin: 0px;
}

div.autres_videos_2{
min-height: 0px;padding: 0px;
margin: 0px;
}

div.autres_videos div.popup{
visibility: hide;
position: relative;
left: -115px;
top: -220px;
z-index: 9;
width: 300px;
font-size: 11px;
padding: 10px 10px 30px 10px;
height: 130px;
background: url(images/theme_2/popup.gif) no-repeat;
}

div.popup div{
padding-bottom: 5px;
}


.playlists{
margin: 5px 0px 5px 0px;
float: right;
padding: 8px 0px 0px 0px;
width: 80px;
color: #449BC7;
font-size: 11px;
font-weight: bold;
text-align: center;
display: block;
background: url(images/theme_2/playlists.gif) no-repeat 0px 0px;
height: 22px;
}
div.cadre_665{
float: right;
background: url(images/theme_2/cadre_665.gif) no-repeat center center;
padding: 10px;
width: 645px;
height: 90px;
font-size: 11px;
}




div#menu_posteur a{
padding: 0px 10px 0px 10px;
font-size: 11px;
display: block;
float: left;
}

div#menu_posteur img{
padding: 1px;
border: 1px solid #449BC7;
width: 96px;
height: 96px;
float: left;
}

div#menu_posteur a:hover{
text-transform: uppercase;
color: #C7449B;
font-weight: bold;
}

div#menu_posteur  div.menu_1{
width: 665px;
height: 20px;
float: right;
font-size: 11px;
background: url(images/volume_bar_value.gif) no-repeat 0px 5px;
padding: 0px 10px 0px 0px;}

div#menu_posteur  div.menu_2{
float: right;
width: 645px;
font-size: 11px;
background: url(images/volume_bar_value.gif) no-repeat 0px 5px;
padding: 0px 20px 0px 10px;
height: 40px;
}
div#menu_posteur  div.menu_2 div{
height: 20px;
}

div.formulaire_recherche{
position: absolute;
right: 8px;
top: 8px;
}
div.formulaire_recherche input#recherche{
text-transform: capitalize;
background: #ffffff url(images/theme_2/loupe.gif) no-repeat 2px 0px;
color: #449BC7;
font-size: 12px;
border: 1px solid #449BC7;
height: 18px;
padding: 2px 0px 0px 25px;
width: 95px;
}

.surlignable{
background: #449BC7;
color: #ffffff;
}