/* -- balises HTML -- */
body {color: #000; font-size:90%; line-height: 1.6em; font-family: verdana, geneva, arial, helvetica, sans-serif; margin: 0; padding: 0; text-align: center; background-image:url(body-background-transparent.png); background-repeat:repeat-x; background-color:#eee}
h1 {font-family: "trebuchet ms", sans-serif; font-size: 1.5em}
h2 {font-family: "trebuchet ms", sans-serif; font-size: 1.5em}
h3 {font-family: "trebuchet ms", sans-serif; font-size: 1.2em}
h4 {font-family: "trebuchet ms", sans-serif; font-size: 1.1em}
h5 {font-family: "trebuchet ms", sans-serif; font-size: 1em}
h6 {font-family: "trebuchet ms", sans-serif; font-size: 1em}
pre {font-size: 1.2em; width: 100%; overflow: auto; border: 1px solid #ccc}
code {font-size: 1.2em}
fieldset {border: none}
label {cursor: pointer}
.field label {display: block}
input {border: 1px solid #999}
textarea {border: 1px solid #999; width: 100%; font-size: 1em; font-family: verdana, geneva, arial, helvetica, sans-serif}
a {color:#427BD6; text-decoration:none; font-weight:bold}
a:visited {color:#001B76; text-decoration:none}
a:hover {color:#73C6EF; text-decoration:none}
a.external {padding-right: 16px; background: url(external.gif) right center no-repeat}
a.mailto {padding-right: 16px; background: url(mailto.gif) right center no-repeat}
.left {float: left; margin-right: 1em}
.right {float: right; margin-left: 1em}
.clear {clear:both; overflow:hidden; _height:1%}
.print {background-image:url(print.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; display:block; font-family:courier new, courier, mono; font-weight:bold; font-size:0.9em; margin-top:15px; margin-bottom:15px}
.edit {background-image:url(tick.png); background-repeat:no-repeat; background-position:left center; padding-left:20px; display:block; font-family:courier new, courier, mono; font-weight:bold; font-size:0.9em; margin-top:15px; margin-bottom:15px; color:#94ad10; font-style:italic}
.rss {background-image:url(rss.png); background-repeat:no-repeat; background-position:right; padding-right:20px}
.correction {font-weight:bold; color:#f30}
.gcomment {background-image:url(gcomment.png); background-repeat:no-repeat; background-position:left center; padding-left:25px}
.pdf-toc-page {text-align:right}
.download {background-image:url(down_alt.png); background-repeat:no-repeat; padding-left:32px; font-size:1.2em; padding-top:0.4em; padding-bottom:0.4em; color:#ef6329}
.download:hover {color:#cf4309}
/* -- La page  -- */
#page {color: inherit; width: 780px; margin: 4em auto; text-align: left; background-repeat:repeat-y; background-position:center top; background-image:url(page-transparent.png)}
/* -- L'entête -- */
#top {margin: 0; background-image:url(dc-top-hw-halo2.png); color:#ffffff; background-repeat:no-repeat; background-position:top; padding:0}
#top-head h1 {color: #ffffff; font-size:2.5em; float:left; line-height:2.5em; display:none; margin:0; padding:40px 0 0 40px}
#top-head h1 a {text-decoration: none; color: #ffffff}
/* hack pour "clear" après des flottants */
#top-head {overflow:hidden; _height:1%; height:110px}
/* -- recherche -- */
#search {background: transparent; color: inherit; float:right; padding-right:40px; padding-top:40px; margin:0}
#search h2 {color:#ffffff; margin: 0 0 1ex 0}
#search fieldset {margin: 0; padding: 0}
#search p {margin: 0; padding: 0}
#q {padding-left: 18px; background-color:#ffffff; background-image:url(q.png); background-repeat:no-repeat; background-position:4px center}
/* -- Le prélude -- */
#prelude {background: transparent; color: #dfdfdf; text-align: center; position: absolute; width: 780px; top: 7px; left: 50%; margin: 0 0 0 -390px; padding: 0 1ex}
#prelude a {color: #dfdfdf; background: transparent}
#prelude a:hover {color: #666; background: transparent}
/* -- Le contenu -- */
.day-date {padding-left: 20px; margin-left: -25px; color:#003769; font-style: italic; background-color:transparent; background-image:url(day-date.png); background-repeat:no-repeat; background-position:left center; margin-bottom:5px}
.categorie {background-image:url(categorie.png); background-repeat:no-repeat; background-position:left center; padding-left:20px}
.post-title {color:#268CBF; margin-bottom:20px; font-size:1.5em}
.post-title a {color:#268CBF; text-decoration: none}
.post-title a:visited {color:#268CBF}
.post-title a:hover {color:#268CBF}
.post-info {margin-top: 0; color:#268CBF; background: transparent; padding-bottom: 1ex}
.post-info a {color:#268CBF; background: transparent; text-decoration: none}
.post-content {text-align: justify}
.post-content blockquote {font-family: georgia, serif; font-style: italic}
.post-info-co {text-align: right}
.post-tags {list-style: none; display: block; margin: 0 0 0.8em 0; padding: 0; background-image:url(key.png); background-repeat:no-repeat; padding-left:20px; font-family:courier new, courier, mono; font-size:0.9em; margin-left:5px}
.post-tags li {display: inline; margin: 0 0.2em 0 0; padding: 0 0 0 0}
#info {border: 1px solid #B0B0B0; margin: 1em 0; padding: 1ex 1em; font-size:small; background-color:#F0F0F0}
#prev-next {position:relative; bottom:0; display:block; list-style-type:none; margin:0; padding: 6px 20px 6px 10px}
#prev-next li {display:inline}
.post-prev {float:left; background-image:url(prev-post.png); background-repeat:no-repeat; background-position:left center; padding-left:16px}
.post-next {float:right; background-image:url(next-post.png); background-repeat:no-repeat; background-position:right center; padding-right:16px}
.page-prev {background-image:url(prev-post.png); background-repeat:no-repeat; background-position:left center; padding-left:16px}
.page-next {background-image:url(next-post.png); background-repeat:no-repeat; background-position:right center; padding-right:16px}
#trackbacks blockquote {border: 1px solid #eee; margin: 1em 0; padding: 1ex 1em}
#comments blockquote {border: 1px solid #eee; margin: 1em 0; padding: 1ex 1em}
.code-source {margin: 1em 0; padding: 1ex 1em; background-color:#F0F0F0; font-size:80%; font-family:courier new, courier, mono; text-align:left; height:200px; overflow:auto; whitespace:pre; width:475px; border-color:#B0B0B0; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px}
.code-css {margin: 1em 0; padding: 1ex 1em; font-size:small; font-family:courier new, courier, mono; text-align:left; border-color:#B0B0B0; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; background-color:#F0F0F0}
/* -- La barre de navigation -- */
#sidebar {float: right; width: 240px; padding-bottom: 4em}
#sidebar div {color: inherit; margin: 0 30px 0 0; padding: 1ex 1em}
#sidebar div ul {margin: 0; padding: 0; list-style: none; margin-left:8px; font-weight:bold}
#selected h2 {background-image:url(star.png); background-repeat:no-repeat; background-position:left center; padding-left:20px}
#links h2 {background-image:url(link.png); background-repeat:no-repeat; background-position:left center; padding-left:20px}
#sidebar h2 {color: #9ed200; margin: 0 0 1ex 0}
#sidebar h3 {color: #9ed200; margin: 0; font-size: 1em}
/* -- navigation accueil archives -- */
#topnav {margin: 0; background-color:#003769; border-top-width:1px; border-right-width:0; border-bottom-width:1px; border-left-width:0; border-color:#000000; border-style:solid; display:block; list-style-type:none; margin-right:30px; margin-left:30px; font-weight:bold; padding:5px}
#topnav li {margin: 0; padding: 6px 20px 6px 10px; display:inline}
#topnav a {display:inline; text-decoration: none; color:#427BD6}
#topnav #top-nav-actif {text-decoration: none; color:#ffffff; background:#002d5e}
#topnav a:hover {color:#73C6EF}
/* -- mots clefs -- */
/*  ne pas utiliser un #tags car ça fait planter l'impression sous IE */
#keyword {list-style: none; display: block}
#keyword h2 {background-image:url(key.png); background-repeat:no-repeat; background-position:left center; padding-left:20px}
ul.keyword {list-style: none; display: block; padding: 0}
#keyword li {display: inline; margin: 0 0.2em 0 0; padding: 0}
ul.keyword li {display: inline; margin: 0 0.2em 0 0; padding: 0}
/* -- Le pied de page -- */
#footer {padding: 1ex 1em 1ex 1em; border-top: 1px solid #ccc; background: #eee; color: #666; clear: both; display:block}
#footer a {font-weight:bold; color:#666}
#footer a:hover {color:#001B76}
#footer a:visited {color:#73C6EF}
/* -- Layout -- */
html {margin: 0; padding: 0; text-align: center}
#wrap {margin-top:10px; background-image:url(diag_raw.png); background-repeat:repeat-y; background-position:493px 0px}
#main {float: left; width: 520px}
#content {margin: 0 0 0 30px; padding: 1em 0 0 0; background-color:#fff}
.post {margin-bottom: 4em}
/* -- archives -- */
#archives {font-size: 140%; font-weight: bold}
#archives li {list-style: none}
#archives li ul {font-size: 90%; font-weight: normal}
#archives li ul li ul li {padding-left: 16px; background: url(bullet.png) no-repeat 0 50%}
img {border:0px}
.conteneur-fig {width:100%; text-align:center; color:#808285; margin:15px auto 40px auto; padding:0}
.conteneur-fig img {background-color:#fff; border:1px solid #ececec; margin:4px 4px 4px 4px; padding:4px; vertical-align:bottom}
.img-legend {font-weight:bold; font-size:0.7em; color:#000000; display:block; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; text-align:center; width:100%; padding:4px; font-family:georgia, times new roman, times, serif; margin:0 4px 4px 4px}
/* -- coloration syntaxique -- */
.KEYWORD {font-weight:bold; padding-right:4px; padding-left:4px}
.STRING {color:#cc3333}
.NUMBER {color:#6699cc}
.COMMENT {color:#669933}
/* -- Contact -- */
.field {display:block}
#email {background-image:url(email_edit.png); background-repeat:no-repeat; background-position:4px center; padding-left:25px}
#subject {background-image:url(folder_page.png); background-repeat:no-repeat; background-position:4px center; padding-left:25px}
/* -- boîtes d'informations -- */
.info-note {border-color:#959595; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; background-color:#D5D5D5; background-image:url(info-note.png); background-repeat:no-repeat; background-position:5px 5px; text-align:justify; font-style:oblique; width:80%; margin:10px auto; padding:20px 5px 20px 60px}
.info-astuce {background-color:#82BBFF; background-image:url(info-astuce.png); background-repeat:no-repeat; background-position:5px 5px; margin:10px; font-style:oblique; text-align:justify; width:80%; padding:20px 5px 20px 60px}
.info-alerte {background-color:#FFC840; background-image:url(info-alerte.png); background-repeat:no-repeat; background-position:5px 5px; text-align:justify; font-style:oblique; width:80%; margin:10px auto; padding:20px 5px 20px 60px}
.info-valide {background-color:#D4ED50; background-image:url(info-valide.png); background-repeat:no-repeat; background-position:5px 5px; font-style:oblique; text-align:justify; width:80%; margin:10px auto; padding:20px 5px 20px 60px}
.info-info {background-color:#82BBFF; background-image:url(info-info.png); background-repeat:no-repeat; background-position:5px 5px; font-style:oblique; text-align:justify; width:80%; margin:10px auto; padding:20px 5px 20px 60px}
.info-avertissement {background-color:#FF7340; background-image:url(info-avertissement.png); background-repeat:no-repeat; background-position:5px 5px; text-align:justify; font-style:oblique; width:80%; margin:10px auto; padding:20px 5px 20px 60px}
.info-note p {z-index:2; width:95%}
.info-astuce p {z-index:2; width:95%}
.info-alerte p {z-index:2; width:95%}
.info-valide p {z-index:2; width:95%}
.info-info p {z-index:2; width:95%}
.info-avertissement p {z-index:2; width:95%}
.info-note-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#F5F5F5; font-size:250%; font-style:normal; z-index:1}
.info-astuce-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#A2DBFF; background-color:#427BD6; font-size:250%; font-style:normal; z-index:1}
.info-alerte-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#FFE860; font-size:250%; font-style:normal; z-index:1}
.info-valide-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#F4FF70; font-size:250%; font-style:normal; z-index:1}
.info-info-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; color:#A2DBFF; font-size:250%; font-style:normal; z-index:1; margin-top:10px}
.info-avertissement-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#FF9360; font-size:250%; font-style:normal; z-index:1}
.info-note a {color:#fff; font-weight:bold}
.info-astuce a {color:#fff; font-weight:bold; text-align:left}
.info-alerte a {color:#fff; font-weight:bold}
.info-valide a {color:#546d00; font-weight:bold; text-decoration:underline}
.info-info a {color:#fff; font-weight:bold}
.info-avertissement a {color:#fff; font-weight:bold}
.info-note a:hover {font-weight:bold; color:#ffffff}
.info-astuce a:hover {font-weight:bold; color:#ffffff}
.info-alerte a:hover {font-weight:bold; color:#ffffff}
.info-valide a:hover {font-weight:bold; color:#ffffff}
.info-info a:hover {font-weight:bold; color:#ffffff}
.info-avertissement a:hover {font-weight:bold; color:#ffffff}
.info-link {text-align:right}
/* -- paragraphes -- */
.item-general {background-image:url(asterisk_orange.png); background-repeat:no-repeat; padding-left:20px; margin-left:20px}
.style1 {font-weight:bold}
table {border-collapse:collapse; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#999999; border-style:solid}
.highlight-cell {font-weight:bold; background-color:#cccccc; border-top-width:0; border-right-width:1px; border-bottom-width:1px; border-left-width:0; border-color:#999999; border-style:solid}
td {border-top-width:0; border-right-width:0; border-bottom-width:1px; border-left-width:0; border-color:#999999; border-style:solid; padding:2px}
.PuceLegende {font-size:1.3em; background-color:#ececec; color:#df1300; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#f0f0f0; border-style:solid; width:80%; font-weight:bold; padding-left:2em; margin-left:auto; margin-right:auto; font-family:georgia, times new roman, times, serif; font-style:italic; padding-top:1em; padding-bottom:1em; position:relative; top:-2em}
.Item-PuceLegende {color:#202225; font-style:normal; font-size:80%}
.tres-important {font-weight:bold; text-decoration:underline}