html{width:100%; background:#191919 url(../../../images/upmyprod/bg.jpg) no-repeat top center;}
body{width:997px; margin:0 auto; font-family:verdana,arial,helvetica,sans-serif; font-size:13px; color:#D2D2D2;}

#contenu{float:none; width:980px; margin:auto;}

.clear{font-size:0.1em; clear:both;}

#colonneGauche{float:left; width:377px; margin-right:15px;}
#colonneCentre{float:left; width:377px; margin-right:15px;}
#colonneDroite{float:left; width:192px;}

.hpBloc{width:377px; margin-bottom:15px;}
.hpBloc .entete{height:6px; background:url(../../../images/upmyprod/default/home/bloc-haut.png) no-repeat;}
.hpBloc .corps{border-left:#EDEDED 1px solid; border-right:#EDEDED 1px solid;}
.hpBloc .pied{height:6px; background:url(../../../images/upmyprod/default/home/bloc-bas.png) no-repeat;}

.hpBloc .enteteZoom{height:37px; background:url(../../../images/upmyprod/default/home/zoom-tit.png) no-repeat;}
.hpBloc .enteteZoom h1{float:left; margin:8px 0 0 90px; width:165px; color:#1A1A1A; font-size:15px; font-weight:bold;}

.hpBloc .enteteActu{height:37px; background:url(../../../images/upmyprod/default/home/actu_tit.png) no-repeat;}
.hpBloc .enteteTopProduction{height:37px; background:url(../../../images/upmyprod/default/home/top_productions-tit.png) no-repeat;}
.hpBloc .enteteTopProducteur{height:37px; background:url(../../../images/upmyprod/default/home/top_producteurs-tit.png) no-repeat;}

.hpBloc a.lienTous{float:right; margin:12px 10px 0 0; color:#1A1A1A; text-decoration:underline; font-size:10px}
.hpBloc a.lienTous:hover{color:#1A1A1A; text-decoration:none;}


#uneAvatar{float:left; width:150px; height:150px; margin:0 8px 0 0;}
#uneTexte{float:right; height:72px; width:206px; overflow:hidden; text-align:justify; line-height:14px; color:FFFFFF; font-size:11px; margin:4px 10px 4px 0;}
#uneSomme{float:left; width:100px; height:20px; color:black; font-size:15px; font-weight:bold; text-align:center; padding:5px 0 0 5px;}
#uneSubmit{float:right; width:193px; height:26px; padding:5px 4px 0 0;}
#submit{border:none;}
#uneProgressBarConteneur{width:189px; height:22px; padding:2px 2px 6px 2px; margin:8px 4px 0 0; background:url(../../../images/upmyprod/default/home/une_progress_bg.png) no-repeat center center; float:right;}
#uneProgressBar{width:189px; height:22px; margin-top:2px; float:right;}


#tabActualite{width:350px; border-collapse:collapse; padding:5px 0 0 5px; font-size:11px;}
#tabActualite td{border-bottom:1px solid #B6B6B6; padding:8px 0;}
#tabActualite .date{text-align:center; width:35px; font-size:10px; font-size:20px; font-weight:bold; color:#666666;}
#tabActualite .mois{font-size:11px; font-weight:normal;}
#tabActualite .picto{width:40px; text-align:center;}
#tabActualite .details{padding :0 0 0 10px;}
#tabActualite .details span, strong, em{color:#FF6400;}


.hit{width:350px; border-collapse:collapse; padding:5px 0 0 5px; font-size:11px;}
.hit td{border-bottom:1px solid #8E8E8E; padding:8px 0;}
.hit .numero{text-align:center; width:25px; font-size:20px; font-weight:bold; color:#666666;}
.hit .avatars{padding:5px; background:#E6E6E6; width:40px;}
.hit .details{color:#FFFFFF; font-size:11px;}
.hit .details a{color:#FFFFFF; text-decoration:none; display:block; padding:1px 0 1px 12px;}
.hit .details a:hover{color:#E6E6E6; text-decoration:none;}
.hit .details a.production{color:#86BC3E;}
.hit .avancement{width:90px; text-align:center; font-size:11px; font-weight:bold; color:#FFFFFF;}
.hit .prodCompte{width:100px; text-align:center; font-size:11px; font-weight:bold; color:#FFFFFF;}
.hit .progressbar{width:90px; height:11px; margin-top:2px;}
.hit .nbProd{font-size:10px; font-weight:normal;}


#recherche{width:192px; height:280px; background:url(../../../images/upmyprod/default/home/bg-module-recherche.png) no-repeat left top;}
#titreRecherche{color:black; font-weight:bold; padding:4px 0 0 40px; line-height:100%;}
#divContient{height:40px; margin-top:10px;}
#divContient label{display:block; font-weight:bold; font-size:0.85em; text-align:center;}
#divContient input{display:block; width:166px; height:13px; border:1px solid #555; font-size:0.85em; margin:2px auto; padding:2px;}
#divContient .radioProd{float:left; width:13px; height:13px; margin-left:9px; border:none; _margin-left:5px;}
#divContient .radioArt{float:left; width:13px; height:13px; margin-left:6px; border:none;}
#divContient .labelContientProd{float:left; font-weight:bold; font-size:0.84em; margin:2px 0 0 2px;}
#divContient .labelContientArt{float:left; font-weight:bold; font-size:0.84em; margin:2px 0 0 1px;}
#divCriteres{height:150px;}
#divCriteres label{display:block; font-weight:bold; font-size:0.85em; text-align:center;}
#divCriteres select{display:block; width:170px; height:20px; border:1px solid #555; font-size:0.85em; margin:2px auto;}
#divSubmit2{text-align:center; padding-top:5px;}
#submit2{border:none;}

#contenu form select{padding:2px; width:170px; border:1px solid #595959;}
#contenu form select optgroup{background-color:#CDDBEB; font-style:normal; font-weight:bold;}
#contenu form select option{background-color:#FFF;}


#nouveauProduction{width:189px; height:230px; background:url(../../../images/upmyprod/default/home/new_prod-bg.png) no-repeat left top; margin:3px 0 7px 0;}
#nouveauProduction .spacer{width:45px; height:45px;}
#nouveauProduction a.lienTous{float:right; margin:2px 10px 0 0; color:#1A1A1A; text-decoration:underline; font-size:10px}
#nouveauProduction a.lienTous:hover{color:#1A1A1A; text-decoration:none;}

#divNouveauProduction{margin:0 0 0 8px;}
#divNouveauProduction .lienImgNew{display:block; margin:0 0 6px 6px; float:left;}


#pubSky{text-align:right;}