/* ==========================================================================
   Table of Content
   ========================================================================== 

    Global
        Body
        Links
        
    General
        Wrappers and containers
        Article elements
        Separators
        Ratings
        Buttons and forms
        Colors
        Media Queries
        Margins and paddings
        
    Header mobile
        Branding
        Navigation
        
    Header desktop
        Branding
        Search
        Weather
        Navigation
            Subnav - full size menu
            Dropnav - regular drop down menu
            Sub navigation - categories
            
        Media Queries
    
    Slider
        Slider
        Media Queries
        
    Content
        Articles
            Media Queries
        News Layouts
            news-lay-1
            news-lay-2
            news-lay-3
            Media Queries
            
        Reviews
        Videos
            Media Queries
            
        Article page
            Blockquote
            Info box
            Author box
            Highlights        
            Reviews
            Footer
            Comments
            Iframes
            Media Queries
            
        Archive page
            Timeline
            
        Author page
    
    Sidebar
        Timeline module
        Quote module
        Singles module
        News module
        Photos module
        Media Queries
        
    Footer
        Navigation
        About
        Copyright
        Media Queries
        
    Banners
        Banners
        Media Queries
        
        
        
        
/* ==========================================================================
   Global
   ========================================================================== */

/**
 * Body
 */

body {
    font-family: 'Open sans', sans-serif;
    color: #5c5c5c;
    background: #fff;
    padding: 0 0 20px 0;
}

/**
 * Links
 */

a {
    text-decoration: none;
    color: #222;
    -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
    transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
}

a:hover {
    color: #111;
    text-decoration: none;
}

a:focus
{
    outline: 0;
}


/* ==========================================================================
   General
   ========================================================================== */

/**
 * Wrappers and containers
 */

#page-outer-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#page-inner-wrap {
    position: relative;
    width: 100%;
}

.relative {
    position: relative;
}

.container {
    padding: 0;
}

.container  .img-responsive {
    display: block;
    width: 100%;
    max-height: 100%;
}

#page-content {
    position: relative;
    overflow: hidden;
    margin: 30px 0 0 0;
    padding: 0;
    -webkit-box-shadow: 0 0 12px 0 #333333;
    box-shadow: 0 0 12px 0 #ccc;
}

.ie8 #page-content {
    border: 1px solid #e3e3e3;
    margin: 30px -1px 0 -1px;
}

#main {
    padding: 10px;
}

#main.wide {
    float: none;
    width: 100%;
}

#sidebar {
    color: #bbb;
    padding: 15px;
}

.section-full {
    margin: 0 -15px 0 -15px;
    padding: 45px 15px 0 15px;
}

.section-full-even {
    margin: 0 -15px 0 -15px;
    padding: 15px 15px 0 15px;
}


/**
 * Article elements
 */

article {
    position: relative;
    margin-bottom: 25px;
}


.theme {
    position: absolute;
    top: 10px;
    left: 0;
    font: 700 13px/25px 'Roboto Condensed', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #444;
    padding: 0 12px;
}

.overlay {
    position: absolute;
    color: #eee;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 15px;
    background: rgb(0, 0, 0); /* Fall-back for browsers that don'tsupport rgba */
    background: rgba(0, 0, 0, .4);
}

.large .overlay {
    padding: 15px 20px;
}

.overlay h1,
.overlay h2,
.overlay h3 {
    margin: 0;
}

.overlay h1 {
    font-size: 24px;
    padding: 5px;
}

.overlay p {
    margin: 6px 0 0 0;
    opacity: 0.8;
}

.overlay a {
    color: #fff;
}

.overlay .breadcrumb {
    margin: 0 0 0 10px;
    padding: 0;
}

.overlay .sharing {
    position: absolute;
    font-size: 14px;
    right: 25px;
    bottom: 25px;
}

.overlay .sharing a {
    display: inline-block;
    margin-left: 12px;
    opacity: 0.6;
}

.overlay .sharing a:hover {
    opacity: 1.0;
}


/**
 * Separators
 */

.separator-left {
    border-left: 1px solid #e3e3e3;
}

.separator-right {
    border-right: 1px solid #e3e3e3;
}

.separator-bottom {
    border-bottom: 1px solid #e3e3e3;
}


/**
 * Ratings
 */

.review-rating {
    text-align: center;
}

ul.rating, ul.rating li {
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.rating li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 1px;
    background: url(../../images/stars.png) no-repeat 0 0;
}

ul.rating li.li-rated {
    background-position: 0 100%;
}


/**
 * Buttons and forms
 */

.show-more {
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    background: #444;
    border: none;
    padding: 0 40px;
    margin: 10px 0 50px 0;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
}

#page-content .show-more:hover {
    background: #444;
}

.error {
    font-weight: 400;
    color: red;
    margin-top: 5px;
}


/**
 * Colors
 */

.cat-business-light {
    background: #cce0cd;
}


/**
 * General - Media Queries
 */

@media (min-width: 768px) {

    #main {
        padding: 15px;
    }

    /*#sidebar {*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*margin-bottom: -9000px; *//* 100% height */
    /*padding-bottom: 9000px;*/
    /*}*/

    .section-full {
        margin: 0 -20px 0 -20px;
        padding: 45px 15px 0 20px;
    }

    .section-full-even {
        margin: 0 -15px 0 -20px;
        padding: 15px 15px 0 20px;
    }

    .overlay h1 {
        padding:  10px;
    }

}

@media (min-width: 992px) {

    #main {
        float: left;
        width: 640px;
        padding: 0 20px;
    }

    #main.article {
        padding: 20px;
    }

    #main .col-md-9 {
        padding-top: 20px;
        padding-right: 20px;
    }

    #main .col-md-3 {
        padding-top: 20px;
        padding-left: 20px;
    }

    /*#sidebar {*/
    /*float: right;*/
    /* width: 330px; */
    /*}*/

    .overlay h1 {
        font-size: 36px;
        padding:  15px 350px 15px 15px;
    }

    .overlay .breadcrumb {
        margin-left: 15px;
    }

}

@media (min-width: 1170px) {

    .section-full {
        padding: 45px 25px 0 25px;
    }

    .section-full-even {
        margin: 0 -25px 0 -25px;
        padding: 15px 15px 0 25px;
    }

}

@media (min-width: 1200px) {

    #main {
        width: 820px;
        padding: 0 25px;
    }

    #main.article {
        padding: 25px;
    }

    #main .col-md-9 {
        padding-top: 25px;
        padding-right: 25px;
    }

    #main .col-md-3 {
        padding-top: 25px;
        padding-left: 25px;
    }

    #sidebar {
        /* width: 372px; */
        padding: 0 25px;
        /* margin-bottom: -9000px;  100% height */
    }

    .section-full {
        margin: 0 -25px 0 -25px;
    }

}

/**
 * Margins and paddings
 */

.top-margin15 {
    margin-top: 15px;
}

.top-margin {
    margin-top: 20px;
}

.bottom-margin {
    margin-bottom: 20px;
}

#page-content .bottom-margin {
    margin-bottom: 25px;
}

.top-padding {
    padding-top: 15px;
}

.bottom-padding {
    padding-bottom: 15px;
}

.no-padding {
    padding: 0;
}

.form-control {
    padding: 10px 12px;
    height: 35px;
}

.icon-padding {
    position: relative;
    padding-left: 30px;
}

.icon-padding i.fa {
    position: absolute;
    top: 4px;
    left: 0;
}



/* ==========================================================================
   Header mobile
   ========================================================================== */

/**
 * Header mobile
 */

#page-header-mobile {
    position: relative;
    border-top: 5px solid #3a3a3a;
    background: #3c3c3c;
    height: 50px;
    overflow: hidden;
    padding: 0 10px;
}

/**
 * Branding
 */

#page-header-mobile h1 {
    margin: 0;
    padding: 1px 0;
}

#page-header-mobile h1 img {
    vertical-align: inherit;
}


/**
 * Navigation
 */

#page-header-mobile a {
    color: #eee;
}

#page-header-mobile a:hover {
    color: #fff;
}

#page-header-mobile span.glyphicon {
    font-size: 24px;
    margin-top: 5px;
}

#page-header-mobile nav {
    background: #2d2f33;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    font-size: 15px;
    top: 0;
    width: 20em;
    z-index: 2000;

    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

body.nav-expanded #page-header-mobile nav {
    right: 0;
}


/* ==========================================================================
   Header desktop
   ========================================================================== */

/**
 * Header desktop
 */

#page-header h1 {
    color:  #fff;
    margin: 0;
}


/**
 * Branding
 */

#header-branding {
    position: relative;
    height: 100px;
    background: #444;
    border-bottom: 1px solid #4d4d4d;
    overflow: hidden;
}

#header-branding h1 {
    padding: 15px 0 0 6px;
}


/**
 * Search
 */

#header-branding #search-form {
    width: 360px;
    height: 45px;
    border: 3px solid #4a4a4a;
    text-align: left;
    margin-top: 22px;
    padding: 0 10px;
    -webkit-border-radius: 25px 25px 25px 25px;
    border-radius: 25px 25px 25px 25px;
    -webkit-box-shadow:inset 0 3px 0 0 #3d3d3d;
    box-shadow:inset 0 3px 0 0 #3d3d3d;
    overflow: hidden;
}

#header-branding #search-form input {
    line-height: 36px;
    height: 36px;
    color: #999;
    background: #444;
    border: none;
    width: 300px;
    padding: 0 5px;
}


#header-branding #search-form button {
    line-height: 36px;
    height: 36px;
    color: #a1a1a1;
    background: #444;
    border: none;
    width: 30px;
}

/**
 * Weather
 */

#header-branding .weather {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 0 80px 0 0;
    margin-top: 28px;
}

#header-branding .weather h3 {
    font-size: 14px;
    font-weight: 400;
    color: #c3c3c3;
    margin: 0;
}

#header-branding .weather h3 span.temp {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    margin-left: 15px;
}

#header-branding .weather span.glyphicon {
    display: inline-block;
    margin-right: 5px;
}

#header-branding .weather span.date {
    font-size: 1em;
    color: #878787;
    padding-left: 22px;
}

#header-branding .weather i.icon {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 28px;
    color: #eee;
}


/**
 * Navigation
 */

.fixNavigation {
    z-index: 9999;
    position: fixed !important;
    top: 0;
    width: 100%;
}

.noDisplay-login-box {
    display: none;
}

#header-navigation {
    position: relative;
    height: 50px;
    background: #3f3f3f;
}

#header-navigation .container {
    position: relative;
}

#header-navigation ul {
    padding: 0;
    margin-top: -1px;
    border-left: 1px solid #4d4d4d;
}

#header-navigation ul li {
    position: static;
    list-style: none;
    float: left;
    border-right: 1px solid #4d4d4d;
}

#header-navigation ul li a {
    display: block;
    font-size: 1em;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    border-top: 1px solid #222;
}

#header-navigation ul li li a {
    border-top: none;
}

#header-navigation ul li.current a,
#header-navigation ul li a:hover {
    background: #222;
}

#header-navigation ul li a:hover .ico-menu{
    color: #fff !important;
}

#header-navigation ul li.options {
    float: right;
    padding-right: 0px;
}

#header-navigation ul li.options a {
    display: inline-block;
    font-size: 1em;
    color: #999;
    padding: 0 10px;
    border: none;
}

#header-navigation ul li.options a span.glyphicon {
    padding-right: 8px;
    color: #999;
}

#header-navigation ul li.options a:hover,
#header-navigation ul li.options a:hover span {
    background: none;
    color: #fff;
}


/**
 * Subnav - full size menu
 */

#header-navigation .subnav-container {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 10;
    width: 750px;
    height: 260px;
    overflow: hidden;
    background: #3f3f3f;
}

#header-navigation ul li:hover .subnav-container {
    display: block;
}

#header-navigation ul.subnav-menu {
    position: absolute;
    left: -10px;
    top: 10px;
    width: 200px;
    height: 240px;
    background: #444;
    padding: 15px 0;
}

#header-navigation ul.subnav-menu li {
    float: none;
    border: none;
    width: 200px;
}

#header-navigation ul.subnav-menu li a {
    display: block;
    text-align: right;
    padding: 0 20px;
    line-height: 30px;
    border: none;
}

#header-navigation .subnav-posts {
    display: none;
    position: absolute;
    width: 520px;
    left: 220px;
    top: 25px;
}

#header-navigation ul li li.current .subnav-posts,
#header-navigation ul li li:hover .subnav-posts,
#header-navigation ul li li a:hover .subnav-posts {
    display: block;
}

#header-navigation ul li .subnav-posts a {
    line-height: 14px;
    font-weight: 400;
    display: inline;
    text-transform: none;
    padding: 0;
    border-top: none;
}

#header-navigation .subnav-posts article {
    width: 150px;
    float: left;
    margin-left: 30px;
}

#header-navigation .subnav-posts article img {
    width: 150px;
}

#header-navigation .subnav-posts article:first-child {
    margin-left: 0;
}

#header-navigation .subnav-posts article h3 {
    line-height: 14px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px;
    margin: 8px 0 0 0;
}

