@font-face {
    font-family: 'gothamboldregular';
    src: url('../Fonts/gothambold-webfont.woff2') format('woff2'), url('../Fonts/gothambold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambookregular';
    src: url('../Fonts/gothambook-webfont.woff2') format('woff2'), url('../Fonts/gothambook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamlightregular';
    src: url('../Fonts/gothamlight-webfont.woff2') format('woff2'), url('../Fonts/gothamlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothammediumregular';
    src: url('../Fonts/gothammedium-webfont.woff2') format('woff2'), url('../Fonts/gothammedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'morenomedium';
    src: url('../Fonts/moreno-medium-webfont.woff2') format('woff2'), url('../Fonts/moreno-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'morenoregular';
    src: url('../Fonts/moreno-regular-webfont.woff2') format('woff2'), url('../Fonts/moreno-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IcoMoon';
    src: url('../Fonts/IcoMoon.eot');
    src: url('../Fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../Fonts/IcoMoon.woff') format('woff'), url('../Fonts/IcoMoon.ttf') format('truetype'), url('../Fonts/IcoMoon.svg#IcoMoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

#nav {
    margin-bottom: 10px;
}

#block2 {
    width: 200px !important;
}

    #block2 ul.menu > li > a {
        padding-left: 10px !important;
    }

.breadcrumb > li + li::before {
    content: "" !important;
}

.icon-location:before {
    content: "\63";
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}

.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
}

.panel-default > .panel-heading {
    background-color: #faf7ed !important;
    color: inherit;
}

#block2 > div.inner {
    height: 40px;
}

.panel {
    border-radius: 0px;
}

.dxbButton {
    background: none;
    border: none;
    background-color: #bba36e;
    color: #fff;
    font-family: 'Gothammediumregular';
}

.dxbButtonHover {
    background-color: #758f8f;
}


.infoMessage {
    padding: 15px 15px 15px 40px;
    background-color: #eef4f4;
}

.filAriane {
    margin: 15px 0;
}

    .filAriane span.active, .filAriane a.active {
        color: #bba36e;
        font-family: 'Gothammediumregular';
        font-size: 12px;
    }

.fieldset .caption {
    color: #bba36e;
    font-size: 14px;
    display: inline-block;
    left: 9px;
    line-height: 16px;
    padding: 10px 20px;
    position: relative;
    font-family: 'Gothammediumregular';
}

td.label {
    text-align: right;
    background: none;
}

.divInfo {
    background-image: url(Images/Info.png);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    padding-left: 30px;
    font-size: 11px;
    font-style: italic;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-right: 15px;
    margin-top: 5px;
    background-color: #faf7ed;
    color: #6e7070;
    /* line-height: 16px;
   font-size: 14px;*/
    font-family: gothambookregular;
}

.printer {
    display: block;
    font-size: 20px;
    float: right;
    top: 5px;
    right: 20px;
}

    .printer a {
        color: #bba36e;
    }


.tableForm {
    width: 95%;
}

    .tableForm tr td {
        font-size: 12px;
        /*border:1px solid black;*/
    }

    .tableForm > tbody > tr > td {
        padding: 2px;
    }

    .tableForm .row {
        margin: 0;
    }

table.tableForm span {
    font-size: 12px;
}

.right {
    float: right;
}

.fieldset {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 1px solid #eef4f4;
    border-collapse: separate;
    border-radius: 0;
    display: table;
    padding: 0 15px 15px 15px;
    width: 95%;
    background-color: #eef4f4;
}

.width100 {
    width: 100%;
}

#wrappertop .container-fluid,
#wrappermenu .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#block1 {
    margin-left: 10px;
}

.top40 {
    margin-top: 40px;
}
.top20 {
    margin-top: 20px;
}

#menuppl ul li.item {
    list-style: none;
    display: inline-block;
    font-family: 'Gothammediumregular';
}

    #menuppl ul li.item a {
        color: #4c5c5c;
        padding: 30px;
        display: block;
        font-size: 16px;
    }

        #menuppl ul li.item a:hover {
            color: #bba36e;
        }

.connexion {
    padding-top: 10px;
}

    .connexion a.btn {
        margin-top: -5px !important;
    }

.page-header {
    margin: 0 0 20px 0;
}

