/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-right: 15px;
    padding-left: 15px;
}

/* Custom page header */
.header {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
    .container {
        max-width: 1200px;
    }
}
.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background: url(../jumbotron_1200X400.jpg) no-repeat bottom 0px left 0px;
    height:350px;
}
.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}

/* Supporting marketing content */
.marketing {
    margin: 40px 0;
}
.marketing p + h4 {
    margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }
}

/* bouton de contact */
div.feedback {
    z-index:9998;
}

@media screen and (min-width: 800px) {
    div.feedback a {
        z-index:9999;
        display: block;
        position: fixed;
        top: 200px;   /* Emplacement du bouton en hauteur : remplacer 200 par 300 pour le descendre */
        right: 0px;    /* Pour placer le bouton à droite, remplacer "left" par "right" */
        background: #6DC7F7;   /* Pour changer la couleur du bouton, remplacer #6DC7F7 */
        border: 1px solid #61B3DE;  /* Couleur de la bordure plus foncée que celle du bouton. Pour la changer, remplacer #61B3DE */
        border-left-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton  */
        border-top-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton */
    }

    div.feedback a:hover {
        background: #009FE4;   /* Couleur du bouton au survol de la souris : pour la changer, remplacer #6DC7F7 */
        border: 1px solid #009FE4;   /* Cette couleur doit être identique à la précédente */
    }
}

.page-title {
    padding-bottom:12px;
    border-bottom: 1px solid gray;
}

.page-subtitle {
    padding-bottom:12px;
    color: black;
    _border-bottom: 1px solid gray;
    margin-bottom:25px;
}

.c3-sending {
    display:none;
}

/* Base styles (regardless of theme) */
.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}
.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lora;
    font-weight: bold;
}

.pills-important > a {
    color: #fff !important;
    background-color: #3cb521;
    border-radius: 4px !important;
}

.pills-important > a:hover {
    background-color: #61dd45 !important;
}

.point {
    border-left:12px solid #ff9900;
    padding:8px 0 8px 10px;
    text-align: center;
}

.more {
    font-size:18px;line-height: 32px;
}

.point-text {
    padding-right:10px;
    text-align: justify;
    font-size:16px;
}

.point-more {
    font-size: 16px;
    text-align: justify;
}

.heading-icon {
    font-size:48px;
    color:#d5d5d5;
    text-align: center;
    padding-bottom:12px;

}

.heading-marketing {
    text-align:center;
    border-bottom:2px solid #d5d5d5;
    height:88px;
}

.heading-marketing-index {
    text-align:center;
    border-bottom:2px solid #d5d5d5;
    height:19px;
}

.page-title-marketing {
    display:inline-block;
    position:relative;
    top:-19px;
    background:#fff;
    padding:0 22px;

    color: #ff9900;
    text-align: center;
    font-size:42px;
}

.page-title-marketing2 {
    display:inline-block;
    position:relative;
    top:-19px;
    background:#fff;
    padding:0 22px;

    color: #ff9900;
    text-align: center;
    font-size:21px;
}

.organismes {
    clear:both;
    display:block;
    margin-top:20px;
    text-align: center;
    width:100%;
}

.organismes img {
    display:inline-block;
    margin:20px;
}

.footer {
    font-size:13px;
}

.footer ul {
    padding-left: 15px;
    list-style: none;
}

.footer a {
    color: #777;
}

.list-group-item {
    border: 0 !important;
    margin: 4px auto !important;
    padding: 4px auto !important;
}

ul.en-savoir-plus  {
    list-style: none;
    padding-left: 0;

}

ul.en-savoir-plus li a {
    margin:0;
    padding:3px 5px;
}


.table-cotisations {
    width: 100%;
}

.table-cotisations td {
    padding:10px;
}

.table-cotisations td.chiffres {
    text-align: center;
}
.table-cotisations td.actuels {
    font-weight: bold;
    background-color: #ffd18d;
}

.table-cotisations .parts {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.table-cotisations td.divises {
    padding: 0 !important;
}

.table-cotisations .changes {
    background-color: #ff9900 !important;
}

.table-cotisations .taux-total {
    border-right: 1px solid gray;
    width:90px !important;
    text-align: center;
}
.marge {
margin-left: 5em;
}

.no-display{
    display:none;
}

.zone_nouveau_tarif {
    background-color: #FCFCF8  !important;
}