.flex-container a:active,

.flex-container a:focus,

.flexslider a:active,

.flexslider a:focus {

    outline: none

}



.flex-control-nav,

.flex-direction-nav,

.slides {

    margin: 0;

    padding: 0;

    list-style: none

}



@font-face {

    font-family: flexslider-icon;

    src: url(../../../../../assets/markets/BDDF/css/fonts/flexslider-icon.eot);

    src: url(../../../../../assets/markets/BDDF/css/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype");

    font-weight: 400;

    font-style: normal

}



.flexslider {

    margin: 0;

    padding: 0

}



.flexslider .slides>li {

    display: none;

    -webkit-backface-visibility: hidden

}



.flexslider .slides img {

    width: 100%;

    display: block

}



.flex-pauseplay span {

    text-transform: capitalize

}



.slides:after {

    content: "\0020";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}



html[xmlns] .slides {

    display: block

}



* html .slides {

    height: 1%

}



.no-js .slides>li:first-child {

    display: block

}



.flexslider {

    margin: 0 0 60px;

    background: #fff;

    border: 4px solid #fff;

    position: relative;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);

    zoom: 1

}



.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease

}



.loading .flex-viewport {

    max-height: 300px

}



.flexslider .slides {

    zoom: 1

}



.carousel li {

    margin-right: 5px

}



.flex-direction-nav {

    *height: 0

}



.flex-direction-nav a {

    display: block;

    width: 40px;

    height: 40px;

    margin: -20px 0 0;

    position: absolute;

    top: 50%;

    z-index: 10;

    overflow: hidden;

    opacity: 0;

    cursor: pointer;

    color: rgba(0, 0, 0, .8);

    text-shadow: 1px 1px 0 hsla(0, 0%, 100%, .3);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease

}



.flex-direction-nav .flex-prev {

    left: -50px

}



.flex-direction-nav .flex-next {

    right: -50px;

    text-align: right

}



.flexslider:hover .flex-prev {

    opacity: .7;

    left: 10px

}



.flexslider:hover .flex-next {

    opacity: .7;

    right: 10px

}



.flexslider:hover .flex-next:hover,

.flexslider:hover .flex-prev:hover {

    opacity: 1

}



.flex-direction-nav .flex-disabled {

    opacity: 0!important;

    filter: alpha(opacity=0);

    cursor: default

}



.flex-direction-nav a:before {

    font-family: flexslider-icon;

    font-size: 40px;

    display: inline-block;

    content: "\f001"

}



.flex-direction-nav a.flex-next:before {

    content: "\f002"

}



.flex-pauseplay a {

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    bottom: 5px;

    left: 10px;

    opacity: .8;

    z-index: 10;

    overflow: hidden;

    cursor: pointer;

    color: #000

}



.flex-pauseplay a:before {

    font-family: flexslider-icon;

    font-size: 20px;

    display: inline-block;

    content: "\f004"

}



.flex-pauseplay a:hover {

    opacity: 1

}



.flex-pauseplay a.flex-play:before {

    content: "\f003"

}



.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: -40px;

    text-align: center

}



.flex-control-nav li {

    margin: 0 6px;

    display: inline-block;

    zoom: 1;

    *display: inline

}



.flex-control-paging li a {

    width: 11px;

    height: 11px;

    display: block;

    background: #666;

    background: rgba(0, 0, 0, .5);

    cursor: pointer;

    text-indent: -9999px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);

    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);

    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)

}



.flex-control-paging li a:hover {

    background: #333;

    background: rgba(0, 0, 0, .7)

}



.flex-control-paging li a.flex-active {

    background: #000;

    background: rgba(0, 0, 0, .9);

    cursor: default

}



.flex-control-thumbs {

    margin: 5px 0 0;

    position: static;

    overflow: hidden

}



.flex-control-thumbs li {

    width: 25%;

    float: left;

    margin: 0

}



.flex-control-thumbs img {

    width: 100%;

    display: block;

    opacity: .7;

    cursor: pointer

}



.flex-control-thumbs img:hover {

    opacity: 1

}



.flex-control-thumbs .flex-active {

    opacity: 1;

    cursor: default

}



@media screen and (max-width:860px) {

    .flex-direction-nav .flex-prev {

        opacity: 1;

        left: 10px

    }

    .flex-direction-nav .flex-next {

        opacity: 1;

        right: 10px

    }

}



html.swm-root-active,

html.swm-root-active>body {

    height: auto;

    min-height: 100%

}



html.swm-root-active.iosSeven,

html.swm-root-active.iosSeven>body {

    overflow: scroll;

    -webkit-overflow-scrolling: touch;

    height: 415px;

    min-height: 0

}



.swm .clearfix {

    clear: both

}



.swm {

    margin: 0;

    font-family: Helvetica Neue, Helvetica, sans-serif;

    color: #222;

    -webkit-text-size-adjust: 100%;

    -moz-user-select: none

}



.swm input {

    -webkit-appearance: none;

    outline: 0

}



.swm input .auth-pwd,

.swm input[type=tel],

.swm input[type=text] {

    border: 1px solid #c9c9c9;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    background-color: #fff

}



.swm .auth-pwd {

    width: 100%

}



.swm h1 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: block;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    max-width: 100%;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    max-height: inherit

}



.swm a {

    cursor: pointer;

    text-decoration: none

}



.swm::-webkit-input-placeholder {

    line-height: 25px;

    font-size: 14px;

    color: #acacac;

    font-style: italic;

    letter-spacing: 0

}



.swm:-moz-placeholder,

.swm::-moz-placeholder {

    line-height: 25px;

    font-size: 14px;

    color: #acacac;

    font-style: italic;

    letter-spacing: 0

}



.swm:-ms-input-placeholder {

    line-height: 25px;

    font-size: 14px;

    color: #acacac;

    font-style: italic;

    letter-spacing: 0

}



.swm .auth-header a.auth-back {

    background-position: 0 0;

    float: left

}



.swm .auth-pre-header .auth-cible {

    display: inline-block

}



.swm .auth-header {

    border-bottom: 1px solid #fff;

    clear: both;

    display: block

}



.swm .auth-header h1 {

    vertical-align: middle;

    display: inline-block;

    overflow: hidden;

    padding-left: 10px

}



.swm .auth-checkbox-wrapper,

.swm .auth-cs-content {

    padding: 0 15px

}



.swm .component-user_id-delete {

    position: relative

}



.swm .auth-cs-content-code-input {

    padding: 0 5px;

    width: 300px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    margin: 0 auto

}



.swm .swm-label-identifiant,

.swm label {

    color: #615c5c;

    margin: 10px 0 13px;

    text-align: left;

    line-height: 1.4;

    display: block;

    font-weight: 400

}



.swm .auth-cs-content input.auth-login {

    letter-spacing: normal;

    height: 40px;

    padding: 0 30px 0 10px;

    font-size: 22px;

    line-height: normal;

    -webkit-appearance: none;

    width: 100%

}



.swm .auth-cs-content>span {

    display: block;

    overflow: hidden

}



.swm .hidden-checkbox-input {

    display: inline-block;

    width: 23px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    height: 23px

}



.swm .auth-checkbox-wrapper label {

    cursor: pointer

}



@media (max-width:720px) {

    .swm .auth-checkbox-wrapper label {

        cursor: none

    }

}



.swm .hidden-checkbox-label {

    vertical-align: top;

    padding-top: 2px;

    display: inline-block;

    padding-left: 5px

}



.swm .auth-checkbox-wrapper input {

    width: 0;

    height: 0;

    opacity: 0;

    position: absolute;

    z-index: -1

}



.swm .auth-checkbox-wrapper.checked label .hidden-checkbox-input {

    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAApVBMVEVmYmJnYmLY19d4dHSRjo5vbGyPjIyuq6uIhYVraGjV1NTk4+N8eHj49/ezsbHS0dGAfX29u7vb2tq1s7PKyclnZGRpZmaxrq6Cfn709PTe3d1/e3u4tbV0cHDq6emqp6efnJyal5fh4OCXlJSioKCcmZl9eXmZlpaloqLNy8vDwcH7+/uhnp7FxMRoZWXn5ub///9lYWFlYWFlYWFiXV1jXl5hXFym9PQyAAAAMXRSTlP+/pLkx+/IrdD3k4zeg6qV2aKQp5n8+KvXhI/bpumJsbm9jcG2vN3AtZiegbic+4qAO/6M0AAAANlJREFUeNrl1EkPgjAQBWDjvu+7iLvsUhKY///TNGNoOwgtFxMT34nDd2jCe1Nh5fI3zh6XcjbAzkOnYwg17gqYu4dOzRAqnQ9pDuh0LG7h+7RsyBTuyNmModMxgwnnhBl242zChAuSR5jPEjf9v8gACDxJjDtkHFIWiL4gI9DibC73ag/AIWUO6d+GwgtlwrFBTUCJjT767PU5bKZfUTev92vIJKrm76OdYdOiHdUJ2xbvzZLYWbVLXzD1fg9vtujpdr6KX2wZ6u+BEUPHLHM33Ib5K/fqS+4JWxsd9wHcIm0AAAAASUVORK5CYII=) no-repeat 0 0;

    background-size: 20px 20px

}



.swm .auth-picto-sup {

    display: none;

    width: 30px;

    height: 42px;

    background: transparent url(../../../../../assets/markets/BDDF/css/res-picto-sup-grey.png) no-repeat left 50%;

    background-size: 41px 27px;

    position: absolute;

    right: 16px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box

}



.swm .auth-cs-content-code .auth-picto-sup {

    right: inherit;

    margin-left: 258px

}



.swm .clavier-container {

    text-align: center;

    margin-bottom: 10px;

    display: none;

    -moz-user-select: none

}



.swm .swm-visible {

    display: block!important

}



.swm .auth-cs-content-validate {

    -moz-user-select: none

}



.swm .img-container {

    margin: 10px auto 0;

    width: 100%;

    max-width: 300px;

    position: relative

}



.swm .boxAlert,

.swm .menu {

    display: none

}



.swm .hover {

    background-color: #999;

    opacity: 0;

    -webkit-tap-highlight-color: transparent;

    cursor: pointer

}



.swm .hover.active {

    opacity: .5;

    cursor: pointer

}



.swm .hover.active:focus {

    outline: 0

}



.swm .auth_error {

    margin: 15px 0;

    padding: 0 18px

}



.swm .auth_error,

.swm .clavier-error {

    text-align: center;

    font-weight: 700;

    color: red

}



.swm .clavier-error {

    margin: 30px;

    display: none

}



.swm-disable .disable-layer {

    z-index: 9999;

    height: 100%;

    background-color: #eee;

    opacity: .2;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%

}



.swm .disable-layer {

    display: none

}



.swm .js-alert {

    display: none;

    margin-top: 20px;

    text-align: center;

    font-weight: 700;

    color: red

}



.swm-no-cookies .js-alert {

    display: block!important

}



.swm-no-cookies .auth-content,

.swm-waitJeton .auth-content {

    display: none!important

}



.swm .inline {

    background-color: #fff

}



body.body-inline-keyboard {

    overflow-y: hidden

}



.swm .keyboard {

    opacity: 0;

    top: 0;

    left: 0;

    float: none

}



.swm .loaded .keyboard {

    opacity: 1;

    transition: opacity .25s ease-in-out;

    -moz-transition: opacity .25s ease-in-out;

    -webkit-transition: opacity .25s ease-in-out

}



.swm .waitAuthJetonMsg {

    display: none;

    font-weight: 700;

    text-align: center

}



.swm-waitJeton .waitAuthJetonMsg {

    display: block

}



.swm-no-cookies .waitAuthJetonMsg,

.swm-waitJeton.swm-error .waitAuthJetonMsg {

    display: none

}



.swm .swm-placeholder {

    color: #b8b8b8;

    font-style: italic

}



.swm-popin-component {

    line-height: 18px;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2000;

    width: 100%;

    background-color: rgba(0, 0, 0, .5);

    display: table;

    height: 100%

}



.swm-popin-component .swm-popin-layer {

    background: #222;

    top: 0;

    left: 0;

    right: 0;

    bottom: 1px;

    position: absolute;

    filter: Alpha(Opacity=50);

    opacity: .5;

    z-index: 1099

}



.swm-popin-component .swm-popin-container {

    display: table-cell;

    text-align: center;

    vertical-align: middle

}



.swm-popin-component .swm-popin-container h1 {

    text-align: center;

    font-size: 17px;

    white-space: normal;

    text-overflow: clip;

    -webkit-border-radius: 4px 4px 0 0;

    -ms-border-radius: 4px 4px 0 0;

    -moz-border-radius: 4px 4px 0 0;

    border-radius: 4px 4px 0 0;

    background: #e8e8e8;

    border-bottom: 1px solid #9e9e9e;

    padding: 10px 20px;

    margin: 0;

    line-height: 1.2em

}



.swm-popin-component .swm-popin-content {

    padding: 0;

    -webkit-border-radius: 4px;

    -ms-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px

}



.swm-popin-component .swm-popin-content>div {

    overflow: hidden;

    padding: 13px

}



.swm-popin-component div.swm-popin-content {

    padding: 0;

    background-color: #fff;

    display: inline-block;

    width: 80%;

    max-width: 600px;

    text-align: initial

}



.swm-popin-component .swm-popin-content p {

    margin: 15px 0 0

}



.swm-popin-component .swm-popin-content p:first-child {

    margin-top: 0

}



.swm-popin-component .swm-popin-content button {

    margin-top: 20px;

    font-size: .8em

}



.noscroll {

    position: fixed;

    overflow: hidden;

    height: 100%;

    width: 100%

}



.swm .toggle-btn {

    display: none

}



.swm .swm-popin-overlay {

    opacity: 0;

    display: none

}



.swm .swm-popin-btn-fermer {

    background: url(../../../../../assets/markets/BDDF/css/fancy-fermer.png) no-repeat scroll 0 0 transparent;

    cursor: pointer;

    display: block;

    width: 79px;

    height: 24px;

    position: relative;

    float: right;

    top: -19px;

    right: 2%;

    z-index: 1202;

    text-indent: -9999px

}



.swm .swm-popin-ombre-sup {

    font-size: 12px;

    color: #fff;

    text-decoration: none;

    text-align: right;

    font-weight: 700;

    width: 100%;

    margin: 0 auto;

    height: 3px;

    background-image: url(../../../../../assets/markets/BDDF/css/swm-popin-ombre-sup.png);

    background-size: 100% 3px;

    background-repeat: no-repeat;

    position: relative

}



.swm .swm-popin-ombre-lat {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAooAAAADCAYAAAAUVC61AAAC0WlDQ1BJQ0MgUHJvZmlsZQAAOI2NlM9LFGEYx7+zjRgoQWBme4ihQ0ioTBZlROWuv9i0bVl/lBLE7Oy7u5Ozs9PM7JoiEV46ZtE9Kg8e+gM8eOiUl8LALALpblFEgpeS7Xlnxt0R7ccLM/N5nx/f53nf4X2BGlkxTT0kAXnDsZJ9Uen66JhU+xEhHEEdwqhTVNuMJBIDoMFjsWtsvofAvyute/v/OurStpoHhP1A6Eea2Sqw7xfZC1lqBBC5XsOEYzrE9zhbnv0x55TH8659KNlFvEh8QDUtHv+auEPNKWmgRiRuyQZiUgHO60XV7+cgPfXMGB6k73Hq6S6ze3wWZtJKdz9xG/HnNOvu4ZrE8xmtN0bcTM9axuod9lg4oTmxIY9DI4YeH/C5yUjFr/qaoulEk9v6dmmwZ9t+S7mcIA4TJ8cL/TymkXI7p3JD1zwW9KlcV9znd1Yxyeseo5g5U3f/F/UWeoVR6GDQYNDbgIQk+hBFK0xYKCBDHo0iNLIyN8YitjG+Z6SORIAl8q9TzrqbcxtFyuZZI4jGMdNSUZDkD/JXeVV+Ks/JX2bDxeaqZ8a6qanLD76TLq+8ret7/Z48fZXqRsirI0vWfGVNdqDTQHcZYzZcVeI12P34ZmCVLFCpFSlXadytVHJ9Nr0jgWp/2j2KXZpebKrWWhUXbqzUL03v2KvCrlWxyqp2zqtxwXwmHhVPijGxQzwHSbwkdooXxW6anRcHKhnDpKJhwlWyoVCWgUnymjv+mRcL76y5o6GPGczSVImf/4RVyGg6CxzRf7j/c/B7xaOxIvDCBg6frto2ku4dIjQuV23OFeDCN7oP3lZtzXQeDj0BFs6oRavkSwvCG4pmdxw+6SqYk5aWzTlSuyyflSJ0JTEpZqhtLZKi65LrsiWL2cwqsXQb7Mypdk+lnnal5lO5vEHnr/YRsPWwXP75rFzeek49rAEv9d/AvP1FSOihagAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98GFwglBIy/25oAAABYSURBVFjD7da5DYAwEAXRWS5nNEATNE9jZByWSRw4cANI86SvyTfaABIw1k3NZmBpmmrXUsqBJEmSfiEiNmAHTuAGrtqn6dssA3nwdJIkSerxUZQkSVLXBwKmEA1wow8sAAAAAElFTkSuQmCC);

    background-size: 100%;

    background-repeat: repeat-y;

    width: 100%;

    position: relative

}



.swm .swm-popin-ombre-inf {

    background-image: url(../../../../../assets/markets/BDDF/css/swm-popin-ombre-inf.png);

    background-size: 100% 23px;

    background-repeat: repeat-y;

    height: 23px;

    width: 100%

}



.swm .swm-popin {

    background-color: #fff;

    margin-left: 2%;

    margin-right: 2%;

    padding: 15px 3%;

    font-size: 12px;

    line-height: 18px

}



.swm .swm-popin p {

    margin-bottom: 12px;

    margin-top: 12px

}



.swm .swm-popin-cadre {

    background-color: #fff;

    border: 1px solid #000;

    width: 95%;

    margin: 0 auto;

    padding: 15px 2% 10px;

    text-align: left

}



.swm .swm-popin-label-erreur1 {

    font: Arial;

    margin-bottom: 10px;

    padding: 1%;

    text-align: center;

    font-weight: 700;

    color: #000;

    -webkit-box-decoration-break: clone;

    box-decoration-break: clone

}



.swm .swm-popin-label-erreur2 {

    font: Arial;

    padding: 1%;

    text-align: center;

    color: #000

}



.swm .swm-popin-btn-erreur {

    display: block;

    margin: 20px auto 10px

}



.swm .swm-tooltip {

    font: Arial;

    font-size: 10px;

    line-height: 15px;

    background-color: #ffffe0;

    color: #000;

    padding: 3px;

    border: 1px solid #000;

    display: none;

    position: absolute;

    margin-top: 30px;

    margin-left: 30px;

    left: 0;

    top: 0;

    max-width: 400px;

    z-index: 10001

}



.swm .auth-pre-header a.logout {

    display: inline;

    background: transparent url(../../../../../assets/markets/BDDF/css/sprite.png) no-repeat;

    margin-right: 35px;

    background-position: -398px -31px;

    width: 47px;

    height: 47px;

    float: right

}



.swm .voice-over-only {

    width: 1px;

    height: 1px;

    overflow: hidden;

    display: block

}



.swm .swm-modal {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: none;

    text-align: center;

    background: rgba(0, 0, 0, .35);

    z-index: 1210

}



.swm .swm-modal:before {

    content: "";

    vertical-align: middle;

    height: 100%;

    display: inline-block

}



.swm .swm-modal-wrapper {

    vertical-align: middle;

    display: inline-block;

    background: #fff;

    border: 1px solid red;

    padding: 40px 10px 10px;

    text-align: left;

    font-size: .925em;

    max-width: 620px;

    min-width: 40%;

    text-align: center

}



.swm .swm-modal-wrapper .swm_oob_postcheck_delai {

    font-weight: 700

}



.swm .swm-modal-wrapper a {

    color: #333;

    text-decoration: underline

}



.swm .swm-modal-wrapper p {

    margin: 10px 0;

    line-height: 1.4em

}



.swm .swm-modal-wrapper .align-right {

    text-align: right

}



.swm .swm-modal-wrapper .align-center {

    text-align: center

}



.swm .swm-modal-wrapper button {

    background: red;

    color: #fff;

    padding: 8px 15px;

    border: 0;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    border-radius: 2px;

    cursor: pointer

}



.swm .swm-modal-wrapper a:hover {

    color: #333;

    text-decoration: none

}



.swm .slide-up-fade-in {

    animation: slideUpFadeIn .25s ease-out;

    animation-iteration-count: 1;

    transform-origin: 50% 50%;

    animation-fill-mode: forwards;

    -webkit-animation: slideUpFadeIn .25s ease-out;

    -webkit-animation-iteration-count: 1;

    -webkit-transform-origin: 50% 50%;

    -webkit-animation-fill-mode: forwards;

    -moz-animation: slideUpFadeIn ease-out .25s;

    -moz-animation-iteration-count: 1;

    -moz-transform-origin: 50% 50%;

    -moz-animation-fill-mode: forwards;

    -o-animation: slideUpFadeIn ease-out .25s;

    -o-animation-iteration-count: 1;

    -o-transform-origin: 50% 50%;

    -o-animation-fill-mode: forwards;

    -ms-animation: slideUpFadeIn ease-out .25s;

    -ms-animation-iteration-count: 1;

    -ms-transform-origin: 50% 50%;

    -ms-animation-fill-mode: forwards

}



@keyframes slideUpFadeIn {

    0% {

        opacity: 0;

        transform: translateY(10px)

    }

    to {

        opacity: 1;

        transform: translate(0)

    }

}



@-moz-keyframes slideUpFadeIn {

    0% {

        opacity: 0;

        -moz-transform: translateY(10px)

    }

    to {

        opacity: 1;

        -moz-transform: translate(0)

    }

}



@-webkit-keyframes slideUpFadeIn {

    0% {

        opacity: 0;

        -webkit-transform: translateY(10px)

    }

    to {

        opacity: 1;

        -webkit-transform: translate(0)

    }

}



