@charset "utf-8";

/*
# -- BEGIN LICENSE BLOCK ----------------------------------
#
# This file is part of Dotclear 2.
#
# Copyright (c) 2003-2009 Olivier Meunier and contributors
# Licensed under the GPL version 2.0 license.
# See LICENSE file or
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
#
# -- END LICENSE BLOCK ------------------------------------
*/


/*   
Yanone Kaffeesatz Font : http://www.yanone.de/typedesign/kaffeesatz/

	License : 	http://creativecommons.org/licenses/by/2.0/de/deed.en
				http://scripts.sil.org/OFL
				
TTF to EOT Font Converter : http://www.kirsle.net/wizards/ttf2eot.cgi
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 24, 2010 */



@font-face {
	font-family: 'YanoneKaffeesatzBold';
	src: url('fonts/yanonekaffeesatz-bold-webfont.eot');
	src: local('☺'), url('fonts/yanonekaffeesatz-bold-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-bold-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-bold-webfont.svg#webfont7X3luyot') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url('fonts/yanonekaffeesatz-light-webfont.eot');
	src: local('☺'), url('fonts/yanonekaffeesatz-light-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-light-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-light-webfont.svg#webfontTh16Lpfe') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzRegular';
	src: url('fonts/yanonekaffeesatz-regular-webfont.eot');
	src: local('☺'), url('fonts/yanonekaffeesatz-regular-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-regular-webfont.svg#webfontMk6dIcMg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'YanoneKaffeesatzThin';
	src: url('fonts/yanonekaffeesatz-thin-webfont.eot');
	src: local('☺'), url('fonts/yanonekaffeesatz-thin-webfont.woff') format('woff'), url('fonts/yanonekaffeesatz-thin-webfont.ttf') format('truetype'), url('fonts/yanonekaffeesatz-thin-webfont.svg#webfontR4fG0M6t') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	margin: 0;
	padding: 0;
    background: #372d37 url('/public/illustration/bg-body.jpg') repeat-y left top fixed;
    /* background-color: #372d37;
    background: linear-gradient(darkgrey, white);*/
	color: rgb(90,90,90);
	font: 80% Arial, Helvetica, sans-serif;
}
header, footer, nav, article, section, aside, figure, figcaption {display:block; }

time, mark {display:inline;}

a {
	/* color: rgb(85,85,150);*/
        color:#8377A5;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#6d8824;
	text-decoration: underline;
}

a img {
	border: none;
}

pre {
	white-space: pre;
	overflow: auto;
	
}

sup {
	font-size:80%;
	line-height:50%;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Layout
-------------------------------------------------------- */
#page {
	font-size: 1.2em;
}

#top {
	width: 900px;
	padding: 15px 0;
	margin: 35px auto 0 auto;
	background-color: #fff;
	-moz-border-radius-topleft: 1em;  
	-webkit-border-top-left-radius: 1em;
	-moz-border-radius-topright: 1em; 
	-webkit-border-top-right-radius: 1em;
	border-top-left-radius: 1em; 
	border-top-right-radius: 1em;
}
#top h1 {
	margin: 0;
	margin-left: 45px;
	text-align: left;
	font-size: 5em;
	font-family: YanoneKaffeesatzLight, helvetica, arial, sans-serif;
	font-weight: normal;
}
#top h1 a {
	color: #000;
	text-decoration: none;
}

#prelude {
	position: absolute;
	top: .5em;
	right: 1em;
	margin: auto;
	padding: 0;
	color: #ededed;
}
#prelude a {
	color: #ededed;
}
#prelude a:focus, #prelude a:hover {
	background: #555;
	color: #fff;
	text-decoration: none;
}

#wrapper {
	width: 900px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 30px 0;
	background-color: #fff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAyAAAAAKAQMAAAB2YajmAAAABlBMVEX///+/v7+jQ3Y5AAAAGUlEQVQoz2NgoAJgYqADGLVk1JJRSyi3BAAp9AAVRKc1nwAAAABJRU5ErkJggg==);
	background-repeat: repeat-y;
	background-position: 50px top;
        border-bottom-left-radius: 1em;
        border-bottom-right-radius: 1em;
}

