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


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

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

b {
	font-size: 0.99em;
}

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

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

#anneau {
    position: absolute;
    top:135px;
    right: 140px;
    background: url(JRRVF/Grive.gif) no-repeat;
    height: 107px;
    width: 154px;
    display: block;
    z-index:1;
}

#fleche {
    position: fixed;
    display: none;
    bottom: 27px;
    right: 23px;
    background: url(JRRVF/fleche.png) no-repeat;
    height:86px;
    width:33px;
    z-index: 99;
    cursor: pointer;
    border-radius: 4px;
    opacity:0.4;
}

#fleche:hover { 
    opacity:1;
}

/* Bords & couleurs
----------------------------------------------------------------*/

.pun .block .box, .pun .blockpost .postbody, .pun .blockpost .postfoot, #brdmenu, #adminconsole fieldset th, .pun .blocktable .box, .pun .blocktable td, .pun .blockmenu .box {
	background-color: #fefdfb;
}

#postpreview, #quickpostform, #brdmain .blockform {
		background-color: #fbf8f5;
}

.pun .isticky td, #modcontrols dd, #brdstats dd, #viewprofile dd, #adstats dd, #adminconsole fieldset th, #adminconsole fieldset td {
		background-color: #f3ede5;
}

#brdtitle, #brdheader .box, .pun .postlink a:link, .pun .postlink a:visited, .pun .postlink a:active  {
	background-color: #e8dac7;
}

.pun .box, .pun h2, #brdfooter #modcontrols, .pun td, .pun th, .pun fieldset, .pun .checklist {
	border-color: #A2B5CC;
	}

#brdmain .block .box, .block h2 {
	border: solid 1px #A2B5CC;
}

#announce .box {
   background-color: transparent;
}

.postleft, .postfootleft {
	color:#55555a;
}

.pun .postmsg, #punhelp code, #punhelp samp, .pun span {
	color: #333;
}

/* commandes */

.pun input {
	padding: 2px 7px;
}

.pun input[type="submit"], .pun input[type="button"], .pun select {
	border: 1px solid #9aa5ad;
	background: linear-gradient(to bottom, rgba(250, 250, 250, 0.7) 30%, rgba(0, 0, 0, 0)) #cec1ad;
	height:25px;
	color: #0a1d31bd;
}

.pun input:hover[type="submit"], .pun input:hover[type="button"], .pun select:hover {
	border-color: #6a7277;
}

/*** Polices ***/

.pun .iselected a, .pun .iselected a:link, .pun .iselected a:visited, .stickytext {
	color: #a2966e;
}

/* Images
----------------------------------------------------------------*/

.pun #brdtitle, .pun h2 {
	background-image: linear-gradient(to top, rgba(250, 250, 250, 0.5) 30%, rgba(0, 0, 0, 0)), url("JRRVF/motif.jpg");
}

.pun .blockpost, .pun .blocktable tr {
	background-image: url(JRRVF/entrelacs.jpg);
}

.pun #postpreview, .pun #posterror {
	background-image:none;
}


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

.pun, .pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend, .pun select {
	font: 10pt Georgia, Times, "Times New Roman", serif;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
	font-size: 0.94em;
}

.pun td.tcl {
	font-size: 0.92em;
}

.pun small {
	font-size: 0.90em;
}

.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 table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	empty-cells: show;
	width: 100%;
}

.pun h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	background-repeat: repeat-x;
	opacity: 1;
	border-bottom: none;
	padding: 6px;
	font-size: 1.15em;
	font-weight: normal;
	text-shadow: #FFF 1px -1px 0.7em;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-webkit-border-top-left-radius: 0.3em;
	-webkit-border-top-right-radius: 0.3em;
}

#adminconsole h2, #rules h2, #quickpost h2, .pun .blocktable h2, .blockform h2, .blockmenu h2 {
	opacity: 1;
    border-width: 1px;
    border-style: solid;
    border-bottom: none;
}

#postreview h2 {
	border: 1px solid #A2B5CC;
	margin-bottom: 6px;
}

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

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

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

.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend {
	padding: 7px 0;
}

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

