/* ---------------------------------------------------------------
STYLE NAME          :   StyleOriental
FOR FLUXBB          :   1.4.5
VERSION             :   3.0
W3C CSS VALIDATION  :   2.1
AUTHOR              :   Abdellah
WEBSITE             :   http://www.styleoriental.org
DATE                :   July 20th, 2010
UPDATE              :   ................
----------------------------------------------------------------*/

/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/* Limited Reset
----------------------------------------------------------------*/

html, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3,
.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl,
.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, /* .pun img, */ .pun abbr, .pun cite {
	margin: 0;
	padding: 0;
	border: 0
	}

.pun ul, .pun ol {
	list-style: none
	}

/* Structural Settings
----------------------------------------------------------------*/

.pun .clearer, .pun .nosize {
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
	}

.pun .clearer, .pun .clearb {
	clear: both
	}
	
.pun .nosize {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	width: 0
	}

* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {
	height: 1px
	}

.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox, .pun #inbox {
	min-height: 1px
	}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt,
#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, .pun .required strong span {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 0;
	left: -9999em;
	text-indent: -9999em
	}

/*****************************************************************
2. TEXT & CONTENT
*****************************************************************/

/* Text Defaults
----------------------------------------------------------------*/

.pun {
	font: 68.75%/1.4545em verdana, helvetica, arial, sans-serif
	}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp {
	font-size: 1em;
	font-family: verdana, helvetica, arial, sans-serif
	}

.pun pre, .pun code {
	font-size: 1.182em;
	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace
	}

.pun pre code {
	font-size: 1em
	}

.pun strong {
	font-weight: bold
	}

.pun em {
	font-style: italic
	}

/* Content Defaults
----------------------------------------------------------------*/

.pun p, .pun ul, .pun ol, .pun dl {
	padding: 3px 0
	}

.pun h2 {
	font-size: 1em;
	font-weight: normal;
	padding: 4px 3px
	}

.pun h3 {
	font-size: 1.091em;
	padding: 3px 0
	}

.pun table p, .pun table h3 {
	padding: 0
	}

.pun span.warntext, .pun p.warntext {
	font-weight: bold
	}

/* User Content (Announcements, Rules, Posts)
----------------------------------------------------------------*/

.pun .usercontent p, .pun .postmsg p {
	padding: 0.75em 0
	}

.pun .usercontent ul, .pun .postmsg ul {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: disc
	}

.pun .usercontent ol, .pun .postmsg ol {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: decimal
	}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
	list-style: lower-alpha
	}

.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {
	padding: 0.25em 1em 0.75em 2.5em
	}

.pun .usercontent li p, .pun .postmsg li p {
	padding: 0
	}

.pun .usercontent h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .quotebox cite {
	font-weight: bold;
	font-style: normal;
	padding: 0.75em 0.75em 0 0.75em
	}

.pun span.bbu {
	text-decoration: underline
	}

.pun span.bbs, .pun del {
	text-decoration: line-through
	}

.pun .postmsg ins, #punhelp samp ins {
	text-decoration: none
	}

.pun div.postmsg h5, #punhelp h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}
	
#announce-block {
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}
/*****************************************************************
3. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

.pun {
	margin: 0 auto;
	width: 899px
	}

#punindex #brdmain {
    padding-top: 12px;
}

#brdmain {
    padding: 12px 0 0;
}

#punredirect, #punmaint, #puninstall {
	margin: 0 auto
	}
	
#pundb_update .blockform, #debug  {
    margin: 47px auto
	}
	
#punredirect h2, #punmaint h2, #punredirect a:hover, #punmaint a:hover {
	background-image: none;
	color: #528f6c
	}
	
#punredirect, #punmaint, #punredirect a  {
	color: #fffffe
	}
	
#debug {
	background-color: #ffffff;
	color: #2a3c54;
	}
	
#puninstall .box, #pundb_update .box {
	background-color: #ffffff;
	color: #2a3c53
	}

.pun .top-box {
	height: 16px;
	margin: 30px auto;
	margin-bottom: 0;
	position: relative;
	background: url(Styleoriental/img/punwrap_top.png) top left no-repeat;
}

.pun .end-box {
	margin-top: 0px;
	height: 17px;
	position: relative;
	background: url(Styleoriental/img/punwrap_bottom.png) bottom left no-repeat;
}


.blocktable tbody tr {
	background:url(Styleoriental/img/bg_forums.png) repeat-x;
	height: 50px;
}


.blocktable tbody tr:hover {
	background:url(Styleoriental/img/bg_forums_hover.png) repeat-x;
	height: 50px;
}

/* Vertical Element Spacing
----------------------------------------------------------------*/

#brdheader {
	margin: 0;
	}

#announce {
	margin: 24px 0 0 0;
	}

.pun .blocktable, .pun .block2col, #postreview {
	margin-bottom: 12px
	}
	
.pun #vf.blocktable, .pun #quickpost.blockform, .pun #msg, .pun #editform, .pun #postform, .pun #reportform, .pun #rules {
	margin-bottom: 11px
	}

.pun #msg, .pun #rules, .pun #searchform, .pun #loginform, .pun #profile, .pun #adminconsole, .pun #viewprofile {
	margin-top: 12px;
	}
	
#punindex .blocktable, #punmoderate .blockpost,
#punpost #postpreview.blockpost, #punedit #postpreview.blockpost {
	margin-bottom: 12px
	}
	
.pun .blockpost, #pundelete.blocktable, #pundelete .blockpost {
	margin-bottom: -8px
	}	
	
#punsearch .blockpost {
	margin-bottom: 12px
	}

#pundelete .blockform {
	margin-bottom: 0px
	}
	
.pun .blockmenu h2, #adminmenu h2 {
	background: url(Styleoriental/img/pun_h2_top_profile_admin_left.png) no-repeat;
	width: 181px;
	}
	
.pun .block2col .blockform, .pun .block2col .block {
	margin-bottom: 0;
	}

.pun .linksb {
	margin-top: -11px
	}
	
.pun .linkst .inbox.crumbsplus .pagepost p.pagelink.conl {
	margin-top: 1px
	}

.pun .linksb .inbox.crumbsplus .pagepost p.pagelink.conl {
	margin-top: -2px
	}

.pun .postlinksb .inbox.crumbsplus .pagepost .pagelink.conl {
	margin-top: -3px
	}

/* External Borders
----------------------------------------------------------------*/

#brdheader .box {
	border: none
	}

/* Default Internal Spacing
----------------------------------------------------------------*/

.pun #brdfooter .inbox, .pun .blockmenu .inbox,  .pun .blockmenu #inbox {
	padding: 0px 12px
	}

#searchform, #regform, #loginform {
	padding-bottom: 12px;
	}
/*****************************************************************
4. COMMON BOARD ELEMENTS
*****************************************************************/

/* style input */

