/* BASE FONT */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');

/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,div{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after,a,a:before,a:after{color:inherit;text-decoration:none}html,body{min-height:100%;width:100%;position:relative}::-ms-clear{display:none}::--ms-reveal{display:none}::-webkit-search-cancel-button{-webkit-appearance:none}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input,label,select,button,textarea{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit}input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select{-webkit-box-sizing:border-box;box-sizing:border-box}input:focus{outline:0}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}input[type="reset"],input[type="button"],input[type="submit"]{overflow:visible}select[multiple]{vertical-align:top;outline:none;-moz-appearance:none;-webkit-appearance:none}button{background:none;border:0;outline:none}button::-moz-focus-inner{border:0;padding:0}button:hover,button:active,button:focus{outline:0}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}a:hover,a:focus,a:active,a:visited,a:link,a{outline:0;}
body{font-family: sans-serif;/*overflow-y: auto;*/}html{/*overflow-y: auto;*/}

/* FIL D'ARIANNE */
.fil_ariane {width:100%;max-width:1240px;min-width:940px;margin:auto}
.fil_ariane ul {list-style-type:none;margin:15px 0 0 0;padding-left:0 !important}
.fil_ariane ul li{display:inline-block;font-family:'Lato',Helvetica,Arial,Sans-Serif;font-size:12px;color:#61676c;}
.fil_ariane ul li a{color:#61676c;text-decoration:underline;}


/*/////////////////////////////////////////////////////////////////////
/////////////////////////// ESPACE CLIENT /////////////////////////////
/////////////////////////////////////////////////////////////////////*/
/* LIEN DECONNEXION */
#inner_content .decoContent {
    box-sizing: border-box;
    margin: 10px 0 10px;
    overflow: hidden;
    text-align: right;
    width: 100%
}
#inner_content .decoContent .decoBtn {
    background-color: #8f8f8f;
    color: #fff;
    display: inline-block;
    font-family: 'Lato', arial, sans-serif;
    font-size: 10px;
    line-height: 10px;
    outline: none;
    padding: 6px 8px 8px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition-duration: .3s
}
#inner_content .decoContent .decoBtn:before {
    background-image: url('../images/svg/menu/decoClose.svg');
    background-size: 14px;
    content: '';
    position: absolute;
    display: block;
    height: 14px;
    left: 8px;
    top: 5px;
    width: 14px
}
#inner_content .decoContent .decoBtn:hover {
    background-color: #7c7c7c
}
/* MENU GAUCHE */
#inner_content .contenuB {
    box-sizing: border-box;
    float: left;
    width: 21.3%
}
#inner_content .menuB {
    background-color: #f1f1f1;
    box-sizing: border-box;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 10px;
    position: relative;
    width: 100%
}
#inner_content .menuB .mTitle {
    background-color: #dadada;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px 21px 14px 35px;
    position: relative;
    width: 100%
}
#inner_content .menuB .titreLien {
    font-size: 18px;
    font-weight: 700
}
#inner_content .menuB .titreLien:before {
    content: url('../images/svg/menu/retour.svg');
    position: absolute;
    display: block;
    left: 14px;
    top: 15px;
    transition-duration: .3s
}
#inner_content .menuB .titreLien:hover:before {
    left: 11px
}
#inner_content .menuB dl {
    margin: 15px 0
}
#inner_content .menuB dt {
    font-size: 16px;
    font-weight: 700;
    padding-left: 35px;
    position: relative
}
#inner_content .menuB .monCompte:before {
    content: url('../images/svg/menu/compte.svg');
    position: absolute;
    display: block;
    left: 14px;
    top: -3px
}
#inner_content .menuB .mesAchats:before {
    content: url('../images/svg/menu/achats.svg');
    position: absolute;
    display: block;
    left: 14px;
    top: -3px
}
#inner_content .menuB .carteBut:before {
    content: url('../images/svg/menu/carteBut.svg');
    position: absolute;
    display: block;
    left: 14px;
    top: -3px
}
#inner_content .menuB .monAssist:before {
    content: url('../images/svg/menu/assist.svg');
    position: absolute;
    display: block;
    left: 14px;
    top: -3px
}
#inner_content .menuB dd {
    font-size: 14px;
    font-weight: 400;
    margin: 4px 0 4px 35px;
    transition-duration: .2s
}
#inner_content .menuB dd:hover {
    margin: 4px 0 4px 38px
}
#inner_content .menuB dd a {
    color: #686868;
    position: relative;
    transition-duration: .2s
}
#inner_content .menuB dd a:hover {
    color: #000
}
#inner_content .menuB dd a.on {
    color: #e2001a;
    font-weight: 700
}
/*/////////////////////////////////////////////////////////////////////
////////////////////////////// TUNNEL /////////////////////////////////
/////////////////////////////////////////////////////////////////////*/
/* ETAPES TUNNEL */
.cd-multi-steps {
    box-sizing: border-box;
    width: 100%;
    max-width: 940px;
    padding: 0.5em 1em;
    margin: 1em auto 0;
    font-family: 'Lato', arial, sans-serif;
}
.cd-multi-steps:after {
    content: "";
    display: table;
    clear: both;
}
.cd-multi-steps li {
    display: inline-block;
    margin: 0.4em 40px 0.4em 0;
    position: relative;
}
.cd-multi-steps li:after {
    /* this is the separator between items */
    content: '';
    display: inline-block;
    color: #959fa5;
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
}
.cd-multi-steps li:last-of-type:after {
    /* hide separator after the last item */
    display: none;
}
.cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    color: #2c3f4c;
}
.cd-multi-steps li:last-of-type {
    margin-right: 0;
}
.cd-multi-steps li.visited:after {
    background-color: #768d9f;
}
.cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
}
.cd-multi-steps.text-top li {
    width: 16%;
    text-align: center;
    text-transform: uppercase;
}
.cd-multi-steps.text-top li:after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 52%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
}
.cd-multi-steps.text-top li > *:before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
    /* this is the spot indicator */
    bottom: 0;
}
.cd-multi-steps.text-top li.visited > *:before,
.cd-multi-steps.text-top li.current > *:before {
    background-color: #768d9f;
}
.cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
    font-size: 16px;
    text-decoration: none;
    font-style: normal;
}
.cd-multi-steps.text-top li a:hover {
    color: #768d9f
}
.cd-multi-steps.text-top li a:hover:before {
    box-shadow: 0 0 0 5px rgba(118, 141, 159,0.3)
}