body {
    background : url('img/6.jpg') top center fixed;
    /* font-family : verdana, sans-serif !important; */
}

 {
    background : url('img/logo.png') no-repeat left center;
    width : 395px;
    height : 180px;
    margin : 0;
    padding-left : 395px;
    overflow : hidden;
}

a {
    color : #003462;
}

.navbar {
    border-radius : 0;
}

span.username {
    color : #d57f34;
    margin-left : 7px;
}

ul.messages {
    width : 500px;
}
#body {
    /*background-color : purple;
    height : 200px;*/
}

div.body-cnt {
    background: url('img/body_bg.png');
    padding: 20px 0px;
    border: 2px solid #001e3b;
}

div.gradient-up {
    padding-top : 40px;
    /*background-image : url("img/top-gradient.png"), url("img/transparent.png");
    background-repeat : repeat-x, repeat;
    background-position : left top, left bottom;*/
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 60px, rgba(255,255,255,0.6) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60px,rgba(255,255,255,0.6)), color-stop(90%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px, rgba(255,255,255,0.6) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */
}

div.gradient-down {
    padding-bottom : 40px;
    background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 60px, rgba(255,255,255,0.6) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(60px,rgba(255,255,255,0.6)), color-stop(90%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px, rgba(255,255,255,0.6) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* IE10+ */
    background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 60px,rgba(255,255,255,0.6) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */
}

div.gradient-up div.col-md-4 {
    margin-bottom : 20px;
}

div.gradient-down div.col-md-6 {
    margin-top : 20px;
}

#servers-list {
    background : url('img/servers-list_bg.jpg') repeat-y top center;
}

#servers-list div.row {
    margin-top : 10px;
}

#servers-list div.row:first-child {
    margin-top : 0;
}

#servers-list div.row div a.server {
    display : block;
    background-color : #e1e1e1;
    border : 1px solid #666666;
    text-decoration : none;
    padding : 10px; 
    border-radius : 0 10px 10px 0;
    border-left-style : none;
    background-position : right center;
}

#servers-list div.row div:first-child a.server {
    border-radius : 10px 0 0 10px;
    text-align : right;
    border-left-style : solid;
    border-right-style : none;
    background-position : left center;
}

#servers-list div.row div a.server.css,
#servers-list div.row div a.server.cssfun {
    background-image : url('img/icon_css.png');
    background-repeat : no-repeat;
}

#servers-list div.row div a.server.minecraft,
#servers-list div.row div a.server.minecraftkid {
    background-image : url('img/icon_minecraft.png');
    background-repeat : no-repeat;
}

#servers-list div.row div a.server.l4d2 {
    background-image : url('img/icon_l4d2.png');
    background-repeat : no-repeat;
}

#servers-list div.row div a.server:hover {
    background-color : #eaeaea;
}

#servers-list div.row a.server div {
    color : #333333;
    line-height : 1;
}

#servers-list div.row a.server div:first-child {
    color : #003462;
    font-weight : bold;
}

div.list-container {
    background-color : #f0f0f0;
}

div.list-container h3 {
    color : #d57f34;
    background-color : #003462;
    border : 1px solid #001c34;
    font-weight : bold;
    font-size : 18px;
    padding : 5px 10px;
    margin : 0;
}

div.list-container ul {
    list-style : none;
    padding : 0;
    margin : 0;
}
div.list-container ul li {
    display : block;
    list-style : none;
    padding : 2px 5px;
    border : 1px solid #aaaaaa;
    border-top : none;
}

div.list-container ul li a {
    display : block;
    color : #003564;
    text-decoration : none;
}

div.list-container ul li a:hover {
    background-color : #fafafa;
}

div.list-container ul li a span {
    color : #333333;
    font-size : 12px;
}

div.list-container>a {
    color : #d47e33;
    text-align : right;
    display : block;
    border : 1px solid #aaaaaa;
    border-top : none;
    font-size : 12px;
}

div.bc-and-date, div.opt-and-tzone {
    background-color : rgba(255,255,255,0.80        );
}

div.bc-and-date ol.breadcrumb {
    background : none;
    margin : 0;
}

div.bc-and-date ol.breadcrumb li.active {
    color : #333333;
}

