/*** GLOBAL **/

/* html, */
body {
    width: 100%;
    overflow-x: hidden;
    height: auto;
    background: white !important;
}

.disp-nomob, #disp-nomob {
    display: none !important;
}

.disp-mob, #disp-mob {
    display: block !important;
}

.disp-mob.inline, #disp-mob.inline {
    display: inline !important;
}

#main {
    width: 100%;
    min-height: auto;
}

#top4 {
    display: flex !important;
    width: 100%;
}

.moreinfos {
    width: 30%;
    height: 100%;
}

.lproduits {
    width: 70%;
    height: 100%;
}

.lproduit .title {
    width: 95%;
    padding: 6px 5px;
}

.lproduit {
    background-position: bottom;
    border-bottom: 0.1px solid #666666;
    box-sizing: border-box;
}

.spanpoint::before {
    content: "\2022 \00A0";
}

.moreinfos {
    display: flex;
    flex-direction: column;  
}

.moreinfo {
    display:block !important;
    height: 25% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    position: relative;
    background-color: white !important;
    border-bottom: 0.1px solid #666666;
    box-sizing: border-box;
}

#main .moreinfo .viewmainphoto {
    top: 0px;
    left: 0px;
    margin: auto;
    width: 80% !important;
    height: 80% !important;
    position: relative;
}

#main .moreinfo .viewmainphoto a {
    display: block !important;
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main .moreinfo .viewmainphoto .mainphoto {
    max-height: 70%;
    max-width: 80%;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main .moreinfo .prix {
    top: 0 !important;
    right: 0 !important;
    /* position: absolute; */
    font-size: 15px;
    top: 3% !important;
    right: 3% !important;
    display: block;
}

#main .moreinfo .dispo {
    top: 86% !important;
    right: 3% !important;
    position: absolute;

}

#main .moreinfo .gotoprod {
    display: none;
}

.moreinfos .moreinfo .otherphotos {
    display: none !important;
}

.lproduit .desc {
    height: 100%;
    width: 95%;
    margin: auto;
    position: relative;
}

.lproduit .linkText {
    font-size: 10px;
    position: absolute;
    bottom: 5%;
    right: 2%;
    color: #781500 !important;
}

.moreinfos .moreinfo .onglet-top4 {
    width: 50px !important;
    height: 50px !important;
    top: 0% !important;
    left: 0% !important;
	background-repeat: no-repeat !important;
}

/*** HEADER **/

#header {
    width: 100%;
    height: auto;
    position: relative;
}

#header #bandeau,
#top4,
.prodmain {
    display: none;
}

#header #bandeau-mob {
    display: block !important;
    position: absolute;
    width: calc(100%);
    margin-top: 6px;
}

#header #bandeau-mob .btn-menu {
    float: left;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 30px;
    color: #fff;
}

#header #bandeau-mob .btn-menu span {
    font-size: 14px;
    margin-top: 29px;
    display: block;
    text-align: center;
}

#header #bandeau-mob .btn-header {
    width: 43px;
    height: 44px;
    float: right;
    margin-right: 12px;
    cursor: pointer;
}

#header #bandeau-mob .btn-header.client {
    background: url('/images/structure/mob/btn-client.png') center center no-repeat;
    background-size: contain;
    width: 37px;
    height: 38px;
    margin-top: 5px;
}

#header #bandeau-mob .btn-header.panier {
    background: url('/images/structure/mob/btn-panier.png') center center no-repeat;
    background-size: contain;
    margin-right: 3px;
}

#header #bandeau-mob .btn-header.panier .nb-articles {
    background: #3fa535;
    color: #fff;
    font-size: 12pt;
    font-weight: bold;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    margin: 4px auto 0;
    text-align: center;
}


/** Menu */

#header #tophead #home {
    height: 45px;
    margin-top: 5px;
}

.home-nomob,
.espaces {
    display: none !important;
}

.home-mob {
    display: block !important;
    width: 110px;
    position: absolute;
    margin-left: 37px;
}

#menu-outbg {
    /** C'est le fond gris qui appara�t au dessus des �l�ments */
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    position: fixed;
}

#header #menu {
    z-index: 9999;
    width: 85%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -900px;
}

#header #menu #mainnav {
    height: 100%;
    background: #231f20;
}

#header #menu li:nth-child(n),
#header #menu li .submenu li {
    float: none;
    background: #231f20;
    width: 100%;
    height: auto;
    text-align: left;
    border-right: 1px solid #424242;
    border-bottom: 1px solid #424242;
}

#header #menu li:first-child {
    height: 31px;
}

#header #menu li a,
#header #menu li a:first-child,
#header #menu li a:last-child,
#header #menu li .submenu li a {
    padding: 8px 0px 0px;
    height: 23px;
    width: calc(100% - 10px) !important;
    padding-left: 10px;
    border: none;
    font-size: 14px;
    font-weight:normal;
}

#header #menu li.nosubmenu {
    /* background: repeating-linear-gradient(45deg, #231f20, #231f20 10px, #322e2f 10px, #322e2f 20px); */
    background: #231f20;
}

#header #menu li.nosubmenu:hover {
    background: white !important;
}

#header #menu li.soldes a {
    color: #caa243;
}

#header #menu li.offresspeciales a {
    color: #74d1ff;
}

#header #menu li.preco a {
    color: #14ca31;
}

#header #menu li.promotions a {
    color: #ea8c0E;
}

#header #menu li.nouveautes a {
    color: #e35a9a;
}

#header #menu li.offredr a {
    color: #bd82fd;
}

#header #menu li.destockage a {
    color: #d4a026;
}

#header #menu li.reconditionne a {
    color: #8f8f8f;
}

#header #menu li i,
#menu-index li i {
    content: '';
}

#header #menu li i:after,
#menu-index li i:after {
    content: ' ';
}

#header #menu li .submenu {
    background: none;
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    min-height: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

#header #menu li .submenu li {
    margin: 0;
}

#header #menu li .submenu .links,
#header #menu li .submenu img {
    display: none;
}

#header #menu li .submenu li a {
    line-height: normal;
}

#header #menu li .submenu li a span {
    width: 100%;
    color: #fff;
    padding-left: 10px;
}

#header #menu li .submenu li:hover a span {
    color: #000;
}

#header #menu li .submenu,
#header #menu li:hover .submenu {
    display: none !important;
}

#header #menu li:not(#btn-back-mob):hover {
    border-radius: 0;
    background: #fff;
}

#header #menu li.showit {
    background: #fff;
}

#header #menu li.showit>a {
    color: #000;
}

#header #menu li.showit .submenu {
    display: block !important;
}

#btn-back-mob {
    display: block !important;
}

#btn-back-mob span.close {
    display: block;
    width: 30px;
    height: 26px;
    float: left;
    color: #fff;
    font-size: 20pt;
    margin-left: 7px;
    cursor: pointer;
}

#btn-back-mob span {
    float: right;
    font-weight: bold;
    padding-right: 5px;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
}

#header #btn-back-mob .connect {
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

#header #btn-back-mob .connect.connected {
    text-decoration: none;
    cursor: initial;
}

#header #btn-back-mob .disconnect {
    color: #da9688;
    padding: 0 0 0 5px;
    cursor: pointer;
}


/** Tophead */

#header #tophead {
    position: inherit;
    width: 100%;
    height: 85px;
}

#header #tophead #formsearch {
    position: absolute;
    margin: 55px 0 0 0;
    height: 26px;
    width: 100%;
}

#header #tophead #formsearch input {
    height: 25px !important;
    margin: 0;
}

#header #tophead #formsearch #search {
    font-size: 9pt;
    width: 100%;
}

#header #tophead #formsearch #valid {
    margin-right: 0;
    margin-left: 3px;
    height: 25px !important;
}

#header #tophead #formsearch #suggest {
    width: calc(100% - 34px);
    top: 25px;
    margin: 0;
    max-height: 400px;
}

#header #tophead #formsearch #suggest ul li a {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    background-color: #fff;
}

#header #tophead #formsearch #suggest ul li:nth-child(odd) a {
    background-color: #f5f5f5;
}

#header #tophead #formsearch #suggest ul li a:hover,
#header #tophead #formsearch #suggest ul li:nth-child(odd) a:hover {
    background-color: #e9eaeb;
}

#header #tophead #formsearch #suggest-container {
    top: 27px;
    margin-left:0px;
    width: 100%;
}

#header #tophead #formsearch #suggest {
    top: 0;
    width: 100%;
    max-height: calc(100vh - (115px + 28px));
}

#header #tophead #formsearch #suggest ul li a {
    height: auto;
    line-height: initial;
}

#header #suggest .product-search .picture {
    padding: 0 5px 0 5px;
}

#header #suggest .product-search .container {
    margin-left: 55px;
}

#header #suggest .product-search .container .promos {
    text-indent: -9999px;
    line-height: 0;
}

#header #suggest .product-search .container .promos:after {
    content: "- Offre Spéciale";
    display: block;
    text-indent: 0;
    line-height: initial;
}


/** Fil d'ariane */

.mobile #cart #currentnav,
.mobile #currentnav {
    color: #000000;
    line-height: 16px;
    max-height: 18px;
    height: 18px !important;
    vertical-align: middle;
    width: 100% !important;
    overflow: hidden;
    word-break: break-all;
    margin-top: 3px;
}

.mobile #cart #currentnav span,
.mobile #cart #currentnav a,
.mobile #currentnav span,
.mobile #currentnav a {
    display: contents !important;
    height: calc(100% - 4px) !important;
    padding: 2px 0 !important;
    float: none !important;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 9px !important;
    width: 20%;
}

.mobile #cart #currentnav .dark,
.mobile #currentnav .dark {
    color: #000 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}


/*** FIN HEADER **/


/*** FOOTER **/

#linksfooter {
    width: 100%;
}

#infossoc {
    width: 100%;
}

#infossoc .linkssoc {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
}

#infossoc .linkssoc:last-child {
    margin-left: 0;
}

#infossoc .linkssoc li,
#infossoc a.subtitle {
    position: relative;
    float: none;
    top: auto;
    left: auto;
    text-align: left;
    width: calc(100% - 20px);
    background-color: #272525;
    height: 30px;
    padding: 8px 10px;
    margin: 0;
    border-bottom: 1px solid silver;
}

#infossoc .linkssoc li a,
#infossoc .linkssoc .li-nolink,
#infossoc a.subtitle {
    color: #e1e1e1;
    font-size: 12px;
    font-weight: bold;
    display: block;
    clear: both;
    white-space: nowrap;
}

#infossoc .linkssoc li a:hover,
#infossoc a.subtitle:hover {
    text-decoration: none;
}

#footer {
    height: auto;
    background: #fff;
}
#footer #et-kontakt div{
    color: black;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    display: block;
    text-align: center;
}

#footer #linkcom {
    padding: 0;
    width: 100%;
    text-align: center;
}

#footer #linkcom div {
    display:inline-block; 
    margin:10px; 
    vertical-align:middle;
}

#footer #linkcom:after {
    clear: both;
}

#footer #linkcom a {
    display: inline-block;
}

#footer #linkcom a img {
    display: block;
    height: 60px;
}

#footer #cpyright {
    margin: 0px auto 10px;
    width: 100px;
    float: none;
}

#infospub,
#linkcom a[href*="magasin"],
#linkcom a[href*="livraison"] {
    display: none !important;
}

#btntoppage img {
    height: 30px;
    width: auto;
}


/*** FIN FOOTER **/


/*** PAGE ACCUEIL **/

.lproduit {
    width: 100%;
}

.lproduit .fleche {
    display: none;
}

.bandeau {
    width: 100%;
    height: auto;
    position: relative;
}

.bandeau .bandsmall {
    display: none;
}

.bandeau .bandmob {
    position: relative;
    height: 60px;
    width: 100%;
    text-decoration: none;
    color: #231f20;
    border-bottom: 1px solid #231f20;
    display: table !important;
    text-align: center;
}

.bandeau .bandmob .texte {
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px;
}

.bandeau .bandmob .flecheright {
    background: url('/images/structure/fleche-droite-noire.png') no-repeat center left;
    height: 60px;
    margin: 0 10px;
    width: 20px;
    right: 0;
    top: 0;
    position: absolute;
}


/** Top ventes, + attendus */

#topprod,
#mostexpected {
    display: none;
}


/** Banni�res */

#bann {
    display: none;
}

#bannieres {
    width: 100%;
    height: 100%;
}

#mob-bann {
    overflow: hidden;
    height: 0;
}

#mob-bann img {
    width: 100%;
}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.swipe-wrap>a {
    float: left;
    width: 100%;
    position: relative;
}


/** Menu INDEX */

#menu-index {
    list-style: none;
    width: 100%;
}

#menu-index #mainnav,
#menu-index li {
    width: 100%;
    margin: 0;
    padding: 0;
}

#menu-index>ul>li {
    float: none;
    background: #231f20;
    width: 100%;
    height: auto;
    text-align: left;
    list-style: none;
}

#menu-index>ul>li>a {
    width: 100%;
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #fff;
    padding: 8px 0 8px 5px;
}

#menu-index li ul.submenu {
    display: none;
    background: #fff;
    padding: 0;
    position: relative;
    width: 100%;
    height: auto;
}

#menu-index li.showit ul.submenu {
    display: block !important;
}

#menu-index li.showit ul.submenu li {
    list-style: none;
    width: calc(50% - 0.5px);
    height: 48px;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

#menu-index li.showit>ul.submenu>li:nth-child(odd) {
    border-right: 1px dotted #000;
}

#menu-index li.showit>ul.submenu>li:last-of-type,
#menu-index li.showit>ul.submenu>li:nth-last-of-type(2):nth-child(odd) {
    border-bottom: 0;
}

#menu-index li.showit>ul.submenu>li a {
    text-decoration: none;
    display: block;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

#menu-index li.showit>ul.submenu>li a img {
    position: absolute;
    float: left;
    left: 2px;
    top: 2px;
}

#menu-index li.showit>ul.submenu>li a span {
    padding-left: 50px;
    height: auto;
    text-align: left;
    padding-left: 55px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2;
}

#menu-index .links {
    display: none;
}


/** R�cement consult�s */

#recemment_consultes {
    width: 100%;
    color: #fff;
    border: 0;
}

#recemment_consultes .wrapper {
    overflow: hidden;
    padding-left: 0;
}

#recemment_consultes .wrapper li {
    margin-bottom: 15px;
}

#recemment_consultes .firstelement a {
    line-height: 12px;
}


/*** FIN PAGE ACCUEIL **/


/*** PAGE COOKIES **/

#conditions {
    width: 100%;
    margin-bottom: 0;
}

#conditions #infos {
    border: 0;
    margin-bottom: 0;
}