@-o-keyframes slideUpFadeIn {

    0% {

        opacity: 0;

        -o-transform: translateY(10px)

    }

    to {

        opacity: 1;

        -o-transform: translate(0)

    }

}



@-ms-keyframes slideUpFadeIn {

    0% {

        opacity: 0;

        -ms-transform: translateY(10px)

    }

    to {

        opacity: 1;

        -ms-transform: translate(0)

    }

}



.swm .slide-down-fade-out {

    animation: slideDownFadeOut .25s ease-in;

    animation-iteration-count: 1;

    transform-origin: 50% 50%;

    animation-fill-mode: forwards;

    -webkit-animation: slideDownFadeOut .25s ease-in;

    -webkit-animation-iteration-count: 1;

    -webkit-transform-origin: 50% 50%;

    -webkit-animation-fill-mode: forwards;

    -moz-animation: slideDownFadeOut ease-in .25s;

    -moz-animation-iteration-count: 1;

    -moz-transform-origin: 50% 50%;

    -moz-animation-fill-mode: forwards;

    -o-animation: slideDownFadeOut ease-in .25s;

    -o-animation-iteration-count: 1;

    -o-transform-origin: 50% 50%;

    -o-animation-fill-mode: forwards;

    -ms-animation: slideDownFadeOut ease-in .25s;

    -ms-animation-iteration-count: 1;

    -ms-transform-origin: 50% 50%;

    -ms-animation-fill-mode: forwards

}



@keyframes slideDownFadeOut {

    0% {

        opacity: 1;

        transform: translate(0)

    }

    to {

        opacity: 0;

        transform: translateY(10px)

    }

}



@-moz-keyframes slideDownFadeOut {

    0% {

        opacity: 1;

        -moz-transform: translate(0)

    }

    to {

        opacity: 0;

        -moz-transform: translateY(10px)

    }

}



@-webkit-keyframes slideDownFadeOut {

    0% {

        opacity: 1;

        -webkit-transform: translate(0)

    }

    to {

        opacity: 0;

        -webkit-transform: translateY(10px)

    }

}



@-o-keyframes slideDownFadeOut {

    0% {

        opacity: 1;

        -o-transform: translate(0)

    }

    to {

        opacity: 0;

        -o-transform: translateY(10px)

    }

}



@-ms-keyframes slideDownFadeOut {

    0% {

        opacity: 1;

        -ms-transform: translate(0)

    }

    to {

        opacity: 0;

        -ms-transform: translateY(10px)

    }

}



.swm .supervised_user {

    margin-top: 20px!important

}



.swm .csa-label-titre {

    font: Arial;

    font-weight: 700;

    margin-bottom: 20px;

    text-align: center;

    color: #000;

    display: block

}



.swm .csa-label-details {

    font: Arial;

    color: #000

}



.swm .csa-label-infos-principal {

    font: Arial;

    font-weight: 700;

    color: grey

}



.swm .csa-label-infos-secondaire {

    font: Arial;

    color: grey

}



.swm .csa-label-mention {

    font: Arial;

    text-align: left;

    font-style: italic;

    color: #000

}



.swm .csa-input {

    display: block;

    margin-top: 20px;

    margin-left: auto;

    margin-right: auto

}



.swm .csa-code-secu,

.swm .csa-input {

    padding: 1%;

    text-align: center;

    color: #000

}



.swm .csa-code-secu {

    width: 250px;

    font-style: italic;

    float: none

}



.beLowerCase {

    text-transform: lowercase

}



.beUpperCase {

    text-transform: uppercase

}



.swm .csa-btn {

    display: block;

    margin-top: 30px;

    margin-left: auto;

    margin-right: auto;

    float: none

}



.swm .csa-sprite-btn-valider {

    width: 102px;

    height: 33px;

    background: url(../../../../../assets/markets/BDDF/css/csa-btn-valider.jpg) 0 0 no-repeat;

    background-position: 0 -33px

}



.swm .csa-sprite-btn-valider:active,

.swm .csa-sprite-btn-valider:focus,

.swm .csa-sprite-btn-valider:hover {

    background-position: 0 0

}



.swm .csa-sprite-btn-envoyer {

    width: 168px;

    height: 33px;

    background: url(../../../../../assets/markets/BDDF/css/csa-btn-recevoir.jpg) 0 0 no-repeat;

    background-position: 0 -33px

}



.swm .csa-sprite-btn-envoyer:active,

.swm .csa-sprite-btn-envoyer:focus,

.swm .csa-sprite-btn-envoyer:hover {

    background-position: 0 0

}



.swm .csa-sprite-btn-retour {

    width: 109px;

    background: url(../../../../../assets/markets/BDDF/css/csa-btn-retour.jpg) 0 0 no-repeat;

    background-position: 0 -33px

}



.swm .csa-sprite-btn-retour:active,

.swm .csa-sprite-btn-retour:focus,

.swm .csa-sprite-btn-retour:hover {

    background-position: 0 0

}



.swm .csa-img-infobulle {

    display: inline-block;

    margin: 0 auto;

    width: 17px;

    height: 17px;

    background: url(../../../../../assets/markets/BDDF/css/csa-img-infobulle.png) 0 0 no-repeat

}



.swm .oob-content .auth-btn-action,

.swm .oob-content .swm-btn-action {

    display: none

}



.swm .oob-popin,

.swm .ooba-popin .oob-panel-error,

.swm .ooba-popin .oob-panel-other-client,

.swm .ooba-popin .oob-panel-profile {

    background-color: #fff;

    margin-left: 2%;

    margin-right: 2%;

    padding: 30px 8% 55px

}



.swm .oob-popin strong,

.swm .ooba-popin strong {

    font-weight: 700

}



.swm .oob-label-titre {

    font: Arial;

    font-size: 16px;

    font-weight: 700;

    margin-top: 5px;

    color: #6588a6

}



.swm .oob-label-principal,

.swm .oob-label-titre {

    line-height: 21px;

    text-align: center;

    display: block

}



.swm .oob-label-principal {

    font: Arial;

    font-size: 14px;

    color: #000

}



.swm .oob-fond-couleur {

    position: relative;

    background-color: #f2f2f2;

    margin-top: 40px;

    margin-bottom: 40px;

    width: 100%

}



.swm .oob-fond-couleur:before {

    content: "";

    width: 0;

    height: 100%;

    margin-left: -2px;

    vertical-align: middle

}



.swm .oob-cellule-img {

    vertical-align: middle

}



.swm .oob-img-terminal {

    background-color: #fff;

    background-position: 50%;

    background-repeat: no-repeat;

    width: 100px;

    height: 140px;

    position: absolute;

    left: 3%;

    top: -18px;

    display: block

}



.swm .oob-img-terminal-cle {

    background-image: url(../../../../../assets/markets/BDDF/css/oob-img-terminal-cle.jpg)

}



.swm .oob-img-terminal-attente {

    background-image: url(../../../../../assets/markets/BDDF/css/oob-img-terminal-attente.gif)

}



.swm .oob-img-terminal-croix {

    background-image: url(../../../../../assets/markets/BDDF/css/oob-img-terminal-croix.jpg)

}



.swm .oob-img-terminal-exclamation {

    background-image: url(../../../../../assets/markets/BDDF/css/oob-img-terminal-exclamation.jpg)

}



.swm .oob-cellule-label {

    vertical-align: middle;

    display: inline-block;

    padding: 20px 3% 20px 132px

}



.swm .oob-center-label {

    vertical-align: middle;

    text-align: center;

    padding: 3%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}



.swm .oob-label-secondaire {

    font: Arial;

    font-size: 14px;

    line-height: 19px;

    color: #6588a6

}



.swm .oob-label-tertiaire {

    font: Arial;

    font-size: 14px;

    line-height: 28px

}



.swm .oob-label-petit {

    font-size: 11px

}



.swm .oob-label-erreur1 {

    font: Arial;

    font-size: 12px;

    line-height: 18px;

    font-weight: 700

}



.swm .oob-label-erreur2 {

    font: Arial;

    font-size: 12px;

    line-height: 18px

}



.swm .oob-liste-puce {

    display: block;

    text-align: left;

    padding: 3% 3% 3% 15%

}



.swm .oob-liste-puce ul {

    list-style-type: circle

}



.swm .oob-separateur {

    border-top: 1px solid #ccc;

    margin-bottom: 20px

}



.swm .oob-btn-gauche {

    cursor: pointer;

    display: inline-block;

    float: left

}



.swm .oob-btn-droite {

    cursor: pointer;

    display: inline-block;

    float: right

}



.swm .ooba-popin .oob-btn-droite,

.swm .ooba-popin .oob-btn-gauche {

    background-color: #6588a6;

    color: #fff;

    padding: 10px;

    border-bottom: 1px solid #3a6182

}



.swm .oob-btn-abandonner {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-abandonner.jpg) 0 0 no-repeat;

    width: 110px;

    height: 33px

}



.swm .oob-btn-annuler {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-annuler.jpg) 0 0 no-repeat;

    width: 163px;

    height: 33px

}



.swm .oob-btn-connecter {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-connecter.jpg) 0 0 no-repeat;

    width: 114px;

    height: 33px

}



.swm .oob-btn-continuer {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-continuer.jpg) 0 0 no-repeat;

    width: 97px;

    height: 33px

}



.swm .oob-btn-active-pass-secu {

    background: url(../../../../../assets/markets/BDDF/css/active-pass-secu.png) 0 0 no-repeat;

    width: 250px;

    height: 33px

}



.swm .oob-btn-active-tel-secu {

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPkAAAAjCAIAAADZiDuOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANNSURBVHhe7Zo7cioxEEW9L2/GO/AenDlmBy6qvAYmJSQiJyEjYQ08tT6t1qhHEvYTg0tXdQLRkvqnO4Pt8ssNA2OM8fL6vgFgBKB1MArQOhgFaB2MArQORgFaB6MArYNRgNbBKEDrYBSgdTAK0DoYBWgdjEJ/rX8ezv5/b/w4T9/qnv1XapTQhtPHzPhXkNXlhTxz7dXcqpST/73/e3iM1mW1u30m949jreAV7/sutDyT6rINz1x7Pbd2qp3pz+O1vnn9Ot3uvbz17vs+qnn+oJC/UnuZJ6hiDa3Tq/26/eS5G2IPHfHDP/fSCT0qYRx3fvVy2l/MZ7cn8znf4PjeXm77KcQyrjiuc+sOOgsnbDPZTldnTb+gOO5ydfZ4yCGv3aR03U6hQK7ObAhVp18RblRz05rMxH5y2gbtSIyo3QvPzYS77Y0NnenPKlq3IqNm8WTzZm7ocnijVerCvJXRiVilS7K9o9VgVH0mGxjaKYOKze5KZrE4kyAjNjIxT8NSJm6DWrtNSVRKgWxEr/sYsT03NRBj/AT9mSMijeyIiMhVyHoTY3FnJaVerKr1ZCk0PXZcoDgxhCO0Gi5M9Sk3RGLH9XnVVbIhsywet0Z1NUnD6sB/22QRF5237fQfnSVG9KhHqveSRCymIedKSr1Y9WcYWpKDjPqDPu8UD/ajrpqRbYjUtJ7crvYA5G7bM1FXU637BOY+7bw9Nz2QhOTuhg+tHWm7F45YNcqRp9SFVX83zZcM5fcHTbg18pmRfcx8qkZV33KenGqLVV6VRnU11bp4r2c+k+PF3JKdRX5zL3Lebnwsj9c6vUXCr03iauM22iCM6S3yfdi/WM1floTmM9nAaPpO5iITVQe5W7LYlOhjORNt1RqDpEJ0GSXO23NTAwXIEhKOvVWPaPcijPRkup0yCs9loHJK3XiM1pPhi/RQs+zgRiRHso5YNdhxnna+ZfN+ZT71hoqOL81jJporxa1PL7gqZ5LXbkMfjeZo+DfCUkSau1HNTWsyQxJ3Q6623YuXOI3zdNi7iHoatc70p7/WwR3IRw78Z6D1pwJa7wi0/lRA6x2B1sEoQOtgFKB1MArQOhgFaB2MArQORgFaB6MArYNRgNbBGLxv/gElg3fkXprorQAAAABJRU5ErkJggg==) 0 0 no-repeat;

    width: 250px;

    height: 33px

}



.swm .oob-btn-reessayer {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-reessayer.jpg) 0 0 no-repeat;

    width: 99px;

    height: 33px

}



.swm .oob-btn-retour {

    background: url(../../../../../assets/markets/BDDF/css/oob-btn-retour.jpg) 0 0 no-repeat;

    width: 78px;

    height: 33px

}



.swm .oob-ombre-inf {

    background-size: 100% 23px;

    background-repeat: repeat-y;

    height: 23px;

    width: 100%

}



.swm .ooba-popin .oob-panel-polling {

    padding-left: 0;

    padding-bottom: 0;

    padding-top: 0

}



.swm .oob-panel-polling .auth-checkbox-wrapper {

    padding: 0;

    box-sizing: initial

}



.swm .oob-panel-polling .float-right {

    padding-left: 280px;

    padding-right: 30px

}



.swm .oob-panel-polling .oob-label-principal {

    text-align: left

}



.swm .oob-panel-polling .oob-label-titre {

    text-align: left;

    font-size: 16px;

    margin-top: 0;

    padding-top: 22px;

    margin-bottom: 5px

}



.swm .oob-panel-polling .oob-fond-couleur {

    background-color: transparent;

    margin: 8px 14px -15px 0

}



.swm .oob-panel-polling .oob-terminal-timer {

    position: absolute;

    left: 54px;

    top: 44px;

    color: #fff;

    font-size: 9px;

    font-family: sans-serif;

    background: #575556;

    width: 32px;

    height: 19px;

    line-height: 19px;

    display: inline-block;

    text-align: center

}



.swm .oob-panel-polling .oob-img-terminal {

    top: -10px;

    height: 100px;

    left: -20px

}



.swm .oob-panel-polling .oob-img-terminal-attente {

    background-image: url(../../../../../assets/markets/BDDF/css/oob-polling-timer.jpg)

}



.swm .oob-panel-polling .oob-img-terminal-smartphone {

    background-image: url(../../../../../assets/markets/BDDF/css/img_pop_in.jpg);

    float: left;

    display: inline-block;

    z-index: 10

}



.swm .oob-panel-polling .oob-cellule-label {

    padding-left: 90px;

    position: static

}



.swm .oob-panel-polling .oob-img-container {

    background-image: url(../../../../../assets/markets/BDDF/css/img_pop_in.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: 50% 50%;

    height: 453px;

    float: left;

    width: 244px;

    margin-top: -2px;

    margin-left: 13px

}



.swm .oob-panel-polling .oob-btn-gauche {

    float: none;

    background: #aaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAAn1BMVEX////////////////////////////////////////////////v7+/////////////////////////////09PT19fX////19fX9/f35+fn////39/fw8PD////////x8fHu7u7////////y8vL////////z8/P////v7+/////////////u7u7///8AAADz8/P29vbw8PD5+fn8/Pz///8zslHDAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffBhkIMS/ucoK8AAAAMklEQVQY02NgYGLAAiRMsIkySGMXVsMuLI9dWAO7sI4J0aI8JsTahtVlWH2Bw8eMWMQAff4D8KNv5T4AAAAASUVORK5CYII=) no-repeat right 50%;

    background-size: 21px 14px;

    border: 0;

    padding-right: 30px;

    text-transform: uppercase

}



.swm .oob-panel-polling .auth-checkbox-wrapper {

    text-align: center

}



.swm .oob-panel-polling .hidden-checkbox-label {

    display: grid

}



.swm .oob-panel-polling .swm-label-identifiant,

.swm .oob-panel-polling label {

    color: #615c5c;

    margin: 10px 0 13px;

    text-align: left;

    line-height: 1.4;

    display: block;

    font-weight: 400

}



.swm .oob-cellule-label>div {

    top: -50%

}



.swm .oob-cellule-img {

    position: absolute;

    left: 3%;

    top: 0

}



@media screen and (-o-min-device-pixel-ratio:2/1),

screen and (-webkit-min-device-pixel-ratio:2),

screen and (min-device-pixel-ratio:2),

screen and (min-resolution:2dppx),

screen and (min-resolution:192dpi) {

    .swm .oob-panel-polling .oob-btn-gauche {

        background: #aaa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAbCAMAAADWDFZiAAAAn1BMVEX////////////////////////////////////////////////v7+/////////////////////////////09PT19fX////19fX9/f35+fn////39/fw8PD////////x8fHu7u7////////y8vL////////z8/P////v7+/////////////u7u7///8AAADz8/P29vbw8PD5+fn8/Pz///8zslHDAAAAL3RSTlONioFmfnUePE5FMBjxM0g/clFXLdDIacyntmzB6Rs24vgVWtsJD9MM9CoGYPwkAAbjob0AAACeSURBVHjajdNHEsJAEENRk3POYJODo8Dw7382fAT1+lXXTLUUqFGTNUEGTU9ugakl0x2wdqTSA5A5UvcN/OaO1OsJ364j9bhVtOdIXU7w6ThSUQjl0ZFqxxXtO1LFGfLEkUpyiAtH6gos3Z1nZ2cRQ74w3hkNoRwZfx+E8D66N5q4dx+bWfrNnHyuKni1M+/2aO92s+X2vS5Lah/Imj/FZcMV29cbUAAAAABJRU5ErkJggg==) no-repeat right 50%

    }

}



.swm .secureAccess {

    margin: -20px 0 0 125px;

    height: 105px;

    text-align: center;

    line-height: 15px;

    font-size: 13px

}



.swm .secureAccess strong {

    font-weight: 400

}



.swm .secureAccessImg1 {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAABGUlEQVRYR+2Wz0rEMBCHf5Os/8CzCI3exMP6CIoLvoMP620VPLtHbyJZBX0BbdmMk7QiVjwNgR7mK6WTaWm+ZkIZeg3nvIkvcNjGFHHDdbKYoBYT1GKCWkxQiwlqMUEtJqhl8oK/GlYekj151PZhRfIsVJplKuMx9B4uOMUo4U6fKSTwjLFp9sDU5WEdxMl5Dxc/QW0u5l9JepYV5LiWsG/58yMJH6D5IcLqXl5QfxesF1folo/w2B9VUXxOwhG3Ikhy+5tOjtP5GW5WD/DyhbW5XlzibnmLXWwNmR/oIDT8VlZwxMzjuGngyCGlOjUmolKhJ5mf23/2ewghr+pkT/sPajFBLSaoxQS1mKAWE9RiglpMUMvEBYEvGXlsyFz7fb4AAAAASUVORK5CYII=);

    float: left

}



.swm .secureAccessImg1,

.swm .secureAccessImg2 {

    background-repeat: no-repeat;

    width: 64px;

    height: 64px

}



.swm .secureAccessImg2 {

    background-image: url(../../../../../assets/markets/BDDF/ENT/INT/img/icone_SA_mobile.png);

    float: right

}



.swm .validCheck {

    font-weight: 400

}



.swm .authCheck {

    background-color: #f2f2f2;

    font-weight: 400

}



.swm .validCheck .secureAccessImg {

    margin: 18px 32%

}



.swm .authCheck .secureAccessImg {

    margin: 30px 28%

}



.swm .auth-checkbox-wrapper .secureAccess {

    margin: 15px 10px

}



.swm .oob-label-principal li {

    margin-left: 14px

}



.swm .reattrib-wrapper {

    font-family: Arial, Verdana, sans-serif;

    position: relative;

    font-size: 13px;

    padding: 20px 0

}



.swm .reattrib-wrapper strong {

    font-weight: 700

}



.swm .reattrib-wrapper h3 {

    margin: 0;

    padding: 0;

    font-size: 1.3em;

    font-weight: 700;

    color: #c00

}



#success h3,

.swm .reattrib-wrapper #echec h3 {

    text-align: center;

    margin-top: 30px

}



.swm .reattrib-wrapper h4 {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 1.2em

}



.swm .reattrib-wrapper p {

    margin: 20px 0 0 15px

}



.swm .reattrib-wrapper input[type=text] {

    line-height: 22px;

    height: 24px;

    padding: 0 10px;

    margin-left: 12px;

    box-sizing: border-box;

    box-shadow: none;

    border-radius: 0

}



.swm .reattrib-wrapper .net_template_produit_liste {

    padding: 10px 0;

    list-style-type: circle;

    margin-left: 55px

}



.swm .reattrib-wrapper .net_template_produit_liste label {

    display: block;

    margin-bottom: 5px

}



.swm .reattrib-wrapper ul li {

    margin: 20px 0;

    background: none;

    list-style-image: url(data:image/gif;base64,R0lGODlhCAAKAMQAAAAAAP////b29vX19fLy8ubm5uXl5d3d3dzc3Nvb29LS0tDQ0M/Pz83NzczMzMvLy////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAAIAAoAAAUxICSO44A4DzJAA8M48DIkjkEozXPARhAUjAaqFzAETzaFo3EQuB5QhgAiSAgRUxIpBAA7)

}



.swm .reattrib-wrapper .authen-cs-content-validate {

    margin: 10px 0

}



.swm .reattrib-wrapper .authen-cs-content-validate input.error {

    border-color: #c00

}



.swm .reattrib-wrapper button {

    background-color: #597893;

    color: #fff;

    padding: 10px;

    line-height: .4em;

    border: 0;

    font-size: .85em;

    text-transform: uppercase;

    display: inline-block;

    width: auto

}



.swm .reattrib-wrapper button:focus,

.swm .reattrib-wrapper button:hover {

    cursor: pointer;

    background-color: #384f61

}



.swm .reattrib-wrapper .auth-btn-action {

    background-color: #c00;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    filter: none;

    border-radius: 0;

    text-align: center

}



.swm .reattrib-wrapper .auth-btn-action:focus,

.swm .reattrib-wrapper .auth-btn-action:hover {

    background-color: #900

}



.swm .reattrib-wrapper .authen-cs-content-validate input.error+.auth-btn-action {

    background-color: #c00

}



.swm .reattrib-wrapper .swm-btn-wrapper {

    padding: 20px 0

}



.swm .reattrib-wrapper .swm-btn-wrapper #continuer_reattribution {

    float: right;

    background-color: #597893;

    box-shadow: none;

    border-radius: 0

}



