/* Document */
html {
    font-size: 100%; /* IE hack */
}
body {
    font-family: "Arial", sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}
img {
    border: none;
}
p {
    margin: 0px;
    margin-top: .5em;
}
#page {
    position: relative;
}

/* Head */
#logo {
    position: absolute;
    top: 51px;
    left: 22px;
}
#structure {
    position: absolute;
    left: 245px;
    top: 155px;
    width: 235px;
    font-size: 16px;
}
#login {
    position: absolute;
    color: #000000;
}
.fede #login {
    left: 240px;
    top: 178px;
}
.ligue #login, .cd #login {
    left: 550px;
    top: 145px;
}
#login a {
    color: #808080;
    text-decoration: none;
    padding: 2px;
    padding-left: 16px;
    background: url("../img/lock.png") no-repeat;
}
#search {
    position: absolute;
    left: 550px;
    top: 169px;
}
#accroche {
    position: absolute;
    left: 750px;
    top: 115px;
}

/* Left column */
#menu
{
    font-size: 12px;
    font-weight: bold;
}
#menu > ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
#menu > ul > li > div {
    display: table;
    width: 100%;
    height: 50px;
    background: url("../img/bouton-menu.png") no-repeat;
}
#menu > ul > li > div > a {
    display: table-cell;
    vertical-align: middle;
    padding-left: 62px;
    padding-right: 25px;
    text-transform: uppercase;
}
#menu > ul > li.not_published > div > a {
    color: red;
}
#menu > ul > li > div:hover {
    background-position: -250px 0px;
}
.fede #menu > ul > li.selected > div {
    background: url("../img/bouton-menu-selected.png") no-repeat;
    color: #FFFFFF;
}
.ligue #menu > ul > li.selected > div {
    background: url("../img/bouton-menu-selected_ligue.png") no-repeat;
    color: #FFFFFF;
}
.cd #menu > ul > li.selected > div {
    background: url("../img/bouton-menu-selected_cd.png") no-repeat;
    color: #FFFFFF;
}
.fede #menu > ul > li.ancestor > div {
    background: url("../img/bouton-menu-selected.png") no-repeat;
     color: #FFFFFF;
}
.ligue #menu > ul > li.ancestor > div {
    background: url("../img/bouton-menu-selected_ligue.png") no-repeat;
     color: #FFFFFF;
}
.cd #menu > ul > li.ancestor > div {
    background: url("../img/bouton-menu-selected_cd.png") no-repeat;
     color: #FFFFFF;
}
#menu > ul > li.selected > div:hover {
    background-position: -250px 0px;
}
#menu > ul ul {
    list-style: none;
    font-size: 13px;
    color: #dbff54;
}
#menu > ul > li > ul {
    margin-left: 40px;
    padding-left: 8px;
    padding-right: 10px;
    padding-bottom: 20px;
    width: 147px;
}
.fede #menu > ul > li > ul {
    background: url("../img/sous-menu.png") no-repeat left bottom;
}
.ligue #menu > ul > li > ul {
    background: url("../img/sous-menu_ligue.png") no-repeat left bottom;
}
.cd #menu > ul > li > ul {
    background: url("../img/sous-menu_cd.png") no-repeat left bottom;
}
#menu ul ul ul {
    margin-left: 0px;
    margin-top: 5px;
    padding-left: 10px;
}
#menu ul ul li {
    margin-bottom: 5px;
}
#menu a {
    text-decoration: none;
    color: white;
}
#menu ul ul a {
    color: #dbff54;
}
#menu ul ul a:hover {
    color: white;
}
#menu li li.selected > div > a {
    color: #ffffff;
}
#menu li li.selected {
    color: #ffffff;
}
#menu li li.not_published > div > a {
    color: red;
}
#menu li li.not_published {
    color: red;
}
#evenements, #partenaires, #signalement {
    position: relative;
}
.partenaire, .evenement, .evenement_local {
    position: absolute;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 130px;
}
#partenaires {
    margin-top: 240px;
    margin-left: 20px;
}
#partenaires.no_local {
    margin-top: 140px;
}
#partenaires_locaux {
    margin-top: 100px;
    margin-left: 20px;
}
#evenements_locaux {
    margin-top: 100px;
    margin-left: 0;
}
.partenaire {
    margin-top: 10px;
    margin-left: 0;
}
.evenement_local {
    margin-top: 60px;
}
.evenement img, .evenement_local img {
    position: absolute;
    top: -25px;
    left: 85px;
    margin-top: 10px;
}
#signalement {
    margin-top: 120px;
    margin-left: 5px;
    width: 217px;
    height: 134px;
    padding: 10px;
    background: url("../img/bloc-actus.png") no-repeat left top;
}
#signalement p {
    width: 180px;
}
#signalement h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}
#reseaux_sociaux {
    margin-left: 6px;
}
#reseaux_sociaux img {
    margin-left: 4px;
    width: 44px;
}
#ministere {
    margin-top: 5px;
}
#contact {
    position: absolute;
    top: 775px;
    color: #096D6D;
    background: url("../img/enveloppe.png") no-repeat -5px 3px;
    /* border-top: solid 1px #839D9E; */
    margin: 5px;
    padding-left: 55px;
}
#contact a {
    color: #096D6D;
}

