/*
Theme Name: Square Enix Ocean v7
Theme URI: http://www.square-enix-ocean.com
Author: Eric Mercier
Author URI: http://www.square-enix-ocean.com
Description: /
Version: 7.0
License: 
License URI: 
Tags: final fantasy
Text Domain: squareenixocean
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
strong {font-weight:bold;}
em {font-style:italic;}

/* =Typos
----------------------------------------------- */

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('fonts/helveticaneueltstdbd.eot');
    src: url('fonts/helveticaneueltstdbd.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstdbd.woff') format('woff'),
         url('fonts/helveticaneueltstdbd.ttf') format('truetype'),
         url('fonts/helveticaneueltstdbd.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueBoldCond';
    src: url('fonts/helveticaneueltstdbdcn.eot');
    src: url('fonts/helveticaneueltstdbdcn.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstdbdcn.woff') format('woff'),
         url('fonts/helveticaneueltstdbdcn.ttf') format('truetype'),
         url('fonts/helveticaneueltstdbdcn.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =Structure
----------------------------------------------- */

body {margin:0;background:#eeeeee;font-family:Arial;}
h2 {margin:5px 0 10px;}
.page h2 {margin:25px 0 8px;}
h2, h2 a {color:#686868;font-size:28px;font-family:HelveticaNeueBoldCond;text-decoration:none;line-height:30px;}
h4 {color:#008ACD;font-size:16px;font-family:HelveticaNeueBold;margin:15px 0 8px;}
h3 {color:#7e7e7e;font-size:14px;font-family:HelveticaNeueBold;margin-bottom:10px;}
#main p a {color:#0572a5;}

/* =Header
----------------------------------------------- */
#branding {}
#branding .header_bar {background:#f4f4f4;border-bottom:3px solid #dcdcdc;height:68px;}
#branding .header_bar .content_page {padding-top:5px;}
#branding .header_bar .content_page #site-title {background:url(images/img_sprite.png) no-repeat;width:280px;height:56px;margin:0px 0 0 10px;text-indent:-10000px;float:left;display:inline;}
#branding .header_bar .content_page #site-title a {display:block;width:100%;height:100%;}
#branding .header_bar .content_page #searchform {float:right;display:inline;position:relative;top:12px;}
#branding .header_bar .content_page #searchform input#s {width:250px;height:20px;padding:5px 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;margin-right:3px;color:#bfbfbf;font-size:11px;border:1px solid #d3d3d3;}
#branding .header_bar .content_page #searchform #searchsubmit {background:url(images/img_sprite.png) no-repeat -179px -128px;width:16px;height:16px;border:0;text-indent:-10000px;position:absolute;right:15px;top:8px;}
#branding #banniere {clear:both;margin:15px auto;}
#branding .content_page #access {margin-top:5px;position:relative;z-index:19;background:url(images/bg_02.jpg) repeat-x;width:100%;}
#branding .content_page #access .widget {float:left;display:inline;background:url(images/bg_01.jpg) no-repeat right top;}
#branding .content_page #access .widget ul {display:none;background:#444444;width:960px;position:absolute;top:42px;left:0;z-index:20;padding-bottom:20px;min-height:80px;}
#branding .content_page #access .widget ul li {color:#a3a3a3;width:265px;float:left;display:inline;margin:10px 10px 0 15px;}
#branding .content_page #access .widget ul li a {color:#a3a3a3;font-size:12px;}
#branding .content_page #access .widget ul li a:hover {text-decoration:underline;}
#branding .content_page #access .widget h3 {color:#fff;font-size:11px;font-family:HelveticaNeueBold;cursor:pointer;padding:17px 30px 15px 30px;margin-bottom:0;}
#branding .content_page #access .widget h3:hover {background:url(images/bg_02.jpg) repeat-x 0 -41px;}

.ariane {color:#717171;font-size:12px;margin:0px 0 5px;}
.ariane a {color:#717171;text-decoration:none;}
.ariane div {display:inline;}

/* =Main
----------------------------------------------- */
#main {clear:both;margin-top:20px;background:#f9f9f9;display:block;border:1px solid #e3e3e3;}

#main #primary {width:615px;float:left;display:inline;border-right:1px solid #e3e3e3;}
#main #primary .post, #main #primary .page {margin:15px 0px 0 15px;border-bottom:3px solid #e3e3e3;padding-bottom:30px;position:relative;width:585px;padding-right:15px;}
#main #primary .category-archive-meta {line-height:16px;background:#e2eaf1;border:1px solid #cad1d8;padding:7px;margin-bottom:6px;text-align:justify;}
#main #primary .category-archive-meta p {margin-top:8px;}
#main #primary .entry-content .thumbnail {float:left;display:inline;margin-right:7px;width:150px;height:150px;overflow:hidden;}
#main #primary .entry-content {text-align:justify;}
#main #primary .entry-content .entry-header {}
#main #primary #nav-below {background:#ececec;margin-top:30px;padding:10px 5px;height:15px;}
#main #primary #nav-below .nav-previous {float:left;display:inline;}
#main #primary #nav-below .nav-next {float:right;display:inline;}
#main #primary #nav-below a {color:#676767;text-decoration:none;font-family:HelveticaNeueBold;}
#main #primary .titre span {background-position:-30px 0;width:29px;height:23px;}

#content .liens_page {background:#f6f6f6;border:1px solid #efefef;padding:6px;}

/* Post & Page */
#main #primary .titre-post {font-size:28px;color:#686868;line-height:32px;font-family:HelveticaNeueBoldCond;margin:5px 10px 15px 0;}
.search #main #primary .titre-post, .tag #main #primary .titre-post, .author #main #primary .titre-post, .category #main #primary .titre-post {margin-left:10px;margin-top:15px;}
#main #primary .infos {color:#808080;font-size:11px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:10px 0;margin-bottom:15px;position:relative;}
#main #primary .infos a {color:#808080;}
#main #primary .infos p {width:420px;font-size:11px;margin-bottom:5px;}
#main #primary .infos .tags {margin-bottom:1px;}
#main #primary .infos .tags a {font-weight:normal;}
#main #primary .social {margin-top:-14px;position:absolute;top:50%;right:0;}
#main #primary .social li {float:left;display:inline;}
#main #primary .social li a {display:block;width:32px;height:33px;background:url(images/img_sprite.png) no-repeat;margin-left:5px;text-indent:-10000px;}
#main #primary .social li.facebook a {background-position:-0px -147px;}
#main #primary .social li.twitter a {background-position:-32px -147px;}
#main #primary .social li.google a {background-position:-65px -147px;}

#main #primary .autres_infos {font-size:13px;color:#7d7d7d;margin-bottom:5px;}
#main #primary .autres_infos a {color:#7d7d7d;}
#main #primary .autres_infos .mini-post {float:left;display:inline;width:150px;margin-bottom:8px;margin-right:45px;}
#main #primary .autres_infos .mini-post .thumbnail {width: 150px;height: 150px;overflow: hidden;}
#main #primary .autres_infos .mini-post img {}
#main #primary .autres_infos .mini-post a.titrepost {padding-top:5px;display:block;line-height:20px;}

.single #main #primary .entry-content a, .page #main #primary .entry-content a {color:#0572a5;}
.single #main #primary .entry-content a:hover, .page #main #primary .entry-content a:hover {text-decoration:underline;}
#main #primary .bloc_image p {clear:both;}
#main #primary .bloc_image p:after {content: ".";display: block;clear: both;visibility: hidden;	line-height: 0;height: 0;}
#main #primary .bloc_image p {display: block;}
html[xmlns] #main #primary .bloc_image p {display: block;}
* html #main #primary .bloc_image p {height: 1%;}
#main #primary .bloc_image p img {float:left;display:inline;margin-right:15px;position:relative;top:18px;}

.home .page h2 {margin-top:5px;}

#main #primary .category-archive-meta {font-size:12px;margin:10px;}
#main #primary #comments {margin:20px 10px 10px;}
#main #primary #comments #comments-title {color:#7e7e7e;font-size:14px;font-family:HelveticaNeueBold;margin-bottom:10px;line-height:18px;}
#main #primary #comments li {display:block;border-bottom:1px solid #e8e8e8;margin-bottom:18px;padding-bottom:18px;}
#main #primary #comments li .comment {width:100%;}
#main #primary #comments .comment .date {float:right;display:inline;color:#464646;}
#main #primary #comments .comment .author {color:#500120;}
#main #primary #comments .comment .content_comment, #main #primary #comments .comment .comment-content {font-size:12px;}
#main #primary #comments .comment .comment-content {margin-top:5px;color:#464646;}
#main #primary #comments .comment .comment-content p {line-height:15px;}
#main #primary #comments .comment .pic {float:left;display:inline;margin-right:10px;}
#main #primary #comments .comment .reply {margin-top:8px;}
#main #primary #comments .comment .reply {text-align:right;}

#main #primary table {width:100%;margin-bottom:15px;}
#main #primary td, #main #primary th  {font-size: 14px;color: #686868;border-top:1px solid #ddd;}
#main #primary td, #main #primary th  {padding:10px 5px;}

#main #primary ul {list-style: square;}
#main #primary .post ul, #main #primary .page ul {margin: 0 0 1.625em 2.5em;}
#main #primary ul li {font-size:12px;margin-bottom:5px;color:#676767;line-height:16px;}

#content .yjl-pager{margin:20px 0 25px;font-size:11px;}

#main #primary #respond {margin-bottom:15px;}
#main #primary #respond p {font-size:12px;}
#main #primary #respond .pic {float:left;display:inline;margin-right:10px;}
#main #primary #respond p {margin-bottom:10px;}
#main #primary #respond label {margin-bottom:5px;display:block;color:#7d7d7d;font-size:14px;}
#main #primary #respond input {width:300px;border:1px solid #d0d0d0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:8px;color:#6d6d6d;}
#main #primary #respond textarea {border:1px solid #d0d0d0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:8px;color:#6d6d6d;width:97%;height:150px;}
#main #primary #respond .form-submit input {background: #0572a5;font-size: 12px;color: #f9f9f9;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:auto;padding:8px 20px;}

#main #primary .entry-content .entry-meta {margin:0px 0 10px;color:#868686;font-size:12px;position:relative;top:2px;font-style:italic;#}
#main #primary .entry-content .entry-meta  * {color:#868686;font-size:12px;display:inline;}
#main #primary .entry-content .more {background:#0572a5;font-size:12px;color:#f9f9f9;padding:10px 14px;position:absolute;bottom:30px;right:15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#main #primary .entry-content .more a {color:#f9f9f9;}

#secondary {width:344px;float:right;display:inline;}
#main #secondary .widget_text .textwidget {text-align:center;border-top:1px solid #e8e8e8;padding-top:10px;width:96%;margin:0 auto 10px;}
#main #secondary .widget {clear:both;display:block;}
#main #secondary .widget ul {width:96%;margin:auto;}
#main #secondary .widget ul li {font-size:12px;color:#676767;margin-bottom:11px;line-height:16px;}
#main #secondary .widget ul li a {color:#979797;text-decoration:none;}
#main #secondary .widget ul li a:hover {text-decoration:underline;}
#main #secondary #navigation {background: #dfdfdf;padding: 1px 0;}
#main #secondary #navigation ul li {text-align:left;padding-right:10px;}
#main #secondary #navigation h3 {margin:20px 10px 10px;text-align:left;}
#main #secondary #navigation ul {margin-left:10px;}
#main #secondary .widget_nosavis ul {}
#main #secondary .widget_nosavis .star00 {display:inline-block;background:url(images/img_sprite.png) no-repeat -178px -60px;width:18px;height:18px;}
#main #secondary .widget_nosavis .star01 {display:inline-block;background:url(images/img_sprite.png) no-repeat -178px -82px;width:18px;height:18px;}
#main #secondary .widget_nosavis .star02 {display:inline-block;background:url(images/img_sprite.png) no-repeat -178px -105px;width:18px;height:18px;}
#main #secondary .widget_nosavis ul li {margin-bottom:14px;position:relative;}
#main #secondary .widget_nosavis ul li a.pic {float:left;display:inline;margin:0 6px 0 3px;width:67px;height:67px;overflow:hidden;}
#main #secondary .widget_nosavis ul li a.pic img {border:0;}
#main #secondary .widget_nosavis ul li div {width:250px;float:left;display:inline;}
#main #secondary .widget_nosavis ul li h3 {margin:0;font-size:14px;}
#main #secondary .widget_nosavis ul li h2 a {color:#676767;font-weight:normal;}
#main #secondary .widget_nosavis ul li h5 a {color:#BE1041;font-weight:normal;}
#main #secondary .widget_nosavis ul li .note {position:absolute;bottom:0px;right:5px;}
#main #secondary .widget_reseauxsociaux li {float:right;display:inline;margin-left:10px;}
#main #secondary .widget_reseauxsociaux li a {display:block;width:41px;height:41px;background:url(images/img_sprite.png) no-repeat;text-indent:-5000px;}
#main #secondary .widget_reseauxsociaux li a.rs-twitter {background-position:-3px -60px;}
#main #secondary .widget_reseauxsociaux li a.rs-facebook {background-position:-47px -60px;}
#main #secondary .widget_reseauxsociaux li a.rs-pinterest {background-position:-91px -60px;}
#main #secondary .widget_reseauxsociaux li a.rs-google {background-position:-135px -60px;}
#main #secondary .widget_reseauxsociaux li a.rs-twitter:hover {background-position:-3px -103px;}
#main #secondary .widget_reseauxsociaux li a.rs-facebook:hover {background-position:-47px -103px;}
#main #secondary .widget_reseauxsociaux li a.rs-pinterest:hover {background-position:-91px -103px;}
#main #secondary .widget_reseauxsociaux li a.rs-google:hover {background-position:-135px -103px;}
#main #secondary #recentcomments li a {color:#0572a5;font-weight:normal;}

/* =Footer
----------------------------------------------- */
#colophon {background:#f4f4f4;border-top:3px solid #dcdcdc;clear:both;padding:18px 0 15px;font-size:12px;color:#8d8d8d;margin-top:35px;}
#colophon .widget_nav_menu {width:200px;float:left;display:inline;margin-left:40px;}
#colophon h3 {color:#7d7d7d;font-size:16px;padding-bottom:5px;border-bottom:3px solid #e4e4e4;}
#colophon #footer {display:block;}
#colophon ul li {}
#colophon .widget_links {width:330px;float:left;display:inline;}
#colophon .widget_links ul li {float:left;display:inline;width:150px;}
#colophon ul li a {color:#7d7d7d;font-size:12px;margin:15px 0 0 0;}
#colophon div {line-height:18px;}
#colophon .copyright {clear:both;padding-top:20px;}
.seo-footer {width:350px;float:right;display:inline;bottom:0;font-size:12px;color:#7d7d7d;text-align:left;}
.seo-footer a {color:#676767;}
.seo-footer a:hover{text-decoration:underline;}
.seo-footer h2 {font-size:12px;color:#7d7d7d;font-weight:normal;line-height:18px;font-family:Arial;}

/* =Generique
----------------------------------------------- */
.content_page {width:960px;margin:auto;}
.titre {font-size:16px;color:#7e7e7e;font-family:HelveticaNeueBold;text-align:right;margin:15px 10px 15px;}
.content_page .thumbnail {border:3px solid #e6e6e6;display:block;}
.content_page .post p, .content_page .page p {font-size:14px;line-height:21px;color:#686868;margin-bottom:14px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;	line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

img.alignleft {float: left;display: inline;margin-right: 9px;margin-top: 3px;}
img.alignright {float: right;display: inline;margin-left: 9px;margin-top: 3px;}

#content .ngg-singlepic {text-align:center;display:inline;padding-top:0;}
#content img.alignnone {margin-right:10px;}
#content .ngg-gallery-thumbnail {float:none;display:inline-block;}
#content .ngg-galleryoverview {float:none;text-align:center;}
#content .ngg-gallery-thumbnail-box {display:inline-block;float:none;width:auto;}

#content #information_jeu{margin:10px auto 10px; border:3px solid #f3f3f3;width:100%;}
#content #information_jeu_logo{display:inline-block;padding:20px 0 20px 5px; width:200px; text-align:center}
#content #information_jeu_texte{color:black; font-size:8pt; display:inline-block;margin:0 0 0 30px; padding:20px 0 0; text-align:left; width:300px}
div#content div#information_jeu_texte h3{color:#a30252; font-size:11px; font-weight:bold; text-transform:uppercase; width:100%; clear:none}
#content #information_jeu_texte p{margin:1px 0; color:#8b8a8a}
#content #information_jeu_texte p img{margin-right:5px; position:relative; top:3px; border:1px solid #e0e0e0}
#content #information_jeu_texte p img.ngg-singlepic{padding:0}
#content #information_jeu_texte p span{color:#8b8a8a; font-size:7pt; padding-left:31px}
#content #information_jeu_texte p.console img{top:4px}

.floatleft {float:left;}
.marginleft70 {margin-left:50px;}
.clear {clear:both;}
.content_page .floatleft p.info_texte {text-align:center;font-style:italic;margin-bottom:15px;}
.content_page .floatleft p {margin-bottom:5px;}

/* =Responsive Structure
----------------------------------------------- */
@media (max-width:850px){
.content_page {width:100%;}
#main {margin-bottom:20px;}
#main #primary .entry-content h2 {text-align:left;}
#main #primary {border:0px;}
#main #secondary {display:none;}
#branding {height:100px;}
#banniere {display:none;}
#branding .header_bar .content_page #site-title {float:none;display:block;margin:auto;}
#branding .header_bar .content_page #searchform {top:18px;float:none;clear:both;left:1%;}
#branding .header_bar .content_page #searchform input#s {width:90%;}
#branding .header_bar .content_page #searchform #searchsubmit {top:3px;}
.connexion  {display:none;}
.seo-footer {width:95%;float:none;display:block;}
.autres_infos {display:none;}
#colophon .widget_nav_menu {width:95%;}
#branding .content_page {padding-top:2px;}
#access {padding:0px;margin:0;width:100%;}
#access h3 {margin:0px;background:#be1041;color:#fff;padding:10px;cursor:pointer;border-bottom:1px solid white;}
#access li {margin:5px;}
#access ul {display:none;}
#access a {font-size:12px;color:#000;}
#branding .content_page #site-title {float:none;display:block;margin:auto;}
#branding .content_page #searchform  {float:none;display:block;top:0px;margin:auto;width:256px;}
#branding .content_page #searchform input#s {width:202px;padding:4px;}
#branding .content_page #access {margin-top:13px;margin-left:5%;}
#branding .content_page #access .widget h3 {font-size:11px;margin-bottom:5px;}
#main #primary {width:98%;float:none;display:block;margin:auto;}
#main #primary iframe {width:98%;}
#main #primary .post, #main #primary .page {width:96%;margin: 0 0.8% 20px;}
.content_page .post p, .content_page .page p {font-size:12px;line-height:15px;}
#secondary {width:98%;float:none;margin:15px auto 20px;left:0;display:block;}
#secondary aside, #secondary .widget_nav_menu {display:none;}
#main #primary #respond .comment-form-author, #main #primary #respond .comment-form-email, #main #primary #respond .comment-form-url {display:block;}
#main #primary #respond label {display:inline-block;width:65px;}
#main #primary #respond p.comment-form-url label {display:inline-block;width:68px;}
#main #primary #respond #commentform p input {width:120px;}
#main #primary .entry-content .more {width:80px;margin-top:10px;clear: both;position: relative;right: -23px;bottom: 18px;}
#main #content img {max-width:95%;}
.page #secondary #navigation {display:block;margin-bottom:0;}
#main #primary .infos p {width:60%;}
#main #primary .ngg-singlepic {max-width:95%;}
.home #main #primary .entry-content .thumbnail img {max-width:100%;}
.single #main #primary .entry-content .thumbnail img, .page #main #primary .entry-content .thumbnail img {max-width:100%;}
#main #primary #respond textarea {width:97%;}
#main #primary #respond .form-submit {margin-left:0;}
#footer {margin:10px;overflow:hidden;width:auto;clear:both;margin-top:20px;}
#colophon .widget_nav_menu  {width:95%;margin-left:0;clear:both;margin-top:20px;}
#colophon .widget_links {width:95%;}
}