.pun em {
	font-style: italic;
}

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

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

.pun .actions span {
	padding-left: 16px;
	padding-right: 8px;
	background: url(Air/img/bull.png) center left no-repeat;
	display: inline-block;
	line-height: normal;
}


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

#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt,
#searchlinks dt, div.postright h3, #announce .hd, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
	display: none;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 0;
}

#brdfooter h2 {
	background: none;
}

#brdfooter .box {
	border: 1px solid #A2B5CC;
}

.pun #brdfooter #qjump input {
	display: none;
}

/* Generic Float Clear
----------------------------------------------------------------*/


.pun .block .inbox, .pun .blockmenu .inbox {
	padding: 3px 6px;
}

* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
	display: inline-block;
}

* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col {
	display: block;
}
/*
.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after {
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
*/
.pun .block2col .inbox:after {
	content: none;
	clear: none;
}

.clearl {
	clear: left;
}


/*****************************************************************
2. COMMON STYLES
*****************************************************************/

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

.pun {
	padding: 12px 40px;
}

#punredirect, #punmaint {
	padding: 60px 20% 12px 20%;
}

#puninstall, #pundb_update {
	padding: 20px 10%;
}

.pun .top-box {
	height: 18px;
	margin-bottom: -18px;
	position: relative;
	background: url(Air/img/main_top.png) top left no-repeat;
}

.pun .top-box div {
	height: 18px;
	margin-left: 50%;
	background: url(Air/img/main_top.png) top right no-repeat;
}

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

.pun .end-box div {
	height: 18px;
	margin-left: 50%;
	background: url(Air/img/main_end.png) bottom right no-repeat;
}

#punmaint h2 {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 3px;
}

/* Section Spacing and Borders
----------------------------------------------------------------*/

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

#punredirect #brdmain, #punmaint #brdmain {
	border: 0;
	margin: 0;
	padding: 0;
}

.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {
    margin-bottom: 12px;
}

#announce, #brdstats {
    margin: 6px 0 12px 0;
}

#announce {
	width:fit-content;
}

/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
    font-size: 1.35em;
    line-height: 1.1em;
    padding: 3px 0 0 0;
}

#brdheader {
    margin: 0 0 12px 0;
}

#brdheader .box {
	border: 1px solid #A2B5CC;
	background-repeat: repeat-x;
	background-position: top;
	color: #122434;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-left-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0.4em;
}

.pun #brdtitle {
	opacity: 1;
    background-repeat: repeat-x;
    text-shadow: #FFF 1px -1px 0.4em;
    padding:12px;
    padding-bottom: 6px;
}

#brddesc {
    padding: 3px 0;
}

#brddesc p {
	padding: 0;
}

#brdmenu ul {
	padding: 3px;
}

#brdmenu li {
	display: inline;
    margin-right: 10px;
    margin-top: 12px;
    margin-bottom: 12px;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
	text-decoration: none;
}

#brdmenu li a:active, #brdmenu li a:link, #brdmenu li a:visited {
    color: #1F2E3D;
}

#brdmenu a:link, #brdmenu a:visited {
    text-decoration: none;
    text-shadow: #FFF 1px -1px 0.4em;
    padding: 0.2em;
}

/* Welcome Box
----------------------------------------------------------------*/

#brdwelcome {
    padding: 3px 12px;
    font-size: 0.95em;
}

#brdwelcome li {
    float: left;
    margin-right: 8px;
    white-space: nowrap;
}

#brdwelcome .conl li strong:after {
    content: '.';
}

#brdwelcome .conl {
  float: left;
  white-space: nowrap;
}

#brdwelcome .conr {
  float: right;
  position: relative;
  z-index: 2;
}

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

#brdstats .conl {
	float: left;
}

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

#brdstats #onlinelist {
	border-top-style: dotted;
	border-top-width: 1px;
	clear: both;
}

#brdstats #onlinelist dt, #brdstats #onlinelist dd {
	display: inline;
}

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

.pun #modcontrols {
	border-style: none none solid none;
	border-width: 0 0 1px 0;
	margin-bottom: 4px;
	padding:3px 0px;
	text-align: center;
	width: 100%;
}

