/*********/
/* UTILS */
/*********/ 
.center { position:relative; margin-left: auto; margin-right: auto; }
.right { position:relative; margin-left: auto; }
.clear { clear: both; }
.nostyle { list-style: none; }
.minText {font-size: 80%;line-height: 16px;color: grey;}
.minTextNoir {font-size: 80%;line-height: 16px;color: black;}
.minTextBleu {font-size: 80%;line-height: 16px;color: #00abe6;}
.minTextSkyBlue {font-size: 90%;line-height: 16px;color: deepskyblue; text-decoration: underline}
.textBleu {line-height: 16px;color: #00abe6;}
.textDeepSkyBlue {line-height: 16px;color: deepskyblue;}
.cinquante { font-size: 60%;}
.orange { color: orange;}
.rouge { color: red;}
.incolore { color: transparent;}
.vertOney { color: #8BBD06;}
.tickOk { color: #3c763d;}
.backgroundVertOney { background-color: #8BBD06;}
.backgroundGrisClair { background-color: #888888; }
.backgroundComptant { background-color: lightgoldenrodyellow; }
.backgroundFP { background-color: lightcyan;}
.underline {text-decoration: underline; color : white}
.borderRowBottom{border-bottom: 1px solid #dddddd;}
.opacity-font{
    opacity: 0.8;
}
.text-right{
    text-align: right;
}

.semiOpaque { opacity: 0.4;}
.fontSmall{
    font-size: 0.85em;
}
.bande-verte{
    background: url("../images/bandeauVert.jpg") repeat-x;
    height: 10px;
    width: 100%;
    position: fixed;
    z-index: 100;
    top:0;
}
.boutonVert, .boutonVert:hover, .boutonVert:focus, .boutonVert.focus, .boutonVert:active, .boutonVert:active:hover, .boutonVert:active:focus, .boutonVert:active.focus {
    margin-top: 15px;
    padding: 15px 5px 15px 5px;
    text-decoration: none;
    background-color: #8BBD06;
    border-color: #8BBD06;
    width: 100%;
    outline: none;
}
.boutonVertMarketing, .boutonVertMarketing:hover, .boutonVertMarketing:focus, .boutonVertMarketing.focus, .boutonVertMarketing:active, .boutonVertMarketing:active:hover, .boutonVertMarketing:active:focus, .boutonVertMarketing:active.focus {
    padding: 15px 5px 15px 5px;
    text-decoration: none;
    background-color: #8BBD06;
    border-color: #8BBD06;
    outline: none;
}
.boutonVioletMarketing, .boutonVioletMarketing:hover, .boutonVioletMarketing:focus, .boutonVioletMarketing.focus, .boutonVioletMarketing:active, .boutonVioletMarketing:active:hover, .boutonVioletMarketing:active:focus, .boutonVioletMarketing:active.focus {
    padding: 15px 5px 15px 5px;
    text-decoration: none;
    background-color: #F70F73;
    border-color: #F70F73;
    outline: none;
}
.boutonVertCreer, .boutonVertCreer:hover {
    margin-top: 15px;
    padding: 15px 5px 15px 5px;
    text-decoration: none;
    background-color: #8BBD06;
    border-color: #8BBD06;
    width: 100%;
}
.boutonCookie{
    background-color: transparent;
    text-decoration: none;
    border-color: white;
}

.btn-changement-cb, .btn-changement-cb:hover, .btn-changement-cb.active, .btn-changement-cb:active, .btn-changement-cb:focus, .btn-changement-cb.focus, .btn-changement:active:hover, .btn-changement:active:focus, .btn-changement:active.focus{
    padding: 5px 10px 5px 10px;
    background-color: #8BBD06;
    border-color: #8BBD06;
    color: white;
    width: 100%;
}

.boutonCadreVert, .boutonCadreVert:hover, .boutonCadreVert:active, .boutonCadreVert:focus {
    margin-top: 15px;
    background-color: transparent;
    padding: 15px 5px 15px 5px;
    text-decoration: none;
    border-color: #8BBD06;
    color: #8BBD06;
    width: 100%;
}
.bg-white{
    padding-top: 10px;
    background-color: white;
}
.bg-white-opacity{
    background-color: white;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.bg-white-opacity .boutonVert{
    opacity: 1;
}
.bg-grey{
    background-color: #eee;
}
.marginMobileImg{
    margin-bottom: 10px;
    margin-top: 15px;
}
.form-control-feedback{
    right: 20px;
    display:none;
}
.pan .form-control-feedback{
    right: 0px;
    display: none;
}
.decalage5{
    padding-left: 5px;
}
.paddingNone{
    padding: 0;
}
.marginTop15{
    margin-top: 15px;
}
.marginBottom15{
    margin-bottom: 15px;
}
.paddingBottom15{
    padding-bottom: 15px;
}
.paddingTopForm80{
    margin-top: 80px;
}
.form-margin-top{
    margin-top: 15px;
}
.block-white{
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.block-white-card{
    margin: 15px;
    padding: 15px 15px;
    display: inline-block;
    font-size: 0.90em;
}
.block-grey-card{
    padding: 15px 0;
    display: inline-block;
    font-size: 0.90em;
    width: 100%;
}

.dashedTop{
    margin: 15px 15px 0 15px;
    border-top: 1px dashed #333;
}
.glyphicon-sourire {
    margin-bottom: -11px;
    background: url("../images/sourire.png") no-repeat;
    height: 35px;
    width: 35px;
}
.glyphicon-chronometre {
    margin-bottom: -11px;
    background: url("../images/chrono.png") no-repeat;
    height: 35px;
    width: 35px;
}
.glyphicon-bonhomme {
    margin-bottom: -11px;
    background: url("../images/bonhomme.png") no-repeat;
    height: 35px;
    width: 35px;
}

/*supprimer la double croix sur ie*/
::-ms-clear{
    display: none;
}

/*spinner de la modal de redirection*/
#floatingBarsG{
    position:relative;
    width:26px;
    height:33px;
    margin:auto;
}

.blockG{
    position:absolute;
    background-color:rgb(255,255,255);
    width:4px;
    height:10px;
    border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    transform:scale(0.4);
    -o-transform:scale(0.4);
    -ms-transform:scale(0.4);
    -webkit-transform:scale(0.4);
    -moz-transform:scale(0.4);
    animation-name:fadeG;
    -o-animation-name:fadeG;
    -ms-animation-name:fadeG;
    -webkit-animation-name:fadeG;
    -moz-animation-name:fadeG;
    animation-duration:1.04s;
    -o-animation-duration:1.04s;
    -ms-animation-duration:1.04s;
    -webkit-animation-duration:1.04s;
    -moz-animation-duration:1.04s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#rotateG_01{
    left:0;
    top:12px;
    animation-delay:0.39s;
    -o-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -moz-animation-delay:0.39s;
    transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
}

#rotateG_02{
    left:3px;
    top:4px;
    animation-delay:0.52s;
    -o-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -moz-animation-delay:0.52s;
    transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
}

#rotateG_03{
    left:11px;
    top:1px;
    animation-delay:0.65s;
    -o-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -moz-animation-delay:0.65s;
    transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
}

#rotateG_04{
    right:3px;
    top:4px;
    animation-delay:0.78s;
    -o-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -moz-animation-delay:0.78s;
    transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
}

#rotateG_05{
    right:0;
    top:12px;
    animation-delay:0.9099999999999999s;
    -o-animation-delay:0.9099999999999999s;
    -ms-animation-delay:0.9099999999999999s;
    -webkit-animation-delay:0.9099999999999999s;
    -moz-animation-delay:0.9099999999999999s;
    transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}

#rotateG_06{
    right:3px;
    bottom:3px;
    animation-delay:1.04s;
    -o-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -moz-animation-delay:1.04s;
    transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
}

#rotateG_07{
    bottom:0;
    left:11px;
    animation-delay:1.1700000000000002s;
    -o-animation-delay:1.1700000000000002s;
    -ms-animation-delay:1.1700000000000002s;
    -webkit-animation-delay:1.1700000000000002s;
    -moz-animation-delay:1.1700000000000002s;
    transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
}

#rotateG_08{
    left:3px;
    bottom:3px;
    animation-delay:1.3s;
    -o-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -moz-animation-delay:1.3s;
    transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
}



@keyframes fadeG{
    0%{
        background-color:rgba(0,0,0,0.3);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes fadeG{
    0%{
        background-color:rgba(0,0,0,0.3);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes fadeG{
    0%{
        background-color:rgba(0,0,0,0.3);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes fadeG{
    0%{
        background-color:rgba(0,0,0,0.3);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes fadeG{
    0%{
        background-color:rgba(0,0,0,0.3);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}
/* fin spinner */



/**********************/
/******base************/
/**********************/
body{
    font-family: 'Arial', sans-serif;
    margin: auto;
}
.table{
    background-color: white;
    font-size: 0.8em;
}
.tableEcheancier{

}
.table thead>tr>th{
    text-align: center;
    vertical-align: middle;
}
.table tbody>tr>td{
    text-align: center;
    vertical-align: middle;
}
.tableEcheancier td, .tableEcheancier tbody>tr>td{
    font-size: 1.2em;
    text-align: justify;
}
.container {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.row{
    margin-left: 0;
    margin-right: 0;
}
.background-container{
    background: url("../images/fond.jpg") repeat;
    padding: 0;
}
#header {
    display: none;
}
#footer{
    background-color: #ddd;
    padding: 20px 10px;
    color: #666666;
    font-size: 0.9em;
}
.comptant{
    position: fixed;
    bottom: 0;
}
#headerMobile{
    display: block;
    min-height: 70px;
}
#headerMobile .logo{
    padding-top: 10px;
}
#headerMobile .projectName{
    margin-top: 15px;
    margin-bottom: 10px;
}
#headerMobile .projectName .titreMobile{
    font-size: 1.5em;
    font-weight: bold;
}
#headerMobile .btn-connexion{
    padding: 10px 5px 10px 0;
}
.banniereFront{
    background-image: url("../images/Banniere-front.jpg");
    background-size: cover;
}
.banniere{
    background-image: url("../images/banniere.jpg");
    background-size: cover;
}
.banniereFront .contenuBanniere{
    position: relative;
}
.banniereFront .contenuBanniere img{
    position: absolute;
}
.banniereFront .contenuBanniere .logo{
    width: 180px;
    margin: 0 auto;
}
.banniereFront .contenuBanniere .navbar-default {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: transparent;
}
.banniereFront .contenuBanniere .navbar {
    position: relative;
    min-height: 70px;
    margin-bottom: 0;
    border: 1px solid transparent;
}
.banniereFront .contenuBanniere .navbar-default {
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}

.banniereFront .contenuBanniere .navbar-default .navbar-toggle {
    margin-top: 18px;
    margin-bottom: 18px;
    float: left;
    margin-left: 15px;
    border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.banniereFront .contenuBanniere .navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.banniereFront .contenuBanniere .navbar .navbar-collapse {
    text-align: center;
    padding: 0;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,0.94) 38%, rgba(254,254,254,0.85) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(38%, rgba(219,219,219,0.94)), color-stop(100%, rgba(254,254,254,0.85)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,0.94) 38%, rgba(254,254,254,0.85) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,0.94) 38%, rgba(254,254,254,0.85) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,0.94) 38%, rgba(254,254,254,0.85) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 0%, rgba(219,219,219,0.94) 38%, rgba(254,254,254,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
    border-bottom: 1px solid white;
}
.banniereFront .contenuBanniere .navbar .navbar-collapse ul.navbar-nav{
    width: 100%;
}
.banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a, .banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a:focus, .banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a:hover {
    color: inherit;
    background-color: transparent;
}
.banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: none;
    background-repeat: repeat-x;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.banniereFront .contenuBanniere .navbar-default .navbar-nav>li>a {
    color: inherit;
    text-shadow: none;
}

.banniereFront .contenuBanniere .banniereFront .contenuBanniere input{
    font-size: 0.80em;
    padding-right: 20px;
}
.banniereFront .contenuBanniere .textePresentation{
    margin: 15px 0 15px 0;
}
.banniere .contenuBanniere .textePresentation{
    margin: 15px 0 15px 0;
    padding: 3% 0 3% 0;
}

.banniereFront .contenuBanniere .textePresentation img{
    position: inherit;
}
.banniereFront .contenuBanniere .textePresentation p, .banniere .contenuBanniere .textePresentation p{
    margin: 15px 0 15px 0;
    color: white;
    text-align: center;
}
.banniereFront .contenuBanniere .textePresentation p span.titreSpan, .banniere .contenuBanniere .textePresentation p span.titreSpan{
    text-shadow: 2px 2px 2px #333333;
    margin: 15px 0 15px 0;
    font-size: 1.3em;
}
.banniereFront .contenuBanniere .textePresentation p span.txtSpan, .banniere .contenuBanniere .textePresentation p span.txtSpan{
    text-shadow: 2px 2px 2px #333333;
    margin: 15px 0 15px 0;
    font-size: 1.1em;
    font-weight: 800;
}
.banniereFront .contenuBanniere .creerCompte{
    width: 100%;
}
.banniereFront .contenuBanniere .creerCompte .btnCreerCompte{
    background-color: #8BBD06;
    border-color: #8BBD06;
    text-transform: uppercase;
    font-size: 0.90em;
    color: white;
    width: 300px;
}
.banniereFront .contenuBanniere .textCaroussel{
    font-size: 0.85em;
}
.banniereFront .contenuBanniere .textCaroussel p{
    text-shadow: 2px 2px 2px black;
    text-align: center;
    color: white;
    margin: 15px 17px 15px 17px;
}
#front-marketing{
    display: block;
}
#carroussel{
    /*margin-bottom: 20px;*/
}
#owl-demo .item{
    padding: 5px;
    margin: 3px;
    border: 1px solid #ddd;
    background-color: white;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

#question{
    position: relative;
}
#question .question-frequente{
    margin-top: 10px;
    margin-bottom: 15px;
}
#question .question-frequente li{
    font-size: 0.85em;
    list-style-type: none;
    display: none;
}
#question .question-frequente a{
    font-size: 0.85em;
    color: #8BBD06;
    text-decoration: underline;
}
#question .title{
    color: #8BBD06;
}
#question .explication{
    font-size: 0.85em;
}
#question .link-question a.link{
    font-size: 0.85em;
    color: #8BBD06;
    text-decoration: underline;
}