input {
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
	background: -moz-linear-gradient(top,  #ededed,  #ffffff);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #80939d;
	-webkit-box-shadow: 1px 1px 0px #e0e9f4;
	-moz-box-shadow: 1px 1px 0px #e0e9f4;
	box-shadow:  1px 1px 0px #e0e9f4;
}

/* Board Header
----------------------------------------------------------------*/

#brdtitle {
	background: url(Styleoriental/img/header.png) no-repeat;
	height: 74px;
	width: 899px;
	}
/* pour cacher titre et description */
#brdtitle h1, #brddesc p {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 0
	}





#brddesc {
    background: url(Styleoriental/img/logo.png) no-repeat 4px 0;
    height: 79px;
    position: relative;
    bottom: 9px;
}


#brdmenu {
    height: 44px;
	list-style: none ; 
	position:relative;
    margin:0;
    padding: 0 0 0 21px;
	background:url(Styleoriental/img/menu.png) no-repeat;
	text-transform:uppercase;
}

#brdmenu li {
	float: left;
	margin: 0;
	padding: 13px 8px;
	background: url(Styleoriental/img/separ_menu.png) no-repeat right;
	}

#brdmenu li a {
	display:block;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
	padding:0;
	cursor:pointer;
}

#brdmenu ul {
    padding: 0;
	margin: 0;
	}

#brdmenu .isactive  {
	background: url(Styleoriental/img/menu_active.png) repeat-x ;
	border-right:solid #012438 1px;
	}
	
#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
	text-decoration: none
	}

/* icons menu
----------------------------------------------------------------*/
li#navextra1 a {
	background: url(Styleoriental/img/icon_home.png) no-repeat;
	padding-left:20px;
	}

li#navindex a {
	background: url(Styleoriental/img/icon_forum.png) no-repeat;
	padding-left:20px;
	}

li#navuserlist a {
	background: url(Styleoriental/img/icon_members.png) no-repeat;
	padding-left:20px;
	}

li#navrules a {
	background: url(Styleoriental/img/icon_regles.png) no-repeat;
	padding-left:20px;
	}

li#navsearch a {
	background: url(Styleoriental/img/icon_search.png) no-repeat;
	padding-left:20px;
	}

li#navprofile a {
	background: url(Styleoriental/img/icon_ucp.png) no-repeat;
	padding-left:20px;
	}

li#navadmin a {
	background: url(Styleoriental/img/icon_admin.png) no-repeat;
	padding-left:20px;
	}

li#navlogout a {
	background: url(Styleoriental/img/icon_logout.png) no-repeat;
	padding-left:20px;
	}

li#navregister a {
	background: url(Styleoriental/img/icon_add.png) no-repeat;
	padding-left:20px;
	}

li#navlogin a {
	background: url(Styleoriental/img/icon_connect.png) no-repeat;
	padding-left:20px;
	}

#brdwelcome {
	padding: 0px 6px ;
	background:url(Styleoriental/img/sous_menu.png) no-repeat;
	height: 41px;
	margin-left: 37px;
	color: #798ea8;
	}

#brdwelcome .conl {
	float: left
	}

#brdwelcome .conr {
	float: right;
	text-align: left;
	margin-right: 47px;
	}

#brdwelcome p {
	display:inline;
	padding: 0;
}
	
#brdwelcome .conr li span {
	background: url(Styleoriental/img/icon_contributions.png) center left no-repeat;
	padding-left: 18px;
	margin-right: 3px;
	display: inline-block;
	line-height: normal;
	white-space: nowrap;
}

/* Breadcrumbs and Post Links
----------------------------------------------------------------*/

.pun .linkst {
	padding: 8px 6px 2px 6px
	}

.pun .linksb, .pun .postlinksb {
	padding: 0 6px
	}

.pun .crumbs {
	clear: both;
	width: 100%;
	overflow: hidden
	}

.pun .crumbs li, .pun .crumbs li a {
	color: #1C5479;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: none
	}
	
.pun .crumbs li a:hover {
	color: #7c9cc4;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	text-decoration: underline
	}
	
.pun .crumbs {
    background: url(Styleoriental/img/icon.crumbs.png) no-repeat 0px 1px;
    font: 12px Verdana, Helvetica, Arial, sans-serif;
    padding: 0 0 0 18px
	}

.pun .pagelink {
	float: left;
	white-space: nowrap;
	color: #69C;
	}
	
.pun .pagelink span.pages-label {
	color: #364a59;
	}
	
.pun .pagelink.conl a, .pun p.pagelink a {
	background: url(Styleoriental/img/bg_pagination.png) repeat-x;
	color: #a8bccc;
	}
	
.pagelink strong {
	background: url(Styleoriental/img/bg_pagination_hover.png) repeat-x;
	border-color: #327199;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.pun .pagelink.conl a, .pagelink strong, .pun .pagelink a {
	border-top: 1px solid #327199;
	border-left: 1px solid #327199;
	border-right: 1px solid #327199;
	border-bottom: 1px solid #327199;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	}

.pun .pagelink a:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
.pun .pagelink a, .pagelink strong {
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: normal;
    padding: 1px 4px;
	}

.pun .postlink {
	font-weight: bold;
	white-space: nowrap
	}

.pun .postlink, .pun .modbuttons {
	float: right;
	text-align: right
	}

.pun .modbuttons {
	padding: 1px 0;
	white-space: nowrap
	}

.pun .modbuttons input {
	margin-left: 6px
	}

.pun .postlink a:link, .pun .postlink a:visited {
	text-decoration: none
	}

.pun .subscribelink {
    padding: 10px 0;
    position: relative;
    text-align: right
}

#punindex .subscribelink {
	position: static;
	text-align: right
	}

.pun p.subscribelink a {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -206px;
	padding: 0 0 0 18px
	}

p.subscribelink a:hover {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -224px #ddd;
	color: #528f6c;
	padding: 0 0 0 18px
	}

.pun .subscribelink span {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -186px #ddd;
	color: #ff0000;
	font-weight: bold;
	padding: 2px 0 0 18px
	}

/* Board Footer
----------------------------------------------------------------*/

#brdfooter .conl {
	float: left
	}

#brdfooter .conr {
	float: right;
	text-align: right
	}

#brdfooter #modcontrols {
	text-align: center
	}

#brdfooter #modcontrols dd {
	display: inline;
	font-weight: bold;
	margin: 0 6px
	}
	
#modcontrols dd a:hover {
	color: #528F6C;
	font-weight: bold
	}	
	
.pun #brdfooter #feedlinks {
	padding-bottom: 0
	}

.pun #brdfooter #feedlinks span {
	background: url(Styleoriental/img/icon_feed.png) center left no-repeat;
	display: inline-block;
	white-space: nowrap;
	padding: 0 0 0 18px;
	}	

.pun #brdfooter #modcontrols dd span {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -12px;
	display: inline-block;
	line-height: normal;
	padding-left: 16px;
	white-space: nowrap
	}

/* Board Stats
----------------------------------------------------------------*/

#brdstats .conl {
	float: left;
	padding-left: 21px;
	background: url(Styleoriental/img/icon_conl.png) no-repeat 3px 2px;
	}

