/* Dashboard BO */
.dashboard-icon-list .nav-list a:hover, .dashboard-icon-list .nav-list a:focus {
    color: #c80450;
}
.navbar-topleft > li {
    padding: 2% 2% 4.2%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#LayerCookies .btn,
#LayerCookies .btn_cookies,
#LayerCookies .btn_cookies_off {
    color: #ffffff;
    text-shadow: none;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    height: 40px;
    padding: 0% 2% 0% 2%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.alert-info {
    background-color: #3e3e3e;
}

/***** CSS NAVBAR UNIQUEMENT *****/

.navbar {
    margin-bottom: 0;
}
.navbar-groupe {
    border           : none;
    margin-top       : -11px;
    height           : 135px;
}
.navbar-groupe .navbar-collapse, .navbar-groupe .navbar-form {
    width: 100%;
}
.ul-liens-site, .menu_site .ul-liens-site {
    margin-bottom : 0;
    margin-top    : 0;
}
.navbar-nav.navbar-right:last-child {
    margin-right: 0;
    left: 50px;
}
.menu_site {
    height           : 135px;
    top: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.navbar-topleft > li > a {
    display: inline;
    padding: 0;
    font-size: 0.9em;
}
.MenuGroupeTop .IconstyleHeader {
    color: #ffffff;
    font-size: 17px;
    padding-right: 3px;
}
.justification {
    margin-left: -1%;
    margin-right: 1%;
    padding-top: 1%;
}
.MenuGroupeTop .IconstyleHeader, .navbar-right .IconstyleHeader, .navbar-right .IconstyleHeader, .navbar-right .glyphicon, .navbar-right .glyphicon, .navbar-topleft > li {
    cursor: pointer;
}
.navbar-topleft > li {
    padding: 2% 2% 4.2%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-right .infos-id a, .navbar-right .infos-id a:hover, .navbar-right .infos-id a:focus, .navbar-right > a, .navbar-right > a:hover, .navbar-right > a:focus {
    font-family: 'dejavu_sanscondensed_bold', sans-serif;
    margin-left: 5px;
    margin-right: 3px;
    text-decoration: none;
}
.Login a {
    color: #ffffff;
}
.socialIconsConnect .Login {
    margin-top: -3%;;
    padding: 3% 1% 4.3%;
    font-size: 0.9em;
}
.Login .photo-id {
    width: 40px;
    height: 38px;
    border-radius: 70px;
}
.Login .decos-id {
    margin-left: -1%;
    margin-top: -23%;
}
.Login:hover, .Login:focus {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-nav > li {
    padding: 3% 2% 4.8%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-brand, .navbar-nav > li > a
{
    text-align         : center;
    text-shadow        : 0 1px 0 rgba(255, 255, 255, 0.10);
    font-family        : "EurostileLT", sans-serif;
    color              : #f9f9f9;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}
.navbar-left > li > a {
    display: inline;
    padding : 0;
}
.navbar-right > li {
    padding: 0;
}
.navbar-groupe .navbar-nav > li:hover {
    color: #ffffff;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    color            : #ffffff;
}
.socialIconsConnect {
    list-style: none outside none;
    padding-top: 2%;
    padding-right: 0%;
}
.MenuGroupeTop .glyphicon-search {
    font-size: 1.3em;
}
.search {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 70px;
    text-decoration: none;
    padding: 8% 0 0 5%;
}
.navbar-right .facebook, .navbar-right .twitter, .navbar-right .youtube {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 1em;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    text-decoration: none;
    margin-top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}
.facebook, .twitter, .youtube {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 1em;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    border-radius: 70px;
    text-decoration: none;
    margin-top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}
.facebook:hover, .twitter:hover, .youtube:hover {
    -webkit-transform : rotate(360deg);
    -moz-transform    : rotate(360deg);
    -o-transform      : rotate(360deg);
    text-decoration   : none;
    color             : #ffffff;
}
.facebook:focus, .twitter:focus, .youtube:focus {
    color : #ffffff;
}
#menu-group-collapse .youtube, #menu-group-collapse .twitter, #menu-group-collapse .facebook {
    padding : 5px 0 0 8px;
}
.article-footer .youtube, .article-footer .twitter, .article-footer .facebook {
    padding: 5px 0 0 8px;
}
.footer .youtube, .footer .twitter, .footer .facebook {
    padding: 2px 0 0 8px;
}
.block1_infoslide .facebook, .block1_infoslide .twitter, .block1_infoslide .youtube {
    padding: 5px 0 0 2px;
}
.texteArticleRestau .article-footer .youtube, .texteArticleRestau .article-footer .facebook, .texteArticleRestau .article-footer .twitter {
    padding: 10px 0 0 8px;
}
#menu-group-collapse .facebook:hover {
    background-color : #567dbb;
}
#menu-group-collapse .twitter:hover {
    background-color : #7dceef;
}
#menu-group-collapse .youtube:hover {
    background-color : #e6624f;
    text-decoration  : none;
}
.MenuGroupeTop .icon-visites {
    font-size: 25px;
    width: 39px;
    height: 39px;
    display: inline-block;
    border-radius: 70px;
    padding: 4px 0 0 10px;
}
#menu-group-collapse .socialIcons hr {
    transform: rotate(90deg);
    width: 5%;
    margin: 0;
}
#menu-group-collapse .socialIcons .MenuGroupeTop {
    border-right: 1px solid #65686c;
}
#menu-group-collapse .socialIcons {
    list-style: none outside none;
    margin-top:2%;
}
#menu-group-collapse .socialIcons .Login {
    border: none;
    margin-top: -1.5%;
    padding: 0.9% 0% 1% 1%;
    font-size: 0.9em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
