/**
 *  CSS de la page Détail d'une production (partie publique, non myzicmeup)
 *	@author		Pascal SART
 */

#contenu{width:980px;height:100%; float:none;}

#formulaire_general{width:980px;margin:0;padding:0; position:relative;}


#partieGauche{float:left; width:200px; height:1200px; padding-left:20px;}
#entete{float:left; width:200px;}
#imageFiche{float:left; width:200px; margin:10px 0 0 0; text-align:center;}
#divLocalisation{float:left; width:200px; text-align:center;}
#drapeau{float:left; width:70px; margin-top:15px;}
#drapeau img{width:25px; height:15px;}
#localisation{float:left;width:130px; margin:6px 0 0 0; text-align:left;}
#photosHaut{float:left; width:198px; height:26px; margin:50px 0 0 0; background:url(../../../images/upmyprod/productions/detail/bg-photo-haut.png) no-repeat center top;}
#photosCorps{float:left; width:198px; height:420px; background:url(../../../images/upmyprod/productions/detail/bg-photo-milieu.png) repeat-y left top;}
#photosBas{float:left; width:198px; height:3px; background:url(../../../images/upmyprod/productions/detail/bg-photo-bas.png) no-repeat center top;}


#texteEntete{float:left; width:440px; padding-left:20px;position:relative;}
#texteEntete span{float:left; display:block; width:440px; font-size:1.8em; margin:20px 0 0 0; font-weight:bold;}
#lienEntete a{float:left; width:440px; margin:5px 0 0 0; font-size:1.3em;}
#montant{float:left; width:270px; margin:5px 0 0 0; font-size:1.4em; color:#F8D03B;}
#infoMontant{float:left; width:160px; text-align:right; font-size:10px; margin-top:12px;}
.progressbar{clear:both;width:430px; height:19px; margin:12px 0 0 0; left:0; top:0;}
#infosPlusMoins{float:left; width:70px; margin:17px 0 0 0;}
#infosPlusMoins img{cursor:pointer;}
#infosTexte{float:left; width:215px; padding-top:22px;}
#infosTexte input{background:black; color:white; border:none; text-align:right; width:40px;}
#infosAcheter{float:left; width:150px; text-align:left; margin-top:5px;}
#resultat{float:left; background:black; color:white; border:none; text-align:left; font-size:1em;}
#operation{float:left;}

#infosTexteCompte{float:left; width:285px; padding-top:22px;}
#infosAcheterCompte{float:left; width:150px; text-align:left; margin-top:5px;}



#partieCentrale{float:left; width:560px; margin-left:10px;}
#productionHaut{float:left; width:560px; height:26px; background:url(../../../images/upmyprod/productions/detail/bg-production-haut.png) no-repeat center top;}
#productionCorps{float:left; width:560px; background:url(../../../images/upmyprod/productions/detail/bg-production-milieu.png) repeat-y left top;}
#productionCorps span{float:left; width:540px; margin:15px; font-weight:bold; color:black;}

#producteurHaut{float:left; width:560px; height:26px; margin-top:25px; background:url(../../../images/upmyprod/productions/detail/bg-producteur-haut.png) no-repeat center top;}
#producteurHaut span{float:left; width:20px; height:26px; margin: 5px 0 0 160px; font-size:0.9em;}
#producteurCorps{float:left; color:black; width:560px; background:url(../../../images/upmyprod/productions/detail/bg-producteur-milieu.png) repeat-y left top;}
#producteurCorps p{width:540px; margin:15px; font-weight:bold;}
.producteurProduction{float:left; width:132px; height:50px; background:url(../../../images/upmyprod/productions/detail/bg-producteur-production.png) no-repeat center top;}
.imageProducteur{float:left; width:40px; height:40px; margin:5px;}
.nomProducteur{float:left; width:82px; color:black; font-weight:bold; padding-top:10px;}
.nomProducteur a{color:black;}

