/* This file is part of theTypo DotClear theme.
Licence : domaine public 
*/


 /*--------------------------------------------------------------
AVANT TOUTE CHOSE
--------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {
-o-font-feature-settings: 'liga' 1, 'kern';
-moz-font-feature-settings: 'liga=1', 'kern=1'; /* FF old */
-moz-font-feature-settings: "liga=1, dlig=1";
-moz-font-feature-settings: 'liga' 1, 'kern';
-ms-font-feature-settings: 'liga' 1, 'kern';
-webkit-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: 'liga' 1, 'kern';
font-feature-settings: "liga", "dlig";
font-feature-settings: 'liga' 1, 'kern'; /* Future */
}
html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar, img {margin:0;padding:0;border:0;vertical-align:baseline;}
html,input,textarea { -webkit-font-smoothing:antialiased; }

@font-face{font-family: "LucidaGrande"; src: url(fonts/LucidaGrande.ttf); }

/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous

------------------------------------------------------------------ */

html, body, #page, #top, #prelude, #wrapper, #footer,#main, #content,#sidebar, img {margin:0;padding:0;border:0;vertical-align:baseline;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 100%;}
html,input,textarea { -webkit-font-smoothing:antialiased; }
body { background : #f6f6f6 url(img/bg.gif) repeat; font: 72.5%/1.5em 'LucidaGrande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; color:#505050;	} 
#page {	background : #ffffff;}

	
/* -----------------------------------------------------------------
DEVICES
------------------------------------------------------------------ */
@media screen and (max-width:999px) {
#page, #main, #content, #sidebar {width: 100%; background: #fff; }
.supranav li { font-size: 70%;}
#top h1 { padding: 2.5% 4% 3.5% 4%; }
#top h1 a {font-size: 80%; }
#comment-form fieldset {width: 90%;}
.field,.field label,.field input,.field textarea  {width: 100%;}
#search input[type=text] {  width: 70% } /* ou #search #q */
#search input[type=submit] {width: 25%} /* ou #search .submit */
}
@media screen and (min-width:1000px) {
#page {max-width: 58%;  background: #fff; }
#top h1 { padding: 3% 4%; }
#main {	max-width: 100%; float: left;}
#content {	max-width: 74%; }
#sidebar { float: left;  max-width: 25%;}
#search input[type=text] {  width: 78%;}
}


/* ------------------------------------------------------------
LAYOUT
------------------------------------------------------------- */
body { text-align : center; }
#page { margin: 0px auto; text-align: left; }
#top { width: 100%; margin: 0px auto; height: auto; }
#top h1 { margin: 0;  }
#main {margin: 0% -26% 0% 0%; width: 100%;}
#content {margin: 0.25% 0% 0% 0%; padding: 0% 0% 2% 0%; }
.dc-search #content {padding: 0% 0% 20% 0% !important; }
#footer { clear: both; text-align: center;	height: auto;	}
#blognav { margin: 0%;  width: 100%; padding: 5% 5% 0% 10%;}
#blogextra { margin: 0%;  width: 100%; padding: 0% 5% 5% 10%;}
/* ------------------------------------------------------------
TOP
------------------------------------------------------------- */
#top {border-bottom: 1px dotted #d1d1d0;text-transform: uppercase; }
#top h1 {clear: both; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; }
#top h1 a {font-size: 140%; color:#4c4b4b;font-weight: 700; letter-spacing: 1px; }
#top h1 a:hover { color: #287EB4;}
#prelude {display: none;}
ul.simple-menu.nav.header__nav {list-style-type: none;padding:1% 4% 0% 4% !important;margin: 0 !important;}
.simple-menu.nav.header__nav li { font-size: 90% !important; display: inline;line-height: 12px; padding: 9px 12px 9px 0px;font-variant:small-caps;letter-spacing: 0.15rem;}
.simple-menu.nav.header__nav li a:link, .simple-menu.nav.header__nav li a:visited {color: #808080; text-decoration: none; }
.simple-menu.nav.header__nav li:last-child { margin-right: 0 !important;  padding-right: 0 !important; }
.simple-menu.nav.header__nav li a:hover { color: #287EB4;}


/* ------------------------------------------------------------
HTML
------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 190%;}
h2 { font-size: 120%;}
h3 {font-size: 120%; margin-top: 1.5em;}
h4 {font-size: 110%; }
h5 {font-size: 100%;}
h6 {font-size: 100%;}
p.center { text-align: center !important;}
img { max-width: 100%;}
a img { border: none;}
sup {font-size: 75%; vertical-align:4px;} 
blockquote { font-family: serif; border-left: 1px solid #dddddd; color: #666666;padding-left:10px; margin: 2em 2em 3em 2em; }
ul {padding-left: 0px; list-style-position:inside;}
ol { list-style-position:inside;}
fieldset {	border : none;padding: 0px;margin: 0px;}
a {color: #808080; text-decoration : none;	}
a, a:hover { text-decoration: none;}
a.post_image_link { outline: none;}
abbr, acronym { line-height: 1em; text-transform: uppercase; letter-spacing: 1px; border-bottom: none; cursor: help;}
code { line-height: 1em; background: #eee;}
pre { background: #eeeeee; border: 1px solid #dddddd; overflow: auto; clear: both;}
code, pre {vertical-align: baseline;}
hr {border: 1px dashed #d1d1d0; }
table {border-collapse:collapse;border-spacing:0;width:100%;display:table}
tr {text-align: left;border-bottom: 1px solid #cfd6e6;}
th {border-bottom: 1px solid #cfd6e6; }
table,th,td {border:none}
 
/* ------------------------------------------------------------
CONTENT
------------------------------------------------------------- */
#breadcrumb {padding: 0% 4%;}
.dc-home #breadcrumb {display: none;}
#content {border-top: 1px dotted #d1d1d0; }
.dc-home #content, .dc-tag #content, .dc-category #content, .dc-search #content,  .dc-archive-month #content {border-right: 1px dotted #d1d1d0; background: transparent;}
.dc-post#content, .dc-page #content {background: transparent;}
#content-info {padding: 0% 6% 1% 6%; }
#content-info h2 { font: 700 160%/1em 'LucidaGrande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; }
#content-info a.feed { font-size: 130%;}
#subcategories {padding: 0% 6%; }
.content-inner {padding: 0% 6%; }
.dc-archive .content-inner {background: transparent url(img/body.png) no-repeat 82%  100%; padding-bottom: 12em;}
.dc-archive-month .content-inner {padding: 0%;}
.content-inner li {font-size: 130%; }
.pagination{text-transform: uppercase; margin: 20px 5px 2em 5px; padding: 10px 6%; text-align: center;}
.pagination span.label{padding: 0 5px 0 0;  }
.pagination span.this,
.pagination a { line-height: 1.5em; text-decoration: none; margin: 0 1px 0 0; text-align: center;border-top: 1px solid grey; border-left: 1px solid grey; border-right: 1px solid grey; }
.pagination span.etc{text-decoration: none; margin: 0 1px 0 0; text-align: center;}
.pagination span.this{min-width: 13px; border-bottom: 2px solid #484744 !important; border: 1px solid #cfd6e6; background: #fbfbfc;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;  padding: 4px 8px 4px 8px;}
.pagination a{border: 1px solid #cfd6e6; background: #fbfbfc; padding: 4px 8px 4px 8px;}
.pagination a:hover {color: #fbfbfc !important; background: #484744;}
#navlinks { padding: 1% 6% 4% 6%; margin-top: 0.5%; margin-bottom: 2%; border-bottom: 1px dotted #d1d1d0; font-size: 90% !important; }
#navlinks span {display: none; }
#navlinks a { text-transform: uppercase;color: #287EB4; }
#navlinks .prev {float: left; text-align: left;width: 40%; }
#navlinks .next { float: right; text-align: right; width:40%;}
.dc-archive-month #navlinks { padding: 1% 0% 1% 6%; }
.dc-archive-month #navlinks .prev {float: left; text-align: left;width: 40%; }
.dc-archive-month #navlinks .next { float: right; text-align: left; width:20%;}

/* ------------------------------------------------------------
POSTS
------------------------------------------------------------- */
.post {margin: 4% 4% 10% 4%;  }
.day-date { display: none;}
.comment_count {float: right; padding: 0% 0% 1% 1%; position: relative; right: 0px;font-size: 1.5em; color: #dddddd; }
.comment_count a { }
.comment_count a:hover {color: #287EB4; }
.post-title {font-size: 240%; line-height: 1.2em; word-spacing: 1px; margin:0px 0px 2px 0px; color:#333333; font-weight: 500; }
.post-title a {color:#333333; }
.post-info { word-spacing: 2px;letter-spacing: 1px;text-transform: uppercase;color:#808080; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 30px;}
.post-author{}
.post-date {}
.post-excerpt, .post-content { font-size: 133%; line-height: 1.5em; margin-bottom:0.9em; margin-top:0em; max-width: 100%;}
.post-content p, .post-content ul, .post-content ol { margin-bottom: 1.667em; }
.post-content a { color: #287EB4; }
.post-content ul {padding-left: 40px; }
.post-content img { max-width: 100%;border: 1px solid #ddd;padding: 2px;}
.post-content a img{cursor:zoom-in;}
.post-content a:hover img {   }
figure {display: block;margin: 1em 0em;}
figcaption {margin: 0em 0em 1.5em 0.2em; line-height: 1.5em;font-size: 90%;}
.read-it {margin-bottom: 1.667em;}
.footnotes { font-size: 90%;}
.footnotes p { margin: 0.5em 0em;}
#post-info-co {letter-spacing: 1px;text-transform: uppercase;color:#808080; }
.page-info { margin-top: 3em;}
.category  {background: url(img/icon_category.png) no-repeat; padding: 0 0 5px 20px;}
.post-tags  {background: url(img/icon_tags.png) no-repeat; padding: 0 0 5px 20px; display:inline; margin-left: 0px; }
.post-tags:before  { }
.post-tags a {}
.post-tags a:hover {}
.post-tags li:first-child { padding: 2px 0px 2px 0px; }
.post-tags li {	display: inline;	}
.post-tags li:after {	content: ", ";}
.post-tags li:last-child:after {	content:"";	}
.ping_count {background: url(img/icon_permalink.png) no-repeat; padding: 0 0 5px 20px;}
.attach_count {background: url(img/icon_attach.png) no-repeat; padding: 0 0 5px 20px;}
#attachments { padding: 0px 0px 0px 40px; margin: 0px 0px 30px 0px;}
#attachments h3 { }
#attachments ul { }
#attachments ul li { font-size: 120%;}
#attachments li.audio { }
#attachments li.package { }
#attachments li.text {padding: 0px 0px 0px 0px; }
.dc-404 #content-info h2 {margin-bottom: 6%;font-size: 200%; line-height: 1.2em; word-spacing: 2px;max-width: 475px; color:#333333; font-weight: 500; }
.dc-404 p {}
.dc-404 .document{font: italic 23em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; color: #f7f7f7;position: relative; top: 10%;text-align: center;}

/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */

#attachments h3,#comments h3, #comment-form h3, #pings h3, #subscribetocomments_block h3 {	
	text-transform: uppercase; letter-spacing: 1px;font-weight: normal;	}
	
#comments {margin: 0% 2.5% 5% 5%; }
#pings {margin: 0% 2.5% 1% 5%; }
#pr {	margin: 0% 0% 3% 5%; }
#comment-form {margin: 0% 2.5% 6% 5%; }
#comments h3 { margin: 1em 0;}
#pings h3 { font-size: 1em;	}
#pr h3 { }
#comment-form h3 { margin: 1em 0;	}
#comments dl { }
#comments dt {list-style:none; margin: 0; padding: 0.5em;background:#fff; border-bottom: #DDDDDD 1px solid;}
#content #comments dt span a {}
#content #comments dt span a:hover {	text-decoration: none; }
#comments dd { width: 80%; margin: 0.5em auto 1.5em auto; padding: 4px; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; }
#comments dd  a { }
#comments .first { }
#comments .odd { }
#comments .me { }
#pings dl { }
#pings dt { }
#pings dd { }
#pings .first { }
#pings .odd { }
#pings .me { }
#pr dl { }

#pr dd { margin-left: 0px;	}
#comment-form {padding-top: 10px;}
#comment-form fieldset p {	padding: 5px 0;	}
#comment-form fieldset p.field {clear: right;width: auto;margin: 0; padding: 5px 0;}
#comment-form p.form-help {width: 60%;margin: 0 0 0 0%;font-size: 11px;}
#comment-form p label {	width: auto; font-size: 100%;}
#comment-form p.field label {width:100%;padding: 0 0px 4px 4px;text-align: left;}
#comment-form input, #comment-form textarea {width: 100%;	border: 1px solid #cfd6e6;  background:#fff; font-size: 96%; padding:2px;	}
#comment-form .jstEditor textarea {margin-left:27%;}
.jstHandle {margin-left:28%;width:60%;}
#comment-form #subscribeToComments_checkbox input { margin-left: 0px; width:auto; line-height:12px;}
#comment-form input#c_remember {width: auto;margin: 0 5px 0 0px;border: 0;}
#comment-form input.preview {margin-left: 0px;	}
#comment-form input.preview, #comment-form input.submit {width: auto;background: #FBFBFB; border: 1px solid #cfd6e6;  font-size:120%; color: #3C8FD1;text-transform: uppercase;}
.buttons {	margin-bottom: 0px 0px 0px 0px;	}
#search form {margin: 0px 0px 0px 0px;	}
#ping-url {font-size: 11px;font-style: italic;margin: 0% 6% 3% 6%;}
#comments-feed {font-size: 11px;margin: 0% 6% 3% 6%; }

/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar {font-size: 115%; line-height: 1.3em; }
.dc-post #sidebar, .dc-page #sidebar , .dc-archive #sidebar  {border-left: 1px dotted #d1d1d0; }
#blognav { }
#blogextra { }

#sidebar h2, #sidebar h3 {color: #B1B1B1; font-size: 90%; font-weight: 100; text-transform: uppercase;margin-bottom: 2px;margin-top: 0px; }
#sidebar ul { list-style: none;  }
#sidebar img { }
#sidebar  a img {  background: #ffffff; }
#sidebar a:hover img  {  background: #dddddd; }
#sidebar a { color: #666666;   }
#sidebar a:hover { color: #287EB4; }

/* boites du menu des widgets livres avec Dotclear */
#search { padding: 0px;}
#search form { padding: 0px;}
#search input[type=text] { background: white; border: 1px solid #cfd6e6; padding: 4px 9px; } /* ou #search #q */
#search input[type=submit] { background: white; border: 1px solid #cfd6e6; padding: 4px 9px; text-transform: uppercase; color: #666666; } /* ou #search .submit */
#topnav { }
.topnav-arch { }
.topnav-home { }
#topnav s  b pan {display:none;	}
div.widget { margin: 0 0 2.3em 0;}
div.widget li { padding: 0px 0px 0.4em 0px; /* padding: 0px 0px 0.4em 20px; background: url("img/bullet.png") 0px 2px no-repeat transparent; */}
div.widget.text { padding: 0px 0px 0.4em 0px;margin: 0 0 18px 0; }
div.widget.categories li li {list-style-position: inside;padding-left: 2%;list-style: circle inside;}
div.widget.text img {padding: 4px; margin: 0px 0.4em 0.4em 0px; float: left;}
/* ------------------------------------------------------------
FOOTER
------------------------------------------------------------- */
#gotop { display: none;z-index: 1000;position: fixed;bottom: 0;right: 0.5em; width: auto; padding: 0.55em 0.45em;border-radius: 0.25em;text-align: center; }
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active { border: none;}
#gotop {border: 1px solid #333333;background-color:#333333;color: white;font-size:250%; text-align: center; }
#gotop a, #gotop a:link, #gotop a:hover, #gotop a:active {background: transparent;color:white; }
#footer { text-align: center; 	border-top: 1px dotted #d1d1d0; padding: 1% 0% 0% 0%; }
#footer p {padding-bottom: 10px; }
#footer .logo {background : transparent url(img/logo.png) no-repeat left center;padding: 0px 0px 5px 25px; }

/* ------------------------------------------------------------
CLASSES COMMUNES
------------------------------------------------------------- */
.feed {padding-left:20px;background : transparent url(img/feed.png) no-repeat left center; }
#content-info .feed {padding-right:20px; }
.dc-tags #content ul li, .dc-tags #content ul li a,.tags ul li, .tags ul li a {
display : inline;width : auto;padding-left : 0;padding-right : 4px;background : transparent;line-height : 1.5em;}
.tags ul li a:hover {background-image :none;}
/* .dc-tags .tag0, .tags .tag0 { font-size: 90%; }
.dc-tags .tag10, .tags .tag10 { font-size: 100%; }
.dc-tags .tag20, .tags .tag20 { font-size: 110%; }
.dc-tags .tag30, .tags .tag30 { font-size: 120%; }
.dc-tags .tag40, .tags .tag40 { font-size: 130%; }
.dc-tags .tag50, .tags .tag50 { font-size: 140%; }
.dc-tags .tag60, .tags .tag60 { font-size: 150%; }
.dc-tags .tag70, .tags .tag70 { font-size: 160%; }
.dc-tags .tag80, .tags .tag80 { font-size: 170%; }
.dc-tags .tag90, .tags .tag90 { font-size: 180%; }
.dc-tags .tag100, .tags .tag100 { font-size: 190%; } */
.error {border : 1px solid #c44;background : #df0;	padding : 0.5em;	}
.error ul {padding-left : 20px;}
.error li {list-style : square;}
.left { float: left; margin-right : 1em; }
.right { float: right; margin-left : 1em; }
.center { margin-left : auto; margin-right : auto; }
.left-text { text-align : left; }
.right-text { text-align : right; }
.center-text { text-align : center; }
.little-text { font-size : .8em;}
.little-upper-text { font-size : .8em; text-transform : uppercase; }
/* ------------------------------------------------------------
 PAGES SPECIFIQUES
------------------------------------------------------------- */
.dc-archive .content-inner {margin-left: 0;}
.dc-archive .content-inner h3 {margin-bottom: 5px;padding-top: 25px; clear: both;}
.dc-archive .content-inner ul {list-style: none;}
.dc-archive .content-inner li  {float: left; padding-right: 20px;}
.dc-archive .content-inner ul li {margin-bottom: 5px;}-
/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
.post, .post-content, .footnotes, .attachments,.post-info-co, #comments, #footer,.post h3, .post h4  {
    clear:both;
    }