/**
 * Dropnav - regular drop down menu
 */

#header-navigation .dropnav-container {
    display: none;
    position: absolute;
    top: 50px;
    z-index: 10;
    background: #3f3f3f;
}

#header-navigation .dropnav-container ul.dropnav-menu li {
    position: relative;
    float: none;
    min-width: 200px;
    border-top: 1px solid #4D4D4D;
}

#header-navigation .dropnav-container ul.dropnav-menu li a {
    color: #fff;
    line-height: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #fff;
}

#header-navigation .dropnav-container ul.dropnav-menu li a:hover {
    opacity: 8;
}

#header-navigation .dropnav-container ul.dropnav-menu ul {
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
    z-index: 100;
}

#header-navigation ul li:hover .dropnav-container,
#header-navigation .dropnav-container ul.dropnav-menu li:hover ul {
    display: block;
}


/**
 * Sub navigation - categories
 */

#header-navigation-sub nav {
    height: 50px;
    overflow: hidden;
}

#header-navigation-sub nav ul {
    list-style: none;
    padding: 0;
}

#header-navigation-sub nav ul li {
    float: left;
    margin: 0 10px 0 25px;
}

#header-navigation-sub nav ul li a {
    font: 700 14px/50px 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

#header-navigation-sub nav ul li.current a,
#page-content #header-navigation-sub nav ul li a:hover {
    color: #3a3a3a;
}


/**
 * Media Queries
 */

@media (min-width: 992px) {

    #header-navigation ul li a {
        font-size: 13px;
        padding: 0 18px;
    }

    #header-navigation .subnav-container {
        width: 970px;
    }

    #header-navigation ul.subnav-menu {
        width: 250px;
    }

    #header-navigation ul.subnav-menu li {
        width: 250px;
    }

    #header-navigation .subnav-posts {
        left: 280px;
        width: 650px;
    }

    #header-navigation .subnav-posts article {
        width: 190px;
    }


    #header-navigation .subnav-posts article img {
        width: 190px;
    }

}

@media (min-width: 1170px) {

    #header-navigation ul li a {
        font-size: 14px;
        padding: 0 29px;
    }

    #header-navigation .subnav-container {
        width: 1170px;
    }

    #header-navigation .subnav-posts {
        width: 850px;
    }

    #header-navigation .dropnav-container ul.dropnav-menu li {
        min-width: 240px;
    }

    #header-navigation .dropnav-container ul.dropnav-menu ul {
        left: 240px;
    }

}

/* ==========================================================================
   Slider
   ========================================================================== */

/**
 * Slider
 */

#page-slider {
    position: relative;
    margin-top: 1px;
}

#page-slider .row {
    float: left;
}

#page-slider .col-sm-8 {
    padding-right: 1px;
}

#page-slider .col-sm-8 article {
    margin: 0 0 1px 0;
}

#page-slider .col-sm-4 article {
    height: 150px;
    margin: 1px 0 0 0;
}

#page-slider .col-sm-4 article img {
    height: 150px;
}

#page-slider .col-sm-4 article:first-child {
    margin-top: 0;
}

#page-slider .col-sm-8 article .overlay p {
    display: none;
}

#page-slider .slider-nav {
    display: none;
    position: absolute;
    width: 750px;
    top: 205px;
}

#page-slider .slider-nav a {
    position: absolute;
    left: 10px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

#page-slider .slider-nav a.next {
    left: auto;
    right: 10px;
}


/**
 * Media Queries
 */

@media (min-width: 768px) {

    #page-slider .slider-nav {
        display: block;
    }

    #page-slider .col-sm-8 article {
        height: 452px;
        margin: 0;
    }

    #page-slider .col-sm-8 article img {
        height: 452px;
    }

    #page-slider .col-sm-8 article .overlay p {
        display: block;
    }

    #page-slider .col-sm-4 {
        padding-left: 0px;
    }

}

@media (min-width: 992px) {

    #page-slider .col-sm-8 {
        width: 635px;
    }

    #page-slider .col-sm-4 {
        width: 365px;
    }

    #page-slider .slider-nav {
        width: 970px;
    }

}

@media (min-width: 1200px) {

    #page-slider .col-sm-8 {
        width: 835px;
    }

    #page-slider .slider-nav {
        width: 1170px;
    }

}


/* ==========================================================================
   Content
   ========================================================================== */

/**
 * Content
 */

#page-content header {
    position: relative;
}

#page-content header h2 {
    font: 400 17px/17px 'Roboto Condensed', sans-serif;
    color: #444;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

#page-content header span.borderline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 1px;
    background: #222;
}


/**
 * Articles
 */

article.linkbox h2 {
    font: 400 24px/30px 'Roboto Condensed', sans-serif;
}

article.linkbox h3 {
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
}

article.thumb h3 {
    font: 700 16px/20px 'Roboto Condensed', sans-serif;
    margin: 0 0 10px 0;
}

article span.text {
    font-size: 1em;
}

article.thumb span.published {
    margin-bottom: 10px;
}

article span.published {
    display: block;
    margin-top: 10px;
    font-size: 9px;
    color: #777;
    text-transform: uppercase;
}

article span.published-time {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #bbb;
    text-transform: uppercase;
}


/**
 * Media Queries
 */

@media (min-width: 992px) {

    article.linkbox h2 {
        font: 400 30px/36px 'Roboto Condensed', sans-serif;
    }

}


/**
 * News Layouts
 */

.news-layout article {
    padding-bottom: 12px;
    margin-bottom: 10px;
    line-height: 18px;
    border-bottom: 1px solid #e3e3e3;
}

.news-layout article:last-child {
    border-bottom: none;
}

.news-layout article h3 {
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

.news-layout article h3 a {
    color: #222;
}

.news-layout article h3 a:hover {
    text-decoration: underline;
}

.news-layout article img {
    float: left;
    margin: 3px 12px 3px 0;
}


/* news-lay-1 */

.news-lay-1 article h3 {
    margin: 0 0 5px 0;
}

.news-lay-1 span.published {
    margin: 0 0 5px 0;
}


/* news-lay-2 */

#page-content .news-lay-2 header h2 {
    color: #fff;
}

.news-lay-2 article {
    border: none;
    margin: 0;
}

.news-lay-2 article a h3 {
    text-align: center;
    color: #fff;
    margin-top: 5px;
}


/* news-lay-3 */

.news-lay-3 article h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin: 5px 0 0 0;
}


/**
 * Media Queries
 */

@media (min-width: 992px) {

    news-layout article h3 {
        font-size: 15px;
    }

    .article span.text {
        font-size: 13px;
    }

    .span.published {
        font-size: 11px;
    }

}

/**
 * Reviews
 */

article.review img {
    float: none;
}

.news-layout article.review h3 {
    text-align: center;
    height: 36px;
    overflow: hidden;
    margin-bottom: 5px;
}


/**
 * Videos
 */

.cat-videos {
    margin-top: 1px;
    margin-bottom: 1px;
}

.cat-videos .col-sm-8 {
    margin-bottom: 1px;
}

.cat-videos .col-sm-8 article {
    height: 301px;
    margin: 0;
}

.cat-videos .col-sm-8 article img {
    height: 301px;
}

.cat-videos .col-sm-4 article {
    height: 150px;
    margin: 1px 0 0 0;
}

.cat-videos .col-sm-4 article img {
    height: 150px;
}

.cat-videos .col-sm-4 article:first-child {
    margin-top: 0;
}

/**
 * Media Queries
 */

@media (min-width: 768px) {

    .cat-videos .col-sm-8 {
        padding-right: 1px;
        margin-bottom: 0;
    }

    .cat-videos .col-sm-4 {
        padding-left: 0px;
    }

}

@media (min-width: 992px) {

    .cat-videos .col-sm-8 {
        width: 300px;
    }

    .cat-videos .col-sm-4 {
        width: 206px;
    }

}

@media (min-width: 1200px) {

    .cat-videos .col-sm-8 {
        width: 350px;
    }

    .cat-videos .col-sm-4 {
        width: 289px;
    }

}


/**
 * Article page
 */


#article-post header {
    padding: 15px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #dadada;
}

.breadcrumb {
    padding: 0;
    margin: 0 0 8px 0;
    background: none;
}

#article-post header h1 {
    font: 400 30px/36px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 0;
}

#article-post h2 {
    font: 400 24px/30px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 25px 0 15px 0;
}

#article-post p {
    line-height: 24px;
    margin-bottom: 15px;
}

#article-post p.lead {
    font: 400 16px/24px 'Roboto Slab', serif;
    color: #222;
    margin-bottom: 25px;
}

/* Blockquote */

#article-post blockquote {
    position: relative;
    background: #f5f5f7;
    padding: 35px 80px 35px 70px;
    margin: 25px 0;
    border: none;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

#article-post blockquote footer {
    margin: 0;
    padding: 0;
    border: none;
}

#article-post blockquote p {
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    color: #222;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

#article-post blockquote:before {
    position: absolute;
    top: 20px;
    left: 25px;
    content: open-quote;
    font: 700 54px/54px Georgia, serif;
    color: #999;
}

#article-post blockquote:after {
    position: absolute;
    bottom: 10px;
    right: 25px;
    content: close-quote;
    font: 700 54px/54px Georgia, serif;
    color: #999;
}


/* Info box */

.info-box {
    display: block;
    background: #f5f5f7;
    margin: 20px 0;
    padding: 25px;
}


/* Author box */

.author-box {
    position: relative;
    background: #f5f5f7;
    margin: 30px -10px;
    padding: 20px 10px 5px 10px;
    text-align: center;
}

.author-box img {
    margin: 0 auto;
    margin-bottom: 10px;
}

.author-box .name {
    font-size: 20px;
    color: #222;
    margin-bottom: 15px;
}

.author-box p a {
    display: inline-block;
    color: #828282;
    margin: 0 6px;
}

.author-box p a:hover {
    color: #222;
}


/* Highlights */

#article-post .row-highlights col-sm-9,
#article-post .row-highlights col-sm-3 {
    padding-top: 0;
}

#article-post .highlights h4 {
    font: 400 17px/17px 'Roboto Condensed', sans-serif;
    color: #444;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}


/**
 * Reviewa
 */


#article-post .review h4 {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #dadada;
}

#article-post .review ul {
    list-style: none;
    font-size: 13px;
    color: #777;
    padding: 0;
}

#article-post .review li {
    position: relative;
    margin-bottom: 3px;
    padding-left: 25px;
}

#article-post .review li i.fa {
    position: absolute;
    font-size: 14px;
    top: 2px;
    left: 2px;
    color: #aaa;
}

#article-post .score-overall {
    background: #444;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
}

#article-post .score-number {
    display: block;
    font: 400 72px/72px 'Roboto Slab', serif;
    color: #fff;
}

#article-post .score-desc {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    margin-top: 10px;
    padding-top: 10px;
}

#article-post .progress {
    background-color: #f5f5f7;
    box-shadow: none;
    height: 40px;
}

#article-post .progress-bar {
    line-height: 40px;
    box-shadow: none;
    background-color: #444;
    border-radius: 4px;
}

#article-post .progress-bar span {
    display: inline-block;
    font-weight: 700;
    font-family: "Roboto Sondensed",sans-serif;
    text-transform: uppercase;
    margin-left: 8px;
    line-height: 26px;
    margin-top: 7px;
}

#article-post .progress-bar span.skill-number {
    font-size: 14px;
    color: #444;
    background-color: #FFF;
    border-radius: 2px;
    padding: 3px 10px;
    line-height: 20px;
    margin-right: 5px;
}

/* Footer */

#article-post footer {
    border-top: 1px solid #dadada;
    padding: 15px 0 0 0;
    margin: 50px 0 0 0;
}

#article-post footer h3 {
    display: inline-block;
    font: 400 20px/24px 'Roboto Condensed', sans-serif;
    color: #222;
    margin: 0 30px 0 0;
}

#article-post footer a {
    color: #828282;
    margin: 0 6px;
}

#article-post footer a:hover {
    color: #222;
}

/**
 * Comments
 */

#article-comments {
    margin-bottom: 50px;
}

#comments-list {
    list-style: none;
    padding: 0;
}

#comments-list li {
    list-style: none;
    margin-bottom: 10px;
}

#comments-list li ul {
    padding: 0;
    margin: 10px 0 0 0;
}

#comments-list li .comment {
    position: relative;
}

#comments-list li .comment .user-avatar {
    display: none;
}

#comments-list li .comment-text {
    position: relative;
    line-height: 24px;
    padding: 25px;
    border: 1px solid #dadada;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#comments-list .author-comment .comment-text {
    background: #f1d7d7;
    border-color: #eac2c2;
}

#comments-list li .comment-text p {
    margin-bottom: 0;
}

#comments-list li .comment-text header {
    font: 400 14px/24px 'Roboto Condensed', sans-serif;
    color: #999;
    margin: 0 0 10px 0;
}

#comments-list li .comment-text header h5 {
    font-size: 18px;
    line-height: 20px;
    color: #222;
    padding: 0;
    margin: 0 15px 0 0;
}

