*{
    letter-spacing:normal;
    font-weight:normal
}
button{
    outline:none;
    cursor:pointer
}
button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
button.button_gris{
    background:#cececf;
    transition:background 0.2s ease,color 0.25 ease;
    color:#8f8f8f
}
button.button_gris:hover{
    background:#ee7b00;
    color:#fff;
    transition:background 0.2s ease,color 0.25s ease
}
button.button_contour_gris{
    border:1px solid #cececf;
    transition:background 0.2s ease,color 0.25 ease,border 0.2s ease;
    color:#9c9c9c
}
button.button_contour_gris:hover{
    background:#ee7b00;
    border:1px solid #ee7b00;
    color:#fff;
    transition:background 0.2s ease,color 0.25s ease,border 0.2s ease
}
button.button_orange{
    background:#ee7b00;
    color:#fff;
    transition:background 0.2s ease,color 0.25 ease;
    padding:7px 45px;
    font-size:14px;
    text-transform:uppercase
}
button.button_orange:hover{
    background:#cececf;
    color:#fff;
    transition:background 0.2s ease,color 0.25s ease
}
button.createProject{
    display:block;
    margin:0 auto;
    padding:7px 45px;
    font-size:14px;
    text-transform:uppercase
}
.ui-selectmenu-menu ul .ui-menu-item .ui-menu-item-wrapper{
    transition:all 0.2s ease
}
.ui-selectmenu-menu ul .ui-menu-item .ui-menu-item-wrapper.ui-state-active{
    background-color:#ee7b00;
    color:#fff
}
.mainPage .UI{
    top:0;
    left:20px;
    width:315px
}
.mainPage .UI_content:first-child{
    background:#fff;
    border:1px solid #cececf
}
.mainPage .UI_content_listoption .button_tabs{
    position:relative
}
.mainPage .UI_content_listoption .button_tabs:first-child:after{
    opacity:0;
    background:unset
}
.mainPage .UI_content_listoption .button_tabs:after{
    content:'';
    background:#9c9c9c;
    width:calc(100% - 34px);
    height:1px;
    display:block;
    position:absolute;
    left:50%;
    -khtml-transform:translateX(-50%);
    transform:translateX(-50%);
    top:0
}
.mainPage .UI_header{
    display:flex;
    justify-content:center;
    padding:27px 17px 28px;
    flex-wrap:wrap;
    background:#ee7b00;
}
.mainPage .UI_header:after{
    content:'';
    width:0px;
    transition:width 0.18s ease
}
.mainPage .UI_header_logo{
    width:180px
}
.mainPage .UI_header_logo img{
    
}
.mainPage .UI_header_price{
    width:170px
}
.mainPage .UI_header_price.nfo_box{
    position:relative;
    
    -khtml-transform:translateX(100%);
    transform:translateX(100%);
    transition:all 0.2s ease;
    background:#ee7b00;
    border-bottom:unset;
    margin-right:102px;
}
.mainPage .UI_header_price_title#nfo_title{
    font-size:11px;
    text-transform:uppercase
}
.mainPage .UI_header_price_price{
    
    font-size:18px;
    text-align:center;
    display:block;
    margin:5px 0;
    font-weight:500
}
.mainPage .UI_header_price_tva{
    color:#9c9c9c;
    font-size:8px;
    text-align:center;
    font-style:italic;
    width:150px;
    margin:0 auto 4px
}
.mainPage .UI_header_title{
    display:block;
    width:100%;
    position:relative;
    padding:33px 0 10px
}
.mainPage .UI_header_title_title{
    text-transform:uppercase;
    color:#9c9c9c;
    font-size:13px
}
.mainPage .UI_header_title:after{
    content:'';
    background:#9c9c9c;
    width:100%;
    height:1px;
    display:block;
    position:absolute;
    left:0;
    bottom:0
}
.mainPage .UI .button_tabs{
    background-color:#fff;
    max-width:100%;
    text-align:left;
    padding:0 17px;
    position:relative;
    width:100%;
    height:2.5em;
    color:#8f8f8f;
    margin-bottom:0;
    transition:color 0.15s ease-in
}
.mainPage .UI .button_tabs:before{
    content:'';
    background:url("../asset/images/arrow-grey.svg");
    -khtml-transform:rotate(0deg);
    transform:rotate(0deg);
    transition:transform 0.2s linear,background 0.1s ease;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    width:16px;
    height:16px;
    background-size:contain
}
.mainPage .UI .button_tabs_type{
    display:none
}
.mainPage .UI .button_tabs span{
    position:relative;
    padding-bottom:11px
}
.mainPage .UI .button_tabs span:after{
    content:'';
    width:0px;
    height:4px;
    background-color:#ee7b00;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    transition:width 0.1s ease,opacity 0.14s ease-in
}
.mainPage .UI .button_tabs:hover{
    -webkit-animation:unset;
    animation:unset;
    color:#ee7b00
}
.mainPage .UI .button_tabs.open{
    color:#000000;
    font-size:17px
}
.mainPage .UI .button_tabs.open:before{
    -khtml-transform:rotate(90deg);
    transform:rotate(90deg);
    transition:transform 0.2s linear,background 0.2s ease;
    background:url("../asset/images/arrow-black.svg");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
.mainPage .UI .button_tabs.open span:after{
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    width:50px;
    transition:opacity 0.14s ease,width 0.18s ease-in
}
.mainPage .UI .content_tabs{
    background-color:#fff;
    padding:10px 17px 40px;
    position:relative
}
.mainPage .UI .content_tabs#_type:before{
    content:'';
    background:#cececf;
    width:100%;
    height:1px;
    display:block;
    position:absolute;
    left:0
}
.mainPage .UI .content_tabs_custom{
    padding-bottom:15px
}
.mainPage .UI .content_tabs_text{
    border-bottom:1px solid #9c9c9c;
    padding:14px 0
}
.mainPage .UI .content_tabs_text_subtitle,.mainPage .UI .content_tabs_text_title{
    text-transform:uppercase;
    text-align:center;
    display:block
}
.mainPage .UI .content_tabs_text_subtitle{
    font-size:13px;
    color:#9c9c9c;
    font-weight:normal;
    line-height:12px
}
.mainPage .UI .content_tabs_text_title{
    font-size:22px;
    color:#9c9c9c;
    font-weight:normal
}
.mainPage .UI .content_tabs_module{
    padding:10px 17px 0
}
.mainPage .UI .content_tabs_module_sectiontitle{
    color:#000;
    font-size:14px;
    font-weight:500;
    margin-top:15px
}
.mainPage .UI .content_tabs_module_sectionsubtitle{
    color:#9c9c9c;
    font-size:10px;
    font-style:italic;
    margin:7px 0
}
.mainPage .UI .content_tabs_module_dim{
    margin-right:7px;
    width:33%
}
.mainPage .UI .content_tabs_module_dim:last-child{
    margin-right:0
}
.mainPage .UI .content_tabs_module_dim-full{
    width:100%
}
.mainPage .UI .content_tabs_module_dim h4{
    color:#9c9c9c;
    font-size:13px !important;
    padding:0;
    margin:9px 0 0 !important;
    font-weight:500
}
.mainPage .UI .content_tabs_module .selectors{
    display:flex;
    justify-content:space-between
}
.mainPage .UI .content_tabs_color{
    padding:17px 0
}
.mainPage .UI .content_tabs_color .colorCheckbox .check{
    margin-left:9px
}
.mainPage .UI .content_tabs_color .color{
    width:24px;
    height:24px
}
.mainPage .UI .content_tabs .UI_component{
    background-color:#fff;
    padding:12px 0 0
}
.mainPage .UI .content_tabs .UI_component .selectors>h4{
    margin-top:0
}
.mainPage .UI .content_tabs .UI_component h4{
    padding:0;
    margin-left:0;
    font-size:14px;
    color:#9c9c9c;
    margin-top:13px
}
.mainPage .UI .content_tabs .UI_component span.ui-selectmenu-button{
    margin-left:0 !important;
    width:100% !important;
    max-width:100% !important;
    border-right:1px solid #9c9c9c !important;
    border-left:1px solid #9c9c9c !important;
    border-top:1px solid #9c9c9c !important;
    border-bottom:1px solid #9c9c9c !important;
    background-color:#fff !important;
    border-radius:0;
    box-sizing:border-box;
    height:auto !important;
    padding:6px 7px 6px 10px !important
}
.mainPage .UI .content_tabs .UI_component span.ui-selectmenu-button .ui-selectmenu-text{
    margin-top:0;
    font-size:13px;
    color:#9c9c9c
}
.mainPage .UI .content_tabs .UI_component .selectzone{
    text-align:center
}
.mainPage .UI .content_tabs .UI_component .selectzone #M_Unselected,.mainPage .UI .content_tabs .UI_component .selectzone #unselected{
    border:unset;
    width:auto;
    margin:0
}
.mainPage .UI .content_tabs .UI_component .selectzone .description{
    color:#9c9c9c;
    font-size:13px;
    margin:0 5px;
    text-align:center
}
.mainPage .UI .content_tabs .UI_component .buttons_dim{
    margin:14px 0 25px;
    display:flex;
    justify-content:center
}
.mainPage .UI .content_tabs .UI_component .buttons_dim .button_action{
    border-radius:5px;
    border:1px solid #9c9c9c;
    background-color:#fff;
    color:#9c9c9c;
    font-size:10px;
    padding:4px;
    box-sizing:border-box;
    margin:0 7px 0 0;
    width:28%;
    height:auto;
    font-style:italic;
    line-height:1;
    transition:all 0.2s ease
}
.mainPage .UI .content_tabs .UI_component .buttons_dim .button_action:hover{
    background-color:#ee7b00;
    color:#fff;
    transition:all 0.2s ease
}
.mainPage .UI .content_tabs .UI_component .buttons_dim .button_action:last-child{
    margin-right:0
}
.mainPage .UI .content_tabs .UI_component .buttons_dim_gauche:before,.mainPage .UI .content_tabs .UI_component .buttons_dim_droit:before,.mainPage .UI .content_tabs .UI_component .buttons_dim_del:before{
    content:'';
    width:100%;
    display:block;
    height:28px;
    margin-bottom:4px
}
.mainPage .UI .content_tabs .UI_component .buttons_dim_gauche:before{
    background:url("../asset/images/icon-add-left.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.mainPage .UI .content_tabs .UI_component .buttons_dim_droit:before{
    background:url("../asset/images/icon-add-right.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.mainPage .UI .content_tabs .UI_component .buttons_dim_del:before{
    background:url("../asset/images/icon-delete.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.mainPage .UI .content_tabs .UI_component .buttons_accessoires{
    flex-wrap:wrap
}
.mainPage .UI .content_tabs .UI_component .buttons_accessoires .button_action{
    margin:5px
}
.mainPage .UI .content_tabs .UI_component .inputZone_content{
    padding:17px 0
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .inputZone{
    margin:31px 0 19px;
    display:flex;
    align-items:center
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .inputZone:first-child{
    margin-top:0
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .inputZone h4{
    margin-top:0
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .inputZone .input{
    background-color:#fff;
    color:#ee7b00;
    border:unset;
    margin:0
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .slide{
    width:calc(100% - 12px);
    left:0;
    margin:10px 0 20px
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .slide .custom-handler{
    border:1px solid #9c9c9c
}
.mainPage .UI .content_tabs .UI_component .inputZone_content .slide:last-child{
    margin-bottom:0
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:40%
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle h4{
    margin-top:0
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle .buttons{
    margin-top:0
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle .buttons .label_switch{
    width:46px;
    height:24px;
    background-color:#9c9c9c
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle .buttons .label_switch:after{
    top:50%;
    left:3px;
    -khtml-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20px;
    height:20px;
    border-radius:50%
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle .buttons .switch:checked+.label_switch{
    background-color:#ee7b00
}
.mainPage .UI .content_tabs .UI_component .toogleButtons_content_toggle .buttons .switch:checked+.label_switch:after{
    left:calc(100% - 3px);
    -khtml-transform:translate(-100%, -50%);
    transform:translate(-100%, -50%)
}
.mainPage .UI .content_tabs .UI_component .colorEach .color{
    width:24px;
    height:24px
}
.mainPage .UI.UI_project{
    right:0;
    top:0;
    left:auto;
    width:270px;
    opacity:0;
    -khtml-transform:translateX(100%);
    transform:translateX(100%)
}
.mainPage .UI.UI_project .quit{
    width:100%;
    text-align:left;
    padding:11px 37px;
    border:none
}
.mainPage .UI.UI_project .quit:before{
    content:'';
    background:url("../asset/images/icon-new.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .UI.UI_project .content_tabs{
    padding-bottom:15px
}
.mainPage .UI.UI_project .btn_container{
    margin-left:20px
}
.mainPage .UI.UI_project .btn_container label,.mainPage .UI.UI_project .btn_container input,.mainPage .UI.UI_project .btn_container button{
    background-color:#fff;
    color:#9c9c9c;
    text-align:left;
    font-size:14px;
    text-transform:uppercase;
    width:100%;
    transition:all 0.2s ease
}
.mainPage .UI.UI_project .btn_container label:hover,.mainPage .UI.UI_project .btn_container input:hover,.mainPage .UI.UI_project .btn_container button:hover{
    color:#ee7b00
}
.mainPage .UI.UI_project .btn_container #UI_btn_import:before{
    content:'';
    background:url("../asset/images/icon-home.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .UI.UI_project .btn_container #UI_btn_save:before{
    content:'';
    background:url("../asset/images/icon-save.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .UI.UI_project .btn_container #UI_btn_share:before{
    content:'';
    background:url("../asset/images/icon-share.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .UI.UI_project .btn_container #UI_btn_ordx:before{
    content:'';
    background:url("../asset/images/icon-export.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .UI.UI_project .btn_container #UI_btn_checkout:before{
    content:'';
    background:url("../asset/images/icon-cart.svg");
    background-repeat:no-repeat;
    display:inline-block;
    width:25px;
    height:25px;
    background-size:contain;
    vertical-align:middle;
    margin-right:13px
}
.mainPage .af_container{
    opacity:0;
    -khtml-transform:translate(-50%, -100%);
    transform:translate(-50%, -100%);
    text-align:center;
    padding:2px 15px;
    background-color:#fff;
    -ms-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    -o-box-shadow:0 3px 6px rgba(0,0,0,0.16);
    box-shadow:0 3px 6px rgba(0,0,0,0.16)
}
.mainPage .af_container #af_title{
    background-color:#fff;
    color:#9c9c9c;
    font-size:11px;
    text-transform:uppercase;
    position:relative;
    display:inline-block;
    width:auto;
    margin:0;
    padding:2px 0 9px
}
.mainPage .af_container #af_title:after{
    content:'';
    width:52px;
    height:4px;
    background-color:#ee7b00;
    display:block;
    position:absolute;
    right:0;
    bottom:0
}
.mainPage .af_container .affichage{
    background-color:#fff;
    border-bottom:none
}
.mainPage .af_container .affichage .flexible{
    margin:5px 0 2px;
    display:flex;
    align-items:center;
    justify-content:space-evenly
}
.mainPage .af_container .affichage .af_opt{
    padding:3px 9px
}
.mainPage .af_container .affichage .af_opt img{
    width:33px;
    height:auto;
    max-height:33px
}
.mainPage.mainPageConfiguration .UI_content{
    background:#fff;
    border:1px solid #cececf
}
.mainPage.mainPageConfiguration .UI_content:first-child{
    margin-bottom:20px;
    padding-bottom:7px
}
.mainPage.mainPageConfiguration .UI_header{
    justify-content:space-between;
    transition:all 0.2s ease;
    padding:15px 17px 7px
}
.mainPage.mainPageConfiguration .UI_header_logo{
    margin-top:8px;
    transition:width 0.15s ease
}
.mainPage.mainPageConfiguration .UI_header_price{
    -khtml-transform:translateX(0);
    transform:translateX(0)
}
.mainPage.mainPageConfiguration .UI_header_price.nfo_box{
    transition:all 0.25s ease;
    margin-bottom:5px
}
.mainPage.mainPageConfiguration .UI_header_title{
    display:none
}
.mainPage.mainPageConfiguration .UI_header:after{
    content:'';
    transition:width 0.18s ease;
    background-color:#9c9c9c;
    height:1px;
    display:block;
    width:100%;
    position:relative
}
.mainPage.mainPageConfiguration .UI.UI_project{
    opacity:1;
    -khtml-transform:translate(0);
    transform:translate(0);
    transition:transform 0.18s ease,opacity 0.18s ease
}
.mainPage.mainPageConfiguration .af_container{
    opacity:1;
    -khtml-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    transition:transform 0.18s ease,opacity 0.18s ease
}
#ColorPannel,.imgContainer{
    background-color:#fff;
    border:1px solid #9c9c9c
}
#ColorPannel{
    width:560px
}
#ColorPannel .color.pick{
    width:40px;
    height:40px
}
#ColorPannel .tab-button{
    border-radius:5px;
    border:none;
    background-color:#fff;
    color:#9c9c9c;
    font-size:14px;
    padding:0;
    box-sizing:border-box;
    margin:0;
    width:28%;
    height:auto;
    line-height:1;
    transition:all .2s ease
}
#ColorPannel .tab-button:hover{
    color:#ee7b00;
    transition:all .2s ease
}
#ColorPannel .tab-button.tab-active{
    border-radius:0;
    border-bottom:2px #ee7b00 solid;
    color:black;
    height:120%;
    transition:all .2s ease
}
.btn_system{
    width:100%;
    left:auto !important;
    right:0 !important;
    border-radius:unset !important;
    text-align:left;
    padding:11px 38px !important;
    text-transform:uppercase !important;
    font-size:14px;
    bottom:0;
    top:auto !important
}
.flexible_tabs{
    margin-top:20px
}
.flexible_tabs .zone_button{
    background-color:#cececf;
    border-bottom:1px solid #cececf;
    color:#fff;
    transition:all 0.2s ease;
    text-transform:uppercase
}
.flexible_tabs .zone_button:hover{
    color:#9c9c9c
}
.flexible_tabs .zone_button_active{
    color:#9c9c9c;
    background-color:#fff;
    border-bottom:1px solid #cececf
}
.popup{
    background-color:#fff;
    color:#ad0a0a;
    padding:30px 40px 20px;
    height:auto;
    border-radius:unset;
    border:1px solid #9c9c9c
}
.popup .cross{
    width:30px;
    font-size:36px;
    color:#9c9c9c;
    right:10px
}
.modal .form_container label{
    color:#000;
    font-size:14px;
    display:block;
    margin-bottom:10px
}
.modal .form_container input[type=text]{
    padding:12px 12px;
    font-size:12px;
    outline:none;
    color:#9c9c9c;
    display:block;
    width:100%;
    box-sizing:border-box;
    margin-bottom:20px
}
.modal .modal-content{
    max-width:700px;
    padding:50px 30px
}
.modal .modal-content .modal_text{
    color:#9c9c9c;
    text-align:center;
    max-width:80%;
    margin:0 auto
}
.modal .modal-content .buttons{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:20px 0 0
}
.modal .modal-content .buttons button{
    margin-right:10px
}
.modal .modal-content .buttons button:last-child{
    margin-right:0
}
.modal .modal-content .qui_confirm,.modal .modal-content .registerbtn,.modal .modal-content .quit_modal{
    padding:11px 37px;
    text-transform:uppercase;
    font-size:13px
}
@media only screen and (min-width: 1200px){
    .mainPage .UI{
        top:0;
        left:50px
    }
}