/* LESS BUILD */
body {
  color: #000000;
  background-color: #e9e9e9;
  min-height: 100%;
}
.logged #viewport {
  height: 100%;
  min-height: 840px;
}
#bg {
  background: #e9e9e9;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
}
a {
  color: #8f1210;
  transition: all 0.2s ease-out;
}
a:hover,
a:active,
a:focus {
  color: #cc0000;
}
a.more {
  background: #C5C9CC;
  background: rgba(0, 0, 0, 0.2);
  color: #696E71;
}
a.more:hover {
  background-color: #cc0000;
  color: #ffffff;
}
a img {
  border-color: #2a2a2a;
}
a:hover img,
a:active img,
a:focus img,
a img.active {
  border-color: #cc0000;
}
a.anchor {
  color: #555555;
}
/* HEADER */
#header {
  background: #2a2a2a;
}
#header,
#header a {
  color: #ffffff;
}
#header #tagline {
  display: none;
}
#header.unlogged {
  border-bottom: solid 4px #FFFFFF;
}
#header.unlogged #nav a {
  border-width: 3px;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
/* MENUS DU HAUT */
#nav {
  background: #2a2a2a;
  border-bottom: solid 4px #e9e9e9;
}
.unlogged #nav {
  background: none;
  border: none;
}
#nav ul#menu li a {
  color: #ffffff;
  display: block;
}
#nav ul#menu li a:hover {
  background: #999999;
  color: #ffffff;
}
#nav ul#menu li.active {
  background: #e9e9e9;
}
#nav ul#menu li.active a {
  background: #e9e9e9;
  color: #000000;
}
#nav ul#submenu li a {
  color: #ffffff;
}
#nav ul#submenu li a:hover {
  color: #E0F2FC;
}
#nav ul#submenu li.active a {
  text-decoration: underline;
}
/* SIDEBAR INSCRIPTION */
#sidebar-insc {
  overflow: hidden;
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.3);
  color: #000000;
}
#sidebar-insc .ttlgrad {
  background: #2a2a2a;
  color: #ffffff;
}
/* WIDGETS */
.widget .box {
  background: #FFFFFF;
  background: rgba(255, 255, 255, 0.3);
}
.widget .chatreq .box {
  background: #FFFFFF;
}
.widget h2 {
  background: #2a2a2a;
  color: #ffffff;
}
/* FOOTER */
#footer {
  border-color: #4c4c4c;
  background: #FFFFFF;
}
/* BOXES */
.round-box {
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box {
  border-color: transparent;
  background-color: #FFFFFF;
  color: #000000;
  transition: all 0.2s ease-out;
}
.lightest {
  background-color: #FFFFFF;
  color: #000000;
}
.light {
  background: #eeeeee;
  color: #000000;
  transition: all 0.2s ease-out;
}
.tint {
  background: #dce3eb;
  color: #000000;
  transition: all 0.2s ease-out;
}
.medium {
  background: #4c4c4c;
  color: #ffffff;
  transition: all 0.2s ease-out;
}
.dark {
  background: #2a2a2a;
  color: #ffffff;
  transition: all 0.2s ease-out;
}
.darkborder {
  border-color: #1369D3;
}
.boxhl {
  background-color: #cc0000;
  border-color: #cc0000;
  color: #ffffff;
  transition: all 0.2s ease-out;
}
.boxhl a {
  color: #ffffff;
}
.boxhl2 {
  background-color: #999999;
  border-color: #999999;
  color: #ffffff;
  transition: all 0.2s ease-out;
}
.boxhl2 a {
  color: #ffffff;
}
.highlight {
  background-color: #ffcccc;
  color: #000000;
}
.saturated {
  background-color: #cc0000;
}
a.saturated,
.saturated a,
.saturated a:hover {
  color: #660000;
}
.box.translucent {
  background: rgba(255, 255, 255, 0.4);
}
.lightest.translucent {
  background: rgba(255, 255, 255, 0.4);
}
.light.translucent {
  background: rgba(238, 238, 238, 0.4);
}
.tint.translucent {
  background: rgba(220, 227, 235, 0.4);
}
.medium.translucent {
  background: rgba(76, 76, 76, 0.4);
}
.dark.translucent {
  background: rgba(42, 42, 42, 0.4);
}
.boxhl.translucent {
  background: rgba(204, 0, 0, 0.4);
}
/* Titres et couleurs de textes */
.txthl,
.txthl a {
  color: #cc0000;
}
#header .txthl,
#nav .txthl {
  color: #cc0000;
}
.txthl2 {
  color: #999999;
}
.txtmute {
  color: #999999;
}
.undef {
  color: #999999;
}
.online {
  color: #82B422;
}
.onlineBorder {
  border-color: #82B422;
}
.onlineBg {
  background-color: #82B422;
}
.txtprriv {
  color: #6F9FC3;
}
.txtgold {
  color: #DEA809;
}
.txtplati {
  color: #BC4206;
}
.txtdark {
  color: #2a2a2a;
}
.txtpale {
  color: #2a2a2a;
}
.ttlgrad {
  background: #2a2a2a;
  color: #ffffff;
  /* Pourquoi affichage différent lorsque non-logué??? */
}
#main .box .ttlgrad {
  border-color: #2a2a2a;
}
.unlogged .box h1.ttlgrad {
  background: none;
  color: #000000;
}
.ttlgrad a,
.ttlgrad a.anchor {
  color: #ffffff;
}
/* second niveau de titre: je ne crois pas que ca sert encore*/
.subttlgrad {
  background: #ffffff url(/img/ui/bg_title2.gif) repeat-x bottom;
}
.ttlbox .ttlbox-main {
  background: #2a2a2a;
  color: #ffffff;
}
.ttlbox .ttlbox-sub {
  background: #999999;
  background: -moz-linear-gradient(top, #595959 0%, #999999 25%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #595959), color-stop(25%, #999999));
  background: -webkit-linear-gradient(top, #595959 0%, #999999 25%);
  background: -o-linear-gradient(top, #595959 0%, #999999 25%);
  background: -ms-linear-gradient(top, #595959 0%, #999999 25%);
  background: linear-gradient(to bottom, #595959 0%, #999999 25%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='darken(@hl2, 25%)', endColorstr='@hl2', GradientType=0);
  color: #FFFFFF;
}
.ttltab {
  background: #2a2a2a;
  color: #ffffff;
}
.halfbox {
  border-color: #999999;
}
.halfbox .title {
  background: #999999;
  color: #ffffff;
}
/* Textes positifs/négatifs */
.txtneg,
.err {
  color: #FA0100;
  border-color: #FA0100;
}
.good {
  color: #82B422;
  border-color: #82B422;
}
h4.err {
  background: transparent url(/img/pmod/ico_neg.gif) no-repeat 0 2px;
  text-indent: 20px;
}
h4.good {
  background: transparent url(/img/pmod/ico_pos.gif) no-repeat 0 2px;
  text-indent: 20px;
}
.pfull h4.err,
.pfull h4.good {
  background-image: none;
  text-indent: 0;
}
/* FORMS */
.ghost-select:before,
.ghost-select .arrow {
  color: #2a2a2a;
}
input,
select,
textarea,
.ghost-select {
  border-color: #666666;
  transition: all 0.2s ease-out;
}
input.err,
select.err,
textarea.err,
.ghost-select.err {
  border-color: #CC0000;
  background-color: #FFCCCC;
}
input:focus,
select:focus,
textarea:focus,
.ghost-select:focus,
input.focus,
select.focus,
textarea.focus,
.ghost-select.focus {
  outline: solid 1px #999999;
  border-color: #999999;
  box-shadow: none;
}
input:hover,
select:hover,
textarea:hover,
.ghost-select:hover,
input.hover,
select.hover,
textarea.hover,
.ghost-select.hover {
  border-color: #999999;
}
/* Boutons */
div.btn,
button,
input.btn,
div.btn2,
button.btn2,
input.btn2,
div.btnmute,
button.btnmute,
input.btnmute {
  box-shadow: 2px 3px 2px -3px #000000;
  transition: all 0.2s ease-out;
}
.navig div.btn,
.navig button,
.navig input.btn,
.navig div.btn2,
.navig button.btn2,
.navig input.btn2,
.navig div.btnmute,
.navig button.btnmute,
.navig input.btnmute {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 1px;
}
.wbtn div.btn,
.wbtn button,
.wbtn input.btn,
.wbtn div.btn2,
.wbtn button.btn2,
.wbtn input.btn2,
.wbtn div.btnmute,
.wbtn button.btnmute,
.wbtn input.btnmute {
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.btn:focus,
button:focus,
input.btn:focus,
div.btn2:focus,
button.btn2:focus,
input.btn2:focus,
div.btnmute:focus,
button.btnmute:focus,
input.btnmute:focus {
  outline: none;
}
div.btn,
button,
input.btn {
  background-color: #cc0000;
  border-color: #cc0000;
  color: #ffffff;
}
div.btn:hover,
button:hover,
input.btn:hover {
  background-color: #660000;
  border-color: #660000;
}
div.btn a,
button a,
input.btn a,
div.btn a:hover,
button a:hover,
input.btn a:hover,
div.btn a:active,
button a:active,
input.btn a:active,
div.btn a:focus,
button a:focus,
input.btn a:focus {
  color: #FFFFFF;
}
div.btn.disable,
button.disable,
input.btn.disable {
  color: #999999;
}
div.btn.disable:hover,
button.disable:hover,
input.btn.disable:hover {
  color: #999999;
}
/* Boutons */
div.btn2,
button.btn2,
input.btn2 {
  background-color: #999999;
  border-color: #999999;
  color: #ffffff;
}
div.btn2:hover,
button.btn2:hover,
input.btn2:hover {
  background-color: #666666;
  border-color: #666666;
}
div.btn2 a,
button.btn2 a,
input.btn2 a,
div.btn2 a:hover,
button.btn2 a:hover,
input.btn2 a:hover,
div.btn2 a:active,
button.btn2 a:active,
input.btn2 a:active,
div.btn2 a:focus,
button.btn2 a:focus,
input.btn2 a:focus {
  color: #FFFFFF;
}
div.btn2.disable,
button.btn2.disable,
input.btn2.disable {
  color: #999999;
}
div.btn2.disable:hover,
button.btn2.disable:hover,
input.btn2.disable:hover {
  color: #999999;
}
div.btnmute,
button.btnmute,
input.btnmute {
  background-color: #BBBBBB;
  border-color: #BBBBBB;
  color: #FFFFFF;
}
div.btnmute:hover,
button.btnmute:hover,
input.btnmute:hover {
  background-color: #999999;
  border-color: #999999;
}
div.btnmute a,
button.btnmute a,
input.btnmute a,
div.btnmute a:hover,
button.btnmute a:hover,
input.btnmute a:hover,
div.btnmute a:active,
button.btnmute a:active,
input.btnmute a:active,
div.btnmute a:focus,
button.btnmute a:focus,
input.btnmute a:focus {
  color: #ffffff;
}
div.btnmute.disable,
button.btnmute.disable,
input.btnmute.disable {
  color: #999999;
}
div.btnmute.disable:hover,
button.btnmute.disable:hover,
input.btnmute.disable:hover {
  color: #999999;
}
/* Boutons supprimer */
input.del,
button.del,
div.del {
  color: #FFFFFF;
  border-color: #EE2424;
  background: #EE2424;
}
input.del:hover,
button.del:hover,
div.del:hover {
  background: #FF0000;
  border-color: #FF0000;
}
/* Labels */
label:hover {
  color: #222222;
}
label.txthl:hover {
  color: #cc0000;
}
label.txtmute:hover,
label.undef:hover {
  color: #999999;
}
/* POPUPS */
img.close {
  background: transparent url(/img/btn_fermer.png) no-repeat;
}
.popDHTML {
  border-color: #2a2a2a;
  background: #2a2a2a;
}
#popmask,
#mask {
  background-color: #111111;
}
#popmsgerr {
  background-color: #FFCCCC;
  border-color: #FA0100;
  color: #FA0100;
}
#pophint.box {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 0 5px #999999;
  background: #eeeeee;
  opacity: 0.8;
  border: solid 2px #2a2a2a;
}
#popmm a#picnavnext,
#popmm a#picnavprev {
  transition: none;
}
/* Profils */
ul.mmsections li a.lnkcollapse {
  background-color: #999999;
  color: #ffffff;
}
ul.mmsections li a.lnkcollapse:hover {
  background-color: #928787;
}
/* TABS */
.tabsbox,
.tabs,
.tabscontent {
  border-color: #2a2a2a;
}
.tabs li {
  background: #2a2a2a;
  border-color: #2a2a2a;
  transition: all 0.2s ease-out;
}
.tabs li:hover {
  background: #999999;
}
.tabs li a,
.tabs li span {
  color: #FFFFFF;
}
.tabs li.selected,
.tabs li.selected:hover {
  background: #FFFFFF;
}
.tabs li.selected a,
.tabs li.selected span {
  color: #000000;
}
/* MISC */
div.loading {
  background-image: url(/img/chargement.gif);
}
#specfiller {
  filter: alpha(opacity=50);
  opacity: .50;
  background: #FFFFFF;
}
ol.num > li:before,
.ordered-num {
  background-color: #999999;
  color: #ffffff;
}
/* BARRES DE PROGRES */
.progbarbox {
  background-color: #FFFFFF;
  border-color: #2a2a2a;
}
.progbarbox .progbar {
  background: #2a2a2a;
}
.progbarbox .progbarbonus {
  background: #cc0000;
}
.progbarbox .progbarind {
  background: transparent url(/img/bullet_online.gif) no-repeat right center;
}
/* Pages spécifiques */
#frmsearch legend a {
  background-image: url(/img/bullet_arrow_big.gif);
}
#frmsearch legend a.act {
  background-image: url(/img/bullet_arrow_big_act.gif);
}
#frmsearch legend a:hover {
  background-color: #4c4c4c;
}
#optbkl ul#list_bkl li:hover {
  border-bottom-color: #cc0000;
}
#msgs .outgoing {
  color: #666666;
}
#msgs #msglistbox .box.message {
  border-color: #C4C4C4;
}
#msgs #convolist div.box:hover {
  background-color: #cc0000;
  /* DOIT ETRE LA COULEUR DE .boxhl */
  border-color: #cc0000;
  /* DOIT ETRE LA COULEUR DE .boxhl */
}
#msgs #convolist div.msgcount a {
  background-image: url('/img/msg/bg_msg_count.png');
}
#msgs div.fleche {
  background-image: url('/img/msg/white_arrow.gif');
}
#msgs div.flechetint {
  background-image: url('/img/msg/blue_arrow.gif');
}
#msgs .message.tint {
  background: #DCE3EB;
}
#msgs div.msggoldbox {
  border-color: #DEA303;
  background-color: #FCECBF;
  background-image: url('/img/msg/gold_box.png');
}
#msgs div.msgpremiumbox {
  border-color: #77A0AB;
  background-color: #F7FBFC;
  background-image: url('/img/msg/premium_box.gif');
}
#msgs #newmessage .tabtext .btncontainer ul.showsmiley li input.smiley {
  background-image: url('/img/smileys/smile.png');
}
/* AVANTAGES */
#abo #lnkadvantages {
  background-image: url(/img/btn_aide.gif);
}
#avantages {
  background: #6090be url(/img/abo/bg_avantages.jpg) no-repeat right bottom;
  color: #FFFFFF;
}
#avantages div.abo {
  color: #565F66;
}
#avantages #avan_plati {
  color: #000000;
}
#avantages_full table td {
  border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
}
#avantages_full table tbody td.regu {
  background-color: #E1E1E1;
}
#avantages_full table tbody td.priv {
  background-color: #D4DDE4;
}
#avantages_full table tbody td.gold {
  background-color: #EFD791;
}
#avantages_full table tbody td.plati {
  background-color: #E89F76;
}
#avantages_full table tfoot td.priv {
  background-image: url(/img/abo/btn_abo_priv.gif);
}
#avantages_full table tfoot td.gold {
  background-image: url(/img/abo/btn_abo_gold.gif);
}
#avantages_full table tfoot td.plati {
  background-image: url(/img/abo/btn_abo_plati.gif);
}
#avantages_full table tfoot td.plati a:hover {
  color: #000000;
}