#comments-list li .comment-text header .reply {
    color: #ef3434;
    text-transform: uppercase;
}


/**
 * Iframes
 */

#page-content .head-video iframe {
    display: block;
    width: 100%;
    min-height: 280px;
    border: none;
    margin: 0;
}

#main.article iframe {
    display: block;
    width: 100%;
    border: none;
    margin: 15px 0 20px 0;
}


/**
 * Gallery and Zoomix
 */

#sidebar-gallery a,
#article-gallery a {
    display: block;
    position: relative;
}

.zoomix {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -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;
    z-index: 90;
    background: #000;
    opacity: 0;
    filter: alpha(opacity = 0);

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-backface-visibility: hidden;
}

.ie7 .zoomix{
    clear: both;
}

a:hover .zoomix {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity:0.4;
    filter: alpha(opacity = 50);
}

.zoomix .fa {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
}


/**
 * Pagination
 */

.pagination > li > a, .pagination > li > span {
    padding: 8px 15px;
    color: #444;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #444;
    border-color: #444;
}



/**
 * Media Queries
 */

@media (min-width: 768px) {

    #page-content .head-video iframe {
        min-height: 400px;
    }

    .author-box {
        text-align: left;
        margin: 40px -15px 20px -15px;
        padding: 25px 30px 10px 185px;
    }

    .author-box img {
        position: absolute;
        top: 20px;
        left: 35px;
    }

    #article-post .score-overall {
        margin-bottom: 0px;
    }

    #article-post .row-highlights .col-sm-9 {
        border-right: 1px solid #e3e3e3;
    }

    #comments-list li {
        margin-bottom: 30px;
    }

    #comments-list li ul {
        margin: 30px 0 0 125px;
    }

    #comments-list li .comment {
        position: relative;
        padding-left: 125px;
    }

    #comments-list li .comment .user-avatar {
        display: block;
        position: absolute;
        top: 0;
        left: 5px;
    }

    #comments-list li .comment-text:before {
        position: absolute;
        display: block;
        content: "";
        width: 15px;
        height: 15px;
        background: #fff;
        border-left: 1px solid #dadada;
        border-top: 1px solid #dadada;
        margin-left: -34px;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #comments-list .author-comment .comment-text:before {
        background: #f1d7d7;
        border-color: #eac2c2;
    }

}

@media (min-width: 992px) {

    .author-box {
        margin: 35px -20px 35px -20px;
    }

    #article-post .row-highlights .col-sm-9 {
        padding-right: 15px;
    }

}

@media (min-width: 1200px) {

    #page-content .head-video iframe {
        min-height: 500px;
    }

    .author-box {
        margin-left: -25px;
        margin-right: -25px;
    }

    #article-post .row-highlights .col-sm-9 {
        padding-right: 25px;
    }

    #article-post .row-highlights .col-sm-3 {
        padding-left: 20px;
    }

}


/**
 * Archive page
 */

#archive-page.module-timeline article {
    padding-left: 290px;
    min-height: 230px;
}

#archive-page.module-timeline .input-append {
    position: relative;
    line-height: 30px;
    border-left: 1px solid #e3e3e3;
    height: 90px;
    margin: 30px 0 0 290px;
    padding-left: 25px;
}

#archive-page.module-timeline .input-append:before {
    position: absolute;
    content: "";
    top: 3px;
    left: -15px;
    width: 30px;
    height: 30px;
    background: #444;
    border: 3px solid #fff;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}

#archive-page.module-timeline .input-append input {
    width: 160px;
    font-size: 24px;
    padding: 0 5px;
    border: 1px solid #e3e3e3;
}

#archive-page.module-timeline .input-append .glyphicon {
    font-size: 24px;
    margin-left: 5px;
}

#archive-page.module-timeline article .cnt {
    border-color: #e3e3e3;
    min-height: 230px;
    padding-left: 25px;
}

#archive-page.module-timeline article:last-child .cnt {
    min-height: 190px;
}

#archive-page.module-timeline article h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0 10px 0;
}

#archive-page.module-timeline article h3 a {
    color: #222;
}

#archive-page.module-timeline article h3 a:hover {
    text-decoration: underline;
}

#archive-page.module-timeline article span.text {
    font-size: 14px;
    line-height: 20px;
    color: #5c5c5c;
}

#archive-page.module-timeline article img {
    position: absolute;
    top: 30px;
    left: 0;
    width: 265px;
    height: 160px;
}

#archive-page.module-timeline article span.published {
    width: 265px;
    top: 2px;
    font-size: 1em;
    color: #999;
}

#archive-page.module-timeline article span.category {
    font-size: 1em;
    line-height: 14px;
}

#archive-page.module-timeline article i.bullet {
    left: -10px;
    width: 20px;
    height: 20px;
    background: #444;
    border-color: #fff;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

/**
 * Author page
 */

#main.author {
    padding-top: 0;
}

#author-page .author-box {
    margin-top: 0;
}


/* ==========================================================================
   Sidebar
   ========================================================================== */

#sidebar .row {
    margin: 0;
}


#sidebar header h2 {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    border-color: #4e4e4e;
}

#sidebar header span.borderline {
    background: #fff;
}


/**
 * Timeline module
 */

.module-timeline {
    margin-bottom: 30px;
}

.module-timeline article {
    position: relative;
    padding-left: 80px;
    margin: 0;
}

.module-timeline article .cnt {
    position: relative;
    border-left: 1px solid #575757;
    padding: 20px 0 20px 20px;
}

.module-timeline article:last-child .cnt {
    padding-bottom: 0;
}

.module-timeline article span.published {
    position: absolute;
    width: 60px;
    text-align: right;
    left: 0;
    top: 2px;
    margin-top: 0;
    color: #999;
}

.module-timeline article span.published-time {
    position: absolute;
    width: 60px;
    text-align: right;
    left: 0;
    top: 16px;
}

.module-timeline article span.category {
    position: absolute;
    top: 2px;;
    font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.module-timeline article h3 {
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
    margin: 0;
}

.module-timeline article h3 a {
    color: #ccc;
}

.module-timeline article h3 a:hover {
    color: #fff;
}

.module-timeline article i.bullet {
    position: absolute;
    top: 0;
    left: -8px;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 3px solid #444;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}


/**
 * Quote module
 */

#sidebar .module-quote {
    background: #8e6161;
    padding: 15px;
    margin: 0 -15px 1px -15px;
}

#sidebar .module-quote header h2 {
    border-color: #8e6161;
}

#sidebar blockquote {
    border: none;
    padding: 0 0 0 45px;
    margin: 0;
}

#sidebar blockquote p {
    font: italic 400 18px/24px 'Roboto Slab', serif;
    color: #fff;
    margin: 0 0 15px 0;
}

#sidebar blockquote footer {
    font-size: 13px;
    color: #ccaaaa;
}


/**
 * Singles module
 */

#sidebar .module-singles {
    background: #54878a;
    padding: 15px;
    margin: 0 -15px 1px -15px;
}

#sidebar .module-singles header h2 {
    border-color: #5d8d90;
}

#sidebar .module-singles ul {
    list-style: none;
    padding: 0;
}

#sidebar .module-singles ul li {
    border-top: 1px solid #769fa1;
    padding-top: 15px;
    margin-top: 15px;
}

#sidebar .module-singles ul li:first-child {
    border-top: none;
    margin-top: 0;
}

#sidebar .module-singles li .glyphicon {
    float: left;
    color: #9dc5c7;
    font-size: 28px;
    margin-right: 12px;
}

#sidebar .module-singles li a {
    display: block;
    font: 400 15px/18px 'Roboto Slab', serif;
    color: #fff;
}

#sidebar .module-singles li span.author {
    color: #9dc5c7;
}


/**
 * News module
 */

#sidebar .module-news {
    margin-bottom: 5px;
}

#sidebar .module-news article {
    padding: 15px 0;
    margin: 0;
    border-top: 1px solid #575757;
    min-height: 80px;
}

#sidebar .module-news article:first-child {
    padding-top: 0;
    border: none;
}

#sidebar .module-news article h3 {
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
    margin: 0;
    max-height: 54px;
    overflow: hidden;
}

#sidebar .module-news article h3 a {
    color: #ccc;
}

#sidebar .module-news article h3 a:hover {
    color: #fff;
}

#sidebar .module-news article span.published {
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #999;
    margin: 3px 0 6px 0;
}

#sidebar .module-news article span.published span.category {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #999;
}

#sidebar .module-news article img {
    display: block;
    float: left;
    margin-right: 12px;
}


/**
 * Photos module
 */

#sidebar .module-photos p {
    font-size: 13px;
}

#sidebar .module-photos .row img {
    width: 100%;
}

#sidebar .module-photos .col-xs-4 {
    padding: 0;
    border-left: 1px solid #444;
}

#sidebar .module-photos article {
    margin: 0 0 1px 0;
}

#sidebar .module-photos .col-xs-4:first-child {
    border-left: none;
}

#sidebar .module-photos article a {
    display: block;
    position: relative;
}


/**
 * Media Queries
 */

@media (min-width: 992px) {

    #sidebar .module-photos .col-xs-4:first-child img {
        width: 100px;
        height: 79px;
    }

}

@media (min-width: 1200px) {

    #sidebar .module-quote {
        padding: 20px 25px;
        margin: 0 -25px 1px -25px;
    }

    #sidebar .module-singles {
        padding: 20px 25px;
        margin: 0 -25px 1px -25px;
    }

}


/* ==========================================================================
   Footer
   ========================================================================== */

/**
 * Navigation
 */

#page-footer {
    position: relative;
}

#foot-menu {
    height: 70px;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}

#foot-menu ul {
    padding: 0;
}

#foot-menu ul li {
    list-style: none;
    float: left;
    margin-right: 1px;
}

#foot-menu ul li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 68px;
    color: #222;
    text-transform: uppercase;
    padding: 0 22px;
    border-bottom: 1px solid #222;
}

#foot-menu ul li.current a,
#foot-menu ul li a:hover {
    color: #999;
}

#foot-menu ul li.options {
    float: right;
    padding-right: 10px;
}

#foot-menu ul li.options a {
    display: inline-block;
    font-size: 1em;
    color: #999;
    padding: 0 10px;
    border: none;
}

#foot-menu ul li.options a span.glyphicon {
    padding-left: 10px;
    color: #999;
}

#foot-menu ul li.options a:hover,
#foot-menu ul li.options a:hover span {
    color: #222;
}


/**
 * About
 */

#page-footer .about {
    font-size: 13px;
    color: #888;
    padding: 0 0 25px 0;
}

#page-footer .row {
    margin: 0;
}

#page-footer .about div {
    font-size: 13px;
    color: #888;
    margin-top: 30px;
}

#page-footer .about h3 {
    text-align: center;
}

#page-footer .about h4 {
    font-size: 15px;
    color: #444;
}

#page-footer .about a {
    color: #828282;
}

#page-footer .about a i.fa {
    margin-right: 10px;
}

#page-footer .about a:hover {
    color: #222;
}

#page-footer .about ul {
    list-style: none;
    padding: 0;
}

#page-footer .about ul li {
    float: left;
    width: 50%;
}

/**
 * Copyright
 */

#page-footer .copyright {
    font-size: 13px;
    color: #888;
    padding: 10px 0;
    border-top: 1px solid #e4e4e4;
}

#page-footer .copyright div {
    text-align: center;
}

#page-footer .copyright a {
    font-weight: 700;
    color: #444;
}


/**
 * Media Queries
 */

@media (min-width: 768px) {

    #page-footer .about div {
        margin-top: 15px;
    }

    #page-footer .about div:first-child {
        margin-top: 0;
    }

    #page-footer .copyright div {
        text-align: left;
    }

    #page-footer .copyright div.text-right {
        text-align: right;
    }

}

@media (min-width: 992px) {

    #page-footer .about h3 {
        text-align: left;
        padding-top: 30px;
    }

    #page-footer .about div {
        padding: 0 20px 0 20px;
    }

    #page-footer .about div:first-child {
        padding-left: 5px;
    }

}


/* ==========================================================================
   Banners
   ========================================================================== */

/**
 * Banners
 */

