/* méta */
/* BODY */
body {
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: #0b0b0b;
    /*font-family:Arial,Helvetica,sans-serif;*/
    font-family: open sans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #1e1e1e;
    overflow-y: scroll;
}

/* GENERAL */
.clear {
    clear: both;
}

.red {
    color: #ff0000;
}

.bold {
    font-weight: bold;
}

img {
    vertical-align: bottom;
}

h1 {
    margin: 0;
    padding: 0;
    color: #f0f0f0;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px #000000;
}

h1.titre-news {
    font-size: 26px;
    text-shadow: none;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.2;
}

.subtire-news {
    font-size: 18px;
    margin-bottom: 15px;
    color: #767676;
}

.block-titre-news {
    border-bottom: 1px solid #767676;
    margin-bottom: 10px;
}

.block-infos-news {
    margin-bottom: 10px;
}

.postby,
.postby a,
.date-post,
.post-separator,
.tags-quote {
    color: #767676 !important;
}

.post-separator {
    margin: 0 5px 0 5px;
}

.twitter-news {
    color: #1b95e0;
}

.facebook-news {
    color: #4267B2;
}

.youtube-news {
    color: #FF0000;
}

.date-update {
    color: #ea0000 !important;
}

#newsimg img {
    webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    border: 1px solid #dcdcdc;
    cursor: auto;
    width: 100%;
    height: 250px;
    max-width: 820px;
}

/*article {
    font-family: Source Serif Pro,serif;
    font-weight: 400;
}*/

#titreprincipal h2 {
    margin: 0;
    padding: 0;
    color: #f0f0f0;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px #000000;
}

#titreclassique h1 {
    font-size: 18px;
}

.fr-view h1,
.old-contenu h1 {
    color: #000;
    font-weight: 500;
}

.fr-view h2,
.fr-view h3,
.fr-view h4,
.old-contenu h2,
.old-contenu h3,
.old-contenu h4 {
    font-weight: bold;
}

.fr-view h2,
.old-contenu h2 {
    font-size: 16px;
    margin-bottom: 14px;
}

.fr-view h3,
.old-contenu h3 {
    font-size: 14px;
}

.fr-view h4,
.old-contenu h4 {
    font-size: 14px;
}

h2 {
    margin: 0;
    padding: 0;
    color: #1e1e1e;
    font-size: 14px;
    font-weight: normal;
}

a.nocolor:link {
    text-decoration: none;
}

a.nocolor:visited {
    text-decoration: none;
}

a.nocolor:active {
    text-decoration: none;
}

a.nocolor:hover {
    text-decoration: none;
}

a.basecolor:link {
    text-decoration: none;
    color: #1e1e1e;
}

a.basecolor:visited {
    text-decoration: none;
    color: #1e1e1e;
}

a.basecolor:active {
    text-decoration: none;
    color: #1e1e1e;
}

a.basecolor:hover {
    text-decoration: none;
    color: #1e1e1e;
}

a.classic:link {
    text-decoration: none;
    color: #0064be;
}

a.classic:visited {
    text-decoration: none;
    color: #0064be;
}

a.classic:active {
    text-decoration: none;
    color: #0064be;
}

a.classic:hover {
    text-decoration: none;
    color: #ff5005;
}

a:link, .profil-utilisateur {
    text-decoration: none;
    color: #0064be;
}

a:visited {
    text-decoration: none;
    color: #0064be;
}

a:active {
    text-decoration: none;
    color: #0064be;
}

a:hover, .profil-utilisateur:hover {
    text-decoration: none;
    color: #ff5005;
}

a.abo:link {
    text-decoration: none;
    color: #0064be;
}

a.abo:visited {
    text-decoration: none;
    color: #0064be;
}

a.abo:active {
    text-decoration: none;
    color: #0064be;
}

a.abo:hover {
    text-decoration: none;
    color: #ffffff;
}

a.specialmenu:link {
    text-decoration: none;
    color: #ff9200;
}

a.specialmenu:visited {
    text-decoration: none;
    color: #ff9200;
}

a.specialmenu:active {
    text-decoration: none;
    color: #ff9200;
}

a.specialmenu:hover {
    text-decoration: none;
    color: #ffff00;
}

/* ANCIEN */
.titre {
    color: #008c00;
}

.contenu {
    font-size: 14px;
    color: #1e1e1e;
}

.smallcontenu {
    font-size: 12px;
    color: #1e1e1e;
}

.altcolor {
    font-size: 14px;
    color: #646464;
}

.smallaltcolor {
    font-size: 12px;
    color: #646464;
}

.altercolor {
    font-size: 14px;
    color: #646464;
}

.smallaltercolor {
    font-size: 12px;
    color: #646464;
}

.bgtable {
    background-color: #ffffff;
    border: 0px;
}

.bgtableclair {
    background-color: #f5f5f5;
}

.dbtableclair {
    background-color: #f5f5f5;
}

.dbtablefonce {
    background-color: #e6e5e5;
}

.dbtabletitre {
    background-color: #ffffff;
}

.dbtablesep {
    background-color: #3c4646;
}

/* TOP */
#top {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 90px;
    background-color: #141e1e;
}

#topinside {
    padding: 0;
    margin: 0 auto;
    width: 1200px;
    height: 90px;
    background-color: #141e1e;
}

#topgauche {
    float: left;
    padding: 0;
    margin: 0;
    width: 200px;
    height: 90px;
}

#topflotte {
    float: left;
    margin: 6px 0 0 75px;
    width: 320px;
    text-align: left;
    line-height: 20px;
    color: #787878;
    font-size: 14px;
}

#topflottetxt {
    margin: 0 0 0 20px;
}

#topflotteicon {
    margin: 0 0 0 1px;
    width: 320px;
}

.topflotteimg {
    float: left;
    margin: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
}

.topflotteimg:hover {
    background-color: #b4b4b4;
    -moz-box-shadow: 0 0 2px 2px #b4b4b4;
    -webkit-box-shadow: 0 0 2px 2px #b4b4b4;
    box-shadow: 0 0 2px 2px #b4b4b4;
}

.topflotteimgencours {
    float: left;
    margin: 5px 5px 5px 5px;
    width: 30px;
    height: 30px;
    background-color: #b4b4b4;
    -moz-box-shadow: 0 0 2px 2px #b4b4b4;
    -webkit-box-shadow: 0 0 2px 2px #b4b4b4;
    box-shadow: 0 0 2px 2px #b4b4b4;
}

#topdroite {
    float: right;
    margin: 35px 0 0 0;
    width: 600px;
    text-align: right;
}

.topbutton {
    padding: 35px 10px 32px 10px;
    height: 90px;
    font-size: 14px;
    border-left: 1px solid #1e2828;
    text-shadow: 1px 1px #000000;
}

.topbutton:hover {
    background-color: #1e2828;
    border-left: 1px solid #1e2828;
}

a.toplien:link {
    text-decoration: none;
    color: #b4b4b4;
}

a.toplien:visited {
    text-decoration: none;
    color: #b4b4b4;
}

a.toplien:active {
    text-decoration: none;
    color: #b4b4b4;
}

a.toplien:hover {
    text-decoration: none;
    color: #ffffff;
}

a.topabo:link {
    text-decoration: none;
    color: #ff9200;
}

a.topabo:visited {
    text-decoration: none;
    color: #ff9200;
}

a.topabo:active {
    text-decoration: none;
    color: #ff9200;
}

a.topabo:hover {
    text-decoration: none;
    color: #ffff00;
}

/* TOP UNDER */
#under {
    padding: 0;
    width: 100%;
    height: 44px;
    background-color: #323c3c;
    border-bottom: 1px solid #141e1e;
    z-index: 2 !important;
}

#underinside {
    padding: 0;
    margin: 0 auto;
    width: 1200px;
    height: 44px;
    background-color: #323c3c;
    border-bottom: 1px solid #141e1e;
}

#underleft {
    float: left;
    margin: 0;
    width: 550px;
    height: 43px;
    line-height: 43px;
    text-align: left;
}

#underleft svg {
    margin-right: 5px;
    vertical-align: middle;
}

#underleft a {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
}

.notice1 {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 0;
    vertical-align: middle;
}

.notice2 {
    display: inline-block;
    color: #ff9200;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.facolor1 {
    color: #ff9200;
}

#underright {
    float: right;
    padding: 5px 10px 0 0;
    margin: 0;
    width: 220px;
    text-align: right;
}

#connecte {
    float: right;
    padding: 13px 15px 0 0;
    margin: 0;
    width: 200px;
    text-align: right;
    color: #787878;
    font-size: 14px;
    text-shadow: 1px 1px #000000;
}

#reseau {
    padding: 0;
    margin: 0;
    width: 220px;
    height: 32px;
    text-align: left;
    background-color: #1e2828;
    border: 1px solid #787878;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#reseau:hover {
    cursor: pointer;
    cursor: hand;
}

.reseautxt {
    position: absolute;
    padding: 7px 0 0 13px;
    width: 210px;
    color: #c8c8c8;
    font-size: 14px;
}

.reseaufleche {
    position: absolute;
    margin: -3px 0 0 184px;
}

.facolor2 {
    color: #ff9200;
}

.reseaulist {
    padding: 5px 0 0 0;
    margin: 0;
    width: 208px;
    height: 21px;
    color: #c8c8c8;
    background-color: #1e2828;
    border-bottom: 1px solid #141e1e;
    text-align: left;
}

.reseaulist:hover {
    background-color: #323c3c;
    border-bottom: 1px solid #141e1e;
    color: #ffffff;
}

.reseaulistlast {
    padding: 5px 0 0 0;
    margin: 0;
    width: 208px;
    height: 21px;
    color: #c8c8c8;
    background-color: #1e2828;
    text-align: left;
}

.reseaulistlast:hover {
    background-color: #323c3c;
    color: #ffffff;
}

.facolor3 {
    color: #ffff00;
}

a.lienreseau:link {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienreseau:visited {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienreseau:active {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienreseau:hover {
    text-decoration: none;
    color: #ffffff;
}

/* MAIN */
#habillage {
    /*padding: 10px 0 10px 0;*/
    margin: 0 auto;
    width: 100%;
    background-color: #0b0b0d;
    /* background-image:url('/design/fondsite.jpg'); */
    /* background-repeat:repeat; */
    /* background-attachment:fixed; */
    /* background-position: center; */
    /* background-size: 100% auto; */
}

/* PUB BANNIERE */
#debutsite {
    padding: 10px 20px 0 20px;
    width: 1160px;
    min-height: 97px;
    background-color: #f0f0f0;
}

#debutsiteabo {
    padding: 10px 20px 0 20px;
    width: 1160px;
    height: 0px;
    background-color: #f0f0f0;
}

.banundertxt1 {
    position: absolute;
    margin: 15px 0 0 283px;
    color: #f0f0f0;
    font-size: 30px;
}

.banundertxt2 {
    position: absolute;
    margin: 50px 0 0 10px;
    width: 700px;
    text-align: center;
    color: #f0f0f0;
    font-size: 16px;
}

/* ANNONCE */
#annonce {
    padding: 6px 20px 0 20px;
    width: 1160px;
    overflow: auto;
    background-color: #f0f0f0;
}

#annoncecadre {
    padding: 10px 10px 10px 10px;
    margin: 0 0 5px 0;
    float: left;
    width: 1138px;
    min-height: 1px;
    background-color: #ffffff;
}

#annoncetitre {
    float: left;
    width: 940px;
    padding: 0 0 10px 0;
    font-size: 16px;
    text-align: left;
}

#annoncecache {
    float: left;
    width: 198px;
    padding: 0 0 10px 0;
    font-size: 14px;
    text-align: right;
    cursor: pointer;
}

