@charset "iso-8859-2";
@import url(https://fonts.googleapis.com/css?family=Roboto);

.centrer,
.petit,
.tabFMGM td,
.text-banque,
th {
    text-align: center
}

.petit,
.text-banque,
a:hover {
    text-decoration: none !important
}

.ajouter,
.etape,
.text-banque {
    text-transform: uppercase
}

body {
    font: 14px 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 23px;
    color: #727272
}

.jaune {
    background-color: #ecae3d !important;
    border-bottom-color: #ecae3d !important;
    border: none !important;
    font-size: 22px !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #002e6e
}

.panel-danger,
.tabFMGM {
    margin-top: 15px
}

.tabFMGM {
    width: 100%;
    min-width: 500px;
    margin-bottom: 15px
}

.tabFMGM td {
    font-size: 1.3rem;
    border-bottom: 1px solid #f4f5f8
}

th {
    background-color: #f4f5f8;
    padding: 5px;
    border-bottom: 1px solid #fff;
    font-size: 1.8rem
}

.superH4,
.superH4CO {
    font-size: 18px;
    padding: 10px;
    color: #fff !important
}

.superH4 {
    background-color: #223e6c
}

.ajouter,
.superH4CO {
    background-color: #ecae3d
}

li.final {
    font-size: 1.5rem
}

h3 {
    margin-bottom: 20px
}

.pad-b {
    margin-bottom: 0
}

.retour,
.suivant {
    margin-bottom: 15px
}

.btnSupprimerPret {
    color: #ecae3d
}

.ajouter {
    padding: 10px 20px;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    font-size: 2rem;
    line-height: 3rem;
    -moz-box-shadow: 2px 2px 10px 0 #cfcfcf;
    -webkit-box-shadow: 2px 2px 10px 0 #cfcfcf;
    -o-box-shadow: 2px 2px 10px 0 #cfcfcf;
    box-shadow: 2px 2px 10px 0 #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=10)
}

select#type {
    padding: 0;
    height: 50px
}

.retour {
    margin-left: 15px
}

.suivant {
    margin-right: 15px;
    float: right
}

.retour,
.suivant {
    font-size: 14px !important
}

.btn-back {
    color: #fff;
    background-color: #9c9c9c !important;
    border-color: #9c9c9c !important
}

.btn-primary {
    color: #fff;
    background-color: #002e6e;
    border-color: #002e6e
}

.pad0 {
    padding: 0
}

.text-banque {
    color: #323232;
    background-color: #f4f5f8;
    width: auto;
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px;
    letter-spacing: .1rem;
    font-size: 1.3rem;
    margin-top: 10px;
    border-bottom: 1px solid #ebebeb
}

.etape,
.petit {
    font-size: 1.2rem
}

.petit {
    letter-spacing: 0;
    line-height: 1rem;
    padding-top: 5px;
    color: grey
}

.pad-petit {
    padding-top: 0
}

.zone-text-banque {
    padding-bottom: 10px;
    min-height: 90px
}

.etape {
    letter-spacing: .1rem;
    font-weight: 700;
    text-align: right;
    width: 100%;
    display: block;
    padding-bottom: 0;
    margin-bottom: 0
}

@media (min-width:1024px) {
    .tabFMGM td {
        text-align: center;
        font-size: 1.6rem;
        border-bottom: 1px solid #f4f5f8;
        padding: 15px
    }
}

@media (max-width:788px) {
    .text-banque {
        font-size: .9rem;
        line-height: 1.4;
        margin-right: 5px;
        margin-left: 5px
    }
}

label {
    font-weight: 600;
    letter-spacing: .09rem;
    font-size: 1.6rem;
    padding: 10px 5px 5px
}

.form-control {
    background-color: #f5f5f5;
    padding: 0 10px;
    font-size: 20px;
    height: 44px
}

select.form-control {
    padding: 0 10px;
    height: 50px
}

.no-padding {
    padding: 0
}

.big-form,
.big-form2 {
    padding: 25px 10px !important;
    font-size: 20px !important;
    font-weight: 700
}

.big-form2 {
    text-align: left
}

.fixe {
    font-style: italic
}

input:not([type]):disabled,
input[type=numberi]:disabled,
input[type=searchi]:disabled,
input[type=teli]:disabled,
input[type=texti]:disabled,
input[type=timei]:disabled,
input[type=urli]:disabled,
input[type=weeki]:disabled,
input[type=colori]:disabled,
input[type=datei]:disabled,
input[type=datetimei]:disabled,
input[type=datetime-locali]:disabled,
input[type=emaili]:disabled,
input[type=monthi]:disabled,
input[type=passwordi]:disabled,
textarea:disabled {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #878787;
    background-image: none;
    border: 1px solid #6c6c6c;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.hrr {
    margin-bottom: 5px
}

.progress-bar {
    background-color: #ecae3d
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: .75s
}

@keyframes bounceInDown {

    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

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

    to {
        transform: none
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {

    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

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

    to {
        transform: none
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {

    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

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

    to {
        transform: none
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {

    60%,
    75%,
    90%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

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

    to {
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceIn {

    20%,
    40%,
    60%,
    80%,
    from,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes pulse {

    from,
    to {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    animation-name: pulse
}

.E-hover {
    color: #fff;
    background-color: #7c8385
}

.totalRevenusCoEmprunteur {
    background-color: #dddcdc
}

.agpm-formulaire div.row {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    background-color: transparent
}

.tab_fmgm {
    border: 2px solid #fff
}

.tab_fmgm td,
.tab_fmgm th {
    padding: 5px;
    border: 2px solid #fff
}

.agpm-erreurs {
    background-color: #F2DEDE;
    padding: 10px;
    margin-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #ba1746
}

.agpm-erreurs-titre {
    font-weight: 700;
    margin-bottom: 10px;
    color: #ba1746
}