/*
		Auteur : Frédéric Scholer  (frederic.scholer@gmail.com)

		Cette feuille de style contient les personnalisations visuelles réalisées sur le thème Suffusion 4.4.4
		(du moins, celles qui n'étaient pas possibles via son interface de gestion).

		Ce fichier contient également les modifications réalisées sur le "look and feel" des extensions suivantes :
		Enhanced Meta Widget, Shadowbox JS, Photonic et Dynapoll ; ainsi que sur le plugin jQuery Tablesorter.

		-------------------------------------
    Dernière modification : le 08/10/2024
    -------------------------------------
*/

:root {
  --bgc1: #292929;
  --bgc2: #4a4a4a;
  --bgc3: #682d38;
  --col1: #dfdfdf;
  --col2: #fff9bf;
  --col3: #bf6a79;
  --col4: #949494;
}

body {
  /*background: #3D3D3D url(/Brett_Hondow_@_pixabay_com.jpg) center fixed no-repeat; background-size: cover;*/
}

/* ========================================== */
/* Pods Forms : Label → Description → Champ */
/* ========================================== */

/* ========================================== */
/* Pods Forms : Label → Description → Champ  */
/* ========================================== */

/* ========================================== */
/* Pods Forms : Label → Description → Champ  */
/* Correction superposition du label et description */
/* ========================================== */

.container {
    margin-top: 150px !important;
}

#wrapper {
  border: none;
  padding: 10px 0;
}
.post,
article .page {
  margin-bottom: 15px;
  /*margin-top: 200px;
  
}


/* Header, slogan et menu horizontal de navigation
==============================================================================*/
table {
     white-space:normal !important;
	 table-layout:auto !important;
}
#header-container {
  background-position: 825px center;
}
#header {
  height: 100px;
  padding: 0;float: none;
}
.blogtitle {
  margin-top: 0px;
}
.description {
  width: 170px;
  margin-left: 15px;
	margin-top: -25px;
  font-size: 140%;
  text-transform: none;
  color: #B7AF93;
  word-wrap: break-word;
	line-height: 1.3;
}
#header-widgets {
	width: 100%;
	margin-top: -50px;
	text-align: center;
	font-size: 116%;
}
#header-widgets .suf-widget {
	border: 0px none;
}
/*#left-header-widgets {background-color: #9C301A; margin-right: 0;}*/
#nav ul {
	margin: 0;
}
#nav ul li {
	margin: 0 12px 0 0;
}
#nav ul ul {
	margin-top: 1px;
}
#nav ul .sub-menu li a {
	width: 170px;
	padding: 7px 14px;
}
#right-header-widgets {
	margin: 10px 5px 0 0;
	color: #A3A3A3;
}
.down-ptr {
	display: none;
	visibility: hidden;
}
#nav ul li a,
#nav ul li a .with-arrow {
	padding: 7px 14px;
}


/* Widgets : hauteurs, couleurs et listes
==============================================================================*/

#sidebar,
#sidebar-2,
#sidebar-container {
	margin-top: 0px;
  color: #A3A3A3;
}
.suf-widget {
	background-color: #292929 !important;
}
.suf-widget h3,
.suf-widget h3:hover,
.suf-widget h3 a,
.suf-widget h3 a:visited {
	color: #B7AF93;
}
.suf-widget,
#sidebar p,
#sidebar-b p,
#sidebar-2 p,
#sidebar-2-b p {
	margin: 0 0 5px;
}
.suf-widget ul {
	margin-left: 12px;
}
.suf-widget ul li,
.suf-widget ul li .rss {
	padding-left: 0px;
  background-image: none;
	list-style-type: square;
}
.sidebar-tab-content ul li ul li,
.suf-widget ul li ul li {
	padding-left: 15px;
	background-image: none;
}
#sidebar a:hover,
#sidebar-2 a:hover,
#sidebar-container a:hover,
#sidebar a:active,
#sidebar-2 a:active,
#sidebar-container a:active {
	color: #E3824E;
	text-decoration: none !important;
}
.dbx-content {
	padding: 5px 5px 10px 10px;
}
.dbx-handle {
	border-bottom: 2px solid #3D3D3D;
}
h3.dbx-handle.plain {
	line-height: 16px;
}
.suf-widget .calendar-table {
	width: 80%;
}
.suf-widget .calendar-month {
	font-size: 110%;
}
.suf-widget .submit {
	border: 2px double transparent;
}
.searchform input.searchsubmit[type="submit"] {
	background-position: 4px 2px;
}
#search-info {
	display: none;
	visibility: hidden;
}
.fadetogrey {
	opacity: 1;
	transition: opacity .75s ease;
	-moz-transition: opacity .75s ease;
	-webkit-transition: opacity .75s ease;
}
.fadetogrey:hover {
	opacity: 0.25;
}
.screen-reader-text {
	display: none;
}
#archives-dropdown-2 {
	margin-top: 5px;
}


