:root {
	--color-1: #E5E5E5;
	--color-2: #666666;
	--color-3: #333;
	--color-4: #fff;
	--color-5: #ebebeb;
	--color-6: #566579;
	--color-7: #b50000;
	--color-8: #ECBB24;
	--color-9: #f7f7f7;
	--color-10: #ddd;
	--color-11: #555;
	--color-12: #efefef;
	--color-13: #f1f1f1;
	--color-14: #357082;
	--color-15: #f8f9f0;
	--color-16: #b9c5ce;
	--color-17: #ff0;
	--color-18: #44699c;

	--color-19: #ffffe1;
	--color-20: #ffffe6;
	--color-21: #d59b9b;
	--color-22: white;
	--color-23: #e8ecf1;
	--color-24: #d4d9dd;
	--color-25: #dfe3e8;
	--color-26: #faadad;
	--color-27: #ffd6d6;
	--color-28: #ff3d3d;
	--color-29: #ff6666;
	--color-30: rgb(29,125,28);
	--color-31: #229222;
	--color-32: rgb(76,153,0);
	--color-33: rgb(89,178,0);
	--color-34: #ccc;
	--color-35: #bbb;
	--color-36: #999;
	--color-37: #aaa;
	--color-38: rgba(100, 100, 100, 0.3);
	--color-39: #f6f6f6;
	--color-40: #000;
	--color-41: #FCFDFE;
	--color-42: #dedede;
	--color-43: #ca2744;
	--color-44: rgb(0,119,24);
}

@media screen {
	:root.sombre {
		  --color-1: #2b2b2b;
		--color-2: #aaaaaa;
		--color-3: #cccccc;
		--color-4: #1a1a1a;
		--color-5: #3a3a3a;
		--color-6: #91a1b5;
		--color-7: #d07070;
		--color-8: #f5d97d;
		--color-9: #2a2a2a;
		--color-10: #444444;
		--color-11: #bbbbbb;
		--color-12: #383838;
		--color-13: #3d3d3d;
		--color-14: #6ebad0;
		--color-15: #252726;
		--color-16: #7d8b96;
		--color-17: #fff799;
		--color-18: #7da4d9;

		--color-19: #3a3a2a;
		--color-20: #3f3f2e;
		--color-21: #c58b8b;
		--color-22: var(--color-3);
		--color-23: #40474f;
		--color-24: #4b5258;
		--color-25: #52585e;
		--color-26: #c38080;
		--color-27: #cf9e9e;
		--color-28: #c15e5e;
		--color-29: #cc7878;
		--color-30: #000000;
		--color-31: #58b858;
		--color-32: #74c274;
		--color-33: #414141;
		--color-34: #555555;
		--color-35: #666666;
		--color-36: #777777;
		--color-37: #888888;
		--color-38: rgba(180, 180, 180, 0.25);
		--color-39: #2c2c2c;
		--color-40: #f8f8f8;
		--color-41: #1e1f21;
		--color-42: #555555;
		--color-43: #e76b85;
		--color-44: #5fd479;
	}
}


/* Bibmath SKIN (1.0) FOR FLUXBB 1.5.1+
   Note: Responsive elements start ~ line 1700 */
	
/******************************************************************
  FLUXBB
******************************************************************/

/*****************************************************************
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 blockquote,
.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;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

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

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

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

.pun {
	font: 91.25%/1.562em Arial, Helvetica, sans-serif;
}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

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

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

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

.pun h1 {
	font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 7px 0;
}

.pun h2, .pun .hd h2 {
	font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 7px 0;
}

.pun h3 {
	font-size: 1.154em;
	line-height: 1.267em;
	padding: 7px 0;
}

.pun h4, #announce .hd h2 {
	font-size: 1.077em;
	font-weight: bold;
	padding: 7px 0;
}

/* Styling the announcement to match includes in the Bibmath skin */
#announce .hd h2 {
    border-bottom: 1px solid var(--color-1);
    color: var(--color-2);
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.pun h5, .pun h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 7px 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(Bibmath/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, .pun .subscribelink span, #reportform h2, #punmoderate #vf h2,
#punviewforum #vf h2, .pun .required strong span, .pun .icon div {
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 0;
}

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