#conditions p {
    padding: 10px;
    padding-bottom: 0;
}

#cookiemeldung {
    padding-top:0px;
    line-height:20px;
}

.cookieds1 {
    height: auto;
    width: 100%;
    border:0px;
    padding:30px;
}

.cookieds_textchk {
    width:100%;
}

.cookieds_textchk .title, .cookieds_textchk .textinfo {
    text-align:center;
}

.chkcontainer {
    margin:20px auto;
    text-align:center;
}

.cookieds1 div p {
    text-align:center;
}

.cookieds_bttn {
    float:left;
    width:100%;
}

.ccontainer {
    text-align:left;
    width:auto;
    margin-left:20px;
}

#cookiemeldung, #cookiedetails {
    padding: 0px 20px;
}

.cookiedetailfenster, .cookiedetailbox {
    width:100%;
    margin:0px;
    height:auto;
}

.cookiedetailfenster {
    overflow-y: scroll;
}

.cookiedetailbox {
    overflow-y: auto;
    margin:0px;
    position:relative;
}

.cookiedetailfenster #fenster2, .cookiedetailfenster #fenster3 {
    display:block;
}

#cookiedetails {
    height: 100%;
}

.cookieboxtitle {
    margin-top:20px;
}

.btn_cookie_details, .btn_cookie_details_back {
    width:240px;
}
/*** FIN PAGE COOKIES **/


/*** PAGE PLAN **/

#mainplan .submenu {
    padding-left: 10px;
}

#mainplan .submenu .maintitle {
    font-size: 15px;
}


/*** FIN PAGE PLAN **/


/*** PAGE GARANTIES **/

#infospage,
#conditions #infospage {
    border: 0;
}

#conditions .bigtitle {
    font-size: 18pt;
    margin: 0;
}


/*** FIN PAGE GARANTIES **/


/*** PAGE LIVRAISON **/

#livraison {
    border: 0;
    margin-bottom: 0;
}

#livraison #offres {
    display: none;
}

#livraison #offres-mob,
#livraison #offres-mob img {
    width: 100%;
}

#livraison #liv15h {
    width: calc(100% - 60px);
    margin: 20px 10px;
}

#livraison .pays .imgrsp {
    width: 97%;
}


/*** FIN PAGE LIVRAISON **/


/*** PAGE CONTACT **/

#contact {
    border: 0;
    margin: 0;
}

#contact #col1,
#contact #col2 {
    margin: 0;
    padding: 0 10px;
    float: none;
    width: auto;
}

#contact #col1 {
    margin-top: 10px;
}

#contact .link {
    display: table;
    background-size: contain;
    text-align: center;
    margin: 0 auto 5px;
    line-height: 15px;
}

#contact .center {
    padding: 20px 10px;
}

#contact #mag .bold,
#contact #mag p,
#contact #coord .bold,
#contact #coord p,
#contact #coord span.bold {
    padding: 0;
    margin: 10px;
}

#contact form {
    padding: 0 10px 5px 10px;
    width: auto;
}

#contact form label {
    float: none;
    margin: 0;
    padding-top: 10px;
    font-weight: bold;
    width: auto;
}

#contact form input[type="text"],
#contact form textarea,
#contact form select {
    width: calc(100% - 5px);
    margin: 0;
}

#contact form input[type="submit"] {
    margin: 10px auto 0;
}

/** Jérôme 09/10/2019 - Intégration recaptcha */
#contact form .g-recaptcha {
    padding-top: 10px;
}

#contact span.schrift {
    padding: 10px;
}

/*** FIN PAGE CONTACT **/


/*** PAGE COMMENT COMMANDER **/

#commander {
    border: 0;
    margin: 0;
}

#commander #infospage {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#commander .step {
    margin-top: 5px;
    margin-bottom: 0;
}

#commander .step .legendes {
    width: 100%;
    margin: 0;
    padding: 5px;
    bottom: 15px;
}

#commander .step .legendes.half {
    width: 100%;
    float: none;
}

#commander img {
    width: 100%;
    margin-top: 5px;
}


/*** FIN PAGE COMMENT COMMANDER **/


/*** PAGE PAIEMENT SECURISE **/

#securite {
    border: 0;
    margin: 0;
}

#securite #infospage {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 0;
    margin-bottom: 0;
}

#securite #infospage .bigtitle {
    padding: 10px 0 15px;
}

#securite p {
    margin: 0 10px;
}

#securite .step {
    width: 100%;
    max-width: fit-content;
    margin: 0 auto;
    text-align: center;
    float: none;
}

#securite .step img {
    width: 100%;
    margin-top: 5px;
    text-align: center;
    height: auto;
}


/*** FIN PAGE PAIEMENT SECURISE **/


/*** PAGE PAIEMENT PLUSIEURS FOIS **/

#conditions {
    border: 0;
    margin: 0;
}

#conditions #infospage,
#conditions #infos {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#conditions p {
    padding: 0;
}

#conditions .title {
    width: 100%;
    padding: 14px 0;
}

#conditions .title:last-of-type {
    margin-bottom: 20px;
}

#conditions iframe {
    display: none;
}


/*** FIN PAGE PAIEMENT PLUSIEURS FOIS **/


/*** PAGE MAGASIN **/

#magasin {
    border: 0;
    margin: 0;
}

#magasin #mag {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
}

#magasin #mag #bandlocation img {
    width: 100%;
}

#magasin #mag #coord,
#magasin #mag #fb-link,
#magasin #mag .left {
    float: none;
    width: 100%;
}

#magasin #mag #coord {
    margin-bottom: 15px;
}

#magasin #mag #fb-link img,
#magasin #mag .left img {
    width: 100%;
}

#magasin #mag .left {
    margin: 0;
}

#magasin #mag #infosmag {
    margin: 10px 0 0 0;
    width: 100%;
}

#magasin #menu {
    float: none;
    margin: 10px 0;
    display: inline-block;
}

#magasin #menu a img {
    width: 15%;
    min-width: 65px;
}

#magasin .titlesect {
    margin: 0;
}

#magasin .resume {
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
}

#magasin .resume p {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px 15px;
}

#magasin .resume a {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

#magasin .resume a img {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#magasin .cols {
    margin: 5px 0;
}

#magasin .cols .col {
    width: 48.5%;
    box-sizing: border-box;
    margin: 0 3% 10px 0;
    padding: 5px;
    height: auto;
    /** Sera g�t� par JS */
}

#magasin .cols .col:nth-child(even) {
    margin-right: 0;
}

#magasin .cols .col a img {
    width: 100%;
}

#magasin .resume .moreresume {
    width: 100%;
    clear: none;
    float: none;
    margin: 0;
}

#magasin .resume .moreresume img {
    width: auto;
}

#magasin .resume .moreresume .blue {
    padding: 0 10px;
    margin: 0;
}

#magasin iframe {
    width: 100%;
    height: 350px;
    box-sizing: border-box;
    padding: 5px;
}

#magasin #bigcols {
    margin: 10px 0;
}

#magasin #bigcols .bigcol {
    margin: 0;
    width: 100%;
}

#magasin #bigcols .bigcol .resume {
    width: 100%;
}

#magasin #bigcols .bigcol .resume img {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

#magasin #bottom {
    padding: 3px;
    margin: 10px 0;
}

#magasin .toppage {
    margin: 10px 0 20px 0;
}

.filiale_txtbox {
    width:100%;
    float:left;
    padding:15px 26px 0px 26px;
}

#magasin #bigcols #filiale_map {
    width:100%;
}

#map_distriphot {
    width:100%;
    height:500px;
}

#map_distriphot_contact {
    width:100%;
    height:440px;
}

.mag_text_box{
    height:auto;
}

.mag_gutschein {
    float:left;
    text-align:left;
    width:100%;
    padding:25px;
    margin:auto;
    line-height:18px;
}

/*** FIN PAGE MAGASIN **/


/*** PAGE LOCATION **/

#location {
    border: 0;
}

#location p span.dispo {
    margin: 15px 0 0 0;
}

#location #listLocation {
    height: auto;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

#location #bodyLocation .line {
    max-width: 100%;
}


/*** FIN PAGE LOCATION **/


/*** PAGE LOGIN **/

#login {
    width: 100%;
    margin-bottom: 20px;
}

#login #dejaclient,
#login #nouveauclient,
#login #nouveauclientnojs,
#login #guestnoclient {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

#login #kkonto_exist{
    height:230px;
}

#login #kkonto_notexist{
    height:165px;
}

#login .formident fieldset {
    width: 100% !important;
    margin: 0;
    border-left: 0;
    border-right: 0;
}

#login .formident fieldset legend {
    width: 100% !important;
}

#login .formident fieldset .formselected,
#login .formident fieldset .formunselected {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    height: auto;
}

#login .formident fieldset .title {
    margin-bottom: 10px;
    /* width: 320px; */
    margin-top: 10px;
}

#login .formident .gast_ladresse_box .lieferbox {
    text-align:center;
    margin:0 auto;
    width:fit-content;
    white-space: nowrap;
}

#login #nouveauclient .title {
    margin-bottom: 10px;
}

#login .formident fieldset label,
#login #nouveauclient #enregclient .ldark label:first-child,
#login #nouveauclient #enregclient .llight label:first-child,
#login #nouveauclient #enregclient span,
#carnetadresse .ldark label:first-child,
#carnetadresse .llight label:first-child,
#carnetadresse span,
#login #nouveauclientnojs #enregclient .ldark label:first-child,
#login #nouveauclientnojs #enregclient .llight label:first-child,
#login #nouveauclientnojs #enregclient span {
    display: block;
    width: 70% !important;
    padding: 0;
    float: none;
    text-align: left;
    font-weight: bold;
    margin: 5px auto 0 !important;
    line-height: 21px;
}

#login .formident fieldset input,
#login #nouveauclient #enregclient input,
#login #nouveauclient #enregclient select,
#login #nouveauclientnojs #enregclient input,
#login #nouveauclientnojs #enregclient select,
#login #nouveauclientnojs #enregclient #lf_liefer_civ,
#login #nouveauclientnojs #enregclient #lf_filial_civ,
#login #nouveauclientnojs #enregclient #lf_packst_civ,
#carnetadresse input,
#carnetadresse select {
    display: inline-block;
    width: 70%;
    padding: 0;
    float: none;
    margin: 0 auto;
}

#login .formident fieldset input[type="submit"],
#login #nouveauclient #enregclient input[type="submit"],
#login #nouveauclientnojs #enregclient input[type="submit"] {
    margin: 15px auto 10px;
}

#login .formident .whitebg {
    word-break: normal;
    height: auto;
    line-height: 30px;
}

#login #nouveauclient #enregclient .llight,
#login #nouveauclientnojs #enregclient .llight,
#carnetadresse .llight,
#login #nouveauclient #enregclient .ldark,
#login #nouveauclientnojs #enregclient .ldark,
#carnetadresse .ldark {
    background-color: #edf5e9;
    width: 100% !important;
    padding: 0;
    margin: 0;
    text-align: center;
}

#login #nouveauclient #enregclient label[for="mr"],
#login #nouveauclient #enregclient label[for="mme"],
#login #nouveauclientnojs #enregclient label[for="mr"],
#login #nouveauclientnojs #enregclient label[for="mme"],
#carnetadresse label[for="mr"],
#carnetadresse label[for="mme"] {
    display: inline-block;
    float: none;
    text-align: right;
    width: 50px;
}

#login #nouveauclient #enregclient #mr,
#login #nouveauclient #enregclient #mme,
#carnetadresse #mr,
#carnetadresse #mme {
    display: inline-block;
    vertical-align: -5px;
}

#login #nouveauclient #enregclient #dob {
    width: 70%;
}

#login #nouveauclient #enregclient label[for="dob"] .subtitle {
    display: inline;
    padding-left: 4px;
}

#login #nouveauclient #enregclient .ui-datepicker-trigger {
    display: none;
}

#login #nouveauclient #enregclient #nl label,
#login #nouveauclientnojs #enregclient #nl label {
    width: calc(70% - 25px);
    float: none;
    margin: 0 auto;
    height: auto;
    line-height: 14px;
    display: inline-block;
}

#login #nouveauclient #enregclient #nl,
#login #nouveauclientnojs #enregclient #nl {
    padding-top: 8px;
}

#login #nouveauclient #enregclient #nl #newsletter,
#login #nouveauclientnojs #enregclient #nl #newsletter {
    width: 14px;
    margin: 0;
    vertical-align: top;
    display: inline-block;
}

#enregclient #nl.ldark {
    margin-top:0px !important;
}

#login #nouveauclient #enregclient .whitebg,
#login #nouveauclientnojs #enregclient .whitebg {
    line-height: 15px;
    margin-top: 5px;
    font-weight: bold;
    font-size: 11px;
}

#login #nouveauclient #enregclient .whitebg .subtitle,
#login #nouveauclientnojs #enregclient .whitebg .subtitle {
    text-align: center;
    font-weight: normal;
    font-size: 10px;
}

#login #nouveauclientnojs #enregclient #rech_rue,
#login #nouveauclientnojs #enregclient #lf_liefer_rue,
#login #nouveauclientnojs #enregclient #lf_liefer_hnr,
#login #nouveauclientnojs #enregclient #lf_filial_rue,
#login #nouveauclientnojs #enregclient #lf_filial_ville,
#login #nouveauclientnojs #enregclient #lf_packst_rue,
#login #nouveauclientnojs #enregclient #lf_packst_ville {
    width:80%;
    float:left;
}

#login #nouveauclientnojs #enregclient #rech_hnr,
#login #nouveauclientnojs #enregclient #lf_liefer_hnr,
#login #nouveauclientnojs #enregclient #lf_filial_hnr,
#login #nouveauclientnojs #enregclient #lf_packst_hnr {
    width:15%;
    float:right;
}

#login #btncontinue,
#compteclient #btncontinue,
#detailavis #btncontinue {
    display: none;
}


/*** FIN PAGE LOGIN **/


/*** PAGE PANIER **/

#cart {
    width: 100%;
}

#cart #visupanier {
    display: flex;
    flex-direction: column;
}

#cart #recappanier {
    order: 1;
}

#cart #recappanier,
#cart .maintitles,
#detailcommande .maintitles,
#wishlist .maintitles {
    width: 100%;
    border-left: 0;
    border-right: 0;
}

#recappanier .maintitles #mycart {
    width: 100%;
    text-align: center;
}

#recappanier .maintitles #pu,
#recappanier .maintitles #dispo,
#recappanier .maintitles #qte,
#recappanier .maintitles #pt,
#wishlist .maintitles #dispo,
#wishlist .maintitles #pt,
#wishlist .maintitles #act {
    display: none;
}