/* Center column */
.bloc-top-left {
    position: absolute;
    width: 478px;
    padding: 15px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: justify;
    height: 246px;
    background: url("../img/bloc-qui.png") no-repeat top left;
}
#une {
    height: 393px;
    background: url("../img/bloc-une.png") no-repeat top left;
}
#bloc-top-left-jeunes {
    height: 246px;
    background: url("../img/bloc-jeunes.png") no-repeat top left;
}
#bloc-top-left-champions {
    height: 246px;
    background: url("../img/bloc-champions.png") no-repeat top left;
}
.bloc-top-left h1 {
    font-size: 200%;
    font-weight: bold;
    margin-top: 0;
    border-bottom: solid 2px #FFFFFF;
}
#pratiquer {
    position: absolute;
    left: 510px;
    width: 217px;
    height: 134px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-pratiquer.png") no-repeat left top;
}
#pratiquer p {
    width: 120px;
}
#pratiquer form {
    position: absolute;
    top: 100px;
}
#id_place {
    width: 100px;
}
#pratiquer h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}
#connexion {
    position: absolute;
    left: 510px;
    width: 217px;
    height: 134px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-connexion.png") no-repeat left top;
}
#connexion input {
    width: 105px;
}
#connexion h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}
#agenda {
    position: absolute;
    top: 142px;
    left: 510px;
    width: 217px;
    height: 134px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-agenda.png") no-repeat left top;
}
#agenda p {
    width: 150px;
}
#agenda h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}
#actus {
    position: absolute;
    top: 284px;
    left: 510px;
    width: 217px;
    height: 134px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-actus.png") no-repeat left top;
}
#actus p {
    width: 180px;
}
#actus h1 {
    font-size: 120%;
    margin-top: 0;
    margin-bottom: 10px;
}
.bloc-bottom {
    position: absolute;
    top: 288px;
    width: 700px;
    height: 680px;
    padding: 15px;
    margin-right: 8px;
    margin-bottom: 8px;
    background: url("../img/bloc-menu-vert.png") no-repeat left top;
}
#espaces {
    top: 425px;
    width: 700px;
    height: 550px;
    background: url("../img/bloc-espaces.png") no-repeat left top;
}
#espaces h1 {
    font-size: 250%;
    margin-top: 0;
    margin-bottom: 5px;
}
.espace {
    width: 676px;
    height: 108px;
    padding: 7px 17px 15px 15px;
}
.espace img {
    float: left;
}
.espace h2 {
    margin: 0;
    margin-left: 170px;
    font-size: 18px;
}
.espace p {
    margin-left: 170px;
    text-align: justify;
}
.bloc-menu-jeunes {
    background: url("../img/bloc-oplus.png") no-repeat left top;
}
.bloc-menu-champions, .bloc-menu-hn {
    background: url("../img/bloc-drapeau.png") no-repeat left top;
}
.bloc-menu-licencie {
    background: url("../img/bloc-menu-vert.png") no-repeat left top;
}
.bloc-menu-collectivite {
    background: url("../img/bloc-menu-bleu.png") no-repeat left top;
}
.bloc-menu-presse {
    background: url("../img/bloc-menu-gris.png") no-repeat left top;
}
.bloc-menu-partenaire {
    background: url("../img/bloc-menu-orange.png") no-repeat left top;
}
.bloc-niveau3 {
    display: inline-block;
    width: 208px;
    height: 207px;
    padding: 10px;
    background: no-repeat left top;
    vertical-align: top;
}
.bloc-niveau3-marron {
    background-image: url("../img/bloc-niveau3-marron.png");
}
.bloc-niveau3-bleu {
    background-image: url("../img/bloc-niveau3-bleu.png");
}
.bloc-niveau3-vert {
    background-image: url("../img/bloc-niveau3-vert.png");
}
.bloc-niveau3-gris {
    background-image: url("../img/bloc-niveau3-gris.png");
}
.bloc-niveau3-violet {
    background-image: url("../img/bloc-niveau3-violet.png");
}
.bloc-niveau3-cyan {
    background-image: url("../img/bloc-niveau3-cyan.png");
}
.bloc-menu-jeunes .bloc-niveau3 {
    background-image: url("../img/bloc-niveau3-jeunes.png");
}
.bloc-menu-champions .bloc-niveau3, .bloc-menu-hn .bloc-niveau3 {
    background-image: url("../img/bloc-niveau3-champions.png");
}
.bloc-niveau3 h1 {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 14px;
}
.bloc-niveau3 p {
     margin-top: 0px;
     margin-bottom: 0px;
}
.bloc-niveau3-marron h1 {
    color: #deba6e;
}
.bloc-niveau3-bleu h1 {
    color: #06cecf;
}
.bloc-niveau3-vert h1 {
    color: #97bf0d;
}
.bloc-niveau3-gris h1 {
    color: #97bf0d;
}
.bloc-niveau3-violet h1 {
    color: #cfbe87;
}
.bloc-niveau3-cyan h1 {
    color: #96f4ff;
}
.bloc-menu-jeunes h1 {
    color: #06cecf;
}
.bloc-menu-champions h1, .bloc-menu-hn h1 {
    color: #06cecf;
}
#espace-0 {
    background: url("../img/bloc-licencie.png") no-repeat left top;
}
#espace-1 {
    background: url("../img/bloc-collectivite.png") no-repeat left top;
}
#espace-2 {
    background: url("../img/bloc-presse.png") no-repeat left top;
}
#espace-3 {
    background: url("../img/bloc-partenaire.png") no-repeat left top;
}
#outer-content {
    position: absolute;
    width: 717px;
    height: 975px;
    padding-left: 21px;
    padding-top: 23px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.outer-content-gp {
    background: url("../img/content-niveau2-vert.png") no-repeat left top;
}
.outer-content-jeunes {
    background: url("../img/content-niveau2-jeunes.png") no-repeat left top;
}
.outer-content-champions, .outer-content-hn {
    background: url("../img/content-niveau2-champions.png") no-repeat left top;
}
.outer-content-licencie {
    background: url("../img/content-niveau2-vert.png") no-repeat left top;
}
.outer-content-collectivite {
    background: url("../img/content-niveau2-bleu.png") no-repeat left top;
}
.outer-content-presse {
    background: url("../img/content-niveau2-gris.png") no-repeat left top;
}
.outer-content-partenaire {
    background: url("../img/content-niveau2-orange.png") no-repeat left top;
}
#outer-content ul.breadcrumb {
    font-size: 150%;
    margin: 0;
    margin-bottom: 20px;
    margin-right: 73px;
    padding: 0px;
    border-bottom: solid 2px;
    list-style-type: none;
}
#outer-content .breadcrumb li {
    display: inline;
}
#outer-content .breadcrumb a {
    text-decoration: none;
}
#inner-content {
    padding: 15px;
    margin-right: 70px;
    height: 870px;
    overflow: auto;
}
.inner-content-marron {
    background: url("../img/content-niveau3-marron.png") no-repeat left top;
}
.inner-content-bleu {
    background: url("../img/content-niveau3-bleu.png") no-repeat left top;
}
.inner-content-vert {
    background: url("../img/content-niveau3-vert.png") no-repeat left top;
}
.inner-content-gris {
    background: url("../img/content-niveau3-gris.png") no-repeat left top;
}
.inner-content-violet {
    background: url("../img/content-niveau3-violet.png") no-repeat left top;
}
.inner-content-cyan {
    background: url("../img/content-niveau3-cyan.png") no-repeat left top;
}
.inner-content-jeunes {
    background: url("../img/content-niveau3-jeunes.png") no-repeat left top;
}
.inner-content-champions, .inner-content-hn {
    background: url("../img/content-niveau3-champions.png") no-repeat left top;
}
.scrollbar {
    overflow: auto;
    height: 810px;
    padding-right: 10px;
}
#inner-content h1 {
    font-size: 200%;
    margin: 0px;
    border: none;
