/* CSS Document */

body{ margin:0; background:url(../images/bg-maquette6.jpg) repeat-x #061b30; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}

#conteneur{ width:955px; margin:0 0 0 -477px; position:absolute; left:50%; float:left; background:url(../images/bg-lueur.jpg) no-repeat; }

#header{ width:955px; height:87px; background:url(../images/bg-header.jpg) no-repeat bottom left; float:left;}

#menuTop{ margin:0; padding:0; list-style:none; width:317px; position:absolute; top:0; right:40px;}
#menuTop li{ float:left; padding:0; list-style:none; display:inline; height:17px;}
#menuTop li a.accueil{ float:left; display:inline; margin:3px 15px 0 0; text-decoration:none; background:url(../images/menu-accueil.gif); width:44px; text-indent:-5000px;}
#menuTop li a.actualites{ float:left; display:inline; margin:3px 15px 0 0; text-decoration:none; background:url(../images/menu-actualites.gif); width:57px; text-indent:-5000px;}
#menuTop li a.contact{ float:left; display:inline; margin:3px 15px 0 0; text-decoration:none; background:url(../images/menu-contactez-nous.gif); width:93px; text-indent:-5000px;}
#menuTop li a.partenaires{ float:left; display:inline; margin:3px 0 0 0; text-decoration:none; background:url(../images/menu-partenaires.gif); width:63px; text-indent:-5000px;}
#menuTop li a:hover{ border-top:3px solid #3c6981; margin-top:0;}
#menuLangue{ position:absolute; top:0; right:5px; border:0; margin:0; padding:0;}

#logoMassif{ width:260px; height:80px; position:absolute; top:0; left:0;}

#menuMain{margin:0; padding:0; list-style:none; width:673px; position:absolute; top:60px; right:5px; height:20px; border-left:1px solid #87abbf;}
#menuMain li{ margin:0; padding:0; list-style:none; float:left; height:20px;}
#menuMain li a{ line-height:20px; text-indent:-2000px; display:block;}
#menuMain li a#concessions{ background:url(../images/menu-concessions.gif) no-repeat; width:121px;}
#menuMain li a#salons{ background:url(../images/menu-salons.gif) no-repeat; width:84px;}
#menuMain li a#neufs{ background:url(../images/menu-neufs.gif) no-repeat; width:106px;}
#menuMain li a#occasions{ background:url(../images/menu-occasions.gif) no-repeat; width:140px;}
#menuMain li a#affaires{ background:url(../images/menu-affaires.gif) no-repeat; width:112px;}
#menuMain li a#port{ background:url(../images/menu-port.gif) no-repeat; width:109px;}

/************************** menu principal *****************************/
#conteneurmenu {position:absolute; top:60px; right:5px; margin:0; padding:0; height:20px; width:673px; z-index:90; float:left;}
.menu {float:left; display:inline; margin:0; padding:0; height:20px;}

.menu a.concessions{ display:block; height:20px; background:url(../images/menu-concessions.gif) no-repeat top left; text-indent:-5000px; padding:0; margin:0; text-decoration:none;}
.menu a.salons{ display:block; height:20px; background:url(../images/menu-salons.gif) no-repeat; text-indent:-5000px; padding:0; margin:0; text-decoration:none;}
.menu a.neufs{ display:block; height:20px; background:url(../images/menu-neufs.gif) no-repeat; text-indent:-5000px;  padding:0; margin:0; text-decoration:none;}
.menu a.occasions{ display:block; height:20px; background:url(../images/menu-occasions.gif) no-repeat; text-indent:-5000px; padding:0; margin:0; text-decoration:none;}
.menu a.affaires{ display:block; height:20px; background:url(../images/menu-affaires.gif) no-repeat; text-indent:-5000px;  padding:0; margin:0; text-decoration:none;}
.menu a.port{ display:block; height:20px; background:url(../images/menu-port.gif) no-repeat; text-indent:-5000px; padding:0; margin:0; text-decoration:none;}

.ssmenu {background:#0b3855; padding:5px 10px;} /*.ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu ul, .ssmenu li.lienMenu {/* Ne pas trop toucher. Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */padding:0; list-style-type:none;background:transparent;}
.ssmenu a, .ssmenu a:visited {color:#ffffff; padding:0 0 2px 0; text-decoration:none; font-size:12px; font-weight:normal; border-bottom:1px solid #3b6178;/* Ne pas modifier le block, margin et width */display:block; margin:3px 0;	width:100%;}
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {width:auto;}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/color:#FFF;text-decoration:none;}
.menuOuvert a {color:#ffffff; padding:0px; text-decoration:none; background:none;}
/**************************************************************************/


.centre{ padding:10px 10px 0 10px; margin:0 auto; float:left; width:935px;}
#flash{ width:675px; height:320px; float:left; margin:0 10px 0 0; background:#FFF; display:inline;}
#neufAccueil{width:250px; height:320px; float:left; margin:0; background:url(../images/bg-neufaccueil.jpg) no-repeat; display:inline;}
#neufAccueil h3{text-indent:-2000px; margin:0 0 10px 0; height:35px; padding:0; background:url(../images/titre-neufs.gif) no-repeat;}
#neufAccueil .unBateau{ clear:left; float:left; padding:0; margin:0 10px;  width:230px; height:275px;}
#neufAccueil .unBateau #laPhoto{ float:left; width:226px; height:156px; border:2px solid #2C5871; overflow:hidden; margin:0; padding:0;}
#neufAccueil .unBateau #laPhoto img{float:left; padding:0; margin:0;}
#neufAccueil .unBateau h2{float:left; width:230px;  margin:5px 0px; padding:0; border-bottom:1px solid #2c5871; color:#FFFFFF; font-size:1.3em;}
#neufAccueil .unBateau h2 a{ color:#FFFFFF; text-decoration:none;}
#neufAccueil .unBateau p{margin:5px 0px; width:230px; padding:0; color:#FFFFFF; font-size:1.1em; height:55px; overflow:hidden;float:left; }
#neufAccueil .unBateau #lienFiche{ display:block; margin:0; color:#94c5e0; font-size:1.1em;}
#neufAccueil .unBateau #lienFiche:hover{ text-decoration:none;}

#colLogo{ float:left; width:200px; height:200px; border-top:1px solid #093453; padding:0 0 10px 0;}
#colLogo .logo{ margin:20px 0 0 30px; border:0;}
#zoneNav{ background:url(../images/bg-zonenav.gif) no-repeat; width:189px; height:59px; margin:20px 0 0 5px; padding:0;}
#zoneNav h3{ margin:0; padding:3px 0 0 0; border-bottom:1px solid #9a9a94; color:#093453; font-size:1.2em; margin:5px;}
#zoneNav p{color:#093453; font-size:1.2em; margin:0 5px; padding:0; width:120px; float:left; display:inline;}
#zoneNav #lnkModifier{ display:block; width:53px; background:#093453; font-size:1.2em; font-weight:bold; color:#FFF; float:left; padding:1px 0 3px 0; text-align:center; margin:10px 0 0 0;}
#zoneNav #lnkModifier:hover{background:#FFF; color:#093453;}

#txtAccueil{float:left; width:455px; border-top:1px solid #093453; margin:0 10px 0 0; padding:10px;}
#txtAccueil h3{ height:20px; margin:2px 0 15px 0; padding:0; background:url(../images/titre-txtAccueil.jpg) no-repeat; text-indent:-2000px;}
#txtAccueil p{ font-size:1.3em; color:#c8dbe6; line-height:1.8em; margin:0; padding:0;}
#txtAccueil p span{ font-weight:bold; color:#FFF;}
#txtAccueil a { color:#c8dbe6; text-decoration:none;}
#txtAccueil a:hover { color:#c8dbe6; text-decoration:underline;}

#colActu{float:left; width:225px; border-top:1px solid #093453; padding:0 10px 10px 15px;}
#colActu h3{ text-indent:-2000px; background:url(../images/bg-actu.jpg) no-repeat; height:30px; margin:0; padding:0;}
#colActu h2{ font-size:1.2em; color:#FFF; margin:15px 0 0 0; padding:0;}
#colActu h2 a{color:#FFF; text-decoration:none;}
#colActu p{color:#7892a0; margin:0; padding:0; font-size:1.1em;}
#colActu p a{color:#abc6d5;}
#colActu p a:hover{color:#FFF; text-decoration:none;}


#txtNav{float:left; width:675px; border-top:1px solid #093453; margin:0 10px 0 0; padding:0;}
#txtNav h3{ height:45px; margin:0 0 10px 0; padding:0; text-indent:-5000px;}
#txtNav h2{ float:left; height:35px; margin:0 0 10px 14px; padding:7px 0 0 0; color:#FFFFFF; font-size:2.0em; font-weight:normal; border-top:4px solid #093b5c;}
#txtNav p{ font-size:1.2em; color:#c8dbe6; line-height:1.8em; margin:0; padding:0 0 10px 15px;}
#txtNav p span{ font-weight:bold; color:#FFF;}
#txtNav p a.retour{ color:#c8dbe6;}
#txtNav .photo { float:right; margin:0 10px 0 15px; border:5px solid #031221; width:200px;}
#txtNav h4{ font-size:1.4em; color:#c8dbe6; margin:5px 15px 10px 15px; padding:0 0 4px 0; border-bottom:1px solid #093b5c;}
#txtNav p a.classement{ color:#c8dbe6; text-decoration:none;}
#txtNav p a.select {color:#1684be; font-weight:bold; text-decoration:none}
#txtNav p a.actu {color:#ABC6D5;text-decoration:none;font-weight:bold;}
#txtNav p a.actu:hover {color:#FFFFFF;}

#txtNav p.form{ font-size:1.2em; color:#c8dbe6; line-height:1.8em; margin:0 0 10px 15px; padding:0; height:25px; }
#txtNav p.form .champs{ float:left; display:block; margin:0; padding:0; width:120px; font-weight:normal; line-height:14px;}
#txtNav p.form .input{ float:left; display:block; margin:0; padding:0; width:210px; font-weight:normal; }

#txtNav .unSalon {float:left; clear:left; margin:0; padding:0 0 15px 0; border-bottom:1px solid #093453}

#txtNav #txtVitrine { clear:left; float:left; font-size:12px; color:#c8dbe6; line-height:18px; margin:0; padding:0 0 10px 2px;}
#txtNav #txtVitrine p{ clear:left; float:left; font-size:12px; color:#c8dbe6; line-height:18px; margin:0; padding:0;}

#crouesty{ background:url(../images/titre-crouesty.gif) no-repeat;}
#lavandou{ background:url(../images/titre-lavandou.gif) no-repeat;}
#stGilles{ background:url(../images/titre-st-gilles.gif) no-repeat;}
#lesSables{ background:url(../images/titre-sables-olonne.gif) no-repeat;}
#acces{ background:url(../images/titre-acces.gif) no-repeat;}
#bateauxNeufs{ background:url(../images/titre-bateaux-neufs.gif) no-repeat;}
#bateauxOccasion{ background:url(../images/titre-bateaux-occasion.gif) no-repeat;}
#bonnesAffaires{ background:url(../images/titre-bonnes-affaires.gif) no-repeat;}
#placesPort{ background:url(../images/titre-place-port.gif) no-repeat;}
#salons{ background:url(../images/titre-salons.gif) no-repeat;}
#contact{ background:url(../images/titre-contact.gif) no-repeat;}
#invitation{ background:url(../images/titre-invitation.gif) no-repeat;}
#mentions{ background:url(../images/titre-mentions.gif) no-repeat;}
#partenaires{ background:url(../images/titre-partenaires.gif) no-repeat;}

.imageHeader{ height:110px; width:675px; margin:0;}
#concession{background:url(../images/img-entete.jpg) no-repeat;}
#fiche{background:url(../images/img-entete2.jpg) no-repeat; height:121px;}
#fiche .fichier {float:left; margin:0px; padding:0 0 0 33px; width:127px; color:#94c5e0; font-size:1.2em; line-height:15px; text-decoration:none; background:url(../images/icone-pdf.gif) no-repeat left;}
/*------------------- liste produits -------------------*/
ul#listeBateaux {float:left; padding:0; margin:0 0 10px 0; width:675px; list-style:none;}
ul#listeBateaux li {float:left; padding:10px; margin:0 0 5px 0; width:315px; height:90px; background:url(../images/bg-liste-bateaux.jpg);}
ul#listeBateaux li img {float:left; border:1px solid #03101d; margin-right:10px; width:120px; height:90px; overflow:hidden;}
ul#listeBateaux li h4 {float:left; padding:0; margin:0 0 5px 0; color:#94c5e0; font-size:1.2em; text-decoration:none;}
ul#listeBateaux li p {float:left; padding:0; margin:2px 0 0 0; color:#94c5e0; font-size:1.1em; width:183px; border-bottom:1px solid #082d46; text-decoration:none}
ul#listeBateaux li p span {float:left; padding:0; margin:0 5px 0 0; color:#6a8394; font-weight:normal;}

#pagination {float:right; padding:0; margin:10px 0; font-size:1.2em;}
#pagination a {color:#c8dbe6; text-decoration:none;}
#pagination a.select {color:#1684be; font-weight:bold; text-decoration:none}

#choixGamme {float:left; padding:36px 0 0 0; margin:10px 0; width:675px; height:28px; background:url(../images/bg-choix-gamme.jpg);}
#choixGamme a {float:left; padding:0 15px; margin:0; color:#FFF; border-right:1px solid #093453; text-decoration:none; font-size:1.2em;}
/*------------------------------------------------------------*/


/*------------------- fiche détail produit -------------------*/
#detailFiche {float:left; padding:0px; margin:0 0 10px 0; width:320px;}

#detailFiche ul#un { float:left; width:200px; margin:0; padding:0 0 20px 0; color:#94c5e0; font-size:1.2em; list-style:none; font-weight:bold; }
#detailFiche ul#un li.pair {float:left; margin:0; border-bottom:1px solid #082d46; padding:5px 0; width:200px;}
#detailFiche ul#un li.impair {float:left; margin:0; border-bottom:1px solid #082d46; background:#041527; padding:5px 0; width:200px; }
#detailFiche ul#un li span.etiquette {display:block; float:left; width:85px; padding:0 0 0 10px; margin:0; color:#9bb0bb; font-weight:normal;}
#detailFiche ul#un li span.detail {display:block; float:left; width:105px; padding:0; margin:0;}

#detailFiche ul#deux { float:left; width:320px; margin:0 0 15px 0; padding:0; color:#94c5e0; font-size:1.2em; list-style:none; font-weight:bold; }
#detailFiche ul#deux li.pair {float:left; margin:0; padding:5px 0; border-bottom:1px solid #082d46; width:320px; }
#detailFiche ul#deux li.impair {float:left; margin:0; padding:5px 0; border-bottom:1px solid #082d46; width:320px; background:#041527;}
#detailFiche ul#deux li span.etiquette {display:block; float:left; width:85px; padding:0 0 0 10px; margin:0; color:#9bb0bb; font-weight:normal;}
#detailFiche ul#deux li span.detail {display:block; float:left; width:210px; padding:0; margin:0;}
#detailFiche ul#deux li span.fichiers {display:block; float:left; width:210px; padding:0; margin:0; line-height:18px;}
#detailFiche ul#deux li span.fichiers a {color:#94c5e0; text-decoration:none; font-weight:normal;}
#detailFiche ul#deux li span.fichiers a:hover {color:#94c5e0; text-decoration:underline; font-weight:normal;}

#detailFiche ul#trois { float:left; width:320px; margin:0 0 15px 0; padding:0; color:#94c5e0; font-size:1.2em; list-style:none;}
#detailFiche ul#trois li {float:left; margin:0; padding:5px 0; border-bottom:1px solid #082d46; width:320px; }
#detailFiche ul#trois li span.etiquette {display:block; float:left; width:110px; padding:0 0 0 10px; margin:0; color:#9bb0bb; font-weight:normal;}
#detailFiche ul#trois li span.detail {display:block; float:left; width:185px; padding:0; margin:0;}


#detailFiche #prix {float:left; margin:0 0 0 10px; padding:12px 0 0 0; width:110px; height:36px; text-align:center; background:#fff; color:#061b30; font-size:1.8em; font-weight:bold;}
#detailFiche #ssTitre {float:left; padding:0 0 0 10px; margin:0 0 15px 0; width:310px; background:url(../images/bg-titre-caract.gif) repeat-x; height:25px; color:#fff; font-size:1.4em; font-weight:bold; line-height:25px;}

#detailFiche .fichier {float:left; margin:0 0 10px 0; padding:0 0 0 33px; width:127px; color:#94c5e0; font-size:1.2em; line-height:15px; text-decoration:none; background:url(../images/icone-pdf.gif) no-repeat left;}
#detailFiche .visite {float:left; margin:0 0 10px 0; padding:0 0 0 37px; width:123px; height:35px; line-height:35px; color:#94c5e0; font-size:1.2em; text-decoration:none; background:url(../images/btn-visite-virtuelle.jpg) no-repeat left;}

#colonnePhoto{float:left; clear:left; width:330px; margin:00px 15px 10px 0; padding:0;}
#colonnePhoto img { border:5px solid #031221;} 

#galerieBateau{float:left; padding:0 0 5px 0; margin:5px 0 0 0; width:330px;}
#galerieBateau .picSmall a {width:105px; height:69px; overflow:hidden; margin:5px 5px 0px 0; padding:0; float:left; border-bottom:5px solid #031221;}
/*------------------------------------------------------------*/


#colDroiteNav{float:left; width:250px; border-top:1px solid #093453; padding:0;}
#blocCordonnees{float:left; background:url(../images/bg-coordonnees.jpg) no-repeat #03111e; width:250px;}
#blocCordonnees h3{  margin:0; padding:0; background:url(../images/titre-coordonnees.jpg) no-repeat; height:30px; text-indent:-2000px;}
#blocCordonnees p{float:left;  display:inline;font-size:1.2em; color:#c8dbe6; line-height:1.3em; margin:10px 0 0 10px; padding:0;}
#blocCordonnees p span{ font-weight:bold; color:#FFF;}
#blocCordonnees p span#tel{ font-size:1.3em; font-weight:bold; margin:0 0 2px 0; color:#c8dbe6;}
#blocCordonnees a#contact{float:left; padding:15px 0 5px 0; margin:0; width:250px; height:77px; background:url(../images/btn-contact.gif) no-repeat 0px 15px; text-indent:-5000px; }
#blocCordonnees p.equipe {float:left; display:inline; font-size:1.2em; color:#c8dbe6; line-height:2.0em; margin:10px 0 0 10px; padding:0; width:250px;}
#blocCordonnees p.equipe img {margin:0 8px 0 0; float:left;}

#blocConcession{float:left; display:inline; background:url(../images/bg-coordonnees.jpg) no-repeat #03111e; width:250px;}
#blocConcession h3{ float:left; display:inline; margin:0; padding:0; width:250px; height:30px; background:url(../images/titre-concession.jpg) no-repeat; height:30px; text-indent:-2000px;}
#blocConcession h4{float:left; display:inline; font-size:1.2em; color:#c8dbe6; line-height:1.3em; margin:10px 10px 0 10px; padding:0; width:230px; font-weight:bold; color:#FFF; border-bottom:1px solid #2c5871}
#blocConcession p{float:left; display:inline; font-size:1.2em; color:#c8dbe6; line-height:1.3em; margin:10px 0 0 10px; padding:0; width:240px;}
#blocConcession p span {font-size:1.3em; font-weight:bold; margin:0 0 2px 0;}
#blocConcession p a{font-weight:bold; color:#FFF; line-height:1.8em; text-decoration:none;}
#blocConcession a#contact{float:left; padding:15px 0 5px 0; margin:0; width:250px; height:77px; background:url(../images/btn-contact.gif) no-repeat 0px 15px; text-indent:-5000px; }
#blocConcession p.equipe {float:left; font-size:1.2em; color:#c8dbe6; line-height:2.0em; margin:10px 0 0 10px; padding:0; width:250px;}
#blocConcession p.equipe img {margin:0 8px 0 0; float:left;}

#neufDecouvrir { float:left; width:250px; margin:0 0 10px 0; padding:0 0 10px 0; background:url(../images/bg-decouvrir.jpg) no-repeat top #03111e; display:inline;}
#neufDecouvrir h3{text-indent:-2000px; margin:0 0 10px 0; height:35px; padding:0; text-indent:-5000px;}
#neufDecouvrir img { float:left; padding:0; margin:0 10px; width:230px; border:2px solid #2C5871;}
#neufDecouvrir h2{ clear:left; float:left; margin:5px 10px; padding:0; width:230px;  border-bottom:1px solid #2c5871; color:#FFFFFF; font-size:1.3em;}
#neufDecouvrir h2 a{ color:#FFFFFF; text-decoration:none;}
#neufDecouvrir p{ float:left; clear:left; margin:5px 10px; padding:0; color:#FFFFFF; font-size:1.1em; height:55px; overflow:hidden; width:230px; }
#neufDecouvrir #lienFiche{ display:block; margin:0 10px; color:#94c5e0; font-size:1.1em;}
#neufDecouvrir #lienFiche:hover{ text-decoration:none;}


#blocRecherche { float:left; padding:0; margin:20px 0; width:250px;}
#blocRecherche h3 { padding:0; margin:0; width:250px; height:29px; background:url(../images/titre-recherche.gif); text-indent:-5000px;}
#blocRecherche ul { float:left; display:inline; padding:0; margin:18px 0 0 15px; width:235px; list-style:none; border-top:1px solid #093453;}
#blocRecherche ul li { float:left; padding:0 0 0 15px; margin:0; width:220px; border-bottom:1px solid #093453; line-height:30px; background:url(../images/puce-recherche.gif) no-repeat 2px 10px;}
#blocRecherche ul li a { font-size:1.2em; font-weight:bold; color:#FFFFFF; text-decoration:none;}

#blocGammes { float:left; padding:0; margin:20px 0; width:250px;}
#blocGammes h3 { padding:0; margin:0; width:250px; height:32px; background:url(../images/titre-choix-gamme.gif); text-indent:-5000px;}
#blocGammes ul { float:left; display:inline; padding:0; margin:18px 0 0 15px; width:235px; list-style:none; border-top:1px solid #093453;}
#blocGammes ul li { float:left; padding:0 0 0 15px; margin:0; width:220px; border-bottom:1px solid #093453; line-height:30px; background:url(../images/puce-recherche.gif) no-repeat 2px 10px;}
#blocGammes ul li a { font-size:1.2em; font-weight:bold; color:#FFFFFF; text-decoration:none;}

#blocChoixConcession { float:left; padding:0; margin:20px 0; width:250px;}
#blocChoixConcession h3 { padding:0; margin:0; width:250px; height:29px; background:url(../images/titre-choix-concession.gif); text-indent:-5000px;}
#blocChoixConcession ul { float:left; display:inline; padding:0; margin:18px 0 0 15px; width:235px; list-style:none; border-top:1px solid #093453;}
#blocChoixConcession ul li { float:left; padding:0 0 0 15px; margin:0; width:220px; border-bottom:1px solid #093453; line-height:30px; background:url(../images/puce-recherche.gif) no-repeat 2px 10px;}
#blocChoixConcession ul li a { font-size:1.2em; font-weight:bold; color:#FFFFFF; text-decoration:none;}


#blocZoneNav{ float:left; display:inline; background:url(../images/bg-zonenav2.gif) no-repeat; width:235px; height:79px; margin:20px 0 20px 15px; padding:0;}
#blocZoneNav h3{ margin:0; padding:3px 0 0 0; border-bottom:1px solid #9a9a94; color:#093453; font-size:1.2em; margin:5px;}
#blocZoneNav p{color:#093453; font-size:1.2em; margin:0 5px; padding:0; width:155px; float:left;}
#blocZoneNav #lnkModifier{ display:block; width:60px; background:#093453; font-size:1.2em; font-weight:bold; color:#FFF; float:left; padding:2px 0; text-align:center; margin:10px 0 0 0;}
#blocZoneNav #lnkModifier:hover{background:#FFF; color:#093453;}



#footer{ clear:both; margin:0 auto; width:955px; position:relative; padding:0; border-top:1px solid #093453;}
#footer p{color:#7892a0; margin:15px 0 0 20px; padding:0; font-size:1.2em; width:350px;}
#footer a{color:#7892a0; font-weight:bold;}
#footer a:hover{color:#FFF; text-decoration:none;}
#footer #MassifYacht{ position:absolute; top:0; right:50px; border:0;}