#operation #nombrePart{color:black; padding:0 2px; background:white;}
.nombrePart{float:left; width:82px; color:black; font-size:0.8em;}
.ulProducteur{float:left; width:544px; margin: 8px;}
.liProducteur{float:left; width:132px; height:50px; margin:2px;}
#producteurBas{float:left; width:560px; height:26px; background:url(../../../images/upmyprod/productions/detail/bg-producteur-bas.png) no-repeat center top;}
#ajoutCommentaire{float:left; width:600px; padding-left:231px; margin-top:20px;}
#commentaireHaut{float:left; width:560px; height:26px; margin:10px 0 0 0; background:url(../../../images/upmyprod/productions/detail/bg-commentaire-haut.png) no-repeat center top;}
.commentaireCorps{float:left; width:560px; background:url(../../../images/upmyprod/productions/detail/bg-commentaire-milieu.png) repeat-y left top;}
.commentaireAvatar{float:left; width:60px; height:60px; margin:10px 0 0 20px;_margin-left:10px;}
.commentaireTitre{float:left; width:460px; margin:15px 0 0 20px; font-size:1.1em; font-weight:bold;}
.commentaireTitreAttente{float:left; width:460px; margin:15px 0 0 20px; font-size:1.1em; font-weight:bold; color:red;}
.commentaireNom{float:left; width:360px; margin:2px 0 0 20px; color:black; font-size:0.8em; font-weight:bold;}
.commentaireNom a{color:black; text-decoration:underline;}
.lienCommentaireArtiste{float:right; width:100px; text-align:left;}
.commentaireTexte{float:left; width:520px; margin:10px 0 0 20px}
#commentaireBas{float:left; width:560px; height:17px; background:url(../../../images/upmyprod/productions/detail/bg-commentaire-bas.png) no-repeat center top;}
.clear{float:left; width:480px; margin: 10px 40px 0;_margin:10px 20px 0;}
.clear hr{height:1px; border-right:0 none;}
#divPlayer{float:right; width:290px; height:205px;}
#playerTitre{float:right; width:285px; height:90px;}
#player{float:right; width:285px; height:110px; text-align:right;}


#milieu{margin:50px 0 0 30px; font-size:0.85em;}


.commentaireCorps #intro{clear:both; width:520px; padding:20px;}
.introTitre{clear:both; width:520px; padding:20px 20px 0 20px; font-size:1.2em; font-weight:bold; text-align:center;}
.commentaireCorps #introDelete{clear:both; width:455px; padding:0 20px 20px 20px; color:#44FF44; text-align:center;}
.commentaireCorps #introDeletePost{clear:both; width:530px; padding:20px; color:#44FF44; text-align:left;}

.commentaireCorps #intro span{color:#F8D03B;}
.commentaireCorps #introDelete span{color:#F8D03B;}
#commentaireForm{padding:0 30px 20px 30px;}
#contenu form label{float:left; display:inline; width:90px;}
#titre{padding:2px; width:400px;}
#contenu form textarea{padding:2px; width:400px;}
#contenu form fieldset div{clear:both; padding:10px 0;}
#contenu form fieldset#submit{margin-top:20px; text-align:center;}
#contenu form fieldset#submit input{width:auto; padding:0; border:none;}
#contenu .error{border:1px solid #F44; color:#F44; padding:10px; margin:20px 0;}



#pub{float:left; width:175px; height:600px; text-align:right; _width:165px;}

/* Carrousel photos */
.jcarousel-container{position: relative}
.jcarousel-clip{z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative}
.jcarousel-list{z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0}
.jcarousel-list li,.jcarousel-item{float: left;list-style: none;width: 75px;height: 75px}
.jcarousel-next{z-index: 3;display: none}
.jcarousel-prev{z-index: 3;display: none}
.jcarousel-skin-zicmeup .jcarousel-container-vertical{width: 100px;height: 325px;padding: 40px 50px}
.jcarousel-skin-zicmeup .jcarousel-clip-vertical{width: 100px;height: 325px}
.jcarousel-skin-zicmeup .jcarousel-item{width: 100px;height: 100px}
.jcarousel-skin-zicmeup .jcarousel-item-vertical{margin-bottom: 10px}
.jcarousel-skin-zicmeup .jcarousel-item-placeholder{background: #fff;color: #000}
.jcarousel-skin-zicmeup .jcarousel-next-vertical{position: absolute;bottom: 5px;left: 85px;width: 25px;height: 25px;cursor: pointer;background: transparent url(../../../images/upmyprod/productions/detail/next-vertical.gif) no-repeat 0 0}
.jcarousel-skin-zicmeup .jcarousel-next-vertical:hover{background-position: 0 -32px}
.jcarousel-skin-zicmeup .jcarousel-next-vertical:active{background-position: 0 -64px}
.jcarousel-skin-zicmeup .jcarousel-next-disabled-vertical,
.jcarousel-skin-zicmeup .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-zicmeup .jcarousel-next-disabled-vertical:active{cursor: default;background-position: 0 -96px}
.jcarousel-skin-zicmeup .jcarousel-prev-vertical{position: absolute;top: 5px;left: 85px;width: 25px;height: 25px;cursor: pointer;background: transparent url(../../../images/upmyprod/productions/detail/prev-vertical.gif) no-repeat 0 0}
.jcarousel-skin-zicmeup .jcarousel-prev-vertical:hover{background-position: 0 -32px}
.jcarousel-skin-zicmeup .jcarousel-prev-vertical:active{background-position: 0 -64px}
.jcarousel-skin-zicmeup .jcarousel-prev-disabled-vertical,
.jcarousel-skin-zicmeup .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-zicmeup .jcarousel-prev-disabled-vertical:active{cursor: default;background-position: 0 -96px}
/* FIN carrousel photos */