.ad {
    text-align: center;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.ad-separator {
    background: #383838;
    padding: 20px;
    margin: 0 -20px 20px -20px;
}

/**
 * Media Queries
 */

@media (min-width: 992px) {

    .ad-separator {
        padding: 15px;
        margin: 0 -15px 20px -15px;
    }
}

@media (min-width: 1200px) {

    .ad-separator {
        padding: 20px 25px;
        margin: 0 -25px 20px -25px;
    }
}

/*
 * Class Color
 */

.Loto-color {color: #ff9933 !important;}
.EuroMillions-color {color: #004baa !important;}
.mymillions-color {color: #6699ff !important;}
.SuperLoto-color {color: #ff6600 !important;}


/**
 *  Slider
 */

/*#carousel-home .carousel-control {*/
/*display: none;*/
/*}*/

.carousel-indicators {
    bottom: 5px;
    display: none;
}


/**
 * Nav : Login Box
 */


.login-box {
    background: #ffb230;
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    padding: 11px 12px;
    width: 271px;
}

.login-box span {
    color: #333333;
    font-size: 14px;
    padding-bottom: 3px;
    text-align: right;
    vertical-align: middle;
}

.login-box hr {
    background: #ffffff;
    margin: 0;
}

.login-box span a {
    color: #ce2431;
    text-decoration: underline;
}

.login-box h4 {
    color: #333333;
    font-size: 16px;

}

.login-box .form-control {
    height: 23px;
    width: 102px;
    padding: 5px;
    border-radius: 0;
    border: 0;
    font-size: 11px;
}

.login-box li {
    text-align: left;
}

.login-box li a {
    color: #333 !important;
    font-weight: 600 !important;
}

.login-box li a:hover {
    color: #fff !important;
}

.login-box .btn {
    background: #333333;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    height: 23px;
    width: 33px;
    font-size: 1em;
    padding: 5px;
    line-height: 11px;
}

.login-box .btn:hover {
    color: #333333;
    background: #ffffff;
}

#login-box-inline {
    font-size: 0.9em !important;
    padding-left: 0 !important;
}

.forgot-password {
    font-size: 10px;
    margin-right: 44px;
    padding: 0;
    text-align: right;
}

.forgot-password a:hover {
    color: #ffffff;
}

/**
 * Footer
 */

#page-footer {
    position: relative;

    background: #242424; /* Old browsers */
    background: -moz-linear-gradient(top,  #242424 0%, #212121 15%, #0f0f0f 38%, #101010 61%, #060606 84%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#242424), color-stop(15%,#212121), color-stop(38%,#0f0f0f), color-stop(61%,#101010), color-stop(84%,#060606), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #242424 0%,#212121 15%,#0f0f0f 38%,#101010 61%,#060606 84%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #242424 0%,#212121 15%,#0f0f0f 38%,#101010 61%,#060606 84%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #242424 0%,#212121 15%,#0f0f0f 38%,#101010 61%,#060606 84%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #242424 0%,#212121 15%,#0f0f0f 38%,#101010 61%,#060606 84%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.footer-top {
    padding: 20px 0;
    border-bottom: 1px solid;
}

.customer-service span {
    color: #cccccc;
    font-size: 21px;
    font-weight: 600;
}

.customer-service span a {
    font-size: 14px;
    color: #cccccc;
    text-decoration: underline;
}

.customer-service span a:hover {
    color: #ffffff;
}

.customer-service p {
    font-size: 14px;
    color: #cccccc;
}

.social-networks span, i {
    color: #cccccc;
    float: right;
}


.social-networks i {
    font-size: 28px;
    margin-left: 20px;
}

.social-networks i:hover {
    color: #ffffff;
}

.footer-bottom {
    padding: 35px 0px;
}

#page-footer .footer-bottom ul {
    padding-left: 0;
}

#page-footer .footer-bottom ul li {
    width: auto;
    float: none;
    padding-bottom: 15px;
    list-style-type: none;
}

#page-footer .footer-bottom ul li a {
    color: #646262;
    font-size: 13px;
}

#page-footer .footer-bottom ul li a:hover {
    color: #999999;
}

.footer-bottom h4 {
    color: #999999 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    padding-bottom: 13px;
}

.info-links {
    margin-top: 45px !important;
    margin-left: 75px;
}

.contact-us {
    margin-top: 0 !important;
    border-left: 1px solid;
    padding-left: 30px;
}

.contact-us form {
}

.contact-us input, textarea {
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    margin-left: 20px;
    width: 270px !important;
}

.contact-us h4 {
    font-size: 22px !important;
}

.contact-us label {
    font-weight: normal !important;
    font-size: 13px !important;
}

.contact-us .btn {
    width: 125px;
    text-transform: uppercase;
    font-weight: 700;
    background: #ffb230;
    color: #030303;
    border: 1px solid transparent;
    border-radius: 0;
    margin-left: 102px;

}

.ban-responsable {
    background: #3b3a3a;
    padding: 20px 0 15px;
    margin-top: 45px;
}

.ban-responsable p {
    color: #acacac;
    font-size: 18px;
    text-align: center;
}

.copyright p {
    font-size: 1em;
    color: #646262;
    text-align: center;
    padding: 5px 0;
}

/**
 * Lottery Results
 */

.global-content h3 {
    color: #333333;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}

.date {
    color: #333333;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #dddddd;
}

.date span {
    color: #003399;
    font-weight: 600;
}

.lottery-results .date {

}

.mymillions-result, .loto-result, .euromillions-result {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    margin: 0;
    border-color: #dddddd;
    padding: 10px;
}

.loto-result {
    border-top: 1px solid #dddddd;
}

.lottery-results .date i {
    position: relative;
    bottom: 15px;
}

/*
 * News Home
 */
.news-home {
    margin-bottom: 15px;
}

.news-home p {
    color: #666;
}

.news-home h4 {
    color: #333 !important;
}

.all-news-link {
    color: #003399;
    float: right;
    font-size: 0.6em;
    line-height: 33px;
    text-transform: none;
}

.all-news-link:hover {
    text-decoration: underline;
}

.text-actus {
    color: #666 !important;
    font-size: 1.03em;
}

.text-actus:hover {
    color: #333 !important;
}

.news-home img {
    width: 100%;
}

.news-date {
    line-height: 0;
    padding-bottom: 5px;
}

.news-date {
    color: #ff00ff !important;
    font-size: 0.9em;
}

.news-home .article {
    color: #666666;
}

/*
 * Sidebar START
 */

.yellow-btn {
    background: #ffb230;
    border: 1px solid transparent;
    border-radius: 0;
    color: #333333;
    font-weight: 600;
    padding: 5px 30px;
}

.yellow-btn:hover, .grey-btn:hover {
    background: #333333;
    border: 1px solid transparent;
    color: #ccc;
}

.grey-btn {
    background: #efefef;
    border: 1px solid transparent;
    border-radius: 0;
    color: #333333;
    font-weight: 600;
    padding: 7px 30px;
}

.sidebar-luck {
    margin: 0;
}
.sidebar-luck h3 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
}
.sidebar-luck  p {
    color: #fff;
    font-size: 1.05em;
    line-height: 17px;
}
.pronos-perf {
    background: url("../img/bg-perf.jpg")no-repeat;
    padding: 10px 0 0;
}

.pronos-perf .ico-bailiff {
    width: 65px;
    float: right;
}

.pronos-perf .fa-eur {
    float: right;
    font-size: 37px;
    margin: 4px 12px 0 0;
    color: #003C9C;
}
.pronos-perf h5 {
    color: #fff;
    font-size: 20px;
    line-height: 15px;
    margin-left: 45px;
}
.pronos-perf h5 span {
    color: #fff;
    font-size: 11px;
    margin-left: 25px;
}
.pronos-perf .block_compteur {

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.26) 97%, rgba(255,255,255,0.41) 59%, rgba(0,0,0,0) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(255,255,255,0.53)), color-stop(59%,rgba(255,255,255,0.41)), color-stop(90%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.26) 97%,rgba(255,255,255,0.41) 59%,rgba(0,0,0,0) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.26) 97%,rgba(255,255,255,0.41) 59%,rgba(0,0,0,0) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.26) 97%,rgba(255,255,255,0.41) 59%,rgba(0,0,0,0) 90%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.26) 97%,rgba(255,255,255,0.41) 59%,rgba(0,0,0,0) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


    margin: 5px;
    padding: 10px 5px 5px 10px;
    text-align: center;
}

.register-box {
    background-color: #C02502;
    margin: 10px 0 0;
    padding: 5px 0 20px;
}
.register-box p {
    padding: 10px 15px;
}
.next-draw {
    background-color: #333333;
    padding-bottom: 25px;
    margin: 10px 0 0;
}
.next-draw .published {
    color: #fff !important;
}
.next-draw p {
    font-size: 11px;
}
.next-draw i.bullet {
    border: none !important;
}

.next-draw i.bullet-Loto {
    background: #ff9933 !important;
}

.next-draw i.bullet-EuroMillions {
    background: #004baa !important;
}

.module-timeline i.bullet-MyMillion {
    background: #6699ff !important;
}
.alerts-box {
    background-color: #06B2B2;
    margin: 15px 0 0;
    padding: 5px 0 20px;
}
.alerts-box p {
    padding: 0 20px;
}
.alerts-box span {
    color: #fff;
    display: block;
    font-size: 2.17em;
    font-weight: 600;
}
.facebook-box {
    margin: 10px 0 15px;
    padding: 0;
}

/*
 * Sidebar END
 */



/*
 * Bowls Style
 */

.b_bowl, .b_green_bowl,
.b_star, .b_green_star {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0 0;
}

.m_bowl, .m_green_bowl,
.m_star, .m_green_star {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0 0;
}

.s_bowl, .s_green_bowl,
.s_star, .s_green_star {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: inline-block;
    margin: 10px 0 0;
    border: 1px solid;
}

/*
	 * Bowls Number big
	 */

.b_bowl1 {background: url("../img/sprite-bowls-big.png")no-repeat 0 0;}
.b_bowl2 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 0;}
.b_bowl3 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 0;}
.b_bowl4 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 0;}
.b_bowl5 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 0;}
.b_bowl6 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 0;}
.b_bowl7 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 0;}
.b_bowl8 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 0;}
.b_bowl9 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 0;}
.b_bowl10 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 0;}

.b_bowl11 {background: url("../img/sprite-bowls-big.png")no-repeat 0 7%;}
.b_bowl12 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 7%;}
.b_bowl13 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 7%;}
.b_bowl14 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 7%;}
.b_bowl15 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 7%;}
.b_bowl16 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 7%;}
.b_bowl17 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 7%;}
.b_bowl18 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 7%;}
.b_bowl19 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 7%;}
.b_bowl20 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 7%;}

.b_bowl21 {background: url("../img/sprite-bowls-big.png")no-repeat 0 14%;}
.b_bowl22 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 14%;}
.b_bowl23 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 14%;}
.b_bowl24 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 14%;}
.b_bowl25 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 14%;}
.b_bowl26 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 14%;}
.b_bowl27 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 14%;}
.b_bowl28 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 14%;}
.b_bowl29 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 14%;}
.b_bowl30 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 14%;}

.b_bowl31 {background: url("../img/sprite-bowls-big.png")no-repeat 0 21%;}
.b_bowl32 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 21%;}
.b_bowl33 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 21%;}
.b_bowl34 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 21%;}
.b_bowl35 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 21%;}
.b_bowl36 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 21%;}
.b_bowl37 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 21%;}
.b_bowl38 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 21%;}
.b_bowl39 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 21%;}
.b_bowl40 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 21%;}

.b_bowl41 {background: url("../img/sprite-bowls-big.png")no-repeat 0 28%;}
.b_bowl42 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 28%;}
.b_bowl43 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 28%;}
.b_bowl44 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 28%;}
.b_bowl45 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 28%;}
.b_bowl46 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 28%;}
.b_bowl47 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 28%;}
.b_bowl48 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 28%;}
.b_bowl49 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 28%;}
.b_bowl50 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 28%;}


.b_bowl51 {background: url("../img/sprite-bowls-big.png")no-repeat 0 35%;}
.b_bowl52 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 35%;}
.b_bowl53 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 35%;}
.b_bowl54 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 35%;}
.b_bowl55 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 35%;}
.b_bowl56 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 35%;}
.b_bowl57 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 35%;}
.b_bowl58 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 35%;}
.b_bowl59 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 35%;}


/*
 * green-bowls Number big
 */

.b_green_bowl1 {background: url("../img/sprite-bowls-big.png")no-repeat 0 42.5%;}
.b_green_bowl2 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 42.5%;}
.b_green_bowl3 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 42.5%;}
.b_green_bowl4 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 42.5%;}
.b_green_bowl5 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 42.5%;}
.b_green_bowl6 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 42.5%;}
.b_green_bowl7 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 42.5%;}
.b_green_bowl8 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 42.5%;}
.b_green_bowl9 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 42.5%;}
.b_green_bowl10 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 42.5%;}

.b_green_bowl11 {background: url("../img/sprite-bowls-big.png")no-repeat 0 49.5%;}
.b_green_bowl12 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 49.5%;}
.b_green_bowl13 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 49.5%;}
.b_green_bowl14 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 49.5%;}
.b_green_bowl15 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 49.5%;}
.b_green_bowl16 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 49.5%;}
.b_green_bowl17 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 49.5%;}
.b_green_bowl18 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 49.5%;}
.b_green_bowl19 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 49.5%;}
.b_green_bowl20 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 49.5%;}

.b_green_bowl21 {background: url("../img/sprite-bowls-big.png")no-repeat 0 56.5%;}
.b_green_bowl22 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 56.5%;}
.b_green_bowl23 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 56.5%;}
.b_green_bowl24 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 56.5%;}
.b_green_bowl25 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 56.5%;}
.b_green_bowl26 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 56.5%;}
.b_green_bowl27 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 56.5%;}
.b_green_bowl28 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 56.5%;}
.b_green_bowl29 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 56.5%;}
.b_green_bowl30 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 56.5%;}

