body{background:url(/design_new/degrade.png) repeat-x;}

/*
 * Les popins
 */
#cache {position:fixed;width:100%;height:100%;display:block;background:#FFF;z-index:98;top:expression(documentElement.scrollTop+body.scrollTop);}

#popin_cache_cont {display:none;top:expression(documentElement.scrollTop+body.scrollTop);}
#popin_cache, #popin_cache_cont {
position:fixed;width:100%;height:100%;
z-index:40;}
#popin_cache {opacity:0.7;filter:alpha(opacity=70);width:100%;height:100%;background:#000;}


.popin {background:#FFF;position:fixed;display:none;z-index:70;margin-left:-320px; top:100px;left:50%}
.popin .fermer {float:right; display:block;}
.popin .fermer * {float:left;}
.popin .fermer img, .popin .fermer span.progid {position:relative;top:3px;}

.popin .container {margin:6px 15px 20px 10px;}
.popin .titre_popin {padding-bottom:6px;margin-bottom:10px;}
.popin .titre_popin h2 {margin-right:50px;}
.popin p {margin:0px 30px 15px 0px;}
.popin input.checkbox, .popin .cgv_check {display:inline;margin-bottom:30px;}
input.checkbox {position:relative; top:1px; margin-right:4px;float:left;}

#body{
position:absolute;
width:950px;margin-left: -475px;
        width: 950px;
	left: 50%;}

#logo {height:60px; margin-top:13px;}
#flags {float:right;margin-top:12px;}
#flags a {float:left;margin-left:5px;display:inline;}
#flags .cache_lang {background:#DDD;display:block;position:absolute;width:23px;height:18px;opacity:0.8;filter:alpha(opacity=80);
}

#left{width:130px;}

#logo, #empty_up, #links{width:100%;}

#left {float:left;}
#right {float:right; width:795px;}

#empty_up, #links{height:58px;}

#links h2, #links h3, #player {width:255px; padding-top:5px}
#links h2, #links h3 {float:left;}
#player {float:right}
#links .container {width:270px; float:left;}

#board li{float:left;margin-bottom:0px;}
#board ul, #board .paiement {padding-top:3px;}
#board ul {float:left; width:675px;}
#board .container {float:left;}
#board li a {width:120px;}
#board .paiement{width:120px;}
#board li a{display:block; margin-right:15px;border-bottom:1px solid white;}
#board li a.last {border-bottom:none;}
#board .paiement {float:right;position:relative; }
#board .paiement a{display:block;margin-top:2px;float:left;}

#board, #recherche {height:68px; margin:0px; float:left;}

#left input.ok {float:right;}

#left select {width:100%;}
#form_recherche {margin-top:4px;}
#form_newsletter {margin-bottom:120px; display:block;}

/*
 * Bordures
 */