#main {
	width: 600px;
	float: left;
}

#top, #main {
    overflow-x: hidden;
}

#content {
	padding: 0 50px;
}
#navlinks, .navlinks {
	margin: 0 0;
	background-color: rgb(226,226,235);
	padding: .5em .5em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	text-align: center;
	font-size:0.8em;
}

#sidebar {
	width: 270px;
	float: right;
	padding-right: 10px;
}
#blognav {
	display: block;
}
#blognav, #blogextra, #search {
	padding: 1px 25px;
}

#search {
	margin-bottom: 2em;
	text-align: right;
	margin-right: 10px;
	display: none;
}
#search input {
	margin: 0 0 5px 5px;
}

#search input[type=submit] {
	color: #555;
	background-color: rgb(171,171,189);
	background-image: -moz-linear-gradient(5% 10% 270deg, rgb(171,171,189), rgb(219,219,230), rgb(255, 255, 255) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(171,171,189)), color-stop(0.6, rgb(219,219,230)), to(rgb(255, 255, 255))); 
    background-image: linear-gradient(top, rgb(171,171,189), rgb(219,219,230) 20%, rgb(255, 255, 255) 100%);
	border: none;
	-moz-border-radius: 1em;  
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-botom-right-radius: 1em;
	border-radius: 1em; 
	padding: .3em .5em;
	-moz-box-shadow: .1em .1em .2em rgba(0,0,0,.5);
	-webkit-box-shadow: .1em .1em .2em rgba(0,0,0,.5);
	box-shadow: .1em .1em .2em rgba(0,0,0,.5);
}

#footer {
	clear: both;
	padding: 30px 0 0 0;
}
#footer p {
	margin: 0 auto;
	padding: 10px 0 20px;
 	text-align: center;
	font-size: 1.2em;
}
#footer p a {
	color: #555;
}


/* Sidebar styles
-------------------------------------------------------- */
#sidebar h2 {
	margin: 1.5em 0 0 0;
	color: #555;
	font-family: YanoneKaffeesatzLight, arial, helvetica, sans-serif;
	font-weight: normal;
}
#sidebar h3 {
	margin: 1em 0 0.5em;
	color: #555;
}

#sidebar div div {
	margin-bottom: 2em;
}
#sidebar div div div {
	margin-bottom: 0;
}

#sidebar ul {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #222;
}
#sidebar li {
	display: block;
	margin: 0;
	padding: .3em 0;
	border-bottom: 1px solid #222;
}
#sidebar li a {
	color: #555;
	text-decoration: none;
}
#sidebar li a:hover, #sidebar li a:focus, #sidebar li a:active {
	color: #000;
}
#sidebar ul ul {
	list-style: none;
	margin: .3em 0 0 0;
	padding: 0 0 0 0;
	border: none;
}
#sidebar li li {
	display: block;
	margin: 0 0;
	padding: .3em 0 .3em 1em;
	border-bottom: none;
	border-top: 1px solid #222;
}

#q {
	border: 1px solid #555;
	width: 150px;
	color: #555;
}
#search .submit {
	padding: 0;
	border: 1px solid #555;
	background: none;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
}
#search .submit:hover {
	background: #555;
	color: #fff;
	border: 1px solid #9ac528;
}

#topnav ul {
	border-bottom: 1px solid #555;
	padding: 4px 0;
}
#topnav li {
	display: inline;
	border-bottom: none;
}

#sidebar .syndicate ul {
	border-top: none;
}
#sidebar .syndicate li {
	border-bottom: none;
}

#sidebar .categories ul {
/*	 */
}
#sidebar .categories li {
/*	 */
}
#sidebar .categories li.category-current {
	font-weight: bold;
}
#sidebar .categories li.category-current li {
	font-weight: normal;
}

#sidebar .tags ul {
	border-top: none;
	font-size: 1.1em;
	text-align: justify;
}
#sidebar .tags ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.8em;
}