.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col {
	min-height: 1px;
}

* 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;
}

.clearr {
	clear: right;
}

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

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

.pun {
	padding: 0px;
}

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

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

.pun .punwrap {
	border: 1px solid;
	padding: 18px;
}


.sombre .pun .top-box {
	display: none;
}

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

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

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

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

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

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

#brdmain {
	border-style: solid none;
	border-width: 2px 0;
	margin-bottom: 12px;
	padding: 12px 0;
}

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

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

#brdstats {
	border-style: solid none none none;
	border-width: 2px 0 0 0;
	margin-top: 24px;
	padding-top: 12px;
}

#quickpost {
	border-style: solid none none none;
	border-width: 2px 0 0 0;
	margin-top: 12px;
	padding-top: 12px;
}

#announce {
	border: 0px;
	padding: 0px;
	margin-top:0px;
}

#announce-block {
	margin-bottom:20px;
}

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

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

#brdtitle h1 {
	padding: 0 0 10px 0;
}

#brddesc {
	border-top-width: 0px;
	padding: 10px 0 0;
	text-align:center;
}

#brddesc p {
	padding: 0;
}

#brdmenu ul {
	padding: 0;
}

#brdmenu li {
	float: left;
	text-align:center;
}

#brdmenu a:link, #brdmenu a:visited {
	display: block;
	min-width: 60px;
	padding: 10px 16px 6px 8px;
	var(--color-22)-space: nowrap;
}

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

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

#brdwelcome {
	padding: 10px 0;
}

#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li {
	display: inline;
	padding: 0;
}

#brdwelcome .conl {
  float: left;
}

#brdwelcome .conr {
  float: right;
}

#brdwelcome li span {
	background: url(Bibmath/img/bull.png) center left no-repeat;
	padding-left: 18px;
	margin-right: 3px;
	display: inline-block;
	line-height: normal;
	/*var(--color-22)-space: nowrap;*/
}

#brdwelcome .conl li:first-child span {
	padding-left: 0;
	background: none;
}

/* 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 dotted none;
	border-width: 0 0 1px 0;
	margin-bottom: 4px;
	text-align: center;
	width: 100%;
}

.pun #modcontrols dd {
	display: inline;
}

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

.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 * {
	var(--color-22)-space: nowrap;
}

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

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

.pun #brdfooter #feedlinks span {
	background: url(Bibmath/img/feed.png) center left no-repeat;
	display: inline-block;
	padding-left: 18px;
	var(--color-22)-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 .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs {
	clear: both;
	position: relative;
}

.pun .linkst .crumbs {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.462em;
	line-height: 1.211em;
	padding: 7px 0;
}

.pun .linksb .crumbs, .pun .postlinksb .crumbs {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 1.154em;
}

.pun .linkst .crumbsplus .pagepost {
	border-top-style: dotted;
	border-top-width: 1px;
}

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

.pun .postlinksb .crumbs {
	margin-right: 11em;
}

.pun .crumbs li {
	float: left;
	padding-right: 0.4em;
	var(--color-22)-space: nowrap;
}

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

.pun .pagelink {
	float: left;
	var(--color-22)-space: nowrap;
}

.pun .pagelink strong, .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;
}

.pun .pagelink .pages-label {
	display: inline-block;
}

.pun .postlink {
	float: right;
	font-weight: bold;
	text-align: right;
}

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

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

.pun .subscribelink {
	position: absolute;
	right: 0;
	text-align: right;
	top: 33px;
}

#punindex .subscribelink {
	top: 0px;
}

#punindex .linksb {
	height: 12px;
}

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

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

#punindex #brdmain .blocktable h2, #punsearch #vf h2 {
	font: 1em/1.462em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 1px 1px 0 1px;
	padding-left: 8px;
	position: absolute;
	left: 0;
	var(--color-22)-space: nowrap;
	z-index: 100;
}

#punindex .blocktable th.tcl, #punsearch #vf th.tcl {
	font-size: 0;
	text-indent: -9999em;
}

.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: none none solid none;
	border-width: 1px;
	text-align: left;
}

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

.pun .blocktable p {
	padding: 0;
}

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

.pun .blocktable .tcl {
	width: auto;
}

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

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

.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser {
	var(--color-22)-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;
}

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

#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%;
	var(--color-22)-space: normal
}

#punindex .tcr .byuser {
	display: block
}

#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3,
.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span {
	font-size: 0.923em;
}

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

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

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

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

.pun .icon {
	border-style: solid;
	border-width: 8px;
	float: left;
	height: 0;
	overflow: hidden;
	width: 0;
}

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

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

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

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

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

.pun .blockpost h2 {
	font: 1em/1.462em Arial, Helvetica, sans-serif;
	var(--color-22)-space: nowrap;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/*height: 1.462em;*/
	padding: 0.538em 8px 0.538em 236px;
	font-weight: normal;
}

