html,body {margin:0; padding:0; height:100%; border:none;}
body {background:#232E38 url('theme-defaut/background-laby.png') repeat-y; background-position:center top; color:#232E38; font:13px Verdana, Arial, Helvetica, sans-serif;}
@font-face {font-family: movie_poster; src: url(font/movie_poster.ttf);}
@font-face {font-family: movie_poster; src: url(font/movie_poster_bold.ttf); font-weight:bold;}
a:link {color: #232E38}
a:active {color: #FF0000}
a:visited {color: #232E38}
hr{height:1px; width:100%; border:0px; color:#232E38; background-color:#232E38;}
li {List-Style-Type:square;}

* {box-sizing: border-box;}
img {box-sizing: content-box;}

.site_position {margin:Auto; width:100%; max-width:1052px; min-height:100%; padding:0px; box-shadow:0px 0px 10px #000000;
background:#232E38 url('theme-defaut/menu-background.png') repeat-y; background-position:left top;
border-width: 0px 1px 0px 1px; border-style:solid; border-color:#FFBE00;}
.site_position header {min-width:100%;}

.collapse {border-collapse:collapse; border-spacing:0; width:100%; vertical-align:top;}
.collapse tr, .collapse td {padding:0px;}

.menu-td {width:129px; vertical-align:top;}
.menu {width:129px; max-width:129px; text-align:center; vertical-align:top;}

#menugp {position:relative; background-color:#FAB407; width:129px; height:286px; padding:0;}

#menugp span {display:none;}
#menugp ul {list-style-type:none; border:0; margin:0; padding:0;}
#menugp li {margin:0; padding:0;}
#menugp li a {position:absolute; top:18px; left:0px; height:28px; width:129px; display:block; background:url("theme-defaut/menu.png") 0px 0px no-repeat; border:0; margin:0;}

#menugp #news {top:0px; background-position:0px 0px;}
#menugp #news:hover,#menugp #news:active,#menugp #news:focus {background-position:-129px 0px;}
#menugp #articles {top:28px; background-position:0 -28px;}
#menugp #articles:hover,#menugp #articles:active,#menugp #articles:focus {background-position:-129px -28px;}
#menugp #dossiers {top:56px; background-position:0 -56px;}
#menugp #dossiers:hover,#menugp #dossiers:active,#menugp #dossiers:focus {background-position:-129px -56px;}
#menugp #goodies {top:84px; background-position:0 -84px;}
#menugp #goodies:hover,#menugp #goodies:active,#menugp #goodies:focus {background-position:-129px -84px;}
#menugp #forum {top:112px; background-position:0 -112px;}
#menugp #forum:hover,#menugp #forum:active,#menugp #forum:focus {background-position:-129px -112px;}
#menugp #liens {top:140px; background-position:0 -140px;}
#menugp #liens:hover,#menugp #liens:active,#menugp #liens:focus {background-position:-129px -140px;}
#menugp #lexique {top:168px; background-position:0 -168px;}
#menugp #lexique:hover,#menugp #lexique:active,#menugp #lexique:focus {background-position:-129px -168px;}
#menugp #redaction {top:196px; background-position:0 -196px;}
#menugp #redaction:hover,#menugp #redaction:active,#menugp #redaction:focus {background-position:-129px -196px;}
#menugp #groquiz {top:224px; background-position:0 -224px;}
#menugp #groquiz:hover,#menugp #groquiz:active,#menugp #groquiz:focus {background-position:-129px -224px;}
#menugp #gromix {top:252px; background-position:0 -252px;}
#menugp #gromix:hover,#menugp #gromix:active,#menugp #gromix:focus {background-position:-129px -252px;}

#mascotte {background:url("theme-defaut/mascotte.png") 0px 0px no-repeat;}
#ligne {background:url("theme-defaut/menu.png") 0px -276px no-repeat; height:10px; width:129px;}
#fade {background:url("theme-defaut/menu-fade.png") 0px 0px no-repeat; height:310px; width:129px;}

.ui-accordion .ui-accordion-header {display:block; cursor:pointer; position:relative; min-height:0; /* support: IE7 */}

.search1 {color:#DE8207; font-style:italic;}
.search2 {color:#000000;}
.search1,.search2 {margin-top:6px; margin-bottom:2px; background:#F8B407 url('theme-defaut/icone-search.png') no-repeat; background-position:right; margin-right:0px; padding: 3px 1px 3px 3px; max-width:120px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:small; border: 1px solid #F8B407; box-shadow:0px 0px 6px #333333 inset; text-align:left;}

.menu_proch {background:#FAB407 url('theme-defaut/title-soon.png') center 5px no-repeat; padding-top:38px;}
.menu_jdm {background:#FAB407 url('theme-defaut/title-mygame.png') center 5px no-repeat; padding-top:40px;}
.menu_part {background:#FAB407 url('theme-defaut/title-friends.png') center 5px no-repeat; padding-top:30px;}

.infobulle {position: absolute; z-index: 100; visibility: hidden; padding: 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 250px; border: 1px solid #000000; background-color : #FFFFCC; display: inline; text-align:center; border-radius:4px; box-shadow:3px 4px 8px #404040;}
.infobulle img {margin:2px; max-height:68px; max-width:106px; border:1px solid black; border-radius:5px;}

.ndx_cadtop {background-color: #DE8207; margin:5px 10px 5px 10px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.ndx_coltop {height:17px; background:url('theme-defaut/title-une.png') left 2px no-repeat; padding-top:2px;}
.ndx_cadleft {background-color: #F8B407; margin:5px 5px 5px 10px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.ndx_colleft {height:15px; background:url('theme-defaut/title-newsite.png') left 2px no-repeat; padding-top:2px;}
.ndx_cadright {background-color: #F8B407; margin:5px 10px 5px 5px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.ndx_colright {height:15px; background:url('theme-defaut/title-retro.png') left 2px no-repeat; padding-top:2px;}
.ndx_cadbott {background-color: #F8B407; margin:5px 10px 10px 10px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.ndx_colbott {height:15px; padding-top:2px;}
.ndx_contenu {padding:5px; border:1px solid #C36407; border-radius:0px 0px 5px 5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFFFFF;}

.ndx_forum {padding:5px; border:1px solid #C36407; border-radius:0px 0px 5px 5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFFFFF; font:10px verdana, sans-serif;}
.ndx_forum a {text-decoration:none;}
.ndx_forum li {list-style:square inside; padding: 2px 0px 2px 0px; background-color:#FFFFFF; border-bottom:1px dotted #aaaaaa; transition:background-color 0.4s;}
.ndx_forum li:hover {list-style-type:square inside; padding: 2px 0px 2px 0px; background-color:#EEEEEE; border-bottom:1px dotted #aaaaaa; transition:background-color 0.4s;}

.cadre {background-color: #DE8207; margin:5px 10px 10px 10px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.contenu {padding:5px; border:1px solid #C36407; border-radius:5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFFFFF;}

.imgnews1 {float:left; max-width:160px; max-height:120px; margin: 3px 5px; border:0px solid #FFFFFF;}
.imgnews2 {max-width:640px; max-height:480px; margin: 5px 3px; border:0px solid #FFFFFF;}
.youtube,.dailymotion {width:480px; height:270px}
.bandeau {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: small;}
.bandeauimg {float:left; max-width:120px; max-height:80px; margin: 0px 5px; border:0px solid #FFFFFF;}

.menublanc {width:124px; margin:0px; padding:2px; border:1px solid #0099FF; background-color: #FFFFFF;}
.c1 {margin:auto; padding: 3px 1px; max-width:124px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:x-small; color:#000000; background-color:#FFFFFF; border:1px solid #C36407; box-shadow:0px 0px 6px #666666 inset; text-align:center}
.c2 {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:small;}
.c2 a {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:small; color:#000000; background:url('theme-defaut/puce-arrow.png') no-repeat center left; padding-left:10px;}

.newsfeedtitle {background: #C36407 url('theme-defaut/newsfeed-background.png') repeat-x; background-position:top; margin:5px 2px 0px 5px; padding:1px 5px 5px 5px; width:373px; max-width:373px; border:1px solid #FFBE00; border-radius:3px; color:#D5B09A; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.newsfeedtitle a {text-decoration:none; color:#999999;}
.newsfeedtitle a:hover {text-decoration:underline; color: #999999;}
.newsfeed {margin:1px 0px 0px 0px; padding:1px 3px; border:1px solid #E49406; border-radius:4px; box-shadow:0px 0px 5px #330000 inset; width:360px; max-width:360px; height:102px; max-height:102px; background-color:#FCBD00; color:#102015; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; overflow:hidden;}
.newsfeed li {padding: 0px 0px 1px 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #102015; List-Style-Type:none;}
.newsfeed a {text-decoration:none; color: #000099;}
.newsfeed a:hover {text-decoration:underline; color: #000099;}
.newsfeed a:active {text-decoration:underline; color: #FF0000;}
.newsfeed a:visited {text-decoration:none; color: #663399;}

.iconefeed {background: #CC6600 url('theme-defaut/icone-background.png'); width:129px; text-align:center;}
.iconefeedoff {border:0px; box-shadow: none; transition: box-shadow 0.5s;}
.iconefeedon {border:0px; box-shadow: 0px 0px 5px #FFFF00; transition: box-shadow 0.5s;}

.aleatoire {margin:39px 0px 0px 17px; width:105px; height:66px; box-shadow:0px 0px 20px 2px black inset; position:absolute;}
.audio {min-width:40px; min-height:10px; text-align:left; font-size:13px; border-radius:7px;}

.art_title_glb {padding:5px; border:1px solid black; border-radius:5px; background-color:#FFBE00; color:black; text-align:center; font:italic 20px Verdana, Arial, Helvetica, sans-serif;}

.art_cadtop_cadr {margin:5px 10px 8px 10px; border: 1px solid #FFBE00; border-radius:5px; text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px;}
.art_cadtop_contenu {padding:5px; border:1px solid #C36407; border-radius:5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFE0A0; min-height:140px;}
.art_cadtop_img {float:left; margin-right:10px; border-radius:10px; background-color:#FEB405; border:1px solid black;}
.art_cadtop_cover {float:right; margin:0 5px 0 10px; border-radius:2px; background-color:#FEB405; border:1px solid black; max-width:160px; max-height:102px; box-shadow:0px 0px 8px #444444;transition:border 0.4s;}

.art_title{padding:5px; margin: 0 0 10px 0; text-align:center; font:bold 18px Verdana, Arial, Helvetica, sans-serif; border:1px solid black; border-radius:10px; background-color:#FFBE00; color:black;}

.syst_page{background-color:#EEEEEE; padding:2px 8px 2px 8px; border:1px solid black; border-radius:5px; margin:5px 10px 5px 10px; font:bold 13px Verdana, Arial, Helvetica, sans-serif;}
.syst_page a{text-decoration:none;}

h1 {text-align:center; font:bold 25px Verdana, Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom:25px;}
h2 {background:url(theme-defaut/puce.png) no-repeat left center; min-height:28px; text-decoration:underline; font:bold 18px Verdana, sans-serif; padding-left:23px; margin:35px 0 15px 0;}
h3 {text-align:center; font:bold 32px movie_poster, sans-serif; margin:2px 0; padding:0 10px; border:1px solid #e0e090; border-radius:8px; background-color:#FFDDAA;}
.art_contenu > h3 {margin-top:15px;}
.info {text-align:center; font:italic 11px verdana, sans-serif; margin:4px 0}
h4 {font-weight:bold;}

.art_contenu_cadr {background-color: #F8B407; margin:5px 10px 5px 10px; border: 1px solid #FFBE00; border-radius:5px;}
.art_contenu {padding:30px 40px 10px 40px; border:1px solid #C36407; border-radius:5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFFFFF; font:13px Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
.art_auteur_deb a, .art_auteur_fin a, .art_contenu p a:not([href^="http"]){text-decoration:none; border-bottom:1px dotted #432E38; color:#432E38; transition:color 0.5s, border-bottom 0.5s;}
.art_auteur_deb a:hover, .art_auteur_fin a:hover, .art_contenu p a:hover:not([href^="http"]){text-decoration:none; border-bottom:1px dotted #FF8000; color:#FF8000; transition:color 0.5s, border-bottom 0.5s;}
.art_contenu figure {margin:auto; margin-top:5px; margin-bottom:10px; padding:2px 5px 2px 5px; text-align:center;}
.art_contenu figure img, .art_contenu figure video {margin:6px 6px 1px 6px; max-width:720px; height:auto; border:1px solid black; border-radius:4px; box-shadow:2px 2px 5px #303030;}
.art_contenu figcaption {margin:auto; margin-bottom:5px; padding:0 10px; max-width:660px; text-align:center; font:bold italic 10px Verdana, Arial, Helvetica, sans-serif;}
.art_contenu .img224 {max-width:264px;} .art_contenu .img224 img {max-width:226px;} .art_contenu .img224 figcaption {max-width:234px;}
.art_contenu .img256 {max-width:296px;} .art_contenu .img256 img {max-width:258px;} .art_contenu .img256 figcaption {max-width:266px;}
.art_contenu .img320 {max-width:360px;} .art_contenu .img320 img {max-width:322px;} .art_contenu .img320 figcaption {max-width:330px;}
.art_contenu .img360 {max-width:400px;} .art_contenu .img360 img {max-width:362px;} .art_contenu .img360 figcaption {max-width:370px;}
.art_contenu .img480 {max-width:520px;} .art_contenu .img480 img {max-width:482px;} .art_contenu .img480 figcaption {max-width:490px;}
.art_contenu .img512 {max-width:552px;} .art_contenu .img512 img {max-width:514px;} .art_contenu .img512 figcaption {max-width:522px;}
.art_contenu .img640 {max-width:680px;} .art_contenu .img640 img {max-width:642px;} .art_contenu .img640 figcaption {max-width:650px;}
.art_contenu .img720 {max-width:780px;} .art_contenu .img640 img {max-width:722px;} .art_contenu .img640 figcaption {max-width:730px;}
.art_contenu .img760 {max-width:800px;} .art_contenu .img760 img {max-width:762px;} .art_contenu .img760 figcaption {max-width:770px;}
.art_contenu .nobord img {border:none; box-shadow:none;}
.encart {display:inline-block; border:1px solid #d0d0d0; border-radius:4px; box-shadow: 0px 0px 5px #d0d0d0 inset; margin:8px; padding:10px; background-color:#f6f6f6;}
.encart p{margin-left:5px;margin-right:5px;}
.fiche {display:inline-block; padding:5px 0; margin:5px 0; width:100%;}
.img_left {float:left; margin:0 15px 0 0; padding:4px 0 0 2px;}
.img_right {float:right; margin:0 0 0 15px; padding:4px 2px 0 0}
.temp_img_left figure{float:left; margin:6px 0 2px 0; padding:inherit;}
.temp_img_right figure {float:right; margin:6px 0 2px 0; padding:inherit;}
.img_left figure img, .img_right figure img , .img_left img, .img_right img {margin:0 0 1px 0; border:1px solid black; border-radius:4px; box-shadow:2px 2px 5px #303030;}
.img_groupe {margin:auto; margin-top:5px; margin-bottom:10px; text-align:center; vertical-align:top;}
.img_groupe figure {display:inline-block; padding:0; text-align:center; vertical-align:top; font:bold italic 10px Verdana, Arial, Helvetica, sans-serif; max-width:680px;}
.img_groupe figure img{max-width:642px; margin:6px 4px 1px 4px; border:1px solid black; border-radius:4px; box-shadow:2px 2px 5px #303030;}
.img_groupe figcaption {margin:auto; text-align:center; max-width:330px; padding:0 5px;}
.art_contenu figcaption img{margin:0; border:none; border-radius:0; box-shadow:none;}
.art_contenu li{margin-bottom:5px;}

.interview h2 {background:none; font:bold italic 15px Verdana, sans-serif; padding-left:inherit; margin:15px 0 15px 0;}
.itw{padding-left:20px}
.Q {font:bold italic 13px Verdana, sans-serif; List-Style-Type:square; padding: 5px 0 3px 0}
.R {font:13px Verdana, sans-serif; List-Style-Type:none; List-Style-Position: Inside; padding: 3px 0 7px 10px}

.spoiler {padding:6px; background-color:#f6f6f6; border:0px solid #bbbb00; border-left:7px solid #bbbb00; border-radius:4px; box-shadow:0px 0px 7px #bbbbbb inset;}
.spoil {color:#c0c0c0; background-color:#c0c0c0; transition:color 0.3s, background-color 0.3s;}
.spoil:hover {color:inherit; background-color:inherit;transition:color 0.3s, background-color 0.3s;}

.dos_contenu_cadr {background-color: #F8B407; margin:5px 10px 5px 10px; border: 1px solid #FFBE00; border-radius:5px;}
.dos_contenu {padding:20px; border:1px solid #C36407; border-radius:5px; box-shadow:0px 0px 6px #666666 inset; background-color:#FFFFFF; font:13px Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
.rub_title{padding:5px; border:1px solid #C36407; border-radius:5px; box-shadow:0px 0px 2px #666666 inset; background-color:#FFCC33; font:bold 16px Verdana, Arial, Helvetica, sans-serif; text-align:center;}

.art_auteur_deb {text-align:left; padding:0 0 20px 0; font-size:14px;}
.art_auteur_fin {text-align:right; padding:15px 0 20px 0; font-weight:bold;}
.art_date {font-weight:normal; font-style:italic;}
.art_sources {text-align:left; font:italic 11px Verdana, Arial, Helvetica, sans-serif; background-color:#E0E0E0; color:#404040; border:1px dashed #666666; border-radius:10px;}
.art_sources a{text-decoration:none; color:#404040; border-bottom:1px dotted #404040;}

.art_reactions {margin:5px 10px 5px 10px; padding:3px; border:5px solid white; border-radius:5px; background-color:#CCCCCC; text-align:center; color:black;}
.art_farther_old {padding:8px; text-align:center; font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:#404040; border-radius:10px;}
.art_farther {margin:5px 10px 5px 10px; padding:3px; border:5px solid #FEB405; border-radius:5px; background-color:#EFA304; text-align:center; font:italic 11px Verdana, Arial, Helvetica, sans-serif; color:#404040;}
.art_farther img {border-radius:2px; background-color:#FEB405; border:1px solid black; max-height:102px; max-width:106px; box-shadow:0px 0px 8px #444444; transition:border 0.4s;}
.art_farther td {width:33%; padding:7px 0 0 0;}

.facebook {margin:5px 10px 5px 10px; padding-top:3px; border-radius:5px; background-color:#FFCC66; color:black; text-align:center;}

.image,.image_nb {margin:auto; padding:5px; text-align:center; font:bold italic 10px Verdana, Arial, Helvetica, sans-serif; max-width:675px;}
.image img {margin:5px 5px 0 5px; border:1px solid black;}
.image_nb img {margin:5px 5px 0 5px; border:0px solid black;}
.image table tr td,.image_nb table tr td {padding:0; vertical-align:top;}
.image table,.image_nb table {border-spacing:0; border-collapse:collapse;}

.grostrip {padding-left:30px; text-align:left; font:13px Verdana, Arial, Helvetica, sans-serif;}
.grostrip img {margin:0 7px 2px 0; vertical-align:middle;}

.liste_art {margin:2px; padding:1px; text-align:center; font:13px Tahoma, Arial, Helvetica, sans-serif; color:#000000; background-color:#F0F0F0; transition:background-color 0.4s, color 0.4s;}
.liste_art_a {text-decoration:underline;}
.liste_art_a :hover {text-decoration:underline; background-color:#E0E0E0; color:#202020; transition:background-color 0.2s, color 0.2s;}

.pagediv {width:100%; align:left; align:left; text-align:left;}
.pages a {padding:0px 3px; margin:2px; border-top-right-radius:5px; border:1px Solid #999999; background-color:#C5DAE0; color:#505050; font-size:13px; text-decoration:none;}
.pages span {padding:0px 3px; margin:2px; border-top-right-radius:5px; border:1px Solid #999999; background-color:#A5BAC0; color:#505050; font-size:13px;}
.pages a:hover {border:1px Solid #999999; background-color:#F0F0F6; color:#505050; font-size:13px;}
.pageselect {border:1px Solid #505050; font-family:Verdana, Arial, Helvetica, sans-serif;}

.goodies {width:100%; vertical-align:top; text-align:center;}
.goodies a {text-decoration:none;}
.goodies img {float:left; margin:5px 5px 5px 2px; width:91px; height:81px; border-radius:6px;}
.goodies div {display:inline-block; width:48%; min-height:100px; padding:5px; margin:4px; vertical-align:top; text-align:justify; background-color:#ffffff; transition:background-color 0.5s, border 0.5s; border:1px solid #cccccc; border-radius:8px; box-shadow:3px 2px 4px #BBBBBB;}
.goodies div:hover {border:1px solid #000000; background-color:#dddddd; transition:background-color 0.5s, border 0.5s;}
.citation {padding:8px; margin:0 0 10px 0; background-color:#e6e6e6; border:1px solid #a0a0a0; border-radius:8px; box-shadow:3px 2px 4px #BBBBBB;}

.artwork {text-align:center;}
.artwork img {display:inline-block; margin:5px; padding:6px; vertical-align:middle; background-color:#ffffff; border:1px solid #cccccc; border-radius:8px; transition:border 0.5s; box-shadow:3px 2px 4px #BBBBBB;}
.artwork img:hover {border:1px solid #000000; transition:border 0.5s;}

@media print {
	.site_position {border:none;}
	header {display:none;}
	.menu {display:none;}
	.menu-td {display:none;}
	.art_cadtop_contenu {box-shadow:none;}
	.art_contenu_cadr {border:none;}
	.art_contenu {padding:0; border:none; box-shadow:none;}
	.art_contenu figure img, img {max-width:480px;}
	.art_farther {display:none;}
	.syst_page {display:none;}
	.facebook{display:none;}
	}

@media screen and (max-width: 825px){.newsfeedtitle {display:none;}}