/* méta */
/* BODY */
body {
	padding:0;
	margin:0;
	text-align:center;
	background-color:#0b0b0b;
	font-family: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: 18px;
    text-shadow: none;
    color: #000;
}
#titreclassique h1 {
    font-size: 18px;
}

.fr-view h1 {
    color: #000;
    font-weight: 500;
}
.fr-view h2,
.fr-view h3,
.fr-view h4 {
    font-weight: bold;
}
.fr-view h2 {
    font-size: 16px;
}
.fr-view 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 {text-decoration:none; color:#0064be;}
a:visited {text-decoration:none; color:#0064be;}
a:active {text-decoration:none; color:#0064be;}
a: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;
    margin:0 auto;
    width:1160px;
    min-height:97px;
    background-color:#f0f0f0;
    border-top:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
#debutsiteabo {
    padding:10px 20px 0 20px;
    margin:0 auto;
    width:1160px;
    height:0px;
    background-color:#f0f0f0;
    border-top:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
	-webkit-border-top-left-radius:4px;
	-moz-border-top-left-radius:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
}
.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;
	margin:0 auto;
	width:1160px;
    overflow:auto;
    background-color:#f0f0f0;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
#annoncecadre {
    padding:10px 10px 10px 10px;
	margin:0;
	float:left;
	width:1138px;
    min-height:1px;
    background-color:#ffffff;
    border:1px solid #d2d2d2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#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;
	margin:0 auto;
	width:1160px;
    overflow:auto;
    background-color:#f0f0f0;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
#sitebanleft {
    float:left;
    padding:0;
	margin:0;
	width:820px;
    height:190px;
    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:180px;
    z-index:1;
}
.sitebanbarre2 {
    position:absolute;
    float:left;
    padding:185px 0 0 0;
	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 {
    padding:12px 11px 5px 9px;
	margin:0;
	float:left;
	width:298px;
    height:31px;
    font-size:22px;
    text-align:right;
    background-color:#3c4646;
    border:1px solid #1e2828;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.fasocial {
    padding:0 26px 0 0;
    text-shadow:0px 0px 10px #000000;
    color:#c8c8c8;
}
.fasocial:hover {
    text-shadow:0px 0px 10px #ffffff;
    color:#ffffff;
}
/* MENU */
#menu {
	padding:10px 0 10px 0;
    margin:0 auto;
	width:1200px;
    overflow:auto;
    background-color:#f0f0f0;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
#menuinside {
	padding:0;
    margin:0 auto;
	width:1160px;
    height:50px;
    background-color:#283232;
}
#menugauche {
	float:left;
    padding:14px 0 0 0;
	margin:0;
    width:800px;
    height:36px;
    text-align:left;
}
.menubuttonhome {
	padding:9px 15px 10px 15px;
    height:50px;
	font-size:14px;
	border-right:1px solid #1e2828;
    text-shadow:1px 1px #000000;
}
.facolorhome {
    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 {
    color:#3c4646;
}
/* CONTENU GAUCHE */
#contenu {
    padding:0;
    margin:0 auto;
	width:1200px;
    overflow:auto;
    background-color:#f0f0f0;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
#contenuinside {
    padding:0 20px 0 20px;
    margin:0 auto;
	width:1160px;
    background-color:#f0f0f0;
}
#contenuleft {
    padding:0 20px 0 0;
	margin:0;
	float:left;
	width:820px;
    text-align:left;
    background-color:#f0f0f0;
    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 {
    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 {
    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:600px;
    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 {
    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 {
    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;
    padding:4px 0px 0px 0px;
    margin:0 0 5px 0;
    width:72px;
    height:20px;
}
#newssocial2 {
    float: right;
    padding:4px 0px 0px 0px;
    margin:0 0 5 0;
    height:20px;
}
#newsimg {
    float:left;
    padding:0 0 10px 0;
    width:820px;
}
#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:480px;
    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 10px 7px 10px;
    margin:0 0 20px 0;
    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:550px;
    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:300px;
    border-left:1px solid #d2d2d2;
    background-color:#f0f0f0;
    padding: 0 0 0 18px;
}

.contenuright_events {
    padding-bottom: 20px !important;
}


.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 {
    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;
}
#premium_right .prix {
  bottom: 12px;
  right: 15px;
  float: right;
  font-size: 26pt;
  font-weight: bold;
  position: absolute;
}
#premium_right .choix_prix {
  font-size: 13pt;
  font-weight: bold;
  margin-top: 25px;
  padding: 0 5px 0 10px;
}
#premium_right .custom_prix {
  color: #fc9931;
  font-size: 16pt;
  margin-bottom: 10px;
  margin-top: 5px;
}
#premium_right .prix_range {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  width: 200px;
}

#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;
  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: #f5f5f5;
  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;
  padding-left: 0;
}
#edition-profil #jeux-joues li {
  display: inline-block;
}
#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:15px 0 15px 0;
	margin:0;
	float:left;
	width:820px;
    height:85px;
    background-color:#ffffff;
    border:1px solid #d2d2d2;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.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;
    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;
    background-color:#f0f0f0;
    border-bottom:1px solid #d2d2d2;
    border-left:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
}
#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 {
    float: left;
    padding: 0;
    margin: 0;
    width: 298px;
    max-height: 500px;
    /*background-color: #323c3c;*/
    border: 1px solid #dcdcdc;
    text-align: left;
}

.module-content {
    float: left;
    padding: 8px 0 4px 0;
    margin: 0 0 4px 4px;
    width: 290px;
    text-align: center;
    background-color: #323c3c;
}
.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 {
    color: #ff9200;
}

.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 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%;
}

.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: #fafafa;
    font-size:15px;
}

.countdown {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    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 {
    float: right;
    padding: 12px 15px 0 0;
}

.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: -2px;
}

.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: 1050;
    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 {
    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;
    float: right;
    padding: 13px 15px 0 0;
    margin: 0;
    width: 50px;
    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;
}

.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;
}

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;
}


/** Slider **/

.slider-themes {
    float: right;
    padding: 5px 10px 0 0;
}
#slider-themes {
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 100px;
    border: 1px solid #787878;
    border-radius: 4px;
    height: 32px;
    margin-right: 5px;
    background-color: #1e2828;
}

.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;
}