#brdstats .conr {
	float: right;
	text-align: left;
	padding-left: 15px;
	background: url(Styleoriental/img/icon_conr.png) no-repeat 0px 4px;
	}
	
#brdstats .conr dd {padding-right: 6px;}

#onlinelist dd, #onlinelist dt {
	display: inline;
	}
	
#onlinelist {
	background: url(Styleoriental/img/icon_online.png) no-repeat 5px 3px; 
	padding-left: 23px;
	}
	
#qjump span {
	background: url(Styleoriental/img/fleche.png) no-repeat 0px 2px; 
	padding-left: 11px;
	}

/*****************************************************************
5. MAIN TABLES
*****************************************************************/

.pun table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show
	}

.pun .blocktable table {
	margin-bottom: 9px;
	table-layout: fixed
	}
	
.pun td {
	padding: 0 1px;
	line-height: 1.273em;
	text-align: left;
	font-weight: normal;
	}

.pun th {
	padding-left: 15px;
	color: #7b7b7b;
	font-weight: normal;
	align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	}

.pun td.tcl, .pun td.tcr {
	width: auto;
	}
	
.pun td.tcl, .pun th.tcl {
	border-left: 1px solid #2c6d8f;
	}
	
.pun td.tcr, .pun th.tcr {
	border-right: 1px solid #2c6d8f;
	}

.forumdesc, .tc2, .tc3, .tcr {
	color: #434c53
	}
	
#punviewforum  .inone td, #punmoderate .box tr {
	border-right: 1px solid #000;
	width: auto
	}

.pun .tc2, .pun .tc3, .pun .tcmod {
	width: 10%;
	text-align: center;
	padding: 4px 0
	}

.pun .tcr {
    width: 30%;
	}
	
#punmoderate .tcr {
	border-right: none
	}
	
.pun .tcmod {
	border-right: 1px solid #2a3c52
	}	

.pun .tcl h3 {
	font-size: 1.091em;
	font-weight: bold
	}

.pun .tcl h3 span.newtext {
	font-size: 0.917em
	}

.pun .tcl span.newtext, .pun .tcl span.pagestext {
	white-space: nowrap;
	font-weight: normal
	}

.pun td span.byuser {
	white-space: nowrap
	}

.pun .tcl p {
	padding: 5px 0 0 0
	}

#punsearch #vf .tc2 {
	text-align: left;
	padding: 4px 6px;
	width: 18%
	}

#users1 .tcr {
	width: 25%
	}

#users1 .tc2 {
	text-align: left;
	padding: 4px 6px;
	width: 25%
	}

#users1 .inbox {
	border-top: 0 solid #2a3c52
	}
	
#users1 tbody tr {
	background: #d1d7de;
	height: auto;
}


#users1 tbody tr:hover {
	background: #d5dde5;
	height: auto;
}

	
#debug .tcl {
	border-right: 1px solid #2a3c52;
	width: 10%
	}

#debug .tcr {
	width: 90%;
	white-space: normal
	}

#punindex .tcr .byuser {
	display: block
	}

.pun .blocktable .tclcon {
	padding: 0px 11px 0 5px;
	overflow: hidden;
	position: relative
	}

.pun .blocktable .tclcon div {
	overflow: hidden;
	width: 100%
	}
	
.pun .blocktable .box {
	background: url(Styleoriental/img/pun_h2_bottom.png) no-repeat left bottom;
	width: 870px;
	overflow: hidden;
	position: relative;
	display: block;
	border:none;
	}

.pun .footer_blockpost {
	margin-top: 8px;
	}

#msg .box, #searchform .box, #rules .box, #punregister .blockform .box, #viewprofile .box, #punlogin .blockform .box, #reportform .box, #postpreview .box, #crea .box, #posterror, #emailform .box, 
#punmoderate .blockform .box, #quickpost .box, #postform .box, #punhelp #brdmain .box, #puninstall .box, #pundb_update .blockform .box, #editform .box, #chatbox .box {
	background: url(Styleoriental/img/pun_h2_bottom.png) no-repeat left bottom #cad1d8;
	width: 870px;
	color: #2a3c52;
	padding: 0 0 9px
	}

#msg.block .inbox {
	padding: 0px 6px;
	}
	
#punprofile .blockform .box, .pun #portalconsole .blockform .box {
	background: url(Styleoriental/img/pun_h2_bottom_profile_right.png) no-repeat left bottom #cad1d8;
	width: 666px;
	color: #2a3c52;
	padding: 0 0 9px;
	}

#announce .box {
	background: url(Styleoriental/img/pun_announce_h2_bottom.png) no-repeat left bottom #dfdfdf ;
	width: 870px;
	color: #2a3c52;
	padding: 0 0 9px
}

#adminconsole .blockform  div.box, #adintro .inbox, #adstats .inbox {
	background: url(Styleoriental/img/pun_h2_bottom_profile_right.png) no-repeat left bottom #d1d7de;
	width: 668px;
	color: #2a3c52;
	padding: 0 0 8px
	}

.pun .blockmenu .box, #adminmenu .box {
	background: url(styleoriental/img/pun_h2_bottom_profile_left.png) no-repeat left bottom #d1d7de;
	color: #2a3c52;
	padding: 0 0 8px;
	}

.pun .icon {
	height: 35px;
	width: 35px;
	overflow: hidden;
	float: left;
	margin-left: 2px;
	}

.pun .icon div {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	height: 0;
	}

.pun .iposted .ipost {
	position: absolute;
	left: 0;
	font-weight: bold;
	width: 8px;
	padding-left: 4px;
	text-align: center;
	top: 0
	}

/*****************************************************************
6. MAIN FORMS
*****************************************************************/

.pun .blockform form, .pun .fakeform {
	PADDING: 10px 20px 10px 20px
	}

.pun .forminfo {
	padding: 8px 10px;
	border-style: solid;
	border-width: 1px
	}

.pun .forminfo h3 {
	font-weight: bold
	}

.pun .inform {
	padding-bottom: 12px
	}

.pun fieldset {
	padding: 0 12px;
	border-style: solid;
	border-width: 1px;
	color: #62737d;
	}
	
.pun fieldset div.infldset {
	color:#152536;
	}

.pun legend {
	padding: 0 6px;
	color: #1C5479;
	font-weight: bold;
	}

.pun .infldset {
	padding: 9px 0 12px 0
	}

.pun label {
	display: block;
	padding: 3px 0
	}

.pun label.conl {
	float: left;
	overflow: visible;
	margin-right: 10px
	}

.pun select {
	padding-top: 1px;
	padding-bottom: 1px;
	}

.pun fieldset .rbox {
	}

.pun fieldset .rbox br {
	display: none
	}

.pun fieldset .rbox label {
	padding: 3px 0 3px 25px;
	position: relative;
	vertical-align: middle
	}

.pun fieldset .rbox input {
	margin: 0 9px 0 -25px;
	padding: 0;
	width: 16px;
	position: relative;
	vertical-align: middle
	}

.pun .txtarea {
	width: 75%
	}

.pun .txtarea textarea, .pun input.longinput {
	width: 795px
	}