.b_green_bowl31 {background: url("../img/sprite-bowls-big.png")no-repeat 0 63.4%;}
.b_green_bowl32 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 63.4%;}
.b_green_bowl33 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 63.4%;}
.b_green_bowl34 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 63.4%;}
.b_green_bowl35 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 63.4%;}
.b_green_bowl36 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 63.4%;}
.b_green_bowl37 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 63.4%;}
.b_green_bowl38 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 63.4%;}
.b_green_bowl39 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 63.4%;}
.b_green_bowl40 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 63.4%;}

.b_green_bowl41 {background: url("../img/sprite-bowls-big.png")no-repeat 0 70.3%;}
.b_green_bowl42 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 70.3%;}
.b_green_bowl43 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 70.3%;}
.b_green_bowl44 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 70.3%;}
.b_green_bowl45 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 70.3%;}
.b_green_bowl46 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 70.3%;}
.b_green_bowl47 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 70.3%;}
.b_green_bowl48 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 70.3%;}
.b_green_bowl49 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 70.3%;}
.b_green_bowl50 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 70.3%;}


.b_green_bowl51 {background: url("../img/sprite-bowls-big.png")no-repeat 0 77.3%;}
.b_green_bowl52 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 77.3%;}
.b_green_bowl53 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 77.3%;}
.b_green_bowl54 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 77.3%;}
.b_green_bowl55 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 77.3%;}
.b_green_bowl56 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 77.3%;}
.b_green_bowl57 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 77.3%;}
.b_green_bowl58 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 77.3%;}
.b_green_bowl59 {background: url("../img/sprite-bowls-big.png")no-repeat 88% 77.3%;}

/*
 * Stars Number medium big
 */

.b_star1 {background: url("../img/sprite-bowls-big.png")no-repeat 0 84.7%;}
.b_star2 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 84.7%;}
.b_star3 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 84.7%;}
.b_star4 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 84.7%;}
.b_star5 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 84.7%;}
.b_star6 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 84.7%;}
.b_star7 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 84.7%;}
.b_star8 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 84.7%;}
.b_star9 {background: url("../img/sprite-bowls-big.png")no-repeat 89% 84.7%;}
.b_star10 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 84.7%;}
.b_star11 {background: url("../img/sprite-bowls-big.png")no-repeat 0 98.9%;}

/*
 * Green Stars Number big
 */

.b_green_star1 {background: url("../img/sprite-bowls-big.png")no-repeat 0 91.7%;}
.b_green_star2 {background: url("../img/sprite-bowls-big.png")no-repeat 11% 91.7%;}
.b_green_star3 {background: url("../img/sprite-bowls-big.png")no-repeat 22% 91.7%;}
.b_green_star4 {background: url("../img/sprite-bowls-big.png")no-repeat 33% 91.7%;}
.b_green_star5 {background: url("../img/sprite-bowls-big.png")no-repeat 44% 91.7%;}
.b_green_star6 {background: url("../img/sprite-bowls-big.png")no-repeat 55% 91.7%;}
.b_green_star7 {background: url("../img/sprite-bowls-big.png")no-repeat 66% 91.7%;}
.b_green_star8 {background: url("../img/sprite-bowls-big.png")no-repeat 77% 91.7%;}
.b_green_star9 {background: url("../img/sprite-bowls-big.png")no-repeat 89% 91.7%;}
.b_green_star10 {background: url("../img/sprite-bowls-big.png")no-repeat 100% 91.7%;}
.b_green_star11 {background: url("../img/sprite-bowls-big.png")no-repeat 11.5% 98.9%;}

/*
 * Bowls Number
 */

.m_bowl1 {background: url("../img/sprite-bowls.png")no-repeat 0 0;}
.m_bowl2 {background: url("../img/sprite-bowls.png")no-repeat 11% 0;}
.m_bowl3 {background: url("../img/sprite-bowls.png")no-repeat 22% 0;}
.m_bowl4 {background: url("../img/sprite-bowls.png")no-repeat 33% 0;}
.m_bowl5 {background: url("../img/sprite-bowls.png")no-repeat 44% 0;}
.m_bowl6 {background: url("../img/sprite-bowls.png")no-repeat 55% 0;}
.m_bowl7 {background: url("../img/sprite-bowls.png")no-repeat 66% 0;}
.m_bowl8 {background: url("../img/sprite-bowls.png")no-repeat 77% 0;}
.m_bowl9 {background: url("../img/sprite-bowls.png")no-repeat 88% 0;}
.m_bowl10 {background: url("../img/sprite-bowls.png")no-repeat 100% 0;}

.m_bowl11 {background: url("../img/sprite-bowls.png")no-repeat 0 6.5%;}
.m_bowl12 {background: url("../img/sprite-bowls.png")no-repeat 11% 6.5%;}
.m_bowl13 {background: url("../img/sprite-bowls.png")no-repeat 22% 6.5%;}
.m_bowl14 {background: url("../img/sprite-bowls.png")no-repeat 33% 6.5%;}
.m_bowl15 {background: url("../img/sprite-bowls.png")no-repeat 44% 6.5%;}
.m_bowl16 {background: url("../img/sprite-bowls.png")no-repeat 55% 6.5%;}
.m_bowl17 {background: url("../img/sprite-bowls.png")no-repeat 66% 6.5%;}
.m_bowl18 {background: url("../img/sprite-bowls.png")no-repeat 77% 6.5%;}
.m_bowl19 {background: url("../img/sprite-bowls.png")no-repeat 88% 6.5%;}
.m_bowl20 {background: url("../img/sprite-bowls.png")no-repeat 100% 6.5%;}

.m_bowl21 {background: url("../img/sprite-bowls.png")no-repeat 0 13%;}
.m_bowl22 {background: url("../img/sprite-bowls.png")no-repeat 11% 13%;}
.m_bowl23 {background: url("../img/sprite-bowls.png")no-repeat 22% 13%;}
.m_bowl24 {background: url("../img/sprite-bowls.png")no-repeat 33% 13%;}
.m_bowl25 {background: url("../img/sprite-bowls.png")no-repeat 44% 13%;}
.m_bowl26 {background: url("../img/sprite-bowls.png")no-repeat 55% 13%;}
.m_bowl27 {background: url("../img/sprite-bowls.png")no-repeat 66% 13%;}
.m_bowl28 {background: url("../img/sprite-bowls.png")no-repeat 77% 13%;}
.m_bowl29 {background: url("../img/sprite-bowls.png")no-repeat 88% 13%;}
.m_bowl30 {background: url("../img/sprite-bowls.png")no-repeat 100% 13%;}

.m_bowl31 {background: url("../img/sprite-bowls.png")no-repeat 0 19.5%;}
.m_bowl32 {background: url("../img/sprite-bowls.png")no-repeat 11% 19.5%;}
.m_bowl33 {background: url("../img/sprite-bowls.png")no-repeat 22% 19.5%;}
.m_bowl34 {background: url("../img/sprite-bowls.png")no-repeat 33% 19.5%;}
.m_bowl35 {background: url("../img/sprite-bowls.png")no-repeat 44% 19.5%;}
.m_bowl36 {background: url("../img/sprite-bowls.png")no-repeat 55% 19.5%;}
.m_bowl37 {background: url("../img/sprite-bowls.png")no-repeat 66% 19.5%;}
.m_bowl38 {background: url("../img/sprite-bowls.png")no-repeat 77% 19.5%;}
.m_bowl39 {background: url("../img/sprite-bowls.png")no-repeat 88% 19.5%;}
.m_bowl40 {background: url("../img/sprite-bowls.png")no-repeat 100% 19.5%;}

.m_bowl41 {background: url("../img/sprite-bowls.png")no-repeat 0 26%;}
.m_bowl42 {background: url("../img/sprite-bowls.png")no-repeat 11% 26%;}
.m_bowl43 {background: url("../img/sprite-bowls.png")no-repeat 22% 26%;}
.m_bowl44 {background: url("../img/sprite-bowls.png")no-repeat 33% 26%;}
.m_bowl45 {background: url("../img/sprite-bowls.png")no-repeat 44% 26%;}
.m_bowl46 {background: url("../img/sprite-bowls.png")no-repeat 55% 26%;}
.m_bowl47 {background: url("../img/sprite-bowls.png")no-repeat 66% 26%;}
.m_bowl48 {background: url("../img/sprite-bowls.png")no-repeat 77% 26%;}
.m_bowl49 {background: url("../img/sprite-bowls.png")no-repeat 88% 26%;}
.m_bowl50 {background: url("../img/sprite-bowls.png")no-repeat 100% 26%;}


.m_green_bowl12 {background: url("../img/sprite-bowls.png")no-repeat 11% 48%;}
.m_green_bowl13 {background: url("../img/sprite-bowls.png")no-repeat 22% 48%;}
.m_green_bowl14 {background: url("../img/sprite-bowls.png")no-repeat 33% 48%;}
.m_green_bowl15 {background: url("../img/sprite-bowls.png")no-repeat 44% 48%;}
.m_green_bowl16 {background: url("../img/sprite-bowls.png")no-repeat 55% 48%;}
.m_green_bowl17 {background: url("../img/sprite-bowls.png")no-repeat 66% 48%;}
.m_green_bowl18 {background: url("../img/sprite-bowls.png")no-repeat 77% 48%;}
.m_green_bowl19 {background: url("../img/sprite-bowls.png")no-repeat 88% 48%;}
.m_green_bowl20 {background: url("../img/sprite-bowls.png")no-repeat 100% 48%;}

.m_green_bowl21 {background: url("../img/sprite-bowls.png")no-repeat 0 54.8%;}
.m_green_bowl22 {background: url("../img/sprite-bowls.png")no-repeat 11% 54.8%;}
.m_green_bowl23 {background: url("../img/sprite-bowls.png")no-repeat 22% 54.8%;}
.m_green_bowl24 {background: url("../img/sprite-bowls.png")no-repeat 33% 54.8%;}
.m_green_bowl25 {background: url("../img/sprite-bowls.png")no-repeat 44% 54.8%;}
.m_green_bowl26 {background: url("../img/sprite-bowls.png")no-repeat 55% 54.8%;}
.m_green_bowl27 {background: url("../img/sprite-bowls.png")no-repeat 66% 54.8%;}
.m_green_bowl28 {background: url("../img/sprite-bowls.png")no-repeat 77% 54.8%;}
.m_green_bowl29 {background: url("../img/sprite-bowls.png")no-repeat 88% 54.8%;}
.m_green_bowl30 {background: url("../img/sprite-bowls.png")no-repeat 100% 54.8%;}

.m_green_bowl31 {background: url("../img/sprite-bowls.png")no-repeat 0 61.3%;}
.m_green_bowl32 {background: url("../img/sprite-bowls.png")no-repeat 11% 61.3%;}
.m_green_bowl33 {background: url("../img/sprite-bowls.png")no-repeat 22% 61.3%;}
.m_green_bowl34 {background: url("../img/sprite-bowls.png")no-repeat 33% 61.3%;}
.m_green_bowl35 {background: url("../img/sprite-bowls.png")no-repeat 44% 61.3%;}
.m_green_bowl36 {background: url("../img/sprite-bowls.png")no-repeat 55% 61.3%;}
.m_green_bowl37 {background: url("../img/sprite-bowls.png")no-repeat 66% 61.3%;}
.m_green_bowl38 {background: url("../img/sprite-bowls.png")no-repeat 77% 61.3%;}
.m_green_bowl39 {background: url("../img/sprite-bowls.png")no-repeat 88% 61.3%;}
.m_green_bowl40 {background: url("../img/sprite-bowls.png")no-repeat 100% 61.3%;}

.m_green_bowl41 {background: url("../img/sprite-bowls.png")no-repeat 0 68%;}
.m_green_bowl42 {background: url("../img/sprite-bowls.png")no-repeat 11% 68%;}
.m_green_bowl43 {background: url("../img/sprite-bowls.png")no-repeat 22% 68%;}
.m_green_bowl44 {background: url("../img/sprite-bowls.png")no-repeat 33% 68%;}
.m_green_bowl45 {background: url("../img/sprite-bowls.png")no-repeat 44% 68%;}
.m_green_bowl46 {background: url("../img/sprite-bowls.png")no-repeat 55% 68%;}
.m_green_bowl47 {background: url("../img/sprite-bowls.png")no-repeat 66% 68%;}
.m_green_bowl48 {background: url("../img/sprite-bowls.png")no-repeat 77% 68%;}
.m_green_bowl49 {background: url("../img/sprite-bowls.png")no-repeat 88% 68%;}
.m_green_bowl50 {background: url("../img/sprite-bowls.png")no-repeat 100% 68%;}