#cart #recappanier .row,
#cart #accessoires .row,
#wishlist .row,
#detailcommande #recappanier .row {
    display: flex;
    flex-direction: column;
    min-height: 80px;
    height: auto;
}

#cart #recappanier .row .fullsize,
#cart #accessoires .row .fullsize,
#cart #optionsdispo .row a.fullsize,
#wishlist .row a.fullsize,
#detailcommande #recappanier .row a.fullsize {
    position: absolute;
    display: block;
    float: none;
    width: 60px;
    order: 1;
    height: 100%;
}

#cart #recappanier .row .fullsize,
#wishlist .row .fullsize,
#detailcommande #recappanier .row .fullsize {
    height: auto;
    /** Pour �viter de passer en dessous de qte */
}

#cart #recappanier .row .fullsize:before,
#cart #accessoires .row .fullsize:before,
#cart #optionsdispo .row a.fullsize:before,
#wishlist .row .fullsize:before,
#detailcommande #recappanier .row .fullsize:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#cart #recappanier .row img,
#cart #accessoires .row img,
#wishlist .row img,
#detailcommande #recappanier .row img {
    max-width: 60px;
}

#cart #accessoires .row img {
    vertical-align: middle;
}

#cart #recappanier .row .describe,
#cart #accessoires .row .describe,
#wishlist .row .describe,
#detailcommande #recappanier .row .describe {
    position: relative;
    display: block;
    left: 80px;
    top: 0;
    width: calc(100% - 85px);
    border: 0;
    margin-top: 5px;
    order: 2;
    max-height: 28px;
}

#cart #accessoires .row .describe,
#wishlist .row .describe,
#detailcommande #recappanier .row .describe {
    max-height: initial;
}

#cart #recappanier .row .describe a,
#cart #accessoires .row .describe a,
#wishlist .row .describe a,
#detailcommande #recappanier .row .describe a {
    display: inline-block;
    line-height: 14px;
    max-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#cart #recappanier .row .describe p {
    display: none;
}

#cart #recappanier .row .prixunit {
    display: none;
}

#cart #recappanier .row .stock,
#wishlist .row .stock,
#detailcommande #recappanier .row .stock {
    position: relative;
    left: 80px;
    top: auto;
    border: 0;
    height: auto;
    order: 4;
}

#cart #recappanier .row .stock i,
#wishlist .row .stock i,
#detailcommande #recappanier .row .stock i {
    content: '';
}

#cart #recappanier .row .stock i:after,
#wishlist .row .stock i:after,
#detailcommande #recappanier .row .stock i:after {
    content: ' ';
}

#cart #recappanier .row .stock br {
    display: none;
}

#cart .stock section {
    display: none;
}
#cart .stock div {
    display: block;
}

#cart .stock .infodispo.nomore,
#cart .stock .infodispo.dispo,
#cart .stock .infodispo.commande,
#cart .stock .infodispo.preco,
#wishlist .stock .nomore,
#wishlist .stock .dispo,
#wishlist .stock .commande,
#wishlist .stock .preco,
#detailcommande #recappanier .stock .nomore,
#detailcommande #recappanier .stock .dispo,
#detailcommande #recappanier .stock .commande,
#detailcommande #recappanier .stock .preco {
    margin: 0;
    display: inline-block;
    border: 0;
    background: none;
    width: auto;
    text-align: left;
}

#cart .stock .nomore,
#wishlist .stock .nomore,
#detailcommande #recappanier .stock .nomore {
    color: #D37B33;
}

#cart .stock .dispo,
#wishlist .stock .dispo,
#detailcommande #recappanier .stock .dispo {
    color: #48AE49;
}

#cart .stock .commande,
#wishlist .stock .commande,
#detailcommande #recappanier .stock .commande {
    color: #A35BA3;
}

#cart .stock .preco,
#wishlist .stock .preco,
#detailcommande #recappanier .stock .preco {
    color: #007DE0;
}

#cart #recappanier .row .stock .infodispo,
#detailcommande #recappanier .stock .infodispo {
    display: block;
    margin-top: 3px;
    line-height: 10px;
    height: auto;
    /**vertical-align: middle;*/
    text-align: left;
}

#cart #recappanier .row .prixtotal,
#cart #accessoires .row .prixtotal,
#wishlist .row .prixtotal,
#detailcommande #recappanier .row .prixtotal {
    position: relative;
    display: block;
    top: 10px;
    left: 80px;
    border: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    text-align: left;
    order: 3;
}

#cart #recappanier .row .prixttc,
#cart #recappanier .row .prixht,
#cart #accessoires .row .prixttc,
#wishlist .row .prixttc,
#detailcommande #recappanier .row .prixht,
#detailcommande #recappanier .row .prixttc {
    text-align: left;
    margin-top: 0;
}

#wishlist .row .prixttc {
    margin-bottom: 10px;
}

#cart #recappanier .row .quantite,
#detailcommande #recappanier .row .quantite {
    position: relative;
    left: 0;
    top: 0;
    border: 0;
    padding: 0;
    margin: 10px;
    height: auto;
    width: auto;
    background: none;
    order: 5;
}

#cart #recappanier .row .quantite {
    padding: 0px;
    margin: 0 auto;
}

@media screen and (min-width: 360px) {
    #cart #recappanier .row {
        margin: 10px auto;
    }
}

#detailcommande #recappanier .row {
    margin: 0;
    font-size: 11px;
}

#detailcommande #recappanier .row .qteoffert {
    width: auto;
    margin: 0;
    font-size: 12px;
    display: inline-block;
    line-height: 24px;
}

#cart #recappanier .row .quantite .addtocart {
    width: auto;
    display: inline-block;
}

#cart #accessoires .row .ajoutpanier,
#wishlist .row .ajoutpanier {
    position: relative;
    display: block;
    left: 70px;
    top: 0;
    order: 4;
    border: 0;
    height: auto;
    line-height: inherit;
    margin: 5px 0;
}

#cart #accessoires .row .ajoutpanier {
    padding: 5px 0px;
}

#wishlist .row .ajoutpanier {
    margin: 0;
}

#wishlist .row .ajoutpanier .boutonsuppr {
    margin-bottom:15px;
}

.wishrahmen {
    border:1px dotted silver;
    width:95%;
    padding:30px;
    margin: 0px;
}

.wishrahmen span {
    font-size:12px;
}

.wishrahmen span.wishtitel {
    font-size:14px;
    font-weight:bold;
}

#cart #recappanier .row .quantite .qte,
#cart #recappanier .row .quantite .selectqte,
#ficheproduit .selectqte {
    margin: 0;
    height: 25px;
    width: 70px;
    border-radius: 2px;
    border: 1px solid #5B5C5E;
    background: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    appearance: none;
}

#cart #recappanier .row .quantite .qte {
    height:30px;
}

#cart #recappanier .row .quantite .selectqte {
    height: 29px;
    width: 74px;
}

#cart #recappanier .row .button {
    display: none;
}

#cart #recappanier .row .quantite .removethis {
    display: inline-block;
    line-height: 27px;
    height: 30px;
    overflow: hidden;
    width: auto;
    padding: 0 25px;
    color: #000;
    background: linear-gradient(#f3f3f3 0%, #e0e0e0 100%);
    border-radius: 2px;
    border: 1px solid #5B5C5E;
    font-size: 11px;
    text-align: center;
    text-transform: initial;
    font-weight: normal;
    vertical-align: top;
    margin-left: 5px;
}

#cart #recappanier .row .quantite .removethis:hover {
    text-decoration: none;
    background: linear-gradient(#e0e0e0 0%, #f3f3f3 100%);
}

#cart #infosstock {
    display: none;
}

#cart #recapprix,
#paiement #recapprix,
#detailcommande #recapprix {
    display: inline-block;
    background-color: #507c8e;
    float: none;
    width: 100%;
    order: 2;
    margin-bottom: 0;
}

#cart #recapprix .title,
#cart #recapprix .bigtitle,
#cart #recapprix .montant,
#cart #recapprix .bigmontant,
#paiement #recapprix .title,
#paiement #recapprix .bigtitle,
#paiement #recapprix .montant,
#paiement #recapprix .bigmontant,
#detailcommande #recapprix .title,
#detailcommande #recapprix .bigtitle,
#detailcommande #recapprix .montant,
#detailcommande #recapprix .bigmontant {
    width: 30%;
    padding: 0 5px;
    line-height: 32px;
    height: 34px;
}

#paiement #recapprix .montant,
#paiement #recapprix .bigmontant {
    padding-right: 15px;
}

#cart #recapprix .title,
#cart #recapprix .bigtitle,
#cart #recapprix .montant,
#cart #recapprix .bigmontant {
    padding: 0 15px 0 5px;
}

#cart #recapprix .bigtitle,
#cart #recapprix .bigmontant,
#paiement #recapprix .bigtitle, 
#paiement #recapprix .bigmontant,
#detailcommande #recapprix .bigtitle,
#detailcommande #recapprix .bigmontant {
    background: #1e3853;
}

#cart #recapprix .montant,
#cart #recapprix .bigmontant,
#paiement #recapprix .montant,
#paiement #recapprix .bigmontant,
#detailcommande #recapprix .bigmontant,
#detailcommande #recapprix .montant {
    width: calc(70% - 0px);
}

#cart #paniermemo {
    width: 100%;
    height: auto;
    float: none;
    padding: 10px 0;
    margin: 0;
    border-width: 1px 0 1px 0;
    text-align: center;
    order: 3;
    box-sizing: border-box;
}

#cart #paniermemo #center {
    display: none;
}

#cart #paniermemo #left,
#cart #paniermemo #right {
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

#cart #paniermemo #left {
    width: calc(50% + 44px);
    text-align: right;
}

#cart #paniermemo a {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    height: 44px;
    width: 100px;
    padding: 0 10px;
    background: linear-gradient(#f3f3f3 0%, #e0e0e0 100%);
    border-radius: 2px;
    border: 1px solid #5B5C5E;
    font-size: 11px;
    text-align: center;
    margin-left: 5px;
    line-height: 21px;
}

#cart #paniermemo a:hover {
    text-decoration: none;
    background: linear-gradient(#e0e0e0 0%, #f3f3f3 100%);
}

#cart-pani #left a {
    width: calc(100% / 2 - 2px);
}

#cart #paniermemo #left span {
    display: none;
}

#cart #paniermemo #right {
    width: calc(50% - 48px);
    text-align: left;
}

#cart #estimefdp {
    display: none;
}

#cart #validcgv {
    float: none;
    width: 100%;
    margin: 0;
}

#cart #condvente {
    height: auto;
    padding: 4px;
    box-sizing: border-box;
}

#cart #condvente.green,
#cart #condvente.red {
    border-width: 3px;
    width: 100%;
}

#cart #condvente input {
    display: block;
    margin: 3px auto;
}

#cart #valider {
    float: none;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#cart #valider #codepromo {
    position: relative;
    height: auto;
    width: 100%;
    order: 3;
    margin-top: 7px;
}
#cart #valider #codepartenaire {
    position: relative;
    height: auto;
    width: 100%;
    order: 4;
    margin-top: 7px;
    right:0;
}
#cart #valider #precision {
    position: relative;
    height: auto;
    width: 100%;
    order: 5;
    margin-top: 7px;
    right:0;
}

#cart #valider #codepromo span.code-wrapper, #cart #valider #codepartenaire span.code-wrapper  {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0;
}

#cart #valider #codepromo label, #cart #valider #codepartenaire label {
    display: block;
    margin: 2px 0;
    padding: 0;
}

#cart #valider #codepromo #majCode, #cart #valider #codepartenaire #majCodePartenaire {
    margin: 3px auto 5px;
    float: none;
    text-align: center;
    display: block;
    border-radius: 2px;
}

#cart #valider #codepromo span.code-wrapper span {
    display: none;
}

#cart #valider span {
    /** Plus de pr�cisions */
    position: relative;
}

#cart #valider #codeReduc, #cart #valider #codePartenaire {
    width: 180px;
    height: 25px;
    margin-left: 6px;
}

#cart #valider #precisions {
    position: relative;
    order: 5;
    margin-top: 7px;
    width: 100%;
    border-width: 1px 0 0 0;
    font-size: 12px;
    font-family: Arial;
    padding: 2px;
    box-sizing: border-box;
}

#cart #valider #precisions:focus {
    background: white;
}

#cart #valider #btnvalider,
#transporteurs #valid,
#transporteurs #panier {
    position: relative;
    margin: 0 auto;
    order: 1;
}

#cart .checkoutweiter {
    float: none;
    margin: 0 auto;
    text-align: center;
}

#cart #btncontinue {
    display: none;
}

#cart #accessoires,
#cart #optionsdispo,
#cart #accessoires #acc {
    width: 100%;
    float: none;
    margin: 0;
}

#cart #accessoires .row .prixtotal .ecotaxe,
#wishlist .row .prixtotal .ecotaxe {
    text-align: left;
}

#cart #accessoires .row .prixtotal {
    top:0px;
}

#cart #widerrufsrecht {
    width:100%;
    line-height:18px;
    left:0px;
    margin:5px;
}

#wkorbeingaben.codebemerkung {
    width:100%;
}

/*** FIN PAGE PANIER **/


/*** PAGE TRANSPORTEURS **/

#transporteurs {
    width: 100%;
}

#transporteurs #listetransp .transsubmit {
    margin:0 auto;
    text-align:center;
}

#cart #adressefact,
#cart #adresseliv,
#transporteurs #adressefact,
#transporteurs #adresseliv,
#transporteurs #adresserelais,
#paiement #adressefact,
#paiement #adresseliv,
#paiement #adressefactfinal,
#paiement #adresselivfinal,
#detailcommande .adresse {
    width: 100%;
    float: none;
    display: block;
    padding: 18px 0 0;
    margin: 0;
    border: 0;
}

#paiement #adressefact,
#paiement #adresseliv,
#paiement #adressefactfinal,
#paiement #adresselivfinal {
    height: 160px;
}

#cart #listetransp .title,
#cart .adresse .title,
#transporteurs .adresse .title,
#paiement .adresse .title,
#detailcommande .adresse .title {
    width: 100%;
    height: 21px;
    line-height: 21px;
}

#cart .adresse .ad,
#transporteurs .adresse .ad,
#transporteurs .adresse .coord,
#detailcommande .adresse .ad,
#detailcommande .adresse .coord {
    float: none;
    position: relative;
    width: auto;
}

#cart #listetransp {
    position: relative;
}

#listetransp {
    width: 100%;
    margin-bottom: 0;
}

