.machineaprenom { position: relative; width: 80%; margin: 30px auto; }
.machineaprenom form { position: relative; z-index: 1; width: 50%;  padding: 10px 10px 20px 10px; border-radius: 5px; background: rgba(255,255,255,.2); }
.machineaprenom form p { display: block; margin: 5px 0; }
.machineaprenom form label { display: block; margin: 10px 0 4px 0; color: #fff; font-size: 1.8em; font-family: 'Lobster', sans; text-shadow: 1px 1px 0 rgba(0,0,0,.4);}
.machineaprenom form .center { text-align: center; }
.machineaprenom form .btn { margin: 20px 0 0 0; font-size: 1.1em; margin: 5px 0 0 0 !important }
.machineaprenom form #form_prenom { display: block; width: 90%; padding: 5%; font-size: 1.7em; border-radius: 3px; border: 1px solid #999; }
.machineaprenom form select { display: block; width: 100%; font-size: 1.3em; border-radius: 3px 0 0 3px; border: 1px solid #999; }
.machineaprenom form .btn{ font-size: 2em; }



.machineaprenom_preview { position: absolute; top: 20px; right: 0;  width: 207px; height: 168px; background: url(/templates/machine_a_prenom/_design/img/bg_map.png); z-index: 0; border-radius: 5px; overflow: hidden;}
.machineaprenom_preview #apercu_fond { position: absolute; top: 13px; left: 14px; z-index: 1; }
.machineaprenom_preview #apercu_typo { position: absolute; top: 51px; left: 28px; z-index: 2; }
.machineaprenom_preview #apercu_fond img { width: 180px; }

.machineaprenom_btns { position: relative; }
.machineaprenom_btns a { position: relative; display: block; float: left; width: 50px; height: 50px; background: none; overflow: hidden; cursor: pointer; }
.map_icos { display: block; width: 300px; height: 100px; background: url(/templates/machine_a_prenom/_design/img/map-divers.png); _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src=/templates/machine_a_prenom/_design/img/map-divers.png); }

.map_print .map_icos { position: absolute; top: 0; left: 0; }
.map_print:hover .map_icos { position: absolute; top: -50px; left: 0; }
.map_save .map_icos { position: absolute; top: 0; left: -50px; }
.map_save:hover .map_icos { position: absolute; top: -50px; left: -50px; }
.map_add .map_icos { position: absolute; top: 0; left: -100px; }
.map_add:hover .map_icos { position: absolute; top: -50px; left: -100px; }
.map_edit .map_icos { position: absolute; top: 0; left: -150px; }
.map_edit:hover .map_icos { position: absolute; top: -50px; left: -150px; }
.map_new .map_icos { position: absolute; top: 0; left: -200px; }
.map_new:hover .map_icos { position: absolute; top: -50px; left: -200px; }

/* RESPONSIVE */
.w320 .machineaprenom, .w480 .machineaprenom { width: 100%; margin: 20px auto; }
.w320 .machineaprenom form, .w480 .machineaprenom form { width: 90%; margin: auto;} 
.w320 .machineaprenom form label { font-size: 1.6em; }
.w320 .machineaprenom_preview, .w480 .machineaprenom_preview  { position: relative; top: inherit; right: inherit;  margin: 0 auto 10px auto; }