/*     color: #06cecf; */
}
.inner-content-marron h1 {
    color: #deba6e;
}
.inner-content-bleu h1 {
    color: #06cecf;
}
.inner-content-vert h1 {
    color: #97bf0d;
}
.inner-content-gris h1 {
    color: #97bf0d;
}
.inner-content-violet h1 {
    color: #cfbe87;
}
.inner-content-cyan h1 {
    color: #96f4ff;
}
.inner-content-jeunes h1 {
    color: #06cecf;
}
.inner-content-champions h1, .inner-content-hn h1 {
    color: #06cecf;
}
.suite {
    padding-top: 10px;
    font-weight: bold;
    padding-left: 40px;
    background: url("../img/chevrons.png") no-repeat;
    background-position: left 8px;
}
.bloc-niveau3 .suite {
    clear: both;
}
.suite a {
    text-decoration: none;
}

/* Foot */
#foot {
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    color: #096D6D;
}
#foot a {
    color: #096D6D;
    text-decoration: none;
}
#foot .separator {
    color: #000000;
}

/* /www/ */
#videos table {
    width: 100%;
}
#videos td {
    width: 50%;
    text-align: center;
}
#videos table p {
    font-style: italic;
}

/* /www/pres_de */
#pres_de_carte {
    width: 100%;
    height: 550px;
    background-color: white;
    background-image: url(http://api.ign.fr/geoportail/api/js/1.3/theme/geoportal/img/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

/* Formulaires */
input[type=text], textarea, select, button {
    margin: 2px 0;
    padding: 2px 3px;
    vertical-align: middle;
    font-family: "Arial", sans-serif;
    font-weight: normal;
}
textarea {
    vertical-align: top !important;
}
input[type=text], input[type=password], textarea, select {
/*     border: 1px solid #ccc; */
}

/* Liens */
a {
    color: #FFFFFF;
}

/* Calendrier */
.month td {
    width: 80px;
    height: 80px;
    border: solid #2099B2 1px;
    vertical-align: top;
}
.month p {
    margin-top: .5em;
    margin-bottom: 0;
}
.month p.daynum {
    margin-top: 0;
}

/* CMS plugins */
.plugin_text {
    clear: both;
}
.espace .plugin_text {
    clear: none;
}
.plugin_text h2 {
    font-size: 130%;
}
.plugin_text h3 {
    font-size: 110%;
}
.filet-gauche {
    margin-left: 50px;
    padding-left: 10px;
    border-left: solid white 1px;
}
.plugin_text > p {
    text-align: justify;
}
.plugin_text ul {
    margin: 0px;
    padding-left: 20px;
}
.plugin_text li {
    margin-top: .5em;
}
.plugin_text img {
    vertical-align: middle;
}
.plugin_text .commentaire {
    color: #ff1010;
    font-weight: bold;
}
.plugin_text .center {
    text-align: center;
}
.plugin_text .reverse-video, .plugin_text .justified-reverse-video {
    background: white;
    color: #006085;
    padding: 5px 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 120%;
}
.plugin_text .reverse-video:first-child, .plugin_text .justified-reverse-video:first-child {
    margin-top: 0px;
}
.plugin_text .reverse-video a, .plugin_text .justified-reverse-video a {
    color: #006085;
    text-decoration: none;
}
.plugin_text .reverse-video {
    display: inline-block;
}
.plugin_text .dash-underline {
    font-weight: bold;
    font-size: 130%;
    border-bottom: dashed 2px;
    padding-bottom: 5px;
    margin-top: 20px;
}
.plugin_text .out-link a {
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
}
.plugin_text .hidden-note {
    display: none;
}
.plugin_text table {
    width: 100%;
}
.plugin_text td {
    vertical-align: top;
}
div.plugin_picture.longdesc {
    background: #ffffff;
    padding: 5px;
    text-align: center;
    color: #000000;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}
div.plugin_picture.longdesc img {
    margin-bottom: 5px;
}
a div.plugin_picture.longdesc {
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
}
div.plugin_picture.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
div.plugin_picture.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

/* Actus */
.actus h2 {
    margin: 0px;
    font-size: 120%;
    text-decoration: none;
}
.actus a, .actus p {
    text-decoration: none;
}
.actus img {
    margin-right: 10px;
}
.excerpt {
    font-weight: bold;
}

/* Equipe de France */
div.identite_hn {
    background: url("../img/identite_hn.png") no-repeat top left;
    width: 580px;
    height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    font-size: 120%;
    color: #137bbc;
}
div.identite_hn img {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px;
}
div.identite_hn a {
    color: #137bbc;
}
ul.tabs {
        margin: 0;
        margin-top: 20px;
        padding: 0;
        float: left;
        list-style: none;
//        height: 32px; /*--Set height of tabs--*/
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #ffffff;
        width: 100%;
}
ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 31px; /*--Vertically aligns the text within the tab--*/
        border: 1px solid #ffffff;
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
}
ul.tabs li a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        font-weight: bold;
        padding: 0 10px;
        outline: none;
}
ul.tabs li a:hover {
        background: #ffffff;
        color: #235e83;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
        background: #ffffff;
}
html ul.tabs li.active a {
        color: #235e83;
}
.tab_container {
        border: 1px solid #ffffff;
        border-top: none;
        overflow: hidden;
        clear: both;
        float: left; width: 100%;
}
.tab_content {
        padding: 10px;
}