#listetransp fieldset,
#listetransp fieldset legend,
#listetransp fieldset #domicile,
#listetransp fieldset .mode,
#listetransp fieldset .mode,
#listetransp fieldset .mode .transpo,
#listetransp fieldset .mode .title {
    width: 100%;
}

#listetransp fieldset legend {
    border-left: 0;
    margin-top: 0;
}

#transporteurs #listetransp fieldset legend {
    margin: 0 auto;
    text-align: center;
}

#cart #listetransp fieldset .mode .transpo {
    padding-bottom: 30px;
}

#listetransp fieldset .mode .transpo {
    height: auto;
    line-height: inherit;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

#listetransp fieldset .mode .transpo .logo,
#paiement #logotransp,
#detailcommande #logotransp {
    width: 100px;
    order: 1;
    display: inline-block;
    position: relative;
    float: none;
}

#listetransp fieldset .mode .transpo .logo img,
#paiement #logotransp img,
#detailcommande #logotransp img {
    max-width: 100%;
    height: auto;
    max-height: 45px;
    margin: 5px 0 2px;
}

#detailcommande .abbruch {
    background:url('../images/structure/degrade-bouton-vert.gif') repeat-x top;
    border-radius:2px;
    color:#ffffff;
    text-decoration:none;
    font-size:11px;
    display:inline;
    font-weight:bold;
    height:30px;
    text-transform:uppercase;
    border:0;
    text-align:center;
    cursor:pointer;
    margin: 20px auto;
    padding: 5px 10px;
}

#listetransp fieldset .mode .transpo .livraison {
    width: calc(100% - 130px);
    box-sizing: border-box;
    padding-left: 5px;
    order: 3;
    font-size: 11px;
}

#listetransp fieldset .mode .transpo .subtitle {
    font-size: 12px;
}

#listetransp fieldset .mode .transpo .delai,
#listetransp fieldset #pdr .transpo .delai {
    position: absolute;
    left: auto;
    right: 0;
    top: 40px;
    width: auto;
    height: auto;
    padding-right: 5px;
    order: 4;
    text-align: right;
    line-height: inherit;
    max-width: 130px;
}

#listetransp fieldset .mode .transpo .delai a {
    display: block;
    width: 75px;
    text-align: center;
    float: right;
}

#transporteurs #listetransp fieldset .mode .transpo .prix,
#transporteurs #listetransp fieldset .mode .transpo .gratuit {
    position: absolute;
    left: auto;
    top: 5px;
    right: 15px;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    order: 2;
    display: inline-block;
    padding: 0 5px;
}

#transporteurs #listetransp fieldset .mode .transpo .prix,
#transporteurs #listetransp fieldset .mode .transpo .prix sup {
    top: 10px;
}

#transporteurs #listetransp fieldset .mode .transpo .gratuit span {
    font-size: 15px;
}

#listetransp fieldset .mode .transpo .pdrchoisi {
    padding: 4px;
}

#listetransp fieldset .mode .transpo .transp {
    position: relative;
    left: auto;
    width: 100%;
    height: 20px;
    order: 5;
    margin-top: 10px;
    border: 0;
}

#listetransp fieldset #pdr .transpo .transp {
    margin-top: 35px;
}

#choixpdr #form,
#choixpdr #result,
#choixpdr #divpages,
#choixpdr #map_canvas,
#choixpdr .horaires {
    box-sizing: border-box;
    width: 100%;
}

#choixpdr #divpages {
    margin-bottom: 10px;
}

#choixpdr #result {
    padding: 0;
    height: 100%;
}

#choixpdr #result .divnompdr {
    box-sizing: border-box;
    width: calc(100% - 32px);
}

#choixpdr #result .divpdrsaisi {
    box-sizing: border-box;
    width: 32px;
}

#choixpdr #form {
    padding: 10px 5px 20px 5px;
}

#choixpdr #form label,
#choixpdr #form input[type="text"] {
    width: 100%;
    display: inline-block;
}

#choixpdr #form label {
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}

#choixpdr #form #find {
    width: 100%;
    text-align: center;
    margin: 8px 0 0;
}

#choixpdr .pages {
    padding: 5px 10px;
}

#transporteurs #valid,
#transporteurs #panier {
    margin: 15px auto;
    float: none;
    display: block;
}

#transporteurs+#infospub+div {
    box-sizing: border-box;
    width: 100%;
    text-align: justify;
    padding: 5px;
}


/*** FIN PAGE TRANSPORTEURS **/


/*** PAGE PAIEMENT **/

#paiement {
    width: 100%;
}

#paiement #cadeau .validerpaiement {
    background: transparent !important;
    width: 100% !important;
}

#paiement #promo .fleche {
    display: none;
}

#paiement #promo {
    width: 100%;
    height: auto;
}

#paiement #promo span,
#paiement #promo input,
#paiement #promo label {
    float: none;
    text-align: center;
    margin: auto;
    display: block;
    padding: 0;
}

#paiement #modelivraison,
#detailcommande #modelivraison {
    height: 36px;
    line-height: 36px;
    display: flex;
}

#paiement #modelivraison #dateestimee,
#detailcommande #modelivraison #dateestimee {
    order: 2;
    float: none;
    font-size: 11px;
    line-height: 36px;
}

#paiement .adresse,
#detailcommande .adresse {
    height: auto;
}

#paiement .adresse .ad,
#paiement .adresse .coord,
#detailcommande .adresse .ad,
#detailcommande .adresse .coord {
    /** height **/
    width: auto;
    float: none;
    padding: 6px 4px;
    margin: 0;
}

#paiement #modelivraison #recapcart,
#paiement #points,
#detailcommande #recapcart {
    display: none;
}

#paiement #recapprix .montant,
#detailcommande #recapprix .montant {
    float: none;
    display: inline-block;
}

/**#paiement #recapprix .title,
#paiement #recapprix .montant {
    display: none;
}*/

#paiement .mode .bigtitle,
#paiement .mode:last-child,
#detailcommande .mode .bigtitle,
#detailcommande .mode:last-child {
    width: auto;
}

#paiement .mode:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

#paiement #comptant {
    margin-top: 1px;
}

#paiement .modepaiement {
    line-height: inherit;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 8px 0px;
}

#paiement .modepaiement .logo {
    width: 100%;
    order: 1;
    display: block;
    float: none;
    text-align: center;
}

#paiement .modepaiement .logo img {
    max-width: 100px;
    max-height: 60px;
    height: auto;
    margin: 5px 0 2px;
}

#paiement .modepaiement .desc {
    float: none;
    order: 2;
    height: auto;
    padding: 5px;
    text-align: center;
}

#paiement .modepaiement .validerpaiement {
    float: none;
    order: 3;
    width: auto;
    margin: 5px 0 10px;
}

#paiement label[for="chqrecu"],
#chqrecu {
    display: none;
}

#paiement .modepaiement .desc p {
    /* text-align: justify; */
}

#paiement .modepaiement .desc .float {
    float: none;
}

#paiement .modepaiement .radio_zahlung {
    display: none;
}

#paiement #versandartmod, #paiement #zahlungsartmod {
    width: 100%;
}

#paiement #abschlusssection {
    float: none;
    text-align: center;
}

/*** FIN PAGE PAIEMENT **/


/*** PAGE VIREMENT BANCAIRE **/

#infosvirement {
    padding: 0;
    width: 100%;
}

#infosvirement .bigtitle {
    margin-top: 15px;
    font-size: 20px;
}

#infosvirement .content {
    margin: 0;
    width: auto;
    padding: 0 5px;
}

#infosvirement .bank {
    width: auto;
}

#infosvirement .bank .row {
    width: 100%;
}

#infosvirement .bank .cell {
    padding: 0;
}

#infosvirement .contentConfirm {
    width: 100% !important;
}

#confirmvirement {
    width: 100%;
    padding: 0 5px;
}

#confirmvirement .btnValider {
    margin-bottom: 10px;
}

#infosvirement .ueBox {
    z-index: 9999 !important;
    background: #fff;
}


/*** FIN PAGE VIREMENT BANCAIRE **/


/*** PAGE RETOUR PAIEMENT **/

#confirmation #recapcommande {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
    border: 0;
    padding: 20px 5px 0;
}

#confirmation #recapcommande p {
    width: auto;
}

#confirmation #recapcommande .stock {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 0 5px;
    display: block;
}


/*** FIN PAGE RETOUR PAIEMENT **/


/*** PAGE PRODUIT **/

#ficheproduit .shop {
    border: 0;
}

#ficheproduit .shop img {
    width: 100%;
}

#ficheproduit .shop.for-website {
    display: none;
}

#ficheproduit .shop.for-mobile {
    display: block;
}

#ficheproduit,
#ficheproduit #moreinfo {
    width: 100%;
    height: auto;
    border: 0;
}

#ficheproduit #moreinfo {
    display: flex;
    flex-direction: column;
}

#ficheproduit #moreinfo .title-mob {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    order: 1;
}

#ficheproduit #description,
#ficheproduit #infoscompl {
    position: relative;
    width: 100%;
    height: auto;
    left: 0;
}

#ficheproduit #moreinfo #photosprod {
    width: 100%;
    order: 2;
    background: none;
    border: none;
    height: auto;
}

#ficheproduit #viewfullsize #youtubevideo {
    display:block;
    border:0px;
    width: 60%;
    height: 60%;
}

#ficheproduit #viewfullsize #youtubevideo iframe {
    width: 100%;
    height: 100%;
}

#ficheproduit #viewfullsize #review3 {
    display:block;
    width:60%;
    height:60%;
}

#garantieconst {
    bottom: -72px;
    left: 15px;
}

#garantieconst.garantieconst_cashback {
    bottom: 92px;
    left: 15px;
}

#moreinfo .op,
#recherche .op {
    background-size: contain;
    background-repeat: no-repeat;
}

#ficheproduit #moreinfo .onglet,
#recherche .onglet {
    left: 0;
    top: 0;
}

#ficheproduit #moreinfo #viewmainphoto {
    width: 100%;
    height: 270px;
    line-height: 270px;
    padding: 0;
    top: 0;
    left: 0;
}

#ficheproduit #moreinfo .otherphotos {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: inherit;
    text-align:center;
}

#ficheproduit #moreinfo .otherphotos .otherone {
    display: inline-block;
    /**width:33% !important;*/
    height: 64px;
}

#ficheproduit #moreinfo .otherphotos .carousel {
    display: inline-block;
    /**width:84% !important;*/
    margin: 0 auto;
    height: 64px !important;
}

#ficheproduit #moreinfo .otherphotos .carousel.fullCarousel {
    width: 100% !important;
}

#ficheproduit #moreinfo .flecheup,
#ficheproduit #moreinfo .flechedown {
    display: inline-block;
    margin: 0;
    background: url("/images/structure/mob/flecheup.png") no-repeat center center;
    background-size: auto;
    padding: 64px 8% 0 0;
    width: 0;
    height: 0;
}

#ficheproduit #moreinfo .flechedown {
    background-image: url("/images/structure/mob/flechedown.png");
}

#ficheproduit #moreinfo .flecheup.disabled,
#ficheproduit #moreinfo .flechedown.disabled {
    background-image: none;
}

#ficheproduit #infoscompl {
    order: 4;
    background: none;
}

#discover h3 {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#discoverthis .ui-accordion-header {
    background: none;
    height: auto;
    padding: 5px;
    font-size: 12px;
    color: #781500;
    font-weight: bold;
}

#discoverthis .ui-accordion-header:after {
    content: " \00bb";
}

#ficheproduit #infosprix {
    margin-top: 0;
}

#ficheproduit #infosprix #prixprod {
    padding: 0;
    text-align: center;
    font-size: 35px;
    color: #781500;
}

#ficheproduit #ajoutpanier #addtocart {
    background: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

#ficheproduit #ajoutpanier #ajouter {
    display: block;
    width: calc(50% + 20px);
    height: auto;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 18px;
    font-weight: normal;
}

#ficheproduit #ajoutpanier .button {
    display: none;
}

#ficheproduit label[for="qte"] {
    color: #000;
}

#ficheproduit .selectqte {
    display: block;
    margin: 0 auto 5px;
}

#ficheproduit #ajoutpanier #addtowl {
    border: 1px solid #000;
    padding: 8px 10px;
    text-align: center;
    margin: 10px auto 0;
    width: 150px;
    font-size: 11px;
}

#ficheproduit #ajoutpanier #addtowl:hover {
    text-decoration: none;
}

#ficheproduit #ajoutpanier #addtowl img {
    display: none;
}

#ficheproduit #infoscompl #dispo,
#ficheproduit #infoscompl #dispomag,
#ficheproduit #infoscompl #dispomag.only {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px 0;
    bottom: 0;
}

#ficheproduit #infoscompl #dispo {
    margin-top: 10px;
}

#ficheproduit #infoscompl #dispo #mainsubtitle,
#ficheproduit #infoscompl #dispomag #subtitle,
#ficheproduit #infoscompl #dispomag.only #subtitle {
    margin: 0 5px;
    font-size: 12px;
}

#ficheproduit #infoscompl #dispomag.only #title {
    font-size: 11px;
}

#ficheproduit #description {
    order: 5;
}

#ficheproduit #description .resume {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: none;
    padding: 7px;
}

#ficheproduit #description .resume:has(#bewertungsbox) {
    padding: 0;
}

#ficheproduit #description .resume .visu-avis {
    width: 100%;
    height: auto;
}

#ficheproduit #description #accessrecomm {
    cursor: pointer;
}

#ficheproduit #description #threelines .desc,
#ficheproduit #description #avisprodclients .title,
#ficheproduit #description .resume .title {
    top: 0;
    left: 0;
}

#ficheproduit #description #avisprodclients .title:after,
#ficheproduit #description .resume .title:after {
    /* content: " \00bb"; */
}

#ficheproduit #description #avisprodclients section {
    position: absolute;
    width: auto;
    left: 115px;
    top: 7px;
}

#ficheproduit #description #avisprodclients section.eachstars {
    position: relative;
    top: 0;
    left: 0;
}

#ficheproduit #description #avisprodclients section.desc,
#ficheproduit #description #accessrecomm .desc {
    display: none;
}

#ficheproduit #description #accessrecomm .desc {
    margin: 0;
}

#ficheproduit #description #accessrecomm .desc .flecheleft,
#ficheproduit #description #accessrecomm .desc .flecheright {
    margin: 10px 0;
}

#ficheproduit #moreinfo .moystars {
    display: none;
}

#ficheproduit #fichedetaillee #menufiche,
#ficheproduit #partage,
#ficheproduit .partage-centre {
    display: none;
}

#ficheproduit #fichedetaillee .seemore {
    width: 100%;
}

#ficheproduit #fichedetaillee #op img {
    width: 100%;
}