#block_paiement_tournois .connexion_title, #block_formulaire_connexion .connexion_title {
    padding-left : 0;
    text-align: center;
}
#block_paiement_tournois .texteArticle {
    padding: 3% 3% 2%;
}
#block_formulaire_connexion .texteArticle p {
    text-align: center;
    font-style: italic;
    font-size: 13px;
}
.justification > li > a, .Login .infos-id a {
    line-height: 21px;
    color: #ffffff;
}
.infos-id {
    margin-top: -2%;
}
.Login .infos-id a:hover {
    color: #ffffff;
}
.navbar-groupe .navbar-nav > .MenuGroupeTop > a,
.navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover,
.navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus
{
    font-size : 0.75em;
    background-color: transparent;
    box-shadow: none;
    text-decoration  : none;
    border-right     : none;
}
.navbar-groupe .navbar-nav > .MenuGroupeTop > span,
.navbar-groupe .navbar-nav > .MenuGroupeTop > span:hover,
.navbar-groupe .navbar-nav > .MenuGroupeTop > span:focus
{
    font-size : 0.9em;
    background-color: transparent;
    box-shadow: none;
    text-decoration  : none;
    border-right     : none;
}
.open .dropdown-menu {
    min-width: 220px;
}
#menu-group-collapse .socialIcons .nav-pills>li>a {
    color: #ffffff;
}
#menu-group-collapse .socialIcons .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
}
#menu-group-collapse .socialIcons .dropdown-menu>li>a:focus {
    background-color: transparent;
    background-image: none;
}
#menu-group-collapse .socialIcons a:hover, #menu-group-collapse .socialIcons a:focus {
    color: #ffffff;
}
#menu-group-collapse .socialIcons .dropdown-menu > li > a, #menu-group-collapse .socialIcons .dropdown-menu > li > a {
    color: #6a6565;
    font-size: 13px;
}
#menu-group-collapse .socialIcons .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: -1%;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
}
.infos-id .icon-message {
    font-size: 23px;
    padding-left: 6%;
    color: #65686c;
}
.dropdown-menu {
    min-width: 310px;
}
.dropdown-menu .IconstyleHeader, .dropdown-menu .glyphicon {
    font-size: 17px;
    padding-right: 3%;
    top: 4px;
}
.dropdown-menu, .dropdown-menu li, .dropdown-menu a {
    text-align : left;
    padding-top: 1%;
    padding-bottom: 2%;
}

.Login:hover .icon-message {
    color: #ffffff;
}
.Login:hover .photo-id {
    border: #ffffff 2px solid;
}
.photo-id {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.dropdown-menu span {
    font-weight: bold;
}
.dropdown-menu .icon-visites {
    background-color: transparent;
}
.Login:hover .decos-hover {
    opacity: 1;
}
.decos-hover {
    position: absolute;
    left: -29%;
    right: 0;
    top: 63%;
    margin: auto;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.NonConnecte > li {
    padding: 2% 2% 2.8%;
}



/****** navbar search ******/

#navbar-search-form .form-control {
    margin-top: 0;
    min-height: 44px;
    border-radius: 0px 4px 4px 0px;
    border-left: none;
}
#navbar-search-form .form-control:focus {
    border: none;
}
#navbar-search-form {
    padding-top: 2.55%;
    padding-bottom: 2.5%;
}
#navbar-search-form .input-group-addon {
    border-radius: 4px 0 0 4px;
    font-size: 20px;
}
#navbar-search-form .glyphicon {
    top: 0;
    color: grey;
}