#punprofile .txtarea textarea {
    width: 594px;
	}

.pun .bblinks {
	padding-bottom: 10px;
	padding-left: 4px
	}

.pun .bblinks li {
	display: inline;
	padding-right: 20px
	}

.pun .blockform .buttons {
	padding-left: 12px
	}

.pun .blockform .buttons input {
	margin-right: 8px
	}
	
.pun .blockform .bblinks li span {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -29px;
	margin-right: 8px;
	padding-left: 20px;
	display: inline-block
	}	

#posterror ul {
    background: url(Styleoriental/img/icons.png) no-repeat -4px -185px;
    padding: 3px 0 3px 20px;
}

.pun .deletemsg {
	border-style: solid;
	border-width: 1px;
	padding: 6px 15px
	}

.pun p.actions span {
	margin-right: 12px
	}

/*****************************************************************
7. PROFILES AND ADMIN
*****************************************************************/

.pun .block2col {
	padding-bottom: 1px
	}

#punprofile .blockform, .pun #portalconsole .blockform, .pun .block2col .block, .pun .block2col .blockform {
	margin-left: 202px;
	}

.pun .blockmenu {
	float: left;
	width: 187px
	}

.pun .blockmenu li {
	padding: 3px 0;
	font-weight: bold
	}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	text-decoration: none
	}
	
.pun .blockmenu a:hover, .pun .blockmenu a:active {
	text-decoration: none;
	color: #528f6c
	}

#viewprofile dl {
	float: left;
	width: 100%;
	overflow: hidden
	}

#viewprofile dd {
	margin-left: 14em;
	padding: 3px
	}

#viewprofile dt {
	float: left;
	width: 13em;
	margin: 3px 0
	}

#profileavatar img {
	float: right;
	margin-left: 1em
	}

/*****************************************************************
8. MAIN POSTS
*****************************************************************/

.pun .blockpost {
	width: 868px;
	padding-bottom: 2px;
	overflow: hidden;
	position: relative;
	background-color: #d1d7de;
	border-right: 1px solid #2c6d8f;
	border-left: 1px solid #2c6d8f;
}

#punsearch .blockpost h2 span {
	white-space: nowrap
	}

.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {
	text-decoration: none
	}

.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {
	text-decoration: underline
	}

.pun .blockpost h2 .conr {
	float: right;
	text-align: right;
}

#punviewtopic.pun .blockpost.rowodd.firstpost.blockpost1 h2 {
	background: url(Styleoriental/img/pun_h2_top.png) no-repeat;
	width: 870px;
	height: 28px;
	color: #c2d7ed;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	display:block;
	}
	
#punviewtopic.pun .blockpost.rowodd.firstpost.blockpost1 .box {
	padding: 0;
	}
	
#punviewtopic.pun .blockpost.roweven .box, #punviewtopic.pun .blockpost.rowodd .box {
	background: url(Styleoriental/img/bordure_h2_repeat.png) repeat-x left bottom;
	width: 870px;
	padding-bottom: 2px;
	}

#punviewtopic.pun .blockpost.roweven h2, #punviewtopic.pun .blockpost.rowodd h2 {
	display:none;
	}

#punviewtopic.pun .blockpost.rowodd.firstpost.blockpost1 .box .inbox .postbody h2.post-ident {
	background: #e5e5e5;
	width: 670px;
	color: #c4c8cc;
	height: 29px;
	border-style: none none dashed;
    border-width: 1px;
	display:block;
}

#punviewtopic.pun .box .inbox .postbody h2.post-ident {
	background: url(Styleoriental/img/h2_post-ident.png) repeat-x;
	width: 671px;
	height: 31px;
	display:block;
	padding:0;
}

#punviewtopic.pun .box .inbox .postbody h2.post-ident span.post-link {
	background:none;
	padding-left: 0px;
	color:#3e5466;
	font-weight:normal;
	text-transform:none;
}

#punviewtopic.pun .box .inbox .postbody h2.post-ident span.post-link a {
	color:#00579c;
	font-weight:normal;
}

#punviewtopic.pun .box .inbox .postbody h2.post-ident span.post-link a:hover {
	color: #528f6c;
	font-weight:normal;
}

.pun .blockpost .postleft {
    float: left;
    overflow: hidden;
    position: relative;
    width: 198px;
}

.pun .blockpost .inbox {
	float: right;
	position: relative;
	width: 100%;
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
	border-left-style: solid;
	border-left-width: 1px;
	float: right;
	margin-right: -199px;
	position: relative;
	text-align: left;
	width: 100%;
	border-color:#b4babf;
	background:#ededed;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
	padding: 7px 0 7px 25px;
	float: left;
	margin-left: -215px;
	position: relative;
}

.pun .blockpost .postleft dl {
	padding: 0;
}

.pun .blockpost dt strong {
	font-size: 1.091em;
	font-weight: bold
}

.pun .blockpost .postleft dd {
	font-size: 0.923em;
}

.pun .blockpost .postleft .usertitle {
	padding: 4px 0 6px 0;
	font-size: 1em;
}

.pun .blockpost .postleft .postavatar {
	display: block;
	margin: 0 0 4px 0;
}

.pun .blockpost .postright {
	position: relative;
	padding: 0px 0px 7px 10px;
	width: 660px;
}

.pun .postmsg {
	width: 99%;
	overflow: hidden;
	word-wrap: break-word;
}

.pun .blockpost .postfootright {
	position: relative;
	padding: 7px 0px 20px 18px;
	text-align: right;
	width: 652px;
}

.pun .postfoot p, .pun .postfoot ul {
	padding: 0;
}

.pun .blockpost .postfootright li {
	display: inline;
}

.pun .blockpost .postfootright li span {
	display: inline-block;
	
	margin-left: 0px;
	line-height: normal;
}

.pun .blockpost .usercontacts {
	padding: 7px 0;
}

.pun .blockpost .usercontacts .email {
	background: url(Air/img/email.png) left 65% no-repeat;
	margin-right: 5px;
	padding-left: 21px;
	display: inline-block;
	line-height: normal;
}

.pun .blockpost .usercontacts .website {
	background: url(Air/img/ext.png) left 65% no-repeat;
	padding-left: 18px;
	display: inline-block;
	line-height: normal;
}

.pun .postsignature hr {
	border:none;
	height: 1px;
	margin-left: 0px;
	text-align: left;
}

.pun .postfootright, .pun .multidelete {
	text-align: right
	}

.pun .postfootright div, .pun .postfootright p, .pun .postfootleft p {
	padding: 0 6px
	}
	
.pun .postfootright ul {
	padding: 0 12px
	}

.pun .postfootright li {
	display: inline;
	margin-left: 0px;
	font-weight: bold
	}
	
.pun .postfootright li a:hover, .pun .postleft a:hover {
	color: #528f6c
	}
	
.pun .linksb .pagepost {
	padding-top: 2px;
	}
	
.pun .linksb .pagepost .postlink.conr {
	margin-top: 2px;
	}