.facolorannonce1 {
    color: #ff9200;
}

.facolorannonce2 {
    color: #ff0000;
}

/* BANNIERE DU SITE */
#siteban {
    padding: 10px 20px 0 20px;
    width: 1160px;
    overflow: auto;
    background-color: #f0f0f0;
}

#sitebanleft {
    float: left;
    padding: 0;
    margin: 0;
    width: 820px;
    height: 110px;
    text-align: left;
    background-color: #141e1e;
}

.sitebanbarre1 {
    position: absolute;
    float: left;
    padding: 0;
    margin: 0;
    width: 820px;
    height: 5px;
    background-color: #141e1e;
}

.sitebantitre {
    position: absolute;
    float: left;
    padding: 5px 0 0 0;
    margin: 0;
    width: 820px;
    height: 100px;
    z-index: 1;
}

.sitebanbarre2 {
    position: absolute;
    float: left;
    margin: 0;
    width: 820px;
    height: 5px;
    background-color: #141e1e;
}

.sitebannomback {
    position: absolute;
    margin: 4px 0 0 0;
    padding: 10px 20px 10px 20px;
    background-color: #141e1e;
    opacity: 0.9;
    color: #141e1e;
    font-size: 28px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 2;
}

.sitebannomfront {
    position: absolute;
    margin: 4px 0 0 0;
    padding: 10px 20px 10px 20px;
    color: #ffffff;
    font-size: 28px;
    text-shadow: 1px 1px #000000;
    z-index: 3;
}

#sitebanright {
    padding: 0;
    margin: 0;
    float: right;
    width: 320px;
    height: 190px;
    text-align: left;
}

#sitebanrightup {
    padding: 0;
    margin: 0;
    float: left;
    width: 320px;
    height: 130px;
    text-align: left;
}

.sitebanpromo {
    position: absolute;
    margin: 0;
    width: 320px;
    height: 130px;
    z-index: 1;
}

.sitebanpromoback {
    position: absolute;
    margin: 94px 0 0 0;
    padding: 0;
    background-color: #141e1e;
    opacity: 0.8;
    width: 320px;
    height: 36px;
    color: #141e1e;
    font-size: 14px;
    z-index: 2;
}

.sitebanpromofront {
    position: absolute;
    margin: 99px 0 0 0;
    padding: 0;
    width: 320px;
    height: 40px;
    color: #c8c8c8;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-shadow: 1px 1px #000000;
    z-index: 3;
}

.sitebanpromoonline {
    position: absolute;
    margin: 1px 0 0 1px;
    padding: 0;
    width: 314px;
    height: 124px;
    border: 2px solid #ffff00;
    z-index: 4;
}

.sitebanpromoonlinetxt1 {
    position: absolute;
    margin: 10px 10px 0 10px;
    padding: 4px 6px 2px 6px;
    color: #b19bd9;
    font-size: 16px;
    text-align: right;
    z-index: 4;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sitebanpromoonlinetxt2 {
    position: absolute;
    margin: 10px 10px 0 232px;
    padding: 4px 6px 2px 6px;
    color: #ffffff;
    font-size: 16px;
    text-align: right;
    z-index: 4;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.facolorlive {
    color: #ff0000;
}

#sitebanrightdown {
    padding: 0;
    margin: 10px 0 0 0;
    float: left;
    width: 320px;
    height: 50px;
    text-align: left;
}

#social {
    width: 100%;
    padding: 12px 11px 5px 9px;
    margin: 0;
    float: left;
    font-size: 22px;
    text-align: center;
}

.social-discord {
    width: 100%;
    text-align: center;
}

.social-discord .discord {
    padding-left: 10px;
}

#discord .discord img {
    width: 35px;
}

.fasocial {
    padding: 0 24px 0 0;
    /*text-shadow:0px 0px 10px #000000;*/
    color: #283232;
}

.fasocial:hover {
    text-shadow: 0px 0px 10px #ff9200;
    color: #ff9200;
}

#discord {
    margin-top: 20px;
}

/* MENU */
#menu {
    /*padding:10px 0 10px 0;
	width:1200px;*/
    overflow: auto;
    /*background: rgba(28, 28, 28, 0.8);*/
}

#menuinside {
    padding: 0;
    width: 1200px;
    margin: 0 0 0 -1px;
    height: 45px;
}

#menugauche {
    float: left;
    /*padding:14px 0 0 0;*/
    margin: 0;
    width: 1200px;
    height: 36px;
    text-align: left;
}

#menugauche .dropdown .specialmenu {
    color: #ff9200;
    text-shadow: 0px 0px 20px #FFDE59;
}

.menubuttonhome, .menubuttonsearch {
    padding: 9px 15px 10px 15px;
    height: 50px;
    font-size: 14px;
    /*border-right:1px solid #1e2828;*/
    text-shadow: 1px 1px #000000;
}

.facolorhome, .facolorsearch {
    color: #ff9200;
}

.menubutton {
    padding: 9px 15px 10px 15px;
    height: 50px;
    font-size: 14px;
    color: #c8c8c8;
    border-right: 1px solid #1e2828;
    text-shadow: 1px 1px #000000;
}

.menubutton:hover {
    cursor: pointer;
    cursor: hand;
    background-color: #323c3c;
}

.menucolonnegauche {
    float: left;
    padding: 0;
    margin: 0;
    width: 190px;
}

.menucolonne {
    float: left;
    padding: 0 5px 0 5px;
    margin: 0;
    width: 185px;
}

.menulist {
    padding: 3px 5px 3px 5px;
    margin: 0;
    width: 180px;
    font-size: 13px;
    color: #c8c8c8;
    background-color: #283232;
    border-bottom: 1px solid #1e2828;
    text-align: left;
}

.menulist:hover {
    background-color: #232d2d;
    color: #ffffff;
}

.menulistlast {
    padding: 3px 5px 3px 5px;
    margin: 0;
    width: 180px;
    font-size: 13px;
    color: #c8c8c8;
    background-color: #283232;
    border-bottom: 1px solid #283232;
    text-align: left;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.menulistlast:hover {
    background-color: #232d2d;
    color: #ffffff;
}

.menulisttitre {
    padding: 3px 5px 4px 5px;
    margin: 0;
    width: 180px;
    font-size: 13px;
    color: #ff9200;
    background-color: #1e2828;
    text-align: left;
    text-shadow: 1px 1px #000000;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.menulistvide {
    padding: 3px 5px 3px 5px;
    margin: 0;
    width: 180px;
    font-size: 13px;
    color: #c8c8c8;
    background-color: #3c4646;
    border-bottom: 1px solid #3c4646;
    text-align: left;
}

a.lienmenu:link {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienmenu:visited {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienmenu:active {
    text-decoration: none;
    color: #c8c8c8;
}

a.lienmenu:hover {
    text-decoration: none;
    color: ffffff;
}

#menudroite {
    float: right;
    margin: 9px 10px 0 0;
    width: 350px;
    text-align: right;
}

#recherche {
    float: right;
    width: 300px;
    height: 30px;
    background-color: #e6e6e6;
    border: 1px solid #1e2828;
    text-align: left;
}

#recherche:hover {
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 1px #c8c8c8;
}

.recherchebox {
    position: absolute;
    margin: 5px 0 0 5px;
}

.recherchefa {
    position: absolute;
    margin: 5px 0 0 275px;
}

.rechercheinput {
    width: 260px;
    font-size: 16px;
    background-color: #e6e6e6;
    border: none;
    color: #3c4646;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0px;
}

.facolorsearch:hover, .facolorhome:hover {
    color: rgb(255, 255, 0);
}

/* CONTENU GAUCHE */
#contenu {
    /*padding:5px 0 0 0;*/
    width: 1200px;
    /*overflow:auto;*/
}

#contenuinside {
    display: flex;
    /*padding:0 20px 0 20px;*/
    width: 100%;
    /*background-color:#f0f0f0;*/
}

#contenuleft {
    padding: 5px 20px 0 20px;
    background-color: #f0f0f0;
    margin: 0;
    float: left;
    width: 820px;
    text-align: left;
    min-height: 1500px;
    max-height: 999999px;
}

#promopage {
    padding: 0;
    margin: 0 0 20px 0;
    width: 820px;
    height: 300px;
}

#promoautre {
    padding: 0;
    margin: 0 0 20px 0;
    width: 820px;
    min-height: 1px;
}

#titreclassique {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 0 0 20px 0;
    width: 800px;
    background-color: #283232;
    color: #f0f0f0;
    font-size: 15px;
    text-shadow: 1px 1px #000000;
}

#contenusite {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 820px;
    font-size: 14px;
    line-height: 20px;
}

#contenuleftfin {
    float: left;
    padding: 0 0 20px 0;
    width: 820px;
}

a.titresite:link {
    text-decoration: none;
    color: #ff9200;
}

a.titresite:visited {
    text-decoration: none;
    color: #ff9200;
}

a.titresite:active {
    text-decoration: none;
    color: #ff9200;
}

a.titresite:hover {
    text-decoration: none;
    color: #ffff00;
}

/* CONTENU NEWS NE PAS MANQUER */
/*#nepasmanquer {
    float:left;
    padding:0;
	margin:0;
	width:818px;
    max-height:500px;
    background-color:#fafafa;
    border:1px solid #dcdcdc;
    text-align:left;
}*/
#nepasmanquertitre {
    float: left;
    margin: 4px 0 0 6px;
    padding: 5px 10px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 16px;
}

.facolorstar {
    color: #ff9200;
}

#nepasmanquertitrebis {
    float: right;
    margin: 4px 5px 0 0;
    padding: 5px 10px 6px 10px;
    font-size: 14px;
}

#nepasmanquerlist {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 810px;
    height: 221px;
    border-top: 1px solid #dcdcdc;
}

#nepasmanquerlist1 {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}

#nepasmanquerlist1:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#nepasmanquerlist2 {
    float: left;
    margin: 0 0 0 15px;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}

#nepasmanquerlist2:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#nepasmanquerlist3 {
    float: right;
    margin: 0;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}

#nepasmanquerlist3:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#nepasmanquerlistplus {
    float: left;
    margin: 0 10px 10px 0;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}

#nepasmanquerlistplus:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#nepasmanquerlistmajor1 {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #fea632;
    border: 1px solid #fea632;
}

#nepasmanquerlistmajor1:hover {
    background-color: #ff9200;
    border: 1px solid #ff5005;
    box-shadow: 0px 0px 2px #ff5005;
}

#nepasmanquerlistmajor2 {
    float: left;
    margin: 0 0 0 15px;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #fea632;
    border: 1px solid #fea632;
}

#nepasmanquerlistmajor2:hover {
    background-color: #ff9200;
    border: 1px solid #ff5005;
    box-shadow: 0px 0px 2px #ff5005;
}

#nepasmanquerlistmajor3 {
    float: right;
    margin: 0;
    padding: 4px 4px 4px 4px;
    width: 250px;
    height: 211px;
    background-color: #fea632;
    border: 1px solid #fea632;
}

#nepasmanquerlistmajor3:hover {
    background-color: #ff9200;
    border: 1px solid #ff5005;
    box-shadow: 0px 0px 2px #ff5005;
}

.nepasmanquerimg {
    position: relative;
    float: left;
    padding: 0 0 5px 0;
    width: 250px;
    height: 150px;
}

.nepasmanquertxt {
    float: left;
    padding: 0 0 10px 0;
    width: 250px;
    min-height: 41px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
}

