.configuration ul .colors .label {
    color:#fff !important;
    text-align:left !important;
}

.configuration ul .options .label {
    color:#fff !important;
    text-align:left !important;
}

.configuration ul .accessories .label {
    color:#fff !important;
    text-align:left !important;
}

/* ZOOM */
div.zoom-container{
    display: block;
}

div.zoom-container .loupe {
    background: #333 url('../img/magnifying.png') no-repeat center center;
    position: absolute;
    height:0;
    width: calc(100% - 30px);
    height: calc(100% - 65px);
    margin: 0 auto;
}

div.zoom-container:hover .loupe {
    background: #333 url('../img/magnifying.png') no-repeat center center;
    opacity: 0.5;
    position: absolute;
    cursor: pointer;
    width: calc(100% - 30px);
    height: calc(100% - 65px);
    margin: 0 auto;
}

#page .content a.fancybox {
    display: block;
}

#cms #page .main-content .content img.zoom {
    max-width: 100%;
    height: auto;
    margin: auto;
}

/* CONFIGURATEUR */

#_cfg .invisible {
    visibility: hidden;
}

.fancybox-inner {
    background: #666666;
}

#_cfg {
    width: 960px;
    background: #666666;
}

#_cfg ul {
    padding: 0;
    list-style-type:none;
}

#_cfg .header {
    width: 100%;
}

#_cfg .header .menu {
    height: 75px;
    width: 100%;
    background: transparent url('../img/configurateur/menu-bg.png') no-repeat top left;
}

#_cfg .header .menu li {
    cursor: pointer;
    float:left;
    padding-top: 31px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
    padding-left: 73px;
    height: 75px;
}

#_cfg .header .menu li:hover {
    color: #5E9BD2;
}
#_cfg .header .menu li.selected {
    color: #00386a;
}

#_cfg .header .menu li:last-child {
    padding-left: 93px;
}

#_cfg.step1 .header .menu {
    background-position: 0 -78px;
}

#_cfg.step2 .header .menu {
    background-position: 0 -156px;
}

#_cfg.step3 .header .menu {
    background-position: 0 -234px;
}

#_cfg.step4 .header .menu {
    background-position: 0 -312px;
}

#_cfg.step5 .header .menu {
    background-position: 0 -390px;
}

#_cfg.step6 .header .menu {
    background-position: 0 -468px;
}



#_cfg .main {
    width: 100%;
}

#_cfg .main .layer-left {
    float:left;
    width: 480px;
    background: white;
}

#_cfg .main .layer-left .steps {
    width: 100%;
    height: 455px;
}

#_cfg .main .layer-left .steps .step {
    width: 100%;
    height: 405px;
    padding-top: 15px;
    /*overflow-y: auto;*/
}

#_cfg .main .layer-left .steps .buttons {
    width: 100%;
    height: 50px;
}

#_cfg .main .layer-left .steps .buttons span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    height: 50px;
    padding-top: 9px;
}

#_cfg .main .layer-left .steps .buttons span#previousStep {
    float:left;
    color: #666666;
    background: transparent url('../img/configurateur/previousStep.png') no-repeat top left;
    padding-left: 45px;
}

#_cfg .main .layer-left .steps .buttons span#nextStep,
#_cfg .main .layer-left .steps .buttons span#orderStep {
    float:right;
    color: #5e9bd2;
    background: transparent url('../img/configurateur/nextStep.png') no-repeat top right;
    padding-right: 45px;
}

#_cfg .main .left-shadow {
    /* CSS3 */
    background: transparent url('../img/configurateur/left-shadow.png') no-repeat left top;
    position: relative;
    z-index: 1000;
}

#_cfg .main .right-shadow {
    padding-right: 8px;
    background: transparent url('../img/configurateur/left-shadow.png') no-repeat right top;
    position: relative;
    z-index: 1000;
}

#_cfg .main .bottom-shadow {
    /* CSS3 */
    background: transparent url('../img/configurateur/bottom-shadow.png') no-repeat center bottom;
    position: relative;
    z-index: 1000;
}

#_cfg .main .top-shadow {
    /* CSS3 */
    background: transparent url('../img/configurateur/top-shadow.png') no-repeat top center;
    position: relative;
    z-index: 1000;
}

#_cfg .main .layer-left .configuration {
    width: 100%;
    background-color: #666666;
}

#_cfg .main .layer-left .configuration em {
    display:block;
    width: 300px;
}

#_cfg .main .layer-right {
    float:left;
    width: 480px;
}

