@charset "UTF-8";.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,body,h1,h2,h3,h4,h5,h6 {
    color: var(--color-text-default)
}

.h1-like,.h2-like,body,h1,h2,p {
    margin: 0
}

blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video {
    max-width: 100%
}

:root {
    --color-text-default: #545454;
    --color-default: #3e9fd8;
    --color-default-hover: #2685bd;
    --color-default-muted: rgba(62, 159, 216, 0.4);
    --color-secondary: #787878;
    --color-secondary-hover: #5f5f5f;
    --color-secondary-muted: rgba(120, 120, 120, 0.4);
    --color-success: #1baf35;
    --color-success-hover: #148328;
    --color-success-muted: rgba(27, 175, 53, 0.4);
    --color-alert: #f6931d;
    --color-alert-hover: #d77909;
    --color-alert-muted: rgba(246, 147, 29, 0.4);
    --color-danger: #c71a1a;
    --color-danger-hover: #9a1414;
    --color-danger-muted: rgba(199, 26, 26, 0.4);
    --color-white: #ffffff;
    --color-black: #000000;
    --font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --container-default: 1366px;
    --container-lg: 1560px;
    --container-md: 1024px;
    --container-sm: 860px;
    --container-xs: 440px;
    --layout-gutter: 10px;
    --button-round-radius: 1000px;
    --menu-breakpoint: 1024px
}

*,::after,::before {
    box-sizing: border-box;
    min-width: 0
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    overflow-wrap: break-word
}

body {
    font-family: var(--font-family);
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff
}

