TH {
	FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif
}
TD {
	FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif
}

#menu {
	BACKGROUND: url(http://www.grafpedia.com/images/member/rano.png) no-repeat center top; MARGIN: 175px auto 0px; HEIGHT: 24px
}
#member {
	PADDING-LEFT: 700px; FONT-WEIGHT: bold; FONT-SIZE: 1.25em; BACKGROUND: no-repeat center top; MARGIN: 0px auto; WIDTH: 450px; COLOR: #ffffff; FONT-STYLE: italic; HEIGHT: 0px
}
#foot {
	BACKGROUND: url(http://www.grafpedia.com/images/member/footer.png) no-repeat center top; MARGIN: 0px auto; HEIGHT: 24px
}
#menu2 {
	HEIGHT: 40px;
	margin: 0px 12px 0px 12px;
}

INPUT {
	FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif
}
TEXTAREA {
	FONT-SIZE: 0.9em; FONT-FAMILY: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif
}
HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; HEIGHT: 1px; BACKGROUND-COLOR: #4479be; BORDER-RIGHT-WIDTH: 0px
}
UL {
	LIST-STYLE-TYPE: none;
}
LI {
	LIST-STYLE-TYPE: none;
}
.small {
	FONT-WEIGHT: normal; FONT-SIZE: x-small
}
.powered {
	FONT-SIZE: x-small; MARGIN: 0em; COLOR: #808080
}
.powered A {
	FONT-SIZE: x-small; MARGIN: 0em; COLOR: #808080
}
STRONG {
	FONT-WEIGHT: bold
}
.strong {
	FONT-WEIGHT: bold
}
.text_disabled {
	COLOR: buttonface
}

DIV.centered TABLE {
	MARGIN: 0px auto; WIDTH: 955px; TEXT-ALIGN: left
}
UL {
	MARGIN-LEFT: 2em
}
OL {
	MARGIN-LEFT: 2em
}
.code {
	FONT-SIZE: 120%; COLOR: blue; FONT-FAMILY: "Courier New", Monospace
}
.vedit {
	BORDER-RIGHT: #8cacbb 1px solid; BORDER-TOP: #8cacbb 1px solid; BORDER-LEFT: #8cacbb 1px solid; BORDER-BOTTOM: #8cacbb 1px solid
}
.vedit TD {
	BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #b2b2b2 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 15px; BORDER-BOTTOM: #b2b2b2 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
.vedit TH {
	BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #b2b2b2 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #b2b2b2 1px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: right
}
.vedit .headrow {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.hedit {
	BORDER-RIGHT: #8cacbb 1px solid; BORDER-TOP: #8cacbb 1px solid; BORDER-LEFT: #8cacbb 1px solid; BORDER-BOTTOM: #8cacbb 1px solid; 
}
.hedit TD {
	BORDER-RIGHT: #8cacbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8cacbb 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; BORDER-LEFT: #8cacbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #8cacbb 1px solid; BACKGROUND-COLOR: white
}
.hedit TH {
	BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2b2b2 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #b2b2b2 1px solid; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: center
}

.receipt TD {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: black 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #f0f0f0
}
.receipt TH {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: black 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #c0c0c0
}
.receipt TD.total {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #c0c0c0
}
.receipt {
	BORDER-COLLAPSE: collapse
}
.newsletters TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-TOP: 5px
}
.newsletters TD.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; COLOR: #505050; PADDING-TOP: 5px
}
.newsletters_archive TD {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px
}



a.button{
background: #FFFFFF;
border: 1px solid #b2b2b2;
float: left;
display:block;
color:#333333;
font-weight:bold;
height:30px;
line-height:29px;
margin-right:14px;
margin-left: 14px;
text-decoration:none;
padding: 0 10px 0 10px;
}
a:hover.button{
color:#0066CC;
background: #FFFFFF;
border: 1px solid #b2b2b2;
}

/* MARINE */


body{
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
color:#333333;
background-position:top left;
background: #000000 url(/wp-content/themes/grafpedia/images/bgr.jpg) no-repeat;
background-position: center top;
padding:0;
border:none;
}

DIV.centered {
	background-color: #B5C1C5;
	MARGIN: 150px auto 0px;
 	WIDTH: 980px;
 	TEXT-ALIGN: center;
 	border-radius:0 0 5px 5px;
}


