/*-------------------
    GENERAL
-------------------*/

html, body {
	background-color: #33b3e0;
	color: #663300;
	padding: 0;
}
.page-body {
    clear: both;
    margin: 4px 25px;
}
.wrap {
    max-width: 100%;
    padding: 0;
	border: none;
}
a, table.table1 td {
    color: #663300;
}
.h3 {
    border-bottom-color: #663300;
}
.content h2, .panel h2 {
    border-bottom-color: #663300;
    color: #663300;
}
hr {
	border-color: #053754;
}
.wrap, .panel-container h3, .panel-container hr, .cp-menu hr, ul.linklist li.responsive-menu a.responsive-menu-link::before, ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu a.responsive-menu-link.a:before {
	border-color: #FFF;
}
a:hover, a:focus, a:active	{ color: #B1671E; }
a.postlink:hover {
    border-bottom-color: #B1671E;;
    color: #B1671E;;
}
label {
    color: #663300;
}
.postprofile {
    color: #663300;
}

/*----------------
    HEADER
-----------------*/

.headerbar {
    background-color: #f0b95a;
    background-image: url("./images/bg_header.gif");
    color: #ffffff;
    border-radius: 0;
    margin-bottom: 0px;
}
.site_logo {
	background: url("./images/site_logo.png") no-repeat;
	padding-left: 120px;
	padding-top: 70px;
}

/*----------------
    SEARCH
-----------------*/

.search-header {
    background: url("./images/search-box.png") no-repeat;
	padding: 62px 23px 3px 200px;
    box-shadow: none;
    border-radius: 0px;
    margin-top: 0;
}

/*----------------
    NAVBARS
-----------------*/
.navbar {
    border-radius: 0;
    background-color: #f0b95a;
	box-shadow: 2px 1px 5px #053754;
}
.navbar ul.linklist {
    padding: 2px 7px;
}

/*-------------------
    DROPDOWN LINKS
-------------------*/

/* Dropdown colors - Couleurs des listes d?roulantes
-----------------------------------------------------*/
.dropdown-extended .header{
	background-color: #B1671E;
	background-image: none;
	color: #f0b95a;
	text-shadow: none;
}
.dropdown-extended ul li:hover {
    background-color: #B1671E;
}
.dropdown-extended .footer {
    background-color: #B1671E;
}
.dropdown .dropdown-contents {
	background-color: #FFFFFF;
    border-color: #e4eff1;
    color:#fff;
}
.dropdown-nonscroll a{
    color:#fff;
}

/* Dropdown Pointers Colors - Pointeurs des listes d?roulantes
---------------------------------------------------------------*/
.dropdown .pointer {
    border-color: #fff transparent;
}
.dropdown .pointer-inner {
    border-color: #B1671E transparent;
}

/* Dropdown Contact Pointers Colors - Pointeurs des listes contact
-------------------------------------------------------------------*/
.dropdown .contact-icons{
	box-shadow: 2px 2px 5px #333;
}
.dropdown .contact-icons a:hover{
    background-color: #fff;
}

/* Dropdown in viewforum - Liste d?roulante du viewforum
---------------------------------------------------------*/
.dropdown fieldset.display-options label {
    color:#fff;
}
.dropdown fieldset.display-options hr {
    border-color: #fff;
}

/* Jumpbox
-----------*/
.jumpbox .dropdown .pointer-inner {
    border-color: #B1671E transparent;
}
.jumpbox-cat-link{
    background-color: #f0b95a;
}
.jumpbox-cat-link:hover {
    background-color: #C69948;
}
.jumpbox-sub-link{
    background-color: #B1671E;
}
.jumpbox-sub-link:hover {
    background-color: #B1671E;
    color: #000;
}
/*---------------------------------
    INPUT FIELD - Connexion page
---------------------------------*/

.inputbox:focus {
	color: brown;
}
.inputbox {
    background-color: #ffffff;
    border-color: #663300;
    color: #663300;
	border-radius: 15px;
	height: 20px;

}

/*-------------------
    POLLS
-------------------*/

fieldset.polls dl {
	border-top-color: #fff;
	color: #666666;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #0099cc;
	background: url("./images/poll.gif") #dbf4fd no-repeat right;
	padding-right:15px;
	padding-top:5px;
	margin-left:-15px;
	border-right-color:#dbf4fd;
	border-bottom:#0099cc solid 6px;
}

/*----------------
    BOXES
-----------------*/

.smiley-box {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    color: #053754;
    padding: 3px;
	width:16%;
}

/*----------------
    CATEGORIES
-----------------*/

.forabg {
    background-color: #ecc060;
    background-image: url("./images/bg_list.gif");
    padding: 20px 7px 7px;
	border-radius: 0 0 7px 7px;
}
ul.topiclist li {
    color: #663300;
}

/*--------------------
    FORUMS & POSTS
--------------------*/
.forumbg {
    background-color: #ecc060;
    background-image: url("./images/bg_list.gif");
    padding: 15px 3px;
	border-radius: 0;
}
.forumbg .header a, .forabg .header a, th a, li.header dt, li.header dd, table.table1 thead th{
    color: #663300;
	font-weight:bolder;
}
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #000;
}
.bg1 {
    background-color: #f0bf66;
}
.bg2 {
    background-color: #f0bf66;
}
.bg3 {
    background-image: url("./images/background.jpg");
	border: #b9b9b9 3px solid;
}
ul.forums{
    background: url("./images/gradient.gif") repeat #eef5f9;
}
li.row {
    border: 3px double #dfb073;
}
li.row:hover {
    background-color: #ffd98e;
}
ul.linklist li.responsive-menu a.responsive-menu-link::before {
    border-color: #663300;
}
ul.topiclist dd {
    border-left: 0px solid transparent;
}
.review {
    background-color: #ff9933;
	padding: 5px;
	border-radius:7px;
}