.slideup, .slidedown {
    max-height: 0;
    height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}
.slidedown {
    max-height: 245px ;
    height: 245px;
}
.btn:hover {
    text-decoration: none;
}

#headerEspaceClient {
    display:none;
}

#headerMobileEspaceClient {
    display:block;
    padding: 15px 0;
}

#messageErreurGlobalFront{
    display: none;
}
#messageErreurGlobal{background-color: #FFEFF0;}
.mobile{background: #ededed; margin-top: 30px; padding: 15px 0 15px 0;}
.mobileLike{margin-top: 0; padding: 15px 0 15px 0;}
#messageErreurGlobal small{color: red;}
#messageErreurGlobal span{color: red; padding-top: 10px;}

.footer {
    background-color: #7F7F7F;
    color: white;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 2000;
}

.footer #bandeauCookies, #bandeauIE {
    padding: 5px 20px 5px 20px;
    z-index: 2000;
}

#bandeauJS {
    min-height: 40px;
    margin-bottom: 5px;
    padding-top : 7px;
    text-align: center;
    font-size: 1.25em;
    color: red;
    background-color: rgb(250, 255, 189);
    font-style: italic;
}

#bandeauCookies a{
    color: white;
}

.footer span {
    margin-top: 35%;
    color: white;
}

#bandeauNoScript, #bandeauHeader {
    width: 1100px;
    background-color: #7F7F7F;
    height: 40px;
    color: white;
    z-index:1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

