@CHARSET "UTF-8";

/*******************************************************************************

http://www.cssdrive.com/index.php/main/csscompressor/

FAIRE ATTENTION au content:" "

*******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, button, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { font-size: 0.625em; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; color: #000; }
del { text-decoration: line-through; color: #000; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
------------------------------------------------------------------------------*/
.c12 { margin-left: auto; margin-right: auto; width: 960px; }

/* Grid >> Global
------------------------------------------------------------------------------*/
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 { display:inline; float: left; margin-left: 10px; margin-right: 10px; }
.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8,.d9,.d10,.d11,.d12 { display:inline; float: right; margin-left: 10px; margin-right: 10px; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 12 Columns
------------------------------------------------------------------------------*/
.c12 .g1, .c12 .d1 { width:60px; }
.c12 .g2, .c12 .d2 { width:140px; }
.c12 .g3, .c12 .d3 { width:220px; }
.c12 .g4, .c12 .d4 { width:300px; }
.c12 .g5, .c12 .d5 { width:380px; }
.c12 .g6, .c12 .d6 { width:460px; }
.c12 .g7, .c12 .d7 { width:540px; }
.c12 .g8, .c12 .d8 { width:620px; }
.c12 .g9, .c12 .d9 { width:700px; }
.c12 .g10, .c12 .d10 { width:780px; }
.c12 .g11, .c12 .d11 { width:860px; }
.c12 .g12, .c12 .d12 { width:940px; }

/* Prefix Extra Space >> 12 Columns
------------------------------------------------------------------------------*/
.c12 .p1 { padding-left:80px; }
.c12 .p2 { padding-left:160px; }
.c12 .p3 { padding-left:240px; }
.c12 .p4 { padding-left:320px; }
.c12 .p5 { padding-left:400px; }
.c12 .p6 { padding-left:480px; }
.c12 .p7 { padding-left:560px; }
.c12 .p8 { padding-left:640px; }
.c12 .p9 { padding-left:720px; }
.c12 .p10 { padding-left:800px; }
.c12 .p11 { padding-left:880px; }

/* Suffix Extra Space >> 12 Columns
------------------------------------------------------------------------------*/
.c12 .s1 { padding-right:80px; }
.c12 .s2 { padding-right:160px; }
.c12 .s3 { padding-right:240px; }
.c12 .s4 { padding-right:320px; }
.c12 .s5 { padding-right:400px; }
.c12 .s6 { padding-right:480px; }
.c12 .s7 { padding-right:560px; }
.c12 .s8 { padding-right:640px; }
.c12 .s9 { padding-right:720px; }
.c12 .s10 { padding-right:800px; }
.c12 .s11 { padding-right:880px; }

/* box Classes
------------------------------------------------------------------------------*/
.box {
    display:block;
    padding:1px 1.6em;
    background-color: #F9F7EC; /*#f4f1e8;/**/
    border:1px solid #ece8dc;
}

/* tableau Classes
------------------------------------------------------------------------------*/
.tableau {
    display:table;
}
.tableau>* {
    display:table-row;
}
.tableau>*>* {
    display: table-cell;
    padding-right:2em;
}


/* Clear Floated Elements
------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display:-moz-inline-box; display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

    /* Set the default font size */
html>body { font-size: 10px; }

    /* Set default size for block content */
p,ul,ol,dl,pre,address,form,fieldset,blockquote,table {
    font-size: 1em; line-height: 1.6em; margin-top:1.6em; margin-bottom:1.6em;
}

    /* Set the default list comportement */
ul,ol,dl { margin-left: 1.6em; }
ul ul, ul ol, ul dl { margin-top: 0; margin-bottom: 0; }
ol ul, ol ol, ol dl { margin-top: 0; margin-bottom: 0; }
dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0; }

    /* Set the hr content */