.swm .reattrib-wrapper .swm-btn-wrapper .swm-btn-action-medium {

    background-color: #999;

    box-shadow: none;

    border-radius: 0

}



#echec .swm-btn-wrapper,

.swm .reattrib-wrapper #success .swm-btn-wrapper {

    text-align: center

}



.swm .reattrib-wrapper .swm-btn-wrapper .swm-btn-action-medium:focus,

.swm .reattrib-wrapper .swm-btn-wrapper .swm-btn-action-medium:hover {

    background-color: #666

}



.swm .reattrib-wrapper .error-message,

.swm .reattrib-wrapper .error-message a {

    color: #c00

}



.swm .reattrib-wrapper .mandatory {

    color: #c00;

    font-weight: 700

}



.swm .reattrib-wrapper .mandatory-fields {

    font-style: italic;

    margin-bottom: 20px;

    color: #999

}



.swm .reattrib-wrapper a {

    text-decoration: underline;

    color: #1675cc

}



.swm .reattrib-wrapper::-webkit-input-placeholder {

    font-style: normal

}



.swm .reattrib-wrapper:-moz-placeholder,

.swm .reattrib-wrapper::-moz-placeholder {

    font-style: normal

}



.swm .reattrib-wrapper:-ms-input-placeholder {

    font-style: normal

}



.swm #question_id {

    margin-left: 1em

}



.swm--isIE8 .swm .reattrib-wrapper input[type=text] {

    border: 1px solid #ccc;

    line-height: normal;

    height: 24px;

    padding: 4px 10px 0;

    box-shadow: none;

    border-radius: 0;

    vertical-align: middle

}



.swm--isIE8 .swm .reattrib-wrapper button {

    font-size: .8em

}



.swm .swm-header {

    display: none

}



.swm .module-authent-cv {

    position: relative

}



.swm .swm-popin-overlay {

    opacity: .3;

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #000;

    z-index: 1200;

    display: block

}



.swm .swm-popin-dialog {

    font-size: 12px;

    z-index: 1201;

    width: 100%;

    max-width: none;

    height: 100%;

    position: absolute;

    margin: 0 auto;

    top: 0;

    left: 0;

    text-align: center

}



.swm .swm-popin-dialog:before {

    content: "";

    height: 100%;

    width: 0;

    vertical-align: middle;

    display: inline-block

}



.swm .swm-popin-relative {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    max-width: 650px;

    width: 80%

}



.swm .swm-popin-wrapper {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    overflow: auto;

    z-index: 10000

}



.swm.ngim-mob .auth-pwd,

.swm.ngim-mob input[type=tel],

.swm.ngim-mob input[type=text] {

    box-shadow: 0 -2px 0 #b2b4b4;

    border-radius: 3px;

    padding: 10px;

    margin: 10px 0;

    font-size: .9em;

    border: 1px solid #b2b4b4

}



.swm.ngim-mob .hidden-checkbox-input {

    box-shadow: 0 -2px 0 #b2b4b4;

    border-radius: 3px;

    border: 1px solid #b2b4b4

}



.swm.ngim-mob .hidden-checkbox-label {

    padding-top: 0

}



.swm.ngim-mob .auth-pre-header {

    background-color: #282525;

    border-top: 1px solid #333;

    border-bottom: 1px solid #000;

    height: 48px;

    padding: 0 0 0 20px

}



.swm.ngim-mob .auth-global-header .auth-header {

    background-color: #f0efee;

    text-transform: uppercase;

    border-bottom: 1px solid #bfbfbf;

    text-align: left;

    height: 46px;

    display: block

}



.swm.ngim-mob .auth-pre-header .auth-cible {

    background: transparent url(../img/logo.png) no-repeat;

    -moz-background-size: 142px 25px;

    -o-background-size: 142px 25px;

    -webkit-background-size: 142px 25px;

    background-size: 142px 25px;

    width: 144px;

    height: 26px;

    margin: 10px 0

}



.swm.ngim-mob .auth-header h1 {

    line-height: 47px;

    font-size: 1em;

    font-weight: 700

}



.swm.ngim-mob .auth-header a {

    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF0AAABdCAMAAADwr5rxAAAAHlBMVEWZmZmTk5OTk5OTk5OQkJCZmZmPj4+ZmZkAAACZmZnAal59AAAACXRSTlM/yMXM7SHxHgB7LUvOAAAAr0lEQVR42u3XwQ2DMBAFUYKxN+6/YSI4TAMepIj/C3jXnd2+5qJHjx49evTo0aNHf0yvvTy9jjlquQ4+4Zfp4L+19Tr46IYOLujggg4u6OCCDi7o4IIOLujggg4u6OCCDi7o4Ib+mdc25zbVuPSjFB1e0eGdq91vfpSiwys6vNMzBS/o8IoOr+jwig6v6PCKDi/o8EJHwgsdCS90JHzrf/s3RY8ePXr06NGjR3+9fgKvIw3EDlUJjQAAAABJRU5ErkJggg==) no-repeat 50%;

    -moz-background-size: 47px 47px;

    -o-background-size: 47px 47px;

    -webkit-background-size: 47px 47px;

    background-size: 47px 47px;

    width: 47px;

    height: 46px;

    float: left;

    border-right: 1px solid #bfbfbf;

    padding-right: 8px

}



.swm.ngim-mob .auth-cs-label {

    color: #fff;

    background-color: #999;

    padding: 10px 20px;

    font-weight: 700;

    -webkit-text-stroke: .3px #999;

    margin-bottom: 18px

}



.swm.ngim-mob .auth-btn-action,

.swm.ngim-mob .swm-btn-action {

    color: #fff;

    font-weight: 400;

    background-color: #999;

    box-shadow: 0 4px 0 #797a7a;

    -moz-box-shadow: 0 4px 0 #797a7a;

    -webkit-box-shadow: 0 4px 0 #797a7a;

    filter: progid: DXImageTransform.Microsoft.Shadow(color="#797a7a", Direction=135, Strength=0);

    zoom: 1;

    border-radius: 3px;

    display: block;

    font-size: 16px;

    padding: 15px 20px;

    text-align: center;

    max-width: 300px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 100%;

    border: none;

    margin: 0 auto

}



.swm.ngim-mob .swm-btn-action {

    max-width: inherit

}



.swm.ngim-mob.ngim-mob .swm-btn-action.swm-btn-action-light {

    background-color: #bfbfbf;

    box-shadow: 0 4px 0 #999;

    -moz-box-shadow: 0 4px 0 #999;

    -webkit-box-shadow: 0 4px 0 #999;

    filter: progid: DXImageTransform.Microsoft.Shadow(color="#999", Direction=135, Strength=0)

}



.swm.ngim-mob .auth-cs-content-validate {

    margin: 0 15px

}



.img-container,

.swm.ngim-mob .keyboard {

    width: 100%;

    max-width: 300px

}



.swm.ngim-mob a.auth-btn-action {

    margin-top: 20px

}



.swm.ngim-mob a.auth-btn-action:active {

    background-color: #797a7a

}



.swm.ngim-mob button:disabled {

    background: #999 url(../img/loader.gif) no-repeat 50%;

    background-size: 25px 5px;

    color: #999;

    font-size: 0;

    line-height: 20px;

    letter-spacing: -10px;

    padding-left: 0;

    text-align: left

}



.swm.ngim-mob .auth-pre-header a {

    display: none

}



@media (max-device-width:240px) {

    .swm.ngim-mob .auth-cs-content-code-input {

        width: 100%

    }

    .swm.ngim-mob .swm-vk .auth-cs-content-code-input {

        width: inherit

    }

    .swm.ngim-mob .auth-cs-content-code .auth-picto-sup {

        margin-left: 198px

    }

}



@media (min-width:440px) and (min-height:700px) and (orientation:landscape),

(min-width:700px) and (min-height:440px) and (orientation:landscape) {

    .swm.ngim-mob .swm-btn-action {

        max-width: 300px

    }

    .swm-popin-component .swm-btn-action {

        width: 40%

    }

}



.swm.ngim-mob .swm-vk .auth-pwd {

    padding: 0 9px;

    background: transparent url(../img/input-pwd.png) no-repeat 0 1px;

    background-size: 200px auto;

    height: 38px;

    background-position: 35% -2px;

    -webkit-text-security: none;

    letter-spacing: -10px;

    color: #fff;

    font-size: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 198px;

    border-radius: 3px;

    border: 1px solid #c27a84

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-1 {

    background-position: 35% -35px

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-2 {

    background-position: 35% -68px

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-3 {

    background-position: 35% -101px

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-4 {

    background-position: 35% -132px

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-5 {

    background-position: 35% -164px

}



.swm.ngim-mob .swm-vk .auth-pwd.auth-pwd-6 {

    background-position: 35% -197px

}



.swm.ngim-mob .swm-vk .auth-picto-sup {

    margin-top: 0;

    margin-bottom: 0;

    height: 38px;

    border: none;

    z-index: 1

}



.swm.ngim-mob .oob-content {

    color: #615c5c;

    margin: 25px 20px 0

}



.swm.ngim-mob .oob-content .swm-btn-action {

    margin-top: 15px

}



.swm.ngim-mob .oob-content span.swm-highlight-light {

    color: #000

}



.swm.ngim-mob span.swm-highlight {

    color: #cf0808

}



.swm.swm-module-AuthentOOB #dcw-swm .dcw_authent .dcw_codeContainer {

    padding: 0!important

}



* {

    box-sizing: border-box;

    font-family: sourcesanspro, arial, sans-serif

}



.swm h1+h1 {

    display: none

}



.swm #dcw-swm .dcw_authent .dcw_sprite-valid {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: 0 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-error {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -26px 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-info--off {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -52px 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-cal--off {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -78px 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-chevron--left {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -114px 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-lock {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -130px 0

}



.swm #dcw-swm .dcw_authent .dcw_sprite-check {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: 0 -26px

}



.swm #dcw-swm .dcw_authent .dcw_sprite-cross {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -26px -26px

}



.swm #dcw-swm .dcw_authent .dcw_sprite-info--on {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -52px -26px

}



.swm #dcw-swm .dcw_authent .dcw_sprite-cal--on {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -78px -26px

}



.swm #dcw-swm .dcw_authent .dcw_sprite__toggle {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -104px -26px

}



.swm #dcw-swm .dcw_authent .dcw_sprite-read {

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    background-position: -130px -26px

}



.swm #dcw-swm .dcw_authent .dcw_icon {

    background: url(../img/sprite_page-etat.png) no-repeat;

    display: inline-block;

    background-size: 1183px 522px

}



.swm #dcw-swm .dcw_authent .dcw_icon-errorx3 {

    background-position: 0 0;

    width: 254px;

    height: 254px

}



.swm #dcw-swm .dcw_authent .dcw_icon-errorx2 {

    background-position: -270px 0;

    width: 169px;

    height: 169px

}



.swm #dcw-swm .dcw_authent .dcw_icon-error {

    background-position: -470px 0;

    width: 85px;

    height: 85px

}



.swm #dcw-swm .dcw_authent .dcw_icon-successx3 {

    background-position: 0 -270px;

    width: 252px;

    height: 252px

}



.swm #dcw-swm .dcw_authent .dcw_icon-successx2 {

    background-position: -271px -270px;

    width: 168px;

    height: 168px

}



.swm #dcw-swm .dcw_authent .dcw_icon-success {

    background-position: -470px -270px;

    width: 84px;

    height: 84px

}



.swm #dcw-swm .dcw_authent .dcw_icon-phonecallx3 {

    background-position: -580px 0;

    width: 603px;

    height: 125px

}



.swm #dcw-swm .dcw_authent .dcw_icon-phonecallx2 {

    background-position: -580px -134px;

    width: 403px;

    height: 84px

}



.swm #dcw-swm .dcw_authent .dcw_icon-phonecall {

    background-position: -580px -236px;

    width: 202px;

    height: 42px

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape {

    position: relative;

    margin: 2em auto!important

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol:after {

    content: "";

    clear: both;

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-2steps li {

    width: 50%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-3steps li {

    width: 33.33333%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-4steps li {

    width: 25%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-5steps li {

    width: 20%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-6steps li {

    width: 16.66667%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol.dcw_chemin_etape-7steps li {

    width: 14.28571%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li {

    float: left;

    position: relative;

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li:after {

    content: none

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-active:before {

    background-color: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-active .step-wrapper .step-number {

    background: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-active .step-wrapper .step-name {

    color: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-active .step-wrapper .dots-wrapper span {

    background-color: #333

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--echec .step-wrapper .step-name {

    color: #f05b6f

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-past:before {

    background: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-past .step-wrapper .step-number {

    background: #f05b6f

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-past .step-wrapper .step-name {

    color: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.is-past .step-wrapper .dots-wrapper span {

    background-color: #333

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes:before {

    background: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .step-wrapper .step-number {

    background: #3ac596;

    color: #3ac596;

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .step-wrapper .step-number:after {

    content: "";

    display: block;

    position: absolute;

    top: 4px;

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    background-position: 0 -26px;

    width: 26px;

    height: 26px;

    left: 3px

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .step-wrapper .step-name {

    color: #000

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .step-wrapper .dots-wrapper span {

    background-color: #333

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .dots-wrapper .dots-wrapper-1,

.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li.dcw_chemin_etape--succes .dots-wrapper .dots-wrapper-2 {

    border: 1px solid #333

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper {

    position: relative;

    text-align: center

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .step-number-block {

    padding: 10px;

    background: #fff;

    display: inline-block;

    z-index: 20;

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .step-number {

    font-weight: 700;

    background: #d8d8d8;

    color: #fff;

    text-align: center;

    width: 32px;

    height: 32px;

    padding-top: 1px;

    border-radius: 50%;

    font-size: 20px;

    display: inline-block;

    z-index: 99;

    position: relative;

    line-height: 1.4em

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .step-name {

    display: block;

    width: auto;

    color: #858f8f;

    font-weight: 600;

    font-size: 20px

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper {

    display: block;

    background-color: #fff;

    position: absolute;

    right: 50%;

    top: 25px;

    z-index: 1;

    height: 4px;

    padding-top: 1px;

    padding-left: 2px;

    margin-right: 26px

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper-2,

.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper-3 {

    margin-left: 2px

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper-3 {

    opacity: .63

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper-4 {

    margin-left: 3px;

    opacity: .5

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper-5 {

    margin-left: 4px;

    opacity: .35

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper .dots-wrapper span {

    background-color: #d8d8d8;

    float: left;

    display: block;

    width: 2px;

    height: 2px;

    padding-top: 0

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper span:last-child {

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape ol li .step-wrapper span:after {

    content: none

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape-center:before,

.swm #dcw-swm .dcw_authent .dcw_chemin_etape-right:before {

    content: "";

    background-color: #d8d8d8;

    position: absolute;

    top: 26px;

    display: block;

    width: 100%;

    height: 2px;

    right: 50%

}



.swm #dcw-swm .dcw_authent .dcw_chemin_etape-center.is-active:before,

.swm #dcw-swm .dcw_authent .dcw_chemin_etape-right.is-active:before {

    background-color: #333

}



@font-face {

    font-family: sourcesanspro;

    src: url(../fonts/sourcesanspro-regular.eot), url(../fonts/sourcesanspro-regular.woff) format("woff"), url(../fonts/sourcesanspro-regular.woff2) format("woff2"), url(../fonts/sourcesanspro-regular.otf) format("truetype"), url(../fonts/sourcesanspro-regular.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-regular.svg#sourcesanspro) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: sourcesanspro;

    src: url(../fonts/sourcesanspro-semibold.eot), url(../fonts/sourcesanspro-semibold.woff) format("woff"), url(../fonts/sourcesanspro-semibold.woff2) format("woff2"), url(../fonts/sourcesanspro-semibold.otf) format("truetype"), url(../fonts/sourcesanspro-semibold.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-semibold.svg#sourcesanspro) format("svg");

    font-weight: 600;

    font-style: normal

}



@font-face {

    font-family: sourcesanspro;

    src: url(../fonts/sourcesanspro-bold.eot), url(../fonts/sourcesanspro-bold.woff) format("woff"), url(../fonts/sourcesanspro-bold.woff2) format("woff2"), url(../fonts/sourcesanspro-bold.otf) format("truetype"), url(../fonts/sourcesanspro-bold.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-bold.svg#sourcesanspro) format("svg");

    font-weight: 700;

    font-style: normal

}



@font-face {

    font-family: sourcesanspro;

    src: url(../fonts/sourcesanspro-light.eot), url(../fonts/sourcesanspro-light.woff) format("woff"), url(../fonts/sourcesanspro-light.woff2) format("woff2"), url(../fonts/sourcesanspro-light.otf) format("truetype"), url(../fonts/sourcesanspro-light.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcesanspro-light.svg#sourcesanspro) format("svg");

    font-weight: 300;

    font-style: normal

}



@font-face {

    font-family: SGicons;

    src: local("SGicons"), url(../fonts/SGicons.eot);

    src: local("SGicons"), url(../fonts/SGicons.eot?#iefix) format("embedded-opentype"), url(../fonts/SGicons.woff) format("woff"), url(../fonts/SGicons.ttf) format("truetype");

    font-weight: 400;

    font-style: normal

}



.swm #dcw-swm .dcw_authent .sgicon {

    font-family: SGicons;

    display: inline-block;

    vertical-align: middle;

    line-height: 1;

    font-weight: 400;

    font-style: normal;

    speak: none;

    text-decoration: inherit;

    text-transform: none;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.swm #dcw-swm .dcw_authent .sgicon-about:before {

    content: "\f101"

}



.swm #dcw-swm .dcw_authent .sgicon-account:before {

    content: "\f102"

}



.swm #dcw-swm .dcw_authent .sgicon-activity:before {

    content: "\f103"

}



.swm #dcw-swm .dcw_authent .sgicon-advice:before {

    content: "\f104"

}



.swm #dcw-swm .dcw_authent .sgicon-agence:before {

    content: "\f105"

}



.swm #dcw-swm .dcw_authent .sgicon-ajout_beneficiaire:before {

    content: "\f106"

}



.swm #dcw-swm .dcw_authent .sgicon-alerte:before {

    content: "\f107"

}



.swm #dcw-swm .dcw_authent .sgicon-animaux:before {

    content: "\f108"

}



.swm #dcw-swm .dcw_authent .sgicon-arrow-down:before {

    content: "\f109"

}



.swm #dcw-swm .dcw_authent .sgicon-arrow-left:before {

    content: "\f10a"

}



.swm #dcw-swm .dcw_authent .sgicon-arrow-right:before {

    content: "\f10b"

}



.swm #dcw-swm .dcw_authent .sgicon-arrow-up:before {

    content: "\f10c"

}



.swm #dcw-swm .dcw_authent .sgicon-attachment:before {

    content: "\f10d"

}



.swm #dcw-swm .dcw_authent .sgicon-autre:before {

    content: "\f10e"

}



.swm #dcw-swm .dcw_authent .sgicon-barchart:before {

    content: "\f10f"

}



.swm #dcw-swm .dcw_authent .sgicon-bourse:before {

    content: "\f110"

}



.swm #dcw-swm .dcw_authent .sgicon-bullet:before {

    content: "\f111"

}



.swm #dcw-swm .dcw_authent .sgicon-calendrier:before {

    content: "\f112"

}



.swm #dcw-swm .dcw_authent .sgicon-call-outline:before {

    content: "\f113"

}



.swm #dcw-swm .dcw_authent .sgicon-call:before {

    content: "\f114"

}



.swm #dcw-swm .dcw_authent .sgicon-card:before {

    content: "\f115"

}



.swm #dcw-swm .dcw_authent .sgicon-close:before {

    content: "\f116"

}



.swm #dcw-swm .dcw_authent .sgicon-code_lock:before {

    content: "\f117"

}



.swm #dcw-swm .dcw_authent .sgicon-code_reset:before {

    content: "\f118"

}



.swm #dcw-swm .dcw_authent .sgicon-config:before {

    content: "\f119"

}



.swm #dcw-swm .dcw_authent .sgicon-confirmation-v2:before {

    content: "\f11a"

}



.swm #dcw-swm .dcw_authent .sgicon-confirmation:before {

    content: "\f11b"

}



.swm #dcw-swm .dcw_authent .sgicon-contextual_menu-close:before {

    content: "\f11c"

}



.swm #dcw-swm .dcw_authent .sgicon-contextual_menu-open:before {

    content: "\f11d"

}



.swm #dcw-swm .dcw_authent .sgicon-document:before {

    content: "\f11e"

}



.swm #dcw-swm .dcw_authent .sgicon-dustbin:before {

    content: "\f11f"

}



.swm #dcw-swm .dcw_authent .sgicon-edit:before {

    content: "\f120"

}



.swm #dcw-swm .dcw_authent .sgicon-email_attachment:before {

    content: "\f121"

}



.swm #dcw-swm .dcw_authent .sgicon-en_cours_cb:before {

    content: "\f122"

}



.swm #dcw-swm .dcw_authent .sgicon-erreur:before {

    content: "\f123"

}



.swm #dcw-swm .dcw_authent .sgicon-euro:before {

    content: "\f124"

}



.swm #dcw-swm .dcw_authent .sgicon-favorite:before {

    content: "\f125"

}



.swm #dcw-swm .dcw_authent .sgicon-first:before {

    content: "\f126"

}



.swm #dcw-swm .dcw_authent .sgicon-gdb:before {

    content: "\f127"

}



.swm #dcw-swm .dcw_authent .sgicon-habitation:before {

    content: "\f128"

}



.swm #dcw-swm .dcw_authent .sgicon-help:before {

    content: "\f129"

}



.swm #dcw-swm .dcw_authent .sgicon-home:before {

    content: "\f12a"

}