.nepasmanquercomment {
    position: absolute;
    padding: 5px 0 0 0;
    margin: 0 0 0 -60px;
    font-size: 14px;
    width: 60px;
    height: 25px;
    color: #f0f0f0;
    background-color: #141e1e;
    text-align: center;
    opacity: 0.8;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/* CONTENU NEWS LISTE */
#titreprincipal {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 20px 0 0 0;
    width: 800px;
    background-color: #283232;
    color: #f0f0f0;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

#titreprincipalnav {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 20px 0 0 0;
    width: 140px;
    background-color: #283232;
    color: #f0f0f0;
    font-size: 16px;
    text-align: right;
    text-shadow: 1px 1px #000000;
}

#titreprincipalcal {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 20px 0 0 0;
    width: 20px;
    background-color: #3c4646;
    color: #f0f0f0;
    font-size: 16px;
    text-align: center;
    text-shadow: 1px 1px #000000;
}

.titrebuttonnext:hover {
    text-shadow: 0px 0px 5px #ffffff;
    color: #ffffff;
}

.titrebuttonprevious:hover {
    text-shadow: 0px 0px 5px #ffffff;
    color: #ffffff;
}

.facolornews {
    color: #f0f0f0;
}

.facolornewsnope {
    color: #787878;
}

.facolornewscal {
    color: #ff9200;
}

.fanews {
    color: #ff9200;
}

#news {
    float: left;
    padding: 15px 0 0 0;
    width: 820px;
    min-height: 150px;
    overflow: auto;
}

.newstitre {
    float: left;
    padding: 0 0 4px 0;
    width: 812px;
    font-size: 18px;
}

.newsimg {
    position: relative;
    float: left;
    padding: 4px 4px 4px 4px;
    width: 220px;
    height: 132px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
}

.newstxt1 {
    float: left;
    padding: 3px 0 0 10px;
    width: 570px;
    height: 25px;
    font-size: 14px;
    color: #1e1e1e;
}

.newstxt2 {
    float: left;
    padding: 0 0 0 10px;
    width: 570px;
    height: 21px;
    font-size: 12px;
    color: #1e1e1e;
}

.newstxt3 {
    float: left;
    padding: 0 0 0 10px;
    width: 570px;
    height: 88px;
    font-size: 14px;
    line-height: 22px;
    color: #646464;
    overflow: hidden;
}

.newstxt4 {
    position: absolute;
    margin: 68px 0 0 370px;
    width: 200px;
    height: 20px;
    background: rgba(240, 240, 240, 0);
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(50%, rgba(240, 240, 240, 0.59)), color-stop(85%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1);
}

#newssep {
    float: left;
    padding: 15px 0 0 0;
    width: 820px;
    border-bottom: 1px dashed #d2d2d2;
}

#newsbis {
    float: left;
    padding: 15px 0 0 0;
    width: 820px;
    min-height: 100px;
    overflow: auto;
}

#news, #newsbis {
    cursor: pointer;
}

.newsimgbis {
    position: relative;
    float: left;
    padding: 2px 2px 2px 2px;
    width: 167px;
    height: 100px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
}

.newsimgbis:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
}

.newstxt1bis {
    float: left;
    padding: 3px 0 0 10px;
    margin: 0 0 5px 0;
    width: 620px;
    height: 20px;
    font-size: 16px;
    color: #1e1e1e;
    overflow: hidden;
}

.newstxt2bis {
    float: left;
    padding: 2px 0 0 10px;
    width: 620px;
    height: 25px;
    font-size: 12px;
    color: #1e1e1e;
}

.newstxt3bis {
    float: left;
    padding: 0 0 0 10px;
    width: 620px;
    height: 50px;
    font-size: 12px;
    line-height: 16px;
    color: #646464;
    overflow: hidden;
}

.newstxt4bis {
    position: absolute;
    margin: 32px 0 0 420px;
    width: 200px;
    height: 16px;
    background: rgba(240, 240, 240, 0);
    background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(50%, rgba(240, 240, 240, 0.59)), color-stop(85%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0.59) 50%, rgba(240, 240, 240, 1) 85%, rgba(240, 240, 240, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=1);
}

/* GENERIQUE PAGES */
#generiquepages {
    float: left;
    padding: 30px 0 0 0;
    margin: 0 auto;
    min-width: 10px;
    text-align: center;
    font-size: 14px;
}

.generiquechiffre {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.generiquechiffre:hover {
    border: 1px solid #ff9200;
}

.generiquechiffrecurrent {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 0 0;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fea632;
    border: 1px solid #d2d2d2;
}

.generiquechiffrepoint {
    float: left;
    padding: 5px 10px 5px 10px;
    margin: 0 10px 0 0;
}

/* CONTENU LEFT FIN */
#contenuleftfin {
    float: left;
    padding: 30px 0 0 0;
    width: 820px;
}

/* CONTENU NEWS */
#newsintro {
    float: left;
    padding: 3px 8px 0px 0px;
    margin: 0 0 5px 0;
    font-size: 12px;
    /*-webkit-border-radius:3px;*/
    /*-moz-border-radius:3px;*/
    /*border-radius:3px;*/
    /*border:1px solid #c8c8c8;*/
}

#newsligne {
    float: left;
    width: 820px;
    height: 1px;
    background-color: #c8c8c8;
}

#newssocial1 {
    float: right;
    margin: 0 0 5px 0;
    width: 72px;
    height: 20px;
}

#newssocial2 {
    float: right;
    margin: 0 0 5 0;
    height: 20px;
}

#newsimg {
    float: left;
    padding: 0 0 0 0;
    max-width: 820px;
    width: 100%;
}

#newstxt {
    float: left;
    padding: 0;
    width: 820px;
    font-size: 14px;
    line-height: 20px;
}

#newspremium {
    float: left;
    padding: 5px 5px 5px 5px;
    margin: 20px 0 10px 0;
    width: 808px;
    height: 66px;
    font-size: 20px;
    background-color: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}

#newspremiumleft {
    float: left;
    padding: 0px 0px 0px 5px;
    margin: 0;
    width: 75px;
}

#newspremiumright {
    float: left;
    padding: 10px 0px 0px 5px;
    margin: 0;
    width: 705px;
    line-height: 25px;
    color: #646464;
}

#newsbas {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 10px 0 0 0;
    width: 802px;
    font-size: 14px;
    background-color: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}

#newsbas1 {
    float: left;
    padding: 0;
    margin: 0;
}

.ancienintro {
    float: left;
    padding: 0px 0px 5px 5px;
}

#newsbasliens {
    float: left;
    padding: 0;
    margin: 0;
}

.liensintro {
    float: left;
    padding: 0px 0px 5px 5px;
}

#titresecondaire {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 20px 0 0 0;
    width: 800px;
    background-color: #3c4646;
    color: #f0f0f0;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

#titresecondairetop {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 20px 0 0 0;
    width: 300px;
    background-color: #3c4646;
    color: #f0f0f0;
    font-size: 16px;
    text-align: right;
    text-shadow: 1px 1px #000000;
}

.topretour {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 0 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.topretour:hover {
    border: 1px solid #ff9200;
}

.topretourcolor1 {
    color: #ff9200;
}

.navretour {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.navretour:hover {
    border: 1px solid #ff9200;
}

.navretourcolor1 {
    color: #ff9200;
}

#ancienlist1 {
    float: left;
    padding: 4px 4px 4px 4px;
    margin: 0px 14px 0px 0px;
    width: 180px;
    height: 165px;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

#ancienlist1:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#ancienlist2 {
    float: left;
    padding: 4px 4px 4px 4px;
    margin: 0px 14px 0px 0px;
    width: 180px;
    height: 165px;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

#ancienlist2:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#ancienlist3 {
    float: left;
    padding: 4px 4px 4px 4px;
    margin: 0px 14px 0px 0px;
    width: 180px;
    height: 165px;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

#ancienlist3:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#ancienlist4 {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 180px;
    height: 165px;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
}

#ancienlist4:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

.ancienimg {
    float: left;
    padding: 0 0 0 0;
    width: 180px;
    height: 108px;
}

.ancientxt {
    float: left;
    padding: 0 0 10px 0;
    width: 180px;
    height: 50px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}

#titrecommentaire {
    float: left;
    padding: 7px 0 7px 10px;
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 800px;
    background-color: #3c4646;
    color: #f0f0f0;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

/* PORTAIL */
#portailtitreprincipal {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 0 0 5px 0;
    width: 600px;
    background-color: #283232;
    color: #f0f0f0;
    font-size: 16px;
    text-shadow: 1px 1px #000000;
}

#portailtitreprincipalnav {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 0;
    width: 140px;
    background-color: #283232;
    color: #f0f0f0;
    font-size: 16px;
    text-align: right;
    text-shadow: 1px 1px #000000;
}

#portailtitreprincipalcal {
    float: left;
    padding: 7px 10px 7px 10px;
    margin: 0;
    width: 20px;
    background-color: #3c4646;
    color: #f0f0f0;
    font-size: 16px;
    text-align: center;
    text-shadow: 1px 1px #000000;
}

#portailnepasmanquer {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    width: 260px;
    max-height: 500px;
    text-align: left;
}

#portailnepasmanquerlist {
    float: left;
    padding: 4px 4px 4px 4px;
    width: 250px;
    min-height: 1000px;
}

#portailnepasmanquerlist1 {
    float: left;
    padding: 4px 4px 4px 4px;
    margin: 10px 0 0 0;
    width: 250px;
    height: 211px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
}

#portailnepasmanquerlist1:hover {
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 2px #c8c8c8;
}

#portailnepasmanquerlistmajor1 {
    float: left;
    padding: 4px 4px 4px 4px;
    margin: 10px 0 0 0;
    width: 250px;
    height: 211px;
    background-color: #fea632;
    border: 1px solid #fea632;
}

#portailnepasmanquerlistmajor1:hover {
    background-color: #ff9200;
    border: 1px solid #ff5005;
    box-shadow: 0px 0px 2px #ff5005;
}

#portailnews {
    float: right;
    padding: 0;
    margin: 14px 0 0 0;
    width: 540px;
    min-height: 1000px;
    text-align: left;
}

.accueilnewstxt1 {
    float: left;
    padding: 5px 10px 0 0;
    margin: 0;
    width: 26px;
}

.accueilnewstxt2 {
    float: left;
    padding: 0;
    margin: 0;
    width: 500px;
    min-height: 20px;
    font-size: 14px;
    color: #1e1e1e;
}

.accueilnewstxt3 {
    float: right;
    padding: 0;
    margin: 0;
    width: 503px;
    height: 20px;
    font-size: 12px;
    color: #646464;
}

#accueilsep {
    float: right;
    padding: 0;
    margin: 5px 0 5px 0;
    width: 540px;
    border-bottom: 1px dashed #d2d2d2;
}

#accueildate {
    float: left;
    margin: 17px 0 8px 0;
    padding: 5px 10px 5px 10px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#accueildatefirst {
    float: left;
    margin: 0 0 8px 0;
    padding: 5px 10px 5px 10px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* COMMENTAIRES */
.topcommentaire {
    color: #cf5f14;
}

.commentaireleft {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 130px;
    min-height: 165px;
}

.commentaireavatar {
    float: left;
    margin: 0;
    padding: 0;
    width: 130px;
    height: 130px;
}