.tag0 { font-size: 75%; }
.tag10 { font-size: 80%; }
.tag20 { font-size: 90%; }
.tag30 { font-size: 100%; }
.tag40 { font-size: 110%; }
.tag50 { font-size: 120%; }
.tag60 { font-size: 140%; }
.tag70 { font-size: 150%; }
.tag80 { font-size: 160%; }
.tag90 { font-size: 170%; }
.tag100 { font-size: 180%; }

ul.tags {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	font-size: 1em;
	text-align: justify;
}
ul.tags li {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}


/* Main content styles
-------------------------------------------------------- */
h2, h3, h4 {
	margin: 1em 0 0 0;
	padding: 0;
}

h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
}

#subcategories {
	background: #fbfbfb;
	border-color: #555;
	border-style: solid;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 0.5em;
}
#subcategories h3 {
	margin: 0;
}
#subcategories ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 20px;
	line-height: 1.4;
}

.day-date {
	font-size: 1em;
	margin: 0 0 0.5em;
	text-align: right;
	color: #555;
}

.post {
	margin: 0 0 2em 0;
}

#content article.first .post-title {
	margin-top: 0;
}

.post-title {
	color:#555;
	font-size:3em;
	font-weight: normal;
	font-family: YanoneKaffeesatzLight, sans-serif;
}
.post-title a {
	color:#555;
}
.post-info {
	margin: 0;
	display: none;
}

.post-tags {
	list-style: none;
	margin: 1em 0 1em;
	padding: 3px 0;
}
.post-tags li {
	display: inline;
	margin-right: 8px;
	padding: 5px 0 5px 22px;
	/*background: transparent url(img/tag.png) no-repeat 0 70%;*/
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANBAMAAABSlfMXAAAAMFBMVEX////u7u7d3d3MzMy7u7uqqqqZmZmIiIh3d3dmZmZVVVVEREQzMzMiIiIREREAAABvgLxBAAAAS0lEQVQI1yXGwQ2CUBQEwCE0YCIFEP0d8Aow7PZfkwfmNDjatmydmRnWDbEnUHv6xBoY9rZtOJIk5fp59D1zvzBpemHNuX2D7cTHHxUoDN47RlrDAAAAAElFTkSuQmCC) no-repeat 0 70%;
}
.post-tags li a {
	color: #555;
}

.post-info-co {
	clear: left;
	padding: 3px 0 3px 0.5em;
	border-width: 1px 0;
	border-style: solid;
	border-color: #bfbfbf;
	background: #fbfbfb;
}
.post-info-co a {
	color: #2b2b2b;
	padding: 2px 10px 2px 18px;
}

.comment_count {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAAAAABq7uO+AAAAdElEQVQIW03NIQuAMBAF4P37gViXLGKwmAzCgs1k8gcYhcFgbHKGsfTc6QRfOb7juCfge1kyRgioFSXLAHG0cM4FIoqQSewDrLWPoU6mMewQmEeXyXbExym/IhO+V/CNvgD9FeVtpb16u5jAWk/zj8CmPI8bOh6GCXXUZFwAAAAASUVORK5CYII=) no-repeat 0 50%;
}
.ping_count {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALAQMAAACTYuVlAAAABlBMVEX///+Hh4e2psZ0AAAAH0lEQVQIW2OUP8goIABCTHKMzLKM/xeCSCAbIih/EABIbgRsD+OqQgAAAABJRU5ErkJggg==) no-repeat 0 50%;
}
.attach_count {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAAAAABzHgM7AAAARUlEQVQI12P4DwJnqtKqzvz/zwBkbvsfeOb/GU8IJ+1/IJBE4hhTyLmH4DyfWbTteSyEM7Po3v/rRUshnP/rq2KLtgFpAN3zcWrdcPUkAAAAAElFTkSuQmCC) no-repeat 0 50%;
}

.read-it {
	font-weight: normal;
	clear: left;
	text-align: right;
	font-style: italic;
}