.swm #dcw-swm .dcw_authent .sgicon-hors_budget:before {

    content: "\f12b"

}



.swm #dcw-swm .dcw_authent .sgicon-identifiant-2:before {

    content: "\f12c"

}



.swm #dcw-swm .dcw_authent .sgicon-identifiant:before {

    content: "\f12d"

}



.swm #dcw-swm .dcw_authent .sgicon-impots:before {

    content: "\f12e"

}



.swm #dcw-swm .dcw_authent .sgicon-info-v2:before {

    content: "\f12f"

}



.swm #dcw-swm .dcw_authent .sgicon-info:before {

    content: "\f130"

}



.swm #dcw-swm .dcw_authent .sgicon-invest:before {

    content: "\f131"

}



.swm #dcw-swm .dcw_authent .sgicon-letter:before {

    content: "\f132"

}



.swm #dcw-swm .dcw_authent .sgicon-location:before {

    content: "\f133"

}



.swm #dcw-swm .dcw_authent .sgicon-logout:before {

    content: "\f134"

}



.swm #dcw-swm .dcw_authent .sgicon-loisirs:before {

    content: "\f135"

}



.swm #dcw-swm .dcw_authent .sgicon-mail:before {

    content: "\f136"

}



.swm #dcw-swm .dcw_authent .sgicon-menu:before {

    content: "\f137"

}



.swm #dcw-swm .dcw_authent .sgicon-message:before {

    content: "\f138"

}



.swm #dcw-swm .dcw_authent .sgicon-minus:before {

    content: "\f139"

}



.swm #dcw-swm .dcw_authent .sgicon-mobile:before {

    content: "\f13a"

}



.swm #dcw-swm .dcw_authent .sgicon-ok:before {

    content: "\f13b"

}



.swm #dcw-swm .dcw_authent .sgicon-openbox:before {

    content: "\f13c"

}



.swm #dcw-swm .dcw_authent .sgicon-operations_comptabilisees:before {

    content: "\f13d"

}



.swm #dcw-swm .dcw_authent .sgicon-patrimoine:before {

    content: "\f13e"

}



.swm #dcw-swm .dcw_authent .sgicon-payment:before {

    content: "\f13f"

}



.swm #dcw-swm .dcw_authent .sgicon-percent:before {

    content: "\f140"

}



.swm #dcw-swm .dcw_authent .sgicon-plane:before {

    content: "\f141"

}



.swm #dcw-swm .dcw_authent .sgicon-plus:before {

    content: "\f142"

}



.swm #dcw-swm .dcw_authent .sgicon-question:before {

    content: "\f143"

}



.swm #dcw-swm .dcw_authent .sgicon-rib:before {

    content: "\f144"

}



.swm #dcw-swm .dcw_authent .sgicon-roue:before {

    content: "\f145"

}



.swm #dcw-swm .dcw_authent .sgicon-route:before {

    content: "\f146"

}



.swm #dcw-swm .dcw_authent .sgicon-salaires:before {

    content: "\f147"

}



.swm #dcw-swm .dcw_authent .sgicon-sante-2:before {

    content: "\f148"

}



.swm #dcw-swm .dcw_authent .sgicon-sante:before {

    content: "\f149"

}



.swm #dcw-swm .dcw_authent .sgicon-sgv:before {

    content: "\f14a"

}



.swm #dcw-swm .dcw_authent .sgicon-shield:before {

    content: "\f14b"

}



.swm #dcw-swm .dcw_authent .sgicon-status:before {

    content: "\f14c"

}



.swm #dcw-swm .dcw_authent .sgicon-suivi_transfert_et_virement:before {

    content: "\f14d"

}



.swm #dcw-swm .dcw_authent .sgicon-swap:before {

    content: "\f14e"

}



.swm #dcw-swm .dcw_authent .sgicon-time:before {

    content: "\f14f"

}



.swm #dcw-swm .dcw_authent .sgicon-tools:before {

    content: "\f150"

}



.swm #dcw-swm .dcw_authent .sgicon-transfert:before {

    content: "\f151"

}



.swm #dcw-swm .dcw_authent .sgicon-transfert_par_sms:before {

    content: "\f152"

}



.swm #dcw-swm .dcw_authent .sgicon-transport:before {

    content: "\f153"

}



.swm #dcw-swm .dcw_authent .sgicon-unclassified:before {

    content: "\f154"

}



.swm #dcw-swm .dcw_authent .sgicon-user:before {

    content: "\f155"

}



.swm #dcw-swm .dcw_authent .sgicon-validation:before {

    content: "\f156"

}



.swm #dcw-swm .dcw_authent .sgicon-versement_sur_pel:before {

    content: "\f157"

}



.swm #dcw-swm .dcw_authent .sgicon-video:before {

    content: "\f158"

}



.swm #dcw-swm .dcw_authent .sgicon-vie_quotidienne:before {

    content: "\f159"

}



.swm #dcw-swm .dcw_authent .sgicon-virement_permanent:before {

    content: "\f15a"

}



.swm #dcw-swm .dcw_authent {

    margin: 0 auto;

    display: block

}



.swm #dcw-swm .espaceProspect {

    margin: 0 auto;

    display: block;

    background-color: #fff

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer {

    text-align: left;

    vertical-align: top;

    padding: 2em 1em

}



.swm #dcw-swm .dcw_authent.espaceProspect .dcw_codeContainer {

    padding: 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block.dcw_block-input {

    max-width: 450px;

    margin: 0 auto

}



.swm #dcw-swm .dcw_authent.espaceProspect .dcw_codeContainer .dcw_block.dcw_block-input {

    max-width: 450px;

    margin: 0 auto 3rem

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block.dcw_block-text {

    text-align: center

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer #codCl .content_corps-de-page .dcw_block .dcw_block-element,

.swm.swm-page-authent #dcw-swm .dcw_authent .dcw_codeContainer #codCl .content_corps-de-page .dcw_block .dcw_block-element {

    position: relative;

    margin-bottom: 1.75em;

    max-width: none

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element-eer {

    position: relative;

    margin-bottom: 1.75em;

    margin-top: 1.75em

}



.swm #img_clavier {

    margin: 0 auto!important

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_to-clear {

    cursor: pointer

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .switch {

    position: relative;

    width: 60px;

    height: 26px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 1.75em;

    margin-right: .625em

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .switch+span {

    color: #858f8f;

    font-weight: 700;

    vertical-align: middle

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .rep {

    position: absolute;

    z-index: 10;

    top: 50%;

    margin-top: -10px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .rep:after {

    content: "";

    position: absolute;

    top: 0;

    left: 30px;

    color: #fff

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element input[type=checkbox]#saveId {

    position: absolute;

    left: -9999px;

    opacity: 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .labelSwitch {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    display: block;

    font-size: 14px;

    cursor: pointer;

    margin: auto;

    line-height: normal

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element input[type=password],

.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element input[type=text] {

    box-shadow: none;

    border: none;

    border-bottom: 1px solid #999;

    height: auto;

    font-size: 1.313em;

    text-align: left;

    padding: 15px 35px 15px 10px;

    width: 100%

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element input#codeSecret {

    border-bottom: none;

    margin-top: -1rem;

    height: 40px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .labelSwitch:focus {

    outline: auto

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .labelSwitch:after {

    content: "";

    position: absolute;

    top: 1px;

    left: 0;

    width: 8px;

    height: 8px;

    background: #899393;

    border-radius: 50px;

    border: 8px solid #fff;

    transition: all .2s;

    box-shadow: 0 0 0 1px #d8d8d8

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element #saveId:checked+.labelSwitch:after {

    left: 35px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element #saveId:checked+.labelSwitch:before {

    content: "oui";

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    background: #66cf91;

    border-radius: 50px;

    text-align: right;

    color: #fff;

    box-sizing: border-box;

    padding-left: 0;

    padding-right: 30px;

    line-height: 25px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .labelSwitch:before {

    background: #d8d8d8;

    content: "non";

    text-align: left;

    color: #899393;

    box-sizing: border-box;

    padding-left: 27px;

    line-height: 25px;

    position: absolute;

    display: inline-block;

    width: 100%;

    height: 100%;

    border-radius: 50px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element #saveId:checked+.labelSwitch+.rep:after {

    left: 10px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_switch+span {

    font-weight: 700;

    color: #858f8f;

    vertical-align: middle;

    display: inline-block;

    margin-right: .625em

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover {

    display: inline-block;

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover.dcw_input-info {

    z-index: 20

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin:after {

    content: "";

    right: 145px;

    bottom: auto;

    top: -9px;

    left: auto;

    border: 1px solid #dadada;

    border-right: 0;

    border-bottom: 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin {

    display: none;

    top: 50px;

    bottom: auto;

    border-radius: 5px;

    border: 1px solid #d4d8d8;

    text-align: left;

    padding: 1em;

    background-color: #fff;

    font-size: .875em;

    position: absolute;

    z-index: 1;

    min-width: 470px;

    width: 50%;

    left: -300px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_conteneur_clavier {

    width: 240px;

    text-align: center;

    margin: auto auto 0;

    border: 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_conteneur_clavier.sonore {

    width: 280px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_conteneur_clavier-5x5 {

    width: 285px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_conteneur_clavier span.dcw_clavier {

    background-size: 60px 60px;

    vertical-align: middle;

    width: 60px;

    height: 60px;

    display: inline-block;

    cursor: pointer

}



.swm #dcw-swm .dcw_authent input[type=text],

.swm dcw_authent .auth-pwd,

.swm dcw_authent input[type=tel] {

    margin: initial

}



.swm #dcw-swm .dcw_authent .dcw_icone {

    background-image: url(../img/spriteV4.png);

    background-image: url(../img/spriteV4-mini.png)\9;

    background-size: 440px 325px

}



section.dcw_enTete div.dcw_block.dcw_banniere {

    background-color: #894d82\9;

    background-image: linear-gradient(90deg, #a0507e, #334292);

    background-image: -webkit-linear-gradient(90deg, #a0507e, #334292);

    background-image: -moz-linear-gradient(to right, #a0507e, #334292);

    background-image: -o-linear-gradient(to right, #a0507e, #334292);

    filter: none;

    height: 100px;

    position: relative

}



section.dcw_enTete div.dcw_block.dcw_banniere h1 {

    color: #fff;

    font-weight: 700;

    font-size: 2.188em;

    margin-top: 40px;

    vertical-align: bottom;

    display: inline-block;

    margin-left: 12%;

    margin-bottom: .625em

}



section.dcw_enTete div.dcw_block.dcw_banniere:after {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-color: #894d82 transparent transparent;

    border-style: solid;

    border-width: 30px 30px 0;

    position: absolute;

    left: 20%;

    top: 100px;

    z-index: 1

}



section.dcw_enTete div.dcw_block.dcw_msgalerte {

    color: #fff;

    background-color: #3b4357;

    padding: 3% 28% 3% 18%;

    position: relative;

    white-space: nowrap

}



section.dcw_enTete div.dcw_block.dcw_msgalerte .dcw_fermer {

    background-position: -110px -37px;

    display: inline-block;

    width: 30px;

    height: 30px;

    top: 10px;

    right: 12%;

    position: absolute

}



section.dcw_enTete div.dcw_block.dcw_msgalerte .dcw_attention {

    background-position: -7px -142px;

    background-size: 920px 700px;

    background-image: url(../img/spriteV4.png)\9;

    display: inline-block;

    width: 50px;

    height: 50px;

    margin-right: 1.75em;

    vertical-align: middle

}



section.dcw_enTete div.dcw_block.dcw_msgalerte div.dcw_block-element {

    display: inline-block;

    vertical-align: middle;

    white-space: normal

}



section.dcw_enTete div.dcw_block.dcw_msgalerte div.dcw_block-element p.dcw_gras {

    font-weight: 700;

    font-size: .9em

}



section.dcw_enTete div.dcw_block.dcw_msgalerte div.dcw_block-element p {

    color: #fff;

    line-height: 22px;

    font-size: .9em

}



@media screen and (max-width:900px) {

    section.dcw_enTete div.dcw_block.dcw_banniere {

        height: auto

    }

    section.dcw_enTete div.dcw_block.dcw_banniere h1 {

        font-size: 1.313em;

        margin: 1.5625em 1em;

        font-weight: 600

    }

    section.dcw_enTete div.dcw_block.dcw_banniere:after {

        border-width: 15px 18px 0;

        left: 10%;

        bottom: 0;

        margin: -30px 0 0

    }

    section.dcw_enTete div.dcw_block.dcw_msgalerte {

        padding: 2% 5% 2% 2%;

        display: none

    }

    section.dcw_enTete div.dcw_block.dcw_msgalerte .dcw_fermer {

        right: 5px;

        top: 5px

    }

    section.dcw_enTete div.dcw_block.dcw_msgalerte .dcw_attention {

        background-position: -8px -87px;

        background-size: 520px 400px;

        width: 20px;

        height: 20px;

        margin-right: .625em

    }

    section.dcw_enTete div.dcw_block.dcw_msgalerte div.dcw_block-element {

        font-size: .9em

    }

    section.dcw_enTete div.dcw_block.dcw_msgalerte div.dcw_block-element p {

        line-height: 18px;

        white-space: normal

    }

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer {

    border-left: 1px solid #979797;

    padding: 3em 5.25em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent {

    margin-bottom: 3.125em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent h2 {

    font-size: 1.375em;

    font-weight: 700;

    margin-bottom: .875em;

    line-height: 1.5em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent span {

    color: #f05b6f;

    font-size: 1.5em;

    margin-right: .625em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent a {

    text-decoration: none;

    color: #000

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent p {

    line-height: 1.33em;

    font-size: 1.125em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent>p {

    margin-bottom: 1.75em

}



.swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent ul li {

    liste-style-type: none

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_authent {

        margin-top: 1em

    }

    .swm .dcw_authent>div {

        width: 100%

    }

    .swm #dcw-swm .dcw_authent .dcw_infoContainer {

        border: none;

        margin: 0;

        width: auto;

        display: block;

        background-color: #f0f0f0

    }

    .swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent h2 {

        font-weight: 600;

        line-height: 1.5em

    }

    .swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent p {

        line-height: 1.5em;

        font-size: 1em

    }

    .swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent>p {

        margin-bottom: .875em

    }

    .swm #dcw-swm .dcw_authent .dcw_infoContainer .dcw_infoContent a {

        font-weight: 600

    }

}



.swm #dcw-swm .dcw_authent .dcw_input-container {

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_input {



}



.swm #dcw-swm .dcw_authent .dcw_input:valid {

    border-color: #333;

    color: #333

}



.swm #dcw-swm .dcw_authent .dcw_input:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .dcw_input~label {

    color: #858f8f;

    font-size: 18px;

    position: absolute;

    left: 10px;

    top: 19px

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-1~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-2~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-3~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-4~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-5~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input.auth-pwd-6~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .auth-cs-content-code-input {

    width: 300px;

    padding: 0

}



.swm #dcw-swm .dcw_authent .auth-cs-content>span {

    overflow: initial

}



.swm #dcw-swm .dcw_authent .hidden-checkbox-label {

    vertical-align: inherit;

    padding-left: 0

}



.swm #dcw-swm .dcw_authent .dcw_input.is_invalid~label,

.swm #dcw-swm .dcw_authent .dcw_input.is_valid~label,

.swm #dcw-swm .dcw_authent .dcw_input:focus~label,

.swm #dcw-swm .dcw_authent .dcw_input:not(:empty)~label,

.swm #dcw-swm .dcw_authent .dcw_input:valid~label,

.swm #dcw-swm .dcw_authent .dcw_input~.label_up {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .dcw_input:placeholder-shown~label {

    top: 19px

}



.swm #dcw-swm .dcw_authent .dcw_input:focus~label {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .dcw_authent .correspondance_invalid,

.swm #dcw-swm .dcw_authent .email_not_exist,

.swm #dcw-swm .dcw_authent .mdp_not_exist,

.swm #dcw-swm .dcw_authent .text_is_invalid {

    display: none;

    color: red;

    font-size: .8em

}



.swm #dcw-swm .dcw_authent .dcw_input.is_invalid~span.text_is_invalid {

    display: inline;

    color: #e82d50;

    font-size: 14px;

    font-weight: 600;

    height: 30px;

    line-height: 30px;

    padding: 14px 0 0 10px

}



.swm #js-error-oob .error-wrapper {

    padding: 12px;

    text-align: center

}



.swm #dcw-swm .dcw_authent .dcw_input~.bar {

    position: relative;

    display: block;

    width: 100%

}



.swm #dcw-swm .dcw_authent .auth-cs-content-code-input .bar {

    display: none

}



.dcw_input~.bar:after,

.swm #dcw-swm .dcw_authent .dcw_input~.bar:before {

    content: "";

    height: 2px;

    width: 0;

    bottom: 0;

    position: absolute;

    background: #333;

    transition: all .2s ease;

    -moz-transition: .2s ease all;

    -webkit-transition: all .2s ease

}



.swm #dcw-swm .dcw_authent .dcw_input~.bar:before {

    left: 50%

}



.swm #dcw-swm .dcw_authent .dcw_input~.bar:after {

    right: 50%

}



.dcw_input.is_invalid~.bar:after,

.dcw_input.is_invalid~.bar:before,

.dcw_input:focus~.bar:after,

.swm #dcw-swm .dcw_authent .dcw_input:focus~.bar:before {

    width: 50%

}



.dcw_input.is_invalid~.bar:after,

.swm #dcw-swm .dcw_authent .dcw_input.is_invalid~.bar:before {

    background: #e82d50

}



.swm #dcw-swm .dcw_authent .dcw_input~.info_saisie_euros {

    display: none;

    position: absolute;

    font-size: 23px;

    width: 60px;

    right: 0;

    top: 15px;

    color: #9a9a9a;

    text-align: left

}



.swm #dcw-swm .dcw_authent .dcw_input:focus~.info_saisie_euros {

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_input~.small {

    margin-top: 6px

}



.swm #dcw-swm .dcw_authent .dcw_input.is_invalid~.small {

    color: #e82d50

}



.swm #dcw-swm .dcw_authent .dcw_input~.dcw_sprite {

    position: absolute;

    top: 18px;

    right: 5px;

    background: url(../img/new_sprite.png) no-repeat;

    background-size: 156px 52px;

    margin-right: 5px;

    width: 26px;

    height: 26px;

    opacity: 0

}



.swm #codeSecret-delete {

    right: 30px!important

}



.swm #dcw-swm .dcw_authent .dcw_input.is_invalid~.dcw_sprite {

    background-position: -26px 0;

    opacity: 1

}



.swm #dcw-swm .dcw_authent .dcw_input.is_valid~.dcw_sprite {

    background-position: 0 0;

    opacity: 1

}



.swm #dcw-swm .dcw_authent .dcw_input.grey_cross~.dcw_sprite {

    background-position: -26px -32px;

    opacity: 1

}



.swm #dcw-swm .dcw_authent .eer_input__field.is-valid~.dcw_sprite {

    background-position: 0 0;

    pointer-events: none

}



.swm #dcw-swm .dcw_authent .eer_input__field.is-invalid~.dcw_sprite {

    background-position: -1.625rem 0

}



textarea.dcw_input {

    font-size: 18px;

    line-height: 28px

}



.swm #dcw-swm .dcw_authent .dcw_input-info {

    position: absolute;

    right: -45px;

    top: 18px;

    height: 40px;

    width: 40px;

    text-align: center

}



.dcw_input-info:focus,

.swm #dcw-swm .dcw_authent .dcw_input-info:hover {

    cursor: pointer

}



.dcw_input-info:focus .dcw_sprite-info--off,

.swm #dcw-swm .dcw_authent .dcw_input-info:hover .dcw_sprite-info--off {

    background-position: -52px -26px

}



.dcw_input-info:focus .dcw_sprite-info--off+.dcw_infobulle,

.swm #dcw-swm .dcw_authent .dcw_input-info:hover .dcw_sprite-info--off+.dcw_infobulle {

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_input-info .dcw_infobulle {

    display: none;

    position: absolute;

    background: #fff;

    border: 1px solid #dadada;

    padding: 1em 1.5em;

    bottom: 55px;

    left: -80px;

    width: 475px;

    border-radius: 5px

}



.swm #dcw-swm .dcw_authent .dcw_input-info .dcw_infobulle:after {

    content: "";

    position: absolute;

    background: #fff;

    border: 1px solid #dadada;

    transform: rotate(45deg);

    border-left: 0;

    border-top: 0;

    bottom: -9px;

    left: 87px;

    display: block;

    width: 15px;

    height: 15px

}



.swm #dcw-swm .dcw_authent [class^=dcw_button] {

    position: relative;

    text-align: center;

    text-decoration: none;

    font-weight: 600;

    min-height: 35px;

    padding: 0 25px;

    cursor: pointer;

    border-radius: 8px;

    width: 206px;

    margin: 20px auto;

    box-shadow: none;

    height: auto;

    line-height: 3em;

    font-size: 17px;

    display: block

}



.swm #dcw-swm .dcw_authent .dcw_button-principal {

    color: #fff;

    border: 0;

    background: #e9041e;

    border-radius: 50px!important;

    width: 228px!important

}



.dcw_button-principal:focus,

.swm #dcw-swm .dcw_authent .dcw_button-principal:hover {

    background: #ee425b

}



@media only screen and (max-width:768px) {

    .swm #dcw-swm .dcw_authent .dcw_button-principal {

        width: 244px;

        font-weight: 600;

        font-size: 1.3em

    }

}



.swm #dcw-swm .dcw_authent .dcw_button-secondaire {

    background: #fff;

    border: 2px solid #f05b6f;

    color: #f05b6f

}



.dcw_button-secondaire:focus,

.swm #dcw-swm .dcw_authent .dcw_button-secondaire:hover {

    background: #f0f0f0

}



.swm #dcw-swm .oob-popin {

    padding-bottom: 65px

}



.swm .swm-popin-ombre-inf,

.swm .swm-popin-ombre-lat,

.swm .swm-popin-ombre-sup {

    background-image: none

}



.swm .swm-popin {

    border-radius: 10px;

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2)

}



