html, body {
background:#CDF7C0 url(../m/mainBackground_Top.png) repeat-x scroll left top;
position:relative;
}
.hidden {
display:none;
}
.JennaFont cufon {
padding-top:8px;
}
input.error {
border:1px solid #F00;
}
#mainBottomBackground {
background:transparent url(../m/mainBackground_Bottom.png) no-repeat center top;
height:348px;
margin-top:-245px;
z-index:10;
}
#mainHeader {
background:transparent url(../m/headerBackground.png) no-repeat center top;
height:358px;
}
#headerLogo {
padding-left: 22px;
padding-top: 6px;
}
#headerButtonText {
position:absolute;
height:96px;
left:226px;
top:28px;
width:470px;
text-align:center;
}
#headerButtonText , #headerButtonText a {
color:#FFFFFF;
line-height:87px;
text-decoration:none;
}
#headerButtonText a {
display:block;
height:100%;
outline:none;
}
#headerButtonText a:hover {
color:#D0EBD6;
}
#headerButtonText cufon {
margin-top:36px;
}
#headerButtonText span {
color:#D0EBD6;
}
#headerButtonText span cufon {
margin-left:7px;
}
#headerLoginForm {
height:121px;
padding:8px;
position:absolute;
right:12px;
top:28px;
width:172px;
}
#headerLoginForm #avatar {
width:60px;
height:87px;
float:right;
}
#headerLoginForm .email {
width:100%;
margin-bottom:5px;
}
#headerLoginForm .password {
width:75%;
float:left;
}
#headerLoginForm .button {
float:right;
}
#headerLoginForm .links {
padding-top:10px;
}
#headerLoginForm .links a {
font-size:12px;
display:block;
text-decoration:none;
color:#fff;
margin-bottom:5px;
outline:none;
}
#headerLoginForm .links a.JennaFont {
font-size:7px;
}
#headerLoginForm .links a:hover {
color:#D0EBD6;
}
#mainContainer {
background:transparent url(../m/mainContentBackground.png) no-repeat center top;
margin:-155px auto 0;
padding:0 10px;
width:967px;
z-index:100;
}
.mainWrapper {
width:987px;
margin:0 auto;
position:relative;
}
#mainMenu_Container {
float:left;
position:relative;
padding-bottom:345px;
}
#mainMenu {}
#mainMenu_Bottom {
background:url(../m/mainMenu_Bottom.png) top center no-repeat;
height:356px;
position:absolute;
left:0; right:0;
margin-top:-11px;
}
#mainMenu_Bottom A {
display:block;
height:50%;
outline:medium none;
}
#mainMenu_Bottom IMG {
display:none;
}
#mainMenu_Bottom.mainMenu_BottomPage {
background:url(../m/mainMenu_BottomPage.png) top center no-repeat;
height:178px;
}
#mainMenu_Bottom.mainMenu_BottomPage A {
height:100%;
}
#mainMenu ul li {
background:url(../m/mainMenu_ElemBackground.png) no-repeat center top;
line-height:44px;
text-align:center;
}
#mainMenu ul li a {
color:#fff;
font-size:13px;
display:block;
outline:none;
padding-top:18px;
height:25px;
text-decoration:none;
}
#mainMenu ul li:hover > a, #mainMenu ul li > a:hover {
color:#DAFAE1;
}
#mainMenu ul li ul li {
background-image:url(../m/mainMenu_SecondLevel_Background.png);
height:44px;
padding-left:55px;
text-align:left;
}
#mainMenu ul li ul li a,
#mainMenu ul li ul li:hover a, #mainMenu ul li ul li a:hover {
color:#18A339;
font-size:13px;
padding:0;
}
#mainMenu ul li ul li:hover a, #mainMenu ul li ul li a:hover {
text-decoration:underline;
}
#mainMenu_Decoration {
background:url(../m/mainMenu_LeftDecoration.png) no-repeat center top;
height:364px;
margin-left:-146px;
position:absolute;
width:187px;
}
#mainContent {
float:left;
width:563px;
padding:0 5px;
position:relative;
}
#mainContent.fullContent {
width:747px;
}
#mainContent ul {
margin-left:20px;
}
#mainContent li {
list-style:disc;
margin-left:20px;
}
#rightPannel {
float:right;
width:184px;
background:url(../m/Decoration_Butterfly.png) no-repeat center bottom;
padding-bottom:200px;
}
#rightPannel .rightPannel_Item {
margin:0 auto 15px;
}
#rightPannel .rightPannel_Item .UI_Content {
text-align:center;
}
#rightPannel .rightPannel_Item h3 {
color:#fff;
padding-top:4px;
}
.FlowersBreaker {
background:url(../m/FlowersBreaker_Bg.png) no-repeat top right;
float:right;
height:107px;
width:185px;
margin-right:-58px;
margin-top:-60px;
}
.hightLight{
color:#ddb609;
}
.right {
text-align:right;
}
/******************* sondages START ****************************/
.pollIn, .pollOut {
height:10px;
}
.pollIn {
border-left:1px solid #555555;
}
.pollOut {
border-right:1px solid #555555;
}
/******************* sondages END ****************************/
/******************* form styles START ****************************/
FORM#register, FORM#getpass, FORM#user_profile, FORM#whoswho, FORM#sponsor, FORM#newsletter {
margin-left:100px;
}
#form{
padding:10px 0 15px;
}
#form P{
margin:0;
}
#form SELECT{
display:inline;
}
#form INPUT, #form SELECT{
margin:1px 3px 5px 0;
}
#form #champ1, #form #champ3 {
float:left;
margin-right:15px;
}
#form #champ1{
width:22%;
text-align:right;
clear:left;
padding-top:5px;
}
#form #champ2{
float:left;
margin-right:7px;
color:#660033;
width:3%;
}
#form #champ3{
width:64%;
clear:right;
}
#form #champ3 INPUT, #form #champ3 SELECT{
vertical-align:middle;
}
.errormsg {
margin-left:100px;
width:488px;
background:#FFC;
border:1px solid #000;
padding:6px;
font-size:14px;
font-weight:bold;
color:#600;
display:none;
}
.errormsg IMG {
margin-right:6px;
}
.errormsg UL {
font-size:10px;
font-weight:normal;
color:#333;
margin-left:24px;
}
.errormsg UL LI {
margin:3px 0;
}
.errormsg UL LI:HOVER {
text-decoration:underline;
}
/******************* form styles END ****************************/
/******************* zoonimo START ****************************/
TD.zoonimo_grid {
min-height:140px;
padding:5px 0 10px;
width:25%;
text-align:center;
vertical-align:top;
}
TD.zoonimo_grid A {
text-decoration:none;
}
/******************* zoonimo END ****************************/
/******************* user_point START ****************************/
#user_point_row {
float:right;
width:48%;
margin-left:25px;
background:url(../m/UI_vertical_separation.png) repeat-y;
padding-left:15px;
}
#user_point_row.nomargin {
float:none;
margin:0;
}
#user_point_total H5 {
margin-bottom:10px;
font-size:25px;
font-weight:bold;
color:#FD8125;
}
#user_point_row H5, #user_point_total H5 SPAN {
margin-bottom:10px;
font-size:14px;
color:#0C721F;
font-weight:normal;
}
#user_point_row H5 IMG, #user_point_total H5 IMG {
margin-right:6px;
}
/******************* user_point END ****************************/
/******************* funshop START ****************************/
#funshopcat {
float:left;
margin:0 0 20px 10px;
width:130px;
}
#funshopcat H5 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#333;
}
#funshop {
width:32%;
float:left;
padding:0 0 10px 8px;
text-align:center;
}
#funshop_detail {
width:64%;
float:left;
padding:0 0 10px 8px;
text-align:center;
}
div.funshop_img {
min-height:95px;
padding:auto 0;
vertical-align:middle;
}
div.funshop_img IMG {
max-height:145px;
}
div.funshop_label {
margin-bottom:10px;
width:96%;
text-align:left;
padding:6px;
border:1px solid #666;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}
#funshop H5, #funshop_detail H5 {
background:#CCC;
padding:2px;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#333;
}
div#funshop_points {
position:relative;
margin-top:-25px;
margin-left:160px;
width:44px;
height:37px;
padding:13px 4px 0 2px;
}
#funshop_detail div#funshop_points {
margin-left:360px;
}
div.funshop_ko {
background:url(/m/funshop_points.png) no-repeat;
text-align:center;
color:#FFF;
font-size:9px;
}
div.funshop_ko B {
font-size:20px;
line-height:12px;
}
div.funshop_ok {
background:url(/m/funshop_ok.png) no-repeat;
}
HR.funshop_sep {
clear:both;
margin:10px 0 20px;
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}
/******************* funshop END ****************************/
/******************* question START ****************************/
#answer_off,#answer_on {
padding-left:14px;
margin-left:6px;
}
#answer_on {
background:url(/m/icons/yes.gif) no-repeat left;
font-weight:bold;
}
/******************* question END ****************************/
/******************* E-Card START ****************************/
#mainCard{
width:600px;
height:400px;
margin:0 auto;
background:url(../m/ecrads_bg.png) no-repeat;
padding:13px;
}
#PageHead{
width:600px;
margin:0 auto;
}
#PageHead h3{
font-family:"Trebuchet MS";
font-size:20px;
color:#666666;
}
#PageHead #links{
float:left;
margin-bottom:10px;
color:#333333;
}
#PageHead #links ul{
list-style:none;
}
#PageHead #links li{
display:inline;
margin-right:20px;
}
#PageHead #links li a{
text-decoration:none;
color:#3E230C;
font-size:10px;
outline:none;
}
#PageHead #links li a:hover{
text-decoration:none;
color:#6E5A49;
}
#categoryList ul{
list-style:none;
margin-top:10px;
margin-left:10px;
padding:0;
}
#categoryList{
width:150px;
float:left;
}
#imgBox{
width:105px;
border:#CCCCCC solid 1px;
float:left;
margin-top:10px;
margin-left:10px;
padding:5px 5px 5px 5px;
font-family:Tahoma;
font-size:11px;
}
#picture{
width:104px;
}
#Message{
margin-top:20px;
margin-left:20px;
float:left
}
#FontSelector{
float:left;
margin-left:20px;
margin-top:20px;
}
#SendFields{
width:600px;
margin:10px auto;
font-family:Tahoma;
font-size:11px;
color:#333333;
}
#SendFields input{
font-family:Tahoma;
font-size:11px;
color:#333333;
}
#SendFields label{
display:block;
float:left;
width:150px;
}
#contentArea{
width:550px;
float:left;
}
#pageNavigator{
font-family:Tahoma;
font-size:11px;
margin-right:50px;
float:right;
}
#SendEcard {
border:3px solid #25A840;
padding:15px;
}
#SendEcard legend {
padding:0 10px;
font-size:14px;
}
#SendEcard label, #SendEcard input {
font-size:12px;
margin-bottom:4px;
}
#SendEcard input {
font-size:12px;
height:22px;
width:200px;
}
/******************* E-Card END ****************************/
/* MEMBERSHIP START *************************************/
/* entete de de tout les steps */
#membership TH {
text-align:left;
padding-left:10px;
font-weight:bold;
background:#FC0;
height:25px;
}
.zone{
width:33%;
}
/* alignement vertical de tout les steps */
#membership #step1, #membership #step2, #membership #step3 {
vertical-align:top;
padding:10px;
}
#membership #step1 {
padding-left:0;
}
#membership #step3 {
padding-right:0;
}
/* cadre orange dans le premier step */
#membership #step1 .zone {
width:auto;
background:#F90;
padding:10px;
min-height:150px;
font-size:11px;
}
/* case groupe des montants */
#membership #step1 .zone #amount_group {
text-align:center;
margin-top:10px;
}
/* case pour montant */
#membership #step1 .zone #amount_item {
text-align:center;
font-weight:bold;
color:#FFF;
font-size:13px;
float:left;
width:40px;
margin:0 4px 10px;
}
/* le mot OU qui separe le premier step */
#membership #step1 #split {
text-transform:uppercase;
height:20px;
margin:15px 0;
text-align:center;
font-weight:bold;
}
/* cadre orange dans le second et le troisieme step */
#membership #step2 .zone, #membership #step3 .zone {
width:190px;
background:#CCC;
padding:10px;
min-height:400px;
}
/* intitulé cadre 2 */
#membership .zone .label {
margin:6px 0 2px;
float:left;
font-size:11px;
font-weight:bold;
width:189px;
}
#membership .zone .form_input {
width:185px;
font-size:11px;
}
#membership .zone SELECT.form_input {
width:189px;
}
#membership #step3 .zone INPUT {
font-size:11px;
}
/*positionnement specifique */
#membership #step2 .zone DIV#gender, #membership #step3 .zone DIV#bankaccount {
margin-top:0;
}
#membership #step2 .zone INPUT#address {
width:100px;
}
#membership #step2 .zone INPUT#num {
width:35px;
margin-left:3px;
}
#membership #step2 .zone INPUT#box {
width:35px;
margin-left:3px;
}
#membership #step2 .zone DIV#address {
width:108px;
}
#membership #step2 .zone DIV#num {
width:42px;
}
#membership #step2 .zone DIV#box {
width:38px;
}
#membership #step2 .zone INPUT#zip {
width:60px;
}
#membership #step2 .zone INPUT#city {
width:117px;
margin-left:3px;
}
#membership #step2 .zone DIV#zip {
width:80px;
}
#membership #step2 .zone DIV#city {
width:100px;
}
#membership .zone SELECT.pickday {
width:45px;
}
#membership .zone SELECT.pickmonth {
width:87px;
margin-left:3px;
}
#membership .zone SELECT.pickyear {
width:51px;
margin-left:3px;
}
#membership #step3 .zone INPUT#captcha {
width:170px;
}
#errorbox {
elevation:above;
position:absolute;
background:#FFC;
border:1px solid #000;
width:auto;
padding:6px;
font-size:14px;
font-weight:bold;
color:#600;
display:none;
}
#errorbox IMG {
margin-right:6px;
}
#errorbox DIV {
font-size:10px;
font-weight:normal;
color:#333;
padding:2px 0;
/*display:block;*/
}
/* MEMBERSHIP END *************************************/