.pun #modcontrols dd {
	display: inline;
	margin-right: 10px;
}

.pun #brdfooter .conl {
	float: left;
}

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

.pun #brdfooter #poweredby a {
	font-size: 1.077em;
	font-weight: bold;
}

.pun #brdfooter #qjump {
	padding-top: 5px;
}

.pun #brdfooter #qjump * {
	white-space: nowrap;
}

.pun #brdfooter #searchlinks dd span {
	background: url(Air/img/bull.png) center left no-repeat;
	display: inline-block;
	line-height: normal;
	padding-left: 18px;
	white-space: nowrap;
}

.pun #brdfooter #feedlinks {
	padding-bottom: 0;
}

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

.pun #debugtime {
	border-style: dotted none none none;
	border-width: 1px 0 0 0;
	margin-top: 7px;
	text-align: center;
}

/* Breadcrumbs, Postlink, Pagination
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun linksb .inbox, .pun .postlinksb .inbox {
	overflow: hidden;
}

.pun .linkst {
    padding: 0px 0px 3px 0px;
}

.pun .postlink, .pun .modbuttons {
	float: right;
	text-align: right;
	font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
	clear: both;
	position: relative;
	width: 100%;
}

.pun .linksb, .pun .postlinksb {
    padding: 3px 0px 8px 0px;
}

.pun .linkst {
    padding: 8px 0px 3px 0px;
}

.pun .linkst, .pun .linksb {
    margin-top: -12px;
}

.pun .linkst .crumbs {
	font-size: 1.1em;
}

.pun .linksb .crumbs {
	/* font-size: 1.154em; */
}

.pun .linksb .crumbsplus .pagepost {
	/* border-bottom-style: dotted; */
	/* border-bottom-width: 1px; */
}

.pun .crumbs li {
	display: inline;
    white-space: nowrap;
    font-weight: bold;
}

.pun .crumbs li strong {
	font-weight: bold;
}

.pun .pagelink {
    float: left;
    display: block;
    white-space: normal;
}

.pun .pagelink a, .pun .pagelink span.spacer {
	border-style: none none none solid;
	border-width: 0 0 0 1px;
	display: inline-block;
	padding: 0 12px 0 10px;
	margin-right: -6px;
}

.pun .pagelink .item1 {
	border: 0;
	padding-left: 6px;
}

.pun .pagelink strong {
	padding: 0 6px;
	margin: 0px;
}

.pun .pagelink .item2 {
	padding-left: 10px;
}

.pun .modbuttons {
	float: right;
	padding: 5px 0 3px 0;
}

.pun .modbuttons input {
	margin-left: 8px;
}

.pun .clearer, .pun .clearb {
    clear: both;
}

#punindex .subscribelink {
	margin-top: 6px;
}

/*****************************************************************
4. MAIN TABLES
*****************************************************************/

.pun #brdmain .blocktable {
	position: relative;
}

.pun .blocktable .box {
	border-style: solid;
	border-width: 1px;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
}

* html .pun .blocktable .box {
	display: inline-block;
}

.pun .blocktable table {
	table-layout: fixed;
	margin-bottom: -1px;
}

.pun .blocktable th {
	padding: 7px 8px;
	/* border-style: none none solid none; */
	border-width: 1px;
	text-align: left;
}

.pun .blocktable td {
	padding: 7px 8px;
	line-height: 1.3077em;
	border-style: solid none none solid;
	border-width: 1px;
	text-align: left;
}

.pun .blocktable h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
}

.pun .blocktable p {
	padding: 0;
}

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

.pun .blocktable .tcl {
	width: auto;
	border-left:  none;
}

.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 8%;
}

.pun .blocktable .tcr {
	width: 16%;
}

#vf .tcr {
	width: 22%;
}

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
	white-space: nowrap;
}

.pun .blocktable .tcl h3 span.newtext {
	font-size: 0.929em;
	font-weight: normal;
}

.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext {
	font-size: 1em;
	font-weight: bold;
}

.pun .stickytext {
    display: none;
}

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

#users1 .tcr {
	width: 25%;
}

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

#debug {
	margin-top: 12px;
}