a.feed {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAA70lEQVQY0wXBTUsCURSA4ffcuZMhGNhYFi0iF0pEmYtoUYvoR7dqKUJBuFIpisj8QF3oImcc7z0zPY8kbz0gAAE4u5X2KgowYIGAGbZ3pfsslwQQsBt1LEFeB/c79GTEhdzkknyOk7B2XxXJUvVWZPNhqDRKl4Ohd+qtkUrrbzF5uTg+X4+cqskgLNfv9vpjmjh1xsiq3U/CVrEbhzXn1YghHr1OwqZ0aTj1Jsdc3xwM4mL0kxZKqgYpH5aP4i9OthOqmRrYOJZuQdHNsZlan9OxMz99Utf/ZkfkOYvwXtUrnnR6Kuv2O2xIHY4tD4//Xm52NFtD558AAAAASUVORK5CYII=) no-repeat 0 0.25em;
	padding: 5px 0 5px 22px;
}

/* Post section
-------------------------------------------------------- */


/* Post content
-------------------------------------------------------- */
.post-content, .post-excerpt, #comments article, #pings article, div.comment-preview {
	line-height:1.4em;
}
.post-content p {
	text-align: justify;
}
.post-content abbr, .post-excerpt abbr {
	cursor: help;
	border-bottom: 1px dotted #666;
}

.post-content pre, .post-excerpt pre, .post-content pre code, .post-excerpt pre code {
	padding: 10px ;
	font: 1.1em 'courier new', courier, monospace;
}

.post-content pre code, .post-excerpt pre code {
	font-size: .9em;
}

.post-content ul, .post-excerpt ul, .post-content ol, .post-excerpt ol {
	margin: 0 0 .5em 0;
	padding: 0 0 0 2em;
}

.post-content li, .post-excerpt li {
	margin: 0;
	padding: 0;
    list-style-type: none;
	/*list-style-type: square;
	list-style-image : url(img/list_img.png);*/
	text-align: justify;
}
.post-content li:before, .post-excerpt li:before {
   content: "– ";
}

.post-content blockquote, .post-excerpt blockquote {
	margin: 4px 0 4px 0;
	padding: 0 5px;
	border-left: 4px solid #bfbfbf;
}

.post table {
	border: 1px #000 solid;
	border-collapse: collapse;
}
.post table td, .post table th  {
	border: 1px #000 solid;
	padding: .3em .3em;
	text-align: center;
}
.post table tbody th  {
	text-align: left;
}

#attachments h3 {
	font-size: 1.2em;
}

#attachments ul {
	list-style: none;
	margin: 0;
	padding: 4px 0;
}

#attachments li {
	margin: 0 0 0.6em;
	padding: 2px 10px 2px 18px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAAAAABzHgM7AAAARUlEQVQI12P4DwJnqtKqzvz/zwBkbvsfeOb/GU8IJ+1/IJBE4hhTyLmH4DyfWbTteSyEM7Po3v/rRUshnP/rq2KLtgFpAN3zcWrdcPUkAAAAAElFTkSuQmCC) no-repeat 0 50%;
}

#attachments li object {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* Comments and trackbacks
-------------------------------------------------------- */
#comments {
	clear: both;
}
#comments h3, #comment-form h3, #pings h3 {
	border-width: 1px 0;
	border-style: solid;
	border-color: #bfbfbf;
	background: #fbfbfb;
	padding: 5px;
	margin: 20px 0 8px 0;
	font-size: 1.2em;
}

#comments h4 {
	margin: 1.5em 0 0 0;
	padding: 5px 0 0 0;
}
#comments article.me h4 {
	/* */
}
#comments a.comment-number {
	display:block;
	float:left;
	margin-right:0.5em;
	text-align:right;
	width:2em;
}
#comments article {
	margin: 0 0;
	padding: 1px 1em 0.5em 1em;
	color:#6b6b6b;
}
#comments article.me {
	background-color:#E2E2EB;
	color:#6b6b6b;
}
#comments article p {
	margin: 0.5em 0;
	line-height: 1.5em;
}

.error {
	margin: 20px 0 0;
	padding: 10px 5px;
	background: #ffcccc;
	border: 2px solid red;
	font-weight: bold;
}

/* Forms
-------------------------------------------------------- */
#comment-form {
	padding-top: 10px;
}


#comment-form p {
	margin: 1em 1em;
}
#comment-form p.field {
	width: auto;
	margin: 1em 1em;
	clear: left;
}
#comment-form p.form-help {
	width: 100%;
	margin: 1em 1em;
	font-style: italic;
}