/* Topbar */
.topBarGlobal {
    background-color:#35383c;
    height:31px;
}

.topBarMenuLeft {
    display:inline;
    float:left;
    padding-top:0.5%;
}

.topBarMenuRight {
    display:inline;
    float:right;
    padding-top:0.5%;
}

.topBarNoPadding {
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

.topBarMenu > li {
    padding: 1% 2% 2.8%;
}

/*
Ajouts issus du fichier glyph.css */

.IconstyleHeader  {
    font-size : 2.7em;
}
.menu_site .navbar-nav > li > a > .IconstyleHeader {
    font-size : 1.4em;
}
.StyleFooter {
    color              : #6C6C6C;
    -webkit-transition : all 0.5s ease-in-out;
    -moz-transition    : all 0.5s ease-in-out;
    transition         : all 0.5s ease-in-out;
}
a:hover .StyleFooter {
    color : #FFFFFF;
}
i {
    -webkit-transform : translateZ(0); /* activation de l'AM */
}
div .adressFooter > p {
    font-family   : "dejavu_sanscondensed_bold", sans-serif;
    font-size     : 12px;
    margin-bottom : 0;
}

@media(max-width: 1199px) {
    #menu-group-collapse .socialIcons .Login {
        padding: 1% 0% 0.5% 1%;
    }
    .navbar-topleft > li {
        padding: 2% 1% 3.4%;
    }
    .navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus {
        font-size: 0.8em;
    }
    .navbar-groupe .navbar-nav > .MenuGroupeTop > span:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:focus {
        font-size: 0.8em;
    }
    .socialIconsConnect .Login, .navbar-groupe .navbar-nav > .MenuGroupeTop > a {
        font-size: 0.8em;
    }
    .navbar-topleft > li {
        padding: 2% 1% 3.8%;
    }
    .navbar-right > li > a {
        padding: 10px 12px;
    }
}