.m_green_bowl51 {background: url("../img/sprite-bowls.png")no-repeat 0 74.3%;}
.m_green_bowl52 {background: url("../img/sprite-bowls.png")no-repeat 11% 74.3%;}
.m_green_bowl53 {background: url("../img/sprite-bowls.png")no-repeat 22% 74.3%;}
.m_green_bowl54 {background: url("../img/sprite-bowls.png")no-repeat 33% 74.3%;}
.m_green_bowl55 {background: url("../img/sprite-bowls.png")no-repeat 44% 74.3%;}
.m_green_bowl56 {background: url("../img/sprite-bowls.png")no-repeat 55% 74.3%;}
.m_green_bowl57 {background: url("../img/sprite-bowls.png")no-repeat 66% 74.3%;}
.m_green_bowl58 {background: url("../img/sprite-bowls.png")no-repeat 77% 74.3%;}
.m_green_bowl59 {background: url("../img/sprite-bowls.png")no-repeat 88% 74.3%;}

/*
 * Stars Number medium
 */

.m_star1 {background: url("../img/sprite-bowls.png")no-repeat 0 83.8%;}
.m_star2 {background: url("../img/sprite-bowls.png")no-repeat 11% 83.8%;}
.m_star3 {background: url("../img/sprite-bowls.png")no-repeat 22% 83.8%;}
.m_star4 {background: url("../img/sprite-bowls.png")no-repeat 33% 83.8%;}
.m_star5 {background: url("../img/sprite-bowls.png")no-repeat 44% 83.8%;}
.m_star6 {background: url("../img/sprite-bowls.png")no-repeat 55% 83.8%;}
.m_star7 {background: url("../img/sprite-bowls.png")no-repeat 66% 83.8%;}
.m_star8 {background: url("../img/sprite-bowls.png")no-repeat 77% 83.8%;}
.m_star9 {background: url("../img/sprite-bowls.png")no-repeat 89% 83.8%;}
.m_star10 {background: url("../img/sprite-bowls.png")no-repeat 100% 83.8%;}
.m_star11 {background: url("../img/sprite-bowls.png")no-repeat 0 98.4%;}

/*
 * Green Stars Number Medium
 */

.m_green_star1 {background: url("../img/sprite-bowls.png")no-repeat 0 91%;}
.m_green_star2 {background: url("../img/sprite-bowls.png")no-repeat 11% 91%;}
.m_green_star3 {background: url("../img/sprite-bowls.png")no-repeat 22% 91%;}
.m_green_star4 {background: url("../img/sprite-bowls.png")no-repeat 33% 91%;}
.m_green_star5 {background: url("../img/sprite-bowls.png")no-repeat 44% 91%;}
.m_green_star6 {background: url("../img/sprite-bowls.png")no-repeat 55% 91%;}
.m_green_star7 {background: url("../img/sprite-bowls.png")no-repeat 66% 91%;}
.m_green_star8 {background: url("../img/sprite-bowls.png")no-repeat 77% 91%;}
.m_green_star9 {background: url("../img/sprite-bowls.png")no-repeat 89% 91%;}
.m_green_star10 {background: url("../img/sprite-bowls.png")no-repeat 100% 91%;}
.m_green_star11 {background: url("../img/sprite-bowls.png")no-repeat 11.5% 98.4%;}

/*
 * Bowls Number small
 */

.s_bowl1 {background: url("../img/sprite-bowls-s.png")no-repeat 0 0;}
.s_bowl2 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 0;}
.s_bowl3 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 0;}
.s_bowl4 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 0;}
.s_bowl5 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 0;}
.s_bowl6 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 0;}
.s_bowl7 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 0;}
.s_bowl8 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 0;}
.s_bowl9 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 0;}
.s_bowl10 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 0;}

.s_bowl11 {background: url("../img/sprite-bowls-s.png")no-repeat 0 7%;}
.s_bowl12 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 7%;}
.s_bowl13 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 7%;}
.s_bowl14 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 7%;}
.s_bowl15 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 7%;}
.s_bowl16 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 7%;}
.s_bowl17 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 7%;}
.s_bowl18 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 7%;}
.s_bowl19 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 7%;}
.s_bowl20 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 7%;}

.s_bowl21 {background: url("../img/sprite-bowls-s.png")no-repeat 0 14%;}
.s_bowl22 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 14%;}
.s_bowl23 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 14%;}
.s_bowl24 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 14%;}
.s_bowl25 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 14%;}
.s_bowl26 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 14%;}
.s_bowl27 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 14%;}
.s_bowl28 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 14%;}
.s_bowl29 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 14%;}
.s_bowl30 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 14%;}

.s_bowl31 {background: url("../img/sprite-bowls-s.png")no-repeat 0 21%;}
.s_bowl32 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 21%;}
.s_bowl33 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 21%;}
.s_bowl34 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 21%;}
.s_bowl35 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 21%;}
.s_bowl36 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 21%;}
.s_bowl37 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 21%;}
.s_bowl38 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 21%;}
.s_bowl39 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 21%;}
.s_bowl40 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 21%;}

.s_bowl41 {background: url("../img/sprite-bowls-s.png")no-repeat 0 28%;}
.s_bowl42 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 28%;}
.s_bowl43 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 28%;}
.s_bowl44 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 28%;}
.s_bowl45 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 28%;}
.s_bowl46 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 28%;}
.s_bowl47 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 28%;}
.s_bowl48 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 28%;}
.s_bowl49 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 28%;}
.s_bowl50 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 28%;}


.s_bowl51 {background: url("../img/sprite-bowls-s.png")no-repeat 0 35%;}
.s_bowl52 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 35%;}
.s_bowl53 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 35%;}
.s_bowl54 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 35%;}
.s_bowl55 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 35%;}
.s_bowl56 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 35%;}
.s_bowl57 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 35%;}
.s_bowl58 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 35%;}
.s_bowl59 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 35%;}


/*
 * green-bowls Number small
 */

.s_green_bowl1 {background: url("../img/sprite-bowls-s.png")no-repeat 0 45%;}
.s_green_bowl2 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 45%;}
.s_green_bowl3 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 45%;}
.s_green_bowl4 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 45%;}
.s_green_bowl5 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 45%;}
.s_green_bowl6 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 45%;}
.s_green_bowl7 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 45%;}
.s_green_bowl8 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 45%;}
.s_green_bowl9 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 45%;}
.s_green_bowl10 {background: url("../img/sprite-bowls-s.png")no-repeat 100% 45%;}

.s_green_bowl11 {background: url("../img/sprite-bowls-s.png")no-repeat 0 52%;}
.s_green_bowl12 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 52%;}
.s_green_bowl13 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 52%;}
.s_green_bowl14 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 52%;}
.s_green_bowl15 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 52%;}
.s_green_bowl16 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 52%;}
.s_green_bowl17 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 52%;}
.s_green_bowl18 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 52%;}
.s_green_bowl19 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 52%;}
.s_green_bowl20 {background: url("../img/sprite-bowls-s.png")no-repeat 100% 52%;}

.s_green_bowl21 {background: url("../img/sprite-bowls-s.png")no-repeat 0 59%;}
.s_green_bowl22 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 59%;}
.s_green_bowl23 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 59%;}
.s_green_bowl24 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 59%;}
.s_green_bowl25 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 59%;}
.s_green_bowl26 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 59%;}
.s_green_bowl27 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 59%;}
.s_green_bowl28 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 59%;}
.s_green_bowl29 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 59%;}
.s_green_bowl30 {background: url("../img/sprite-bowls-s.png")no-repeat 100% 59%;}

.s_green_bowl31 {background: url("../img/sprite-bowls-s.png")no-repeat 0 66%;}
.s_green_bowl32 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 66%;}
.s_green_bowl33 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 66%;}
.s_green_bowl34 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 66%;}
.s_green_bowl35 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 66%;}
.s_green_bowl36 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 66%;}
.s_green_bowl37 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 66%;}
.s_green_bowl38 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 66%;}
.s_green_bowl39 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 66%;}
.s_green_bowl40 {background: url("../img/sprite-bowls-s.png")no-repeat 100% 66%;}

.s_green_bowl41 {background: url("../img/sprite-bowls-s.png")no-repeat 0 73%;}
.s_green_bowl42 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 73%;}
.s_green_bowl43 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 73%;}
.s_green_bowl44 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 73%;}
.s_green_bowl45 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 73%;}
.s_green_bowl46 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 73%;}
.s_green_bowl47 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 73%;}
.s_green_bowl48 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 73%;}
.s_green_bowl49 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 73%;}
.s_green_bowl50 {background: url("../img/sprite-bowls-s.png")no-repeat 100% 73%;}


.s_green_bowl51 {background: url("../img/sprite-bowls-s.png")no-repeat 0 80%;}
.s_green_bowl52 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 80%;}
.s_green_bowl53 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 80%;}
.s_green_bowl54 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 80%;}
.s_green_bowl55 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 80%;}
.s_green_bowl56 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 80%;}
.s_green_bowl57 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 80%;}
.s_green_bowl58 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 80%;}
.s_green_bowl59 {background: url("../img/sprite-bowls-s.png")no-repeat 88% 80%;}

/*
 * Stars Number small
 */

.s_star1 {background: url("../img/sprite-bowls-s.png")no-repeat 0 90%;}
.s_star2 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 90%;}
.s_star3 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 90%;}
.s_star4 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 90%;}
.s_star5 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 90%;}
.s_star6 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 90%;}
.s_star7 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 90%;}
.s_star8 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 90%;}
.s_star9 {background: url("../img/sprite-bowls-s.png")no-repeat 89% 90%;}

/*
 * Green Stars Number small
 */

.s_green_star1 {background: url("../img/sprite-bowls-s.png")no-repeat 0 98%;}
.s_green_star2 {background: url("../img/sprite-bowls-s.png")no-repeat 11% 98%;}
.s_green_star3 {background: url("../img/sprite-bowls-s.png")no-repeat 22% 98%;}
.s_green_star4 {background: url("../img/sprite-bowls-s.png")no-repeat 33% 98%;}
.s_green_star5 {background: url("../img/sprite-bowls-s.png")no-repeat 44% 98%;}
.s_green_star6 {background: url("../img/sprite-bowls-s.png")no-repeat 55% 98%;}
.s_green_star7 {background: url("../img/sprite-bowls-s.png")no-repeat 66% 98%;}
.s_green_star8 {background: url("../img/sprite-bowls-s.png")no-repeat 77% 98%;}
.s_green_star9 {background: url("../img/sprite-bowls-s.png")no-repeat 89% 98%;}

/*
 * Bar Center
 */

.responsive-img {
    width: 100%;
}

.tip-1, .tip-2, .dwl-method, .pronostics {
    border-top: 1px solid #2463b5;
    height: auto;
    padding: 15px 0;
}

/*.tip-1 img:hover {background: url("../img/conseil1_rollover.png")no-repeat;}
.tip-2 img:hover {background: url("../img/conseil2_rollover.png")no-repeat;}
.dwl-method img:hover {background: url("../img/conseil3_rollover.png")no-repeat;}
.pronostics img:hover {background: url("../img/conseil4_rollover.png")no-repeat;}*/


.good-reasons {
    background: #eaeaea;
    margin-top: 20px;
    padding: 15px 0;
    text-align: center;
}

.good-reasons .img-title {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 5px solid #FDB13D;
}

.good-reasons .carousel-control .glyphicon-chevron-left {
    margin-left: -23px !important;
}

.good-reasons .carousel-control .glyphicon-chevron-right {
    left: 30px;
}

.good-reasons .carousel-control.left {
    background-image: none !important;
}

.good-reasons .carousel-control.right {
    background-image: none !important;
}


.block_compteur_head{
    background: transparent;
    padding: 5px 10px;
    margin: 0 -25px 1px -25px;
    color:white;
}
.block_compteur{
    padding: 10px;
    margin: -3px -25px 1px -25px;
    background: transparent;
}
.perf-link {
    padding-top: 10px;
    position: relative;
}
.link_select_white{
    background: #003C9C;
    color: #ccc;
    text-decoration:none;
    /*padding: 4px 24px 5px 25px;*/
    padding: 4px 24px 3px 30px; /* test */
    font-weight: 700;
    font-size: 1em;
}
.link_select_white:hover{
    color:white;
    text-decoration:none;
}

.link_select_white.active{
    color: #003C9C;
    text-decoration:none;
    background: #fff;
}



/*gestion popup date*/


.notifications-euromillion {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -moz-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -o-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -webkit-transition: 0.25s ease-out 0.1s opacity;
    -moz-transition: 0.25s ease-out 0.1s opacity;
    -o-transition: 0.25s ease-out 0.1s opacity;
    transition: 0.25s ease-out 0.1s opacity;
    background: #ecf0f1;
    border: 1px solid #bdc3c7;
    right: 0px;
    opacity: 1;
    position: absolute;
    top: -115px;
    z-index: 1;
}
.notifications-euromillion:after {
    border: 10px solid transparent;
    border-top-color: #003399;
    content: '';
    display: block;
    height: 0;
    right: 20px;
    position: absolute;
    width: 0;
}

.notifications-euromillion .form-control,
.notifications-loto .form-control,
.notifications-mymillions, .form-control {
    font-size: 13px;
    padding: 5px;
}

.notifications-euromillion h3 {
    cursor: default;
    font-size: 1.25em;
    font-weight: normal;
}
.notifications-euromillion h3 {
    background: #003399;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    width: 500px;
}