.pun .postlink {
	background:url(Styleoriental/img/button_new_topic.png) no-repeat;
	width: 187px;
	text-align:left;
	}

.pun .postlink:hover {
	background:url(Styleoriental/img/button_new_topic_hover.png) no-repeat;
	}

.pun .postlink.conr a {
	color: #aac2dc;
	background-color: transparent;
	text-transform: uppercase;
	font-family: Arial,Verdana,Helvitica,sans-serif;
	padding: 0 0 0 6px;
	}

.pun .postlink.conr a:hover {
	color: #f2f6fb;
	width: 187px;
	}

.pun .postlink.conr span {
	color:#0190b9;
	padding-left: 5px;
}
	
.pun .postfootright a:link, .pun .postfootright a:visited {
	text-decoration: none
	}

.pun .postfootright a:hover, .pun .postfootright a:active {
	text-decoration: underline
	}

.pun .codebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0
	}

.pun .quotebox {
	border-style:solid;
	border-width: 1px;
	margin: 1em 1em;
	padding: 0 0.75em;
	border-color: #c0c5cc;
	}

.pun .quotebox cite {
	display: block;
	padding: 0.75em 0 0 0
	}

.pun .quotebox blockquote {
	width: 100%;
	overflow: hidden
	}

.pun .codebox pre {
	overflow: auto;
	width: 100%
	}

* html .pun .codebox pre {
	padding-bottom: 10px
	}

*+html .pun .codebox pre {
	padding-bottom: 10px
	}

.pun .codebox pre code {
	display: block;
	padding: 0.75em
	}

.pun .codebox pre.vscroll {
	height: 32em;
	overflow: auto
	}

.pun .postmsg img {
	vertical-align: inherit
	}


.pun .postmsg hr {
	background-color: #B9C5CE;
	color: #999999
	}
	
.pun .postsignature, .pun .postmsg .postedit {
	background-color: #ededed;
    color: #5C6E7D;
	}	

.pun .postsignature {
	padding-top: 20px;
	}
	
.pun .postsignature hr {
    border: none;
    height: 1px;
    text-align: left
	}

.pun .postmsg .postimg img {
	margin: 7px 0.5em 3px 0;
	max-width: 98%;
	vertical-align: bottom
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-style: solid;
	border-width: 1px
	}



.pun .blockpost label {
	padding: 0 6px;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	display: inline-block
	}

.pun .blockpost label * {
	vertical-align: middle;
	margin: 0;
	padding: 0
	}
	
.pun .blockpost .usercontacts .email {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -86px;
	margin-right: 5px;
	padding-left: 21px;
	display: inline-block;
	line-height: normal
	}

.pun .blockpost .usercontacts .website {
	background: url(Styleoriental/img/icons.png) no-repeat -4px -70px;
	padding-left: 18px;
	display: inline-block;
	line-height: normal
	}

.pun .blockmenu .inbox, #viewprofile .fakeform, #rules-block, #puninstall .inbox, #pundb_update .blockform .inbox, #crea .inbox, #msg .inbox, #crea .inbox ul, #adintro .inbox ul, #adintro .inbox p, #adstats .inbox dl, .pun #adminconsole .blockform form, #adminconsole .box  .fakeform {
	border-left: 1px solid #2C6D8F;
	border-right: 1px solid #2C6D8F;
	}

.pun .blockform form {
	background-color: #ededed;
	border-left: 1px solid #2C6D8F;
	border-right: 1px solid #2C6D8F;
	}

.pun .blockform  form#userlist {
	width: 828px;
	}

.pun #rules-block .usercontent {
	width: 850px;
	margin-left: 8px;
	}
	
#punprofile .blockform .box, .pun #portalconsole .blockform .box {
	width:668px;
}

#adminconsole .block h2, #adminconsole .blockform h2, #punprofile .blockform h2, .pun #portalconsole .blockform h2 {
	background: url(Styleoriental/img/pun_h2_bottom_profile_admin_right.png) no-repeat ;
	width: 662px;
}
	
#punuserlist  .blockform  form, #pundelete .blockform  form {
	background-color: #ededed;
}

#adminconsole .blockform  form {
	border: none
	}

#brdstats .box {
	background: url(Styleoriental/img/bg_brdstats.png) no-repeat;
	width: 869px;
	padding-top: 6px;
	color: #7488A1;
	}

#brdstats {
	padding-top: 22px;
}

#brdstats .inbox {
	background: url(Styleoriental/img/bg_brdstats_repeat.png) repeat-y;
	width: 869px;
	}
	
#brdfooter .box {
	background: url(Styleoriental/img/bg_brdfooternav.png) no-repeat;
	padding-top: 4px;
	color: #7488a1;
	}

#brdfooter {
	background: url(Styleoriental/img/brdfooter_repeat.png) repeat-y;
	color: #2a3c52;
	}
	
#punprofile, #brdfooternav, #punuserlist #brdfooternav, #punmisc #brdfooternav, #punsearch #brdfooternav,
#punregister #brdfooternav, #punlogin  #brdfooternav, #punmoderate  #brdfooternav, #punpost #brdfooternav,
#punedit #brdfooternav, #pundelete  #brdfooternav, #punadmin #brdfooternav, #punhelp #brdfooternav, #puncrea #brdfooternav {
	border: none
	}

#brdfooternav a, #brdstats .inbox a {
	font-weight: bold
	}

#brdfooternav a:hover, #brdstats .inbox a:hover {
	color: #6188a8
	}

#modcontrols dl {
	background:url(Styleoriental/img/bg_modcontrols.png) no-repeat;
	width: 877px;
	height: 24px;
	}

#postreview	.inbox {
	border-top: 1px solid #789ac1
	}

#adintro .inbox ul, #adintro .inbox p, #adstats .inbox dl, #punhelp #brdmain .inbox {
    font-size: 1em;
    padding: 5px
	}

#adstats dl {
    margin: 0;
    padding: 0;
    position: relative
}	

#adstats dt {
    color: #528f6c;
    font-weight: bold;
    left: 5px;
    padding: 7px 0;
    position: absolute;
    width: 13em
}

#adstats dd {
    border-style: none none solid;
    border-width: 1px;
    padding: 7px 0 7px 13em
}	
	
.postfootleft strong {
	color: #008000
	}
	
.postfootleft span {
	color: #CC3300;
	font-weight: bold
	}

/****************************************************************/
/* 9. HELP FILES AND MISC. */
/****************************************************************/

#punhelp {
    margin: 140px auto 40px;
    width: 960px
}

#punhelp h2 {
	margin-top: 12px
	}

#punhelp div.box {
	padding: 10px;
	background-color: #9a9a9a
	}

#debugtime {
	margin-top: -12px;
	text-align: center
	}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Background / Text
----------------------------------------------------------------*/

body {
	background: #2e6a92 url(Styleoriental/img/background.jpg) repeat-x;
	padding-bottom: 20px;
	}
	
.pun .punwrap {
	background: #1c262e url(Styleoriental/img/punwrap_center.png) repeat-y ;
    }
	