@media(max-width: 991px) {
    #menu-group-collapse .socialIcons .Login {
        padding: 1% 0% 1% 1%;
    }
    .NonConnecte > li {
        padding: 3% 2% 3.2%;
    }
    .navbar-nav {
        font-size : 0.88em;
    }
    .navbar-right {
        padding-right: 0;
    }
    .justification {
        margin-right: 0;
    }
    .facebook, .twitter, .youtube {
        width: 30px;
        height: 30px;
        font-size: 1em;
    }
    .search {
        width: 30px;
        height: 30px;
        font-size: 0.9em;
    }
    .socialIconsConnect .Login {
        margin-top: -3%;;
        padding: 3% 1% 6.3%;
    }
    .ul-liens-site >li>a {
        padding-top: 2%;
    }
    .navbar-right > li > a {
        padding: 16px 6px;
    }
}
@media(min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 18px;
    }
    .menu_site .navbar-nav>li>a {
        padding-bottom: 6px;
    }

    #menu-site-collapse {
        display: inherit;
    }

    #menu-site-collapse[style] {
        height: auto !important;
    }
}
@media(max-width: 767px) {
    .menu_site .refJeuL > i, .menu_site .refJeuR i, .refJeuL > i, .refJeuR i {
        display: none;
    }
    .topBarMenu > li {
        padding: 1% 2% 1%;
    }
    .fa-bars-custom {
        color      : #ffffff;
        font-size  : 4em;
        margin-top : 20%;
    }
    .navbar-toggle {
        margin: 0 0;
        border-color       : transparent !important;
        box-shadow         : none;
        -moz-box-shadow    : none;
        -webkit-box-shadow : none;
    }
    .navbar-toggle:hover,
    .navbar-toggle:focus {
        background-color      : transparent !important;
        border-radius         : 0;
        -moz-border-radius    : 0;
        -webkit-border-radius : 0;
        text-decoration       : none;
        box-shadow            : none;
        -moz-box-shadow       : none;
        -webkit-box-shadow    : none;
    }
    .navbar-header .StyleHeader {
        margin-left: 40%;
        font-size: 55px !important;
        line-height: 90px !important;
    }
    .navbar-groupe .navbar-nav > .MenuGroupeTop > a, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus, .navbar-groupe .navbar-nav > .MenuGroupeTop > span, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:focus {
        font-size  : 1em;
        margin-top : 0;
    }
    .ul-liens-site >li>a {
        padding-top: 2%;
    }
    .ul-liens-site >li>span {
        padding-top: 2%;
    }
    .refJeuL > i, .refJeuR > i {
        height : 99px;
    }
    .refJeuL > i {
        margin-left : 0;
        font-size   : 6.5em;
    }
    .navbar-groupe {
        height           : 135px;
        margin-top       : 0;
    }
    .menu_site {
        height           : 135px;
    }
    .MenuGroupeTop i {
        display : none;
    }
    .nav-collapse.collapse.in {
        border     : none !important;
        box-shadow : none !important
    }
    .search_nav_top {
        list-style    : none outside none;
        padding-right : 0;
        padding-left  : 0;
        padding-top   : 0;
        display       : none;
    }
    #menu-site-collapse {
        box-shadow: none;
        margin: -1px;
    }
    #menu-site-collapse li {
        padding-left: 5%;
        border-bottom : medium none transparent;
    }
    #menu-site-collapse li .menutexte {
        text-align  : left;
        margin-left : 30px;
        font-size   : 1.9em;
    }
    #menu-site-collapse li i {
        display       : inline;
        float         : left;
        padding-right : 5%;
        font-size     : 1.5em;
    }
    #menu-site-collapse .nav .active a, #menu-site-collapse .nav .active i, .nav-wrapper .active a .menuTexte, .nav-wrapper .active a i {
        color : #f9f9f9;
    }
    .navbar-brand, .navbar-nav > li > a {
        transition  : none;
        text-shadow : none;
        font-size   : 0.65em;
        text-align  : left;
        text-shadow : 0 1px 0 rgba(255, 255, 255, 0.10);
        font-family : "EurostileLT", sans-serif;
    }
    .navbar-nav > li > a {
        line-height : 1.8em;
    }
    .navbar-nav > li > a.aspan {
        line-height : 1em;
    }
    #menu-site-collapse .navbar-right li {
        transition  : none;
    }
    .navbar-brand {
        transition  : none;
        text-shadow : none;
        color       : #f9f9f9;
        font-size   : 0.65em;
        text-align  : left;
    }
    .navbar-nav > li > span {
        transition  : none;
        text-shadow : none;
        color       : #f9f9f9;
        text-align  : left;
        line-height : 1.4em;
    }
    .nav > li a:hover, nav > li > a:focus {
        color : #f9f9f9;
    }
    .nav > li span:hover, nav > li > span:focus {
        color : #f9f9f9;
    }
    .SousmenuTopbar {
        display : none;
    }
    .navbar-site {
        background : none;
    }
    .full-home-carousel {
        margin-top : 0;
    }
    .formePage {
        padding-top : 0;
        box-shadow  : none;
    }
    ul.groupe li a {
        color : #6c6c6c;
    }
    .siteMenu {
        margin-bottom : 0;
    }
}
@media(max-width:600px) {
    .refJeuL > i {
        margin-top: 0;
    }
    .topBarMenu > li {
        padding: 1% 2% 1.4%;
    }
}
@media(max-width:414px) {
    .navbar-groupe .navbar-nav > .MenuGroupeTop > a, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus,
    .navbar-groupe .navbar-nav > .MenuGroupeTop > span, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:focus {
        font-size: 0.8em;
    }
    .topBarMenu > li {
        padding: 1% 1% 1%;
    }
}
@media(max-width:375px) {
    .navbar-groupe .navbar-nav > .MenuGroupeTop > a, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > a:focus,
    .navbar-groupe .navbar-nav > .MenuGroupeTop > span, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:hover, .navbar-groupe .navbar-nav > .MenuGroupeTop > span:focus {
        font-size: 0.6em;
    }
    .topBarMenu > li {
        padding: 1.5% 2% 2.2%;
    }
    .navbar-header .StyleHeader {
        margin-left: 35%;
        font-size: 45px;
    }
}
@media(max-width:320px) {
    .topBarMenu > li {
        padding: 2% 2% 2.4%;
    }
}