div.bc-and-date div.dateheure {
    padding : 8px 15px;
    color : #333333;
}

h3.section-title {
    text-align : center;
    color : #d57f34;
    background : url("img/sectiontitle_bg.png") repeat-x;
    border : 1px solid #001c34;
    font-weight : bold;
    line-height : 29px;
    font-size : 18px;
    /* padding : 7px 0px; */
    margin : 0 -10px;
}

div.section {
    display : block;
    background-color : #eeeeee;
    color : #333333;
    padding : 10px 0; 
    border-top : 1px solid #999999;
}

h3 + div.section {
    border-top : none;
}

div.section h4 {
    color : #003462;
    font-weight : bold;
    margin : 0;
    font-size : 16px;
}

div.section p {
    margin : 0;
    font-size : 11px;
}

div.section.new {
    background-color : #d57e33;
}

div.section div.compteurs p {
    line-height : 25px;
}

div.section div.last-message p {
    text-align : right;
    float : right;
    padding-right : 10px;
}

a.letsgo {
    background : url('img/arrow.png') no-repeat right center;
    width : 16px;
    min-height : 17px;
    line-height : 72px;
    display : inline-block;
    height : 90%;
    float : right;
}

div.opt-and-tzone {
    border-top : 2px solid #999999;
}

div.opt-and-tzone a.dropdown-toggle {
    padding : 5px 10px;
    display : inline-block;
    background-color : #e1e1e1;
}

div.timezone {
    font-weight : bold;
    text-align : right;
    padding-top : 5px;
    padding-bottom : 5px;
}

div#numerics p {
    padding : 10px;
}

div#logged-users .row {
    margin : 0;
    padding : 0;
}

ul#logged-users-list-surplus {
    display : none;
}

ul#logged-users-list li, ul#logged-users-list-surplus li {
    border : none;
}

ul#logged-users-list li a, ul#logged-users-list-surplus li a {
    display : block;
    margin : 5px;
    border : 1px solid #999999;
    padding : 5px;
}

ul#logged-users-list li a div.pseudo , ul#logged-users-list-surplus li a div.pseudo {
    color : #d57f34;
    font-weight : bold;
}

ul#logged-users-list li a div.group , ul#logged-users-list-surplus li a div.group {
    color : #333333;
    font-size : 11px;
}

a#see-more-logged-users {
    display : block;
    margin : 5px 0;
    border : 1px solid #999999;
    padding : 2px 5px;
    color : #d57f34;
    font-weight : bold;
}

a#see-more-logged-users span.glyphicon-chevron-down {
    margin-top: 3px;
    color : #d57f34;
}

a#see-more-logged-users:hover {
    text-decoration : none;
    background-color : #fafafa;
}

div.visitors {
    text-align : right;
    padding : 2px 15px;
}

#opt-messages {
    background-color: #F1F1F1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
    border-top : none;
}

#opt-messages a {
    color: #333;
}

#opt-messages a:hover {
    background-color: #CCCCCC;
}

#splash { margin: auto; box-shadow: 0 0 10px black; margin-bottom: 15px; }
#splash li { box-shadow: 0px 0px 15px 2px black ;}
#splash div.side {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.5+60,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(90%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 90%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
border-left: 3px solid rgba(0,0,0,0.5);

    /* background-color:rgba(0,0,0,0.5); */
    position:absolute;
    width: 10%;
    padding-top: 20px;
    text-align: center;
    height: 100%;
    top:0;
}
#splash div.inner {-moz-border-radius:5px;-webkit-border-radius:5px;background-color:rgba(255,255,255,0.7);border-radius:5px;top:0;margin:20px 20px 20px 12%;padding:15px;position:absolute;z-index:10;}
#splash div.name {
    color:#EEE;
    transform:rotate(90deg);
    text-align:right;
    margin-top:30px;
    font-size:25pt;
    font-weight:bold;
    white-space:nowrap;
}
#splash h2 {font-size:14px;margin-bottom:5px;}
#splash strong {color:#000;font-size:11px;text-shadow:none;}
#splash p {color:#000;font-size:11px;line-height:14px;margin:0!important;text-shadow:none;}