.menu, #board .container, #links h2, #links h3, #player, .titre, .double .vignette_p, .triple .vignette_p, .titre_petit{border-top:2px solid #d2cdcd;}
.titre, .titre_petit, .listing_concerts .concert, .listing_news .vignette_news, a.return, .popin .titre_popin {border-bottom:2px solid #d2cdcd;}
.without {border-top:none !important;}
.triple, .double_sans .vignette_p {border-bottom:none !important;}

.menu {margin-bottom:18px;}
#left a.faible {margin-top:20px; display:block;}


/*
 * Taille des blocs
 */
.gauche_grand,.gauche_petit, .gauche_medium{float:left;}
.grand, .petit, .medium {float:right;}
.grand, .gauche_grand, #col_gauche, .vignette_news, .popin {width:525px;}
.petit, .gauche_petit, #col_droite, .concert, .col_texte, .col_texte_gauche, .col_imgs, .artiste .infos_artiste .bio {width:255px;}
.texte_gauche, .texte_milieu {width:270px;}
.gauche_medium, .medium {width:390px;}
.gauche_grand,.gauche_petit, .gauche_medium,.grand,.petit,.medium, .texte_gauche{margin-bottom:10px;}


/*
 * Affichage en deux colonnes
 */
#col_gauche {float:left;}
#col_droite{float:right;}
.col_imgs {float:left;}
.col_texte {float:right;}

#p {height:280px;position:relative;top:-2px;}
.ap_,news {height:280px;}
.vignette_g {height:266px;}
.bloc_texte, .listing_concerts {margin-top:8px;}


/*
* Player de la page d'accueil
*/

.player_fleche {width:16px; height:23px; 
background:url('/design_new/fleche_g.png'); display:block; background-position:0 0;float:right;
}
.player_fleche_2 {width:20px; height:29px; cursor:pointer;
background:url('/design_new/fleche_bg.png'); display:block; background-position:0 0;position:absolute;margin-top:1px;margin-left:108px;
z-index:90;
}
a.player_fleche:hover {background-position:0 198;}
a.player_fleche_2:hover {background-position:0 290; cursor:pointer;}

.player_pause {width:18px; height:22px; 
background:url('/design_new/pause_g.png'); display:block; background-position:0 0;float:right;
}
a.player_pause:hover, a.player_pause_on {background-position: 0px 22px;}

#p .container1{border:1px solid #939090;height:278px;}
#p .container{border:1px solid #636161;height:276px; background:url(/design_new/degrade_player.png) repeat-x #373535;}
#p .fcts {float:left; padding-top:10px;margin-left:7px;}
#p .albums{height:157px; width:250px;}
#p .p_left {float:left;}
.p_right{float:right;}
.albums .cache{position:absolute; width:100px;height:100px;}
.albums a div.fond {background:#595959;}
.rheight33 canvas {display:none;}
.p_left, .p_right, .p_center {position:absolute;}
.p_right {margin-left:150px;}
.p_center {margin-left:60px;z-index:10;}
.p_left img, .p_right img, .p_left, .p_right {width:100px;}
.p_center img, .p_center {width:120px;}
#p .nav, #p .link {position:relative;z-index:15; display:block;}
#p .nav .prev {float:left; background:url(/design_new/player_prev.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design_new/player_prev.png', sizingMethod='crop');}
#p .nav .p_play {cursor:default;position:relative; top:-3px; left:90px; width:37px; height:37px; display:block;background:url(/design_new/player_play.png); 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design_new/player_play.png', sizingMethod='crop');}
#p .nav .next {float:right; background:url(/design_new/player_next.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design_new/player_next.png', sizingMethod='crop');}
#p .nav .next, #p .nav .prev {width:10px; height:29px; display:block;}
#p .nav .next:hover, #p .nav .prev:hover {background-position:0px 29px;}
#p .link {margin-top:12px;}
#p .clin, #p .nav {width:233px;margin-top:5px; font-style:italic;}
#p .clin {border-top:2px solid #444444;padding-top:3px;}
#p .clin a {color:#555555;}
#p .clin a:hover {color:#6F6F6F;}
#p .liste {width:262px;float:right !important;height:258px; position:relative;top:10px;overflow:hidden;}
#p .liste div {width:235px; height:13px; display:block;margin-bottom:4px;float:right;position:relative;left:-12px;}
#p .liste div.alt {background-color:#808080;}
#p .liste a.nom {float:left;margin-left:1px; display:inline;}
#p .liste a.prix {float:right; width:35px; height:13px; background:url(/design_new/player_bouton.png) no-repeat;display:block;
position:relative; left:8px; font-size:8px; font-weight:bold;padding-left:1px;}
#p .liste a.prix span {margin-left:3px;}
div.marquee {width:190px!important;}


.ap_news .news{ height:92px; margin-left:10px;margin-right:10px; border-bottom:1px solid white;}
.ap_news .last {border:none;}
.ap_news .news h3 {padding-top:7px;padding-bottom:1px;}
 
/*
*  Vignettes (+news)
*/
.vignette_p {width:255px;}
.vignette_p {height:132px;}
.vignette_p_first{border-bottom:2px solid white;}
.vignette_p a.img {float:left;}

.vignette_p h2, .vignette_g h2, .vignette_news h3, .bloc_news h3, .bio h1 {padding-top:7px;margin-bottom:3px;}
.vignette_p .haut{height:108px; float:left; width:120px;}

.vignette_p form.achat {margin-top:2px;}
.vignette_g form.achat {margin-top:5px;}

.vignette_g a.img {float:left;}
.vignette_g .haut {margin-right:9px;height:244px;}

.vignette_g .share_links {float:right;display:inline;position:relative;top:-12px;left:-13px;}
.vignette_g .share_links .FBConnectButton {width:18px;height:18px;}

.listing_news .vignette_news{display:block; clear:left;}
.listing_news .vignette_news p {margin-right:120px;}

/*
* Configuration trois en long
*/
.double .vignette_p_last, .double_sans .vignette_p_last {float:right; margin-left:0px;}
.double .vignette_p_first, .double_sans .vignette_p_first {float:left; margin-left:0px;}

/*
 * Rubriques
 */
.texte_gauche,.texte_milieu {float:left; margin-top:5px;}
.texte_gauche p, .texte_milieu p{margin-right:15px;}

/*
 * T?l?chargement
 */
.lien_telechargement {border-bottom:0px !important; }

/*
 * Fiche album
 */
.album img.grand {margin-right:5px;}
.album .top {display:block;padding-bottom:9px;}
.album .top .lignes{width:255px;}
.album .top .infos_album {margin-top:7px;}
.album .top .ligne,.album .top a.vieux{width:240px;}
.album .top .first{border-top:0px;}
.album .top .lignes .champ {float:left; width:135px;}
.album .top input {display:block;}
.album .top form.tel{margin-top:26px; border-top:1px solid #43B9FF;padding-top:4px;}
.album .top form {padding-bottom:6px;margin-bottom:2px;width:240px;clear:both;}
.album .top a.link {float:left;}
.album .top form input.bouton {float:right; position:relative;top:-3px;}
.album .top a.vieux {border-top:1px solid #cccac4; display:block; padding-top:6px;margin-top:10px;}
.album .switch_cd{margin-left:10px;margin-bottom:3px;}
.album_titres {padding-top:1px;clear:both;float:left;}
.album_titres .playing {position:relative;top:1px;}
.album_titres .gauche_petit .ligne {margin-left:10px;}
.album_titres form.achat input.bouton {position:relative;top:2px; margin:0px; float:right;}
.album_titres span.titre {padding-top:1px;}
.lignes .site {float:right;}

.facebook {float:left;margin-top:5px;}
.twitter {position:relative;top:4px;left:5px;}

/*
 * Page artiste
 */
.bloc_gris {margin-bottom:15px;}
.artiste .top a.img {float:left; margin-right:0px;}
.artiste .infos_artiste .bio {float:left;}
.artiste .infos_artiste {padding-bottom:20px; margin-right:0px;}
.artiste .infos_artiste .lignes {float:right;margin-top:29px;}
.artiste .top {margin-bottom:25px;width:100%; display:block;}
.titre_min, .lignes .ligne{border-bottom:1px solid white;display:block;}
.titre_min, .ligne {clear:left; height:16px;}
.titre_min, .lignes .first {border-top:1px solid white;}
.artiste .ligne {width:372px;}
.artiste .lignes .champ {float:left; width:140px;}
 .artiste .infos_artiste .lignes {width:390px;}

.artiste_img {position:absolute;}
.artiste_img {display:none;}
.artiste_imgs img {height:215px;}
.artiste_videos .video_cont, .artiste_imgs .img_cont {height:215px; margin-bottom:5px;}
.artiste .diapos {float:right;}

.date_gros {margin:10px;}
.artiste .date_gros {margin-bottom:30px;}
.concert_dates{margin:10px;}

.commentaires form {width:250px; margin-left:15px;margin-top:10px;}
.commentaires input.texte, .commentaires textarea {width:100%; margin-bottom:5px;}
.commentaires textarea {height:150px;padding:1px 0 0 2px;}
.commentaires input.link {position:relative;top:0px; float:left;}
.commentaires input.ok {float:left; position:relative;left:2px;}
.commentaires #form_patienter {margin-top:10px;}

.messages .message {margin-right:15px;border-bottom:2px solid white;padding:7px 0 7px 10px;}
.messages .message p {margin-right:110px;}
.messages .titre_message, .messages .texte_message {margin-bottom:7px;}
.messages .texte_message {margin-bottom:11px;}
.messages .nom_message {margin-top:11px;}
.messages .last {border-bottom:0px}

/*
 * Formulaire
 */
#forms_error, #forms_patienter, #form_patienter{position:absolute; display:none;}
.commentaires #form_patienter {margin-left:19px;}
.bloc_formulaire input.texte, .bloc_formulaire textarea {width:100%;}
.bloc_formulaire .font_medium {margin:10px 0px;}
.bloc_formulaire .envoyer {margin-top:10px;}
.bloc_formulaire textarea {height:255px;}
.artiste .error {top:-5px;}
.error{display:block;position:relative;left:4px;}
.form_i p {margin:10px 10px 0px 0px;}
.form_i input.texte {display:block; width:250px !important;}
.form_i label {margin:2px 0px;display:block;}
.form_i textarea {width:250px;height:100px;}
.recherche .clear {margin-bottom:25px;}
.form_message {margin-bottom:300px;}
/*
 * Structure de texte
 */
div.texte_titre {
border-bottom:2px solid #43B9FF;
padding-bottom:3px;
margin-bottom:7px;
}
.bloc_texte p {margin-bottom:19px;}
.titre_cgv { border-bottom:1px solid #1c3847;padding-bottom:2px;margin-bottom:2px;}
.slide {margin-bottom:20px;}
.slide p{display:none;}
.slide .texte_titre {border:0px;}

/*
 * Listing de concerts et news
 */
.listing_concerts .left {float:left;clear:left;}
.listing_concerts .right {float:right;}
.listing_concerts .concert {padding-bottom:10px;margin-bottom:9px;}
.listing_concerts .concert p {margin-right:10px;}
.listing_news {margin-top:2px;}
.vignette_news a.img {width:138px;height:138px;float:left;}
.vignette_news_last {border-bottom:0px !important;}

.col_imgs img {margin:12px 0 0 0 !important;}
.bloc_news p {margin-bottom:12px;}
a.return {height:25px; display:block;}
a.return span {padding-top:5px; display:block;}
.download h3 {height:38px;}

/*
 * Footer
 */
#bas {
position:relative;
top:50px;
border-top:2px solid #d2cdcd;
}

#bas .haut{height:35px;}
#bas .liens {float:left;margin-right:52px;margin-top:19px;}
#bas .liens a:hover {text-decoration:underline;}

#bas .logos a {
float:left;
margin:5px 6px;
#border-right:1px solid #1c3847;
}

#bas .logos .separation {
float:left;
height:22px;
margin:5px 0px;
border-right:1px solid #1c3847;
}

#bas .sacem {padding-top:4px;clear:both;border-top:1px solid #1c3847;}

#bas .sacem a {float:right;}


/*
 * Pastilles 
 */

#pastille_newsletter {
position:absolute;
top:420px;
left:-2px;
}

/*
 * Formulaires
 */

div.ligne_form, div.ligne_vide {width:50%; float:left;margin-top:10px;}
div.ligne_form .champ{margin:3px 4px 1px 3px;}
div.ligne_form input.texte {height:18px; width:75%}
div.ligne_form select{width:75%;}
div.ligne_form {margin-bottom:10px;}
div.ligne_vide {height:50px;}

div.ordre .champ{margin:3px 4px 1px 3px;}
div.clear1{clear:both;}