@media only screen and (max-width:768px) {

    .swm #dcw-swm .dcw_authent .dcw_button-secondaire {

        background-color: #fff;

        border: 2px solid #f05b6f;

        color: #f05b6f;

        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)

    }

    .swm #dcw-swm .oob-btn-abandonner,

    .swm #dcw-swm .oob-btn-continuer,

    .swm #dcw-swm .oob-btn-droite {

        float: none

    }

    .swm #dcw-swm .oob-fond-couleur {

        margin-bottom: 10px

    }

    .swm #dcw-swm .oob-popin {

        padding-bottom: 15px

    }

    .swm #dcw-swm .oob-btn-gauche {

        float: none

    }

}



.swm #dcw-swm .dcw_authent .dcw_button-secondaire--gris {

    background: #d8d8d8;

    color: #4a4a4a;

    border: 0

}



.dcw_button-secondaire--gris:focus,

.swm #dcw-swm .dcw_authent .dcw_button-secondaire--gris:hover {

    background: #c2c2c2;

    color: #333

}



.swm #dcw-swm .dcw_authent .dcw_button-secondaire--linear-gris {

    background: #fff;

    color: #333;

    border: 2px solid #333

}



.dcw_button-secondaire--linear-gris:focus,

.swm #dcw-swm .dcw_authent .dcw_button-secondaire--linear-gris:hover {

    background: #f0f0f0;

    color: #333

}



.swm #dcw-swm .dcw_authent .dcw_button-arrondi {

    border-radius: 23px;

    height: 46px;

    line-height: 2em

}



.dcw_select_block,

.swm #dcw-swm .dcw_authent .dcw_select {

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_select_titre {

    padding: 14px 40px 13px 10px;

    display: block;

    width: 100%;

    border: none;

    border-bottom: 2px solid #858f8f;

    cursor: pointer;

    background: #fff;

    color: #858f8f;

    font-size: 18px

}



.swm #dcw-swm .dcw_authent .dcw_select_titre+.dcw_sprite__toggle {

    transition: transform .4s

}



.swm #dcw-swm .dcw_authent .dcw_select_titre[aria-expanded=true]+.dcw_sprite__toggle {

    transform: translateY(-50%) rotate(180deg)

}



.swm #dcw-swm .dcw_authent .dcw_sprite__toggle {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 10px;

    margin-right: 0;

    color: #333;

    font-size: 1.6em

}



.swm #dcw-swm .dcw_authent .dcw_select .toggle_content {

    margin: 0;

    border: 1px solid #dadada;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    max-height: 220px;

    overflow: auto;

    position: absolute;

    width: 100%;

    background: #fff;

    z-index: 99;

    padding: 0

}



.swm #dcw-swm .dcw_authent .dcw_select .toggle_content li {

    padding: 11px 15px;

    cursor: pointer;

    transition: background-color .3s

}



.dcw_select .toggle_content li:focus,

.swm #dcw-swm .dcw_authent .dcw_select .toggle_content li:hover {

    background: #f1f1f1

}



.swm #dcw-swm .dcw_csetape {

    margin-top: 0

}



.swm #dcw-swm .dcw_csetape>div {

    display: block;

    width: auto;

    text-align: center

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer {

    margin: 0 auto

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer {

        padding: 1em

    }

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer h2 {

    font-size: 1.5em;

    margin-bottom: .875em;

    line-height: 1.5em;

    font-weight: 600

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer h2 span {

    font-size: 2.25rem;

    display: block;

    line-height: 1.3

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer h3 {

    font-size: 1.5em;

    line-height: 1.5em;

    font-weight: 400

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer h3+p {

    line-height: 1.3em

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_input-info+span {

    color: #858f8f;

    display: inline-block;

    vertical-align: middle;

    font-size: 1em;

    font-weight: 700

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_text-required {

    font-size: .75em;

    font-weight: 700;

    display: block;

    max-width: 450px;

    margin: 0 auto;

    margin: 4rem auto 2rem;

    font-size: 1rem;

    font-weight: 400

}



.swm #dcw-swm .dcw_authent.dcw_csetape .dcw_block-element+.dcw_block.dcw_block-input {

    margin: 1.5rem auto 0

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_input--small {

    width: 50%!important;

    min-width: 200px

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_chemin_etape-3steps {

    max-width: 630px;

    margin: 0 auto

}



.swm .dcw_csetape .dcw_codeContainer .dcw_chemin_etape-4steps {

    max-width: 700px;

    margin: 0 auto

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover {

    display: inline-block;

    position: relative

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover.dcw_input-info {

    top: 0;

    right: 0

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin:after {

    content: "";

    right: auto;

    bottom: -9px;

    top: auto;

    left: 89px;

    border: 1px solid #dadada;

    border-top: 0;

    border-left: 0

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin:after {

        left: 2px

    }

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin {

    display: none;

    top: auto;

    bottom: 60px;

    border: 1px solid #d4d8d8;

    width: 50%;

    left: -80px

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin {

        border-radius: 5px 5px 5px 0

    }

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin p {

    font-weight: 400;

    line-height: 20px

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin .dcw_espace {

    margin-bottom: .625em

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin button {

    margin: 0

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat {

    color: #333

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat .dcw_codeContainer {

    margin: 0 auto;

    padding: 0

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat h2 {

    font-size: 1.75em;

    font-weight: 700;

    margin: 1.75em auto;

    line-height: 1.75em

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat>div {

    display: block;

    width: auto;

    text-align: center

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat .dcw_authent-legend {

    font-size: .875em;

    padding-top: 1.5em

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat p {

    font-size: 1.125em;

    margin-bottom: 1.75em

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat .dcw_block-button {

    padding-top: 1px

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_authent.dcw_authent-etat h2 {

        line-height: 1em

    }

    .swm #dcw-swm .dcw_authent.dcw_authent-etat h2 span {

        line-height: 1em;

        padding-bottom: .5em

    }

    .swm #dcw-swm .dcw_authent.dcw_authent-etat .dcw_codeContainer,

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer {

        padding: 1em

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block.dcw_block-input {

        margin: 0 1rem 3rem;

        max-width: none

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer #codCl .content_corps-de-page .dcw_block.dcw_block-input {

        margin: 0 auto;

        max-width: 450px

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block.dcw_block-input>* {

        margin: 0

    }

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element h2 {

        line-height: 1em;

        margin: 3rem 0 2rem

    }

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element h2 span {

        line-height: 1em;

        padding-bottom: .5em

    }

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element h3 {

        line-height: 1em

    }

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin:after {

        left: 2px

    }

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin {

        border-radius: 5px 5px 5px 0

    }

}



@media screen and (max-width:450px) {

    .swm #dcw-swm .dcw_authent .dcw_codeContainer #codCl .content_corps-de-page .dcw_block.dcw_block-input {

        margin: 0 1rem 3rem;

        max-width: 450px

    }

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent {

    width: 360px;

    padding-bottom: 0;

    left: 50%

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent,

.swm #dcw-swm .dcw_authent .dcw_popinAuthentForte {

    border-radius: 10px;

    background-color: #fff;

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2);

    border: 1px solid #eaeaea;

    position: fixed;

    transform: translate(-50%)

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthentForte {

    width: 39rem

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthentForte.codeClient {

    width: 25rem

}



.swm #dcw-swm .dcw_authent #sign-content #closeKeyBoard {

    top: -117px;

    right: -10px

}



.swm #dcw-swm .dcw_authent #sign-content #closeKeyBoard,

.swm #dcw-swm .dcw_authent .dcw_reauthentification #closeKeyBoard {

    content: "";

    position: absolute;

    background: url(../img/icones2.png) no-repeat -372px -7px;

    width: 25px;

    height: 24px;

    cursor: pointer;

    border: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none

}



.swm #dcw-swm .dcw_authent .dcw_reauthentification #closeKeyBoard {

    top: 5px;

    right: 5px

}



.swm #dcw-swm .dcw_authent #clavier #closeKeyBoard {

    display: none

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent .dcw_block-text h3 {

    font-size: 1.5rem;

    font-weight: 400;

    line-height: 1.25em;

    text-align: center;

    margin-top: 2rem

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent .dcw_block-text .dcw_sign h3 {

    font-size: 1rem;

    line-height: 1.25

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent .dcw_block-text .dcw_reauthentification h3 {

    font-size: 1.5rem;

    line-height: 1.3;

    margin: 2rem 2rem 0

}



.swm .dcw_reauthentification-footer {

    margin: 1rem 1rem 3rem;

    text-align: center

}



.swm .dcw_block .dcw_block-element .dcw_infohover.dcw_input-info {

    cursor: pointer

}



.swm .csa-sprite-btn-retour {

    height: 33px;

    background: none

}



.swm .swm-popin-btn-erreur button.swm-btn_primary.csa-cdn-ok {

    border: 2px solid #dedede;

    color: #333;

    background-color: #dedede

}



.swm .swm-popin-btn-erreur button.swm-btn_primary.csa-cdn-ok:hover {

    border: 2px solid #d8d8d8;

    color: #333;

    background-color: #d8d8d8

}



.swm .dcw_new-user {

    text-decoration: underline;

    transition: color .2s ease-in-out

}



.swm .dcw_new-user:focus,

.swm .dcw_new-user:hover {

    color: #f05b6f

}



.swm #dcw-swm .dcw_authent .dcw_popinAuthent .dcw_block .dcw_block-element {

    position: relative

}



.swm #dcw-swm .dcw_authent .auth-checkbox-wrapper,

.swm #dcw-swm .dcw_authent .auth-cs-content {

    padding: 0

}



.swm #dcw-swm .dcw_authent .dcw_authent-popin-overlay {

    position: inherit

}



.swm .swm-popin-wrapper {

    display: none

}



.swm #dcw-swm .dcw_authent .auth_error {

    color: red;

    font-size: .8em;

    font-weight: 400;

    padding: 0;

    outline: none;

    margin: 7px 0 .5rem

}



.swm #dcw-swm .dcw_authent #question_id {

    margin-left: 0;

    width: 100%;

    display: none

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .EER-PRI_authent__title {

    margin: 0 auto 20px;

    max-width: 660px;

    text-align: center

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .eer_title--small {

    font-weight: 400;

    color: #333;

    text-align: center;

    line-height: 1.2rem;

    margin-top: 4rem

}



.swm #dcw-swm .dcw_authent [class^=stl] {

    margin: 0;

    padding: 0;

    font-family: sourcesanspro, Arial, Helvetica, sans-serif;

    font-size: 1rem;

    box-sizing: border-box

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .eer_input__field {

    display: block;

    margin: 0;

    padding: .5rem;

    width: 100%;

    font-size: 1.125rem;

    color: #333;

    border: none;

    border-bottom: 1px solid #999;

    border-radius: 0;

    background: none;

    box-shadow: unset;

    outline: none

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element input.eer_input__field[type=password] {

    box-shadow: unset;

    border: none;

    border-bottom: 1px solid #999;

    height: auto;

    color: #333;

    font-size: 1.125rem;

    text-align: left;

    width: 100%

}



.swm #dcw-swm .dcw_authent .dcw_input~label {

    color: #666;

    font-size: 1.125rem;

    font-weight: 400;

    pointer-events: none;

    transition: all .2s ease;

    -moz-transition: .2s ease all;

    -webkit-transition: all .2s ease;

    margin: auto

}



.swm #dcw-swm .dcw_authent .eer_input__field.is-invalid~.eer_input__info {

    color: #e82d50

}



.swm #dcw-swm .dcw_authent .eer_input__info {

    font-size: .875em

}



.swm.swm-page-authent #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element {

    position: relative;

    max-width: 330px;

    margin: 0 auto 1.5em

}



.swm.swm-page-authent #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .component-mire-codeclient .dcw_block-element {

    position: relative;

    max-width: 330px;

    min-width: 308px;

    margin: 0 auto 1.5em

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .swm-vk.dcw_block-element {

    margin-bottom: 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .EER-PRI_authent__input-bloc .stl_input {

    margin: 3.75em auto 0

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .EER-PRI_authent__input-bloc .eer_input {

    position: relative;

    margin-bottom: 3rem;

    width: 100%;

    max-width: 25.9375rem;

    min-height: 4.25em;

    font-weight: 400;

    margin: 0 auto 3rem

}



.swm #dcw-swm .dcw_authent .EER-PRI_authent__input-bloc .stl_btn {

    display: block;

    margin: 3.75em auto 0

}



.swm #dcw-swm .dcw_authent .eer_btn {

    display: inline-block;

    padding: .75em 1rem;

    width: 14.375rem;

    font-size: 1.0625rem;

    font-weight: 600;

    line-height: 1;

    text-align: center;

    text-decoration: none;

    appearance: none;

    border: 2px solid;

    border-radius: 3.125rem;

    background-color: #fff;

    cursor: pointer

}



.swm #dcw-swm .dcw_authent .eer_btn--primary {

    border: 2px solid #f05b6f;

    border-radius: 3.125rem;

    color: #fff;

    background-color: #f05b6f;

    display: block;

    margin: 0 auto

}



.swm #dcw-swm .dcw_authent .eer_btn--primary:hover {

    border: 2px solid #ee425b;

    background-color: #ee425b

}



.swm #dcw-swm .dcw_authent .eer_btn--primary.is-disabled {

    opacity: .4;

    cursor: default

}



.swm #dcw-swm .dcw_authent .eer_btn--primary:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .eer_btn--primary.is-disabled:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .eer_btn--primary.is-disabled:hover {

    border: 2px solid #f05b6f;

    background-color: #f05b6f

}



.swm #dcw-swm .dcw_authent .EER-PRI_authent__link--margin {

    margin-top: .938em;

    display: block

}



.swm #dcw-swm .dcw_authent .reattribution .EER-PRI_link {

    text-decoration: underline;

    color: #333;

    text-align: left

}



.swm #dcw-swm .dcw_authent .reattribution .eer_link {

    text-decoration: underline;

    color: #333

}



.swm #dcw-swm .dcw_authent .reattribution .eer_link:before {

    content: "";

    display: inline-block;

    width: .6875em;

    height: .6875em;

    margin-right: .5em;

    background: url(../img/sprite1.png) 50%/100%;

    background-size: 7.1875em 10em;

    background-position: -.657em .0935em;

    background-repeat: no-repeat

}



.swm #dcw-swm .dcw_authent .eer_link--margin {

    margin-top: .9375em;

    display: block;

    text-align: center

}



.swm #dcw-swm .dcw_authent .EER-PRI_link:before {

    content: "";

    display: inline-block;

    width: .688em;

    height: .688em;

    margin-right: .5em;

    background-size: 7.1875em 10em;

    background-position: -.657em .0935em;

    background-repeat: no-repeat

}



.swm #dcw-swm .dcw_authent .dcw_codeContainer .stl_title {

    font-weight: 400;

    color: #333

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .stl_title--small {

    font-size: 1.25rem;

    line-height: 1.2rem

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .le-mot-de-passe-doit {

    width: 780px;

    height: 20px;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    font-stretch: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: center;

    color: #333;

    margin-top: .875em

}



.swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .il-ne-doit-pas-conte {

    font-size: 16px;

    line-height: normal;

    color: #9b9b9b;

    margin: .875em auto 3rem;

    padding: 0 .75em;

    max-width: 650px;

    text-align: justify

}



.line-3 {

    display: block;

    width: 100%;

    height: 2px;

    border: 1px solid #ccc;

    margin: 20px 0

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .dcw_csetape .dcw_codeContainer .dcw_block .dcw_block-element .stl_title--small {

        font-size: 1rem

    }

}



.swm #dcw-swm .dcw_authent .EER-PRI_authent__wrapper button.stl_btn {

    display: block;

    margin: 3.75em auto 0

}



.swm #dcw-swm .dcw_authent .stl_msg-banner--warn {

    background-color: #e74c3c

}



.swm #dcw-swm .dcw_authent .stl_msg-banner {

    width: 100%;

    padding: 0 2rem;

    font-size: 1rem;

    font-weight: 600;

    color: #fff;

    text-align: left;

    margin-top: .5rem;

    margin-bottom: .5rem

}



.swm #dcw-swm .dcw_authent .stl_msg-banner__msg-wrapper {

    display: block;

    position: relative;

    margin: 0 auto;

    max-width: 80em

}



.swm #dcw-swm .dcw_authent .eer_msg-banner--warn {

    background-color: #e74c3c

}



.swm #dcw-swm .dcw_authent .eer_msg-banner {

    width: 100%;

    padding: 0 2rem;

    font-size: 1rem;

    font-weight: 600;

    color: #fff;

    text-align: left

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__msg-wrapper {

    display: block;

    position: relative;

    margin: 0 auto;

    max-width: 80em

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__message,

.swm #dcw-swm .dcw_authent .stl_msg-banner__message {

    display: none;

    padding: .75rem 2rem;

    line-height: 1

}



.swm #dcw-swm .dcw_authent .stl_msg-banner__msg-wrapper .show {

    display: block;

    outline: none

}



.swm #dcw-swm .dcw_authent .stl_msg-banner__btn-closed {

    display: block;

    position: absolute;

    top: .75rem;

    right: 0;

    width: 1.125em;

    height: 1.125em;

    border: 0;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAAXNSR0IArs4c6QAAAhBJREFUWAm9lwtSwzAMRJsCp8hduEe5ICfjEi0d2HWjINvyR3aKZjz+aPUke5w0PZ1K9gMzfQc6dj6Y396J6Iv1QBBxGaDFmVOIm/Bbi7Uvx2oyotZInUzof8XaOwanZVk+E3+gY52aUPAFwosWYf53WuKgSISmIBHeZW72JGhiJtIpTKEWSLQWLhTs2xTF1lMYhhisaLToCBJ9cYo47uN2RqYvtIVK0mBdQOgICJUi/C3LRBAazQRiPQCywNICQaTBAhC9D5CCAbiTBjMrFP1ZBmmPQDmDl5EzDDeakBQsc1aGRrMrhMN1BgSRBnsAMeA9uklGb4/YD7Qrt1J9ulvgPR6DG1rxTGogxMn2HsUQ5IUpSHzoHlgRIuX3wJqQHlg3pAZzQyzYMCSBdT20EmP2qpL6696M3hYVhJfOfc8CRkMkmRtmQdywGqQb1gNpwjyQImwEYsIAuhImTm+PWL7P1vCG3GBcGAZ6CxA9c6IxNze0vyDl8mItXOKnF4Y87ZxdItnaYD+UYyioUeAhzCMgRzCyvY5AR2KyxK2FniQ9mlYet99Kaq25wbMBWxHyC4xp+IR++ivDrDs5ERYlhfHH+P+KSgqJktd85q5mFj3JPFp3TTPwmdis0CNhU6yp4Gxb8YKL7RLHedyzai44VzR+j9Cip8adyRmAfPzbypw01rB/D7Goqb+yzloiOXNL/l8ZI8G+prgubgAAAABJRU5ErkJggg==) no-repeat 50%/1.125em;

    color: #fff;

    cursor: pointer

}



.swm #dcw-swm .dcw_authent button.stl_msg-banner__btn-closed:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .stl_msg-banner__msg-wrapper:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__msg-wrapper .show {

    display: block;

    outline: none

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__btn-closed {

    display: block;

    position: absolute;

    top: .75rem;

    right: 0;

    width: 1.125em;

    height: 1.125em;

    border: 0;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAAGWB6gOAAAAAXNSR0IArs4c6QAAAhBJREFUWAm9lwtSwzAMRJsCp8hduEe5ICfjEi0d2HWjINvyR3aKZjz+aPUke5w0PZ1K9gMzfQc6dj6Y396J6Iv1QBBxGaDFmVOIm/Bbi7Uvx2oyotZInUzof8XaOwanZVk+E3+gY52aUPAFwosWYf53WuKgSISmIBHeZW72JGhiJtIpTKEWSLQWLhTs2xTF1lMYhhisaLToCBJ9cYo47uN2RqYvtIVK0mBdQOgICJUi/C3LRBAazQRiPQCywNICQaTBAhC9D5CCAbiTBjMrFP1ZBmmPQDmDl5EzDDeakBQsc1aGRrMrhMN1BgSRBnsAMeA9uklGb4/YD7Qrt1J9ulvgPR6DG1rxTGogxMn2HsUQ5IUpSHzoHlgRIuX3wJqQHlg3pAZzQyzYMCSBdT20EmP2qpL6696M3hYVhJfOfc8CRkMkmRtmQdywGqQb1gNpwjyQImwEYsIAuhImTm+PWL7P1vCG3GBcGAZ6CxA9c6IxNze0vyDl8mItXOKnF4Y87ZxdItnaYD+UYyioUeAhzCMgRzCyvY5AR2KyxK2FniQ9mlYet99Kaq25wbMBWxHyC4xp+IR++ivDrDs5ERYlhfHH+P+KSgqJktd85q5mFj3JPFp3TTPwmdis0CNhU6yp4Gxb8YKL7RLHedyzai44VzR+j9Cip8adyRmAfPzbypw01rB/D7Goqb+yzloiOXNL/l8ZI8G+prgubgAAAABJRU5ErkJggg==) no-repeat 50%/1.125em;

    color: #fff;

    cursor: pointer

}



.swm #dcw-swm .dcw_authent button.eer_msg-banner__btn-closed:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__msg-wrapper:focus {

    outline: none

}



.swm #dcw-swm .dcw_authent [class^=eer],

.swm .dcw_authent.dcw_authent-etat [class^=eer] {

    margin: 0;

    padding: 0;

    font-size: 1rem;

    box-sizing: border-box

}



.swm #dcw-swm .dcw_authent [class^=eer]:after,

.swm #dcw-swm .dcw_authent [class^=eer]:before {

    margin: 0;

    padding: 0;

    box-sizing: inherit

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .dcw_authent .eer_title--small,

    .swm .dcw_authent.dcw_authent-etat .eer_title--small {

        font-size: 1.1rem

    }

    .swm #dcw-swm .dcw_authent .eer_title--medium,

    .swm .dcw_authent.dcw_authent-etat .eer_title--medium,

    .swm .dcw_authent.dcw_authent-etat [class^=eer] {

        font-size: 1.5rem

    }

    .swm #dcw-swm .dcw_authent .eer_title--large,

    .swm .dcw_authent.dcw_authent-etat .eer_title--large {

        font-size: 1.875rem

    }

}



