/* global */
* {
    margin:         0;
    padding:        0;
}
html, body {
    height:         100%;
    color:          black;
    background-color:   #3d859d;
    font-family:    Arial, sans-serif;
    font-size:      11px;
}
ul  {
    list-style-type:    none;
}
img {
    display:        block;
    border:         0;
}
a {
    text-decoration:    none;
}

/* structure */
#page {
    position:       relative;
    /*top:            50%;*/
    width:          917px;
    /*margin:         -300px auto 0 auto;*/
    margin:         10px auto 0 auto;
    color:          inherit;
    background-color: white;
}

#main {
    position:       relative;
    background:     url(/image/home/bg.jpg) no-repeat top;
}
#main #main_bottom {
    background:     url(/image/home/main_bottom_bg.jpg) no-repeat bottom;
}
#flash {
    position:       absolute;
    top:            39px;
    left:           257px;
    width:          660px;
    height:         244px;
}
#flash,
#flash_obj {
    z-index:        10;
}
#nav_top {
    position:       relative;
    width:          100%;
    height:         380px;
}
#nav_top a {
    color:          white;
    background-color:   transparent;
    font-size:      1.1em;
    font-weight:    bold;
}
#nav_top a:hover {
    color:          #1bb6ea;
    background-color:   transparent;
}
#nav_top #nav li {
    padding-right:  1em;
}
#nav_top ul.snav {
    position:       absolute;
    z-index:        100;
    color:          inherit;
    background-color:   white;
    border-top:     solid 1px black;
}
#nav_top ul.snav li {
    padding:        .3em;
    border:         solid 1px black;
    border-top:     none;
}
#nav_top ul.snav li:hover {
    color:          inherit;
    background-color:   #1bb6ea;
}
#nav_top ul.snav li a,
#nav_top ul.snav li a:hover {
    color:          black;
    background-color:   transparent;
    font-size:      .9em;
}
#nav_top #nav_0 {
    position:       absolute;
    left:           92px;
    top:            60px;
}
#nav_top #nav_1 {
    position:       absolute;
    left:           120px;
    top:            87px;
}
#nav_top #nav_2 {
    position:       absolute;
    left:           143px;
    top:            114px;
}
#nav_top #nav_3 {
    position:       absolute;
    left:           160px;
    top:            145px;
}
#nav_top #nav_4 {
    position:       absolute;
    left:           170px;
    top:            179px;
}
#nav_top #nav_5 {
    position:       absolute;
    left:           173px;
    top:            212px;
}
#nav_top #nav_6{
    position:       absolute;
    left:           172px;
    top:            245px;
}

#nav_top #nav_7 {
    position:       absolute;
    left:           168px;
    top:            272px;
}

.marquee {
    overflow:       hidden;
    white-space:    nowrap;
}
/* box #nous_rejoindre */
#nous_rejoindre {
    width:          453px;
    height:         20px;
    line-height:    20px;
    font-size:      1.1em;
    color:          #21729a;
    float:          right;
    overflow:       auto;
    white-space:    nowrap;
    margin-bottom:  15px;
}
#nous_rejoindre a {
    color:          #21729a;
    display:        block;
    margin:         0 50px;
}

/* box #chantier */
#chantier {
    width:          420px;
    float:          right;
    font-size:      .9em;
    background:     #fff url(/image/home/chantier_bg.jpg) no-repeat top;
    margin:         0 10px 10px 0;
    padding:        40px 15px 10px 15px;
}
#chantier img {
    float:          right;
    margin:         3px 0 3px 5px;
}
#chantier h2 {
    color:          #21729a;
    margin-bottom:  7px;
    font-size:      1.1em;
}
#chantier hr {
    border:         none;
    border-top:     1px dashed black;
    height:         0;
    margin:         10px 0;
}
#chantier a {
    color:          #21729a;
    text-decoration:underline;
    background-image:   url(/image/picto/arrow.png);
    background-repeat:  no-repeat;
    padding-left:   8px;
    margin-top:     7px;
    display:        block;
}

/* box #breve */
#breve {
    float:          left;
    width:          330px;
    font-size:      .9em;
    color:          #fff;
    margin:         28px 0 0 90px;
}
#breve ul {
    background:     #414546;
    padding:        5px 15px 5px 30px;
    list-style-type:    disc;
}
#breve li {
    margin:         10px 0;
}
#breve a#plus_details {
    display:        block;
    background:     url(/image/home/breves_link_bg.gif) no-repeat;
    color:          white;
    width:          120px;
    height:         17px;
    text-align:     right;
    font-weight:    bold;
    padding-right:  16px;
    float:          right;
}

#bt_salon {
    float:          left;
    margin:         20px 0 0 0;
}

#footer {
    position:       relative;
    padding:        5px 1em 0 5px;
    color:          white;
    background-color:   #3d859d;
    font-weight:    bold;
}
#footer ul li {
    display:        block;
    float:          left;
}
#footer a {
    color:          white;
    background-color:   transparent;
}
#footer #copyright {
    position:       absolute;
    top:            5px;
    right:          5px;
}
#mot_cles {
    padding-top:    15px;
    font-size:      0.9em;
    color:            #B3ECFF;
    background-color: #3D859D;
    text-align:     justify;
}

/* generic */
.clear:after {
    content:        ".";
    display:        block;
    height:         0;
    clear:          both;
    visibility:     hidden;
}

/* elements */


/* pages specific */