#_cfg .main .layer-right .preview {
    width: 100%;
    height: 455px;
    background-color: white;
}

#_cfg .main .layer-right .preview_bg {
    width: 100%;
    background-color: #999999;
    visibility: hidden;
}

#_cfg h2 {
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    font-family: "Open Sans Condensed", sans-serif;
}

#_cfg h2.white {
    color: white;
}

#_cfg .configuration {
    padding-top: 10px;
    color:white;
    padding-left: 35px;
    padding-bottom: 10px;
}

#_cfg .configuration h2 {
    float:left;
    margin:0;
}

#_cfg .configuration span.price {
    float:right;
    display:none;
    width: auto;
    padding: 2px 15px;
    font-size: 13px;
    background: #5e9bd2;
    text-transform: uppercase;
    margin-right: 10px;
}

#_cfg .configuration span.price > span {
    font-weight: bold;
    font-size: 18px;
}

#_cfg .configuration ul {
    margin-top: 5px;
    margin-bottom: 10px;
}

#_cfg .configuration ul li {
    font-weight: bold;
    clear: both;
}

#_cfg .configuration ul li > span {
    font-weight: normal;
}

#_cfg .configuration ul li.multiple > strong,
#_cfg .configuration ul li.multiple > span,
#_cfg .configuration ul li.multiple > span > span {
    float: left;
    display:block;
}

#_cfg .configuration ul li.multiple > span {
    width: 355px;
    padding-left:2px;
}

#_cfg .configuration ul li.multiple > span > span {
    margin-left: 5px;
}

#_cfg .configuration ul li.multiple > span > span.bg-color {
    width: 12px;
    height: 12px;
    margin-top: 2px;
    border: 2px solid white;
}

#_cfg .configuration ul li.multiple > span > span.label {
    width: 330px;
}



#_cfg .preview_bg h2 {
    color: #414141;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

#_cfg .preview_bg ul li img {
    border: 3px solid white;
}

#_cfg .preview_bg .prev,
#_cfg .preview_bg .next,
#_cfg .preview_bg .carousel {
    float:left;
    display:block;
    background: #999999;
}


#_cfg .preview_bg .next {
    float: right;
}

#_cfg .preview_bg .prev,
#_cfg .preview_bg .next,
#_cfg .preview_bg .prev:hover,
#_cfg .preview_bg .next:hover {
    color: #414141;
    font-weight: bold;
    padding: 14px;
    font-size: 20px;
    text-decoration: none;
}

#_cfg .preview_bg .carousel {
    overflow:hidden;
    width: 397px;
    position: relative;
}

#_cfg .preview_bg .carousel ul {
    margin: 0;
    list-style-position:outside;
    position: relative;
}

#_cfg .preview_bg ul li {
    float:left;
    cursor: pointer;
    position: relative;
    margin-right: 4px;
}

#_cfg .preview_bg ul li.selected img,
#_cfg .preview_bg ul li:hover img {
    border-color: #5e9bd2;
}

/* Products step */
#_cfg .main .steps .step > div {
    height: 360px;
    overflow-y: auto;
    width: 50%;
    float: left;
    padding-top: 20px;
}

#_cfg .main .steps .step .navigate {
    
}

#_cfg .main .steps .step .product_chooser ul li {
    cursor: pointer;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

#_cfg .main .steps .step .product_chooser ul li:hover,
#_cfg .main .steps .step .product_chooser ul li:hover h3,
#_cfg .main .steps .step .product_chooser ul li.selected,
#_cfg .main .steps .step .product_chooser ul li.selected h3 {
    background: #5e9bd2;
    color: white;
}

#_cfg .main .steps .step .product_chooser ul li h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 3px;
}

#_cfg .main .steps .step .product_chooser ul li,
#_cfg .main .steps .step .product_chooser ul li > * {
    float: left;
}

#_cfg .main .steps .step .product_chooser ul li > div {
    width: 136px;
    padding-left: 5px;
    padding-right: 2px;
}

#_cfg .main .steps .step .navigate input[type=text] {
    -moz-box-shadow: inset 2px 3px 6px 0px #cfcfcf;
    -webkit-box-shadow: inset 2px 3px 6px 0px #cfcfcf;
    -o-box-shadow: inset 2px 3px 6px 0px #cfcfcf;
    box-shadow: inset 2px 3px 6px 0px #cfcfcf;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=146, Strength=6);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    width: 77%;
    margin: 0;
    margin-left: 7px;
    height: 24px;
}