.swm #dcw-swm .dcw_authent h2.eer_title--medium {

    font-weight: 400;

    color: #333;

    text-align: center;

    font-size: 1.5rem;

    margin: 4rem 0 3rem

}



.swm #dcw-swm .dcw_authent .eer_input__field.is-invalid~.eer_input__bar:after,

.swm #dcw-swm .dcw_authent .eer_input__field.is-invalid~.eer_input__bar:before {

    width: 50%;

    background: #e82d50

}



.swm #dcw-swm .dcw_authent .eer_input__bar {

    display: block;

    position: relative;

    width: 100%

}



.swm #dcw-swm .dcw_authent .eer_input__bar:after,

.swm #dcw-swm .dcw_authent .eer_input__bar:before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0;

    height: .0625rem;

    background: #333;

    transition: all .2s ease

}



.swm #dcw-swm .dcw_authent .eer_input__bar:before {

    left: 50%

}



.swm #dcw-swm .dcw_authent .eer_input__bar:after {

    right: 50%

}



.swm #dcw-swm .dcw_authent .eer_input__info {

    margin-top: .5rem;

    font-size: .875rem;

    font-weight: 600;

    color: #333

}



.swm #dcw-swm .dcw_authent.dcw_authent-etat p.eer_text--authent {

    margin: .875em auto 4.6875em;

    max-width: 29.75em;

    text-align: center

}



.swm #dcw-swm .dcw_authent .eer_msg-banner__message:before,

.swm #dcw-swm .dcw_authent .stl_msg-banner__message:before {

    content: "";

    display: block;

    position: absolute;

    top: .5rem;

    left: 0;

    width: 1.5rem;

    height: 1.5rem;

    background-size: 1.5rem;

    background-repeat: no-repeat

}



.swm #dcw-swm .dcw_authent .eer_msg-banner--warn .eer_msg-banner__message:before,

.swm #dcw-swm .dcw_authent .stl_msg-banner--warn .stl_msg-banner__message:before {

    background-image: url(../img/warn@2x.png)

}



.swm #dcw-swm .load-spinner {

    background: url(../img/loading_spinner.gif) no-repeat 50% 50%;

    position: inherit;

    margin-bottom: 10px;

    -webkit-box-shadow: none!important;

    -moz-box-shadow: none!important;

    box-shadow: none!important;

    padding: 2em!important

}



.swm #dcw-swm div#swm-popin-btn-fermer {

    top: .35rem;

    right: -1.5rem;

    height: 35px;

    width: 30px;

    cursor: pointer;

    background: url(../img/icones2.png) no-repeat -392px -8px

}



.swm #dcw-swm .oob-btn-abandonner,

.swm #dcw-swm .oob-btn-annuler,

.swm #dcw-swm .oob-btn-continuer,

.swm #dcw-swm .oob-btn-reessayer,

.swm #dcw-swm .supervion_valider {

    width: 230px;

    height: 54px

}



.swm #dcw-swm .oob-btn-continuer {

    background: url(../img/continuer.gif) no-repeat

}



.swm .oob-btn-retour {

    background: url(../img/btn-retour.png);

    width: 230px;

    height: 47px

}



.swm .oob-btn-retour:hover {

    background-position: 0 47px

}



.swm #dcw-swm .oob-btn-annuler {

    background: url(../img/annuler-operation.gif) no-repeat

}



.swm #dcw-swm .oob-btn-continuer:hover {

    background-position: 0 -52px

}



.swm #dcw-swm .oob-btn-annuler:hover {

    background-position: 0 -62px

}



.swm #dcw-swm .oob-btn-abandonner {

    background: url(../img/abandonner.gif) no-repeat;

    margin-top: .25rem

}



.swm #dcw-swm .oob-btn-abandonner:hover {

    background-position: 0 -62px

}



.swm #dcw-swm .oob-btn-reessayer {

    background: url(../img/reessayer.gif) no-repeat;

    margin-top: .25rem

}



.swm #dcw-swm .oob-btn-reessayer:hover {

    background-position: 0 -62px

}



.swm #dcw-swm .supervion_valider {

    background: url(../img/btn-valider.gif) no-repeat;

    margin-top: .25rem

}



.swm #dcw-swm .supervion_valider:hover {

    background-position: 0 -62px

}



.swm #dcw-swm .oob-separateur {

    margin-bottom: 10px

}



.swm #dcw-swm .sonore-Keyboard {

    text-align: center;

    margin-bottom: 10px

}



.swm #dcw-swm input[type=text],

.swm input .auth-pwd,

.swm input[type=tel] {

    font-size: inherit

}



.swm #dcw-swm .swm-supervision .auth-btn-action {

    display: block;

    font-size: 16px;

    padding: 15px 20px;

    max-width: 300px;

    border: none;

    margin: 40px auto;

    text-indent: -9999px

}



.swm #dcw-swm .dcw_authent .auth_error .auth-btn-action {

    border-radius: 40px;

    display: block;

    padding: 15px 20px;

    max-width: 300px;

    width: 100%;

    border: none;

    margin: 40px auto;

    background-color: #f05b6f;

    color: #fff;

    font-size: 1.0625rem;

    font-weight: 600;

    line-height: 1;

    text-align: center;

    text-decoration: none

}



.swm .img-container {

    margin: 0 auto;

    text-align: center;

    max-width: 280px

}



.swm .keyboard {

    z-index: auto

}



.swm .swm-vk .auth-pwd {

    padding: 0 9px;

    background: transparent url(../img/input-pwd.png) no-repeat 0 1px;

    background-size: 200px auto;

    height: 38px;

    background-position: 35% -2px;

    -webkit-text-security: none;

    letter-spacing: -10px;

    color: #fff;

    font-size: 0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    width: 198px;

    border-radius: 3px;

    border: 1px solid #c27a84

}



.swm .swm-vk .auth-pwd.auth-pwd-1 {

    background-position: 35% -35px

}



.swm .swm-vk .auth-pwd.auth-pwd-2 {

    background-position: 35% -68px

}



.swm .swm-vk .auth-pwd.auth-pwd-3 {

    background-position: 35% -101px

}



.swm .swm-vk .auth-pwd.auth-pwd-4 {

    background-position: 35% -132px

}



.swm .swm-vk .auth-pwd.auth-pwd-5 {

    background-position: 35% -164px

}



.swm .swm-vk .auth-pwd.auth-pwd-6 {

    background-position: 35% -197px

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_brand_container {

    display: block;

    max-width: 80rem;

    margin: 0 auto;

    padding-left: 1rem;

    min-width: 0;

    font-size: 0;

    vertical-align: baseline

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_brand_logo-container {

    position: relative;

    display: inline-block;

    width: auto;

    overflow: hidden

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_brand_logo-container.is-hidden {

    display: none

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_brand_logo {

    display: block;

    margin-right: 1.75rem;

    border: none

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_brand_logo--mute {

    display: none

}



.swm #dcw-swm .dcw_authent .dcw_icon_brand_logo {

    background: url(../img/logo-sg.svg) no-repeat;

    display: inline-block;

    background-size: 164px 32px;

    width: 164px;

    height: 32px

}



.swm #dcw-swm .dcw_authent .dcw_icon_brand_logo_muet {

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMCAyOS43NjRoMjkuNzY0VjBIMHoiLz48cGF0aCBmaWxsPSIjRTYwMDI4IiBkPSJNLjcwOCAxNS4xNjVoMjguMzQ3Vi43MDhILjcwOHoiLz48cGF0aCBmaWxsPSIjMUQxRDFCIiBkPSJNLjcwOCAyOS4wNTVoMjguMzQ3VjE0Ljg4M0guNzA4eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik01LjY2MSAxNS43NDVoMTguNDQyVjE0LjAySDUuNjYxeiIvPjwvZz48L3N2Zz4=) no-repeat;

    display: inline-block;

    background-size: 1183px 522px

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head {

    position: relative;

    overflow: hidden;

    margin: 0 auto 1.8125rem

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__logo {

    float: left;

    margin: 50px 0 0

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc {

    position: relative;

    margin-right: 7.8125em;

    padding: .75em 0;

    float: right;

    width: 23.125em;

    height: 5.4375em;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

    background-color: #f7f7f7;

    border-right: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9;

    border-left: 1px solid #e9e9e9

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc p {

    margin: 0;

    color: #333

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc--text {

    padding-left: 1.5em

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc--text span {

    font-weight: 600

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc--last-co {

    position: absolute;

    padding: 0 1.5em;

    width: 100%;

    font-size: .625em;

    text-align: center;

    bottom: .75em;

    left: 50%;

    transform: translateX(-50%)

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-button {

    display: block;

    content: "";

    position: absolute;

    width: 30px;

    height: 30px;

    top: 50%;

    transform: translateY(-50%);

    right: 82px;

    background-size: 30px 30px;

    border: none;

    cursor: pointer

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head-2 {

    position: relative;

    padding: 1.75em 1rem 1.25em;

    width: 100%;

    background: #333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAIpJREFUKBWNkE0OQFAMhP3F1tIJXMEtXNxt7AnziYpoKyaZ9OnMaN8rihxtJlWJUKpfi1SHLOSMz0YW2mUyPv3nOQuxVif+Xs/uMyoU3quRwCshAlZiAoFBBLO4iDZ1o/kGIj+brmrmt899Y+zFMGBruZQarLFGwtfrMSWclIWiAXcvC/GKrEd1OAA/QA0BNdfObwAAAABJRU5ErkJggg==);

    background-repeat: repeat;

    margin-bottom: .85em;

    text-align: left

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head-2__text {

    display: inline-block;

    margin: 1.25rem 0 0;

    overflow: visible;

    color: #fff;

    font-size: 2.1875em;

    font-weight: 700;

    left: 16%;

    position: relative

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head-2__text:first-letter {

    text-transform: uppercase

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head-2:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    height: .5em;

    background-color: #e60028;

    background: -webkit-gradient(linear, left top, right top, from(#6a1b32), color-stop(38%, #e60028), to(#6a1b32));

    background: linear-gradient(90deg, #6a1b32, #e60028 38%, #6a1b32);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6a1b32", endColorstr="#ff6a1b32", GradientType=1)

}



.swm #dcw-swm .eer-pro_head-container .eer-pro_head-2:after {

    display: block;

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    bottom: -18px;

    left: 18%;

    border-color: #333 transparent transparent;

    border-style: solid;

    border-width: 18px 24px 0

}



.swm button.swm-btn-action.csa-cdn-ok.swm-btn_primary.swm-btn_pass-secu.swm_tel-secu {

    display: block;

    margin: 1rem 0 auto

}



.swm .swm-button-wrapper.swm-popin-btn-erreur.csa-sprite-btn-retour button.swm-btn-action.csa-cdn-ok.swm-btn_primary.swm-btn_pass-secu.swm_tel-secu {

    display: block

}



.swm button.swm-btn-action.csa-cdn-ok.swm-btn_secondary.swm-btn_pass-secu.swm_tel-secu:last-child {

    float: right;

    margin: 1rem 0 auto;

    background-color: #dedede;

    color: #333;

    font-weight: 600;

    border-radius: 3.125rem;

    line-height: 1;

    display: inline-block;

    border: .125rem solid #dedede;

    width: 14.375rem;

    font-size: 1.0625rem;

    padding: .75em 1rem;

    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;

    cursor: pointer

}



.swm button.swm-btn-action.csa-cdn-ok.swm-btn_secondary.swm-btn_pass-secu.swm_tel-secu:last-child:hover {

    background-color: #c1c1c1;

    border: .125rem solid #c1c1c1

}



@media screen and (max-width:768px) {

    .swm #dcw-swm [class^=eer-pri] {

        font-family: sourcesanspro, Arial, Helvetica, sans-serif;

        font-size: 1rem;

        box-sizing: border-box

    }

    .swm #dcw-swm [class^=eer-pri]:before {

        margin: 0;

        padding: 0;

        box-sizing: inherit

    }

    .swm button.swm-btn-action.csa-cdn-ok.swm-btn_primary.swm-btn_pass-secu.swm_tel-secu {

        display: block;

        margin: 1rem auto

    }

    .swm button.swm-btn-action.csa-cdn-ok.swm-btn_secondary.swm-btn_pass-secu.swm_tel-secu:last-child {

        float: none;

        margin: 1rem auto;

        display: block

    }

}



.swm #dcw-swm .eer-pro_title--small,

.swm #dcw-swm .eer-pro_title--small-border {

    font-size: 1.5rem;

    line-height: 2rem

}



@supports (display:flex) {

    .swm #dcw-swm .eer-pro_title--small-border {

        display: flex;

        justify-content: center;

        align-items: center

    }

}



@supports (display:flex) {

    .swm #dcw-swm .eer-pro_title--small-border:after,

    .swm #dcw-swm .eer-pro_title--small-border:before {

        width: 100%

    }

}



.swm #dcw-swm [class^=eer-pri] {

    font-family: sourcesanspro, Arial, Helvetica, sans-serif;

    font-size: 1rem;

    box-sizing: border-box

}



.swm #dcw-swm [class^=eer-pri]:after,

.swm #dcw-swm [class^=eer-pri]:before {

    margin: 0;

    padding: 0;

    box-sizing: inherit

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .eer-pro_title--small {

        font-size: 1.125rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 1.5rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 1.875rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:befor {

        margin-right: 1rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:after {

        margin-left: 1rem

    }

}



.swm #dcw-swm .eer-pro_form__fieldset {

    border: none

}



.swm #dcw-swm .eer-pro_form__legend {

    margin-bottom: 2rem;

    font-size: 1rem;

    font-weight: 600;

    color: #666

}



.swm #dcw-swm .dcw_authent .eer-pro_footer_container,

.swm #dcw-swm .eer-pro_footer_container {

    max-width: 80rem;

    margin: 0 auto

}



.content_corps-de-page {

    min-height: calc(100vh - 210px)

}



.swm #dcw-swm .dcw_authent .eer-pro_footer-third {

    padding: 1rem 0;

    background-color: #fff

}



.swm #dcw-swm .eer-pro_footer-third a:focus,

.swm #dcw-swm .eer-pro_footer-third a:hover {

    text-decoration: underline

}



.swm #dcw-swm .eer-pro_footer-third_list {

    float: right

}



.swm #dcw-swm .dcw_authent .eer-pro_footer-third_item {

    display: inline-block;

    font-size: 1rem;

    color: #666

}



.swm #dcw-swm .eer-pro_footer-third_item a {

    color: #666;

    text-decoration: none;

    padding: 0 .5rem

}



.swm #dcw-swm .eer-pro_footer-third_item:after {

    content: "";

    display: inline-block;

    height: .75rem;

    padding-left: .5rem;

    border-right: .0625rem solid #999

}



.swm #dcw-swm .eer-pro_footer-third_item:last-child:after {

    border-right: none

}



.swm #dcw-swm .eer-pro_footer-third>.swm #dcw-swm .eer-pro_footer_container {

    max-width: 63.75rem

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_form__fieldset {

        border: none

    }

    .swm #dcw-swm .eer-pro_form__legend {

        margin-bottom: 2rem;

        font-size: 1rem;

        font-weight: 600;

        color: #666

    }

    .swm #dcw-swm .eer-pro_footer-third_logo {

        display: block;

        width: 9.375rem;

        height: auto;

        margin: .5em auto

    }

    .swm #dcw-swm .eer-pro_footer-third_list {

        float: none;

        margin-top: 1.125em

    }

    .swm #dcw-swm .eer-pro_footer-third_item {

        display: block;

        margin-bottom: .5rem;

        text-align: center;

        font-size: .875rem

    }

    .swm #dcw-swm .eer-pro_footer-third_item:after {

        border: none

    }

}



.swm #dcw-swm .dcw_authent .dcw_icon_footer_logo {

    background: url(../img/logo-sg-seul.svg) no-repeat;

    display: inline-block;

    background-size: 130px 25px;

    width: 150px;

    height: 30px

}



.swm input::-ms-clear {

    display: none

}



.swm .swm-popin {

    font-weight: 400;

    font-size: 1rem

}



.swm .csa-sprite-btn-envoyer,

.swm .csa-sprite-btn-valider {

    width: inherit;

    height: inherit;

    background-image: none;

    width: 14.375rem

}



#swmModulesAuth .csa-sprite-btn-envoyer button.swm-btn-action,

#swmModulesAuth .csa-sprite-btn-valider button.auth-btn-action,

.swm-popin .csa-sprite-btn-envoyer button.swm-btn-action,

.swm-popin .csa-sprite-btn-valider button.auth-btn-action {

    display: block;

    border: 2px solid #f05b6f;

    border-radius: 3.125rem;

    color: #fff;

    background-color: #f05b6f;

    background-image: none;

    width: 14.375rem;

    font-size: 1.0625rem;

    padding: .75em 1rem;

    font-weight: 600;

    font-weight: 400;

    line-height: 1

}



#swmModulesAuth .csa-sprite-btn-envoyer button.swm-btn-action:focus,

#swmModulesAuth .csa-sprite-btn-envoyer button.swm-btn-action:hover,

#swmModulesAuth .csa-sprite-btn-valider button.swm-btn-action:focus,

#swmModulesAuth .csa-sprite-btn-valider button.swm-btn-action:hover,

.swm-popin .csa-sprite-btn-envoyer button.swm-btn-action:focus,

.swm-popin .csa-sprite-btn-envoyer button.swm-btn-action:hover,

.swm-popin .csa-sprite-btn-valider button.auth-btn-action:focus,

.swm-popin .csa-sprite-btn-valider button.auth-btn-action:hover {

    border: 2px solid #ee425b;

    background-color: #ee425b

}



.swm .swm-popin-btn-erreur {

    margin-top: 40px;

    width: 14.375rem

}



.swm-popin .csa-sprite-btn-retour button.swm-btn-action {

    display: inline-block;

    padding: .75em 1rem;

    width: 14.375rem;

    font-size: 1.0625rem;

    font-weight: 600;

    line-height: 1;

    text-align: center;

    text-decoration: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: 2px solid;

    border-radius: 3.125rem;

    background-color: #fff;

    cursor: pointer

}



.swm-popin .csa-sprite-btn-retour button.swm-btn-action:focus,

.swm-popin .csa-sprite-btn-retour button.swm-btn-action:hover {

    border-color: #f05b6f;

    color: #f05b6f

}



.swm .swm-popin-cadre {

    border: none

}



.swm input[type=text]#csa-code-secu {

    font-size: .875rem

}



.swm .reattrib-wrapper,

.swm .reattrib-wrapper .auth-btn-action {

    font-family: sourcesanspro, Arial, Helvetica, sans-serif;

    font-size: 1rem

}



.swm .reattrib-wrapper .auth-btn-action {

    background-color: #f05b6f;

    text-transform: none;

    border-radius: 3.125rem;

    padding: .75em 1rem;

    width: 14.375rem;

    font-weight: 600;

    border: .125rem solid #f05b6f;

    line-height: 1;

    transition: background-color .2s ease-in-out, border-color .2s ease-in-out

}



.swm .reattrib-wrapper.dcr .swm-btn-wrapper:last-child button {

    background-color: #dedede!important;

    border: .125rem solid #dedede;

    color: #333

}



.swm .reattrib-wrapper .auth-btn-action:focus,

.swm .reattrib-wrapper .auth-btn-action:hover {

    background-color: #ee425b;

    border: .125rem solid #ee425b

}



.swm .reattrib-wrapper.dcr .swm-btn-wrapper:last-child button:hover {

    background-color: #c1c1c1!important;

    border: .125rem solid #c1c1c1!important

}



.swm button.swm-btn_primary {

    background-color: #f05b6f;

    color: #fff;

    font-family: sourcesanspro, Arial, Helvetica, sans-serif;

    line-height: 1;

    font-weight: 600;

    padding: .75rem 1rem;

    font-size: 1.0625rem;

    cursor: pointer;

    border-radius: 3.125rem;

    width: 14.375rem;

    display: block;

    border: .125rem solid #f05b6f

}



.swm button.swm-btn_primary:focus,

.swm button.swm-btn_primary:hover {

    border: .125rem solid #ee425b;

    background-color: #ee425b

}



.swm button.swm-btn_primary.swm-btn_pass-secu {

    margin: 2rem auto 0;

    display: block

}



@media screen and (max-width:900px) {

    .swm .swm-popin-relative {

        width: 95%

    }

}



.swm .oob-popin,

.swm .ooba-popin .oob-panel-error,

.swm .ooba-popin .oob-panel-other-client,

.swm .ooba-popin .oob-panel-profile {

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2);

    border-radius: 10px

}