.notifications-loto {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -moz-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -o-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -webkit-transition: 0.25s ease-out 0.1s opacity;
    -moz-transition: 0.25s ease-out 0.1s opacity;
    -o-transition: 0.25s ease-out 0.1s opacity;
    transition: 0.25s ease-out 0.1s opacity;
    background: #ecf0f1;
    border: 1px solid #bdc3c7;
    right: 0px;
    opacity: 1;
    position: absolute;
    top: -115px;
    z-index: 1;
}
.notifications-loto:after {
    border: 10px solid transparent;
    border-top-color: #003399;
    content: '';
    display: block;
    height: 0;
    right: 20px;
    position: absolute;
    width: 0;
}
.notifications-loto h3 {
    cursor: default;
    font-size: 1.25em;
    font-weight: normal;
}
.notifications-loto h3 {
    background: #003399;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    width: 500px;
}


.notifications {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -moz-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -o-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -webkit-transition: 0.25s ease-out 0.1s opacity;
    -moz-transition: 0.25s ease-out 0.1s opacity;
    -o-transition: 0.25s ease-out 0.1s opacity;
    transition: 0.25s ease-out 0.1s opacity;
    background: #ecf0f1;
    border: 1px solid #bdc3c7;
    right: 0px;
    opacity: 1;
    position: absolute;
    top: -115px;
    z-index: 1;
}
.notifications:after {
    border: 10px solid transparent;
    border-top-color: #003399;
    content: '';
    display: block;
    height: 0;
    right: 20px;
    position: absolute;
    width: 0;
}
.notifications h3 {
    cursor: default;
    font-size: 1.25em;
    font-weight: normal;
}
.notifications h3 {
    background: #003399;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    width: 500px;
}

.notifications-mymillions {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -moz-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -o-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -webkit-transition: 0.25s ease-out 0.1s opacity;
    -moz-transition: 0.25s ease-out 0.1s opacity;
    -o-transition: 0.25s ease-out 0.1s opacity;
    transition: 0.25s ease-out 0.1s opacity;
    background: #ecf0f1;
    border: 1px solid #bdc3c7;
    right: -10px;
    opacity: 1;
    position: absolute;
    top: -91px;
    z-index: 1;
}
.notifications-mymillions:after {
    border: 10px solid transparent;
    border-top-color: #003399;
    content: '';
    display: block;
    height: 0;
    left: 0px;
    position: absolute;
    width: 0;
}
.notifications-mymillions h3 {
    cursor: default;
    font-size: 1.25em;
    font-weight: normal;
}
.notifications-mymillions h3 {
    background: #003399;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    width: 500px;
}

.notifications-mymillions2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -moz-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -o-transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    transition: 0.25s ease-out 0.1s opacity 0.4s ease-out;
    -webkit-transition: 0.25s ease-out 0.1s opacity;
    -moz-transition: 0.25s ease-out 0.1s opacity;
    -o-transition: 0.25s ease-out 0.1s opacity;
    transition: 0.25s ease-out 0.1s opacity;
    background: #ecf0f1;
    border: 1px solid #bdc3c7;
    right: -11px;
    opacity: 1;
    position: absolute;
    top: -266px;
    z-index: 1;
}
.notifications-mymillions2:after {
    border: 10px solid transparent;
    border-top-color: #003399;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    right: 38px;
}
.notifications-mymillions2 h3 {
    cursor: default;
    font-size: 1.25em;
    font-weight: normal;
}
.notifications-mymillions2 h3 {
    background: #003399;
    color: #fefefe;
    margin: 0;
    padding: 10px;
    width: 500px;
}

.font-mymillion{
    padding: 5px;
    display: inline-block;
    color: white;
    font-weight: bold;
    min-width: 24px;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 5px;
    background-color: #004baa;
}


.grid {
    padding: 5px;
    border:1px solid #000081;
    display: inline-block;
    color:#00008f;
    font-weight: bold;
    min-width: 30px;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 5px;
    background-color: #E5E5E4;
    box-shadow: 0px 4px 5px -3px #333;
}
.grid:hover {
    color:white;
    border:1px solid #E5E5E4;
    background-color: #00008f;
}
.grid-active {
    color:white;
    border:1px solid #E5E5E4;
    background-color: #00008f;
}
.block-grid-star {
    margin-top: 15%;
    padding:20px;
    width: 93%;
    color:#B31200;
}
.container-grid-star {
    border:1px solid #00008f;
    padding: 3px 0 3px 5px;
}

.grid-star {
    padding: 5px;
    border:1px solid #00008f;
    display: inline-block;
    color: #00008f;
    font-weight: 800;
    min-width: 30px;
    text-align: center;
    margin: 10px 3px;
    border-radius: 20px;
    box-shadow:0px 4px 5px -3px #333;
}
.grid-star:hover{
    color:#003399;
    border:1px solid #003399;
    background-color: #E6E9FD;
}
.grid-star-active{
    color:#003399;
    border:1px solid #003399;
    background-color: #E6E9FD;
}
/*.bowl{*/
/*padding: 5px;*/
/*border:1px solid black;*/
/*display: inline-block;*/
/*}*/
.block-style h3{
    color: #333;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    padding: 0 0 15px;
    letter-spacing: 1px;
}
.block-style{
    padding: 20px 25px;
}
.block-link{
    padding: 8px 10px;
    margin-top: 10px;
    background-color: #EAE6E6;
    color:#333333;
    font-weight: 600;
}
.block-link:hover{
    color: #EAE6E6;
    background-color: #333333;
}
.background_Loto{
    background-color: #F8D400;
}
.background_EuroMillions{
    background-color: #003970;
}
.icon_calendar{
    font-size: 32px;
    color: #5897eb;

}
.date_result{
    color:black!important;
    font-weight: 500!important;
    margin-top:-5px;
    display: block;
}
.sub_title{
    color:#333 !important;
    font-weight: bold !important;
    margin-top:20px;
    letter-spacing: 1px;
    font-size: 1.2em;
}

.sub_title p {
    color: #666;
}

.button_yellow{
    border: 1px solid transparent;
    border-radius: 0;
    background: #FFB230;
    color: #333333;
    font-weight: 600;
    padding: 7px 30px;
}

.button_yellow:hover {
    color: #FFB230;
    background: #333333;
}

.header_tab_gain{
    padding: 5px;
    background-color: #1B2A96;
    color:white;
    border: 1px solid #e3e3e3;
    min-height: 89px;

}
.header_tab_gain h5 {
    margin-top: 31PX;
    vertical-align: middle;
}
.tab_gain{
    padding: 10px;
    color:grey;
    border: 1px solid #e3e3e3;
    min-height: 64px;
    font-size: 13px;
    /*display: table;*/
    display: table;
}
.tab_gain span{
    /*display: table-cell;*/
    vertical-align: middle;
}
.tab_gain2{
    padding: 10px;
    min-height: 90px;
    color: grey;
    border: 1px solid #e3e3e3;
    display: -webkit-box;
}
.tab_gain2 span{
    /*display: table-cell;*/
    vertical-align: middle;
}

/*
 * Caraousel 7 good reasons small
 */

/*.s_tip-1 img:hover {background: url("../img/s_conseil1_rollover.png")no-repeat;}*/
/*.s_tip-2 img:hover {background: url("../img/s_conseil2_rollover.png")no-repeat;}*/
/*.s_dwl-method img:hover {background: url("../img/s_conseil3_rollover.png")no-repeat;}*/
/*.s_pronostics img:hover {background: url("../img/s_conseil4_rollover.png")no-repeat;}*/

.s_dwl-method h4, .s_pronostics h4 {
    font-size: 1em;
    font-weight: 600;
}

.s_dwl-method span {
    font-size: 1em;
    padding: 0;
}

.s_pronostics span {
    font-size: 18px;
}

.good-reasons-small {
    background: #eaeaea;
    padding: 8px 0;
}

#carousel-reasons-small .carousel-control.left,
#carousel-reasons-small .carousel-control.right {
    background-image: none;
}

#carousel-reasons-small .carousel-control .glyphicon-chevron-left,
#carousel-reasons-small .carousel-control .glyphicon-chevron-right {
    font-size: 21px;
}

#carousel-reasons-small .carousel-control .glyphicon-chevron-right {
    left: 25px;
}

#carousel-reasons-small .carousel-control .glyphicon-chevron-left {
    margin-left: -22px !important;
}

.title-reasons {
    color: #ffb230;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    letter-spacing: 3px;
    padding-bottom: 10px;
    border-bottom: 4px solid #ffb230;
    margin-bottom: 7px;
}

.title-reasons-top {
    color: #333;
    display: block;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-bottom: 7px;
    font-size: 13px;
    letter-spacing: 0;
    border-top: 4px solid #ffb230;
    padding-top: 10px;
    padding-bottom: 10px;
}


.bar-center-inline h4 {
    color: #004baa;
    font-size: 15px;
    font-weight: 600;
}

.bar-center-inline {
    padding: 10px 5px;
}

.bar-center-inline .tip-1,
.bar-center-inline .tip-2,
.bar-center-inline .dwl-method,
.bar-center-inline .pronostics
{
    padding-left: 15px;
    padding-right: 15px;
    border-top: none;
    background: url("") no-repeat 100% 50%;
}

.bar-center-inline .tip-1 span {
    color: #03c928;
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 7px;
    padding-top: 24px;
}

.bar-center-inline .tip-2 span {
    color: #cd2530;
    display: block;
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
    padding-top: 14px;
}

.bar-center-inline .dwl-method span {
    display: block;
    line-height: 14px;
    text-align: left;
    padding-right: 22px;
    padding-top: 25px;
    color: grey;
    font-size: 14px;

}

.bar-center-inline .pronostics span {
    display: block;
    font-size: 19px;
    color: #c13636;
    font-weight: 600;
    line-height: 30px;
    padding-top: 3px;
}

.nbr-align{
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    color: #1B2A96;
}

.ico-calendar {
    background: url("../img/ico-calendar.png")no-repeat;
    width: 31px;
    height: 34px;

}

.ico-menu {
    font-size: 1.3em !important;
    padding-right: 10px;
}

.ico-menu:hover {
    color: #fff;
}

.ico-user-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("../img/user-box.png")no-repeat;
    border-radius: 15px;
}

/**********modal**********/

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border: none;
    background-color: #F3F3F3;
}
.modal-header {
    padding: 14px;
    border: none;
    min-height: 43px;
}
.modal-body {
    position: relative;
    padding: 0px 20px 0 20px;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    margin-top: 5%;
    transform: translate(0,0);
}


.grid2 {
    padding: 10px;
    background-color: #253f97;
    display: inline-block;
    color: white;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 5px;
}
.grid2Win {
    padding: 10px;
    background-color: #E79731;
    display: inline-block;
    color: white;
    font-weight: bold;
    min-width: 40px;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 5px;
}
.EuroMillions_background{
    background-color: #003399!important;
}
.Loto_background{
    background-color: #ff9933!important;
}
.SuperLoto_background{
    background-color: #ff6600!important;
}
.MyMillions_background{
    background-color: #6699FF!important;
}


.EuroMillions_color{
    color: #003399 !important;
}
.Loto_color{
    color: #ff9933 !important;
}
.SuperLoto_color{
    color: #ff6600 !important;
}
.MyMillions_color{
    color: #6699FF !important;
}



.EuroMillions_underline{
    border-bottom: 1px solid #003399;
    line-height: 32px;
}
.Loto_underline{
    border-bottom: 1px solid #ff9933;
    line-height: 32px;
}
.SuperLoto_underline{
    border-bottom: 1px solid #ff6600;
    line-height: 32px;
}

.MyMillions_underline{
    border-bottom: 1px solid #0036A0;
    line-height: 32px;
    color: #0036A0;
}
/*@media (min-width: 768px){*/
/*.container {*/
/*width: 918px!important;*/
/*}*/
/*}*/
.buton_member_on {
    padding: 10px;
    color:black;
    background-color: #efefef;
    margin-top: 1px;
    cursor: pointer;
}

.buton_member_on:hover{
    color: #fff;
    background-color: #333333;
}

.buton_member_off{
    margin-top: 1px;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    background-color: #333333;
}

.buton_member_off:hover {
    color: #fff;
    background-color: #666;
}

.our-method h4 {
    font-weight: 600;
    margin-top: 30px;
}

.our-method span {
    font-size: 15px;
}

