*,*:after,*:before{box-sizing:border-box}
.flex{display:flex}
.flex-spacebetween-start{justify-content:space-between;align-items:flex-start}
.flex-spacebetween-end{justify-content:space-between;align-items:flex-end}
.flex-spacebetween-center{justify-content:space-between;align-items:center}
.flex-spacebetween-stretch{justify-content:space-between;align-items:stretch}
.flex-start-start{justify-content:flex-start;align-items:flex-start}
.flex-start-end{justify-content:flex-start;align-items:flex-end}
.flex-start-center{justify-content:flex-start;align-items:center}
.flex-start-stretch{justify-content:flex-start;align-items:stretch}
.flex-spacearound-start{justify-content:space-around;align-items:flex-start}
.flex-spacearound-end{justify-content:space-around;align-items:flex-end}
.flex-spacearound-center{justify-content:space-around;align-items:center}
.flex-spacearound-stretch{justify-content:space-around;align-items:stretch}
.flex-end-start{justify-content:flex-end;align-items:flex-start}
.flex-end-end{justify-content:flex-end;align-items:flex-end}
.flex-end-center{justify-content:flex-end;align-items:center}
.flex-end-stretch{justify-content:flex-end;align-items:stretch}
.flex-center-start{justify-content:center;align-items:flex-start}
.flex-center-end{justify-content:center;align-items:flex-end}
.flex-center-center{justify-content:center;align-items:center}
.flex-center-stretch{justify-content:center;align-items:stretch}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-column{flex-direction:column}
.flex-column-reverse{flex-direction:column-reverse}
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
@media all and (min-width:782px){.flex1{display:flex}}
@media all and (min-width:960px){.flex2{display:flex}}
@media all and (min-width:1120px){.flex3{display:flex}}
@media all and (min-width:1280px){.flex4{display:flex}}
:focus{outline:0!important}
html{min-width:320px}
body{margin:0;padding:0;min-width:320px;font-size:var(--font-size12);line-height:125%;font-family:var(--font-family-body);color:var(--text-color);background-color:var(--bg-color)}
textarea,input,select,button{outline:none;cursor:default}
.textearea-size{resize:vertical;min-height:152px}
select,button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);line-height:125%;color:var(--text-color)}
.header-content,.container>*{max-width:1280px;margin:0 auto;width:100%;height:auto}
.error-system{margin:8px;padding:8px;border:2px solid var(--red-color);background-color:var(--white-color);color:var(--black-color);font-size:var(--font-size12);line-height:150%;font-family:monospace}
.error-system i{font-size:var(--font-size24);color:var(--red-color)}
.error-system b{font-size:var(--font-size16)}
.box-shadow{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}

body .loader-body{position:fixed;z-index:999999;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color)}
.loader-conteneur{position:relative}
.loader-conteneur>.loader{position:absolute;z-index:10;top:calc((100% - 16px) / 2);left:calc((100% - 16px) / 2)}
.loader-conteneur-hidden>.loader{display:none}
.loader-conteneur:after{content:'';display:block;position:absolute;z-index:9;background-color:var(--bg-color);top:0;left:0;width:100%;height:100%}
.loader-conteneur-hidden:after{display:none}
.loader{border:2px solid var(--greyD-color);border-top:2px solid var(--color-master-1);border-radius:50%;width:16px;height:16px;animation:spin 2s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.loader-2{zoom:2}
.loader-4{zoom:4}