hr { margin: 3.2em 0 3.1em 0; background-color: #999; height:0.1em; }

    /* Set the table text size */
th, td, caption { font-size: 1em; line-height: 1.6em; }

    /* Set the default form comportement */
fieldset { padding: 0.2em 1.6em; }

input[type="text"], input[type="password"] { height: 1.6em; }

input, select, button, textarea { font-size:1em; }

input, select, textarea { line-height: 1.6em; padding:0 0.5em; margin: 0.8em 0; background: transparent; border:0; }

select { padding-right:0; }

input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"] { background: #ddd; }

input[type="checkbox"], input[type="radio"] { margin: 0.8em 0.5em; }

textarea, select, input {  vertical-align:middle; }
label, button,
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"] { cursor: pointer; }

    /* The proportionnal different size of text and titling */
    /*
        How to for 28px final-size :

        base-size         = 10px;
        base-line-height  = 16px;
        final-line-height = (base-line-height * x) > final-size

        font-size   = final-size        / base-size  (28px / 10px) = 2.8em
        line-height = final-line-height / final-size (32px / 28px) = 1.1429em
        margin      = base-line-height  / final-size (16px / 28px) = 1.1429em
    */
.t28     { font-size: 2.8em; line-height: 1.1429em; margin-top: 0.5714em; margin-bottom: 0.5714em; }
.t26     { font-size: 2.6em; line-height: 1.2308em; margin-top: 0.6154em; margin-bottom: 0.6154em; }
.t24     { font-size: 2.4em; line-height: 1.3333em; margin-top: 0.6667em; margin-bottom: 0.6667em; }
.t22     { font-size: 2.2em; line-height: 1.4545em; margin-top: 0.7273em; margin-bottom: 0.7273em; }
.t20, h1 { font-size: 2em; line-height: 1.6em; margin-top: 0.8em; margin-bottom: 0.8em; }
.t18, h2 { font-size: 1.8em; line-height: 1.7778em; margin-top: 0.8889em; margin-bottom: 0.8889em; }
.t16, h3 { font-size: 1.6em; line-height: 1.0000em; margin-top: 1em; margin-bottom: 1em; }
.t14     { font-size: 1.4em; line-height: 1.1429em; margin-top: 1.1429em; margin-bottom: 1.1429em; }
.t12, h4 { font-size: 1.2em; line-height: 1.3333em; margin-top: 1.3333em; margin-bottom: 1.3333em; }
.t11, h5 { font-size: 1.1em; line-height: 1.4545em; margin-top: 1.4545em; margin-bottom: 1.4545em; }
.t10, h6 { font-size: 1em; line-height: 1.6em; margin-top: 1.6em; margin-bottom: 1.6em; }

    /* Set the default text Style */
body, input, button, select, textarea { font-family: Helvetica, Tahoma, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
    font-family: Baskerville, Palatino, 'Palatino Linotype', Georgia, 'Time New Roman', serif;
    text-transform: capitalize; font-variant: small-caps;
    font-weight: normal;
}
h6 { font-weight: bold;  }

pre, code { font-family: 'andale mono', 'lucida console', monospace; }

    /* Set the default color */
* { color: #595959; }
h1 { color: #715335; }
h2 { color: #5C5C00; }
h3 { 
    color: #006363; /*blue*/
    color: #FFB273; /*marron*/
    color: #C31A0E; /*rouge foncé*/
    color: #FAA7A7; /*rose*/
    color: #FF7373; /*rose foncé */
    letter-spacing : 0.06em;
}
h4 { color: #595959; text-transform: uppercase; }
h5 { color: #000000; text-transform: uppercase; }
h6 { color: #000000; text-transform: lowercase; font-variant: normal; }

    /* link style */
a { text-decoration: underline;            color: #3030FF; }
a:link { text-decoration: underline;       color: #3030FF; }
a:visited { text-decoration: underline;    color: #6666FF; }
a:hover { text-decoration: none;           color: #3030FF; }
a:active, a:focus { text-decoration: none; color: #B60000; }
a:focus { outline: 1px dotted #B60000; }

a[hreflang="en"]:after { content:" " url(http://image.weebio.fr/tpl/v2/linken.gif); }
a[rel="external"]:after { content:" " url(http://image.weebio.fr/tpl/v2/external.png); }
a[hreflang="en"] span { display: none; }
a[rel="external"] span { display: none; }

    /* block specific style */
p { text-align:left; }

blockquote:before { content: "‘‘"; }
blockquote:after { content: "’’"; }
blockquote:before, blockquote:after {
    font-weight:bold; color:#B60000; font-style: normal;
    font-family: Georgia, serif; overflow:hidden;
    font-size:2.8em; line-height:0.0001em;
    vertical-align: middle;
}

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

    /* inline specific */
dfn { font-style: italic; font-weight: bold; }
address { font-style:italic; border:1px dotted; }
abbr, acronym { border-bottom: 1px dotted #666; }
sup, sub { line-height: 0; font-size:0.5em; }
sup { vertical-align:top; }
sub { vertical-align:bottom; }

    /* form style */
fieldset { background-color: #f1f1f1; border-color: #f1f1f1; }

fieldset hr {
     margin: 0.7em 0 0.7em 0;
     background-color: #dedede;
     border-bottom: 1px solid #fff;
     height:0.1em;
}

legend { font-weight: bold; color:#333; background:#fff; border-color: #fff; margin-left:4em; padding: 0 4em; display:none; }

label {
    text-align:left;
    display:-moz-inline-box;
    display:inline-block;
    width:100px;
    color:black;
}

label em {
    color:#CB339E;
}

input, select, textarea { background:#fafafa; margin-right:0.6em; color:#555; }

select,
textarea,
input[type="text"],
input[type="password"] { border: 1px solid #ccc; }

input[disabled="disabled"],
select[disabled="disabled"],
textarea[disabled="disabled"] { border: 1px solid #ddd; background:#f3f3f3; color:#999; }

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus { border:2px solid #B5D8EC; background-color:#fff; }

input.good, select.good, textarea.good { background:#DDF4B0; border:2px solid #CCD95C; }
input.wrong, select.wrong, textarea.wrong { background:#F6C9C9; border:2px solid #FF6B74; }

input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:2px solid #B5D8EC; background-color:#fff; }

input[type="radio"].good, input[type="checkbox"].good { background:#DDF4B0; outline:2px solid #CCD95C; }
input[type="radio"].wrong, input[type="checkbox"].wrong { background:#F6C9C9; ouline:2px solid #FF6B74; }

    /* table style */
caption { font-style:italic; }
table { width:100%; }
thead { border-bottom: 1px solid #FCC0C0; }
tfoot { border-top: 1px solid #FCC0C0; }
th { padding:0.3em 0.5em; text-align:left; }
td { padding:0.3em 0.5em; }
thead th, tfoot th { background-color:#FEEFEF; }
tr.trbg0 { background-color: #fff; }
tr.trbg1 { background-color: #F8F6E6; }

    /* list style */
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
dl { margin-left:0; }
dt { font-weight: bold; }
dd { font-style:italic; }

    /* Spécific class */
p.capital:first-letter {
    font-family: Georgia, serif; text-transform: capitalize; font-variant: small-caps;
    float: left; font-size: 2.8em; font-weight: bold; margin: 0.2857em 0.2857em 0 0;
}

    /* les coin arrondi */
fieldset, legend, select, textarea, input[type="text"], input[type="password"],
.box, .btn, .bulle, .tooltip, .advert, .congrat
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

/* Les boutons
------------------------------------------------------------------------------*/
.btn {
    color: #333;
    background:#f9f9f9;
    display:-moz-inline-box;
    display:inline-block;
    padding:0.5em 1em;
    /* rounded border */
    border: 1px solid #999;
}

.btn:hover {
    border-color:#9cf;
    background:#E8F2FF;
}

a.btn {
    color: #333;
    padding-top:0.272em;
    padding-bottom:0.271em;
    text-decoration: none;
}

.btn.primary {
    font-weight: bold;
    color:#000;
}

button.btn.primary {
    padding-top: 0.4em;
}

a.btn.primary {
    color: #333;
    padding-top:0.271em;
    padding-bottom:0.272em;
    text-decoration: none;
}

    /* Hack for firefox reduce padding on button */
button.btn, x:default
{
    padding-top:0.34em;
    padding-bottom:0.28em;
}
button.btn.primary, x:default
{
    padding-top: 0.34em;
}
    /* Hack for IE8 reduce padding on button */
button.btn
{
    padding-top:0.28em\9
}
button.btn
{
    padding-bottom:0.28em\9
}
button.btn.primary
{
    padding-top: 0.26em\9
}

.btn.pill-l {
    margin-right:0;
    border-right:1px solid #ddd;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -khtml-border-top-right-radius:0;
    -khtml-border-bottom-right-radius:0;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.btn.pill-r {
    margin-left:0;
    border-left:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-top-left-radius:0;
    -webkit-border-bottom-left-radius:0;
    -khtml-border-top-left-radius:0;
    -khtml-border-bottom-left-radius:0;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}

.btn.pill-c {
    margin-left:0;
    margin-right:0;
    border-left:0;
    border-right:1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.btn.ico0 {
    padding-right: 30px;
    background-image: url(http://image.weebio.fr/tpl/v2/linken.gif);
    background-position: 92% center;
    background-repeat: no-repeat;
}

.btn.ico-panier {
    padding-right: 30px;
    background-image: url(http://image.weebio.fr/tpl/v2/ico-panier.png);
    background-position: 96% center;
    background-repeat: no-repeat;
}

/* Les bulles d'aides
*******************************************************************************/

    /* tooltip est une bulle jaune, bulle est grise */
.tooltip, .bulle, .advert, .congrat {
    display:block;
    position: relative;
    margin:1em auto 1em auto;
    padding: 1em;
    border: 1px solid #efef00;
    background-color: #ffc;
    color: #777;
}
.bulle {
    border-color: #ddd;
    background-color: #f8f8f8;
    color: #777;
}
.advert {
    border-color: #FF0000;
    background-color: #FFCCCC;
    color: #AA0000;
}
.congrat {
    border-color: #CCD95C;
    background-color:#DDF4B0;
    color: #5A6432;
}
.tooltip span.a1, .bulle span.a1, .advert span.a1, .congrat span.a1,
.tooltip span.a2, .bulle span.a2, .advert span.a2, .congrat span.a2,
.tooltip span.a3, .bulle span.a3, .advert span.a3, .congrat span.a3 {
    position: absolute;
    margin:0;
    padding:0;
    border:0 solid #fff;
    width:0;
    height:0;
    line-height:0;
}
    /* flêche en haut */
.arrow-top { position:absolute; top: -11px; left: 20px; }
.arrow-top span.a1 { border-width: 1px 10px 10px 10px; }
.arrow-top span.a2 { border-bottom-color: transparent; border-width: 0 0 10px 10px; }
.arrow-top span.a3 { border-bottom-color: transparent; border-width: 0 10px 10px 0; left:10px; }
.tooltip .arrow-top span.a1 { border-bottom-color: #ffc; }
.bulle   .arrow-top span.a1 { border-bottom-color: #f8f8f8; }
.advert  .arrow-top span.a1 { border-bottom-color: #ffcccc; }
.congrat .arrow-top span.a1 { border-bottom-color: #DDF4B0; }
    /* flêche en bas */
.arrow-bottom { position:absolute; bottom: 0px; left: 20px; }
.arrow-bottom span.a1 { border-width: 10px 10px 1px 10px; }
.arrow-bottom span.a2 { border-top-color: transparent; border-width: 10px 0 0 10px; top:1px; }
.arrow-bottom span.a3 { border-top-color: transparent; border-width: 10px 10px 0 0; top:1px; left:10px; }
.tooltip .arrow-bottom span.a1 { border-top-color: #ffc; }
.bulle   .arrow-bottom span.a1 { border-top-color: #f8f8f8; }
.advert  .arrow-bottom span.a1 { border-top-color: #ffcccc; }
.congrat .arrow-bottom span.a1 { border-top-color: #DDF4B0; }
    /* flèche à gauche */
.arrow-left { position:absolute; left: -11px; top: 20px; }
.arrow-left span.a1 { border-width: 10px 10px 10px 1px; }
.arrow-left span.a2 { border-right-color: transparent; border-width: 10px 10px 0 0; top:-1px; }
.arrow-left span.a3 { border-right-color: transparent; border-width: 0 10px 10px 0; top:11px; }
.tooltip .arrow-left span.a1 { border-right-color: #ffc; }
.bulle   .arrow-left span.a1 { border-right-color: #f8f8f8; }
.advert  .arrow-left span.a1 { border-right-color: #ffcccc; }
.congrat .arrow-left span.a1 { border-right-color: #DDF4B0; }
    /* flèche à droite */
.arrow-right { position:absolute; right: 0px; top: 20px; }
.arrow-right span.a1 { border-width: 10px 1px 10px 10px; }
.arrow-right span.a2 { border-left-color: transparent; border-width: 10px 0 0 10px; top:-1px; left:1px; }
.arrow-right span.a3 { border-left-color: transparent; border-width: 0 0 10px 10px; top:11px; left:1px; }
.tooltip .arrow-right span.a1 { border-left-color: #ffc; }
.bulle   .arrow-right span.a1 { border-left-color: #f8f8f8; }
.advert  .arrow-right span.a1 { border-left-color: #ffcccc; }
.congrat .arrow-right span.a1 { border-left-color: #DDF4B0; }
    /* correction finale */
.tooltip span.a1 { border-color: #efef00; }
.bulle   span.a1 { border-color: #ddd; }
.advert  span.a1 { border-color: #FF0000; }
.congrat span.a1 { border-color: #CCD95C; }

/* CLASSE UTILE 
*******************************************************************************/
.middle { vertical-align: middle; }
.right { text-align: right; }
.justify { text-align: justify; }
.center { text-align: center; }
.flr { float:right; }
.fll { float:left; }
.top { margin-top:0; }
.bottom { margin-bottom:0; }
.mtop { margin-top:0; padding-top:1px; }
.mbottom { margin-bottom:0; padding-bottom:1px; }
.ml16 { margin-left: 1.6em; }
.mr16 { margin-right: 1.6em; }
.mb16 { margin-bottom: 1.6em; }
.mt16 { margin-top: 1.6em; }

/* Weebio spécific
*******************************************************************************/
* {
    text-shadow:rgba(255, 255, 255, 0.2) 0px 1px 0px;
}

/* empêche la fusion des marges haute et basse avec le contenu */
#header, #menu, #entete, #content, #footer1, #footer2, #footer3, #footer4 {
    overflow: hidden;
}

#landspace div.c12 {
    padding-top:1px;
}

.c12.t12, .c12.t11 {
    margin-top:0;
    margin-bottom:0;
}

#header h2, #menu h2, #footer1 h2, #footer2 h2, #footer3 h2, #footer4 h2 {
    display: none;
}

/* Les couleurs principales */
#header {
    background: #f7f7f7 url('http://image.weebio.fr/tpl/v2/bg-header.png') repeat-x left bottom;
}
#menu {
    background: transparent url('http://image.weebio.fr/tpl/v2/bg-menu.png') repeat-x left bottom;
}
#entete {
    border-bottom: 1px solid #ff6666;
    background: #ffcccc url('http://image.weebio.fr/tpl/v2/bg-entete.png') repeat-x left top;
}
#footer1 {
    border-top: 1px solid #ffa6b2;
    border-bottom: 1px solid #ffa3b0;
    background-color: #ffcccc;
}
#footer1 div.c12 {
    background: transparent url('http://image.weebio.fr/tpl/v2/zen.png') no-repeat right bottom;
}

#footer2 {
    border-top: 1px solid #ffe4e4;
    background: #ff9999 url('http://image.weebio.fr/tpl/v2/bg-f2.png') repeat-x left top;
}
#footer2 div.grass {
    padding-bottom: 45px;
    background: transparent url('http://image.weebio.fr/tpl/v2/herbe.png') repeat-x left bottom;
}
#footer3 {
    border-bottom: 1px solid #898632;
    background: #a09c3a url('http://image.weebio.fr/tpl/v2/bg-f3.png') repeat-x left top;
}
#footer4 {
    border-top: 1px solid #b2ad5b;
    padding-bottom: 10px;
    min-height: 180px;
    background: #a49f3e url('http://image.weebio.fr/tpl/v2/herbe2.png') repeat-x left bottom;
}

/* Le header compte et panier */
#cart, #account {
    float:right;
    width:220px;
    height:64px;
    padding:15px;
    margin-bottom:20px;
    background: transparent url('http://image.weebio.fr/tpl/v2/bg-speedy.png') no-repeat left bottom;
}
#account { margin-right:12px; }
#cart div, #account div {
    height:62px;
    width:141px;
    padding:1px 0px 1px 79px;
}
#cart div {
    background: transparent url('http://image.weebio.fr/tpl/v2/cart.png') no-repeat left top;
    color:#9ed302;
}
#account div {
    background: transparent url('http://image.weebio.fr/tpl/v2/account.png') no-repeat left top;
    color:#feb5b5;
}
#cart div:hover, div#account div:hover { background-position:left bottom; }
#cart div p, div#account div p { margin-top:6px; }
#cart div p strong { color:#9ed302; font-family:verdana, sans-serif; font-weight:normal; }
#account div p strong { color:#feb5b5; font-family:verdana, sans-serif; font-weight:normal; }
#header div.omega a { text-decoration: none;            color: #999; }
#header div.omega a:link { text-decoration: none;       color: #999; }
#header div.omega a:visited { text-decoration: none;    color: #999; }
#header div.omega a:hover { text-decoration: underline; color: #000; }
#header div.omega a:active, a:focus { text-decoration: underline; color: #B60000; }
#header div.omega a:focus { outline: 1px dotted #B60000; }

/* Le paysage */
#landspace { background-color:#575e26; height:50px; }
#landspace div.c12 { position: relative; }
#landspace div#arbre {
    background: transparent url('http://image.weebio.fr/tpl/v2/arbre.png') no-repeat left top;
    width: 271px;
    height: 275px;
    position:absolute;
    top:-273px;
    left:580px;
    z-index: 100;
}
#landspace div#fleur1 {
    background: transparent url('http://image.weebio.fr/tpl/v2/fleur1.png') no-repeat left top;
    width: 132px;
    height: 119px;
    position:absolute;
    top:-119px;
    left:470px;
}
#landspace div#fleur2 {
    background: transparent url('http://image.weebio.fr/tpl/v2/fleur2.png') no-repeat left top;
    width: 132px;
    height: 155px;
    position:absolute;
    top:-155px;
    left:830px;
}

/* Le chemin de fer */
.fer { color: #C1C1C1; margin-top: 0; }
.fer a { text-decoration: none;            color: #C1C1C1; }
.fer a:link { text-decoration: none;       color: #C1C1C1; }
.fer a:visited { text-decoration: none;    color: #C1C1C1; }
.fer a:hover { text-decoration: underline; color: #000; }
.fer a:active, a:focus { text-decoration: underline; color: #B60000; }
.fer a:focus { outline: 1px dotted #B60000; }

/* le logo */
#header h1 {
    background: transparent url('http://image.weebio.fr/tpl/v2/logo.png') no-repeat left top;
    margin-top:10px;
}
#header h1 a {
    display: block;
    height: 80px;
    width:137px;
    text-indent: -9999px;
    overflow: hidden;
}

/* Le menu */
#search {
    margin:0;
}
#search p {
    text-align:right;
    margin: 0;
    font-family: serif;
    color: #FFF;
    line-height: 33px;
}
#search p a {
    display:-moz-inline-box;
    display:inline-block;
    padding:0 0.5em;
    height: 43px;
}

#search p a.selected {
    background: transparent url('http://image.weebio.fr/tpl/v2/bg-item-menu.png') no-repeat bottom center;
}

#search p a { text-decoration: none; color: #333333; }
#search p a:link { text-decoration: none; color: #333333; }
#search p a:visited { text-decoration: none; color: #333333; }
#search p a:hover { text-decoration: none; color: #000; background-color: #ffcccc; }
#search p a:active, a:focus { text-decoration: underline; color: #B60000; }
#search p a:focus { outline: 1px dotted #B60000; }

#search p a.selected:hover { text-decoration: none; color: #333333; background-color: transparent; }

#search p span {
    display:-moz-inline-box;
    display: inline-block;
    height: 33px;
    background: transparent url('http://image.weebio.fr/tpl/v2/search.png') no-repeat center right;
}
#search p span span {
    display:-moz-inline-box;
    display: inline-block;
    height: 33px;
    padding: 0 12px 0 27px;
    background: transparent url('http://image.weebio.fr/tpl/v2/loupe.png') no-repeat center left;
}
#search p span input {
    margin:0;
    border: 0;
    width:150px;
    font-size:0.8em;
    background-color: transparent;
}
#search p button {
    font-size:11px;
    color: white;
    letter-spacing: -0.2px;
    margin-left:10px;
    text-shadow:rgba(0, 0, 0, 0.1) 0px -1px 0px;
}
#search p button:hover {
    color:#fefefe;
    text-shadow:rgba(0, 0, 0, 0.3) 0px -1px 0px;
}

/* L'entête */
#entete h2 {
    color: #ff7e7e;
    display:-moz-inline-box;
    display:inline-block;
    min-height:36px;
    line-height:36px;
    padding-left: 35px;
    margin:0 0 10px 0;
    background: transparent url('http://image.weebio.fr/tpl/v2/cocc.png') no-repeat left center;    
}

/* Les footers */
#footer1 p, #footer2 p {
    color:#000;
}
#footer1 div.c12, #footer2 div.c12 {
    margin-top:20px;
}

#footer1 h3, #footer2 h3 {
    display:-moz-inline-box;
    display:inline-block;
    min-height:36px;
    line-height:36px;
    padding-left: 35px;
    margin:0;
    background: transparent url('http://image.weebio.fr/tpl/v2/cocc.png') no-repeat left center;
    color: #333;
    text-transform: none;
    font-variant: normal;
}

#footer2 div.g4 {
    background: transparent url('http://image.weebio.fr/tpl/v2/vdot.png') repeat-y right top;
}
#footer2 div.g4.last {
    background: none;
}

#footer3 ul {
    margin-top:5px;
    margin-bottom:10px;
    position:relative;
    z-index: 101;
}

#footer3 li {
    list-style:none outside;
    margin-left:0;
    line-height: 2.1818em;
    padding-top: 2px;
    background: transparent url('http://image.weebio.fr/tpl/v2/hdot.png') repeat-x left top;
}
#footer3 li:first-child {
    background:none;
    font-weight: bold;
    text-transform: uppercase;
}

#footer3 a { text-decoration: none;            color: #000; }
#footer3 a:link { text-decoration: none;       color: #000; }
#footer3 a:visited { text-decoration: none;    color: #000; }
#footer3 a:hover { text-decoration: underline; color: #000; }
#footer3 a:active, a:focus { text-decoration: underline; color: #B60000; }
#footer3 a:focus { outline: 1px dotted #B60000; }

#footer4 p { color: #404616; line-height: 12px; }
#footer4 a { text-decoration: none;            color: #404616; }
#footer4 a:link { text-decoration: none;       color: #404616; }
#footer4 a:visited { text-decoration: none;    color: #404616; }
#footer4 a:hover { text-decoration: underline; color: #404616; }
#footer4 a:active, a:focus { text-decoration: underline; color: #B60000; }
#footer4 a:focus { outline: 1px dotted #B60000; }
#footer4 del { display: none; }

#landspace p {
    text-align:right;
}
#landspace strong {
    position:relative;
    top:15px;
    color:#b2ad5b;
    font-weight: normal;
    text-shadow:rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

/* Les liens */
a.puce {
    display:-moz-inline-box;
    display:inline-block;
    padding-right: 20px;
    min-height:17px;
    background: transparent url('http://image.weebio.fr/tpl/v2/puce.png') no-repeat right center;
}

a.puce { text-decoration: underline;            color: #000; }
a.puce:link { text-decoration: underline;       color: #000; }
a.puce:visited { text-decoration: underline;    color: #000; }
a.puce:hover { text-decoration: none; color: #000; }
a.puce:active, a:focus { text-decoration: underline; color: #B60000; }
a.puce:focus { text-decoration: none; outline: 1px dotted #B60000; }

/* Les tableaux de type p strong span */
.Wtableau {
    display:table;
    width:100%;
}
.Wtableau>* {
    display:table-row;
}
.Wtableau>*>* {
    display: table-cell;
    padding:0.5em 1em;
}
.Wtableau p strong { width: 40%; background-color: #efefef; text-align: right; }

em { color:#CB339E };