#ficheproduit #fichedetaillee #fiche .title,
#ficheproduit #fichedetaillee #caracteristiques .title,
#ficheproduit #fichedetaillee #contenu .title {
    box-sizing: border-box;
    width: 30%;
    padding: 5px;
}

#ficheproduit #fichedetaillee #fiche .desc,
#ficheproduit #fichedetaillee #caracteristiques .desc,
#ficheproduit #fichedetaillee #contenu .desc {
    box-sizing: border-box;
    width: 70%;
    padding: 5px;
    text-align: left;
}

#ficheproduit #fichedetaillee #fiche .title,
#ficheproduit #fichedetaillee #fiche #img-retours, 
#ficheproduit #fichedetaillee #fiche #img-retours img, 
#ficheproduit #fichedetaillee #fiche .desc {
    width: 100%;
}

#ficheproduit #fichedetaillee #fiche .title {
    font-size: 12px;
}

#ficheproduit #fichedetaillee .bigtitle,
#discover h3 {
    width: 100%;
    height: auto;
    padding: 7px 5px;
    background: url("/images/structure/degrade2-page-produit.gif") repeat-x;
    color: #fff;
    font-family: Arial;
    font-size: 11px;
    font-weight: bolder;
    text-align: left;
    cursor: pointer;
}

#ficheproduit #fichedetaillee .bigtitle span.arrow {
    position: absolute;
    right: 8px;
}

#ficheproduit #fichedetaillee .bigtitle span.arrow:after {
    content: "\25bc";
}

#ficheproduit #fichedetaillee .bigtitle span.arrow.up:after {
    content: "\25B2";
}

#contenu .desc li {
    font-size: 11px;
}

#ficheproduit #fichedetaillee #fiche iframe {
    width: 100%
}

#ficheproduit #fichedetaillee .seemore .crit,
#ficheproduit #fichedetaillee {
    border: 0;
}

#ficheproduit #fichedetaillee #variationprix {
    padding: 0;
}

#ficheproduit #fichedetaillee #variationprix img {
    width: 100%;
}

#ficheproduit #fichedetaillee #tousavis .lesavis .avisstars {
    width: 75px;
}

#ficheproduit #fichedetaillee #tousavis .lesavis .avisstars img {
    width: 12px;
}

#ficheproduit #fichedetaillee #tousavis .lesavis .textavis {
    width: calc(100% - 85px);
    margin-left: 75px;
}

#ficheproduit .infosprod,
.infosprod {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 80px;
    height: auto;
    border-top: 1px dotted #a8a8a8;
    padding: 4px 0;
    overflow: hidden;
}

#ficheproduit .infosprod a.fullsize,
#recherche .infosprod a.fullsize {
    order: 1;
    position: absolute;
    display: block;
    float: none;
    width: 60px;
    height: 100%;
    padding: 0;
    margin: 0;
    margin-left: 4px;
}

#ficheproduit .infosprod a.fullsize:before,
#recherche .infosprod a.fullsize:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#ficheproduit .infosprod a.fullsize img,
#recherche .infosprod a.fullsize img {
    max-width: 60px;
    vertical-align: middle;
}

#ficheproduit .infosprod .desc,
#recherche .infosprod .desc {
    order: 2;
    position: relative;
    display: block;
    left: 70px;
    top: 0;
    width: calc(100% - 85px);
    border: 0;
    margin: 0 5px;
    max-height: initial;
    float: none;
}

#ficheproduit .infosprod .desc .title,
.infosprod .desc .title {
    position: relative;
}

#ficheproduit .infosprod .desc .threelines,
.infosprod .desc .threelines {
    margin: 0;
}


/*{
    order:4;
	margin:0;
	float:none;
	position:relative;
	display:block;
	left:70px;
	margin-left:5px;
	padding:10px 0 0;
	height:auto;
	width:calc(100% - 85px);
	text-align:center;
    display: none;
}*/

#ficheproduit .infosprod .moystars,
.infosprod .moystars {
    display: inline-block;
    height: auto;
    width: 60px;
    margin-left: 4px;
    padding: 0;
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.infosprod .moystars img {
    width: 12px;
}

#ficheproduit .infosprod .moystars .title,
.infosprod .moystars .title {
    display: none;
}

#ficheproduit .infosprod .infosprix,
.infosprod .infosprix {
    order: 4;
    margin: 0;
    position: relative;
    display: block;
    left: 70px;
    margin-left: 5px;
    text-align: left;
    font-family: Arial;
    width: calc(100% - 85px);
}

#ficheproduit .infosprod .eco,
.infosprod .eco {
    font-size: 9px;
}

#ficheproduit .infosprod .stock,
.infosprod .stock {
    background: transparent;
    order: 5;
    position: relative;
    display: block;
    left: 70px;
    padding: 0;
    margin: 0 5px;
    text-align: left;
}

#ficheproduit .infosprod .stock span,
.infosprod .stock span {
    background: transparent;
    text-transform: none;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}

#ficheproduit .infosprod .stock .nomore,
.infosprod .stock .nomore {
    color: #D37B33;
}

#ficheproduit .infosprod .stock .dispo,
.infosprod .stock .dispo {
    color: #48AE49;
}

#ficheproduit .infosprod .stock .commande,
.infosprod .stock .commande {
    color: #A35BA3;
}

#ficheproduit .infosprod .stock .reappro,
.infosprod .stock .reappro {
    color: #EE673A;
}

#ficheproduit .infosprod .stock .preco,
.infosprod .stock .preco {
    color: #007DE0;
}

#ficheproduit .infosprod .ajoutpanier,
.infosprod .ajoutpanier {
    order: 6;
    position: relative;
    display: block;
    left: 70px;
    margin: 5px 5px 5px;
    padding: 9px 0;
    width: 180px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.2;
}

#ficheproduit #fichedetaillee #tousavis .newavis {
    width: 100%;
}

#ficheproduit #fichedetaillee #tousavis .newavis p {
    font-size: 12px;
}

#ficheproduit #fichedetaillee #tousavis .newavis form p {
    width: 100%;
    box-sizing: border-box;
}

#ficheproduit .infosprod .soon,
.infosprod .soon {
    order: 6;
    position: relative;
    display: block;
    left: 70px;
    margin: 5px 5px 5px;
    padding: 9px 0;
    width: 180px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.infosprod .soon-available {
    margin-top: 5px;
}

#preisreduzangabe {
    width:180px;
}

#ean {
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}

#lightbox-top {

    /* créer la lightbox */
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: white;

    /* Centrer l'image */
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: center;

    /* cacher la lightbox par défaut */
    visibility: hidden;
    opacity: 0;

    /* transition pour faire apparaitre la lightbox */
    transition: opacity ease 0s;
}

#lightbox-bottom {
    /* créer la lightbox */
    position: fixed;
    z-index: 999;
    top: 80%;
    left: 0;
    width: 100%;
    height: 20%;
    background: white;

    /* Centrer l'image */
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: center;

    /* cacher la lightbox par défaut */
    visibility: hidden;
    opacity: 0;

    /* transition pour faire apparaitre la lightbox */
    transition: opacity ease 0s;
}

/* mise en place du carousel sur la lightbox */
#lightbox-bottom .carousel {
    display: inline-block;
    margin: 1em auto;
    height: 64px !important;
}

#lightbox-bottom .carousel .actualSize {
    height: 64px !important;
}

#lightbox-bottom .bulle {
    margin: 0 1em;
}

/* affichage de la case fermer sur la lightbox */
#lightbox-exit {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 30%;
    height: 5%;
    font-size: 11px;
    color: white;
    font-weight: bolder;
    background: black;
    border-radius: 0 0 5px 0;
    visibility: hidden;
    transition: opacity ease 0s;
    font-size: 2em;
}

/* toggle */
#lightbox-top.show {
    visibility: visible;
    opacity: 1;
    width: 100vw;
}

#lightbox-bottom.show {
    visibility: visible;
    opacity: 1;
    width: 100vw;
}

#lightbox-exit.show {
    visibility: visible;
    opacity: 1;
}

#lightbox img {
    max-width: 100vw !important;
    max-height: 10vh !important;
    min-width: none !important;
    max-height: 100vh !important;
    object-fit: cover;
}


/*** FIN PAGE PRODUIT ***/


/*** DEBUT LISTE ***/

#recherche #comparatif {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.listeAvisContent {
    width: 100% !important;
    max-height: auto !important;
}

.listeAvisContent .mainphoto {
    max-width: 60px !important;
}

.listeAvisContent .right {
    padding: 0 5px 0 0 !important;
}

#recherche #resultat {
    width: 100%;
    border: 0;
}

#recherche #resultat #liste .clicktocompare {
    display: none;
}

#recherche #resultat .infosprod:hover {
    height: inherit;
    top: inherit;
    background-color: #ffffff;
    border-top: 1px dotted #bbb;
}

#recherche #nbresults {
    width: 100%;
    left: auto;
}

#recherche #resultat #maintitle {
    display: none;
}

#recherche #resultat #tri {
    width: 100%;
    padding: 0;
    float: none;
    height: 29px;
    line-height: 23px;
}

#recherche #resultat #tri label {
    float: right;
}

#recherche #resultat #tri select {
    margin: 3px;
    float: right;
}

#recherche #resultat #tri h2 {
    display: block;
    width: 25%;
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
}

#recherche #resultat #tri span:first-child,
#recherche #resultat #tri h2:first-child {
    margin: 0;
}

#recherche #resultat #tri span .up,
#recherche #resultat #tri span .down,
#recherche #resultat #tri h2 .up,
#recherche #resultat #tri h2 .down {
    pointer-events: none;
}

#recherche #resultat #liste .titlecateg {
    width: 100%;
    float: none;
    display: block;
}

#recherche #resultat #tri span,
#recherche #resultat #champres {
    display: none;
}

#recherche #aide h1 {
    font-size: 11px;
    display: inline;
}

#recherche #aide h1:after {
    content: " \25bc";
}

#recherche .filters,
#recherche #categsliste {
    display: none;
}

#recherche .nbresults {
    margin-top: 10px;
}

#recherche .filters {
    padding-bottom: 35px;
}

#recherche .filters #morecrit {
    display: block !important;
}

#recherche .filters #reinit {
    display: block;
    width: 98%;
    height: 30px;
}

#recherche .filters #seemorecrit {
    display: none;
}

#recherche .simple,
#recherche .multi {
    box-sizing: border-box;
    width: 47%;
    min-height: 60px;
    height: auto;
    
}

#recherche .multi label:after {
    content: " ";
    display: block;
}

#recherche .simple .title,
#recherche .multi .title {
    display: block;
    width: 100%;
    height: auto;
}

#recherche .typecrit {
    width: 100%;
    height: 30px;
    text-align: center;
}

#recherche .typecrit .title {
    width: auto;
    float: none;
    display: inline-block;
}

#recherche .slider {
    display: none;
}

#pagee {
    width: 100%;
}

#pagination,
#compteclient #pagee.paginate-main {
    float: none;
    width: 100% !important;
}

#page.sl,
#pagee #cursor,
#pagination .page,
#compteclient #pagee .paginate-slide-contener,
#compteclient #pagee .paginate-page {
    display: none;
}

#pagination #first,
#pagination .prevsuiv,
#pagination #last,
#pagination .current,
#compteclient #pagee .paginate-first,
#compteclient #pagee .paginate-last,
#compteclient #pagee .paginate-prevsuiv,
#compteclient #pagee .paginate-current {
    width: 15%;
    height: 22px;
    line-height: 22px;
    font-size: 9px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}

#pagination #prev,
#pagination #next,
#compteclient #pagee .paginate-prevsuiv {
    font-size: 0;
}

#pagination #prev:after,
#compteclient #pagee .paginate-prev:after {
    font-size: 9px;
    content: "<";
}

#pagination #next:after,
#compteclient #pagee .paginate-suiv:after {
    font-size: 9px;
    content: ">";
}

#pagination .current,
#compteclient #pagee .paginate-current {
    width: 40% !important;
}


/*** UI DIALOG **/

#achat {
    padding: 5px;
    height: auto !important;
    max-height: 450px;
}

#achat .title {
    width: calc(100% - 55px) !important;
}

#achat label,
#achat .subtitlegarantie {
    width: calc(100% - 80px);
    white-space: pre-line;
}

.ui-dialog {
    box-sizing: border-box;
    width: 100% !important;
    left: 0;
}

.ui-widget-overlay {
    background: #000 !important;
}


/*** FIN UI DIALOG **/


/*** DEBUT PAGE COMPTE CLIENT **/

#compteclient #categcompteclient,
#compteclient #souscategcompteclient {
    width: 100%;
    float: none;
}

#compteclient #categcompteclient li {
    height: 28px;
}

#compteclient #categcompteclient li.active,
#compteclient #souscategcompteclient {
    height: auto;
}

#compteclient #categcompteclient li a,
#compteclient #souscategcompteclient li a,
#compteclient #categcompteclient .active a {
    padding: 4px 0 4px 5px;
}

#compteclient #souscategcompteclient {
    border-top: 1px dotted #000;
}

#compteclient #souscategcompteclient li {
    background: #fff;
}

#compteclient #souscategcompteclient li a {
    padding-left: 15px !important;
    height: auto !important;
    text-transform: none;
    font-weight: normal;
    text-align: left;
}

#compteclient .infos #infosperso,
#compteclient #gestsav,
.infos #dialogmemo,
#dialogwl,
#gestavis {
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    padding: 5px;
}

#compteclient .infos #infosperso #validinfos,
#compteclient .infos #infosperso #newadresse {
    float: none;
    margin: 15px auto 10px;
}

#compteclient .infos input:not([type="submit"]),
#compteclient .infos label.radio,
#compteclient .infos label,
#compteclient .infos select,
#compteclient .infos #infosperso .title {
    display: block;
    width: 70%;
    min-width: inherit;
    max-width: inherit;
    padding: 0;
    float: none;
    text-align: left;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    margin: 5px auto 0 !important;
    line-height: 21px;
    font-size: 11px !important;
}

#compteclient .infos input:not([type="submit"]),
#compteclient .infos select {
    font-weight: normal;
    font-size: 13px !important;
    border: 1px solid #000000;
    height: 24px;
    padding: 5px;
    margin-top: 0 !important;
}

#compteclient .infos #infosperso .ad{
    width: 100%;
}

#compteclient .infos #infosperso .subtitle {
    display: none;
}

#compteclient .infos #infosperso label[for="mr"],
#compteclient .infos #infosperso label[for="mme"] {
    display: inline-block;
    float: none;
    text-align: right;
    width: 50px;
}

#compteclient .infos #infosperso #mr,
#compteclient .infos #infosperso #mme {
    display: inline-block;
    vertical-align: -5px;
    width: 14px;
    margin-right: 30px;
}

