* {
margin: 0;
padding: 0;
}

body {
font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a {
color: #00abcc;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:active {
outline: 0;
}
a:visited {
color: #2a95aa;
}

ul, ol {
margin: 0 0 1.5em 0;
padding: 0 0 0 2em;
}
li {
line-height: 1.6em;
margin: 0 0 0.3em 0;
padding: 0;
}
li p {
width: auto !important;
}

.navlink {
margin-left: 140px;
margin-top: 45px;
}

#navigation ol {
margin: 0;
padding: 0;
}
#navigation ol li {
margin: 0 20px 5px 0;
padding: 0;
display: block;
float: left;
list-style-type: none;
}

#navigation ol li b {
color: #accc00;
}

.content {
width: 700px;
margin-left: 140px;
margin-top: 20px;
}

h1 {
font-size:48px;
color: #00b3d4;
margin-bottom: 15px;
}

.clear,	br.spacer_ {
clear: both;
height: 1px;
margin-top: -1px;
overflow:hidden;
font-size: 1px;
}

#footer {
width: 800px;
margin: 50px 0 0 140px;
overflow: hidden;
}
#footer p {
font-size: 0.9em; line-height: 1.5em;
color: #666;
margin: 0 0 2em 0;
}
#footer a {
color: #999;
white-space: nowrap;
}
#footer .div {
visibility: hidden;
}

.topic {
font-size: 1.3em; line-height: 1.3em; font-weight: bold;
color: #accc00;
padding-top: 10px;
margin-bottom: 25px;
}

p.headline {
margin: 0 0 0.5em 0;
color: #333;
}

h3 {
font-size: 24px;
}

.entry {
color: #333333;
}

.post {
color: #333333;
}

#smart-archives-block {
display: none;
}

#smart-archives-list {
}
#smart-archives-list h2 {
font-size: 1em; font-weight: bold;
background: #E6EDF0;
margin: 0;
padding: 0.5em;
}
#smart-archives-list h2 a {
color: #444;
}
#smart-archives-list h2 a:hover,
#smart-archives-list h2 a:focus {
text-decoration: underline;
}
#smart-archives-list ul {
margin: 0 0 2em 0;
padding: 0;
}
#smart-archives-list ul li {
clear: both;
margin: -1px 0 0 0;
padding: 0.3em 0 0.3em 0.5em;
list-style-type: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
overflow: hidden;
}


.post .gallery, .post .wp-caption, .post .aligncenter, .post .alignleft, .post .alignright, .post .alignnone {
background: #e6edf0 !important;
display: block !important;
border: 0 !important;
padding: 5px !important;
border: 0 !important;
}
.post .aligncenter {
margin: 0 auto 5px auto !important;
}
.post .alignleft {
float: left !important;
margin: 0 15px 5px 0 !important;
}
.post .alignright {
float: right !important;
margin: 0 5px 5px 10px !important;
}
.post .alignnone {
margin: 0 0 5px 0 !important;
}
.post .aligncenter a, .post .alignleft a, .post .alignright a, .post .alignnone a, .post .aligncenter img, .post .alignleft img, .post .alignright img, .post .alignnone img {
display: block !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}

/* caption */

.post .wp-caption {
background: #e6edf0 !important;
margin-bottom: 1.5em !important;
padding: 0 !important;
}
.post .wp-caption a,
.post .wp-caption img {
padding: 5px !important;
}
.post .wp-caption a img {
padding: 0 !important;
}
.post .wp-caption p.wp-caption-text {
font-size: 0.9em !important;
padding: 0 5px 5px 5px !important;
margin: 0 !important;
}

p { 
color: #333333; 
}

.recentcomments {
padding: 0;
margin: 0 0 3em 0;
border-bottom: 0;
}
.recentcomments h2 {
font-size: 1em; font-weight: bold;
background: #E6EDF0;
margin: 0;
padding: 0.5em;
color: #333333;
}
.recentcomments h2 a {
color: #444;
}
.recentcomments h2 a:hover,
.recentcomments h2 a:focus {
text-decoration: underline;
}
ul.recentcomments {
list-style: none;
}
ul.recentcomments li {
padding: 0.8em 0 0.5em 0;
}
ul.recentcomments li .gravatar {
display: block;
float: left;
width: 65px;
}
ul.recentcomments li .gravatar a {
display: block;
padding: 0;
margin: 3px 0 0 0.5em;
background: none;
}
ul.recentcomments li .gravatar img {
display: block;
float: left;
border: 1px solid #ccc;
padding: 2px;
margin: 0 0 1em 0;
}
ul.recentcomments li .comment {
margin: 0 0 0 75px;
}
ul.recentcomments li .comment p {
width: auto !important;
margin: 0;
}