#punredirect.pun .punwrap {
	background: #153243 url(Styleoriental/img/bg_redirect.png) repeat-x ;
	border-left: 2px solid #5b7272;
    border-right: 2px solid #5b7272;
    }
	
#punredirect .ajax_loader {
	margin: 10px 0px 0px 322px;
}

.pun .punwrap #announce, .pun .punwrap #brdmain {
	padding: 0px 15px 0px 15px;
    }
	
/*.pun {
	color: #7488a1
	}*/

#adminconsole fieldset th {
	background-color: #ffffff
	}
	
#viewprofile dl, #viewprofile dd, #adminconsole fieldset td, #adstats dd {
	background-color: #ced5db;
	color: #2a3c52
	}
	
.pun .forminfo {
	background-color: #ffe8e8
	}

.pun h2 {
	background: url(Styleoriental/img/pun_h2_top.png) no-repeat;
	width: 870px;
	height: 28px;
	color: #c2d7ed;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase
	}

.pun #announce h2 {
	background: url(Styleoriental/img/pun_announce_h2_top.png) no-repeat;
	width: 870px;
	color: #faecdc;
}

.pun th {
	background: url(Styleoriental/img/bg_list_th.gif) repeat-x;
	text-align: left;
	}

.pun .blockmenu li.isactive a {
	color: #528f6c
	}
	
#posterror li strong {
	color: #ff0000
	}	

.pun .usercontent * {
	background: transparent;
	color: #2a3c52
	}
	
/* icons h2 (icons forums) et icons footer
----------------------------------------------------------------*/

#idx1.blocktable h2 span {
	background: transparent url(Styleoriental/img/icon_h2_forum.png) no-repeat 0px 0px;
}

#idx2.blocktable h2 span {
	background: transparent url(Styleoriental/img/icon_h2_claviers.png) no-repeat 0px 0px;
}

#idx3.blocktable h2 span {
	background: transparent url(Styleoriental/img/icon_h2_autre.png) no-repeat 0px 0px;
}

#idx4.blocktable h2 span {
	background: transparent url(Styleoriental/img/icon_h2_annonces.png) no-repeat 0px 0px;
}

#announce.block .hd h2 span {
	background: transparent url(Styleoriental/img/icon_h2_annonce.png) no-repeat 0px 0px;
	padding-left: 33px;
	padding-top: 6px;
	height: 30px;
	display: block;
}

.pun #adminmenu h2 span, .pun .blockmenu h2 span, .pun .block h2 span, #vf.blocktable h2 span, .pun .blockpost h2 span, .pun .blockform h2 span, .pun h2.header_blockpost span, #postreview  h2 span, #rules .hd h2 span{
	padding-left: 15px;
	padding-top: 6px;
	display: block;
	background: transparent url(Styleoriental/img/h2_menus.png) no-repeat 0px 10px;
}

#idx1.blocktable h2 span, #idx2.blocktable h2 span, #idx3.blocktable h2 span, #idx4.blocktable h2 span {
	padding-left: 35px;
	padding-top: 6px;
	height: 30px;
	display: block;
}

.pun .blockpost h2 span.conr {
	padding: 6px 6px 0 0;
	height:auto;
	background:none;
}

/* posts
----------------------------------------------------------------*/

.pun .blockpost .box, .pun .postfootright, .pun .deletemsg {
	background-color: #ededed;
	}
	
.pun .quotebox, #punhelp .quotebox{
	background-color: #e1e8f0
	}	

.pun .codebox, #punhelp .codebox {
	background-color: #dfe6ed;
	color: #000;
	border-color: #979ca1;
	}	

.pun .blockpost h2 span.conr {
	color: #1c262e
	}

.postfootright li.postreport {
	background:	url(Styleoriental/img/icons.png) no-repeat -4px -184px;
	padding: 3px 18px
	}

.postfootright li.postdelete {
	background:	url(Styleoriental/img/icons.png) no-repeat -4px -103px;
	padding: 3px 18px
	}

.postfootright li.postedit {
	background:	url(Styleoriental/img/icons.png) no-repeat -4px -124px;
	padding: 3px 18px
	}

.postfootright li.postquote {
	background:	url(Styleoriental/img/icons.png) no-repeat -4px -164px;
	padding: 3px 18px
	}
	
.pun .postmsg ins, #punhelp samp ins {
	background-color: #ff0
	}

.pun hr {
	background-color: #333333;
	color: #333331
	}

/* Borders
----------------------------------------------------------------*/

.pun td {
	border-color: #bec3c3;
	border-style: solid none none solid;
	border-width: 1px;
	}

/* Links
----------------------------------------------------------------*/

.pun a:link, .pun a:visited, .pun .iclosed td.tcl .pagestext a:link, .pun .iclosed td.tcl .pagestext a:visited {
	color: #1c5479;
	text-decoration: none
	}
	
.pun a:hover, .pun a:active, .pun a:focus {
	color: #1c262e;
	text-decoration: underline
	}
	
#brdwelcome .conr a:link, #brdwelcome .conr a:visited {
	color: #bfccdb;
	text-decoration: none;
	}

#brdwelcome .conr a:hover, #brdwelcome .conr a:active {
	color: #9dc8fb;
	}

.pun #vf td.tcl a {
	font-weight: bold
	}

.pun .postmsg  a:link, .pun .postmsg  a:visited {
    background-color: inherit;
	color: #4169e1;
	}

.pun .postmsg  a:hover, .pun .postmsg  a:active, .pun .postmsg a:focus {
    background-color: inherit;
	color: #3b684e;
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: #4169e1
	}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: #3b684e
	}

.pun h2 a:link, .pun h2 a:visited,
#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
	background-color: inherit;
    color: #cad7e7;
}

.pun h2 a:hover, .pun h2 a:active,
#brdmenu a:hover, #brdmenu a:active, #brdmenu li.isactive a {
	background-color: inherit;
	color: #9dc8fb
	}



.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
	color: #5d5e5f
	}	

.pun .postreport a:hover, .pun .postreport a:active,
.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
	color: #1c262e
	}
	
.pun .blocktable td.tcl span.stickytext {
    color: #3399CC;
}

#brdwelcome .maintenancelink a, #brdwelcome .maintenancelink a:link, #brdwelcome .maintenancelink a:visited,
#brdwelcome .reportlink a, #brdwelcome .reportlink a:link, #brdwelcome .reportlink a:visited {
	background-color: #dddddd;
	color: #ff0000
	}

#brdwelcome  .maintenancelink a:hover, #brdwelcome  .maintenancelink a:active,
#brdwelcome  .reportlink a:hover, #brdwelcome  .reportlink a:active {
	background-color: #dddddd;
	color: #3b684e
	}

#brdwelcome  .maintenancelink span a, #brdwelcome  .reportlink span a {
    background: url(Styleoriental/img/icons.png) no-repeat -4px -187px;
    padding: 1px 0 0 18px;
}

#modcontrols a {
	color:#f4f4f4;
}

/* Status Indicators
----------------------------------------------------------------*/

