.alert.alert-success,
.bloc-main ul li,
.bloc-user h1,
.bold,
.panel-default-line .panel-col.bg_cyan .panel-col-label {
    font-weight: 700
}
.alerts .tbody,
.bloc-main ul,
.messagerie .tbody,
.messagerie-sidebar ul,
.secondary-main,
.socials ul {
    list-style-type: none
}
.gmpa-adherent {
    overflow: hidden
}
.inline {
    display: inline
}
.hr-mobile,
.only400,
.onlymobile {
    display: none
}
.wrapper_global,
html {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: Arial, Sans-serif;
    min-height: 700px;
    font-size: 13px;
    line-height: 1.42857143
}
.panel-default {
    border-color: #ECEBEC;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none
}
.wrapper_global.fix {
    height: 100%
}
.wrapper_global.fix .popin {
    left: 242px
}
.clearfix {
    clear: both
}
a,
a:active,
a:focus,
a:hover,
a:link {
    color: inherit;
    text-decoration: none
}
a img {
    border: none
}
h1,
h2,
h3,
h4,
h5 {
    margin: 0 auto
}
p {
    font-size: 13px
}
.popin-inner h4 {
    width: 100%
}
.bloc_group *,
.col-d-blue-sidebar,
.col-d-blue-sidebar *,
.content-popin *,
.content_popin *,
.display-group-line *,
.form-buttons-bar * .full-large *,
.form-group *,
.form-inline *,
.header *,
.messagerie-central *,
.messagerie-sidebar *,
.note,
.panel *,
.panel-group,
.panel-group *,
.section-popin *,
.sidebar-inner *,
.tab-pane * {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}
.wrapper .btn_width {
    width: 92px;
    text-transform: none;
    font-size: 13px
}
.btn,
.uppercase,
a.btn {
    text-transform: uppercase
}
.wrapper .btn.btn-save {
    width: 92px;
    height: 22px;
    padding-top: 5px
}
.popin-prelevements .btn.btn-save,
.wrapper .btn.btn25 {
    padding-right: 20px;
    padding-left: 20px;
    height: 25px;
    width: auto
}
.wrapper .btn.btn25 {
    padding-top: 7px
}
.popin-prelevements .btn.btn-save {
    margin-top: 2px
}
.wrapper button.btn.btn-save {
    padding-top: 0
}
.half {
    width: 50%
}
.hr-mobile {
    height: 1px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #D8D8D8
}
.sidebar.sidebar_relative {
    position: relative;
    float: left
}
.alert.alert-success {
    border-color: #008C7E;
    background-color: #008C7E;
    color: #FFF;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    width: 100%;
    margin-left: 0
}
.btn,
.btn img,
.wauto,
a.btn {
    width: auto
}
.alert-default {
    color: #414042;
    font-size: 13px;
    background-color: #FFF;
    border-color: #ECEBEC;
    text-align: justify
}
.aleft {
    text-align: left
}
.aright {
    text-align: right
}
.bg_cyan,
.popin-inner .panel .bg_cyan {
    background-color: #D8D8D8;
}
.margin {
    margin: 0
}
.btn,
a.btn {
    border-radius: 0;
    height: 44px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 12px;
    border: none
}
.btn img {
    vertical-align: baseline
}
.icon-btn {
    display: inline-block;
    margin-right: 8px;
    width: 11px;
    height: 11px
}
.icon-btn img {
    width: 15px;
    margin-top: -2px
}
.btn-small,
a.btn-small {
    height: 22px;
    font-size: 11px;
    line-height: 11px;
    color: #FFF;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-left: 20px
}
.btn-primary,
a.btn-primary {
    color: #FFF;
    background-color: #007AB3
}
.btn-primary:hover,
a.btn-primary:hover {
    color: #007AB3;
    background-color: #fff;
    border: 1px solid #007AB3;
}
.btn.btn-d22,
a.btn.btn-d22 {
    height: 22px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 6px
}
.h100,
.wrapper {
    height: 100%
}
.btn-info,
a.btn-info {
    color: #007AB3;
    background-color: #fff;
    border: 1px solid #007AB3
}
.btn-info:hover,
a.btn-info:hover {
    color: #FFF;
    background-color: #007AB3;
    border-color: transparent;
}
.ttblue,
a.ttblue {
    color: #414042
}
.ttcyan,
a.ttcyan {
    color: #E2002B
}
.badge,
a.badge {
    width: auto
}
.badge.blue,
a.badge.blue {
    background-color: #414042
}
.badge.red,
a.badge.red {
    background-color: #E2002B
}
textarea {
    resize: none
}
input,
input.form-control,
input.form-control:focus,
select.form-control,
select.form-control:focus,
textarea.form-control,
textarea.form-control:focus {
    outline: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
body .wrapper .popin .pleft {
    padding-left: 0
}
.fleft {
    float: left
}
.fright {
    float: right
}
.f100 {
    float: left;
    width: 100%
}
.wrapper {
    min-height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #ECEBEC
}
.cyan {
    color: #D8D8D8
}
.open_menu,
.popin.open_menu,
.wrapper.open_menu,
body.open_menu,
body.open_menu.fix {
    position: relative;
    top: auto;
    left: auto;
    height: 100%;
    overflow: hidden
}
.green-bg {
    background-color: #008C7E
}
.green-bg:hover {
    background-color: #01A392
}
.red-bg {
    background-color: #E2002B
}
.red-bg:hover {
    background-color: #CB0027
}
.blue-bg {
    background-color: #414042
}
.blue-bg:hover {
    background-color: #535254
}
.skyblue-bg {
    background-color: #7a97b8
}
.skyblue-bg:hover {
    background-color: #8aabd1
}
.marine-bg {
    background-color: #003882
}
.marine-bg:hover {
    background-color: #00429A
}
.white-bg {
    background-color: #FFF;
    border: 1px solid #D8D8D8
}
.annuler:focus,
.annuler:hover h4 {
    color: #fff
}
/* .white-bg:hover {
    background-color: #e3e8ee
} */
.bloc-social.white-bg:hover {
    background-color: #FFF
}
.cyan-bg {
    background-color: #919191
}
.cyan-bg:hover {
    background-color: #A8A8A8
}
.darkblue-bg {
    background-color: #414042
}
.annuler:focus,
.annuler:hover {
    background-color: grey
}
.underline,
a.underline {
    text-decoration: underline
}
.pt20 {
    padding-top: 20px
}
.full-page-popin {
    background-color: #FFF;
    padding: 20px 0;
    min-height: 100%
}
.full-page-popin .section-popin {
    padding: 0 20px 0 40px
}
.full-page-popin.icon-slider-attestation .section-popin {
    padding: 0 40px 1px
}
.bloc-main ul li.retour_acceuil {
    background-color: #414042;
    color: #fff;
    height: 40px
}
.bloc-main li.retour_acceuil a {
    padding: 10px 0 0 15px
}
.retour_acceuil img,
.retour_acceuil p {
    display: inline-block;
    vertical-align: middle
}
.retour_acceuil img {
    width: 20px
}
.retour_acceuil p {
    width: 100px;
    padding-left: 30px;
    font-size: 13px
}
.nav-carousel {
    height: 117px;
    margin-bottom: 5px
}
.nav-carousel .bloc {
    float: left;
    width: 134px;
    height: 100px
}
.nav-carousel .nav-carousel-container {
    width: 100%;
    height: 100%;
    padding-left: 160px;
    padding-right: 25px;
    float: left
}
.nav-carousel .bloc.first-bloc {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin-right: 10px;
    padding-left: 0
}
.nav-carousel .bloc-item-inner {
    padding-left: 8px;
    padding-right: 8px
}
.nav-carousel .bloc-item-inner .icon {
    height: 34px
}
.nav-carousel .bloc-item-inner .libelle {
    bottom: 12px;
    font-size: 13px;
    line-height: 12px;
    width: 100%;
    left: 0;
    padding-left: 6px;
    padding-right: 6px
}
.nav-carousel .nav-carousel-content .bloc {
    padding-left: 3px
}
.nav-carousel .nav-carousel-content .bloc.active:after {
    border: none;
    width: 18px;
    height: 9px;
    bottom: -9px;
    margin-left: -9px;
    background: url(../img/lb_bloc_active_arrow.png) top center no-repeat;
    background-size: 16px 8px;
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%
}
.icon-slider-attestation .nav-carousel .green-nav .nav-carousel-content .bloc.active:after {
    border: none;
    width: 18px;
    height: 9px;
    bottom: -9px;
    margin-left: -9px;
    background: url(../img/g_bloc_active_arrow.png) top center no-repeat;
    background-size: 16px 8px
}
.icon-slider-attestation .nav-carousel .marine-nav .nav-carousel-content .bloc.active:after {
    border: none;
    width: 18px;
    height: 9px;
    bottom: -9px;
    margin-left: -9px;
    background: url(../img/b_bloc_active_arrow.png) top center no-repeat;
    background-size: 16px 8px
}
.icon-slider-attestation .nav-carousel .cyan-nav .nav-carousel-content .bloc.active:after {
    border: none;
    width: 18px;
    height: 9px;
    bottom: -9px;
    margin-left: -9px;
    background: url(../img/c_bloc_active_arrow.png) top center no-repeat;
    background-size: 16px 8px
}
.nav-carousel .nav-carousel-content .bloc-item-inner .libelle {
    font-size: 13px;
    line-height: 12px
}
.carousel-dots,
.owl-dots {
    position: absolute;
    z-index: 4;
    top: 110px;
    left: 0;
    width: 100%;
    height: 16px;
    text-align: center
}
.carousel-dots li,
.owl-dot {
    float: none;
    display: inline-block;
    width: auto;
    margin-right: 10px
}
.carousel-dots li span,
.owl-dot span {
    background-color: #ECEBEC;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0;
    cursor: pointer
}
.owl-item {
    width: auto;
    margin: 0;
    padding: 0
}
.owl-stage {
    margin: 0
}
.owl-next,
.owl-prev {
    display: none;
    height: 100px
}
.nav-carousel .nav-carousel-controller,
.owl-next,
.owl-prev {
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100px;
    width: 24px;
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    background-color: #D8D8D8;
    padding-top: 33px;
    text-align: center
}
.owl-prev {
    left: -22px
}
.nav-carousel .nav-carousel-controller.nav-carousel-prev {
    left: 136px
}
.nav-carousel .nav-carousel-controller.nav-carousel-next,
.owl-next {
    right: 0
}
.nav-carousel .nav-carousel-inner {
    float: left;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0
}
.nav-carousel .nav-carousel-inner .nav-carousel-content {
    float: left;
    display: block;
    width: 100%;
    height: 110px
}
.owl-carousel .owl-stage-outer {
    height: 120px
}
.owl-controls,
.owl-nav {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0
}
.popup .popup-layout.modif_mdp,
.sidebar {
    position: fixed
}
.owl-controls {
    display: block
}
.owl-dots,
.owl-nav {
    display: none
}
.sidebar {
    z-index: 999;
    left: 0;
    top: 0;
    width: 242px;
    height: 100%;
    background: #ECEBEC
}
.with-border {
    border-left: 1px solid #ECEBEC;
    padding-left: 1px
}
.header {
    height: 90px;
    background-color: #FFF;
    text-align: center;
    padding-top: 14px;
    border-right: 1px solid #ECEBEC
}
.full-popin .header {
    border-right: 0
}
.header a {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto
}
.header .go_back,
.header .hamburger {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 10px;
    width: 28px;
    height: 23px;
    cursor: pointer
}
.header .go_back {
    display: none;
    text-transform: none;
    color: #414042;
    padding-left: 20px;
    padding-top: 6px;
    height: 29px;
    width: 50px;
    background: url(../img/back.png) 0 50% no-repeat;
    background-size: 16px 27px
}
.header .go_back.active {
    display: block
}
.header .go_back:active,
.header .go_back:focus,
.header .go_back:hover,
.header .go_back:link,
.retour a:active,
.retour a:focus,
.retour a:hover,
.retour a:link {
    text-decoration: none
}
.bloc-user {
    /* height: 81px; */
    padding: 18px
}
.bloc-user h1 {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #414042;
    margin-bottom: 5px
}
.bloc-user p {
    font-size: 13px;
    line-height: 15px;
    color: #414042
}
.bloc-main ul li {
    height: auto;
    font-size: 15px;
    line-height: 15px;
    color: #414042;
    background-color: #D8D8D8;
    border-bottom: 1px solid #FFF
}
.bloc-main ul li.red {
    color: #FFF;
    background-color: #E2002B;
    border-bottom: 1px solid #E2002B
}
.bloc-main ul li.blue {
    color: #414042;
    background-color: #ECEBEC;
    border-bottom: 1px solid #414042
}
.bloc-main li.logout,
.bloc-main li.logout.blue {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding-top: 22px;
    border-bottom: none
}
.bloc-main li.logout i {
    font-size: 17px
}
.bloc-main li.logout span {
    float: left;
    width: 100%;
    padding-top: 4px
}
.bloc-main li a {
    display: block;
    padding: 12px 45px 12px 14px
}
.bloc-main li.logout a {
    padding-right: 14px
}
.bloc-main li a .caption {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #414042;
    margin-top: 12px
}
.menu-item .badge {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 14px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 4px 0 0
}
.bloc-main ul ul {
    display: none
}
.bloc-main li.opened:after,
.bloc-main ul ul li.opened:after {
    position: absolute;
    z-index: 1;
    right: -10px;
    top: 15px;
    width: 0;
    height: 0;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #e7edf4
}
.bloc-main ul ul li.opened:after {
    border-left: 5px solid #FFF
}
.bloc-main ul li.red.opened:after {
    border-left: 5px solid #E2002B
}
.bloc-main ul li.active {
    background-color: #FFF
}
.bloc-main ul li.active ul {
    display: block
}
.bloc-main ul li.active ul li {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #414042;
    border-top: 1px solid #ECEBEC;
    background-color: #FFF
}
.expend-menu-item,
.expend-menu-item p {
    font-size: 17px;
    line-height: 17px
}
.expend-menu-item {
    position: absolute;
    z-index: 1;
    width: 12px;
    height: 12px;
    top: 14px;
    right: 15px;
    text-align: center;
    font-weight: 700;
    color: #414042
}
#index-items,
.central,
.central-inner {
    width: 100%;
    height: 100%
}
.bloc-item,
.central,
.central-inner {
    position: relative
}
.expend-menu-item .off {
    display: none
}
.expend-menu-item .on {
    display: block
}
.active .expend-menu-item .on {
    display: none
}
.active .expend-menu-item .off {
    display: block
}
.central {
    float: left;
    padding-left: 242px;
    overflow-y: auto;
    overflow-x: hidden;
}
.central-inner {
    padding: 9px
}
.bloc-item {
    float: left;
    width: 20%;
    height: 20%;
    padding: 0 8px 8px 0
}
.bloc-user-mobile {
    display: none
}
.bloc-item.double {
    width: 40%
}
.bloc-item-inner {
    height: 100%;
    padding: 8px 12px 15px 8px
}
.bloc-item-inner.bloc-item-inner-slider {
    padding: 0
}
.bloc-item-inner a {
    display: block
}
.bloc-item-inner .libelle {
    position: absolute;
    bottom: 23px;
    left: 8px;
    padding-right: 12px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #FFF;
    width: 90%
}
.bloc-item.infos .libelle {
    color: #414042;
    font-size: 23px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    padding: 0
}
.bloc-item.infos .icon {
    padding-top: 22px;
    text-align: center;
    float: none;
    display: inherit;
    margin: 0 auto
}
.bloc-item.infos a span {
    font-size: 18px
}
.bloc-item-inner .icon {
    width: auto;
    height: 60px;
    vertical-align: middle;
    display: table-cell
}
.bloc-item-inner .icon img,
.icon-slider-attestation .bloc-item-inner .icon .img_home {
    width: auto;
    height: 100%
}
.beneficiaire .bloc-item-inner .icon img,
.icon-slider-attestation .bloc-item-inner .icon img,
.rib .bloc-item-inner .icon img,
.situation-familiale .bloc-item-inner .icon img {
    width: auto;
    height: 100%;
    margin: 0
}
body .bloc-item-inner .icon .attention {
    height: 60px;
    width: auto;
    margin-top: -20px
}
.bloc-item-inner a.social-link {
    position: relative;
    float: left;
    bottom: auto;
    left: auto;
    width: 100%;
    color: #414042;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px
}
.bloc-social {
    display: table
}
.socials {
    float: none;
    width: 120px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}
.socials ul {
    display: inline-block;
    float: none;
    width: auto;
    padding: 0
}
.socials ul li {
    float: left;
    width: 40px;
    height: 36px
}
.socials li a {
    display: block;
    left: auto;
    bottom: auto;
    width: auto;
    padding: 0
}
.socials li a img {
    width: 100%
}
.secondary-main {
    text-align: center;
    padding-left: 0;
    padding-top: 15%
}
.secondary-main li {
    width: auto;
    font-size: 13px;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
    letter-spacing: 2px
}
.secondary-main li a {
    display: block;
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    padding-right: 0
}
.carousel-inner {
    height: 100%
}
.carousel-control.left,
.carousel-control.right,
.slider-controller {
    position: absolute;
    z-index: 1;
    width: 23px;
    height: 23px;
    top: 50%;
    bottom: auto;
    left: auto;
    margin-top: -9px;
    background: 0 0;
    background-color: rgba(0, 0, 0, .17);
    font-family: Arial;
    font-size: 25px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    padding: 4px 0 0
}
.carousel-control.left,
.slider-prev {
    left: 0
}
.carousel-control.right {
    right: 8px
}
.container_lireplus {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100%
}
.slider-container .content-left .lireplus {
    color: #414042;
    text-decoration: underline;
    padding-top: 10px
}
.slider-controller img {
    width: 13px;
    height: 15px;
    vertical-align: top
}
.slider-next {
    right: 0
}
.slider {
    overflow: hidden
}
.slider .item {
    float: left;
    width: 100%;
    height: 100%
}
.slider-container .content-left,
.slider-container .content-right {
    float: left;
    width: 50%
}
.slider-container .content-right {
    height: 100%;
    text-align: center;
    background-color: #FFF;
    overflow: hidden
}
.slider-container .content-right .container-right-img {
    display: table;
    width: 100%;
    height: 100%
}
.slider-container .content-left img,
.slider-container .content-right img {
    vertical-align: middle;
    display: table-cell;
    max-width: 100%;
    float: none
}
.slider-container .content-left {
    padding: 14px 18px 14px 32px
}
.slider-container .content-left h4 {
    font-size: 13px;
    font-weight: 400;
    line-height: 12px;
    color: #414042;
    margin-bottom: 4px
}
.slider-container .content-left h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    color: #414042;
    margin-bottom: 10px
}
.slider-container .content-left p {
    font-size: 12px;
    line-height: 12px;
    color: #424242;
    margin-bottom: 2px
}
.slider-container .content-left a.more {
    position: relative;
    display: block;
    bottom: auto;
    left: auto;
    width: auto;
    background: 0 0;
    font-size: 12px;
    line-height: 12px;
    color: #003882;
    text-decoration: underline;
    margin-top: 5px;
    text-align: left
}
.loadmore {
    display: none;
    text-align: center
}
.loadmore img {
    width: 16px;
    height: 16px
}
.popin,
.popin-container,
.popin-layout {
    position: absolute;
    width: 100%;
    height: auto
}
.popin,
.popin-layout {
    z-index: 3;
    top: 0;
    left: 0;
    min-height: 120%
}
.popin {
    display: none;
    overflow-x: unset;
    left: 0
}
.popin-container {
    z-index: 2;
    margin-top: 90px;
    padding-bottom: 90px;
    padding-right: 20px;
    padding-left: 8px
}
.popin-inner {
    background-color: #FFF;
    min-height: 300px;
    padding: 20px 47px 16px 20px;
    margin-bottom: 80px;
    -webkit-overflow-scrolling: touch
}
.alerts .table-td,
.custom-select-contener .select-label,
.messagerie .table-td,
.messagerie-sidebar ul li,
.prelevement-details {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.full-page-popin .popin-inner {
    padding: 0;
    max-width: 1057px
}
.popin-inner label,
label.popin-classic-title {
    font-size: 13px
}
.popin-inner input,
.popin-inner select {
    margin-bottom: 12px
}
.popin-inner p.optin {
    font-size: 13px;
    line-height: 13px;
    color: #D8D8D8;
    font-style: italic;
    font-weight: 400
}
.popin-inner p.optin input {
    float: left;
    width: auto;
    margin-top: 0
}
.popin-inner .form-buttons-bar {
    text-align: center;
    margin-top: 20px
}
.popin-inner .form-buttons-bar .btn {
    margin-right: 14px;
    width: 200px
}
.popin .close,
.popup .popup-close {
    position: absolute;
    top: 0;
    right: 8px;
    width: 47px;
    height: 43px;
    background-color: #414042;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    z-index: 1;
    padding-top: 10px;
    line-height: 16px;
    font-weight: 400;
    float: none;
    text-shadow: none;
    opacity: 1;
    filter: opacity(alpha=100)
}
.popin-layout {
    position: absolute;
    z-index: 1;
    background-color: #414042;
    opacity: .9;
    filter: opacity(alpha=90)
}
.popin-inner .messagerie h3 {
    font-weight: 700
}
.messagerie-central {
    float: left;
    width: 73%;
    height: auto
}
.pagination {
    width: 100%;
    height: 20px;
    text-align: right
}
.pagination .current_page,
.pagination .pagination-controler,
.pagination .total_page {
    display: inline-block;
    width: auto
}
.pagination .total_page {
    margin-right: 5px
}
.pagination .pagination-controler {
    width: 20px;
    height: 20px;
    margin-left: 1px;
    background-color: #414042;
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
    line-height: 14px;
    padding-top: 3px;
    text-align: center
}
.pagination .numerotation {
    font-size: 13px;
    line-height: 13px;
    color: #003882
}
.entete-message,
.messagerie-central .table {
    margin-top: 10px;
    margin-bottom: 25px
}
.messagerie-central .table .table-td {
    padding-top: 16px
}
.messagerie-sidebar {
    float: left;
    width: 24%;
    margin-top: 40px;
    margin-right: 3%
}
.messagerie-sidebar h3 {
    display: none
}
.messagerie-sidebar ul {
    border-bottom: none
}
.messagerie-sidebar ul li {
    float: left;
    height: 40px;
    border-bottom: 1px solid #ECEBEC;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700
}
.messagerie-sidebar ul li:last-child {
    border-bottom: none
}
.messagerie-sidebar ul li a {
    display: block;
    height: 100%;
    color: #414042;
    margin: 0 auto;
    line-height: 13px;
    border: none;
    border-radius: 0;
    padding: 0
}
.messagerie-sidebar ul li a:hover {
    background: 0 0
}
.messagerie-sidebar ul li a.underline:hover {
    text-decoration: underline
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #414042;
    background: 0 0;
    border: none;
    cursor: pointer;
    text-decoration: underline
}
.nav-tabs>li.sidebar-title.active>a,
.nav-tabs>li.sidebar-title.active>a:focus,
.nav-tabs>li.sidebar-title.active>a:hover {
    color: #FFF
}
.messagerie-sidebar ul li.sidebar-title {
    height: 44px;
    padding: 12px 15px;
    background-color: #414042;
    vertical-align: middle;
    margin-bottom: 20px;
    text-transform: uppercase
}
.messagerie-sidebar ul li.sidebar-title a {
    color: #FFF;
    vertical-align: middle
}
.messagerie .messagerie-sidebar ul li.sidebar-title a.underline {
    text-decoration: underline
}
.messagerie-sidebar .btn span,
.messagerie-sidebar ul li.sidebar-title span {
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-left: 12px;
    margin-top: -4px;
    vertical-align: middle
}
.new-message .tab-pane .alert {
    margin-top: 15px
}
.new-message .text-center {
    text-align: left
}
.sidebar-title:first-of-type {
    text-align: center
}
.popin-inner h5,
h5.classic {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    height: 20px;
    margin-bottom: 8px;
    color: #414042
}
.popin-inner h4,
h4.classic {
    float: left;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042;
    height: 22px;
    margin-bottom: 14px;
    text-transform: uppercase
}
.popin-inner h4.choice-type-attestation {
    height: auto;
    margin-bottom: 22px
}
h4.choice-beneficiaire {
    height: auto;
    margin-bottom: 11px
}
.popin-inner h4.lower {
    text-transform: none
}
.popin-inner h3 {
    font-size: 20px;
    font-weight: 400;
    color: #008C7E;
    height: 25px;
    margin-bottom: 5px
}
.popin-inner h3.merge {
    margin-bottom: 15px
}
.popover {
    position: absolute;
    z-index: 10;
    top: -10px;
    padding: 16px 35px 20px 20px;
    background-color: #ECEBEC;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none
}
.popover .popover-content,
.popover .popover-title,
.popover-content {
    color: #414042;
    padding: 0
}
.popover-title {
    background-color: transparent;
    color: #414042
}
.popover .closepop,
.popover.left>.arrow,
.popover>.arrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    width: 26px;
    height: 26px;
    top: 0;
    right: 0;
    border: none;
    font-size: 12px;
    line-height: 12px;
    color: #FFF;
    text-align: center;
    padding-top: 8px;
    background-color: #414042
}
.popover .popover-content,
.popover .popover-title {
    font-family: Arial, Sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    border: none;
    text-transform: none
}
.popover .popover-title,
h3.popover-title {
    font-size: 14px;
    height: auto;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: left
}
.popover-question-mark {
    display: inline-block;
    cursor: pointer;
    width: 13px;
    height: 13px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px;
    background-color: #414042;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700;
    padding-top: 2px;
    text-align: center
}
.alerts .table,
.alerts .table-td,
.alerts .table-tr,
.alerts .tbody,
.alerts .thead,
.messagerie .table,
.messagerie .table-td,
.messagerie .table-tr,
.messagerie .tbody,
.messagerie .thead {
    float: left
}
.alerts .thead .table-td,
.messagerie .thead .table-td {
    height: 44px;
    background-color: #ECEBEC;
    border-right: 1px solid #FFF
}
.alerts .table-td,
.messagerie .table-td {
    float: left;
    width: 33.3%;
    height: auto;
    font-size: 13px;
    line-height: 13px;
    color: #414042;
    padding: 1.2em
}
.alerts .tbody .table-tr.unread .table-td,
.messagerie .tbody .table-tr.unread .table-td {
    font-weight: 700
}
.alerts .tbody .table-tr,
.messagerie .tbody .table-tr {
    border-bottom: 1px solid #ECEBEC
}
.alerts .tbody .table-tr:last-child,
.messagerie .tbody .table-tr:last-child {
    border-bottom: none
}
.messagerie .entete-message {
    float: left;
    height: 44px;
    background-color: #ECEBEC;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 16px;
    color: #414042;
    margin-bottom: 20px
}
.messagerie .entete-message p {
    margin: 0 auto
}
.messagerie .entete-message .from {
    color: #414042
}
.messagerie .message-body {
    float: left;
    padding: 14px 16px
}
.messagerie .message-body p {
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 15px;
    color: #414042
}
.alert,
.messagerie .subh3,
.messagerie .write label {
    font-size: 13px;
    color: #414042
}
.alert {
    float: left;
    text-align: left;
    width: 100%;
    line-height: 14px;
    vertical-align: middle;
    padding: 16px 24px;
    margin-bottom: 22px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
.alert .icone {
    float: left;
    width: 27px;
    height: 26px;
    margin-right: 12px
}
.form-group .popover-question-mark {
    position: absolute;
    z-index: 2;
    right: -16px;
    top: 10px
}
.messagerie .write .form-group {
    float: left;
    margin: 0 auto 20px
}
.messagerie .write label {
    line-height: 13px;
    font-weight: 700;
    margin-bottom: 10px
}
.messagerie .retour span {
    top: -1px
}
.custom-select-contener.blue {
    position: relative;
    background: url(../img/arrow_down.png) 97% 15px no-repeat;
    background-size: 15px 9px;
    border: 1px solid #ECEBEC;
    float: left;
    height: 37px;
    width: 90%
}
.custom-select-contener.blue .select-label {
    color: #414042;
    text-transform: uppercase
}
.custom-select-contener {
    position: relative;
    background: url(../img/arrow_down_blue.png) 99% 15px no-repeat #fff;
    float: left;
    height: 37px;
    width: 90%
}
.custom-select-contener select {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 37px;
    width: 100%;
    opacity: 0;
    filter: opacity(alpha=0);
    text-transform: none;
    padding-left: 10px;
    cursor: pointer
}
.custom-select-contener .select-label {
    font-weight: 700;
    font-size: 13px;
    line-height: 13px;
    color: #414042;
    text-transform: none;
    padding: 12px 10px;
    cursor: pointer
}
.messagerie .write textarea {
    float: left;
    border: 1px solid #cfcfcf;
    width: 90%;
    height: 128px
}
.messagerie .write .form-group-buttonbar {
    float: left;
    width: 90%
}
.messagerie .write .btn {
    float: right;
    width: 198px;
    margin-left: 6px
}
.messagerie-central .table-tr a {
    display: block;
    float: left
}
.messagerie .messagerie-date {
    max-width: 15%
}
.messagerie .messagerie-objet {
    width: 51.6%;
    max-width: 51.6%
}
.large-view {
    padding: 20px 48px 40px 25px
}
.full-large {
    background-color: #ECEBEC;
    padding: 20px 48px 10px 25px
}
.prelevement-echeance {
    width: 17%
}
.prelevement-montant {
    width: 27%
}
.prelevement-date {
    width: 22%
}
.prelevement-payeur {
    width: 34%
}
.panel-col .more {
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    right: 20px;
    top: 20px;
    margin-top: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
    color: #414042
}
.panel-col .more.active {
    margin-top: -4px
}
.panel-col.details-coordonnees-bancaires .more {
    margin-top: -10px
}
.panel-col.small-more-container .more {
    margin-top: -8px
}
.panel-col.small-more-container .more.active {
    margin-top: -12px
}
.popin-coordonnees-bancaires .panel-col .more {
    top: 35px
}
.modalites .panel-col .more {
    top: -18px
}
.panel-heading .panel-col.prelevement-payeur {
    font-weight: 400;
    padding-right: 20px;
    box-sizing: border-box
}
.prelevement-n-contrat {
    width: 14%
}
.prelevement-nature {
    width: 17%
}
.prelevement-assure {
    width: 22%
}
.prelevement-du {
    width: 12%
}
.prelevement-avoir {
    width: 8%
}
.prelevement-prel {
    width: 15%
}
.prelevement-details-echance {
    width: 11%
}
.prelevement-details {
    float: left;
    padding-left: 15px;
    padding-top: 9px;
    padding-bottom: 9px
}
.panel-body .prelevement-details span {
    font-weight: 400
}
.prelevement-details .libelle-mobile {
    display: none;
    float: left;
    width: 40%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042
}
.table-listing .body,
.table-listing .head {
    font-size: 13px;
    line-height: 13px;
    float: left;
    display: table
}
.table-listing .head {
    font-weight: 700;
    color: #008C7E
}
.table-listing .body {
    font-weight: 400;
    color: #414042
}
.popin-profil h4 a,
.popin-profil h4 p {
    display: inline-block;
    vertical-align: top
}
.popin-prelevements .form-inline {
    float: left
}
.popin-prelevements .btn {
    margin-top: 4px;
    padding-top: 0
}
.popin-profil {
    padding: 0
}
.popin-profil h4 p {
    width: 300px;
    margin: 0
}
.popin-profil h4 a {
    margin-left: 0;
    margin-top: -5px
}
.popin-profil .coordonnees_mdp h4 a {
    margin-left: -30px
}
.popin-profil .display-line .display-line-label,
.popin-profil .display-line .display-line-value {
    width: 50%
}
.coordonnees-part.border {
    border-right: 1px solid #ECEBEC
}
.popin-profil-update .coordonnees-part.border {
    border-right: none
}
.coordonnees-part.padding {
    padding-left: 40px;
    padding-right: 10px
}
.coordonnees-part {
    float: left;
    width: 50%;
    margin-bottom: 50px
}
.coordonnees-part input,
.coordonnees-part select {
    padding-left: 15px
}
.coordonnees-part select {
    padding-left: 10px;
    z-index: 0
}
.n_voie {
    z-index: 9
}
.popin-profil .coordonnees_mdp,
.popin-profil .coordonnees_mdp .display-group-line {
    width: 100%
}
.popin-profil .coordonnees_mdp .display-line {
    width: 46%
}
.display-group-line {
    float: left;
    margin-bottom: 30px;
    padding-right: 10px
}
.display-line {
    float: left;
    min-height: 20px;
    height: auto;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #414042;
    margin-bottom: 4px;
    width: 100%
}
.display-line .display-line-label {
    float: left;
    width: 47%
}
.display-line .display-line-value {
    float: left;
    width: 40%
}
.popin-profil .full-large .coordonnees-part,
.popin-profil .full-large .display-group-line,
.popin-profil .full-large .display-line,
.popin-profil .full-large .situation-familiale-part {
    margin-bottom: 0
}
.profil-echanges .display-line {
    min-height: 48px;
    height: auto
}
.profil-echanges .btn-small {
    margin-left: 0
}
.profil-echanges .display-line .display-line-label {
    width: 50%
}
.profil-echanges .display-line .display-line-value {
    width: 45%;
    margin-top: -10px
}
.popin-profil .large-view {
    padding: 0 47px 0 25px
}
.popin-profil .btn-small span {
    top: -1px
}
.popin-profil-update .f100 .annuler h4 {
    font-weight: 400;
    margin-top: 6px
}
.popin-profil-update .f100 .annuler:hover h4 {
    color: #fff
}
.icon-slider-attestation .conteneur_input,
.popin-profil-update .conteneur_input,
.rib .conteneur_input {
    width: 432px
}
.icon-slider-attestation .conteneur_input a,
.icon-slider-attestation .conteneur_input input,
.popin-profil-update .conteneur_input a,
.popin-profil-update .conteneur_input input,
.rib .conteneur_input a,
.rib .conteneur_input input {
    float: right
}
input[type=submit] {
    padding: 0
}
.popin-profil .coordonees_switch {
    margin-top: 50px
}
.popin-profil #coordonnees_mdp .display-group-line,
.popin-profil #coordonnees_mdp h4 {
    width: 100%
}
.popin-profil #coordonnees_mdp h4 span {
    margin-right: 80px
}
.popin-profil-update input[type=submit] {
    padding-top: 0;
    margin-bottom: 0
}
.trait {
    height: 1px;
    background-color: #fff;
    width: 10%;
    margin: 0 auto
}
.popup,
.popup .popup-layout,
.popup-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.popup-container {
    z-index: 100
}
.popup,
.popup .popup-layout {
    z-index: 99
}
.popup {
    display: none;
    position: fixed
}
.popup .popup-inner {
    position: fixed;
    z-index: 102;
    top: 50%;
    left: 50%;
    margin-left: -84px;
    width: 410px;
    height: 435px;
    background-color: #FFF;
    padding-left: 48px;
    padding-right: 48px;
    padding-top: 48px;
    margin-top: -200px
}
.popup label {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042
}
.popup h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
    color: #414042;
    margin-bottom: 20px
}
.popup .form-group {
    margin-bottom: 5px
}
.popup .btn {
    width: 100%;
    margin-top: 10px
}
.popup .close,
.popup .popup-close {
    right: 0
}
.popup .popup-layout {
    z-index: 98;
    background-color: #414042;
    opacity: .9;
    filter: opacity(alpha=90)
}
.text-switch {
    float: left;
    width: auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #414042;
    padding-top: 8px;
    margin-right: 24px
}
.note,
.note p {
    font-size: 11px;
    line-height: 12px
}
.switch {
    float: left;
    width: 72px;
    height: 31px;
    background-color: #ECEBEC;
    border-radius: 15px;
    padding: 3px;
    cursor: pointer
}
.switch_container {
    float: left;
    width: auto
}
body .switch_container button,
body .switch_container p {
    margin: 0
}
.button-switch {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 0;
    background-color: #7d7d7d;
    transition: all .2s ease-in-out
}
.switch.active .button-switch {
    background-color: #008C7E;
    margin-left: 40px
}
.note {
    float: left;
    font-style: italic;
    font-weight: 400;
    color: #414042;
    margin-bottom: 30px
}
.rib .coordonnees-part {
    margin-bottom: 0
}
.beneficiaire h3,
.icon-slider-attestation h3,
.rib h3,
.situation-familiale h3 {
    font-weight: 700
}
.beneficiaire .table-listing,
.conseiller .table-listing,
.rib .table-listing {
    margin-bottom: 32px
}
.beneficiaire .table-listing .body,
.conseiller .table-listing .body,
.rib .table-listing .body {
    border-left: 1px solid #ECEBEC;
    border-right: 1px solid #ECEBEC;
    border-bottom: 1px solid #ECEBEC;
    height: 42px
}
.beneficiaire .table-listing .head,
.conseiller .table-listing .head,
.rib .table-listing .head {
    display: table;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #414042;
    height: 54px;
    background-color: #ECEBEC
}
.beneficiaire .body .rib-details,
.conseiller .body .conseiller-details,
.rib .body .rib-details {
    float: left;
    font-size: 13px;
    line-height: 13px;
    color: #414042;
    padding-top: 12px
}
.beneficiaire .rib-details,
.conseiller .conseiller-details,
.rib .rib-details {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}
.selectall,
input[type=checkbox].selectall,
input[type=checkbox].selectone,
input[type=radio].selectall,
input[type=radio].selectone {
    width: auto;
    vertical-align: middle;
    margin: 0 4px 0 0
}
.rib .rib-details.rib-sel .selectall,
.rib .rib-details.rib-sel .selectone,
.rib .rib-details.rib-sel input[type=checkbox].selectall,
.rib .rib-details.rib-sel input[type=checkbox].selectone {
    position: absolute;
    z-index: 1;
    left: 18px;
    top: 50%;
    margin-top: -5px;
    height: 10px
}
.beneficiaire .rib-details.rib-sel .selectall,
.beneficiaire .rib-details.rib-sel input[type=radio].selectall,
.conseiller .conseiller-details.conseiller-sel .selectall,
.conseiller .conseiller-details.conseiller-sel input[type=radio].selectall,
.rib .rib-details.rib-sel .selectall,
.rib .rib-details.rib-sel input[type=checkbox].selectall {
    top: 22px;
    margin-top: 0
}
.beneficiaire .rib-details.rib-sel span,
.conseiller .conseiller-details.conseiller-sel span,
.rib .rib-details.rib-sel span {
    display: block;
    padding-left: 10px;
    width: 80%;
    margin: 0 0 0 10px;
    font-size: 12px;
    line-height: 14px
}
.beneficiaire .head .rib-details.rib-sel,
.conseiller .head .conseiller-details.conseiller-sel,
.rib .head .rib-details.rib-sel {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    height: 42px
}
.rib .rib-details.rib-sel {
    width: 15%;
    height: 42px;
    padding-left: 18px;
    overflow: visible
}
.rib .rib-details.rib-contrat {
    width: 16%
}
.rib .rib-details.rib-nature {
    width: 22%
}
.rib .rib-details.rib-produit {
    width: 26%
}
.rib .rib-details.rib-assure {
    width: 21%
}
.rib .rib-details .libelle-mobile {
    display: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    color: #414042
}
.rib .hr-mobile {
    top: 100px
}
.icon-slider-attestation .annuler,
.icon-slider-attestation .cancel,
.rib .annuler {
    padding-top: 10px
}
.icon-slider-attestation .annuler h4,
.rib .annuler h4 {
    font-weight: 400
}
.icon-slider-attestation input[type=submit],
.rib input[type=submit] {
    padding-top: 0;
    margin-bottom: 0
}
.panel-default-line .panel-col.details-coordonnees-bancaires {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #414042;
    padding: 12px 15px;
    box-sizing: border-box
}
.panel-default-line .panel-col.details-coordonnees-bancaires strong {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #414042
}
.required_fields {
    float: right;
    width: auto;
    font-size: 11px;
    line-height: 11px;
    color: #414042;
    text-transform: none;
    font-weight: 400;
    font-style: italic
}
.popin-coordonnees-bancaires .title p {
    font-size: 13px;
    line-height: 12px
}
.popin-coordonnees-bancaires .table-listing {
    float: left;
    padding-left: 0;
    width: 70%
}
.popin-coordonnees-bancaires .body {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    color: #414042;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECEBEC
}
.popin-coordonnees-bancaires .body.last,
.popin-coordonnees-bancaires .body:last-child {
    border-bottom: none
}
.popin-coordonnees-bancaires .panel-group .panel-heading+.panel-collapse>.list-group,
.popin-coordonnees-bancaires .panel-group .panel-heading+.panel-collapse>.panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ECEBEC
}
.popin-coordonnees-bancaires .btn {
    width: 240px;
    padding: 10px 0 0;
    margin-left: -120px;
    left: 50%
}
.popin-coordonnees-bancaires .panel-default {
    padding-bottom: 2px
}
.panel,
.panel-group {
    float: left;
    margin-bottom: 30px
}
.panel-group.contrat_en_cours,
.panel-group.contrat_resilie,
.panel-group.panel-sinistre {
    border: 1px solid #ECEBEC
}
.panel-group .panel+.panel {
    margin-top: 0
}
.panel-group.contrat_en_cours .panel+.panel,
.panel-group.contrat_resilie .panel+.panel {
    border-bottom: 1px solid #ECEBEC;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none
}
.panel-group.contrat_en_cours .panel+.panel:last-of-type,
.panel-group.contrat_en_cours .panel:last-of-type,
.panel-group.contrat_resilie .panel+.panel:last-of-type,
.panel-group.contrat_resilie .panel:last-of-type {
    border-bottom: none
}
.panel-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #414042
}
.panel-default>.panel-heading {
    background-color: #ECEBEC;
    height: 58px;
    padding: 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
.panel-default>.panel-heading.panel-small-heading {
    height: 40px
}
.panel-default>.panel-heading.panel-small-heading p {
    padding-bottom: 10px
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    float: left;
    padding: 25px 0;
    border: 1px solid #ECEBEC;
    border-top: 1px solid #ECEBEC
}
.panel-group .panel {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none
}
.panel-default-line {
    float: left
}
.panel-default-line .panel-col {
    float: left;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    background-color: #ECEBEC;
    color: #414042;
    box-sizing: initial
}
.panel-default-head .panel-col .panel-col-label {
    float: left;
    background-color: #008C7E;
    color: #FFF;
    padding: 20px 15px
}
.panel-default-line .panel-col .panel-col-label {
    float: left;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 15px 15px 0;
    display: table-cell;
    vertical-align: middle;
    font-weight: 400
}
.popin-prelevements .panel-group .panel+.panel {
    margin-top: 2px
}
.popin-prelevements .panel-default-head .panel-col .panel-col-label,
.popin-prelevements .panel-default-line .panel-col .panel-col-label {
    float: none;
    height: 58px;
    padding: 20px 15px 0;
    font-weight: 700;
    vertical-align: top
}
.popin-prelevements .panel-heading .panel-col.prelevement-payeur {
    font-weight: 400
}
.popin-prelevements .panel-default-head .panel-col .panel-col-label {
    float: left;
    padding: 20px 15px
}
.popin-prelevements .panel-heading .panel-col.prelevement-payeur .panel-col-label {
    font-weight: 400;
    padding-top: 10px
}
.popin-inner .popin-prelevements .panel-group .panel-body .panel-body {
    padding-bottom: 20px
}
.popin-inner .popin-prelevements .panel-group .panel-collapse .panel-body {
    padding-bottom: 20px;
    border: 1px solid #ECEBEC
}
.panel-default-line .panel-col .panel-col-label span.mb5 {
    display: block;
    margin-bottom: 0;
    color: #414042;
    font-weight: 400
}
.panel-default-line .panel-col .panel-col-label span {
    display: none;
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #008C7E
}
.panel-heading {
    display: table
}
.panel-heading a {
    display: inherit
}
.panel-heading .panel-col {
    display: table-cell;
    vertical-align: middle;
    float: none
}
.popin-contrat-partenaire .bg_cyan,
.popin-contrats div .bg_cyan {
    background-color: #008C7E;
    color: #fff
}
.popin-contrats h4 {
    margin-bottom: 0
}
.popin-contrat-partenaire .retour a {
    text-transform: none;
    font-size: 13px
}
.popin-contrats .content_contrat {
    width: 82%
}
.voir_details {
    width: 15%;
    margin: 0 0 3px;
    display: inline-block;
    top: auto
}
.voir_details a {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: none
}
.popin-contrats .details_contrat .btn_width,
.popin-dossier-emprunteur .btn_width {
    width: auto;
    height: 25px;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px
}
.popin-contrats .details_contrat {
    width: 17%;
    display: inline-block;
    margin: 0
}
.popin-contrats .titre_contrat {
    text-transform: uppercase
}
.contrat_en_cours .panel-default,
.contrat_resilie .panel-default,
.panel-sinistre .panel-default {
    padding: 20px 10px 20px 15px;
    border-bottom: 1px solid #ECEBEC
}
.panel-sinistre .panel-default {
    padding: 20px 15px;
    border-bottom: 1px solid #ECEBEC
}
.declarer-sinistre .panel-sinistre .panel-default {
    border-bottom: none
}
.panel-default.panel-gmpa {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none;
    border-left: 1px solid #ECEBEC;
    border-right: 1px solid #ECEBEC;
    border-bottom: 1px solid #ECEBEC
}
.contrat_en_cours div p span,
.contrat_resilie div p span {
    font-weight: 700
}
.popin-contrats .panel .content_contrat,
.popin-contrats .panel .details-contrat {
    display: inline-block;
    vertical-align: bottom
}
.content_contrat p,
.contrat_en_cours .status_contrat,
.status_contrat {
    margin: 0
}
.panel-body .statut_contrat span {
    font-weight: 400
}
.container_details .display-line-label,
.coordonnees_partenaire {
    font-weight: 700
}
.container_details .retour a,
.popin-inner .retour a {
    margin: 0;
    height: 25px;
    padding-top: 5px
}
.container_details .retour a span,
.popin-contrats .details_contrat .btn_width span,
.popin-dossier-emprunteur .btn_width span,
.popin-dossier-emprunteur .details_contrat a span,
.popin-inner .retour a span {
    vertical-align: text-top
}
.container_details .display-group-line {
    margin: 0 10px 10px 0;
    padding: 0
}
.col-d-blue-sidebar,
.container_contact {
    background-color: #ECEBEC;
    color: #414042;
    padding-right: 0
}
.col-d-blue-sidebar .display-line {
    float: left;
    color: #414042;
    margin-bottom: 0;
    line-height: 15px
}
.col-d-blue-sidebar-inner {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px
}
.col-d-blue-sidebar h4 {
    float: left;
    padding: 20px 0 40px;
    text-align: center;
    margin-bottom: 0
}
.col-d-blue-sidebar-inner .img_contact {
    width: 14px;
    margin-right: 10px
}
.col-d-blue-sidebar-inner .display-line {
    margin-top: 25px
}
.col-d-blue-sidebar .display-line:first-of-type {
    margin-top: 20px
}
.col-d-blue-sidebar,
.container_contact,
.container_partenaire {
    float: left
}
.popin-contrat-partenaire .container_details {
    float: left;
    position: relative;
    width: 100%
}
.container_partenaire {
    width: 100%;
    padding-right: 282px;
    padding-bottom: 50px
}
.container_partenaire h4 span {
    font-weight: 400
}
.col-d-blue-sidebar,
.container_contact {
    position: absolute;
    right: 0;
    width: 257px
}
.col-d-blue-sidebar-inner .display-line .display-line-value {
    width: 71%
}
.col-d-blue-sidebar-inner p {
    float: left
}
.popin-contrat-partenaire .message_important {
    float: left;
    margin-top: 23px
}
.container_contact .coordonnees_partenaire_mobile {
    display: none
}
.popin-contrat-partenaire .contrat_en_cours .display-group-line:last-child {
    padding: 10px 10px 10px 15px;
    margin: 0;
    border: 1px solid #ECEBEC;
    border-top: none
}
.bloc-group {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 14px;
    color: #414042;
    vertical-align: middle;
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid #ECEBEC
}
.bloc-group .display-group-line {
    margin-bottom: 0
}
.bloc-group-line {
    float: left;
    width: 100%;
    margin-bottom: 8px
}
.bgl-left {
    float: left;
    width: 35%
}
.bgl-right {
    float: left;
    width: 65%
}
.prets_associes .bgl-left {
    width: 41%
}
.prets_associes .bgl-right {
    width: 55%
}
.bloc-group-line .radio-inline {
    padding: 0;
    vertical-align: top;
    cursor: auto
}
.bloc-group-line .radio-inline input {
    position: relative;
    margin: 0 auto
}
.popin-dossier-emprunteur .content_contrat {
    float: left;
    display: inline-block;
    width: 80%
}
.popin-dossier-emprunteur .voir_details {
    top: 40px
}
.retour {
    float: left;
    width: auto
}
.retour a {
    text-transform: none;
    font-size: 13px;
    padding-left: 20px;
    padding-right: 20px
}
.gerer_input,
.popin-dossier-emprunteur .panel-col.bg_cyan .panel-col-label {
    text-transform: uppercase
}
.popin-dossier-emprunteur .bloc-group {
    padding-bottom: 15px;
    padding-left: 15px
}
.container_partenaire h4,
.details-dossier-emprunteur h4,
.details-dossier-pret-emprunteur h4 {
    margin-bottom: 6px
}
.popin-dossier-emprunteur .bloc-group-blc {
    padding-bottom: 15px
}
.popin-dossier-emprunteur .bloc-group-blc.width-bloc-blc {
    width: 95%
}
.popin-dossier-emprunteur .bloc-group-blc:last-of-type {
    padding-bottom: 0
}
.popin-dossier-emprunteur .details-dossier-emprunteur .bloc-group-line:first-of-type {
    margin-bottom: 0
}
.popin-dossier-emprunteur .content_contrat {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}
.popin-dossier-emprunteur .prets_associes .bloc-group-line {
    margin-bottom: 2px
}
.popin-dossier-emprunteur .bloc-group-line {
    height: 14px
}
.popin-dossier-emprunteur .prets_associes .bloc-group-line:last-of-type {
    padding-bottom: 8px
}
.popin-dossier-emprunteur .radio-inline input,
.popin-dossier-emprunteur .radio-inline label {
    display: inline-block;
    width: auto;
    vertical-align: top;
    line-height: normal;
    font-weight: 400
}
.popin-dossier-emprunteur .details_contrat {
    display: inline-block;
    width: auto;
    margin-top: 54px;
    vertical-align: bottom
}
.popin-dossier-emprunteur .details_contrat a {
    margin-left: 0
}
.big_container_details_emprunteur {
    width: 100%;
    float: left;
    position: relative
}
.big_container_details_emprunteur .container_details_emprunteur {
    width: 100%;
    padding-right: 280px
}
.big_container_details_emprunteur .display-line-label {
    font-weight: 700
}
.gerer_contrat {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 22px
}
.popin-inner .panel-group .panel-body,
.popin-inner .panel-group .panel-collapse .panel-body {
    float: left;
    border: none;
    padding: 10px 15px;
    border-top: 1px solid #ECEBEC;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -o-box-shadow: none
}
.popin-inner .popin-details-contrats-prevoyance .panel-group .panel-body {
    border: 1px solid #ECEBEC;
    border-top: 0
}
.panel-group.contrat_resilie .panel-body,
.panel-group.mes_contrats .panel-body,
.panel-group.mes_contrats .panel-collapse .panel-body,
.panel-group.panel-sinistre .panel-body {
    border: none;
    padding: 0
}
.gerer_contrat .display-line {
    padding-top: 20px
}
.gerer_contrat h4 {
    height: auto;
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 0
}
.container_details_emprunteur .display-line:first-of-type {
    margin-top: 0
}
.coordonnees_partenaire {
    padding-bottom: 10px
}
.retour_mobile {
    display: none
}
.col-d-blue-sidebar,
.container_contact,
.container_contrats-prevoyance,
.container_details_emprunteur {
    float: left
}
.container_contrats-prevoyance .bloc-group-line {
    margin-bottom: -1px
}
.container_contrats-prevoyance {
    width: 100%;
    float: left;
    padding-right: 280px
}
.container_contrats-prevoyance .cyan {
    margin-top: 35px
}
.container_gerer {
    float: right;
    width: 257px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ECEBEC;
    color: #414042
}
.popin-details-contrats-prevoyance .panel-default-head p:first-child,
.popin-details-dossier-emprunteur .panel-default-head p:first-child {
    width: 50%;
    margin: 0;
    text-align: left;
    font-weight: 700
}
.popin-details-contrats-prevoyance .panel-default-head p,
.popin-details-dossier-emprunteur .panel-default-head p {
    width: 50%;
    text-align: right
}
.popin-details-dossier-emprunteur .panel-default-head .panel-col-label .underline {
    padding-right: 5px
}
.popin-details-dossier-emprunteur .coordonnees_partenaire_mobile {
    display: none
}
.gerer_input {
    float: left;
    width: 90%;
    margin: 8px auto 0 12px;
    padding: 12px 0;
    background-color: #fff;
    text-align: center
}
.gerer_input:first-of-type {
    margin-top: 0
}
.col-d-blue-sidebar input[type=submit],
.gerer_alerte,
.popin-details-dossier-emprunteur input[type=submit] {
    margin-left: 15px
}
.gerer_contrat p {
    float: left;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 17px;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
    margin-left: 12px;
    width: 90%
}
.gerer_alerte,
.gerer_form {
    float: left
}
.gerer_contrat .text-switch {
    border-bottom: none;
    text-align: left;
    font-weight: 400
}
.popin-details-dossier-emprunteur .gerer_contrat .text-switch {
    font-weight: 400;
    margin-left: 0
}
.gerer_form button {
    margin-top: 4px
}
.gerer_alerte {
    padding-bottom: 22px;
    margin-bottom: 22px;
    width: 90%;
    border-bottom: 1px solid #fff
}
.col-d-blue-sidebar input[type=submit] {
    width: 90%
}
.popin-details-dossier-emprunteur .container_switch_emprunteur button {
    text-transform: none;
    font-size: 13px;
    padding-bottom: 6px
}
.panel-default-line,
.panel-heading {
    height: 40px;
    font-weight: 400
}
.popin-prelevements .panel-default-line,
.popin-prelevements .panel-heading {
    height: 58px
}
.panel-body span {
    font-weight: 700
}
.avenant-details span {
    font-weight: 400
}
.popin-details-contrats-prevoyance .panel-default-line .panel-col .panel-col-label,
.popin-details-dossier-emprunteur .panel-body span,
.section-popin.declaration-deces .panel-default-line .panel-col .panel-col-label {
    font-weight: 700
}
.container_details_emprunteur .retour a {
    text-transform: none;
    font-size: 13px
}
.popin-details-contrats-prevoyance .panel-col-label,
.popin-details-contrats-prevoyance .panel-default-head,
.popin-details-dossier-emprunteur .panel-default-head,
.section-popin.declaration-deces .panel-col-label {
    text-transform: uppercase
}
.col-d-blue-sidebar .panel-group {
    margin-bottom: 10px
}
.avenant-capital,
.avenant-cotisation,
.avenant-date,
.avenant-produit {
    width: 25%
}
.avenant-details {
    float: left;
    padding-left: 15px;
    padding-top: 9px;
    padding-bottom: 9px
}
.avenant-details .libelle-mobile {
    display: none;
    float: left;
    width: 40%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042
}
.big_container_contrats-prevoyance {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 0
}
.big_container_contrats-prevoyance .panel-default {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
.big_container_contrats-prevoyance .panel-default .display-group-line,
.declaration-deces .panel-default .display-group-line,
.section-popin.declaration-deces .panel-default .display-group-line {
    padding: 10px;
    margin-bottom: 0
}
.big_container_contrats-prevoyance .partenaire .large .panel-default .display-group-line:last-of-type {
    padding-left: 10px;
    padding-right: 10px
}
.panel-group.partenaire .panel {
    border: 1px solid #ECEBEC
}
.popin-details-contrats-prevoyance .panel-default>.panel-heading,
.section-popin.declaration-deces .panel-default>.panel-heading {
    height: 40px
}
.popin-details-contrats-prevoyance .panel-default-line .panel-col .panel-col-label .underline,
.section-popin.declaration-deces .panel-default-line .panel-col .panel-col-label .underline {
    font-weight: 400
}
.popin-details-contrats-prevoyance .display-line-label,
.popin-details-contrats-prevoyance .panel-body p span {
    font-weight: 700
}
.popin-details-contrats-prevoyance .avenant-payeur {
    width: 15%
}
.popin-details-contrats-prevoyance .avenant-assure,
.popin-details-contrats-prevoyance .avenant-capital,
.popin-details-contrats-prevoyance .avenant-cotisation,
.popin-details-contrats-prevoyance .avenant-date,
.popin-details-contrats-prevoyance .avenant-produit {
    width: 16.5%
}
.popin-details-contrats-prevoyance .avenant-rib {
    width: 20%
}
.popin-details-contrats-prevoyance .panel-default-head .underline,
.popin-details-dossier-emprunteur .panel-default-head .underline {
    text-transform: none
}
.popin-details-contrats-prevoyance .avenant-details:first-of-type,
.popin-details-dossier-emprunteur .avenant-details:first-of-type {
    padding-left: 0
}
.popin-details-contrats-prevoyance .bloc-group:first-of-type {
    padding-left: 10px
}
.popin-details-contrats-prevoyance .bloc-group:first-of-type .display-line {
    margin-bottom: 0
}
.container_benef_checkbox {
    padding-top: 15px
}
.popin-details-contrats-prevoyance .container_benef_checkbox .display-line .display-line-value {
    width: 14px
}
.popin-details-contrats-prevoyance .date_prevoyance,
.popin-details-contrats-prevoyance .motif {
    width: 50%
}
.popin-details-contrats-prevoyance .date_prevoyance:last-of-type {
    padding-left: 35%
}
.popin-details-contrats-prevoyance .contacter_partenaire,
.popin-details-contrats-prevoyance .select_prevoyance {
    display: none;
    float: left
}
.popin-details-contrats-prevoyance .avenant-details .libelle-mobile {
    display: none;
    float: left;
    width: 48%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042
}
.popin-details-contrats-prevoyance .statut_nomobile {
    display: block;
    text-transform: none
}
.popin-details-contrats-prevoyance .display-group-line .initialmob,
.popin-details-contrats-prevoyance .panel-heading p,
.popin-details-contrats-prevoyance .statut_mobile {
    display: none
}
.popin-details-contrats-prevoyance .container_contrats-prevoyance h4 span {
    font-weight: 400
}
.popin-details-contrats-prevoyance .panel-default-head .underline {
    padding-right: 5px
}
.popin-details-contrats-prevoyance input[type=submit] {
    margin-left: 12%;
    padding: 0 15px
}
.popin-details-contrats-prevoyance .modalites h4 {
    height: 100%;
    margin-bottom: 0;
    padding-left: 15px;
    line-height: 40px;
    background-color: #008C7E
}
.popin-details-contrats-prevoyance .modalites .table-listing {
    float: left;
    border: 1px solid #ECEBEC;
    border-top: none;
    padding-left: 15px;
    padding-top: 5px
}
.popin-details-contrats-prevoyance .modalites .more,
.popin-details-contrats-prevoyance .modalites .panel-col-label {
    color: #fff
}
.popin-inner .panel-group .panel-body,
.popin-inner .panel-group.modalites .panel-collapse .panel-body {
    padding-top: 15px;
    padding-bottom: 15px
}
.popin-details-contrats-prevoyance .panel-group .more_container {
    float: left
}
.coordonnees_mdp,
.coordonnees_mdp * {
    width: 100%;
    margin-bottom: 0
}
.popin .popin-inner {
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}
.popin .close {
    position: absolute;
    top: 0;
    right: 20px;
    width: 47px;
    height: 43px;
    background-color: #414042;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    z-index: 1;
    padding-top: 10px;
    line-height: 16px;
    font-weight: 400;
    float: none;
    text-shadow: none;
    opacity: 1;
    filter: opacity(alpha=100)
}
.form-group-buttonbar {
    position: relative;
    width: 432px;
    float: right;
    margin-top: 25px
}
.new-message .form-group-buttonbar {
    float: left;
    height: 56px;
    width: 90%
}
.new-message .form-group-buttonbar input.btn {
    margin-right: 0
}
.popin-inner .form-group-buttonbar .btn {
    float: right;
    margin-right: 14px;
    width: 200px
}
.popin-inner .new-message .form-group-buttonbar .btn {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: 8px
}
.popin-inner .new-message .form-group-buttonbar .btn.annuler {
    margin-left: -208px
}
.popin-inner .btn h4 {
    margin-top: 5px;
    font-weight: 400
}
.popin-inner .messagerie #write textarea {
    float: left;
    border: 1px solid #ECEBEC;
    width: 90%;
    height: 128px
}
.popin-inner .form-group label {
    margin-top: 10px;
    margin-bottom: 5px;
    color: #414042
}
.popin-inner .popin-dossier-emprunteur label {
    margin-top: 0
}
.popin-inner .custom-select-contener select {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 37px;
    width: 100%;
    opacity: 0;
    filter: opacity(alpha=0);
    text-transform: uppercase;
    padding-left: 10px;
    cursor: pointer
}
.static_radio {
    display: inline-block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: url(../img/sprite.png) 0 -12px no-repeat
}
.static_radio.radio_off {
    background-position: 0 -12px
}
.static_radio.radio_on {
    background-position: -13px -12px
}
.static_checkbox {
    display: block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../img/sprite.png) no-repeat
}
.static_checkbox.checkbox_off {
    background-position: 0 0
}
.static_checkbox.checkbox_on {
    background-position: -12px 0
}
.attestation-h3-p {
    float: left;
    width: 100%;
    margin-bottom: 14px
}
.attestation-choices-bloc {
    margin-bottom: 28px
}
.attestation-choices-left,
.attestation-choices-right {
    float: left;
    width: 285px;
    height: auto
}
.attestation-choices-right {
    width: 380px
}
.attestation-choices-left input,
.attestation-choices-right input {
    float: left;
    width: auto;
    margin-right: 12px;
    margin-bottom: 6px
}
.attestation-choices-left span.libelle,
.attestation-choices-right span.libelle {
    margin-right: 8px
}
.situation-familiale-choice {
    display: block
}
.attestation-beneficiaire-choice,
.departement-choice,
.situation-familiale-choice {
    width: 450px;
    margin-bottom: 22px
}
.attestation-beneficiaire-choice .custom-select-contener.blue,
.departement-choice .custom-select-contener.blue,
.popin-inner .custom-select-contener .attestation-beneficiaire-choice select,
.popin-inner .custom-select-contener .departement-choice select,
.popin-inner .custom-select-contener .situation-familiale-choice select,
.situation-familiale-choice .custom-select-contener.blue {
    height: 30px;
    width: 100%
}
.attestation-beneficiaire-choice .custom-select-contener.blue,
.departement-choice .custom-select-contener.blue,
.situation-familiale-choice .custom-select-contener.blue {
    background-position: 97% 10px
}
.attestation-beneficiaire-choice .custom-select-contener.blue .select-label {
    padding-top: 8px;
    font-weight: 400
}
.form-deplacements {
    float: left;
    width: 450px
}
.form-deplacements input {
    margin-bottom: 12px;
    height: 30px;
    padding-left: 10px;
    background-color: #FFF;
    border: 1px solid #ECEBEC
}
.attestation-choice-deplacements p {
    margin-bottom: 24px
}
.attestation-choice-opex textarea {
    resize: none;
    width: 520px;
    height: 198px;
    padding: 10px
}
.attestation-choice {
    clear: both;
    float: left;
    display: none
}
.icon-slider-attestation .form-buttons-bar {
    margin-top: 50px
}
.panel-sinistre .panel-default-line .panel-col {
    text-transform: uppercase
}
.declarer-sinistre-inner {
    margin-top: 10px;
    margin-bottom: 12px
}
.declarer-sinistre-inner li {
    list-style-position: inside;
    list-style-type: none;
    padding-left: 14px;
    background: url(../img/sinistre-li.png) 0 6px no-repeat;
    background-size: 7px 7px;
    font-weight: 700;
    margin-bottom: 8px
}
.panel-sinistre .alert {
    width: 100%;
    margin-left: 0
}
.panel-sinistre .container-cta {
    text-align: right;
    margin-top: 25px
}
.panel-sinistre .container-cta .btn {
    text-transform: none;
    padding-top: 5px
}
.panel-sinistre .container-cta .btn img {
    vertical-align: middle
}
h3.declaration {
    margin-top: 18px;
    color: #008C7E
}
.declaration-steps {
    margin: 8px 0 65px
}
.declaration-steps li {
    list-style: none;
    float: left;
    margin: 1px 97px 2px 18px;
    width: 20px;
    height: 20px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px 18px 18px 18px;
    -ms-border-radius: 18px 18px 18px 18px;
    -o-border-radius: 18px;
    border: 2px solid #007AB3;
    background-color: #007AB3;
    box-shadow: inset 0px 0px 0px 1px #FFF;
    text-align: center;
    padding-top: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #008C7E
}
.declaration-steps li .lib {
    display: none;
    position: absolute;
    z-index: 1;
    width: 200px;
    top: 47px;
    left: 50%;
    margin-left: -100px;
    font-size: 12px;
    line-height: 12px;
    color: #008C7E
}
.declaration-steps li:last-child {
    margin-right: 0
}
.declaration-steps li.check {
    background: url(../img/declaration_check.gif) center center no-repeat #007AB3;
    background-size: 16px 12px;
    border: 2px solid #007AB3
}
.declaration-steps li.check span {
    display: none
}
.declaration-steps li.disabled {
    background-color: white;
    border: 1px solid #007AB3;;
    color: #FFF
}
.declaration-steps li.active .lib {
    display: block
}
h4.titre_declaration {
    margin-bottom: 0
}
.declaration-nature-bloc {
    margin-top: 18px;
    padding: 0 40px
}
.declaration-nature-bloc ul,
.declaration-nature-bloc ul li {
    list-style: none;
    padding: 0;
    margin: 0 auto
}
.declaration-nature-bloc .panel-heading,
.declaration-nature-bloc ul li {
    position: relative;
    float: left;
    display: table;
    height: 46px;
    margin-bottom: 2px;
    padding: 15px;
    background-color: #ECEBEC
}
.declaration-nature-bloc .panel-default,
.declaration-nature-bloc .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: #FFF
}
.declaration-nature-bloc .merge-2.panel {
    margin-bottom: 2px
}
.declaration-nature-bloc .panel-body {
    padding: 15px
}
.declaration-details-group {
    margin-bottom: 28px
}
.declaration-details-group:last-of-type {
    margin-bottom: 0
}
.declaration-details-line {
    margin-bottom: 12px
}
.declaration-details-line .lib,
.declaration-details-line .val {
    float: left;
    width: 50%
}
.declaration-details-line .lib .legend {
    font-size: 11px;
    line-height: 12px;
    color: #414042;
    padding-right: 25px
}
.declaration-details-line .lib span {
    margin-left: 10px
}
.declaration-details-line .val.radios {
    padding-left: 20px
}
.declaration-details-line .val input,
.declaration-details-line .val label {
    width: auto;
    font-weight: 400;
    margin: 0 12px 0 0;
    vertical-align: middle
}
.declaration-nature-bloc .panel-default>.panel-heading {
    border: 1px solid #ECEBEC
}
.declaration-nature-bloc .panel-heading {
    display: table;
    padding: 0 0 0 15px;
    margin-bottom: 0
}
.declaration-nature-bloc .cyan-bg>.panel-heading {
    background-color: #D8D8D8
}
.declaration-nature-bloc .cyan-bg >.panel-heading .lib {
    color: #414042
}
.declaration-nature-bloc .panel-heading a {
    display: table-cell;
    vertical-align: middle
}
.declaration-nature-bloc .panel-heading .lib,
.declaration-nature-bloc ul li .lib {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    padding-right: 90px;
    color: #414042;
    text-transform: uppercase
}
.declaration-nature-bloc .panel-heading .lib.margin-right {
    padding-right: 110px
}
.declaration-nature-bloc .panel-heading .switch_container,
.declaration-nature-bloc ul li .switch_container {
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 8px;
    margin-top: 0
}
.declaration-nature-bloc .panel-heading a .switch_container {
    right: 10px
}
.declaration-nature-bloc .panel-heading .switch,
.declaration-nature-bloc ul li .switch_container .switch {
    background-color: #FFF
}
.ctas-container-recap {
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 30px
}
.recap-panel .panel {
    margin-bottom: 10px
}
.recap-panel.recap-panel-last {
    margin-top: 0
}
.ctas-container-recap .btn {
    float: none;
    width: 248px;
    padding-top: 16px
}
.ctas-container-declaration {
    margin-top: 10px
}
.ctas-container-declaration .form-group-buttonbar {
    width: 100%
}
.ctas-container-declaration .form-group-buttonbar .btn {
    width: 190px
}
.ctas-container-declaration .form-group-buttonbar .cancel {
    float: left;
    background-color: #ECEBEC
}
.ctas-container-declaration .form-group-buttonbar .cancel:hover {
    background-color: #ECEBEC
}
.interrogation {
    height: 14px;
    width: 14px;
    border-radius: 8px
}
.declaration-period-line {
    height: 32px;
    margin-bottom: 10px
}
.declaration-period-line:first-of-type {
    margin-bottom: 0
}
.declaration-period-line .add_period {
    float: right;
    width: auto;
    font-size: 13px;
    line-height: 13px;
    color: #414042;
    text-decoration: underline;
    text-align: right;
    margin-top: 10px
}
.declaration-period-line .lib {
    width: 105px;
    min-height: 10px;
    padding-top: 6px
}
.declaration-period-line .val {
    width: 200px
}
.declaration-period-line .val input {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #ECEBEC;
    height: 30px;
    padding-left: 8px;
    padding-right: 8px
}
.declaration-nature-bloc .pieces-line li {
    height: 42px;
    padding: 14px 120px 14px 16px;
    margin-bottom: 0;
    border-bottom: 1px solid #ECEBEC;
    background-color: #FFF
}
.declaration-nature-bloc .pieces-line li .file-custom-input-container {
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 14px;
    text-transform: none;
    width: 92px;
    height: 22px;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
    touch-action: manipulation
}
.declaration-nature-bloc .pieces-line li .file-custom-input-container .btn-save {
    text-transform: none;
    height: 22px;
    padding-top: 3px
}
.declaration-nature-bloc .pieces-line li .file-custom-input-container .btn-save .icon-btn {
    width: 15px;
    height: 15px;
    vertical-align: bottom
}
.declaration-nature-bloc .pieces-line li .file-custom-input-container .btn-save .icon-btn img {
    margin-top: 0
}
.declaration-nature-bloc .pieces-line li .file-custom-input-container .transparency-file {
    position: absolute;
    top: 0;
    right: 0;
    width: 92px;
    height: 22px;
    vertical-align: middle;
    text-transform: none;
    opacity: 0;
    filter: opacity(alpha=0);
    cursor: pointer!important;
    padding-top: 0
}
.declaration-nature-bloc .pieces-line li:last-child {
    border-bottom: 0
}
.declaration-nature-bloc .required_fields {
    float: left;
    color: #414042;
    text-align: left;
    margin: -20px auto 0
}
.ctas-declaration-pieces .form-group-buttonbar .btn-primary {
    width: auto;
    padding-left: 20px;
    padding-right: 20px
}
.list-pieces-justificatives .li-list-pieces-justificatives.isFirst,
.list-pieces-justificatives .li-list-pieces-justificatives:first-of-type {
    margin-top: 20px
}
.list-pieces-justificatives .li-list-pieces-justificatives {
    float: left;
    display: list-item;
    height: 20px;
    background: url(../img/sinistre-li.png) 0 6px no-repeat;
    background-size: 7px 7px;
    padding: 0 15px
}
.list-pieces-justificatives .li-list-pieces-justificatives .delete {
    float: left;
    width: 95px;
    cursor: pointer
}
.list-pieces-justificatives .li-list-pieces-justificatives .delete a {
    text-decoration: underline;
    font-size: 10px;
    line-height: 10px;
    color: #414042
}
.list-pieces-justificatives .li-list-pieces-justificatives .delete .icon {
    float: left;
    width: 8px;
    height: 12px;
    margin-right: 14px;
    vertical-align: middle
}
.list-pieces-justificatives .li-list-pieces-justificatives .size {
    float: left;
    width: 94px
}
.list-pieces-justificatives .li-list-pieces-justificatives .lpj-title {
    float: left;
    width: 126px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
h3.h3-declaration-recapitulatif {
    font-weight: 400;
    margin-top: 15px;
    text-align: left
}
.attestation-inner .btn-recap-label {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    touch-action: manipulation;
    width: auto;
    height: 22px;
    background-color: #D8D8D8;
    font-size: 12px;
    line-height: 12px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 4px;
    vertical-align: bottom;
    color: #FFF;
    text-transform: none;
    margin-left: 12px
}
.advisor h2,
.advisor-contact h3,
.news-feed li .news-title {
    font-weight: 700;
    text-transform: uppercase
}
.attestation-inner .btn-recap-label.valid {
    background-color: #008C7E
}
.attestation-inner .btn-recap-label.emit {
    background-color: #76c8f6
}
.attestation-inner .btn-recap-label.waiting {
    background-color: #D8D8D8;
    color: #FFF
}
.attestation-inner .btn-recap-label .icon {
    display: inline-block;
    width: 12px;
    height: 13px;
    margin-right: 6px
}
.drl-line {
    margin-bottom: 10px
}
.drl-left,
.drl-right {
    float: left;
    margin: 0 auto
}
.drl-left {
    width: 25%;
    font-weight: 700
}
.drl-right {
    width: 75%
}
.pj-recap {
    float: left;
    padding-left: 20px;
    background: url(../img/blue_li.png) 0 5px no-repeat;
    background-size: 7px 7px;
    margin-bottom: 10px;
    font-weight: 700
}
.advisor,
.advisor-mobile,
.sidebar-news-page {
    position: absolute;
    z-index: 1;
    background-color: #ECEBEC
}
::-webkit-file-upload-button {
    cursor: pointer
}
.part-conseiller-gmpa {
    float: left;
    width: 100%;
    min-height: 700px
}
.advisor,
.advisor-mobile {
    top: 0;
    left: 0;
    width: 285px;
    height: auto;
    min-height: 100%;
    padding: 20px 17px
}
.advisor-contact {
    float: left;
    width: 850px;
    padding-left: 315px
}
.advisor-contact h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 13px;
    line-height: 13px;
    color: #E2002B;
    margin-top: 30px;
    margin-bottom: 18px
}
.advisor-contact h3.sm {
    margin-top: 20px
}
.advisor-contact-line {
    float: left;
    width: 100%;
    margin-bottom: 13px
}
.advisor-contact-line-last {
    margin-bottom: 0
}
.advisor-contact-left,
.advisor-contact-right {
    float: left;
    width: 50%;
    font-size: 13px;
    line-height: 16px;
    color: #414042
}
.advisor-contact-left {
    font-weight: 700
}
.advisor-btn-group {
    float: left;
    width: auto;
    margin-top: 50px
}
.advisor-btn-group .btn {
    float: right;
    padding: 16px 24px 0
}
.advisor-btn-group .btn-primary {
    margin-left: 20px
}
.advisor .avatar {
    float: left;
    width: 107px;
    height: 128px;
    overflow: hidden;
    margin-bottom: 22px
}
.advisor h2,
.advisor p,
.advisor ul,
.news-feed,
.news-feed li,
.suppleant-advise {
    float: left;
    width: 100%
}
.advisor h2 {
    font-size: 24px;
    line-height: 25px;
    color: #008C7E;
    margin-bottom: 30px
}
.advisor p {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: #414042;
    margin: 0 0 16px
}
.advisor ul {
    margin: 0 auto;
    padding: 0 0 0 20px;
    list-style-image: url(../img/blue_li.gif)
}
.advisor li {
    font-size: 12px;
    line-height: 14px;
    color: #414042;
    margin-bottom: 30px;
    padding: 0
}
.suppleant-advise {
    margin-top: 16px
}
.services-inner h3 {
    font-weight: 700
}
.popin-inner .services-inner h3 {
    height: auto
}
.news-feed {
    padding: 0;
    margin-top: 5px
}
.news-feed ul {
    list-style: none;
    margin: 0 auto;
    padding: 0
}
.news-feed li {
    margin: 0 auto;
    padding: 6px 0;
    border-bottom: 1px solid #ECEBEC
}
.news-feed li:last-child {
    border-bottom: 0
}
.news-feed li .thumb {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 0;
    width: 169px;
    height: 110px
}
.news-feed li .caption {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 207px;
    font-size: 13px;
    line-height: 13px;
    min-height: 110px
}
.news-feed li .news-title,
.news-feed li p {
    float: left;
    width: 100%
}
.news-feed li p {
    margin-bottom: 14px;
    line-height: 15px
}
.news-feed li .news-title {
    color: #414042;
    margin-bottom: 8px
}
.news-feed li .btn {
    height: 22px;
    text-transform: none;
    width: auto;
    padding: 5px 20px 0
}
.news-feed li .btn img {
    vertical-align: middle
}
.services-inner .retour {
    margin-bottom: 15px
}
.news-page {
    float: left;
    width: 100%;
    padding-right: 258px
}
.news-page .news-page-title {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    margin-top: 8px;
    color: #008C7E
}
.sidebar-news-page {
    top: 0;
    right: 0;
    width: 230px;
    padding: 22px 15px 22px 10px
}
.sidebar-news-page h3 {
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    color: #414042;
    padding-left: 12px;
    margin: 0 auto 4px
}
.sidebar-news-page ul {
    list-style: none;
    font-size: 13px;
    line-height: 13px;
    color: #414042
}
.sidebar-news-page ul li {
    border-bottom: 1px solid #FFF;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 22px;
    background: url(../img/blue_li.png) 7px 14px no-repeat;
    background-size: 7px 7px
}
.sidebar-news-page ul li p {
    margin-bottom: 0
}
.sidebar-news-page ul li .btn {
    clear: both;
    margin-top: 6px
}
.full-page-popin .popin-faq {
    padding-top: 70px
}
.full-page-popin .popin-faq .section-popin {
    padding-right: 40px
}
.popin-faq .retour {
    width: 100%;
    margin-bottom: 35px
}
.popin-faq .retour .btn {
    float: left
}
.popin-faq h3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #414042;
    margin: 0 auto 18px
}
.popin-faq .custom-select-contener {
    width: 356px;
    margin-bottom: 22px;
    border: 1px solid #ececec
}
.popin-faq .custom-select-contener .select-label {
    text-transform: none;
    padding-left: 20px;
    padding-right: 24px;
    padding-top: 8px
}
.popin-faq .panel-group .panel,
.popin-faq .panel-group .panel+.panel {
    margin-bottom: 2px
}
.popin-faq .panel-group .panel-heading {
    height: 40px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #414042;
    text-transform: uppercase;
    border: 1px solid #ececec
}
.popin-faq .panel-group .panel-heading a {
    display: block;
    padding: 16px 40px 16px 10px
}
.popin-faq .panel-group .panel-heading .more {
    position: absolute;
    z-index: 1;
    width: 18px;
    height: 18px;
    right: 20px;
    top: 10px;
    margin-top: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 20px;
    color: #008C7E;
    text-align: center
}
.popin-inner .popin-faq .panel-group .panel-body {
    padding: 24px 19px 10px;
    border: 1px solid #ECEBEC;
    margin-bottom: 2px
}
.popin-faq .panel-group .panel-body p {
    margin-bottom: 15px
}
.panel-group-faq .panel-default.active,
.panel-group-faq .panel-default.active .panel-body {
    margin-bottom: 0;
    border-bottom: 0
}
.faq-selector .custom-select-contener.blue,
.popin-inner .faq-selector .custom-select-contener select {
    height: 32px;
    background-position: 97% 12px
}
.list-demandes {
    float: left;
    width: 100%;
    margin-top: 5px;
    list-style: none;
    margin-bottom: 20px
}
.list-demandes li,
.list-demandes li p {
    margin-bottom: 8px
}
.list-demandes li {
    float: left;
    width: 100%;
    min-height: 128px;
    border: 1px solid #ECEBEC;
    padding: 19px 190px 16px 17px;
    color: #414042;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400
}
.list-demandes li p:last-of-type {
    margin-bottom: 0
}
.list-demandes li .intitule {
    font-weight: 700;
    color: #414042;
    line-height: 13px;
    margin-bottom: 18px;
    text-decoration: underline
}
.list-demandes li .ask-state {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 170px;
    height: 100%
}
.list-demandes li .ask-state .libelle,
.list-demandes li .ask-state .picto {
    position: absolute;
    z-index: 1;
    left: 13px
}
.list-demandes li .ask-state .libelle {
    bottom: 14px;
    width: 144px;
    font-size: 19px;
    line-height: 19px;
    color: #FFF
}
.list-demandes li .ask-state .picto {
    top: 16px;
    width: 42px;
    height: 42px
}
.list-demandes li .ask-state .picto img {
    width: auto;
    max-width: 42px
}
.icon-slider-attestation .demandes-inner h3 {
    margin-bottom: 2px;
    margin-top: 10px
}
.f100 .margin-left {
    margin-left: 20px
}
.beneficiaire .popin-inner .form-buttons-bar.horizontal .btn,
.popin-inner .conseiller .form-buttons-bar.horizontal .btn,
.situation-familiale .popin-inner .form-buttons-bar.horizontal .btn {
    float: right
}
.beneficiaire .popin-inner .form-buttons-bar.horizontal .conteneur_input,
.situation-familiale .popin-inner .form-buttons-bar.horizontal .conteneur_input {
    display: block;
    width: 450px;
    margin: 0 auto
}
.beneficiaire input[type=submit],
.conseiller input[type=submit],
.situation-familiale input[type=submit] {
    margin-bottom: 0;
    margin-right: 0
}
.form-group-court * {
    width: 50%;
    margin: 0
}
.situation-familiale .custom-select-contener.blue .select-label {
    font-weight: 400;
    padding: 9px 8px 8px
}
.situation-familiale-part.border {
    border-right: 1px solid #ECEBEC
}
.popin-profil-update .situation-familiale-part.border {
    border-right: none
}
.situation-familiale-part.padding {
    padding-left: 40px;
    padding-right: 10px
}
.situation-familiale-part {
    float: left;
    width: 50%;
    margin-bottom: 0
}
.situation-familiale-part input,
.situation-familiale-part select {
    padding-left: 15px
}
.situation-familiale-part select {
    padding-left: 10px;
    z-index: 0
}
div.f100.form-buttons-bar.boutton {
    text-align: left
}
.custom-select-contener.blue.disabled {
    background-color: #D8D8D8
}
.situation-familiale-part .btn {
    padding-top: 16px
}
.beneficiaire .rib-details.rib-sel {
    width: 5%;
    height: 42px;
    padding-left: 18px;
    overflow: visible
}
.beneficiaire .rib-details.rib-contrat {
    width: 16%
}
.beneficiaire .rib-details.rib-nature {
    width: 20%
}
.beneficiaire .rib-details.rib-produit {
    width: 36%
}
.beneficiaire .rib-details.rib-banque {
    width: 23%
}
.beneficiaire .rib-details .libelle-mobile {
    display: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    color: #414042
}
.beneficiaire .hr-mobile {
    top: 100px
}
.beneficiaire .rib-details.rib-sel.center {
    width: 14%;
    display: inline-block;
    text-align: center
}
.beneficiaire .clause {
    overflow-y: hidden;
    overflow-x: hidden
}
.beneficiaire .clause_choice {
    width: auto;
    margin-left: 20px
}
a:link.link {
    text-decoration: underline
}
.conseiller .conseiller-details.conseiller-sel {
    width: 5%;
    height: 60px;
    padding-left: 18px;
    overflow: visible;
    padding-top: 25px
}
.conseiller .conseiller-details.conseiller-nom {
    padding-top: 20px;
    width: 20%
}
.conseiller .conseiller-details.conseiller-zone {
    width: 25%
}
.conseiller .conseiller-details.conseiller-unite {
    width: 50%
}
.conseiller .conseiller-details .libelle-mobile {
    display: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    color: #414042
}
.conseiller.popin-inner .advisor-btn-group {
    display: block;
    width: 650px
}
.conseiller .advisor-btn-group .btn {
    width: 200px
}
.display-group-line .display-line .margin-left {
    margin-left: 60px
}
.display-line.large .display-line-label,
.display-line.large .display-line-value {
    float: left;
    width: 50%
}
.contacter_partenaire img,
.gerer_contrat img {
    float: left;
    width: 15px;
    margin-right: 10px
}
.gerer_contrat .infos-label {
    float: left
}
.gerer_contrat .infos-label-block {
    margin-bottom: 20px
}
.contacter_partenaire .infos-label-block {
    margin-bottom: 10px
}
.contacter_partenaire .infos-label-block div,
.contacter_partenaire .infos-label-block img,
.gerer_contrat .infos-label-block div,
.gerer_contrat .infos-label-block img {
    margin-top: 10px;
    margin-left: 10px
}
.panel-body span.option_contrat {
    font-weight: 400;
    margin-left: 20px
}
.full-page-popin.declarer-sinistre .puce_recap_demande {
    margin-bottom: 20px
}
.full-page-popin.declarer-sinistre .adresse_courrier {
    margin-left: 25px;
    font-weight: 700
}
.lib.f100.cyan-bg {
    color: #FFF;
    font-weight: 700;
    padding: 10px;
    background-color: #919191
}
.h3-declaration-recapitulatif .recap_title {
    text-transform: uppercase
}
.drl-left.normal_font {
    font-weight: 400
}
.sinistre-left {
    float: left;
    width: 75%
}
.sinistre-right {
    float: left;
    width: 25%
}
.rib.sinistre .table-listing {
    margin-bottom: 10px
}
.rib.sinistre .table-listing .body {
    border: none;
    height: 35px
}
.rib.sinistre .table-listing .head {
    display: table;
    font-size: 12px;
    font-weight: 700;
    line-height: 8px;
    color: #008C7E;
    height: 25px;
    background-color: #FFF
}
.rib.sinistre .panel-body span {
    font-weight: 400
}
.declaration-deces .display-line-label,
.rib.sinistre .panel-body span.libelle-mobile {
    font-weight: 700
}
.rib.sinistre .body .rib-details {
    float: left;
    font-size: 13px;
    line-height: 8px;
    color: #414042;
    padding-top: 10px
}
.rib.sinistre .body .rib-details.bouton {
    padding-top: 0
}
.rib.sinistre .rib-details.declaration {
    width: 12%
}
.rib.sinistre .rib-details.evenement {
    width: 10%
}
.rib.sinistre .rib-details.type-agpm {
    width: 20%
}
.rib.sinistre .rib-details.personne {
    width: 16%
}
.rib.sinistre .rib-details.date-evenement {
    width: 13%
}
.rib.sinistre .rib-details.date-evenement-agpm {
    width: 15%
}
.rib.sinistre .rib-details.date-enregistrement {
    width: 14%
}
.rib.sinistre .rib-details.etat {
    width: 13%
}
.rib.sinistre .rib-details.etat-agpm {
    width: 15%
}
.rib.sinistre .rib-details.num-contrat {
    width: 16%;
    padding-left: 2%
}
.rib.sinistre .rib-details.bouton {
    width: 22%
}
.rib.sinistre .rib-details.dossier {
    width: 11%
}
.rib.sinistre .rib-details.nature {
    width: 12%
}
.rib.sinistre .rib-details.assure,
.rib.sinistre .rib-details.date-declaration,
.rib.sinistre .rib-details.date-evenement2,
.rib.sinistre .rib-details.etat2,
.rib.sinistre .rib-details.souscripteur {
    width: 11%
}
.rib.sinistre .rib-details.bouton2 {
    width: 22%
}
.rib.sinistre .btn_width,
.sinistre-right .btn_width {
    width: 125px;
    height: 25px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 25px
}
.sinistre-right .btn_width {
    width: auto;
    margin-top: 15px
}
.rib.sinistre .btn_width.reprendre {
    background-color: #D8D8D8;
    margin-right: 0
}
.rib.sinistre .trash img {
    margin-left: 10px;
    width: 15px
}
.declaration-deces input[type=radio] {
    width: auto;
    margin: 0
}
.declaration-deces input[type=text],
.declaration-deces select {
    width: 30%;
    float: left;
    height: auto;
    margin-bottom: 0
}
.declaration-deces select.civilite {
    width: 15%
}
.declaration-deces input.court {
    width: 20%
}
.declaration-deces textarea {
    margin-left: 0;
    width: 50%
}
.declaration-deces .margin-left {
    margin-left: 20px
}
.declaration-deces .disabled {
    display: none
}
.declaration-deces .important {
    font-weight: 700;
    text-transform: uppercase
}
.ctas-container-declaration .form-group-buttonbar .btn.large {
    width: 250px
}
.declaration-deces textarea.large {
    width: 100%
}
.declaration-deces.general .display-line .display-line-value.description {
    width: 80%
}
.declaration-deces.general .display-line .display-line-label.description {
    width: 20%
}
.nature-evenement .declaration-details-line .val {
    width: 15%;
    text-align: right;
    padding-right: 20px
}
.nature-evenement .declaration-details-line .lib {
    width: 85%
}
.nature-evenement .declaration-details-line.sous-section .val {
    width: 80%;
    text-align: left
}
.nature-evenement .declaration-details-line.sous-section .val textarea {
    width: 80%
}
.nature-evenement .declaration-details-line.sous-section .val span {
    font-weight: 400
}
.nature-evenement .declaration-details-line.sous-section .lib {
    width: 20%
}
.interrogation.inbar {
    position: relative;
    margin-left: 10px
}
.declaration-nature-bloc.consequences .panel-heading .lib,
.declaration-nature-bloc.consequences ul li .lib {
    text-transform: none
}
.btn img.image_ajouter_periode {
    width: 15px;
    vertical-align: middle;
    margin-right: 5px
}
.btn div.texte_ajouter_periode {
    display: inline-block;
    width: auto;
    vertical-align: middle
}
.incapacite .declaration-details-line .lib {
    text-align: right;
    padding-right: 20px;
    width: 20%
}
.incapacite .declaration-details-line .val {
    width: 80%
}
.incapacite .declaration-details-line.large .lib {
    width: 40%
}
.incapacite .declaration-details-line.large .val {
    width: 60%
}
.incapacite .declaration-details-line .val input {
    width: 90px
}
.incapacite input[type=checkbox] {
    width: auto;
    margin: 0 10px
}
.btn-primary.periode,
.incapacite a.btn-primary {
    padding: 15px 5px;
    margin-left: 170px;
    margin-top: 20px
}
.popin-inner .confirmation input[name=courrier],
.popin-inner input[name=envoi] {
    width: auto;
    margin-right: 10px
}
.declaration-steps li:not(:last-child) .icon:after {
    content: "\00A0";
    background: url(../img/bg_declaration_steps.gif) center left repeat-x;
    width: 115px;
    display: inline-block;
    position: absolute;
    height: 1em;
    right: -117px;
    margin-top: -7px
}
.popin-inner input[name="CtrlE7.option_Selected"] {
    width: auto;
    margin-right: 10px
}


.without-topbottom-margin {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}