.blog h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.blog .desc ul {
    margin-left: 20px;
}

.blog .col-md-6 {
    max-width: 48%;
}

.blog {
    /*margin-top: 20px;*/
}

.bloc {
    display: block;
    background-color: #f1f3f2;
    padding-left: 50px;
    padding-right: 40px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: 200px;
}

    .bloc .dxbButton_SGDL {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.blog .bloc {
    margin: 10px;
}

#block2 h2 {
    font-size: 18px;
    margin-top: 5px;
    text-align: center;
}

.tdPpl {
    white-space: nowrap;
    padding-right: 15px !important;
    vertical-align: top;
}

textarea:focus {
    border: none;
}

.marginTop {
    margin-top: 20px;
}

@media (max-width: 1000px) {
    #menuppl ul li.item {
        display: table-header-group;
    }

        #menuppl ul li.item a {
            padding: 10px;
        }
}

#wrappertop .row {
    /* margin-left: -15px;*/
}

#block4 img {
    height: 40px;
    min-width: 156px;
}

.blockcentrer {
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
        */
    position: relative;
}

.cartemembre {
    width: 360px;
    height: 250px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #f1f3f2;
    -webkit-box-shadow: 2px 3px 15px -2px #8e8e8e;
    -moz-box-shadow: 2px 3px 15px -2px #8e8e8e;
    box-shadow: 2px 3px 15px -2px #8e8e8e;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=3, Color='#8e8e8e', Positive='true');
}

    .cartemembre .top {
        background-color: #d6dcdb;
        font-family: Arial;
        font-size: 24px;
        color: #768888;
        text-align: center;
        padding: 10px;
    }

        .cartemembre .top span.year {
            color: #bba36e;
        }

    .cartemembre .content {
        background-image: url(../Content/Images/fond-carte.png);
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
        background-size: 360px auto;
        height: 308px;
        padding: 80px;
        font-family: gothambookregular;
        color: #fff;
        font-size: 16px;
        line-height: 18px;
    }

    .cartemembre.invalide .content {
        background-image: url(../Content/Images/fond-carte-invalide.png);
        background-repeat: no-repeat;
        background-position-x: left;
        background-position-y: top;
        background-size: 360px auto;
        height: 308px;
        padding: 80px;
        font-family: gothambookregular;
        color: #fff;
        font-size: 16px;
        line-height: 18px;
    }

    .cartemembre .content .ident {
        position: absolute;
        left: 150px;
        top: 110px;
        height: 115px;
		width: 230px;
    }

        .cartemembre .content .ident .name {
            font-family: gothamboldregular;
            font-size: 18px;
        }

        .cartemembre .content .ident .adherent {
            font-size: 14px;
            margin-top: 5px;
            color: #bba36e;
            font-family: gothamboldregular;
        }

    .cartemembre .content .qrcode {
        width: 64px;
        height: 64px;
        padding: 3px;
        background: #fff;
        position: absolute;
        left: 70px;
        top: 100px;
        display: block;
    }

    .cartemembre .baseline {
        position: absolute;
        bottom: 28px;
        right: 18px;
        color: #4c5c5c;
        font-size: 18px;
        font-family: Arial,tahoma;
    }

    .cartemembre .numeroCarte {
        position: absolute;
        bottom: 10px;
        font-size: 14px;
    }

.breadcrumb {
    background: none;
}

.txtcolor-or {
    color: #bba36e;
}

@media print {
  body {-webkit-print-color-adjust: exact;}
 .noprint
 {
     display:none;
 }

}
@page {
    size:A4 landscape;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin: 0;
    -webkit-print-color-adjust: exact;
}

.breadcrumb > li {
    display: inline;
}

.page-header {
    border-bottom: none;
}

#custom2 > div.inner {
    padding-top: 0;
}

#wrapper-bottom .nav > li > a:focus, .nav > li > a:hover {

    background: none;
}
#wrapper-bottom .nav > li > a {

    padding: 0;

}

.alert-success, .alert-warning, .alert-danger
{
    padding:5px;
}

.alert-danger a
{
    color:#a94442;
}
.alert-danger a:hover
{
    color:#a94442 !important;
}
.divPaiement
{
    display:block;
    position:absolute;
    right:20px;
    top:20px;
    width:400px;
    height:200px;
}