#compteclient .infos #infosperso .histo {
    display: flex;
    flex-direction: column;
    font-size: 11px;
}

#compteclient .infos #infosperso .histo .title {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    margin-top: 0 !important;
    font-size: 12px !important;
}

#compteclient .infos .seemore,
#compteclient .infos .seeless {
    padding: 5px 5px 5px 0;
}

#compteclient .infos #infosperso .histo .infoshisto,
#compteclient .infos #infosperso .histo .montanthisto,
#compteclient .infos #infosperso .histo .etathisto {
    float: none;
    box-sizing: border-box;
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    height: auto;
    text-align: center;
    border: 0;
    padding: 2px 5px;
    margin: 0;
    border-bottom: 1px dotted #838383;
}

#compteclient .infos #infosperso .histo .infoshisto {
    order: 1;
}

#compteclient .infos #infosperso .histo .infoshisto::first-line {
    font-weight: bold;
}

#compteclient .infos #infosperso .histo .montanthisto {
    order: 2;
}

#compteclient .infos #infosperso .histo .etathisto {
    order: 3;
    border: 0;
    padding: 2px 5px;
}

.printFacture {
    display: none;
}

#compteclient .infos .detailthis {
    order: 4;
    width: 100%;
    box-sizing: border-box;
}

#compteclient .infos .detailthis .details {
    width: 100%;
    box-sizing: border-box;
    min-width: inherit;
    max-width: inherit;
    height: 22px;
    line-height: 21px;
    font-size: 12px;
    float: none;
    margin: 5px 0px;
}

#compteclient .infos .detailthis .linkprod {
    width: 100%;
    line-height: 18px;
}

#compteclient .infos .seemore,
#compteclient .infos .seeless {
    order: 5;
}

.infos #dialogmemo,
#dialogwl,
#gestavis {
    width: 100%;
}

.infos #dialogmemo .paniers,
#dialogwl .listes,
#gestavis .avis {
    width: 100%;
}

#compteclient .infos {
    padding-top:10px;
}


#compteclient .infos #infosperso span,
#compteclient .infos #gestavis span {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
}

#compteclient .infos p.messinfo {
    margin: 10px 0;
}

#compteclient .adresse .boutonzeile {
    position:relative;
    float:left;
    text-align:center;
    width:100%;
    margin: 4px auto;
}

#compteclient .adresse .bouton {
    float: none;
    display: inline-block;
}

#dialogmemo .paniers .delete,
#dialogwl .listes .delete,
#gestavis .avis .delete {
    width: 8px !important;
    height: 16px;
    overflow: hidden;
    font-size: 13px;
}

#dialogmemo .paniers .nomprod {
    width: calc(100% - 85px);
    min-width: inherit;
    max-width: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

#dialogmemo .paniers .title, 
#dialogwl .listes .title, 
#gestavis .avis .title{
    font-size: 11px;
}

#dialogwl .listes .nomprod {
    width: calc(100% - 65px);
    min-width: inherit;
    max-width: inherit;
}

#gestavis .avis p {
    width: 100%;
    margin: 6px 0 0;
}

#gestavis .avis .eachstars {
    width: 100%;
    text-align: center;
}

#gestavis .avis .titreavis {
    margin: 0;
}

#gestavis .avis .green,
#gestavis .avis .orange {
    margin: 4px 0;
}

#gestavis .avis a.viewavis {
    margin-top: 0;
}

#compteclient .sav .title,
#compteclient .sav .etatsav,
#compteclient .sav .savprod {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    text-align: center;
    padding: 5px 0 0;
}

#compteclient .sav .etatsav {
    padding: 2px 0;
}

#infospage p {
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: justify;
}

#compteclient .infos #searchInCmd #prodInCmd {
    height: 32px;
    padding: 2px 8px;
    padding-right: 8px;
    border: 1px solid #595a5c;
    padding-right: 40px;
    width: 325px;
}

#compteclient .infos #searchInCmd .researchInput {
    margin-top: 5px;
}

#compteclient #ficheproduit .infosprod .stock:not(.dispo):not(.commande):not(.reappro):not(.nomore) {
    left: 0;
    margin: 0;
}

.contenuCmd .rowProduct .infosProduct {
    width: calc(100% - 110px);
}

.contenuCmd .rowProduct .infosProduct .titleProduct {
    width: 100%;
    float: left;
    height: 16px;
    overflow: hidden;
}

.contenuCmd .rowProduct .infosProduct .smallButton {
    display: none;
}

.contenuCmd .rowProduct .infosProduct .noteProduct {
    width: calc(100% - 10px);
}

.contenuCmd .detailCmd {
    display: flex;
}

.contenuCmd .detailCmd .infoCmd {
    margin: 5px 10px;
}

.contenuCmd .detailCmd .infoCmd.refCmd .smallButton {
    width: auto;
}

#main .contenuCmd .buttonsCmd {
    position: relative;
    top: auto;
    right: auto;
}

.contenuCmd .buttonsCmd>a {
    display: none;
}

.contenuCmd .buttonsCmd .buttonDetail {
    display: block;
    margin: auto;
}

#detailcommande #modelivraison {
    height: auto;
}

#main #detailcommande .bigButton.buttonFacture {
    position: relative;
    bottom: auto;
    right: auto;
}

#main #detailcommande #modelivraison .bigButton {
    order: 3;
    margin: 10px 10px 0 0;
    position: relative;
    width: auto;
    line-height: normal;
    top: 0;
    right: 0;
    height: 32px;
    padding: 5px;
}

#main #detailcommande .buttonsCmd {
    display: flex;
    top: -32px;
    width: 100%;
    right: 0;
    position: absolute;
}

#main #detailcommande .buttonsCmd>a {
    display: block;
    margin: auto;
}

#detailcommande .contenuCmd {
    margin-top: 35px;
}

#detailcommande .contenuCmd .rowProduct {
    height: auto;
}

#detailcommande .contenuCmd .rowProduct .infosProduct .smallButton {
    display: block;
    position: relative;
    top: auto;
    left: auto;
}

#main .infos .smallButton.buttonFacture {
    display: none;
}


/*** FIN PAGE COMPTE CLIENT **/


/*** DEBUT PAGE WISHLIST **/

#wishlist,
#wishlist #gestliste ul,
#wishlist fieldset,
#wishlist form legend,
#wishlist .info,
#wishlist textarea {
    width: 100%;
    box-sizing: border-box;
}

#wishlist #thislist,
#wishlist #gestliste,
#wishlist #gestliste .button {
    width: 100%;
    border-left: 0;
    border-right: 0;
}

#wishlist #gestliste .button {
    height: 20px;
    line-height: 20px;
}

#wishlist form {
    border-bottom: 0;
    margin-bottom: 0;
}

#wishlist form .title {
    width: 100%;
    text-align: left;
}

#wishlist fieldset>*:not(legend):not(textarea) {
    padding: 0 5px;
}

#wishlist textarea,
#wishlist input {
    float: none;
}

#wishlist input {
    display: block;
    margin: 10px auto;
}

#conditions #infos #wishlist .title {
    font-size:12px;
    margin:5px 0px;
    padding:0px;
    text-align:left;
}

/*** FIN PAGE WISHLIST **/


/*** DEBUT PAGE DETAIL COMMANDE **/

#detailcommande #recappanier {
    top: 0;
    margin: 1px 0 0;
    width: 100%;
}

#recapfacture {
    margin-top: 3px;
    left: auto;
    right: 5px;
}


/*** FIN DETAIL PAGE COMMANDE **/


/*** DEBUT PAGE DETAIL AVIS **/

#detailavis {
    border: 0;
}

#detailavis form,
#detailavis form p {
    width: 90%;
    box-sizing: border-box;
}

#ficheproduit #fichedetaillee #tousavis .newavis form label,
#detailavis form label {
    float: none;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}

#detailavis form .title {
    float: none;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 0;
    box-sizing: border-box;
}

#ficheproduit #fichedetaillee #tousavis .newavis form input[type="text"],
#ficheproduit #fichedetaillee #tousavis .newavis form textarea,
#detailavis form input[type="text"],
#detailavis form textarea {
    float: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

#detailavis .noteavis {
    float: none;
    width: 100%;
    margin-top: 0;
    text-align: left;
}

#ficheproduit #fichedetaillee #tousavis .noteavis img,
#detailavis .noteavis img {
    float: none;
    display: inline-block;
}


/*** FIN PAGE DETAIL AVIS **/


/*** DEBUT PAGE DETAIL SAV **/

#detailsav {
    width: 100%;
    border: 0;
}

#detailsav #infossav .title,
#detailsav #infossav .detail {
    width: 100%;
    padding: 0;
    margin: 5px;
    float: none;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
}

#detailsav #infossav .detail {
    width: calc(100% - 10px);
    margin: 10px 5px;
}

#detailsav .contact textarea {
    width: 100%;
}

#detailsav .contact input {
    clear: both;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    font-size: 10px;
    font-family: Verdana;
    margin: 10px auto;
    cursor: pointer;
}


/*** FIN PAGE DETAIL SAV **/


/*** ADRESSE LIVRAISON **/

#carnetadresse #validinfos {
    margin: 5px auto;
}

#carnetadresse .ldark label:first-child,
#carnetadresse .llight label:first-child,
#carnetadresse span,
#carnetadresse input,
#carnetadresse select {
    width: 90%;
}


/*** FIN PAGE ADRESSE LIVRAISON **/


/*** DEBUT PAGE OP **/

#conditions #infos .title {
    font-size: 23px;
}

#conditions #infos .promo {
    float: none;
    width: 100%;
}

#conditions #infos .subtitle {
    font-size: 13px;
}

#conditions #infos .promo img {
    width: 100%;
}


/*** FIN PAGE OP **/

/*** DEBUT PAGE SMARTDEALS **/


#smartdeals #infos {
    border: none;
}

#smartdeals #vignettes {
    flex-direction: column;
    align-items: center;
}

#smartdeals #vignettes .vignette {
    width: 100% !important;
    border-left: none !important;
    border-right: none !important;
}

#smartdeals #vignettes .vignette a .nomprod {
    font-size: 4.2vw;
}

#smartdeals #vignettes .vignette a .image img {
    max-width: 200px;
}

#smartdeals #entete .bottom {
    top: 23vw;
    bottom: 1.2vw;
}

#smartdeals #entete .bottom section {
    width: auto;
    margin: 0 0;
}

#smartdeals #entete .bottom section p {
    text-align: center;
}

#smartdeals #entete #validite {
    flex-grow: 1;
    font-size: 2.5vw;
    font-weight: 600;
    text-shadow: 0.1vw -0.1vw 0.3vw #000;
    padding: 1vw 1vw;
    background: #025BC1;
    transform: rotateZ(0);
    overflow: visible;
}

#smartdeals #entete #middle {
    flex-grow: 1;
    font-size: 3.3vw;
    /**text-shadow: 0.1vw -0.1vw 0.3vw #000;*/
    padding: 0.5vw;
    background: white;
}

#smartdeals #entete #middle .remisemax,
#smartdeals #entete #middle .nbrefs {
    text-shadow: 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0 0 0.3vw #fff, 0.1vw -0.1vw 0.3vw #000;
}

#smartdeals #entete #code-container {
    flex-grow: 1;
    font-size: 3vw;
    padding: 1vw 2vw;
}

#smartdeals #entete #code-container #code {
    font-size: 3.3vw;
    text-shadow: 0 0 0.3vw #633, 0 0 0.3vw #633, 0 0 0.3vw #633, 0 0 0.3vw #633;
}

#smartdeals #filtres form {
    flex-direction: column;
}

#smartdeals #filtres form select,
#smartdeals #filtres form input {
    width: 200px !important;
    float: right;
}

#smartdeals #filtres form input {
    width: 170px !important;
    margin-right: 30px;
}

#smartdeals #filtres form button {
    float: right;
    margin-right: -200px;
    /* C'est moche, mais ça marche */
}

/*** FIN PAGE SMARTDEALS **/

/*** PAGE CONCOURS **/

#concours {
    border: 0;
}

#concours .msg-mobile {
    padding: 5px;
    margin: 15px 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    display: block;
}

/** Jérôme 25/01/2019 - Version mobile des concours */

/** Liste concours */

#concours .eachconcours {
    width: 95%;
    padding: 0;
    margin: auto;
}

#concours .eachconcours div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

#concours .eachconcours a {
    width: 100%;
}

#concours .eachconcours a img {
    width: 100%;
}

#concours .eachconcours .seemore {
    height: auto;
    width: 100%;
    padding: 10px;
    /* margin-bottom: 10px; */
}

/** Resultats concours */


#concours .classement {
    flex-direction: column-reverse;
    align-items: center;
}

#concours .classement a.fullsize {
    margin: 20px 0 !important;
}

#concours .classement.center {
    width: 90%;
    margin-top: 10px !important;
    border: dotted grey 1px;
}

#concours .classement.center .detailsgagnant {
    width: 70%;
    margin: 10px 0 20px 0 !important;
    text-align: center;
}

/** Participer concours */

#participer {
    width: 100%;
}

#participer form {
    margin: auto;
    width: 90%;
}

#participer #reglement #jaccepte {
    margin-bottom: 20px;
}

#participer #posterphoto input[type="text"],
#participer #posterphoto #file,
#participer #posterphoto textarea {
    display: block;
    width: 90%;
    margin: 5px auto 20px auto;
    float: none !important;
}

#participer #posterphoto label {
    text-align: center;
    display: block;
    float: none;
    margin: 20px auto 5px auto;
}

/*** FIN PAGE CONCOURS **/

/*** DEBUT PAGE FAMILLES **/

#familles {
    border: 0;
}

#familles .maintitle {
    width: 100%;
}

#familles .titlecategs {
    font-size: 12px;
}

#familles .titlecategs .imgcateg {
    float: none;
    display: inline-block;
    width: 47px;
    margin-left: 5px;
}

#familles .titlecategs h2 {
    width: calc(100% - 62px);
    display: inline-block;
    margin-left: 10px;
}

#familles .titlecategs a {
    padding: 0;
}

#familles font {
    display: block;
    padding: 0 5px;
    margin: 0 !important;
    text-align: justify;
}


/*** FIN PAGE FAMILLES **/


/*** MINIHEADER **/

.mobile #miniheader {
    display: none !important;
}


/** FIN MINIHEADER **/


/** AVERTISSEMENT BE **/

#avertissement #message {
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
}


/** FIN AVERTISSEMENT BE **/


/** DEBUT PAGE NOEL ***/

#menunoel {
    width: 100%;
    border: none;
}

#menunoel a img {
    width: 200%;
    margin-left: -50%;
}