#about {
background: #e6edf0;
margin: 0 0 30px -10px;
}
#about .content {
width: 375px;
padding: 10px 0 5px 10px;
}
#about p {
font-size: 0.9em; line-height: 1.5em;
margin: 0;
color: #555;
}
#about a {
color: #aaa;
}


/* A virer plutard */

.tags {
line-height: 2em;
margin-left: -8px;
}
.tags a {
margin: 0 8px;
text-decoration: none;
white-space: nowrap;
line-height: 1em;
color: #444;
}
.tags a:hover, .tags a:focus {
text-decoration: underline;
}

/* A virer plutard */

/*
reader  = screen reader only  (eg skip links)
print   = print only          (eg contact infos, references)
noprint = don't print         (eg navigation)
*/

@media screen, projection {
.reader {
	position: absolute; left: -990em; height: 1em; width: 1em;
	overflow: hidden;
}
.print {
	display: none;
	visibility: hidden;
}
.nonprint {
	/* nothing */
}
}

@media print {
.reader {
	display: none;
	visibility: hidden;
}
.print {
	display: block;
	visibility: visible;
}
.nonprint {
	display: none;
	visibility: hidden;
}
}


/* --------------------------------------------------------------------------------------
* links
* -------------------------------------------------------------------------------------- */

a {
color: #00abcc;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: underline;
}
a:active {
outline: 0; /* remove dotted borders */
}
a:visited {
color: #2a95aa;
}
@media print {
a {
	color: #3e9eb1 !important;
	text-decoration: underline !important;
}
}

#header {
margin-left: 400px;
}

#about {
color: #666666;
padding: 10px;
margin-top:15px;
}
.single {
background: #fff url("./img_petit.png") no-repeat;
margin-top: -20px;
}

.navlink-2 {
margin-left: 395px;
margin-top: 45px;
}

.content-post {
margin-top: 140px;
margin-left:170px;
width:550px;
}

.h1 {
font-size:48px;
color: #00b3d4;
margin-bottom: 15px;
font-weight:bold;
width: 550px;
}

.tags_index {
color:#333;
text-decoration:none;
}

.tags_index a {
color:#333;
text-decoration:none;
}

.tags_index a:hover {
color:#333;
text-decoration:none;
}

/* COMMENTAIRE */

/* --------------------------------------------------------------------------------------
* dm_form
* -------------------------------------------------------------------------------------- */

