html {margin:0; padding:0; width:100%; height:100%}
body {font-family:verdana, arial, helvetica, sans-serif; width:100%; height:100%; background-image:url(body-strip-dark.png); background-repeat:repeat-x; background-color:#292929; background-position:0 5px; overflow-x:hidden; margin:0; padding:5px 0 0 0}
ul {list-style-type:disc; padding:0; margin:0; padding-top:1em; padding-bottom:1em}
li {list-style-type:disc; padding:0; margin:0; margin-left:50px}
/* layout */
#column-right {padding-top:0; padding-bottom:0; height:1%}
#column-right a.rss {display:block; background-image:url(rss-logo.png); background-repeat:no-repeat; background-position:left; padding-right:0; padding-left:20px; margin:0 0 20px 0}
#Content {min-height:100%; margin-right:20px; margin-left:20px; margin-bottom:20px; padding-right:15px; line-height:1.3em}
#header {background-repeat:no-repeat; background-image:url(header-halo-flou-960.png); border-style:solid; border-top-width:0; border-right-width:0; border-left-width:0; border-bottom-width:1px; border-color:#004c7f; color:#ffffff; background-color:#292929; margin:0; padding:0 0 10px 0}
#header-right {float:right; width:11.5em; font-size:0.8em; color:#ffffff; font-family:verdana, arial, helvetica, sans-serif; margin:0; padding:0; padding-top:2px}
#header-left {height:80px; float:left; width:65%}
#footer {font-size:0.7em; text-align:right; background-image:url(menu-degra-normal.png); background-repeat:repeat; color:#99ccff; width:100%; margin:0; border-top-width:1px; border-right-width:0; border-bottom-width:0; border-left-width:0; border-style:solid; border-color:#002c5f; padding:0}
#inner-footer {margin:4px; padding-top:2px; padding-right:4px}
#footer a {color:#fdfdfd; text-decoration:none}
#blog a {color:#ececec; text-decoration:none}
#blog a:hover {color:#99ccff}
#go-accueil {position:absolute; width:320px; height:90px; top:0; left:0; display:block}
#manuel a {color:#ececec; text-decoration:none}
#manuel a:hover {color:#99ccff}
#manuel {font-weight:bold; font-size:1.1em; position:absolute; top:80px; left:480px; background-image:url(manuel-item.png); background-repeat:no-repeat; padding-left:48px; height:50px; padding-top:14px; width:250px}
#blog {font-weight:bold; font-size:1.1em; position:absolute; top:80px; left:610px; background-image:url(blog-item.png); background-repeat:no-repeat; padding-left:48px; height:50px; padding-top:14px; width:250px}
#header-manuel {font-weight:bold; font-size:1.5em; color:#ffffff; position:relative; left:150px}
#header-manuel a {color:#fdfdfd; text-decoration:none}
#header-manuel a:hover {color:#bdbdbd}
#contenair {width:960px; background-image:url(contentback.png); background-color:#fcfcfc; margin:0; padding:0; background-repeat:repeat}
#accueil-info {background-color:#f4f0e8}
#accueil-info p {padding:0.8em}
a {text-decoration:none; color:#598C26; font-weight:bold}
img {border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px}
a:hover {color:#396C06}
a:visited {color:#396C06}
.clair {color:#fae9c7}
#Content h3 {font-weight:bold; font-size:1.2em; margin-bottom:4px; color:#268CBF}
.copyright .fonce {color:#000000; font-size:0.8em}
.Big {font-size:3em; font-weight:bold; color:#268cbf}
.Lettrine {font-size:1.5em; font-weight:bold; color:#268cbf}
.Titre1 {font-weight:bold; font-size:1.5em; color:#268cbf}
.Titre2 {font-weight:bold; font-size:1.2em; color:#268cbf}
h2 {font-weight:bold; font-size:1.2em; color:#268CBF}
h4 {color:#268CBF; font-size:1em}
h5 {font-size:1em}
td {font-family:verdana, arial, helvetica, sans-serif; font-size:0.8em; color:#268cbf}
#clap {width:106px; height:102px; position:absolute; top:-4px; left:320px; background-image:url(badges_123.png); display:inline; overflow:hidden}
#versionshadow a {font-family:impact, tahoma, verdana; font-weight:100; font-size:1em; margin-top:-1px; margin-left:-1px; position:absolute; top:55px; left:315px; text-align:center; color:#646464; width:115px; height:50px; background-image:url(download.png); background-repeat:no-repeat; background-position:90px 5px}
#versionshadow a:hover {color:#427bd6}
#version a {font-family:impact, tahoma, verdana; font-weight:100; font-size:2.1em; top:36px; left:320px; text-align:center; color:#ececec; height:58px; background-repeat:no-repeat; background-position:-4px -6px; position:absolute; background-image:url(badges_123.png); display:block; padding-left:14px; padding-top:8px}
#version a:hover {color:#fff}
#version {background-color:#b5ce29; display:block}
#dload {padding-left:20px}
#blogshadow {font-weight:bold; font-size:1.1em; margin-top:-1px; margin-left:-1px; position:absolute; top:80px; left:440px; padding-left:48px; background-image:url(manuel-item.png); background-repeat:no-repeat; height:50px; color:#268cbf; padding-top:14px; width:250px}
#mail {position:absolute; top:72px; left:165px}
.bandeau {border-style:solid; border-color:#fff; border-width:0px 0px; line-height:11px; margin-bottom:5px}
.Menu {font-weight:bold}
.column1 {padding-top:10px; position:absolute; top:0px; left:10px; width:160px; border: 0px; color:#268cbf}
.Conteneur {width:400px; padding:10px; border: 0px; font-size:0.8em; color:#000000; background-image:url(contentback.png); background-color:#fcfcfc; background-repeat:repeat}
.Thumbnail {color:#268cbf; font-weight:bold; font-size:0.7em; padding:10px; position:relative; margin-left:auto; margin-right:auto}
.invert {color:#ffffff; background-color:#268cbf; font-weight:bold; padding:4px}
.ScrollTitle {background-image:url(contentback.png); border-style:none; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0}
.ScrollSep {border-left: 1px dashed #268cbf; float:none; font-size:0.8em; color:#000000; padding:10px}
.script {font-family:courier new, courier, mono; font-size:8pt; display:compact; width:450px; border-color:#268cbf; border-style:solid; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:5px; margin-left:15px; padding-left:15px; margin-bottom:15px}
.normal {font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#000000}
.bandeaumenu {border-style:solid; border-color:#268cbf; border-bottom-width:1px; background-color:#ffffff; border-top-width:0px; border-right-width:0px; border-left-width:0px}
.bandeauemail {border-style:solid; border-color:#268cbf; border-bottom-width:1px; background-color:#ffffff; border-top-width:0px; border-right-width:0px; border-left-width:0px; float:right}
.definition {cursor: help; border-bottom: 1px dashed #598c26}
.offre {font-size:larger; border-color:#d36777; border-style:solid; border-top:2px; border-right:2px; border-bottom:2px; border-left:2px}
.infobox {border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-color:#268cbf; border-style:solid; width:100px; float:right; text-align:center; margin:2px; padding:0px}
.infoboxtitre {font-weight:bold; background-color:#268cbf; color:#ffffff}
.alerte {font-weight:bold; color:#cc0033}
.titrebox {font-weight:bold; color:#ffffff; text-align:center; margin:0 0 2px 0}
.promobox {color:#ffffff; margin-bottom:2px; font-weight:bold}
.fondbox {background-color:#ffffff; margin-right:10px}
.center {margin-right:auto; margin-left:auto}
.resume {width:420px; border-color:#268cbf; border-style:solid; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:5px; margin-left:15px; padding-left:15px; outline-style:none; font-style:italic; margin-right:15px; padding-right:15px; color:#414141; font-size:0.9em}
.resume_link {font-style:italic}
.search-result {width:420px; margin-left:15px; padding-left:15px; outline-style:none; font-style:italic; margin-right:15px; padding-right:15px; color:#414141; font-size:0.9em}
.counter {position:absolute; z-index:255; top:-5000px; left:-5000px}
.validexhtml {font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:90%; top:-5px}
.tablecsv {border: medium solid #6495ed; border-collapse: collapse; width: 80%; font-size:small}
.tablecsv th {font-family: monospace; border: thin solid #6495ed; width: 33%; padding: 5px; background-color: #d0e3fa}
.tablecsv td {font-family: sans-serif; border: thin solid #6495ed; width: 33%; padding: 5px; text-align: center; background-color: #ffffff}
.lignepaire td {background-color:#ecf5ff}
.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; color:#000000}
.tabtable {color:#000; border-collapse:collapse; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:1px; border-color:#999999; border-style:solid}
.tabtable td {border-width:0 0 1px 0; border-color:#999999; border-style:solid; color:#000000}
.tabtable2 {color:#000; 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; font-weight:bold; background-color:#cccccc}
.tabtable2 td {border-width:0 0 1px 0; border-color:#999999; border-style:solid; color:#000000}
.no-highlight {font-weight:lighter; background-color:#fff; border-color:#999999; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px}
.glossary-letter {font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:16pt; color:#000000}
.glossary-item {font-family:verdana, arial, helvetica, sans-serif; font-size:12pt; color:#d36777; text-decoration:none}
.glossary-item:hover {color:#d36777; font-weight:bold; text-decoration:underline overline}
.glossary-letter-link {font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:12pt; text-decoration:none; color:#d36777}
.glossary-letter-link:hover {text-decoration:underline overline}
.glossary-title {font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:24pt}
.glossary-title-second {font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:18pt}
.glossary-link {font-family:verdana, arial, helvetica, sans-serif; font-size:10pt; text-decoration:none}
.glossary-link:hover {text-decoration:underline overline}
.glossary-body {font-family:verdana, arial, helvetica, sans-serif; background-color:#ffffff}
.toc-glossary-link {font-family:verdana, arial, helvetica, sans-serif; font-size:10pt; color:#000000; text-decoration:none}
.toc-glossary-link:hover {text-decoration:underline overline}
.toc-item {font-family:verdana, arial, helvetica, sans-serif; font-size:12pt; color:#d36777; text-decoration:none}
.toc-item:hover {color:#d36777; font-weight:bold; text-decoration:underline overline}
.toc-body {font-family:verdana, arial, helvetica, sans-serif; background-color:#ffffff}
.toc-link {font-family:verdana, arial, helvetica, sans-serif; font-size:10pt; text-decoration:none}
.toc-copyright {font-family:verdana, arial, helvetica, sans-serif; font-style:normal; font-size:10pt}
.img-legend {font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:0.8em; color:#268cbf; display:block; margin-right:auto; margin-left:auto; text-align:center}
#beta .img-legend {color:#393939}
.historyline {color:#268cbf; border-top-width:0; border-right-width:0; border-bottom-width:2px; border-left-width:0; border-color:#268cbf; border-style:solid; font-weight:bold; vertical-align:bottom; text-align:right; font-size:1.5em; display:block}
.submenu {font-size:0.8em; padding-top:2px; padding-bottom:2px}
.pagelink {border-top-width:2px; border-right-width:0; border-bottom-width:2px; border-left-width:0; border-color:#268cbf; border-style:solid; margin-top:4px; margin-bottom:4px; padding-top:4px; padding-bottom:4px}
.info {margin-left:20px; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:4px; border-color:#268cbf; border-style:solid; font-size:0.9em; padding-left:10px; margin-bottom:15px}
/* layout automatic */
#colleft {padding-right:5px; margin-right:5px; padding-left:5px; height:100%}
#colright {margin-left:5px; padding-right:5px; padding-left:5px; height:100%}
#wrap {height:100%; margin-bottom:0; margin-left:0; padding:0}
.end-short-topic {margin:0 0 300px 0}
#bottomfooter {font-size:80%; display:block; margin-bottom:100px}
#logo {position:absolute; height:72px; margin:0; padding:0}
.string {color:#cc3300}
.comment {color:#669933; font-weight:bold}
.mini {font-size:0.7em}
.attention {font-weight:bold; font-size:smaller; color:#cc0000}
.minibold {font-weight:bold; font-size:smaller}
.conteneur-flash {text-align:center; color:#99cc66; font-weight:bold; font-size:smaller; border-color:#99cc66; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin:10px auto; padding:10px 2px 2px 2px}
#wrap-colright {top:-50px; position:relative}
.img-right {}
.hw-shadow {margin-right:5px; margin-bottom:0.5em}
#wrap-content {}
#download {background-color:#ffa640; color:#ffffff; font-weight:bold; text-align:center}
#sifr {font-weight:bold; font-size:12pt}
.section-info {font-size:90%; margin-left:40px}
.info-size {font-size:80%; font-weight:bold; padding-left:10px; font-style:italic; color:#F80}
.valide {font-weight:bold; background-image:url(info-valide.png); background-repeat:no-repeat; padding-left:50px; background-position:0 50%; font-size:2.5em; margin-top:20px; margin-bottom:20px; margin-left:20px; color:#94AD10; line-height:2.5em}
.error {font-weight:bold; background-image:url(info-avertissement.png); background-repeat:no-repeat; padding-left:50px; background-position:0 50%; font-size:2.5em; margin-top:20px; margin-bottom:20px; margin-left:20px; line-height:2.5em; color:#df0013}
#impression {margin-top:1em; margin-bottom:0.5em}
#impression a {background-image:url(print.png); background-repeat:no-repeat; padding-left:20px}
.bigheight {padding-bottom:60%}
.votez {background-image:url(etoiles.png); background-repeat:no-repeat; height:70px; line-height:70px; font-size:1.4em; color:#73c6ef; background-color:#f4f4f4}
.Important {font-size:1.2em; color:#ef6329; font-weight:bold; margin:10px; padding:10px}
#walerte {margin:1em auto}
#promo {margin:1em auto}
#reduc {position:relative; top:10px; left:-120px}
#achat input {margin-left:25px}
#achat .euro {font-weight:bold; font-size:1.2em; color:#427bd6; margin-left:auto; margin-right:auto; text-align:center; background-image:url(05_24x24.png); background-repeat:no-repeat}
#achat option {font-weight:bold; color:#427bd6}
#achat {padding-bottom:10px}
#next-version {font-weight:bold; font-size:18pt; background-image:url(working-orange.png); background-repeat:no-repeat; padding-left:35px; text-align:center; background-position:0 4px; position:relative; top:1em; left:-1em}
#next-version a {color:#f80}
#next-version a:hover {color:#e77318}
#paypal {position:relative; top:-30px; margin-bottom:0; margin-right:auto; margin-left:auto}
h3 .delphi {color:#f30}
/* -- menu colright -- */
#sitemap-mini li {padding-left:0; margin-left:0}
/* -- entete tutorial -- */
#head-tuto {background-image:url(tutorial.png); background-repeat:no-repeat; background-position:10px bottom; padding-left:55px}
#head-tuto h2 {margin-bottom:0; font-size:1.4em; color:#174C19}
#head-tuto h3 {font-family:courier new, courier, mono; font-size:0.8em; margin-top:0; padding-top:0; color:#174C19}
/* -- Sommaire interne à la rubrique -- */
.toc-sitemap {background-color:#f0f0f0; width:95%}
.toc-sitemap h2 {margin:0; padding:5px}
.toc-sitemap li {list-style: none}
.toc-sitemap li ul {font-size:95%; font-weight: normal; margin:0; padding:0}
.toc-sitemap li ul li {padding-left: 16px; background:url(bullet.png) no-repeat 0 4px}
.toc-sitemap li ul li ul li {padding-left: 16px; background:url(minipage.png) no-repeat 0 4px}
div.toc-sitemap ul {margin-top:0; margin-bottom:5px; margin-left:5px; padding:0 0 0 5px}
/* -- Navigation -- */
#nav-hori {float: left; width: 100%; margin: 0; padding: 0; list-style: none; background-color:#002d5e; border-color:#000c3f; border-top:1px; border-right:0; border-bottom:1px; border-left:0; border-style:solid; background-repeat:repeat-x; margin-bottom:20px; background-image:url(menu-degra-normal.png); margin-top:-4px}
#nav-hori li {float: left; margin: 0; list-style-type:none}
#nav-hori a {float: left; display: block; padding: 6px 10px 6px 10px; text-decoration: none; font-size: 90%; color:#dfdfdf; font-weight:bold; z-index:100}
#nav-hori #nav-hori-actif {float: left; display: block; padding: 6px 10px 6px 10px; text-decoration: none; font-weight: bold; font-size: 90%; color:#ffffff; background-image:url(menu-degra-actif.png); background-repeat:repeat-x; border-top-width:0; border-right-width:1px; border-bottom-width:0; border-left-width:1px; border-color:#55779f; border-style:solid}
#nav-hori-actif-a {color:#ffffff; background-image:url(menu-degra-actif.png); background-repeat:repeat-x; border-top-width:0; border-right-width:1px; border-bottom-width:0; border-left-width:1px; border-color:#55779f; border-style:solid}
#nav-hori a:hover {color:#99ccff; background-image:url(menu-degra-hover.png); background-repeat:repeat-x}
#last-tuto {margin: 0; padding: 0; list-style: none}
#last-tuto li {display: inline; padding: 0; margin: 0; list-style-type:none}
#last-tuto li a {display: block; padding: 4px 10px; text-decoration: none; border-bottom: 1px solid #99cc66; background-color:#ffffff; color:#598C26}
#last-tuto li a:hover {border-right:4px solid #99cc66; font-weight:bold; color:#fff; background-color:#99cc66}
#nav-last-tuto {font-size:0.7em; clear:both; margin-top:0; font-family:courier new, courier, mono}
#nav-last-tuto h4 {margin-bottom:0; text-align:center; font-size:small; margin-top:0; padding-bottom:5px; background-color:#99cc66; color:#ffffff; vertical-align:middle; padding-top:5px; border-bottom:2px solid #b9ec86; background-image:url(bar-degra-menu.png)}
#sub-menu {margin: 0; padding: 0; list-style: none; text-align:left}
#sub-menu li {padding: 0; margin: 0; display:inline}
#sub-menu li a {text-decoration: none; border-bottom: 1px solid #99cc66; background-color:#ffffff; display:block; padding:4px 10px; color:#598C26}
#sub-menu li a:hover {border-right:4px solid #99cc66; font-weight:bold; display:block; padding:4px 10px; color:#fff; background-color:#99cc66}
#nav-sub-menu {font-size:0.9em; margin-top:0; font-family:courier new, courier, mono; display:block; clear:both}
#nav-sub-menu h4 {margin-bottom:0; text-align:center; font-size:1.1em; margin-top:0; background-color:#99cc66; color:#ffffff; vertical-align:middle; border-bottom:2px solid #b9ec86; padding-top:5px; padding-bottom:5px; background-image:url(bar-degra-menu.png); background-repeat:repeat-x; font-weight:bold}
#sitemap {font-size: 140%; font-weight: bold; clear:left; margin-bottom:10px}
#sitemap li {list-style: none}
#sitemap li ul {font-size: 90%; font-weight: normal}
#sitemap li ul li ul li {padding-left: 16px; background: url(bullet.png) no-repeat 0 50%}
.tablemap {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; color:#000000}
.highlight-cell-map {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}
.tablemap td {border-top-width:0; border-right-width:0; border-bottom-width:1px; border-left-width:0; border-color:#999999; border-style:solid; color:#000000; padding:2px}
.auto-margin {margin-right:auto; margin-left:auto; text-align:center}
#sitemap-mini {display:block; margin-bottom:10px; margin-right:10px; margin-left:0; padding:5px}
#sitemap-mini ul {font-size:90%; font-weight: bold; margin:5px 0 0 0; padding:0}
#sitemap-mini ul li {list-style: none}
#sitemap-mini ul li ul {font-size: 90%; font-weight: normal; margin-top:0; margin-bottom:0; padding-left:10px}
#sitemap-mini ul li ul li {padding-left: 16px; background: url(bullet.png) no-repeat 0 50%}
#sitemap-mini ul li ul li ul {margin:0; padding:0}
#minimap li a {text-decoration: none; color:#598C26}
#minimap li a:hover {color:#396C06}
#minimap li {padding-left: 16px; background: url(bullet.png) no-repeat 0 50%; list-style:none}
#sous-titre {font-size:2em; color:#fff; font-weight:bold; text-align:center; position:absolute; margin-top:0; margin-bottom:0; left:20px; top:80px}
ol .numeric {list-style-type:circle}
/* -- chercher -- */
#search #d {background: #fff url(24-zoom-right.png) no-repeat 2% 50%; padding: 4px 4px 4px 30px; border: 1px solid #858f9e; color:#dfdfdf; font-size:1.2em; width:7em; background-color:#00003b; border-color:#20205b; font-weight:bold; padding-top:5px; margin-bottom:5px}
#search form {margin:0; padding:0}
#search p {margin:0; padding:0}
.searchdate {font-weight:bold; font-size:x-small}
#search label {font-weight:bold; color:#ffffff; margin:0; padding:0}
#search {color:#c6c4c5; position:relative; margin:0; padding:0; font-size:1em; padding-top:5px}
.searchbutton {border:1px solid #e6e4e5; color:#ffffff; background-color:#57b; font-size:1em; cursor:pointer; padding:2px; border-color:#15377b; display:none}
a.external {padding-right: 16px; background: url(external.gif) right center no-repeat}
a.external-white {padding-right: 16px; background:url(white-external.png) right center no-repeat}
a.mailto {padding-right: 16px; background: url(mailto.gif) right center no-repeat}
.conteneur-fig img {background-color:#fff; border:1px solid #ececec; margin:4px 4px 4px 4px; padding:4px; vertical-align:bottom}
.conteneur-fig {display:block; margin:10px auto 30px auto; padding:0; text-align:center}
#beta .conteneur-fig {color:#808285; display:block; margin:10px auto 50px auto; padding:0}
#beta .conteneur-fig img {background-color:#fff; border:1px solid #eeeeee; margin:4px 4px 4px 4px; padding:4px; vertical-align:bottom}
.anim-legend {font-weight:bold; font-size:70%; color:#000000; background-color:#ececec; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:#999999; border-style:solid; text-align:center; margin-top:0; display:block; width:100%; margin-left:4px; margin-right:4px; padding:4px}
/* -- 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; font-style:oblique; margin-right:0; text-align:left; padding:20px 5px 20px 60px}
.info-alerte {background-color:#FFC840; background-image:url(info-alerte.png); background-repeat:no-repeat; background-position:5px 5px; margin-right:0; text-align:left; padding:20px 5px 20px 60px}
#outbeta {background-color:#808080}
#outpromo {background-color:#808080}
#beta {background-color:#808080; background-image:url(info-beta.png); background-repeat:no-repeat; background-position:5px 5px; text-align:left; margin-right:0; padding:20px 5px 20px 60px; width:80%; margin:10px auto}
#beta .info-alerte {background-image:url(download.png); background-repeat:no-repeat; background-position:10px 5px; padding-left:50px}
#promo-50 {background-color:#808080; background-image:url(promo.png); background-repeat:no-repeat; background-position:5px 50%; text-align:left; margin-right:0; padding:20px 5px 20px 120px; margin:10px auto; height:100px; font-weight:bold; font-size:x-large; line-height:1.2em; color:#fff}
.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; margin-right:0; padding:20px 5px 20px 60px}
.info-info {border-color:#427BD6; border-style:none; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; 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; margin-right:0; padding:20px 5px 20px 60px}
.info-beta {background-color:#808080; background-image:url(info-beta.png); background-repeat:no-repeat; background-position:5px 5px; text-align:left; font-style:oblique; margin-right:0; padding:20px 5px 20px 60px}
.info-promo {background-color:#757575; background-image:url(deux_pour_un.png); background-repeat:no-repeat; background-position:5px 50%; text-align:left; margin-right:0; padding:20px 5px 20px 120px; font-weight:bold; font-size:1.2em; color:#fff}
.info-votez {background-image:url(e2007.png); background-repeat:no-repeat; background-position:5px 5px; text-align:left; margin-right:0; padding:20px 5px 20px 60px; font-size:1.2em}
.info-note p {z-index:2}
.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-beta p {z-index:2; width:95%}
.info-votez p {z-index:2; width:95%}
.info-avertissement p {z-index:2; width:95%}
.info-note-num {text-align:right; font-weight:bold; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#D5D5D5; font-size:250%; font-style:normal; z-index:1}
.info-astuce-num {text-align:right; font-weight:bold; position:relative; right:2px; line-height:0em; bottom:0; color:#82BBFF; font-size:250%; font-style:normal; z-index:1; width:95%; margin:0; padding:0}
.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; width:95%}
.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; width:95%}
.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; width:95%}
.info-beta-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#A0A0A0; font-size:250%; font-style:normal; z-index:1; width:95%}
.info-votez-num {text-align:right; font-weight:bold; display:none; position:relative; right:2px; line-height:0em; bottom:0; margin-top:10px; color:#A0A0A0; font-size:250%; font-style:normal; z-index:1; width:95%}
.info-note a {color:#fff; font-weight:bold}
.info-astuce a {color:#fff; font-weight:bold}
.info-alerte a {color:#fff; font-weight:bold}
.info-valide a {color:#fff; font-weight:bold}
.info-info a {color:#fff; font-weight:bold}
.info-beta a {color:#fff; font-weight:bold}
#beta a {color:#fff; font-weight:bold}
.info-votez a {font-weight:bold; background-image:url(new_star.png); background-repeat:no-repeat; padding-left:20px; background-position:0 50%; color:#fff}
.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-beta a:hover {font-weight:bold; color:#292929}
.info-votez a:hover {font-weight:bold; color:#292929}
.info-link {text-align:right}
#vote {width:80%; margin:10px auto}
#vote h3 {font-size:1em; color:#202020; text-align:center; margin:0 0 20px 0}
.wrap-highlight {margin:10px auto}
.wrap-infobox {margin:20px auto 10px auto}
.rss {background-image:url(rss-logo.png); background-repeat:no-repeat; background-position:right; padding-right:20px}
.beta {background-image:url(info-beta.png); background-repeat:no-repeat; padding-left:50px; height:50px; padding-top:15px}
#partenaire {background-color:#f4f0e8}
#partenaire h3 {color:#f30; padding-left:8px; padding-top:0; font-size:1.5em}
#partenaire p {padding-left:8px; padding-right:8px}
/* -- Contact -- */
.field {display:block; font-weight:bold}
#email {background-image:url(email_edit.png); background-repeat:no-repeat; background-position:4px center; padding-left:25px; border-color:#999999; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin-top:4px; font-weight:lighter}
#subject {background-image:url(folder_page.png); background-repeat:no-repeat; background-position:4px center; padding-left:25px; border-color:#999999; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin-top:4px; font-weight:lighter}
#msg_body {border-color:#999999; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin-top:4px; font-weight:lighter}
#contact {width:500px; margin:30px auto}
#send {width:460px; font-weight:bold; font-size:1.2em}
/* -- Notes de bas de page -- */
#NotesPage {font-size:0.8em; padding:10px; background-color:#f4f4f4; color:#202020; border-top-width:2px; border-right-width:0; border-bottom-width:0; border-left-width:0; border-color:#808080; border-style:solid}
/* -- menu billets blog -- */
.vmenu-select-arrow {list-style: none; background-color:#292929; margin:0; font-size:0.8em; padding:5px 0 0 0; margin-top: 0}
.vmenu-select-arrow li {padding:0; border-bottom:1px none #646464; margin:0; margin-bottom:2px}
.vmenu-select-arrow li a {display:block; height:18px; padding-left:12px}
.vmenu-select-arrow li a:visited {}
.vmenu-select-arrow li a:hover {font-weight:bold; border-color:#646464; border-style:none; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:6px; padding-left:12px; color:#fff; background-image:url(hover-select-item.png); background-repeat:no-repeat; background-position:0 50%}
/* -- menu bas -- */
#menu-blog-tuto-tag {font-size:1.2em; background-color:#292929; display:block; margin:0; padding:0 0 0 0}
#menu-blog-tuto-tag h3 {height:25px; text-align:center; color:#fff; padding-left:6px; padding-top:3px; border-top-width:2px; border-right-width:0; border-bottom-width:2px; border-left-width:0; border-color:#444; border-style:solid; margin:0; background-color:#292929; padding-bottom:3px; border-bottom-color:#202020; border-top-color:#404245}
#menu-blog-tuto-tag h2 {background-color:#646464; text-align:left; color:#fff; padding-left:6px; padding-top:0; border-top-width:1px; border-right-width:0; border-bottom-width:1px; border-left-width:0; border-color:#444; border-style:solid; margin:0}
#menu-blog-tuto-tag .definition {border-bottom: 0px; cursor:pointer}
#menu-blog-tuto-tag a {text-decoration:none; color:#646464; font-weight:100}
#menu-blog-tuto-tag a:visited {color:#808285}
#menu-blog-tuto-tag a:hover {font-weight:bold; color:#fff}
#last-blog {width:50%; float:left; padding:0 0 5px 0}
#last-blog ul {border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:1px; border-style:solid; border-color:#444; padding:0.9em 0 1.8em 0; list-style-type:none; margin-top:0; padding-top:0; padding-bottom:1.4em; line-height:1.2em; margin-bottom:0.2em}
#last-blog li {list-style-type:none; padding-bottom:0.2em; border-top-width:1px; border-right-width:0; border-bottom-width:1px; border-left-width:0; border-style:solid; padding-left:0.8em; border-top-color:#404245; border-bottom-color:#202020; margin-top:0; margin-bottom:0; padding-top:0.2em}
#last-10-tuto li {list-style-type:none; border-style:solid; border-top-width:1px; border-right-width:0; border-bottom-width:1px; border-left-width:0; padding-bottom:0.2em; padding-left:0.8em; margin-bottom:0; margin-top:0; border-top-color:#404245; border-bottom-color:#202020; padding-top:0.2em}
#last-10-tuto {width:50%; float:left; padding:0 0 5px 0}
#last-10-tuto ul {border-top-width:0; border-right-width:1px; border-bottom-width:0; border-left-width:0px; border-style:solid; border-color:#444; padding:0.9em 0 1.8em 0; list-style-type:none; margin-top:0; padding-top:0; margin-bottom:0.2em; padding-bottom:1.4em; line-height:1.2em}
#blog-tuto {border-top-width:0; border-right-width:1px; border-bottom-width:0; border-left-width:1px; border-style:none; border-color:#444; margin:0 0 20px 0; padding:0; width:100%}
#hwtagcloud {border-color:#646464; border-style:solid; border-top-width:0; border-right-width:1px; border-bottom-width:0; border-left-width:1px; padding:0 0 10px 0}
#hwtagcloud a {padding-left:5px}
/* -- nuage de tags -- */
.tag-cloud {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
#nuage {}
/* End hide from IE-mac */
#crumbs {border:1px solid #dedede; height:2.3em; background-color:#fff; padding-top:0; padding-bottom:0}
#crumbs li {float:left; line-height:2.3em; padding-left:.75em; color:#777; margin-left:0; list-style-type:none}
#crumbs li a {display:block; padding:0 15px 0 0; background:url(crumbs.gif) no-repeat right center}
#crumbs li a:link {text-decoration:none; color:#777}
#crumbs li a:visited {text-decoration:none; color:#777}
#crumbs li a:hover {color:#dd2c0d}
#crumbs li a:focus {color:#dd2c0d}
.check {list-style-image:url(16-square-green-check.png)}
.shakeimage {position:relative}