#punsearch .blockpost h2 {
	height: auto;
	padding-left: 36px;
	var(--color-22)-space: normal;
}

#punsearch .blockpost h2 span span {
	var(--color-22)-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 .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: -218px;
	position: relative;
	text-align: left;
	width: 100%;
}

.pun .blockpost .postleft, .pun .blockpost .postfootleft {
	width: 194px;
	padding: 7px 12px 7px 12px;
	float: left;
	margin-left: -218px;
	position: relative;
}

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

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
	display: block;
	position: absolute;
	padding: 0.538em 0 0.538em 12px;
	/*height: 1.462em;*/
	top: -2.615em;
	left: 0;
	overflow: hidden;
	width: 206px;
}

.pun .blockpost dt strong {
	font-size: 1.231em;
	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: 4px 230px 7px 18px;
}

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

.pun .blockpost .postfootright {
	position: relative;
	padding: 7px 230px 7px 18px;
	text-align: right;
}

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

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

.pun .blockpost .postfootright li span {
	display: inline-block;
	padding-left: 16px;
	margin-left: 8px;
	line-height: normal;
	background: url(Bibmath/img/bull.png) center left no-repeat;
}

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

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

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

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

.pun .postmsg p, .pun .postmsg li, #punhelp p samp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.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: 0 3px;
}

.pun .usercontent li p, .pun .postmsg li p {
	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 .quotebox {
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	margin: 0.75em 1em;
	padding: 0 0.75em;
}

.pun .quotebox cite {
	display: block;
	padding: 0.75em 0 0 0;
	font-weight: bold;
	line-height: 1.462em;
}

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

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

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

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

.pun .codebox pre code {
	padding: 0.75em;
	var(--color-22)-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
*****************************************************************/

#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2,
.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 {
	font: 1em/1.462em Arial, Helvetica, sans-serif;
	font-weight: bold;
	var(--color-22)-space: nowrap;
	padding: 10px 19px 4px 37px;
	border: 0;
}

#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2,
#pundelete .blockform h2 {
	margin: 1px 1px 0 1px;
	width: 25em;
	position: absolute;
	z-index: 100;
}

.pun #quickpost legend, #punpost legend, #punedit legend {
	width: 25em;
	overflow: hidden;
	var(--color-22)-space: nowrap;
}

