/* reset */
* {
    margin:         0;
    padding:        0;
    border:         0;
}

html {
    background:     white;
}

#page {
    margin:         0 auto;
    width:          884px;
    border-left:    dashed 1px #868686;
    border-right:   dashed 1px #868686;
    background:     white;
}

#header {
    height:         204px;
    border-bottom:  solid 1px white;
    background:     #686868 url(/image/struct/header_bg.png) top right no-repeat;
}
#header #header_head {
    position:       relative;
    height:         80px;
    border-bottom:  solid 1px white;
}
#header #header_head a#logo {
    position:       absolute;
    top:            0;
    left:           0;
}
#header #header_head a#logo img {
    width:          225px;
    height:         80px;
}
#header #header_banner {
    background:     url(/image/struct/header_banner_bg.gif) top right;
}
#header #header_banner div#login {
    float:          left;
    width:          200px;
    height:         123px;
    padding-left:   25px;
    background:     url(/image/struct/login_bg.png) repeat-x;
}
#header #header_banner div#login span {
    display:        block;
    margin-top:     1em;
    text-transform: uppercase;
    font-weight:    bold;
}
#header #header_banner div#login form {
    margin:         1em 0;
}
#header #header_banner div#login form input[type=text],
#header #header_banner div#login form input[type=password] {
    width:          140px;
}

#header #nav {
    position:       absolute;
    left:           225px;
    top:            47px;
    width:          659px;
    height:         25px;
    background:     url(/image/struct/nav_bg.png);
}
#header #nav,
#header #nav a {

    color:          white;
    text-decoration:none;
}
#header #nav>li {
    position:       relative;
    float:          left;
    margin-left:    .3em;
    padding-top:    5px;
    height:         20px;
}
#header #nav>li.active {
    border-bottom:  2px solid white;
}
#header #nav>li>a:hover {
    text-decoration:underline;
}
#header #nav>li>ul {
    display:        none;
    position:       absolute;
    left:           0;
    top:            100%;
    width:          100%;
    background:     #ff7e15;
    border:         solid 1px white;
}
#header #nav>li>ul>li {
    font-size:      .9em;
    padding:        2px 3px;
}
#header #nav>li>ul>li:hover {
    background:     #ffbf3b;
}

#main {
    background:     url(/image/struct/main_bg.png) top right repeat-y;
}
#main #c1,
#main #c2 {
    float:          left;
}
#c1 {
    width:          683px;
}
#c2 {
    width:          200px;
    text-align:     center;
}
#c2>* {
    display:        block;
    margin:         3em auto 0;
}

#c1 #c1_head {
    padding:        .5em 1em 1em;
}

#rails {
    font-size:      .9em;
    margin-bottom:  1em;
}
#rails a {
}
#rails span.active {
    color:          #c10004;
}

#nav_inner {
    padding:        .3em 1em .4em;
    color:          white;
    background:     #ff7e15;
    background:     #ff6f00;
}
#nav_inner ul li {
    display:        inline;
}
#nav_inner ul li:before {
    content:        " |  ";
}
#nav_inner ul li:first-child:before {
    content:        "";
}
#nav_inner ul li a {
    font-weight:    bold;
    color:          white;
    text-decoration:none;
}
#nav_inner ul li a:hover {
    background:     #ffbf3b;
}
#nav_inner ul li.active a {
    border-bottom:  2px solid white;
}

#footer {
    position:       relative;
    padding:        45px 8px 4px;
    background:     white url(/image/struct/footer_bg.png) no-repeat top left;
}
#footer a {
    font-size:      .9em;
}
#footer ul li {
    display:        inline;
}
#footer ul li:before {
    content:        " |  ";
}
#footer ul li:first-child:before {
    content:        "";
}
#footer a#footer_cyberl {
    position:       absolute;
    right:          50px;
    top:            46px;
}


/* page specific */
#page.home #header #header_banner {
    background:     url(/image/struct/home/header_banner_bg.gif) top right;
}
#page.home #c1 {
    background:     url(/image/struct/home/c1_bg.jpeg) no-repeat;
}
#page.home #flash {
    margin-left:    300px;
}
#page.home #home_actu {
    padding:        10px;
    /*min-height:     75px;
    overflow:       hidden;*/
    background:     #f9e3a2;
}
#page.home #home_actu #home_actu_head {
    color:          #f16d00;
    font-weight:    bold;
    margin-bottom:  5px;
    text-transform: uppercase;
}
#page.home #home_actu div.htmledit {
    font-size:      .9em;
}
#page.home #footer {
    padding:        4px 8px;
    background:     white;
}
#page.home #footer a#footer_cyberl {
    top:            5px;
}

#page.fonctionnement_exemples #content table {
    margin-top:     2em;
}
#page.fonctionnement_exemples #content table th,
#page.fonctionnement_exemples #content table td {
    border:         solid 1px #6d6d6d;
    text-align:     center;
}
#page.fonctionnement_exemples #content table th {
    background:     #f9e3a2;
}

#page.nos_services_informer #content_c1 img {
    margin-top:     3em;
}