form.dm_form {
width: 630px;
font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
form.dm_form div.form_wrapper {
margin: 0 -1%;
padding: 0;
}
* html form.dm_form div.form_wrapper {
display: inline-block;
}
*+html form.dm_form div.form_wrapper {
display: inline-block;
}
form.dm_form fieldset {
clear: both;
margin: 0 0 20px 0;
padding: 0;
border: 0;
}
form.preview fieldset {
display: none;
visibility: hidden;
}


/* --------------------------------------
* labels and wrappers
* -------------------------------------- */

form.dm_form label {
margin: 0 1%;
padding: 0;
border: 0;
float: left;
display: table;
width: 1%;
}
* html form.dm_form label {
display: inline-block !important;
width: 1%;
height: 1%;
margin-right: 0.9% !important; /* avoid position bugs */
}
*+html form.dm_form label {
display: inline-block !important;
width: 1%;
height: 1%;
margin-right: 0.9% !important; /* avoid position bugs */
}
form.dm_form span.wrapper {
margin: 0;
padding: 0;
display: table-cell;
width: 1%; /* firefox */
}
* html form.dm_form span.wrapper {
display: block !important;
width: 100%;
overflow: hidden;
}
*+html form.dm_form span.wrapper {
display: block !important;
width: 100%;
overflow: hidden;
}
* html form.dm_form label.radiocheck span.wrapper {
width: auto;
}
*+html form.dm_form label.radiocheck span.wrapper {
width: auto;
}


/* --------------------------------------
* width
* -------------------------------------- */

form.dm_form label.w100 {
width: 98%;
display: block;
}
form.dm_form label.w75 {
width: 73%;
display: block;
}
form.dm_form label.w50 {
width: 48%;
display: block;
}
form.dm_form label.w25 {
width: 23%;
display: block;
}


/* --------------------------------------
* position
* -------------------------------------- */

form.dm_form label.p25 {
margin-left: 26%;
}
form.dm_form label.p50 {
margin-left: 51%;
}
form.dm_form label.p75 {
margin-left: 76%;
}


/* --------------------------------------
* input/select fields 
* -------------------------------------- */

form.dm_form label input.field,
form.dm_form label select.field,
form.dm_form label textarea.field {
width: 100%;
display: block;
border: 0;
border-bottom: 1px solid #40ABC6;
border-left: 8px solid #40ABC6;
background: #e6edf0;
padding: 4px;
font-family: 'Consolas', 'Andale Mono', Courier, monospace;
/* font-size-adjust: 0.51; */
font-size: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box; /* gecko */
-webkit-box-sizing: border-box; /* khtml/webkit */
}
* html form.dm_form label input.field,
* html form.dm_form label select.field,
* html form.dm_form label textarea.field {
position: relative; /* put on top */
width: expression(parentNode.offsetWidth - 18); /* - border - padding */
padding-top: 5px;
padding-bottom: 5px;
}
*+html form.dm_form label input.field,
*+html form.dm_form label select.field,
*+html form.dm_form label textarea.field {
position: relative; /* put on top */
width: expression(parentNode.offsetWidth - 18); /* - border - padding */
padding-top: 5px;
padding-bottom: 5px;
}
form.dm_form label select.field {
padding: 4px 1px 1px 1px; /* have to try out */
}
* html form.dm_form label select.field {
width: 100%;
}
*+html form.dm_form label select.field {
width: 100%;
}

/* Pflichtfelder
mandatory fields */
form.dm_form label.mandatory input.field,
form.dm_form label.mandatory select.field,
form.dm_form label.mandatory textarea.field {
}
* html form.dm_form label.mandatory input.field,
* html form.dm_form label.mandatory select.field,
* html form.dm_form label.mandatory textarea.field {
width: expression(parentNode.offsetWidth - 18); /* - border - padding */
}
*+html form.dm_form label.mandatory input.field,
*+html form.dm_form label.mandatory select.field,
*+html form.dm_form label.mandatory textarea.field {
width: expression(parentNode.offsetWidth - 18); /* - border - padding */
}
form.dm_form label input.field:focus,
form.dm_form label select.field:focus,
form.dm_form label textarea.field:focus {
border-color: #46565A;
}


/* --------------------------------------
* checkboxes and radios
* -------------------------------------- */

form.dm_form input.select {
display: block;
float: left;
margin: 0;
}
* html form.dm_form input.select {
position: relative;
left: -2px;
top: -2px;
}
*+html form.dm_form input.select {
position: relative;
left: -2px;
top: -2px;
}


/* --------------------------------------
* submit button
* -------------------------------------- */

form.dm_form input.submit {
font-size: 1em;
padding: 3px 20px;
font-family: 'Calibri', 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
/* font-size-adjust: 0.52; */
font-weight: bold;
border: 1px solid #40ABC6;
background: #40ABC6;
color: #fff;
}

form.dm_form input.submit:hover,
form.dm_form input.submit:focus {
border: 1px solid #009fc7;
background: #009fc7;
cursor: pointer;  /* sorry, can't use that one in front of Opera */
}


/* --------------------------------------
* additional styles for
* input/select fields
* -------------------------------------- */

form.dm_form label.inputselect span.title {
margin: 0 0 2px 0;
display: table; /* act as inline-block */
}
* html form.dm_form label.inputselect span.title {
display: inline-block !important;
}
*+html form.dm_form label.inputselect span.title {
display: inline-block !important;
}
form.dm_form label.mandatory span.title {
font-weight: bold;
}

form.dm_form label span.title:hover,
form.dm_form label span.title:focus {
color: #40ABC6;
cursor: pointer;
}

form.dm_form label br {
margin: 0 0 2px 0;
}


/* --------------------------------------
* additional styles for
* checkboxes and radios
* -------------------------------------- */

form.dm_form label.wauto {
width: auto;
margin-right: 15px;
}
form.dm_form label.radiocheck {
margin-bottom: 10px;
}
* html form.dm_form label.radiocheck {
width: auto;
}
*+html form.dm_form label.radiocheck {
width: auto;
}
* html form.dm_form label.radiocheck.w100 {
width: 98%; /* avoid label being too short */
}
*+html form.dm_form label.radiocheck.w100 {
width: 98%; /* avoid label being too short */
}
form.dm_form label.radiocheck span.wrapper {
padding-right: 0;
}
form.dm_form label.wauto span.wrapper {
display: inline;
}
form.dm_form label.radiocheck span.title {
display: block;
margin: 0 0 0 20px;
padding: 0;
}
* html form.dm_form label.radiocheck span.title {
display: inline-block !important;
margin-left: 0;
}
*+html form.dm_form label.radiocheck span.title {
display: inline-block !important;
margin-left: 0;
}

/* --------------------------------------------------------------------------------------
* comments
* -------------------------------------------------------------------------------------- */

#comments {
border-top: 1px solid #ccc;
margin-top: 50px;
padding-top: 50px;
width: 550px;
margin-left: 170px;
}
#comments .row {
width: auto !important;
min-height: 0 !important;
}

