#primary .container {
    background-color: #fff;
    border: solid 1px #999;
    padding: 0;
    display: inline-block;
    border-radius: 3px;
    float: left;
    margin: 0 20px 0 0
}

#primary .container .content {
    margin: 0;
    display: inline-block;
    width: auto;
    position: relative;
    float: left
}

#primary fieldset {
    width: 100%
}

#primary fieldset h3 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #96e30e;
    font-weight: normal
}

#primary fieldset p {
    line-height: 18px;
    padding-bottom: 15px;
    color: #cbcbcb
}

#primary #pageContent {
    width: 100%
}

#primary #pageContent #bandeau {
    width: 100%;
    height: 400px;
    background: url(../images/new_template/WC1_CHRGEN_splash_home_1222x400.png) no-repeat left top;
    background-size: cover;
    position: relative
}

#primary #pageContent #bandeau #buttons {
    position: absolute;
    bottom: 40px;
    left: 50px
}

#buttons .btn_signin {
    background-image: url(../images/btn_signin.gif);
    position: relative;
    left: 20px
}

#buttons .btn_signin {
    text-shadow: .1em .1em .05em #000;
    width: 181px;
    cursor: pointer;
    text-align: center;
    padding: 14px 0 0 0;
    height: 30px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
    background-repeat: no-repeat;
    background-position: 0 0
}

#pageContent .content_center {
    margin: 70px auto 0 auto;
    padding: 0;
    width: 1062px;
    display: table
}

#pageContent .content_center h1 {
    font-size: 30px;
    font-family: arial;
    color: #484848;
    margin: 0 0 20px 0;
    padding: 0;
    display: table-caption;
    font-weight: normal
}

#pageContent .content_center #leftCol {
    width: 550px;
    font-family: arial;
    display: table-cell;
    padding: 0 80px 0 0
}

#pageContent .content_center #rightCol {
    display: table-cell;
    width: 345px;
    font-family: arial
}

#rightCol div.contentSection {
    background-color: #f5f5f5;
    padding: 10px;
    margin: 0 0 10px 0
}

div.contentSection h3 {
    font-size: 14px;
    font-family: arial;
    padding: 0 0 5px 0;
    margin: 0 0 0 0;
    width: 100%
}

div.contentSection h2 {
    color: #1fb1b3;
    font-size: 18px;
    font-family: arial;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%
}

div.contentSection p {
    color: #484848;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

#pageContent .content_center #leftCol h2 {
    margin: 0 0 8px 0
}

#pageContent .content_center #leftCol p {
    margin: 0 0 20px 0;
    text-align: justify
}

#pageContent div.content_center #rightCol p a {
    font-weight: bold
}

.col_home {
    display: inline-block;
    vertical-align: top
}

.txt_start {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    float: left;
    padding: 0;
    width: 100%
}

.txt_start2 {
    color: #fff;
    font-size: 16px;
    float: left;
    padding: 0 0 45px 0;
    width: 100%
}

.btn_start {
    background-image: url(../images/btn_start.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    padding: 6px 0 0 0;
    text-align: center;
    width: 148px
}

a.btn_start:link {
    color: #fff;
    text-decoration: none
}

a.btn_start:active {
    color: #fff;
    text-decoration: none
}

a.btn_start:hover {
    color: #c9d8ed;
    text-decoration: none
}

a.btn_start:visited {
    color: #fff;
    text-decoration: none
}

.bloc_video_t {
    background: url(../images/bloc_video_t.gif) no-repeat top left;
    float: left;
    padding: 19px 0 0 0;
    width: 448px
}

.bloc_video_b {
    background: url(../images/bloc_video_b.gif) no-repeat bottom left;
    float: left;
    padding: 0 0 19px 0;
    width: 448px
}

.bloc_video_c {
    background: #2f2f2f;
    border-left: 1px solid #292929;
    border-right: 1px solid #292929;
    color: #fff;
    float: left;
    padding: 0 18px 0 23px;
    width: 405px
}

.bloc_video_c a:link {
    color: #5e99fb;
    text-decoration: none
}

.bloc_video_c a:visited {
    color: #5e99fb;
    text-decoration: none
}

.bloc_video_c a:hover {
    color: #345ea4;
    text-decoration: none
}

.bloc_video_c a:active {
    color: #5e99fb;
    text-decoration: none
}

.videotxt {
    border-bottom: 1px solid #171717;
    float: left;
    padding: 0 0 20px 0;
    width: 100%
}

.txt_video {
    color: #fff;
    font-size: 14px;
    float: left;
    padding: 0 30px 0 0;
    width: 214px
}

.btn_video {
    background-image: url(../images/btn_video.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #5e99fb;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    padding: 125px 0 0 0;
    text-align: center;
    width: 161px
}

a.btn_video:link {
    color: #5e99fb;
    text-decoration: none
}

a.btn_video:active {
    color: #5e99fb;
    text-decoration: none
}

a.btn_video:hover {
    color: #345ea4;
    text-decoration: none
}

a.btn_video:visited {
    color: #5e99fb;
    text-decoration: none
}

.videofooter {
    border-top: 1px solid #535353;
    color: #fff;
    float: left;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%
}

#primary {
    margin: 0;
    padding: 0;
    width: 100%
}

#secondary {
    display: none
}