/* Articles et pages : hauteurs et titres
==============================================================================*/

#subnav {
	margin-top: 0px;
  border: none;
}
#subnav ul {
	display: none;
	visibility: hidden;
}
.post-nav {
	display: none;
	visibility: hidden;
	margin: 0;
	padding: 10px;
}
#content {
	margin-top: 0px;
}
.page .postdata {
	display: none;
	visibility: hidden;
}
.title-container {
	margin-bottom: 20px;
}
.entry-content {
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right:0px;
	padding-top:50px;
	padding-bottom:0px;
}

.entry, .fix{
	margin-bottom: 0px;
	padding-left: 100px;
	padding-right:100px;
	padding-top:0px;
	padding-bottom:0px;
}
h1.posttitle,
h1.posttitle a,
h1.posttitle a:visited,
h2.posttitle,
h2.posttitle a,
h2.posttitle a:visited {
	color: #B96755;
}
h1.posttitle a:hover,
h1.posttitle a:active,
h2.posttitle a:hover,
h2.posttitle a:active {
	color: #E3824E;
}
h1.posttitle,
h2.posttitle {
	margin-bottom: 20px;
  border-bottom: none;
}
a.more-link {
	display: block;
	margin: 0.8em 0.2em;
	padding: 0.2em 0.8em;
  background-color: #9C301A;
	color: #E0E0E0;
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
}
a.more-link:hover,
a.more-link:active {
	background: #D6622C;
	color: #222222;
}
.author,
.edit {
	margin-top: -20px;
}
.author a,
.author a:visited {
	color: #B7AF93;
	font-weight: bold;
}
.author a:hover,
.edit a:hover {
	color: #E3824E;
}
.author-profile {
	background-color: #292929;
}
.author-profile h2 {
	color: #B7AF93;
}
ul,
ol {
	padding-left: 0px;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-top: 0;
}
.post-footer {
	margin: 0 0 10px;
}
.lettrine:first-letter,
.lettrine2:first-letter {
	display: inline-block;
	float: left;
	margin: .3em .5em .1em 0;
	padding: .4em;
	background-color: #B96755;
	color: #292929;
	font-family: Consolas, Monaco;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 100%;
}
.lettrine2:first-letter {
	background-color: #B7AF93;
}


/* Articles et pages : intertitres et tableaux
==============================================================================*/

.entry h3 {
	margin: 1em 0 0.5em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted;
	color: #B7AF93;
	font-size: 140%;
}
.entry h4 {
	color: #B96755;
	font-size: 130%;
	margin: 1em 0 0.5em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted;
}
.entry h5 {
	color: #B7AF93;
	font-size: 125%;
	margin: 1em 0 0.5em 0;
}
.entry h6 {
	color: #B96755;
	font-size: 120%;
	margin: 1em 0 0.5em 0;
}
.entry strong {
	color: #B7AF93;
	font-weight: normal;
}
.entry table {
	border-collapse: collapse;
	margin: -8px 0 12px 0;
}
.h1 {
	border: 1px solid #B7AF93 !important;
	padding: 0.2em 0.6em 0.2em 0.6em !important;
	color: #000000 !important;
	background-color: #B7AF93;
	font-weight: normal;
}
.d1 {
	border: 1px solid #B7AF93 !important;
	padding: 0.2em 0.6em 0.2em 0.6em !important;
	color: #999999 !important;
}
.h2 {
	border: 1px solid #B7AF93;
	padding: 0.3rem !important;
	color: #000000 !important;
	background-color: #B7AF93;
	font-weight: 600;
}
.d2 {
	border: 1px solid #B7AF93;
	padding: 0.3rem !important;
	color: #999999;
}
.f1 {
	border: none !important;
	border-top: 1px solid #B7AF93 !important;
	padding: 0.2em 0 0.2em 0;
	color: #B7AF93 !important;
	font-size: 85%;
}
.f2 {
	border: none !important;
	border-top: 1px solid #B7AF93 !important;
	padding: 0.2em 0 1.2em 0 !important;
	color: #B7AF93;
	font-size: 85%;
}
.d3 {
	border: 1px solid #B7AF93 !important;
	padding: 0.2em 0.4em 0.2em 0.4em;
	color: #999999 !important;
	background-color: #141414 !important;
}
#weeks {
	font-size: 85%;
	margin: 0 0 0.2em 0;
	font-weight: normal;
	text-align: center;
}
.normale {
	color: #B7AF93;
	cursor: pointer;
	padding: 0 !important;
	border-bottom: none !important;
}
.normale:hover {
	color: #D6622C;
}
.actuelle {
	color: #D6622C;
	font-weight: bold;
	padding: 0 !important;
	border-bottom: none !important;
}
#interclubs {
	margin: 0 0 1em;
}
#interclubs th {
	color: #3D3D3D;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}