.imagearrondie {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.commentairetitre {
    float: left;
    padding: 5px 0 0 0;
    width: 130px;
    height: 25px;
    text-align: center;
    color: #f0f0f0;
    font-size: 14px;
    background-color: #3c4646;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.commentairepremium {
    float: left;
    padding: 5px 0 0 0;
    width: 130px;
    height: 25px;
    text-align: center;
    color: #ff9200;
    font-size: 14px;
    background-color: #3c4646;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.commentaireright {
    float: left;
    margin: 0 0 30px 0;
    padding: 0;
    width: 680px;
}

.commentairebarre {
    float: left;
    margin: 0;
    padding: 0;
    width: 680px;
    height: 40px;
    background-color: #dcdcdc;
}

.commentaireinfos {
    float: left;
    margin: 0;
    padding: 3px 0 0 5px;
    width: 545px;
    height: 25px;
    color: #646464;
    font-size: 14px;
    line-height: 17px;
}

.commentaireinfos .tag {
    color: #969696;
    font-size: 11px;
}

.commentaireactions {
    float: left;
    margin: 0;
    padding: 7px 5px 0 0;
    width: 120px;
    height: 25px;
    color: #646464;
    font-size: 14px;
    text-align: left;
}

.commentairecontenu {
    float: left;
    margin: 0;
    padding: 0;
    width: 680px;
    word-wrap: break-word;
}

.alertebutton1 {
    margin: 0;
    padding: 0;
}

.alertebutton2 {
    margin: 0;
    padding: 0;
}

.alertebutton3 {
    margin: 0;
    padding: 0;
}

.alertebutton4 {
    margin: 0;
    padding: 0;
}

.alertebutton5 {
    margin: 0;
    padding: 0;
}

.alertebutton6 {
    margin: 0;
    padding: 0;
}

.alertebutton7 {
    margin: 0;
    padding: 0;
}

.alertebutton8 {
    margin: 0;
    padding: 0;
}

.alertebutton9 {
    margin: 0;
    padding: 0;
}

.alertebutton10 {
    margin: 0;
    padding: 0;
}

.alertebutton1:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton2:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton3:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton4:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton5:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton6:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton7:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton8:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton9:hover {
    cursor: pointer;
    cursor: hand;
}

.alertebutton10:hover {
    cursor: pointer;
    cursor: hand;
}

.facoloralerte1 {
    color: #646464;
}

.facoloralerte2 {
    color: #646464;
}

.facoloralerte3 {
    color: #646464;
}

.facoloralerte4 {
    color: #646464;
}

.facoloralerte5 {
    color: #646464;
}

.facoloralerte6 {
    color: #646464;
}

.facoloralerte7 {
    color: #646464;
}

.facoloralerte8 {
    color: #646464;
}

.facoloralerte9 {
    color: #646464;
}

.facoloralerte10 {
    color: #646464;
}

.poucebutton {
    margin: 0;
    padding: 0;
}

.poucebutton:hover {
    cursor: pointer;
    cursor: hand;
}

.facolorpouce {
    color: #646464;
}

.facolorpouce:hover {
    color: #ff9200;
}

.fa.topcommentaire:hover {
    color: #ff9200;
}

/* ARCHIVES */
.archives {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.archives:hover {
    border: 1px solid #ff9200;
}

.archivescolor1 {
    color: #ff9200;
}

/* CONTENU DROITE */
#contenuright {
    margin: 0;
    float: right;
    width: 340px;
    /*background-color: #0b0b0d;*/
    /*border-left:1px solid #d2d2d2;*/
    background-color: #f0f0f0;
    padding: 5px 0 0 0;
}

.carreundertxt1 {
    position: absolute;
    margin: 76px 0 0 69px;
    color: #f0f0f0;
    font-size: 30px;
}

.carreundertxt2 {
    position: absolute;
    margin: 121px 0 0 10px;
    width: 280px;
    text-align: center;
    color: #f0f0f0;
    font-size: 16px;
}

.faplus {
    color: #ff9200;
}

.faplus:hover {
    color: #ffff00;
    text-shadow: 0px 0px 5px #000000;
}

#aleatoire {
    float: left;
    padding: 0;
    margin: 0;
    width: 298px;
    max-height: 500px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#aleatoiretitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#aleatoireplus {
    float: right;
    margin: 8px 0 0 0;
}

.aleatoirepageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#aleatoireimg {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

#discord, #crecherche {
    float: left;
    padding: 0;
    /*margin:20px 0 0 0;*/
    width: 298px;
    max-height: 500px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#discordtitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#discordimg {
    float: left;
    padding: 4px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

#boutique {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 1000px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#boutiquetitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#boutiquepages {
    float: right;
    margin: 8px 0 0 0;
}

.boutiquepage1 {
    margin: 0 5px 0 0;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
    background-color: #fea632;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.boutiquepage2 {
    margin: 0 5px 0 0;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
    color: #1e1e1e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.boutiquepage3 {
    margin: 0 5px 0 0;
    padding: 3px 10px 3px 10px;
    font-size: 14px;
    color: #1e1e1e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.boutiquepageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

.boutiquepage1:hover {
    cursor: pointer;
    cursor: hand;
    border: 1px solid #ff9200;
}

.boutiquepage2:hover {
    cursor: pointer;
    cursor: hand;
    border: 1px solid #ff9200;
}

.boutiquepage3:hover {
    cursor: pointer;
    cursor: hand;
    border: 1px solid #ff9200;
}

#boutiqueimg1 {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

#boutiquetxt1 {
    float: left;
    padding: 0;
    margin: 4px 0 4px 4px;
    width: 290px;
    font-size: 16px;
    text-align: center;
}

#boutiquetxt1bis {
    float: left;
    padding: 0;
    margin: 0 0 4px 4px;
    width: 290px;
    font-size: 15px;
}

#boutiqueimg2 {
    display: none;
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

#boutiquetxt2 {
    display: none;
    float: left;
    padding: 0;
    margin: 4px 0 4px 4px;
    width: 290px;
    font-size: 16px;
    text-align: center;
}

#boutiquetxt2bis {
    display: none;
    float: left;
    padding: 0;
    margin: 0 0 4px 4px;
    width: 290px;
    font-size: 15px;
}

#boutiqueimg3 {
    display: none;
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    text-align: center;
    border-top: 1px solid #dcdcdc;
}

#boutiquetxt3 {
    display: none;
    float: left;
    padding: 0;
    margin: 4px 0 4px 4px;
    width: 290px;
    font-size: 16px;
    text-align: center;
}

#boutiquetxt3bis {
    display: none;
    float: left;
    padding: 0;
    margin: 0 0 4px 4px;
    width: 290px;
    font-size: 15px;
}

.boutiquego {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.boutiquego:hover {
    border: 1px solid #ff9200;
}

.boutiquegocolor1 {
    color: #ff9200;
}

#boutiquesep {
    float: left;
    padding: 0;
    margin: 15px 0 15px 0;
    width: 820px;
    border-bottom: 1px dashed #d2d2d2;
}

#video {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 500px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#videotitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#videoplus {
    float: right;
    margin: 8px 0 0 0;
}

.videopageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#videoimg {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

.videoback {
    position: absolute;
    margin: 67px 0 0 131px;
    padding: 0;
    width: 30px;
    height: 20px;
    background-color: #ffffff;
}

.videoicone {
    position: absolute;
    margin: 57px 0 0 121px;
    padding: 0;
}

.fayoutube {
    color: #dd2826;
}

#videotxt {
    clear: both;
    float: left;
    padding: 0;
    margin: 4px 0 4px 4px;
    width: 290px;
    font-size: 16px;
    text-align: center;
}

#apps {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 1000px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#appstitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#appsplus {
    float: right;
    margin: 8px 0 0 0;
}

.appspageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#appstxt {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 8px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

#populaire {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 1000px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#populairetitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#populaireplus {
    float: right;
    margin: 8px 0 0 0;
}

.populairepageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#populairetxt {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

.populairedate {
    clear: both;
    float: left;
    margin: 3px 0 0 0;
    padding: 5px 5px 5px 5px;
    font-size: 15px;
    background-color: #fea632;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.populairetexte {
    float: right;
    margin: 0 0 20px 0;
    padding: 0;
    width: 235px;
    font-size: 15px;
}

.populairetextelast {
    float: right;
    margin: 0 0 4px 0;
    padding: 0;
    width: 235px;
    font-size: 15px;
}

#judgehypetv {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 1000px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#judgehypetvtitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#judgehypetvplus {
    float: right;
    margin: 8px 0 0 0;
}

.judgehypetvpageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#judgehypetvtxt {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    border-top: 1px solid #dcdcdc;
}

.judgehypetvtxt1 {
    float: left;
    padding: 0;
    margin: 0;
    height: 27px;
}

.judgehypetvtxt2today {
    float: left;
    padding: 3px 5px 5px 5px;
    margin: 0 0 0 5px;
    height: 17px;
    font-size: 15px;
    background-color: #fea632;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ff5005;
}

.judgehypetvtxt2today:hover {
    background-color: #ff9200;
}

.judgehypetvtxt2 {
    float: left;
    padding: 3px 5px 5px 5px;
    margin: 0 0 0 5px;
    height: 17px;
    font-size: 15px;
    background-color: #f0f0f0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
}

.judgehypetvtxt2:hover {
    background-color: #e6e6e6;
}

.judgehypetvtxt3 {
    float: left;
    padding: 5px 0 5px 5px;
    width: 290px;
    font-size: 15px;
}

.judgehypetvtxt4 {
    float: left;
    padding: 0 0 0 5px;
    margin: 0 0 20px 0;
    width: 290px;
    color: #646464;
    font-size: 14px;
}

.judgehypetvtxt4last {
    float: left;
    padding: 0 0 0 5px;
    margin: 0 0 4px 0;
    width: 290px;
    color: #646464;
    font-size: 14px;
}

#soutenir {
    float: left;
    padding: 0;
    margin: 20px 0 0 0;
    width: 298px;
    max-height: 500px;
    background-color: #fafafa;
    border: 1px solid #dcdcdc;
    text-align: left;
}

#soutenirtitre {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#soutenirplus {
    float: right;
    margin: 8px 0 0 0;
}

.soutenirpageplus {
    margin: 3px 10px 0 0;
    padding: 0;
    font-size: 14px;
}

#soutenirtxt {
    float: left;
    padding: 8px 0 0 0;
    margin: 0 0 4px 4px;
    width: 290px;
    font-size: 15px;
    border-top: 1px solid #dcdcdc;
}

.soutenirthumb1 {
    float: left;
    width: 290px;
    padding: 5px 0 5px 0;
    margin: 0;
    text-align: center;
    background-color: #3c4646;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.soutenirthumb2 {
    float: left;
    width: 290px;
    padding: 8px 0 0 0;
    margin: 0;
    font-size: 15px;
}

.soutenirthumb3 {
    float: left;
    width: 290px;
    margin: 10px 0 0 10px;
    font-size: 15px;
}

.soutenirthumb4 {
    float: left;
    width: 290px;
    margin: 8px 0 4px 0;
    font-size: 15px;
}

.fasoutenir {
    color: #ff9200;
}

/* ABONNEMENT PREMIUM */
#progres_global_div {
    margin-bottom: 10px;
    text-align: center;
}

#progres_global_div svg {
    vertical-align: middle;
}

#progres_global_div span {
    font-size: 12px;
    font-style: italic;
}

#jquery-ui-error {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
}

/* Left */
#premium_left {
    float: left;
    padding: 10px;
    width: 450px;
}

#premium_titre {
    background: white;
    color: #fb9a29;
    font-size: 28pt;
    font-weight: bold;
    line-height: 28pt;
    margin-bottom: 7px;
    margin-top: 0;
    padding: 3px 12px;
    text-align: center;
}

#premium_contenu {
    background: white;
    padding-top: 10px;
}

#premium_avantages .numero {
    text-align: center;
    vertical-align: top;
    width: 75px;
}

#premium_avantages .numero img {
    height: 60px;
}

#premium_avantages .avantage {
    color: #3b73a4;
    font-size: 13pt;
    margin-bottom: 0;
    margin-top: 5px;
}

#premium_avantages .avantage_desc {
    margin-top: 5px;
}

/* Right */
#premium_right {
    float: right;
    padding: 10px;
    width: 320px;
}

