:root {
    --width_elt:1700px;
    --bleu:#337ab7;
    --vert:#5cb85c;
    --width_menu:310px;
    --external_shadow_10:0 0 10px rgba(0,0,0,.08);
}
*{margin:0;padding:0;outline: none;box-sizing: border-box;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
body{}
table{ border-spacing:0;}
html{background:#f5f5f5;font-family:op;font-size:12px;margin:0;padding:0;width:100%; height:100%;color:#777;}

img{border:0;}
ul{list-style-type:none;}
a{text-decoration: none;color:inherit;}

hr{clear: both;width: 100%;height: 1px;border: 0;background-color:#eee;border-top-color: #eee;border-top-style: none;border-top-width: 0px;}

@font-face{font-family:op;src:url("../fonts/open_sans/OpenSans-Regular.ttf") format('truetype');}
@font-face{font-family:opsb;src:url("../fonts/open_sans/OpenSans-SemiBold.ttf") format('truetype');}
@font-face{font-family:opb;src:url("../fonts/open_sans/OpenSans-Bold.ttf") format('truetype');}
@font-face{font-family:opxb;src:url("../fonts/open_sans/OpenSans-ExtraBold.ttf") format('truetype');}
@font-face{font-family:opl;src:url("../fonts/open_sans/OpenSans-Light.ttf") format('truetype');}
@font-face{font-family:opi;src:url("../fonts/open_sans/OpenSans-Italic.ttf") format('truetype');}
@font-face{font-family:opbi;src:url("../fonts/open_sans/OpenSans-BoldItalic.ttf") format('truetype');}
@font-face{font-family:ff;src:url("../fonts/FinalFantasy-aa4m.ttf") ;}
@font-face{font-family:ff2;src:url("../fonts/OPTIEngeEtienne.otf") ;}
@font-face{font-family:ff3;src:url("../fonts/finalf.ttf") ;}
@font-face{font-family:ffpixel;src:url("../fonts/PIXELADE.TTF") ;}

.cameraButtonContainer{overflow:hidden;height:35px;position:relative;color:#fff !important;margin-top:3px;margin-right:15px;border:0px solid red;}
.cameraButton{opacity:0;position: absolute; left: 0px; top: 0px; width:38px; height:28px;  cursor: pointer;}
.galleryButton{opacity:0;position: absolute; left: 0px; top: 0px; width:28px; height:28px; cursor: pointer;}
#qq-template-manual-trigger{display: none;}
.italic{font-style:italic;}
.bold{font-weight:bold;}

.txt_11{font-size:11px !important;}
.txt_10{font-size:10px !important;}
.txt_12{font-size:12px !important;}
.txt_14{font-size:14px !important;}
.txt_15{font-size:15px !important;}
.txt_16{font-size:16px !important;}
.txt_18{font-size:18px !important;}
.txt_19{font-size:19px !important;}
.txt_20{font-size:20px !important;}
.txt_22{font-size:22px !important;}
.txt_24{font-size:24px !important;}
.txt_25{font-size:25px !important;}
.txt_26{font-size:26px !important;}
.txt_29{font-size:29px !important;}

.cpointer{cursor:pointer;}
.uppercase{text-transform:uppercase;}

.opsb{font-family:opsb;}
.opb{font-family:opb;}
.op{font-family:op;}
.opl{font-family:opl;}
.opxb{font-family:opxb;}
.opi{font-family:opi;}

.green{color:#5C9D27;}
.gray{color:#aaa;}
.bleu{color:#337ab7}
.rouge{color:#f42020}

.floatr{float:right;}
.floatl{float:left;}

.fa-1_5x{font-size:1.5em}
.fa-1_3x{font-size:1.3em}

.div_error{padding:15px;background:#da5959;color:#fff;font-weight:bold;}

input[type=text],input[type=password]{height:30px;line-height:30px;padding-left:7px;padding-right:7px;border:1px solid #d9d9d9;-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none; border-radius: 0;/* get rid of default appearance for IE8, 9 and 10*/}

.container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

textarea{padding:20px;/* get rid of default appearance for IE8, 9 and 10*/font-family: op;font-size:15px;}
select{height:34px;line-height:34px;padding-left:7px;padding-right:7px;border:1px solid #d9d9d9;/*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;*/ /* get rid of default appearance for IE8, 9 and 10*/}

/******** LOGIN ***********/
#zone_login{display: none;position:absolute;top:59px;right:0px; }
#div_login{width:410px;margin:0px auto 0 auto;padding:0px 0px; color:#fff;text-align: center;
    color: #CCCCCC;

}

#div_menu_flottant{background:#fafafa;border:1px solid #eaeaea;border-top:1px solid #fff;width:310px;padding:20px;display: flex; flex-direction: column;box-shadow: var(--external_shadow_10) ;}
#div_menu_flottant_welcome_logoff{display: flex;justify-content: center;margin-bottom:10px;padding-bottom:10px;}
/*#div_login2{height:310px;width:310px;margin:0px auto 0 auto;padding:40px 20px;color:#fff;text-align: center;*/
/*    color: #CCCCCC;background:-webkit-radial-gradient(-180px 0px,circle ,#0053ad 300px,#001b85 500px,#000223);*/
/*    border: 5px solid #fafafa; border-radius:4px;*/
/*}*/


.div_login2{border: solid 1px #424542;
    box-shadow: 1px 1px #e7dfe7,
    -1px -1px #e7dfe7,
    1px -1px #e7dfe7,
    -1px 1px #e7dfe7,
    0 -2px #9c9a9c,
    -2px 0 #7b757b,
    0 2px #424542;
    width: 500px;
    padding: 20px 0px !important;
    margin: 0px 0px !important;

    /*background: #04009d;*/
    /*background: -moz-linear-gradient(top,  #04009d 0%, #06004d 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04009d), color-stop(100%,#06004d));*/
    /*background: -webkit-linear-gradient(top,  #04009d 0%,#06004d 100%);*/
    /*background: -o-linear-gradient(top,  #04009d 0%,#06004d 100%);*/
    /*background: -ms-linear-gradient(top,  #04009d 0%,#06004d 100%);*/
    /*background: linear-gradient(135deg,  #04009d 0%,#06004d 100%);*/
     );
    background: linear-gradient(to bottom, #04009d 0%,#06004d 100%);
    /*06004d*/


    /*-webkit-border-radius: 7px;*/
    /*-moz-border-radius: 7px;*/
    /*border-radius: 7px;*/
    /*position: absolute;*/
    /*top:calc(50vh - 155px) !important;*/
    /*left:calc(50vw - 155px) !important;*/
}

#div_login2 *{
    color: #eff1ff;
    text-shadow: 2px 2px #212421,
    1px 1px #212021;
    font-family: ffpixel;
    font-size: 20px;
    font-weight: normal;
    /*margin: 5px 0;*/
}

.h1_ff7{    color: #eff1ff;
    text-shadow: 2px 2px #212421, 1px 1px #212021;
    font-family: Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0;
}
.txt_ff7{color: #eff1ff;
    text-shadow: 2px 2px #212421,
    1px 1px #212021;
    font-family: ffpixel;
    font-size: 26px;
    font-weight: normal;
text-align: center;margin-bottom:8px;}


#lecteur{display: none;}

/*#form_login2 input[type=text],#form_login2 input[type=password]{border:4px solid red !important;background: #747474 !important;}*/
#form_login2{padding:0 65px;margin-top:0px;text-align: left;}
/*#form_login2 *{text-shadow: 2px 2px #212421, 1px 1px #212021;}*/

#form_login2 input:focus{
    background-color:#747474;
}

#form_login2 input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px #747474 inset;
    border:1px solid #fff;
    color:#fff !important;
    width:100%;
    -webkit-appearance: none;
    font-family: ffpixel;
    font-size:20px;
    background:#747474;

}

#form_login2 input {

    -webkit-appearance: none;
    width:100%;
    /*-webkit-box-shadow: 0 0 0px 1000px #747474 inset;*/
    border:1px solid #fafafa;
    color:#fafafa;
    width:100%;
    font-family: ffpixel;
    font-size:20px;
    background:#747474;

}
.div_link{margin-bottom: 15px;}
.selected{
    position: absolute;
    margin: 10px 0px 0px -50px;
    z-index: 1;
    width:40px;
}
.shadow{}
#menu li{border:1px solid purple;line-height: 40px;
    width: 0px;padding-left:80px;}

/*#div_login h1{text-transform: uppercase;font-family: opb;font-size: 26px;text-align: center;}*/



#form_login input[type=text],#form_login input[type=password]{opacity:0.95;width: 100%;margin-bottom:10px; }
#bt_login{width:100%;height:36px;line-height:36px;padding-top:0px;padding-bottom:0px;margin:15px auto 0 auto;display: block;border-radius: 0;-moz-appearance: none;
    appearance: none;-webkit-appearance: none;
    -ms-appearance: none;background:#EEE;border:0;}

#bt_login2{width: 100%;height:30px;line-height:30px;-webkit-appearance: none;
    background: linear-gradient(135deg,  #8b2f8f 0%,#8c002d 100%);
    border:1px solid #fafafa;
    color:#fafafa;
    font-family: ffpixel;
    font-size:20px;
}


#forgot_password{font-size: 10px;}

/******* BREADCRUBM ********/
/*#breadcrumb:before {*/
/*    background:linear-gradient(270deg,yellow 0,#f42020);*/
/*    content:"";*/
/*    position:absolute;*/
/*    pointer-events:none;*/
/*    width:20px;*/
/*    height:40px;*/
/*    z-index:1;*/
/*    left:0;*/
/*    top:0*/
/*}*/
#breadcrumb {
    position: relative;
    display:block;
    /*direction:rtl;*/
    -webkit-overflow-scrolling:touch;
    overflow-x:auto;
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
    overflow-y:hidden;
    white-space:nowrap;
    height:40px;
    display: flex;
    align-items: center;
    padding-left:10px;
}
/*e9ebf1*/

#breadcrumb > span{border:0px solid red;color:#81848d;}
#breadcrumb > span.bread:not(.bread_universe)::after {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size:14px;
    padding:0 5px;
}

#breadcrumb > span.bread_item:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size:14px;
    padding:0 5px;
}



#breadcrumb > span:nth-last-child(1) {
    font-family: opb;
    margin-right:30px;
}

/*#breadcrumb > span:last-child {*/
/*    font-family: opb;margin-left:auto;margin-right:8px;*/
/*}*/


.swiper{height:200px;}
.swiper_solo {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;
}

.block_ff{position:fixed !important;top:calc(50vh  - 100px )  !important;left:calc(50vw - 100px) !important;width:200px !important; height:200px !important; }

/*background-color: linear-gradient(225deg, #00020D 0%, #D4F6FF  100%);*/

header{display: flex;height:60px;padding:0 20px;background-color:#fff;border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;align-items: center;position: sticky;top:0;z-index:10000;}

header > div:nth-child(1){width:var(--width_menu);background:url(../images/logo_ff_collection2.png) no-repeat 0px 6px;height:60px !important;overflow: hidden;background-size: 275px; }

#link_header_home{font-family: ff3;font-size:28px;line-height:86px;padding-left:70px;display: block;height:60px;}

header > div:nth-child(2){flex:1;display:flex;align-items: center;justify-content: flex-start;}
header > div:nth-child(2) input[type=text]{width:700px;}

header > div:nth-child(3)  {width:300px;border:0px solid purple;display: flex;justify-content: flex-end;align-items: center;}
/*header > div:nth-child(3) {width:300px;display:flex;justify-content: flex-end;font-size:12px;}*/


#div_menu_parameter{height:40px;display: flex;align-items: center;}

main{display: flex;background:url(../images/fd_degra.png) repeat-x top left;}
#menu_pur{box-shadow: 0 0 15px rgba(0,0,0,.1);}
menu{width:var(--width_menu);padding:40px 0px 20px 25px;}
.one_menu_filter{background: #fff;padding:0px;/*box-shadow: 0 0 15px rgba(0,0,0,.1);*/}
.div_menu_title{font-family: opb;font-weight: normal;text-transform: uppercase;padding:7px ;background:#e9e9e9;display: flex;justify-content: space-between;align-items: center;cursor: pointer;  border: 1px solid #ccc;border-right:1px solid #e9e9e9;border-left:4px solid var(--bleu);}
/*.div_menu_title:not(:last-child){  border-bottom: 1px solid #ccc;}*/
.div_menu_title h2{font-size:12px;}
.div_menu_containt{/*padding:9px;*/max-height:500px;overflow-y: scroll;overflow-x: hidden;}

/*.one_menu_filter > label{display: block;margin-bottom:5px;} background-color:#337ab7cc*/
.constainer{display: flex;justify-content: space-between;;padding:9px 9px;border-bottom:1px solid #ddd;}
.constainer checkbox{margin-left:5px;}
.constainer >span:first-child{font-family: opb;}

/*.constainer:not(:nth-child(1)){margin-top:10px;}*/

.constainer_sub{display: flex;justify-content: space-between;padding:9px 9px;border-bottom:1px solid #ddd;border-bottom:1px solid #ddd;}
.constainer_sub_dependency{background: url(../images/fd_degra.png) repeat-x top left #f0f0F0;}
.constainer_sub >span:first-child{font-family: opb;}

/*.container_sub_have_sub_sub {background:url(../images/ligne_menu_ff.png) no-repeat #f0f0f0 ;background-position: 16px 16px;}*/
.container_sub_have_sub_sub {background:#f0f0f0 ;}

/*.constainer_sub_sub{display: flex;justify-content: space-between;padding:9px 9px;border-bottom:1px solid #ddd;background:url(../images/ligne_menu_ff.png) repeat-y  ;background-position: 16px 0;}*/

.constainer_sub_sub{display: flex;justify-content: space-between;padding:9px 9px;border-bottom:1px solid #ddd;}
.constainer_sub_sub >span:first-child{font-family: opb;}




/*.container_last_sub_sub {background:url(../images/ligne_menu_ff.png) no-repeat  !important;background-position-y: bottom 16px !important;background-position-x: 16px !important;}*/

.span_number_total_item{font-family: opb; color:#337ab7;color:#bbb;}
.span_number_item{font-family: opsb; color:#337ab7dd;color:#bbb;}

.div_constainer_sub_sub{background-image: url(../images/fd_degra.png),url(../images/fd_degra_bottom.png);background-repeat: repeat-x; background-position: top left,bottom left;background-color: #e7e7e7 !important;}

.div_constainer_sub{background-image:url(../images/fd_degra_bottom.png);background-repeat: repeat-x; background-position: bottom left;background-color: #f0f0f0 !important;}



/*.one_cat_menu{margin-bottom:20px;}*/
.one_cat_menu hr{background-color:#bbb;margin:8px 0;}

#search{border-top-left-radius: 2px;border-bottom-left-radius: 2px;}
#search_submit{border: none;background: #337ab7;border-top-right-radius: 2px;border-bottom-right-radius: 2px;height:30px;width:34px;color:#fff;}
#main_section{flex:1;padding:0px 15px 20px 15px;width:calc( 100% - var(--width_menu));}

#main_list{display: flex;flex-wrap: wrap;background:#fff;}
#main_list > article.article_category{width:calc(100% / 6);height:90px;border-right: 1px solid #e9ebf1;
    background: #fff;border-bottom: 1px solid #e9ebf1;padding:0px ;}

.article_disabled{opacity: 0.2 !important;}
.main_list_with_cat{margin-bottom: 16px;margin-left:8px;margin-right: 8px;box-shadow: 0 0 15px rgba(0,0,0,.1);background: #fff;}
.main_universe{margin-bottom: 16px;margin-left:8px;margin-right: 8px;box-shadow: 0 0 15px rgba(0,0,0,.1);}
.main_config{margin-bottom: 16px;margin-left:8px;margin-right: 8px;box-shadow: 0 0 15px rgba(0,0,0,.1);}

.main_config  .article_category{text-transform: uppercase;font-size:13px; font-family: opb;}
.main_config .article_category:hover{color:#fff;background-color:var(--bleu) !important;}

.main_universe .article_category{text-transform: uppercase;font-size:13px; font-family: opb;}
.main_universe .article_category:hover{color:#fff;background-color:var(--bleu) !important;}


.main_list_with_cat .article_category_pur:hover{box-shadow: 0 0 10px rgba(0,0,0,.08) inset;}

#div_order{margin-left:8px;margin-right: 8px;/*box-shadow: 0 0 15px rgba(0,0,0,.1);;*/margin-bottom: 20px;display: flex;justify-content: flex-end;margin-top:0px;border-bottom:1px solid #d3d3d3;padding-bottom:17px;}

#div_menu_flottant_welcome_bt{display: flex;}
#div_menu_flottant_welcome_bt > a {display: flex;justify-content: center; align-items: center;height:40px; box-shadow: var(--external_shadow_10) ;}
#div_menu_flottant_welcome_bt > a:nth-of-type(2n+1) {width:calc(50% - 15px); border-radius: 3px; border:1px solid #eaeaea; margin-right:15px; }
#div_menu_flottant_welcome_bt > a:nth-of-type(2n+2) {width:calc(50% - 15px); border-radius: 3px; border:1px solid #eaeaea; margin-left:15px; }
#div_menu_flottant_welcome_bt > a:hover {background: var(--bleu);color:#fff; }


#div_order{}
.div_mod_show{background:#fff;box-shadow: 0 0 15px rgba(0,0,0,.1);height:32px;width:32px;margin-left: 8px;border-radius: 2px;display: flex;justify-content: center; align-items: center;}
.div_mod_show_selected{background-color:var(--bleu);color:#fff;}
.div_mod_show:hover{background-color:var(--bleu);color:#fff;}


#bt_add_item{box-shadow: 0 0 15px rgba(0,0,0,.1);height:32px;width:32px;margin-left: 8px;border-radius: 2px;display: flex;justify-content: center; align-items: center;cursor: pointer;background-color:var(--vert);color:#fff;}

#bt_not_owned_item{box-shadow: 0 0 15px rgba(0,0,0,.1);height:32px;width:32px;margin-left: 8px;border-radius: 2px;display: flex;justify-content: center; align-items: center;cursor: pointer;background-color:#666;color:#fff;}

.list_item{background: none !important;}

#select_order_item{width:200px;}

#div_filter{margin-left:8px;margin-right: 8px;/*box-shadow: 0 0 15px rgba(0,0,0,.1);;*/margin-bottom: 16px;display: flex;justify-content: space-between;}
#div_filter_btn button.btn{box-shadow: 0 0 15px rgba(0,0,0,.1);margin-bottom: 8px;margin-right:8px;}
.article_item{position: relative;}
/*.article_back{display: flex !important;align-items: center;justify-content: center;flex-direction: column}*/
.article_back i{margin-top:30px;margin-bottom:30px;color:#ccc}

#main_list > article.article_item{width:calc(100% / 6 - 16px);border:0px solid red;display: block;padding:20px;border-right: 1px solid #e9ebf1;
    background: #fff;border-bottom: 1px solid #e9ebf1;box-shadow: 0 0 12px rgba(0,0,0,.1); margin-right:8px;margin-left: 8px;margin-bottom:16px;border-radius:2px;}

#main_list > article.article_item:nth-child(6n+1){margin-right:8px;}
#main_list > article.article_item:nth-child(6n+6){margin-left:8px;}

#main_list.list_item_horizontaly{flex-direction: column;margin-right:16px;}
#main_list.list_item_horizontaly > article.article_item{width:100%;display:flex;}
#main_list.list_item_horizontaly > article.article_item > div:nth-of-type(1){width:200px;}
#main_list.list_item_horizontaly > article.article_item > div:nth-of-type(2){width:calc(100% - 200px - 40px);margin-left:40px;}
#main_list.list_item_horizontaly > article.article_item > div:nth-of-type(1) .swiper{height:130px;}



/*#main_list article > a{display: block;height:100%;}*/
.hidden_menu{display: none;}



.fa-back{color:#337ab7;}
.swiper-button-next{font-size: 12px;color:#aaa !important;}
.swiper-button-prev{font-size: 12px;color:#aaa !important;}

.a_full{height:100%;text-align:center;display: flex;align-items: center;justify-content: center }

:root {
    --swiper-navigation-size: 24px !important;
}

.div_link_category{display: flex;justify-content:center; align-items: center;height:100%;padding:15px 30px;}

/*.div_item_photo{height:200px;border:0px solid red;}*/
/*.div_item_photo{border:1px solid red;}*/

.img_category{height: 100%;}


.div_item_describe{text-align: left;margin-top:20px;color:#333;}
.div_item_describe a:not(.link_edit_item) {display: block;}
.div_item_describe h2{font-family: opb;font-weight: normal;font-size:12px; text-transform: uppercase;}

#no_item{display: flex !important;align-items: center;justify-content: center;}

.swiper-slide {
    height: auto;
}
#item{background:#fff;display: flex;padding:40px;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-left:8px;margin-right:8px;position: relative;}
#item_photos{width:calc(50%);position: relative;}
#item_description{width:calc(100% / 2);padding-left:30px;color:#333;}
#item_description h1{font-family: opb;font-weight: normal;font-size:18px; text-transform: uppercase;}
#item_description h2{font-family: opb;font-weight: normal;font-size:14px; text-transform: uppercase;}
#item_ribbon{position: absolute;left:0; top:30px;z-index:1000;display: flex;flex-direction: column;}
#item_ribbon img{margin-bottom: 5px;width:80px;}

.item_ribbon2{display: flex;margin-top:20px;}
.item_ribbon2 div:not(:last-child){margin-right:10px; }
/*.item_ribbon2 div:nth-child(1){ padding:0 10px;}*/
/*.item_ribbon2 div:nth-child(2){padding:0 10px; }*/
.is_limited_edition{color:#fff;background-image: linear-gradient(90deg, #E70205 0%, #B51016  100%);padding:2px 6px; text-align: center;font-family: opb;font-size:10px;display: flex;align-items: center;cursor:default;height:24px;}
.is_original{color:#fff;background-image: linear-gradient(90deg, #EFB106 0%, #CE9905  100%);padding:2px 6px; text-align: center;font-family: opb;font-size:10px;display: flex;align-items: center;cursor:default;height:24px;}
.is_blistered{color:#fff;background-image: linear-gradient(90deg, #5C9D27 0%, #5C9D27  100%);padding:2px 6px;text-align: center;font-family: opb;font-size:10px;display: flex;align-items: center;cursor:default;height:24px;}

.table_caract{width:100%;margin-top:6px;}
.table_caract tr td{padding:8px 5px;width: 50%;}
.table_caract tr td:nth-child(2){font-family: opb;}
.table_caract tr:nth-child(odd) td{background:#eee;}

.div_brand_zone{display: flex;justify-content: space-between;}
.zone_flag{height:16px;margin-left:8px;}

#bandeau_filter_responsive{display: none;}

.return_category{background:#fff;height:90px;margin-bottom:20px;display: flex;box-shadow: 0 0 15px rgba(0,0,0,.1);margin-left:8px;margin-right:8px;}
.return_category a {border-right: 1px solid #e9ebf1;
    background: #fff;padding:0px ;display: flex;justify-content: center;align-items: center;width:calc(100% / 6);}
.return_category div{flex:1;display: flex;justify-content: center;align-items: center;padding:5px 10px;}

.return_category a:hover,.return_category2 a:hover{background:#337ab7dd;}
.return_category a:hover i,.return_category2 a:hover i{color:#fff;}

.return_category > div {padding:8px;}

#switch_view_mode_list{display: none;}

.ui-autocomplete {
    /*max-height: 500px;*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index:13000;

}
.ui-widget{z-index:13000;}

.ui-autocomplete-category {font-weight: bold;padding: .2em .4em !important;margin: .8em 0 .2em !important;line-height: 1.5;color:#212121;}

.ribbon_litle_txt{display: none;}

/******** GALLERY ************/
.div_img{height:100%;}
.top_img_gallery{position: absolute;height:30px;line-height:30px;width:100%;background:url(../images/fd_status_loading.png);padding:0 10px;top:0;color:#fff !important;font-size:14px;display: flex;align-items: center;}
.top_img_gallery > *:not(:last-child){color:#fff;margin-right:10px;}

/*.link_edit_item{position:absolute; bottom:25px; right:15px;display: none;}*/
.link_edit_item{display: flex !important;align-items: center;justify-content: center;height:24px;}

.article_item:hover .link_edit_item{display: block;}
#item:hover .link_edit_item{display: block;right:40px;}

.eagle-gallery .eagle-open-gallery.light{z-index:11000;}
.eagle-gallery .eagle-open-gallery.dark{z-index:11000;}

.div_link_edit_item{display: flex;justify-content: flex-end;padding-top:20px;font-size:13px;text-transform: uppercase;font-family: opsb;}
.link_edit_item2{}
#link_logout{margin-left: 20px;}
#link_member{margin-left: 20px;}
#param_responsive {margin-right:15px;border-right:1px solid #ccc;padding-right:15px}
#param_responsive a{display: flex;align-items: center;/*margin-right:15px;border-right:1px solid #ccc;padding-right:15px*/}

.eagle-gallery .owl-carousel.mini-slider{margin:0px !important;}


@media (max-width: 1920px) {
    #main_list > article.article_category{width:calc(100% / 5);}

    #main_list > article.article_item{width:calc(100% / 5 - 16px);margin-right:8px;margin-left: 8px;margin-bottom:16px;}
    #main_list > article.article_item:nth-child(5n+1){margin-right:8px;}
    #main_list > article.article_item:nth-child(5n+5){margin-left:8px;}

    .return_category a {width:calc(100% / 5);}
}

@media (max-width: 1760px) {
    #main_list > article.article_category{width:calc( (100%) / 4 );}

    #main_list > article.article_item{width:calc(100% / 4 - 16px);margin-right:8px;margin-left: 8px;margin-bottom:16px;}
    #main_list > article.article_item:nth-child(4n+1){margin-right:8px;}
    #main_list > article.article_item:nth-child(4n+4){margin-left:8px;}

    .return_category a {width:calc(100% / 4);}

}

@media (max-width: 1385px) {
    /*#main_list > *{width:calc(100% / 3);}*/

}

@media (max-width: 1485px) {
    #main_list > article.article_category{width:calc(100% / 3);}

    #main_list > article.article_item{width:calc(100% / 3  - 16px);margin-right:8px;margin-left: 8px;margin-bottom:16px;}
    #main_list > article.article_item:nth-child(3n+1){margin-right:8px;}
    #main_list > article.article_item:nth-child(3n+3){margin-left:8px;}

    .return_category a {width:calc(100% / 3);}
    :root {
        --width_menu: 290px;
    }

    header > div:nth-child(2) > div:nth-of-type(1) {flex:1;}

    header > div:nth-child(2) input[type=text]{width:calc(100% - 34px);}




}

@media (max-width: 1125px) {
    /**{color:red !important;}*/
    main{flex-direction: column;}
    menu{width: 100%;padding: 0px 0px 0px 0px;background:#f9f9f9;position:sticky;top:60px;z-index: 9999;}
    /*#menu_pur{margin-top:10px;}*/
    #main_section{width: 100%;}
    #bandeau_filter_responsive{height:40px;background: #fff;display: flex;justify-content: center;align-items: center;border-bottom:1px solid #e0e0e0;cursor: pointer;position: sticky;top:00px;z-index:10000;font-family: opb;}
    #bandeau_filter_responsive i{margin-left:8px;}
    #main_filter{padding:25px 25px 25px 25px;display: none;position: fixed;width:100%;background:#e9e9e9;z-index:9999;top:100px;
        height: calc(100vh - 100px);
        overflow-y: scroll;
        overflow-x: hidden;}
    .one_menu_filter{box-shadow: 0 0 12px rgba(0,0,0,.1) !important;}
    .div_menu_containt{max-height: 30vh !important;}
    /*header > div:nth-child(1){width:150px;}*/
    /*header > div:nth-child(2) input[type=text]{width:400px;}*/
    #zone_login{display: none;position:absolute;top:60px;right:0px;z-index:140000 !important; }


}

@media (max-width: 870px) {
    #main_list > article.article_category{width:calc(100% / 2);}

    #main_list > article.article_item{width:calc(100% / 2  - 16px);margin-right:8px;margin-left: 8px;margin-bottom:16px;}
    #main_list > article.article_item:nth-child(2n+1){margin-right:8px;}
    #main_list > article.main_universearticle_item:nth-child(2n+2){margin-left:8px;}

    .return_category a {width:calc(100% / 2);}

    #item{flex-direction: column;}
    #item_photos{width:100%;}
    #item_description{width:calc(100%);margin-top:30px;padding-left:0px}


    .span_paramater{display: none;}
    header > div:nth-child(3) {width:85px;}
    #param_responsive{margin-right:10px;padding-right:10px;}
    #param_responsive i {font-size:19px;}
    #link_logout{margin-left: 5px;}

    /*header > div:nth-child(1){width:100px;}*/

    /*header > div:nth-child(2){flex:1;display:flex;flex-direction:column;align-items: center;justify-content: space-between;}*/
    /*header > div:nth-child(2) > div:nth-of-type(1){order: 2;}*/
    /*header > div:nth-child(2) > div:nth-of-type(2){order: 1;}*/

}
@media (max-width: 740px) {

    :root {
        --width_elt: 440px;
    }

    /*header > div:nth-child(2) input[type=text]{width:250px;}*/


    /*#search{border-top-left-radius: 34px;border-bottom-left-radius: 34px;width:200px;}*/



    /*#div_login{width:355px;}*/
    /*#div_login h1{font-size: 22px;}*/
}


@media (max-width: 620px) {
    /* width 310*/
    :root {
        --width_elt: 310px;
    }

    #switch_view_mode_list{display: flex;}
    #switch_view_mode_th{display: none;}


    #item_ribbon {top:20px;}
    #item_ribbon img{margin-bottom: 5px;}
    /*body{background-size:initial;background-position:  -1050px -100px;}*/

    #div_login{margin:40px auto 0 auto;}

    /*#main_list > article.article_category{width:100%;height:auto;padding:0px;height:90px}*/
    #main_list > article.article_item{width:calc(100% - 16px);height:100%;padding:20px;margin-bottom: 16px;}

    #main_list.list_item > article.article_item > div:nth-of-type(1) {
       width: 150px;
    }
    #main_list.list_item > article.article_item > div:nth-of-type(2){margin-left:15px;calc(100% - 150px) !important;}
    #main_list.list_item > article.article_item > div.div_item_describe{width:calc(100% - 150px) !important;padding-right:10px;margin-top:0;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 {display: flex;flex-wrap: wrap;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div:not(:last-child) {
        margin-right: 5px;}
    /*#main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > * {margin-bottom: 8px;}*/



    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_limited_edition{;height:22px; display: flex; justify-content: center;align-items: center;}


    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_original{height:22px; display: flex; justify-content: center;align-items: center;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_blistered{;height:22px; display: flex; justify-content: center;align-items: center;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 .ribbon_big_txt{display: none;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 .ribbon_litle_txt{display: initial;}



    #main_list.list_item > article.article_item{padding:15px;}

    /*.div_link_edit_item{height:24px;display: flex;align-items: center;width:calc(50% - 5px)}*/
    .btn.link_edit_item{height:22px;display: flex !important;align-items: center;padding:0 8px; !important;}

    .return_category{height:auto;flex-wrap: wrap;}
    .return_category a {width:calc(100%);height:90px;}
    .return_category div {width:calc(100%);flex:none;height:90px;display: flex;justify-content: center;align-items: center;border-top:1px solid #eee;}

    #main_list.list_item > *{height:auto;}
    .swiper{height:auto;}
    /*.div_item_photo_back{height:auto;}*/

    /*#div_login{width:310px;}*/
    /*#div_login {padding:40px 20px;}*/
    #div_order >div:nth-of-type(1){flex:1}
    #div_order >div:nth-of-type(1) select{width:100%}
    header{height:95px;flex-wrap: wrap;align-items: start;}
    header > div:nth-of-type(1){height:45px !important ; width:80% ;order: 1;border:0px solid red;/*background: url(../images/logo_ff_collection.png) no-repeat 0px 1px;background-size: 238px;*/;background-position:0 2px; }
    #link_header_home{line-height:0px;height:45px ;padding-left:56px;font-size:24px;padding-top:40px;}
    header > div:nth-of-type(2){width:100%;order: 3;background: green;}
    header > div:nth-of-type(3){width:20% !important;;order: 2;border: 0px solid blue;height:45px;margin-top:4px;}
    /*header > div:nth-child(2){flex:1;display:flex;flex-direction:column;justify-content: space-between;}*/
    /*header > div:nth-child(2) > div:nth-of-type(1){order: 2;width:100%;margin-top:5px;}*/
    /*header > div:nth-child(2) > div:nth-of-type(2){order: 1;width:100%;justify-content: space-between;}*/

    .ui-widget{z-index:13000;width:100vw !important;left:0 !important;border-top:0px solid #ccc;top:70px !important;position:fixed !important;}

    #div_menu_flottant{width:100%;}
    #zone_login{top:94px;border-top:0px solid red;width:100%;}
    #form_login2{padding:0 65px;}
    #div_login{width:100%;}
    menu{top:95px;}

    .div_link_edit_item a{width:100%;}

    #main_filter{top:135px; height: calc(100vh - 135px);}
}
@media (max-width: 470px) {

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div:not(:last-child) {
        margin-right: 0px;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > * {
        margin-bottom: 8px;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 {display: flex;flex-wrap: wrap;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div:not(:last-child) {
        margin-right: 0px;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > * {
        margin-bottom: 8px;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > *:nth-child(1) {border:0px solid cyan;margin-right: 0 !important;}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > *:nth-child(2):not(.link_edit_item) {border:0px solid purple;margin-left: 12px !important;;/*margin-right: 12px !important;;*/}
    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 > *:nth-child(3) {border:0px solid purple;margin-left: 12px;margin-right: 0px !important;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_limited_edition{/*width:calc(100% / 3 - 8px);*/height:22px; display: flex; justify-content: center;align-items: center;}


    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_original{/*width:calc(100% / 3 - 8px);*/height:22px; display: flex; justify-content: center;align-items: center;}

    #main_list.list_item > article.article_item > div.div_item_describe div.item_ribbon2 div.is_blistered{/*width:calc(100% / 3 - 8px);*/height:22px; display: flex; justify-content: center;align-items: center;}

    .btn.link_edit_item{height:22px;display: flex !important;align-items: center;padding:0 8px; !important;/*width:calc(100% / 5 - 8px) !important;*/margin-left:12px !important;margin-right:0 !important;}



}
@media (max-width: 380px) {

    #param_responsive{margin-right:6px;padding-right:6px;}

}