body {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: top center;
    color: #000000;
    font-family: arial, sans-serif;
    font-size: 11px;
    margin: 0px;
}
a:link, a:visited {
    color: #000000;
}
img {
    border: 0 none;
}
.image_gauche {
    float: left;
    margin-right: 10px;
}
.image_droite {
    float: right;
    margin-left: 10px;
}
.top-page {
    text-align: right;
}
table tr td {
    vertical-align: top;
}
h1, h2, h3, h4, p, ul {
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}
h1 {
    font-size: 14px;
}
h2 {
    font-size: 12px;
}
h3 {
    font-size: 11px;
}
h4 {
    font-size: 11px;
    margin-bottom: 5px;
}
h5 {
    font-size: 11px;
}
h6 {
    font-size: 11px;
}
ul {
    list-style-type: none;
}
#box-wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    width: 100%;
}

#box-logo h1 {
    background-image: url(../../medias/layout/siemens.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 71px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-indent: -1000px;
    width: 862px;
}
#box-logo h1 a {
    display: block;
    height: 71px;
    overflow: hidden;
    width: 171px;
}

#box-bandeau-principal-small {
    background-image: url(../../medias/layout/bandeau-principal/fond.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 50px;
    margin-top: 100px;
    padding-top: 24px;
    width: 100%;

    /*border: 1px solid #FF0000;*/
}
#display-bandeau-principal-small {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 862px;
}

#box-bandeau-principal-small h2 {
    background-image: url(../../medias/layout/bandeau-principal/esprit-siemens-small.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    /*float: left;*/
    height: 41px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-indent: -1000px;
    width: 862px;
}
#box-bandeau-principal-small h2 a {
    display: block;
    height: 41px;
    overflow: hidden;
    width: 235px;
}
#box-bandeau-principal-small h3 {
    position: absolute;
    text-align: right !important;
    top: 18px;
    left: 260px;
    z-index: 1 !important;
}
#box-bandeau-principal {
    background-image: url(../../medias/layout/bandeau-principal/fond.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 203px;
    margin-top: 100px;
    padding-top: 24px;
    width: 100%;

    /*border: 1px solid #FF0000;*/
}
#display-bandeau-principal {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 862px;
}

.navigation-action {
    /*float: right !important;*/
    position: absolute;
    text-align: right !important;
    top: 20px;
    right: 10px;
    z-index: 1 !important;

    /*border: 1px solid #FF0000;*/
}

#box-bandeau-principal h2 {
    background-image: url(../../medias/layout/bandeau-principal/esprit-siemens.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    /*float: left;*/
    height: 61px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-indent: -1000px;
    width: 862px;
}
#box-bandeau-principal h2 a {
    display: block;
    height: 61px;
    overflow: hidden;
    width: 364px;
}
#box-bandeau-principal .titre-section {
    margin: 0px 0px 0px 3px;
}
#box-bandeau-principal .box-sub {
    background-image: url(../../medias/layout/bandeau-principal/fond-box-sub.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
    height: 105px;
    position: relative;
    z-index: 1;
}
#box-bandeau-principal .display-sub {
    color: #BDBDBD;
    padding: 0px 0px 0px 10px;
}

/*#box-bandeau-principal .box-sub ul li a:link, #box-bandeau-principal .box-sub ul li a:visited {
    color: #9C9C9C !important;
    font-family: arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}
#box-bandeau-principal .box-sub ul li a:hover {
    background-color: #9C9C9C;
    color: #FFFFFF !important;
}*/

#box-bandeau-principal #box-esprit-numero {
    margin-left: 10px;
}
#box-bandeau-principal #box-esprit-mag {
    margin-left: 47px;
}
#box-bandeau-principal #box-esprit-privileges {
    margin-left: 10px;
}
#box-bandeau-principal #box-esprit-services {
    margin-left: 10px;
}
#box-bandeau-principal #box-compte {
    margin-left: 10px;
    margin-top: -10px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}
#box-bandeau-principal #box-compte a:link, #box-bandeau-principal #box-compte a:visited {
    color: #F17E03;
    font-size: 10px;
}
#box-bandeau-principal #box-compte .inputtext, #box-bandeau-principal #box-compte .inputpassword {
    color: #9C9C9C;
    background-image: none;
    font-size: 10px;
    width: 138px;
}
#box-bandeau-principal .box-compte-guest {
    /*border: 1px solid #FF0000;*/
    background-position: left 50px;
    height: 155px;
    margin-top: -40px !important;
}
#box-bandeau-principal #box-compte p {
    margin-bottom: 5px;
}
#box-bandeau-principal #box-compte #deja-inscrit {
    /*margin-top: 10px;*/
}
#box-bandeau-principal #box-compte #percent-profil {
    color: #F17E03;
    font-family: arial, sans-serif;
    font-size: 10px;
    vertical-align: top;
}
#box-bandeau-principal #box-compte #percent-profil img {
    vertical-align: top;
}