#_cfg .main .steps .step .navigate a {
    display:block;
    margin-left: 7px;
    margin-top:8px;
}

#_cfg .main .steps .step .navigate input[type=button] {
    border:0;
    height: 24px;
    background: #666666;
    color: white;
    text-decoration: uppercase;
    padding-top:2px;
    margin:0;
}

/* niveau 0 */
#_cfg .main .steps .step .navigate > ul {
    border-left: 2px solid #dddddd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 2px solid #7d7d7d;
    width: 94%;
    margin: 0 auto;
    background: #e5e5e5;
    margin-top: 15px;
}

#_cfg .main .steps .step .navigate > ul span {
    padding: 5px;
    display:block;
    
}

#_cfg .main .steps .step .navigate > ul span em {
    font-size: 10px;
    color: black;
}

#_cfg .main .steps .step .navigate > ul span:hover {
    text-decoration: underline;
    cursor: pointer;
}

#_cfg .main .steps .step .navigate > ul > li > span {
    font-size: 13px;
}

/* niveau 1 */
#_cfg .main .steps .step .navigate > ul > li > ul {
    border-top: 1px solid white;
}

#_cfg .main .steps .step .navigate > ul > li > ul span {
    padding-left: 20px;
}

#_cfg .main .steps .step .navigate > ul > li > ul > li > span {
    color: #5e9bd2;
}

/* niveau 2 */
#_cfg .main .steps .step .navigate > ul > li > ul > li > ul > li {
    border-top: 1px solid white;
}

#_cfg .main .steps .step .navigate > ul > li > ul > li > ul > li:hover {
    background: #efefef;
    text-decoration: underline;
    cursor: pointer;
}



/* Order step */

#_cfg.step6 table.order {
    margin-top: 20px;
    width: 96%;
    margin-left:10px;
}

#_cfg.step6 .order td,
#_cfg.step6 .order th {
    padding-left: 10px;
    vertical-align: top;
}

#_cfg.step6 .order td.modele {
    color: #7aaad8;
    width: 270px;
}

#_cfg.step6 .order td.modele-price,
#_cfg.step6 .order td.options-price,
#_cfg.step6 .order td.accessories-price {
    text-align: right;
    width: 90px;
}


#_cfg.step6 .order th {
    text-align:right;
    color: #00386a;
    width: 160px;
}

#_cfg.step6 .order tr.hr td {
    border-bottom: 1px solid #cccccc;
    padding: 0;
    font-size: 5px;
}

#_cfg.step6 .order tr.hr + tr > th,
#_cfg.step6 .order tr.hr + tr > td {
    padding-top: 10px;
}

#_cfg.step6 .order tr:last-child td {
    border-top: 1px solid #cccccc;
    padding:0;
}

#_cfg.step6 .order tr:last-child td > a {
    display:block;
    margin-top:12px;
    text-decoration: underline;
    float:left;
    background: transparent url('../img/configurateur/toPDF.png') no-repeat left center;
    padding-left: 35px;
    height: 26px;
    padding-top: 3px;
}

#_cfg.step6 .order tr:last-child td > span {
    display:block;
    background: #666666;
    text-transform: uppercase;
    color: white;
    font-size: 16px;
    padding: 10px 15px;
    width: 235px;
    float:right;
}




#_cfg.step6 .order tr td.multiple span {
    float: left;
    display:block;
}

#_cfg.step6 .order tr td.multiple span.bg-color {
    width: 12px;
    height: 12px;
    margin-top: 2px;
    border: 2px solid #cccccc;
    clear: left;
}

#_cfg.step6 .order tr td.multiple span.label {
    width: 230px;
    margin-left: 5px;
}


/* Colors */

#_cfg.step3 .main .steps .step > div {
    padding-top: 0;
    height: 380px;
}

#_cfg.step3 .main .steps .step h2 {
    margin-bottom:30px;
}

#_cfg.step3 .main .steps .step .group_colors li {
    display:block;
    color: #5f9bd2;
    font-size: 15px;
    font-weight: bold;
    width: 208px;
    float:left;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 7px;
    margin-left:15px;
}

#_cfg.step3 .main .steps .step .group_colors li strong {
    display:block;
    float:left;
    margin-top:3px;
}

#_cfg.step3 .main .steps .step .group_colors li:hover,
#_cfg.step3 .main .steps .step .group_colors li.selected {
    background: #5f9bd2;
    color: white;
}