#debug .tcl {
	width: 10%;
}

#punredirect #debug .tcl, #punmaint #debug .tcl {
	width: 20%;
}

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

#punindex .tcr .byuser {
	display: block
}

.pun #vf td.tcl span a {
	font-weight: normal;
}

#vf td {
    font-size: 1.08em;
    line-height: 1.7em;
}

.pun .blocktable .tclcon {
	padding: 0 11px 0 12px;
    overflow: hidden;
    height: 1%;
    min-height: 1px;
    position: relative;
}

.pun .blocktable .tclcon div {
	width: 100%;
	overflow: hidden;
}

.pun .icon {
	height: 24px;
    width: 24px;
    overflow: hidden;
    float: left;
}

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

/*****************************************************************
MAIN POSTS
*****************************************************************/

/* Structure
----------------------------------------------------------------*/

#punindex .blocktable {
	margin-bottom: 6px
	}

.pun .blockpost {
	border: 1px solid #A2B5CC;
	margin-bottom: 6px;
	overflow: hidden;
	position: relative;
}

* html .pun .blockpost {
	display: inline-block;
}

.pun .blockpost h2 {
	opacity: 0.65;
	font-size: 1.0em;
	white-space: nowrap;
	padding: 8px 10px 8px 193px;
	font-weight: normal;
	border-bottom: 1px solid #A2B5CC;
}

#punsearch .blockpost h2 {
	height: auto;
	padding-left: 36px;
	white-space: normal;
}

#postpreview h2 {
	padding: 8px;
	font-size: 1.15em;
}

#punsearch .blockpost h2 span span {
	white-space: nowrap;
	display: inline-block;
	font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif
}

#punsearch .blockpost .icon {
	position: absolute;
	top: 0;
	margin-top: -2.154em;
}

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

.pun .blockpost h2 a, .pun .blockpost h2 .conr {
     color: #014173;
     font-weight: bold;
}

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

.pun .blockpost .postbody, .pun .blockpost .postfoot {
	border-left: 1px solid #dfe6ee;
	float: right;
	margin-right: -180px;
	position: relative;
	text-align: justify;
	width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
	width: 180px;
	padding: 0px 0px 0px 0px;
	float: left;
	margin-left: -180px;
	position: relative;
}

.blockpost .postleft dl, .blockpost .postleft .userdetail1, .blockpost .postleft .userdetail2 {
	padding: 8px 8px;
}

.blockpost .postleft .userdetail2 {
	padding-top: 0px;
}

.postleft .userdetail2 {
	opacity: 0.7;
}

.postfoot {
	opacity: 0.9;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
	display: block;
	position: absolute;
	padding: 6px 0px 6px 8px;
	height: 1.462em;
	top: -2.4em;
	left: 0;
	overflow: hidden;
	width: 164px;
}

.pun .blockpost dt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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

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

.pun .blockpost .postleft .usertitle strong {
	font-weight: normal;
}

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

.pun .blockpost .postright {
	position: relative;
	padding: 4px 192px 7px 12px;
}

.pun .blockpost .postfootright {
	position: relative;
	padding: 0px 187px 0px 0px;
	text-align: right;
}

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

.pun .postmsg .espacement {
	padding: 3px 0;
}

.pun .separation {
	background: url(JRRVF/separateur.png) center center no-repeat;
        opacity: 0.6;
	padding: 21px 0;
}

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

.pun .postfootright li {
	display: inline;
	}

.pun .postfootright li:before {
	content: " | ";
	}

.pun .postfootright li:first-child:before {
	content: "";
	}

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

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

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

.pun .blockpost .usercontacts .website {
	background: url(JRRVF/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;
}

/* Content (includes other user content)
----------------------------------------------------------------*/

.pun .usercontent {
	/* padding: 7px 0; */
}

.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3,
.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
	padding: 7px 0 0 0;
}

.pun .postmsg h5, #punhelp h5 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 7px 0;
}

.pun .usercontent ul, .pun .postmsg ul {
	list-style: disc;
	padding: 4px 13px 4px 30px;
}