ol.comments {
margin: 0 0 4em 0;
padding: 0;
}
ol.comments li {
border-bottom: 1px solid #ccc;
margin: 0 0 2em 0;
padding: 0 0 1em 0;
list-style-type: none;
}
ol.comments li .row {
}
ol.comments li .comment_1 {
width: 120px;
float: left;
}
ol.nogravatars li .comment_1 {
width: 30px;
}
ol.comments li a.comment_nr {
width: 20px;
display: block;
float: left;
padding-top: 0;
padding-bottom: 0;
margin: 0 5px 0 0;
overflow: hidden;
}
ol.comments li a.avatar {
background-image: none !important;
padding: 0 !important;
margin: 0 !important;
}
ol.comments li img.avatar {
border: 1px solid #ccc;
padding: 2px;
}
ol.comments li .comment_2 {
width: 480px;
float: left;
}
ol.nogravatars li .comment_2 {
width: 570px;
}
ol.comments li p.comment_author {
font-size: 1.2em;
margin: 0 0 0.5em 0;
}
ul.comments li p.comment_author .team {
color: #2FD5FE;
padding-left: 5px;
}

/* quotes */

ul.comments blockquote {
margin: 0.2em 0 1.2em 0;
padding: 0 0 0 15px;
background: none;
border-left: 10px solid #ccc;
}
ul.comments blockquote p {
width: auto !important;
font-size: 1em;
line-height: 1.6em;
color: #666;
}

h3 {
font-size: 1.3em; line-height: 1.3em; font-weight: bold;
margin: 0 0 1em 0; padding: 0;
margin-top: -10px;
color: #46565A;
}

ol.commentlist {
margin-left: 170px;
}

.commentlist {
width: 550px;
}

.image-gauche {
background-image: url("./img_grand.png");
width:484px;
height:610px;
position:absolute;
top:0;
left:0;
}

.top-right {
margin-top: -20px;
margin-left: 160px;
}


.bloc-post {
margin-top: 60px;
margin-left: 130px;
width:840px;
}

.post-accueil {
float: left;
width:395px;
height: 200px;
margin: 10px;
height: 320px;
}

.h2 {
font-size:36px;
color: #00b3d4;
margin-bottom: 15px;
font-weight:bold;
width: 395px;
}

.h2 a {
font-size:36px;
color: #00b3d4;
margin-bottom: 15px;
font-weight:bold;
width: 395px;
text-decoration: none;
}

.h2 a:hover {
font-size:36px;
color:#33CCCC;
margin-bottom: 15px;
font-weight:bold;
width: 395px;
}

.h3 a {
text-decoration:none;
}

.h3 a:hover {
color:#33CCCC;
}

.navlink-3 {
margin-left: 395px;
margin-top: 45px;
}

	.post .gallery,
	.post .wp-caption,
	.post .aligncenter,
	.post .alignleft,
	.post .alignright,
	.post .alignnone {
		background: #e6edf0 !important;
		display: block !important;
		border: 0 !important;
		padding: 5px !important;
		border: 0 !important;
	}
	.post .aligncenter {
		margin: 0 auto 5px auto !important;
	}
	.post .alignleft {
		float: left !important;
		margin: 0 15px 5px 0 !important;
	}
	.post .alignright {
		float: right !important;
		margin: 0 5px 5px 10px !important;
	}
	.post .alignnone {
		margin: 0 0 5px 0 !important;
	}
	.post .aligncenter a,
	.post .alignleft a,
	.post .alignright a,
	.post .alignnone a,
	.post .aligncenter img,
	.post .alignleft img,
	.post .alignright img,
	.post .alignnone img {
		display: block !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	/* caption */

	.post .wp-caption {
		background: #e6edf0 !important;
		margin-bottom: 1.5em !important;
		padding: 0 !important;
	}
	.post .wp-caption a,
	.post .wp-caption img {
		padding: 5px !important;
	}
	.post .wp-caption a img {
		padding: 0 !important;
	}
	.post .wp-caption p.wp-caption-text {
		font-size: 0.9em !important;
		padding: 0 5px 5px 5px !important;
		margin: 0 !important;
	}