DIV.content {
	BACKGROUND: url(http://www.grafpedia.com/images/member/line.png) repeat-y; MARGIN: 0px auto; WIDTH: 980px; TEXT-ALIGN: center
}

#header_top_bar{
position:relative;
width:100%;
height:38px;
background: url(/wp-content/themes/grafpedia/images/header_top_bg.png) repeat-x;
color:#fff;
font-size:14px;
text-align:center;
padding-top:6px;
}

#rano1{position:relative; color: #ffffff; }

.submenu {list-style-type:none; list-style-position:outside; position:absolute; right:20px; top:-80px;}
.submenu li{float:left;}

.submenu li a{
position:relative;
z-index:0;
font-size: 11px;
font-weight: 600;
color:#ccc;
display:block;
padding:10px 10px 10px 10px;
margin-left:10px;
text-align:center;
text-decoration:none;
}


.submenu li a:hover,.submenu li a.actif {color:#000; background-color:#FFF;}

.coins_ronds{ 
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius: 5px;
border-radius: 5px;
}

div#navHeader {
background: url(/wp-content/themes/grafpedia/images/bg_skeleton.png) repeat-x;
height: 60px;
position:relative;
padding: 17px 20px 22px;
color:#063346; 
text-shadow:#3db2ec 0px 1px 1px;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: -15px;
}

div#navHeader span {color: #BDD0DA; text-transform: none; line-height: 85px; font-weight: normal; text-shadow: none;}



/* SIGN UP */
#left {
	height:250px;
	width:472px;
	float:left;
	margin-left: 10px;

}
#right {
	width:472px;
	height:250px;
	float:right;
	margin-right:10px;
}


#left .ligne, #right .ligne, .paiement {
	width:470px;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	
}

#left .ligne label, #right .ligne label {
	width:160px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 4px;

}
#left .ligne i, #right .ligne i {font-style: normal; padding-left: 180px;}

#left .ligne input[type=text], #right .ligne input[type=text]{color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; width:270px; z-index:99999;}
#left .ligne input[type=password]{color:#8c8c8c; font-family: Georgia; font-size:14px; border:none; background: none; width:270px}

.paiement {
	width:950px;
	margin-left: 10px;
	font-weight: bold;
	color:#5B5B5B;
}

.paiement input {font-weight:normal; margin-left: 60px;}
.paiement LABEL.error {
color: #fafafa;
background: url(/images/member/croix.png) no-repeat;
height:20px; width:20px;
position:absolute;
top:10px; right:10px;
font-size:0px;
}

#right .coupon {width:160px; margin-bottom:26px; position: relative;}
#right .coupon input[type=text] {width:140px; margin-bottom: 45px; position: relative;}
#right .coupon label {padding-left: 40px; border:none;}
#right .coupon .monster {
position: absolute;
bottom:-47px;
right:-290px;
width: 128px;
height: 88px;
background: url(/images/member/monster1.png) 0 0 no-repeat;
z-index: 10000;
}
#right .abonnement {
background-color: #444b55; 
border-radius: 5px; 
margin-bottom: 10px;
height:80px;
position:relative;
}

#right .abonnement:hover {background-color: #f69634;}

#right .selecteur {
float:left; 
width:40px; 
height:80px; 
line-height: 80px;
}
#right .abonnement .selecteur input[type=radio] {
margin-top: 34px;
}
#right .prix {
float:left; 
width:120px; 
height:80px;
text-align: left; 
line-height: 75px; 
font-family:Georgia, Arial, Verdana, Sans-serif;
color:#fff;
font-size:25px;
font-weight: normal;
}
#right .abonnement label p {
text-align: left;
color:#e2e3e4;
margin-top: 9px;
float:left;
width:300px;
}
#right .abonnement label p b {
color:#fff;
text-transform: uppercase;
font-size: 15px;
font-weight: normal;
}

.formulr {
background-image: url(/images/member/bouton_subs.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border:none;
width:392px;
height:47px;
color:transparent;
font-size:0px;
cursor: pointer;
margin-top: -4px;
}

.formulr:hover {
background-image: url(/images/member/bouton_subs.jpg);
background-position: 0 -47px;}

.formulr:active {
background-image: url(/images/member/bouton_subs.jpg);
background-position: 0 -94px;}


#left LABEL.error {
color: transparent;
background: url(/images/member/croix.png) no-repeat;
height:20px; width:20px;
margin-left: -10px;
margin-top: 1px;
font-size:0px;
}

#right LABEL.error {
color: transparent;
background: url(/images/member/croix.png) no-repeat;
height:20px; width:20px;
margin-left: -10px;
margin-top: 1px;
font-size:0px;
}