#punindex .icon {
	background: url(Styleoriental/img/read.png) no-repeat;
	}

#punindex .inew .icon {
	background: url(Styleoriental/img/sticky_new.png) no-repeat
	}

#punindex .iredirect .icon {
	background: url(Styleoriental/img/icons.png) no-repeat 1px -450px
	}

.pun .icon {
	background: url(Styleoriental/img/read.png) no-repeat
	}

.pun .inew .icon {
	background: url(Styleoriental/img/sticky_new.png) no-repeat
	}

.pun .inew.iclosed .icon {
	background: url(Styleoriental/img/icons.png) no-repeat 1px -241px
	}

.pun .isticky .icon {
	background: url(Styleoriental/img/sticky_read.png) no-repeat
	}

.pun .isticky.inew .icon {
	background: url(Styleoriental/img/sticky_closed_new.png) no-repeat
	}

.pun .isticky.iclosed.inew .icon {
  background: url(Styleoriental/img/icons.png) no-repeat 1px -293px
	}

.pun .iclosed .icon {
	background: url(Styleoriental/img/topic_read_locked.png) no-repeat;
	}

.pun .iclosed.isticky .icon {
    background: url(Styleoriental/img/sticky_read_closed.png) no-repeat
	}

.pun .iredirect .icon {
	background: url(Styleoriental/img/icons.png) no-repeat 1px -450px
	}

.pun .tclcon .ipost {
	display: none
	}
	
/* STYLE MODIFS */
.pun img.maxavatar {
	max-width:35px;
	max-height:35px;
	float:left;
	margin-right:5px;
	margin-left: 5px;
	}

img.Security {
    display: block;
    position:absolute;
	right: 550px;
	}

#punprofile .blockform .box, .pun #portalconsole .blockform .box, .pun #portalconsole .blockmenu .box {
	margin-bottom: 12px;
    padding-bottom: 8px;
	}

/* a mettre dans un autre fichier css par exemple portail.css */

#contour_box {
	width: 651px;
	border-right: 1px solid #2C6D8F;
	border-left: 1px solid #2C6D8F;
	overflow: hidden;
	padding: 10px 5px 5px 10px;
}

.pun img {
	border: none;
}

.pun #portalconsole #avatar {
	padding-top: 5px;
}

#portalconsole .blockform .box #contour_box.padding_none {
	padding: 0;
	width: 666px;
}

/* page premium */

#punpremium form {
	border: none;
	background: none;
}

#punpremium form input {
	border: none;
	background:none;
	border-radius: none;
    box-shadow: none;
}

/* ajout de fichiers */

#punajouter_fichier #contour_box form {
	background: none;
	border: none;
}

#punajouter_fichier #contour_box form .input_fichieradd {
	margin-left: 30px;
}
#punajouter_fichier #contour_box form .input_subbmitadd {
	margin-left: 75px;
}

/* le tableau de téléchargement */
#table_telechargement {
	width: 665px;
	padding: 0;
	margin: 0 0 1px 1px;
}

#table_telechargement tr {
	height: 26px;
}

#table_telechargement th {
	border-bottom: 1px solid #BEC3C3;
}

#table_telechargement td {
	border-right: 1px solid #BEC3C3;
	border-bottom: 1px solid #BEC3C3;
	background:url(Styleoriental/img_portail/bg_dl.png) repeat-x;
	padding: 3px 6px 0px 6px;
	color: #4f6b72;
}


#table_telechargement td.alt {
	background:url(Styleoriental/img_portail/bg_dl_2.png) repeat-x;
	color: #797268;
}

#table_telechargement th.spec {
	border-left: 1px solid #BEC3C3;
	border-top: 0;
	background: url(styleoriental/img_portail/bullet_dl.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.pun h2 span.nb_page_dl {
	float:right;
	padding: 0;
	margin: -15px 0 0 0;
	background:none;
	text-transform: none;
}

#portalconsole .blockform .box .pagelink.conl {
	padding-top: 11px;
	margin-left: 6px;
}

/* Portail */
#punvideos #brdmain, #punajouter_fichier #brdmain, #punressources_claviers #brdmain, #puntelechargement #brdmain, #pungammes #brdmain, #puncontact #brdmain, #punplayer #brdmain, #punedit_video #brdmain, #punadd_video #brdmain, #pundelete_video #brdmain, #punedit_video2 #brdmain, #punpremium #brdmain{
    padding-top: 12px;
}

/*Menus*/

dt#menu_sous_menus {
	background: url(Styleoriental/img_portail/menu_sous_menus.png) no-repeat left;
	margin-left: -17px;
	width: 182px;
	height: 19px;
	margin-bottom: -4px;
}

#portalconsole .blockmenu h2.bg_color_1 {
	background: url(Styleoriental/img_portail/1.png) no-repeat;
}
.pun .blockmenu #inbox.br_color_1 {
	border-left: 1px solid #9029a0;
	border-right: 1px solid #9029a0;
}
.pun .blockmenu .box#bg_color_1_bas {
	background: url(styleoriental/img_portail/1_bas.png) no-repeat left bottom #d1d7de;
}

#portalconsole .blockmenu h2.bg_color_2 {
	background: url(Styleoriental/img_portail/2.png) no-repeat;
}
.pun .blockmenu #inbox.br_color_2 {
	border-left: 1px solid #f79d37;
	border-right: 1px solid #f79d37;
}
.pun .blockmenu .box#bg_color_2_bas {
	background: url(styleoriental/img_portail/2_bas.png) no-repeat left bottom #d1d7de;
}

#portalconsole .blockmenu h2.bg_color_3 {
	background: url(Styleoriental/img_portail/3.png) no-repeat;
}
.pun .blockmenu #inbox.br_color_3 {
	border-left: 1px solid #7a1b1b;
	border-right: 1px solid #7a1b1b;
	padding-top: 8px;
}
.pun .blockmenu .box#bg_color_3_bas {
	background: url(styleoriental/img_portail/3_bas.png) no-repeat left bottom #d1d7de;
}

#portalconsole .blockmenu h2.bg_color_4 {
	background: url(Styleoriental/img_portail/4.png) no-repeat;
	
}
.pun .blockmenu #inbox.br_color_4 {
	border-left: 1px solid #117816;
	border-right: 1px solid #117816;
	

}
.pun .blockmenu .box#bg_color_4_bas {
	background: url(styleoriental/img_portail/4_bas.png) no-repeat left bottom #d1d7de;
}

#portalconsole .blockmenu h2.bg_color_5 {
	background: url(Styleoriental/img_portail/5.png) no-repeat;
}
.pun .blockmenu #inbox.br_color_5 {
	border-left: 1px solid #c79d50;
	border-right: 1px solid #c79d50;
}
.pun .blockmenu .box#bg_color_5_bas {
	background: url(styleoriental/img_portail/5_bas.png) no-repeat left bottom #d1d7de;
}