.hidden {
	display: none;
	visibility: hidden;
}
p:empty {
	display: none;
	visibility: hidden;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted;
	font-weight: bold;
	color: #9C301A;
}
hr {
	color: #B96755;
	background-color: none;
	border: 1px dotted;
	height: 1px;
	padding: 0;
}
.red {
	color: hsl(0, 100%, 50%);
}
.green {
	color: hsl(120, 100%, 50%);
}
.white {
	color: hsl(0, 0%, 50%);
}
.cadre {
	display: block;
	border: 1px solid #E3824E;
	padding: 1em;
	margin: 1em 0;
}
.cadre2 {
	display: block;
	border: 1px solid #B7AF93;
	padding: .5em 1em;
	margin: 1rem 0 2rem;
}
.h1 strong {
	color: black;
	font-weight: bold;
}


/* Pods Templates
==============================================================================*/
.pods-form-ui-row-type-pick .pods-form-ui-field select {
    width: 25em;
    margin-left: 10px;
    float: left;
}

.d2_pods {
	border: 1px solid #B7AF93;
	padding: 0.4rem 0.8rem !important;
	color: #999999;
	text-align:center;
}


/* Pods PublicForm
==============================================================================*/

.pods-form-ui-row-type-number, .pods-form-ui-row-type-pick {
	padding: 1rem 0;
}
.pods-field label, .pods-form-ui-label {
	cursor: none !important;
	padding: 0 !important;
	color: #B7AF93;
	float:left;
}
.pods-form-ui-row-name-why-modified .pods-field-label,
.pods-form-ui-row-name-why-modified .pods-field label {
	color: #B7AF93;
	width: 50% !important;
}
#pods-form-ui-pods-field-presences {
	width: 100%;
}
#pods-form-ui-pods-field-presences + .pods-slider-field-display::after {
	content: " %"
}
.pods-field-input select,
.pods-field-input input {
	margin-top: 2px !important;
	background-color: #EEEEEE;
	color: black;
}
.pods-form-ui-comment {
	/*display: inline;*/
	display: none;
	font-size: 100%;
	width: auto;
	text-align: left;
	margin-top: -25px;
	line-height: 1.6em;
}
.pods-form-ui-comment-pods-field-presences {
	padding-right: 4em;
}
.pods-form-front .pods-submit {
	margin: 2rem auto;
	float: none !important;
	text-align: center;
}


/* Navigation entre articles : couleurs
==============================================================================*/

.page-nav,
post-nav {
	background-color: #292929;
	border: none;
}
.post-nav a:hover,
.post-footer a:hover {
	color: #E3824E;
}
.suf-page-nav .page-index {
	border: none;
}
.suf-page-nav span,
.suf-page-nav a.page-numbers,
.suf-page-nav a.page-numbers:visited {
	border-color: #B96755;
	color:#B96755;
}
.suf-page-nav span.current,
.suf-page-nav a:hover,
.suf-page-nav a.page-numbers:hover,
.navigation .suf-page-nav a.page-numbers:hover {
	background-color: #B96755;
	color: black !important;
}


/* Commentaires : couleurs et hauteurs
==============================================================================*/

#comments {
	margin-top: 2.5em;
}
h3.comments,
#reply-title {
	border: none;
	background-image: none;
	padding-left: 7px;
	color: #E0E0E0;
	font-weight: normal;
}
.comment-body cite {
	color: #B7AF93;
	font-size: 100%;
}
.comment-body p {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 110%;
	line-height: 1.4em;
}
.comment-author img.avatar {
	display: none;
	visibility: hidden;
	margin: 0;
}
.comment-author-link,
.comment-meta,
.commentmetadata {
	display: inline;
}
.comment-meta a,
.commentmetadata a {
	color: #A3A3A3;
}
.bypostauthor {
	border: 1px solid #B7AF93;
}
.commentlist li {
	/*background-color: #232323 !important;*/
}
.commentlist li.alt {
	background-color: #2F2F2F !important;
}
.commentlist cite a,
.commentlist cite a:visited {
	color: #B7AF93;
	text-decoration: underline;
}
a.comment-reply-link {
	background: inherit;
	border: 0px none;
	margin: 0;
	padding: 0 3px;
	line-height: 1em;
}
.form-allowed-tags {
	display: none;
	visibility: hidden;
	margin: 0;
}
#commentform label,
.button,
input[type="submit"] {
	background: none #9C301A;
	color: #E0E0E0;
	border: none;
}
.button:hover,
.button:active,
input[type="submit"]:hover,
input[type="submit"]:active {
	background: none #D6622C;
	color: #222222;
	font-weight: normal;
}