small{
    font-weight: bold;
}

input#checkAjoutCarte{
    width:18px;
    height:18px;
}

h3, .h3 {
    font-size: 1.15em;
    font-weight: bold;
}

.consigneAjoutCarte{
    background-color: #e9f7c4;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
}

.printable { display: none; font-size: 1em;}

@media print
{
    .screen { display: none; }
    .printable { display: block; }
}

.clearInput{
     color: lightgray;
     top:15px;
     left: -7px;
 }

.clearInputPan{
    color: lightgray;
    top:9px;
}

.input-group-clearInputPassword {
    color: lightgray;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    border-bottom: none ;
    border-radius: 0;
    float:right;
    z-index: 99;
    bottom: 43px;
    left: -8px;
}

/************/
/* SPECIFIC */
/************/

/**********************/
/******Connexion*******/
/**********************/

.boutonBleu, .boutonGris:hover {
    text-decoration: none;
    color: deepskyblue;
    text-transform: uppercase;
    text-align: right;
}

.boutonOrange, .boutonOrange:hover {
    text-decoration: none;
    background-color: orange;
    border-color: orange;
    color: white;
}

/**************************/
/***  Création compte  ****/
/**************************/
.decalage20{
    margin-bottom: 20px;
    /* display: inline-block; */
}
.hrOrange{
    border-top: .1em solid orange !important;
}
.has-feedback .form-control{
    padding-right:20px;
}
label{
    display: inline;
    font-weight: bold;
}

