#header { width : 100%; min-width : 908px; height : 215px; margin : 0; padding : 0; background : url(../images/css/header1.png) no-repeat center top; position : absolute; top : 0; left : 0; }
#header .barre_haut { width : 100%; height : 13px; margin : 0; padding : 0; background : url(../images/css/barre_haut.png) repeat-x; position : absolute; top : 0; left : 0; }
#header .connexion { width : 100%; min-width : 908px; height : 58px; margin : 0; padding : 0; background : url(../images/css/bloc_connexion.png) no-repeat center -8px; position : absolute; bottom : 0; left : 0; }
#header .connexion2 { width : 100%; min-width : 908px; height : 58px; margin : 0; padding : 0; background : url(../images/css/bloc_connexion.png) no-repeat center -16px; position : absolute; bottom : 0; left : 0; }
#header .connexion2 div { width : 598px; height : 58px; margin : 0 auto; padding : 0; position : relative; }
#header .connexion form { width : 598px; height : 58px; margin : 0 auto; padding : 0; position : relative; top: -5px; }
#header .connexion .input1 { width : 90px; height : 20px; margin : 0; padding : 3px 7px 3px 30px; border : 0; color : #ffffff; background : url(../images/css/input2.png) no-repeat; position : absolute; bottom : 14px; left : 12px; }
#header .connexion .input2 { width : 90px; height : 20px; margin : 0; padding : 3px 7px 3px 30px; border : 0; color : #ffffff; background : url(../images/css/input2.png) no-repeat; position : absolute; bottom : 14px; left : 141px; }
#header .connexion .input3 { width : 90px; height : 20px; margin : 0; padding : 3px 7px 3px 30px; border : 0; color : #ffffff; background : url(../images/css/input2.png) no-repeat; position : absolute; bottom : 14px; left : 270px; }
#header .connexion2 table.info_solde_pts {width : 580px; height : 50px; margin : 0px 3px 3px 0; padding : 0; border : 0; color : #ffffff; position : absolute; left: 10px; text-align : center; font-size : 16px; font-weight : bold; }
#header .connexion2 table.info_solde_pts a{text-decoration : none;color:#85d9ff;}
#header .connexion2 .info_solde_pts td{ background-color: transparent; }
#header .connexion .submit1 { width : 143px; height : 28px; margin : 0; padding : 0; border : 0; color : #ffffff; background : url(../images/css/txt1.png) no-repeat; position : absolute; bottom : 10px; left : 398px; cursor: pointer; cursor: hand; }
#header .connexion .inscrip1 { margin : 0; padding : 0; position : absolute; bottom : 16px; left : 553px; }
#header .connexion .lang1 { width : 120px; height : 20px; margin : 0; padding : 0; position : absolute; bottom : 22px; left : -120px; }
#header .connexion .lang1 img { margin : 0 3px 0 3px; padding : 0; }
#header .connexion .lang2 { width : 120px; height : 20px; margin : 0; padding : 0; position : absolute; bottom : 22px; right : -120px; }
#header .connexion .lang2 img { margin : 0 3px 0 3px; padding : 0; }
#header .connexion2 .lang1 { width : 120px; height : 20px; margin : 0; padding : 0; position : absolute; bottom : 22px; left : -120px; }
#header .connexion2 .lang1 img { margin : 0 3px 0 3px; padding : 0; }
#header .connexion2 .lang2 { width : 120px; height : 20px; margin : 0; padding : 0; position : absolute; bottom : 22px; right : -120px; }
#header .connexion2 .lang2 img { margin : 0 3px 0 3px; padding : 0; }
#header .menu_hor { width : 100%; min-width : 908px; height : 42px; margin : 0; padding : 0; background : url(../images/css/menu_hor.png) no-repeat center; position : absolute; bottom : 45px; left : 0; text-align : center; }
#header .menu_hor ul { width : 908px; height : 42px; margin : 0 auto; padding : 0; }
#header .menu_hor ul li { margin : 0 20px 0 20px; padding : 10px 0 7px 0; font-size : 16px; color : #ffffff; display : inline-block; }
#header .menu_hor ul li:hover { background : url(../images/css/puce1.png) no-repeat center bottom; }
#header .menu_hor ul li a { color : #ffffff; text-decoration : none; text-shadow : rgba(0,0,0,0.1) -2px 0, rgba(0,0,0,0.1) 0 -2px, rgba(255,255,255,0.1) 2px 0, rgba(255,255,255,0.1) 0 2px, rgba(0,0,0,0.1) -2px -2px, rgba(255,255,255,0.1) 2px 2px!important; font-weight : bold; }