.pun .usercontent ol, .pun .postmsg ol {
	list-style: decimal;
	padding: 4px 13px 4px 30px;
}

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

.pun .usercontent li, .pun .postmsg li {
	padding: 3px 0;
}

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

.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 .blockpost .postmsg .postedit {
	font-size: 0.857em;
}

.pun .blockform .postsignature, .pun .blockpost .postsignature {
	font-size: 0.923em;
}

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

.pun .codebox pre {
	overflow-y:hidden;
	overflow: auto;
	width: 100%;
	direction: ltr;
	text-align: left;
}

.pun .postmsg blockquote {
	margin-top: -7px;
	margin-bottom: -7px;
}

/* Affichage des citations internes au forum */

  /* ancien forum */
  
div.citeAuteur
{
	margin: 10px 5px 10px 40px;
	font-size: 0.89em;
	color:#666666;
}

div.citeTexte
{
	border-left:2px dotted gray; 
	font-size: 0.98em;
	margin-top:5px;
	padding-left:5px;
	color:#666666;
}

  /* nouveau forum */

.pun .quotebox {
	margin: 5px 0px 5px 0px;
	border-color: #2365b070;
	color: #566579;
}

.pun .quotebox cite 
{
	margin: 0px 0px 0px 40px;
	font-size: 0.90em;
	font-weight:bold;
	font-style:normal;
	color:#666666;
}

.pun .quotebox blockquote
{
	border-left:2px dotted gray;
	padding-left:5px;
	margin: 5px 0px 0px 40px;
	color:#666666;
}

.pun .quotebox blockquote {
	font-size: 0.90em;
}

.pun .quotebox blockquote .quotebox blockquote, .pun .quotebox small blockquote, .pun .quotebox blockquote small {
	font-size: 1em;
}

.postmsg .quotebox blockquote div p
{
	padding:3px 0px 3px 0px;
}


/* Affichage citations externes au forum (ouvrages ...) */

div.refTexte, div.citation, span.exergue
{
	color:#008080;
}

  /* ancien forum */

div.refTexte
{
	margin: 0px 40px 0px 40px;
	font-size:0.95em;
	text-align:justify;
}

div.refTitre
{
	color:#808080; 
	margin:0px 0px 0px 0px; 
	text-align:left;
}

  /* nouveau forum */

div.citation 
{
	margin: 4px 40px;
	font-size:0.95em;
	text-align:justify;
} 

div.source
{
	margin-top: -1px;
}

div.refCitation, div.source
{
	color:#808080;
	text-align:left;
}

.pun .postmsg div.citation p, .pun .postmsg div.refCitation p
{
	padding:3px 0;
}

.pun .postmsg div.source p
{
	padding-top:0px;
}

.pun div.colonne
{
	display:table; 
        width: 93.5%; /* pour firefox ne reconnaît pas -webkit-fill-available*/
	width: -webkit-fill-available;
}

.pun div.gauche {
	float:left; 
	width:48%;
}

.pun div.droite {
	float:right; 
	width:48%;
}

/* fin affichage citations */

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

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

.pun .codebox pre code {
	padding: 0.75em;
	white-space: pre;
}

.pun div[class*=codebox] pre code {
	display: inline-block;
}

* html .pun .codebox pre code {
	display: block;
}

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

.pun .postmsg img, #punhelp samp img {
	vertical-align: text-top;
}

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

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

/*****************************************************************
MAIN FORMS
*****************************************************************/

.pun div[class*="inform"] legend {
    margin-left: 0;
}
.pun legend {
    color: #122434;
}
.pun legend {
    font-size: 1.1em;
    font-weight: bold;
    margin-left: -7px;
    padding: 10px 19px 7px 19px;
}

.pun .blockform .box {
	border-style: solid;
	border-width: 1px;
	padding-bottom: 12px;
}

.pun #posterror {
	border-style: solid;
	border-width: 1px;
}

.pun #posterror .box {
	padding: 0 18px 12px 18px;
}

* html .pun .blockform .box, * html .pun #posterror {
	display: inline-block;
}

.pun .blockform .forminfo, .pun .error-info {
	padding: 12px 18px;
	border-style: solid;
	border-width: 1px;
	position: relative;
}