.civilite>label{
    margin-right: 20px;
    font-weight: normal;
}
.civilite>i{
    left: 320px;
}
.has-feedback label~.form-control-feedback {
     visibility: hidden;
}

/**************************/
/***  Validation compte  ****/
/**************************/
.grandFormat{
    display: none;
}

#user_type_identite_dateNaissance_day.form-control,#user_type_identite_dateNaissance_month.form-control,#user_type_identite_dateNaissance_year.form-control{
    padding-left : 0px;
}

/**************************/
/****  Espace client  *****/
/**************************/

.passwordEspaceClient{
    border:none;
}

#divSuppressionDeCompte{
    padding: 10px 0;
    background-color: #F4F4F4;
    display: table;
}

.textBtnAcacher{
    display: none;
}

.monCompte {
    font-size: 1.5em;
    color: black;
}

.monCompte a{
    color: black;
}

.info {
    position: relative;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    top: 0;
    left: 0;
    font-size: 16px;
    height: 35px;
    width: 100%;
    padding: 10px;
    color: white;
    text-align: center;
    font-weight : bold;
}
#btnCancel { display: none; }
#btnValidate { 
	width: 93px;
    background-image: url("../pictures/btnValider.png");
    height: 30px;
    background-repeat: no-repeat;
	display: inline-block;
    color: transparent; 
    cursor: pointer;
    /*float:right;*/
	font-size: 14px;
	font-weight: bold;
	text-align: right;
 }

#btnDelete {
    background-image: url("../pictures/btnRed.png");
    width: 93px;
    height: 30px;
    background-repeat: no-repeat;
    display: block;
    color: transparent;
    cursor: pointer;
    float:right;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

#showLogo {
    float:left;
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

.birthDate select{
	width:60px;
	margin-right: 9px;
}

#designInput {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.error-form-field{
    margin: 5px 0 5px 15px;
    color: red;
}
.error-form-field ul{
    margin: 0;
}
.error-form-field li{
    list-style: square;
}

/* PAGE NOUS CONTACTER */

span.texteHeader{
    font-size: 80%;
    vertical-align: text-bottom;
    font-style: italic;
}
span.texteTelephone{
    font-size: 200%;
    vertical-align: text-top;
    font-style: normal;
    font-weight: bold;
    color: #8BBD06;
}
span.texteTelephoneInfo{
     font-size: 80%;
     vertical-align: bottom;
     font-style: normal;
     color: #8BBD06;
}
span.texteEmail{
    vertical-align: top;
    font-style: normal;
}

#modalNousContacter .modal-body {
    text-align: left;
}
/***********************
***OVERRIDE BOOTSTRAP***
***********************/
/*.row{padding-left:10px;padding-right: 10px}*/
#header .row{padding-left:0;padding-right: 0}
#footer .row{padding-left:0;padding-right: 0}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

.row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-xs-top {
    vertical-align: top;
}
.col-xs-middle {
    vertical-align: middle;
}
.col-xs-bottom {
    vertical-align: bottom;
}
.link{
    color:  white;
}

#footer .row-height{
    font-size: 80%;
}

.modal-header, .modal-footer{
    border: none;
}
.breadcrumb {
    background-color: transparent;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: orange;
    content: "\003e";
}

.breadcrumb>.active {
    color: black;
}
.smart{
    margin-top: 20px;
}
.navbar-nav {
     /* margin: 0; */
}
.navbar-nav>li{
    /*border-bottom: 1px solid lightgray;*/
}
.navbar-nav>li:last-child{
    border-bottom: none;
}
.navbar-nav>li:first-child{
    border-bottom: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #eee;
    border-color: lightgray;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.tooltip{
    z-index: 1;
}
.souslignage{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #8BBD06;
    border-right-color: white;
}
.container{
    width: 100%;
}

.centrage{
    text-align: left;
}

.top25{
    margin-top: 0;
}

.top25Inverse{
    margin-top: 25px;;
}

.top75{
    margin-top: 10px;
}

.top10{
    margin-top: 10px;
}

.bottom30{
    margin-bottom: 0;
}

#menuEspaceClientMobile{
    display: block;
    background-color: white;
}

#menuEspaceClient{
    display: none;
    background-color: #333333;
    color: white;
    padding-right: 0;
    padding-left: 0;
    min-height: 620px;
}

#menuEspaceClient li{
    min-height:  130px;
    padding-top: 15%;
    list-style-type:none;
    border-bottom: 1px solid lightgray;
}

#menuEspaceClient a{
    text-decoration: none;
    color: white;
}

#menuEspaceClient li>span{
    margin-top:20px;
}

#menuEspaceClientMobile .nav-pills>li>a{
    border-radius :0;
    color: #a3a4a3;
}

#menuEspaceClientMobile .nav-pills>li>a.colorGrisClair{
    color: #dfdfdf;
}

#menuEspaceClientMobile{
    margin-bottom : 0;
    padding-bottom: 0;
    min-height: 0;
    border-bottom-color: #dcdcdc;
    border-bottom-width: 3px;
}

.tdEspaceClient{
    display:none;
    width: 150px;
    float: left;
    min-height: 100%;
}
.tdEspaceClientContent{
}
.margin-row{
    margin-right: 15px;
    margin-left: 15px;
}
.modal-backdrop {
    background-color: #8BBD06;
}