.blockmenu h2.bg_color_1 span {
	background: transparent url(Styleoriental/img_portail/fleche_1.png) no-repeat 0px 10px;
}
.blockmenu h2.bg_color_2 span {
	background: transparent url(Styleoriental/img_portail/fleche_2.png) no-repeat 0px 10px;
}
.blockmenu h2.bg_color_3 span {
	background: transparent url(Styleoriental/img_portail/fleche_3.png) no-repeat 0px 10px;
}
.blockmenu h2.bg_color_4 span {
	background: transparent url(Styleoriental/img_portail/fleche_4.png) no-repeat 0px 10px;
}
.blockmenu h2.bg_color_5 span {
	background: transparent url(Styleoriental/img_portail/fleche_5.png) no-repeat 0px 10px;
}

/* pour la page ressources-claviers */
#punressources_claviers #portalconsole .ressclavier h2.barrepa3x {
	background:url(styleoriental/img_portail/barrepa3x.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa2x {
	background:url(styleoriental/img_portail/barrepa2x.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa800 {
	background:url(styleoriental/img_portail/barrepa800.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa1x {
	background:url(styleoriental/img_portail/barrepa1x.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa80 {
	background:url(styleoriental/img_portail/barrepa80.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa60 {
	background:url(styleoriental/img_portail/barrepa60.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrepa50 {
	background:url(styleoriental/img_portail/barrepa50.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barreor700 {
	background:url(styleoriental/img_portail/barreor700.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrea1000 {
	background:url(styleoriental/img_portail/barrea1000.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrea300 {
	background:url(styleoriental/img_portail/barrea300.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barregenesys {
	background:url(styleoriental/img_portail/barregenesys.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrewk2 {
	background:url(styleoriental/img_portail/barrewk2.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barregempk5 {
	background:url(styleoriental/img_portail/barregempk5.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barrevega {
	background:url(styleoriental/img_portail/barrevega.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier h2.barreax1oriental {
	background:url(styleoriental/img_portail/barreax1oriental.png) no-repeat;
}

#punressources_claviers #portalconsole .ressclavier {
	padding: 10px 0 0 16px;
	height: 350px;
}

#punressources_claviers #portalconsole .blockform .box #contour_box .ressclavier h2 span {
	background:none;
	padding: 0 18px 0 0;
	margin: -5px;
	text-align:center;
	color: #3c3c3c;
}

#punressources_claviers #portalconsole .blockform .box #contour_box .ressclavier h2 span a {
	color: #3c3c3c;
}

#punressources_claviers #portalconsole .blockform .box #contour_box .ressclavier h2 span a:hover {
	color: #00356b;
	text-decoration:blink;
}

#punressources_claviers #portalconsole .ressclavier h2 {
	width: 150px;
	height: 70px;
	text-transform:none;
	float:left;
	display:block;
	padding-left: 8px;
	padding-bottom: 12px;
}

/* les gammes arabe */
#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe {
	width: 328px;
	height: 178px;
	padding: 0 0 20px 3px;
	margin-left: 2px;
	float:left;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.ajam {
	background:url(styleoriental/img_portail/ajam.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.bayati {
	background:url(styleoriental/img_portail/bayati.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.chad_arabane {
	background:url(styleoriental/img_portail/chad_arabane.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.hijaz {
	background:url(styleoriental/img_portail/hijaz.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.hozam {
	background:url(styleoriental/img_portail/hozam.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.kourd {
	background:url(styleoriental/img_portail/kourd.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.nahawand {
	background:url(styleoriental/img_portail/nahawand.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.nakriz {
	background:url(styleoriental/img_portail/nakriz.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.rast {
	background:url(styleoriental/img_portail/rast.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.saba {
	background:url(styleoriental/img_portail/saba.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe.sikah {
	background:url(styleoriental/img_portail/sikah.png) no-repeat;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe .minidewplayer {
	margin: 98px 0 0 83px;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe h2 {
	background:none;
	width: 310px;
	color: #2e4965;
	font-size: 1.5em;
	text-align:right;
}

#pungammes #portalconsole .blockform .box #contour_box #les_gammes_arabe h2.textearabe {
	margin-top: -13px;
	font-size: 2.1em;
}

#pungammes #portalconsole .blockform .box #contour_box {
	padding-top: 10px;
    }
	
/* formulaire de contact */

#puncontact #portalconsole .blockform .box #contour_box form {
	border:none;
}

#puncontact #portalconsole .blockform .box #contour_box form td {
	border:none;
}

#puncontact #portalconsole .blockform .box #contour_box form td.buton_reload img {
	margin: 0px 400px 0 0;
}

#puncontact #portalconsole .blockform .box #contour_box strong.errorcontact {
	width: 200px;
	padding: 10px;
}

#puncontact #portalconsole .blockform .box #contour_box p.bg_errorcontact {
	background: #FFE8E8;
}

#puncontact #portalconsole .blockform .box #contour_box p.bg_validecontact {
	background: #cad1d8;
}

/* demos videos */

#punvideos #portalconsole .blockform .box #contour_box {
	height: 737px;
}

#portalconsole .blockform .box #contour_box .demosvideos {
	width: 120px;
	float:left;
	padding: 10px 0 0 10px;
}
			
#portalconsole .blockform .box #contour_box .demosvideos img.cadre {
    padding: 4px;
   	background: #fcfcfc;
	border-top: 1px solid #327199;
	border-left: 1px solid #327199;
	border-right: 1px solid #327199;
	border-bottom: 1px solid #327199;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
}
			
#portalconsole .blockform .box #contour_box .demosvideos p.titre {
	font-weight:bold;
	margin-top: -6px;
	margin-bottom: -2px;
	
}
#portalconsole .blockform .box #contour_box .demosvideos p.datevideo {
	color:#7a7a7a;
	margin-left: 30px;
	padding-bottom: 6px;
	margin-top: -8px;
}

#punplayer #portalconsole .blockform .box #contour_box ul.menuvideoplayer { 
	padding-top: 10px;
	margin-left: 73px;
}
		
#punplayer #portalconsole .blockform .box #contour_box ul.menuvideoplayer li {
	display: inline ;
}

#punplayer #portalconsole .blockform .box #contour_box ul.menuvideoplayer li a {
	padding: 10px 10px;
	margin-left: 10px;
	background: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.videosinfoplayerdate {
	float:left; 
	position:relative; 
	left:60px;
}

.videosinfoplayervue {
	float:right;
	position:relative;
	left: -63px;
}

#punadd_video #portalconsole .blockform .box #contour_box form, #punedit_video form {
	background:none;
	border: none;
}

#punadd_video #portalconsole .blockform .box #contour_box form td {
	border: none;
	padding-bottom: 15px;
}

#punedit_video td {
	border: none;
	padding-bottom: 10px;
	padding-left: 17px;
}

#punadd_video #portalconsole .blockform .box #contour_box form .inputtitlvideo {
	margin-left: 5px;
}

#punadd_video #portalconsole .blockform .box #contour_box form .buttonsubmitvideo {
	margin-left: 100px;
}

#punadd_video #portalconsole .blockform .box #contour_box .ajoutvideo {
	width: 291px;
	margin:auto;
}

/* formulaire de contact */