.pun .blockform .forminfo {
	margin-top: 12px;
}

#pundelete .blockform .forminfo {
	margin-top: 33px;
}

.pun .forminfo h3 {
	padding-bottom: 0;
}

.pun .error-list li {
	padding-left: 24px;
	background: url(Air/img/exclaim.png) center left no-repeat;
}

.pun .inform {
	padding: 0 18px;
}

.pun legend {
	font-weight: bold;
	padding: 10px 19px 4px 19px;
}

* html .pun legend {
	margin-left: -7px;
}

*:first-child+html .pun legend {
	margin-left: -7px;
}

.pun div[class*="infldset"] {
    display: block;
}

.pun .infldset, #pundelete .deletemsg, #adintro .inbox, #adstats .inbox {
    background: #fefdfb url(JRRVF/light-shade.png) bottom repeat-x;
    border-color: #C0CCD8;
}

.pun .infldset {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    overflow: hidden;
    padding: 12px 18px;
}

#punregister #rules .infldset {
	padding: 5px 18px;
}

.pun fieldset p {
	padding: 0 0 7px 0;
	width: 100%;
}

.pun fieldset .usercontent p {
	padding: 7px 0;
}

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

.pun label em {
	font-weight: normal;
	font-style: normal;
}

.pun .required strong {
	background: url(Air/img/asterisk.png) center right no-repeat;
	font-weight: normal;
	padding-right: 14px;
	white-space: pre;
	display: inline-block;
	line-height: normal;
}


.pun label input, .pun label select, .pun label textarea {
	margin-top: 2px;
}

.pun label.conl {
	display: inline-block;
	padding-right: 12px;
}

.pun form .buttons {
	padding: 8px 19px 8px 34px;
	margin-bottom: -12px;
}

.pun .blockform .buttons input {
	margin-right: 12px;
}

.pun .rbox {
	padding: 3px 0;
}

.pun .rbox label {
	padding-left: 1.75em;
	position: relative;
	min-height: 1px;
}

* html .pun .rbox label {
	text-indent: -3px;
	height: 1%;
}

.pun .rbox input {
	margin: 0px 0.75em 0px -1.75em;
	position: relative;
	vertical-align: middle;
	padding: 0;
	height: 1em;
	width: 1em;
}

.pun .txtarea textarea, .pun input.longinput {
	width: 99%;
}

.pun #quickpost .txtarea {
	padding-right: 12px;
	position: relative;
}

.pun .blockform .bblinks {
	padding-top: 0;
}

.pun .blockform .bblinks li {
	display: inline;
}

.pun .blockform .bblinks li span {
	background: url(Air/img/help.png) center left no-repeat;
	margin-right: 8px;
	padding-left: 20px;
	display: inline-block;
}

.pun #quickpost .bblinks {
	padding-top: 0;
}

.pun #quickpost .bblinks li {
	display: inline;
}

.pun #login p.clearb {
	border-top-style: dotted;
	border-top-width: 1px;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin-top: 7px;
	overflow: hidden;
	padding-bottom: 3px;
	padding-top: 7px;
	text-indent: -9999em;
	width: 100%;
}

.pun #postreview {
	padding-top: 12px;
}

.pun #postpreview, .pun #posterror {
	margin-bottom: 12px;
}

.pun #postpreview .postright {
	padding: 0;
}

.pun #postpreview .postbody {
	border: 1px solid #dfe6ee;
	float: none;
	margin: 12px 18px 12px 18px;
	padding: 0;
	padding: 4px 18px 4px 18px;
	width: auto;
}

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

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

#punmisc #rules .box {
	border-style: solid;
	border-width: 1px;
	padding: 5px 18px;
}


#punhelp .box {
	border-style: solid;
	border-width: 1px;
	padding: 7px 12px;
}

.pun .multiselect {
	float: left;
	padding-bottom: 7px;
}

.pun .checklist {
    background: white;
	border-width: 1px;
	border-style: solid;
	max-height: 9em;
	width: 20em;
	overflow: auto;
	padding: 0.25em 0.5em;
	margin: 0.25em 16px 0 0.15em;
}

