.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #666666 url(/design/modal-connect/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }

#infobar {position: fixed; z-index: 1000; top: 0; width: 100%; padding: 3px 0; background-color: #000; color: #fff; height: 22px; font-size: 12px; font-family: Verdana;}
#infobar ul, #infobar a {padding: 0; margin: 0;}
#midbar {margin: 0 auto; width: 1000px;}
#midbar ul {padding: 0; margin: 0;}
#midbar a {font-size: 11px; font-family: Verdana;}
#midbar .contour {border: 1px solid #2b2b2b; background-color: #1b1b1b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#midbar .userinfo_title {display: block; color: #fab000; font-weight: bolder; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 4px;}
#midbar #leftinfobar {float: left; list-style: none; padding: 0; margin: 0;}
#midbar #leftinfobar li {float: left;}
#midbar #siteswitch {float: left;}
#midbar #siteswitch a#switcher {margin: -2px 0 0 0; display: block; width: 75px; height: 25px; background: url(/design/img/userbar/switch.png) right 0 no-repeat;}
#midbar #siteswitch a#switcher img {margin: 2px 0 0 0;}
#midbar #siteswitch a#switcher:hover {background: url(/design/img/userbar/switch.png) right -23px no-repeat;}
#midbar #siteswitch.hovering a#switcher {background: url(/design/img/userbar/switch.png) right -23px no-repeat;}
#midbar #siteswitch div {display: none; background: #1b1b1b}
#midbar #siteswitch.hovering div {display: block; position: absolute; top: 27px; padding: 5px;}
#midbar #siteswitch.hovering div p {font-size: 10px; margin: 2px 0;}
#midbar #siteswitch.hovering div ul li {clear: both; list-style: none;}
#midbar #siteswitch.hovering div ul li a {display: block; width: 100px; background: #434343; margin: 1px 0 0 0;}
#midbar #siteswitch.hovering div ul li a:hover {background: #707070}
#midbar #siteswitch.hovering div ul li a img {border: 0;}
#midbar #userinfo {float: left;}
#midbar .separateur {float: left; margin: -1px 0 0 0; padding: 0; display: block; top: 0; font-size: 18px; color: #535353; width: 10px;}
#midbar #deco {float: left; width: 22px; height: 22px; display: block; margin: 0; background: url(/design/img/userbar/on_off.png) -2px -25px;}
#midbar #deco:hover {background: url(/design/img/userbar/on_off.png) -2px -71px;}
#midbar #userconnexion #connect_button {height: 22px; color: #858585; display: block; margin: 0; padding: 0 0 0 25px; font-size:13px; font-weight: bold; background: url(/design/img/userbar/on_off.png) -2px -2px no-repeat;}
#midbar #userconnexion #connect_button span {padding: 1px 2px; margin: 1px 0 0 0; display: block; border: 1px solid #2b2b2b; background-color: #1b1b1b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#midbar #userconnexion #connect_button:hover, #midbar #userconnexion.hovering #connect_button {background: url(/design/img/userbar/on_off.png) -2px -48px no-repeat; text-decoration: none; color: #fab000;}
#modal-connect {width: 250px; background: #1b1b1b; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#modal-connect table tr td {padding: 2px 0;}
#modal-connect label {color: #fab000;}
#modal-connect label.littlelabel {color: #858585;}
#modal-connect a {color: #fab000; font-size: 11px; font-weight: bold;}
#modal-connect #username, #modal-connect #password {width: 200px; margin-left: 5px; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; border: 1px solid #000; background: #959595; color: #1b1b1b; }
#modal-connect #username:focus, #modal-connect #password:focus {background: #ffffff; border-color: #fab000;}
#modal-connect #connexion {color: #858585; font-size: 12px; width: 120px; height: 20px; padding: 2px 0 0 0; text-align: center; font-weight: bold; display: block; float: right; margin: 0; text-decoration: none; background: url(/design/img/userbar/connexion.png) 0px -27px no-repeat;}
#modal-connect #connexion:hover {color: #fab000; background: url(/design/img/userbar/connexion.png) 0px -3px no-repeat;}
#modal-connect table {color: #858585;}
#midbar #userinfo div {display: none;}
#midbar #userinfo p {font-size: 12px;}
#midbar #userinfo.hovering div {position: absolute; top: 25px; display: block; width: 250px; background: #1b1b1b; padding: 10px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#midbar #userinfo.hovering img {float: left; margin: 5px;}
#midbar #userinfo.hovering ul {background: #1b1b1b; float: left; width: 130px; list-style: none; margin: 0 0 0 2px; padding: 0;}
#midbar #userinfo.hovering ul li a {margin: 3px; display: block; width: 130px; padding: 2px 2px 2px 20px; color: #d2d2d2; text-decoration: none;}
#midbar #userinfo.hovering ul li a:hover {color: #fab000; text-decoration: underline;}
#midbar #userinfo #userprofile {background: url(/design/img/userbar/useractions.png) 0 -18px no-repeat;}
#midbar #userinfo #userprofile:hover {background: url(/design/img/userbar/useractions.png) 0 -1px no-repeat;}
#midbar #userinfo #userfriends {background: url(/design/img/userbar/useractions.png) 0 -113px no-repeat;}
#midbar #userinfo #userfriends:hover {background: url(/design/img/userbar/useractions.png) 0 -94px no-repeat;}
#midbar #userinfo #usercontribs {background: url(/design/img/userbar/useractions.png) 0 -195px no-repeat;}
#midbar #userinfo #usercontribs:hover {background: url(/design/img/userbar/useractions.png) 0 -175px no-repeat;}
#midbar #userinfo #useralert {background: url(/design/img/userbar/useractions.png) 0 -77px no-repeat;}
#midbar #userinfo #useralert:hover {background: url(/design/img/userbar/useractions.png) 0 -63px no-repeat;}
#midbar #userinfo #usersign {background: url(/design/img/userbar/useractions.png) 0 -154px no-repeat;}
#midbar #userinfo #usersign:hover {background: url(/design/img/userbar/useractions.png) 0 -134px no-repeat;}
#midbar #userinfo #usercollec {background: url(/design/img/userbar/useractions.png) 0 -49px no-repeat;}
#midbar #userinfo #usercollec:hover {background: url(/design/img/userbar/useractions.png) 0 -35px no-repeat;}
#midbar #pseudo {margin: 1px 0 0 3px; padding: 2px 5px;font-size: 12px; color: #d2d2d2; font-weight: bold;}
#midbar #pseudo a {color: #d2d2d2; text-decoration: none; font-size: 12px;}
#midbar #pseudo span {color: #fab000;}
#midbar #mp, #midbar #mp_new {float: left; margin : 0 0 0 3px; width: 36px; height: 22px; padding: 0;}
#midbar #mp a {display: block; padding: 0 2px 9px 18px; color: #959595; text-decoration: none; background: url(/design/img/userbar/mp.png) -3px -2px;}
#midbar #mp a:hover, #midbar #mp.hovering a {display: block; padding: 0 2px 9px 18px; text-decoration: none; background: url(/design/img/userbar/mp.png) -3px -46px;}
#midbar #mp_new a {display: block; padding: 0 2px 9px 18px; color: #fab000; text-decoration: none; background: url(/design/img/userbar/mp.png) -3px -24px;}
#midbar #mp.hovering a, #midbar #mp_new.hovering a {background: url(/design/img/userbar/mp.png) -3px -46px;}
#midbar #mp div,#midbar #mp_new div, #midbar #usermaj div, #midbar #usermaj_new div {display: none;}
#midbar #mp.hovering div, #midbar #mp_new.hovering div, #midbar #usermaj.hovering div, #midbar #usermaj_new.hovering div {position: absolute; top: 25px; display: block; width: 304px; background: #1b1b1b; padding: 10px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#midbar #mp.hovering div ul, #midbar #mp_new.hovering div ul, #midbar #usermaj.hovering div ul, #midbar #usermaj_new.hovering div ul {background: #1b1b1b; width: 296px; list-style: none; margin: 0 0 0 2px; padding: 0;}
#midbar #mp.hovering div ul li a, #midbar #mp_new.hovering div ul li a, #midbar #usermaj.hovering div ul li a, #midbar #usermaj_new.hovering div ul li a {background: #434343; display: block; width: 296px; margin: 1px 0; padding: 2px; color: #fff;}
#midbar #mp.hovering div ul li a.unread, #midbar #mp_new.hovering div ul li a.unread {border-left: 10px solid #fab000; width: 286px}
#midbar #mp.hovering div ul li a span.mp_pseudo, #midbar #mp_new.hovering div ul li a span.mp_pseudo, #midbar #usermaj.hovering div ul li a span.mp_pseudo, #midbar #usermaj_new.hovering div ul li a span.mp_pseudo {color: #fab000; font-weight: bold;}
#midbar #mp.hovering div ul li a:hover,#midbar #mp_new.hovering div ul li a:hover, #midbar #usermaj.hovering div ul li a:hover, #midbar #usermaj_new.hovering div ul li a:hover {background: #707070;}
#midbar #mp.hovering div ul li a span, #midbar #mp_new.hovering div ul li a span, #midbar #usermaj.hovering div ul li a span, #midbar #usermaj_new.hovering div ul li a span {padding: 0; margin: 0; font-size: 11px;}
#midbar #mp.hovering a.user_seemore, #midbar #mp_new.hovering a.user_seemore, #midbar #usermaj.hovering a.user_seemore, #midbar #usermaj_new.hovering a.user_seemore {background: none; float: right; display: block; margin: 5px 0 0 0; padding: 5px 2px; border: 1px solid #434343; background-color: #434343; color: #fff; -moz-border-radius: 10px 0 10px; 0;  -webkit-border-radius: 10px 0 10px 0;}
#midbar #mp.hovering a.user_seemore:hover, #midbar #mp_new.hovering a.user_seemore:hover, #midbar #usermaj.hovering a.user_seemore:hover, #midbar #usermaj_new.hovering a.user_seemore:hover {background: #707070; border-color: #707070;}
#midbar #mp.hovering a#user_new_mp, #midbar #mp_new.hovering a#user_new_mp {background: none; float: left; display: block; margin: 5px 0 0 0; padding: 5px 2px 5px 22px; border: 1px solid #434343; background: url(/design/img/userbar/email_add.png) 4px -27px no-repeat #434343; color: #fff; -moz-border-radius: 0 10px 0 10px;  -webkit-border-radius: 0 10px 0 10px; -border-radius: 0 10px 0 10px;}
#midbar #mp.hovering a#user_new_mp:hover, #midbar #mp_new.hovering a#user_new_mp:hover {border-color: #707070; background: url(/design/img/userbar/email_add.png) 4px 1px no-repeat #707070;}
#midbar #usermaj, #midbar #usermaj_new {float: left; margin : 0 0 0 3px; width: 37px; height: 22px; padding: 0; font-family: Verdana;}
#midbar #usermaj a {display: block; padding: 0 2px 9px 19px; color: #959595; text-decoration: none; font-family: Verdana; background: url(/design/img/userbar/activites.png) -2px -24px;}
#midbar #usermaj a:hover, #midbar #usermaj.hovering a {display: block; padding: 0 2px 9px 19px; color: #959595; text-decoration: none; font-family: Verdana; background: url(/design/img/userbar/activites.png) -2px -47px;}
#midbar #usermaj_new.hovering a {display: block; padding: 0 2px 9px 19px; color: #fab000; text-decoration: none; font-family: Verdana; background: url(/design/img/userbar/activites.png) -2px -47px;}
#midbar #usermaj_new a {display: block; padding: 0 2px 9px 19px; color: #fab000; text-decoration: none; font-family: Verdana; background: url(/design/img/userbar/activites.png) -2px -1px;}
#midbar #usermaj_new a:hover {display: block; padding: 0 2px 9px 19px; color: #fab000; text-decoration: none; font-family: Verdana; background: url(/design/img/userbar/activites.png) -2px -47px;}
#midbar #usermaj ul, #midbar #usermaj_new ul {width: 300px; background: #2d2d2d;}
#midbar #collection {display: block; float: left; margin: -1px 3px 0 3px; padding: 3px 7px 3px 24px; color: #b5b5b5; text-decoration: none; font-family: Verdana; font-size: 13px; background: url(/design/img/userbar/collection.png) no-repeat -2px 0;}
#midbar #collection:hover {color: #fab000; background-image: url(/design/img/userbar/collection.png); background-position: -2px -23px;}
#midbar #recherche {float: right; margin: -2px 0 0 0; padding: 0;}
#midbar #recherche #keywords_new {float: left; width: 300px; background: #fff; padding: 2px 0 2px 5px; margin: 1px 0 0 0; border-width: 1px 0 1px 1px; border-style: solid; border-color: #313131; font-family: Verdana; font-size: 13px; line-height: 14px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
#midbar #recherche #keywords_new:focus {background: #d2d2d2; border-color: #313131;}
#midbar #recherche #rech_sugg_new {display: none;  top: 23px; padding: 10px 3px; margin:0; width: 327px; background: #1b1b1b; border: 1px solid #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; max-height: 300px; overflow: auto;clear:both;}
#midbar #recherche #rech_sugg_new li {list-style: none;}
#midbar #recherche #rech_sugg_new li a {padding: 2px ; color: #d2d2d2; font-size: 11px}
#midbar #recherche #rech_sugg_new li a .rech_chaine {font-weight: bold; color: #fff; font-size: 12px}
#midbar #recherche #rech_sugg_new li a:hover {background: #707070;}
#midbar #recherche #submit {float: left; display: block; margin: 0; width: 30px; height: 22px; background: url(/design/img/userbar/recherche_ok.png) -3px -1px;}
#midbar #recherche #submit:hover {background: url(/design/img/userbar/recherche_ok.png) -3px -24px;}
#midbar #recherche #recherche_plus {float: left; display: block; width: 42px; margin: 0 0 0 5px; height: 22px; background: url(/design/img/userbar/recherche_plus.png) -2px -1px;}
#midbar #recherche #recherche_plus:hover {background: url(/design/img/userbar/recherche_plus.png) -2px -24px;}