@charset "UTF-8";
/*CSS Forum*/


@media (min-width:360px) {
    form.form-inline .btn {
        margin-right: 0px;
    }
}
@media (min-width:767px) {

}

.pagination.pagination-bottom {
    margin-bottom:30px;
}

/*Tags*/
h3, .title3 { font-size: 18px; }
h4, .title4 { font-size: 15px; font-weight: normal; }
h5, .title5 { font-size: 12px; }
h6, .title6 { font-size: 11px; }
tr:nth-child(1) th { border-top: 0; }

/*Miscellanous*/
.uppercase { display: block; margin-bottom: 10px; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #999; } /*margin-bottom: 24px; */

.bubble span { display: block; padding: 10px 15px; font-weight: normal; line-height: 18px; background: #eee; border-radius: 5px; font-size: 12px; margin-left: 10px; }
.bubble:after { content: ''; display: block; width: 0; margin-left: 10px; border-top: 10px solid #eee; border-right: 10px solid transparent; }

.spaced li { margin-bottom: 6px; }

.buttons-image, .buttons-color { padding-left: 10px; }
.icon-color.icon-red { background: #bc3734; }
.icon-color.icon-orange { background: #eb7e09; }
.icon-color.icon-green { background: #0d8a2d; }
.icon-color.icon-cyan { background: #02c9a1; }
.icon-color.icon-blue { background: #01469c; }
.icon-color.icon-magenta { background: #c9027c; }
.icon-color.icon-grey { background: #999; }

/*General*/
#container { background: #fff; }

/*Bar*/
#bar form input { width: 76px; }
#bar form input.btn { width: 30px; padding: 0; line-height: 30px; }

/*Header*/
#header .banner { height: 124px; border-bottom: 1px solid #dbdcdd; background: #f5f5f5 url(/images/forum/bg-header.png) repeat-y; }

#header .banner img { height: auto; }

#header .content h1 a { background: #fff url(/images/forum/logo-forum-pro.png) no-repeat center top; }
#header .content .logo_forum a {
    background: url("/images/forum/logo-forum-pro.png") no-repeat scroll center top #fff;
    display: block;
    height: 166px;
    text-indent: -9999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-size: 0;
    margin-top: -61px;
}


#header-home #header {
    margin-top:135px;
}
#header-home #header, #header-home #header ul {
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 12px;
}
#header-home #header .form-inline {
    margin-left:10px;
}
div.card {
    float:right;
    width: 340px;
    padding:10px 0 10px 10px;
    background: rgba(245, 245, 245, 0.75); /* Green background with 30% opacity */
    border: 0px;
    border-radius: 5px;
    margin-right: 30px;
}
@media (min-width:767px) {
    div.card.span6 {
    margin-left:0px;
    padding-left:25px;
}
}
div.card .span3 {
    width: 160px;
}


#header .content .card * { margin-top: 0; margin-bottom: 0; }
#header .content .card p { font-size: 15px; font-weight: bold; margin-left:10px; }
#header .content .card ul { margin-top: 9px; }
#header .content .card ul li a { color: #333; }
#header .content .card ul li.active a { color: #01469c; text-decoration: none; cursor: default; }



/*Content*/
.aside { margin-top: -20px; padding-top: 20px; padding-bottom: 1px; background: #f5f5f5; }

/*Items*/
.items { margin-bottom: 30px; }

/*Breadcrumb*/
#breadcrumb { border-bottom: 1px solid #dbdcdd; line-height: 50px; }
#breadcrumb * { margin-bottom: 0; }

#breadcrumb .breadcrumb { height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#breadcrumb .breadcrumb a { color: #0d8a2d; }

#breadcrumb form input { width: 167px; }
#breadcrumb form input.btn { width: 30px; padding: 0; line-height: 30px; }

/*Comment*/
.comment .info { padding: 15px 15px 9px; border-radius: 5px; background: #f5f5f5; }
.comment .info h4, .comment .info .title4 { margin-top: 0; margin-bottom: 0; }
.comment .info hr { margin-top: 9px; margin-bottom: 9px; }
.comment .date { height: 33px; line-height: 33px; }
.comment .content { padding: 15px; border: 1px solid #dbdcdd; border-radius: 5px; background: #f5f5f5; }

/*Answer*/
.answer { margin-top: 36px; padding: 15px 0 9px; border-radius: 5px; background: #f5f5f5; }
.answer hr { margin-top: 9px; margin-bottom: 9px; }

/*Overview*/
.overview { height: 200px; padding: 15px 15px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; overflow: auto; }
.overview p { margin-bottom: 15px; }

/*Insert*/
.insert.insert-client { height: 250px; }
.insert.insert-client h3, .insert.insert-client .title3 { position: absolute; top: 150px; }
.insert.insert-client a.btn { position: absolute; bottom: 21px; }

/*Block*/
.block { margin-bottom: 30px; padding: 0 10px 0; }
.block h3, .block .title3 { font-size: 12px; font-weight: normal; text-transform: uppercase; color: #eb7e09; }
.block ul li a { color: #333; }
.block ul li:before { content: '» '; }
.block ul.unstyled li:before,
    .block ul.dotted li:before,
    .block ul.ul_liste-social li:before
    { content: ''; }

/*Footer*/
#subfooter .container { background: #f5f5f5; text-align: center; }
#subfooter .top { margin-bottom: 0; }
#subfooter .top a { display: block; width: 60px; height: 40px; margin: -40px auto 0; text-indent: -9999px; background: url(/images/forum/icn-top.png); }

.comment .pagination.pagination-top {
    margin-bottom: 0;
}




/* NAV_FORUM */

#nav_forum
{
    width: 100%;
    position: static;
    margin: 0;
}

#nav_forum ul,
#nav_forum ol
{
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
}

#nav_forum a:hover, #nav_forum a:focus {
    text-decoration: none;
}

#nav_forum > a
{
    display: none;
}

#nav_forum li
{
    position: relative;
    z-index: 99;
}
#nav_forum li a
{
    color: #fff;
    display: block;
}
#nav_forum li a:active
{
    background-color: #067322 !important;
}

#nav_forum span:after
{
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #c3d994;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}


/* first level */

#nav_forum > ul
{
    height:40px;
    background-color: #0d8a2d;
}
#nav_forum > ul > li
{
    width: 25%;
    height: 100%;
    float: left;
}


#nav_forum > ul > li > a
{
    height: 50%;
    font-size:15px;
    font-weight: bold;
    text-align: center;
    padding:10px;
}
#nav_forum > ul > li:not( :last-child ) > a
{
    border-right: 1px solid #067322;
}
#nav_forum > ul > li:hover > a,
#nav_forum > ul:not( :hover ) > li.active > a
{
    font-weight: bold;
    background-color: #067322;
}


/* second level */

#nav_forum li ul
{
    background-color: #c3d994;
    display: none;
    position: absolute;
    top: 100%;

}
#nav_forum li:hover ul
{
    display: block;
    left: 0;
    right: 0;
}
#nav_forum li:not( :first-child ):hover ul
{
    left: -1px;
}
#nav_forum li ul li#forum_form_conn
{
    padding:5px;
}
#nav_forum li ul a
{
    font-size:15px;
    font-weight: normal;
    color:#067322;

    border-top: 1px solid #0d8a2d;
    padding: 10px;
}
#nav_forum li ul li a:hover,
#nav_forum li ul:not( :hover ) li.active a
{
    color:#fff;
    background-color: #0d8a2d;
}
@media only screen and ( max-width: 979px ) /* 640 */
{
    #nav_forum > ul > li > a, #nav_forum li ul a
    {
    font-size:13px;
    }

}

@media only screen and ( max-width: 767px ) /* 640 */
{
    #nav_forum
    {
        position: relative;
        z-index: 99;
        top: 0;
        left: 100%;
        width: 0;
    }
    #nav_forum > a
    {

        width: 45px;
        height: 45px;
        text-align: left;
        text-indent: -9999px;
        background-color: #0d8a2d;
        position: relative;
        right: 45px;
    }

    /*
    #nav_forum > a:before,
    #nav_forum > a:after
    {
        position: absolute;
        float:right;
        border: 2px solid #fff;
        top: 35%;
        left: 25%;
        right: 25%;
        content: '';
    }
    */

    #nav_forum > a {
        background-image: url('http://pro.guidesocial.be/images/site/menu.png');
    }
    #nav_forum > a:after
    {
        top: 60%;
    }

    #nav_forum:not( :target ) > a:first-of-type,
    #nav_forum:target > a:last-of-type
    {
        display: block;
    }


    /* first level */

    #nav_forum > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: -250px;
        right: 0;
        width: 250px;
    }
    #nav_forum:target > ul
    {
        display: block;
    }
    #nav_forum > ul > li
    {
        width: 100%;
        float: none;
    }
    #nav_forum > ul > li > a
    {
        height: auto;
        text-align: left;
        padding: 10px 15px; /* 20 (24) */
    }
    #nav_forum > ul > li:not( :last-child ) > a
    {
        border-right: none;
        border-bottom: 1px solid #067322;
    }


    /* second level */

    #nav_forum li ul
    {
        position: static;
        padding: 0 10px;
        margin:0;
    }

        .comment .info { padding: 0; border-radius: 0; background: #fff; }
        .comment .info .title4 { font-weight: bold; }

        #forum-form-search-phone {
            float:left;
            width:220px;

        }
    #forum-form-search-phone form {
        margin-top:10px;
        margin-bottom:0;
    }
}


@media (min-width:980px) {

    aside {
        float:left;
        width:220px;
    }
}