/* Pied de page : couleurs
==============================================================================*/

footer {
	margin-bottom: 1em;
}
#page-footer,
#cred {
	border: none;
}
#cred {
	color: #CCCCCC;
	font-size: 100%;
	font-weight: bold;
	height: 2.5em;
}
#cred td.cred-right {
	width: 0%;
	display: none;
	visibility: hidden;
}
#cred td.cred-left,
#cred td.cred-center {
	width: 50%;
}
#cred td.cred-center {
	text-align: right;
}
#cred a,
#cred a:visited {
	color: #CCCCCC;
}
#cred a:hover,
#cred a:active {
	color: #CCCCCC;
	text-decoration: underline;
}


/* Extension Login-Logout : personnalisation
==============================================================================*/

.wrap_login_logout em strong a,
.wrap_login_logout em strong a:visited {
	color: #B96755 !important;
}
.wrap_login_logout em strong a:hover,
.wrap_login_logout em strong a:active {
	color: #D6622C !important;
}


/* Extension Photonic : personnalisation (widget + page dédiée)
==============================================================================*/

#text-22 .dbx-content {
	padding: 0;
	margin: 0 0 -111px 0;
}
.dbx-content .photonic-stream,
.dbx-content .photonic-stream ul {
	margin: 0;
}
#text-22 * {
	cursor: default;
  margin: 0 0 -20px 0;
}

#post-1223 header {
	margin-left: 36px;
	margin-bottom: -45px;
}
#droit {
	float: right;
	font-size: 100%;
	margin-right: 24px;
}
.photonicModalOverlay {
	z-index: 110;
} /* sinon, le menu de navigation (qui a un z-index de 100) sera visible */
.photonic-stream {
	text-align: center;
}
.photonic-standard-layout {
	justify-content: center;
}
.photonic-thumb,
.photonic-thumb a img {
	padding: 0 !important;
	line-height: 1em !important;
}
.photonic-thumb a {
	padding: 8px;
}
.photonic-more-button {
	background: #9C301A !important;
	margin: 1em auto !important;
}


/* jQuery Tablesorter plugin : personnalisation
==============================================================================*/

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	background-color: #B7AF93;
	border: 1px solid #B7AF93;
}
table.tablesorter thead tr .tablesorter-header {
	cursor: pointer;
}
table.tablesorter thead tr .tablesorter-headerUnSorted {
	background-image: url(http://www.dewelux.be/zzbiermonfoy/zzimg/bg.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-align:center;
}
table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(/zzimg/asc.gif);
}
table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url(/zzimg/desc.gif);
}
table.tablesorter thead tr .tablesorter-headerAsc,
table.tablesorter thead tr .tablesorter-headerDesc {
	background-color: #B96755;
	border: 1px solid #B96755;
	background-repeat: no-repeat;
	background-position: center;
}
table.tablesorter thead tr .sorter-false {
	background-image: none;
}


/* QuickShare plugin : personnalisation
==============================================================================*/
.quickshare-container {
	padding: 0;
	height: 32px;
	border-top-style: dashed;
	border-bottom-style: dashed;
}
.quickshare-container li {
	display: inline-block;
	float: none;
}
li.quickshare-share {
	display: none;
	visibility: hidden;
}
.quickshare-genericons.quickshare-small span:before {
	font-size: 24px;
	height: 24px;
	width: 24px;
}


/* AddThis plugin : personnalisation
==============================================================================
.addthis_toolbox {
	margin: 0 0 0 180px;
}
*/


/* Règles spécifiques à la gestion de l'impression
==============================================================================*/

@media print
{
	
	html,
  body {
    background : white;
    color: black;
    margin: 0;
    padding: 0;
    border: none;
    font-family: Arial, sans-serif;
    font-size: 8pt;
  }
	#header-container,
  #header,
  #nav,
  #sidebar,
  #sidebar-shell-1,
  #sidebar-shell-2,
  #sidebar-1,
  #sidebar-2,
  #subnav,
  .postdata,
  .post-footer,
  #comments,
  #cred {
    display: none;
    visibility: hidden;
    width: auto;
    margin: 0;
    padding: 0;
    border: none !important;
  }
	#wrapper,
  #container,
  #main-col,
  #content,
  .post,
  .page,
  .title-container,
  .entry {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: none !important;
    background: transparent;
  }
	h1,
  h2,
  h3,
  h4 {
    page-break-after: avoid;
  }
	a,
  a:visited {
    color: blue;
    text-decoration: underline;
  }
}