#premium_right .section {
    background: white;
    height: 183px;
    padding: 5px;
}

#premium_right .split {
    height: 20px;
}

#premium_right .type {
    border-bottom: 3px solid #008c00;
    color: #008c00;
    font-size: 14pt;
    font-weight: bold;
    padding: 5px;
    position: relative;
}

.abonnement .prix {
    bottom: 12px;
    right: 15px;
    float: right;
    font-size: 26pt;
    font-weight: bold;
    position: absolute;
}

.abonnement .choix_prix {
    font-size: 13pt;
    font-weight: bold;
    margin-top: 25px;
    padding: 0 5px 0 10px;
}

.abonnement .custom_prix {
    color: #fc9931;
    font-size: 16pt;
}

.abonnement .prix_range {
    display: inline-block;
    margin-left: 50px;
    vertical-align: middle;
    width: 220px;
}

#abo_mois,
#abo_an {
    color: #008c00;
}

/* Premium tableau */
table.premium_avantages {
    border-collapse: collapse;
}

table.premium_avantages td,
table.premium_avantages th.membre {
    background: #555;
    color: #fafafa;
    padding: 5px;
}

table.premium_avantages th.premium {
    color: #fafafa;
    padding: 5px;
}

table.premium_avantages td.premium,
table.premium_avantages th.premium {
    background: #008c00;
    color: #fafafa;
}

table.premium_avantages tr td:nth-child(1) {
    padding-left: 10px;
}

table.premium_avantages tr th:nth-child(2),
table.premium_avantages tr th:nth-child(3) {
    border-left: 2px solid rgba(255, 255, 255, .15);
    border-top: 2px solid rgba(255, 255, 255, .15);
}

table.premium_avantages tr td:nth-child(3),
table.premium_avantages tr th:nth-child(3) {
    border-right: 2px solid rgba(255, 255, 255, .15);
}

table.premium_avantages tr td:nth-child(2),
table.premium_avantages tr td:nth-child(3) {
    text-align: center;
    border-left: 2px solid rgba(255, 255, 255, .15);
}

table.premium_avantages tr:last-child td:nth-child(2),
table.premium_avantages tr:last-child td:nth-child(3) {
    border-bottom: 2px solid rgba(255, 255, 255, .15);
}

.premium_text_align {
    margin-left: 9px;
}

/* Modo */
.modo {
    background-color: #fdd;
    border: 1px solid #888;
    border-radius: 5px;
    color: red !important;
    padding: 7px 10px;
}

/* Reçus */
#recus {
    border-spacing: 0;
    width: 100%;
}

#recus th {
    font-variant: small-caps;
    padding: 0 12px;
}

#recus tr {
    height: 40px;
}

#recus tr:nth-child(even) {
    background: #dcdcdc;
}

#recus td {
    border-bottom: 1px dashed #333;
    padding: 0 10px;
}

#recus-lien {
    font-size: 12pt;
    text-align: center;
    width: auto;
}

#pas-de-recu {
    text-align: center;
    width: auto;
}

/* MEMBRE / PROFIL */
#liens-profils {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 5px;
}

#profil #entete {
    height: 130px;
    position: relative;
}

#profil #entete img {
    border-radius: 4px;
    float: left;
    height: 130px;
    margin-left: 4px;
}

#profil #entete p {
    float: left;
    margin: 0;
    padding: 1px 0 0 20px;
}

#profil #entete #pseudo {
    display: block;
    font-size: 38pt;
    font-weight: bold;
    line-height: 41pt;
    max-width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#profil #entete #tag {
    display: block;
    font-size: 18pt;
    font-weight: bold;
    line-height: 18pt;
    margin-left: 8px;
    margin-top: 5px;
}

#profil #report {
    font-size: 18px;
}

#profil #report:hover {
    color: #f00;
}

#profil #entete .statut {
    background-color: #3c4646;
    border-radius: 4px;
    color: #f0f0f0;
    display: inline-block;
    height: 25px;
    margin-top: 16px;
    padding: 5px 0 0 0;
    text-align: center;
    width: 130px;
}

#profil #entete #social_perso {
    bottom: 0;
    float: right;
    font-size: 18px;
    list-style: none;
    margin: 0 8px 4px 0;
    right: 0;
    position: absolute;
}

#profil #sous-entete {
    font-size: 22pt;
    font-weight: bold;
    line-height: 22pt;
}

#profil #sous-entete p {
    margin-top: 15px;
}

#profil .section-titre {
    background: #0064be;
    color: white;
    font-size: 12pt;
    font-variant: small-caps;
    padding: 10px;
    text-align: center;
}

#profil #sec-gauche .section-contenu {
    background: #e7e7e7;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 3px;
}

#profil #sections #sec-gauche {
    float: left;
    width: 255px;
}

#profil #sections #inscription {
    padding: 6px;
    text-align: center;
}

#profil #sections #jeux-joues {
    text-align: center;
}

#profil #sections .fav {
    height: 35px;
    padding: 1px;
}

#profil #sections #num-comments {
    font-size: 12pt;
    padding: 10px;
    text-align: center;
}

#profil #sections #builds-d3 {
    padding: 5px;
    text-align: center;
}

#profil #sections #builds-d3 img {
    vertical-align: middle;
}

#profil #sections #decks-hs {
    padding: 5px;
    text-align: center;
}

#profil #sections #decks-hs img {
    vertical-align: middle;
}

#profil #sections #armurerie {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

#profil #sections #armurerie img {
    height: 16px;
    vertical-align: middle;
}

#profil #sections #guilde {
    padding: 10px;
    text-align: center;
}

#profil #sections #sec-droite {
    float: right;
    width: 550px;
}

#profil #sec-droite .section-contenu {
    background: #f5f5f5;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 8px;
}

#profil #sections #presentation p:first-child {
    margin-top: 0;
}

#profil #sections #presentation p:last-child {
    margin-bottom: 0;
}

#profil #sections .messages-conteneur {
    position: relative;
}

#profil #sections .messages {
    overflow: auto;
}

#profil #sections .messages .quotecom {
    background-color: #dcdcdc;
    border: 1px solid #c8c8c8;
    overflow: hidden;
    margin: 0 0 0 15px;
    padding: 10px 10px 10px 10px;
    width: 480px;
}

#profil #sections .messages blockquote {
    border-left: 2px solid #646464;
    color: #646464;
    margin-left: 0;
    padding-left: 5px;
}

#profil #sections .messages p:first-child {
    margin-top: 0;
}

#profil #sections .poste-sur {
    font-size: 9pt;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 10px;
    width: 490px;
}

#profil #sections .votes {
    bottom: 0;
    color: #646464;
    margin: 0;
    padding: 3px;
    position: absolute;
    right: 0;
}

/* EDITION PROFIL */
#edition-profil #jeux-joues {
    list-style: none;
    margin-bottom: -4px;
    padding-left: 0;
}

#edition-profil #jeux-joues li {
    display: inline-block;
    margin-bottom: 4px;
}

#edition-profil #jeux-joues img {
    height: 51px;
    padding: 3px;
}

#edition-profil #jeux-joues input {
    display: none;
}

#edition-profil #jeux-joues .select {
    background: white;
    border: 1px solid #fea632;
    border-radius: 6px;
}

#edition-profil #jeux-joues .nonselect {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    border: 1px dashed #777;
    border-radius: 6px;
    filter: grayscale(100%);
}

#edition-profil .social-field {
    background: white;
    border: 1px solid black;
    border-radius: 6px;
    color: #777;
    display: inline-block;
    padding: 5px;
    width: 400px;
}

#edition-profil .social-field input {
    background: transparent;
    border-left: 0;
    border-bottom: 1px dashed #bbb;
    border-right: 0;
    border-top: 0;
    font-size: 14px;
}

#edition-profil .game-field {
    background: white;
    border: 1px solid black;
    border-radius: 6px;
    color: #777;
    display: inline-block;
    padding: 5px;
    width: 500px;
}

#edition-profil .game-field input {
    background: transparent;
    border: 0;
    font-size: 14px;
    margin-left: 2px;
    width: 470px;
}

#edition-profil .form-field-desc {
    color: #646464;
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
}

#edition-profil .form-field-subdesc {
    display: inline-block;
    margin-left: 3px;
    margin-top: 3px;
}

#edition-profil #twitter {
    width: 385px;
}

#edition-profil #facebook {
    width: 230px;
}

#edition-profil .other-input {
    border: 1px solid black;
    border-radius: 6px;
    font-size: 14px;
    height: 20px;
    padding: 5px;
    width: 500px;
}

/* MODERATION PROFIL / MEMBRE */
#moderer-membre input[type='checkbox'] {
    vertical-align: middle;
}

#moderer-membre input.small-number {
    width: 80px;
}

#moderer-membre input.small-text {
    width: 480px;
}

/* PROFILS (COMMUN) */
#edition-profil #errors,
#moderer-membre #errors {
    background: #ffcccc;
    border: 1px solid red;
    border-radius: 6px;
    padding: 10px;
}

#edition-profil .other-input,
#moderer-membre .other-input {
    border: 1px solid black;
    border-radius: 6px;
    font-size: 14px;
    height: 20px;
    padding: 5px;
    width: 500px;
}

#edition-profil .form-field-desc,
#moderer-membre .form-field-desc {
    color: #646464;
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
}

#edition-profil .suberror,
#moderer-membre .suberror {
    display: inline-block;
    margin-left: 3px;
    margin-top: 4px;
}

#formulaire-report-membre #cancel,
#edition-profil #cancel,
#moderer-membre #cancel {
    font-size: 15px;
    margin-left: 10px;
}

/* DIVERS */
.chiffre {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}

.chiffre:hover {
    border: 1px solid #ff9200;
}

.chiffrecurrent {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 5px 0;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fea632;
    border: 1px solid #d2d2d2;
}

.chiffrepoint {
    float: left;
    padding: 5px 8px 5px 8px;
    margin: 0 10px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.navimage {
    padding: 2px;
    margin: 0;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navimage a {
    display: block;
    width: 100%;
    height: 100%;
}

.navimage img {
    max-width: 150px;
}

.navimage .jh-col-sm:not(:last-child) {
    margin-right: 2px;
}

.navimageactive {
    content: "Active";
    opacity: 0.6;
    background-color: #fafafa;
}

.navimage1 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 15px;
    width: 150px;
    height: 85px;
}

.navimage2 {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 10px;
    width: 150px;
    height: 85px;
}

.navimageimg {
    position: absolute;
    margin: 0;
    width: 150px;
    height: 85px;
    z-index: 1;
}

.navimagewhite {
    position: absolute;
    margin: 0 0 0 0;
    padding: 0;
    background-color: #ffffff;
    opacity: 0.5;
    width: 150px;
    height: 85px;
    z-index: 2;
}

.navimagetxt {
    position: absolute;
    margin: 35px 0 0 0;
    padding: 0;
    width: 150px;
    height: 20px;
    color: #000000;
    font-size: 14px;
    text-align: center;
    z-index: 3;
}

/* FORM */
#form {
    display: table;
    float: left;
    padding: 0;
    margin: 0 0 10px 0;
    height: 32px;
    background-color: #ffffff;
    border: 1px solid #3c4646;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
}

#form:hover {
    border: 1px solid #ff9200;
}

.formcenter {
    display: table-cell;
    vertical-align: middle;
}

.forminput {
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 14px;
    background-color: #ffffff;
    border: none;
    color: #3c3c3c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0px;
}

.formselect {
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 14px;
    background-color: #ffffff;
    border: none;
    color: #3c3c3c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0px;
}

.formfile {
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 14px;
    background-color: #ffffff;
    border: none;
    color: #3c3c3c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0px;
}

