/*
Theme Name: GigiOS 0.1 2015
Theme URI: http://www.gildasp.fr
Description: 2015 theme by Gildas P.
Version: 0.1
Author: Gildas P.
 
Creation Theme by Gildas P. || http://www.gildasp.fr
 
*/


body {
    font-family: Helvetica, Arial, sans-serif; 
    font-size:11px; line-height:1.2em; 
    margin:0; padding:0;
    width:100%; height:100%;
    color:#FFF;
    background-color:#0046FE;
}
html, body { height:100%; }

.left { float:left; } .right { float:right; } .clear { clear:both; }
.pointer { cursor:pointer; } .hidden { display:none; } 
.noverflow { overflow:hidden; } .invisible { visibility:hidden; }
.inline { display:inline; } .rel { position:relative; } .abs { position:absolute; }

p, h1, h2, h3, h4, h5 { font-size:1em; font-weight:normal; line-height:1.2em; margin:0; padding:0; }
a { text-decoration:none; color:#FFF; }
img, a img { border:none; }

/* les styles accessibles depuis l'admin */

.medium { font-size:1.2em; font-weight:bold; line-height:1.2em; }
.big { font-size:1.6em; font-weight:bold; line-height:1.2em; }
.super { font-size:2.2em; font-weight:bold; line-height:1.2em; }

/* */

#menu { position:fixed; z-index:1000; width:100%; height:19px; border-bottom:solid 1px #FFF; background-color:#0046FE; }
#menu ul { padding:0; margin:0; list-style:none; }
#menu ul li { float:left; padding: 3px 18px; position:relative; cursor:pointer;
	border-left: solid 1px #0046FE; border-right: solid 1px #0046FE; }
#menu ul li:hover { border-left: solid 1px #FFF; border-right: solid 1px #FFF; }
#menu ul li ul { position:absolute; top:19px; left:-1px; border: solid 1px #FFF; background-color:#0046FE; display:none; }
#menu ul li:hover ul { display:block; }
#menu ul li ul li { display:block; height:16px; padding: 4px 0 0 0; width:100%; border:none; }
#menu ul li ul li a { padding:0 18px; }
#menu ul li ul li:hover, #menu ul li ul li.active, #menu ul li ul li.current-cat { 
	background-color:#FFF; border:none; }
#menu ul li ul li:hover a, #menu ul li ul li.active a, #menu ul li ul li.current-cat a { 
	color:#0046FE; }
#menu ul li.datetime { float:right; font-size:10px; cursor:default; }
#menu ul li.datetime:hover { float:right; font-size:10px; cursor:default; 
	border-left: solid 1px #0046FE; border-right: solid 1px #0046FE; }
#menu ul li.datetime span { display:inline-block; width:6px; }

/* */

#footer { height:19px; width:100%; border-top:solid 1px #FFF; }
#footer p { /*float:left;*/ padding: 3px 18px; }
#footer a { text-decoration:underline; }

/* */

.limited { width:90%; max-width:1200px; margin: 0 auto; }

#desk { min-height:100%; margin-bottom:-20px; }
#desk #console { padding-left:18px; }
#desk .limited { padding:140px 0 80px; }

/* */

.post {}

/* */

.windo { width:auto; margin:0; position:relative; opacity:0; } 
.windo .container { width:420px; border:solid 1px #FFF; position:relative; padding-bottom:16px; }
.windo .container/*:hover*/ { background-color:#0046FE; }

.windo .head { height:15px; border-bottom:solid 1px #FFF; text-align:center;
	background-image: url(img/head-bkg.gif); background-position: center; }
.windo .head p { padding: 2px 0 0 0; }

.windo .foot { height:15px; border-top:solid 1px #FFF; background-color:#0046FE; 
	position:absolute; bottom:0; width:100%; }
.windo .foot p { padding:1px 0 0 25px; font-size:10px; }
.windo .foot p.open { float:right; background-color:#FFF; 
	position:relative; top:-3px; padding:0;
	 font-size:11px; }
.windo .foot p.open a { color:#0046FE; display:block; width:180px; height:16px; padding:3px 0 0 10px; }
.windo .foot p.open a span { display:inline-block; }
.windo .foot p.open img { position:relative; top:1px; }

.windo .content { padding:35px 0; /*25px;*/ }
.windo .content .box { padding:0 25px; /*25px;*/ }
.windo .content .titre {}
.windo .content .titre h1 { font-size:1.8em; font-weight:bold; }
.windo .content .titre a { text-decoration:none; }
.windo .content .titre a:hover { text-decoration:underline; }
.windo .content .minimeta { margin:10px 0 15px 0; }

.windo .content .texte { /*width:100%; overflow:hidden;*/ }
.windo .content a { text-decoration:underline; }
.windo .content p { margin:0 0 10px 0; /*font-size:11px;*/ }
.windo .content pre, .windo .content code { background-color:#FFF; color:#0046FE; padding:2px; overflow:auto; line-height:1.5em; }
.windo .content td { padding-right:10px; }
.windo .content ul li { line-height:1.2em; }
.windo .content .texte p, .windo .content .texte h1, .windo .content .texte h2, .windo .content .texte h3, .windo .content .texte h4, .content .texte h5 { 
	line-height:1.3em; }

/* */

.windo.article .content .titre h1 { font-size:2.4em; }
.windo.article .foot { border:none; }

.windo.postit .content { min-height:237px; max-height:470px; /*370px;*/ overflow:auto; }
.windo.postit .content .box { width:355px; }
.windo.postit .content .texte table { width:100%; height:auto; }
.windo.postit .content .texte img { max-width:100%; height:auto; 
	filter: sepia(1) hue-rotate(160deg); 
	-webkit-filter: sepia(1) hue-rotate(160deg); 
}
.windo.postit .content .texte img:hover {
	filter: sepia(0) hue-rotate(0deg); 
	-webkit-filter: sepia(0) hue-rotate(0deg); 
}

/* */

.vrac .windo { float:left; width:380px; }
.moz .windo { float:left; margin:15px; }
.liste .windo { width:100%; }
#desk .limited.liste { padding-top:120px; }
.liste .windo .container { width:100%; border:none; border-bottom:solid 1px #FFF; }
.liste .windo .content .box { padding:0; }
.liste .windo .texte { display:none; }
.liste .windo .head { display:none; }
.liste .windo .foot { border:none; bottom:auto; top:30px; background:none; }
.liste .windo .content { padding:50px 25px 0 25px; }
.liste .windo .content .titre a:hover { text-decoration:underline; }

.liste .windo.postit .content { min-height:auto; }
.liste .windo.article .content .titre h1, .liste .windo .content .titre h1 { 
	font-size:2em; }

/* */

#desk.single { /*background-color:#FFF; color:#0046FE;*/ }
#desk .limited.single { max-width:900px; padding-top:70px; }
.windo.single { margin:40px 0; }
.windo.single.head .content { padding: 35px 0 14px 0; }
.windo.single .container { width:100%; /*background-color:#FFF; color:#0046FE;*/ }
.windo.single .content { font-size:1.2em; }
.windo.single .content .texte img { max-width:100%; height:auto; }



/*.fond { padding: 18px 8px; margin-bottom:10px; }

#page, #moz { width:80%; max-width:1050px; margin:90px auto; position:relative; z-index:5; }

#header { margin-bottom:60px; width:78%; position:relative; }
#header { width:98.6%; }

#header .titre { padding: 10px 60px 10px 10px; }
#header .titre h2 { margin-top:6px; }

#header .player { position:absolute; top:8px; right:0; cursor:pointer; }
#header .player .curtrack { margin-right:8px; }
#header .player .playpause { font-size:12px; }
#header .player .playpause span { font-size:0.6em; position:relative; top:-0.3em; left:0.2em; }

#header .cats { margin-top:54px; }
#header .cats ul { padding:0; margin:0; list-style-type:none; }
#header .cats ul li { float:left; }
#header .cats ul li a { padding:5px 10px; margin-left:5px; text-decoration:none; }

#page #content { float:left; width:80%; margin-bottom:30px; }
#moz #content { width:100%; }
#moz #content .titre { margin-bottom:10px; }
#moz #content .content { height:0; overflow:hidden; padding:0; margin:0; }
#moz #content .fond { height:300px; margin-bottom:15px; overflow:hidden; }
#moz #content .nothumb .fond { height:100px; }

#content .post { }
#content .post .titre { margin-bottom:30px; }
#content .post .titre a { text-decoration:none; }
#content .post .titre a:hover, #content .post .metadata span a { text-decoration:underline; }
#content .post .metadata { margin-top:5px; }
#content .post .thumb { position:relative; top:-10px; }
#content .post .thumb img {}
#content .fond { margin-bottom:20px; }
#content .post .content pre { padding:10px; margin: 0 0 15px 0; display:inline-block; }
#content .post .content p { margin-bottom:15px; }
#content .post .content .hide_me { padding-top:15px; }
#content .post .content td { padding-right:15px; }

#content .post .fond.half { display:inline-block; width:45%; margin-right:2%; vertical-align:top; }

#content .prev-post, #content .next-post, #list-nav a span.fond { padding:5px 10px; }
#content .prev-post a, #content .next-post a { text-decoration:none; }
#content .prev-post, #list-nav a span.prev { float:left; }
#content .next-post, #list-nav a span.next { float:right; }
#list-nav a span.next { float:right; margin-right:1.3%; }

#content .post .comments { margin-top:30px; }
#content .post .comments .cadre_commentaires { margin-bottom:30px; }

#content .post.mini { width:32%; float:left; margin-right:1.3%; }
#content .post.mini .thumb { margin-bottom:15px; }
#content .post.mini .thumb img { width:100%; height:auto; }

#sidebar { float:left; width:17%; margin-left:3%; }
#sidebar ul { padding:0; margin:0; list-style-type:none; margin-bottom:30px; }
#sidebar ul li { margin-bottom:15px; }
#sidebar ul li p.fond { padding:3px 30px 3px 10px; margin-bottom:2px; display:inline-block; }
#sidebar ul li ul li { margin:5px 0; }

#footer { margin-top:60px; }
#footer .fond { padding: 10px 30px 10px 10px; display:inline-block; }
#footer span { padding: 0 10px; }

#error h1 { font-size:40px; padding-bottom:15px; }
#moz #content #error .fond { width:auto; height:auto; display:inline-block; padding-right:60px; }*/

/* */

@media screen and (max-width: 620px){}