span.message_box { margin-left:10px; font-weight:bold; }
a.msg_top { text-decoration:none; }
div.bouton_rejouer  { cursor: pointer; cursor:hand; width:121px; height:27px; padding: 0px; margin: 0px; background : url(../images/btn_jeux/bouton_rejouer.png) no-repeat center top; }
div.bouton_rejouer:hover  { background : url(../images/btn_jeux/bouton_rejouer.png) no-repeat center -27px; }
div.bouton_rejouer:active  { background : url(../images/btn_jeux/bouton_rejouer.png) no-repeat center -54px; }
#ticket_loterie { width: 85px; height: 38px; background : transparent url(../images/btn_jeux/fond_ticket.png) no-repeat center top; }
#ticket_loterie div.numero_ticket { color: #ffffff; font-weight: bold; font-family: Arial; text-align: center; font-size: 15px; padding-top: 10px; }
div.ticket_tombola_jour { border-left: 2px #eee dotted; border-right: 2px #eee dotted; background: #006897; height: 25px; margin: 5px; font-size: 20px; color: white; font-family: Arial;  }
#money_race { position:relative; width:590px; height: 50px; background: url(../images/money-race/bg-money-race.png) repeat-x center 100%; border-bottom: 1px #eee outset; }
#money_race div.etape_1_ok { display:inline-block; margin-left: 0px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat center top; }
#money_race div.etape_2_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_3_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_4_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_5_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_6_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_7_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_8_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_9_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_10_ok { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept.png) no-repeat; }
#money_race div.etape_1_grey { display:inline-block; margin-left: 0px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat center top; }
#money_race div.etape_2_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_3_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_4_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_5_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_6_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_7_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_8_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_9_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.etape_10_grey { display:inline-block; margin-left: 15px; width: 32px; height: 32px; background: url(../images/money-race/accept-grey.png) no-repeat; }
#money_race div.arrivee_grey { display:inline-block; margin-left: 15px; width: 48px; height: 48px; background: url(../images/money-race/flag-grey.png) no-repeat; }
#money_race div.arrivee_green { display:inline-block; margin-left: 15px; width: 48px; height: 48px; background: url(../images/money-race/flag-green.png) no-repeat; }
#money_race_infos { position:relative; width:590px;  border: 3px #eee solid; margin-left: 2px; }
div.detenteur { height: 48px; background: url(../images/money-race/flag-green.png) no-repeat; padding-left: 58px;  margin-top: 8px; margin-bottom: 8px; margin-left: 5px; font-family: Arial; font-size: 20px; }
span.detenteur_pseudo { font-family: Arial; font-size: 20px; }
div.cagnotte { height: 48px; background: url(../images/money-race/pieces.png) no-repeat; padding-left: 58px; padding-top: 8px; margin-left: 5px; font-family: Arial; font-size: 30px; }
#bloc_info { border : #D9D9D9 2px solid; min-height : 100%; margin : 0 auto; padding : 10px 50px 10px 10px; margin : 10px; background : #F7F7F7 url(../images/css/info48.png) no-repeat right center; }
div.bouton_fermer_box_news { }
div.bouton_ouvrir_box_news { }
#conteneur { width : 908px; min-height : 100%; margin : 0 auto; padding : 0; background : url(../images/css/conteneur.png) repeat-y center; }
#conteneur .espace1 { width : 908px; height : 210px; margin : 0; padding : 0; }
#conteneur .espace2 { width : 908px; height : 135px; margin : 0; padding : 0; }
#conteneur_promotion { width : 908px; min-height : 100%; margin : 0 auto; padding : 0; background : url(../images/css/conteneur.png) repeat-y center; }
#conteneur_promotion .espace1 { width : 908px; height : 180px; margin : 0; padding : 0; }
#conteneur_promotion .espace2 { width : 908px; height : 135px; margin : 0; padding : 0; }
#sep_c { width : 908px; margin : 0; padding : 0; background : url(../images/css/sep_c.png) repeat-y 245px; }
#sep_h { width : 908px; margin : 0; padding : 0; background : url(../images/css/sep_h.png) no-repeat 245px top; }
#sep_b { width : 908px; min-height : 300px; margin : 0; padding : 0; background : url(../images/css/sep_b.png) no-repeat 245px bottom; }
#sep_b .gauche { width : 186px; margin : 0 0 0 45px; padding : 0 0 20px 0; float : left; }
#sep_b .gauche .menu_h { width : 186px; height : 25px; margin : 0; padding : 0; background : url(../images/css/menu_h.png) no-repeat; }
#sep_b .gauche .menu_h h3 {width : 186px;height : 25px;margin : 0;padding : 6px 0 0 30px;font-size : 12px;font-weight : bold;text-transform : uppercase;text-align : left;text-shadow : 2px 2px 2px #000000;color : #ffffff;background : url(../images/css/menu_h.png) no-repeat;}
#sep_b .gauche .lien1 {margin : 5px 5px 0 5px; padding : 0 0 2px 25px;border-bottom : 1px solid #319f00;text-decoration : none;text-align : left;color : #116489;background : url(../images/css/puce2.png) no-repeat 10px 5px;display : block;}
#sep_b .gauche .lien1:hover {font-style : italic;}
#sep_b .gauche .lien2 {margin : 5px 5px 30px 10px;padding : 0 0 2px 25px;border-bottom : 1px solid #319f00;text-decoration : none;text-align : left;color : #116489;background : url(../images/css/puce2.png) no-repeat 10px 5px;display : block;}
#sep_b .gauche .lien2:hover {font-style : italic;}
#sep_b .droite {width : 599px;margin : 0 45px 0 0;padding : 0;float : right;}
#sep_b .droite .titre1,#sep_b .droite .titre_vert {width : 599px;height : 27px;margin : 20px 0 20px 0;padding : 0;background : url(../images/css/titre1.png) no-repeat;}
#sep_b .droite .titre1 h1,#sep_b .droite .titre_vert h1 {margin : 0;padding : 3px 0 0 15px;font-size : 14px;font-weight : bold;text-align : left;text-shadow : 2px 2px 2px #000000;color : #ffffff;}
#sep_b .droite .titre2,#sep_b .droite .titre_bleu {width : 599px;height : 27px;margin : 20px 0 20px 0;padding : 0;background : url(../images/css/titre1.png) no-repeat;}
#sep_b .droite .titre2 h1,#sep_b .droite .titre_bleu h1 {margin : 0;padding : 3px 0 0 15px;font-size : 14px;font-weight : bold;text-align : left;text-shadow : 2px 2px 2px #000000;color : #ffffff;}
#sep_b .droite .titre3 {width : 599px;height : 27px;margin : 20px 0 20px 0;padding : 0;background : url(../images/css/titre3.png) no-repeat;}
#sep_b .droite .titre3 h1 {margin : 0;padding : 3px 0 0 15px;font-size : 14px;font-weight : bold;text-align : left;text-shadow : 2px 2px 2px #000000;color : #ffffff;}
#sep_b .droite .titre_jaune {width : 599px;height : 27px;margin : 20px 0 20px 0;padding : 0;background : url(../images/css/titre_jaune.png) no-repeat;}
#sep_b .droite .titre_jaune h1 {margin : 0;padding : 3px 0 0 15px;font-size : 14px;font-weight : bold;text-align : left;text-shadow : 2px 2px 2px #000000;color : #ffffff;}
#sep_b .droite .cont1 {margin : 0;padding : 0;text-align : justify;text-indent : 30px;}
#sep_b .droite .cont1 a {color : #116489;}
#sep_b .droite .cont1 a:hover {text-decoration : none;}
#sep_b .droite .cont2 {margin : 0;padding : 0;text-align : justify;text-indent : 30px;color : #319f00;}
#sep_b .droite .cont2 a {color : #319f00;}
#sep_b .droite .cont2 a:hover {text-decoration : none;}
#sep_b .droite .pub_468x60 {width : 468px;height : 60px;margin : 0 auto;margin-top : 10px; padding : 4px;background : url(../images/css/ban468x60.png) no-repeat;}
#menu_newsletter { overflow:auto; width: 200px; height: 250px; }
div.pub728x90 {width : 728px;height : 90px;margin : 0 auto;margin-top : 15px;padding : 8px;background : url(../images/css/ban728x90.png) no-repeat;}
div.pub728x90 img {max-width: 728px;}
#sep_b .droite .sep_hor {width : 599px;height : 10px;margin : 0;background : url(../images/css/sep_hor.png) no-repeat;}
#footer_partenaire {width : 100%;height : auto;margin : 0;padding : 0;background:#074657;position : absolute;padding-top: 15px;padding-bottom: 3px;}
#footer {width : 100%;height : 117px;margin : 0;padding : 0;background : url(../images/css/footer.png) repeat-x;position : absolute;bottom : 0;left : 0;text-align : center;}
#footer .footer_fond {width : 908px;height : 117px;margin : 0 auto;padding : 0;background : url(../images/css/footer_fond.png) no-repeat center;}
#footer .footer_fond p {margin : 0;padding : 45px 0 0 0;color : #ffffff;text-shadow : 2px 2px 2px #000000;font-size : 14px;font-weight : bold;}
#footer .footer_fond p a {color : #ffffff;}
#footer .footer_fond p a:hover {text-decoration : none; }

/* ==============*/
.annoncer { margin : 0; padding : 0 0 0 20px; font-size : 16px; font-weight : bold; text-shadow : 1px 1px 1px grey; text-decoration : none; color : #116489; background : #fff url(../images/css/phone.png) no-repeat left top; }
div.blocknote { font-family: Arial; font-size:15px; color: #85d9fe; border: 1px solid #85d9fe; padding: 20px 20px 20px 55px; background: #106287; width:400px; text-align:left; background: #106287 url(../images/css/blocknote.jpg) no-repeat 0% 0%; }
input.bouton_submit { font-family: "Palatino Linotype","Book Antiqua", Palatino ,serif; font-size:150%;  font-weight:none; height:45px; } 
td.center_text { text-align:center; }
.center_text { text-align:center; }
td.left_text { text-align:left; }
.left_text { text-align:left; }
td.right_text { text-align:right; }
.right_text { text-align:right; }

th { text-align:center; background-color:#85d9fe; font-weight:bold; }
input.input_text { font-family: Arial,"Book Antiqua", Palatino ,serif; font-size:150%; height:21px; width:99%; color : #116489; }
textarea.textarea { font-family: Arial,"Book Antiqua", Palatino ,serif; font-size:150%; width:99%; color : #116489; }
select  { font-family: Arial,"Book Antiqua", Palatino ,serif; font-size:150%; height:27px; width:99%; color : #116489; }

div#tableau_forum{ position:relative;}
.premier_forum {border-top: 2px #eee solid; }
.dernier_forum { }
div.titre_forum {position:relative; min-height:36px; padding: 2px 100px 2px 5px;border-bottom: 2px #eee solid;}
div.titre_forum:hover {background:#eee;}
div.titre_forum a {font-weight:bold; }
div.titre_sujet {position:relative; height:20px; padding: 4px 5px 1px 5px;border-bottom: 2px #eee solid;}
div.titre_sujet:hover {background:#eee;}

div.nbr_de_sujet_et_msg {position:absolute;top:0px; right:5px;text-align:right;}
div.nbr_de_sujet_et_msg table {margin:0px;background:none;}
div.nbr_de_sujet_et_msg table td{margin:0px;padding:0px;background:none;}
a.lien_vers_forum { background: url(../images/Comment.png) left top no-repeat; padding-left:20px;}
div.description_forum {padding-left:20px;margin-top:3px;}
div.nbr_de_msg {position:absolute;top:1px; right:5px;text-align:right;}

div.reponse_post { border:1px #09445D solid;padding:5px;margin-top:-1px;}
span.ajoute_par { display:block;border-bottom:1px #eee solid;font-size:14px;}
div.message_post {padding: 15px 10px;position:relative;}

div.quote_cite {padding-top:5px; background: url(../images/css/quote.png) 3px 3px no-repeat; border: 1px #eee solid;}
span.pseudo_cite {padding-left:35px; font-style:italic;font-size:16px;}
div.quoted_cite {color:blue;padding:15px;color:#888;}


#topbar
{
    background-color:#f8f8f8;
    padding:7px 0 7px 0;
    font-size:13px;
}

#topbar a
{
    color:#333;
}

.lang_drop
{
    padding:0;
}

.top_right .form-group
{
    padding:0;
    margin:0;
}

.top_left p
{
    margin-top:12px;
}

.top_right i
{
    margin-top:7px;
}

/* line */


.line-white-bottom:after {
    content: "";
    width:10%;
    left:0;
    margin:auto;
    height:3px;
    background-color:white;
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

.line-blue-bottom:after {
    content: "";
    width:10%;
    left:0;
    margin:auto;
    height:3px;
    background-color:#006897;
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}

.line-blue-bottom-left:after
{
    content: "";
    width:10%;
    left:0;
    height:3px;
    background-color:#006897;
    position:relative;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
}



/* footer */

footer
{
    margin:60px 0 0 0;
    padding-bottom:50px;
    border-bottom:2px outset #006897;
}

footer a, footer a:active, footer a:hover, footer a:focus
{
    color:#333;
    text-decoration: underline;
}

/* navbar */

#nav_index
{
    background-color:#006897;
    min-height:60px;
    border-bottom:4px solid #228723;
}


#nav_index .active-menu
{
    background-color:#228723;
}

#nav_index .dropdown-menu .active-menu
{
    color:#fff;
}

#nav_index .dropdown-toggle {
    cursor: pointer;
}

.navbar-nav > li > a , .nav > li > a:focus, .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:hover
{
    color:#fff;
    background:none;
    padding-top:20px;
    padding-bottom:20px;

}


.navbar-brand
{
    padding:6px 0 5px 5px;
    height:60px;
    margin-left:-15px;
    margin-right:10px;
}

.navbar-toggle .icon-bar
{
    background-color:#fff;
}

.navbar-toggle
{
    border-color:#fff;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header
{
    background-color:#006897;
}

/* nav drop */

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover
{
    background-color: #228723;
    color:#fff;
}

.dropact ul, .dropprofil ul
{
    margin-top:5px !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover
{
    font-weight:bold;
    color:#333;
}


/* menu left */

#menu_left
{
    margin-top:30px;
}

#menu_left .mes_points, #menu_left .mes_stats
{
    border-left:2px solid #006897;
    margin-bottom:30px;
}

#menu_left .btn-menu-left
{
    background-color: #006897;
    border-radius:8px;
}

#menu_left .title
{
    font-size:20px;
}

#menu_left .btn, #menu_left .input-group-btn .btn
{
    margin:0;
    padding:5px 15px 5px 15px;
}

/* home connect */

#alert-top
{
    margin-top:25px;
    text-align:center;
}

#welcome_text h3
{
    padding:15px 0 15px 0;
}
/* chat home */

#chat .panel-header
{
    margin-top:5px;
    padding-top: 5px;
}

#chat hr
{
    margin:5px 0 5px 0;
}

#chat .panel-header
{
    border-top: 4px solid #006897;
}

#chat .panel-body
{
    height:337px;
    overflow-y: scroll;
}

#chat .panel-footer .form-group
{
    margin:0;
    padding:0;
}

#chat .panel-footer .form-control, #chat .panel-footer .form-group .form-control, #chat .panel-footer .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#333, #333);
}

#chat .form-group .msgtchat::-moz-placeholder, #chat .form-group .msgtchat:-moz-placeholder
{
    color:#333 !important;
}

#chat .form-group  .msgtchat::-webkit-input-placeholder
{
    color:#333 !important;
}

#chat .form-group .msgtchat:-ms-input-placeholder
{
    color:#333 !important;
}

/* btn outline */

.btn-outline-black
{
    border:1px solid #333 !important;
    border-radius:5px !important;
    color:#333 !important;
}

#chat .btn:hover:not(.btn-raised):not(.btn-link), #chat .input-group-btn .btn:hover:not(.btn-raised):not(.btn-link), #chat .btn:focus:not(.btn-raised):not(.btn-link),
#chat .input-group-btn .btn:focus:not(.btn-raised):not(.btn-link)
{
    color:#fff !important;
    background-color:#006897 !important;
}


/* transition home  */
#chat , #actualite_home, #livre_or
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
}

#chat:hover, #actualite_home:hover , #livre_or:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}


/* actu home */


#actualite_home .panel-header
{
    border-top: 4px solid #006897;
    margin-top:5px;
    padding-top: 5px;
}

#actualite_home .titre_news
{
    margin-top:15px;
}

#actualite_home .panel-body  a, #actualite_home .panel-body  a:active, #actualite_home .panel-body  a:hover, #actualite_home .panel-body  a:focus
{
    color:#006887;
}

#actualite_home .panel-footer a
{
    color:#333;
}

/* livroer home */

#livre_or .panel-header
{
    border-top: 4px solid #006897;
    margin-top:5px;
    padding-top: 5px
}

#livre_or .content-com
{
    border-left:3px solid #006897;
}

#livre_or .content-com p
{
    margin-left:8px;
}


#livre_or .author-com
{
    margin-left:8px;
    font-size:12px;
    font-style:italic;
}

#livre_or .panel-footer a, #livre_or .panel-footer a:active, #livre_or .panel-footer a:hover,#livre_or .panel-footer a:focus
{
    color:#333;
}

/* livre or color modal */

#AjouterCom .form-control, #AjouterCom  .form-group .form-control, #AjouterCom  .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#333, #333);
}

#AjouterCom  .form-group.is-focused label,#AjouterCom  .form-group.is-focused label.control-label
{
    color:#006897;
}

/* jeux */

/* gret */

#jeux_grat .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#coffre_tresor_pyramide .titre_jeu
{
    margin-top:25px;
    margin-bottom:20px;
}

#tarif_coffre_pyra tr td
{
    text-align:center;
}

#tarif_coffre_pyra thead tr th
{
     background-color:#333;
    color:#fff;
}


/* jeux grat ticket */

#ticket .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#ticket .grat-content
{
    background-color: #e3e3e3;
    padding-bottom:25px;
}

#ticket .grat-btn
{
    background-color: rgba(51, 51, 51, 0.20);
}


#ticket .grat-btn a
{
    opacity:0.8;
}

/* jeux pyram */


#pyram .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#pyram .btn-pyram
{
    border:1px solid #333;
}

#pyram  .table-der
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#pyram  .table-der tr td
{
    text-align:center;
}

#pyram .table-der thead tr th
{
    background-color:#333;
    color:#fff;
}
/* tombola journ */

#tomb_journ .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#tomb_journ .tab-journ
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#tomb_journ .tab-journ tr td
{
    text-align:center;
}

#tomb_journ .tab-journ thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* tab money race */

#tomb_journ .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#tomb_journ .tab-moneyr
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#tomb_journ .tab-moneyr tr td
{
    text-align:center;
    vertical-align: middle;

}

#tomb_journ .tab-moneyr thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* tab money race */

#grille .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#grille a
{
    color:#006897;
}

#grille .tab-gr
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#grille .tab-gr tr td
{
    text-align:center;
    vertical-align: middle;

}

#grille .tab-gr thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}


/* instant gagant */

#instant_gagn .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#instant_gagn a
{
    color:#006897;
}

#instant_gagn .table-ing
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#instant_gagn .table-ing tr td
{
    text-align:center;
    vertical-align: middle;

}

#instant_gagn .table-ing thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* combi gagnante */

#combi_gagn .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#combi_gagn .table-combgn
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#combi_gagn .table-combgn tr td
{
    text-align:center;
    vertical-align: middle;

}

#combi_gagn .table-combgn thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* lot men */

#lot-men .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#lot-men .table-lot-men
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#lot-men .table-lot-men tr td
{
    text-align:center;
    vertical-align: middle;

}

#lot-men .table-lot-men thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* code bonus */

#code_bonus .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#code_bonus .table-bonus
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#code_bonus .table-bonus tr td
{
    text-align:center;
    vertical-align: middle;

}

#code_bonus .table-bonus thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}


/* mdp */

#jeux_bonus .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

.tarif_tab
{
    margin-top:45px;
}

#tombolas_course .titre_jeu
{
    margin-top:25px;
    margin-bottom:20px;
}


.subtitle_tombola
{
    margin-top:20px;
}

#jeux_mensuel .titre_jeu
{
    margin-top:25px;
    margin-bottom:20px;
}

#avec_dizeecode .titre_section
{
    margin-top:25px;
    margin-bottom:20px;
}

/* transition jeux  */
.jeux_pan
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
}

.jeux_pan:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}


#game .panel
{
    border: 1px solid rgba(0,0,0,0.4);
}
#game .panel-footer, #game .panel-heading
{
    background-color:#fff;
}

#game .panel-heading{
    border-bottom:1px solid #ddd;
}

#game .without-padding
{
    padding:0;
}

#game .panel-lock
{
    border: 1px solid rgba(200,0,0,0.5);
}

#game .panel-lock, #game .panel-lock .panel-body, #game .panel-lock .panel-footer
{
    background-color:rgba(200,0,0,0.2);
    opacity:0.9;
}

#game .panel-lock
{
    box-shadow: 0 0px 0px rgba(255,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
}

#game .panel-lock:hover
{
    box-shadow: 0 0px 0px rgba(255,0,0,0.3);

}

#game .panel-lock .panel-footer
{
    border-top:1px solid rgba(255,255,255,1);
    color:#000000;
}

#game .panel
{
    border-radius:0;
}


#game a, #game a:hover , #game a:focus
{
    text-decoration: none;
    color:#333;
}


/* news page */

.news-row
{
    margin-top:30px;
    margin-bottom:30px;
}

/* ptc page */


#ptc .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#ptc table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#ptc  tr td
{
    text-align:center;
    vertical-align: middle;
    background-color:rgba(255,255,255,0.2);


}

#ptc  thead tr th
{
    background-color:#006897;

    color:#fff;
    vertical-align: middle;
}

/* ptp page */


#ptp .titre_section {
    margin-top: 17px;
    margin-bottom: 20px;
}

#ptp table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#ptp  tr td
{
    text-align:center;
    vertical-align: middle;
    background-color:rgba(255,255,255,0.2);


}

#ptp  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* barre  page */


#barre-de-surf .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#barre-de-surf table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#barre-de-surf  tr td
{
    text-align:center;
    vertical-align: middle;

}

#barre-de-surf  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* offre remu  page */


#offres-remu .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}
#offres-remu table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#offres-remu tr td
{
    text-align:center;
}

#offres-remu thead tr th
{
    background-color:#333;
    color:#fff;
}
#offres-remu a
{
    color:#006887;
}

/* saondage */

.btn-sondage
{
    background-color: #006897 !important;
}

/* parrainage */

#parrainage .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#parrainage table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#parrainage  tr td
{
    text-align:center;
    vertical-align: middle;

}

#parrainage  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

#parrainage a
{
    color:#006887;
}

#parrainage .panel-footer .form-group
{
    margin:0;
}

#parrainage .form-control, #parrainage  .form-group .form-control, #parrainage .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}


#parrainage .panel-footer .form-control, #parrainage .panel-footer .form-group .form-control, #parrainage .panel-footer .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
    font-size:12px;
}

#parrainage  .panel-body a
{
    font-size:10px;
}

#parrainage .panel-footer .form-group label
{
    font-size:12px;
}

#parrainage  .form-group.is-focused label,#parrainage  .form-group.is-focused label.control-label
{
    color:#006897;
    font-size:12px;
}

/* compte */

#compte .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#compte a
{
    color:#006887;

}

#compte table tr, #compte table tr td
{
    vertical-align: middle;
}

#compte .form-control, #compte .form-group .form-control, #compte  .form-group.is-focused .form-control {
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}

#compte  .form-group.is-focused label,#compte  .form-group.is-focused label.control-label {
    color: #006897;
}

#compte [type="submit"]
{
    color:#fff;
}


/* modif compte */

#modif-compte .titre_section
{
    margin-top:17px;
}

#modif-compte a
{
    color:#006887;
}

#modif-compte .form-control, #modif-compte .form-group .form-control, #modif-compte  .form-group.is-focused .form-control {
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}

#modif-compte  .form-group.is-focused label,#modif-compte  .form-group.is-focused label.control-label {
    color: #006897;
}

#modif-compte a , #modif-compte a:hover
{
    color:#333;
    text-decoration: none;
}

#modif-compte .form-group .radio label, #modif-compte  .form-group label
{
    color:#333;
}

#modif-compte .radio input[type="radio"]:checked ~ .check
{
    background-color:#006897;
}

#modif-compte .radio input[type="radio"]:checked ~ .circle
{
    border-color:#006887;
}


/* convertir */


#convertir .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}


#convertir table
{
    border:1px solid #333;
}


#convertir tr td
{
    text-align:center;
    vertical-align:middle;
}

#convertir thead tr th
{
    background-color:#006887;
    color:#fff;
    vertical-align:middle;
}

#convertir table input[type="submit"]
{
    background-color: #006897;
    width:90%;
}

/* messagerie */

#messagerie .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

.messagerie-content [class*='col-']
{
    padding:0 !important;
    margin:0 !important;
}

.messagerie-nav .list-group .list-group-item
{
    border:1px solid rgba(31,31,31,0.2);
}

.messagerie-nav .list-group .list-group-item .list-group-item-heading, .messagerie-nav .list-group .list-group-item .list-group-item-text
{
   margin:5px 0 5px 0;
}

.messagerie-nav .list-group .list-group-item:hover
{
    background-color:rgba(0,0,0,0.01);
}

.messagerie-nav .list-group  .active , .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus
{
    background-color:rgba(0,0,0,0.08);
    outline:0;
}

.messagerie-mess .panel-body
{
    max-height:340px;
    overflow-y:scroll;
}


.messagerie-mess .panel-footer .form-control, .messagerie-mess .panel-footer .form-group .form-control, .messagerie-mess .panel-footer .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#333, #333);
}

.messagerie-mess .panel-heading
{
    background-color:#006897 !important;
}

.messagerie-nav .list-group
{
    max-height:340px;
    overflow-y:scroll;

}

.messagerie-nav .panel-heading,.messagerie-mess .panel-heading
{
    border-radius: 0;
}

.messagerie-nav .panel-heading
{
    background-color: #228723 !important;
}


.messagerie-nav .messagerie-list
{
    overflow:hidden;
}

.messagerie-mess .btn-outline-black
{
    padding: 5px 20px !important;
    margin: 10px 1px !important;
}

#form_msg .form-group
{
    margin:0;
}

.messagerie-nav .panel-body
{
    padding-top:0;
}

#new_mess  .form-control, #new_mess  .form-group .form-control, #new_mess  .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#333, #333);
}

#new_mess  .form-group.is-focused label,#new_mess  .form-group.is-focused label.control-label {
    color: #006897;
}

#autoSuggestionsList li
{
    list-style: none;
}

#autoSuggestionsList li a, #autoSuggestionsList li a:hover, #autoSuggestionsList li a:focus
{
    color:#000;
    text-decoration: none;
}

/* jeux et lock transition*/

 .ehover1 .panel-lock {
    transition: all 0.4s linear 0s;
}


 .ehover1 .overlay {
    background-color: rgba(255, 255, 255, 1);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
     padding-top:25%;
}

 .ehover1 h4, .ehover1 .p-lock {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.2s ease-in-out 0s;
}

 .ehover1 button.info {
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}



 .ehover1:hover .overlay {
    opacity: 0.85;
}


 .ehover1:hover button.info,  .ehover1:hover .p-lock,.ehover1:hover h4 {
    opacity: 1;
    transform: translateY(0px);
}

 .ehover1:hover button.info {
    transition-delay: 0.2s;
}

 .hover h4, .hover .p-lock {
    text-align: center;
}

.overlay
{
    text-align:center;
}

.overlay a
{
    width:80%;
    text-align:center;
    margin:0 auto;
}

 .hover, .hover .overlay {
    height: 94%;
    overflow: hidden;
    width: 100%;
}

 .hover {
    cursor: default;
    float: left;
    position: relative;
}

 .hover .overlay {
    left: 0;
    position: absolute;
    top: 0;
}
 .hover .panel-lock {
    display: block;
    position: relative;
}

 /* concours */


#concours .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#concours table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#concours  tr td
{
    text-align:center;
    vertical-align: middle;

}

#concours  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

#concours  a
{
    color:#006887;
}

/* boutique */

#boutique .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#boutique  a
{
    color:#006887;
}


#boutique .tab-boutique
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#boutique .tab-boutique  tr td
{
    text-align:center;
    vertical-align: middle;

}

#boutique .tab-boutique  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}


#boutique .form-group.is-focused label,#boutique .form-group.is-focused label.control-label
{
    color:#006897;
    font-size:12px;
}

#boutique .form-group .radio label, #boutique .form-group label
{
    color: #5a5a5a;
    font-size:12px;
}

#boutique .form-control, #boutique  .form-group .form-control, #boutique .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}


/* sondage remu control */


#offres-remu .form-group.is-focused label,#offres-remu .form-group.is-focused label.control-label
{
    color:#006897;
    font-size:12px;
}

#offres-remu .form-group .radio label, #offres-remu.form-group label
{
    color: #5a5a5a;
    font-size:12px;
}

#offres-remu .form-control, #offres-remu  .form-group .form-control, #offres-remu .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}


#offres-remu table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#offres-remu  tr td
{
    text-align:center;
    vertical-align: middle;

}

#offres-remu  thead tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/* annoncer */

#annoncer .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#annoncer  a
{
    color:#006887;
}


#annoncer .list-group-item
{
   border:none;
    list-style: circle;
}

#annoncer .form-group label
{
    color: #9f9f9f;
    font-size:14px;
}

#annoncer .form-group.is-focused label,#annoncer .form-group.is-focused label.control-label
{
    color:#006897;
    font-size:14px;
}

#annoncer .form-control, #annoncer  .form-group .form-control, #annoncer .form-group.is-focused .form-control
{
    background-image: linear-gradient(#006897, #006897), linear-gradient(#9f9f9f, #9f9f9f);
}

/* vip */

#vip_info .titre_section
{
    margin-top:17px;
    margin-bottom:20px;
}

#vip_info  a
{
    color:#006887;
}

#vip_info table
{
    border:1px solid rgba(51, 51, 51, 0.8);
}


#vip_info  tr td
{
    text-align:center;
    vertical-align: middle;

}

#vip_info  thead tr th, #vip_info  tr th
{
    background-color:#006897;
    color:#fff;
    vertical-align: middle;
}

/** offre remu */

#offres-remu .panel > .panel-heading, #offres-remu .panel.panel-default > .panel-heading {
    background-color: #006897;
}

#offres-remu a {
    color:#fff;
    text-decoration: none;
    display: block;
    width:100%;
    outline:none;
}