body>.band {
    clear: both
}
#center_part_2_full {
    width: 100%
}
#contenuhome{
	margin: 0 auto !important
}
#center_part_2_full #contenuhome {
    margin: 0
}
#odr-page {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 auto;
}
#odr-page a img {
    border: 0
}
#odr-page li {
    background: 0 0;
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 0
}
#odr-page #partiegauche {
    float: left;
    margin: 0;
    width: 1000px
}
#odr-page .fenetre {
    width: 743px
}
#odr-page .avec {
    background-image: url(/content/static/bfr/animation/codes-avantages/images/Fenetres/Fenetre_background2.jpg);
    background-repeat: repeat-y
}
#odr-page .sans {
    background-image: url(/content/static/bfr/animation/codes-avantages/images/Fenetres/Fenetre_background.jpg);
    background-repeat: repeat-y
}
#odr-page .ligne {
    clear: both;
    overflow: hidden
}
#odr-page .ligne-bis {
    clear: both;
    margin: 10px 20px;
    overflow: hidden
}
#odr-page .pied {
    background-image: url(/content/static/bfr/animation/codes-avantages/images/Fenetres/Fenetre_bas.jpg);
    background-repeat: no-repeat;
    clear: both;
    height: 22px;
    width: 743px
}
#odr-page .espace {
    margin-top: 15px
}
#odr-page .code-ems {
    padding: 10px 0 0
}
#odr-page #banniere {
    background-image: url(/content/static/bfr/_odr/gabarit2014/images/Contenu/ems_haut.jpg);
    /*background-image: url(/content/static/bcom/desktop/evenements/20160725-odr/css/noel.jpg);*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    margin: 0;
    max-width: 1000px;
    padding-bottom: 22%;
    position: relative
}
#odr-page #banniere .profitez {
    float: left;
    margin-left: 38px;
    margin-top: 148px;
    width: 419px
}
#odr-page #banniere h2 {
    color: #323232;
    font-family: Arial;
    font-size: 15px
}
#odr-page .odr_liens {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
    text-align: center
}
#odr-page .odr_liens li {
    display: inline-block
}
#odr-page .odr_liens li a:hover,
#odr-page .odr_liens li a[active] {
    color: #0096b1;
    border-bottom: 3px solid #0096b1
}
#odr-page .odr_liens a {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #333;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    padding: 24px 0 21px;
    border-bottom: 3px solid transparent
}
#odr-page .odr {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 15px 0 8px
}
#odr-page .odr div.first {} #odr-page .odr .visuel {
    display: block
}
#odr-page .odr a[class^=btn] {
    border-radius: 2px;
    text-align: center;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    font-size: 14px
}
#odr-page .odr a.btn-1 {
    color: #000;
    border: 1px solid #000
}
#odr-page .odr a.btn-1:hover {
    background: #000;
    color: #fff
}
#odr-page .odr a.btn-2 {
    color: #ff5c00;
    border: 1px solid #ff5c00
}
#odr-page .odr a.btn-2:hover {
    background: #ff5c00;
    color: #fff
}
#odr-page .odr .informations {
    display: block
}
#odr-page .odr .informations .titre {
    font: 800 16px 'Open Sans';
    text-transform: uppercase
}
#odr-page .odr .informations>div {
    color: #0096b1
}
#odr-page .odr .informations p {
    font: 400 12px arial
}
#odr-page .odr .informations p.date {
    margin: 0 0 10px;
    font: 600 15px 'Open Sans'
}
#odr-page .odr .boutons {
    display: block;
    margin-top: 6px
}
#odr-page .odr .boutons a {
    margin: 0 0 10px;
    -webkit-transition: .7s all;
    transition: .7s all
}
#odr-page .odr .boutons a:hover {
    -webkit-transition: .2s all;
    transition: .2s all
}
#odr-page .odr .odr_contenant .right {
    float: left;
    margin-left: 734px
}
#odr-page .odr .odr_contenant_ligne {
    border-bottom: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    float: left;
    margin-left: 22px;
    width: 921px
}
#odr-page .odr:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    background: -webkit-linear-gradient(right, #fff, #000, #fff);
    background: linear-gradient(-90deg, #fff, #000, #fff)
}
#odr-page .odr-content {
    margin: 0 auto
}
#odr-page .haut_page {
    display: block;
    padding-right: 26px;
    text-align: right
}
.hub-breadcrumb {
    margin-bottom: 10px
}

.hub-breadcrumb ol,
.hub-breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.hub-breadcrumb ol li,
.hub-breadcrumb ul li {
    display: inline-block;
    font-size: 12px
}

@media only screen and (max-width:640px) {
    .hub-breadcrumb ol li:nth-last-child(n+3) a:before,
    .hub-breadcrumb ol li:nth-last-child(n+3) a:focus:before,
    .hub-breadcrumb ol li:nth-last-child(n+3) a:hover:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:focus:before,
    .hub-breadcrumb ul li:nth-last-child(n+3) a:hover:before {
        content: "..."
    }
    .hub-breadcrumb ol li:nth-last-child(n+3) span,
    .hub-breadcrumb ul li:nth-last-child(n+3) span {
        display: none
    }
    #odr-page #banniere {
        background-image: url(/content/static/bfr/_odr/gabarit2014/images/Contenu/ems-mobile_ODR.jpg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
        padding-bottom: 40%;
    }
}

.hub-breadcrumb ol li a,
.hub-breadcrumb ol li a:focus,
.hub-breadcrumb ol li a:hover,
.hub-breadcrumb ul li a,
.hub-breadcrumb ul li a:focus,
.hub-breadcrumb ul li a:hover {
    color: #3b3b3b;
    text-decoration: underline
}

.hub-breadcrumb ol li a:hover,
.hub-breadcrumb ul li a:hover {
    text-decoration: none
}

.hub-breadcrumb ol li span,
.hub-breadcrumb ul li span {
    color: #3b3b3b
}

.hub-breadcrumb ol li+li:before,
.hub-breadcrumb ul li+li:before {
    content: "›";
    font-size: 20px;
    margin-right: 5px;
    margin-left: 5px
}
.odr-old img {
    filter: grayscale(20%);
    opacity: 0.9;
}
#odr-page .odr-old .informations>div {
    color: #9e9e9e;
}
#odr-page .odr-old .informations p.date {
    color: #606060;
}
@media screen and (max-width: 640px) {
    #odr-page .odr {
        padding: 15px 15px 8px
    }
    #odr-page .odr_liens li {
        float: left;
        width: 33.333%
    }
    #odr-page .odr_liens a {
        font-size: 16px
    }
    #odr-page .odr div.first {
        display: inline-block;
        margin-top: -1px;
        margin-right: 15px;
        vertical-align: baseline
    }
    #odr-page .odr .visuel {
        text-align: center
    }
    #odr-page .odr .informations {
        text-align: center
    }
    #odr-page .odr .boutons {
        text-align: center
    }
    #odr-page .odr .boutons a {
        display: inline-block;
        width: 165px
    }
}
@media screen and (min-width: 641px) {
    #center_part_2_full #contenuhome {
        width: 1000px
    }
    .onglet_1 a {
        width: 74px;
        margin: 0 auto
    }
    .onglet_2 a {
        width: 89px;
        margin: 0 auto
    }
    .onglet_3 a {
        width: 147px;
        margin: 0 auto
    }
    .onglet_4 a {
        width: 141px;
        margin: 0 auto
    }
    .onglet_5 a,
    .onglet_6 a {
        width: 104px;
        margin: 0 auto
    }
    #odr-page {
        width: 1000px
    }
    #odr-page .odr_liens {
        width: 1000px
    }
    #odr-page .odr_liens li {
        width: 16%
    }
    #odr-page .odr_liens a {
        font-size: 17.93px
    }
    #odr-page .odr {
        width: 1000px
    }
    #odr-page .odr div.first {
        width: 160px;
        float: left
    }
    #odr-page .odr .visuel {
        float: left;
        margin-left: 15px;
        width: 310px
    }
    #odr-page .odr .informations {
        float: left;
        margin: 0 10px;
        width: 445px
    }
    #odr-page .odr .boutons {
        float: left;
        width: 200px
    }
    #odr-page .odr .boutons a {
        display: block
    }
    #odr-page .odr-content {
        width: 1000px
    }
}