#comment-form p label {
	width: auto;
}
#comment-form p.field label {
	font-weight: bold;
	display: block;
	padding: 0 1% 0 0;
}

/* contrôle visuel du formulaire, inspiration : http://bradshawenterprises.com/tests/formdemo.php */
#comment-form p.field input, #comment-form textarea {
	font: 1em "Helvetica Neue", Helvetica ,Arial,sans-serif;
	color: #000;
	border: 1px solid #cdcdcd;
	padding: 1px 2px;	
	width: 100%;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAuCAYAAAAhg5m8AAAAJ0lEQVRIx+3MQREAAAgDINc/9Azh+YMApG3nIAKBQCAQCAQCgeAnWC4at3c5jNahAAAAAElFTkSuQmCC) no-repeat top right;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#comment-form p.field input:focus, #comment-form textarea:focus {
	/* */
}
#comment-form p.field input:not(:focus), #comment-form textarea:not(:focus) {
	opacity:0.5;
}
#comment-form p.field input:required, #comment-form textarea:required {
	-webkit-box-shadow:0 0 .25em #f00;
	-moz-box-shadow:0 0 .25em #f00;
	box-shadow:0 0 .25em #f00;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAuCAYAAAAhg5m8AAABCElEQVRIx2P4TyFgGOQGrKv8/39+/P//75+SaQBIc73W///fPxFpwLm1//8/vYLgry3//7/VBMH/+v7//72T/v//9w+LAZ/f/P/fZvr/f5P+///HFkAU7e77/3+KL0T+wen//3sdIS66uBmLAX9+AyU2/f8/IwSiaEnG///7Jv//vzD5///9U///b9T9/7/LBiIGsgxvGIBsW54L0dSg8///VP///8+u+f//9w8iAxFmQJMeCQage2FpJtDpUyBeODCNCC/AArHZ4P//E4shYsiB+PDc///9LhDDL23B4YULG///f34DdzSC0sPB6bRMSFRPysMgO48aMGrAqAGjBowaMGrAyDMAAAEsNjikAIk3AAAAAElFTkSuQmCC) no-repeat top right;
}
#comment-form p.field input:valid, #comment-form textarea:valid {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAuCAYAAAAhg5m8AAABBElEQVRIx2P4TyFgGDoG/APC5oPN/9Umq/3nauX6f/zxcdIMyNue95+hgQGMXRe5/v/55yfxBiy+uBiu2Xy2+f8vv74Q74V77++BnQzSLNkj+f/119ekhYHnEk+wZsYGxv877uwgLRBXXFkBd3rmlkzSYgEUSLJ9smDNwp3C/999f4ffgHPPz/23nWf7P3ptNNifk09Ohts+48wMwunAZ5kPXIPBDANwgIHYihMU///594ewAZtuboIbgIwnnJhAfEos2VWColmgQ+D/55+fiTcA5FS7+XZwA8p2l5GeF958e/N/2eVl/7ff3v7/199fwyk7jxowasCoAaMGjBowasAIMQAAXiACpW8yfBYAAAAASUVORK5CYII=) no-repeat top right;
}
#comment-form p.field input:focus:invalid, #comment-form textarea:focus:invalid {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAuCAYAAAAhg5m8AAABKUlEQVRIx2P4TyFgGJwG/Hrw4P/PmzcxxH/eu/f//79/hA146O39/yoHx/9PW7bAxV53df2/wsDw/0VJCWEDnsTFgRXfUlH5/+/Xr/9venvB/KtsbP+/HjpE2ID38+aBNYDwA09POPt1ZydxYfDz7l24Jhi+b2/////fv8THwk1ZWbjma1xcYEOJj4VHj/5fFxSEG/CirIz4aPz75cv/O0ZGKM5/mp5OnAH//vz5/9DXF8P/N6Sk/v/7/p2wAS8qKuCabmtq/n+SmAjnv+npwW/Ajxs3/l9hZAQrvikv///Xkyf//37+/P+uiQkkTSgp4Tfg348f/+9ZWf2/ISaGkoxBTn+WlfX/45o1hL3w/dy5/z8uXx4O2XnUgFEDRg0YNWDUgFEDRrABACgbAnTCdPrUAAAAAElFTkSuQmCC) no-repeat top right;
}