.bandeauConnexion{
    border-top: 3px;
    border-color: #8BBD06;
}

.bandeauConnexion a{
    color:black;
}

.top20{
    margin-top: 20px;
}
.copyrightBase{
    text-align: left;
}

#printCGU{
    display: none;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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;
    border: 1px solid #bbb;
    border-right: none;
    border-left: none;
    border-top: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
    border-bottom: 3px solid #8BBD06;
}

input[name="card_add_type[pan_box1]"], input[name="card_add_type[pan_box2]"], input[name="card_add_type[pan_box3]"], input[name="card_add_type[pan_box4]"]{
    width: 22.5%;
    display:inline-block;
    padding-left: 5px;
    padding-right: 2px;
    border-top: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #bbb;
    border-radius: 5px;
}

input[name="card_add_type_pan"] + i {
    /*padding-left: 100px;*/
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label, .has-error .form-control-feedback, .has-error .form-control {
    color: red;
}
.has-error .form-control, .has-error .form-control:focus{
    border-color: red;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-success .form-control, .has-success .form-control:focus {
    border-color: #8BBD06;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#contrat1, #contrat2, #contrat3, #contrat4{
    width: 48%;
    display:inline-block;
    border: 1px solid black;
    margin-left: 4px;
    min-height: 190px;
    margin-bottom : 10px;
}

.logoSynthese{
    min-height:40px;
}

.contactOffline{
    width: 100%;
    margin: 0;
}

ul#step{
    margin: 15px 10px;
    padding: 0;
    list-style: none;
    cursor: default;
}
#step{
    overflow: hidden;
    /*width: 100%;*/
}

#step li{
    display: inline-block;
    margin: 0 2em 0 0;
}

#step div{
    padding: 13px 1em 13px 1em;
    float: left;
    text-decoration: none;
    color: #444;
    background: #eee;
    position: relative;
    z-index: 1;
    border-radius: .4em 0 0 .4em;
}

#step div::after{
    background: #eee;
    content: "";
    height: 35px;
    margin-top: -1.25em;
    position: absolute;
    right: -16px;
    top: 50%;
    width: 2.5em;
    z-index: -1;
    transform: rotate(45deg);
    border-radius: .4em;
}

#step div.current{
    background: #8BBD06;
    color: #fff;
}

#step div.current::after{
    background: #8BBD06;
}

.connexionIcone{
    float: left;
}
.connexionLink {
    margin-left: 40px;
    text-align: inherit;
}
.connexionLink span {
    color: white;
    font-weight: bold;
    font-size: 11.5px;
    text-transform: uppercase;
}
.connexionLinkPay{
    margin-top: 7px;
}
.connexionLinkPay span {
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

#step div .numberStep{
    padding: 5px 10px;
    margin-right: 5px;
}
#step div.current .numberStep{
    padding: 5px 10px;
    margin-right: 5px;
}

#step div .nameStep{
    display: none;
}
#step div.currrent .nameStep{
    display: none;
}

@media (min-width:481px){

    #question .question-frequente li{
        display: block;
    }
}

#form_add_carte .checkbox{
    display: inline-block;

}
.ajaxReturn{
    font-size: 10px;
    line-height: 24px;
}