#menunoel a:first-child img {
    width: 100%;
    margin-left: 0;
}


/** FIN PAGE NOEL ***/


/** LOADING **/

#loading {
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    padding-top: 80px;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 2px 2px 2px #000, -2px -2px 2px #000;
    z-index: 9999;
}

#loadingPush {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20000;
    background: rgba(170, 170, 170, 0.3);
    text-align: center;
}

#loadingPush img {
    position: absolute;
    top: 50%
}

#evenement {
    border: none;
}

#evenement .header img {
    width: 100%;
}

#evenement .plan {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#evenement .plan img {
    width: 100%;
}

#evenement .details {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

#evenement .quisommesnous,
#evenement .toutcela {
    width: 46%;
    display: inline-block;
    margin-right: 6%;
}

#evenement .toutcela {
    margin-right: 0;
}

#evenement .planacces {
    width: 100%;
}

#evenement .button {
    width: calc(100% - 10px);
    padding: 5px;
}

#evenement .details .freeentry {
    font-size: 20pt;
    text-align: center;
    display: block;
}

#evenement .element img {
    /**margin:0; */
    width: 30%;
}

#evenement .element .description {
    width: 65%;
    padding: 0;
    margin-top: 10px;
}

#evenement .separation {
    width: 100%;
}

#evenement .footer img {
    width: 100%;
}

#planacces {
    margin:10px;
}

.chrono-relais-offert-mobile {
    float: left;
    height: 45px;
    margin-left: 120px;
}

.chrono-relais-offert-mobile img {
    /**width: 100%;*/
    height: 100%;
}

.pro-title {
    border: 0;
    margin-top: 15px;
}

.pro-title .title {
    border-radius: 6px;
}

.partners {
    flex-flow: wrap;
    padding: 4px 15px 0;
    box-sizing: border-box;
}

.partners .partner {
    flex-grow: 1;
    margin-bottom: 5px;
}

#infos-partenaire,
#infos-partenaire img {
    width: 100%;
}

#infos-partenaire div {
    margin-bottom: 10px;
}

#evenement.dji .container .element {
    width: 100%;
}

#evenement.dji .container .element img {
    width: 100%;
}


/** Fabien 13/07/17 - Nouvel affichage PDR */

#choixpdr label {
    padding: 0;
}

#accessoires .onglet,
#produitsvus .onglet {
    left: 0 !important;
}


/** Fabien 08/01/17 - Ajout d'un bouton de recherche (loupe) */

#header #tophead #formsearch #search {
    height: 27px !important;
    padding: 6px 7px;
}

#header #tophead #formsearch #research {
    height: 19px !important;
    margin-top: 4px;
    border-radius: 0;
}

#header #tophead #formsearch #suggest-container,
#header #tophead #formsearch #suggest-container.results {
    width: 100%;
}

/** Fabien 01/08/18 - Filtres, container montures */
#morecrit .container {
    width: 100%;
}

#morecrit .container div.blocmonture {
    display: inline;
    margin-left: auto;
}

/** Fabien 08/08/18 - Affichage rubrique STOCKMAG */
#ficheproduit #infoscompl #dispomag #subtitle,
#ficheproduit #infoscompl #dispomag #title {
    display: inline-block;
}

/** Fabien 13/09/18 - Nouvel affichage Header */
#header-buttons {
    display: none;
}

#header #bandeau-mob .btn-header {
    margin-right: 0;
}

#header #bandeau-mob .btn-header.client {
    background-image: url("/images/structure/icone-compte-client-v2.png");
    height: 45px;
    width: 45px;
    margin-top: 0px;
}

#header #bandeau-mob .btn-header.client.logged {
    background-image: url("/images/structure/icone-compte-client-logged-v2.png");
    height: 45px;
    width: 45px;
    margin-top: 0px;
}

#header #bandeau-mob .btn-header.panier {
    background-image: url("/images/structure/icone-panier-v2.png");
    height: 45px;
    width: 58px;
    margin-right: 5px;
    margin-top: 0px;
}

#header #bandeau-mob .btn-header.panier .nb-articles {
    margin-right: 10px;
}


#transporteurs #listetransp fieldset .mode .title {
    height: 25px;
    padding: 3px 5px;
    width: 100%;
}

#listetransp fieldset .mode .transpo .transp {
    height: 1px;
}

#listetransp fieldset #pdr .transpo .delai,
#listetransp fieldset #entreprisespdr .transpo .delai {
    line-height: 12px;
}

#listetransp .transpo.selected {
    background: rgba(45, 140, 57, 0.16);
}

#cart #recappanier .rowoffert .link,
#detailcommande #recappanier .rowoffert .link {
    left: 20px;
    top: -20px;
}

#cart #recappanier .rowoffert a.fullsize,
#detailcommande #recappanier .rowoffert a.fullsize {
    left: 35px;
}

#cart #recappanier .rowoffert .describe,
#cart #accessoires .rowoffert .describe,
#wishlist .rowoffert .describe,
#detailcommande #recappanier .rowoffert .describe {
    left: 125px;
    width: calc(100% - 125px)
}

#cart #recappanier .rowoffert .stock,
#detailcommande #recappanier .rowoffert .stock {
    position: absolute;
    left: 125px;
    top: 37px;
    width: 100%;
}

#cart #recappanier .rowoffert .stock i::after,
#wishlist .rowoffert .stock i::after,
#detailcommande #recappanier .rowoffert .stock i::after {
    content: ' ';
}

#cart #recappanier .rowoffert .prixtotal,
#detailcommande #recappanier .rowoffert .prixtotal {
    position: absolute;
    left: 125px;
    top: 23px;
}

#cart #recappanier .rowoffert .quantite,
#detailcommande #recappanier .rowoffert .quantite {
    position: absolute;
    left: 0px;
    top: 8px;
}

#cart div#valider.codeeingabeg,
#cart div#valider.bemerkeingabeg {
    width:100%;
}

#cart div#valider.bemerkeingabeg .notizeingabefeld {
    margin-left:6px;
    width:300px;
}

#ficheproduit #currentnav,
#recherche #currentnav,
#recherche #aide,
#compteclient #currentnav,
#detailcommande #currentnav,
#detailavis #currentnav,
#detailsav #currentnav,
#concours #currentnav,
#concours #selection .title,
#participants #currentnav,
#participer #currentnav,
#newsltr #currentnav,
#livraison #currentnav,
#nmdp #currentnav,
#contact #currentnav,
#magasin #currentnav,
#conditions #currentnav,
#securite #currentnav,
#familles #currentnav,
#commander #currentnav,
#invitation #currentnav,
#smartdeals #currentnav,
#smartdeals #aide {
    background: #535456;
    background: -moz-linear-gradient(top, #535456 0%, #242425 100%);
    background: -webkit-linear-gradient(top, #535456 0%, #242425 100%);
    background: linear-gradient(to bottom, #535456 0%, #242425 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#535456', endColorstr='#242425', GradientType=0);
    height: auto !important;
    max-height: inherit;
    overflow: auto;
    white-space: inherit;
    padding: 3px;
    width: 100% !important;
}

#recherche #aide,
#smartdeals #aide {
    width: 100%;
    height: 35px;
    line-height: 29px;
    background-size: contain;
    text-align: center;
    cursor: pointer;
    margin-top: 0;
    background: url('../images/structure/degrade-bouton-vert.gif') repeat-x bottom;
}

#recherche #currentnav,
#recherche #aide {
    white-space: nowrap;
}

#recherche #aide h2, 
#smartdeals #aide h2 {
  line-height: 29px;
  text-align: center;
  cursor: pointer;
  font-weight:bold;
}

.mobile #currentnav a {
    margin-right: 3px;
}

.mobile #currentnav>span {
    margin-left: 3px;
}

.mobile #currentnav>span:first-child {
    margin-left: 0;
}

#recherche .typecrit {
    height: auto;
}

#header #menu li a,
#header #menu li a:first-child,
#header #menu li a:last-child,
#header #menu li .submenu li a {
    height: auto;
    min-height: 23px;
}

.notavailable.noassoc .oldBox {
    display: flex;
    flex-direction: column;
    height: auto;
}

.notavailable .oldLeft {
    order: 1;
    width: 100%;
    border: 0;
}

.notavailable .oldRight {
    order: 2;
    width: 100%;
}

#ficheproduit #fichedetaillee #menufiche,
#ficheproduit #partage,
#ficheproduit .partage-centre {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#ficheproduit #fichedetaillee #menufiche,
.comparateur {
    display: none;
}

#ficheproduit .partage-centre .btn-fiche {
    float: none;
    margin: 0 !important;
    display: inline-block;
    padding: 9px 24px;
    border-radius: 2px;
    border: 0;
    box-shadow: none;
}

/** Offre 5PCT */
.bandeau-header-op {
    width: 100%;
    font-size: 14px;
    height: 32px;
    color: #fff;
    background: #4a7ef8;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    border-bottom: 1px solid #fff;
    top: 0;
    left: 0;
}

.moving {
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 3;
    animation-delay: 2s;
    animation-iteration-count: 3;
    display: inline-block;
}

.moving.left {
    -webkit-animation-name: slide-to-left;
    -webkit-animation-duration: 2s;
    animation-name: slide-to-left;
    animation-duration: 2s;
}

.moving.right {
    -webkit-animation-name: slide-to-right;
    -webkit-animation-duration: 2s;
    animation-name: slide-to-right;
    animation-duration: 2s;
}

@-webkit-keyframes slide-to-left {
    0% {
        margin-right: 0;
    }

    50% {
        margin-right: 10px;
    }

    100% {
        margin-right: 0px;
    }
}

@keyframes slide-to-left {
    0% {
        margin-right: 0;
    }

    50% {
        margin-right: 10px;
    }

    100% {
        margin-right: 0px;
    }
}

@-webkit-keyframes slide-to-right {
    0% {
        margin-left: 0;
    }

    50% {
        margin-left: 10px;
    }

    100% {
        margin-left: 0px;
    }
}

@keyframes slide-to-right {
    0% {
        margin-left: 0;
    }

    50% {
        margin-left: 10px;
    }

    100% {
        margin-left: 0px;
    }
}

/** Fabien 29/11/18 - Mise à jour Header */
.to-calendar-brand,
.to-calendar-clickhere,
.to-calendar-santa,
.to-calendar-bubble {
    display: none;
}

#ficheproduit #description {
    display: flex;
    flex-direction: column;
}

#ficheproduit #description #opcalendar {
    padding: 0;
    order: 1;
}

#ficheproduit #description #threelines {
    order: 2;
}

#ficheproduit #description #avisprodclients {
    order: 3;
}

#ficheproduit #description #accessrecomm {
    order: 4;
}

/* Jérôme 05/08/2019 - On centre l'affichage sur mobile */
#ficheproduit #description #accessrecomm .desc .flecheright,
#ficheproduit #description #accessrecomm .desc .flecheleft,
#ficheproduit #description #accessrecomm .desc .carouselacc {
    float: none;
    display: inline-block;
}

#ficheproduit #description #accessrecomm .desc {
    text-align: center;
}

#opcalendar img {
    width: 100%
}

/** Fabien 18/12/2018 - Livré gratuitement Noël */
.transporteur-noel {
    margin-left: 100px;
    margin-top: -5px;
}

#listetransp fieldset .mode .transpo .delai.mini.transporteur-noel span {
    width: 120px;
}

/** Spécifique BELGIQUE */

#header #tophead #formsearch.belgium input {
    margin-top: 0;
}

#header #tophead #formsearch.belgium #research {
    margin-top: 4px;
}

/** Fabien 14/05/19 - Remise affichée dans encart Avis */
#ficheproduit .op_avis_mob {
    width: 100%;
    order: 3;
    position: relative;
    display: block;
}

#ficheproduit .op_avis_mob span.titre {
    position: absolute;
    display: block;
    text-align: right;
    font-size: 3.4vw;
    font-weight: 600;
    height: 35%;
    width: 62%;
    right: 2%;
    top: 5%;
    color: #000000;
    font-family: 'Open Sans';
}

#ficheproduit .op_avis_mob span.cumulable {
    position: absolute;
    display: block;
    text-align: right;
    font-size: 2vw;
    font-weight: 200;
    height: 35%;
    width: 62%;
    right: 2%;
    top: 30%;
    color: #000000;
    font-family: 'Arial';
}

#ficheproduit .op_avis_mob span.avis-affichage-15617896 {
    position: absolute;
    display: block;
    text-align: center;
    font-size: 7vw;
    font-weight: 600;
    height: 35%;
    width: 36%;
    right: 0%;
    bottom: 21%;
    color: #000000;
    font-family: 'Open Sans';
}

#ficheproduit .op_avis_mob span.avis-affichage-15617896 sup {
    position: relative;
    vertical-align: baseline;
    bottom: 2.5vw;
    left: 2px;
    font-size: 4vw;
}

#ficheproduit .op_avis_mob span.avoir {
    position: absolute;
    display: block;
    text-align: center;
    font-size: 11vw;
    font-weight: 700;
    height: 35%;
    width: 36%;
    right: 21%;
    bottom: 35%;
    color: #000000;
    font-family: 'Roboto';
}

#ficheproduit .op_avis_mob span.avoir sup {
    position: relative;
    vertical-align: baseline;
    bottom: 2.5vw;
    left: 2px;
    font-size: 6vw;
}

#ficheproduit .op_avis_mob span.code-container {
    position: absolute;
    display: block;
    text-align: right;
    font-size: 2.7vw;
    font-weight: 600;
    /* line-height: 5vw; */
    height: 18%;
    width: 60%;
    right: 2%;
    bottom: 0.5vw;
    color: #fff;
    font-family: 'Open Sans';
}

#ficheproduit .op_avis_mob span.code {
    font-size: 3.2vw;
}

/** Fabien 14/01/19 - Newsletter Désinscription */
#newsltr form {
    width: 100%;
    border-left: 0;
    border-right: 0;
}

#btncontinue {
    display: none;
}

/** Fabien 15/03/19 - Push */
#pushups {
    width: 9999px;
}

/** Jonathan 04/04/19 - Puce TIPA Produit */
#img-logo-tipa-world-awards {
    right: 5px;
}

/** Fabien 16/04/19 - Boutons Wishlist/Send */

.btn-fiche.disp-mob {
    display: inline-block !important;
}

#ficheproduit #ajoutpanier #addtowl {
    display: inline-block;
}

#ficheproduit #ajoutpanier .btn-container {
    display: flex;
    margin-top: 10px;
}