#comment-form input#c_remember {
	width: auto;
	border: 0;
	margin: 0 5px 0 0;
}
#comment-form input.preview {
	margin-left: 10%;
}

#comment-form input.preview, #comment-form input.submit {
	width: auto;
	color: #555;
	background-color: rgb(171,171,189);
	background-image: -moz-linear-gradient(5% 10% 270deg, rgb(171,171,189), rgb(219,219,230), rgb(255, 255, 255) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(171,171,189)), color-stop(0.6, rgb(219,219,230)), to(rgb(255, 255, 255))); 
	background-image: linear-gradient(top, rgb(171,171,189), rgb(219,219,230) 20%, rgb(255, 255, 255) 100%);
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	-moz-border-radius: 1em;  
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-botom-right-radius: 1em;
	border-radius: 1em; 
	padding: .3em .5em;
	-moz-box-shadow: .1em .1em .5em rgba(0,0,0,.5);
	-webkit-box-shadow: .1em .1em .5em rgba(0,0,0,.5);
	box-shadow: .1em .1em .5em rgba(0,0,0,.5);
}

#comment-form input.preview:hover, #comment-form input.submit:hover, #comment-form input.preview:focus, #comment-form input.submit:focus {
	background-color: rgb(171,171,189);
	color: rgb(255, 255, 255);
	border: none;
	-moz-box-shadow: .1em .1em .5em rgba(0,0,0,.8);
	-webkit-box-shadow: .1em .1em .5em rgba(0,0,0,.8);
	box-shadow: .1em .1em .5em rgba(0,0,0,.8);
}
/* -----------------------
styles pour plugin gallery
-------------------------*/



.ligal {
}

.gallery-thumbnail {
	float : left; 
	margin : 2px; 
	padding : 0px; 
	padding-bottom: 0;
	text-align : center; 
	border : 1px solid #ccc; 
}
.gallery-thumbnails {
	margin: 0 0 0 0;
	padding-left: 1em;
}

.gallery-thumbnail-img {
	width: 105px;
	height: 105px;
	margin: 1px;
	padding: 3px 0 0 0;

}
.gallery-thumbnail-img img {
	display : block; 
	margin : 0px auto; 
	border : 0;
}
.gallery-thumbnail-desc {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	border-top : 1px solid #ccc; 
	background : #EEE; 
	font-size: 1em;

}
.gallery-image img {
     display:block;
     margin : 10px auto;
     padding : 8px;
     border : 1px solid #ddd;
     background: #fff;
	-webkit-box-shadow: .5em .5em .5em rgba(0,0,0,.5);
	-moz-box-shadow: .5em .5em .5em rgba(0,0,0,.5);
	box-shadow: .5em .5em .5em rgba(0,0,0,.5);
}
figure.gallery-image {
     margin : 0 0;
     padding : 0 0;
     width: 100%;;
}

#gallink, #gallink a {
	text-align: left;
	display: block;
	color: #005D99;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 8px;
	text-decoration: none;
}

p.gallery-cat {
	font-size: 1em;
	margin: 0 0 0.5em;
	text-align: right;
	color: #279ac4;
}

body.dc-galleries article header img {
        margin-right: 1em;
}