.eer-page.swm-no-overflow>:not(#inlinekeyboard),

.eer-page.swm-no-overflow>:not(#inlinekeyboard) * {

    position: absolute!important;

    overflow: hidden!important;

    height: 100%!important;

    min-height: 100%!important;

    max-height: 100%!important;

    top: -9999px!important;

    left: -9999px!important;

    text-indent: -9999px!important

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_form__fieldset {

        border: none

    }

    .swm #dcw-swm .eer-pro_form__legend {

        margin-bottom: 2rem;

        font-size: 1rem;

        font-weight: 600;

        color: #666

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head {

        position: relative;

        margin: .625em 0 .3125em;

        overflow: hidden;

        text-align: left

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head__logo {

        display: block;

        float: none;

        margin: 0 auto

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-bloc {

        display: none

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head__log-button {

        display: block;

        content: "";

        position: absolute;

        width: 16px;

        height: 17px;

        top: 50%;

        transform: translateY(-50%);

        right: 10px;

        background-size: 16px 17px;

        border: none;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head-2 {

        position: relative;

        padding: 0 1em;

        width: 100%;

        height: 3.875rem;

        background-color: #333;

        margin-bottom: .85em

    }

    .swm #dcw-swm .dcw_block>* {

        margin: 0 1rem

    }

    .swm #dcw-swm .dcw_block .dcw_block {

        margin: 0

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head-2__text {

        font-size: 1.25rem;

        font-weight: 600;

        left: 0

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head-2__text:first-letter {

        text-transform: uppercase

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head-2:before {

        content: "";

        position: absolute;

        left: 0;

        top: 0;

        right: 0;

        height: .5em;

        background-color: #e60028;

        background: -webkit-gradient(linear, left top, right top, from(#6a1b32), color-stop(38%, #e60028), to(#6a1b32));

        background: linear-gradient(90deg, #6a1b32, #e60028 38%, #6a1b32);

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6a1b32", endColorstr="#ff6a1b32", GradientType=1)

    }

    .swm #dcw-swm .eer-pro_head-container .eer-pro_head-2:after {

        content: "";

        position: absolute;

        top: 100%;

        left: 18%;

        width: 0;

        height: 0;

        border-left: .875rem solid transparent;

        border-right: .875rem solid transparent;

        border-top: .75rem solid #333

    }

    .swm #dcw-swm .oob-popin {

        padding-bottom: 15px

    }

    .swm #dcw-swm .dcw_authent .eer-pro_footer_container {

        text-align: center

    }

    .swm #dcw-swm .dcw_authent .eer-pro_footer-third_item {

        display: block;

        margin-bottom: .5rem;

        text-align: center;

        font-size: .875rem

    }

}



@media screen and (max-width:900px) {

    .swm #dcw-swm .dcw_authent {

        margin: 0

    }

    .swm #dcw-swm .dcw_authent .eer-pro_footer-third {

        padding: 0

    }

    .content_corps-de-page {

        min-height: calc(100vh - 320px)

    }

    .swm .dcw_authent>div {

        width: 100%;

        min-height: calc(100vh - 270px)

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer {

        display: block;

        width: auto;

        margin: 0 0 1em

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_effacer {

        margin-top: -1em

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .switch {

        margin-left: .625em

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin {

        min-width: 300px;

        margin: 0 88px

    }

    .swm #dcw-swm .dcw_authent .dcw_codeContainer .dcw_block .dcw_block-element .dcw_infohover .dcw_infopopin:after {

        right: 62px

    }

}



.swm #dcw-swm [class^=eer-pro] {

    font-family: sourcesanspro, Arial, Helvetica, sans-serif;

    font-size: 1rem;

    box-sizing: border-box

}



.swm #dcw-swm [class^=eer-pro]:after,

.swm #dcw-swm [class^=eer-pro]:before {

    margin: 0;

    padding: 0;

    box-sizing: inherit

}



.swm #dcw-swm .eer-pro_title {

    font-family: sourcesanspro, Arial, sans-serif;

    font-weight: 400;

    color: #333

}



.swm #dcw-swm .eer-pro_title--small,

.swm #dcw-swm .eer-pro_title--small-borde {

    font-size: 1.5rem;

    line-height: 2rem

}



.swm #dcw-swm .eer-pro_title--medium {

    font-size: 2.25rem;

    line-height: 2.875rem

}



.swm #dcw-swm .eer-pro_title--large {

    font-size: 3rem;

    line-height: 3.625rem

}



.swm #dcw-swm .eer-pro_title--small-border {

    white-space: nowrap

}



.swm #dcw-swm .eer-pro_title--small-border:after,

.swm #dcw-swm .eer-pro_title--small-border:before {

    content: "";

    display: inline-block;

    width: 25%;

    height: .0625rem;

    background-color: #dedede;

    vertical-align: middle

}



@media screen and (max-width:64em) {

    .swm #dcw-swm .eer-pro_title--small {

        font-size: 1.25rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 2rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 2.25rem

    }

    .swm #dcw-swm .eer-pro_title--divider {

        font-size: 1.25rem

    }

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .eer-pro_title--small {

        font-size: 1.125rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 1.5rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 1.875rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:before {

        margin-right: 1rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:after {

        margin-left: 1rem

    }

}



.swm #dcw-swm .eer-pro_btn {

    display: inline-block;

    padding: .75em 1rem;

    width: 14.375rem;

    font-size: 1.0625rem;

    font-weight: 600;

    line-height: 1;

    text-align: center;

    text-decoration: none;

    appearance: none;

    border: 2px solid;

    border-radius: 3.125rem;

    background-color: #fff;

    cursor: pointer

}



.swm #dcw-swm .eer-pro_btn--primary {

    border: 2px solid #f05b6f;

    border-radius: 3.125rem;

    color: #fff;

    background-color: #f05b6f

}



.swm #dcw-swm .eer-pro_btn--primary:hover {

    border: 2px solid #ee425b;

    background-color: #ee425b

}



.swm #dcw-swm .eer-pro_btn--primary.is-disabled {

    opacity: .4;

    cursor: default

}



.swm #dcw-swm .eer-pro_btn--primary.is-disabled:focus {

    outline: none

}



.swm #dcw-swm .eer-pro_btn--primary.is-disabled:hover {

    border: 2px solid #f05b6f;

    background-color: #f05b6f

}



.swm #dcw-swm .eer-pro_btn--secondary {

    border-color: #dedede;

    color: #333;

    background-color: #dedede

}



.swm #dcw-swm .eer-pro_btn--secondary:focus,

.swm #dcw-swm .eer-pro_btn--secondary:hover {

    border-color: #c1c1c1;

    background-color: #c1c1c1

}



.swm #dcw-swm .eer-pro_btn--secondary.is-disabled {

    opacity: .4;

    cursor: default

}



.swm #dcw-swm .eer-pro_btn--secondary.is-disabled:focus {

    outline: none

}



.swm #dcw-swm .eer-pro_btn--secondary.is-disabled:hover {

    border: 2px solid #dedede;

    background-color: #dedede

}



.swm #dcw-swm .eer-pro_btn--ghost-dark,

.swm #dcw-swm .eer-pro_btn--ghost-light {

    background-color: transparent

}



.swm #dcw-swm .eer-pro_btn--ghost-dark:focus,

.swm #dcw-swm .eer-pro_btn--ghost-dark:hover,

.swm #dcw-swm .eer-pro_btn--ghost-light:focus,

.swm #dcw-swm .eer-pro_btn--ghost-light:hover {

    border-color: #f05b6f;

    color: #f05b6f

}



.swm #dcw-swm .eer-pro_btn--ghost-light {

    border-color: #fff;

    color: #fff

}



.swm #dcw-swm .eer-pro_btn--ghost-light.is-disabled {

    opacity: .5;

    cursor: default

}



.swm #dcw-swm .eer-pro_btn--ghost-light.is-disabled:hover {

    background-color: transparent

}



.swm #dcw-swm .eer-pro_btn--ghost-dark {

    border-color: #333;

    color: #333

}



.swm #dcw-swm .eer-pro_btn--ghost-dark.is-disabled {

    opacity: .5;

    cursor: default

}



.swm #dcw-swm .eer-pro_btn--ghost-dark.is-disabled:hover {

    background-color: transparent

}



.swm #dcw-swm .eer-pro_input {

    position: relative;

    margin-bottom: 3rem;

    width: 100%;

    min-height: 4.25em;

    font-family: sourcesanspro, Arial, sans-serif

}



.swm #dcw-swm .eer-pro_input__field {

    display: block;

    margin: 0;

    padding: .5rem;

    width: 100%;

    font-size: 1.125rem;

    color: #333;

    border: none;

    border-bottom: 1px solid #999;

    border-radius: 0;

    background: none;

    box-shadow: none;

    outline: none;

    appearance: none

}



.swm #dcw-swm .eer-pro_input__field:focus {

    outline: none

}



.swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__bar:after,

.swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__bar:before {

    width: 50%

}



.swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__label {

    top: -1rem;

    left: 0;

    font-size: 1rem;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_input__field::-ms-clear {

    display: none

}



.swm #dcw-swm .eer-pro_input__field.is-valid {

    padding-right: 3.125rem;

    border-color: #333;

    color: #333

}



.swm #dcw-swm .eer-pro_input__field.is-valid~.eer-pro_input__icon {

    background-position: 0 0

}



.swm #dcw-swm .eer-pro_input__field.is-valid~.eer-pro_input__label {

    top: -1rem;

    left: 0;

    font-size: 1rem;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_input__field.is-invalid {

    padding-right: 3.125rem

}



.swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__icon {

    background-position: -1.625rem 0

}



.swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__msg {

    color: #e82d50

}



.swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__bar:after,

.swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__bar:before {

    width: 50%;

    background: #e82d50

}



.swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__label {

    top: -1rem;

    left: 0;

    font-size: 1rem;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_input__field.is-deactivated,

.swm #dcw-swm .eer-pro_input__field:disabled:not(.eer-pro_input__field--calendar) {

    background: none;

    color: #999

}



.swm #dcw-swm .eer-pro_input__field.is-deactivated~.eer-pro_input__icon,

.swm #dcw-swm .eer-pro_input__field:disabled:not(.eer-pro_input__field--calendar)~.eer-pro_input__icon {

    background-position: -8.125rem 0

}



.swm #dcw-swm .eer-pro_input__field:required {

    box-shadow: unset

}



.swm #dcw-swm .eer-pro_input__field.is-filled {

    border-color: #333

}



.swm #dcw-swm .eer-pro_input__field.is-filled~.eer-pro_input__label {

    top: -1rem;

    left: 0;

    font-size: 1rem;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_input__field.flatpickr-open {

    border-color: #333

}



.swm #dcw-swm .eer-pro_input__field.flatpickr-open~.eer-pro_input__icon {

    background-position: -4.875rem -1.625rem

}



.swm #dcw-swm .eer-pro_input__icon {

    display: block;

    position: absolute;

    top: .375rem;

    right: .8125rem;

    width: 1.625rem;

    height: 1.625rem;

    font-size: .8em;

    background-image: url(../img/sprite-pictos-formulaire-ngim@2x.png);

    background-repeat: no-repeat;

    background-position: 1.75rem 0;

    background-size: 9.5rem 4.875rem

}



.swm #dcw-swm .eer-pro_input__label {

    position: absolute;

    left: .5rem;

    top: .5rem;

    font-family: sourcesanspro, sans-serif;

    font-size: 1.125rem;

    color: #666;

    transition: all .2s ease;

    pointer-events: none;

    margin: auto

}



.swm #dcw-swm .eer-pro_input__bar {

    display: block;

    position: relative;

    width: 100%

}



.swm #dcw-swm .eer-pro_input__bar:after,

.swm #dcw-swm .eer-pro_input__bar:before {

    content: "";

    position: absolute;

    bottom: 0;

    width: 0;

    height: .0625rem;

    background: #333;

    transition: all .2s ease

}



.swm #dcw-swm .eer-pro_input__bar:before {

    left: 50%

}



.swm #dcw-swm .eer-pro_input__bar:after {

    right: 50%

}



.swm #dcw-swm .eer-pro_input--calendar {

    background: none;

    cursor: pointer

}



.swm #dcw-swm .eer-pro_input--calendar:hover>.eer-pro_input__icon {

    background-position: -4.875rem -1.625rem

}



.swm #dcw-swm .eer-pro_input--calendar:focus {

    outline: none

}



.swm #dcw-swm .eer-pro_input--calendar>.eer-pro_input__icon {

    top: .25rem;

    background-position: -4.875rem 0;

    cursor: pointer;

    pointer-events: none

}



.swm #dcw-swm .eer-pro_input--calendar>.eer-pro_input__icon:hover {

    background-position: -4.875rem -1.625rem

}



.swm #dcw-swm .eer-pro_input__msg {

    margin-top: .5rem;

    font-size: .875rem;

    font-weight: 600;

    color: #333

}



.swm #dcw-swm .eer-pro_alertbox {

    display: table;

    width: 100%;

    max-width: 48.75em;

    height: 9em;

    margin: 0 auto 3rem;

    padding: 1.5rem 2rem 1.5rem 9.5em;

    color: #333;

    border: 1px solid #dedede;

    background: no-repeat 2rem/5em

}



.swm #dcw-swm .eer-pro_alertbox__content {

    display: table-cell;

    vertical-align: middle

}



.swm #dcw-swm .eer-pro_alertbox--alert {

    background-image: url(../img/picto-alertbox-alerte@2x.png)

}



.swm #dcw-swm .eer-pro_alertbox--info {

    background-image: url(../img/picto-alertbox-info@2x.png)

}



.swm #dcw-swm .eer-pro_alertbox--confirm {

    background-image: url(../img/picto-alertbox-validation@2x.png)

}



.swm #dcw-swm .eer-pro_alertbox__link,

.swm #dcw-swm .eer-pro_alertbox__message,

.swm #dcw-swm .eer-pro_alertbox__title {

    font-size: 1.125rem

}



.swm #dcw-swm .eer-pro_alertbox__title {

    margin-bottom: .25rem;

    color: #333;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_alertbox__link {

    color: #333;

    text-decoration: underline;

    cursor: pointer;

    transition: color .3s

}



.swm #dcw-swm .eer-pro_alertbox__link:hover {

    color: #f05b6f

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .eer-pro_alertbox {

        padding: 5.75rem 1rem 1rem;

        border: none;

        border-bottom: .0625em solid #dedede;

        background-position: center 1.125em;

        background-size: 3.25em;

        text-align: center

    }

}



.swm #dcw-swm .eer-pro_modal {

    display: none;

    position: fixed;

    z-index: 9999;

    top: 50%;

    left: 50%;

    width: 37.5em;

    border-radius: 10px;

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2);

    transform: translateX(-50%) translateY(-50%)

}



.swm #dcw-swm .eer-pro_modal,

.swm #dcw-swm .eer-pro_modal.eer-pro_desktop {

    padding: 2.5rem 2rem 2rem;

    text-align: center;

    background-color: #fff

}



.swm #dcw-swm .eer-pro_modal__overlay {

    display: none;

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, .6)

}



.swm #dcw-swm .eer-pro_modal__close-btn {

    position: absolute;

    top: .5rem;

    right: -1rem;

    display: block;

    width: 30px;

    height: 35px;

    background: url(../img/icones2.png) no-repeat -392px -8px;

    border: none;

    transform: translateX(100%);

    cursor: pointer

}



.swm #dcw-swm .eer-pro_modal__picto {

    display: inline-block;

    width: 5em;

    height: 5em;

    background: url(../img/picto-alertbox-validation@2x.png) no-repeat 50%/5em;

    margin-bottom: 2rem

}



.swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

    margin-left: 2rem

}



@media screen and (max-width:64em) {

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn {

        display: block;

        margin: 0 auto

    }

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

        margin: 1rem auto 0

    }

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .eer-pro_modal {

        width: calc(100vw - 2rem);

        padding: 2rem 1rem

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        top: -.5rem;

        right: .5rem;

        transform: translateY(-100%)

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        margin-bottom: 1.5rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.125rem

    }

}



.swm #dcw-swm .eer-pro_hide,

.swm #dcw-swm .eer-pro_hide--desktop {

    display: none

}



.swm #dcw-swm .eer-pro_popinOTP {

    width: 43.3755em

}



.swm #dcw-swm .eer-pro_popinOTP,

.swm #dcw-swm .eer-pro_popinOTP.eer-pro_desktop {

    padding-bottom: 2.5em;

    box-sizing: border-box;

    font-family: sourcesanspro, Arial, Helvetica, sans-serif

}



.swm #dcw-swm .eer-pro_popinOTP.eer-pro_desktop {

    width: 100%;

    height: 100%;

    overflow: auto

}



.swm #dcw-swm .eer-pro_popinOTP__title {

    margin: 0;

    font-size: 1.5em;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__picto {

    display: none;

    background: url(../img/picto-alertbox-alerte@2x.png) 50%/100%

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__picto.is-active {

    display: inline-block

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input {

    max-width: 25.9375em;

    margin: 0 auto

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__msg {

    text-align: left

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__icon {

    display: none

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_alertbox {

    box-sizing: border-box;

    margin-bottom: 1.5625em;

    padding-top: 0;

    padding-bottom: 0;

    text-align: left

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_alertbox__message {

    font-size: 1em

}



.swm #dcw-swm .eer-pro_popinOTP__mention {

    margin: 1.5625em 0 0;

    font-size: .75em;

    color: #333;

    text-align: left

}



@media screen and (max-width:768px) {

    .swm #dcw-swm [class^=eer-pro] {

        font-family: sourcesanspro, Arial, Helvetica, sans-serif;

        font-size: 1rem;

        box-sizing: border-box

    }

    .swm #dcw-swm [class^=eer-pro]:after,

    .swm #dcw-swm [class^=eer-pro]:before {

        margin: 0;

        padding: 0;

        box-sizing: inherit

    }

    .swm #dcw-swm .eer-pro_title {

        font-family: sourcesanspro, Arial, sans-serif;

        font-weight: 400;

        color: #333

    }

    .swm #dcw-swm .eer-pro_title--small,

    .swm #dcw-swm .eer-pro_title--small-border {

        font-size: 1.5rem;

        line-height: 2rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 2.25rem;

        line-height: 2.875rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 3rem;

        line-height: 3.625rem

    }

    .swm #dcw-swm .eer-pro_title--small-border {

        white-space: nowrap

    }

    .swm #dcw-swm .eer-pro_title--small-border:after,

    .swm #dcw-swm .eer-pro_title--small-border:before {

        content: "";

        display: inline-block;

        width: 25%;

        height: .0625rem;

        background-color: #dedede;

        vertical-align: middle

    }

}



.swm #dcw-swm .eer-pro_title--small-border:before {

    margin-right: 3rem

}



.swm #dcw-swm .eer-pro_title--small-border:after {

    margin-left: 3rem

}



.swm #dcw-swm .eer-pro_title--divider {

    position: relative;

    margin: 0 0 1.5rem;

    padding-bottom: 1rem;

    max-width: 80%;

    font-weight: 600;

    font-size: 1.5rem

}



.swm #dcw-swm .eer-pro_title--divider:after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 0;

    bottom: -.125rem;

    width: 3.5rem;

    height: .125rem;

    background-color: #333

}



@media screen and (max-width:768px) and (max-width:64em) {

    .swm #dcw-swm .eer-pro_title--small {

        font-size: 1.25rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 2rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 2.25rem

    }

    .swm #dcw-swm .eer-pro_title--divider {

        font-size: 1.25rem

    }

}