.formarea {
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 14px;
    background-color: #ffffff;
    border: none;
    color: #3c3c3c;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0px;
}

.formcheck {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #ffffff;
}

.formcheck1 {
    float: left;
    margin: 5px 0 0 0;
}

.formcheck2 {
    float: left;
    margin: 10px 0 0 5px;
}

.formdire {
    padding: 7px 0 0 0;
    font-size: 14px;
    color: #646464;
}

.formsubmit {
    padding: 8px 8px 8px 8px;
    font-size: 14px;
    background-color: #dcdcdc;
    border: 1px solid #3c4646;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.formsubmit:hover {
    border: 1px solid #ff9200;
    cursor: pointer;
}

.javasubmit {
    float: left;
    padding: 5px 8px 5px 8px;
    height: 20px;
    font-size: 14px;
    background-color: #dcdcdc;
    border: 1px solid #3c4646;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.javasubmit:hover {
    border: 1px solid #ff9200;
    cursor: pointer;
}

#javastatus {
    float: left;
    margin: 6px 0 0 15px;
    color: #1e1e1e;
}

a.javalink:link {
    text-decoration: none;
    color: #1e1e1e;
}

a.javalink:visited {
    text-decoration: none;
    color: #1e1e1e;
}

a.javalink:active {
    text-decoration: none;
    color: #1e1e1e;
}

a.javalink:hover {
    text-decoration: none;
    color: #1e1e1e;
}

/* BACK TO TOP */
#return-to-top {
    position: fixed;
    z-index: 2;
    bottom: 20px;
    right: 20px;
    background: rgb(80, 80, 80);
    background: rgba(80, 80, 80, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #ffffff;
    margin: 0;
    position: relative;
    left: 0px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(120, 120, 120, 0.9);
}

#return-to-top:hover i {
    color: #ffffff;
    top: 5px;
}

/* FIN ET BAS SITE */
#finsite {
    padding: 10px 20px 0 20px;
    margin: 0 auto;
    width: 1160px;
}

#bassite {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: #141e1e;
    overflow: auto;
}

#bassiteinside {
    padding: 20px 0 20px 0;
    margin: 0 auto;
    width: 1160px;
    background-color: #141e1e;
    overflow: auto;
}

#bassite1 {
    float: left;
    padding: 0;
    margin: 0;
    width: 160px;
    font-size: 14px;
    color: #787878;
    text-align: left;
}

.bassite1titre {
    float: left;
    padding: 0 0 12px 0;
    margin: 0;
    width: 160px;
    color: #ff9200;
}

.bassite1txt {
    float: left;
    padding: 0 20px 5px 20px;
    margin: 0;
    width: 120px;
    font-size: 15px;
}

#bassite2 {
    float: left;
    padding: 0;
    margin: 0;
    width: 170px;
    font-size: 12px;
    color: #787878;
    text-align: left;
    border-left: 1px solid #1e2828;
}

.bassite2titre {
    float: left;
    padding: 0 30px 12px 30px;
    margin: 0;
    width: 110px;
    color: #ff9200;
}

.bassite2txt {
    float: left;
    padding: 0 30px 3px 30px;
    margin: 0;
    width: 110px;
    height: 15px;
}

#bassite3 {
    float: left;
    padding: 0;
    margin: 0;
    width: 280px;
    font-size: 12px;
    color: #787878;
    text-align: left;
    border-left: 1px solid #1e2828;
}

.bassite3titre {
    float: left;
    padding: 0 30px 12px 30px;
    margin: 0;
    width: 220px;
    color: #ff9200;
}

.bassite3txt {
    float: left;
    padding: 0 30px 3px 30px;
    margin: 0;
    width: 220px;
    height: 15px;
    line-height: 20px;
    overflow: hidden;
}

#bassite4 {
    float: left;
    padding: 0;
    margin: 0;
    width: 540px;
    font-size: 12px;
    color: #787878;
    text-align: left;
    border-left: 1px solid #1e2828;
}

.bassite4titre {
    float: left;
    padding: 0 0 12px 30px;
    margin: 0;
    width: 510px;
    color: #ff9200;
}

.bassite4txt {
    float: left;
    padding: 0 0 3px 30px;
    margin: 0;
    width: 510px;
    height: 15px;
    line-height: 20px;
    overflow: hidden;
}

.bassite5 {
    clear: both;
    float: left;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
    width: 1160px;
    font-size: 12px;
    color: #787878;
    text-align: left;
    border-top: 1px solid #1e2828;
    border-bottom: 1px solid #1e2828;
}

.bassite6 {
    clear: both;
    float: left;
    padding: 0;
    margin: 0;
    width: 1160px;
    font-size: 12px;
    line-height: 20px;
    color: #787878;
    text-align: center;
}

a.baslien:link {
    text-decoration: none;
    color: #8c8c8c;
}

a.baslien:visited {
    text-decoration: none;
    color: #8c8c8c;
}

a.baslien:active {
    text-decoration: none;
    color: #8c8c8c;
}

a.baslien:hover {
    text-decoration: none;
    color: #b4b4b4;
}

/** MODULE **/
.module-area {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 298px;
    max-height: 500px;
    /*background-color: #323c3c;*/
    border: 1px solid #dcdcdc;
    text-align: left;
}

.module-event-divider {
    position: relative;
}

.module-event-divider::before {
    background-image: url('https://worldofwarcraft.judgehype.com/screenshots/evenements/divider-wow.png');
    background-size: 100%;
    position: absolute;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    height: 5px;
    top: 0;
    left: 0;
    right: 0;
}

.module-content {
    float: left;
    padding: 8px 0 4px 0;
    margin: 0 0 4px 4px;
    width: 290px;
    text-align: center;
    background-color: #323c3c;
}

.module-content .wow_affix_icons,
.jh-mythic .wow_affix_icons {
    border-style: solid;
    border-width: 0;
    border-image-source: url('https://worldofwarcraft.judgehype.com/screenshots/evenements/event-border.png');
    border-image-repeat: round;
    border-image-slice: 108 fill;
    border-image-width: 33px;
    border-image-outset: 18px;
    margin-bottom: 10px;
}

.module-title {
    float: left;
    margin: 4px 0 0 4px;
    padding: 5px 5px 5px 5px;
    min-width: 10px;
    color: #0f0f0f;
    font-size: 17px;
    background-color: #dcdcdc;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

.module-content p {
    margin: 0;
    padding: 2px;
    float: left;
    text-align: left;
}

.module-content h4,
.module-content .subtitle {
    color: #ff9200;
    font-weight: bold;
}

.module-content a,
.module-content p,
.module-content i {
    color: #fafafa;
}

.module-content a:hover,
.module-content a:focus {
    color: #ff9200;
}

.module-content-h4 {
    position: relative;
}

.module-content-h4 span {
    display: inline-block;
    position: relative;
}

.module-content-h4-m span:after,
.module-content-h4-m span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid white;
    top: 4px;
    width: 70%;
}

.module-content-h4-c span:after,
.module-content-h4-c span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid white;
    top: 4px;
    width: 41%;
}

.module-content-h4-ow span:after,
.module-content-h4-ow span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid white;
    top: 4px;
    width: 111px;
}

.module-content-h4-hs span:after,
.module-content-h4-hs span:before {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid white;
    top: 4px;
    width: 119px;
}

.module-content-h4 span:before {
    right: 100%;
    margin-right: 5px;
}

.module-content-h4 span:after {
    left: 100%;
    margin-left: 5px;
}

.module-md-4 {
    float: left;
    width: 33.33333333%;
}

.module-md-3 {
    float: left;
    width: 25%;
}

.mythic-corner {
    padding: 6px;
    background-color: #ff9200;
    border-radius: 30px;
    width: 20px;
    margin: 0 auto;
}

.bubble-mythic {
    color: #ff9200;
}

.module-area .event-block {
    border-top: 1px solid #dcdcdc;
    margin: 5px 6px 0 6px;
}


/* COUNTDOWN PART */


.timer {
    color: #000;
    font-size: 15px;
}

.countdown {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    min-height: 35px;
}

.countdown .fa-2x {
    font-size: 35.5px;
}

.countdown .end,
.countdown .text {
    display: none;
}

.background-countdown {
    position: relative;
}

.background-countdown img {
    width: 25px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.background-countdown-custom img {
    width: 50px;
    top: 8px;
    left: 8px;
    border: 1px solid #ff9200;
    border-radius: 5px;
}

/* END COUNTDOWN PART */

/** END MODULE AREA **/

/* SWITCH NIGHTMODE */

.slider-nightmode {
    padding: 0;
    margin-right: 10px;
}

.slider-nightmode i {
    position: relative;
    font-size: 20px;
    color: #ccc2c2;
    top: -1px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-right: 1px;
    margin-bottom: -5px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/** MODALS **/

.modal {
    display: none;
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    margin: 30px auto;
    color: #000 !important;
}

.close {
    position: absolute;
    top: 0;
    right: 10px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-header {
    padding: 15px;
    background-color: #323c3c;
    color: white;
}

/* Modal Body */
.modal-body {
    padding: 15px;
}

/* Modal Footer */
.modal-footer {
    padding: 15px;
    background-color: #323c3c;
    color: white;
}

.modal-header h2,
.modal-header div {
    margin: 0;
    padding: 0;
    color: #f0f0f0;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px #000000;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 1200px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/** Design button modal **/
.button {
    background-color: #e7e7e7;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

.button:hover {
    opacity: 0.9;
}

.button-success,
.button-success:hover,
.button-success:focus {
    background-color: #008CBA;
    color: #fafafa !important;
}

.button-danger,
.button-danger:hover,
.button-danger:focus {
    color: #fafafa !important;
    background-color: #f44336;
}

/** Dropdown for pinned message **/

.dropdown-pin {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 50px;
    min-height: 30px;
    vertical-align: middle;
    color: #787878;
    font-size: 14px;
}

.dropdown-content-pin {
    display: none;
    position: absolute !important;
    background-color: #fafafa;
    min-width: 160px;
    width: 380px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 5px 5px;
    z-index: 9999 !important;
    overflow: auto;
    max-height: 500px;
    border: 3px solid #323c3c;
    right: 0;
}

.dropdown-pin:hover .dropdown-content-pin {
    display: block;
}

.dropdown-content-header {
    padding: 10px 0 10px 0;
    border-bottom: 2px solid #323c3c;
    text-transform: uppercase;
    font-variant: small-caps;
    font-weight: bold !important;
    margin-bottom: 5px;
}

.dropdown-content-body iframe {
    width: 360px !important;
    height: 250px !important;
}

.dropdown-content-body img {
    max-width: 360px !important;
    vertical-align: top;
}

i.pin-view {
    font-size: 20px;
    color: #ff9200;
}

.pin-view {
    cursor: pointer;
}

.pin-circle {
    background: #ff9200;
    border-radius: 70px;
    width: 19px;
    float: right;
    text-align: center;
    color: #fafafa;
    margin-left: 5px;
    font-weight: bold;
}

.pin-block {
    border: 1px solid #d2d2d2;
    text-align: left;
    margin-bottom: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.pin-header {
    height: 30px;
    border-bottom: 1px solid #d2d2d2;
    padding: 3px 3px 0 3px;
}

.pin-header a {
    margin-left: 3px;
}

.pin-header-menu {
    float: right;
}

.pin-header-menu .fa {
    font-size: 16px;
    padding: 3px;
}

.pin-header-menu .fa:hover {
}

.pin-body {
    padding: 5px;
    background-color: #fafafa;
}

.pin-manager:hover {
    color: #ff9200;
    cursor: pointer;
}

/** Formats d'alertes **/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

/** Slider **/

.slider-themes {
    padding: 0;
}

#slider-themes {
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 100px;
    border: 1px solid #ff9200;
    border-radius: 4px;
    height: 32px;
    margin-right: 5px;
    margin-bottom: -12px;
    background-color: transparent;
}

.themeslist {
    cursor: pointer;
    width: 100px;
    border-bottom: 1px solid #141e1e;
    background: #1e2828;
    color: #c8c8c8;
    text-align: left;
    padding: 5px;
}

.themeslist:hover {
    background-color: #323c3c;
    border-bottom: 1px solid #141e1e;
    color: #ffffff;
}

.themestxt {
    position: absolute;
    width: 100px;
    color: #c8c8c8;
    font-size: 14px;
    margin-top: -2px;
}

.themesarrow {
    padding-left: 5px;
}

/** Reminder Premium **/
.get_premium_button {
    padding: 10px;
    border: 1px solid #ff9200;
    background: #ff9200;
    color: #fafafa !important;
}

.get_premium_button:hover {
    opacity: 0.8;
}

.close-reminder {
    font-size: 46px;
    font-weight: normal;
    line-height: 1;
}

/** Center tweet **/
.twitter-tweet {
    margin: 0 auto;
}

/** BTN **/
.btn-design {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}

.btn-design-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: 8px;
}

.btn-design.focus, .btn-design:focus, .btn-design:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-design-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-design-success:hover,
.btn-design-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-design-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    padding: 5px;
}

.btn-design-danger:hover,
.btn-design-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-design-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-design-info:hover,
.btn-design-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-design-jh {
    color: #fff;
    background-color: #3c4646;
    border-color: #323c3c;
}

.btn-design-jh:hover,
.btn-design-jh:focus {
    color: #fff;
    background-color: #323c3c;
    border-color: #3c4646;
}

.btn-design.active, .btn-design:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-design-default.active, .btn-design-default:active {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/** Bloc wowtoolkit **/
#wowtoolkit .hide {
    display: none;
}

.module-subtitle {
    color: #ff9200;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-block {
    padding: 0 5px 5px 5px;
}

.form-block.no-padding {
    padding: 0;
}

.form-block .form-control {
    display: block;
    width: 100%;
    padding: .275rem .55rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#wowtoolkit * {
    box-sizing: border-box;
}

.wowtoolkit-news {
    width: 50%;
    margin: 0 auto;
}

#fanfic-section .hide {
    display: none;
}

#fanfic-section .fanfic-chapitres {
    margin-bottom: 10px;
}

#fanfic-section .fanfic-chapitres button {
    margin: 2px;
}