@media (min-width:768px){
    #header {
        text-align: center;
    }
    .dashedTop{
        display: none;
    }
    .borderLeft{
        border-left: 1px solid #bbb;
    }
    #bandeauConnexion{
        margin-bottom: 5px;
        color: white;
        font-weight: bold;
    }
    .banniereFront{
        z-index: 1;
    }
    .banniereFront .fondBanniere{
        display: block;
        position: absolute;
        overflow: hidden;
    }
    .banniereFront .fondBanniere{
        background-color: #4b646f;
        height:100px;
    }
    .banniereFront .contenuBanniere .logo {
        width: inherit;
        margin: auto;
    }
    .banniereFront .contenuBanniere .navbar {
        border-radius: 0;
    }
    .banniereFront .contenuBanniere .navbar .navbar-collapse {
        text-align: right;
        background: transparent;
        border-bottom: 0px;
    }
    .banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a, .banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a:focus, .banniereFront .contenuBanniere .navbar-default .navbar-nav>.active>a:hover {
        color: white;
        background-color: transparent;
    }
    .banniereFront .contenuBanniere .navbar .navbar-collapse ul.navbar-nav {
        width: auto;
    }
    .banniereFront .contenuBanniere .navbar-default .navbar-nav>li{
        padding: 15px 0;
    }
    .banniereFront .contenuBanniere .navbar-default .navbar-nav>li>a {
        color: white;
        text-shadow: 1px 1px 1px #000;
    }
    .banniereFront .contenuBanniere .textePresentation{
    }
    .banniereFront .contenuBanniere .textePresentation p {
        color: white;
    }
    .banniereFront .contenuBanniere .textePresentation p span.txtSpan{
        font-size: 1.3em;
        font-weight: 800;
    }
    .banniereFront .contenuBanniere .textCaroussel p{
         color: white;
     }
    #front-marketing{
        position: relative;
        background: url("../images/fond.jpg") repeat;
        z-index: 1000;
    }
    #question{
        background: url("../images/fond.jpg") repeat;
        z-index: 1000;
    }
    #question .question-frequente{
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #messageErreurGlobal{background-color: #FFEFF0;}
    .mobile{background: none; margin-top: 0;}
    .mobileLike{background: none; margin-top: 0;}
    .container{
        width: 100%;
    }
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
    .textBtnAcacher{
        display: inline;
    }
    .modal-dialog {
        width: 450px;
        margin: 150px auto;
    }
    .echeancier .modal-dialog{
        width: 600px;
        margin: 150px auto;
    }
    .smart{
        margin-top: 0;
    }
    .desktop{
        margin-left: 10px;
    }
    .navbar-nav>li{
         border-bottom: none;
    }
    .souslignage{
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: orange;
    }
    .grandFormat{
        display: block;
    }
    .marginMobileImg{
        margin-bottom: 0;
        margin-top: 15px;
    }

    .top25{
        margin-top: 25px;
    }

    .top25Inverse{
        margin-top: 0;
    }

    .top75{
        margin-top: 10px;
    }

    .top10{
        margin-top: 0;
    }

    .centrage{
        text-align: center;
    }

    .bottom30{
        margin-bottom: 0;
    }

    #headerEspaceClient {
        display:block;
        border-bottom: 3px solid #ddd;
    }

    #headerMobileEspaceClient{
        display: none;
    }

    #menuEspaceClientMobile{
        display: none;
    }

    #menuEspaceClient{
        display: block;
    }
    #texteExplication{
        padding-bottom: 0;
    }
    .astuceMobile{
        border-radius: 5px;
    }

    .tdEspaceClient{
        display:block;
    }

    .tdEspaceClientContent{
        margin-left: 170px;
    }
    .slidedown {
        max-height: 115px ;
        height: 115px;
    }
    .copyrightBase{
        text-align: right;
    }
    .height100vh{
        min-height: 100vh;
    }
    .alignVertical{
        margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
        transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    }
    #printCGU{
        display: block;
    }

    #labelCarte {
        margin-left: 10px;
    }
    .pan .form-control-feedback{
        /*right: 10px;*/
    }
    #contrat1, #contrat2, #contrat3, #contrat4{
        width: 48%;
        display:inline-block;
        border: 1px solid black;
        min-height: 171px;
        margin-left: 7px;
    }
    .logoSynthese{
        min-height:40px;
    }

    #step div .nameStep{
        display: inline-block;
    }
    #step div.currrent .nameStep{
        display: inline-block;
    }
}
@media (min-width:992px){
    .mobile{background: none; margin-top: 0;}
    .mobileLike{background: none; margin-top: 0;}
    .container{
        width: 970px;
        margin: 0 auto;
    }
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
    .textBtnAcacher{
        display: inline;
    }
    .modal-dialog {
        width: 450px;
        margin: 150px auto;
    }
    .echeancier .modal-dialog{
        width: 600px;
        margin: 150px auto;
    }
    .modal-body{
        text-align: left;
    }
    .modal-footer{
        text-align: center;
    }
    .smart{
        margin-top: 0;
    }
    .desktop{
        margin-left: 10px;
    }
    .navbar-nav>li{
        border-bottom: none;
    }
    .souslignage{
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: orange;
    }
    .grandFormat{
        display: block;
    }
    .marginMobileImg{
        margin-bottom: 0;
        margin-top: 0;
    }
    h3, .h3 {
        font-size: 1.25em;
    }

    .top25{
        margin-top: 25px;
    }

    .top25Inverse{
        margin-top: 0;
    }

    .top75{
        margin-top: 25px;
    }

    .top10{
        margin-top: 0;
    }

    .centrage{
        text-align: center;
    }

    .bottom30{
        margin-bottom: 30px;
    }

    #headerEspaceClient {
        display:block;
    }

    #headerMobileEspaceClient{
        display: none;
    }

    #menuEspaceClientMobile{
        display: none;
    }

    #menuEspaceClient{
        display: block;
    }

    .tdEspaceClient{
        display:block;
    }
    .bande-verte-fixed{
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .creationCompte{
        height: 800px;
        overflow-y: inherit;
        -ms-overflow-style: none;
    }
    .creationCompte .bgCreation{
        background: url("../images/bgCreationCompte.png") no-repeat;
        height: 800px;
        width: 480px;
        position: fixed;
        top:10px;
    }
    .creationCompte .contentCreation{
        margin-left: 480px;
        z-index: 99;
        padding-top: 15px;
    }
    #printCGU{
        display: block;
    }
    #labelCarte {
        margin-left: 10px;
    }
    .pan .form-control-feedback{
        /*right: 20px;*/
    }

    #contrat1, #contrat2, #contrat3, #contrat4{
        width: 48%;
        display:inline-block;
        border: 1px solid black;
        min-height: 171px;
        margin-left: 7px;
    }
    .logoSynthese{
        min-height:80px;
    }
    .contactOffline{
        width: 60%;
        margin: 0 auto;
    }
    #step div .nameStep{
        display: none;
    }
    #step div.currrent .nameStep{
        display: none;
    }
}
@media (min-width:1200px){
    .mobile{background: none; margin-top: 0;}
    .mobileLike{background: none; margin-top: 0;}
    .container{
        width: 1170px;
        margin: 0 auto;
    }
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
    .textBtnAcacher{
        display: inline;
    }
    .modal-dialog {
        width: 450px;
        margin: 150px auto;
    }
    .echeancier .modal-dialog{
        width: 600px;
        margin: 150px auto;
    }
    #CGU .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }
    #modalFaq .modal-dialog{
        width: 800px;
        margin: 150px auto;
    }
    #modalCookies .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }
    #aPropos .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }
    #mentionsLegales .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }

    #modalPartenaires .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }

    #modalNousContacter .modal-dialog {
        width: 800px;
        margin: 150px auto;
    }

    .smart{
        margin-top: 0;
    }
    .desktop{
        margin-left: 10px;
    }
    .navbar-nav>li{
        border-bottom: none;
    }
    .souslignage{
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: orange;
    }
    .grandFormat{
        display: block;
    }
    .marginMobileImg{
        margin-bottom: 0;
        margin-top: 0;
    }

    h3,.h3 {
        font-size: 1.25em;
    }

    .top25{
        margin-top: 25px;
    }

    .top25Inverse{
        margin-top: 0;
    }

    .top75{
        margin-top: 65px;
    }

    .top10{
        margin-top: 0;
    }

    .centrage{
        text-align: center;
    }

    .bottom30{
        margin-bottom: 30px;
    }

    #headerEspaceClient {
        display:block;
    }

    #headerMobileEspaceClient{
        display: none;
    }

    #menuEspaceClientMobile{
        display: none;
    }

    #menuEspaceClient{
        display: block;
    }

    .tdEspaceClient{
        display:block;
    }
    #printCGU{
        display: block;
    }
    #labelCarte {
        margin-left: 10px;
    }
    .pan .form-control-feedback{
        right: 20px;
    }
    #contrat1, #contrat2, #contrat3, #contrat4{
        width: 48%;
        display:inline-block;
        border: 1px solid black;
        min-height: 123px;
        margin-left: 9px;
    }
    .logoSynthese{
        min-height:30px;
    }

    #step div .nameStep{
        display: inline-block;
    }
    #step div.currrent .nameStep{
        display: inline-block;
    }
}