#_cfg.step3 .main .steps .step .group_colors li span {
    color: #01396a;
    background: #cccccc;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px;
    display:block;
    float:left;
    margin-left: 5px;
    margin-right: 10px;
    // CSS3
     -moz-border-radius:15px;
    border-radius:15px;
}

#_cfg.step3 .main .steps .step .group_colors li:hover span,
#_cfg.step3 .main .steps .step .group_colors li.selected span {
    color: white;
    background: #01396a;
}

#_cfg.step3 .main .steps .step .color_chooser {
    width: 100%;
}

#_cfg.step3 .main .steps .step .color_chooser div.palette {
    width: 54%;
    margin: 0 auto;
}

#_cfg.step3 .main .steps .step .color_chooser_multiple div.palette {
    width: 100%;
    margin: 0 auto;
    display:none;
}

#_cfg.step3 .main .steps .step div.palette > span {
    display:block;
    width: 40px;
    height: 40px;
    border: 4px solid #cccccc;
    background-color: white;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 40px;
    float:left;
}

#_cfg.step3 .main .steps .step div.palette > span:hover,
#_cfg.step3 .main .steps .step div.palette > span.selected {
    border-color: #5e9bd2;
}

#_cfg.step3 .main .steps .step div.palette > span > strong {
    position:absolute;
    font-size:13px;
    color: #666666;
}


/* Options */


#_cfg.step4 .main .steps .step > div,
#_cfg.step5 .main .steps .step > div {
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
}

#_cfg.step5 .main .steps .step > div {
    padding-top: 0;
}

#_cfg.step4 .main .steps .step > div > ul > li,
#_cfg.step5 .main .steps .step > div > ul > li {
    clear: both;
    margin-bottom: 10px;
    height: 107px;
    border: 2px solid white;
}

#_cfg.step4 .main .steps .step > div > ul > li img,
#_cfg.step5 .main .steps .step > div > ul > li img {
    float: left;
    width: 100px;
    margin: 2px;
}

#_cfg.step4 .main .steps .step > div > ul > li h3,
#_cfg.step5 .main .steps .step > div > ul > li h3 {
    text-transform: none;
    margin:0;
    margin-top:10px;
    margin-bottom: 10px;
}

#_cfg.step4 .main .steps .step > div > ul > li:hover,
#_cfg.step4 .main .steps .step > div > ul > li.active,
#_cfg.step5 .main .steps .step > div > ul > li:hover,
#_cfg.step5 .main .steps .step > div > ul > li.active {
    background: #5e9bd2;
    border-color: #5e9bd2;
}

#_cfg.step4 .main .steps .step > div > ul > li:hover h3,
#_cfg.step4 .main .steps .step > div > ul > li.active h3,
#_cfg.step5 .main .steps .step > div > ul > li:hover h3,
#_cfg.step5 .main .steps .step > div > ul > li.active h3 {
    color: white;
}

#_cfg.step4 .main .steps .step > div > ul > li > div,
#_cfg.step5 .main .steps .step > div > ul > li > div {
    float: left;
    width: 228px;
    margin-left:5px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child {
    float: right;
    width: 90px;
    background: white;
    margin-right: 0;
    margin-top:1px;
    height: 101px;
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child strong,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child strong {
    float: left;
    width: 100%;
    font-size:15px;
    margin-top:5px;
    margin-bottom:5px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span {
    float: left;
    width: 13px;
    color: #004a7e;
    font-size: 15px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.min,
#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.plus,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.min,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.plus {
    background: #dfdfdf;
    width: 18px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.min,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.min {
    margin-right: 3px;
    margin-left:17px;
    font-size: 20px;
    line-height: 24px;
    height: 22px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.plus,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.plus {
    margin-left: 3px;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.active,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.active {
    cursor: pointer;
    background: #5e9bd2;
    color: #004a7e;
}

#_cfg.step4 .main .steps .step > div > ul > li > div:last-child span.switch,
#_cfg.step5 .main .steps .step > div > ul > li > div:last-child span.switch {
    font-size: 14px;
    color: white;
    display:block;
    padding: 2px 7px;
    width: 75px;
    margin-left:8px;
    background: #5e9bd2;
    cursor: pointer;
}

#_cfg.step5 .main .steps .step > div > h3 {
    width: 100%;
    margin-left:0;
    background: #e5e5e5;
    color: #666666;
    font-size: 14px;
    padding: 7px;
    padding-left: 15px;
    margin-top: 25px;
}

.preview img{
    max-width:480px;
}

#_cfg .menu{
    margin-bottom:0;
}