.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(Bibmath/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 .infldset {
	border-style: solid;
	border-width: 0px;
	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(Bibmath/img/asterisk.png) center right no-repeat;
	font-weight: normal;
	padding-right: 14px;
	var(--color-22)-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: 3px 0 3px 1.75em;
	position: relative;
	min-height: 1px;
}

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

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

.pun input[type=text], .pun select, .pun textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

.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(Bibmath/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-style: solid;
	border-width: 1px;
	float: none;
	margin: 0 18px 12px 18px;
	padding: 0;
	padding: 4px 18px 4px 18px;
	width: auto;
}

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

.pun span.website {
	background: url(Bibmath/img/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 {
	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;
}

/*****************************************************************
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 .block2 {
	padding-top: 19px;
}

.pun .blockmenu ul {
	border-top-style: dotted;
	border-top-width: 1px;
	padding: 0;
}

.pun .blockmenu li {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-weight: bold;
	padding: 0;
}

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

* 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: 7px 0;
	position: absolute;
	width: 13em;
	left: 0;
}

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

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

#adintro li span {
	display: inline-block;
	padding-left: 16px;
	margin-left: 8px;
	line-height: normal;
	background: url(Bibmath/img/bull.png) center left no-repeat;
}

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

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

#viewprofile dd, #adstats dd {
	border-style: none none solid none;
	border-width: 1px;
	padding: 7px 0 7px 13em;
}

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

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

html, body, .pun {
	color: var(--color-3);
}

.pun .punwrap {
	background: var(--color-4);
	border-color: var(--color-5);
	color: var(--color-6);
}

#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: var(--color-5);
}

.pun a, .pun a:link, .pun a:visited {
	color: var(--color-3);
}

.pun a:hover, .pun a:active, .pun a:focus {
	color: var(--color-7);
}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: var(--color-5);
}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: var(--color-5);
}

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

#brdmenu {
	background: var(--color-8);
}

#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
	background: var(--color-8);
	border-color: var(--color-4);
	color: var(--color-4);
}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
	background: var(--color-7);
	border-color: var(--color-4);
	color: var(--color-4);
}

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

.pun .blocktable .box {
	background: var(--color-9);
	border-color: var(--color-10) var(--color-10);
}

#punindex .blocktable h2, .pun #vf h2 {
	color: var(--color-11);
}

#adminconsole fieldset th, #adminconsole fieldset td {
	background: var(--color-9);
	border-color: var(--color-10);
}

.pun #users1 h2 {
	background: var(--color-4);
}

.pun .blocktable td {
	border-color: var(--color-10);
}

.pun .blocktable th {
	background: var(--color-12);
	border-color: var(--color-10);
	color: var(--color-11);
}

.pun .blocktable td.tcl span.stickytext {
	color: var(--color-7);
}

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

.pun .blockpost {
	background: var(--color-13);
	border-color: var(--color-10) var(--color-10);
}

.pun .blockpost h2 {
	background: var(--color-12);
	border-color: var(--color-10);
	color: var(--color-14);
}

.pun .blockpost .postbody, .pun .blockpost .postfoot {
	background: var(--color-9);
	border-color: var(--color-10);
}

.pun .blockpost .postfootright li {
	color: var(--color-9);
}

.pun .postmsg, #punhelp code, #punhelp samp {
	color: var(--color-3);
}

.pun .postsignature, .pun .postmsg .postedit {
	color: var(--color-6);
}

.pun .quotebox {
	background: var(--color-15);
	border-color: var(--color-10);
	color: var(--color-6);
}

.pun .quotebox cite {
	color: var(--color-14);
}

.pun .codebox, #punhelp .codebox code {
	background: var(--color-3);
	color: var(--color-4);
}

.pun .postmsg hr {
	background: var(--color-16);
}

.pun .postmsg ins, #punhelp samp ins {
	background-color: var(--color-17);
}

/* Main Forms + Profile
----------------------------------------------------------------*/

.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror {
	border-color: var(--color-10) var(--color-10);
	background: var(--color-9);
}

#punmisc #rules .box, #punhelp .box {
	border-color: var(--color-10) var(--color-10);
	background: var(--color-9);
}

.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2,
#pundelete .blockform h2 {
	background: var(--color-9);
	color: var(--color-14);
}

.pun .forminfo {
	background: var(--color-4);
	border-color: var(--color-10);
}

#puninstall form#install .forminfo {
	background: var(--color-18);
	color: var(--color-4);
}

.pun #posterror .error-info {
	background: var(--color-19);
	border-color: var(--color-10);
}

#puninstall form#install .error-info {
	background: var(--color-19);
	border-color: var(--color-10);
	color: var(--color-3);
}

.pun .infldset, #adintro .inbox, #adstats .inbox {
	background: var(--color-9);
	border-color: var(--color-10);
}

.pun label, .pun legend, #adminconsole fieldset th {
	color: var(--color-3);
}

.pun fieldset p {
	border-color: var(--color-10);
}

.pun .blockmenu ul, .pun .blockmenu li {
	border-color: var(--color-10);
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	background: var(--color-20);
}