#right .abonnement .selecteur LABEL.error {background: none;}
#left .nia LABEL.error{margin-left: 440px; margin-top: -18px;}
#right .nia LABEL.error{margin-left: 440px; margin-top: -18px;}

#right .coupon LABEL.error{margin-left: -5px;}

input[type=text].error, input[type=password].error {background-color: #ccc; border-radius: 5px;}


.blanc {color:#ddd; width:400px; position: absolute; top:690px; left:50%; margin-left: -200px; padding-bottom: 20px;}
.blanc a {color:#ddd;}

.nongras {font-weight: normal;}


/* LOGIN */

#log form, #lost form {padding-bottom: 40px;}

#log {margin-top: 40px; width:350px; margin-left: auto; margin-right: auto;}

#log .ligne {
	width:350px;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 110px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	
}

#log .ligne label {
	width:100px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 2px;

}
#log .ligne i {font-style: normal; padding-left: 120px;}

#log .ligne input[type=text]{width:210px; color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; }
#log .ligne input[type=password]{width:210px; color:#8c8c8c; font-family: Georgia; font-size:14px; border:none; background: none;}

#lost {width:500px; margin-left: auto; margin-right: auto;}

#lost .ligne{
	width:500px;
	background-position: 260px center;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
}

#lost .ligne label {
width:250px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 2px;

}
#lost .ligne input[type=text] {width:210px; margin-left:270px; height:15px; color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; }

#lost h4 {color:#f2f2f2; text-shadow: 0 1px 1px #444; font-size: 14px; padding-bottom: 15px; padding-top: 40px;}


TABLE.errmsg {BORDER: #cc0000 1px solid; MARGIN: 5px 0px; BACKGROUND-COLOR: red;}
TABLE.errmsg TD {
	PADDING-RIGHT: 50px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
TABLE.errmsg TD LI {LIST-STYLE-TYPE: square;}


/* AFF_SIGNUP */

#aff {width:472px; margin-left: auto; margin-right: auto; padding-bottom: 30px;}
#aff .ligne {
	width:470px;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	
}

#aff .ligne label {
	width:160px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 4px;

}
#aff .ligne i {font-style: normal; padding-left: 180px;}

#aff .ligne input[type=text]{color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; width:270px}
#aff .ligne input[type=password]{color:#8c8c8c; font-family: Georgia; font-size:14px; border:none; background: none; width:270px}

#aff .sub {
background-image: url(/images/member/bouton_subs.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border:none;
width:392px;
height:47px;
color:transparent;
cursor: pointer;
margin-top: 10px
}

/* AFF_MEMBER */

#aff_member {padding-bottom: 30px;}
#aff_member a{color:#000; text-decoration: none;}


/* MEMBER */

#mem {width:472px; margin-left: auto; margin-right: auto; padding-bottom: 30px; padding-top: 60px;}
#mem .ligne {
	width:470px;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	
}

#mem .ligne label {
	width:160px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 4px;

}
#mem .ligne i {font-style: normal; padding-left: 180px;}

#mem .ligne input[type=text]{color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; width:270px}
#mem .ligne input[type=password]{color:#8c8c8c; font-family: Georgia; font-size:14px; border:none; background: none; width:270px}

#mem .ligne select {margin-top:-8px; width:270px; border:none; background: none;}

#mem .sub {
background-image: url(/images/member/bouton_subs.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border:none;
width:392px;
height:47px;
color:transparent;
cursor: pointer;
margin-top: 10px
}



/* PROFILE */

#profile {width:472px; margin-left: auto; margin-right: auto; padding-bottom: 30px; padding-top: 60px;}
#profile .ligne {
	width:470px;
	height:31px;
	background-color: #fafafa;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 170px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	
}

#profile .ligne label {
	width:160px;
	color:#5b5b5b;
	position: absolute;
	font-weight: bold;
	padding-top: 4px;

}
#profile .ligne i {font-style: normal; padding-left: 180px;}

#profile .ligne input[type=text]{color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; width:270px}
#profile .ligne input[type=password]{color:#8c8c8c; font-family: Georgia; font-size:14px; border:none; background: none; width:270px}

#profile .sub {
background-image: url(/images/member/bouton_subs.jpg);
background-repeat: no-repeat;
background-position: 0 0;
border:none;
width:392px;
height:47px;
color:transparent;
cursor: pointer;
margin-top: 10px
}