.our-method .testimonials {
    margin-bottom: 20px;
}
.degrade_white {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 130%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(255,255,255,1)), color-stop(130%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 130%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 130%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 130%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 130%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.compteurGain_Loto:after{
    content: " €";
    color: #0037a2;
    font-weight: 700;
    font-size: 1em;
    font-family: 'Open Sans';
}
.compteurGain_EuroMillions:after{
    content: " €";
    color: #0037a2;
    font-weight: bold;
    font-family: "Open sans";
}
.lotoCompt:after, .euromillionCompt:after{
    color: #fff;
    content: " €";
    font-family: "Open Sans";
    font-size: 1.25em;
    font-weight: 600;
}

.shadow {
    float: left;
    width: 100%;
}

.background_inscription{
    background: rgb(0,45,102); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,45,102,1) 0%, rgba(49,118,209,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,45,102,1)), color-stop(100%,rgba(49,118,209,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,45,102,1) 0%,rgba(49,118,209,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,45,102,1) 0%,rgba(49,118,209,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,45,102,1) 0%,rgba(49,118,209,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,45,102,1) 0%,rgba(49,118,209,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d66', endColorstr='#3176d1',GradientType=0 ); /* IE6-9 */
    margin-top: 10px;
    padding:30px;
}

.im_background_inscription{
    background: url("../img/bg-step2.png") no-repeat bottom right;
    height: 100%;
}

.background_inscription_bis {
    background: url("../img/bg-step-bis.png") 85% 10% no-repeat;
    height: 100%;
}

@-webkit-keyframes myanimation {
    from {
        left: 0%;
    }
    to {
        left: 50%;
    }
}

.checkout-wrap {
    color: #444;
    font-family: 'PT Sans Caption', sans-serif;
    margin: 40px auto;
    max-width: 1200px;
    position: relative;
}

ul.checkout-bar li {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px 14px 80px;
    position: relative;
}
ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 20px;
    line-height: 37px;
    height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    top: 4px;
    width: 35px;
    z-index: 999;
}
ul.checkout-bar li.active {
    color: #8bc53f;
    font-weight: bold;
}
ul.checkout-bar li.active:before {
    background: #8bc53f;
    z-index: 99999;
}
ul.checkout-bar li.visited {
    background: #ECECEC;
    color: #57aed1;
    z-index: 99999;
}
ul.checkout-bar li.visited:before {
    background: #57aed1;
    z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
    content: "1";
}
ul.checkout-bar li:nth-child(2):before {
    content: "2";
}
ul.checkout-bar li:nth-child(3):before {
    content: "3";
}
ul.checkout-bar li:nth-child(4):before {
    content: "4";
}
ul.checkout-bar li:nth-child(5):before {
    content: "5";
}
ul.checkout-bar li:nth-child(6):before {
    content: "6";
}
ul.checkout-bar a {
    color: #57aed1;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

@media all and (min-width: 800px) {
    .checkout-bar li.active:after {
        -webkit-animation: myanimation 3s 0;
        background-size: 35px 35px;
        background-color: #8bc53f;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        width: 100%;
        left: 50%;
        position: absolute;
        top: -50px;
        z-index: 0;
    }

    .checkout-wrap {
        margin: 80px auto;
    }

    ul.checkout-bar {
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        background-size: 35px 35px;
        background-color: #EcEcEc;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
        border-radius: 15px;
        height: 15px;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 100%;
    }
    ul.checkout-bar:before {
        background-size: 35px 35px;
        background-color: #57aed1;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        content: " ";
        height: 15px;
        left: 0;
        position: absolute;
        width: 10%;
    }
    ul.checkout-bar li {
        display: inline-block;
        margin: 50px 0 0;
        padding: 0;
        text-align: center;
        width: 19%;
    }
    ul.checkout-bar li:before {
        height: 45px;
        left: 40%;
        line-height: 45px;
        position: absolute;
        top: -65px;
        width: 45px;
        z-index: 99;
    }
    ul.checkout-bar li.visited {
        background: none;
    }
    ul.checkout-bar li.visited:after {
        background-size: 35px 35px;
        background-color: #57aed1;
        background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        content: "";
        height: 15px;
        left: 50%;
        position: absolute;
        top: -50px;
        width: 100%;
        z-index: 99;
    }
}

.title-page {
    color: #ffb230;
    font-weight: 600;
}

.title-block {
    color: #333;
    font-weight: 600;
    font-size: 1.55em;
    margin-bottom: 0;
}

.line-orange {
    border-bottom: 1px solid #ffb230;
    display: block;
    height: 2px;
    margin-bottom: 20px;
    margin-top: -5px;
    width: 100%;
}

.create-pronostic .title span {
    color: #ffb230;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}

.create-pronostic .title img {
    position: relative;
    bottom: 8px;
    left: 7px;
}

.create-pronostic .subtitle img {
    float: right;
}

.create-pronostic .subtitle h3 {
    text-align: center;
    color: #444444;
    font-size: 2em;
    line-height: 23px;
}

.create-pronostic .block-pronostic h3 span {
    font-size: 0.5em;
    font-weight: 100;
}

.create-pronostic .block-pronostic h3 span a {
    color: #ffb230;
    text-decoration: underline;
}

#effect {  position: relative;  }
.grid2Win{ position: relative; }
.grid2{ position: relative; }

.create-pronostic #effect {
    margin-left: -100%;
    margin-top: 10px;
    width:100%
}

.create-pronostic .block-pronostic .number-luck {
    display: block;
    color: #ffb230;
    font-size: 1.1em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px
}

.create-pronostic .block-pronostic {
    margin-top: 20px;
    padding-bottom: 20px;
    background-color: #EFEFEF;
}

.create-pronostic .grid2Win {
    font-size: 1.7em;
    margin-right: 16px;
    min-width: 50px;
    padding: 10px;
}

.create-pronostic .grid2 {
    font-size: 1.7em;
    margin-right: 16px;
    min-width: 50px;
    padding: 10px;
}

.create-pronostic .yellow-btn {
    font-size: 0.8em;
}

.create-pronostic h4 {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.create-pronostic ul {
    padding-left: 40px;
    font-size: 14px;
    line-height: 20px;
}

.create-pronostic .service-list li {
    list-style: square;
    color: #444444;
    font-weight: 100;
    line-height: 25px;
    text-indent: 8px;
}

.top-box-title {
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top,  #333333 50%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333333 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333333 50%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333333 50%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #333333 50%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    padding: 10px 0 !important;
    color: #fff;

}

.top-box-content {
    background: #e2e3e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e3e2 0%, #ffffff 30%, #ffffff 70%, #d8d7d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e3e2), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#d8d7d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e3e2 0%,#ffffff 30%,#ffffff 70%,#d8d7d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e3e2 0%,#ffffff 30%,#ffffff 70%,#d8d7d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e3e2 0%,#ffffff 30%,#ffffff 70%,#d8d7d7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2e3e2 0%,#ffffff 30%,#ffffff 70%,#d8d7d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e3e2', endColorstr='#d8d7d7',GradientType=0 ); /* IE6-9 */

    -moz-box-shadow: 0px 6px 6px 0px #717171;
    -webkit-box-shadow: 0px 6px 6px 0px #717171;
    -o-box-shadow: 0px 6px 6px 0px #717171;
    box-shadow: 0px 6px 6px 0px #717171;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#717171, Direction=180, Strength=6);

}

.discovery-prono {
    background-color: #003a6c;
    padding: 0;
    margin: 10px 0 0 0;
}

.discovery-prono a {
    display: inline-block;
    margin: 5px 0 10px;
}

#modalContact .form-control {
    border-radius: 0 !important;
}

#modalContact .modal-header {
    min-height: 28px !important;
}

#modalContact .title-block {
    margin-left: 30px;
}

#modalContact .modal-body {
    padding: 0 !important
}
#modalContact .fa {
    color: #333;
    float: none !important;
    font-size: 1.3em !important;
}

#modalContact span {
    font-weight: 700;
    padding-left: 20px;
}

#modalContact .form-contact {
    width: 65%;
    margin: auto;
}

#modalContact .yellow-btn {
    float: right;
    margin: 10px 0 0;
    padding: 3px 10px 3px 8px;
}

#modalContact .modal-footer {
    margin: 50px 0 0;
    padding: 12px 0 0;
    text-align: left;
}

#modalAnnulationPayment .close,
#modalContact .close {
    color: #333 !important;
    opacity: 1 !important;
    font-weight: 700;
    font-size: 2.6em;
}

#modalAnnulationPayment .close-modal {
    color: #333;
    opacity: 1 !important;
    font-weight: 100;
    font-size: 0.35em;
    vertical-align: middle;
}

#modalContact .close-modal {
    bottom: 7px;
    color: #333;
    font-size: 0.4em;
    font-weight: 500;
    left: 20px;
    opacity: 1 !important;
    position: relative;
}


#modalAnnulationPayment p {
    color: #333;
    font-weight: 600;
    margin: 10px 0 0;
}
#modalAnnulationPayment .modal-body {
    padding-bottom: 30px;
}

#modalAnnulationPayment .modal-footer {
    padding-top: 0;
}

#modalAnnulationPayment .modal-body span {
    color: #666;
    font-weight: 100;
}

.registration-box {
    background-color: #eae6e6 !important;
    margin-top: 10px;
    padding: 10px 2px;
}

/*
 * Breadcrumb
 */
.fil-arianne {
    color: #333 !important;
    font-weight: 200;
    font-size: 1em;
    text-transform: lowercase;
}

.not-found a:focus
{
    outline: 0;
}

.not-found {
    background: url("../img/404/bg-not-found.jpg") no-repeat 50% 0% #97B0E6;
    width: 100%;
    height: 768px;
    margin: auto;
}

.not-found .btn-404 {
    background: url("../img/404/btn.png") no-repeat 50% 0%;
    display: block;
    height: 768px;
    margin: auto;
    width: 100%;
}

.not-found .btn-404:hover {
    background: url("../img/404/btn-rollover.png") no-repeat 50% 0%;
}

.recovery-password {
    background-color: #eee;
    border-radius: 10px;
    padding: 25px 50px 50px;
    box-shadow: 3px 4px 3px -2px #333;
}

.recovery-password h4 {
    margin-bottom: 20px;
    font-size: 1.6em;
    color: #333;
    text-align: center;
}

.recovery-password p {
    color: #666;
    text-align: center;
}

.recovery-password p span {
    font-size: 0.8em;
}

.date-draw {

}

.footer-lp2 .row1 {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
}

.footer-lp2 .row2,.row3 {
    margin-bottom: 20px;
    padding: 10px;
}

.footer-lp2 i {
    text-align: center;
    font-size: 2.7em;
    color: #666;
    float: none;
    display: block;
}

.footer-lp2 h3 {
    color: #666;
    font-size: 1.2em;
    margin-bottom: 15px;
}

.footer-lp2 p {
    color: #333;
    font-size: 0.9em;
}

.wrap-compteur-lp {
    padding: 6px 15px;
    border-bottom: 1px solid #fff;
}

.compteur-lp {
    color: #fff;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 400;
    text-shadow: 1px 1px 2px #fff;
}

.visitor-online {
    color: #fff;
}

#modalChoiceProno .modal-body a:hover {
    opacity: 0.8;
}

/*
 * Media Queries
 */

@media screen and (max-width: 690px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
    .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.help-block{
    display: none;
}

.cookies_bar{
    background-color: #444;
    position:fixed;
    bottom:0;
    color:white;
    width:100%;
    padding:5px;
    opacity: 0.8;
}

.cookies_bar a{
    color: white;
    text-decoration: underline;
}

/* How it works ? */
.how-it-work {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.how-it-work .headline {
    padding-bottom: 20px;
}

.block-step {}

.step1, .step2, .step3 {
    border: 1px solid #ccc;
    background-color: #fcfcfc !important;
    height: 260px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.block-step img {position: relative; top: 10px;}

.step1 img {}
.step2 img {left: 10px;}
.step3 img {}

.number {
    display: inline-block;
    font-size: 35px;
    background-color: #53c0b7;
    color: #fff;
    width: 50px;
    border-radius: 25px;
}

.block-step .msg {
    color: #147e72;
    font-size: 17px;
    padding-top: 25px;
    line-height: 0.9;
}

.block-step .msg span {
    color: #666;
    font-size: 13px;
}

.block-step .col-xs-12 {
    margin-bottom: 20px;
}

.offers-discovered,
.contact-us-right {
    border: 1px solid #ccc;
    background-color: #fcfcfc !important;
    border-radius: 10px;
}

.offers-discovered .title,
.contact-us-right .title {
    font-family: 'short_stack';
    font-size: 1.375em;
    color: #147e72;
    font-weight: 300;
}

.first-box {
    background-color: #147e72;
    color: #fff;
    font-size: 1.125em;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 0;
}

.details-content-box {
    background-color: #53c0b7;
    color: #fff;
    font-weight: 300;
    padding: 15px 0;
}

.details-content-box .fa {
    color: #ff9900;
    background-color: #147e72;
    padding: 3px 3px 2px 4px;
    border-radius: 10px;
    margin: 4px 0;
}

.offers-discovered .conditions {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
    color: #666;
    font-size: 0.688em;
    padding: 5px 0;
}

/* Contained in my box ? */
.bg-content-box {
    background-color: #cbece9;
}

.bg-content-box .col-xs-12 img {
    width: 75%;
}

.bg-content-box .col-xs-12 {
    text-align: center;
    margin: 0;
}

.details-content-box.visible-sm .text {
    font-size: 0.9em;
    text-align: center;
}

.details-content-box.visible-sm .fa {
    float: right;
    margin: 0;
    position: relative;
    left: 10px;
}