/* Diplomes */
form.diplomes ul {
    padding-left: 0px;
}
form.diplomes li {
    display: inline;
    list-style-type: none;
    margin-right: 20px;
}
form.diplomes select#id_club {
    width: 500px;
}
table.formateurs {
    margin-top: 20px;
    margin-bottom: 20px;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
table.formateurs td, table.formateurs th {
    border: solid 1px #ffffff;
    padding: 3px 5px;
}

/* Pagination */
div.paginator {
    margin: 10px 0px;
    text-align: center;
    font-weight: bold;
}
div.paginator a, div.paginator span {
    display: inline-block;
    border: solid #ffffff 1px;
    text-align: center;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    margin: 2px;
}
div.paginator span.current, div.paginator a:hover {
    background: #ffffff;
    color: #000000;
}

/* Admin */
.adminlink {
    color: #ff8000;
}

/* Boutons */
.bouton {
    display: inline-block;
    margin: 5px;
    padding: 3px 10px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    font-size: 12px;
    font-family: "Arial",sans-serif;
}

/* Formulaires */
.formulaire th {
    text-align: right;
}
.formulaire input[type=text] {
    width: 450px;
}
.formulaire select {
    width: 460px;
}
.formulaire textarea {
    width: 450px;
}
.formulaire input#id_date, .formulaire input#id_date_report, .formulaire input#id_date_fin {
    width: 12ex;
}
.formulaire input#id_departement {
    width: 3ex;
}
.formulaire input#id_tel {
    width: 21ex;
}
.formulaire input#id_q {
    width: 300px;
}
.formulaire tr.required label:after {
    content: " *";
}
.formulaire ul {
    padding-left: 0;
}
.formulaire li {
    display: inline;
    margin: 0 .5em;
}
.errorlist li {
}
ul.errorlist {
    clear: both;
    background: #E00000;
    color: #FFFFFF;
    margin: 5px 0;
    padding: 5px;
}

