@CHARSET "ISO-8859-1";

* {margin: 0;padding: 0;}
body {font-family: Verdana, sans-serif;margin: 0 auto;}
main {display: block;}
header.banner {margin: 0;padding: 0;border: none;}
img.center {display: block;margin: auto;}
table {margin: auto;margin-bottom: 1rem;border-right: 1px solid #CCC;border-top: 1px solid #CCC;border-collapse: collapse;}
tr {vertical-align: top;}
tr.highlight {background-color: #EEEEEE;}
td, th {padding: 2px;border-left: 1px solid #BBB;border-bottom: 1px solid #BBB;border-collapse: collapse;}
table.noborder, table.noborder td, table.noborder th {border: 0;}
table.left {margin-left: 0;}
table.left th {text-align: left;padding-right: 20px;white-space: nowrap;}
table.livreor {width: 100%;}
table.livreor input[type="text"], table.livreor textarea {width: 100%;}
th, td.center, p.center {text-align: center;}
table.center td {text-align: center;}
td.right {text-align: right;}
h1, h2, h3 {margin-bottom: 1rem;}
h2.center, h3.center {text-align: center;}
p {margin-bottom: 1rem;text-align: justify;}
p.left, li.left {text-align: left;}
main ul, main ol {padding-left: 1.5rem;margin-bottom: 1rem;}
main ul li, main ol li {padding-left: 0;text-align: justify;}
main ul li.warn {list-style-image: url('/images/warn.png');}
main ul.nostyle {list-style-type: none;}
main ul.error li {font-weight: bold;color: #FF0000;}
main a:link, a:visited {color: #0000ff;font-weight: normal;text-decoration: none;}
main a:hover {text-decoration: underline;}
main h1 a:HOVER, main h2 a:HOVER, main h3 a:HOVER {text-decoration: none;}
.videowrap {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin-bottom: 1rem;}
.videowrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}
article.livreor p {color: #888;margin-left: 12px;}
article.livreor h2 {background: none;margin: 0;padding: 0;height: auto;font-weight: normal;}
figure.bestiaire table {width: 100%;}
figure.bestiaire table, figure.bestiaire td, figure.bestiaire th {border: 0;}
figure.bestiaire th {white-space: nowrap;text-align: left;}
figure.bestiaire figcaption ul, figure.bestiaire figcaption ol {padding-left: 30px;margin-bottom: 1rem;}
.nowrap {white-space: nowrap;}

/** MENU */
nav ul li {list-style: none;}
nav input[type="checkbox"] {display: none;}

/** COMMENTS */
[id="comments"] section {background-color: #EEEEEE;border-radius: 10px;padding: 10px;margin-bottom: 10px;}
[id="comments"] a {color: #0000ff;font-weight: normal;text-decoration: none;}
[id="comments"] a:hover {text-decoration: underline;}
.comment h1, .comment p, .comment ol, .comment ul, .comment h2, .comment h3, .comment h4, .comment h5 {margin: 0;margin-bottom: 0.3rem;}
.comment ol, .comment ul{padding-left: 1.5rem;}
.comment.deleted-user {color: grey;}
.pagination {border: 0;margin-left: 0;margin-top: 0;}
.pagination td {border: 0;padding-left: 5px;padding-right: 5px;}
.pagination td:hover {background-color: #DDDD00;}
.pagination td.selected {font-weight: bold;}
.pagination td.selected, .pagination td.selected:hover {background-color: #FFFF00;}
.pagination td:FIRST-CHILD, .pagination td:FIRST-CHILD:hover {padding-left: 0;background-color: transparent;}

@media ( min-width : 800px) {
	body {width: 900px;background-color: #D8EBF2;font-size: 11px;overflow-y: scroll;}
	header.banner {width: 900px;height: 110px;}
	header.banner img.fluid {display: none;}
	footer {width: 750px;padding-top: 30px;padding-left: 150px;background-image: url("/images/footer-left.jpg"), url("/images/footer-right.jpg"), url("/images/footer-bg.jpg");background-position: left top, right top, center top;background-repeat: no-repeat, no-repeat, repeat-x;}
	footer.copyright img {display: none;}
	main {padding-left: 166px;padding-top: 15px;padding-right: 43px;padding-bottom: 5px;background-image: url("/images/bg.png");min-height: 500px;}
	aside#comments {padding-left: 166px;padding-top: 0;padding-right: 43px;padding-bottom: 15px;background-image: url("/images/bg.png");}
	h1 {background-image: url("/images/h1.jpg");background-repeat: no-repeat;font-size: 15px;font-weight: bold;height: 34px;padding-top: 6px;padding-left: 6px;}
	h2 {font-size: 14px;font-weight: bold;}
	h3 {font-size: 13px;font-weight: bold;}
	figure.wallpaper, figure.wpfiller1, figure.wpfiller2, figure.wpfiller3, figure.wpfiller4 {width: 172px;height: 150px;}
	figure.wallpaper img, figure.wpfiller1 img, figure.wpfiller2 img, figure.wpfiller3 img, figure.wpfiller4 img {display: block;width: 150px;height: auto;margin: auto;margin-bottom: 5px;}
	figure.wallpaper figcaption, figure.wpfiller1 figcaption, figure.wpfiller2 figcaption, figure.wpfiller3 figcaption, figure.wpfiller4 figcaption {text-align: center;}
	figure.wallpaper {float: left;}
	figure.wpfiller2 {margin-left: 172px;}
	figure.wpfiller3 {margin-left: 344px;}
	figure.wpfiller4 {margin-left: 516px;}
	figure.bestiairelist, figure.blfilcol1, figure.blfilcol2, figure.blfilcol3 {width: 230px;height: 240px;border-top: 1px solid #CCC;}
	figure.bestiairelist {float: left;}
	figure.blfilcol3 {margin-left: 460px;}
	figure.blfilcol2 {margin-left: 230px;}
	figure.bestiairelist img, figure.blfilcol1 img, figure.blfilcol2 img, figure.blfilcol3 img {display: block;margin: auto;}
	figure.bestiairelist p, figure.blfilcol1 p, figure.blfilcol2 p, figure.blfilcol3 p {text-align: center;margin: 0;}
	figure.bestiairelist a, figure.blfilcol1 a, figure.blfilcol2 a, figure.blfilcol3 a {font-weight: bold;}
	figure.bestiaire>img {float: right;}
	div.fanarts {text-align: center;}
	div.fanarts img {margin: 10px;vertical-align: top;width: 200px;height: auto;}
	figure.fanart img {float: right;width: 300px;height: auto;}
	figure.fanart figcaption {margin-right: 350px;}
	article.livreor h2 {font-size: 11px;}
	figure.screenshot {height: 100px;}
	div.sondagereponse {float: left;width: 370px;height: 18px;}
	div.sondagebar {float: right;width: 320px;height: 18px;}
	div.sondagereponseffbe {float: left;width: 370px;height: 110px;}
	div.sondagebarffbe {float: right;width: 320px;height: 110px;}
	
	/** MENU */
	[id="menus"] {float: left;background-image: url("/images/left.jpg");background-repeat: no-repeat;width: 151px;padding-top: 40px;}
  nav ul {background-image: url("/images/menu-bg.png");background-position: left top;background-repeat: repeat-y;width: 141px;}
  nav ul li {text-indent: 20px;}
  nav ul li:FIRST-CHILD, [id="menucompte"] ul li, [id="menurecherche"] ul li, [id="menusite"] ul li {text-indent: 10px;}
  nav ul li label, nav ul li a, nav ul li span {display: block;padding: 1px;text-decoration: none;}
  nav ul li a, nav ul li a:hover, nav ul li a:visited {color: white;}
  nav ul li a:hover {text-decoration: underline;}
  [id="navigation"], [id="menulangue"], nav ul li, nav ul li label {display: none;}
  [id="menucompte"] ul li, [id="menurecherche"] ul li, [id="menupartenaires"] ul li, [id="menusite"] ul li, nav ul li:FIRST-CHILD {display: block;}
  [id="menucompte"] ul li:FIRST-CHILD, [id="menujeux"] ul li:FIRST-CHILD, [id="menurecherche"] ul li:FIRST-CHILD, [id="menusite"] ul li:FIRST-CHILD, [id="menuffportalapp"] ul li:FIRST-CHILD, [id="menuffbe"] ul li:FIRST-CHILD, [id="menulangue"] ul li:FIRST-CHILD {border-top: 1px solid black;border-bottom: 1px solid black;width: 141px;text-indent: 0;background-image: url("/images/menu-title.jpg");background-position: left top;background-repeat: repeat-y;}
  nav ul li:FIRST-CHILD span {color: black;font-weight: bold;text-decoration: none;padding: 3px;}
  [id="menurecherche"] ul li:LAST-CHILD, [id="menuff7"] ul li:FIRST-CHILD, [id="menucompte"] ul li:nth-child(2), [id="menusite"] ul li:nth-child(2), [id="menuffexvius"] ul li:FIRST-CHILD,[id="menulangue"] ul li:nth-child(2) {padding-top: 10px;}
  nav ul li:LAST-CHILD, [id="menuff16"] ul, [id="menutripletriad"] ul {padding-bottom: 10px;}
  [id="menusite"] ul {border-bottom: 1px solid black;}
  [id="menupartenaires"] ul {background: none;padding-top: 45px;background-image: url("/images/ff-jap.png");background-position: left top;background-repeat: no-repeat;}
  [id="menupartenaires"] ul li, [id="menupartenaires"] ul li:FIRST-CHILD, [id="menupartenaires"] ul li:nth-child(2) {background: none;border: 0;padding: 0;text-indent: 10px;}
  [id="menupartenaires"] ul li a, [id="menupartenaires"] ul li a:FIRST-CHILD {display: inline;padding: 0;}
  [id="menujeux"] ul li:LAST-CHILD, [id="menuffportalapp"] ul li:LAST-CHILD, [id="menuffbe"] ul li:LAST-CHILD {padding-bottom: 0;}
  
  /** COMMENTS */
  [id="comments"] section header {float: right;width: 150px;margin-bottom: 0;padding-left: 5px;padding-bottom: 5px;border-left: 1px solid #CCC;font-size: 11px;font-weight: normal;}
  [id="comments"] section header img:FIRST-CHILD {display: block;margin-bottom: 5px;}
  .comment {width: 510px;overflow: hidden;}
  .comment h1 {background-image: none;font-size: 15px;height: auto;padding: 0;}
  .comment h2 {font-size: 14px;}
  .comment h3 {font-size: 13px;}
  .comment h4 {font-size: 12px;}
  .commentBottomBar {clear: right;border-top: 1px solid #CCC;}
  .commentPlusNumber {font-size: 20px;font-weight: bold;color: #33BB33;}
  .commentBottomProfile {width: 150px;border-left: 1px solid #CCC;float: right;padding-left: 5px;padding-top: 4px;}
}

@media ( max-width : 799px) {
	body {font-size: 0.9rem;}
	h1 {font-size: 1.2rem;}
	h2 {font-size: 1.1rem;}
	h3 {font-size: 1rem;}
	img.fluid {display: block;width: 100%;height: auto;margin: auto;}
	td.fluid, th.fluid {display: none;}
	header.banner img:FIRST-CHILD {display: none;}
	main, aside#comments {padding: 0.8rem;padding-bottom: 0.2rem;}
	footer {background-color: #D8EBF2;}
	footer p {padding: 5px;padding-top: 0;}
	figure.wallpaper img, figure.wpfiller1 img, figure.wpfiller2 img, figure.wpfiller3 img, figure.wpfiller4 img {display: block;width: 100%;height: auto;margin-bottom: 5px;}
	figure.wallpaper figcaption, figure.wpfiller1 figcaption, figure.wpfiller2 figcaption, figure.wpfiller3 figcaption, figure.wpfiller4 figcaption {text-align: center;margin-bottom: 1rem;}
	figure.bestiairelist, figure.blfilcol1, figure.blfilcol2, figure.blfilcol3 {border-top: 1px solid #CCC;}
	figure.bestiairelist img, figure.blfilcol1 img, figure.blfilcol2 img, figure.blfilcol3 img, figure.bestiaire>img {display: block;width: 100%;margin: auto;}
	figure.bestiairelist p, figure.blfilcol1 p, figure.blfilcol2 p, figure.blfilcol3 p {text-align: center;}
	figure.bestiairelist a, figure.blfilcol1 a, figure.blfilcol2 a, figure.blfilcol3 a {font-weight: bold;}
	figure.bestiaire>img {margin-bottom: 1rem;}
	div.fanarts img {display: block;margin: auto;width: 200px;height: auto;margin-bottom: 10px;}
	figure.fanart img {display: block;width: 100%;height: auto;margin-bottom: 10px;}
	p.redac {clear: left;}
	article.livreor h2 {font-size: 0.9rem;}
	div.sondagebar {height: 1.3rem;}
	
	/** MENU */
	nav ul li {text-indent: 20px;background-image: url("/images/mmenu-bg.png");border-bottom: 1px solid white;}
  nav ul li label, nav ul li a, nav ul li span {display: block;padding: 0.3rem;text-decoration: none;}
  nav ul li a, nav ul li a:hover, nav ul li a:visited {color: white;}
  [id="menus"] nav ul li:FIRST-CHILD, [id="navigation"] ul li {border-top: 1px solid black;border-bottom: 0;color: black;font-size: 1rem;font-weight: bold;text-indent: 20px;background: white;background-image: url('/images/fleche.png'), linear-gradient(to right, white, grey);background-repeat: no-repeat;background-position: 5px center;}
  [id="menus"] nav ul li:FIRST-CHILD {background-image: url('/images/bfleche.png'), linear-gradient(to right, white, grey);margin-top: 90px;}
  [id="menus"] nav#navigation ul li {background-image: url('/images/fleche.png'), linear-gradient(to right, white, grey);}
  nav ul li:first-child a, nav ul li span, [id="menujeux"], [id="menuffportalapp"], [id="menuffbe"], [id="menulangue"], [id="navigation"] ul li.langue {display: none;}
  nav ul li label {cursor: pointer;}
  [id="menurecherche"] ul li:LAST-CHILD {padding: 10px 0;}
  [id="navigation"] ul, [id="menurecherche"] ul, [id="menucompte"] ul, [id="menuff7"] ul, [id="menuff8"] ul, [id="menuff9"] ul, [id="menuff10"] ul, [id="menuff102"] ul, [id="menuff12"] ul, [id="menuff13"] ul, [id="menuff132"] ul, [id="menufflr"] ul, [id="menufftype0"] ul, [id="menuff15"] ul, [id="menuff16"] ul, [id="menutripletriad"] ul, [id="menuffexvius"] ul, [id="menupartenaires"] ul, [id="menusite"] ul, [id="menulangue"] ul {position: absolute;top: 0; left: 0;width: 70%;min-height: 700px;z-index: 30;transform: translateX(-110%) translateZ(0);background-color: #D8EBF2;background-image: url("/images/mmenu-bottom-right.png"), url("/images/mmenu-right.png"), url("/images/mmenu-bottom.png"), url("/images/mleft.jpg");background-position: right bottom, right top, left bottom, right top;background-repeat: no-repeat, repeat-y, repeat-x, no-repeat;padding-right: 10px;padding-bottom: 22px;}
  [id="navigation"] ul {z-index: 20;}
  [id="navigation"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menurecherche"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menucompte"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menusite"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menupartenaires"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff7"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff8"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff9"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff10"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff102"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff12"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff13"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff132"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menufflr"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menufftype0"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff15"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuff16"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menutripletriad"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menuffexvius"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="menulangue"]>input:checked ~ ul {transform: translateX(0) translateZ(0);}
  [id="burgersurface"] {position: absolute;top: 0;right: 0;height: 3rem;width: 4rem;z-index: 5;}
  [id="navigation"]>label {position: absolute;top: 0.5rem;right: 1rem;z-index: 10;height: 1.5rem;width: 1.5rem;background-color: white;padding: 0;outline: 0;border: 1px solid #333;cursor: pointer;transition: transform .2s;}
  [id="navigation"] span {display: block;position: absolute;top: 0.7rem;left: 0.2rem;right: 0.2rem;height: 0.2rem;background-color: #333;}
  [id="navigation"]>label::before, [id="navigation"]>label::after {content: "";display: block;position: absolute;left: 0.2rem;right: 0.2rem;height: 0.2rem;background-color: #333;}
  [id="navigation"]>label::before {top: 0.2rem;}
  [id="navigation"]>label::after {top: 1.2rem;}
  [id="navigation"]>input:checked+label, [id="navigation"]>input:checked+span::before, [id="navigation"]>input:checked+span::after, [id="navigation"]>input:checked+span{transform: rotate(90deg) translateZ(0);}
  
  /** COMMENTS */
  [id="comments"] section header {margin-bottom: 0;font-size: 0.8rem;font-weight: normal;}
  [id="comments"] section header img:FIRST-CHILD {float: left;margin-right: 1rem;margin-bottom: 0.3rem;}
  .comment {clear: both;overflow: hidden;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;padding-top: 0.3rem;margin: 0;overflow: hidden;}
  .comment h1 {background-image: none;font-size: 1rem;height: auto;padding: 0;}
  .comment h2 {font-size: 0.9rem;}
  .comment h3 {font-size: 0.85rem;}
  .comment h4 {font-size: 0.8rem;}
  .commentPlusNumber {font-size: 1.2rem;font-weight: bold;color: #33BB33;}
  .commentBottomProfile {width: 100px;border-left: 1px solid #CCC;float: right;padding-left: 5px;padding-top: 4px;}
}