#fanfic-section .fanfic-general-title {
    text-align: center;
}

#fanfic-toolbar .btn-design-success {
    color: #fff !important;
}

#fanfic-toolbar,
.fanfic_a_propos {
    background-color: #fafafa;
}

#fanfic-toolbar span {
    font-weight: bold;
    font-size: 14px;
}

.fanfic-form .fiftyfifty {
    width: 50%;
    float: left;
}

.fanfic_a_propos, .liste_histoires {
    padding: 8px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

.fanfic-histoire blockquote {
    text-align: justify;
}

.liste_histoires a {
    display: block;
    width: 100%;
}

/* Table */
.table-design {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    line-height: 1.5;
}

.table-design td, .table-design th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table-design thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table-design .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05);
}

.table-striped-dark tbody tr {
    background-color: #283232;
    color: #fafafa;
}

.table-striped-dark tbody tr:nth-of-type(2n+1) {
    background-color: #323c3c;
}

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

.loading-comments,
.div-button-more-comments {
    text-align: center;
}

#section-commentaires,
.comment-block {
    width: 100%;
    float: left;
}

.comment-block {
    min-height: 165px;
    margin: 0 0 30px 0;
}

#section-commentaires #titresecondaire {
    width: 100%;
    padding: 7px 0 10px 7px;
}

.fr-view img.fr-fic,
.blockimage {
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    border: 1px solid #dcdcdc;
}

.fr-view img.fr-fic:hover,
.blockimage:hover {
    opacity: 0.8;
}

/* froala 3.2 fix */
.fr-view ol, .fr-view ul {
    list-style-position: inherit !important;
}

table img.fr-fic {
    border: none !important;
}

.comment-block .fr-view img.fr-fic:hover {
    cursor: auto;
}

.comment-quote {
    cursor: pointer;
}

/** HEADER **/
header.main-header {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 60px;
    background-color: #141e1e;
    z-index: 2 !important;
}

header.main-header .header-row {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

header.main-header .header-logo {
    /*width: 200px;*/
    float: left;
}

header.main-header .header-container {
    height: 100%;
    float: right;
}

header.main-header .header-container ul {
    padding: 0;
    margin: 0;
}

header.main-header .header-container ul li {
    list-style: none;
    display: inline-block;
    position: relative;
}

header.main-header .header-right {
    width: 300px;
    height: 100%;
    float: right;
}

header.main-header .header-avatar {
    width: 100%;
    height: 100%;
    position: relative;
}

header.main-header .header-container a {
    text-transform: uppercase;
    font-variant: small-caps;
    color: #f0f0f0;
    font-size: 14px;
    text-shadow: 1px 1px #000000;
}

header.main-header .header-container a:hover {
    text-decoration: none;
    color: #f0f0f0;
}

header.main-header .header-right .header-right-block {
    width: 115px;
    height: 100%;
    display: inline-block;
}

header.main-header .header-container .header-contact {
    background-color: #ff9200;
    color: #f0f0f0;
    border-right: 1px solid #1e2828;
    border-left: 1px solid #1e2828;
    margin-left: -3px;
}

header.main-header .header-container .header-contact a {
    color: #f0f0f0;
    padding: 21px;
    height: 100%;
    display: block;
}

header.main-header .header-container .header-contact:hover {
    background-color: #FF8000;
}

header.main-header .header-container .header-compte a:hover {
    background-color: #485353;
}

header.main-header .header-container .header-compte a {
    background-color: #323c3c;
    padding: 21px;
    height: 100%;
    display: block;
}

header.main-header .header-container .header-compte-dropdown {
    padding: 8px;
    margin-right: 10px;
}

header.main-header .header-container .header-compte-dropdown .dropbtn:hover,
header.main-header .header-container .header-compte-dropdown .dropbtn:focus {
    background: none;
}

header.main-header .header-container .header-compte-dropdown .dropdown-block a {
    padding: 8px;
}

header.main-header .header-container .header-compte img {
    position: absolute;
    margin-top: -9px;
    border-radius: 5px;
}

header.main-header .header-container .header-compte-dropdown img {
    position: relative;
    margin: 0;
    margin-top: -2px;
    border-radius: 50%;
    border: 0;
    vertical-align: middle;
}

header.main-header .header-container .header-compte-dropdown .dropdown {
    display: block;
    float: none;
    height: 100%;
    overflow: inherit;
}

header.main-header .header-container .header-compte-dropdown .dropbtn {
    padding: 0;
    border: none;
}

header.main-header .header-container .header-compte span {
    margin-left: 45px;
}

header.main-header .header-premium-button {
    padding: 8px;
    border: 1px solid #ff9200;
    margin-top: 17px;
    margin-right: 10px;
    border-radius: 4px;
    color: #ff9200;
    letter-spacing: 1px;
}

header.main-header .header-container .header-premium-button:hover {
    background-color: #323c3c;
}

header.main-header .header-container img {
    border: 1px solid #b4b4b4;
    /*border-radius: 35px;*/
    margin: 4px 0 0 0;
}

header.main-header .header-user {
    float: left;
    color: #f0f0f0;
    height: 70px;
}

header.main-header .header-pseudo {
    float: left;
    border: 2px solid #dcdcdc;
    border-left: none;
    margin-top: 20px;
    margin-left: -3px;
    padding: 5px;
    border-radius: 0 15px 15px 0;
}

header.main-header .header-container img.premium,
header.main-header .header-container .header-pseudo.premium {
    border-color: #ff9200;
}

nav.header-nav {
    border-bottom: 2px solid #141e1e;
    height: 35px;
    width: 100%;
    /*z-index: 2 !important;*/
}

nav.header-nav .nav-sites {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    min-width: 1200px;
    background-color: #323c3c;
}

nav.header-nav .site-category {
    display: inline-block;
    height: 100%;
    color: #b4b4b4;
    padding-top: 2px;
}

nav.header-nav .site-title {
    /*font-style: italic;*/
    text-shadow: 0 0 5px #000;
    font-size: 12px;
}

nav.header-nav .site-category:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #141e1e;
}

nav.header-nav .site-category .site-list a {
    display: inline-block;
    min-height: 30px;
    width: 30px;
}

nav.header-nav .site-category a:hover {
    background-color: #b4b4b4;
    -moz-box-shadow: 0 0 2px 2px #b4b4b4;
    -webkit-box-shadow: 0 0 2px 2px #b4b4b4;
    box-shadow: 0 0 2px 2px #b4b4b4;
}

nav.header-nav .site-category a.active {
    background-color: #b4b4b4;
    -moz-box-shadow: 0 0 2px 2px #b4b4b4;
    -webkit-box-shadow: 0 0 2px 2px #b4b4b4;
    box-shadow: 0 0 2px 2px #b4b4b4;
}

nav.header-nav .site-list a img {
    image-rendering: optimizeSpeed; /*                     */
    image-rendering: -moz-crisp-edges; /* Firefox             */
    image-rendering: -o-crisp-edges; /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: pixelated; /* Chrome as of 2019   */
    image-rendering: optimize-contrast; /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor; /* IE8+                */
}

.grecaptcha-badge {
    opacity: 0 !important;
    display: none !important;
}

/*** Badges et tags ***/

.badge {
    position: absolute;
    left: 0;
    padding: 3px;
    background: #007bff;
    color: #fff;
    font-size: 75%;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.8;
    border-bottom-right-radius: 3px;
    margin-left: 4px;
}

.b-tag {
    padding: 3px !important;
    background: #767676 !important;
    color: #fff !important;
    font-size: 75% !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;
    margin-right: 2px !important;
}

.b-tag:hover {
    opacity: 0.8;
}

.badge-bis {
    margin-right: 2px;
}

/**** Module guides ****/

.guide-block {
    /*float:left;*/
    padding: 0;
    margin: 0;
    max-width: 818px;
    width: 100%;
    border: 1px solid #c77e19;
    background-color: rgba(255, 255, 255, .05);
    background-size: cover;
}

.guide-block .container-flex,
.menu-guide-block .container-flex {
    display: flex;
    height: 100%;
    align-items: stretch;
}

.guide-block .container-horizontal,
.menu-guide-block .container-horizontal {
    flex-direction: column;
    align-items: center;
}

.guide-block .container-vertical {

}

.guide-block .col a,
.menu-guide-block .col a {
    float: left;
    padding: 7px;
    border: 1px solid #c77e19;
    margin: 2px;
    background: rgba(0, 0, 0, .5);
    color: #f7b10a;
}

.guide-block .col a.highlight,
.menu-guide-block .col a.highlight {
    border: 2px solid #FFDE59;
    padding: 6px;
    box-shadow: 0px 0px 8px #FFDE59;
}

.guide-block .col:first-child {
    width: 20%;
    margin-right: 5px;
}

.guide-block .col-new {
    width: 100% !important;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 5px;
}

.menu-guide-block .col-new {
    width: 100% !important;
    height: 100%;
    line-height: 40px;
    text-align: center;
    padding: 5px;
}

.menu-guide-block .row-horizontal {
    display: flex;
    align-items: center;
    min-height: 100px;
    background-size: cover;
}

.guide-block .row-horizontal {
    display: flex;
    align-items: center;
    min-height: 40px;
    background-size: cover;
}