.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited {
	color: var(--color-3);
	background: var(--color-9);
	}

.pun #viewprofile .box {
	border-color: var(--color-10) var(--color-10);
	background: var(--color-12);
}

.pun #viewprofile dt, #adstats dt {
	color: var(--color-14);
}

.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd {
	border-color: var(--color-10);
}

#adminconsole fieldset td.nodefault {
	background: var(--color-21);
}

.pun .multiselect {
	color: var(--color-14);
}

.pun .checklist {
	background: var(--color-22);
	border-color: var(--color-10);
}

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

.pun .icon {
	border-color: var(--color-23) var(--color-24) var(--color-25) var(--color-23);
}

.pun .iredirect .icon {
	border-color: var(--color-16);
	border-width: 1px;
	padding: 7px;
}
.pun .isticky .icon {
	border-color: var(--color-26) var(--color-27) var(--color-28) var(--color-29);
}
.pun .inew .icon {
	border-color: var(--color-30) var(--color-31) var(--color-32) var(--color-33);
}
.pun .iclosed .icon {
	border-color: var(--color-34) var(--color-35) var(--color-36) var(--color-37);
}


/****************************************************************/

/* COMMON ELEMENTS

/****************************************************************/

/* Some Base Rules */
* { 	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; }

.wrapper { 
	width: 100%;	
	max-width: 1200px; 
	margin: 0 auto; 
}

/* J'ai changé la ligne suivante pour que cela ne perturbe pas l'affichage du pied de page */
/* Là encore, il faut vérifier! */

/*
.primary, aside, footer { float: left; padding: 1.5em 4%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

*/

.primary, aside{ float: left; padding: 1.5em 4%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }


/* Basic Structure 
-------------------------------------------------------
.content is the main forum area
aside is the sidebar (shown on large monitors only)
primary is the banner/logo */

/*  J'ai supprimé la ligne suivante car elle empêchait l'affichage du menu...
    A vérifier que cela ne perturbe pas plus que cela l'affichage du forum 


header {
	width: 100%;
	float:left;
}

*/

.primary {
	width: 100%;
	margin: 0px auto 0;
	border:1px solid var(--color-4);
	border-left:0px;
	border-right:0px;
}

/* Hide the board title, select drop down and board description */
.primary , nav.primary select, #brddesc { display:none; }

.content {
	/* Change left to right below to move the content to the right (sidebar to the left) */
	float: left;
	width: 100%;
	padding: 20px;
	background-color: var(--color-4);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	margin: 20px 0 20px 0;
	border: 1px solid var(--color-38);

}

aside {
	width: 25%;
	float:left; /* <-- NOTE: To move the sidebar change the float value of .content above! Dont change this value. */
	background: var(--color-39);
	padding: 20px;
	border-left: 1px solid var(--color-10);
	border-right: 1px solid var(--color-10);
}

/****************************************************************/

/* RESPONSIVE ELEMENTS

/****************************************************************/

/* VERY WIDESCREEN Monitors
-------------------------------------------*/
@media only screen and (max-width: 2400px) { 

	.blockform input, .blockform select, .blockform textarea {
		max-width: 100%
	}
	
} 


/* WIDESCREEN Monitors
-------------------------------------------*/
@media only screen and (max-width: 1220px) {

	/* You can add your own CSS here if you want. */
	/* Any CSS you add here will apply to all screen resolutions below 1220px */

}


/* Monitors
-------------------------------------------*/

@media only screen and (max-width: 980px) {

	/* You can add your own CSS here if you want. */
	/* Any CSS you add here will apply to all screen resolutions below 980px */
	
}

/* Tablet Landscape
-------------------------------------------*/

/*  As the screen is smaller we dont have room for the sidebar anymore. Lets hide it. */

@media only screen and (max-width: 768px) { 

	aside { display:none } 	/* Hide the sidebar */
	.content, .wrapper { width:100% }	/* Make forum fill 100% of the screen */
	
	/* Some additional styling for the profile and admin menus too */
	.pun .blockmenu {width: 100%!important;}
	.pun .blockmenu .block2 {display:block;clear:left}
	.pun .blockmenu li {float:left;display:block;width:auto;}
	.pun .blockmenu li a:link, .pun .blockmenu li a:visited {padding-bottom:10px;float:left;display:block;border-right: 1px dotted var(--color-34);}
	.pun .block2col .block, .pun .block2col .blockform {margin-left:0em!important;}
	
}