@media screen and (max-width:768px) and (max-width:48em) {

    .swm #dcw-swm .eer-pro_title--small {

        font-size: 1.125rem

    }

    .swm #dcw-swm .eer-pro_title--medium {

        font-size: 1.5rem

    }

    .swm #dcw-swm .eer-pro_title--large {

        font-size: 1.875rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:before {

        margin-right: 1rem

    }

    .swm #dcw-swm .eer-pro_title--small-border:after {

        margin-left: 1rem

    }

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_btn {

        display: inline-block;

        padding: .75em 1rem;

        width: 14.375rem;

        font-size: 1.0625rem;

        font-weight: 600;

        line-height: 1;

        text-align: center;

        text-decoration: none;

        appearance: none;

        border: 2px solid;

        border-radius: 3.125rem;

        background-color: #fff;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_btn--primary {

        border: 2px solid #f05b6f;

        border-radius: 3.125rem;

        color: #fff;

        background-color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_btn--primary:hover {

        border: 2px solid #ee425b;

        background-color: #ee425b

    }

    .swm #dcw-swm .eer-pro_btn--primary.is-disabled {

        opacity: .4;

        cursor: default

    }

    .swm #dcw-swm .eer-pro_btn--primary.is-disabled:focus {

        outline: none

    }

    .swm #dcw-swm .eer-pro_btn--primary.is-disabled:hover {

        border: 2px solid #f05b6f;

        background-color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_btn--secondary {

        border-color: #dedede;

        color: #333;

        background-color: #dedede

    }

    .swm #dcw-swm .eer-pro_btn--secondary:focus,

    .swm #dcw-swm .eer-pro_btn--secondary:hover {

        border-color: #c1c1c1;

        background-color: #c1c1c1

    }

    .swm #dcw-swm .eer-pro_btn--secondary.is-disabled {

        opacity: .4;

        cursor: default

    }

    .swm #dcw-swm .eer-pro_btn--secondary.is-disabled:focus {

        outline: none

    }

    .swm #dcw-swm .eer-pro_btn--secondary.is-disabled:hover {

        border: 2px solid #dedede;

        background-color: #dedede

    }

    .swm #dcw-swm .eer-pro_btn--ghost-dark,

    .swm #dcw-swm .eer-pro_btn--ghost-light {

        background-color: transparent

    }

    .swm #dcw-swm .eer-pro_btn--ghost-dark:focus,

    .swm #dcw-swm .eer-pro_btn--ghost-dark:hover,

    .swm #dcw-swm .eer-pro_btn--ghost-light:focus,

    .swm #dcw-swm .eer-pro_btn--ghost-light:hover {

        border-color: #f05b6f;

        color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_btn--ghost-light {

        border-color: #fff;

        color: #fff

    }

    .swm #dcw-swm .eer-pro_btn--ghost-light.is-disabled {

        opacity: .5;

        cursor: default

    }

    .swm #dcw-swm .eer-pro_btn--ghost-light.is-disabled:hover {

        background-color: transparent

    }

    .swm #dcw-swm .eer-pro_btn--ghost-dark {

        border-color: #333;

        color: #333

    }

    .swm #dcw-swm .eer-pro_btn--ghost-dark.is-disabled {

        opacity: .5;

        cursor: default

    }

    .swm #dcw-swm .eer-pro_btn--ghost-dark.is-disabled:hover {

        background-color: transparent

    }

    .swm #dcw-swm .eer-pro_form__fieldset {

        border: none

    }

    .swm #dcw-swm .eer-pro_form__legend {

        margin-bottom: 2rem;

        font-size: 1rem;

        font-weight: 600;

        color: #666

    }

    .swm #dcw-swm .eer-pro_input {

        position: relative;

        margin-bottom: 3rem;

        width: 100%;

        min-height: 4.25em;

        font-family: sourcesanspro, Arial, sans-serif

    }

    .swm #dcw-swm .eer-pro_input__field {

        display: block;

        margin: 0;

        padding: .5rem;

        width: 100%;

        font-size: 1.125rem;

        color: #333;

        border: none;

        border-bottom: 1px solid #999;

        border-radius: 0;

        background: none;

        box-shadow: none;

        outline: none;

        appearance: none

    }

    .swm #dcw-swm .eer-pro_input__field:focus {

        outline: none

    }

    .swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__bar:after,

    .swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__bar:before {

        width: 50%

    }

    .swm #dcw-swm .eer-pro_input__field:focus~.eer-pro_input__label {

        top: -1rem;

        left: 0;

        font-size: 1rem;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_input__field::-ms-clear {

        display: none

    }

    .swm #dcw-swm .eer-pro_input__field.is-valid {

        padding-right: 3.125rem;

        border-color: #333;

        color: #333

    }

    .swm #dcw-swm .eer-pro_input__field.is-valid~.eer-pro_input__icon {

        background-position: 0 0

    }

    .swm #dcw-swm .eer-pro_input__field.is-valid~.eer-pro_input__label {

        top: -1rem;

        left: 0;

        font-size: 1rem;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_input__field.is-invalid {

        padding-right: 3.125rem

    }

    .swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__icon {

        background-position: -1.625rem 0

    }

    .swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__msg {

        color: #e82d50

    }

    .swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__bar:after,

    .swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__bar:before {

        width: 50%;

        background: #e82d50

    }

    .swm #dcw-swm .eer-pro_input__field.is-invalid~.eer-pro_input__label {

        top: -1rem;

        left: 0;

        font-size: 1rem;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_input__field.is-deactivated,

    .swm #dcw-swm .eer-pro_input__field:disabled:not(.eer-pro_input__field--calendar) {

        background: none;

        color: #999

    }

    .swm #dcw-swm .eer-pro_input__field.is-deactivated~.eer-pro_input__icon,

    .swm #dcw-swm .eer-pro_input__field:disabled:not(.eer-pro_input__field--calendar)~.eer-pro_input__icon {

        background-position: -8.125rem 0

    }

    .swm #dcw-swm .eer-pro_input__field:required {

        box-shadow: unset

    }

    .swm #dcw-swm .eer-pro_input__field.is-filled {

        border-color: #333

    }

    .swm #dcw-swm .eer-pro_input__field.is-filled~.eer-pro_input__label {

        top: -1rem;

        left: 0;

        font-size: 1rem;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_input__field.flatpickr-open {

        border-color: #333

    }

    .swm #dcw-swm .eer-pro_input__field.flatpickr-open~.eer-pro_input__icon {

        background-position: -4.875rem -1.625rem

    }

    .swm #dcw-swm .eer-pro_input__icon {

        display: block;

        position: absolute;

        top: .375rem;

        right: .8125rem;

        width: 1.625rem;

        height: 1.625rem;

        font-size: .8em;

        background-image: url(../img/sprite-pictos-formulaire-ngim@2x.png);

        background-repeat: no-repeat;

        background-position: 1.75rem 0;

        background-size: 9.5rem 4.875rem

    }

    .swm #dcw-swm .eer-pro_input__label {

        position: absolute;

        left: .5rem;

        top: .5rem;

        font-family: sourcesanspro, sans-serif;

        font-size: 1.125rem;

        color: #666;

        transition: all .2s ease;

        pointer-events: none

    }

    .swm #dcw-swm .eer-pro_input__bar {

        display: block;

        position: relative;

        width: 100%

    }

    .swm #dcw-swm .eer-pro_input__bar:after,

    .swm #dcw-swm .eer-pro_input__bar:before {

        content: "";

        position: absolute;

        bottom: 0;

        width: 0;

        height: .0625rem;

        background: #333;

        transition: all .2s ease

    }

    .swm #dcw-swm .eer-pro_input__bar:before {

        left: 50%

    }

    .swm #dcw-swm .eer-pro_input__bar:after {

        right: 50%

    }

    .swm #dcw-swm .eer-pro_input--calendar {

        background: none;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_input--calendar:hover>.eer-pro_input__icon {

        background-position: -4.875rem -1.625rem

    }

    .swm #dcw-swm .eer-pro_input--calendar:focus {

        outline: none

    }

    .swm #dcw-swm .eer-pro_input--calendar>.eer-pro_input__icon {

        top: .25rem;

        background-position: -4.875rem 0;

        cursor: pointer;

        pointer-events: none

    }

    .swm #dcw-swm .eer-pro_input--calendar>.eer-pro_input__icon:hover {

        background-position: -4.875rem -1.625rem

    }

    .swm #dcw-swm .eer-pro_input__msg {

        margin-top: .5rem;

        font-size: .875rem;

        font-weight: 600;

        color: #333

    }

    .swm #dcw-swm .eer-pro_select {

        position: relative;

        height: 2.5em

    }

    .swm #dcw-swm .eer-pro_select__toggle {

        display: inline-block;

        position: relative;

        width: 100%;

        height: 100%;

        padding: .5rem;

        font-size: 1.125rem;

        text-align: left;

        color: #666;

        background-color: transparent;

        border: none;

        border-bottom: 1px solid #999;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_select__toggle:before {

        content: "";

        display: block;

        float: right;

        width: 1.625rem;

        height: 1.625rem;

        background-image: url(../img/sprite-pictos-formulaire-ngim@2x.png);

        background-repeat: no-repeat;

        background-position: -6.5rem -1.625rem;

        background-size: 9.75rem 4.875rem;

        transition: transform .3s

    }

    .swm #dcw-swm .eer-pro_select.is-open>.eer-pro_select__list {

        max-height: 13.75rem;

        border-right: 1px solid #dedede;

        border-bottom: 1px solid #dedede;

        border-left: 1px solid #dedede

    }

    .swm #dcw-swm .eer-pro_select.is-open .eer-pro_select__toggle:before {

        transform: rotate(180deg)

    }

    .swm #dcw-swm .eer-pro_select__list {

        position: relative;

        z-index: 1;

        width: 100%;

        max-height: 0;

        margin: 0;

        padding: 0;

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

        background: #fff;

        overflow: auto;

        transition: max-height .3s

    }

    .swm #dcw-swm .eer-pro_select__list::-webkit-scrollbar {

        width: 12px;

        padding: .125rem

    }

    .swm #dcw-swm .eer-pro_select__list::-webkit-scrollbar-thumb {

        border: 2px solid #fff;

        border-radius: .375rem;

        background: #999

    }

    .swm #dcw-swm .eer-pro_select__item {

        padding: .5rem;

        font-size: 1.125rem;

        cursor: pointer;

        transition: background-color .3s

    }

    .swm #dcw-swm .eer-pro_select__item:focus,

    .swm #dcw-swm .eer-pro_select__item:hover {

        background: #fdeef0

    }

    .swm #dcw-swm .eer-pro_select__label {

        position: absolute;

        top: -1rem;

        left: 0;

        font-size: 1rem;

        font-weight: 600;

        color: #666

    }

    .swm #dcw-swm .eer-pro_msg-banner {

        width: 100%;

        padding: 0 4rem;

        font-size: 1rem;

        font-weight: 600;

        color: #fff;

        text-align: left

    }

    .swm #dcw-swm .eer-pro_msg-banner__msg-wrapper {

        display: block;

        position: relative;

        margin: 0 auto;

        max-width: 80em

    }

    .swm #dcw-swm .eer-pro_msg-banner__message {

        padding: .75rem 3rem;

        line-height: 1

    }

    .swm #dcw-swm .eer-pro_msg-banner__message:before {

        content: "";

        display: block;

        position: absolute;

        top: .5rem;

        left: 0;

        width: 1.5rem;

        height: 1.5rem;

        background-size: 1.5rem;

        background-repeat: no-repeat

    }

    .swm #dcw-swm .eer-pro_msg-banner__btn-closed {

        display: block;

        position: absolute;

        top: .75rem;

        right: 0;

        width: 1.125em;

        height: 1.125em;

        border: 0;

        color: #fff;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_msg-banner--warn {

        background-color: #e74c3c

    }

    .swm #dcw-swm .eer-pro_msg-banner--info {

        background-color: #4ebaca

    }

    .swm #dcw-swm .eer-pro_msg-banner--valid {

        background-color: #3ac596

    }

    .swm #dcw-swm .eer-pro_msg-banner--inactive {

        background-color: #999

    }

    .swm #dcw-swm .eer-pro_alertbox {

        display: table;

        width: 100%;

        max-width: 48.75em;

        height: 9em;

        margin: 0 auto 3rem;

        padding: 1.5rem 2rem 1.5rem 9.5em;

        color: #333;

        border: 1px solid #dedede;

        background: no-repeat 2rem/5em

    }

    .swm #dcw-swm .eer-pro_alertbox__content {

        display: table-cell;

        vertical-align: middle

    }

    .swm #dcw-swm .eer-pro_alertbox--alert {

        background-image: url(../img/picto-alertbox-alerte@2x.png)

    }

    .swm #dcw-swm .eer-pro_alertbox--info {

        background-image: url(../img/picto-alertbox-info@2x.png)

    }

    .swm #dcw-swm .eer-pro_alertbox--confirm {

        background-image: url(../img/picto-alertbox-validation@2x.png)

    }

    .swm #dcw-swm .eer-pro_alertbox__link,

    .swm #dcw-swm .eer-pro_alertbox__message,

    .swm #dcw-swm .eer-pro_alertbox__title {

        font-size: 1.125rem

    }

    .swm #dcw-swm .eer-pro_alertbox__title {

        margin-bottom: .25rem;

        color: #333;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_alertbox__link {

        color: #333;

        text-decoration: underline;

        cursor: pointer;

        transition: color .3s

    }

    .swm #dcw-swm .eer-pro_alertbox__link:hover {

        color: #f05b6f

    }

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_modal {

        display: none;

        position: fixed;

        z-index: 9999;

        top: 50%;

        left: 50%;

        width: 37.5em;

        padding: 2.5rem 2rem 2rem;

        border-radius: 10px;

        text-align: center;

        background-color: #fff;

        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2);

        transform: translateX(-50%) translateY(-50%)

    }

    .swm #dcw-swm .eer-pro_hide--mobile {

        display: none!important

    }

    .swm #dcw-swm .eer-pro_show--mobile {

        display: block!important

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop {

        background-color: #f7f7f7

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop .eer-pro_popinOTP__title {

        font-size: 1.0625rem;

        font-weight: 600;

        text-align: left;

        color: #333

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop .eer-pro_popinOTP__title:after {

        content: "";

        display: block;

        width: 64px;

        height: 2px;

        margin: 1em 0;

        border-radius: 2.5px;

        background-color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop .eer-pro_modal__content {

        margin: 1em auto;

        font-size: 1.0625rem;

        text-align: left;

        color: #333

    }

    .swm #dcw-swm .eer-pro_popinOTP.eer-pro_desktop .eer-pro_input {

        margin: 1.5rem 0 2.5rem

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop .eer-pro_input__field {

        padding: .7rem

    }

    .swm #dcw-swm .eer-pro_modal.eer-pro_desktop .eer-pro_alertbox {

        margin: 2rem 0;

        padding: 5rem 1rem 1rem;

        background-color: #fff;

        background-size: 4.25em;

        border: 1px solid #dedede

    }

    .swm #dcw-swm .eer-pro_modal__overlay {

        display: none;

        position: fixed;

        z-index: 9999;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: rgba(0, 0, 0, .6)

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        position: absolute;

        top: .5rem;

        right: -2rem;

        display: block;

        width: 1.25em;

        height: 1.25em;

        border: none;

        transform: translateX(100%);

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        display: inline-block;

        width: 5em;

        height: 5em;

        background: url(../img/picto-alertbox-validation@2x.png) no-repeat 50%/5em;

        margin-bottom: 2rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.5rem;

        color: #333

    }

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

        margin-left: 2rem

    }

}



@media screen and (max-width:768px) and (max-width:64em) {

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn {

        display: block;

        margin: 0 auto

    }

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

        margin: 1rem auto 0

    }

}



@media screen and (max-width:768px) and (max-width:48em) {

    .swm #dcw-swm .eer-pro_modal {

        width: calc(100vw - 2rem);

        padding: 2rem 1rem

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        top: -.5rem;

        right: .5rem;

        transform: translateY(-100%)

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        margin-bottom: 1.5rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.125rem

    }

}



.swm #dcw-swm .eer-pro_modal__content {

    margin-bottom: 2.5rem;

    font-size: 1.5rem;

    color: #333

}



@media screen and (max-width:48em) {

    .swm #dcw-swm .eer-pro_modal {

        padding: 2rem 1rem

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        top: -.5rem;

        right: .5rem;

        transform: translateY(-100%)

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        margin-bottom: 1.5rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.125rem

    }

}



.swm #dcw-swm .eer-pro_modal,

.swm #dcw-swm .eer-pro_modal__overlay {

    display: block

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__content {

    margin: 1em auto 2.5em;

    max-width: 33.4375em;

    font-size: 1em

}



@media screen and (max-width:768px) and (max-width:48em) {

    .swm #dcw-swm .eer-pro_alertbox {

        padding: 5.75rem 1rem 1rem;

        border: none;

        border-bottom: .0625em solid #dedede;

        background-position: center 1.125em;

        background-size: 3.25em;

        text-align: center

    }

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_modal {

        display: none;

        position: fixed;

        z-index: 9999;

        top: 50%;

        left: 50%;

        width: 37.5em;

        padding: 2.5rem 2rem 2rem;

        border-radius: 10px;

        text-align: center;

        background-color: #fff;

        box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .2);

        transform: translateX(-50%) translateY(-50%)

    }

    .swm #dcw-swm .eer-pro_modal__overlay {

        display: none;

        position: fixed;

        z-index: 9999;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: rgba(0, 0, 0, .6)

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        position: absolute;

        top: .5rem;

        right: -2rem;

        display: block;

        width: 30px;

        height: 35px;

        background: url(../img/icones2.png) no-repeat -392px -8px;

        border: none;

        transform: translateX(100%);

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        display: inline-block;

        width: 5em;

        height: 5em;

        background: url(../img/picto-alertbox-validation@2x.png) no-repeat 50%/5em;

        margin-bottom: 2rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.5rem;

        color: #333

    }

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

        margin-left: 2rem

    }

}



@media screen and (max-width:768px) and (max-width:64em) {

    .swm #dcw-swmb .eer-pro_modal .eer-pro_btn {

        display: block;

        margin: 0 auto

    }

    .swm #dcw-swm .eer-pro_modal .eer-pro_btn+.eer-pro_btn {

        margin: 1rem auto 0

    }

}



@media screen and (max-width:768px) and (max-width:48em) {

    .swm #dcw-swm .eer-pro_modal {

        width: calc(100vw - 2rem);

        padding: 2rem 1rem

    }

    .swm #dcw-swm .eer-pro_modal__close-btn {

        top: .7rem;

        right: .5rem;

        transform: translateY(-100%)

    }

    .swm #dcw-swm .eer-pro_modal__picto {

        margin-bottom: 1.5rem

    }

    .swm #dcw-swm .eer-pro_modal__content {

        margin-bottom: 2.5rem;

        font-size: 1.125rem

    }

}



@media screen and (max-width:768px) {

    .swm #dcw-swm .eer-pro_tab {

        display: block;

        margin: 0 auto;

        max-width: 75.5em

    }

    .swm #dcw-swm .eer-pro_tab__list {

        text-align: center;

        border-bottom: .0625em solid #dedede

    }

    .swm #dcw-swm .eer-pro_tab__item {

        display: inline-block;

        margin-right: 2.5rem;

        font-size: 0

    }

    .swm #dcw-swm .eer-pro_tab__item:last-child {

        margin-right: 0

    }

    .swm #dcw-swm .eer-pro_tab__btn {

        position: relative;

        padding: 1rem;

        font-size: 1.125rem;

        color: rgba(51, 51, 51, .5);

        border: none;

        background-color: transparent;

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_tab__btn:after {

        content: "";

        display: block;

        position: absolute;

        bottom: -.0625em;

        left: 0;

        right: 0;

        height: .125rem;

        background-color: transparent

    }

    .swm #dcw-swm .eer-pro_tab__btn.is-active {

        color: #333

    }

    .swm #dcw-swm .eer-pro_tab__btn.is-active:after {

        background-color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_tab__btn:active,

    .swm #dcw-swm .eer-pro_tab__btn:focus,

    .swm #dcw-swm .eer-pro_tab__btn:hover {

        color: #333;

        outline: none

    }

    .swm #dcw-swm .eer-pro_tab__pane {

        display: none

    }

    .swm #dcw-swm .eer-pro_modal,

    .swm #dcw-swm .eer-pro_modal__overlay {

        display: block

    }

    .swm #dcw-swm .eer-pro_hide,

    .swm #dcw-swm .eer-pro_hide--desktop {

        display: none

    }

    .swm #dcw-swm .eer-pro_link {

        text-decoration: underline;

        color: #333

    }

    .swm #dcw-swm .eer-pro_link:focus,

    .swm #dcw-swm .eer-pro_link:hover {

        color: #f05b6f

    }

    .swm #dcw-swm .eer-pro_link:hover {

        cursor: pointer

    }

    .swm #dcw-swm .eer-pro_link:before {

        display: inline-block;

        margin-right: .5em;

        content: "";

        width: .6875em;

        height: .6875em;

        background-size: 7.1875em 12.5em;

        background-position: -.657em .0935em;

        background-repeat: no-repeat

    }

    .swm #dcw-swm .eer-pro_popinOTP {

        box-sizing: border-box;

        font-family: sourcesanspro, Arial, Helvetica, sans-serif

    }

    .swm #dcw-swm .eer-pro_popinOTP__title {

        margin: 0;

        font-size: 1.5em;

        font-weight: 600

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__picto {

        display: none;

        background: url(../img/picto-alertbox-alerte@2x.png) 50%/100%

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__picto.is-active {

        display: inline-block

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_input {

        max-width: 25.9375em;

        margin: 0 auto;

        min-height: inherit

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_modal__content {

        font-size: 1em

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__msg {

        text-align: left

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__icon {

        display: none

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_alertbox {

        margin-bottom: 1.5625em;

        padding-top: 5.625em;

        padding-bottom: 0;

        text-align: left;

        border: inherit

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__label {

        text-align: left

    }

    .swm #dcw-swm .eer-pro_popinOTP .eer-pro_alertbox__message {

        font-size: 1em;

        text-align: center

    }

    .swm #dcw-swm .eer-pro_popinOTP__mention {

        margin: 1.5625em 0 0;

        font-size: .75em;

        color: #333;

        text-align: left

    }

}



.swm.eer-csa .swm-popin-relative {

    max-width: 695px

}



.swm.eer-csa #dcw-swm div#swm-popin-btn-fermer {

    position: absolute;

    top: -10.65rem;

    right: 5.5rem;

    height: 35px;

    width: 30px;

    cursor: pointer;

    background: url(../img/icones2.png) no-repeat -392px -8px

}



.swm.eer-csa #dcw-swm div.swm-popin-relative>div#swm-popin-btn-fermer {

    position: absolute;

    top: .35rem;

    right: -1.5rem;

    height: 35px;

    width: 30px;

    cursor: pointer;

    background: url(../img/icones2.png) no-repeat -392px -8px

}



.swm #dcw-swm .eer-pro_popinOTP .correspondance_invalid,

.swm #dcw-swm .eer-pro_popinOTP .text_is_invalid {

    display: none;

    color: red;

    font-size: .8em

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field.is_invalid~label,

.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field.is_valid~label,

.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field:focus~label,

.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field:not(:empty)~label,

.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field:valid~label,

.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field~.label_up {

    top: -19px;

    left: 0;

    font-size: 16px;

    font-weight: 600

}



.swm #dcw-swm .eer-pro_popinOTP .eer-pro_input__field~label {

    color: #666;

    font-size: 1.125rem;

    font-weight: 400;

    position: absolute;

    pointer-events: none;

    top: 10px;

    transition: all .2s ease;

    -moz-transition: .2s ease all;

    -webkit-transition: all .2s ease;

    margin: auto

}



@media screen and (max-width:48rem) {

    .dcw_gb9_core-left {

        padding: 0

    }

}



@media screen and (max-width:340px) {

    .swm #dcw-swm .dcw_authent .auth-checkbox-wrapper {

        padding-left: 1.2em!important

    }

    .swm #dcw-swm .dcw_authent .auth-cs-content {

        width: 95%

    }

}



.swm #dcw-swm .dcw_authent .auth-checkbox-wrapper {

    text-align: center

}



.swm #dcw-swm .auth_error .auth-btn-action {

    padding: 15px 20px;

    margin: 40px auto

}



.swm .auth_error .error-wrapper {

    padding: 12px;

    text-align: center

}



.swm #dcw-swm .dcw_authent #sign-content #closeKeyBoard:focus,

.swm #dcw-swm .dcw_authent .dcw_reauthentification #closeKeyBoard:focus {

    outline: 1px dotted;

    outline: 5px auto -webkit-focus-ring-color

}



.swm #dcw-swm .dcw_authent .auth-content #swmModulesAuth #csa-resend-btn,

.swm #dcw-swm .dcw_authent .auth-content #swmModulesAuth .swm-btn-hidden {

    display: none

}



.swm #dcw-swm .dcw_authent .auth-content #swmModulesAuth .csa-sprite-btn-envoyer button.swm-btn-action,

.swm #dcw-swm .dcw_authent .auth-content #swmModulesAuth .csa-sprite-btn-valider button.auth-btn-action {

    cursor: pointer

}



.swm #dcw-swm .dcw_authent .swm_dcw_sca {

    position: fixed;

    transform: translate(-50%);

    padding: 0;

    box-shadow: none;

    border: 0;

    display: inline-block;

    vertical-align: middle;

    max-width: 650px;

    width: 80%

}



.swm #dcw-swm .dcw_authent #swmModulesAuth .auth-oob {

    box-shadow: none;

    background-color: transparent;

    margin: 0

}