.menu-guide-block .col-pic img,
.guide-block .col-pic img {
    max-width: 150px;
}

.guide-block h2 {
    width: 100%;
    color: #f8b700;
    font-size: 15px;
    padding: 5px;
}

.guide-block .row-title {
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
}

.menu-guide-block .row-bg,
.guide-block .row-bg {
    background-position: top;
    background-size: cover;
}

.menu-guide-block .row-horizontal,
.guide-block .row-horizontal {
    width: 100%
}

.menu-guide-block .row-vertical,
.guide-block .row-vertical {
    width: 33.3333%;
    text-align: center;
}

.guide-block .container-vertical .col:first-child {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.menu-guide-block .container-vertical .col,
.guide-block .container-vertical .col {
    padding: 10px;
}

.guide-block .row-horizontal:not(:last-child) {
    border-bottom: 1px solid #000;
    box-shadow: 0px 6px 12px #000;
}

.menu-guide-block {
    /*float:left;*/
    padding: 0;
    margin: 0;
    border: 1px solid #c77e19;
    background-color: rgba(255, 255, 255, .05);
    background-size: cover;
}

/** Portail news **/

#debutsite div {
    z-index: 1 !important;
}

.portal-news-list p,
.portal-news-list figure {
    margin: 0;
}

figure.news-fig img {
    width: 100%;
    height: 132px;
    max-width: 220px;
}

figure.news-fig {
    width: 220px;
    height: 132px;
    float: left;
    margin-right: 5px;
    padding: 1px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    background: #323c3c;
}

.portal-news-list .news-tags {
    margin-left: 205px;
    margin-top: 5px;
}

.portal-news-list .news-tags::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

.portal-news-list {
    padding: 10px 0 10px 0;
}

.portal-news-list:not(:first-of-type),
.soutien {
    border-top: 1px dashed #d2d2d2;
}

.portal-news-list a.news-directlink {
    display: block;
}

.portal-news-list a:focus,
.portal-news-list a:target {
    outline: 0;
}

.portal-news-list span,
.portal-news-list .news-details {
    color: #646464;
    font-size: 12px;
    margin-top: 5px;
}

.portal-news-list .news-details {
    color: #000;
    font-size: 15px;
    margin-top: 5px;
}

.portal-news-list .news-details {
}

.portal-news-list header {
    font-size: 18px;
}

.news-tags-bottom {
    margin-top: 10px;
}

section.container {
    width: 1200px;
    margin: 0 auto;
    border-left: 1px solid #d2d2d2;
    /*border-bottom: 1px solid #d2d2d2;*/
    border-top: 1px solid #d2d2d2;
    /*border-radius: 4px;*/
}

.front-menu-site {
    text-align: left;
    background-color: #283232;
    margin: -1px;
    color: #fff;

    border: 1px solid #323c3c;
}

.front-menu-site h1,
.front-menu-site h2,
.front-menu-site-title {
    font-size: 28px;
    line-height: 34px;
    display: inline-block;
    margin: 0 0 0 10px;
    color: #f0f0f0;
    text-shadow: 1px 1px #000000;
    font-weight: normal;
    padding: 0;
}

.front-menu-site #front-menu-site {
    padding: 10px 0 5px 20px;
    /*background: rgba(28, 28, 28, 0.5);*/
}

.soutien {
    text-align: center;
}

.soutien .row {
    width: 100%;
    display: flex;
}

.soutien .col-3 {
    width: 33.33%;
}

.soutien .soutien-btn a {
    padding: 10px;
    background-color: #ff9200;
    color: #fff;
    width: 70%;
    margin: auto;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.soutien ul {
    width: 75%;
    margin-left: 50px;
}

.soutien ul li {
    text-align: left;
    padding-top: 2px;
}

.searchblock-right {
    padding: 4px 0 5px 0;
    border-top: 1px solid #dcdcdc;
    margin: 0 0 4px 4px;
}

.imagethumb {
    display: none;
    position: absolute;
    bottom: 1px;
    right: 17px;
    left: 17px;
    background-color: rgba(20, 30, 30, 0.8);
    color: rgb(200, 200, 200);
    text-align: center;
    padding: 5px;
    z-index: 2;
}

.blockimageparent:hover .imagethumb {
    display: block;
}

.blockimageparent {
    max-width: 250px;
    margin-bottom: 20px;
}

h2.news-gallery-title {
    margin: 15px 0 15px 0;
}

/** Authors **/

.author-image {
    text-align: center;
}

.author-image img {
    border-radius: 60px;
}

.author-bio {
    margin-top: 10px;
}

.author-desc {
    margin-bottom: 5px;
    padding: 15px;
}

.author-social {
    text-shadow: none !important;
}

.author .author-social {
    float: right;
}

/** Page abo **/
.title__abo {
    border-bottom: 3px solid #777777;
    text-align: right;
    color: #fff;
    height: 24px;
    margin-top: 15px;
}

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

.title__abo__block {
    font-family: "Archivo Narro", sans-serif;
    position: relative;
    font-size: 21px;
    background-color: #777777;
    padding: 3px 9px 3px 9px;
    text-transform: uppercase;
    height: 20px;
    font-style: italic;
}

.title__abo__block__custom {
    font-size: 22px;
}

.title__abo__block__custom::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 20px 0;
    border-color: transparent #777777 transparent transparent;
    vertical-align: middle;
    transform-origin: bottom;
    transform: rotate(-90deg);
    bottom: -12px;
    right: 122px;
}

.abonnement__histoires {
    width: 100%;
}

.abonnement__images {
    position: relative;
    float: left;
    width: 30%;
}

.abonnement_bold {
    font-weight: bold;
    font-size: 16px;
}

.abonnement__images img {
    width: 100%;
    padding: 5px;
}

.abonnement__histoire {
    float: left;
    width: 65%;
    margin-left: 5%;
    font-size: 12px;
    color: #555555;
}

.abonnement__notrehistoire {
    color: #ff9622;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 5px;
}

.abonnement__images::before {
    position: absolute;
    background-color: #a6a6a6;
    content: "";
    height: 2px;
    top: 0;
    left: 0;
    z-index: 1;
    width: 75%;
}

.abonnement__images::after {
    background-color: #a6a6a6;
    top: 36px;
    content: "";
    height: 2px;
    left: -36px;
    position: absolute;
    transform-origin: bottom;
    transform: rotate(-90deg);
    width: 75px;
    z-index: 1;
}

.abonnement__card {
    padding: 10px;
    margin: 15px 25px 10px 25px;
    background-color: #fff;
}

.abonnement__choix {
    text-align: center;
}

.abonnement_card_label,
.abonnement_card_price {
    float: left;
    width: 45%;
}

.abonnement_card_label {
    font-weight: bold;
    text-transform: uppercase;
    color: #555555;
    font-size: 16px;
}

.abonnement__card .abonnement_card_price {
    background-color: #dcdcdc;
}

.abonnement_card_price {
    background-color: #ff9622;
    color: #000;
    font-weight: bold;
    min-height: 50px;
    line-height: 48px;
    font-size: 19px;
}

.abonnement__card .abonnement_card_price {
    font-size: 28px;
}

.abonnement__bonus .jh-col-4,
.abonnement .jh-col-6 {
    padding: 0;
}

.abonnement .jh-row {
    margin: 0;
}

.abonnement__bonus img {
    width: 35px;
}

.abonnement__bonus .abonnement_bonus_text {
    font-weight: bold;
}

.abonnement__autre {
    text-align: center;
}

.abonnement__autre .abonnement_card_price {
    float: none;
    margin: 0 auto;
}

.jquery-ui .ui-widget.ui-widget-content {
    background: #fa9b2f;
}

.jquery-ui .ui-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: #fa9b2f;
    top: -10px;
}

.jquery-ui .ui-slider-horizontal {
    height: 1px;
}

.abonnement_button {
    background: #fa9b2f !important;
    border-radius: 0 !important;
    color: #000 !important;
    margin-top: 5px;
}

.abonnement__autre a {
    display: block;
    color: #000;
}

.abonnement__img_block {
    float: left;
    margin-top: 1px;
    width: 40px;
    height: 50px;
}

.abonnement_bonus_text_solo {
    line-height: 35px;
}

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

.border-accueil {
    width: 20px;
    height: 100%;
}

.block-content-right {
    position: relative;
    width: 330px;
    -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1) 0s;
    transition: all .3s cubic-bezier(.23, 1, .32, 1) 0s;
    /*background-color: #fff;
    opacity: 0.8;
    min-height: 300px;*/
    margin-left: 10px;
    /*border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
}

.block-content-right:not(:first-child) {
    margin-top: 10px;
}

/*.block-content-right:before {
    position: absolute;
    background-color: #0080b8;
    content: "";
    height: 2px;
    bottom: 0;
    left: 45px;
    right: 0;
    z-index: 1;
    transform-origin: right;
    transform: rotate(90deg);
}*/

.block-content-right-inner {
    margin-left: 26px;
    /*margin-right: 25px;*/
    background-color: #f0f0f0;
    border-left: 2px solid #323c3c;
    border-bottom: 2px solid #323c3c;
    border-right: 2px solid #323c3c;
    width: 300px;
    /*box-shadow: 0px 5px 14px #323c3c;*/
}

.aside-sticky {
    position: fixed;
    top: 0;
    margin-left: 860px !important;
}

.aside-sticky-bottom {
    position: fixed;
    top: 0;
}

.block-content-children {
    padding: 5px;
    display: block;
    /*border-top: 1px solid #282828;*/
    clear: both;
}

.block-content-children img {
    width: 200px;
}

.block-content-children.small-child img {
    float: left;
    width: 100px;
    height: 60px;
}

.block-content-children.small-child {
    height: 60px;
}

.block-content-children.hoverable:hover {
    opacity: 0.8;
    background-color: #fafafa;
}

.block-content-label-block {
    padding: 10px;
    background-color: #dcdcdc;
    text-transform: uppercase;
    font-weight: bold;
}

.block-content-label-block img {
    width: 20px;
    margin-right: 4px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

.sticky--first {
    height: 100%;
}

.sticky--parent {
    margin-top: 5px;
    /*min-height: 80%;
    height: 80%;*/
    min-height: 2500px;
    height: 2500px;
}

.search-main {
    cursor: pointer;
}

.searchbar-main {
    top: -2px;
    right: 0;
    position: absolute;
    width: 1090px;
    height: 41px;
}

.searchbar-main.hide {
    display: none;
}

.jh__bold {
    font-weight: bold;
}

.fa-arrow-token {
    text-shadow: 1px 1px #000000;
}

#front-menu-site {
    cursor: pointer;
}

.breadcrumb {
    width: 100%;
    background-color: #f0f0f0;
}

.breadcrumb .jh-row {
    margin: 0;
}

.breadcrumb .breadcrumb-default {
    margin-bottom: 10px;
    line-height: 14px;
}

/** Leaderboard **/

#leaderboard .leaderboard-top {
    color: #fa9b2f;
    font-weight: bold;
}

#leaderboard .leaderboard-middle {
    color: #007db5;
    font-weight: bold;
}

#leaderboard .leaderboard-base {
    color: #dcdcdc;
    font-weight: bold;
}

.bannerATF_container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto -1px auto;
    width: 100%;
    height: 250px;
    border-top: 1px solid #323c3c;
    border-left: 1px solid #323c3c;
    border-right: 1px solid #323c3c;
    border-bottom: 0;
    background: url('../images/divers/logojhpub2.png') no-repeat;
    background-position: center;
}

#habillage.jh-premium {
    padding-top: 20px;
}

#cgBannerATF1 {
    margin: auto;
}


.cgSidebarATF1 {
    background: url('../images/divers/logojhpub-colonne4.png') no-repeat;
    background-position: center;
}