body
{
    padding-top: 0!important;
    color: #ecdfce;
    font-size : 13px;
    background-image: url(/css/images/fond.jpg);
    background-color : #1e1a17 !important;
    background-repeat: no-repeat;
    background-position: center 0px;
}

html.fullScreenMode, body.fullScreenMode {margin: 0; overflow: hidden}
@media screen and (min-width: 769px) {
    /* Permet aux ancres de fonctionner normalement avec la barre de menu fixe 
        Desktop only !
     */
    :target:before {
      content:"";
      display:block;
      height:60px; /* fixed header height*/
      margin:-60px 0 0; /* negative fixed header height */
    }
}

@font-face {
 font-family: 'Tondu';
  src: url(/css/Tondu_Beta.ttf);
}

@media screen and (min-width: 1930px) {
  body:not(.habillage)::before, body:not(.habillage)::after {
  display: block;
  position: absolute;.
  content: '';
  top: 0;
  height : 1100px;
  width: 351px;
 }
 body:not(.habillage)::before {
  background: -webkit-linear-gradient(right,#1e1a17,transparent);
  background: -o-linear-gradient(right,#1e1a17,transparent);
  background: -moz-linear-gradient(right,#1e1a17,transparent);
  background: linear-gradient(to left, #1e1a17,transparent); 
  right:50%;
  margin-right: -960px;
 }
 body:not(.habillage)::after {
  background: -webkit-linear-gradient(left,#1e1a17,transparent);
  background: -o-linear-gradient(left,#1e1a17,transparent);
  background: -moz-linear-gradient(left,#1e1a17,transparent);
  background: linear-gradient(to right, #1e1a17,transparent); 
  left:50%;
  margin-left: -960px;
 }
}

a
{
    color: #F9B515;
    text-decoration: none;
}

a:hover, a:focus
{
    color : #d59a0d;
    text-decoration: underline;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // RESEAU BARRE
*/

.reseau-barre
{
    height: 37px;
    top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    z-index: 10000000000;
    width: 100%;
    background-color: rgba(103, 103, 103, 0.56);
    font: 13px "Trebuchet MS", Helvetica, sans-serif;
    font-weight: normal;
    min-width: 1240px;
    color: #E9E9E9;
    position: absolute;
}

.habillage .reseau-barre
{
    background-color : rgb(72, 72, 72);
}

.barre-floue
{
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

.reseau-barre .container
{
    margin-top: 0;
    width: 100%;
    padding: 0;
}

.reseau-barre form
{
    float: right;
    margin-top: -2px;
}

.reseau-barre .reseau_bar_content
{
    line-height: 100% !important;
}

.reseau-barre .reseau_bar_content a, .reseau-barre .reseau_bar_content span
{
    color : #E9E9E9;
    text-shadow : 0 1px 2px black;
    float : left;
    display: block;
    height: 37px;
    padding: 10px 7px;
    background: rgba(68, 65, 62, 0.16);
    border-left: 1px solid rgba(47, 43, 43, 0.57);
    /* box-shadow: inset 0 -2px 1px 0 rgb(93, 90, 86); */
    border-bottom: 2px solid rgb(94, 98, 98);
}

.reseau-barre .reseau_bar_content a img, .reseau-barre .reseau_bar_content span img
{
    width : 15px;
    float : left;
    margin : 0px 6px 0 0;
}

.reseau-barre .reseau_bar_content .separation
{
    float : left;
    margin : 0 5px;
}

.reseau-barre .reseau_bar_content a:hover, .reseau-barre .reseau_bar_content span.active
{
    color : #fff !important;
    text-decoration : none !important;
    background-color: #525252;
    text-shadow: none;
    border-bottom: 2px solid #cce618;
    box-shadow: none;
}

.reseau-barre .reseau_bar_content a:hover
{
    border-bottom: 2px solid #cce618;
    /* box-shadow: inset 0 -2px 1px 0 rgb(117, 113, 107); */
}

.reseau-barre span.reseau
{
    float : left;
    margin-left : 0;
    box-shadow : none;
    padding : 10px 8px 9px;
    background-color: rgba(103, 103, 103, 0.56);
    border-bottom: 1px solid #4d5051;
}

.titre-site
{
    font-size: 14px;
    margin:0;
}

#canvas 
{
    opacity:1;
    z-index: 100;
    position: absolute;
    display: block;
    top: 3px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // STRUCTURE DE BASE DU SITE
*/

h2
{
    font-size: 25px;
}

h3
{
    font-size: 20px;
}

.container
{
    width: 1204px;
}

#site_wrapper
{
    padding-top: 54px;
}

.conteneur-principal 
{
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.row
{
    margin : 0;
}

.content_wrapper
{
    background-color: rgba(30, 26, 23, 0.59);
    padding: 0;
    margin-top: 15px;
    position: relative;
}

.content
{
    width: 855px;
    float : left;
    box-shadow: 5px 5px 20px rgb(27, 25, 23);
    position: relative;
    z-index: 2;
}

.titre:first-of-type
{
    margin-top:0;
}

.pied-site
{
    background-color: #222;
    bottom: 0;
    box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);
    color: #EEE;
    font: 11px Arial, sans-serif;
    margin: 30px 0 0 0;
    padding: 20px;
    text-align: left;
    text-transform: none;
    -webkit-font-smoothing: subpixel-antialiased;
    p
}

.well 
{
    min-height: 20px;
    -moz-box-shadow: inset 0 1px 1px #E9D8BD;
    border-radius: 0;
    margin: 0 0 0 0;
    min-height: 20px;
    -moz-box-shadow: inset 0 1px 1px #E9D8BD;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(49, 39, 29, 0.47)), to(rgba(97, 67, 47, 0.52)));
    padding: 10px 20px;
    background-color: rgba(97, 67, 47, 0.47);
    border : none;
    border-top : 1px solid #614936;
    border-bottom: 1px solid #1d1a16;
}

.well.article_wrapper
{
    min-height: 200px;
}

.liste-news .well.article_wrapper.mini 
{
    min-height: auto;
    min-height: 130px;
    position: relative;
}

.margin_breadcrumb
{
    margin-top : 40px;
}

.well.margin_breadcrumb
{
    border-top: 0;
}

.separateur
{
    border-bottom:1px solid gray;
    margin-top:20px;
}

.separateur-breadcrumb
{
    border-bottom:1px solid gray;
    margin-top:10px;
    margin-bottom:10px;
}

img
{
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.article-corps ul li, .article-entete ul li, .well ul li
{
   /* margin-bottom: 8px; */
}

ul
{
    padding-left : 20px;
    margin : 10px 0;
}

ul li, ol li
{
   padding : 3px 0; 
}

ul ul, ol ul, ul ol, ol ol 
{
    margin-bottom: 0;
    margin-top: 0;
}

ul.no_style li {
    list-style: none;
}

p
{
    text-align: justify;
}

.clear.both
{
    clear: both;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
 // BANNIERE ET LOGO
*/

#logo2
{
    position : absolute;
    z-index : 4;
    margin: -13px 0 0 362px;
}

#logo2 img
{
    width: 192px;
    margin: -1px 0 0 50px;
}

#banner
{
    position : relative;
    z-index : 5;
    height: 112px;
    width: 855px;
    text-align: center;
}
   
#banner a
{
    border: medium none;
    display: block;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // BREADCRUMB
*/

.breadcrumb
{
    margin: 0 0 10px 0;
    height: 40px;
    background-color: rgb(71, 51, 38);
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #38281e;
    box-shadow: 0px 5px 10px rgba(37, 27, 20, 0.8);
    position: absolute;
    width: 100%;
}

.navlinks
{
    margin : 0;
}

.navlinks li
{
    list-style: none;
    margin-bottom : 0;
}

.breadcrumb a:first-child
{
    padding : 0 10px 5px 10px;
}

.navlinks li a, .navlinks div, .breadcrumb a, .breadcrumb div
{
    float: left;
    margin: 3px 0 0 0;
    padding: 0 10px 5px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
}

.navlinks li a:hover, .breadcrumb a:hover
{
    text-shadow : 0 0 5px rgb(71, 66, 66);
    text-decoration : underline !important;
    color : #fff !important;
}

.navlinks div, .breadcrumb div
{
    background-color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    color: #fff;
    margin-left: 0;
}


.navlinks li .separator, .breadcrumb .separator
{
    display: inline-block;
    height: 28px;
    width: 28px;
    -webkit-transform: rotate(-45deg) translate(20%,-50%);
    -moz-transform: rotate(-45deg) translate(20%,-50%);
    -ms-transform: rotate(-45deg) translate(20%,-50%);
    -o-transform: rotate(-45deg) translate(20%,-50%);
    transform: rotate(-45deg) translate(20%,-50%);
    content: '';
    z-index: 1;
    margin-top: 12px;
    -moz-box-shadow: inset -1px -1px rgba(255,255,255,0.1),1px 1px rgba(0,0,0,0.5);
    -ms-box-shadow: inset -1px -1px rgba(255,255,255,0.1),1px 1px rgba(0,0,0,0.5);
    -o-box-shadow: inset -1px -1px rgba(255,255,255,0.1),1px 1px rgba(0,0,0,0.5);
    box-shadow: inset -1px -1px rgba(255,255,255,0.1),1px 1px rgb(24, 27, 7);
    background-image: -webkit-linear-gradient(top left,rgba(51, 53, 53, 0) 0,rgba(51, 53, 53, 0) 30%,rgba(218, 208, 194, 0.39) 270%);
    float : left;
    font-size : 0;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // MENU SECTION
*/

#menu_section, #menu_section.sticky .items_wrapper
{
    width : 1204px;
    margin : auto;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

#menu_section.sticky .items_wrapper.admin 
{
    width : 100%;
    margin-left : 150px;
}


#menu_section.sticky
{
    position: fixed;
    top : 0;
    width: 100%;
    top: 0;
    z-index: 1000;
    width: 100%;
    min-width: 1240px;
    background-color : rgb(69, 60, 54);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.83);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}

#menu_section .item
{
    margin-right: 0;
    padding: 11px 20px;
    color: #dad0c2;
    background-color: rgba(62, 48, 38, 0.85);
    float: left;
    font-size: 15px;
    display: block;
    box-shadow: inset 1px 0 rgba(255,255,255,0.1),inset -1px 0 rgba(0,0,0,0.3);
    text-decoration: none;
    border-bottom: 2px solid #332d28;
    text-transform: uppercase;
    -webkit-transition: .1s linear all;
    -moz-transition: .1s linear all;
    transition: .1s linear all;
    height: 45px;
}

@media screen and (max-width: 1530px) {
    #menu_section .logo_menu_sticky
    {
        display: none !important;
    }

    #menu_section.sticky .items_wrapper.admin 
    {
        width : 100%;
        margin-left : 0;
    }
}

#menu_section .logo_menu_sticky
{
    width: 150px;
    float: left;
    margin: 10px 0 0 0;
    display: none;
    position: absolute;
    left: -150px;
}

#menu_section.sticky .logo_menu_sticky
{
   /*display: block;*/
}

#menu_section .item.outil_admin
{
    display: none;
}

#menu_section.sticky .item.outil_admin
{
    display: block;
}

#menu_section .item.outil_admin .btn
{
    margin-right: 0;
    margin-top: 7px;
}

#menu_section .right
{
    float: right;
}

#menu_section .item.user
{
    font-size: 13px;
    padding: 12.5px 15px;
    cursor: pointer;
    position: relative;
}

#menu_section .item.user .user_profil
{
    display: none;
    position: absolute;
    background-color: rgb(35, 31, 28);
    width: 210px;
    top: 45px;
    z-index: 1000;
    left: 0;
    border-radius: 0 0 5px 5px;
    border: 1px solid black;
    border-top : none;
    box-shadow: 0 0 0 1px rgba(153, 170, 11, 0.15) inset, 0 5px 10px rgba(0, 0, 0, 0.75);
}

#menu_section .item.user .user_profil .section
{
    border-bottom: 1px solid #3a332e;
    font-size: 13px;
    border-left: 2px solid #231f1c;
}

#menu_section .item.user .user_profil .section:hover
{
    border-left: 2px solid #cce618;
    background-color: #2d2924;
}

#menu_section .item.user .user_profil .section img
{
    width: 15px;
    margin: 10px 11px 10px 19px;
}

#menu_section .item.user .user_profil .section a, #menu_section .item.user .user_profil .section div
{
    padding: 5px 5px 7px 5px;
    display: block; 
}


#menu_section .item.user .user_profil .section:last-of-type
{
   border-radius: 0 0 5px 5px;
}

#menu_section .item.user .user_profil .section a
{
    font-size: 13px;
    text-transform: capitalize;
    color : #dad0c2;
}

#menu_section .item.user .user_profil .section i
{
    margin-right: 7px;
}

#menu_section .item.user i
{
    margin: 7px 0 0 15px;
    color: rgba(218, 208, 194, 0.53); 
}

#menu_section .item.user.connecte
{
    padding: 7px 20px;
}

#menu_section.sticky .item.user.connecte
{
    padding: 7px 12px;
}

#menu_section .item.recherche
{
    font-size: 13px;
    padding: 12.5px 12px; 
    -webkit-transition: 0s linear all;
    -moz-transition: 0s linear all;
    transition: 0s linear all;
    cursor: pointer;
}

#menu_section .item.recherche form
{
    line-height: 100%;
}

#menu_section .item.recherche .icone_menu
{
    font-size: 16px;
}

#menu_section.sticky .item
{
    background-color: rgb(69, 60, 54);
    border-bottom: 2px solid rgb(69, 60, 54);
    font-size: 14px;
    padding: 14px 17px 8px;
}

#menu_section.sticky .item.vert
{
    border-bottom: 2px solid rgb(115, 128, 9);
}

#menu_section.sticky .user
{
    font-size: 12px;
    padding: 16px 12px;
}

#menu_section.sticky .user .avatar
{
    margin-top: 2px;
}

#menu_section.sticky .user .username strong
{
    margin-top: 8px;
}

#menu_section.sticky .recherche
{
    font-size: 12px;
    padding: 9.5px 15px 5px;
}

#menu_section.sticky  .item.recherche form
{
    display: block !important;
    margin-top: 2px;
}

#menu_section.sticky  .item.recherche form button
{
    padding: 2px 15px;
}

#menu_section.sticky .item.recherche .icone_menu
{
    display: none;
}

#menu_section .item.vert
{
    color: #333;
    background-color: rgb(153, 170, 11);
}

#menu_section .item.vert:hover
{
    color: #333;
    background-color: rgb(205, 241, 0);
}

#menu_section .item.vert.actif:hover
{
    color: #dad0c2;
    background-color: #1e1c17;
}

#menu_section .item.actif, #menu_section .item.actif:hover
{
    background-color: #19130d;
    border-bottom: 2px solid #cce618;
    color: #cce618;
}

 #menu_section .item:hover
 {
    background-color: #1e1c17;
    border-bottom : 2px solid rgb(31, 27, 25);
    box-shadow: inset 1px 0 rgb(95, 82, 73),inset -1px 0 rgba(0, 0, 0, 0.3);
 }

 #menu_section.sticky .item.recherche:hover
{
    background-color : rgb(69, 60, 54);
    border-bottom: none;
}

 #menu_section .user .username
 {
    display: block;
    text-transform: capitalize;
 }

#menu_section .user .username .avatar
{
    background-image: url(/forum/images/avatars/gallery/mamyteam/mamytwink.png);
    display: block;
    width: 30px;
    height: 30px;
    background-size: 108%;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid rgba(19, 14, 10, 0.77);
}

#menu_section .user .username strong
{
    float: left;
    margin-top: 4px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
#menu_section .user .deconnexion
{
    display: block;
    font-size: 13px;
    text-transform: capitalize;
}

#menu_section form button
{
    background-position: center center!important;
    background-repeat: no-repeat!important;
    padding: 3px 15px;
    text-indent: -99999px;
    position: relative;
    background-image: url(images/icons/recherche.png),-webkit-gradient(linear top,left bottom,from(#a3bf00),to(#99aa0b))!important;
    background-image: url(images/icons/recherche.png),-moz-linear-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url(images/icons/recherche.png),-ms-webkit-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url(images/icons/recherche.png),-o-linear-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url(images/icons/recherche.png),linear-gradient(to bottom,#a3bf00,#99aa0b)!important;
    display: inline-block;
    border-radius: 4px;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    border: none;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // FOOTER
*/

#footer
{
    width : 100%;
    height : 200px;
    background-color: #0F0D0B;
    color: #5A5754;
    margin-top : 70px;
    min-width: 1240px;
}

#footer a 
{
    color: #ACA7A0;
}

#footer_content
{
    width: 1200px;
    margin : auto;
}

#footer_content .box
{
    width: 320px;
    margin-right: 55px;
    float: left;
    margin-top : 5px;
}

.footer_title
{
    font-size: 19px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    display: block;
}

.footer_title img
{
    width: 20px;
    margin: -1px 10px 0 0;
    float: left;
}

.footer_text
{
    margin-top: 0px;
    border-top: 1px solid #211d18;
    padding-top: 15px;
    line-height: 180%;
    font-size : 13px;
}

.footer_text.liens_autres_sites a
{
   display: block;
   font-size: 14px;
}

#toTop
{
    cursor : pointer;
    float: right;
    margin-top: -50px;
    opacity: 0.7;
}

#toTop:hover
{
    opacity: 1;
}

#toTop .imghaut img 
{
    width: 11px;
    display: block;
    margin: auto;
}

#toTop .imghaut 
{
    float: right;
    border: 1px solid #949494;
    background: rgb(202, 201, 201);
    border-radius: 4px 0;
    margin-left: 8px;
    padding: 6px 4px;
    margin-top: -2px;
}

#toTop .texthaut 
{
    float: left;
    color: #383838;
    font-size: 13px;
}

#footer hr
{
    margin: 10px 0;
    border: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #44403B;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // SIDEBAR
*/

.sidebar
{
    width : 318px;
    float : right;
    z-index: 1;
    position: relative;
}

.sidebar h3
{
    color: white;
    margin-left : 15px;
    font-size: 17px;
}

.focus_guides, .top_comments
{
    background-color: #382f25; 
    width : 100%;
    padding: 8px 0 8px 5px;
}

.focus_guides div, .top_comments div
{
    width : 280px; 
    margin : 0 10px 0 15px;
}

.focus_guides:not(.wow_sidebar) div a
{
    border-left : 2px solid #352d23;
    border-bottom: 1px solid #4d3727;
    margin-top: 0px;
    display: block;
    height: 61px;
    background-size: 100%;
    background-position: 0;
}

.focus_guides:not(.wow_sidebar) div a:hover
{
    border-left : 2px solid #cce618;
}

.focus_guides div a .views
{
    float : right; 
    padding : 0px 10px 0 0; 
    color : #ddcdb9;
    clear : both;
    opacity: 0.8;
}


.focus_guides div a .views img
{
    float : left;
}

.focus_guides div a .views span
{
    float: left;
    margin: -1px 2px 0 8px;
    font-size: 12px;
}


.focus_guides .texte h1,.focus_guides .texte h3
{
    float: right; 
    color: #ddcdb9; text-align: right; 
    margin: 5px 11px 0 0; 
    font-size: 13px !important; 
    line-height : 130%; text-shadow: 0 0 2px black;
    font-weight: normal;
    border : none;
}

.focus_guides.reseaux .texte h3
{
    color : white;
    text-shadow: none;
}

.focus_guides .texte h3 strong
{
    color: white;
}

.focus_guides div a.facebook:hover
{
    border-left : 2px solid #82aaf5;
}

.focus_guides div a.twitter:hover
{
    border-left : 2px solid #aadfff;
}

.focus_guides div a.youtube:hover
{
    border-left : 2px solid #f87f75;
}

.tous_les_guides
{
    margin: 0 !important;
    width: 100% !important;
}

.tous_les_guides a 
{
    border: none !important;
    padding: 5px 10px;
    height: auto !important;
    background-color: #251f19;
    text-align: center;
    margin-bottom: 0;
}

.tous_les_guides a 
{
    border: none !important;
    padding: 5px 10px;
    height: auto !important;
    background-color: #251f19;
    text-align: center;
    margin-bottom: 0;
}

.tous_les_guides a i
{
    margin-right: 5px;
}

.top_comments  a
{
    color : #DDCDB9;
    text-decoration : none !important;
}

.top_comments  a:hover
{
    color : #fff;
}

.top_comments .article
{
    display : block;
    margin-bottom: 1px;
    background-color: #251f19;
    border-left: 2px solid #0e0c0a;
}

.top_comments a:nth-child(even) .article
{
    background-color: #2d261e;
    border-left: 2px solid #251f19;
}

.top_comments .simple .article
{
    padding: 5px 5px 5px 10px;
    min-height: 46px;
}

.top_comments .simple .comments
{
    float: right;
    color: #99aa0b;
    font-size: 12px;
}

.top_comments .article:hover, .top_comments a:nth-child(even) .article:hover
{
    border-left: 2px solid #cce618;
}

.top_comments .titre
{
    padding-top : 3px;
    text-align : left;
    display : block;
    line-height: 140%;
    font-size: 12.5px;
    padding-right : 5px;
}   

.top_comments .commentaires
{
    padding: 2px 3px;
    background-color: rgb(153, 170, 11);
    font-size: 11px;
    position: absolute;
    bottom: 1px;
    right: 0;
    border-radius: 5px 0 3px 0;
    color: #fff;
}

.top_news_thumbnail
{
    height: 64px;
    width: 123px;
    float: left;
    margin-right: 10px;
    background-size: 100%;
    background-position: center;
    -moz-border-radius: 5px;
    position: relative;
}

#sidebar_bas
{
    position: relative;
}

#sidebar_bas.sticky
{
    position: fixed;
    top: 65px !important;
    padding: 0;
    width: 318px;
}

#sidebar_bas.sticky h3:first-of-type
{
    margin-top: 0;
}

#sidebar_bas.sticky .publicite_sidebar:last-of-type
{
    margin-bottom: 0;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // EN CE MOMENT DANS WOW (SIDEBAR)
*/

.focus_guides.wow_sidebar
{
    background-image: url(https://www.mamytwink.com/upload/news/2020/decembre/09/geolier-wow-shadowlands.jpg);
    background-size: cover;
    background-position: 50%;
    width: auto;
    padding: 0 10px;
}

.focus_guides.wow_sidebar div span.lien
{
    display: block;
    margin: 6px 0;
}

.focus_guides.wow_sidebar div span .date
{
    cursor: default;
    float: left;
    margin: -1px 5px 0 0;
    font-weight: bold;
    color: #a6a6a6;
}

.focus_guides.wow_sidebar h5
{
	font-weight: bold;
    margin-top: 12px;
}

.focus_guides.wow_sidebar .liste_affixes span
{
    cursor: default;
    margin: 0 1px;
    color : rgb(204, 188, 70);
}

.focus_guides.wow_sidebar .liste_affixes span:first-of-type
{
    margin-left: 0;
}

.focus_guides.wow_sidebar .texte-assaut:not(.vert), .focus_guides.wow_sidebar .aucun-event, .focus_guides.wow_sidebar .zone
{
    color : #A6A6A6;
}

.focus_guides.wow_sidebar .zone
{
	margin-left: 5px;
	font-style: italic;
}

.focus_guides.wow_sidebar .texte-assaut, .focus_guides.wow_sidebar div span.lien a, .focus_guides.wow_sidebar .liste_affixes span
{
    text-shadow: 1px 1px 2px #00000082;
}

.focus_guides.wow_sidebar .liste_affixes img
{
    margin-right: 4px;
}

.focus_guides.wow_sidebar .liste_affixes span
{
    font-size: 13px;
}

.focus_guides.wow_sidebar img.icone_li_arrondi
{
    width: 19px;
    margin: -1px 6px 0 0;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // FRONTS DE GUERRE SUIVI (SIDEBAR)
*/


.front_de_guerre
{
    background-size: cover; 
    padding: 5px 10px 5px 15px;
}

.front_de_guerre h5
{
    cursor: default;
}

.front_de_guerre .progress .texte
{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ecdecd;
    text-shadow: 1px 1px 2px #00000082;
    cursor: default;
    z-index: 2;
}

.front_de_guerre .progress-bar
{
    position: absolute;
    z-index: 1;
}

.front_de_guerre .progress-bar.barre-horde
{
    background-color: #b51208;
}

.front_de_guerre  .progress
{
    background-color: #979594;
    position: relative;
}

.front_de_guerre .texte-front-de-guerre
{
    color:#A6A6A6;
}

.front_de_guerre .background-hautes-terres-arathies
{
    background-position: 50%;
}

.front_de_guerre .background-sombrivage
{
    background-position: 0 0;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // FOCUS
*/

.focus
{
    cursor : pointer;
    width: 395px;
    margin-right: 0;
    float : left;
    position: relative;
    border-bottom: 2px solid #000000;
    -moz-box-shadow: inset 0 1px 1px #E9D8BD;
    behavior: url('/css/pie/PIE.htc');
    color: #333333 !important;
    margin-top: 0;
    padding: 0;
    margin: 0 8px 0 20px;
    box-sizing: border-box;
}

.focus:hover
{
   border-bottom : 2px solid #cce618;
    -webkit-transition: .1s linear all;
    -moz-transition: .1s linear all;
    transition: .1s linear all;
}


.focus:last-of-type
{
    margin-right : 0;
}

.focus:last-of-type .page-article .article-titre
{
    border-right : 1px solid black;
}

.vignette-large
{
    height: 240px;
    width: 100%;
    background-size: 100%;
    position: relative;
    margin-bottom: 10px;
    border: 1px solid black;
    margin-top: 5px;
    background-position: 0 -30px;
}

.focus .vignette-large 
{
    height: 171px;
    background-position: top;
    border-bottom: 0;
}

.page-article p, .page-article h1
{
    font-size: 20px;
    font-family: sans-serif;
    display : block;
    margin-top: 2px;
    margin-bottom: 3px;
    color: #fff;
    font-weight: normal;
    float : left;
    text-shadow: 0 1px 1px black;
}

.focus .page-article p
{
    font-size: 22px;
    margin-bottom: 0;
}

.page-article .auteur
{
    color: #A6A6A6;
    margin-top: 0;
    font-size: 14px;
    clear: both;
    font-family : sans-serif;
}

.focus .page-article .auteur
{
    font-size: 13px;
}

.page-article .auteur .nom
{
    color: #84698F;
    font-weight: bold;
}

.page-article .article-titre
{
    padding: 5px 10px;
    background-color: rgba(16, 16, 16, 0.73);
}

.focus .page-article .article-titre
{
    padding: 3px 15px 5px;
    width: 100%;
    margin: 0;
    border-bottom: 0;
    border-left: 1px solid #000000;
    height: 65px;
}

.focus .page-article .commentaires 
{
    margin: 0 0 0 5px;
    color: #99aa0b;
    float: none;
    display: inline-block;
    font-size: 13px;
}

.focus .tag
{
    position: absolute;
    background-color: rgb(220, 83, 83);
    color: white;
    padding: 3px 12px;
    font-size: 14px;
    border-radius: 0;
    left: 0;
}

.focus .article_tag, .focus .article_tag.blizzard
{
    padding: 6px 12px;
    font-size: 13px;
}

.focus .article_tag.section, .focus .article_tag.section.heroes, .focus .article_tag.section.blizzard
{
    background-color: rgb(53, 53, 52);
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ARTICLE
*/

.titre_home
{
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 10px;
}

.titre_home.actualites_une
{
    padding: 0;
}

.titre_home h2, .titre_home h1, .titre_tondu
{
    font-size: 24px;
    font-family: 'Tondu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: 0 0 5px black;
    font-style: italic;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px;
}

.liste-news .well
{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(49, 39, 29, 0.28)), to(rgba(97, 67, 47, 0.47)));
    background-color: rgba(97, 67, 47, 0.47);
    border-top: 1px solid #614936;
}

.liste-news .well.article_wrapper:not(.mini) 
{
    padding: 0;
    height: 205px;
    position: relative;
}

.article_wrapper:not(.mini) .vignette 
{
    position: absolute;
    width: auto;
    margin: 20px;
}

.article_wrapper .vignette
{
    float: left;
}

.article_wrapper.mini .vignette, .article_wrapper .vignette img
{
    width : 200px;
}

.article_wrapper .vignette img
{
    float: right;
    height: auto;
    width: 300px;
    margin: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.article_wrapper .vignette img:hover
{
    box-shadow: 0 0 20px rgba(195, 142, 13, 0.28); 
    border-bottom: 2px solid #efb335;
}

.article_wrapper:not(.mini)  .vignette img
{
    margin : 0;
    width : 300px;
}

.article_wrapper:not(.mini) .article-entete-wrapper
{
    margin: 20px 20px 0 350px;
    position: relative;
}

.mini .article-entete-wrapper
{
    margin-left: 220px;
}

.article-entete-wrapper .h1
{
    font-size: 19px;
    font-family: 'Noto Sans',sans-serif;
    font-weight: bold;
}

.article-entete-wrapper .h1 a
{
    font-size: 19px;
    line-height: 140%;
    font-weight: normal;
    color: #F9B513;
}

.mini .article-entete-wrapper .h1 a 
{
    font-size: 17px;
}

.article-entete-wrapper .h1 a:hover
{
    color: #ffcd55;
    text-decoration: none;
}

.article_wrapper .auteur, .article-suite .auteur
{
    color: #AA9375;
    font-size: 13px;
    margin-top: 0;
}

.article-suite .auteur.sponsorise, .article_wrapper .auteur.sponsorise
{
    margin-top: 7px;
}

.article_wrapper.mini .auteur.sponsorise, .liste_articles .article .date.sponsorise
{
    margin-top: 4px;
}

.article_wrapper .auteur .commentaires
{
    margin-left: 5px;
    color: #fbe9d2;
}

.page-accueil .commentaires, .page-article .commentaires
{
    float : right;
    margin-left : 12px;
}

.commentaires_article_header
{
    float: right;
    margin-left: 12px;
    margin-top: 2px;
}

.article_wrapper .article-entete
{
    line-height: 170%;
    margin-top: 8px;
    font-size: 13px;
}

.article_wrapper.mini .article-entete 
{
    line-height: 160%;
    margin-top: 8px;
    font-size: 12.5px;
}

.article-entete p 
{
    text-align: left;
    margin-bottom: 0;
}


.morenews
{
    margin: 20px 0 !important;
}

.article_etiquette
{
    background-color: #dedede;
    float: left;
    padding: 6px 10px;
}

.article_etiquette
{
    background-color : #e49b5c;
    color : #fff;
}

.article-container .article-suite
{
    margin-bottom: 15px;
}

.commentaires_article_header
{
    float: right;
    margin-left: 12px;
    margin-top: 2px;
}

.commentaires_article_header a
{
    background: #cfc2b1;
    color: #181b07;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    padding: 3px 8px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    font-weight: bold;
}        

.article-suite .commentaires_article_header a 
{
    background: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
}

.commentaires_article_header a:after
{
    content: "";
    position: absolute;
    bottom: -6px;
    left: 40%;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: #cfc2b1 transparent;
    display: block;
    padding: 0;
    width: 0;
}

.date_auteur
{
    float : left;
    margin-top: 6px;
    margin-left: 5px;
}

.article-suite .commentaires_article_header a:after
{
    border-color: rgb(153, 170, 11) transparent;
}

.article-suite h1, #resultats_recherche h1
{
    font-size: 23px;
    margin-bottom: 2px;
    margin-top: 5px;
    color: #ffffff;
}

.titre_commentaires
{
    clear : both;
}

.etiquette_rs
{
    margin-bottom: 8px;
}

.article_wrapper .article-titre 
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.article-suite .vignette
{
    float: right;
    height: auto;
    width: 300px;
    margin: 7px 0 15px 20px;
    position : relative;
}

.article-suite .vignette img
{
    width : 100%;
}

.article-suite h2
{
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 0px;
    color: #d87e45;
    padding-bottom: 6px;
    border-bottom: 1px solid #6b4731;
    margin-top : 15px;
}

.article-suite h2:not(:first-of-type)
{
    margin-top: 30px;
}

.article-suite .citation p:first-of-type
{
    margin-top: 0;
}

.liste-news .article_tags, .liste-news .admin_tags
{
    position: absolute;
}

.article-suite .article_tags
{
    float: left;
    margin-top: 4px;
}

.article_tags.mobile
{
    display: none;
}

.article-suite .article-titre {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #6b4e36;
}

.admin_tags
{
    position: absolute;
    bottom: 23px;
    left: 20px;
}

.mini .admin_tags
{
    bottom: 12px;
}

.mini .admin_tags .btn
{
    font-size: 12px;
}

.article_tag, .article_tag.blizzard
{
    padding: 5px 10px;
    font-size: 12px;
    color : #dcdcdc;
    text-shadow: 0 1px 1px #484848;
    font-weight: bold;
    float: left;
    background-color: rgb(103, 103, 103);
}

.article-suite .article_tag, .article-suite .article_tag.blizzard
{
    padding: 4px 10px;
    font-size: 12px;
    margin-right: 5px;
}

.mini .article_tag
{
    padding: 5px 10px;
    font-size: 12px;
}

.article_tag.commentaires span:after
{
    content: "";
    position: absolute;
    bottom: -6px;
    left: 40%;
    border-width: 6px 0 0 6px;
    border-style: solid;
    border-color: rgb(153, 170, 11) transparent;
    display: block;
    padding: 0;
    width: 0;
}

.article_tag.commentaires
{
    background-color : rgb(153, 170, 11);
    position: relative;
    color: #fff;
}

.article_tag.section
{
    background-color: rgb(167, 126, 12);
}

.article_tag.section.wow
{
    background-color: rgb(167, 126, 12);
}

.article_tag.section.diablo
{
    background-color: rgb(134, 1, 1);
}

.liste-news .article_tag.section.heroes, .article_tags .article_tag.section.heroes
{
    background-color: #794692;
}

.liste-news .article_tag.section.blizzard, .article_tags .article_tag.section.blizzard
{
    background-color: #3f88de;
    color : #fff;
}

.mini .article_tag.section.blizzard
{
    padding: 5px 10px;
}

.liste-news .article_tag.sponsorise, .article-titre .article_tag.sponsorise, .article_tags.mobile .sponsorise
{
    background-color: #DC5353;
}

.article_wrapper .date
{
    color : #AA9375;
}

.article_wrapper .date .commentaires
{
    margin-left: 8px;
    color: #ecdfce;
}

h3.h3_guide
{
    font-size: 20px !important;
    font-weight: normal;
    margin-bottom: 15px;
    color: #d87e45  !important;
    padding-bottom: 6px;
    border-bottom: 1px solid #6b4731;
    margin-top : 20px  !important;
}

.article-suite h3
{
    font-size : 17px;
    margin-top : 15px;
    color : #f9edde;
}

.article-suite p
{
    margin : 10px 0 5px 0;
}

.apropos_auteur img
{
    float : left;
    margin-right : 15px;
}

.apropos_auteur .infos
{
    margin-left: 120px;
}

.apropos_auteur .reseaux_sociaux_inline
{
    position: relative;
}

.apropos_auteur .reseaux_sociaux_inline h3
{
    display: inline-block;
}

.apropos_auteur .biographie
{
    background-color: rgba(22, 23, 16, 0.38);
    padding: 10px 15px;
    text-align: left;
}

#morenews
{
    text-align: center;
    margin : 10px 0;
}

#morenews .btn
{
    font-size: 15px;
    border-bottom: 2px solid #d2c5b5;
}

#morenews .btn:hover
{
    box-shadow: 0 0 20px rgba(249, 181, 19, 0.42);
}

.historique_news
{
    position: absolute;
    right: 0;
    bottom: 10px;
}

.historique_news a
{
    color: #aca7a0;
}

.historique_news a:hover
{
    color: #fff;
}

.btn.retour
{
    float: right;
    margin-top: 10px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ANNEXES (HOME)
*/

.annexes_home_wrapper .annexe i
{
    font-size: 11px;
}

.annexes_home_wrapper .annexe 
{
    letter-spacing: -.1px;
    margin-bottom: 7px;
}


/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // EVENEMENTS (CONVENTIONS MAMY ET ZECHA)
*/

.evenement-container .dates
{
    margin: 8px 0 0;
    color : #dacdbc;
}

.evenement-container .dates .ville
{
    margin-left: 15px;
}

.mamy_evenements_wrapper .evenements
{
    /*text-align: center;*/
}

.mamy_evenements_wrapper .evenement
{
    color : #DDCDB9;
    width: 425px;
    display: block;
    display: inline-block;
    margin-left: 0;
    margin-right: 1px;
    float : left;
}

.mamy_evenements_wrapper .evenement:hover
{
    color : #fff;
    text-decoration: none;
}

.mamy_evenements_wrapper .evenement .article
{
    display: block;
    margin-bottom: 1px;
    border-left: 2px solid #433024;
    height: 80px;
    position: relative;
}

.mamy_evenements_wrapper .evenement .article .title
{
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
}

.mamy_evenements_wrapper .evenement .article:hover
{
    border-left: 2px solid #cce618;
    cursor: pointer;
}

.mamy_evenements_wrapper .evenement .article .vignette
{
    float: left;
    width: 150px;
    margin-right: 10px;
    margin-top: 0;
}

.mamy_evenements_wrapper .evenement .article .comments
{
    color: #c1d421;
    font-size: 12px;
    display: block;
    margin-left: 0px;
    margin-top: 4px;
}

.mamy_evenements_wrapper .evenement .article .comments .ville
{
    color : #AA9375;
    margin-right: 10px;
}

.mamy_evenements_wrapper .evenement .article .comments .date
{
    position: absolute;
    right: 0;
    bottom: 0; 
    font-size: 14px;
    font-family: Tondu;
    font-style: italic;
    font-weight: normal;
}


/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ADMIN/MODERATION BOUTONS 
*/

.outils_admin.moderation .titre
{
    font-size: 24px;
    float: left;
    font-family: 'Tondu';
    color: #fff;
    text-shadow: 0 0 5px black;
    font-style: italic;
    line-height: 100%;
    margin-top: 5px !important;
    margin-bottom: 0;
}

.outils_admin.moderation .outils
{
   float : right;
}

.outils_admin.moderation a.btn-danger
{
    margin-right : 0;
    padding: 8px 10px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // COMMENTAIRES
*/

#commentaires
{
    margin-top : 5px;
}

#bloccommentaires
{
    background-color: #4d3628;
    background-image: none;
}

#bloccommentaires h3
{
    margin-top: 0;
    margin-bottom: 0;
}

#bloccommentaires .pagination
{
    margin-top : 5px;
}

#bloccommentaires .pagination.bas
{
    margin-top: 10px;
}

#bloccommentaires .bouton_top_commentaires
{
    float : right;
    margin-top: 5px;
}

.comment_forum
{
    background-color:  rgba(22, 23, 16, 0.38);
    width: 100%;
    margin: 5px 0;
    padding: 10px 0;
    display: inline-block;
}

.comment_forum.active
{
    background-color : #E4ED93;
}

.comment_forum .wrapper 
{
    margin: 0 15px 0 15px;
    line-height: 150%;
}

.comment_forum .wrapper #quickreply_edit
{
    float : left;
    height: 9em; 
    margin: 10px 0;
    width: 613px;
    padding: 3px 6px;
}

.comment_forum .comment_header 
{
    padding-bottom: 8px;
    border-bottom: 1px solid #564232;
}
.comment_forum .comment_header .left a
{
    /*float : left;*/
}

.comment_forum .comment_header .left ul 
{
    display: inline;
    float : left;
    margin-left : 0;
    margin: 0;
    padding: 0;
}

.comment_forum .comment_header .date
{
    color: #e6d8c8;
    font-weight: normal;
    font-size: 12px;
    margin-right: 5px;
}

.comment_forum .comment_header .date a, .comment_forum .comment_header .date a:hover
{

    color: #e6d8c8;
}

.comment_forum .comment_header .left 
{
    float: left;
}

.comment_forum .comment_header .right 
{
    float: right;
}

.comment_forum .comment_header .left ul li 
{
    float: left;
    margin: 0 10px;
    color: #7d6755;
    padding-top: 0px;
}

.comment_forum .pseudo 
{
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.comment_forum_avatar {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.comment_forum_avatar img {
    width: 90px;
}

.comment_forum .comment_forum_content 
{
    margin: 10px 140px 0 0;
    word-wrap: break-word;
}

.comment_forum  blockquote, .comment_forum .codebox
{
    border-color: rgba(0, 0, 0, .15);
    background-color: rgba(22, 23, 16, 0.38);
    font-size: 13px;
    color: #bbac98;
    margin-bottom: 10px;
    padding: 10px 20px;
    margin: 0 0 10px;
    border-left: 5px solid #241c15;
}

.comment_forum .codebox
{
    margin-top: 10px;
}

.comment_forum  blockquote cite, .comment_forum .codebox dt
{
    color: #e5d8c7;
    display: block;
}

.comment_forum_content blockquote + br, .comment_forum_content blockquote + br + br, .comment_forum_content .codebox + br + br, .comment_forum_content .codebox + br
{
    display : none;
}

.comment_forum .codebox code
{
    background: none;
    color: #bbac98;
}

#reponse_rapide
{
    clear : left;
}

#reagir_forum textarea, .comment_forum_content textarea
{
    width: 500px;
    background-color: #F8F6F3;
    border: none;
    color: #333;
    padding: 5px 10px;
}

#reagir_forum .connecte_en_tant_que
{
    color : #AA9375;
}

#reagir_forum .info:empty, .edit_area .info:empty
{
    display: none;
}

#reagir_forum .info, .edit_area .info
{
    margin: 10px 0 0 10px;
    margin: 10px 0 0 0;
    color: #272421;
    display: block;
    background-color: rgb(43, 34, 27);
    padding: 5px 10px;
}

#reagir_forum  .outils
{
    margin-top: 10px;
}

.votes_commentaires_wrapper, .votes_build_wrapper
{
    float: right;
    margin: 20px 15px 0 0;
}

.votes_build_wrapper
{
    margin: 10px 15px 0 0; 
    background-color: rgba(0, 0, 0, 0.27); 
    padding: 5px;
}

.votes_commentaires_wrapper .vote
{
    font-size: 15px;
    font-weight: bold;
    padding: 2px 5px 3px 5px;
    text-align: center;
    line-height: 100%;
    cursor : pointer;
    background-color: #8c7f78;
    color: #333;
}

.votes_commentaires_wrapper .vote.actif-loading
{
    padding: 3.5px 3px 3.5px;
    height: 20px;

}

.votes_commentaires_wrapper .vote img
{
    width: 13px;
}

.votes_commentaires_wrapper .vote.up:hover,.votes_commentaires_wrapper .vote.up.actif, .votes_commentaires_wrapper .vote.up.actif-loading
{
    background-color: #99aa0b;
    color: #ffffff;
}

.votes_commentaires_wrapper .vote.down:hover,.votes_commentaires_wrapper .vote.down.actif, .votes_commentaires_wrapper .vote.down.actif-loading
{
    background-color: #d9534f;
    color: #ffffff;
}

.votes_commentaires_wrapper .resultat
{
    font-weight: bold;
    margin : 7px 0;
    text-align: center;
}

.votes_commentaires_wrapper .resultat .vert
{
    color: #bdd025 !important;
}

.votes_commentaires_wrapper .resultat .rouge
{
    color : #d9534f;
}

.comment_forum .edit_area textarea
{
    color : #333;
    border : none;
    float : none !important
}

.comment_forum .edit_area .btn
{
    margin-right: 5px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // BOUTONS
*/

.bouton-mobile
{
    display: none;
}

.btn
{
    border-radius: 0;
    border : none;
    background-color: #d2c5b5;
    color : #333;
}

.btn:hover, .btn:focus, .btn:active
{
    background-color: #fff8f0;
    color : #333;
}

.btn2
{
    border-radius: 0;
    border : none;
    background-color: rgba(62, 48, 38, 0.85);
    color: #fff6ea;
}

.btn2:hover, .btn2:focus, .btn2:active
{
    background-color: rgba(29, 22, 17, 0.85);
    color : #fff;
}

.btn-success
{
    background-color: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
}

.btn-success:hover, .btn-success:focus, .btn-success:active
{
    background-color: rgb(153, 170, 11) !important;
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
    box-shadow: none;
    border: none;
    outline: none;
}

.btn-danger
{
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:hover
{
    color: #fff;
    background-color: #c9302c;
    border-color: #c9302c;
}

.boutons_wrapper
{
    text-align: center;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // SECTION
*/

#section_banner .image
{
    height : 120px; 
    background-size : cover;
    background-position: 0 center;
}

.mamy_zecha_bio p
{
    float: left;
    margin-bottom: 0;
}

.mamy_zecha_bio .reseaux_sociaux 
{
    float: right;
}

.mamy_zecha_bio .reseaux_sociaux a
{
    display: inline-block;
    width:40px;
    height: 38px;
    padding: 7px;
    color: #ecdfce;
    border-bottom: 2px solid;
    text-align: center;
    margin-right : 2px;
}

.mamy_zecha_bio .reseaux_sociaux a.facebook
{
    background-color: #33589e;
    border-bottom: #33589e;
}

.mamy_zecha_bio .reseaux_sociaux a.facebook:hover
{
    color: #fff;
    border-bottom: 2px solid #82aaf5;
}

.mamy_zecha_bio .reseaux_sociaux a.youtube
{
    background-color: #e62f27;
    border-bottom: #e62f27;
}

.mamy_zecha_bio .reseaux_sociaux a.youtube:hover
{
    color: #fff;
    border-bottom: 2px solid #f87f75;
}

.mamy_zecha_bio .reseaux_sociaux a.twitter
{
    background-color: #3ba0ce;
    border-bottom: #3ba0ce;
}

.mamy_zecha_bio .reseaux_sociaux a.twitter:hover
{
    color: #fff;
    border-bottom: 2px solid #aadfff;
}

.mamy_zecha_bio .reseaux_sociaux a i
{
    margin-right: 0;
    margin-top: 4px;
}


/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // BLOC ONGLETS
*/

.tabs-table
{
    margin : 10px 0;
}

.tabs-table.onglets_article_wrapper
{
   margin : 20px 0 0; 
   clear : right;
}

p+.tabs-table.onglets_article_wrapper
{
    margin-top: 15px;
}

.tabs-table .tabs div
{
    background-color: rgb(51, 51, 47);
    cursor : pointer;
    color: #a2a594;
    list-style-type: none;
    padding : 10px 14px;
    display : inline;
    line-height: 35px;
}

.tabs-table .tabs p:empty
{
    display: none;
}

.tabs-table .tabs div:hover
{
    background-color: #262620;
}

.tabs-table .tabs div.current
{
    background-color: #040403;
    color : #fff;
    text-decoration : none;
    font-weight : bold;
}

.tabs-table .tabs div span:not(.icone)
{
    margin-left : 0px !important;
}

.tabs-table .tabs .icone-tab
{
    border-radius: 4px;
    height: 18px;
    border: 1px solid rgb(144, 144, 144);
    padding: 1px;
    display: inline-block;
    margin: -4px 7px 0 0;
}

.tabs-table .tabs .current .icone-tab
{
    border: 1px solid rgb(191, 113, 63);
}

.tabs-content
{
    background-color: #262620;
    padding : 10px 15px 15px;
}

.tabs-content.unique
{
    border-radius : 10px;
    -moz-border-radius : 10px;
    -webkit-border-radius : 10px;
}

.tabs-content .note_info:last-of-type, .tabs-content table:last-of-type, .tabs-content .galerie-single:last-of-type
{
    margin-bottom: 0;
}

.tabs-content-child h3:first-of-type, .tabs-content-child h5:first-of-type
{
    margin-top : 0 !important;
}

.tabs-content-child ul:last-child
{
    margin-bottom: 0;
}

.tabs-content-child p:first-child
{
    margin-top: 0;
}

.tabs-content.tabs-content-no-style
{
    border : none;
    background-color : #180E07;
    padding : 0px;
    margin-top : -10px;
}

.bouton_spoilers
{
    background-color: #d9534f;
    border-color: #d43f3a;
    width: 150px;
    /* height: 0px; */
    margin-top: 10px;
    padding: 7px 14px;
    border-radius: 5px;
    text-align: center;
    color: #101010;
    cursor: pointer;
}

.bouton_spoilers:hover
{
    color: #fff;
    background-color: #c9302c;
    border-color: #c9302c;
}

.spoilers_bloc
{
    padding: 0px 10px 5px;
    border: 1px solid rgba(22, 23, 16, 0.38);
    background-color: rgba(22, 23, 16, 0.38);
    display: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
 // RECHERCHE
*/

#resultats_recherche
{
    padding : 10px 20px;
}

#resultats_recherche h1
{
    font-size: 25px;
    margin-bottom: 2px;
    margin-top: 0px;
}

#resultats_recherche form button
{
    background-position: center center!important;
    background-repeat: no-repeat!important;
    padding: 4px 15px;
    text-indent: -99999px;
    position: relative;
    background-image: url("images/icons/recherche.png"),-webkit-gradient(linear top,left bottom,from(#a3bf00),to(#99aa0b))!important;
    background-image: url("images/icons/recherche.png"),-moz-linear-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url("images/icons/recherche.png"),-ms-webkit-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url("images/icons/recherche.png"),-o-linear-gradient(top,#a3bf00,#99aa0b)!important;
    background-image: url("images/icons/recherche.png"),linear-gradient(to bottom,#a3bf00,#99aa0b)!important;
    display: inline-block;
    border-radius: 4px;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    border: none;
}

#resultats_recherche input
{
    width : 220px;
}

#resultats_recherche form
{
    margin-top : 15px;
}

#resultats_recherche .article img
{
    float : left;
    width : 200px;
    margin-right: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5) !important;
    height: 107px;
}

#resultats_recherche .article
{
    margin-top: 1px;
    padding: 10px;
    background-color: rgba(22, 23, 16, 0.38);
}

#resultats_recherche .article:nth-child(even) 
{
    background-color: rgba(22, 23, 16, 0.15);
}

#resultats_recherche .article .titre
{
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 3px;
}

#resultats_recherche .article .titre a
{
    line-height: 140%;
}

#resultats_recherche .article .titre a:hover
{
    text-decoration: none;
}

#resultats_recherche .article.small .titre
{
    font-size : 14px;
}

#resultats_recherche .article.small .titre a
{
    font-weight: normal;
}

#resultats_recherche .article .date
{
    font-size: 13px;
}

#resultats_recherche .article.small .date
{
    font-size: 12px;
}

#resultats_recherche .commentaires
{
    margin-left: 10px;
    color: #99aa0b;
}

#resultats_recherche .resume
{
    margin-left: 210px;
    font-size : 13px;
    margin-top: 5px;
    color: #c7bfb2;
}

#resultats_recherche .onglets
{
    margin-bottom: 10px;
    margin-top: 20px;
}

#resultats_recherche .onglets .onglet
{
    padding: 5px 10px;
    background-color: rgba(202, 201, 201, 0.5);
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    font-size: 14px;
    margin-right: 0;
    font-weight: bold;
    border-radius : 2px 2px 0 0;
    cursor: pointer;
}

#resultats_recherche .onglets .onglet.actif
{
    background-color: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
}

#resultats_recherche .forum table .forum-image img
{
    float: left;
    width: 40px;
    border-radius: 5px;
    border: 1px solid black;
    margin-right: 10px;
}

#resultats_recherche .forum table .avatar
{
    float: left;
    width: 30px;
    border-radius: 5px;
    border: 1px solid black;
    margin: 0 10px 0 0;
}

#resultats_recherche .forum table .auteur
{
    display: block;
    font-size: 12px;
}

#resultats_recherche .forum table .membre a
{
    font-size: 12px;
    display: block;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // BOUTTONS
*/

.btn.mini
{
    font-size: 12px;
    padding: 1px 10px;
}

i.fa
{
    margin-right : 5px;
}

i.fa-star
{
    margin-right: 0;
}

.titre i.fa-star
{
    margin-right: 5px;
}

.btn.grand
{
    padding : 7px 20px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // NOTES / CITATIONS / BLOC
*/

.alert
{
    background-color : #dedede;
    padding : 10px 15px;
}

.alert.alert-error
{
    background-color : #d9534f;
    color : #fff;
}

.note_info
{
    border-radius : 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
}

.note_info ul:first-child
{
    margin : 0px;
    padding-left : 15px;
}

.note_info ul.no_style
{
    margin-left : 0px;
    padding-left : 0px;
}

.note_h3
{
    color : rgb(204, 188, 70);
    font-size : 13px;
    margin-left: 8px;
    background-color: rgba(22, 23, 16, 0.38);
    padding: 3px 10px;
    border-radius: 5px;
}

.note_info:empty
{
    display: none;
}

.note, .note2
{
    background-color: rgba(22, 23, 16, 0.38);
    padding : 10px 15px;
    margin-top : 10px;
    border-radius: 0;
    margin-bottom : 10px;
    background-image: -webkit-gradient(linear, top left, top right, from(rgba(49, 39, 29, 0.47)), to(rgb(90, 69, 55)));
}

.note.error
{
    background-color : #bd4f4c;
    color : #fff;
}

.note.success
{
    background-color : rgb(153, 170, 11);
    color : #fff;
    text-shadow: 0 1px 1px #484848;
}


.note_info.center
{
    text-align: center;
}

.note_info .titre
{
    margin-top: 0;
    color: rgb(204, 188, 70);
}

.note_info .titre+p
{
    margin-top: 5px;
}

.tabs-content .note2
{
    background-color : rgb(23, 23, 20);
}

.tabs-content .note2 .note2
{
    background-color : rgb(37, 37, 35);
}

.note2+.gauche_droite_container
{
    margin-top: 0;
}

.article-container code 
{
    padding: 2px 4px;
    font-size: 90%;
    background-color: #6b4731;
    width: 100%;
    border-radius: 4px;
    display: block;
}

.citation
{
    color: #BFB3A5;
    -moz-border-radius: 10px;
    padding: 15px 20px;
    margin: 15px 0;
    background-color: #1b1a1a;
    clear: both;
}

.citation .citation
{
    background-color: #333131;
}

.citation h3
{
    font-size: 14px;
}

.citation h3, .citation a, .bloc_datamine a
{
    color : #DFDFDF;
}

.citation_flottant
{
    margin: 10px !important;
    width: 300px;
    text-align: center;
    font-size: 22px;
    line-height: 140%;
    font-family: helvetica;
    font-weight: bold;
    font-style: italic;
    color : #EBE5DD;
}

.citation_flottant.droite
{
    float : right;
}

.citation_flottant.gauche
{
    float : left;
}

.blizzard
{
    padding-bottom : 10px;
    padding-top : 13px;
    color : #0099FF;
}

.blizzard  ul
{
    padding-left: 25px;
    margin-top: 8px;
}

.blizzard h3, .blizzard a, .blizzard h4, .blizzard h2
{
    color : #ffffff;    
}

.blizzard h2
{
    border-bottom: 1px solid #3e3838;
}

.blizzard .entete
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #1F2427;
    font-weight: bold;
}

.blizzard .entete img
{
    float: left;
    margin: 3px 10px 0 0;
    height: 13px;
}

.blizzard .entete a
{
    text-decoration: none;
}

.bloc_datamine
{
    background-color: #1b1a1a;
    -moz-border-radius: 10px;
    padding: 15px 20px;
    margin: 15px 0;
    background-color: #1b1a1a;
    clear: both;
    color : rgb(160, 194, 74);
}

.bloc_datamine .entete
{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #25271F;
    font-weight: bold;
}

.bloc_datamine .entete img
{
    float: left;
    margin: 0px 10px 0 0;
    height: 18px;
}

.bloc_datamine .entete a
{
    font-weight: normal;
}

.bloc_datamine h3
{
    color : #fff;
    margin-bottom: 0;
}

.bloc_datamine ul
{
    padding-left: 25px;
    margin-top: 8px;
}

.blizzard h1
{
    text-align: center;
    margin-top: 45px;
    color: #fff;
    font-size: 26px;
    margin-bottom : 25px;
}

h3.barre_centre
{
  position: relative;
  font-size: 18px;
}

h3.barre_centre:before
{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

h3.barre_centre span
{
  padding: 0 20px;
  position: relative;
  z-index: 5;
}

.bloc_datamine h3.barre_centre:before
{
    border-top : solid 1px #3c4622;
}

.bloc_datamine h3.barre_centre span
{
    background : #1b1a1a;
}

.tweet
{
     width : 500px; 
     margin : 25px auto;
}

.tweet_image
{
     width : 500px; 
     margin : 25px auto;
}

blockquote.twitter-tweet
{
    font-size: 13px;
    padding: 5px 15px;
    background-color: rgba(22, 23, 16, 0.38);
    background-image: -webkit-gradient(linear, top left, top right, from(rgba(49, 39, 29, 0.47)), to(rgb(90, 69, 55)));
    color: #b8a78c;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // IMAGES
*/

.galerie-single, .wp-caption
{
    text-align: center;
}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.galerie-single p:not(.wp-caption-text)
{
    display: none;
}

.galerie-single.margin, .wp-caption.aligncenter
{
    margin : 10px auto;
}

.galerie-single.margin img
{
    margin-top: 10px;
}

.galerie-single img, .wp-caption img
{
    border: 1px solid #a99681; 
    margin: 5px auto 5px;
    box-shadow: 0 0 10px rgb(23, 13, 8);
}

.galerie-single img
{
    cursor : pointer;
}

.galerie-single+.galerie
{
    margin-top: 10px;
}

.wp-caption-text
{
    margin-top: 0px !important;
    color : #a99782;
    text-align: center;
}

.galerie-single img:hover
{
    border: 1px solid #e0ccb5;
    box-shadow: 0 0 10px black;
}

.images-solo-wrapper
{
    width : 100%; 
    margin : auto; 
    text-align : center;
}

.images-solo-wrapper .wp-caption
{
    display : inline-block;
    margin : 0 10px;
}

.images-solo-wrapper .wp-caption img
{
    cursor : default;
}

.galerie-single.resized img
{
    margin : 0 auto; 
}

.gauche_droite_container 
{
    width: 630px;
    margin: 10px auto 0;
}

.gauche_droite_container img
{
    margin : 10px auto 5px !important;
    width : 300px;
}

.gauche_droite_hd 
{
    width: 78.5%; 
    margin : 15px auto 0;
}

.gauche_droite_hd img
{
    width: 100%;
}

.gauche_droite_hd .wp-caption.alignleft, .gauche_droite_hd .wp-caption.alignright
{
    max-width: none !important;
}

.gauche_droite_hd+p
{
    margin-top: 15px;
}

.wp-caption-text
{
    font-size: 12px;
    margin-bottom: 0;
    font-style: italic;
    color: #b7ada0;
}

.wp-caption a
{
    font-weight: normal;
    color : #333;
}

.wp-caption .alignleft, .wp-caption.gauche, .wp-caption.alignleft
{
    float: left;
    max-width : 300px !important;
    margin-right : 20px;
}

.wp-caption .alignright, .wp-caption.droite, .wp-caption.alignright
{
    float: right;
    max-width : 300px !important;
    margin-left : 15px;
}

.carte .alignright, .carte .droite, .carte .alignleft, .carte .gauche
{
    max-width : 330px !important;
}

.gauche_droite_container .alignleft, .gauche_droite_container .alignright
{
    margin : 0;
}

.image_75
{
    margin : 10px auto;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // LIENS COULEURS
*/

.jaune, .widget .note_info ul li a.jaune
{
    color : #f9b513;
}

.jaune:hover, .widget .note_info ul li a.jaune:hover
{
    color : #fdce5e;    
}

.blanc
{
    color : #fff;
}

.blanc:hover, .blanc:active, .blanc:focus
{
    color : #fff;
}

.vert
{
    color: #05E805;
}

.vert:hover, .vert:focus, .vert:active
{
    color: #1DF826;
}

.barre
{
    text-decoration: line-through;
}

.rouge
{
    color: #E73619;
}

.rouge:hover, .rouge:focus, .rouge:active
{
    color: #f8634b;
}

.brun
{
    color : #ff954d;
}

.brun:hover, .brun:focus, .brun:active
{
    color : #ff954d;
}

.violet
{
    color: #bb66f5;
}

.violet:hover, .violet:focus, .violet:active
{
    color: #A335EE;
}

.bleu
{
    color: #3B94EB;
}

.bleu:hover, .bleu:focus, .bleu:active
{
    color: #0581F9;
}

.orange
{
    color: #ff954e;
}

.orange:hover, .orange:focus, .orange:active
{
    color: #ff6f10;
}

.bta, .cyan
{
    color: #45fcff;
}

.bta:hover, .bta:focus, .bta:active, .cyan:hover, .cyan:focus, .cyan:active
{
    color: #18f9fd;
}

.prodigieux
{
    color: #E5CC80;
}

.prodigieux:hover, .bta:focus, .bta:active
{
    color: #EBD79B;
}

.dk_couleur
{
    color : #C41E3B;
}

.chaman_couleur
{
    color : #2359FF;
}

.chasseur_couleur
{
    color : #AAD372;
}

.demoniste_couleur
{
    color : #9382C9;
}

.druide_couleur
{
    color : #FF7C0A;
}

.guerrier_couleur
{
    color : #C69B6D;
}

.mage_couleur
{
    color : #68CCEF;
}

.moine_couleur
{
    color : #008467;
}

.paladin_couleur
{
    color : #F48CBA;
}

.pretre_couleur
{
    color : #FFF;
}

.voleur_couleur
{
    color : #FFF468;
}

.reputation
{
    color : #519cff;
}

.hai
{
    color : #b23b29;
}

.neutre
{
    color : #d2ab32;
}

.amical, .honore, .revere
{
    color : #30dc40;
}

.exalte
{
    color : cyan;
}

.affixe
{
    cursor: default;
    color: rgb(204, 188, 70);
}

.affixe img
{
    margin-right: 4px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ICONES
*/

.icone 
{
    background: none no-repeat scroll left center transparent;
    padding-left: 18px !important;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.icone_li_arrondi
{
    float: left;
    margin-right: 8px;
    border-radius: 4px;
    border: 1px solid rgb(80, 78, 78);
    width: 22px;
    margin-top: -3px;
    padding: 1px;
}

.icone_arrondi
{
    float : left; 
    margin-right : 6px;
    border : 1px solid black;
    width: 14px;
    margin-top: 1px;
}

.icontiny img
{
    border-radius: 4px;
    margin: -1px 4px 0 0;
}

.quete
{
    background-image  : url(images/icons/quete.gif);
}

.quete_journa
{
    background-image  : url(images/icons/quete_journa.gif);
}

.quete_vert
{
    background-image  : url(images/icons/quete_vert.gif);
}

.quete_rouge
{
    background-image  : url(images/icons/others/quete_rouge.gif);
}

.facile
{
    color : #05E805;
    background-image :  url("images/icons/others/etoile-vert.png"); 
}

.difficile
{
    color : #ff4040;
    background-image :  url("images/icons/others/etoile-rouge.png");    
}

.moyen
{
    color : #e8bb05;
    background-image :  url("images/icons/others/etoile-brun.png"); 
}

h2 .classe_titre, h3 .classe_titre
{
    width: 22px;
    float: left;
    margin: -5px 8px 0 0;
    border-radius: 5px;
    border: 1px solid #3e2312;
}

li .classe_titre, h4 .classe_titre
{
    width: 15px;
    float: left;
    margin: 0px 5px 0 0;
    border-radius: 5px;
    border: 1px solid #9c856a;
}

.chaman:not(".medaillon")
{
    background-image  : url(images/icons/others/chaman.jpg);
    padding-left: 26px !important;
}

.chasseur:not(".medaillon")
{
    background-image  : url(images/icons/others/chasseur.jpg);
    padding-left: 26px !important;
}

.demoniste:not(".medaillon")
{
    background-image  : url(images/icons/others/demoniste.jpg);
    padding-left: 26px !important;
}

.dk
{
    background-image  : url(images/icons/others/dk.jpg);
    padding-left: 26px !important;
}

.druide:not(".medaillon")
{
    background-image  : url(images/icons/others/druide.jpg);
    padding-left: 26px !important;
}

.guerrier:not(".medaillon")
{
    background-image  : url(images/icons/others/guerrier.jpg);
    padding-left: 26px !important;
}

.mage:not(".medaillon")
{
    background-image  : url(images/icons/others/mage.jpg);
    padding-left: 26px !important;
}

.moine:not(".medaillon")
{
    background-image  : url(images/icons/others/moine.jpg);
    padding-left: 26px !important;
}


.paladin:not(".medaillon")
{
    background-image  : url(images/icons/others/paladin.jpg);
    padding-left: 26px !important;
}

.pretre:not(".medaillon")
{
    background-image  : url(images/icons/others/pretre.jpg);
    padding-left: 26px !important;
}
.voleur:not(".medaillon")
{
    background-image  : url(images/icons/others/voleur.jpg);
    padding-left: 26px !important;
}

.icone_classe_arrondi
{
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    border-radius: 3px;
    border: 1px solid rgb(80, 78, 78);
    padding : 1px;
    width: 16px;
}

.champion
{
    background-image  : url(images/icons/others/champion.gif);
}

.conquete_alliance
{
    background-image  : url(images/icons/others/conquete-alliance.gif);
    padding-left: 22px !important;
}

.conquete_horde
{
    background-image  : url(images/icons/others/conquete-horde.gif);
    padding-left: 22px !important;
}

.honneur
{
    background-image  : url(images/icons/others/honneur.gif);
    padding-left: 22px !important;
}

.justice
{
    background-image  : url(images/icons/others/justice.gif);
    padding-left : 22px !important;
}

.sombrelune_jeton
{
    background-image  : url(images/icons/others/sombrelune-jeton.gif);
}

.sombrelune_bon
{
    background-image  : url(images/icons/others/sombrelune-bon.gif);
    padding-left : 22px !important;
}

.tolbarad
{
    background-image  : url(images/icons/others/tolbarad.gif);
}

.vaillance
{
    background-image  : url(images/icons/others/vaillance.gif);
    padding-left: 22px !important;
}

.apogide
{
    background-image  : url(images/icons/others/apogide.gif);
    padding-left: 20px !important;
}

.ashran_fragment
{
    background-image  : url(images/icons/others/ashran_fragment.gif);
    padding-left: 22px !important;
}

.vie_mascotte
{
    background-image  : url(images/icons/mascottes/vie.png);
    padding-left: 22px !important;
}

.puissance_mascotte
{
    background-image  : url(images/icons/mascottes/puissance.png);
    padding-left: 22px !important;
}

.vitesse_mascotte
{
    background-image  : url(images/icons/mascottes/vitesse.png);
    padding-left: 22px !important;
}

.piece_or
{
    background-image  : url(images/icons/others/gold.gif);
}

.piece_argent
{
    background-image  : url(images/icons/others/silver.gif);
}

.piece_bronze
{
    background-image  : url(images/icons/others/copper.gif);
}

.plus
{
    background-image  : url(images/icons/others/plus.gif);
}

.horde
{
    background-image: url(images/icons/others/horde.png);
    background-size: 14px;
}

.alliance
{
    background-image: url(images/icons/others/alliance.png);
    background-size: 12px;
}

.etoile
{
    background-image  : url(images/icons/others/etoile.png);
}

.etoile-bleue
{
    background-image  : url(images/icons/others/etoile-bleue.png);
}

.pin_jaune
{
    background-image  : url(images/icons/others/pin-jaune.png);
    margin-right : 5px;
}

.pin_vert
{
    background-image  : url(images/icons/others/pin-vert.png);
    margin-right : 5px;
}

.pin_rouge
{
    background-image  : url(images/icons/others/pin-rouge.png);
    margin-right : 5px;
}

.pin_violet
{
    background-image  : url(images/icons/others/pin-violet.png);
    margin-right : 5px;
}

.pin_bleu
{
    background-image  : url(images/icons/others/pin-bleu.png);
    margin-right : 5px;
}

.pin_gris
{
    background-image  : url(images/icons/others/pin-gris.png);
    margin-right : 5px;
}

.pin_orange
{
    background-image  : url(images/icons/others/pin-orange.png);
    margin-right : 5px;
}

.pin_boss
{
    background-image  : url(images/icons/cartes/pin-boss.png);
    margin-right : 5px;
    background-size: 90%;
}

.carte_icone
{
    background-image  : url(images/icons/others/pin.png);
    background-position : 1px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ICONES
*/

.reseaux_sociaux_inline a
{
    display: inline-block;
    padding: 3px 6px;
    float: right;
    text-align: right;
    right: 0;
}

.reseaux_sociaux_inline a.twitter
{
    background-color: #3ba0ce;
    color: #fff;
}

.reseaux_sociaux_inline a.mail
{
    background-color: #b9353d;
    color: #fff;
    margin-left: 8px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // GALERIE
*/

.galerie-single img
{
    cursor : pointer;
}

.ngg-gallery-thumbnail-box 
{
    display : inline-block;
    height: 170px;
}

.galerie_overlay
{
    width : 100%; 
    position : absolute;
    z-index : 1000;
    background-color : rgba(0, 0, 0, 0.7);
    top : 0px;
}

.galerie_new .ngg-gallery-thumbnail img 
{
    background-color: #A0917F;
    display: block;
    margin: 0;
    padding: 1px;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 240px;
    height: 134px;
}

.galerie_new .ngg-gallery-thumbnail span 
{
    font-size: 90%;
    padding-left: 8px;
    display: block;
}

.galerie
{
    text-align: center;
    margin: 10px 0;
}

.galerie_new 
{
    margin: 0 !important;
    padding: 0 !important;
}

.galerie .galerie-single
{
    float: none;
    display: inline-block;
    height: auto;
    margin: 0px 10px 0 10px;
    vertical-align: top;
    width: 200px;
}

.galerie .galerie-single img
{
    margin : 10px auto;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // IMAGE VIEWER + VIDEOS
*/

.viewer
{
    z-index : 1001; 
    position : fixed; 
    display : block;
    top : 50%;
    left : 50%;
}

.viewer img
{
    border: 3px solid #8D8D8D;
    margin : 10px auto;
    cursor : pointer;
}

.viewer .menu
{
    margin-top: -50px;
}

.viewer a
{
    cursor: pointer;
    float: right;
    font-size: 13px;
    text-decoration: none;
    position: absolute;
    margin-top: -29x;
    right: 0;
    margin-right: 10px;
    background-color: rgba(116, 130, 0, 0.9);
    padding: 7px 14px;
    color: #ecdfce;
}

.viewer a 
{
    margin: 5px 3px 0 0;
}

.viewer .close
{
    position: absolute;
    right: 3px;
    top: 13px;
    border-radius: 0%;
    background-color: rgba(0, 0, 0, 0.60);
    font-size: 20px;
    color: #e8dcca;
    padding: 0px 7px 2px;
    cursor: pointer;
    float: none;
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    line-height: inherit;
}

.viewer .close:hover
{
    color : #fff;
    background-color: rgba(0, 0, 0, 0.90);
}

.viewer a:hover
{
    background-color: rgba(77, 86, 0, 0.9);
    border-bottom: 3px solid rgb(156, 175, 0);
    opacity: 1;
    color: #fff;
}

.viewer .fleche:hover
{
    opacity: 1;
}

.viewer .fleche
{
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: block;
    font-size: 40px;
    height: 100px;
    opacity: .7;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 100;
    cursor: pointer;
    padding: 0px 0px 40px 40px;
    line-height: 100%;
    margin-top: -45px;
}

.viewer .fleche.droite
{
    right: 0;
    padding: 0 50px 50px 0;
    margin-right: -83px;
    /* margin-top : -75px; */
}

.viewer .fleche.gauche
{
    text-align: left;
    margin-left: -110px;
}

.viewer .fleche div:before
{
    display: block;
    position: absolute;
    top: 45%;
    top: calc(50% - 10px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;/* By using an em scale, the arrows will size with the font */
    width: 48px;
    height: 48px;
    border-right: 0.2em solid #D8D2C9;
    border-top: 0.2em solid #D8D2C9;
    cursor: pointer;
}

.viewer .fleche.droite div:before
{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: translateZ(1px) rotate(45deg);
}

.viewer .fleche.gauche div:before
{
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: translateZ(1px) rotate(-135deg);
}

.viewer .close_mobile
{
    display: none;
}


#verification
{
    height: 35px;
    position: fixed;
    top: 50%;
    margin-top: -15px;
    font-size: 22px;
    color: #fff;
    z-index: 1001;
    width: 265px;
    left: 50%;
    margin-left: -125px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 1);
    background-color: rgb(66, 66, 66);
    border-radius: 5px;
    border: 1px solid black;
    padding: 10px 0 2px 15px;
}

.video_wrapper
{
    text-align : center; 
    margin : 20px 0;
}

.video-div
{
    text-align: center;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // GUIDES 
*/

.guides_wrapper .guide
{
    display: block;
    background-size: cover;
    height: 187px;
    width: 350px;
    position: relative;
    border: 2px solid #6b4731;
}

.guides_wrapper .guide:hover
{
    border: 2px solid #90664c;
}

.guides_wrapper .guide .desc
{
    display: block;
    bottom: 0;
    margin-top: 190px;
    text-align: center;
    font-style: italic;
    color: #b7ada0;
}

.guides_wrapper .guide .texte
{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.81);
    padding: 0;
    width: 100%;
}

.guides_wrapper .guide .texte .titre
{
    font-size: 16px;
    color: #ecdfce;
    text-shadow : 1px 1px 2px black;
    margin: 3px 8px 0;
}

.guides_wrapper .guide .texte .desc
{
    color: #8c8071;
    margin-top : 2px;
    margin: 0 8px 8px;
    font-size: 12px;
    text-align: left;
}

.guides_wrapper
{
    width: 740px;
    margin: 10px auto;
    font-size : 13px;
}

.guide_lien
{
    margin-bottom : 0; 
    margin-top : 20px; 
    text-align : center;
}

.guide_lien img
{
    border: 1px solid #6E4328 !important;
    color: rgb(221, 205, 185);
    box-shadow: rgba(0, 0, 0, 0.701961) 0px 0px 10px;
    border-radius: 0;
}

.guide_lien img:hover
{
    border: 1px solid #C07B4F !important;
}

.guide_lien p
{
    color: #b7ada0;
    font-size: 12px;
    margin-top: 5px !important;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // PAGINATION
*/

.pagination div, .pagination span, .pagination, .pagination a, .pagination strong
{
    float : left;
}


.pagination div, .pagination a, #bloccommentaires .bouton_top_commentaires a
{
    padding: 6px 9px;
    margin-right : 5px;
    cursor : pointer;
    text-decoration: none;
    color : #333333;
    opacity: 0.5;
    background-color: #CAC9C9;
    font-size: 13px;
}

.pagination_style
{
    color: #333333;
    opacity: 0.5;
    background-color: #CAC9C9;
}

.pagination span, .pagination strong, #bloccommentaires .bouton_top_commentaires span
{
    padding: 6px 9px;
    margin-right : 5px;
    background-color: #5c6904;
    background-image: -o-linear-gradient(top, #5F5F5F, #272727);
    opacity: 1;
    cursor : default;
    font-size: 13px;
    font-weight: bold;
}

.pagination span.current, .pagination strong
{
    background-color: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
    font-weight: bold;
}

.pagination div:hover, .pagination a:hover,.pagination div:active, .pagination a:active, #bloccommentaires .bouton_top_commentaires a:hover, #bloccommentaires .bouton_top_commentaires span
{
    text-decoration: none;
    background-color: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
    opacity: 1;
}

.pagination_style:hover
{
    text-decoration: none;
    background-color: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
    opacity: 1;
}

.pagination
{
    margin : 10px 0;
}

.pagination.bas
{
    float : none;
    margin : 5px 0 10px;
    display: inline-block;
}


/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // TABLEAUX
*/

table th.center, table td.center 
{
    text-align: center;
}

.table_container_gauche_droite
{
    width : 700px; 
    margin : 0 auto;
}

.table_container_gauche_droite .table_mamy
{
    width : 48%;
}

.table_mamy
{
    border-spacing : 0;
    margin : 15px 0px;
    text-align : left;
    width: 100%;
}

ul+.table_mamy
{
    margin-top: 10px;
}

.table_mamy.gauche
{
    float : left;
}

.table_mamy.droite
{
    float : right;
}

.table_mamy.align_center, .table_mamy .td_center
{
    text-align : center;
}

th:first-child {
    -moz-border-radius: 6px 0 0 0;
}

th:last-child {
    -moz-border-radius: 0 6px 0 0;
}

th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.table_mamy thead tr th
{
    padding : 8px 12px 10px;
    border-bottom : 1px solid black;
    background: -webkit-linear-gradient(top, rgb(105, 103, 99), rgb(82, 80, 73));
    text-shadow : 0 1px 1px rgba(0, 0, 0, 0.77);
}

.table_mamy thead tr
{
    border-bottom : 1px solid rgb(54, 52, 50);
}

.table_mamy tbody tr td
{
    background-color: rgb(56, 53, 50);
    padding : 8px 12px;
    border-bottom: 1px solid #1f1e1b;
}

.table_mamy tbody tr:nth-child(even) td
{
    background-color: rgb(39, 37, 35);
}

.recherche-objet .table_mamy tbody tr td
{
    background-color: rgb(56, 53, 50);
}

.recherche-objet .table_mamy tbody tr.alt td
{
    background-color: rgb(39, 37, 35);
}

.table_mamy tbody tr.alt.success td
{
    background-color : #485F0B;
}

.table_mamy tbody tr.success td
{
    background-color : #5E7C0F;
}

.table_mamy tr.active td
{
  background-color: #2d2924 !important; 
}

.table_mamy tbody tr.active.success td
{
    background-color : #6a8917 !important; 
}

.table_mamy tr.donjon td
{
    text-align: center;
    background-color: #46403a !important;
    text-shadow: 1px 1px 2px black;
}

.table_mamy.table_center tr td
{
    text-align: center;
}


.table_gallery
{
    width : 640px; 
    margin : 0px auto 15px;
}

.table_gauche_droite
{
    width : 640px; 
    margin : 20px auto 15px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // INPUT / SELECT / TEXATREA
*/

select
{
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 30px;
    line-height: 30px;
    color: #000;
}

input
{
    background-color: #fff;
    background: #fff none;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    color: #000;
    padding: 4px;
    -webkit-transition: .2s linear border,0.2s linear box-shadow;
    -moz-transition: .2s linear border,0.2s linear box-shadow;
    transition: .2s linear border,0.2s linear box-shadow;
}

input:focus
{
    border-color: #0198ca;
    box-shadow: 0 0 4px rgba(14, 127, 165, 0.6);
    background-color: #f9f9f9;
    outline: 0;
    outline: thin dotted \9;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // MONTURES / FAMILLIERS / MASCOTTES
*/


#montures-search-body, #list-search-body, #mascottes-search-body
{
    background-color: #171714;
    padding: 7px 0 3px;
    width : 320px;
}

#montures-search-body p, #mascottes-search-body p
{
    display: none;
}

#mascottes-search-body span,  #mascottes-search-body select
{
    float: none !important;
}

#montures-search, #list-search, #mascottes-search
{
    border-radius: 5px;
    font-size: 13px;
    height: 25px;
    outline: 0 none;
    padding: 3px 6px;
    width: 260px;
    float: left;
    margin-left: 10px;
}

#montures-search-button, #list-search-button, #mascottes-search-button
{
       background-position: center center!important;
       background-repeat: no-repeat!important;
       padding: 3px 15px;
       text-indent: -99999px;
       position: relative;
       background-image: url(images/icons/recherche.png),-webkit-gradient(linear top,left bottom,from(#a3bf00),to(#99aa0b))!important;
       background-image: url(images/icons/recherche.png),-moz-linear-gradient(top,#a3bf00,#99aa0b)!important;
       background-image: url(images/icons/recherche.png),-ms-webkit-gradient(top,#a3bf00,#99aa0b)!important;
       background-image: url(images/icons/recherche.png),-o-linear-gradient(top,#a3bf00,#99aa0b)!important;
       background-image: url(images/icons/recherche.png),linear-gradient(to bottom,#a3bf00,#99aa0b)!important;
       display: inline-block;
       border-radius: 4px;
       vertical-align: top;
       font-size: 14px;
       line-height: 20px;
       border: none;
       height: 25px;
       margin-left: 5px;
}

#montures-liste, .list-liste
{
    background-color: #171714;
    padding : 0 3px 0 3px;
    border-radius: 0 !important;
    height : 280px;
    width: 320px;
    overflow-y : auto;
    overflow-x: hidden;
    clear : left;
    border-top: 0;
    padding-top: 5px;
}

#montures-liste::-webkit-scrollbar, .list-liste::-webkit-scrollbar, .scrollable-content::-webkit-scrollbar {
    -webkit-appearance: none;
    cursor : pointer;
}

#montures-liste::-webkit-scrollbar:vertical, .list-liste::-webkit-scrollbar:vertical, .scrollable-content::-webkit-scrollbar:vertical {
    width: 9px;
    margin-right: 2px;
}

#montures-liste::-webkit-scrollbar:horizontal, .list-liste::-webkit-scrollbar:horizontal, .scrollable-content::-webkit-scrollbar:horizontal {
    height: 20px;
}

#montures-liste::-webkit-scrollbar-thumb, .list-liste::-webkit-scrollbar-thumb, .scrollable-content::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: 1px solid #3F3831;
    background-color: #262620;
    height: 25px;
    width: 8px;
    margin-right: 10px;
}

#montures-description
{
    float : left; 
    width : 474px;
    margin-left : 20px; 
    background-color : #171714 !important; 
    border-radius : 0 !important; 
    border : none !important;
    margin-top : 0px;
}

#montures-description .wp-caption
{
    width: 100% !important;
}

#montures-description p, .list-description p
{
    margin-top: 0;
}

#montures-description .nom-monture, .list-description .monture
{
    font-size: 16px;
    text-decoration: none !important;
}

#montures-description .monture-contenu
{
    margin-left : 0;
}

#montures-description .monture-image
{
    margin-right : 12px;
}

.monture-image .galerie-single
{
    margin-top : 0;
}

.list-description
{
    float : left;
    margin-left : 20px;
}

.list-description .scrollable-content
{
    overflow-x: hidden;
    overflow-y: auto;
    width: 526px !important;
    height: 400px;
    float: left;
    background-color: #171714;
    border-radius: 0 0 5px 5px;
    padding: 0 8px 10px 10px;
    border-top: 0;
}

.list-description .note2
{
    background-color: #262620;
    margin: 1px 0;
}

.scrollable-content .note_info:first-child
{
    margin-top : 0;
}

.list-description .titre-wrapper h3
{
    margin-top : 0;
}

.monture, .list-element
{
    width: 298px;
    height : 33px;
    background-color: #262620;
    border-left: 2px solid #262620;
    margin-top: 1px;
    padding : 2px;
    cursor : pointer;
    margin-left : 5px;
}

.monture:hover, .list-element:hover, .monture.active, .list-element.active
{
    border-left : 2px solid #cce618;
    background-color: #2f2f27;
}

.monture.first, .list-element.first
{
    margin-top : 0px;
}

.monture img, .list-element img
{
    width: 27px;
    float : left;
    border-radius: 3px;
    border: 1px solid #505044;
    margin: 1px 0 1px 2px;
}

.monture span, .list-element span
{
    margin : 6px 0 0 8px; 
    float : left;
}

.monture .icone
{
    margin : 0;
    float : none;
}

.monture-image
{
    float: left; 
    margin-bottom: -5px;
}

.monture-image .galerie-single img, .monture-image img
{
    border: 1px solid #6F665E;
    width : 50px;
    margin-top : 0;
}

.monture-image .galerie-single img:hover, .monture-image img:hover
{
    border : 1px solid #e0cfbf;
}

.monture-contenu, .familier-contenu
{
    margin-left: 65px;
}

.monture-contenu h3:first-of-type, .familier-contenu h3:first-of-type
{
    margin-top: 0;
    margin-bottom: 0;
}

.monture-contenu p:first-of-type, .familier-contenu p:first-of-type
{
    margin: 0; 
    padding: 0;
}

.monture-contenu p:empty, .familier-contenu p:empty
{
    display: none;
}

.monture-contenu table, .familier-contenu table, .monture-contenu ol, .familier-contenu ol 
{
    margin: 10px 0;
}

.nom-monture-cache, .nom-familier, .nom-monture-style, .nom-titre, .nom-titre-cache
{
    font-size : 16px;
    text-decoration : none !important;
}

.familier-contenu .familier-icone
{
    float: left;
    border: 1px solid #6F665E;
    border-radius: 5px;
    width: 45px;
    box-shadow: 0px 0px 5px #2B554E;
}

.familier-header
{
    float : left; 
    margin-left : 15px;
}

.monture-info, .familier-info
{
    padding: 4px 8px;
    margin: 5px 5px 0 0;
    float: left;
}

.note_info .monture-info, .note_info .familier-info
{
    background-color: #6b4731;
}

.tabs-content .note2 .monture-info, .tabs-content .note2 .familier-info, #montures-description .note2 .monture-info
{
    background-color: #3a3a32;
}

.familier-info
{
    margin-top : 5px;
    padding : 2px 8px;
}

.familier-desc, .monture-desc
{
    margin-top : 10px;
}

.monture-contenu .wp-caption
{
    width : 500px !important;
    margin : 5px auto 0;
}

.monture-desc .wp-caption img
{
    width : 100% !important;
    height : auto !important;
}

.familier-desc .wp-caption
{
    margin : 10px auto 5px;
}

.tooltip-mascotte
{
    background-color: black;
    border: 1px solid #7E6708;
    border-radius : 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    box-shadow: 0 0 10px #000000;
    position: absolute;
    width: 300px;
    padding : 10px;
    display : none;
}

.type-titre
{
    font-size : 16px; 
    float : left;
}

.type-image
{
    float : right;
}

.tooltip-mascotte .description
{
    color : #c4a00e;
}

.tooltip-mascotte .force-faible
{
    float : left; 
    margin: -7px 5px 0 -7px; 
    vertical-align: middle;
}

.tooltip-mascotte .type2
{
    display : inline-block; 
    height : 25px; 
    margin: -3px 0 0 5px; 
    vertical-align: middle;
}

.list-liste
{
    width: 245px !important;
    border-radius: 5px;
}

.list-element
{
    width : 223px !important;
}

.list-description
{
    margin-top: 0;
}

.croix-clean
{
    position: absolute;
    left: 265px;
    margin-top: -4px;
    font-size: 17px;
    font-weight: bold;
    color: #929292;
    padding: 3px 6px;
    font-family: Helvetica;
    cursor: pointer;
}

.croix-clean:hover
{
    color: black;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // MEDAILLONS + BOSS
*/

.medaillon
{
    margin-right: 20px;
    width: 100px;
    cursor: pointer;
    display: inline-table;
}

.medaillon img
{
    border-radius : 50%;
    border: 2px solid rgb(110, 67, 40);
    box-shadow: 0 0 10px black inset;
    width: 100%;
}

.medaillon a, .medaillon.grise span, a .medaillon span
{
    background-color: rgb(110, 67, 40);
    color: #fff;
    text-align: center;
    padding: 3px;
    margin-top: 7px;
    display: block;
    font-size: 13px;
    margin-left: 4px;
}

.medaillon a:hover
{
    color : #fff;
}

.medaillon .boss
{
    font-size: 12px;
    opacity: 0.7;
}

.medaillon img:hover
{
    border: 2px solid #6A3E23;
}

.medaillon_container
{
    text-align: center;
    margin: 10px auto;
    padding-top: 2px;
}

.medaillon.grise, .guide_lien.grise, .medaillon.gris
{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    cursor : default;
}

.medaillon img 
{
    border : 2px solid #a56941;
}

.medaillon.vert img, .medaillon.vert img:hover
{
    border : 2px solid #30ab30;
}

.medaillon.vert span:not(.pourcentage), .medaillon.vert a 
{
    background-color : #30ab30;
}

.medaillon span:not(.pourcentage), .medaillon a
{
    background-color: #a56941;
    color: #fff;
    text-align: center;
    padding: 3px;
    margin-top: 7px;
    display: block;
    font-size: 13px;
    margin-left: 4px;
}

.medaillon img:hover
{
    border: 2px solid #a56941;
}

.filtres_medaillons 
{
    border-bottom: 1px solid #6b4731;
    margin-bottom : 10px;
    text-align: center;
}

.filtres_medaillons.specialisation
{
    display: none;
    background-color: rgba(22, 23, 16, 0.38);
    margin-top: -5px;
    border-bottom : none;
}

.filtres_medaillons .medaillon
{
    width: 45px;
    margin-right: 18px;
    opacity: 0.7;
    float: none;
    display: inline-block;
    text-align: center;
    line-height: 100%;
    padding: 0;
    margin-bottom : 15px;
}

.filtres_medaillons .medaillon.gris
{
    cursor: pointer;
}

.filtres_medaillons.specialisation .medaillon
{
    width: 70px;
    margin-bottom: 8px;
    margin-top: 2px;
}

.filtres_medaillons p:empty
{
    display: none;
}

.filtres_medaillons.specialisation .medaillon img
{
    width : 35px;
    display: block;
    margin: 0 auto 4px;
    text-align: center;
    border: 1px solid #734c33;
}

.filtres_medaillons .medaillon:hover
{
    opacity: 1;
}

.filtres_medaillons .medaillon span
{
    background : none;
    margin: 0;
    text-align: center;
    /* padding: 3px; */
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    font-size: 11px;
}

.filtres_medaillons .medaillon img
{
    width: 100%;
    border: 2px solid #6b4731;
    box-shadow: 0 0 10px black inset;
}

.filtres_medaillons .medaillon.actif
{
    opacity: 1;
}

.filtres_medaillons .medaillon.actif img
{
    border: 2px solid #d08659;
    box-shadow: 0 0 20px #825d46;
}

.boss_informations
{
    width : 450px;
    float : left;
}

.table_boss
{
    border-collapse: collapse;
    border-spacing: 0;
    width : 100%;
}

.table_boss td
{
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #3F240E;
    border-radius : 0;
}

.sommaire .guide_classe_icone_classe
{
    width: 18px;
    margin : 0 3px 0 0;
}

.guide_classe_icone_classe {
    width: 26px;
    float: left;
    margin: -5px 8px 0 0;
}

h5 .guide_classe_icone_classe {
    width: 18px;
    float: left;
    margin: -1px 7px 0 0;
}

h3 .guide_classe_icone_classe {
    width: 19px;
    float: left;
    margin: -1px 7px 0 0;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // CARTES INTERACTIVES
*/

.carte_interactive
{
    width: 772px;
    height: 515px;
    background-color: #181818 !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    line-height: 0;
    margin: auto;
    position: relative;
    /* border-radius: 10px; */
    border: 2px solid #6f5c54;
    box-shadow: 0 0 10px black;
    margin-top: 15px;
}

.carte_interactive .pin
{
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    z-index: 5
}

.carte_interactive .pin span
{
    position: relative;
    width: 12px;
    height: 12px;
    left: -5px;
    top: -5px;
    display: block;
    background-size: 100% !important;
    box-shadow: 0 0 10px #ffe998;
    border-radius: 50%;
    cursor : pointer;
}

.carte_interactive .pin.jaune span
{
    background: url(images/icons/cartes/pin-jaune.png) no-repeat;
}

.carte_interactive .pin.bleu span
{
    background: url(images/icons/cartes/pin-bleu.png) no-repeat;
    box-shadow: 0 0 10px #0588b3;
}

.carte_interactive .pin.violet span
{
    background: url(images/icons/cartes/pin-violet.png) no-repeat;
}

.carte_interactive .pin.rouge span
{
    background: url(images/icons/cartes/pin-rouge.png) no-repeat;
    box-shadow: 0 0 10px #9e0303;
}

.carte_interactive .pin.vert span
{
    background: url(images/icons/cartes/pin-vert.png) no-repeat;
}

.carte_interactive .pin.orange span
{
    background: url(images/icons/cartes/pin-orange.png) no-repeat;
}

.carte_interactive .pin.gris span
{
    background: url(images/icons/cartes/pin-gris.png) no-repeat;
}

.carte_interactive .pin.boss span
{
    background: url(images/icons/cartes/pin-boss.png) no-repeat;
    box-shadow: none;
    border-radius: 100%;
    width: 15px;
    height: 15px;
}

.tooltip 
{
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 1;
  padding: 5px 10px;
  background-color: rgba(51, 45, 41, 0.95);
  border-radius: 5px;
  color: #FFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #c0c0c0;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  box-shadow: 0 0 2px #000;
  max-width: 250px;
}

.tooltip .titre
{
    font-weight: bold;
    display: block;
    color: #e4dc6e;
    text-align: left;
}

.tooltip .desc
{
    text-align: left;
    display: block;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ARTICLES CONNEXES
*/

.articles_connexes_wrapper
{
    min-height: 170px !important;
    padding: 15px 20px;
}


.articles_connexes_wrapper .main
{
    float : left;
    width: 270px;
}

.articles_connexes_wrapper .main a
{
    position: relative;
    display: block;
    border-bottom: 2px solid #251f19;
}

.articles_connexes_wrapper .main a:hover, .articles_connexes_wrapper .main a:focus,.articles_connexes_wrapper .main a:active
{
    border-bottom: 2px solid #cce618;
    text-decoration: none;
}

.articles_connexes_wrapper .main span
{
    display: block;
    font-size: 14px;
    color: #e8dbca;
    font-weight: bold;
    margin-top: 0;
    background-color: rgb(37, 31, 25);
    padding: 7px 15px 8px;
    line-height: 130%;
    width: 270px;
}

.articles_connexes_wrapper .reste
{
    margin-left: 20px;
    margin-left: 295px;
}

.articles_connexes_wrapper .reste h3
{
    font-weight: bold;
    border-bottom: 1px solid #6b4e36;
    padding-bottom: 10px;
    font-size: 16px;
    margin-top: 0;
}

.articles_connexes_wrapper .reste h3 i
{
    font-size: 13px;
}


.articles_connexes_wrapper .reste .article
{
    display: block;
    margin-bottom: 10px;
}

.articles_connexes_wrapper .reste .article i.fa-chevron-right
{
    color: #e8dbca;
    margin-right: 8px;
}

.articles_connexes_wrapper .reste .article a
{
    font-size: 14px;
}

.articles_connexes_wrapper .reste .article .commentaires
{
    margin-left : 8px;
    font-size: 13px;
    float: right;
}

.articles_connexes_wrapper .reste .article .commentaires i 
{
    margin-right : 0;
    color: #99aa0b;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // BBCODE (MONTURES, OBJETS, ETC.)
*/

.monture_lien img
{   
    height: 17px;
    border-radius: 5px;
    border: 1px solid rgb(107, 78, 54);
    margin-right: 5px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 //  BBCODE TOOLTIP
*/

.tooltip_inline_wrapper
 {
  position: absolute;
  z-index: 1030;
  display: block;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 1;
}

.tooltip_inline_wrapper .image_wrapper, .tooltip_inline_wrapper .content
{
    background-color: rgba(51, 45, 41, 0.95);
    border-radius: 5px;
    padding : 5px;
    float : left;
    border: 1px solid #c0c0c0;
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    box-shadow: 0 0 2px #000;
}

.tooltip_inline_wrapper .image_wrapper
{
    background-color: #342d29;
    border: 1px solid rgb(192, 192, 192);
    border-left: 1px solid #a0a0a0;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    box-shadow: 0 0 2px #000;
    padding: 2px;
}

.tooltip_inline_wrapper .content
{
    width : 300px;
    padding: 5px 10px;
    font-size : 13px;
}

.tooltip_inline_wrapper .content .titre
{
    font-size: 14px;
    margin-bottom : 3px;
    margin-top : 0;
    font-weight: bold;
}

.tooltip_inline_wrapper .content .description
{
    margin-bottom  : 0;
    margin-top: 0px;
    font-size: 12px;
}

.tooltip_inline_wrapper .image_wrapper
{
    margin-right : 5px;
    margin-top: 0;
}

.tooltip_inline_wrapper .image_wrapper .image
{
    float: left;
    position: relative;
    height: 52px;
    width: 52px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 115%;
    border-radius: 5px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // SONDAGES
*/

.sondage_wrapper
{
    background-color: rgba(22, 23, 16, 0.38);
    padding: 10px 20px;
    margin: 5px 0 15px 0;
    width: 70%;
    margin: 10px auto 10px;
}

.sondage_wrapper h3
{
    font-size: 18px;
    margin: 0;
    line-height: 130%;
    border-bottom: 1px solid #0c0b08;
    padding-bottom: 10px;
}

.sondage_wrapper ul
{
    text-align: left;
    list-style: none;
    float: none;
    margin-left : 0;
    border-top: 1px solid #5f4939;
    margin-top: 0;
    padding-top: 10px;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sondage_wrapper ul li
{
    text-align: left;
    background-image: none;
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.sondage_wrapper ul li .stats
{
    font-size : 12px;
    font-weight: bold;
    margin-left: 8px;
    color: #F9B515;
}

.sondage_wrapper .total_votants
{
    text-align: center;
    font-size : 13px;
    margin-bottom: 5px;
    margin-top: 0;
}

.sondage_wrapper .pollbar
{
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 14px;
    height: 18px;
    background: #99aa0b;
    border: 1px solid #d8ec2a;
    box-shadow: 0 0 2px #738009;
    border-radius: 0;
}

.sondage_wrapper .reponse_vote
{
    clear : left;
    margin-bottom: 0px;
}

.sondage_wrapper .reponse_vote input, .sondage_wrapper .reponse_vote label
{
    float : left;
}

.sondage_wrapper .reponse_vote input
{
    margin-right: 4px;
    display: inline-block;
    width: 20px;
    border: none;
    box-shadow: none;
}

.sondage_wrapper .reponse_vote label
{
    margin-top: 0px;
    font-size: 15px;
    float: none;
    font-weight: normal;
    cursor: pointer;
}

.sondage_wrapper .voter_sondage
{
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // CONCOURS
*/

#concours_main
{
    background-color: black;
    padding: 15px 20px;
    border: 2px solid grey;
    background-image : url(/wp-content/uploads/2016/06/13/fond-concours-legion-noir1.jpg);
    background-position: 0;
    margin-top: 20px;
    background-size: cover;
}

#concours_main h2
{
    color: white;
    border: none;
    font-size: 25px;
    margin: 0;
}

.resultats_concours ul
{
    float : left;
    width : 19%;
    margin : 0;
}

#formulaire_concours .champs_wrapper .boutons_connexion
{
    width: 365px;
    margin: 15px auto 10px;
}

#formulaire_concours .label-titre
{
    margin-top: 10px;
    font-size: 15px;
    color: #F5F39F;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: 2px 1px 1px black;
}

#formulaire_concours .label-titre.success
{
    color: #9BDA32;
}

#formulaire_concours .label-titre.error
{
    color: #e73619;
}

#formulaire_concours .reponse
{
    clear : both;
    margin : 2px 0;
}

#formulaire_concours input[type=text]
{
    padding: 5px 7px;
    border-radius: 5px;
    width: 270px;
    outline: 0;
    font-size: 15px;
    background: url(images/concours/input-bg.png) repeat-x scroll 0 0 #FFFFFF;
    border: 2px solid #C0C0C0;
    color: #000000;
    font-family: "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;
    font-size: 14px;
    display: block;
    margin: 5px 0 15px;
}

#formulaire_concours input[type=text]:focus
{
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 2px solid #6f665e;
}

#formulaire_concours input.success[type=text]
{
    background: #BFDE8B;
    border: 2px solid green;
}

#formulaire_concours input.error[type=text]
{
    background: #E0A3A3;
    border: 2px solid #A21C1C;
}

#formulaire_concours h4
{
    color : #F5F39F;
    margin-bottom : 0;
    clear: left;
}

#formulaire_concours .question label
{
    margin-left : 8px;
    cursor: pointer;
}

#formulaire_concours .resultat
{
    width : 500px;
}


#formulaire_concours .resultat .success
{
    color: #F5F39F;
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
}

#concours_main .note.info:not(.error)
{
    background-color : rgba(74, 74, 73, 0.87);
    color: #e2e2e2;
}

#concours_main .note.info
{
    margin-bottom: 0;
}

#concours_main .note.info.error
{
    color : white;
}

#concours_main .note.info:empty
{
    display: none;
}

#concours_main .info .success
{
    color : #c4de29;
}

#concours_main .info .info
{
    color : #ded329;
}

#vol-legion-formulaire, #parangon-argus-formulaire, #races-alliees-formulaire, #vol-bfa-formulaire
{
    text-align : center;
    margin-top: 10px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // FORMULAIRE VOL LEGION
*/

.outils_home
{
    background-color: rgb(51, 45, 40);
    background-size: cover;
    height: 60px;
}

.outils_home.article
{
    background: none;
    margin-top: 5px;
    height: auto;
}

.outils_home .titre
{
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 5px black;
    line-height: 100%;
    float: left;
    padding: 21px 20px;
    cursor: default;
}

.outils_home .sous-titre
{
    margin-top: 4px;
    font-style: italic;
}

.outils_home .sous-titre a
{
    font-size: 13px;
    color: #99aa0d;
    text-shadow: none;
}

.outils_home .sous-titre a:hover
{
    color : #c1d615;
}

.outils_home .titre img 
{
    float: left;
    width: 25px;
    border: 1px solid #d87297;
    margin: -4px 10px 0 0;
    border-radius: 50%;
}

.outils_home #vol-legion-formulaire, .outils_home #races-alliees-formulaire, .outils_home #parangon-argus-formulaire, .outils_home #vol-bfa-formulaire
{
    text-align: right;
    padding-top: 2px;
    padding-right: 20px;
    margin-top: 0;
}

.outils_home .outils_liste
{
    position: absolute;
    margin: 60px 0 0 0;
    z-index: 1;
    width: 221px;
}

.outils_home .outils_liste .outil
{
    background-color: #4a3f39;
    padding: 10px 34px;
    font-size: 14px;
    border-top: 1px solid black;
    border-left: 2px solid #4a3f39;
    color : #eaeaea;
    cursor: pointer;
}

.outils_home .outils_liste .outil:hover {
    border-left: 2px solid #cce618;
    background-color: #2d2924;
}

#vol-legion-formulaire input, #vol-legion-formulaire select, #parangon-argus-formulaire input, #parangon-argus-formulaire select, #races-alliees-formulaire input, #races-alliees-formulaire select, #vol-bfa-formulaire input, #vol-bfa-formulaire select
{
    width: 25%;
    margin: 10px 5px;
    padding: 5px 7px;
    border-radius: 5px;
    outline: 0;
    background: url(images/concours/input-bg.png) repeat-x scroll 0 0 #FFFFFF;
    border: 2px solid #f9f9f9;
    color: #000000;
    font-family: "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;
    font-size: 14px;
}

#vol-legion-formulaire select, #parangon-argus-formulaire select, #races-alliees-formulaire select, #vol-bfa-formulaire select
{
    height: 34px;
}


#vol-legion-formulaire input[type=text]:focus, #parangon-argus-formulaire input[type=text]:focus, #races-alliees-formulaire input[type=text]:focus, #vol-bfa-formulaire input[type=text]:focus
{
    background: none repeat-x scroll 0 0 #FFFFFF;
    border: 2px solid #c0d418;
}

#vol-legion-formulaire .btn-success, #parangon-argus-formulaire .btn-success, #races-alliees-formulaire .btn-success, #vol-bfa-formulaire .btn-success
{
    width: 150px;
    font-size: 15px;
    border: 1px solid #99aa0b;
    margin-left: 5px;
    border-radius: 3px;
    background: rgb(153, 170, 11);
    color: #ffffff;
    text-shadow: 0 1px 1px #484848;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ASSAUTS LEGION et BFA
*/

#assauts-legion, #assauts-bfa
{
    /*background-image : url(/css/images/assauts/assauts-legion-fond.jpg?v=2);*/
    background-size: cover;
    min-height: 79px;
    cursor: pointer;
    display: none;
}

#assauts-legion .chargement, #assauts-bfa .chargement
{
    margin-left: 250px;
    margin-top: 15px;
    font-size: 15px;
    text-align: center;
    color: #a99274;
}

#assauts-legion .texte, #assauts-bfa .texte 
{
    margin-left: 330px;
}   

#assauts-legion .titre, #assauts-bfa .titre
{
    font-size: 18px;
    margin-bottom: 2px;
}

#assauts-legion .titre.actif, #assauts-bfa .titre.actif 
{
    color: #92ec34;
}

#assauts-legion .description, #assauts-bfa .description
{
    color : #a99174;
    font-size: 12.5px;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // ECRANS CONNEXION / INSCRIPTION / ETC.
*/

.popover_window .close_button
{
    position: absolute;
    right: 2px;
    top: 26px;
    background-color: rgb(83, 69, 59);
    border-right: 2px solid rgb(83, 69, 59);
    font-size: 15px;
    font-family: arial;
    color: #fff3df;
    padding: 3px 8px 5px 10px;
    cursor: pointer;
}

.popover_window  .close_button:hover
{
    border-right: 2px solid #99aa0b;
    color: #fff;
}

.popover_window .close_button i
{
    margin-right: 7px;
}

.popover_window h2
{
    margin-bottom: 0;
    font-size: 30px;
}

.popover_window 
{
    width: 600px;
    left: 50%;
    margin-left : -300px;
    padding: 0;
    position: absolute;
    top: 15%;
    min-height: 400px; 
    z-index : 1001; 
}

.popover_window.fixed
{
    left: 50%;
    margin-left: -300px;
    padding: 0;
    position: fixed;
    top: 15%;
    width: 600px;
    z-index: 1001;
}

.popover_window .header
{
    margin: auto;
    text-align: center;
    font-size: 24px;
    font-family: 'Tondu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: 0 0 5px black;
    font-style: italic;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.popover_window .separation
{
    clear: both;
    padding-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bbae9d;
}

.popover_window .support
{
    float: right;
    font-size: 12px;
}

.popover_window .wrapper
{
    font-size : 13px;
    background-color: #d2c5b5;
    color: #333;
    border: 2px solid #000000;
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.05),inset -1px 0px 10px rgba(0, 0, 0, 0.07);
}

.popover_window .left
{
    float : left;
}

.popover_window .right
{
    float : right;
}

.popover_window .inner_wrapper
{
    margin : 15px;
}

.popover_window a
{
    text-decoration: none;
    color: #bf8500;
    font-weight: bold;
}

.popover_window a:hover
{
    text-decoration : none;
}

.popover_window .boutons_wrapper
{
    text-align: center;
}

.popover_window .boutons_wrapper .btn.grand
{
    padding: 8px 30px;
    font-size: 15px;
}

.popover_window .btn-success
{
    margin-right : 5px;
}

.popover_window label
{
    margin-bottom : 5px;
    display: block;
}

.popover_window .rememberme span
{
    margin-top: 1px;
    margin-left: 3px;
}

.popover_window .btn:first-of-type
{
    margin-right: 5px;
}

.popover_window .login-info, .ajax-info
{
    margin: 10px 0 0 0;
    color: #272421;
    display: none;
    background-color: rgba(0, 0, 0, 0.07);
    padding: 5px 10px;
}

.sondage_wrapper .ajax-info
{
    background-color: rgba(255, 255, 255, 0.07);
}

.popover_window .alert_info
{
    float : left; 
    margin : 5px 0 0 5px;
    display: none;
}

.popover_window span.success, .popover_window label.success, #reagir_forum .info span.success, .info span.success, .ajax-info .success
{
    color : #99aa0b;
}

.popover_window label.success i
{
    margin-right: 2px;
}

#reagir_forum .info span.success2, .popover_window .info span.success2, .success2
{
    color : #99aa0b;
}

#reagir_forum .info span.info_warning
{
    color : #473615;
}

.popover_window .input
{
    clear : left;
    border: 1px solid #bbae9d;
    color: #000000;
    font-family: "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif;
    font-size: 14px;
    padding: 7px;
    width: 230px;
}

.popover_window .legende
{
    font-size: 12px;
    font-style: italic;
    margin-top: 4px;
    display: block;
}

.popover_window label.error, .login-info .error, #reagir_forum .info span.error,  #titre-label.error, .ajax-info .error
{
    color : #c3331a;
}

.sondage_wrapper .ajax-info .error
{
    color: #ff5436;
}

.popover_window label.error i
{
    margin-right: 2px;
}

#changer_mdp_window_wrapper .header h2
{
    font-size: 25px;
}

#changer_mdp_window_wrapper .close_button
{
    top : 20px;
}

.popover_window .valider
{
    margin-right: 5px;
}

.popover_window #passeoublielien
{
    display: block;
    cursor: pointer;
}

.popover_window #passeoublielien:hover
{
    text-decoration: underline;
}

.popover_window .passeoublie_wrapper
{
    margin-top: 10px;
    clear: both;
}

.popover_window .passeoublie_wrapper p, #creation_compte_window_wrapper p
{
    margin-bottom: 0;
}


.popover_window .passeoublie_wrapper .buttons_wrapper
{
    clear: both;
    margin-top: 10px;
}

.popover_window .passeoublie_wrapper .buttons_wrapper .btn-success
{
    margin-right: 5px;
}


/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // MON COMPTE
*/

.mon_compte h1
{
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #ffffff;
}

.mon_compte .profil_wrapper
{
    width: 500px;
    float: left;
}

.mon_compte .avatar_wrapper
{
    float: left;
    margin: 0 0 0 110px;
}

.mon_compte table tr th
{
    border : none;
}

.mon_compte table tr td
{
    border-top: 1px solid #6b4e36;
}

.mon_compte .avatar_wrapper.mon_compte
{
    cursor: pointer;
}

.mon_compte .avatar_wrapper p
{
    text-align: center;
}

.mon_compte .avatar_profil
{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.84);
    margin-top: 10px;
    width: 110px;
}

.mon_compte .avatar_wrapper .btn
{
    display: block;
    margin: 10px auto 0;
    font-size: 13px;
}

.mon_compte .presentation:hover
{
    background-color: rgba(243, 238, 186, 0.86);
    color: #222;
    cursor: pointer;
}

.mon_compte .presentation.actif:hover
{
    background-color : rgba(22, 23, 16, 0.38);
}

.mon_compte .presentation textarea
{
    width: 100%;
    border: none;
    height: 80px;
    color : #333;
    padding: 5px 10px;
}

.mon_compte .presentation .btn
{
    margin-top: 10px;
    margin-right: 5px;
}

.mon_compte .presentation .countdown
{
    float: right;
    margin-top: 10px;
    color : #ecdfce;
}

.mon_compte .presentation .info
{
    margin: 10px 0 0 0;
    color: #272421;
    display: block;
    background-color: rgba(255, 255, 255, 0.13);
    padding: 5px 10px;
    color: #99aa0b;
}

#galerie_popover 
{
    width: 800px;
    margin-left: -400px;
}

#galerie_popover .valider
{
    text-align: center;
}

#galerie_popover .loading
{
    margin-left: 5px;
}

#galerie_popover .avatar_galerie
{
    display: inline-block;
    margin-top : 2px;
    margin-bottom: 13px;
    margin-right: 15px;
    border-radius: 10px;
    cursor : pointer;
    border: 1px solid rgba(87, 67, 53, 0);
}

#galerie_popover .avatar_galerie.selected
{
    opacity: 1 !important;
    box-shadow: rgb(0, 0, 0) 0px 0px 3px;
    border: 1px solid #cce618 !important;
}

#galerie_popover .avatar_galerie:hover
{
    box-shadow: 0 0 1px #000000;
    border: 1px solid #cce618;
}

#galerie_popover .avatar_galerie img
{
    border-radius: 10px;
    float: left;
}

#galerie_popover .avatar_galerie img:hover
{
    opacity: 0.7;
}

#avatar_galerie
{
    display: block;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#avatar_galerie::-webkit-scrollbar {
    width: 12px;
}

#avatar_galerie::-webkit-scrollbar-track {
   border-radius: 3px;
   background-color : #c4b8aa;
}

#avatar_galerie::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color : #53453c ;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // PUBLICITE
*/

.well .publicite_horizontale_well
{
    margin-top: 10px;
}

.well.publicite_horizontale_wrapper
{
    padding: 0;
    min-height: 115px;
}

.big_banner .publicite_horizontale_well
{
    margin: 10px 0 0;
    background-color: rgba(30, 26, 23, 0.59);
    padding: 15px 0;
    position: relative;
    min-height: 120px;
}

.publicite_sidebar
{
    margin: 15px 0 10px 18px;
    text-align: right;
    position: relative;
    min-height: 250px;
}

.publicite_sidebar+h3
{
    margin-top: 15px;
}

.publicite_sidebar #cg_922, .publicite_sidebar #cg_19176
{
    text-align: right !important;
}

.message_pedagogie
{
    background-color : #141414;
    color : grey;
    font-size: 15px;
    position: absolute;
}

.message_pedagogie .titre
{
    font-size: 22px;
    font-family: 'Tondu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-shadow: 0 0 5px black;
    font-style: italic;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 10px 5px;
}

.message_pedagogie .texte
{
    margin: 0px 10px;
}

.message_pedagogie.horizontale
{
    width : 728px;
    height: 90px;
    margin-left: -364px;
    left: 50%;
    z-index: 1;
}

.message_pedagogie.horizontale .texte
{
    float :left;
    width : 550px;
}

.message_pedagogie.horizontale a
{
    color : rgb(153, 170, 11);
}

.message_pedagogie.horizontale i
{
    font-size: 12px;
    margin-left: 3px;
}

.message_pedagogie.horizontale .bouton_wrapper
{
    float: right;
}

.message_pedagogie.pave .titre
{
    text-align: left;
    margin : 8px 0 5px;
}

.message_pedagogie.pave .texte
{
    text-align: left;
    line-height: 140%;
}

.message_pedagogie.pave
{
    width : 300px;
    height: 250px;
    margin-left : 20px;
    background-color: #353535;
    z-index: 1;
}

.message_pedagogie.pave a
{
    margin-top: 10px;
    display: block;
}

#cgBannerATF1
{
    position: relative;
}

#criteoDivPaveATF, #criteoDivPaveBTF
{
    position: absolute;
    margin-left: 20px;
}

.publicite_sidebar #div922, .publicite_sidebar #div19176
{
    text-align: right !important;
}

.article-titre .tag.sponsorise, .liste_articles .article .tag.sponsorise, .vignette .tag
{
    background-color: #DC5353;
    color: white;
    padding: 3px 8px;
    margin: 1px 4px 0 0;
    line-height: 150%;
    font-size: 13px;
}

.article-suite .tag.sponsorise.mobile
{
    display: none;
}

/*
 //////////////////////////////////////////////////////////////////////////////////////////////
 // NATIVE PUBLICITE
*/

.well.ea_native_element
{
    min-height: 125px;
}
































