/* GÉNÉRALE */
*{font-family:Verdana,Arial,sans-serif;font-size:11px;}
img{border:none;}
a{color:#001240;text-decoration:none;}
a:hover{color:#001240;text-decoration:underline;}
a.bold {font-weight:bold;}
select{border:SOLID 1px #DDD;padding:3px;color:#444;}
input{border:SOLID 1px #DDD;padding:3px;color:#444;}
textarea {max-width:494px;border:SOLID 1px #DDD;padding:3px;color:#444;height: 30px;}
label {font-weight:bold;cursor:pointer;color:gray;}

.floatleft{float:left;}
.floatboth{float:left;clear:both;}

/* TOP */
.online {position:relative;top:-15px;left:54px;width:11px;}

/* CONTENT */
#top {background:#000;height:50px;}
#menu {display:table;width:980px;margin:0px auto;height:50px;}
#menu img{margin:4px 0px 0px 8px;width:125px;}
#menuback{float:right;height:33px;background:#000 url('/images/menu.png') repeat-x bottom;margin-top:10px;}
#menuitem {float:right;height:33px;background:#000 url('/images/menu.png') repeat-x bottom;min-width:100px;text-align:center;color:#FFF;line-height:37px;margin-top:10px;cursor:pointer;font-size:12px;}
#menuitem:hover {background:#000 url('/images/menu2.png') repeat-x bottom;color:#6ec000;text-decoration:none;}
#search{height:60px;}
#searchleft{background:transparent url('/images/searchleft.png') no-repeat;width:34px;height:60px;float:left;margin-left:70px;}
#searchcenter{background:transparent url('/images/search.png') repeat-x;width:775px;height:60px;float:left;}
#searchright{background:transparent url('/images/searchright.png') no-repeat;width:34px;height:60px;float:left;}
#main{display:table;width:980px;margin:0px auto;border-left:1px solid #DDD;border-right:1px solid #DDD;}
#left{float:left;padding:0px 5px;width:196px}
#center{float:left;padding:0px 5px;width:502px;border-left:1px dashed #DDD;border-right:1px dashed #DDD;}
#right{float:left;padding:0px 5px;width:250px;}

/* A SUPRIMER */
#loginPopup {margin:10px;}
#formlogin{float:left;width:700px;height:50px;background-color:#000;}
#logincontent{padding-left:8px;padding-top:14px;}
#loginbox{float:left;width:156px;height:24px;background:transparent url('images2/user-login.png') no-repeat;}
#logininput{padding-left:22px;padding-top:2px;*padding-top:2px;width:130px;}
#passwdbox{float:left;margin-left:7px;width:156px;height:24px;background:transparent url('images2/user-passwd.png') no-repeat;}
#passwdinput{padding-left:22px;padding-top:2px;*padding-top:2px;}
#loginbutton{float:left;margin-left:7px;width:50px;height:25px;background:url('images2/user-go.png') no-repeat;}
#buttongo{padding-top:4px;}
#buttonregister{float:left;margin-left:7px;cursor:pointer;}
.loginmenusimage{float:left;}
.loginmenuspacer{margin-left:14px;}
.loginmenus{float:left;margin-left:5px;margin-top:7px;}
#lostpasswd{padding-right:2px;position:relative;top:4px;*top:3px;left:-5px;height:23px;width:150px;z-index:100;border:1px solid #000000;display:none;}
#lostpasswd a{color:#000; background: #dcdcdc;}
#lostpasswd a:hover{text-decoration: none;background: #bbbbbb;}
#lostPasswd{margin:10px;height: 121px;display:none; width:300px;}
/* RECHERCHE */ 
#searchbox{float:left;margin-left:8px;margin-top:-2px;width:168px;height:26px;background:transparent url('images2/barre/user-search.png') no-repeat;}
#searchinput{padding-left:28px;padding-top:3px;*padding-top:2px;}
.menu{color:black;float:left;padding-top:6px;background:#8cc63f;height:20px;vertical-align:middle;text-align:center;width :190px;}
.menu:hover{text-decoration:none;color:black;background:#aaaaaa;}

/* A VERIFIER */

.login{color:#FFFFFF;text-decoration:none;font-weight:bold;float:left;}
.login:hover{color:#AAA;*cursor:pointer;}

/* GARDER */
.menulink{text-align:center;color:#444;cursor:pointer;padding:5px 0px 5px 2px;float:left;border-bottom:1px SOLID #aaa;background:#eee;height:auto;width:100%;}
.menulink:hover{text-decoration:underline;color:#444;background:#ccc;}

/* LASTLOGIN */
#lastlogin{display:inline-block;margin-left:-18px;width:850px;float:left;height:60px;}
#boutonsgauche{width:29px;}
#boutonsdroit{width:29px;}
#boutonage{text-align:center;margin:6px 0px 0px 2px;cursor:pointer;}
#boutonstyle{text-align:center;margin:10px 0px 0px 2px;cursor:pointer;}
#lastlogincontent{width:750px;*margin-top:-5px;}
#boutonplus{text-align:center;margin-top:6px;cursor:pointer;position:relative;z-index:10;}
#boutonmoins{text-align:center;margin-top:10px;cursor:pointer;position:relative;z-index:10;}

.lastloginpics{float:left;width:70px;height:50px;margin:1px;margin-left:2px;border:1px solid #cecece;}
#selectage{position:relative;left:2px;top:-22px;*top:1px;height:167px;width:162px;z-index:10;border:1px solid #000;display:none;}
#selectstyle{position:relative;left:2px;top:4px;*top:1px;height:71px;width:162px;z-index:10;border:1px solid #000;display:none;}

#simplemodal-overlay{background-color:#000;cursor:wait;}
#simplemodal-container{text-align:left;color:#FFF;background-color:#FFF;border:4px solid #000;padding:6px;margin-top:-180px;height:200px;}
#simplemodal-container code{background:#141414;border-left:3px solid #65B43D;color:#bbb;display:block;margin-bottom:12px;padding:4px 6px 6px;}
#simplemodal-container a{color:#444;}
#simplemodal-container div.title{color:#FFF;background:#c10000;font-size:14px;font-weight:bold;padding:6px;}
#simplemodal-container div.text{font-weight: bold;color:#444;font-size:10px;padding:5px;margin-top:5px;}
#simplemodal-container div.require{font-weight: bold;color:#c10000;font-size:12px;padding:5px;margin-left: 20px;}
#simplemodal-container div.bottomlink{background:#EEE;color:#001a5d;font-size:14px;padding:8px;margin-top:10px;text-align:center;}

#userCity{width: 280px;}
input.lock{width:140px;font-weight:bold;background:#dbffaa;}
#xLock{background:#dbffaa;color:#3a6600;cursor:pointer;position:relative;font-size:14px;border:1px solid #DDD;padding:0px 4px 2px 4px;font-weight:bold;display:none;*top:-2px;}
#citysearch{position:relative;*top:-2px;z-index:100;max-height:200px;height:auto;overflow-y:auto;overflow-x:hidden;width:288px;background:#EEE;display:none;border-bottom:3px solid #DDD;}
* html #citysearch{overflow-y/**/:auto; height/**/:200px;width/**/:248px;}
.vert{background:#dbffaa;border-color:#dbffaa;color:black;}

/* CONFIRMATION */
#confirm{display:none;}
#message{display:none;}
#confirm-overlay{background-color:#000;cursor:wait;}
#confirm-container{height:140px;width:420px;text-align:left;background:#FFF;border:3px solid white;margin-top:120px;}
#confirm-container .header{height:30px;line-height:30px;width:100%;font-size: 16px;background: #c10000;color:#FFF;font-weight:bold;}
#confirm-container .headerspan {padding-left:8px;}
#confirm-container .message{color:#333;font-size:14px;margin:0;padding:12px 4px 12px 8px;background:#FFF;border:0px;}
#confirm-container .buttons{line-height:26px;width:160px;float:right;font-size:14px;padding:10px 8px 0;} 
#confirm-container .buttons div{float:right;margin-left:4px;width:70px;height:26px;color:#000;font-weight:bold;text-align:center;background:#99a0b2;cursor:pointer;} 
#confirm-container a.modal-close{text-decoration:none;font-weight:bold;position:absolute;right:10px;top:4px;color:#FFF;font-size: 16px;}
#confirm-container a.modal-close:hover{color:#CCC;}

#toolbar{margin: 0px auto;background:transparent url('images2/barre.png') no-repeat center bottom;height:140px;text-align:center;color:#CC0000;width:968px;}

#toolbar #toolcontent{display:inline-block;text-align:center;margin:0px auto;height:44px; width:414px;position:relative;top:-12px;}
#toolbar .toolimage{display:inline-block;width:34px;height:34px;position:relative;top:-6px;border-right:1px dashed #2c4484;}
#toolbar .toolnumber{display:inline-block;background:transparent url('/images2/barre/user-number.png') no-repeat;font-size:10px;width:24px;height:13px;position:relative;top:4px;left:18px;color:white;}
#toolbar #toolbutton{display:inline-block;float:left;margin-top:-2px;margin-left:4px;}

#profil-welcome{height:34px;width:500px;clear:both;}
#profil-welcome input{border:1px solid #cccccc;color:#282828;width:414px;float:left;height:16px;padding:4px;}
#profil-welcome a{position:relative;top:6px;left:7px;}
#profil-welcome-msg{height:34px;font-weight:bold;}

#profil-menu{width:502px;}
#profil-menu a{font-weight:bold;float:left;border-right:1px SOLID white;border-left:1px SOLID white; padding:6px 12px 0px 11px;background:#001a5d;height:20px;text-align:center;color:#FFF;cursor:pointer;}
#profil-menu a:hover{text-decoration:none;color:#FFF;background:#61a900;}

.profil-menu-left {width:184px;padding:4px 6px;padding-top:6px;cursor:pointer;border-bottom:1px solid #dddddd;display:inline-block;}
.profil-menu-left:hover {background:#eeeeee;text-decoration:none;}
.profil-menu-left span {float:left;position:relative;top:5px;left:5px;margin-top:5px;}
.profil-menu-left img {float:left;width:16px;}
.profil-menu-left div {margin-top:1px;min-width:26px;padding:1px 4px;float:right;text-align:center;font-weight:bold;padding-top:0px;}
.profil-menu-left a:hover{text-decoration: none;}
.countGray{background:#bbbbbb;}
.countGreen{background:#61a900;color:white;}
.countBlue{background:#001a5d;color:white;}

.profil-menu-right { width: 236px; padding:5px 6px; cursor: pointer; border-bottom: 1px solid #dddddd; display:inline-block;}
.profil-menu-right:hover { background: #eeeeee; text-decoration: none;}
.profil-menu-right span { float:left; position: relative; top:1px; left:5px; }
.profil-menu-right img {float:left; width:16px;}
.profil-menu-right div { min-width: 26px; padding:1px 4px; float:right; background: #bbbbbb; text-align:center;}
.profil-menu-right a:hover{text-decoration: none;}

.profil-menu-title-top { display: inline-block; font-weight: bold; margin-bottom:10px; color: black; background: #EEEEEE; padding:6px; border: 1px dashed #cccccc; border-top: 1px dashed #cccccc;}
.profil-menu-title-center { display: inline-block; font-weight: bold; margin:10px 0px; color: black; background: #EEEEEE; padding:6px; border: 1px dashed #cccccc; border-top: 1px dashed #cccccc;}
.profil-center-title { height: 13px; margin: 10px 0px; width:486px; display:inline-block; font-weight: bold; color: black; background: #EEEEEE; padding:7px; border: 1px dashed #cccccc;}
.profil-center-title span { float:right; }
.profil-center-title div { width: 30px; float:right; background: #61a900; text-align:center; margin-top:-2px; padding: 2px 4px; color:white; *margin-top:-14px; font-weight: bold;}
.profil-info { margin-left:20px; margin-bottom:15px; color: gray;}

#profil-progress { display:inline-block; margin: 1px 0px 11px 2px;}
#profil-progress div { float:left; background: white; padding: 3px; border: 1px solid #aaaaaa; width: 160px; height: 16px; }
#profil-progress div div { background: #61a900; height: 8px; width: 50%; max-width: 151px;}
#profil-progress span{ float:left; font-weight: bold; margin: 4px 0px 5px 6px; font-size: 12px; color: #444444;}

#profil-picturearea { height: 338px;}
#profil-picturearea-link { margin-right: 5px; margin-top: 3px; margin-bottom: 3px;margin-left: 8px; }
#profil-picturearea span { position: relative; top: -4px;}

#profil-rate { height: 130px; margin-top: 8px; margin-left: 2px; width: 188px; color: #00164e; text-align: center; font-family:tahoma; font-weight:bold;}
#profil-rate font { font-size: 16px; color: #3d8500; position: relative; top:8px;}
#profil-rate #rateimg { background: transparent url('images2/user-bigstar.png') no-repeat 45px 0px; font-size: 12px; width:101px; height:41px; position:relative; top:6px; color: #aaaaaa; padding-top: 24px; width: 188px;}
#profil-rate #ratescore { font-size: 12px; color: #00164e; }
#profil-rate #ratestars { background: transparent url('images2/user-stars-matrix.png') no-repeat 5px 0px; width: 188px; height: 22px; margin-top: 5px;}
#profil-rate #ratestarsover { width: 188px; height: 22px; margin-top: 5px; margin-left: 6px; *margin-top: 0px;}

#profil-accordion { width: 390px; height: 40px; overflow: hidden; position: relative; top: 5px;}
#profil-accordion div { width: 40px; height: 27px; float:left; overflow: hidden; white-space: nowrap; padding-top: 13px; color: white; border: 1px solid white; cursor: hand; margin-top: -1px;}
#profil-accordion:hover  div { max-width: 40px; }
#profil-accordion:hover  div:hover { min-width: 220px;}
.accordion-text { height: 12px; margin-left: 40px; float:left;}

.profil-network-case { text-align:center; float:left; width: 73px; height: 59px;}

#profil-actions #action { width: 490px; display: inline-block; color: black; padding:10px; padding-left: 10px;padding-bottom: 10px; height: 16px; border-bottom: 1px solid #dddddd;}
#profil-actions #action img { float:left; }
#profil-actions #action span { float: right; margin-top: 1px;}

#profile-share-image #link { width:324px;color:#444444;font-weight:normal; margin-top: 20px; margin-bottom: 10px;}
#profile-share-image #copy { margin-left:6px;padding:2px 6px;position:relative;top:-1px; }
#profil-add-comments {margin-bottom: 12px;}
#profil-add-comments textarea { overflow:auto; width: 492px; margin-top: 3px; margin-bottom: 8px; border: 1px solid #aaaaaa; }
#profil-add-comments #spanNbrCar { margin-left:10px; margin-top: -4px;}
#profil-add-comments #comment-type { float:left; }
#profil-add-comments #comment-add { float:right; width: 90px; margin-right:20px; margin-bottom: 12px;}

.comment { width: 500px; color: black; height: auto; padding: 8px 5px; margin-top:1px; border-bottom: 1px solid #dddddd;text-align: justify; overflow: hidden;}
#comment-date { clear:left; color: #777777; margin-top: 1px; width: 200px; padding-top: 2px; height: 9px;}
#comment-img { width: 486px;}
#comment-close {cursor: pointer; font-size: 10px; color: #aaaaaa; background: #eeeeee; padding:1px 4px 2px 4px; font-weight: bold; height:10px; width: 10px;}
#comment-close:hover { background: #c10000; color: white;}
#comment-button {background: #eeeeee url('images2/comment-icon-1.png') no-repeat center center; height:10px; width: 10px; display:inline-block; cursor: pointer; font-size: 10px; color: #444444; margin-top:5px; padding:3px 3px; font-weight: bold;}
#comment-button:hover { background: #001a5d url('images2/comment-icon-2.png') no-repeat center center;}
#comment-text {color:#333333; height:34px; display:block;}
#comment-add-button { margin-top:7px; margin-left:5px; height:12px; width:12px; font-weight: bold; font-size: 12px; padding-top: 3px;}
.comment-add { display:none; background: #eeeeee; height: 32px; padding:5px; margin-top:3px; height:36px;}
.comment-add textarea { float:left; margin-left: 4px; height:28px; width:286px; overflow:auto; border: 1px solid #aaaaaa;}

#commForm textarea {overflow:auto;width:500px;margin-bottom:10px;}
#commForm select {float:left;margin-bottom:10px;}
#commForm a {float:right;}

#commList{width:500px;overflow:hidden;border-top:1px solid #dddddd;}

#commOption a{float:right;margin:10px;margin-top:5px;cursor:pointer;}
#commOption img{position:relative;top:4px;right:5px; width:16px;}

#profil-visits #visit { width: 500px; display:inline-block; height: auto; padding: 10px 0px; border-bottom: 1px solid #dddddd; }
#profil-visits #visit #picture { text-align:center; width: 100px; float:left;}
#profil-visits #visit #date{ margin-top: 30px; margin-left: 10px; width: 110px; float:left;}
#profil-visits #visit #status{ margin-top: 18px; width: 82px; float:left; text-align: center;}
#profil-visits #visit #infos{ margin-top: 18px; width: 178px; float:left; margin-left: 20px;}

#pages { width: 300px; display: inline-block; margin: 0px auto;} 
a.pages { font-weight: bold; color: black; background: #8cc63f; padding: 5px; padding-right: 9px; padding-left: 9px; margin: 1px; margin-bottom: 14px;}
a.pages:hover { background: #cccfd8; text-decoration: none;}

.rate-star {width: 22px; height: 22px; float:right; display: block; cursor: pointer;}

#showImagesList { display: inline-block; width: 500px;}
#showImg { margin: 2px; border: 1px solid white; cursor: pointer;}
#showImage { height: 520px; display: inline-block; width: 500px; text-align:center; vertical-align: middle; display: inline-block; font-size: 14px; color: #444444;}
#imgwide { padding: 4px 2px; border: 1px solid #aaaaaa; display: inline-block; margin: 4px; margin-left:5px;}
#imgwide div img { margin-top: -1px; width: 104px;}
#imgwide div { height: 75px; float:left; display: inline-block; overflow:hidden;}

#smallwide { padding: 3px; border: 1px solid #aaaaaa; display: inline-block;}
#smallwide div img { margin-top: -1px; width: 70px; height: 70px;}
#smallwide div { height: 50px; float:left; display: inline-block; overflow:hidden;}

#lastwide img { margin-top: -1px; width: 70px; height: 70px;}
#lastwide { height: 50px; display: inline-block; overflow:hidden; display:inline-block;}

.polaroid { background: white; padding: 3px; border: 1px solid #aaaaaa; }
.polaroidBig { background: white; padding: 6px; border: 1px solid #aaaaaa; width: 181px;}

.linkButtonRed { display:inline-block; height:14px; padding:6px; background: #c10000; color: white; font-weight: bold; margin-top:-2px;}
.linkButtonRed:hover { text-decoration: none; color: white; background: #d00000;}

.linkButtonBlue { display:inline-block; padding:5px; background: #001a5d; color: white; font-weight: bold; margin-top:-2px; text-align:center; border-top: 1px solid #002a95; border-right: 1px solid #002a95; border-bottom: 1px solid #000d2f; border-left: 1px solid #000d2f; cursor: pointer;}
.linkButtonBlue:hover { text-decoration: none; color: white; background: #001f70;}

.linkButtonGreen { width: 70px; display:inline-block; padding:5px; background: #61a900; color: #FFFFFF; font-weight: bold; margin-top:-2px; text-align: center; border-top: 1px solid #75cb00; border-right: 1px solid #75cb00; border-bottom: 1px solid #4a8100; border-left: 1px solid #4a8100; cursor: pointer;}
.linkButtonGreen:hover { text-decoration: none; color: white; background: #64af00;}

.linkButtonWhite { display:inline-block; height:14px; padding:6px; background: #FFFFFF; color: #0e1800; font-weight: bold; margin-top:-2px; min-width: 16px; text-align:center;}
.linkButtonWhite:hover { text-decoration: none; color: #0e1800; background: #CECECE;}

.networkOptions { margin-left:10px;float:left;font-weight:bold;margin-top:10px;width:150px;text-align:center; }
.networkPicture { float:left;text-align: right;width: 80px; margin:9px 0px;}
.networkBox { border-bottom: 1px solid #dddddd; width:250px;padding: 8px 0px;display:inline-block;float:left; }
.networkBox2 { border-bottom: 1px solid #dddddd; width:167px;padding: 8px 0px;display:inline-block;float:left; }
.networkEmpty { text-align:center;color:#FF0000; }

.pokertitle { float:left; font-weight: bold; padding: 3px; display:inline-block; margin-bottom: 8px;}
.pokeruser { float:left; padding: 3px; display:inline-block;}

.datepicker { border-collapse: collapse; border: 1px solid #ccc; position: absolute; z-index: 10;margin-top:6px; margin-left:-18px; width: 190px; background:white;}
.datepicker tr.controls th { height: 30px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 22px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #61a900; color: white; font-weight: bold;}
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #001a5d; color: white;}

#formhead {padding: 0px 5px;width:482px;}
#form {margin-left:8px;margin-top:8px;display:inline-block;width:478px;}
#form label {width:110px;float:left;margin-top:4px;}
#form label.red {color:#c10000;}
#form input {float:left;width:360px;}
#form textarea {float:left;width:360px;height:30px;}
#form button {padding-top:3px;height: 23px;width: 90px;float:right; }
#form #check {float:right;width:282px;*width:279px;}
#form #check input {width:15px;border:0px;}
#form #check label {margin-top:2px;*margin-top:3px;width:225px;}

#map { width:245px;height:245px;overflow:hidden;border:1px solid #cccccc;margin-left:2px; }

#clswidget {*margin-top: -13px; float:right; cursor: pointer; color: #aaaaaa; background: #eeeeee; padding:3px; font-weight: bold; height:8px; width: 8px; margin-left: 1px;}
#clswidget:hover { background: #c10000; color: white;}
#clswidget span {font-size: 10px; position:relative; top:-3px;}
#minwidget {*margin-top: -13px; float:right; cursor: pointer; color: #aaaaaa; background: #eeeeee; padding:3px; height:8px; width: 8px;}
#minwidget:hover { background: #001a5d; color: white;}
#minwidget span {font-size: 18px; position:relative; top:-8px;}

.wgt { display:none; margin-top: 10px;}
.topWgtTle {display: inline-block; font-weight: bold; margin-bottom:0px; color: #111; background: #EEE; padding:6px; border: 1px dashed #cccccc; border-top: 1px dashed #cccccc; cursor: pointer;}
.ctrWgtTle {display: inline-block; font-weight: bold; margin-top:10px; color: #111; background: #EEE; padding:6px; border: 1px dashed #cccccc; border-top: 1px dashed #cccccc; cursor: pointer;}
.wgtTleNbr {*margin-top: -13px; display: none; min-width: 26px; padding:1px 4px; float:right; background: #61a900; color: white; text-align:center; margin-right:5px; padding-top:0px;}

a.filles{ color:#b900bb;}
a.filles:hover{ color:#b900bb; text-decoration:underline;}
a.gars{ color:#002ea2;}
a.gars:hover{ color:#002ea2; text-decoration:underline;}

.lower{text-transform:lowercase;}
.upper{text-transform:uppercase;}
.cap{text-transform:capitalize;}

#imgmenu{position:relative;width:54px;background-color:#fff;z-index:100;} 
#imgmenu a.p1, #menu a.p1:visited{display:block;width:54px;height:54px;text-decoration:none;background:#fff;top:0;left:1;border:0;} 
#imgmenu a.p2, #menu a.p2:visited{display:block;width:54px;height:54px;text-decoration:none;background:#fff;top:0;left:1;border:0;} 
#imgmenu a img{border:1px solid white;}
#imgmenu a img:hover{border:1px solid white;}
#imgmenu a.p1:hover{text-decoration:none;background-color:#8c97a3;color:#000;} 
#imgmenu a .large{display:block;position:absolute;width:0;height:0;border:0;top:0;left:0;z-index:100;} 
#imgmenu a.p1:hover .large{display:block;position:absolute;top:62px;left:-54px;width:154px;height:154px;border:5px solid #eaeaea;} 
#imgmenu a.p2:hover .large{display:block;position:absolute;top:-100px;left:-40px;width:154px;height:154px;border:5px solid #eaeaea;} 
#info{z-index:100;height:22em;} 

.bubble{position:relative;z-index:5;left:16px;top:2px;}
.bubbleleft{float:left;background:transparent url('images2/barre/user-number.png') no-repeat 0px 0px;width:4px;height:13px;}
.bubbletext{float:left;font-family:tahoma;color:white;height:11px;border-top:1px solid #000000;border-bottom:1px solid #000000;background:#ff0000;text-size:10px;line-height:0.8;}
.bubbleright{float:left;background:transparent url('images2/barre/user-number.png') no-repeat -20px 0px;width:4px;height:13px;}