@charset "utf-8";

/*NEW CSS */

body {margin:20 0 20 0px; background-color:#000; text-align: center;}
a {text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}
img {border:0px;}


#mainFrame {width:900px; margin:0 auto; background-color:#FFF; text-align: left; }
#header {background-color:#000; height:75px;}
#topBanner {width:793px; height:75px; margin:0 auto; float:left;}
#footer {background-image:url('/web/jsp/img/pixFooter.gif'); background-repeat:repeat-x; height:30px; width:900px;}
#alertBox {background-image:url('/web/jsp/img/alertBg.jpg'); height:39px;}
#searchMenu {font-family:verdana, arial, sans-serif; font-size:10px; color:#888; width:130px; height:20px; margin:3 5 0 10px;}
#status {float:left; width:670px; margin:10 0 0 0px;}
#statusBtn{margin-top:5px; cursor:pointer;}
.statusField {float:left; width:600px; height:22px; margin:5 5 0 0px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
#leftColomn {float:left; margin:0 10 10 10px; width:200px;}
#mainColomn {float:left; margin-bottom:10px; width:460px;}
#mainColomn2 {float:left; margin-bottom:10px; width:460px;}
#mainColomn3 {float:left; margin-bottom:10px; width:460px;}

#rightColomn {float:left; margin:10px; width:200px;}
#rightColomn2 {float:left; margin:0 0 10 10px; width:200px;}
#phoneField {float:left; width:80px; height:22px; margin:5 5 0 0px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
#EnCeMoment {margin-top:5px}
#roxyBanner {margin-top:10px}
#animBanner {margin-top:5px}
#userBig {margin-top:10px}
#colomnBig {float:left; margin-bottom:10px; width:670px;}
#filZapz {padding:5 0 0 15px}


/* <--------------------------- ACCUEIL --------------------------------> */
#statusHome {float:left; margin-left:10px; width:800px; }
#statusAccueil{float:left; width:880px; margin:10 0 -10 10px;}
#leftColomnAccueil {float:left; margin:0 10 10 10px; width:200px;}
#rightColomnAccueil {float:left; margin:0 10 10 10px; width:200px;}
.statusFieldAccueil {float:left; width:730px; height:22px; margin:5 5 0 0px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
/* <--------------------------------------------------------------------> */

/* <--------------------------- blog --------------------------------> */
#blogBanner {height:150px; margin-top:10px}
#statusBtn{margin-top:4px;}
.blogCommentBoxField {border-top:1px solid #FFF; background-color:#ecebd7; font-family:verdana, arial, sans-serif; font-size:11px;}
.blogBoxBody{background-color:#ecebd7; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; text-decoration:none}
.blogCommentField {float:left; width:570px; height:22px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.blogCommentBox{border-bottom:1px solid #cecece;  padding:20 0 20 0px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.blogComment { margin-left:5px; float:left; width:560px;}
.colorPicker {border:1px solid #CCC; width:20px; height:20px; font-size:0px; margin-right:5px}
.commentBox2{border-top:1px solid #FFF; background-color:#ecebd7;  font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.articleTitle{color:#333;}
.articleText{color:#333;}

/* <--------------------------------------------------------------------> */

/* <--------------------------- Zap Shop --------------------------------> */
.champsCommande {border:1px solid #ccc;  font-family:verdana, arial, sans-serif; font-size:11px; width:300px; height:20px; color:#464646}
.imgZS {border:1px solid #CCC; padding:5px; width:180px; height:180px;}
/* <--------------------------------------------------------------------> */

/* <--------------------------- Animation Page -------------------------> */
.blogItemAnim {height: 60px; }
#leftColomnAnim {float:left; margin:0 10 10 10px; width:200px;}
#mainColomnAnim {float:left; margin-bottom:10px; width:460px;}
#rightColomnAnim {float:left; margin:0 10 10 10px; width:200px;}
/* <--------------------------------------------------------------------> */
.footer {font-family:verdana, arial, sans-serif; font-size:10px; color:#888; margin:5px;}	
.alignleft {float:left;}
.alignright {float:right;}
.username {font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; color:#ff6600;}
.usernameBig {font-family:verdana, arial, sans-serif; font-size:16px; font-weight:bold; color:#ff6600;}
.moodBoxInactive {background-color:#EBEBD6; width:100px; border:0px; font-size:9px; font-family:verdana, arial, sans-serif; overflow: hidden;}
.moodBoxActive {background-color:#FFFFFF; width:100px; border:0px; font-size:9px; font-family:verdana, arial, sans-serif; overflow: hidden;}
.blogName {font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; color:#464646;}
.txtCourant {font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.txtCourantBlanc {font-family:verdana, arial, sans-serif; font-size:11px; color:#fff;}
.txtCourantBlancGras {font-family:verdana, arial, sans-serif; font-size:11px; color:#fff; font-weight:bold;}
.txtCourantBlancGras:hover {color:#fff; text-decoration:none}
.txtCourantClair {font-family:verdana, arial, sans-serif; font-size:11px; color:#999; font-weight:normal}
.txtCourantGras {font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; font-weight:bold;}
.txtCourantBig {font-family:verdana, arial, sans-serif; font-size:18px; color:#464646; font-weight:bold;}
.small {font-family:verdana, arial, sans-serif; font-size:9px; color:#464646;}

.boxTitle{background-image:url('/web/jsp/img/pixBgTitle.gif'); margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; color:#FFF; padding:8px}
.boxBody{background-color:#ecebd7; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; text-decoration:none}
.boxBody2{ padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; text-decoration:none}
.boxMessage{background-color:#bdbdbd; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; text-decoration:none}
.boxBodyBtn{border-top:1px solid #FFF; background-color:#ecebd7; padding:5px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.boxBodyBtn2{border-bottom:1px solid #FFF; background-color:#ecebd7; padding:5px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.boxBodyBtn:hover{color:#ff6600; text-decoration:underline #ff6600;}
.boxBodyPhone{background-color:#ecebd7; background-image:url(/web/jsp/img/mobile.jpg); background-position:bottom right; background-repeat:no-repeat; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; }
.spacer{margin:10px}
.bottomSpacer{margin-bottom:5px}
.autoPromo{margin:10 0 10 0px}
.avatar {float:left; height:50px; width:50px; overflow:hidden; border:1px solid #cecece;}
.avatar2 { height:50px; width:50px; overflow:hidden; border:1px solid #cecece;}
.avatar3 { height:35px; width:35px; overflow:hidden; float:left; border:1px solid #cecece;}

.avatarSmall {float:left; height:35px; width:35px; overflow:hidden; border:1px solid #cecece;}
.avatarMedium {height:90px; width:90px; overflow:hidden;}
.avatarBig {height:100px; width:100px; overflow:hidden; border:1px solid #cecece;}
.avatarList {height:50px; width:50px; overflow:hidden; border:1px solid #cecece;}
.itemLogin{font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#fff;padding:2px}
.itemLoginLink{font-size:11px; font-family:verdana, arial, sans-serif; font-weight:bold; color:#fff;padding:2px}
.itemLoginLink:hover{color:#000}
.news {border-bottom:1px solid #cecece; padding:5px}
.blogDescription {float:left; margin-left:10px; width:350px;}
.blogItem {border-bottom:1px solid #cecece; height:60px; margin-bottom:10px}
.feedItem {border-bottom:1px solid #cecece; height:40px; margin-bottom:10px}
.mask {height:3px; background-color:#ecebd7; margin-top:-12px}
.friends {float:left; margin-left:10px; width:110px;}
.friendsItem { height:80px; width:180px }
.icones{vertical-align:middle; }
.underline-box {margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #CFCCB4;}
.statItem {margin:0 0 5 0px}
.comment { margin-left:5px; float:left; width:360px;}
.messages { margin-left:5px; float:left; width:560px;}
.commentBox{border-bottom:1px solid #FFF; background-color:#ecebd7; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; padding-left:30px}
.commentBoxField {border-bottom:1px solid #FFF; background-color:#ecebd7; font-family:verdana, arial, sans-serif; font-size:11px;}
.messageBox {border-top:1px solid #FFF; background-color:#ecebd7; padding:10px; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.commentField {float:left; width:360px; height:22px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; }
.commentFieldImage {float:left; width:570px; height:22px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646; }
.clearfloat {clear:both;}
.champs{width:120px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.champsPerso{width:400px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
.champsBig{width:250px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:20px; color:#464646;}
.champsBig2 { border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:20px; color:#464646;}
.champsBig3 {width:130px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:20px; color:#464646;}

.plusMinus {float:right; vertical-align:middle; margin-top:-2px}
.padding {padding:10px}
.userSearchResult {width:100px; float:left; margin:5 2 5 2px}
.underline {text-decoration:underline;}
.beigebg {background-color:#EAE8C6;}
.obligatoire {font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; color:red;}
.errorLogin {font-family:verdana, arial, sans-serif; font-size:11px; font-weight:bold; color:red; padding:10px; background-color:#000}
.registr{height:43px}
.arrowComm{margin:1 0 0 50px}

link:hover{color:#ff6600; text-decoration:underline;}

.lvl1{background-color:#ff6600}
.lvl2{background-color:#572200}
.lvl3{background-color:#b03907}
.lvl4{background-color:#bbbbbb}
.lvl5{background-color:#ffe400}


.btnShifumi{ border:1px solid #989898; background-image:url(/web/jsp/img/glee_pixBtn.jpg); height:39px; margin-top:5px; color:#ff6600}
.btnShifumi2{ border:1px solid #989898; background-image:url(/web/jsp/img/glee_pixBtn.jpg); height:39px; margin-top:5px; color:#ff6600}
.btnShifumi3{ border:1px solid #989898; background-image:url(/web/jsp/img/glee_pixBtn2.jpg); height:25px; margin-top:5px; color:#ff6600}
.btnSFM{height:5px}
 
.offtab {margin:0 5 -5 0px; width:120px; background-color:#fff; color:#666; text-decoration:none; border:#ecebd7 1px solid; cursor:pointer;}
.offtab:hover {background-color:#ecebd7; border-color:#ecebd7 1px solid;}
.ontab {margin:0 5 -5 0px; width:120px; background-color:#ecebd7; color:#ff6600; font-weight:bold; font-family:Verdana, arial, sans-serif; font-size:11px; text-decoration:none;    border:#ecebd7 1px solid;  }
.tabz{height:30px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:11px;  cursor:pointer;} 

/* -------------------  OP Recyclage ------------------------- */
.statusFieldRecyclage {float:left; width:560px; height:21px; margin:5 5 0 0px; border:1px solid #cecece; font-family:verdana, arial, sans-serif; font-size:11px; color:#464646;}
#statusBtnRecyclage{margin-top:4px; cursor:pointer;}
.commentRecyclage { margin-left:5px; float:left; width:450px;}


.blackunderline {color: black; text-decoration: underline; font-size: 11px; margin-top: 10px;}

.spacerJackpot{margin:12px}