/* -----------------------
styles pour impression
-------------------------*/
@media print {
	body {
		margin: 0 0;
		color: #000;
		background: #fff;
	}
	pre {
		white-space: -moz-pre-wrap;
		white-space: -hp-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		overflow: visible;
		word-wrap: break-word;
		
	}
    #content, #top, #wrapper, #main, #footer, #sidebar, #search, #blognav, #blogextra, aside[role=complementary] {
        position: static;
        margin: 0 0;
        float: none;
        width: auto;
        height: auto;
        margin: 0 0;
        padding: 0 0;
    }
	#top, #main {
		overflow-x: visible;
	}
	
	#wrapper {
		overflow: visible;
	}	
	.post {
		margin: 0 0;
		height: auto;
	}
    .post .post-info {
        border-bottom: 2pt #999 solid;
        padding-bottom: 1em;
        margin-bottom: 2em;
    }
    .post img {
        visibility: visible  ;
    }
	#prelude, #sidebar, .pagination, #comment-form, #search, #navlinks, #footer, #comments-feed, #top, .post-tags {
		display: none;
	}

	p {
		margin: 0.2em 0 0.8em 0;
		line-height: 1.3em;
	}

	h1,h2,h3,h4,h5, h6 {
		margin: 1em 0 0.2em 0;
        page-break-after: avoid; 
        page-break-inside: avoid;
	}
	h1 { font-size: 160%; }
	h2 { font-size: 140%; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 80%; }

	a {
		color: #00f;
		text-decoration: none;
		border-bottom: 1px solid #999;
	}

	.post-content a[href^="http"]:after, #comments a[href^="http"]:after,
	#trackbacks a[href^="http"]:after {
		content: " ("attr(href)") ";
		color: #333;
	}

	#comments a.comment-number {
		text-decoration: none;
		border-bottom: none;

	}


}

/*--------------------------
MOBILES
___________________________*/

@media handheld, only screen and (max-device-width:500px), only screen and (max-width:500px), only screen and (-webkit-min-device-pixel-ratio: 2) {
	.dc-home .post .post-content, .dc-home .post .post-info, .dc-home .post .post-tags, .dc-home .post .read-it, .dc-home .post .post-info-co, #sidebar .tags ul {
		display: none;
		}
	#page, #content, #top, #wrapper, #main, #footer, #sidebar, #search, aside[role=complementary] {
		width: auto;
		float: none;
	}
	#content, #top, #wrapper, #main, #footer, #sidebar, #search, #blognav, #blogextra, aside[role=complementary] {
		margin: 0 0;
		padding: 0 0;
	}
	#page  {
		margin: 3em 1em 1em 1em;
	}
	#wrapper {
		padding: 1em 1em;
	}
	#top h1 {
		font-size: 3em;
		margin: .3em .3em;
	}
	html[lang=fr] #top h1:after {
		/*content: " (mobile)";*/
		font-size: 30%;
		font-family: arial, helvetica, sans-serif;
	}
	.post-title {
		font-size: 2em;
	}
	.dc-home .post-title {
		font-size: 1.5em;
	}
	#prelude {
		color: rgb(171, 171, 171);
		left: 0;
		right: 0;
		margin: 0 0;
		padding: 0 1em;
		display: none;
	}
	#prelude a {
		color: #6b6b6b;
	}
	#prelude a:before {
		content: "> ";
	}
	#prelude a:first-child {
		display: none;
	}
	.dc-home .post-info-co {
		border-top: none;
		border-bottom: none;
	}
	.dc-home .post {
		border-bottom: 1px solid #BFBFBF ;
		margin-bottom: 0;
	}
	.dc-home article.first {
		border-top: 1px solid #BFBFBF ;
	}
	.dc-home article .post-title, .dc-home #content article.first .post-title {
		margin-top: 0;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	.dc-home .post-title a {
		display: block;
		width: 100%;
	}
	.dc-home .post-title:before {
		content: ">";
		float: right;
		color: rgb(171,171,171);
	}
	.post object, .post video {
		width: 100%;

	}
	#sidebar li a {
		display: block;
		width: 100%;
	}
	#sidebar li.ligal a {
		display: block;
		width: 80%;
		float: left;
	}
	#topnav li span {
		display: none;
	}
	#comment-form fieldset p.field {
		padding:0 0;
	}
	pre {
		white-space: -moz-pre-wrap;
		white-space: -hp-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		white-space: pre-wrap;
		white-space: pre-line;
		word-wrap: break-word;

	}	
	.post img, .post object, .post iframe {
	 	max-width: 80%;
	}
/*
	.hasJS #sidebar h2:before {
		content: "▼ ";
		color: rgb(171,171,171);
		font-size: 90%;
		font-family: arial, helvetica, sans-serif;
	}
	*/	
}
/*--------------------------
grands écrans
___________________________*/
@media only screen and (min-width:1400px) {
/*
	styles css

*/
}