#ficheproduit #ajoutpanier #addtowl,
#ficheproduit #ajoutpanier .btn {
    float: none;
    padding: 0;
    margin: 0 auto !important;
    margin-left: 2px !important;
    display: inline-block;
    border-radius: 2px;
    border: 0;
    box-shadow: none;
    color: #fff;
    background: #373537;
    cursor: pointer;
    width: 170px;
    height: 30px !important;
    line-height: 30px;
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Verdana;
}

#ficheproduit #ajoutpanier #addtowl {
    margin-right: 2px !important;
    margin-left: auto !important;
}

#ficheproduit .partage-centre .btn-fiche {
    display: none ! important;
}

.span_bande {
    height: 24px;
    width: 10px;
    display: inline-block;
    margin-top: 2px
}

#span_bleu {
    background-color: #1358c0;
}

#span_blanc {
    background-color: #FFF;
}

#span_rouge {
    background-color: #da0000;
}

/** Fabien 23/07/19 - bandeau pdr mobile */
/**section.infos-header {
	display: inline-block;
	width: calc(100% - 285px);
	margin: 0;
	margin-left: 120px;
	height: 44px;
}
section.infos-header div.fdp-offerts {
	font-size: 12px;
	line-height: 15px;
	margin-left: 0;
	width: 100% !important;
	padding: 0;
	margin-top: 2px;
}
section.infos-header div.details {
	width: 100%;
}
section.infos-header div.details .franco {
	font-size: 8.5px;
	margin-top: 2px;
}
section.infos-header div.details .transporteur {
	margin-top: -2px;	
	font-size: 9px;
}
section.infos-header div.details .transporteur img {
	width: 65px;
	margin-left: 0;
}
section.infos-header div.details .transporteur .title {
	vertical-align: -1px;
}
section.infos-header div.details .transporteur .duree {
	font-size: 11px;
	vertical-align: -4px;
	margin-left: -1px;
}
section.infos-header {
	max-width: 85px;
}
section.infos-header div.fdp-offerts {
	font-size: 7px;
}
section.infos-header div.details .franco {
	font-size: 6px;
	margin-top: 4px;
}
section.infos-header div.details .transporteur img {
	width: 45px;
	margin-left: -2px;
}
section.infos-header div.details .transporteur {
	font-size: 7px;
	margin-top: 2px;
}
section.infos-header div.details .transporteur .title {
	margin-left: 0px;
	vertical-align: -1px;
}
section.infos-header div.details .transporteur .duree {
	font-size: 7px;
	vertical-align: -2px;
}

@media screen and (max-width: 359px) {
	section.infos-header {
		display: none;
	}
}
*/

/** 31/07/18 Jonathan Cashback MOBILE */

#section_cashbackfond {
    background: #000;
    border-radius: 5%;
    padding: 0px;
    margin-top: 5px;
    margin-left: 58%;
    width: 146px;
    height: 47px;
    color: #FFF;
}

#div_cashbackprix {
    display: inline-block;
    font-weight: bold;
    width: 60px;
    text-align: center;
    padding-top: 8px;
}

#div_cashbackinfo {
    border-radius: 0% 5% 5% 0%;
    /* font-family: 'BenchNine', sans-serif; */
    font-family: 'Yanone Kaffeesatz', sans-serif;
    display: inline-block;
    width: 86px;
    line-height: 14px;
    font-size: 12px;
    font-style: normal;
    margin-left: 0px;
    height: 43px;
    text-align: center;
    background: #DA0019;
    padding-top: 4px;
}


#section_cashbackfond a {
    color: #FFF;
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
}

#section_cashbackfond a.cashback2 {
    font-size: 21pt;
}

#section_cashbackfond a.cashback3 {
    font-size: 18pt;
}

#section_cashbackfond a.cashback4 {
    font-size: 16pt;
}

#section_cashbackfond #span_cashbackplus {
    /* font-weight: bold; */
    font-size: 16px;
    line-height: 12px;
}

#section_cashbackfond #span_cashbackplus2 {
    /* font-weight: bold; */
    font-size: 16px;
    line-height: 12px;
}

#section_cashbackfond {
    background: #000;
    border-radius: 5%;
    padding: 0px;
    margin: 10px auto;
    width: 146px;
    height: 47px;
    color: #FFF;
    text-align: center;
}

#p_oney {
    text-align: right;
    margin-right: 5px
}

#p_oney.classCashback {
    width: 200px;
    text-align: center;
}

#ficheproduit #infosprix #prixprod.classCashback {
    text-align: center;
}

#ficheproduit #infosprix #ecotaxe.classCashback {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-right: 5px;
    font-size: 11px;
}

#ficheproduit #infosprix .solde {
    position: absolute;
    left: 60px;
}

#ficheproduit #infosprix .solde .prix {
    color: #ff0000;
    font-weight: normal;
    font-size: 15px;
    font-weight: bold;
    float: left;
    margin-left: 5px;
}


/** PARTIE CASHBACK filtres.php */

#section_cashbackliste {
    float: left;
    background: linear-gradient(to top, #DA0019 50%, #000 50%);
    border-radius: 5%;
    padding: 0px;
    margin-top: 5px;
    margin-left: -45px;
    width: 68px;
    height: 55px;
    color: #FFF;
    position: absolute;
    left: 47px;
    top: 53px;
}

#ficheproduit .infosprod a.fullsizecashback,
#recherche .infosprod a.fullsizecashback {
    height: 60%;
}

#section_cashbackliste #div_cashbackprixliste {
    display: block;
    font-weight: bold;
    text-align: center;
    padding-top: 8px;
}

#section_cashbackliste #span_cashbackplusliste,
#section_cashbackliste #span_cashbackplus2liste {
    border-radius: 0% 0% 5% 5%;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    display: block;
    line-height: 14px;
    font-size: 12px;
    font-style: normal;
    margin-left: 0px;
    height: 30px;
    text-align: center;
    background: #DA0019;
    padding-top: 4px;
}

#section_cashbackliste a {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
}

#section_cashbackliste a.cashback2 {
    font-size: 18pt;
}

#section_cashbackliste a.cashback3 {
    font-size: 17pt;
}

#section_cashbackliste a.cashback4 {
    margin-top: 3px;
    font-size: 15pt;
}

#section_cashbackliste #span_cashbackeurliste {
    display: block;
    height: 50%;
    font-weight: bold;
}

#section_cashbackliste #span_cashbackplusliste {
    display: block;
    height: 50%;
    font-size: 15px;
    margin-top: 0px;
    line-height: 12px;
    width: 100%;
    text-align: center;
}

#section_cashbackliste #span_cashbackplus2liste {
    display: block;
    height: 50%;
    font-size: 13px;
    margin-top: 0px;
    line-height: 12px;
}

/** JOnathan 01/08/19 Modification pour la fiche de produit Obsoletes */

.notavailable .oldInfos {
    height: 84px;
}

.notavailable .oldDescSansAvis {
    height: calc(100% - 175px);
}

/** Jérôme 02/09/2019 - nouveau carousel mobile */

#viewmainphoto-mob .carousel {
    display: flex;
    visibility: hidden;
    opacity: 0;
    position: relative;
    transition: opacity 0.6s;
}

#viewmainphoto-mob .carousel div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

#viewmainphoto-mob .carousel div img {
    max-width: 240px;
    max-height: 240px;
    margin: 7px 0 20px 0;
}

.top4_aktion_container .carousel .c-prod-werbetext,
.top4_aktion_container .carousel .c-prod-title,
.neu_aktion_container .carousel .c-prod-title {
    min-height: auto;
}

#bulles-container {
    display: flex;
    justify-content: space-evenly;
}

#bulles-container .bulle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ddd;
    transition: background-color 0.4s;
}

#bulles-container .bulle.selected {
    background-color: #666;
}

/** Fabien 04/08/19 - Paiement en plusieurs fois */
#quickaccess {
    display: none !important;
}

#oney {
    padding: 0;
}

#oney iframe {
    display: block;
    width: 100%;
    height: auto;
}

#oney img {
    max-width: 100%;
}

#oney article img {
    max-width: inherit;
    width: initial;
    text-align: center;
}

#oney article .centered {
    display: block;
    margin: 0 auto;
}

#oney article img.point-1 {
    margin-left: -7px;
}

#uneuro iframe {
    display: none;
}

#uneuro #simulateurmobile {
    display: block !important;
    margin-top: 5px;
}

/** Jonathan 05/09/19 Gestion carnet adresse mobile */
#compteclient .infos #adresseFact,
#compteclient .infos #adresseLivr {
    width: calc(100% - 10px);
    margin: 0px;
}

/** Fabien 15/10/19 - Flex sur infos complémentaires produit */
#ficheproduit #infoscompl {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    padding-top: 10px;
}

#ficheproduit #infosprix {
    order: 1;
}

#ficheproduit #mag {
    margin-top: 10px;
    order: 3;
}

#ficheproduit #section_cashbackfond {
    order: 2;
    width: initial;
    height: initial;
}

#ficheproduit #ajoutpanier {
    order: 3;
}

#ficheproduit #infoscompl #dispo {
    order: 4;
}

#ficheproduit #infoscompl #dispomag {
    order: 5;
}

#ficheproduit #ajoutpanier #fdprelaisoff {
    margin-top: 5px;
}

.covid-box-message-new {
    width: calc(100% - 80px);
    padding-left: 10px;
}

.covid-box-message-new div.table {
    border-spacing: 8px;
}

#paiement #adress-container,
#detailcommande #adress-container {
    width: 100%;
}

/** Fabien 27/01/21 - Nouvel affichage notation avis */
#ficheproduit #fichedetaillee #tousavis div.selectNoteContainer {
    float: none;
    margin: 0;
    width: 100%;
}

#ficheproduit #fichedetaillee #tousavis div.selectedNote,
#ficheproduit #fichedetaillee #tousavis ul.selectNote {
    border-left: 0;
    border-right: 0;
    width: 100%;
}

/* Jérôme 10/03/21 - Nouvelle fenêtre gestion cookies  */
#TwGi0pOnXb-page .TwGi0pOnXb-container {
    position: absolute;
    max-width: initial;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    transform: none;
}

/** Fabien 10/06/21 - Affichage reconditionné disponible */
#infoscompl .availableRecond {
    position: relative;
    order: 4;
    bottom: 0;
    margin-bottom: -10px;
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
}

/** Fabien 01/07/21 - Page Livraison - Neutralité Carbone */
#livraison #neutralite-carbone {
    flex-direction: column;
    width: calc(100% - 20px);
}

#livraison #neutralite-carbone .image-container {
    flex-basis: auto;
}

#livraison #neutralite-carbone .image-container img {
    width: 50%;
}

#livraison #neutralite-carbone span {
    text-align: justify;
    font-size: 13px;
}

/** Fabien 28/07/21 - Gestion des codes multiples */
#codepromo .code-wrapper {
    padding: 0;
}

#cart .code-wrapper span {
    display: none !important;
}

#cart #options {
    order: 2;
}

#code-list {
    order: 3;
    margin-top: 10px;
    width: 100%;
}

#code-list .title {
    font-size: 13px;
}

#code-list .code {
    padding: 5px 10px;
}

#code-list .code .delete-container .delete {
    font-size: 12px;
}

/** Header TOP spécial */
@keyframes marquee {
    0% {
        transform: translateX(60%);
    }

    100% {
        transform: translateX(-100%);
    }
}

#header-top-special span.content {
    white-space: nowrap;
    animation: marquee 15s linear infinite;
    display: inline-block;
    box-sizing: content-box;
}

#dealmainframe {
    background-color: #f7f7f7;
    background: none;
}

.dealtitel {
    height:40px;
    width:322px;
    justify-content: center;
}

.deal-zeitbox {
    height:40px;
    width:322px;
    margin-left:0px;
    justify-content:center;
}

.deal-produkt {
    width:322px;
    margin: 10px 0px 0px 20px;
    display:block;
}

.deal-prodtitleblock {
    margin-bottom:20px;
    display:block;
    text-align: center;
}

.deal-prodliblock {
    margin-bottom:10px;
    display:block;
}

.deal-linksblock {
    margin-top:5px;
}

.deal-preisblock, .deal-infoblock {
    width:100%;
    margin-top: 7px;
}

.button-deal, .button-deal:before {
    width:95%;
}

.deal-rabattblock div {
    padding:5px;
}

.deal-preisvorher {
    font-size:12px;
    letter-spacing:normal;
    margin: 0px 10px 0px 0px;
}

.deal_link_alleanzeigen {
    left: 50%;
    right: auto;
    transform: translate(-50%,-50%);
}

.rabattfooter {
    margin-top:0px;
    height:auto;
}

.aufwunschlistelink {
    position:absolute;
    width:50%;
    right:-120px;
    top:30px;
    z-index:2;
}

.newsletter_txt_box {
        height:auto; 
        width:100%; 
}

.agb_pdf_link, .widerruf_pdf_link {
    top:auto;
    bottom:20px;
}

.widerspruch_box {
    width:100%;
}

.gast_radresse_box,
.gast_ladresse_box {
    float:none;
    margin:10px 0 0 0;
}

.df_logo_abholung {
    float:none;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
.df_text_abholung {
    float:none;
    margin:0 auto;
    text-align:center;
    font-size:14px;
}
.df_logo_dhlfiliale, .df_logo_dhlpackst {
    float:left;
    margin:10px 0px;
}
.df_block_dhlpackst {
    width:375px;
    margin:0 auto;
    text-align:center;
}
.df_block_dhlfiliale {
    width:320px;
    margin:0 auto;
    text-align:center;
}
.rech_ruehnr_box, 
.liefer_ruehnr_box, 
.lf_packst_ruehnr_box,
.lf_packst_ville_box,
.lf_filial_ruehnr_box,
.lf_filial_ville_box {
    width:70%;
    margin:0 auto;
}
#login #nouveauclientnojs .gast_radresse_box #enregclient .rech_ruehnr_box label,
#login #nouveauclientnojs .gast_ladresse_box #enregclient .liefer_ruehnr_box label,
#login #nouveauclientnojs .gast_ladresse_box #enregclient .lf_packst_ruehnr_box label,
#login #nouveauclientnojs .gast_ladresse_box #enregclient .lf_packst_ville_box label,
#login #nouveauclientnojs .gast_ladresse_box #enregclient .lf_filial_ruehnr_box label,
#login #nouveauclientnojs .gast_ladresse_box #enregclient .lf_filial_ville_box label {
    float:left;
}
.flag_lief_address {
    float:left;
    width:10%;
    line-height:20px;
    margin-top:0px;
}

.bewertungbetrag {
    left: 260px;
    right: unset;
    top: 40px;
    width: 165px;
    margin: 0 auto;
    text-align: center;
}

.finishbox1, .finishbox2, .finishbox3, .finishbox4, .finishbox5 {
    width: 100%;
    height: auto;
}