/* Calendrier */
.a_valider {
    background: red;
}
.annule {
    text-decoration: line-through;
}
.agenda_search ul {
    list-style-type: none;
    padding-left: 0;
}

/* Calendrier HN */
table.agendahn {
    width: 100%;
    margin: 0;
    padding: 3px;
    border-collapse: collapse;
}
tr.agendahnco, tr.agendahnco a {
    color: #006085;
    background: #FFFFFF;
}
tr.agendahnco a.nom, tr.agendahnse a.nom {
    font-weight: bold;
}
table.agendahn td {
    vertical-align: top;
}
h2.not_published {
    color: red;
}

/* Carto */
.form-carto {
    margin-top: 20px;
}
.form-carto .field {
    clear: both;
    margin-top: 5px;
}
.form-carto .field.spacer {
    margin-top: 20px;
}
.form-carto .field > label[for^=id_] {
    display: block;
    width: 25%;
    float: left;
    margin: 6px 0;
    font-weight: bold;
}
.form-carto .field.stacked > label {
    width: auto;
    float: none;
}
.form-carto .after {
    margin-left: 10px;
}
.form-carto input[type=text], .form-carto.textarea, .form-carto select {
    width: 75%;
    border: solid #404040 1px;
    margin: 1px 0;
    padding: 2px 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.form-carto input[type=submit] {
    margin: 20px auto;
    width: 25%;
    display: block;
}
.form-carto ul:not(.errorlist) {
    margin: 0;
    padding: 0;
    display: inline;
}
.form-carto li {
    list-style: none;
    display: inline;
    margin-right: 10px;
}
.form-carto .field.stacked_radio li {
    display: block;
}
.form-carto #id_echelle, .form-carto #id_annee, .form-carto #id_surface, .form-carto #id_numero {
    width: 6em;
}
.form-carto #id_format {
    width: auto;
}
.form-carto #id_autre_format {
    width: 10em;
}
#modifier-carto h2 {
    margin: 10px 0;
    display: inline-block;
}
.missing {
    font-weight: bold;
    color: #FFFF00;
}
.counter {
    display: inline-block;
    vertical-align: bottom;
}
.counter span {
    float: left;
    display: inline-block;
    width: 22px;
    height: 30px;
    text-indent: -9999px;
    font-size: 0.0001em;
    background-image: url('../img/counter-sprite.png');
}
/* Set all the background positions, and hook up all the animations */
.counter .digit-0 {
    background-position:0 -300px;
    animation-name: digitSpin0;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin0;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-1 {
    background-position:0 -30px;
    animation-name: digitSpin1;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin1;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin0;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-2 {
    background-position:0 -60px;
    animation-name: digitSpin2;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin2;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin2;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-3 {
    background-position:0 -90px;
    animation-name: digitSpin3;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin3;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin3;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count:1;
}
.counter .digit-4 {
    background-position:0 -120px;
    animation-name: digitSpin4;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin4;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin4;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-5 {
    background-position:0 -150px;
    animation-name: digitSpin5;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin5;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin5;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-6 {
    background-position:0 -180px;
    animation-name: digitSpin6;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin6;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin6;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-7 {
    background-position:0 -210px;
    animation-name: digitSpin7;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin7;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin7;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-8 {
    background-position:0 -240px;
    animation-name: digitSpin8;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin8;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin8;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}
.counter .digit-9 {
    background-position:0 -270px;

    animation-name: digitSpin9;
    animation-duration: 3s;
    animation-iteration-count: 1;

    -webkit-animation-name: digitSpin9;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;

    -moz-animation-name: digitSpin9;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
}

/* Animation */
@keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -300px; }
}
@keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -60px; }
}
@keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}
@keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -120px; }
}
@keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -150px; }
}
@keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}
@keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -210px; }
}
@keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -240px; }
}
@keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -270px; }
}

