body { text-align: center;  margin: 0px; background-color: white; }
body, div, input, td, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #565656; }
#supercontainer { text-align:left; margin: 0px auto; width:777px; overflow: hidden; }
img { border: none; }
form { margin: 0; padding: 0; }
#menu { margin-top: 10px; }
#menu a { text-decoration: none; }
#helpbutton { position: absolute; top: 5px; right: 5px; }

/* DIVERS */
.center { text-align: center; }
.bold { font-weight: bold; }

/* Boite fieldset */
fieldset.box { background: #EFEFEF url('/images/fieldsetbg.gif') repeat-x; border: 1px solid #D4D4D4; padding: 5px; margin-bottom: 10px; } 
fieldset.box legend { background: white; font-size: 18px; padding: 0 5px; }
fieldset.box legend span { color: #AAAAAA; } 

/* inforbar ( barre en haut à droite ) */
#infobar { margin-top: 4px; position: absolute; text-align: right; width: 777px; font-weight: bold; top: 0px; color: #C4C4C4; z-index: 0; }
#infobar div { color: #C4C4C4; }
#newmsg { font-weight: normal; margin: 0 3px; }
#newmsg a { text-decoration: none; }
#swf { margin-bottom: -3px; }

/* Général CSS */
#menu span.titre a { color: #94C20C; font-size: 24px; margin-left: 65px; position: relative; top: -7px; font-weight: bold; }
#menu ul { margin:0; padding:0px; list-style:none; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

/* Onglets */
#menu .menu ul { padding: 5px 0 0 0; }
#menu .menu li { float: left; }
#menu .menu li a { float:left; background:url('/images/menutab.gif') no-repeat left top; margin:0 3px 0 0; padding:0 0 0 12px; text-decoration: none; position: relative; font-size: 14px; height: 27px; overflow: hidden; }
#menu .menu li a span { display:block; background:url('images/menutab.gif') no-repeat right top; padding:6px 12px 7px 0px; text-decoration:none; font-weight:bold; }

#menu .menu li.selected a.accueil, #menu .menu li a.accueil:hover { background-position: 0% -29px; color: white; background-color: #2B8CD3; }
#menu .menu li.selected a.accueil span, #menu .menu li a.accueil:hover span { background-position:100% -29px; }
#menu .menu li.selected a.chat, #menu .menu li a.chat:hover { background-position: 0% -58px; color: white; background-color: #C52CD3; }
#menu .menu li.selected a.chat span, #menu .menu li a.chat:hover span { background-position:100% -58px; }
#menu .menu li.selected a.messagerie, #menu .menu li a.messagerie:hover { background-position: 0% -87px; color: white; background-color: #01A7D3; }
#menu .menu li.selected a.messagerie span, #menu .menu li a.messagerie:hover span { background-position:100% -87px; }
#menu .menu li.selected a.rencontre, #menu .menu li a.rencontre:hover { background-position: 0% -116px; color: white; background-color: #DF1917; }
#menu .menu li.selected a.rencontre span, #menu .menu li a.rencontre:hover span { background-position:100% -116px; }
#menu .menu li.selected a.profil, #menu .menu li a.profil:hover { background-position: 0% -145px; color: white; background-color: #DF1917; }
#menu .menu li.selected a.profil span, #menu .menu li a.profil:hover span { background-position:100% -145px; }
#menu .menu li.selected a.soiree, #menu .menu li a.soiree:hover { background-position: 0% -174px; color: white; background-color: #9E1CD8; }
#menu .menu li.selected a.soiree span, #menu .menu li a.soiree:hover span { background-position:100% -174px; }
#menu .menu li.selected a.forum, #menu .menu li a.forum:hover { background-position: 0% -203px; color: white; background-color: #38983C; }
#menu .menu li.selected a.forum span, #menu .menu li a.forum:hover span { background-position:100% -203px; }
#menu .menu li.selected a.mods, #menu .menu li a.mods:hover { background-position: 0% -232px; color: white; }
#menu .menu li.selected a.mods span, #menu .menu li a.mods:hover span { background-position:100% -232px; }

/* Sous Menu */
#menu div.submenu { clear: both; position: relative; background: no-repeat; height: 66px; }
#menu div.submenu div.stitre {  height: 42px;  }
#menu div.submenu div.stitre h1 { margin: 0; padding: 11px 11px 0 11px; font-size: 19px; color: white; height: 30px; overflow: hidden; width: 750px; }

#menu div.submenu ul { list-style: none; padding: 5px 5px 4px 10px; background-repeat: no-repeat; }
#menu div.submenu ul li { display: inline; background: url('/images/sep.gif') no-repeat right center; padding-right: 5px; }
#menu div.submenu ul li.last { background: none; }
#menu div.submenu ul li a { color: white; font-weight: bold; text-decoration: none; margin-left: 2px; padding: 4px 5px; font-size: 12px; }

#menu div.submenu ul li a span { padding-left: 20px; background-repeat: no-repeat; }

/* Contenu */
#content { margin: 5px 0; text-align: left; }

/* Pied de page */
#footer { clear: both; border-bottom: 5px solid; background-color: #E3E3E5; padding: 5px; margin-bottom: 10px;}
#footer a { margin-right: 15px; }

/* screenMask */
#scrmask { background-image: url('/images/transparent.png');  position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1; }


/* PhotoZoom */
#photozoom { z-index: 2; }
#photozoom img { border: 5px solid #333333; }
#loadingDiv img { border: none;	z-index: 20; }
img#closePhotoDiv { position: absolute; right: 5px; top: 19px; border: none; }

/* smailPopup 
#popup {   border: 5px solid #333333;   } */
#popup { position: absolute; z-index: 21; width: 410px; display: none; padding: 6px; background-image: url('/images/transparent.png'); }
#popupC { background-color: white; text-align: left; border: 0px solid #D9D9D9; }

#closePopup { position: absolute; right: 15px; top: 15px; border: none; background: url('/images/closePopup.gif') no-repeat; width: 14px; height: 14px; text-decoration: none; }
#popupTitle { padding: 15px; }
#popupContent { padding: 15px 15px 5px 15px; }

/* ProgressBar */
#content .progressbg { background: url('/images/progressbar0.gif') repeat-x; border-left: 1px solid gray; border-right: 1px solid gray; margin: 3px 0; height: 18px; padding: 0 1px; text-align: left; overflow: hidden; }
#content .progressmsg { background: url('/images/test/progressmsg.gif') repeat-x; height: 18px; width: 0; padding: 0; }
#content .progressred { background: url('/images/test/progressred.gif') repeat-x; height: 18px; width: 0; padding: 0; }
#content .progresspurple { background: url('/images/test/progresspurple.gif') repeat-x; height: 18px; width: 0; padding: 0; }


#content .sprogressbg { background: url('/images/sprogressbar0.gif') repeat-x; border-left: 1px solid gray; border-right: 1px solid gray; margin: 3px 0; height: 12px; padding: 0 1px; text-align: left; overflow: hidden; }
#content .sprogressred { background: url('/images/sprogressbar1.gif') repeat-x; height: 12px; width: 0; padding: 0; }
#content .sprogressmsg { background: url('/images/sprogressbar2.gif') repeat-x; height: 12px; width: 0; padding: 0; }

/*.law { font-size: 9px; color: #929292; text-align: justify; background: white url('/images/icons/law.gif') no-repeat 4px 4px; border: 1px solid #DFA42B; background-color: #FFFF86; padding: 3px 6px 3px 25px; margin-top:10px; }*/
.law { font-size: 9px; color: #929292; text-align: justify; background: white url('/images/icons/law.gif') no-repeat 4px 4px; border: 1px solid #DFA42B; background-color: #FFFFAE; padding: 3px 6px 3px 25px; margin-top:10px; }
.badlogin { font-size: 0.8em; text-align: center; color: red; }
/*.law { font-size: 9px; color: #929292; text-align: justify; background: white url('/images/icons/lawv2.gif') no-repeat 4px 4px; background-color:#FFECC9; border:1px dashed #929292; padding: 3px 6px 3px 40px; margin-top:10px;  }*/

/************ NE PAS TOUCHER AVANT ICI **************/

/* Optimisateur */
#optimisator { text-align: center; }
.explain { color:red; }
.optitable { width: 776px; border: 1px solid #CCCCCC; text-align: left; border-spacing: 1px; background: #FFFFFF; margin: 5px auto; }
.optitable td { text-align: center; }
.optitable th { font-size: 12px; font-weight: bold; height: 24px; text-align: center; color: #9A9A9A; background: #EEEEEE; border-bottom: 1px solid #CCCCCC; white-space: nowrap; }
.optitable tfoot { background: #EEEEEE; }

/* Classes utilisés partout */

.loading { margin: 5px; background: url('/images/miload.gif') no-repeat; padding-left: 20px; }
.error { margin: 5px; background: url('images/icons/error.gif') no-repeat; color: red; padding-left: 20px; }
.valid { margin: 5px;  background: url('images/icons/valid.gif') no-repeat; color: green; padding-left: 20px; }
input.txt { border: 1px solid #CCCCCC; }

#popupTitle { cursor: move; }

.alert #popupTitle { background: #6DC72C url('/images/alert/alert-valid.gif') no-repeat 10px center; color: white; font-size: 20px; padding-left: 60px; }
.confirm #popupTitle, .erreur #popupTitle { background: #E62626 url('/images/alert/alert-warning.gif') no-repeat 10px center; color: white; font-size: 20px; padding-left: 60px; } 
.smail #popupTitle { background: white url('/images/alert/smail.gif') no-repeat 10px center; color: black; padding: 20px; padding-left: 70px; }
.smail #popupTitle span { font-size: 20px; color: #94c20c; }
.smail #popupContent { background-color: #F4F3F3; border-top: 1px solid #D9D9D9; padding: 15px; }
.smail #popupContent div { margin: 7px 0px; }
.smail #popupContent label.left { margin-top: 3px; width: 100px; display: block; float: left; text-align: right; padding-right: 2px; }
.smail #popupContent input.txt { font-size: 16px; }

#popupContent div.input { text-align: center; padding: 10px 0 0 0; }
#popupContent div.input input { margin: 10px 5px; width: 102px;  height: 22px; color: black; font-weight: bold; display: inline; }

/* msgAlert */
#msgAlert, #msgAlertContent { width: 201px; height: 116px; position: absolute; overflow: hidden; }
div#msgAlertContent { background: url('/images/test/msgAlert.gif') no-repeat; position: relative; }
div#msgAlert { display: none; }

/* Recherche rapide */
h3.recherche { margin: 12px 0 0 0; background: url('/images/test/findicon.gif') no-repeat; height: 34px; padding: 5px 0 0 40px; font-size: 16px; color: #707070; }
h3.recherche span { color: #f18e00; }
form#rechrap { text-align: center; padding: 3px;}
form#rechrap span { font-weight: bold; }
form#rechrap div { text-align: left; margin-bottom: 10px; }
form#rechrap select { border: 1px solid #E7EAF0; }