.input-group{
    padding-left: 15px;
    padding-right: 15px;
}
.input-group[class*=col-] {
    float: none;
    padding-left: 15px;
    padding-right: 15px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: none;
    border-right: none;
    border-left: none;
    border-top: none;
    border-radius: 0;
    position: absolute;
    z-index: 99;
    right: 30px;
}

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/
input[type=radio] {
    visibility: hidden;
    width: 0px;
}

/*
  Change the look'n'feel of labels (which are adjacent to radiobuttons).
  Add some margin, padding to label
*/
input[type=radio] + label, input[type=radio] + i + label  {
    display:inline-block;
    margin: 0;
    padding: 10px 14px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 33%;
    text-align: center;
}
@-moz-document url-prefix() {
    input[type=radio] + label, input[type=radio] + i + label  {
        display:inline-block;
        margin: 0 0 0 -10px;
        padding: 10px 14px;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 33%;
        text-align: center;
    }
}
#optin_form input[type=radio] + label, #optin_form input[type=radio] + i + label  {
    display:inline-block;
    margin: 0 10px 0 0;
    padding: 10px 14px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 60px;
    text-align: center;
}
/*optin de la modal*/
#modalOptin input[type=radio] + label, #modalOptin input[type=radio] + i + label  {
    display:inline-block;
    margin: 0 10px 0 0;
    padding: 10px 14px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 60px;
    text-align: center;
}

@-moz-document url-prefix() {
    #modalOptin input[type="radio"] + label, #modalOptin input[type="radio"] + i + label {
        display: inline-block;
        margin: 0;
        padding: 10px 14px;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 60px;
        text-align: center;
    }
}

#modalOptin input[type=radio]:checked + label, #modalOptin input[type=radio]:checked + i + label {
    background-image: none;
    border: 3px solid #8BBD06;
}

/*fin optin de la modal*/

@-moz-document url-prefix() {
    #optin_form input[type="radio"] + label, #optin_form input[type="radio"] + i + label {
        display: inline-block;
        margin: 0;
        padding: 10px 14px;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 60px;
        text-align: center;
    }
}

/*
 Change background color for label next to checked radio button
 to make it look like highlighted button
*/
input[type=radio]:checked + label, input[type=radio]:checked + i + label {
    background-image: none;
    border: 3px solid #8BBD06;
}

#optin_form input[type=radio]:checked + label, #optin_form input[type=radio]:checked + i + label {
    background-image: none;
    border: 3px solid #8BBD06;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
/*::-webkit-scrollbar {
    width: 0 !important;
}

::-moz-scrolled-content{
    display: none;
}*/
.alert{
    width: 100%;
    margin: 0;
}
.alert .close{
    opacity: 1;
}
.bgVert{
    background-color: #f0ffc9;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-size: 11px;

}
.bgOrange{
    background-color: #fff4e0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-size: 11px;

}
.bgRouge{
    background-color: #ffe3e3;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-size: 11px;

}
ol, ul{
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0;
}

.nohover:hover, .nohover:focus {
    color: white;
    outline: none;
}
.encart3670 .numero{
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
.encart3670 .numero .tarif-majoree-violet-small {
    position: relative;
    display: inline-block;
    background-color: #fff;
    height: 23px;
    width: 172px;
    margin: 3px 0;
    color: #af007d;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    border: 1px solid #af007d;
    z-index: 10;
}
.encart3670 .numero .tarif-majoree-violet-small a {
    position: absolute;
    top: 0;
    left: 6px;
    color: #af007d !important;
    font-weight: bold !important;
    text-decoration: none;
}
.encart3670 .numero .tarif-majoree-violet-small .numero {
    position: absolute;
    top: 0;
    left: 6px;
    color: #af007d !important;
    font-weight: bold !important;
    text-decoration: none;
}
.encart3670 .numero .tarif-majoree-violet-small .type-numero {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 6px;
    background-color: #af007d;
    height: 27px;
    line-height: 1em;
    font-size: 0.7em;
    font-weight: bold !important;
    padding: 3px 6px 2px 13px;
    color: #fff;
    z-index: 500;
}
.encart3670 .numero .tarif-majoree-violet-small .type-numero .puce {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffff;
}
.encart3670 .numero .tarif-majoree-violet-small .type-numero .prix {
    display: block;
}
a, a:hover, a:focus, a:active {
    outline: none;
}

img.dezoomed {
    width: 120px;
    height: 71px;
    margin: 0 auto;
}
img.icoDezoomed {
    zoom: 80%;
    -moz-transform: scale(0.8);
    -moz-transform-origin: left center;
}
.resetMinHeight {
    min-height: 0px;
}
.fixMarginBottom {
    margin-bottom: -5px;
}
.contratBgLogo{
    background: url("../images/contratBgLogo.png") repeat-x;
    margin: 0 10px 0 10px;
}
.contratLogo{
    width:80px;
    margin: 0 auto;
    display: block;
    background-color: white;
}
.contratLogoSynthese{
    width:50px;
    display: inline-block;
    background-color: white;
    margin-top:5px;
}
.contratLogoEcheancier{
    height: 40px;
    display: inline-block;
    background-color: white;
}
.hr{
    margin: 0;
    padding: 0;
}
input{
    padding-right: 20px;
}
#choixContrat label{
    padding-right: 20px;
    font-size: 12px;
    padding-left:10px;
    vertical-align: middle;
    position: relative;
    bottom: 4px;
    font-weight: normal;
}