/*----------------
    STATISTICS
-----------------*/

.stat-block {
	color: #006699;
    background: url("./images/stats.jpg")#97d5ee repeat;
    border: 1px solid #97d5ee;
    border-radius: 7px;
    margin: 5px 0;
    padding: 0 5px;
}
.stat-block h3, .stat-block h3 a{
	color: #006699;
	border-bottom-color: #006699;
}
.stat-block h3 a:hover{
	color: white;
	text-decoration:none;
}
table.table1 tbody tr {
    border-color: #fff;
}
fieldset.display-options label {
    color: #053754;
}
/*----------------
    NAVIGATION 
----------------*/

.cp-main h2 {
    margin-left: 0px;
    padding: 5px 10px;
}
.ucp-main .panel{
    border-radius: 0 7px 7px;
}
.navigation a {
	color: #33b3e0;
	background: #d4f4fa;
	background: -webkit-linear-gradient(right, #d4f4fa 50%, #CADCEB 100%);
	background: linear-gradient(to left, #d4f4fa 50%, #CADCEB 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4f4fa', endColorstr='#CADCEB', GradientType=1 );
	border-radius: 15px;

}
.rtl #navigation a {
	background: #d4f4fa;
	background: -webkit-linear-gradient(right, #CADCEB 0%, #d4f4fa 50%);
	background: linear-gradient(to left, #CADCEB 0%, #d4f4fa 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1', GradientType=1 );
}
.navigation a:hover {
	background: #d4f4fa;
	color: grey;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border-radius: 15px;
}
.navigation .active-subsection a {
	background: #d4f4fa;
	color: black;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navigation .active-subsection a:hover {
	color: black;
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background-color: #d4f4fa;
	}
}

/*-----------
    PANELS
-----------*/
.panel {
    background-color: #dbf4fd;
	color: #663300;
}
.panel-container .panel .bg1 {
    background-color: #75c0d9;
}
.panel-container .panel .bg2 {
    background-color: #a2d8eb;
}
.panel-container h2 {
	background-color: #d4f4fa;
	border-radius: 7px;
}
.panel-container .panel {
    background-color: #d4f4fa;
}
.cp-main .panel {
    padding: 5px;
}
.panel a, dl.details dd {
	color: #663300;
}
label .search_forum {
    border-top-color: #f5f5f5;
    color: #000;
}
a.arrow-left:hover{
    color:#663300;
}
.panel-container h3, .panel-container hr, .cp-menu hr {
	border-color: #663300;
	color: #663300;
}
.postlink, .postlink a, .postlink:hover{
	border-bottom-color: #47c99a;
    /*color: #47c99a; */
}
.member-search{
    float: left;
    margin: 0;
    padding: 6px 10px;
	background-color: #f0b759;
}

/*-------------
    BUTTONS
-------------*/
a.button1, input.button1, a.button2, input.button2, input.button3 {
    border-color: #663300;
	border-radius: 7px;
	padding: 3px;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
    color: #FFF;
    background-color: #F0B95A;
    background-image: -webkit-linear-gradient(top, #F0B95A 0%, #663300 100%);
    background-image: linear-gradient(to bottom, #F0B95A 0%,#663300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0B95A', endColorstr='#630',GradientType=0 );
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border-color: #663300;
	color: #fff;
    background-color: #663300;
    background-image: none;
}
.button {
    background-color: #B1671E;
    background-image: none;
    border-color: #c7c3bf;
    box-shadow: 0 0 0 1px #ffffff inset;
}
.button:hover {
    background-color: #B1671E;
    background-image: none;
    border-color: #000;
    box-shadow: none;
}
.caret {
    border-color: #f0bf66;
}
.action-bar .button, .button .icon, .button-secondary {
    color: #f0bf66;
}
.button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon {
    color: #f0bf66;
}
.button:hover, .button:focus {
    text-shadow: 1px 1px 0 #000;
}
/*--------------------
    TABS - ONGLETS
--------------------*/

.tabs .tab > a {
	background: #b9b9b9;
	color: white;
}
.tabs .tab > a:hover {
	background: #b9b9b9;
	color: #6f5d5d;
}
.tabs .activetab > a,
.tabs .activetab > a:hover {
	background: #b9b9b9;
	background: -moz-linear-gradient(top, #d4f4fa 0%, #b9b9b9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4f4fa), color-stop(100%, #b9b9b9));
	background: -webkit-linear-gradient(top, #d4f4fa 0%, #b9b9b9 100%);
	background: -o-linear-gradient(top, #d4f4fa 0%, #b9b9b9 100%);
	background: -ms-linear-gradient(top, #d4f4fa 0%, #b9b9b9 100%);
	background: linear-gradient(to bottom, #d4f4fa 0%, #b9b9b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4f4fa', endColorstr='#b9b9b9', GradientType=0 );
	border-color: #b9b9b9;
	box-shadow: 0 1px 1px #F2F9FF inset;
	color: black;
}
.tabs .activetab > a:hover {
	color: black;
}
.responsive-tab .responsive-tab-link::before {
    border-color: #fff;
}
.responsive-tab .responsive-tab-link:hover::before {
    border-color: #fff;
}

/*-------------
    ICONS
-------------*/

/* icones personnalis?es - personalized icons */

.global_read													{ background-image: url("./images/announce_read.gif"); }
.global_read_mine												{ background-image: url("./images/announce_read_mine.gif"); }
.global_read_locked												{ background-image: url("./images/announce_read_locked.gif"); }
.global_read_locked_mine										{ background-image: url("./images/announce_read_locked_mine.gif"); }
.global_unread													{ background-image: url("./images/announce_unread.gif"); }
.global_unread_mine												{ background-image: url("./images/announce_unread_mine.gif"); }
.global_unread_locked											{ background-image: url("./images/announce_unread_locked.gif"); }
.global_unread_locked_mine										{ background-image: url("./images/announce_unread_locked_mine.gif"); }

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

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

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

.topic_moved													{ background-image: url("./images/topic_moved.gif"); }
.topic_read														{ background-image: url("./images/topic_read.gif"); }
.topic_read_mine												{ background-image: url("./images/topic_read_mine.gif"); }
.topic_read_hot													{ background-image: url("./images/topic_read_hot.gif"); }
.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.gif"); }
.topic_read_locked												{ background-image: url("./images/topic_read_locked.gif"); }
.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.gif"); }
.topic_unread													{ background-image: url("./images/topic_unread.gif"); }
.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.gif"); }
.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.gif"); }
.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.gif"); }
.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.gif"); }
.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.gif"); }

.pm_read														{ background-image: url("./images/topic_read.gif"); }
.pm_unread														{ background-image: url("./images/topic_unread.gif"); }

/* speed access icons - icones d'acc?s rapide */
.icon.icon-gray, a:hover .icon.icon-gray {
    color: #fff087;
}
.icon.icon-lightgray, a:hover .icon.icon-lightgray {
    color: #39addc;
}
.icon.icon-red, a:hover .icon.icon-red {
    color: #F34349;
}
/*---------------
    ANIMATION
---------------*/

#plic {
	width: 100%;
	height: 50px;
	margin: 0 auto;
	background-color: #dbf4fd;
	background-position: center;
	overflow: hidden;
	position: relative;
}
#plic ul#water li{list-style-type: none;
}
	#plic li#water-back {
		width: 110%;
		height: 34px;
		background-image: url(./images/plic/water-back.png);
		background-repeat: repeat-x;
		z-index: 1;
		position: absolute;
		bottom: 10px;
		left: -20px;
		-webkit-animation: water-back-animation 3s infinite ease-in-out;
		-moz-animation: water-back-animation 3s infinite ease-in-out;
		-o-animation: water-back-animation 3s infinite ease-in-out;
		-ms-animation: water-back-animation 3s infinite ease-in-out;
		animation: water-back-animation 3s infinite ease-in-out;
	}
	#plic li#water-front {
		width: 110%;
		height: 108px;
		background-image: url(./images/plic/water-front.png);
		background-repeat: repeat-x;
		z-index: 1;
		position: absolute;
		bottom: -70px;
		left:-30px;
		-webkit-animation: water-front-animation 2s infinite ease-in-out;
		-moz-animation: water-front-animation 2s infinite ease-in-out;
		-o-animation: water-front-animation 2s infinite ease-in-out;
		-ms-animation: water-front-animation 2s infinite ease-in-out;
		animation: water-front-animation 2s infinite ease-in-out;
	}
/* WebKit Animations */
@-webkit-keyframes water-back-animation {
	0%   {bottom: 10px; left: -20px;}
	25%  {bottom: 8px; left: -22px;}
	70%  {bottom: 12px; left: -24px;}
	100% {bottom: 9px; left: -20px;}
}
@-webkit-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}

/* FireFox Animations */

@-moz-keyframes water-back-animation {
	0%   {bottom: 10px; left: -20px;}
	25%  {bottom: 8px; left: -22px;}
	70%  {bottom: 12px; left: -24px;}
	100% {bottom: 9px; left: -20px;}
}
@-moz-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}

/* Opera Animations */

@-o-keyframes water-back-animation {
	0%   {bottom: 10px; left: -20px;}
	25%  {bottom: 8px; left: -22px;}
	70%  {bottom: 12px; left: -24px;}
	100% {bottom: 9px; left: -20px;}
}
@-o-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}

/* IE Animations */

@-ms-keyframes water-back-animation {
	0%   {bottom: 10px; left: -20px;}
	25%  {bottom: 8px; left: -22px;}
	70%  {bottom: 12px; left: -24px;}
	100% {bottom: 9px; left: -20px;}
}
@-ms-keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}

/* Animations */

@keyframes water-back-animation {
	0%   {bottom: 10px; left: -20px;}
	25%  {bottom: 8px; left: -22px;}
	70%  {bottom: 12px; left: -24px;}
	100% {bottom: 9px; left: -20px;}
}
@keyframes water-front-animation {
	0%   {bottom: -70px; left: -30px;}
	25%  {bottom: -68px; left: -32px;}
	70%  {bottom: -72px; left: -34px;}
	100% {bottom: -69px; left: -30px;}
}
.copyright {
    background: url("./images/copy.png")#33b3e0 no-repeat center;
    border-radius: 0;
	padding:40px 0 15px 30px;
}
#darken {
    background-color: #33b3e0;
}