/* Animation for Webkit */
@-webkit-keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -300px; }
}
@-webkit-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-webkit-keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -60px; }
}
@-webkit-keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}
@-webkit-keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -120px; }
}
@-webkit-keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -150px; }
}
@-webkit-keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}
@-webkit-keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -210px; }
}
@-webkit-keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -240px; }
}
@-webkit-keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -270px; }
}

/* Animation for Gecko (Firefox) */
@-moz-keyframes digitSpin0 {
    from { background-position:0 0; }
    to { background-position:0 -300px; }
}
@-moz-keyframes digitSpin1 {
    from { background-position:0 0; }
    to { background-position:0 -30px; }
}
@-moz-keyframes digitSpin2 {
    from { background-position:0 0; }
    to { background-position:0 -60px; }
}
@-moz-keyframes digitSpin3 {
    from { background-position:0 0; }
    to { background-position:0 -90px; }
}
@-moz-keyframes digitSpin4 {
    from { background-position:0 0; }
    to { background-position:0 -120px; }
}
@-moz-keyframes digitSpin5 {
    from { background-position:0 0; }
    to { background-position:0 -150px; }
}
@-moz-keyframes digitSpin6 {
    from { background-position:0 0; }
    to { background-position:0 -180px; }
}
@-moz-keyframes digitSpin7 {
    from { background-position:0 0; }
    to { background-position:0 -210px; }
}
@-moz-keyframes digitSpin8 {
    from { background-position:0 0; }
    to { background-position:0 -240px; }
}
@-moz-keyframes digitSpin9 {
    from { background-position:0 0; }
    to { background-position:0 -270px; }
}

.dataTables_wrapper {
    color: #000000;
    background: #ffffff;
    padding: 5px;
    margin-top: 10px;
    border-radius: 5px;
}

.dataTables_wrapper a {
    color: #000000;
}

.ffco-datatable thead input {
    width: 100%;
}

.actu-img-detail {
    width: 100%;
}

.actu-img-detail img {
    display: block;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
}

#featureCarousel .feature {
    background: white;
}