#box-bandeau-principal .box-sub ul {
    list-style-type: none;
}
#box-bandeau-principal .box-sub ul li a:link, #box-bandeau-principal .box-sub ul li a:visited {
    /*color: #9C9C9C;*/
    /*display: block;*/
    /*padding: 0px 0px;*/
    /*text-decoration: none;*/
    /*text-transform: uppercase;*/
    /*width: 130px;*/
}
#box-bandeau-principal .box-sub ul li a:hover {
    /*background-color: #ABABAB;*/
    /*color: #FFFFFF;*/
}
#box-bandeau-principal .box-sub ul li.active a:link, #box-bandeau-principal .box-sub ul li.active a:visited {
    /*background-color: #ABABAB;*/
    color: #FFFFFF;
}
#box-bandeau-secondaire {
    background-color: #A6A6A6;
    background-image: url(../../medias/layout/bandeau-secondaire/fond.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 187px;

    /*border: 1px solid #FF0000;*/
}
#display-bandeau-secondaire {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    width: 862px;
}
#box-animation {
    margin-top: -10px;
    width: 877px;
}
#box-bienvenue-bloc, #box-bienvenue-cadeau {
    width: 500px !important;
}
#box-bandeau-secondaire #box-intro {
    width: 253px;
}
#box-bandeau-secondaire #box-intro h3, #box-bandeau-secondaire #box-intro h4 {
    font-size: 13px;
    padding: 2px 5px;
    text-transform: uppercase;
}
#box-bandeau-secondaire #box-intro p {
    padding: 2px 5px;
}
#box-bandeau-secondaire #box-intro h3 {
    color: #FFFFFF;
}
#box-bandeau-secondaire #box-intro h4 {
    /*background-color: #FFFFFF;*/
    color: #A6A6A6;
}
#box-bandeau-secondaire .box-sub {
    float: left;
    height: 105px;

    /*border: 1px solid #FF0000;*/
}
#box-bandeau-secondaire .box-sub-0 {
    float: left;
    /*height: 105px;*/
    margin-right: 30px;
    width: 255px;
}
#box-bandeau-secondaire .animation {
    width: 877px;
}

#box-bandeau-secondaire .display-sub {
    color: #BDBDBD;
    padding: 0px 0px 0px 10px;
}
#box-bandeau-secondaire #box-slide {
    float: right;
    background-image: url(../../medias/layout/bandeau-secondaire/fond-carousel.jpg);
    background-repeat: no-repeat;
    background-position: 0px 20px;
    margin-top: 5px;
    height: 160px;
    overflow: hidden;
    width: 560px;
    white-space: nowrap !important;
}
#box-bandeau-secondaire #display-slide {
    margin-right: 40px !important;
}
#box-bandeau-secondaire #box-slide ul li {
    /*border: 1px solid #FF0000;*/
    display: inline;
    margin-left: 35px;
    vertical-align: top;
}
#box-forbidden {
    float: left;
    margin: 30px 0px 50px 0px;
    text-align: right;
    width: 484px;

    /*border: 1px solid #FF0000;*/
}
#box-forbidden p {
    margin: 10px 0px;
}
#box-resume {
    float: right;
    margin: 70px 0px 20px 0px;
    text-align: left;
    width: 350px;

    /*border: 1px solid #FF0000;*/
}
#box-wrap2 {
    background-color: #FFFFFF;
    background-image: url(../../medias/layout/fond-wrap2.jpg);
    background-repeat: no-repeat;
    background-position: center 20px;
    /*float: left;*/
    overflow: hidden;
    position: relative;
    width: 100%;

    /*border: 1px dashed #0000FF;*/
}
#display-wrap2 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    width: 862px;

    /*border: 1px solid #FF0000;*/
}

#box-content {
    background-color: #FFFFFF;
    float: left;
    margin-top: 10px;
    position: relative;
    text-align: justify;
    width: 551px;

    /*border: 1px solid #FF0000;*/
}
#display-content {
    /*padding-top: 10px;*/
}
#box-select-change {
    /*float: left;*/
    margin-bottom: 20px;
    margin-top: 10px;
}
#tools {
    float: right;
    margin: 0px 10px 10px 0px;
    text-align: right;
}
#tools a:link, #tools a:visited {
    margin-left: 5px;
}
#box-content h2 {
    background-color: #F1942B;
    clear: both;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 2px 5px;
    text-transform: uppercase;
}
#box-content h3 {
    background-color: #F1942B;
    color: #FFFFFF;
    margin-bottom: 5px;
    padding: 2px 5px;
    width: 50%;
}
#box-sidebar {
    background-color: #FFFFFF;
    float: right;
    margin-top: 10px;
    position: relative;
    text-align: justify;
    width: 258px;

    /*border: 1px solid #FF0000;*/
}
#display-sidebar {
    /*padding-top: 10px;*/
}
#box-sidebar h4 {
    margin-top: 30px;
}