/* Tablet Portrait
-------------------------------------------*/
@media only screen and (max-width: 540px) {

	/* You can add your own CSS here if you want. */
	/* Any CSS you add here will apply to all screen resolutions below 540px */

}

/* Mobile
-------------------------------------------*/
/* 	On mobile phones we have very limited screenspace so anything non-essential is hidden from view */
/* J'ai mis 727px comme taille pour les smartphones pour être cohérent avec le reste */


@media only screen and (max-width: 727px) {

	/* Reduce padding around the forum content */
	.content {padding: 0px 10px}

	/* 1. Hide the banner to save space and just show the h1 title tag */
	.primary {
		height: auto;
		border: 0px;
		margin: 20px auto 0px;
		padding: 0px;
		display:block; 
		color:var(--color-40); 
	}

	/* Show the select dropdown */
	.primary select {
		display:block;
		width: 100%;
		padding: 5px;
		border: 1px solid var(--color-34);
		margin-top:5px;
		margin-bottom:5px;
	}
	
	/* 2. The FluxBB navigation menus (e.g. Index, Userlist, Search) edits */
	.pun #brdmenu {
		background: var(--color-4);
		display:none;
	} 
	
	#brdmenu ul li {
		border-bottom: 1px solid var(--color-4);
	}
		
	/* Active topics, unanswered topics links etc. Looks a little tidier this way */
	#brdwelcome p.conl, #brdwelcome .conl li { margin-bottom:5px; }
	#brdwelcome .conr { float:left; }
	
	/* 3. When viewing Index, View Forum, Search Results (topics) we hide the columns showing number of replies/views */
	.pun .tc2,	/* Views column */
	.pun .tc3 	/* Replies column */
	{
		display:none
	}

	.pun .tcl { width:auto; }	/* When hiding the views/replies columns we need to resize the last post column */

	/* 4. When viewing topics we create additional space by increasing the size of the postright column (users posts content) to 100% */
		
	.pun .blockpost .postleft {width: 100%; float:left; display:block;margin-left:0px}
	.pun .blockpost .postleft dd, .pun .blockpost .postleft .postavatar {display:none}

	.pun .blockpost .postright {margin-left:0;width: 100%; float:left; display:block; padding: 0 10px 0}
	.pun .blockpost .postfootright {padding: 7px 10px}
	.pun .blockpost .postbody, .pun .blockpost .postfoot {margin-right:0px;float:left;}

	.pun .blockpost h2 { padding-left:140px; float:right;}
	.pun .blockpost h2 span {float:right; padding-right:5px; padding-left:5px;}
	
	.pun #postpreview h2 span {float:none;}
	
	.pun #postpreview h2 {
		padding-left:4px;
	}
	
	.pun #postpreview .postbody {
		padding-left:5px;
		padding-right:5px;
		margin-left:2px;
		margin-right:2px;
	}
	
	#punviewtopic .blockpost dt {padding-top:2px;}
		
	.pun .blockpost .postfootright li span
	{
		margin-left:4px;
	}
	
	.pun .inform {
		padding-right:0px;
		padding-left:0px;
	}
	
	.pun #quickpost h2 {
		padding-left:4px;
	}
	
	.pun #postform h2, .pun #editform h2 {
		padding-left:4px;
	}
	
	.pun .infldset {
		padding-right:2px;
		padding-left:2px;
	}
	
	.pun #quickpost .txtarea
	{
		padding-left:2px;
		padding-right:2px;
	}
	
	.pun #postform .txtarea,.pun #editform .txtarea
	{
		padding-left:2px;
		padding-right:2px;
	}
	
	
	.pun .txtarea textarea
	{
		width:100%;
		max-width:100%;
	}
	
	#toolbar
	{
		max-width:100%;
		width:100%;
	}
	
	.pun .blockpost .postbody, .pun .blockpost .postfoot {border-color: var(--color-41)}
	
	/* Lets hide all signatures too whilst were here */
	.pun .postmsg .postsignature {display:none}

	/* ...And limit quoting to 1 quote deep */
	.pun .postmsg  .quotebox .quotebox .quotebox .quotebox .quotebox, 
	.pun .postmsg  .quotebox .quotebox .quotebox .quotebox, 
	.pun .postmsg  .quotebox .quotebox .quotebox, 
	.pun .postmsg .quotebox .quotebox {display:none}
	
	/* All form inputs */
	.blockform .buttons input, .blockform .rbox input {width: auto;}
	.blockform input, .blockform select, .blockform textarea {width: 100%}

	/* View Profile */
	#viewprofile dt, #adstats dt {width: 8em;}
	#viewprofile dd, #adstats dd { padding-left: 8em;}
	
	/*********** Mot de bienvenue ************/
	
	#brdwelcome .conl
	{
		display:block;
		float:none;
	}
	
	#brdwelcome .conr
	{
		display:block;
		float:none;
	}
	.crumbs, .subscribelink
	{
		display:none;
	}
	
	}

