header .boxLangue{width: 50px; margin: 0 auto;}

header a.boxLogo{display: flex; justify-content: center; align-items: center; padding: 20px 0 10px 0; text-decoration: none;}
header a.boxLogo svg {fill: #4a88eb; height: 24px; width: 24px;}

.cart .card-header h2{}

div.showPasswordInput{display: flex; justify-content: space-between; align-items: center; background-color: #ffffff;     border: 1px solid #ced4da;    border-radius: .2rem;}
div.showPasswordInput input{flex: auto; border: none;}
div.showPasswordInput span.icon{flex: none; padding: 0 5px; cursor: pointer;}

select.currency-dropdown{font-size: 10px;border-color: #eeeeee;}

ul.footerPaymentList{ margin-left: 0; padding-left: 0;}
ul.footerPaymentList li{list-style: none;}
ul.footerPaymentList img{height: 24px; margin-left: 3px;}

.default-btn {
    display: inline-block;
    padding: 12px 32px;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.default-btn i {
    font-size: 20px;
    position: relative;
    top: 4px;
    display: none
}

.default-btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -36%;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    width: 0
}

.default-btn:hover {
    color: #fff !important
}

.default-btn:hover:before {
    height: 100%;
    width: 135%;
    background-color: #252525
}

.btn-bg-one {
    background-color: #ffc221; color: #000000;
}

.btn-bg-two {
    background-color: #0071dc
}

.border-radius-50 {
    border-radius: 50px
}

.boxLegende{}
.boxLegende .carre{display:inline-block; width: 10px; height: 10px; margin-right: 10px;}
.boxLegende .carre_1{background-color: #d9534f;}
.boxLegende .carre_2{background-color: #e044a7;}
.boxLegende .carre_3{background-color: #744ec2;}
.boxLegende .carre_4{background-color: #3f80ea;}
.boxLegende .carre_5{background-color: #15c6f4;}

.boxLanding{}
.boxLanding h2{font-size: 16px;}
.boxLanding .header{padding: 20px; background-color: #4a88eb; color: #ffffff;}
.boxLanding .header h2{text-align: center; color: #ffffff;}
.boxLanding .header p{text-align: center;}

.boxLanding .boxService{padding: 10px 20px 0 20px; margin: 5px 0; border: solid 1px #e2e3e5; border-radius: 8px;}
.boxLanding .boxService span.numero{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: solid 2px #4a88eb; background-color: #ffffff; color: #4a88eb; font-weight: bold; margin:0 auto;}
.boxLanding .boxService h2{padding: 10px 0; color: #4a88eb;}
.boxLanding .boxService ol li,
.boxLanding .boxService ul li{padding-bottom: 10px;}

.boxLanding .footer{padding: 20px; background-color: #eeeeee;}
.boxLanding .footer .boxEtapes{display: flex; flex-flow: row wrap; justify-content: center; padding: 20px 0 0;}
.boxLanding .footer .boxEtapes .etape{flex: none; width: 170px; padding: 10px 0; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center;}
.boxLanding .footer .boxEtapes .etape p{margin: 0; padding:5px 0 0  0; font-size: 10px; text-align: center;}
.boxLanding .footer .boxEtapes .etape div.img{width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #ffffff; overflow: hidden;}
.boxLanding .footer .boxEtapes .etape div.img svg{ color: #0071dc;}

.boxLanding .card-footer{}
.boxLanding .card-footer p{text-align: center; font-size: 10px; padding: 0; margin: 0;}

/*
    note
 */

table.notes{width: 100%;}
table.notes tr:hover{background-color: #eeeeee;}
table.notes tr td{padding: 10px 0; vertical-align: top;}

td.notes-echelle {width: 150px; text-align: right;}
ul.notes-echelle {width: 150px; margin:0;padding:0; }
ul.notes-echelle li {float:left;margin:0;padding:0 5px;list-style:none;min-width:20px;min-height:20px;}
ul.notes-echelle li label {display:block;text-align:center;line-height:20px;cursor:pointer; font-size: 30px; color: #F90;}
ul.notes-echelle li.note-off label {color: #999999;}
ul.notes-echelle.js input {position:absolute;left:-999%;}
/* Effet lorsque une note est cochée */
ul.notes-echelle li.note-checked {font-weight:bold;}
/* Effet lorsque une note est tabulée au clavier */
ul.notes-echelle.js li.note-focus {outline:1px dotted #000;}

.rating {
    width: 226px;
    margin: 0 auto 1em;
    font-size: 45px;
    overflow:hidden;
}
.rating a {
    float: right;
    color: #aaa;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a		{
    color: orange;
    cursor: pointer;
}
.rating2 {
    direction: rtl;
}
.rating2 a {
    float:none
}