@charset "utf-8";
/* CSS Document */

.mupConteneur { display: block; background: none; padding: 0px; border-radius: 0px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.mupElement { display: none; }
.mupLinkupload { display: inline-block; position: relative; cursor: pointer; background: url(/img/front/photo-add.png) no-repeat center; background-size: cover; 
	width: 100px; height: 75px; margin: 4px 5px 30px 5px; }
.mupLinkupload, .mupLinkupload:hover, .mupLinkupload:visited, .mupLinkupload:active { color: #333; }
.mupLinkupload > span { position: absolute; top: 80px; left: 0; right: 0; text-align: center; }

.mupCntimg { display: inline-block; position: relative; line-height: 16px; vertical-align: top; width: 100px; height: 100px; margin: 4px 5px; text-align: center; 
	transition: all .3s ease-in-out; box-sizing: border-box; }
.mupCntimg:hover { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.mupCntimg > em { display: inline-block; text-align: right; width: 60px; }
.mupNomimg { margin-left: 12px; border: 1px solid #ccc; border-radius: 3px; padding: 1px 2px; width: 100px; font-style: italic; float: right; margin-top: 4px; display: none; }
.mupBtnimg { display: inline-block; cursor: pointer; margin: 3px 3px 0 3px; }
.mupBgdimg { display: block; cursor: pointer; width: 100px; height: 75px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.mupField { clear: both; border: 1px solid #ccc; border-radius: 3px; padding: 1px 2px; width: 400px; margin-top: 0px; margin-left: 8px; }
.mupCombo { border: 1px solid #ccc; border-radius: 3px; padding: 0px 2px; width: 68px; margin-top: 0px; margin-left: 8px; }
.mupCouv { display: inline-block; margin-top: -2px; margin-left: 12px; border-color: #999; }
.mupLblcv { margin-top: 0px; margin-left: 6px; color: #999; opacity: 0; cursor: pointer; }
.mupLblcv:hover { opacity: 1; }
.mupCnttri { display: inline-block; width: 16px; height: 16px; line-height: 8px; text-align: center; margin-right: 8px; margin-bottom: 2px; vertical-align: middle; }
.mupTrihaut { height: 8px; width: 10px; cursor: pointer; }
.mupTribas { height: 8px; width: 10px; cursor: pointer; }

.mupCntupl { margin: 8px 0; line-height: 16px; vertical-align: top; border-top: 1px solid #f0f0f0; padding-top: 8px; }
.mupNomupl { margin-left: 48px; margin-right: 12px; border: 1px solid #ccc; border-radius: 3px; padding: 1px 2px; width: 140px; font-style: italic; }
.mupBtnupl { cursor: pointer; margin-right: 8px; }
.mupPrgupl { font-style: italic; color: #999; }

#mupFader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; background: rgba(0,0,0,0.7); z-index: 999999; }
#mupPreview { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 12px rgba(0,0,0,0.7); max-width: 94%; max-height: 94%; }