/* Sur les écrans vraiment pas très larges	*/
@media only screen and (max-width: 450px) {
	.pun .tcr        /* On enlève aussi la colonne dernier message (de toute façon, il y a une couleur si modifié) */
	{
		display:none;
		color:var(--color-22);
	}
	
	.pun .punwrap 
	{
		padding-left:4px;  
		padding-right:4px;
	}
	
	#mainforum
	{
		margin:0px;
	}
	
	.pun h2
	{
		padding-top:0px;
		display:block;
		margin-bottom:4px;
		width:100%;
	}
	
	.pun .blocktable th
	{
	padding-top:10px;
	padding-bottom:10px;
	}
	
	.smartphone
	{
		display:none;
	}
	
}

	
#vf h2 { display: none }
#ezbbcsmiliesbar img { border: none !important }
#quickpost, #brdstats, #postform, #editform { border-top: 1px solid var(--color-42) }
.postright a { color: var(--color-43) !important }
p.modlist { display: none; }

/* La barre de menus responsive */

 /* Add a black background color to the top navigation */
.topnav {
    background-color: var(--color-33);
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: var(--color-22);
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
    font-size: 17px;
	font-style:normal;
}

.topnav a:link, .topnav a {
	color:var(--color-22) !important;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: var(--color-30);
    color: var(--color-22);
	font-style:normal;
	text-decoration:none;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .iconemenuforum {
    display: none;
} 
 /* When the screen is less than 727 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 727px) {
  .topnav a:not(:first-child) {display: none;} {display: none;}
  .topnav a.iconemenuforum {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 727px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.iconemenuforum {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 



/* Les éléments de formulaire */
/* à la Bibmath!              */
select{
margin-bottom: 20px;
margin-top: 10px;
width:100%;
padding: 5px;
border-radius:5px;
border:1px solid var(--color-44);
font-size:1em;
box-sizing:border-box;
background-color: var(--color-32);
color:var(--color-22);
}	

optgroup
{
	background-color: var(--color-30);
}

textarea
{
	width:100%;
	border:1px solid var(--color-44);
	border-radius:1px;
	resize:none;	
}

textarea:focus
{
	outline:none !important;
	border:2px solid var(--color-44);
	box-shadow:0;
}

input[type=text]{
margin-bottom:2px;
margin-top:2px;
width:100%;
max-width:100%;
border-radius:1px;
border:1px solid var(--color-44);
}

input[type=text]:focus
{
	outline:none !important;
	border:2px solid var(--color-44);
	box-shadow:0;
	box-sizing:border-box;

}	

.required
{
	max-width:100%;
}

.infldset
{
	max-width:100%;
	width:100%;
}

.infldset div
{
	margin-top:5px;
}

@media screen and (max-width: 330px)
{
	.pun .txtarea textarea {
		max-width:315px;
	}
	
	#toolbar {
		max-width:315px;
	}
	
	input[type=text] {
		max-width:315px;
	}
	
	.infldset
	{
		max-width:315px;
		width:315px;
	}

}