#box-sidebar #box-related ul {
    margin: 10px 10px 0px 30px;
}
#box-sidebar #box-related ul li {
    background-image: url(../../medias/layout/arrow.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 20px;
    position: relative;
}

#box-sidebar #box-diagnostic-projets {
    margin-bottom: -20px;
}
#box-sidebar #box-diagnostic-projets h4 {
    margin-bottom: 5px;
}
#box-sidebar #display-diagnostic-projets img {
    float: left;
    margin-right: 5px;
}
#box-sidebar #box-diagnostic-projets strong {
    color: #247CA6;
}
#box-sidebar #box-diagnostic-projets .select, #box-sidebar #box-diagnostic-projets .inputsubmit {
    margin-top: 5px;
}

#box-liresuite {
    background-image: url(../../medias/layout/lire-suite.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    float: left;
    margin-top: 20px;
    padding-top: 30px;
    width: 253px;
}
#box-liresuite ul li {
    background-image: url(../../medias/layout/arrow.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    margin-bottom: 2px;
    padding-left: 20px;
}
#box-navigation {
    float: right;
    margin-top: 20px;
    text-align: left !important;
}
#box-navigation img {
    margin-left: 15px;
}

#box-pied {
    background-image: url(../../medias/layout/pied/fond.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    clear: both;
    color: #FFFFFF;
    font-size: 10px;
    height: 35px;

    /*border: 1px solid #FF0000;*/
}
#display-pied {
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width: 862px;
}
#box-pied a:link, #box-pied a:visited {
    color: #FFFFFF;
}
#box-pied p {
    margin: 0px 0px 0px 0px;
    padding: 14px 0px 0px 0px;
}
#box-debug {
    background-color: #A6A6A6;
    clear: both;
    color: #333333;
    padding: 0px 10px;
}
#box-debug li {
    list-style-type: square;
    margin: 5px 20px;
}

.box-sondage {
    background-image: url(../../medias/layout/sondage-arrow.jpg);
    background-position: left 30px;
    background-repeat: no-repeat;
    background-color: #E3E3E3;
    color: #575757;
    margin: 0px !important;
    position: relative;
    text-align: left;
    width: 256px;
}
#box-bandeau-secondaire .box-sondage {
    background-image: url(../../medias/layout/bandeau-secondaire/arrow-sondage.jpg);
    background-color: #BABABA;
}
.display-sondage {
    margin: 0px !important;
    padding: 0px 5px 0px 35px !important;
    position: relative;
}
.box-sondage h4 {
    border-bottom: 2px solid #FFFFFF;
    margin-bottom: 5px !important;
    padding: 0px !important;
}
#box-bandeau-secondaire .box-sondage h4 {
    border-bottom: 2px solid #BABABA;
}
.box-sondage h5 {
    font-size: 8pt;
    margin: 0px 0px 10px 0px !important;
    padding: 0px !important;
}
.box-sondage td {
    padding: 2px 0px;
    vertical-align: top;
}
.box-sondage td label {
    font-weight: bold;
}
.barre {
    background-image: url(../../medias/layout/fond-barre-sondage.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    height: 10px;
    margin-top: 1px;
}
.pourcentage {
    float: left;
    font-size: 8pt;
    padding-left: 15px;
}
.pourcentage0 {
    padding-left: 0px;
}
.reponse {
    clear: both;
    font-size: 8pt;
    margin-bottom: 15px !important;
}
.previous {
    float: left;
    margin-top: 10px;
}
.next {
    float: right;
    margin-top: 10px;
}
#frm1-hab_magasin_code {
    width: 50px;
}
.body-reglement #box-content p {
    margin: 10px 5px 10px 5px;
}
@media print {
    body {
        background-color: #FFFFFF;
        color: #000000;
        margin: 0px;
    }
    #box-wrap, #box-wrap2, #box-content {
        color: #000000;
        background-color: #FFFFFF;
        background-image: none;
        z-index: 10;
        width: 650px;
        height: auto;
        overflow: visible;
        float: none;
        position: relative;
        margin: 0px;
        padding: 0px;
        top: 0px;
        left: 0px;
    }
    h1, h2, h3, h4 {
        background-color: #FFFFFF;
        color: #000000;
        padding-left: 0px !important;
    }
    a:link, a:visited {
        color: #000000;
    }
    .box, .display {
        background-color: #FFFFFF;
    }
    #box-header, #box-sidebar, #box-footer, #tools, #box-debug {
        display: none;
    }
}