.pun .checklist legend {
	padding: 0;
}

.pun .checklist legend span {
	width: auto;
	max-width: 25em;
}

.pun .checklist .checklist-item {
	position: relative;
}

.pun .checklist .checklist-item label {
	padding: 0 0 0 1.75em;
}

.pun .checklist .checklist-item .fld-input {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

.pun .checklist .checklist-item input {
	margin: 0;
	height: 1.55em;
	width: 1.55em;
}

/*****************************************************************
PROFILES (+ ADMIN MENU)
*****************************************************************/

/* Profile / Admin
----------------------------------------------------------------*/

.pun .blockmenu {
	width: 13em;
	float: left;
	padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 15em;
}

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

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	display: block;
	/* padding: 9px 6px 3px 6px; */
	/* min-height: 1px; */
	text-decoration: none;
}

.pun .blockmenu li.isactive a, #posterror li strong {
    color: #333;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
	height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	text-decoration: none;
}

#viewprofile .box {
	border-style: solid;
	border-width: 1px;
	padding-bottom: 18px;
}

#viewprofile dt, #adstats dt {
	padding: 3px;
	position: absolute;
	width: 13em;
	left: 0;
}

#viewprofile dl {
	border: none;
	margin: 7px 0;
	padding: 0;
	width: 100%;
	position: relative;
}

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

#adintro, #adstats, #adalerts {
	border-style: solid;
	border-width: 1px;
	padding: 18px;
}

#adintro ul {
    list-style-type: disc;
    margin-left: 8px;
    padding-left: 16px;
}

#adstats .inbox, #adintro .inbox {
	border-style: solid;
	border-width: 1px;
	padding: 18px;
}

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


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

/* Basic defaults and Common Items
----------------------------------------------------------------*/

html, body, .pun {
	background: url(JRRVF/fond.jpg) repeat top;
	color: #122434;
	}


#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols,
#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * {
	border-color: #b9c5ce;
}

.pun a, .pun a:link, .pun a:visited {
	color: #2365B0;
}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #b50000;
}

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

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

/* Primary Navigation
----------------------------------------------------------------*/

#brdmenu {
    color: #122434;
    background-repeat: repeat-x;
    background-position: top;
    font-size: 1.1em;
}

.pun .postlink a:hover {
	background-color: #C0D6E9;
	color: #000;
}

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

/* Main Tables
----------------------------------------------------------------*/

.pun .blocktable th {
	border-color: #cad7e1;
	/* color: #357082; */
}

.pun .blocktable td.tcl span.stickytext {
	color: #3399CC;
}

/* Main Posts
----------------------------------------------------------------*/

.pun .blockpost {
	/* background-image: url(JRRVF2/img/menu.jpg); */
	/*	background: #f6f9fc; */
	/* border-color: #b9c5ce #d9e1e7; */
	border-style:solid;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-webkit-border-top-left-radius: 0.3em;
	-webkit-border-top-right-radius: 0.3em;
}

.pun .postsignature, .pun .postmsg .postedit {
	color: #566579;
}

.pun .codebox, #punhelp .codebox code {
	background: #333;
	color: #fff;
}

.pun .postmsg hr {
	background: #b9c5ce;
}

.pun .postmsg ins, #punhelp samp ins {
	background-color: #ff0;
}

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

#announce .box, .pun .blockmenu .box, #brdstats .box {
    border-style: solid;
    border-width: 1px;
}

.blocktable #announce h2 {
	border-color: #F6B620;
}

#adminconsole td, #adminconsole th {
	border-style:solid;
	border-width:1px 0px !important;
}

#adminconsole th {
	border-width: 1px 0px 1px 1px !important;
}

#adminconsole td {
	border-width: 1px 1px 1px 1px !important;
}

.pun .forminfo, .pun .blockpost label, .pun .deletemsg {
	border-color: #aca899 #fff #fff #aca899;
	}

.pun .quotebox-old, .pun .codebox 
{
	border-color: #BCD2E9;
}