#choixContrat span {
    vertical-align: middle;
}

.info-juridique-echeance{
    font-size: 0.8em;
    color: #8BBD06;
}
.info-juridique-echeance a{
    color: #8BBD06;
    text-decoration: underline;
}
.info-juridique-date-theorique{
    font-size: 0.8em;
    color: #2C2C2C;
}

.noHoverDefault:hover{
    cursor: default;
    background-color: #fff;
    border-color: #ccc;
}
.noHoverWarning:hover{
    cursor: default;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.noHoverSuccess:hover{
    cursor: default;
    background-color:#5cb85c;
    border-color: #5cb85c;
}
.noHoverInfo:hover{
    cursor: default;
    background-color:#5bc0de;
    border-color: #5bc0de;
}
.noHoverDanger:hover{
    cursor: default;
    background-color:#d9534f;
    border-color: #d9534f;
}
.width100{
    width: 100%;
}
.choixCarte{
    border-top: 3px solid #cccccc;
}

.inputCvv{
    margin-top: -10px;
    width: 40px;
    padding-right: 0;
    height:16px;
    font-size: 0.8em;

}
.cvvCarte input[type="text"]:focus {
    border-bottom: none;
}

.labelCarte{
    margin-top:10px;
}

.labelCarte label{
    font-weight: normal;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    margin-right: 2px;
    min-width: 128px;
}
.nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: white;
    color: #000;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #8BBD06;
    color: #fff;
    border-bottom-color: transparent;
}

.nav-tabs>li>a:hover {
     border-color: none;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
#historiqueFpay{
    font-size: 11px;
    text-align: left;
}

#historiqueFiLong{
    font-size: 11px;
    text-align: left;
}
#elementaryUnpaid{
    font-size: 11px;
    text-align: left;
}
#historiqueFpay th{
    text-align: center;
}
#historiqueFiLong th{
    text-align: center;
}

#tableTransactionComptant, #tableTransactionUnpaid{
    font-size: 11px;
    text-align: left;
}

#tableTransactionComptant th, #tableTransactionUnpaid th{
    text-align: center;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin:0
}

#card_add_type_pan_box1, #card_add_type_pan_box2, #card_add_type_pan_box3, #card_add_type_pan_box4{
    width: 23%;
    display:inline-block;
    padding-left: 5px;
    padding-right: 2px;
    line-height: 24px;
}

.showDetails{
    top: 50%;
    left: 5%; /* à décommenter en mode tableau */
    /*left: 50%*/; /* à commenter en mode tableau */
    height: 16px;
    width: 16px;
    /* à commenter en mode tableau */
    /*margin-top: -10px;*/
    /*margin-left: -10px;*/
    /*position: absolute;*/
    /* fin à commenter en mode tableau */
    display: block;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 16px;
    content: '+';
    background-color: #31b131;
}
.captcha{
    min-height: 80px;
}
.blocContact{
    padding: 0;
}

.blocContactChat{
     padding: 10px;
 }
textarea{
    width: 100%;
    min-height: 120px;
}

/* CAPTCHA */
.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 130px;
    font-size: 11px;
}
.rc-anchor-logo-portrait {
    margin: 10px 0 0 0;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.icoPayer .glyphicon{
    top: 2px;
}

.glyphicon-remove:before {
    content: "" !important;
}
.btn-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

.encart0825 .numero{
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
.encart0825 .numero .tarif-majoree-violet-small {
    position: relative;
    display: inline-block;
    background-color: #fff;
    height: 23px;
    width: 230px;
    margin: 3px 0;
    color: #af007d;
    font-size: 15px;
    line-height: 25px;
    vertical-align: middle;
    border: 1px solid #af007d;
    z-index: 10;
}
.encart0825 .numero .tarif-majoree-violet-small a {
    position: absolute;
    top: -1px;
    left: 6px;
    color: #af007d !important;
    font-weight: bold !important;
    text-decoration: none;
}
.encart0825 .numero .tarif-majoree-violet-small .numero {
    position: absolute;
    top: 0;
    left: 6px;
    color: #af007d !important;
    font-weight: bold !important;
    text-decoration: none;
}
.encart0825 .numero .tarif-majoree-violet-small .type-numero {
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 6px;
    background-color: #af007d;
    height: 27px;
    line-height: 1em;
    font-size: 0.7em;
    font-weight: bold !important;
    padding: 3px 6px 2px 13px;
    color: #fff;
    z-index: 500;
}
.encart0825 .numero .tarif-majoree-violet-small .type-numero .puce {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffff;
}
.encart0825 .numero .tarif-majoree-violet-small .type-numero .prix {
    display: block;
}

#envoyerMailVerifEmail , #envoyerMailVerifEmail:hover, #envoyerMailVerifEmail:focus, #envoyerMailVerifEmail:active {
    color : #8BBD06;
    cursor: pointer;
}

/*chat*/
.embeddedServiceHelpButton .uiButton {
    max-width: inherit !important;
}