a,a:active,a:focus,a:hover {
    color: #000;
    text-decoration: underline
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

iframe,img {
    border-style: none
}

.card-title a,.navbar a,.text-decoration-none,a.button,a.button:hover,button.button,button.button:hover {
    text-decoration: none
}

.h3-like,.h4-like,.h5-like,.h6-like,address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,pre,ul {
    margin-top: 0;
    margin-bottom: .5rem
}

li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul {
    margin-top: 0;
    margin-bottom: 0
}

ol,ul {
    padding-left: 1.5rem
}

nav ol,nav ul {
    list-style: none;
    padding: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

.align-top,table {
    vertical-align: top
}

fieldset {
    margin: 0
}

img,input,select,textarea {
    height: auto
}

iframe {
    width: 100%
}

svg:not([fill]) {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top: 1px solid;
    margin: 1.5rem 0;
    clear: both;
    color: inherit
}

.border-left,.border-x {
    border-left: 1px solid #000
}

.border-right,.border-x {
    border-right: 1px solid #000
}

.border-bottom,.border-y {
    border-bottom: 1px solid #000
}

.border-top,.border-y {
    border-top: 1px solid #000
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xs {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 1.5rem;
    border-collapse: collapse
}

button,input:not([type=checkbox]),input[type=button],input[type=submit],select {
    -webkit-appearance: none
}

.container {
    max-width: var(--container-default);
    padding-left: 2.2rem;
    padding-right: 2.2rem
}

@media only screen and (max-width: 820px) {
    .container {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-lg {
    max-width: var(--container-lg);
    padding-left: 2.2rem;
    padding-right: 2.2rem
}

@media only screen and (max-width: 820px) {
    .container-lg {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-md {
    max-width: var(--container-md);
    padding-left: 2.2rem;
    padding-right: 2.2rem
}

@media only screen and (max-width: 820px) {
    .container-md {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-sm {
    max-width: var(--container-sm);
    padding-left: 2.2rem;
    padding-right: 2.2rem
}

@media only screen and (max-width: 820px) {
    .container-sm {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-xs {
    max-width: var(--container-xs);
    padding-left: 2.2rem;
    padding-right: 2.2rem
}

@media only screen and (max-width: 820px) {
    .container-xs {
        padding-left:20px;
        padding-right: 20px
    }
}

.container-fluid {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    max-width: none
}

@media only screen and (max-width: 820px) {
    .container-fluid {
        padding-left:20px;
        padding-right: 20px
    }
}

.l-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(var(--layout-gutter) * -1);
    margin-right: calc(var(--layout-gutter) * -1)
}

.l-row .l-col-1 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-1 {
    margin-left: calc((100 / (12 / 1)) * 1% + var(--layout-gutter))
}

.l-row .l-col-2 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-2 {
    margin-left: calc((100 / (12 / 2)) * 1% + var(--layout-gutter))
}

.l-row .l-col-3 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-3 {
    margin-left: calc((100 / (12 / 3)) * 1% + var(--layout-gutter))
}

.l-row .l-col-4 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-4 {
    margin-left: calc((100 / (12 / 4)) * 1% + var(--layout-gutter))
}

.l-row .l-col-5 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-5 {
    margin-left: calc((100 / (12 / 5)) * 1% + var(--layout-gutter))
}

.l-row .l-col-6 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-6 {
    margin-left: calc((100 / (12 / 6)) * 1% + var(--layout-gutter))
}

.l-row .l-col-7 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-7 {
    margin-left: calc((100 / (12 / 7)) * 1% + var(--layout-gutter))
}

.l-row .l-col-8 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-8 {
    margin-left: calc((100 / (12 / 8)) * 1% + var(--layout-gutter))
}

.l-row .l-col-9 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-9 {
    margin-left: calc((100 / (12 / 9)) * 1% + var(--layout-gutter))
}

.l-row .l-col-10 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-10 {
    margin-left: calc((100 / (12 / 10)) * 1% + var(--layout-gutter))
}

.l-row .l-col-11 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-11 {
    margin-left: calc((100 / (12 / 11)) * 1% + var(--layout-gutter))
}

.l-row .l-col-12 {
    margin: var(--layout-gutter);
    -ms-flex-preferred-size: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2);
    flex-basis: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2)
}

.l-row .l-col-offset-12 {
    margin-left: calc((100 / (12 / 12)) * 1% + var(--layout-gutter))
}

@media screen and (min-width: 576px) {
    .l-row .l-col-sm-1 {
        margin:var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-1 {
        margin-left: calc((100 / (12 / 1)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-2 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-2 {
        margin-left: calc((100 / (12 / 2)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-3 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-3 {
        margin-left: calc((100 / (12 / 3)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-4 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-4 {
        margin-left: calc((100 / (12 / 4)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-5 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-5 {
        margin-left: calc((100 / (12 / 5)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-6 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-6 {
        margin-left: calc((100 / (12 / 6)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-7 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-7 {
        margin-left: calc((100 / (12 / 7)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-8 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-8 {
        margin-left: calc((100 / (12 / 8)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-9 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-9 {
        margin-left: calc((100 / (12 / 9)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-10 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-10 {
        margin-left: calc((100 / (12 / 10)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-11 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-11 {
        margin-left: calc((100 / (12 / 11)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-sm-12 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-sm-offset-12 {
        margin-left: calc((100 / (12 / 12)) * 1% + var(--layout-gutter))
    }
}

@media screen and (min-width: 992px) {
    .l-row .l-col-md-1 {
        margin:var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-1 {
        margin-left: calc((100 / (12 / 1)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-2 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-2 {
        margin-left: calc((100 / (12 / 2)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-3 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-3 {
        margin-left: calc((100 / (12 / 3)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-4 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-4 {
        margin-left: calc((100 / (12 / 4)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-5 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-5 {
        margin-left: calc((100 / (12 / 5)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-6 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-6 {
        margin-left: calc((100 / (12 / 6)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-7 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-7 {
        margin-left: calc((100 / (12 / 7)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-8 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-8 {
        margin-left: calc((100 / (12 / 8)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-9 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-9 {
        margin-left: calc((100 / (12 / 9)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-10 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-10 {
        margin-left: calc((100 / (12 / 10)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-11 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-11 {
        margin-left: calc((100 / (12 / 11)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-md-12 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-md-offset-12 {
        margin-left: calc((100 / (12 / 12)) * 1% + var(--layout-gutter))
    }
}

@media screen and (min-width: 1330px) {
    .l-row .l-col-lg-1 {
        margin:var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 1)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-1 {
        margin-left: calc((100 / (12 / 1)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-2 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 2)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-2 {
        margin-left: calc((100 / (12 / 2)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-3 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 3)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-3 {
        margin-left: calc((100 / (12 / 3)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-4 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 4)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-4 {
        margin-left: calc((100 / (12 / 4)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-5 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 5)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-5 {
        margin-left: calc((100 / (12 / 5)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-6 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 6)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-6 {
        margin-left: calc((100 / (12 / 6)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-7 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 7)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-7 {
        margin-left: calc((100 / (12 / 7)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-8 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 8)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-8 {
        margin-left: calc((100 / (12 / 8)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-9 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 9)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-9 {
        margin-left: calc((100 / (12 / 9)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-10 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 10)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-10 {
        margin-left: calc((100 / (12 / 10)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-11 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 11)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-11 {
        margin-left: calc((100 / (12 / 11)) * 1% + var(--layout-gutter))
    }

    .l-row .l-col-lg-12 {
        margin: var(--layout-gutter);
        -ms-flex-preferred-size: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2);
        flex-basis: calc((100 / (12 / 12)) * 1% - var(--layout-gutter) * 2)
    }

    .l-row .l-col-lg-offset-12 {
        margin-left: calc((100 / (12 / 12)) * 1% + var(--layout-gutter))
    }
}

.l-row>.l-col {
    margin: var(--layout-gutter);
    -ms-flex: 1;
    flex: 1
}

.ml-0,.mx-0 {
    margin-left: 0
}

.mr-0,.mx-0 {
    margin-right: 0
}

.mt-0,.my-0 {
    margin-top: 0
}

.mb-0,.my-0 {
    margin-bottom: 0
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-inline-block {
    display: inline-block
}

.d-inline {
    display: inline
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.justify-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-bold {
    font-weight: 700
}

.text-300 {
    font-weight: 300
}

.text-400 {
    font-weight: 400
}

.text-500 {
    font-weight: 500
}

.text-600 {
    font-weight: 600
}

.text-700 {
    font-weight: 700
}

.text-800 {
    font-weight: 800
}

.text-900 {
    font-weight: 900
}

.text-capitalize {
    text-transform: capitalize
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-italic {
    font-style: italic
}

.border-circle {
    border-radius: 50%
}

.text-1 {
    font-size: calc(1.375rem + 1.5vw)
}

.text-2 {
    font-size: calc(1.325rem + .9vw)
}

.text-3 {
    font-size: calc(1.3rem + .6vw)
}

.text-4 {
    font-size: calc(1.275rem + .3vw)
}

.text-5 {
    font-size: 1.25rem
}

.text-base {
    font-size: 1rem
}

.text-inherit {
    font-size: inherit
}

.big-title {
    font-size: 5rem
}

.medium-title {
    font-size: 3rem
}

.small-title {
    font-size: 2.5rem
}

.text-primary {
    color: var(--color-default)
}

.text-secondary {
    color: var(--color-secondary)
}

.text-success {
    color: var(--color-success)
}

.text-alert {
    color: var(--color-alert)
}

.text-danger {
    color: var(--color-danger)
}

.text-white {
    color: #fff
}

.bg-primary {
    background: var(--color-default)
}

.bg-secondary {
    background: var(--color-secondary)
}

.bg-success {
    background: var(--color-success)
}

.bg-alert {
    background: var(--color-alert)
}

.bg-danger {
    background: var(--color-danger)
}

.bg-light {
    background: #eee
}

.border {
    border: 1px solid #000
}

.border--size-1 {
    border-width: 1px
}

.border--size-2 {
    border-width: 2px
}

.border--size-3 {
    border-width: 3px
}

.border--size-4 {
    border-width: 4px
}

.border--size-5 {
    border-width: 5px
}

.border--size-6 {
    border-width: 6px
}

.border--size-7 {
    border-width: 7px
}

.border--size-8 {
    border-width: 8px
}

.border--size-9 {
    border-width: 9px
}

.border--size-10 {
    border-width: 10px
}

.border--dashed {
    border-style: dashed
}

.border--dotted {
    border-style: dotted
}

.border--double {
    border-style: double
}

.border--groove {
    border-style: groove
}

.border--radius-light {
    border-radius: .3em
}

.border--radius-medium {
    border-radius: .75em
}

.border--radius-big {
    border-radius: 1.2em
}

.border--radius-extra {
    border-radius: 2.5em
}

.border--color-primary {
    border-color: var(--color-default)
}

.border--color-secondary {
    border-color: var(--color-secondary)
}

.border--color-success {
    border-color: var(--color-success)
}

.border--color-alert {
    border-color: var(--color-alert)
}

.border--color-danger {
    border-color: var(--color-danger)
}

.notice {
    padding: 20px 16px;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-default);
    background: var(--color-default-muted)
}

.pl-0,.px-0 {
    padding-left: 0
}

.pr-0,.px-0 {
    padding-right: 0
}

.pt-0,.py-0 {
    padding-top: 0
}

.pb-0,.py-0 {
    padding-bottom: 0
}

.notice--secondary {
    border-color: var(--color-secondary);
    background: var(--color-secondary-muted)
}

.notice--success {
    border-color: var(--color-success);
    background: var(--color-success-muted)
}

.notice--alert {
    border-color: var(--color-alert);
    background: var(--color-alert-muted)
}

.notice--danger {
    border-color: var(--color-danger);
    background: var(--color-danger-muted)
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05)
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)
}

.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25)
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.05)
}

.shadow-none {
    box-shadow: 0 0 #0000
}

.blur-sm {
    filter: blur(4px)
}

.blur {
    filter: blur(8px)
}

.blur-md {
    filter: blur(12px)
}

.blur-lg {
    filter: blur(16px)
}

.blur-xl {
    filter: blur(24px)
}

.blur-2xl {
    filter: blur(40px)
}

.blur-3xl {
    filter: blur(64px)
}

.blur-none {
    filter: blur(0)
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: -webkit-sticky;
    position: sticky
}

.translate-middle {
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.translate-middle-x {
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.translate-middle-y {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-0 {
    padding: 0
}

.pl-1,.px-1 {
    padding-left: .5rem
}

.pr-1,.px-1 {
    padding-right: .5rem
}

.pt-1,.py-1 {
    padding-top: .5rem
}

.pb-1,.py-1 {
    padding-bottom: .5rem
}

.m-0 {
    margin: 0
}

.ml-1,.mx-1 {
    margin-left: .5rem
}

.mr-1,.mx-1 {
    margin-right: .5rem
}

.mt-1,.my-1 {
    margin-top: .5rem
}

.mb-1,.my-1 {
    margin-bottom: .5rem
}

.p-1 {
    padding: .5rem
}

.pl-2,.px-2 {
    padding-left: 1rem
}

.pr-2,.px-2 {
    padding-right: 1rem
}

.pt-2,.py-2 {
    padding-top: 1rem
}

.pb-2,.py-2 {
    padding-bottom: 1rem
}

.m-1 {
    margin: .5rem
}

.ml-2,.mx-2 {
    margin-left: 1rem
}

.mr-2,.mx-2 {
    margin-right: 1rem
}

.mt-2,.my-2 {
    margin-top: 1rem
}

.mb-2,.my-2 {
    margin-bottom: 1rem
}

.p-2 {
    padding: 1rem
}

.pl-3,.px-3 {
    padding-left: 1.5rem
}

.pr-3,.px-3 {
    padding-right: 1.5rem
}

.pt-3,.py-3 {
    padding-top: 1.5rem
}

.pb-3,.py-3 {
    padding-bottom: 1.5rem
}

.m-2 {
    margin: 1rem
}

.ml-3,.mx-3 {
    margin-left: 1.5rem
}

.mr-3,.mx-3 {
    margin-right: 1.5rem
}

.mt-3,.my-3 {
    margin-top: 1.5rem
}

.mb-3,.my-3 {
    margin-bottom: 1.5rem
}

.p-3 {
    padding: 1.5rem
}

.pl-4,.px-4 {
    padding-left: 2rem
}

.pr-4,.px-4 {
    padding-right: 2rem
}

.pt-4,.py-4 {
    padding-top: 2rem
}

.pb-4,.py-4 {
    padding-bottom: 2rem
}

.m-3 {
    margin: 1.5rem
}

.ml-4,.mx-4 {
    margin-left: 2rem
}

.mr-4,.mx-4 {
    margin-right: 2rem
}

.mt-4,.my-4 {
    margin-top: 2rem
}

.mb-4,.my-4 {
    margin-bottom: 2rem
}

.p-4 {
    padding: 2rem
}

.pl-5,.px-5 {
    padding-left: 3rem
}

.pr-5,.px-5 {
    padding-right: 3rem
}

.pt-5,.py-5 {
    padding-top: 3rem
}

.pb-5,.py-5 {
    padding-bottom: 3rem
}

.m-4 {
    margin: 2rem
}

.ml-5,.mx-5 {
    margin-left: 3rem
}

.mr-5,.mx-5 {
    margin-right: 3rem
}

.mt-5,.my-5 {
    margin-top: 3rem
}

.mb-5,.my-5 {
    margin-bottom: 3rem
}

.p-5 {
    padding: 3rem
}

.pl-auto,.px-auto {
    padding-left: auto
}

.pr-auto,.px-auto {
    padding-right: auto
}

.pt-auto,.py-auto {
    padding-top: auto
}

.pb-auto,.py-auto {
    padding-bottom: auto
}

.m-5 {
    margin: 3rem
}

.ml-auto,.mx-auto {
    margin-left: auto
}

.mr-auto,.mx-auto {
    margin-right: auto
}

.mt-auto,.my-auto {
    margin-top: auto
}

.mb-auto,.my-auto {
    margin-bottom: auto
}

.p-auto {
    padding: auto
}

.m-auto {
    margin: auto
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.w-100 {
    width: 100%
}

.w-auto {
    width: auto
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.start-0 {
    left: 0
}

.end-0 {
    right: 0
}

.top-50 {
    top: 50%
}

.bottom-50 {
    bottom: 50%
}

.start-50 {
    left: 50%
}

.end-50 {
    right: 50%
}

.top-100 {
    top: 100%
}

.bottom-100 {
    bottom: 100%
}

.start-100 {
    left: 100%
}

.end-100 {
    right: 100%
}

form.edit div.date input {
    cursor: pointer
}

.form-base fieldset {
    padding: 0;
    border: none
}

.form-base legend {
    margin-bottom: 7px;
    font-weight: 700
}

.form-base div.date,.form-base div.email,.form-base div.mail,.form-base div.number,.form-base div.password,.form-base div.select,.form-base div.tel,.form-base div.text,.form-base div.textarea {
    margin-bottom: .9rem
}

.form-base div.help {
    font-size: .75rem
}

.form-base label {
    display: block;
    margin-bottom: 3px
}

.form-base [type=text],.form-base [type=password],.form-base [type=number],.form-base [type=email],.form-base [type=tel],.form-base [type=mail],.form-base [type=date],.form-base select,.form-base textarea {
    box-sizing: border-box;
    display: block;
    padding: .6em;
    width: 100%;
    font-size: 1rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition-property: color,background-color,border-color,box-shadow;
    transition-duration: .2s
}

.form-base [type=text]:-ms-input-placeholder,.form-base [type=password]:-ms-input-placeholder,.form-base [type=number]:-ms-input-placeholder,.form-base [type=email]:-ms-input-placeholder,.form-base [type=tel]:-ms-input-placeholder,.form-base [type=mail]:-ms-input-placeholder,.form-base [type=date]:-ms-input-placeholder,.form-base select:-ms-input-placeholder,.form-base textarea:-ms-input-placeholder {
    color: #aaa
}

.form-base [type=text]::placeholder,.form-base [type=password]::placeholder,.form-base [type=number]::placeholder,.form-base [type=email]::placeholder,.form-base [type=tel]::placeholder,.form-base [type=mail]::placeholder,.form-base [type=date]::placeholder,.form-base select::placeholder,.form-base textarea::placeholder {
    color: #aaa
}

.form-base [type=text]:focus,.form-base [type=password]:focus,.form-base [type=number]:focus,.form-base [type=email]:focus,.form-base [type=tel]:focus,.form-base [type=mail]:focus,.form-base [type=date]:focus,.form-base select:focus,.form-base textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-base textarea {
    min-height: 120px
}

.form-base div.error input {
    border-color: var(--color-danger)
}

.form-base div.error label,.form-base div.error select,.form-base div.error span.error {
    display: block;
    color: var(--color-danger)
}

span.error{
    color: #c71a1a;
}

.form-base textarea,.form-base textarea:-ms-input-placeholder {
    font-family: var(--font-family)
}

.form-base textarea,.form-base textarea::placeholder {
    font-family: var(--font-family)
}

.form-base div.checkbox,.form-base div.radio {
    margin: 20px 0
}

.form-base div.checkbox p,.form-base div.radio p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-base div.checkbox .form-check,.form-base div.checkbox p>*,.form-base div.radio .form-check,.form-base div.radio p>* {
    box-sizing: border-box;
    display: block;
    padding-left: 1.5em;
    min-height: 1.5rem;
    width: 100%
}

.form-base div.checkbox label,.form-base div.radio label {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    margin-bottom: 0
}

.form-base div.checkbox input,.form-base div.checkbox input.form-check-input,.form-base div.radio input,.form-base div.radio input.form-check-input {
    margin: .3em 5px 0 -1.5em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    float: left;
    width: 1em;
    height: 1em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: checkbox;
    appearance: checkbox;
    border-radius: .25em;
    outline: 0
}

.form-base div.checkbox input.form-check-input:checked,.form-base div.checkbox input:checked,.form-base div.radio input.form-check-input:checked,.form-base div.radio input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-base div.checkbox input[type=radio],.form-base div.radio input[type=radio] {
    -webkit-appearance: radio;
    appearance: radio;
    border-radius: 50%
}

.form-base div.checkbox input[type=radio]:checked,.form-base div.radio input[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-base form label {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    font-family: Roboto,sans-serif
}

.form-base [type=submit],.form-base [type=button],.form-base button {
    padding: 10px;
    color: #fff;
    font-weight: 700;
    background-color: var(--color-default);
    border: 1px solid var(--color-default);
    border-radius: 4px;
    box-shadow: none;
    cursor: pointer;
    transition: all .2s ease
}

.form-base [type=submit]:hover,.form-base [type=button]:hover,.form-base button:hover {
    background-color: var(--color-default-hover)
}

.form-base span.error {
    font-size: 1rem
}

.form-base input:-ms-input-placeholder,.form-base textarea:-ms-input-placeholder {
    font-family: inherit
}

.form-base input::placeholder,.form-base textarea::placeholder {
    font-family: inherit
}

form.form-with-dynamic-placeholder div.email,form.form-with-dynamic-placeholder div.tel,form.form-with-dynamic-placeholder div.text,form.form-with-dynamic-placeholder div.textarea {
    position: relative;
    box-sizing: border-box;
    padding-top: 28px;
    margin-bottom: .9rem
}

form.form-with-dynamic-placeholder div.email label,form.form-with-dynamic-placeholder div.tel label,form.form-with-dynamic-placeholder div.text label,form.form-with-dynamic-placeholder div.textarea label {
    position: absolute;
    top: 20px;
    font-size: 1.1rem;
    color: #333;
    font-weight: 300;
    cursor: text;
    transition: all .2s ease
}

form.form-with-dynamic-placeholder div.email.selected label,form.form-with-dynamic-placeholder div.tel.selected label,form.form-with-dynamic-placeholder div.text.selected label,form.form-with-dynamic-placeholder div.textarea.selected label {
    top: 0;
    font-size: 1rem
}

form.form-with-dynamic-placeholder div.textarea {
    width: 100%
}

form.form-with-dynamic-placeholder div.textarea textarea {
    height: 100px
}

form.form-with-dynamic-placeholder div.textarea textarea:focus {
    padding-top: 15px
}

form.form-with-dynamic-placeholder div.checkbox input {
    background: 0 0
}

form.form-with-dynamic-placeholder div.buttons {
    text-align: left;
    margin: 0
}

.card-img,form.form-with-dynamic-placeholder fieldset.buttons {
    text-align: center
}

form.form-with-dynamic-placeholder input[type=submit] {
    margin-left: 0;
    margin-bottom: 50px;
    color: #333;
    background-color: #eee;
    opacity: 1;
    border: 1px solid transparent!important;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: none
}

form.form-with-dynamic-placeholder input[type=submit]:hover {
    border: 1px solid #333!important;
    background-color: #333;
    color: #eee
}

form.form-with-dynamic-placeholder input[type=email],form.form-with-dynamic-placeholder input[type=tel],form.form-with-dynamic-placeholder input[type=text],form.form-with-dynamic-placeholder select,form.form-with-dynamic-placeholder textarea {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #333;
    outline: 0;
    box-shadow: none;
    width: 100%
}

form.form-with-dynamic-placeholder input[type=email]:focus,form.form-with-dynamic-placeholder input[type=tel]:focus,form.form-with-dynamic-placeholder input[type=text]:focus,form.form-with-dynamic-placeholder select:focus,form.form-with-dynamic-placeholder textarea:focus {
    border: 0;
    border-bottom: 2px solid #333
}

form.form-with-dynamic-placeholder div.rgpd input,form.form-with-dynamic-placeholder div.rgpd label {
    display: inline;
    width: auto;
    font-weight: 300;
    font-style: italic
}

a.button,button.button {
    display: inline-block;
    padding: .8em 1.8em;
    color: #fff;
    font-size: .9rem;
    line-height: normal;
    text-align: center;
    transition: all .3s linear;
    cursor: pointer;
    -webkit-appearance: none;
    background: var(--color-default);
    border-radius: 0;
    border-width: 0
}

a.button:hover,button.button:hover {
    color: #fff;
    background: var(--color-default-hover)
}

a.button--tiny,button.button--tiny {
    font-size: .6rem
}

a.button--small,button.button--small {
    font-size: .75rem
}

a.button--large,button.button--large {
    font-size: 1.2rem
}

a.button--expand,button.button--expand {
    padding-left: .9rem;
    padding-right: .9rem;
    width: 100%
}

a.button--round,button.button--round {
    border-radius: var(--button-round-radius)
}

a.button--radius,button.button--radius {
    border-radius: 3px
}

a.button--secondary,button.button--secondary {
    background: var(--color-secondary)
}

a.button--secondary:hover,button.button--secondary:hover {
    background: var(--color-secondary-hover)
}

a.button--success,button.button--success {
    background: var(--color-success)
}

a.button--success:hover,button.button--success:hover {
    background: var(--color-success-hover)
}

a.button--alert,button.button--alert {
    background: var(--color-alert)
}

a.button--alert:hover,button.button--alert:hover {
    background: var(--color-alert-hover)
}

a.button--danger,button.button--danger {
    background: var(--color-danger)
}

a.button--danger:hover,button.button--danger:hover {
    background: var(--color-danger-hover)
}

.card {
    border: 1px solid #eee
}

.card-img {
    display: block
}

.card-img img.fit {
    object-fit: cover;
    width: 100%
}

.card-body {
    padding: 1rem
}

.card-body h2,.card-body h3,.card-body h4,.card-body h5,.card-body p,.card-body>div {
    margin-bottom: .5rem
}

.card-body h2:last-child,.card-body h3:last-child,.card-body h4:last-child,.card-body h5:last-child,.card-body p:last-child,.card-body>div:last-child {
    margin-bottom: 0
}

.card-title {
    font-size: 1.25rem
}

.card-title a {
    color: inherit
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table {
    width: 100%;
    color: #797979;
    text-align: left
}

.table td,.table th {
    padding: .75rem;
    vertical-align: middle;
    text-align: left;
    border-top: 1px solid #dee2e6
}

.table th {
    border-bottom: 2px solid #dee2e6
}

.table .liste-actions a {
    display: inline-block;
    vertical-align: middle;
    padding: .2em .5em;
    color: #fff;
    background: #529e4d
}

.embbed-video,.embbed-video.r16-9 {
    padding-bottom: 56.25%
}

.table .liste-actions a:hover {
    background: #407c3c
}

.embbed-video {
    position: relative;
    width: 100%
}

.embbed-video.r4-3 {
    padding-bottom: 75%
}

.embbed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-20px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce-effect,.bounce-effect-hover:hover {
    animation-name: bounce;
    animation-duration: 1s
}

@keyframes shake {
    10%,90% {
        transform: translate3d(-1px,0,0)
    }

    20%,80% {
        transform: translate3d(2px,0,0)
    }

    30%,50%,70% {
        transform: translate3d(-4px,0,0)
    }

    40%,60% {
        transform: translate3d(4px,0,0)
    }
}

.shake-effect,.shake-effect-hover:hover {
    animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0,0,0);
    backface-visibility: hidden
}

@keyframes float {
    0%,100% {
        box-shadow: 0 5px 15px 0 rgba(0,0,0,.6);
        transform: translatey(0)
    }

    50% {
        box-shadow: 0 25px 15px 0 rgba(0,0,0,.2);
        transform: translatey(-20px)
    }
}

.float-effect {
    animation: float 6s ease-in-out infinite;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.6);
    overflow: hidden
}

.shine-effect {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.shine-effect::after {
    content: "";
    position: absolute;
    top: -210%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    background: rgba(255,255,255,.13);
    background: linear-gradient(to right,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0) 100%)
}

.shine-effect:hover::after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left,top,opacity;
    transition-duration: .7s,.7s,.15s;
    transition-timing-function: ease
}

@keyframes appear-modal {
    0% {
        width: 60px;
        height: 60px;
        background: #f0f0f0;
        box-shadow: 0 0 0 #ccc,0 0 0 #fff,10px 10px 10px #ccc inset,-10px -10px 10px #fff inset
    }

    25% {
        width: 60px;
        height: 60px;
        background: #f8f8f8;
        box-shadow: 10px 10px 10px #ccc,10px 10px 10px #fff,0 0 0 #ccc inset,0 0 0 #fff inset
    }

    50% {
        width: 60px;
        height: 240px;
        background: #f8f8f8;
        box-shadow: 10px 10px 10px #ccc,10px 10px 10px #fff,0 0 0 #ccc inset,0 0 0 #fff inset
    }

    100% {
        width: 1000px;
        height: 600px;
        background: #fafafa;
        box-shadow: 40px 40px 40px #ccc,0 0 0 #fff,0 0 0 #ccc inset,2px 2px 2px #fff inset
    }
}

.appear-modal-effect {
    border-radius: 20px;
    width: 60px;
    height: 60px;
    background: #f0f0f0;
    box-shadow: 0 0 0 #ccc,0 0 0 #fff,10px 10px 10px #ccc inset,-10px -10px 10px #fff inset;
    animation: appear-modal 1.5s cubic-bezier(.16,1,.3,1) 1s forwards
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.animation-spin {
    animation: spin 1s linear infinite;
    max-height: 100px;
    max-width: 100px
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-50%)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes slideInleft {
    0% {
        opacity: 0;
        transform: translateX(50%)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(-50%)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes zoomReverseIn {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        transform: rotateY(90deg)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

[data-animation] {
    opacity: 0;
    animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-fill-mode: both;
    animation-duration: 1s
}

.animations-disabled,.animations-disabled [data-animation] {
    animation: none!important;
    opacity: 1!important
}

.fadeOut,.flipOutY,.zoomOut,.zoomReverseOut {
    animation-direction: reverse
}

.slideInUp {
    animation-name: slideInUp
}

.slideInDown {
    animation-name: slideInDown
}

.slideInLeft {
    animation-name: slideInleft
}

.slideInRight {
    animation-name: slideInRight
}

.fadeIn,.fadeOut {
    animation-name: fadeIn
}

.zoomIn,.zoomOut {
    animation-name: zoomIn
}

.zoomReverseIn,.zoomReverseOut {
    animation-name: zoomReverseIn
}

.flipInY,.flipOutY {
    animation-name: flipInY
}

.navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar #menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navbar #menu .menu.principal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navbar #menu .menu.principal>li {
    position: relative
}

.navbar #menu .menu.principal>li>a {
    padding: .5rem
}

.navbar #menu .menu.principal>li a {
    color: rgba(0,0,0,.55);
    transition: color .3s
}

.navbar #menu .menu.principal>li a:hover,.navbar #menu .menu.principal>li.active a {
    color: rgba(0,0,0,.9)
}

.navbar #menu .menu.principal>li.dropdown>a:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.navbar #menu .menu.principal>li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

header.simple-menu #menu ul.level-1 li,header.simple-menu-logo #menu ul.level-1 li,header.simple-menu-logo-top #menu ul.level-1 li {
    margin: 0 15px
}

.navbar #menu .menu.principal>li.show ul {
    display: block
}

@media only screen and (max-width: 1024px) {
    .navbar #menu,.navbar #menu .menu.principal {
        display:block
    }

    .navbar #menu {
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        max-width: 420px;
        padding-top: 80px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        background: #eee;
        transition: left .3s linear;
        z-index: 99
    }

    .navbar #menu.show {
        left: 0
    }

    .navbar #menu .menu.principal>li ul {
        position: static;
        display: block
    }
}

header.fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0
}

a.display-menu {
    display: none
}

@media only screen and (max-width: 1024px) {
    a.display-menu {
        display:block;
        position: fixed;
        top: 20px;
        left: 20px;
        padding: 25px;
        height: 30px;
        width: 30px;
        cursor: pointer;
        z-index: 99
    }

    a.display-menu span {
        top: 50%;
        right: 10px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    a.display-menu span:before {
        top: -9px
    }

    a.display-menu span:after {
        bottom: -9px
    }

    a.display-menu span,a.display-menu span:after,a.display-menu span:before {
        content: "";
        display: block;
        position: absolute;
        height: 3px;
        width: 30px;
        background: #333;
        border-radius: 2px;
        cursor: pointer;
        transition: all .5s ease-in-out
    }
}

a.display-menu.close-menu span {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

a.display-menu.close-menu span:before {
    top: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

a.display-menu.close-menu span:after {
    bottom: 0
}

header.simple-menu #menu {
    padding: 30px 0;
    background-color: #eee
}

header.simple-menu #menu ul.level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

header.simple-menu-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    padding: 0 10%
}

header.simple-menu-logo #menu {
    -ms-flex: 1;
    flex: 1
}

header.simple-menu-logo #menu ul.level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

header.simple-menu-logo-top {
    padding: 20px 0;
    background-color: #eee
}

header.simple-menu-logo-top .logo {
    padding: 10px;
    text-align: center
}

header.simple-menu-logo-top #menu ul.level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

header.menu-bandeau-top .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #afafaf;
    padding: .85% 10%
}

header.menu-bandeau-top .top .coordonnees {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

header.menu-bandeau-top .top .coordonnees>div {
    margin: 5px 30px
}

@media only screen and (max-width: 600px) {
    header.menu-bandeau-top .top .coordonnees .phone {
        margin:5px auto
    }
}

header.menu-bandeau-top .top .social {
    margin: 5px 30px
}

@media only screen and (max-width: 600px) {
    header.menu-bandeau-top .top .social {
        margin:15px auto 10px
    }
}

header.menu-bandeau-top .top p {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 5px 5px
}

header.menu-bandeau-top .top img {
    max-height: 30px
}

header.menu-bandeau-top .top .social img {
    margin: 0 5px
}

header.menu-bandeau-top .bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eee;
    padding: 0 10%
}

@media only screen and (max-width: 1024px) {
    header.menu-bandeau-top .bottom {
        background-color:transparent;
        -ms-flex-pack: center;
        justify-content: center
    }
}

header.menu-bandeau-top .bottom #menu {
    -ms-flex: 1;
    flex: 1
}

header.menu-bandeau-top .bottom #menu ul.level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

header.menu-bandeau-top .bottom #menu ul.level-1 li {
    margin: 0 15px
}

header.menu-vertical {
    background-color: #eee;
    max-width: 20%;
    height: 100vh;
    display: inline-block
}

@media only screen and (min-width: 901px) and (max-width:1500px) {
    header.menu-vertical {
        max-width:25%
    }
}

@media only screen and (min-width: 1023px) and (max-width:900px) {
    header.menu-vertical {
        max-width:30%
    }
}

@media only screen and (max-width: 1024px) {
    header.menu-vertical {
        height:auto;
        display: block;
        max-width: 100%;
        text-align: center;
        background-color: transparent
    }
}

header.menu-vertical #menu {
    padding: 30px 0
}

header.menu-vertical #menu ul.level-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
}

header.menu-vertical #menu ul.level-1 li {
    margin: 0;
    width: 100%
}

header.menu-vertical #menu ul.level-1 li a {
    text-align: left;
    padding: 30px 20px
}

header.menu-vertical #menu ul.level-1 li a:hover {
    background-color: #FFF;
    text-decoration: none
}

header.menu-vertical #menu ul.level-1 li a.contact {
    text-align: center;
    margin: 0 10px;
    padding: 20px
}

header.menu-vertical #menu ul.level-1 li ul.level-2 {
    right: -50%
}

header.menu-vertical #menu ul.level-1 li ul.level-2 a {
    padding: 10px
}

@media only screen and (max-width: 1024px) {
    header.menu-bandeau-top #menu,header.menu-vertical #menu,header.simple-menu #menu,header.simple-menu-logo #menu,header.simple-menu-logo-top #menu {
        position:fixed;
        width: 500px;
        top: 0;
        left: -510px;
        overflow: hidden;
        height: 100%;
        margin: auto;
        transition: .4s;
        z-index: 10;
        box-shadow: 1px 1px 10px rgba(0,0,0,.4);
        overflow-y: scroll;
        display: -ms-flexbox;
        display: flex
    }

    header.menu-bandeau-top #menu ul,header.menu-vertical #menu ul,header.simple-menu #menu ul,header.simple-menu-logo #menu ul,header.simple-menu-logo-top #menu ul {
        margin: auto 0 auto 25px
    }

    header.menu-bandeau-top #menu ul li,header.menu-vertical #menu ul li,header.simple-menu #menu ul li,header.simple-menu-logo #menu ul li,header.simple-menu-logo-top #menu ul li {
        display: block;
        margin: 20px
    }

    header.menu-bandeau-top #menu ul li a,header.menu-vertical #menu ul li a,header.simple-menu #menu ul li a,header.simple-menu-logo #menu ul li a,header.simple-menu-logo-top #menu ul li a {
        text-align: left
    }

    header.menu-bandeau-top #menu ul li ul,header.menu-vertical #menu ul li ul,header.simple-menu #menu ul li ul,header.simple-menu-logo #menu ul li ul,header.simple-menu-logo-top #menu ul li ul {
        display: block;
        position: relative;
        box-shadow: none;
        background-color: transparent
    }

    header.menu-bandeau-top #menu.isActive,header.menu-vertical #menu.isActive,header.simple-menu #menu.isActive,header.simple-menu-logo #menu.isActive,header.simple-menu-logo-top #menu.isActive {
        left: 0
    }
}

@media only screen and (max-width: 500px) {
    header.menu-bandeau-top #menu,header.menu-vertical #menu,header.simple-menu #menu,header.simple-menu-logo #menu,header.simple-menu-logo-top #menu {
        width:100%
    }
}

body header.left-menu {
    height: 100%
}

body header.left-menu #menu {
    background-color: #eee;
    width: 250px;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

body header.left-menu #menu ul {
    margin: auto 0;
    padding: 0 20px
}

body header.left-menu #menu ul li {
    display: block
}

body header.left-menu #menu ul li a {
    text-align: left
}

body header.left-menu #menu ul li ul {
    display: block;
    position: relative;
    box-shadow: none;
    background-color: transparent;
    margin: 25px 0
}


.element.actualite.listview div.bottom a,.element.actualite.preview div.bottom a,.element.outil.listview div.bottom a,.element.outil.preview div.bottom a,.element.temoignage.listview div.bottom a,.element.temoignage.preview div.bottom a,article.element.service.listview .card-body div.bottom a,div.divWelcome section.equipes a,div.divWelcome section.temoignages div.right-side a,header .bottom nav ul li a {
    position:relative
}
.element.actualite.listview div.bottom a:after,.element.actualite.preview div.bottom a:after,.element.outil.listview div.bottom a:after,.element.outil.preview div.bottom a:after,.element.temoignage.listview div.bottom a:after,.element.temoignage.preview div.bottom a:after,article.element.service.listview .card-body div.bottom a:after,div.divWelcome section.equipes a:after,div.divWelcome section.temoignages div.right-side a:after,header .bottom nav ul li a:after {
    content:'';
    width:100%;
    display:block;
    height:2px;
    background-color:#ED5323;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -ms-transform:translateX(0) scaleX(0);
    transform:translateX(0) scaleX(0);
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transition:transform 250ms
}
.element.actualite.listview div.bottom a:hover:after,.element.actualite.preview div.bottom a:hover:after,.element.outil.listview div.bottom a:hover:after,.element.outil.preview div.bottom a:hover:after,.element.temoignage.listview div.bottom a:hover:after,.element.temoignage.preview div.bottom a:hover:after,article.element.service.listview .card-body div.bottom a:hover:after,div.divWelcome section.equipes a:hover:after,div.divWelcome section.temoignages div.right-side a:hover:after,header .bottom nav ul li a:hover:after {
    -ms-transform:translateX(0) scaleX(1);
    transform:translateX(0) scaleX(1)
}
header .bottom nav.aftechnologies ul li a {
    position:relative
}
header .bottom nav.aftechnologies ul li a:after {
    content:'';
    width:100%;
    display:block;
    height:2px;
    background-color:#3A71AB;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -ms-transform:translateX(0) scaleX(0);
    transform:translateX(0) scaleX(0);
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transition:transform 250ms
}
a,picture {
    display:inline-block;
    vertical-align:middle
}
header .bottom nav.aftechnologies ul li a:hover:after {
    -ms-transform:translateX(0) scaleX(1);
    transform:translateX(0) scaleX(1)
}
div.admin.edit {
    z-index:10
}
.element.edit .form-base [type=submit],.element.edit .form-base [type=button],.element.edit .form-base button {
    color:#fff;
    background-color:#ED5323;
    border:1px solid #ED5323;
    font-weight:600;
    font-size:.9rem;
    padding:12px 20px;
    box-shadow:none;
    cursor:pointer;
    transition:all .2s ease
}
.element.edit .form-base [type=submit]:hover,.element.edit .form-base [type=button]:hover,.element.edit .form-base button:hover {
    background-color:#414141;
    border:1px solid #414141
}
a,a:active,a:focus,a:hover {
    text-decoration:none
}
a.object {
    padding:.75rem 1.5rem;
    width:220px!important;
    height:220px;
    border-radius:50%;
    font-size:1.2rem;
    text-align:center;
    margin:.5rem 0;
    color:#fff;
    background-color:#ED5323;
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
a.object:before {
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    border:3px dashed #414141;
    border-radius:50%
}
@media only screen and (max-width:900px) {
    a.object:before {
        width:200px;
        height:200px
    }
}
@media only screen and (max-width:700px) {
    a.object:before {
        width:170px!important;
        height:170px
    }
}
a.object:hover {
    background-color:#414141;
    color:#fff;
    text-decoration:none
}
a.back,p a,p a:hover {
    color:#ED5323
}
@media only screen and (max-width:900px) {
    a.object {
        width:180px!important;
        height:180px;
        font-size:1rem;
        font-weight:500
    }
    section.coords div.d-flex {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
a.back {
    padding-left:32px;
    background:url(data/image/back.svg) left center no-repeat;
    background-size:10px;
    background-position-x:6px;
    font-weight:700
}
h1,h2,h3,li,p {
    color:#000
}
a.back:hover {
    background-position-x:0
}
a,img {
    transition-duration:.2s
}
div.cropp-content img {
    transition-duration:unset
}
body {
    font-family:Poppins,sans-serif;
    font-weight:400;
    font-size:1rem;
    --color-default:#989898;
    --color-default-hover:#7A7A7A
}
h1,h2 {
    font-weight:300
}
body * {
    box-sizing:border-box
}
h1 {
    font-size:3rem;
    margin-bottom:1rem
}
@media only screen and (max-width:1024px) {
    h1 {
        font-size:2.5rem
    }
}
@media only screen and (max-width:640px) {
    h1 {
        font-size:1.9rem
    }
}
h2 {
    font-size:2.1rem
}
@media only screen and (max-width:1024px) {
    h2 {
        font-size:1.8rem
    }
}
@media only screen and (max-width:700px) {
    a.object {
        width:145px!important;
        height:145px;
        margin-left:25px;
        margin-right:25px;
        line-height:1.2
    }
    h2 {
        font-size:1.5rem
    }
}
p {
    line-height:29px
}
p a {
    vertical-align:bottom
}
img {
    max-width:100%
}
p a:hover {
    text-decoration:underline
}
a.download-button,a.orange-button,a.white-button {
    background-color:#fff;
    color:#000;
    font-weight:600;
    font-size:.8rem;
    text-transform:capitalize;
    padding:15px 20px;
    transition:all .2s ease-out
}
a.download-button:hover,a.orange-button:hover,a.white-button:hover {
    background-color:#414141;
    color:#fff
}
a.orange-button {
    background-color:#ED5323;
    color:#fff;
    font-size:1rem
}
@media only screen and (max-width:460px) {
    a.orange-button {
        display:inline-block;
        vertical-align:middle;
        width:100%
    }
}
a.download-button {
    background-color:#414141;
    color:#fff;
    font-size:1rem;
    padding:12px 20px
}
a.download-button img {
    width:30px
}
a.download-button:hover {
    background-color:#ED5323
}
@media only screen and (max-width:460px) {
    a.download-button {
        display:inline-block;
        vertical-align:middle;
        width:100%
    }
}
img.header-img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:-2;
    min-height:300px;
    object-fit:cover
}
.element.actualite.view,.element.outil.view,.element.service.view,div.divDonnees-personnelles,div.divMentions,div.divPage.divActualites,div.divPage.divAftelecom,div.divPage.divContact,div.divPage.divMessages-accueil,div.divPage.divOutils,div.divPage.divServices,div.divPage.divTemoignages,div.divPage.divVideosurveillance,div.divSitemap {
    position:static
}
.element.actualite.view img.header-img,.element.outil.view img.header-img,.element.service.view img.header-img,div.divDonnees-personnelles img.header-img,div.divMentions img.header-img,div.divPage.divActualites img.header-img,div.divPage.divAftelecom img.header-img,div.divPage.divContact img.header-img,div.divPage.divMessages-accueil img.header-img,div.divPage.divOutils img.header-img,div.divPage.divServices img.header-img,div.divPage.divTemoignages img.header-img,div.divPage.divVideosurveillance img.header-img,div.divSitemap img.header-img {
    min-height:220px;
    max-height:220px;
    width:100%;
    object-fit:cover
}
@media only screen and (max-width:600px) {
    .element.actualite.view img.header-img,.element.outil.view img.header-img,.element.service.view img.header-img,div.divDonnees-personnelles img.header-img,div.divMentions img.header-img,div.divPage.divActualites img.header-img,div.divPage.divAftelecom img.header-img,div.divPage.divContact img.header-img,div.divPage.divMessages-accueil img.header-img,div.divPage.divOutils img.header-img,div.divPage.divServices img.header-img,div.divPage.divTemoignages img.header-img,div.divPage.divVideosurveillance img.header-img,div.divSitemap img.header-img {
        min-height:150px;
        max-height:150px
    }
}
@media only screen and (max-width:760px) {
    .element.actualite.view,.element.outil.view,.element.service.view,div.divDonnees-personnelles,div.divMentions,div.divPage.divActualites,div.divPage.divAftelecom,div.divPage.divContact,div.divPage.divMessages-accueil,div.divPage.divOutils,div.divPage.divServices,div.divPage.divTemoignages,div.divPage.divVideosurveillance,div.divSitemap {
        margin-top:0!important
    }
}
section.coords div.left-side {
    width:53%
}
section.coords div.left-side img {
    height:450px;
    object-fit:cover;
    object-position:right
}
@media only screen and (max-width:900px) {
    section.coords div.left-side {
        width:100%
    }
    section.coords div.left-side img,section.coords div.left-side picture {
        width:100%;
        object-position:right
    }
}
section.coords div.right-side {
    padding-left:80px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center
}
section.coords div.right-side p {
    font-weight:500;
    font-size:1.1rem;
    line-height:2
}
@media only screen and (max-width:700px) {
    section.coords div.left-side img,section.coords div.left-side picture {
        width:100%;
        object-position:unset;
        height:unset;
        object-fit:unset
    }
    section.coords div.right-side p {
        font-size:1rem
    }
}
section.coords div.right-side a:hover {
    color:#ED5323
}
section.coords div.right-side .key-header-address {
    padding-left:30px;
    background:url(data/image/location.svg) left center/18px no-repeat
}
section.coords div.right-side .key-header-phone {
    padding-left:30px;
    background:url(data/image/tel.svg) left center/20px no-repeat
}
section.coords div.right-side .key-header-phone p {
    font-size:1.5rem
}
@media only screen and (max-width:700px) {
    section.coords div.right-side .key-header-phone p {
        font-size:1.2rem
    }
}
section.coords div.right-side .key-header-mail {
    padding-left:30px;
    background:url(data/image/mail-orange.svg) left center/20px no-repeat
}
section.coords div.right-side div.encartMap {
    margin-bottom:15px;
    margin-top:15px
}
section.coords div.right-side div.encartMap iframe {
    width:100%;
    height:190px
}
section.coords div.right-side div.social a:hover {
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    opacity:.8
}
section.coords div.right-side div.social img {
    height:100%
}
@media only screen and (max-width:900px) {
    section.coords div.right-side {
        padding:30px;
        width:100%
    }
    section.coords {
        padding-top:0!important
    }
}
div.saveList form.edit div.files div.d-flex {
    padding-left:0;
    padding-right:0
}
div.saveList form.edit div.files label.mini {
    display:block
}
div.saveList form.edit div.files label {
    display:unset
}
div.smallBoxContainer div.inputFile {
    display:none
}
div.smallBoxContainer div.title {
    text-align:center
}
div.smallBoxContainer div.title input,div.smallBoxContainer div.title label {
    display:block
}
div.smallBoxContainer div.title input {
    box-sizing:border-box;
    display:block;
    padding:.6em;
    width:100%;
    font-size:1rem;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    transition-property:color,background-color,border-color,box-shadow;
    transition-duration:.2s
}
div.smallBoxContainer div.files label {
    display:none
}
div.smallBoxContainer div.files div.d-flex.justify-between {
    display:block;
    width:100%
}
div.smallBoxContainer div.files div.d-flex.justify-between div.fileResult {
    width:100%
}
div.smallBoxContainer fieldset {
    border:none
}
div.smallBoxContainer fieldset.buttons {
    text-align:center
}
div.smallBoxContainer fieldset.buttons>div {
    display:inline-block;
    vertical-align:top
}
div.smallBoxContainer fieldset.buttons>div input {
    padding:10px;
    color:#fff;
    font-weight:700;
    border-radius:4px;
    box-shadow:none;
    cursor:pointer;
    transition:all .2s ease
}
div.smallBoxContainer .element.temoignage.view {
    max-width:500px
}
span.closeBox,span.closeMenu {
    display:block;
    position:relative;
    float:right;
    height:24px;
    width:24px;
    cursor:pointer;
    border-radius:50%;
    padding:10px;
    margin-right:-5px;
    z-index:4
}
span.closeMenu {
    display:none
}
@media only screen and (max-width:800px) {
    span.closeMenu {
        display:block;
        margin-top:20px;
        margin-right:30px
    }
}
span.closeBox:after,span.closeBox:before,span.closeMenu:after,span.closeMenu:before {
    content:"";
    height:2px;
    width:15px;
    position:absolute;
    top:50%;
    left:50%;
    background-color:#fff;
    -ms-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
span.closeBox:after,span.closeMenu:after {
    -ms-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg)
}
div.waitingWrapWrap {
    z-index:99999!important
}
div.fieldset fieldset>div {
    margin-top:10px;
    margin-bottom:10px
}
div.password {
    position:relative
}
div.password div.help {
    position:absolute;
    top:12px;
    right:6px;
    width:30px;
    height:30px;
    margin-left:auto;
    background:url(data/image/icon/help.svg) no-repeat
}
div.password div.help div.help-content {
    display:none;
    width:300px;
    right:18px;
    position:absolute;
    padding:10px;
    font-style:italic;
    background:#b0c4de;
    border-radius:15px
}
div.password div.help:hover div.help-content {
    display:block
}
div.left,div.right {
    width:calc(50% - 40px);
    display:inline-block;
    vertical-align:top
}
div.left img,div.left picture,div.right img,div.right picture {
    width:100%
}
.bold {
    font-weight:700
}
.encartContact .key-descriptioncontact {
    text-align:center;
    font-weight:700;
    font-size:1.1rem;
    margin-top:1rem;
    padding:1rem!important;
    color:#FFF;
    background-color:#414141
}
.encartContact div.container {
    max-width:1360px;
    width:91%;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0
}
.encartContact .sent {
    display:block;
    margin:2rem 0;
    text-align:center
}
iframe.video {
    min-height:200px
}
@media only screen and (max-width:1280px) {
    a.display-menu {
        display:block;
        position:fixed;
        top:20px;
        left:20px;
        padding:25px;
        height:30px;
        width:30px;
        cursor:pointer;
        z-index:99
    }
    a.display-menu span,a.display-menu span::after,a.display-menu span::before {
        content:"";
        display:block;
        position:absolute;
        height:3px;
        width:30px;
        background:#333;
        border-radius:2px;
        cursor:pointer;
        transition:all .5s ease-in-out
    }
    a.display-menu span {
        top:50%;
        right:10px;
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    a.display-menu span::before {
        top:-9px
    }
    a.display-menu span::after {
        bottom:-9px
    }
}
header {
    z-index:1;
    min-height:210px
}
header .top {
    background-color:#414141;
    color:#fff;
    width:40%;
    margin-left:auto;
    padding:10px 0;
    font-size:1.1rem;
    position:relative
}
header .top.mobile {
    display:none
}
header .top span {
    margin:0 10px
}
header .top p {
    color:#fff
}
header .top .social {
    margin-right:70px;
    margin-left:30px
}
header .top .social li {
    list-style:none
}
header .top .social li img {
    width:25px
}
header .top .social li a:hover {
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    opacity:.8
}
@media only screen and (max-width:1650px) {
    header .top {
        width:45%
    }
    header .top p {
        font-size:1rem
    }
    header .top .social {
        margin-right:50px
    }
}
@media only screen and (max-width:1450px) {
    header .top {
        width:50%
    }
}
@media only screen and (max-width:1300px) {
    header .top {
        width:55%
    }
}
@media only screen and (max-width:1280px) {
    header .top.desktop {
        display:none
    }
    header .top.mobile {
        display:block;
        width:100%;
        padding:25px
    }
    header .top.mobile span {
        display:none
    }
    header .top.mobile div.social {
        margin:0
    }
    header .bottom div.navbar__container {
        -ms-flex-pack:center;
        justify-content:center
    }
}
header .bottom {
    margin:0 100px
}
header .bottom div.navbar__container {
    width:100%
}
header .bottom div.logo {
    margin-right:50px
}
header .bottom div.logo img {
    max-width:90%
}
@media only screen and (max-width:1670px) {
    header .bottom div.logo {
        position:absolute;
        top:25px;
        left:50px
    }
}
@media only screen and (max-width:465px) {
    header .bottom div.logo img {
        width:250px
    }
}
header .bottom a {
    color:#FFF
}
header .bottom nav span {
    color:#000;
    font-weight:600;
    font-size:1.1rem
}
header .bottom nav ul {
    gap:1rem
}
header .bottom nav ul li.accueil {
    display:-ms-flexbox;
    display:flex
}
header .bottom nav ul li.accueil a {
    background:url(data/image/picto-accueil.svg) center center/20px no-repeat
}
header .bottom nav ul li.accueil a span {
    display:none
}
header .bottom nav ul li a.active span {
    color:#ED5323
}
@media only screen and (max-width:1830px) {
    header .bottom nav ul {
        gap:.5rem
    }
}
header .bottom nav.aftechnologies ul {
    gap:1rem
}
header .bottom nav.aftechnologies ul li.accueil {
    display:-ms-flexbox;
    display:flex
}
header .bottom nav.aftechnologies ul li.accueil a {
    background:url(data/image/picto-accueil-blue.svg) center center/20px no-repeat
}
header .bottom nav.aftechnologies ul li.accueil a span {
    display:none
}
header .bottom nav.aftechnologies ul li a.active span {
    color:#3A71AB
}
@media only screen and (max-width:1280px) {
    header .bottom div.logo {
        position:static;
        margin-top:35px;
        margin-right:0
    }
    header .bottom nav ul li {
        margin:5px 0
    }
    header .bottom nav ul li:first-of-type {
        padding:.5rem
    }
    header .bottom nav.aftechnologies ul li {
        margin:5px 0
    }
    header .bottom nav.aftechnologies ul li:first-of-type {
        padding:.5rem
    }
}
@media only screen and (max-width:1670px) {
    header .bottom nav {
        width:100%;
        -ms-flex-pack:end;
        justify-content:end;
        margin-top:50px
    }
}
@media only screen and (max-width:1830px) {
    header .bottom nav.aftechnologies ul {
        gap:.5rem
    }
    header .bottom {
        margin:0 50px
    }
}
@media only screen and (max-width:1280px) {
    header .navbar #menu {
        position:fixed;
        margin-top:0;
        top:0;
        left:-100%;
        bottom:0;
        max-width:420px;
        padding-top:80px;
        padding-left:20px;
        padding-right:20px;
        width:100%;
        background:#eee;
        transition:left .3s linear;
        z-index:99;
        display:block
    }
    header .navbar #menu .menu.principal {
        display:block
    }
    header .navbar #menu li {
        margin:0
    }
    header .navbar #menu li a span {
        font-size:1rem;
        font-weight:500
    }
    header .navbar #menu ul {
        margin-bottom:15px
    }
}
header .navbar #menu.show {
    left:0
}
header.aftechnologies .top {
    background-color:#2a2c33
}
footer {
    color:#FFF;
    background-color:#414141;
    padding:50px 0
}
footer ul {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    list-style-type:none;
    margin-bottom:0;
    padding-left:0
}
footer li {
    margin:10px 1rem
}
@media only screen and (max-width:600px) {
    header {
        min-height:140px
    }
    footer {
        padding:30px 0
    }
    footer li {
        width:100%;
        margin:4px 1rem;
        text-align:center
    }
}
footer a {
    color:#FFF;
    font-weight:500
}
footer a:hover {
    opacity:.8;
    color:#FFF
}
body.aftechnologies footer,body.videosurveillance footer {
    background-color:#2a2c33
}
body.aftechnologies span.closeBox,body.aftechnologies span.closeMenu,body.videosurveillance span.closeBox,body.videosurveillance span.closeMenu {
    background-color:#3A71AB;
    border:1px solid #3A71AB
}
div.divWelcome h2 {
    margin-bottom:2rem
}
div.divWelcome section.presentation {
    position:relative
}
div.divWelcome section.presentation img {
    margin-left:auto;
    min-height:400px;
    object-fit:cover
}
@media only screen and (max-width:725px) {
    div.divWelcome section.presentation img {
        object-position:-100px
    }
}
div.divWelcome section.presentation .contenu {
    width:370px;
    position:absolute;
    top:50%;
    right:2%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#ED5323;
    padding:50px 30px
}
div.divWelcome section.presentation .contenu h1 {
    color:#fff;
    text-transform:uppercase;
    font-size:2.2rem;
    line-height:1.3
}
div.divWelcome section.presentation .contenu h1 span {
    display:block
}
div.divWelcome section.presentation .contenu>div.description p {
    color:#fff
}
div.divWelcome section.presentation .contenu a.white-button {
    margin-top:15px
}
@media only screen and (max-width:1230px) {
    div.divWelcome section.presentation .contenu {
        width:450px
    }
    div.divWelcome section.presentation {
        padding-bottom:0!important
    }
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.presentation .contenu {
        position:relative;
        width:100%;
        top:unset;
        right:unset;
        -ms-transform:none;
        transform:none
    }
    div.divWelcome section.presentation {
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
div.divWelcome section.services h2 {
    line-height:50px
}
div.divWelcome section.services h2 span {
    display:block;
    color:#ED5323;
    font-size:3.5rem
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.services h2 span {
        font-size:2.5rem
    }
}
@media only screen and (max-width:820px) {
    div.divWelcome section.services h2 {
        margin-left:10px
    }
}
div.divWelcome section.services .element.service.previewList {
    margin-top:40px
}
div.divWelcome section.services .element.service.previewList div.l-row {
    -ms-flex-pack:center;
    justify-content:center
}
div.divWelcome section.temoignages {
    position:relative;
    margin-top:11rem
}
div.divWelcome section.temoignages img.bg-avis {
    position:absolute;
    top:-100px;
    left:0;
    z-index:-1;
    height:145px;
    object-fit:cover
}
div.divWelcome section.temoignages div.left-side {
    width:75%
}
@media only screen and (max-width:1500px) {
    div.divWelcome section.temoignages div.left-side {
        width:70%
    }
}
@media only screen and (max-width:1100px) {
    div.divWelcome section.temoignages div.left-side {
        width:100%;
        padding-right:0
    }
}
div.divWelcome section.temoignages div.right-side {
    width:25%;
    background-color:#ED5323;
    padding:75px 50px
}
div.divWelcome section.equipes a:after,div.divWelcome section.temoignages div.right-side a:after {
    background-color:#fff
}
div.divWelcome section.temoignages div.right-side h2 {
    color:#fff;
    font-size:4rem;
    width:90%;
    line-height:70px
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.temoignages div.right-side h2 {
        font-size:2.5rem;
        line-height:1.5
    }
}
div.divWelcome section.temoignages div.right-side a {
    color:#fff;
    font-weight:600
}
@media only screen and (max-width:1500px) {
    div.divWelcome section.temoignages div.right-side {
        width:30%;
        padding:40px 50px
    }
}
@media only screen and (max-width:1100px) {
    div.divWelcome section.temoignages div.right-side {
        margin-top:40px;
        width:100%
    }
    div.divWelcome section.temoignages {
        margin-top:0
    }
    div.divWelcome section.temoignages>div.container-lg {
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    div.divWelcome section.temoignages>picture {
        display:none
    }
}
div.divAftelecom section.presentation .contenu h2 span,div.divWelcome section.equipes .contenu h2 span {
    display:block
}
div.divWelcome section.choisir h2 {
    font-size:3.5rem
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.choisir h2 {
        font-size:2.5rem
    }
}
div.divWelcome section.choisir div.encarts {
    margin:0 60px
}
div.divWelcome section.choisir div.encarts div.encart {
    width:calc(25% - 80px);
    margin:0 40px;
    text-align:center;
    box-shadow:0 3px 6px rgba(0,0,0,.29);
    border-radius:28px;
    padding:70px 30px 15px
}
div.divWelcome section.choisir div.encarts div.encart p {
    font-weight:400;
    margin-top:20px;
    font-size:1.2rem;
    line-height:25px
}
@media only screen and (max-width:1250px) {
    div.divWelcome section.choisir div.encarts div.encart {
        width:calc(50% - 80px);
        margin-bottom:40px
    }
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.choisir div.encarts div.encart {
        width:calc(50% - 40px);
        margin:0 20px 20px;
        padding:40px 30px 15px
    }
    div.divWelcome section.choisir div.encarts {
        margin:0
    }
}
@media only screen and (max-width:750px) {
    div.divWelcome section.choisir div.encarts div.encart {
        width:100%
    }
}
div.divWelcome section.equipes {
    position:relative
}
div.divWelcome section.equipes img {
    margin-left:auto;
    min-height:350px;
    object-fit:cover
}
div.divWelcome section.equipes a {
    color:#fff;
    font-weight:600;
    margin-top:2rem
}
div.divWelcome section.equipes .contenu {
    position:absolute;
    top:50%;
    left:200px;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#414141;
    padding:70px
}
div.divWelcome section.equipes .contenu h2 {
    color:#fff;
    font-size:3.5rem;
    line-height:1.3;
    text-transform:capitalize;
    margin:0
}
@media only screen and (max-width:1600px) {
    div.divWelcome section.equipes .contenu {
        left:100px
    }
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.equipes .contenu h2 {
        font-size:2.5rem
    }
    div.divWelcome section.equipes .contenu h2 span {
        display:unset
    }
    div.divWelcome section.equipes .contenu {
        position:relative;
        top:unset;
        left:unset;
        -ms-transform:translateY(0);
        transform:translateY(0);
        width:100%;
        margin:0 auto;
        padding:30px
    }
    div.divWelcome section.equipes .contenu a {
        margin-top:1rem
    }
}
@media only screen and (max-width:850px) {
    div.divWelcome section.equipes {
        padding-bottom:0!important
    }
}
div.divWelcome div.bandeau {
    background:url(data/image/BG-header.jpg) center center/cover no-repeat;
    text-align:center
}
div.divWelcome section.contact h2 {
    text-align:center;
    font-size:3.5rem;
    width:78%;
    margin:0 auto;
    line-height:65px
}
@media only screen and (max-width:1024px) {
    div.divWelcome section.contact h2 {
        font-size:1.8rem;
        width:100%;
        line-height:1.5
    }
}
div.divWelcome section.contact div.encartContact {
    margin-top:50px
}
div.divAftelecom h1 {
    text-transform:uppercase
}
div.divAftelecom h2 {
    font-size:2.5rem
}
@media only screen and (max-width:992px) {
    div.divAftelecom section div.l-row {
        margin-left:0;
        margin-right:0
    }
    div.divAftelecom section div.l-row .p-3 {
        padding:1.5rem 0
    }
}
div.divAftelecom section.illustration div.container {
    position:relative
}
div.divAftelecom section.illustration div.container img.pastille {
    position:absolute;
    top:-20px;
    right:30px;
    width:100px
}
div.divAftelecom section.illustration div.container div.right-side img,div.divAftelecom section.illustration div.container div.right-side picture,div.divAftelecom section.presentation picture {
    width:100%
}
@media only screen and (max-width:900px) {
    div.divWelcome section.equipes img {
        min-height:unset;
        object-fit:unset
    }
    div.divAftelecom section.illustration div.container img.pastille {
        top:-80px;
        right:0
    }
}
div.divAftelecom section.presentation {
    position:relative
}
div.divAftelecom section.presentation picture img {
    margin-left:auto;
    height:900px;
    object-fit:cover;
    width:85%
}
@media only screen and (max-width:1024px) {
    div.divAftelecom h2 {
        font-size:2.1rem
    }
    div.divAftelecom section.presentation picture img {
        height:auto;
        width:100%
    }
}
div.divAftelecom section.presentation .contenu {
    width:40%;
    position:absolute;
    top:50%;
    right:100px;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:#ED5323;
    padding:50px 30px
}
div.divAftelecom section.presentation .contenu h2 {
    color:#fff;
    text-transform:uppercase;
    font-size:2.2rem;
    line-height:1.3;
    margin-bottom:1rem
}
div.divAftelecom section.presentation .contenu>div.description p {
    color:#fff
}
div.divAftelecom section.presentation .contenu a.white-button {
    margin-top:15px
}
@media only screen and (max-width:1200px) {
    div.divAftelecom section.presentation .contenu {
        right:0
    }
}
@media only screen and (max-width:1024px) {
    div.divAftelecom section.presentation .contenu {
        position:relative;
        top:unset;
        right:unset;
        width:100%;
        margin-top:0;
        -ms-transform:none;
        transform:none
    }
}
@media only screen and (max-width:450px) {
    div.divAftelecom section.presentation .contenu {
        width:100%
    }
}
div.divAftelecom section.equipe h2 {
    margin-bottom:1.5rem;
    color:#ED5323
}
@media only screen and (max-width:992px) {
    div.divAftelecom section.equipe div.right-side {
        margin:2rem auto auto
    }
}
div.divAftelecom section.bandeau {
    background:url(data/image/BG-header.jpg) center center/cover no-repeat;
    text-align:center
}
div.divAftelecom section.equipe h2,div.divAftelecom section.temoignages h2 {
    text-align:center
}
div.divAftelecom section.choisir h2,div.divAftelecom section.engagements h2,div.divAftelecom section.valeurs h2 {
    text-align:unset;
    color:#ED5323;
    margin-bottom:1rem
}
@media only screen and (max-width:992px) {
    div.divAftelecom section.valeurs {
        margin-bottom:1.5rem
    }
    div.divAftelecom section.valeurs div.l-col-md-6 {
        margin:2rem auto auto
    }
    div.divAftelecom section.valeurs>div.l-row {
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    div.divAftelecom section.choisir {
        margin-bottom:4rem
    }
}
div.divAftelecom section.temoignages h2 {
    margin-bottom:30px
}
div.divAftelecom .element.autrePartenaire.viewList {
    margin:20px 0
}
div.divAftelecom .element.autrePartenaire.listview img {
    max-height:200px
}
.element.partenaire.viewList {
    margin:80px 0
}
.element.partenaire.viewList div.content {
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.element.partenaire.viewList div.content p {
    letter-spacing:8px;
    font-size:1.1rem
}
@media only screen and (max-width:900px) {
    .element.partenaire.viewList div.content p {
        width:100%;
        text-align:center;
        margin-bottom:1rem
    }
}
@media only screen and (max-width:700px) {
    .element.partenaire.viewList div.content p {
        letter-spacing:4px
    }
}
.element.partenaire.viewList div.content .element.listview:last-of-type:before {
    content:'ET';
    letter-spacing:8px;
    font-size:1.1rem;
    margin:0 10px
}
@media only screen and (max-width:900px) {
    .element.partenaire.viewList {
        margin:60px 0
    }
}
@media only screen and (max-width:600px) {
    .element.partenaire.viewList {
        margin:40px 0
    }
}
.element.partenaire.listview {
    margin:10px
}
.element.partenaire.listview img {
    max-height:45px
}
@media only screen and (max-width:700px) {
    .element.partenaire.listview img {
        max-height:40px
    }
}
.element.temoignage.preview iframe,div.divPage.divVideosurveillance .element.autrePartenaire.listview img {
    max-height:200px
}
.element.autrePartenaire.viewList {
    margin:80px 0
}
.element.autrePartenaire.viewList div.content {
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.element.autrePartenaire.viewList div.content p {
    letter-spacing:8px;
    font-size:1.1rem
}
@media only screen and (max-width:900px) {
    .element.autrePartenaire.viewList div.content p {
        width:100%;
        text-align:center;
        margin-bottom:1rem
    }
}
.element.autrePartenaire.listview {
    margin:0 10px;
    max-width:140px
}
@media only screen and (max-width:900px) {
    .element.autrePartenaire.listview {
        max-width:120px
    }
}
div.divPage.divServices section.actualites {
    padding:3rem 0
}
div.divPage.divServices section.actualites>div.title {
    margin-bottom:2rem;
    text-align:center
}
@media only screen and (max-width:992px) {
    div.divPage.divServices div.my-3>div.l-row {
        padding:10px
    }
}
article.element.service.preview {
    border:0;
    width:calc(100% / 7 - 40px);
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    margin:0 20px
}
article.element.service.preview img {
    height:90px
}
article.element.service.preview img:hover {
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    opacity:.8
}
article.element.service.preview h3 {
    margin-top:50px
}
article.element.service.preview h3 a {
    font-weight:600;
    font-size:1.05rem
}
article.element.service.preview h3 a:hover {
    color:#ED5323
}
article.element.service.preview div.card-body {
    padding:0
}
@media only screen and (max-width:1250px) {
    article.element.service.preview {
        width:calc(100% / 4 - 40px);
        margin:20px
    }
    article.element.service.preview h3 {
        margin-top:30px
    }
}
@media only screen and (max-width:700px) {
    .element.autrePartenaire.viewList div.content p {
        letter-spacing:4px
    }
    .element.autrePartenaire.listview {
        max-width:110px
    }
    article.element.service.preview {
        width:calc(100% / 2 - 40px);
        margin:20px
    }
}
article.element.service.listview {
    padding:2rem
}
@media only screen and (max-width:740px) {
    article.element.service.listview {
        padding:1rem
    }
}
@media only screen and (max-width:460px) {
    article.element.service.listview {
        padding:20px 0
    }
}
article.element.service.listview img {
    height:100px
}
article.element.service.listview img:hover {
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    opacity:.8
}
article.element.service.listview .card-body {
    padding-bottom:0
}
article.element.service.listview .card-body h2 a {
    font-weight:600;
    font-size:1.1rem
}
article.element.service.listview .card-body h2 a:hover {
    color:#ED5323
}
article.element.service.listview .card-body div.bottom a {
    color:#ED5323;
    font-weight:600
}
article.element.service.view {
    position:static
}
@media only screen and (max-width:550px) {
    article.element.service.view div.container img.picto {
        width:40px
    }
    article.element.service.view div.container h1 {
        margin-right:0;
        margin-left:1rem
    }
}
article.element.service.view div.container div.service-container {
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -ms-flex-pack:justify;
    justify-content:space-between
}
article.element.service.view div.container div.service-container div.picto img {
    min-width:100px
}
article.element.service.view div.container div.service-container div.contenu {
    width:55%
}
@media only screen and (max-width:1100px) {
    article.element.service.view div.container div.service-container div.contenu {
        width:100%
    }
}
article.element.service.view div.container div.service-container div.description img {
    max-width:350px
}
article.element.service.view div.container div.service-container div.photo {
    width:calc(45% - 6rem)
}
article.element.service.view div.container div.service-container div.photo div.description img {
    max-width:100%
}
@media only screen and (max-width:1100px) {
    article.element.service.view div.container div.service-container div.photo {
        margin-top:50px;
        width:100%;
        text-align:center;
        margin-left:0!important
    }
    article.element.service.view div.container div.service-container {
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
article.element.service.view section.actualites .container>h2,article.element.service.view section.outils .container>h2,article.element.service.view section.temoignages .container>h2 {
    margin-bottom:2rem
}
article.element.service.view section:nth-of-type(odd) {
    background-color:#eee
}
article.element.service.view .element.temoignage.previewList div.content {
    -ms-flex-pack:start;
    justify-content:flex-start
}
div.divPage.divMessages-accueil .element.serviceMessageAccueil.viewList {
    margin-top:30px
}
.element.serviceMessageAccueil.listview h3 {
    font-weight:600;
    color:#ED5323
}
@media only screen and (max-width:1330px) {
    .element.temoignageCategory.viewList .l-col-lg-12,.element.temoignageCategory.viewList .l-row {
        margin-left:0!important;
        margin-right:0!important
    }
    .element.temoignageCategory.viewList .l-col-lg-12.listview,.element.temoignageCategory.viewList .l-row.listview {
        margin-top:2rem!important
    }
}
article.element.temoignageCategory.listview {
    margin-top:2rem;
    border:0
}
article.element.temoignageCategory.listview h2 {
    font-size:2.1rem;
    margin-bottom:1rem
}
@media only screen and (max-width:1024px) {
    article.element.temoignageCategory.listview h2 {
        font-size:1.8rem
    }
}
@media only screen and (max-width:700px) {
    article.element.temoignageCategory.listview h2 {
        font-size:1.6rem
    }
}
article.element.temoignageCategory.listview#temoignageCategory-1-Temoignages-video .viewList {
    margin:0
}
article.element.temoignageCategory.listview#temoignageCategory-1-Temoignages-video .viewList div.content.l-row {
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-left:0;
    margin-right:0
}
article.element.temoignageCategory.listview#temoignageCategory-1-Temoignages-video .listview {
    width:calc(50% - 40px);
    margin:20px 0;
    -ms-flex-preferred-size:auto;
    flex-basis:auto;
    padding:0
}
@media only screen and (max-width:900px) {
    article.element.temoignageCategory.listview#temoignageCategory-1-Temoignages-video .listview {
        width:100%
    }
}
article.element.temoignageCategory.listview#temoignageCategory-3-References-clients {
    margin-top:50px
}
article.element.temoignageCategory.listview#temoignageCategory-3-References-clients .listview {
    width:15%;
    -ms-flex-preferred-size:15%;
    flex-basis:15%
}
@media only screen and (max-width:1150px) {
    article.element.temoignageCategory.listview#temoignageCategory-3-References-clients .listview {
        width:25%;
        -ms-flex-preferred-size:25%;
        flex-basis:25%;
        margin:0
    }
}
@media only screen and (max-width:750px) {
    article.element.temoignageCategory.listview#temoignageCategory-3-References-clients .listview {
        width:50%;
        -ms-flex-preferred-size:50%;
        flex-basis:50%
    }
}
article.element.temoignageCategory.listview a.google {
    text-transform:initial
}
.element.temoignage.previewList div.content,.element.temoignage.viewList div.content {
    -ms-flex-pack:center;
    justify-content:center
}
.element.temoignage.listview,.element.temoignage.preview {
    border:0;
    padding:10px
}
.element.temoignage.listview div.ecrit,.element.temoignage.listview div.reference-client,.element.temoignage.preview div.ecrit,.element.temoignage.preview div.reference-client {
    padding:25px;
    background-color:#fff
}
.element.temoignage.listview div.video,.element.temoignage.preview div.video {
    background-color:#fff
}
.element.temoignage.listview div.ecrit,.element.temoignage.preview div.ecrit {
    box-shadow:0 3px 6px rgba(0,0,0,.3);
    position:relative
}
.element.temoignage.listview a.linkedin,.element.temoignage.preview a.linkedin {
    position:absolute;
    top:20px;
    right:20px
}
.element.temoignage.listview a.linkedin img,.element.temoignage.preview a.linkedin img {
    width:25px
}
.element.temoignage.listview a.linkedin:hover img,.element.temoignage.preview a.linkedin:hover img {
    -ms-transform:translateY(-10px);
    transform:translateY(-10px);
    opacity:.8
}
.element.temoignage.listview div.card-body,.element.temoignage.preview div.card-body {
    padding:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
.element.temoignage.listview div.card-body a:hover img,.element.temoignage.preview div.card-body a:hover img {
    -ms-transform:translateY(-15px);
    transform:translateY(-15px);
    opacity:.8
}
.element.temoignage.listview h3,.element.temoignage.preview h3 {
    text-align:left;
    color:#ED5323;
    font-weight:600;
    margin:0
}
.element.temoignage.listview div.bottom a,.element.temoignage.preview div.bottom a {
    color:#ED5323;
    font-weight:600
}
.element.temoignage.listview a.box.more,.element.temoignage.preview a.box.more {
    color:#ED5323;
    font-weight:600;
    position:relative;
    padding-bottom:2px
}
.element.temoignage.listview a.box.more::after,.element.temoignage.preview a.box.more::after {
    content:'';
    width:100%;
    display:block;
    height:2px;
    background-color:#ED5323;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -ms-transform:translateX(0) scaleX(0);
    transform:translateX(0) scaleX(0);
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transition:transform 250ms
}
.element.temoignage.listview a.box.more:hover::after,.element.temoignage.preview a.box.more:hover::after {
    -ms-transform:translateX(0) scaleX(1);
    transform:translateX(0) scaleX(1)
}
.element.temoignage.listview div.reference-client,.element.temoignage.preview div.reference-client {
    margin:auto
}
.element.temoignage.listview div.reference-client div,.element.temoignage.preview div.reference-client div {
    text-transform:uppercase;
    font-size:1rem;
    font-weight:300;
    color:#414141
}
@media only screen and (max-width:600px) {
    .element.temoignage.listview div.reference-client,.element.temoignage.preview div.reference-client {
        padding:10px
    }
}
.element.temoignage.listview {
    margin-bottom:10px
}
.element.temoignage.listview div.ecrit {
    min-height:242px
}
.element.temoignage.preview {
    background-color:#fff;
    box-shadow:0 3px 6px rgba(0,0,0,.3);
    padding:20px
}
.element.temoignage.view h1 {
    text-align:left;
    color:#ED5323;
    font-weight:600;
    font-size:1.5rem
}
.element.temoignage.edit {
    width:100%!important;
    -ms-flex-preferred-size:auto!important;
    flex-basis:auto!important;
    margin:20px 0!important
}
.element.temoignage.edit div.inputFile {
    width:auto!important
}
.element.temoignage.editWeight {
    margin:20px 0!important
}
form.editActualite,form.editTemoignage {
    padding:20px;
    border-radius:20px;
    background-color:#f1f1f1
}
form.editTemoignage.id_temoignageCategory-3 div.advancedtextarea,form.editTemoignage.id_temoignageCategory-3 div.id_service,form.editTemoignage.id_temoignageCategory-3 div.text,form.editTemoignage:not(.id_temoignageCategory-3) .reference-client {
    display:none
}
form.editTemoignage.id_temoignageCategory-3 .reference-client div.companyUrl,form.editTemoignage.id_temoignageCategory-3 div.text.companyType {
    display:block
}
form.editTemoignage.id_temoignageCategory-2 div.video,form.editTemoignage:not(.id_temoignageCategory-2) .radio.linkedin {
    display:none
}
div.divPage.divActualites .element.actualite.viewList {
    margin-top:30px
}
.element.actualite.listview,.element.actualite.preview {
    background-color:#fff
}
.element.actualite.listview div.picture,.element.actualite.preview div.picture {
    position:relative
}
.element.actualite.listview div.picture span.category,.element.actualite.preview div.picture span.category {
    position:absolute;
    left:0;
    bottom:0;
    color:#fff;
    opacity:.8
}
.element.actualite.listview div.picture span.category.green,.element.actualite.preview div.picture span.category.green {
    background-color:green
}
.element.actualite.listview div.picture span.category.purple,.element.actualite.preview div.picture span.category.purple {
    background-color:purple
}
.element.actualite.listview div.picture span.category.orange,.element.actualite.preview div.picture span.category.orange,div.divLogin a.button,div.divLogin button,div.divLogin input[type=submit],form.editContact div.objet span label {
    background-color:#ED5323
}
.element.actualite.listview div.picture span.category.yellow,.element.actualite.preview div.picture span.category.yellow {
    background-color:#ff0
}
.element.actualite.listview div.picture picture,.element.actualite.preview div.picture picture {
    overflow:hidden;
    width:100%
}
.element.actualite.listview div.picture picture img,.element.actualite.preview div.picture picture img {
    width:100%
}
.element.actualite.listview div.picture picture img:hover,.element.actualite.preview div.picture picture img:hover {
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.element.actualite.listview .card-title,.element.actualite.preview .card-title {
    font-size:1.1rem;
    font-weight:600
}
.element.actualite.listview h2 a:hover,.element.actualite.listview h3 a:hover,.element.actualite.preview h2 a:hover,.element.actualite.preview h3 a:hover {
    color:#ED5323
}
.element.actualite.listview div.bottom a,.element.actualite.preview div.bottom a {
    color:#ED5323;
    font-weight:600
}
@media only screen and (max-width:700px) {
    .element.actualite.listview .card-body,.element.actualite.preview .card-body {
        padding:1rem 0
    }
}
.element.actualite.listview {
    margin-bottom:50px
}
.element.actualite.view h1 {
    font-size:2rem;
    margin-bottom:2rem
}
.element.actualite.view img,.element.actualite.view picture {
    width:100%
}
.element.actualite.view div.video-actu {
    max-width:720px;
    margin:50px auto
}
@media only screen and (max-width:570px) {
    .element.actualite.view div.pl-5 {
        padding-left:0!important
    }
}
@media only screen and (max-width:460px) {
    .element.actualite.view .bottom-buttons {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:center;
        justify-content:center
    }
    .element.actualite.view .bottom-buttons a {
        margin:10px 0;
        width:100%
    }
}
.element.actualite.edit {
    margin:20px auto
}
.element.actualite.edit div.inputFile {
    width:auto!important
}
div.divPage.divOutils .image-and-text {
    --layout-gutter:1.5rem
}
div.divPage.divOutils .image-and-text img {
    max-width:420px;
    width:100%
}
div.divPage.divOutils .element.document {
    margin:10px
}
@media only screen and (max-width:460px) {
    div.divPage.divOutils .element.document.listview {
        width:100%
    }
}
div.divPage.divOutils p.consigne {
    font-style:italic
}
.element.outil.listview,.element.outil.preview {
    background-color:#fff;
    box-shadow:0 3px 6px rgba(0,0,0,.3);
    text-align:center
}
.element.outil.listview picture,.element.outil.preview picture {
    overflow:hidden
}
.element.outil.listview picture img:hover,.element.outil.preview picture img:hover {
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.element.outil.listview h2 a:hover,.element.outil.listview h3 a:hover,.element.outil.preview h2 a:hover,.element.outil.preview h3 a:hover {
    color:#ED5323
}
.element.outil.listview div.bottom a,.element.outil.preview div.bottom a {
    color:#ED5323;
    font-weight:600
}
.element.outil.view h1 {
    margin-bottom:30px
}
.element.outil.view div.video-motion {
    max-width:720px;
    margin:50px auto
}
.element.outil.view div.description picture {
    float:left;
    margin-right:30px;
    max-width:500px;
    margin-bottom:30px
}
.element.outil.view a.download-button {
    text-transform:unset
}
.element.outil.view .text-and-video {
    --layout-gutter:1.5rem
}
@media only screen and (max-width:990px) {
    .element.outil.view div.description picture {
        float:none;
        display:block;
        text-align:center;
        max-width:none;
        margin-right:auto;
        margin-left:auto
    }
    .element.outil.view .text-and-video {
        --layout-gutter:10px
    }
}
.element.outil.edit {
    padding:20px;
    margin:20px auto
}
.element.outil.edit div.filecrop div.inputFile {
    width:auto!important
}
article.element.equipe.listview,article.element.equipe.preview {
    border:0;
    position:relative
}
article.element.equipe.listview h3,article.element.equipe.preview h3 {
    font-weight:300;
    font-size:1.5rem
}
article.element.equipe.listview h3>span,article.element.equipe.preview h3>span {
    font-size:1rem;
    font-weight:400
}
article.element.equipe.listview img,article.element.equipe.preview img {
    width:300px;
    height:300px;
    border-radius:50%;
    object-fit:cover
}
article.element.equipe.listview::before,article.element.equipe.preview::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:70px;
    width:200px;
    background:url(data/image/logo-af-telecom.png) center/contain no-repeat;
    mix-blend-mode:multiply
}
div.divContact section.contact h1 {
    text-align:center;
    font-size:3rem;
    width:67%;
    margin:0 auto;
    line-height:65px
}
@media only screen and (max-width:900px) {
    div.divContact section.contact h1 {
        font-size:2rem;
        line-height:50px;
        width:100%
    }
}
@media only screen and (max-width:600px) {
    div.divContact section.contact h1 {
        font-size:1.3rem;
        line-height:1.5
    }
}
div.divContact section.contact div.description-contact p {
    font-size:1.1rem;
    width:70%;
    margin:20px auto 0
}
@media only screen and (max-width:600px) {
    div.divContact section.contact div.description-contact p {
        width:100%
    }
}
div.divContact section.contact div.encartContact {
    margin-top:50px
}
@media only screen and (max-width:900px) {
    .element.contact.edit {
        margin:0
    }
}
form.editContact fieldset>div:not(.rgpd):not(.message):not(.select) {
    width:48%;
    display:inline-block;
    vertical-align:top
}
form.editContact fieldset>div:not(.rgpd):not(.message):not(.select):nth-of-type(2n) {
    margin-left:2%
}
@media only screen and (max-width:767px) {
    form.editContact fieldset>div:not(.rgpd):not(.message):not(.select) {
        width:100%
    }
    form.editContact fieldset>div:not(.rgpd):not(.message):not(.select):nth-of-type(2n) {
        margin-left:0
    }
}
form.editContact fieldset>div.rgpd input {
    border-radius:4px;
    width:17px;
    cursor:pointer
}
form.editContact fieldset div.rgpd p {
    line-height:22px
}
@media only screen and (max-width:900px) {
    form.editContact fieldset div.rgpd {
        width:100%
    }
}
form.editContact fieldset input[type=text],form.editContact fieldset textarea {
    font-family:Poppins,sans-serif;
    border-bottom:1px solid #414141!important;
    border-radius:0
}
form.editContact div.fieldsetflex {
    width:100%!important;
    margin-left:0!important
}
form.editContact div.fieldsetflex fieldset {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
form.editContact div.fieldsetflex fieldset div.checkbox {
    width:50%
}
form.editContact div.fieldsetflex fieldset div.checkbox label {
    font-style:normal
}
@media only screen and (max-width:900px) {
    form.editContact div.fieldsetflex fieldset div.checkbox {
        width:100%
    }
}
form.editContact div.fieldsetflex fieldset div.fieldset.buttons {
    width:50%!important;
    margin-left:0!important
}
form.editContact div.fieldsetflex fieldset div.fieldset.buttons fieldset.buttons {
    -ms-flex-pack:end;
    justify-content:flex-end
}
form.editContact div.fieldsetflex fieldset div.fieldset.buttons fieldset.buttons div.submit.send {
    width:auto
}
form.editContact div.fieldsetflex fieldset div.fieldset.buttons input[type=submit] {
    background-color:#414141;
    color:#fff;
    text-transform:capitalize;
    padding:15px 30px;
    margin-bottom:0;
    border-radius:10px;
    font-size:1rem
}
@media only screen and (max-width:900px) {
    form.editContact div.fieldsetflex fieldset div.fieldset.buttons {
        width:100%!important
    }
}
form.editContact .choix-objet {
    text-align:center
}
form.editContact .choix-objet div.radio.objet {
    margin-bottom:2rem;
    width:100%!important
}
form.editContact .choix-objet div.radio.objet>label {
    display:none
}
form.editContact .choix-objet div.radio.objet span {
    width:auto
}
form.editContact div.objet {
    margin:0 0 3rem
}
form.editContact div.objet p {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
form.editContact div.objet span {
    position:relative;
    padding-left:0
}
form.editContact div.objet span input {
    width:220px!important;
    height:220px;
    border-radius:50%;
    margin:0;
    opacity:0;
    cursor:pointer;
    transition-duration:.2s;
    position:absolute;
    left:0
}
form.editContact div.objet span input:checked+label,form.editContact div.objet span input:hover+label {
    transition:.2s ease-out;
    background-color:#414141;
    color:#FFF
}
@media only screen and (max-width:900px) {
    form.editContact div.objet span input {
        width:180px!important;
        height:180px;
        font-size:1rem;
        font-weight:500
    }
}
@media only screen and (max-width:700px) {
    form.editContact div.objet p {
        -ms-flex-direction:row;
        flex-direction:row;
        -ms-flex-align:center;
        align-items:center
    }
    form.editContact div.objet span input {
        width:145px!important;
        height:145px
    }
}
form.editContact div.objet span label {
    color:#fff;
    font-size:1.2rem;
    padding:.75rem 1.5rem;
    width:220px;
    height:220px;
    border-radius:50%;
    text-align:center;
    margin:.5rem 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
@media only screen and (max-width:900px) {
    form.editContact div.objet span label {
        width:180px!important;
        height:180px;
        font-size:1rem;
        font-weight:500
    }
}
@media only screen and (max-width:700px) {
    form.editContact div.objet span label {
        width:145px!important;
        height:145px;
        line-height:1.2;
        margin-top:1rem
    }
}
form.editContact div.objet span.optionAppel {
    margin:0 40px
}
@media only screen and (max-width:700px) {
    form.editContact div.objet span.optionAppel {
        -ms-flex-order:3;
        order:3;
        margin:0 10px
    }
    form.editContact div.objet span.optionMail {
        -ms-flex-order:2;
        order:2;
        margin:0 10px
    }
}
form.editContact.objet-appel div.city,form.editContact.objet-appel div.mail,form.editContact.objet-appel div.postalCode {
    display:none!important
}
form.editContact.objet-appel div.phone {
    margin-left:0!important
}
.element.contact {
    margin-top:0
}
div.divDonnees-personnelles h1,div.divMentions h1,div.divSitemap h1 {
    margin-bottom:.5rem
}
div.divSitemap ul li a {
    display:inline
}
div.divDonnees-personnelles a,div.divMentions a {
    color:#ED5323
}
div.divError {
    height:600px;
    margin-top:200px
}
div.divError h2 {
    font-size:3rem
}
div.divError p:nth-of-type(2) {
    font-weight:400
}
.element.aftechnologieService.listview .l-row,.element.aftechnologieService.viewList>.l-row,div.divPage.divVideosurveillance .container.videosurveillanceIP>.l-row {
    margin-left:0;
    margin-right:0
}
.element.avantageVideoSurveillance a.blue-button,.element.avantageVideoSurveillance a.download-button,.element.avantageVideoSurveillance a.white-button,.element.cameraVideoSurveillance a.blue-button,.element.cameraVideoSurveillance a.download-button,.element.cameraVideoSurveillance a.white-button,article.element.aftechnologieService a.blue-button,article.element.aftechnologieService a.download-button,article.element.aftechnologieService a.white-button,div.divAftechnologies a.blue-button,div.divAftechnologies a.download-button,div.divAftechnologies a.white-button,div.divPage.divVideosurveillance a.blue-button,div.divPage.divVideosurveillance a.download-button,div.divPage.divVideosurveillance a.white-button {
    background-color:#fff;
    color:#000;
    font-weight:600;
    font-size:.8rem;
    text-transform:capitalize;
    padding:15px 20px;
    transition:all .2s ease-out
}
.element.avantageVideoSurveillance a.blue-button,.element.avantageVideoSurveillance a.blue-button:hover,.element.avantageVideoSurveillance a.download-button:hover,.element.avantageVideoSurveillance a.white-button:hover,.element.cameraVideoSurveillance a.blue-button,.element.cameraVideoSurveillance a.blue-button:hover,.element.cameraVideoSurveillance a.download-button:hover,.element.cameraVideoSurveillance a.white-button:hover,article.element.aftechnologieService a.blue-button,article.element.aftechnologieService a.blue-button:hover,article.element.aftechnologieService a.download-button:hover,article.element.aftechnologieService a.white-button:hover,div.divAftechnologies a.blue-button,div.divAftechnologies a.blue-button:hover,div.divAftechnologies a.download-button:hover,div.divAftechnologies a.white-button:hover,div.divPage.divVideosurveillance a.blue-button,div.divPage.divVideosurveillance a.blue-button:hover,div.divPage.divVideosurveillance a.download-button:hover,div.divPage.divVideosurveillance a.white-button:hover {
    background-color:#3A71AB;
    color:#fff;
    font-size:1rem
}
.element.avantageVideoSurveillance a.blue-button:hover,.element.cameraVideoSurveillance a.blue-button:hover,article.element.aftechnologieService a.blue-button:hover,div.divAftechnologies a.blue-button:hover,div.divPage.divVideosurveillance a.blue-button:hover {
    background-color:#2e5a89;
    color:#fff
}
.element.avantageVideoSurveillance .bg-grey,.element.cameraVideoSurveillance .bg-grey,article.element.aftechnologieService .bg-grey,div.divAftechnologies .bg-grey,div.divPage.divVideosurveillance .bg-grey {
    background-color:#3c3f49
}
.element.avantageVideoSurveillance .bg-blue,.element.cameraVideoSurveillance .bg-blue,article.element.aftechnologieService .bg-blue,div.divAftechnologies .bg-blue,div.divPage.divVideosurveillance .bg-blue {
    background-color:#3A71AB
}
div.divAftechnologies,div.divAftechnologies h1 {
    color:#fff
}
div.divAftechnologies div.illustration {
    position:relative;
    min-height:600px;
    z-index:2
}
div.divAftechnologies div.illustration div.container {
    width:700px;
    position:absolute;
    top:0;
    left:0;
    bottom:-30px;
    background-color:#3A71AB;
    padding:50px;
    height:100%
}
div.divAftechnologies div.illustration div.container li,div.divAftechnologies div.illustration div.container p {
    color:#fff
}
@media only screen and (max-width:430px) {
    div.divAftechnologies div.illustration div.container {
        padding:40px 30px
    }
}
div.divAftechnologies div.illustration img.absolute {
    min-height:600px;
    object-fit:cover
}
@media only screen and (max-width:1360px) {
    div.divAftechnologies div.illustration div.container {
        position:static;
        width:100%
    }
    div.divAftechnologies div.illustration img.absolute {
        position:static;
        min-height:250px;
        object-fit:cover;
        object-position:right
    }
}
div.divAftechnologies div.illustration div.bottom {
    position:relative
}
div.divAftechnologies div.illustration div.bottom img {
    width:130px
}
div.divAftechnologies div.illustration div.bottom div.coords div p {
    padding-left:30px;
    font-weight:700;
    font-size:1.1rem
}
div.divAftechnologies div.illustration div.bottom div.coords img.pastille {
    position:absolute;
    bottom:-50px;
    right:-110px
}
@media only screen and (max-width:1360px) {
    div.divAftechnologies div.illustration div.bottom div.coords img.pastille {
        right:0;
        bottom:-110px
    }
}
@media only screen and (max-width:700px) {
    div.divAftechnologies div.illustration img.absolute {
        object-position:86%
    }
    div.divAftechnologies div.illustration div.bottom div.coords img.pastille {
        right:-25px;
        bottom:-108px;
        width:110px
    }
}
div.divAftechnologies div.illustration div.bottom div.coords div.phone {
    background:url(data/image/picto-tel.svg) left center/20px no-repeat;
    margin-top:1rem
}
div.divAftechnologies div.illustration div.bottom div.coords div.mail {
    background:url(data/image/picto-mail.svg) left center/20px no-repeat;
    margin-top:1rem
}
.element.aftechnologieService.listview {
    border:0;
    margin:0;
    width:100%
}
.element.aftechnologieService.listview .card-body {
    padding:0
}
.element.aftechnologieService.listview img.main,.element.aftechnologieService.listview picture {
    width:100%
}
.element.aftechnologieService.listview h2 {
    font-size:2.1rem;
    color:#3A71AB
}
.element.aftechnologieService.listview:nth-of-type(2n) div.l-row {
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}
.element.aftechnologieService.listview:nth-of-type(odd) {
    background-color:#3c3f49
}
.element.aftechnologieService.listview:nth-of-type(odd) h2 {
    color:#67B1FF
}
.element.aftechnologieService.listview:nth-of-type(odd) h1,.element.aftechnologieService.listview:nth-of-type(odd) h3,.element.aftechnologieService.listview:nth-of-type(odd) li,.element.aftechnologieService.listview:nth-of-type(odd) p,div.divPage.divVideosurveillance .bg-blue h2,div.divPage.divVideosurveillance section.presentation,div.divPage.divVideosurveillance section.presentation h1,div.divPage.divVideosurveillance section.presentation h2,div.divPage.divVideosurveillance section.presentation li,div.divPage.divVideosurveillance section.presentation p {
    color:#fff
}
@media only screen and (max-width:992px) {
    .element.aftechnologieService.listview .pl-3 {
        padding-left:0
    }
}
.element.aftechnologieService#aftechnologieService-1-Reseaux div.right img {
    width:revert-layer
}
div.divPage.divVideosurveillance {
    margin-top:-20px
}
@media only screen and (max-width:760px) {
    div.divPage.divVideosurveillance {
        margin-top:-20px!important
    }
}
div.divPage.divVideosurveillance h1 {
    margin-bottom:1rem;
    padding-left:75px;
    background:url(data/image/picto-VS.svg) center left no-repeat;
    background-size:50px
}
div.divPage.divVideosurveillance h2 {
    text-align:center;
    margin-bottom:1rem
}
div.divPage.divVideosurveillance .element.autrePartenaire.viewList {
    margin:20px 0
}
div.divPage.divVideosurveillance .photo {
    margin:auto
}
@media only screen and (max-width:992px) {
    div.divPage.divVideosurveillance .photo {
        margin-bottom:2rem
    }
}
.element.avantageVideoSurveillance div.content.l-row,.element.cameraVideoSurveillance div.content.l-row {
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    margin-top:1.5rem
}
@media only screen and (max-width:1200px) {
    .element.avantageVideoSurveillance div.content.l-row,.element.cameraVideoSurveillance div.content.l-row {
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.element.avantageVideoSurveillance div.bottom a,.element.cameraVideoSurveillance div.bottom a {
    color:#3A71AB;
    font-weight:600
}
.element.avantageVideoSurveillance.listview,.element.cameraVideoSurveillance.listview {
    box-shadow:0 3px 6px rgba(0,0,0,.4);
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    background-color:#3A71AB
}
.element.avantageVideoSurveillance.listview h2 a,.element.cameraVideoSurveillance.listview h2 a {
    color:#fff
}
.element.avantageVideoSurveillance.listview a.readmore,.element.cameraVideoSurveillance.listview a.readmore {
    position:relative;
    color:#fff
}
.element.avantageVideoSurveillance.listview a.readmore:after,.element.cameraVideoSurveillance.listview a.readmore:after {
    content:'';
    width:100%;
    display:block;
    height:2px;
    background-color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    -ms-transform:translateX(0) scaleX(0);
    transform:translateX(0) scaleX(0);
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
    transition:transform 250ms
}
.element.avantageVideoSurveillance.listview a.readmore:hover:after,.element.cameraVideoSurveillance.listview a.readmore:hover:after {
    -ms-transform:translateX(0) scaleX(1);
    transform:translateX(0) scaleX(1)
}
.element.avantageVideoSurveillance.view h1,.element.cameraVideoSurveillance.view h1 {
    margin-bottom:2rem
}
.element.avantageVideoSurveillance.view p a,.element.cameraVideoSurveillance.view p a {
    color:#3A71AB
}
.element.cameraVideoSurveillance.listview {
    border:0;
    box-shadow:unset
}
@media only screen and (max-width:600px) {
    div.divPage.divVideosurveillance h1 {
        font-size:1.8rem;
        padding-left:55px;
        background-size:40px
    }
    div.divPage.divVideosurveillance section.presentation {
        padding-left:0!important;
        padding-right:0!important
    }
    .element.avantageVideoSurveillance.view div.container,.element.cameraVideoSurveillance.view div.container {
        padding:0!important
    }
    .element.cameraVideoSurveillance.view div.container picture {
        width:100%;
        text-align:center
    }
}