.pun .postlink a:link, .pun .postlink a:visited, .pun .postlink a:active  {
	background-color: #e8dac7;
	background-image:url(JRRVF/inv-shade.png);
	background-repeat:repeat-x;
	border: 1px solid #C0D6E9;
	color:#2B3037;
	text-shadow: #FFF 1px -1px 0.4em;
	padding: 0.3em;
	border-radius: 0.4em;
	position: relative;
	-moz-border-radius: 0.4em;
	-webkit-border-top-left-radius: 0.4em;
	-webkit-border-top-right-radius: 0.4em;
	-webkit-border-bottom-left-radius: 0.4em;
	-webkit-border-bottom-right-radius: 0.4em;
	}

.pun .postlink a:hover {
	background-color: #c9b59c;
	color: #000;
	}

.pun .linkst .postlink {
    position: relative;
    margin-top: -0.2em;
    margin-bottom: 0.5em;
}

.pun .linksb .postlink, .pun .postlinksb .postlink {
    position: relative;
    margin-top: 0.5em;
    margin-bottom: -0.5em;
}

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

.pun a:link, .pun a:visited {
	color: #4D7FA6; /* 5A8CB2 195C90 1F537B */
	text-decoration: none;
	}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #9E1D00
	}

.blockpost h2 a:hover {
	color: #5f0008
}

#brdmenu li a:active, #brdmenu li a:link, #brdmenu li a:visited {
	color: #1F2E3D;
	}

#brdmenu li a:hover {
	color: #000;
	text-shadow: #8895A2 1px -1px 0.4em;
	}

#vf a {
	font-weight: normal;
	}

.pun .postreport a:link, .pun .postreport a:visited,
.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
	color: #888
	}

.pun .isticky.iclosed td.tcl a:link, .pun .isticky.iclosed td.tcl a:visited {
	color: #475F6B !important;
	}

.pun .isticky.iclosed td.tcl a:hover {
	color: #577382 !important;
	}


.pun .postreport a:hover, .pun .postreport a:active,
.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
	color: #aaa
	}

.pun .maintenancelink a:link, .pun .maintenancelink a:visited {
	color: #b42000
	}

.pun .maintenancelink a:hover, .pun .maintenancelink a:active {
	color: #b42000
	}


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


.pun .icon {
	background-image:url(JRRVF/icon.png);
	opacity:0.4;
	}

.pun .iselected .icon {
	background: url(JRRVF/icon-selected.png) no-repeat center;
}

.pun .isticky .icon {
	background-image:url(JRRVF/icon-sticky.png);
}

.pun .iredirect .icon/*, .pun .imoved .icon*/ {
	background-image:url(JRRVF/icon-moved.png);
	}

.pun .inew .icon, .pun .iredirect .icon/*, .pun .imoved .icon*/ {
	opacity:1;
}

.pun .iclosed.isticky .icon {
	background-image:url(JRRVF/icon-closed-sticky.png);
	}

.pun .imoved .icon {
	background-image:url(JRRVF/icon-moved.png);
	}

span.tagcloud-theme {font-size: 12px!important; color: #fff!important; background:#db7274 url(i/menu-item-bg.png) repeat-x;border:1px solid #db7274;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;box-shadow:0px 0px 3px #eee;text-shadow: 1px 1px 1px #BF2706;} 
.tagcloud-small a:hover {color: #fff!important; background:#d26e70 url(i/menu-item-bg.png) repeat-x;border:1px solid #d26e70;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;box-shadow:0px 0px 3px #bf5b5c;text-shadow: 1px 1px 1px #bf5b5c;}

.pun select {
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 0.93em;
}

user agent stylesheet
select:not(:-internal-list-box) {
    background-color: buttonface;
    overflow: visible !important;
}

user agent stylesheet
select {
    border-radius: 0px;
    border-color: rgb(169, 169, 169);
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
}

#punwrap_ezbbc .titre {
	text-align:center;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom:38px;
} 

#punwrap_ezbbc .soustitre {
	font-size: 1.1em;
	padding-bottom:0px;
} 

#punwrap_ezbbc .buttons {
	padding: 12px 0px;;
	margin-bottom: -12px;
}

#punwrap_ezbbc #brdmain {
	padding: 20px 0;
}