/* Style Perso, modif de colours.css */
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
		background-image: url("images/background.webp");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	color: #648253;
	background-color: #648253;
}

h2 {
	color: #313f28;
}

h3 {
	color: #509811;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #528910; }


/*
--------------------------------------------------------------
Links on gradient backgrounds 
--------------------------------------------------------------*/
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #d8ffa8;
}

/*
--------------------------------------------------------------
Post body links 
--------------------------------------------------------------*/
.postlink {
	border-bottom-color: #8ad236;
	color: #8ad236;
}

.postlink:visited {
	border-bottom-color: #8fbd5d;
	color: #8fbd5d;
}

.postlink:hover {
	background-color: #e4f6d0;
	color: #44730d;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #8ad236;
}

/*
--------------------------------------------------------------
Round cornered boxes and backgrounds
--------------------------------------------------------------*/
.headerbar, .forumbg {
	background-color: #82bc0e;
	background-image: -webkit-linear-gradient(top, #ceff6a 0%, #76b100 2px, #82bc0e 92px, #82bc0e 100%);
	background-image: linear-gradient(to bottom, #ceff6a 0%,#76b100 2px,#82bc0e 92px,#82bc0e 100%);
}

.forabg {
	background-color: #76b100;
	background-image: -webkit-linear-gradient(top, #ceff6a 0%, #82bc0e 2px, #76b100 92px, #76b100 100%);
	background-image: linear-gradient(to bottom, #ceff6a 0%,#82bc0e 2px,#76b100 92px,#76b100 100%);
}

.navbar {
	background-color: #dcebca;
}

.panel {
	color: #313f28;
}

.bg3 {
	background-color: #dcebca;
}

.site_logo {
	background-image: url("./images/site_logo.webp");
	width: 149px;
	height: 125px;
}


/* Table styles
--------------------------------------------------------------*/
table.table1 td {
	color: #648253;
}

/*--------------------------------------------------------------
Misc layout styles
--------------------------------------------------------------*/

dl.details dd {
	color: #648253;
}

/*
--------------------------------------------------------------
Icon styles
--------------------------------------------------------------*/

.icon.icon-bluegray, a:hover .icon.icon-bluegray {
	color: #648253;
}

/*
--------------------------------------------------------------
Jumpbox 
--------------------------------------------------------------*/

.jumpbox-cat-link {
	background-color: #76b100;
	border-top-color: #76b100;
}

.jumpbox-cat-link:hover {
	background-color: #82bc0e;
	border-top-color: #82bc0e;
}

/*
--------------------------------------------------------------
Content container styles
--------------------------------------------------------------*/
.content h2, .panel h2 {
	color: #509811;
}

/*
--------------------------------------------------------------
Attachments
--------------------------------------------------------------*/
dl.thumbnail dt a:hover img {
	border-color: #8ad236;
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/*
--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #8ad236;
	border-color: #8ad236;
}

/*
--------------------------------------------------------------
Icon images
--------------------------------------------------------------*/
/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.webp"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.webp"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.webp"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.webp"); }
.global_unread						{ background-image: url("./images/announce_unread.webp"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.webp"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.webp"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.webp"); }																				   

.announce_read						{ background-image: url("./images/announce_read.webp"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.webp"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.webp"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.webp"); }
.announce_unread					{ background-image: url("./images/announce_unread.webp"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.webp"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.webp"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.webp"); }

.forum_link                         { background-image: url("./images/forum_link.svg"); }
.forum_read                         { background-image: url("./images/forum_read.svg"); }
.forum_read_locked                  { background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum                { background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread                       { background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked                { background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum              { background-image: url("./images/forum_unread_subforum.svg"); }

.sticky_read						{ background-image: url("./images/sticky_read.webp"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.webp"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.webp"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.webp"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.webp"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.webp"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.webp"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.webp"); }

.topic_moved						{ background-image: url("./images/topic_moved.webp"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.webp"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.webp"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.webp"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.webp"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.webp"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.webp"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.webp"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.webp"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.webp"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.webp"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.webp"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.webp"); }																		  
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	color: #648253;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background-color: #dcebca; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #E2F2FF 0%, #dcebca 100%);
	background-image: linear-gradient(to bottom, #E2F2FF 0%,#dcebca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2F2FF', endColorstr='#dcebca',GradientType=0 ); /* IE6-9 */
	border-color: #dcebca;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: #648253;
}

/*
--------------------------------------------------------------
Link styles for the sub-section links 
--------------------------------------------------------------*/
.navigation a {
	background: #dcebca; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left, #B4C4D1 50%, #dcebca 100%);
	background: linear-gradient(to right, #B4C4D1 50%,#dcebca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#dcebca',GradientType=1 ); /* IE6-9 */
}

.rtl .navigation a {
	background: -webkit-linear-gradient(left, #dcebca 50%, #B4C4D1 100%);
	background: linear-gradient(to right, #dcebca 50%,#B4C4D1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebca', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}
/*
--------------------------------------------------------------
PM Styles
--------------------------------------------------------------*/
.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #8fbd5d;
}
/*
--------------------------------------------------------------
jQuery popups
--------------------------------------------------------------*/
.dropdown-extended .header {
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #dcebca 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#dcebca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#dcebca',GradientType=0 ); /* IE6-9 */
}

/*
----------------------------------------
 Banniere
---------------------------------------- */
#site-description h1, #site-description p {
	display: block;
	position: absolute;
	left: -999px;
}

/* ImageInTxtArea

#message-box textarea {
	background: #FFFFFF url("./images/message.webp") right bottom no-repeat;
}
/*
---------------------------------------- 
 Animations
---------------------------------------- */

a.forumtitle:hover,
a.topictitle:hover {
    color: #FE0202;
    text-decoration: none;
    padding-left: 5px;
    transition: all 0.75s linear 0s;
}

.fa:hover,
.fa-fw:hover {/* icone*/
    display: inline-block;
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}

.forum-image:hover,
.smilies:hover {
    cursor: default;
    transform: rotate(360deg);
    transition: all 0.9s ease-in-out 0s;
}
/* 
---------------------------------------- 
css pour element clignotant
----------------------------------------  */

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.css3-blink {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}

/*
--------------------------------------------------------------
Post body
--------------------------------------------------------------*/
@media (min-width: 701px) {
	.post {
		border: 3px solid #76b100;
		padding: 10px;
		margin-top: 10px;
		border-radius: 10px;
	}
	.panel {
		border: 2px solid #76b100;
		padding: 10px;
		margin-top: 10px;
		border-radius: 10px;
	}
	.avatar-container {
		padding-top: 10px;
		padding-right: 30px
	}
/*	.avatar img {
		border: 1px solid #fff;
		border-color: #76b100;
		border-radius: 1px;
	}*/
	.postprofile {
		border: 1px solid #76b100 !important;
		padding-bottom: 10px;
		margin-top: 5px;
		margin-left: 5px;
		border-radius: 5px;
	}
	
	.section-viewtopic .signature {
		clear: both;
		width: calc(100% - 200px - 1px - 16px);
	}
}


/*--------------------------------------------------------------
Online/Offline border
--------------------------------------------------------------*/
.online, .offline {
    background-image: none;
}
.online {
    border-right: 5px solid #82bc0e;
}
.offline {
    border-right: 5px solid #648253;
}
/*--------------------------------------------------------------
Icone auteur du sujet
--------------------------------------------------------------*/
.topic-author {
	font-size: 11px;
}
/*--------------------------------------------------------------
Commentaire sous image
--------------------------------------------------------------*/
.attach-image + dd {
	display: none;
}
/*--------------------------------------------------------------
Couleur thank for post
--------------------------------------------------------------*/
[id*="list_thanks"] {
	background-color: #d8ffa8;
}