#subNav {
    top: -6px
}

#subNav .home {
    display: none
}

.carousel,.billboard,.billboard .topic {
    width: 850px;
    height: 430px
}

.carousel {
    position: relative
}

.billboard {
    overflow: hidden
}

.billboard .topic {
    position: absolute;
    display: none
}

.billboard .topic.isOn {
    display: block
}

.billboard .topic .content {
    padding: 30px 40px 20px 275px
}

.billboard .topic h1 {
    color: #fff;
    font-style: normal;
    font-size: 30px
}

.billboard .content ul {
    list-style: none;
    padding-left: 10px
}

.billboard .content ul li {
    background: url(../images/li_green_arrow.gif) no-repeat left 3px;
    padding: 0 0 10px 18px
}

.billboard .content .two.steps .col {
    width: 225px;
    padding-left: 10px
}

.billboard .content .three.steps .col {
    width: 160px;
    padding-left: 8px
}

.billboard .content .steps {
    padding: 15px 0 0 10px
}

.billboard .content .steps strong {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    float: left;
    padding-right: 10px
}

.billboard .content .steps .col {
    float: left
}

.billboard .content .steps .col.sep {
    background: url(../images/vr_short.gif) no-repeat left top;
    height: 142px;
    width: 2px
}

.billboard .content .steps p {
    font-size: 12px;
    font-style: normal;
    color: #e7e400;
    line-height: 14px;
    font-weight: bold;
    padding-top: 2px
}

.billboard .content p.center {
    text-align: center;
    clear: both;
    padding-top: 10px
}

.carousel .control {
    position: absolute;
    top: 150px;
    left: -20px;
    width: 890px
}

.carousel .control a,.carousel .control a span {
    width: 41px;
    height: 104px;
    display: block;
    text-decoration: none
}

.carousel .control .left {
    background: url(../images/car_control_lft.gif) no-repeat left top
}

.carousel .control .left:hover {
    background-image: url(../images/car_control_lft_on.gif)
}

.carousel .control .right {
    background: url(../images/car_control_rgt.gif) no-repeat left top
}

.carousel .control .right:hover {
    background-image: url(../images/car_control_rgt_on.gif)
}

.carousel .paging {
    margin: 0 0 0 407px;
    list-style: none;
    width: 66px;
    position: absolute;
    z-index: 10
}

.carousel .paging li {
    background: url(../images/li_paging.gif) no-repeat left top;
    float: left;
    width: 18px;
    height: 7px;
    padding: 0 2px;
    cursor: pointer
}

.carousel .paging li.isOn {
    background-image: url(../images/li_paging_on.gif);
    cursor: default
}

.sub {
    border-top: 3px solid #242424;
    margin-top: 20px;
    width: 391px;
    background: url(../images/bg_hpsub_fade.jpg) repeat-x left top;
    float: left;
    margin-right: 36px;
    padding: 10px 15px 20px 15px
}

.sub .title {
    background: url(../images/bg_hdrgreen_lft.gif) no-repeat left top;
    padding: 0 0 20px 27px;
    margin: -13px 0 0 -25px;
    display: inline-block
}

.sub .title h2 {
    font-size: 14px;
    background: url(../images/bg_hdrgreen_rgt.gif) no-repeat right top;
    padding: 0 8px 0 0;
    display: inline-block
}

.sub .title h2 span {
    background-color: #242424;
    padding: 5px 10px 4px 10px;
    display: inline-block
}

.sub p {
    font-size: 11px;
    line-height: 18px;
    color: #828282;
    padding: 0 20px 10px 20px
}

.gallery {
    clear: both;
    width: 850px;
    background: none;
    float: none
}

.gallery .nav a {
    font-size: 12px;
    line-height: 20px
}

.gallery .pool {
    position: absolute;
    margin: -86px 0 0 122px
}

.gallery .title {
    padding-bottom: 6px;
    width: auto;
    display: inline-block
}

.gallery .gAvatar {
    float: left;
    padding-left: 17px
}

.gallery .gAvatar img {
    width: 75px;
    border: none
}

.billboard .haveFun .content .steps {
    padding-top: 0
}

span.pro {
    font-size: 11px;
    color: #888;
    position: absolute;
    margin: 15px 0 0 10px
}

span.pro a {
    color: #fff
}

.learn_more {
    color: #456fff;
    float: left;
    font-size: 14px;
    padding: 0 0 0 0;
    width: 100%
}

.learn_more a:link {
    color: #456fff;
    text-decoration: none
}

.learn_more a:visited {
    color: #456fff;
    text-decoration: none
}

.learn_more a:hover {
    color: #5e99fb;
    text-decoration: none
}

.learn_more a:active {
    color: #456fff;
    text-decoration: none
}

a.btn_signin:link {
    color: #fff;
    text-decoration: none
}

a.btn_signin:active {
    color: #fff;
    text-decoration: none
}

a.btn_signin:hover {
    color: #bbcdef;
    text-decoration: none
}

a.btn_signin:visited {
    color: #fff;
    text-decoration: none
}

a.forum {
    color: #69f;
    float: left;
    font-size: 12px;
    margin-right: 700px;
    padding-top: 15px
}

a.video {
    color: #33f;
    float: left;
    font-size: 12px;
    margin-top: 15px
}
