#hrs {
    z-index: 1;
    position: relative;
    margin: 10em 0 0 0;
    min-height: 100%;
    padding-bottom: 20em
}

#hrs article header h1 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
    color: #212121;
    margin-bottom: .5em
}

#hrs h1 {
    font-size: 2.5em;
    font-weight: 700;
    color: #278524;
    margin-bottom: .5em
}

#hrs h1 span {
    display: block;
    margin-top: .75em;
    font-size: .4em;
    font-weight: 500;
    color: #777;
    letter-spacing: .05em;
    text-transform: uppercase
}

#hrs h2 {
    font-size: 1.5em;
    font-weight: 500
}

#hrs div.date {
    position: absolute;
    top: 0;
    right: 1em
}

#hrs div.date label {
    padding-top: .25em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em
}

#hrs div.date input[type=date] {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em;
    padding: .25em .5em;
    border: solid 1px #e5e5e5;
    outline: 0;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs div.date input[type=date]:focus {
    border-color: #fbb829
}

#hrs p.small {
    font-size: .85em;
    font-weight: 400;
    color: #7f7f7f
}

#hrs .intro {
    text-align: center
}

#hrs .intro .filters {
    text-align: left
}

#hrs form.search {
    display: table;
    position: relative;
    margin: 0 auto 3em auto
}

#hrs form.search .search {
    position: relative
}

#hrs form.search .search .search--results {
    width: 620px;
    max-height: 280px;
    top: 67px;
    left: 30px;
    position: absolute;
    z-index: 1000;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#hrs form.search .search .search--results li {
    line-height: 20px;
    text-align: left;
    border: solid 1px #e5e5e5;
    border-top: none
}

#hrs form.search .search .search--results li a {
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 12px;
    box-sizing: border-box;
    color: #212121;
    background: #fff;
    text-decoration: none;
    display: block
}

#hrs form.search input[type=text] {
    font-family: inherit;
    font-size: 1.15em;
    padding: 1em 1.5em;
    width: 34em;
    border: solid .15em #d5e6f4;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#hrs form.search input[type=text]:focus {
    border-color: #1b325f
}

/*#hrs form.search input[type=submit] {
    position: absolute;
    bottom: .8em;
    right: 1em;
    width: 2.5em;
    height: 2.5em;
    overflow: hidden;
    text-indent: -300em;
    border: 0;
    outline: 0;
    background: #fff url(../images/icons/search.svg) center no-repeat;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -ms-border-radius: 2.5em;
    -o-border-radius: 2.5em;
    border-radius: 2.5em;
    -webkit-background-size: 2em auto;
    -moz-background-size: 2em auto;
    -ms-background-size: 2em auto;
    -o-background-size: 2em auto;
    background-size: 2em auto;
    font-size: 1em
}*/

#hrs form.search input[type=submit]:hover {
    cursor: pointer
}

#hrs form.search input[type=radio] {
    margin: 0 1em 1em .5em;
    font-size: 1em
}

#hrs form.search input[type=radio]:hover {
    cursor: pointer
}

#hrs form.search label,
#hrs form.search p {
    display: inline
}

#hrs form.search label:not(label),
#hrs form.search p:not(label) {
    padding-right: 1em
}

#hrs form.search label:not(p):hover,
#hrs form.search p:not(p):hover {
    cursor: pointer
}

#hrs .filters {
    margin: 2em 0 .75em 0;
    font-size: .85em
}

#hrs .filters h2 {
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    display: inline-block;
    margin-right: 2em
}

#hrs .filters label {
    margin: 0 .75em 0 0;
    font-size: .85em;
    font-weight: 600
}

#hrs .filters select {
    max-width: 10em;
    margin-right: .75em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: solid 1px #e5e5e5;
    /*background: #fff url(../images/icons/darr.svg) right .5em center no-repeat;*/
    -webkit-background-size: .5em auto;
    -moz-background-size: .5em auto;
    -ms-background-size: .5em auto;
    -o-background-size: .5em auto;
    background-size: .5em auto;
    font-family: inherit;
    font-size: .85em;
    padding: .5em 1em .5em .5em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters select:last-child {
    margin-right: 0
}

#hrs .filters select:focus {
    border-color: #fbb829
}

#hrs .filters select:hover {
    cursor: pointer
}

#hrs .filters input[type=text] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: solid 1px #e5e5e5;
    font-size: .85em;
    padding: .5em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters input[type=text]:focus {
    border-color: #fbb829
}

#hrs .filters button.submit {
    position: relative;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    padding: .5em .75em;
    font-family: acumin-pro, Arial, sans-serif;
    font-size: .85em;
    font-weight: 600;
    background-color: #e5e5e5;
    border: solid 1px #e5e5e5;
    outline: 0;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .filters button.submit:hover {
    cursor: pointer;
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs .filters input[type=date] {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em;
    border: solid 1px #e5e5e5;
    font-size: .85em;
    padding: .25em .75em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters input[type=date]:focus {
    border-color: #fbb829
}

#hrs .table {
    position: relative;
    margin-bottom: 3em;
    width: 100%
}

#hrs .table h2 {
    margin-bottom: .25em
}

#hrs .table h2 span {
    padding-left: .25em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: .75em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fbb829
}

#hrs .table h3 {
    margin-top: .75em;
    margin-bottom: -.35em;
    font-size: 1.25em;
    font-weight: 500;
    color: #329c2f
}

#hrs .table p.subtitle {
    margin-top: .5em;
    font-weight: 400
}

#hrs .table .filters {
    float: right;
    margin-top: -1.75em;
    margin-bottom: 1em
}

#hrs .table table {
    background-color: #fff;
    width: 100%;
    margin-top: 1em
}

#hrs .table table td {
    font-size: .85em;
    line-height: 1.25;
    padding: 1.5em .25em;
    vertical-align: middle;
    border-bottom: solid 1px #d5e6f4
}

#hrs .table table td.rang {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #329c2f;
    letter-spacing: 1px
}

#hrs .table table td.nom {
    line-height: 1.2
}

#hrs .table table td a {
    color: inherit;
    line-height: 1.4;
    text-decoration: none;
    border-bottom: solid 1px #fbb829;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .table table td a:hover {
    border-color: #212121
}

#hrs .table table td div.hippo {
    position: relative
}

#hrs .table table td div.hippo .course {
    position: absolute;
    bottom: 2em;
    left: 0;
    min-width: 100%;
    text-align: center;
    padding: 1em;
    background-color: #fff;
    border: solid 1px #1b325f;
    line-height: 1.4;
    font-size: .85em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .table table td div.hippo:active,
#hrs .table table td div.hippo:hover {
    cursor: pointer
}

#hrs .table table td div.hippo:active .course,
#hrs .table table td div.hippo:hover .course {
    visibility: visible;
    opacity: 1
}

#hrs .table table td img.oeil {
    width: 1em;
    height: 1em
}

#hrs .table table td img.casaque {
    width: 3em;
    height: auto;
    margin-bottom: -1.5em
}

#hrs .table table th {
    font-size: .85em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #278524;
    border-bottom: 0;
    padding: 1.5em .25em
}

#hrs .table table th.dist {
    text-align: right
}

#hrs .table table th a.tri,
#hrs .table table th span.tri {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px
}

#hrs .table table th a.actif,
#hrs .table table th span.actif {
    color: #fbb829;
    border-bottom-width: 2px
}

#hrs .table table td,
#hrs .table table th {
    text-align: center
}

#hrs .table table td.a-l,
#hrs .table table th.a-l {
    text-align: left;
    padding-left: .5em
}

#hrs .table table td.a-r,
#hrs .table table th.a-r {
    text-align: right;
    padding-right: .5em
}

#hrs .table table td.a-c,
#hrs .table table th.a-c {
    text-align: center
}

#hrs .table table td.bld,
#hrs .table table th.bld {
    font-weight: 700
}

#hrs .table table td.cheval,
#hrs .table table th.cheval {
    min-width: 20%
}

#hrs .table table tr[table-result-placeholder] {
    display: none
}

#hrs .table table tr.titles td {
    padding: 1.5em 1em;
    background-color: #278524;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #fff
}

#hrs .table table tr.legendes td {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #278524;
    border-bottom: 0
}

#hrs .table table tr.total td {
    font-weight: 700
}

#hrs .table table tr.grey td,
#hrs .table table tr:nth-child(even) td {
    background-color: #f3f8fc
}

#hrs .table table tr.jour td {
    border-bottom-width: 4px
}

#hrs .table table tr.typo-p2 td.horse-name span {
    font-weight: 700;
    text-transform: uppercase
}

#hrs .table table tr.typo-p1 td.horse-name span {
    text-transform: capitalize;
    font-weight: 700
}

#hrs .table table tr.typo-o2 td.horse-name span {
    text-transform: uppercase;
    font-style: italic
}

#hrs .table table tr.typo-o1 td.horse-name span {
    text-transform: capitalize;
    font-style: italic
}

#hrs .table table tr td.value>span {
    display: inline-block;
    padding: .25em .5em;
    background-color: #278524;
    font-family: acumin-pro, Arial, sans-serif;
    font-size: 1em;
    color: #fff;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em
}

#hrs .table table tr td.place>span {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    padding-top: .15em;
    background-color: #fbb829;
    color: #1b325f;
    text-align: center;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em
}

#hrs .table table tr td.horse-name>span {
    border-bottom: solid 1px #fbb829
}

#hrs .table table.etranger {
    margin-top: 2em;
    width: 50%
}

#hrs table#pedigree {
    min-width: 50%;
    margin: 0 auto 3em auto
}

#hrs table#pedigree td {
    vertical-align: middle;
    padding: .5em 2.5em .5em 1.25em;
    line-height: 1.25
}

#hrs table#pedigree td.cheval {
    font-weight: 700;
    color: #329c2f;
    background: url(treebranch_3.svg) right center no-repeat
}

#hrs table#pedigree td.parents {
    background: url(treebranch_2.svg) right center no-repeat
}

#hrs table#pedigree td.gparents {
    background: url(treebranch_1.svg) right center no-repeat
}

#hrs table#pedigree td a {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs table#pedigree td a:hover {
    border-color: #212121
}

#hrs table#pedigree td button {
    float: left;
    margin-top: .25em;
    margin-right: .5em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: -300em;
    background: #fff url(rarr.svg) center no-repeat;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    border: solid 1px #e5e5e5;
    font-size: 1em;
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    transform: scale(.85)
}

#hrs table#pedigree strong {
    font-weight: 600
}

#hrs .button {
    display: inline-block;
    margin: 1em .5em 0 0;
    color: inherit;
    text-decoration: none
}

#hrs .button.home {
    padding: .75em 1.15em .75em .75em;
    /*background: #fff url(../images/icons/rarr.svg) right .5em center no-repeat;*/
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 0;
    color: #212121;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    box-shadow: 0 0 .75em rgba(0, 0, 0, .25)
}

#hrs .button.home:hover {
    background-color: #fbb829
}

#hrs .button.green {
    padding: .75em 1.15em .75em .75em;
  /*  background: #fbb829 url(../images/icons/rarr.svg) right .5em center no-repeat;*/
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 0;
    color: #212121;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.green:hover {
    background-color: #212121;
    /*background-image: url(../images/icons/rarr-f.svg);*/
    color: #fff
}

#hrs .button.more {
    display: block;
    padding: 1em;
    margin: 0;
    /*background: #e5e5e5 url(../images/icons/rarr.svg) right 1em center no-repeat;*/
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    font-weight: 700;
    letter-spacing: .05em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.more:hover {
    color: #329c2f;
    /*background-image: url(../images/icons/rarr-g.svg)*/
}

#hrs .button.download {
    position: relative;
    display: inline-block;
    margin: 0 0 0 .75em;
    font-size: .85em;
    font-weight: 600;
    text-align: right
}

/*#hrs .button.download span {
    float: right;
    display: inline-block;
    margin-top: -.5em;
    margin-left: .5em;
    font-size: 1.25em;
    width: 2em;
    height: 2em;
    border: solid 1px #212121;
    background: #212121 url(../images/icons/download.svg) center no-repeat;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}*/

#hrs .button.download .options {
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    width: 50%;
    padding-top: .5em
}

#hrs .button.download .options a {
    display: block;
    margin-bottom: .25em;
    width: 100%;
    padding: .75em .5em;
    background-color: #212121;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .25);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.download .options a:hover {
    background-color: #fbb829;
    color: #212121
}

#hrs .button.download:hover {
    cursor: pointer
}

#hrs .button.download:hover .options {
    opacity: 1;
    visibility: visible
}

#hrs .button.download:hover span {
    border-color: #fbb829;
    background-color: #fbb829
}

#hrs .btn {
    position: relative;
    display: block;
    font-family: inherit;
    font-size: 1em;
    outline: 0
}

#hrs .btn.more {
    min-width: 120px;
    min-height: 50px;
    margin: 1em auto 0 auto;
    background-color: #fff;
    border: solid .15em;
    color: #212121;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

#hrs .btn.more:hover {
    cursor: pointer;
    color: #278524
}

#hrs .btn.action {
    display: inline-block;
    margin: -.25em .25em 0 .25em;
    padding: .25em .75em;
    border: solid .15em #212121;
    background-color: #fff;
    background-position: right .75em center;
    background-repeat: no-repeat;
    -webkit-background-size: auto 1em;
    -moz-background-size: auto 1em;
    -ms-background-size: auto 1em;
    -o-background-size: auto 1em;
    background-size: auto 1em;
    font-size: .85em;
    font-weight: 600;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .btn.action:hover {
    cursor: pointer;
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs .btn.action svg {
    width: 1em;
    height: 1em;
    margin-bottom: -.12em
}

#hrs .btn.action.action-follow svg polygon {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .btn.action.action-follow.active {
    background-color: #278524;
    border-color: #278524;
    color: #fff
}

#hrs .btn.action.action-follow.active svg polygon {
    fill: #fff
}

#hrs .entete-fiche {
    margin-bottom: .5em
}

#hrs .entete-fiche p {
    display: inline-block;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .25em;
    color: #777
}

#hrs .partager {
    position: relative;
    display: inline-block;
    margin-left: .5em
}

#hrs .partager ul {
    float: right;
    margin-bottom: -.4em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .partager ul li {
    display: inline-block;
    margin: 0 .15em
}

#hrs .partager ul li a {
    display: block;
    width: 1.25em;
    height: 1.25em;
    overflow: hidden;
    text-indent: -300em;
    -webkit-border-radius: 1.75em;
    -moz-border-radius: 1.75em;
    -ms-border-radius: 1.75em;
    -o-border-radius: 1.75em;
    border-radius: 1.75em;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 1.25em 1.25em;
    -moz-background-size: 1.25em 1.25em;
    -ms-background-size: 1.25em 1.25em;
    -o-background-size: 1.25em 1.25em;
    background-size: 1.25em 1.25em;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

/*#hrs .partager ul li a.fb {
    background-image: url(../images/fb.svg)
}

#hrs .partager ul li a.tw {
    background-image: url(../images/tw.svg)
}

#hrs .partager ul li a.ml {
    background-image: url(../images/ml.svg)
}

#hrs .partager ul li a.pr {
    background-image: url(../images/print.svg)
}
*/
#hrs .partager ul li a:hover {
    opacity: .5
}

#hrs .pos-rel {
    float: none
}

#hrs #race__list .col {
    float: none;
    display: inline-block
}

#hrs #race__list .col.col-3 {
    width: 33%
}

#hrs #race__list .race-element {
    width: 33%;
    display: inline-block
}

#hrs.hippodrome {
    padding-bottom: 24em
}

/*#hrs.hippodrome>.cols ul {
    margin-left: 1.15em;
    list-style-image: url(../images/puce.png)
}*/

#hrs.hippodrome>.cols ul li {
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: .5em;
    line-height: 1.3
}

#hrs.hippodrome>.cols ul li span {
    color: #212121
}

#hrs.hippodrome h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: .66em
}

#hrs.hippodrome p {
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs.hippodrome p a {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5
}

#hrs.hippodrome p a:hover {
    border-color: #fbb829
}

#hrs.hippodrome .trace-hippodrome {
    margin-top: 7.5em;
    width: 100%;
    height: auto
}

#hrs.hippodrome a.opgalerie-auteuil {
    margin: 2em auto 0 auto
}

#hrs.hippodrome .presentation-hippodrome {
    margin-bottom: 1em
}

#hrs.hippodrome .anchors {
    display: inline-block;
    min-width: 0
}

#hrs.hippodrome .billetterie {
    display: inline-block
}

#hrs.hippodrome .billetterie a {
    display: block;
    margin-right: -1px;
    padding: .5em;
    background: #278524;
    border: solid 1px #278524;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

#hrs.hippodrome .billetterie a:hover {
    background-color: #fbb829;
    border-color: #fbb829;
    color: #212121
}

#hrs.hippodrome .acces-hippodrome {
    margin: 1em 0 2em 0;
    border: solid 1px #e5e5e5
}

#hrs.hippodrome .acces-hippodrome .carte,
#hrs.hippodrome .acces-hippodrome .transports {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

#hrs.hippodrome .acces-hippodrome h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: .5em
}

#hrs.hippodrome .acces-hippodrome .transports {
    padding: 2em 1em
}

#hrs.hippodrome .acces-hippodrome .transports p {
    font-size: 1.15em;
    line-height: 1.3;
    margin-bottom: 1em
}

#hrs.hippodrome .acces-hippodrome .transports ul li {
    display: table;
    width: 100%;
    margin: .75em 0
}

#hrs.hippodrome .acces-hippodrome .transports ul li span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.icon {
    width: 6%
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.icon img {
    width: 100%;
    height: auto
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.details {
    width: 94%;
    padding-left: 1em
}

#hrs.hippodrome .acces-hippodrome .transports table tr td {
    vertical-align: middle;
    padding-bottom: 20px;
    line-height: 22px
}

#hrs.hippodrome .acces-hippodrome .transports table tr td:first-child {
    padding-right: 10px
}

#hrs.hippodrome .acces-hippodrome .carte iframe {
    width: 100%
}

#hrs.hippodrome .rdv-hippodrome,
#hrs.hippodrome .restauration-hippodrome,
#hrs.hippodrome .services-hippodrome,
#hrs.hippodrome .tarifs-hippodrome {
    margin-bottom: 2em;
    padding: 1em;
    border: solid 1px #e5e5e5
}

#hrs.hippodrome .rdv-hippodrome p,
#hrs.hippodrome .restauration-hippodrome p,
#hrs.hippodrome .services-hippodrome p,
#hrs.hippodrome .tarifs-hippodrome p {
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs.hippodrome .rdv-hippodrome table,
#hrs.hippodrome .restauration-hippodrome table,
#hrs.hippodrome .services-hippodrome table,
#hrs.hippodrome .tarifs-hippodrome table {
    width: 100%;
    margin-bottom: 1em
}

#hrs.hippodrome .rdv-hippodrome table thead th,
#hrs.hippodrome .restauration-hippodrome table thead th,
#hrs.hippodrome .services-hippodrome table thead th,
#hrs.hippodrome .tarifs-hippodrome table thead th {
    text-align: left;
    padding: 1em;
    background-color: #278524;
    border: solid 1px #278524;
    color: #fff
}

#hrs.hippodrome .rdv-hippodrome table tbody td,
#hrs.hippodrome .restauration-hippodrome table tbody td,
#hrs.hippodrome .services-hippodrome table tbody td,
#hrs.hippodrome .tarifs-hippodrome table tbody td {
    text-align: left;
    padding: 1em;
    border: solid 1px #e5e5e5
}

#hrs .anchors {
    display: table;
    min-width: 50%;
    margin-bottom: 1.75em
}

#hrs .anchors p {
    margin-bottom: .5em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1.15em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fbb829
}

/*#hrs .anchors a {
    display: inline-block;
    margin-right: -1px;
    padding: .5em .5em .5em 1.25em;
    background: #fff url(../images/icons/rarr.svg) left .5em center no-repeat;
    border: solid 1px #e5e5e5;
    text-decoration: none;
    color: inherit;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}*/

/*#hrs .anchors a:hover {
    color: #fbb829;
    background-image: url(../images/icons/rarr-y.svg)
}*/

#hrs .tabs ul.tabs-btns {
    position: relative;
    margin: 2.5em 1em 1.5em 1em;
    border-top: solid 1px #e5e5e5;
    text-align: center
}

#hrs .tabs ul.tabs-btns li {
    display: inline-block;
    position: relative
}

#hrs .tabs ul.tabs-btns li a {
    float: left;
    display: block;
    margin: -1.5em .25em 0 .25em;
    width: 8em;
    height: 3em;
    padding-top: .85em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    border: solid 2px #e5e5e5;
    text-decoration: none;
    color: inherit;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .tabs ul.tabs-btns li a:hover {
    border-color: #fbb829
}

#hrs .tabs ul.tabs-btns li.active a {
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs nav.nav-mon-compte {
    z-index: 5;
    position: relative;
    margin: 1em 0
}

#hrs nav.nav-mon-compte ul {
    display: table
}

#hrs nav.nav-mon-compte ul li {
    position: relative;
    float: left;
    margin-right: .5em
}

#hrs nav.nav-mon-compte ul li .tab {
    display: block;
    padding: 1em 1.5em;
    color: #212121;
    font-weight: 600;
    text-decoration: none;
    background-color: #f5f5f5;
    border: solid 1px #d8d8d8;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease
}

#hrs nav.nav-mon-compte ul li .tab:hover {
    cursor: pointer
}

#hrs nav.nav-mon-compte ul li .tab.active {
    background-color: #278524;
    border-color: #278524;
    color: #fff
}

#hrs nav.nav-mon-compte ul li:hover .tab {
    background-color: #e8e8e8
}

#hrs nav.nav-mon-compte ul li:hover .tab.active {
    background-color: #278524;
    border-color: #278524
}

#hrs article header h1 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2;
    color: #212121;
    margin-bottom: .5em
}

#hrs article.corporate {
    width: 70%
}

#hrs article.corporate header {
    text-align: center
}

#hrs article.corporate header p.suptitle {
    font-size: .85em;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: .75em 0 1em 0;
    color: #278524
}

#hrs article.corporate header p.suptitle a {
    color: inherit;
    text-decoration: none
}

#hrs article.corporate header h1 {
    font-size: 2.5em
}

#hrs article.corporate section.corps h2 {
    margin: 1.5em 0 .75em 0;
    font-size: 1.25em;
    line-height: 1.2;
    font-weight: 700
}

#hrs article.corporate section.corps h2:before {
    content: '';
    margin: 0 auto 1.5em auto;
    display: block;
    width: 4em;
    height: 4px;
    background-color: #fbb829
}

#hrs article.corporate section.corps p {
    font-size: 1.1em;
    line-height: 1.5
}

#hrs article.corporate section.corps p.align-center {
    text-align: center
}

#hrs article.corporate section.corps ul:not(.accordeon) li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    width: 7px;
    height: 7px;
    background-color: #278524
}

#hrs article.corporate section.corps ul li {
    position: relative;
    list-style: none;
    margin-bottom: 1em
}

#hrs article.corporate section.corps ul li a {
    color: #212121
}

#hrs article.corporate section.corps ul li p {
    margin-bottom: 0;
    font-size: 1.1em;
    line-height: 1.5;
    text-align: justify;
    color: #212121
}

#hrs article.corporate section.corps .encadre {
    position: relative;
    margin: 1em 0 1em -15%;
    width: 130%;
    padding: 1em;
    border: solid .5em #278524
}

#hrs article.corporate section.corps .encadre table {
    width: 100%
}

#hrs article.corporate section.corps .encadre table td {
    width: 50%;
    padding: 1em;
    vertical-align: top
}

#hrs article.corporate section.corps .encadre h3 {
    position: relative;
    margin-bottom: 0;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1.75em
}

#hrs article.corporate section.corps .encadre h3:after {
    position: absolute;
    top: .45em;
    left: -1.9em;
    content: '';
    display: block;
    width: 1.25em;
    height: 8px;
    background-color: #fbb829
}

#hrs article.corporate section.corps .encadre h4 {
    font-size: 1.15em;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs article.corporate section.corps .encadre p {
    margin-bottom: 0
}

#hrs article.corporate section.corps img.large {
    position: relative;
    margin: 1em 0 1em -15%;
    width: 130%
}

#hrs article.corporate ul.accordeon {
    margin: 2em 0 3em 0;
    border-bottom: solid 2px #fbb829
}

#hrs article.corporate ul.accordeon li {
    position: relative;
    padding: 1.5em 2em 0 0;
    border-top: solid 2px #fbb829
}

#hrs article.corporate ul.accordeon li h2 {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    letter-spacing: .05em;
    color: #278524;
    margin: 0 0 .25em 0
}

#hrs article.corporate ul.accordeon li h2:before {
    display: none
}

#hrs article.corporate ul.accordeon li h3 {
    font-size: 2.5em;
    font-weight: 300;
    margin-bottom: .6em
}

#hrs article.corporate ul.accordeon li p {
    display: none;
    margin-bottom: 2em
}

/*#hrs article.corporate ul.accordeon li:before {
    content: '+';
    position: absolute;
    top: 2.2em;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    overflow: hidden;
    text-indent: -300em;
    background: #fff url(../images/icons/plus.svg) center no-repeat;
    -webkit-background-size: 3em 3em;
    -moz-background-size: 3em 3em;
    -ms-background-size: 3em 3em;
    -o-background-size: 3em 3em;
    background-size: 3em 3em;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}*/

#hrs article.corporate ul.accordeon li:before:hover {
    cursor: pointer
}

#hrs article.corporate ul.accordeon li:hover {
    cursor: pointer
}

#hrs article.corporate ul.accordeon li.clicked:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hrs article.corporate.gouvernance h1:after {
    content: '';
    display: block;
    margin: .75em auto;
    width: 2em;
    height: 4px;
    background-color: #fbb829
}

#hrs article.corporate.gouvernance section.corps h2 {
    margin: 1em 0 .75em 0;
    font-size: 2.5em;
    font-weight: 400;
    text-align: center
}

#hrs article.corporate.gouvernance section.corps h2:before {
    margin-bottom: .5em;
    width: 2em;
    height: 4px
}

#hrs article.drh {
    width: 70%
}

#hrs article.drh header {
    text-align: center
}

#hrs article.drh header h1 {
    font-size: 2.5em
}

#hrs article.drh section.corps h2 {
    margin: 1.25em 0 1em 0;
    font-size: 1.25em;
    line-height: 1.2;
    font-weight: 700
}

#hrs article.drh section.corps h2:before {
    content: '';
    margin: 0 auto 1.5em auto;
    display: block;
    width: 4em;
    height: 4px;
    background-color: #fbb829
}

#hrs article.drh section.corps h4 {
    font-size: 1.25em;
    font-weight: 600;
    color: #278524;
    margin: 1em 0 .5em 0
}

#hrs article.drh section.corps p {
    font-size: 1.1em;
    line-height: 1.5
}

#hrs article.drh section.corps p.align-center {
    text-align: center
}

#hrs article.drh section.corps ul.default li {
    list-style: square;
    margin-bottom: 1em;
    color: #278524
}

#hrs article.drh section.corps ul.default li p {
    margin-bottom: 0;
    font-size: 1.1em;
    line-height: 1.5;
    text-align: justify;
    color: #212121
}

#hrs article.drh section.corps .encadre {
    position: relative;
    margin: 1em 0 1em -15%;
    width: 130%;
    padding: 1em;
    border: solid .5em #278524
}

#hrs article.drh section.corps .encadre table {
    width: 100%
}

#hrs article.drh section.corps .encadre table td {
    width: 50%;
    padding: 1em;
    vertical-align: top
}

#hrs article.drh section.corps .encadre h3 {
    position: relative;
    margin-bottom: 0;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1.75em
}

#hrs article.drh section.corps .encadre h3:after {
    position: absolute;
    top: .45em;
    left: -1.9em;
    content: '';
    display: block;
    width: 1.25em;
    height: 8px;
    background-color: #fbb829
}

#hrs article.drh section.corps .encadre h4 {
    font-size: 1.15em;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs article.drh section.corps .encadre p {
    margin-bottom: 0
}

#hrs article.drh section.corps img.large {
    position: relative;
    margin: 1em 0 1em -15%;
    width: 130%
}

#hrs article.drh ul.offres {
    margin: 2em 0;
    border-bottom: solid 2px #fbb829
}

#hrs article.drh ul.offres li {
    display: table;
    width: 100%;
    padding: 1em 0 1.5em 0;
    border-top: solid 2px #fbb829
}

#hrs article.drh ul.offres li h3 {
    margin-bottom: .25em;
    font-size: 1.5em;
    line-height: 1.3
}

#hrs article.drh ul.offres li a {
    float: right
}

#hrs article.drh ul.accordeon {
    margin: 2em 0 3em 0;
    border-bottom: solid 2px #fbb829
}

#hrs article.drh ul.accordeon li {
    position: relative;
    padding: 1.5em 3em 0 0;
    list-style: none;
    border-top: solid 2px #fbb829
}

#hrs article.drh ul.accordeon li h2 {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    letter-spacing: .05em;
    color: #278524;
    margin: 0 0 .25em 0
}

#hrs article.drh ul.accordeon li h2:before {
    display: none
}

#hrs article.drh ul.accordeon li h3 {
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 1em
}

#hrs article.drh ul.accordeon li p {
    display: none;
    margin-bottom: 2em
}

/*#hrs article.drh ul.accordeon li:before {
    content: '+';
    position: absolute;
    top: 1.5em;
    right: 0;
    display: block;
    width: 3em;
    height: 3em;
    overflow: hidden;
    text-indent: -300em;
    background: transparent url(../images/icons/plus.svg) center no-repeat;
    -webkit-background-size: 3em 3em;
    -moz-background-size: 3em 3em;
    -ms-background-size: 3em 3em;
    -o-background-size: 3em 3em;
    background-size: 3em 3em;
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}*/

#hrs article.drh ul.accordeon li:before:hover {
    cursor: pointer
}

#hrs article.drh ul.accordeon li:hover {
    cursor: pointer
}

#hrs article.drh ul.accordeon li.clicked:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hrs article.drh.gouvernance p.suptitle {
    font-size: .85em;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1em;
    color: #777
}

#hrs article.drh.gouvernance p.suptitle a {
    color: inherit;
    text-decoration: none
}

#hrs article.drh.gouvernance p.suptitle a:hover {
    color: #212121
}

#hrs article.drh.gouvernance h1:after {
    content: '';
    display: block;
    margin: .75em auto;
    width: 2em;
    height: 4px;
    background-color: #fbb829
}

#hrs article.drh.gouvernance section.corps h2 {
    margin: 1em 0 .75em 0;
    font-size: 2.5em;
    font-weight: 400;
    text-align: center
}

#hrs article.drh.gouvernance section.corps h2:before {
    margin-bottom: .5em;
    width: 2em;
    height: 4px
}

#hrs article.technical header {
    text-align: center
}

#hrs article.technical header img {
    width: 30%;
    margin-bottom: 3em
}

#hrs article.technical header h1 {
    font-size: 2.5em!important
}

#hrs article.technical header h1::after {
    content: '';
    margin: .75em auto 0 auto;
    display: block;
    width: 2em;
    height: 4px;
    background-color: #fbb829
}

#hrs article.technical section.corps {
    padding-top: .5em;
    text-align: center;
    font-size: 1.25em
}

#hrs h1 {
    font-size: 2.5em;
    font-weight: 700;
    color: #278524;
    margin-bottom: .5em
}

#hrs h1 span {
    display: block;
    margin-top: .75em;
    font-size: .4em;
    font-weight: 500;
    color: #777;
    letter-spacing: .05em;
    text-transform: uppercase
}

#hrs h2 {
    font-size: 1.5em;
    font-weight: 500
}

#hrs div.date {
    position: absolute;
    top: 0;
    right: 1em
}

#hrs div.date label {
    padding-top: .25em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em
}

#hrs div.date input[type=date] {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em;
    padding: .25em .5em;
    border: solid 1px #e5e5e5;
    outline: 0;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs div.date input[type=date]:focus {
    border-color: #fbb829
}

#hrs p.small {
    font-size: .85em;
    font-weight: 400;
    color: #7f7f7f
}

#hrs .intro {
    text-align: center
}

#hrs .intro .filters {
    text-align: left
}

/*#hrs .intro .filters .chosen-container {
    width: 200px!important;
    margin-right: 5px;
    border: solid 1px #e5e5e5;
    background: #fff url(../images/icons/darr.svg) right .5em center no-repeat;
    background-size: 5px auto;
    font-size: .85em
}*/

#hrs .intro .filters .chosen-container a.chosen-single {
    background: 0 0!important;
    background-image: none!important;
    border: none!important
}

#hrs form.search {
    display: table;
    position: relative;
    margin: 0 auto 3em auto
}

#hrs form.search .search {
    position: relative
}

#hrs form.search .search .search--results {
    width: 620px;
    max-height: 280px;
    top: 67px;
    left: 30px;
    position: absolute;
    z-index: 1000;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#hrs form.search .search .search--results li {
    line-height: 20px;
    text-align: left;
    border: solid 1px #e5e5e5;
    border-top: none
}

#hrs form.search .search .search--results li a {
    width: 100%;
    height: 100%;
    padding: 5px;
    font-size: 12px;
    box-sizing: border-box;
    color: #212121;
    background: #fff;
    text-decoration: none;
    display: block
}

#hrs form.search input[type=text] {
    font-family: inherit;
    font-size: 1.15em;
    padding: 1em 1.5em;
    width: 34em;
    border: solid .15em #d5e6f4;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#hrs form.search input[type=text]:focus {
    border-color: #1b325f
}
/*
#hrs form.search input[type=submit] {
    position: absolute;
    bottom: .8em;
    right: 1em;
    width: 2.5em;
    height: 2.5em;
    overflow: hidden;
    text-indent: -300em;
    border: 0;
    outline: 0;
    background: #fff url(../images/icons/search.svg) center no-repeat;
    -webkit-border-radius: 2.5em;
    -moz-border-radius: 2.5em;
    -ms-border-radius: 2.5em;
    -o-border-radius: 2.5em;
    border-radius: 2.5em;
    -webkit-background-size: 2em auto;
    -moz-background-size: 2em auto;
    -ms-background-size: 2em auto;
    -o-background-size: 2em auto;
    background-size: 2em auto;
    font-size: 1em
}*/

#hrs form.search input[type=submit]:hover {
    cursor: pointer
}

#hrs form.search input[type=radio] {
    margin: 0 1em 1em .5em;
    font-size: 1em
}

#hrs form.search input[type=radio]:hover {
    cursor: pointer
}

#hrs form.search label,
#hrs form.search p {
    display: inline
}

#hrs form.search label:not(label),
#hrs form.search p:not(label) {
    padding-right: 1em
}

#hrs form.search label:not(p):hover,
#hrs form.search p:not(p):hover {
    cursor: pointer
}

#hrs .filters {
    margin: 2em 0 .75em 0;
    font-size: .85em
}

#hrs .filters h2 {
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    display: inline-block;
    margin-right: 2em
}

#hrs .filters label {
    margin: 0 .75em 0 0;
    font-size: .85em;
    font-weight: 600
}

#hrs .filters select {
    max-width: 10em;
    margin-right: .75em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: solid 1px #e5e5e5;
/*    background: #fff url(../images/icons/darr.svg) right .5em center no-repeat;*/
    -webkit-background-size: .5em auto;
    -moz-background-size: .5em auto;
    -ms-background-size: .5em auto;
    -o-background-size: .5em auto;
    background-size: .5em auto;
    font-family: inherit;
    font-size: .85em;
    padding: .5em 1em .5em .5em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters select:last-child {
    margin-right: 0
}

#hrs .filters select:focus {
    border-color: #fbb829
}

#hrs .filters select:hover {
    cursor: pointer
}

#hrs .filters input[type=text] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: solid 1px #e5e5e5;
    font-size: .85em;
    padding: .5em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters input[type=text]:focus {
    border-color: #fbb829
}

#hrs .filters input[type=submit] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    padding: .5em .75em;
    font-family: acumin-pro, Arial, sans-serif;
    font-size: .85em;
    font-weight: 600;
    background-color: #e5e5e5;
    border: solid 1px #e5e5e5;
    outline: 0;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .filters input[type=submit]:hover {
    cursor: pointer;
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs .filters input[type=date] {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 1em;
    border: solid 1px #e5e5e5;
    font-size: .85em;
    padding: .25em .75em;
    outline: 0;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .filters input[type=date]:focus {
    border-color: #fbb829
}

#hrs .table {
    position: relative;
    margin-bottom: 3em;
    width: 100%
}

#hrs .table h2 {
    margin-bottom: .25em
}

#hrs .table h2 span {
    padding-left: .25em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: .75em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fbb829
}

#hrs .table h3 {
    margin-top: .75em;
    margin-bottom: -.35em;
    font-size: 1.25em;
    font-weight: 500;
    color: #329c2f
}

#hrs .table p.subtitle {
    margin-top: .5em;
    font-weight: 400
}

#hrs .table .filters {
    float: right;
    margin-top: -1.75em;
    margin-bottom: 1em
}

#hrs .table table {
    background-color: #fff;
    width: 100%;
    margin-top: 1em
}

#hrs .table table td {
    font-size: .85em;
    line-height: 1.25;
    padding: 1.5em .25em;
    vertical-align: middle;
    border-bottom: solid 1px #d5e6f4
}

#hrs .table table td.rang {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #329c2f;
    letter-spacing: 1px
}

#hrs .table table td.nom {
    line-height: 1.2
}

#hrs .table table td a {
    color: inherit;
    line-height: 1.4;
    text-decoration: none;
    border-bottom: solid 1px #fbb829;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs .table table td a:hover {
    border-color: #212121
}

#hrs .table table td div.hippo {
    position: relative
}

#hrs .table table td div.hippo .course {
    position: absolute;
    bottom: 2em;
    left: 0;
    min-width: 100%;
    text-align: center;
    padding: 1em;
    background-color: #fff;
    border: solid 1px #1b325f;
    line-height: 1.4;
    font-size: .85em;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .table table td div.hippo:active,
#hrs .table table td div.hippo:hover {
    cursor: pointer
}

#hrs .table table td div.hippo:active .course,
#hrs .table table td div.hippo:hover .course {
    visibility: visible;
    opacity: 1
}

#hrs .table table td img.oeil {
    width: 1em;
    height: 1em
}

#hrs .table table td img.casaque {
    width: 3em;
    height: auto;
    margin-bottom: -1.5em
}

#hrs .table table th {
    font-size: .85em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #278524;
    border-bottom: 0;
    padding: 1.5em .25em
}

#hrs .table table th.dist {
    text-align: right
}

#hrs .table table th a.tri {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px
}

#hrs .table table th a.tri.actif {
    color: #fbb829;
    border-bottom-width: 2px
}

#hrs .table table td,
#hrs .table table th {
    text-align: center
}

#hrs .table table td.a-l,
#hrs .table table th.a-l {
    text-align: left;
    padding-left: .5em
}

#hrs .table table td.a-r,
#hrs .table table th.a-r {
    text-align: right;
    padding-right: .5em
}

#hrs .table table td.a-c,
#hrs .table table th.a-c {
    text-align: center
}

#hrs .table table td.bld,
#hrs .table table th.bld {
    font-weight: 700
}

#hrs .table table td.cheval,
#hrs .table table th.cheval {
    min-width: 20%
}

#hrs .table table tr.titles td {
    padding: 1.5em 1em;
    background-color: #278524;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #fff
}

#hrs .table table tr.legendes td {
     font-family: "Exo 2", sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #278524;
    border-bottom: 0
}

#hrs .table table tr.legendes td.actif {
    color: #fbb829
}

#hrs .table table tr.total td {
    font-weight: 700
}

#hrs .table table tr.grey td,
#hrs .table table tr:nth-child(even) td {
    background-color: #f3f8fc
}

#hrs .table table tr.jour td {
    border-bottom-width: 4px
}

#hrs .table table tr.typo-p2 td.horse-name>span {
    font-weight: 700;
    text-transform: uppercase
}

#hrs .table table tr.typo-p1 td.horse-name>span {
    text-transform: capitalize;
    font-weight: 700
}

#hrs .table table tr.typo-o2 td.horse-name>span {
    text-transform: uppercase;
    font-style: italic
}

#hrs .table table tr.typo-o1 td.horse-name>span {
    text-transform: capitalize;
    font-style: italic
}

#hrs .table table tr td.value>span {
    display: inline-block;
    padding: .25em .5em;
    background-color: #278524;
     font-family: "Exo 2", sans-serif;
    font-size: 1em;
    color: #fff;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    -ms-border-radius: 1em;
    -o-border-radius: 1em;
    border-radius: 1em
}

#hrs .table table tr td.value.old>span {
    background-color: #fbb829
}

#hrs .table table tr td.horse-name>span {
    border-bottom: solid 1px #fbb829
}

#hrs .table table.etranger {
    margin-top: 2em;
    width: 50%
}

#hrs table#pedigree {
    min-width: 50%;
    margin: 0 auto 3em auto
}

#hrs table#pedigree td {
    vertical-align: middle;
    padding: .5em 2.5em .5em 1.25em;
    line-height: 1.25
}

#hrs table#pedigree td.cheval {
    font-weight: 700;
    color: #329c2f;
    background: url(treebranch_3.svg) right center no-repeat
}

#hrs table#pedigree td.parents {
    background: url(treebranch_2.svg) right center no-repeat
}

#hrs table#pedigree td.gparents {
    background: url(treebranch_1.svg) right center no-repeat
}

#hrs table#pedigree td a {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs table#pedigree td a:hover {
    border-color: #212121
}

#hrs table#pedigree td button {
    float: left;
    margin-top: .25em;
    margin-right: .5em;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: -300em;
    background: #fff url(rarr.svg) center no-repeat;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    border: solid 1px #e5e5e5;
    font-size: 1em;
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    transform: scale(.85)
}

#hrs table#pedigree strong {
    font-weight: 600
}

#hrs .button {
    display: inline-block;
    margin: 1em .5em 0 0;
    color: inherit;
    text-decoration: none
}

#hrs .button.home {
    padding: .75em 1.15em .75em .75em;
/*    background: #fff url(../images/icons/rarr.svg) right .5em center no-repeat;*/
     font-family: "Exo 2", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 0;
    color: #212121;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    box-shadow: 0 0 .75em rgba(0, 0, 0, .25)
}

#hrs .button.home:hover {
    background-color: #fbb829
}

#hrs .button.green {
    padding: .75em 1.15em .75em .75em;
/*    background: #fbb829 url(../images/icons/rarr.svg) right .5em center no-repeat;*/
     font-family: "Exo 2", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    border: 0;
    color: #212121;
    -webkit-background-size: auto .5em;
    -moz-background-size: auto .5em;
    -ms-background-size: auto .5em;
    -o-background-size: auto .5em;
    background-size: auto .5em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.green:hover {
    background-color: #212121;
    background-image: url(../images/icons/rarr-f.svg);
    color: #fff
}

#hrs .button.more {
    display: block;
    padding: 1em;
    margin: 0;
    background: #e5e5e5 url(../images/icons/rarr.svg) right 1em center no-repeat;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    font-weight: 700;
    letter-spacing: .05em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.more:hover {
    color: #329c2f;
    background-image: url(../images/icons/rarr-g.svg)
}

#hrs .button.download {
    position: relative;
    display: inline-block;
    margin: 0 0 0 .75em;
    font-size: .85em;
    font-weight: 600;
    text-align: right
}

#hrs .button.download span {
    float: right;
    display: inline-block;
    margin-top: -.5em;
    margin-left: .5em;
    font-size: 1.25em;
    width: 2em;
    height: 2em;
    border: solid 1px #212121;
    background: #212121 url(../images/icons/download.svg) center no-repeat;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.download .options {
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    width: 50%;
    padding-top: .5em
}

#hrs .button.download .options a {
    display: block;
    margin-bottom: .25em;
    width: 100%;
    padding: .75em .5em;
    background-color: #212121;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    box-shadow: 0 0 .25em rgba(0, 0, 0, .25);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .button.download .options a:hover {
    background-color: #fbb829;
    color: #212121
}

#hrs .button.download:hover {
    cursor: pointer
}

#hrs .button.download:hover .options {
    opacity: 1;
    visibility: visible
}

#hrs .button.download:hover span {
    border-color: #fbb829;
    background-color: #fbb829
}

#hrs .btn {
    position: relative;
    display: block;
    font-family: inherit;
    font-size: 1em;
    outline: 0
}

#hrs .btn.more {
    margin: 1em auto 0 auto;
    background-color: #fff;
    border: solid .15em;
    color: #212121;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .btn.more:hover {
    cursor: pointer;
    color: #278524
}

#hrs .btn.action {
    display: inline-block;
    margin: -.25em .25em 0 .25em;
    padding: .25em .75em;
    border: solid .15em #212121;
    background-color: #fff;
    background-position: right .75em center;
    background-repeat: no-repeat;
    -webkit-background-size: auto 1em;
    -moz-background-size: auto 1em;
    -ms-background-size: auto 1em;
    -o-background-size: auto 1em;
    background-size: auto 1em;
    font-size: .85em;
    font-weight: 600;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .btn.action:hover {
    cursor: pointer;
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs .btn.action:disabled {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
    color: #fff;
    cursor: default
}

#hrs .btn.action:disabled svg polygon {
    fill: #fff
}

#hrs .btn.action svg {
    width: 1em;
    height: 1em;
    margin-bottom: -.12em
}

#hrs .btn.action.action-follow svg polygon {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .btn.action.action-follow.active {
    background-color: #278524;
    border-color: #278524;
    color: #fff
}

#hrs .btn.action.action-follow.active svg polygon {
    fill: #fff
}

#hrs .entete-fiche {
    margin-bottom: .5em
}

#hrs .entete-fiche p {
    display: inline-block;
    font-family: "Exo 2", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .25em;
    color: #777
}

#hrs .partager {
    position: relative;
    display: inline-block;
    margin-left: .5em
}

#hrs .partager ul {
    float: right;
    margin-bottom: -.4em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .partager ul li {
    display: inline-block;
    margin: 0 .15em
}

#hrs .partager ul li a {
    display: block;
    width: 1.25em;
    height: 1.25em;
    overflow: hidden;
    text-indent: -300em;
    -webkit-border-radius: 1.75em;
    -moz-border-radius: 1.75em;
    -ms-border-radius: 1.75em;
    -o-border-radius: 1.75em;
    border-radius: 1.75em;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 1.25em 1.25em;
    -moz-background-size: 1.25em 1.25em;
    -ms-background-size: 1.25em 1.25em;
    -o-background-size: 1.25em 1.25em;
    background-size: 1.25em 1.25em;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -ms-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease
}

#hrs .partager ul li a.fb {
    background-image: url(../images/fb.svg)
}

#hrs .partager ul li a.tw {
    background-image: url(../images/tw.svg)
}

#hrs .partager ul li a.ml {
    background-image: url(../images/ml.svg)
}

#hrs .partager ul li a.pr {
    background-image: url(../images/print.svg)
}

#hrs .partager ul li a:hover {
    opacity: .5
}

#hrs.fiche h1 {
    display: inline-block;
    margin-right: .25em;
    margin-bottom: .75em;
    max-width: 70%
}

#hrs.fiche p {
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.4
}

#hrs.fiche p span {
    padding-right: .5em;
     font-family: "Exo 2", sans-serif;
    font-weight: 400;
    color: #7f7f7f
}

#hrs.fiche p strong.rac,
#hrs.fiche p strong.rob,
#hrs.fiche p strong.sex {
    padding-right: 1.15em
}

#hrs.fiche p a {
    line-height: 1.4;
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #fbb829;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

#hrs.fiche p a:hover {
    border-color: #212121
}

#hrs.fiche p.margin {
    margin: 1.5em 0 .25em 0
}

#hrs.fiche .casaque {
    position: absolute;
    top: 0;
    right: 1em;
    text-align: right
}

#hrs.fiche .casaque img {
    width: 7em;
    height: auto;
    padding: .5em;
    background-color: #fff;
    border: solid 1px #e5e5e5
}

#hrs.fiche ul.statistiques {
    display: table;
    position: relative;
    margin-bottom: 1.5em
}

#hrs.fiche ul.statistiques li {
    float: left;
    margin-right: 2em;
    padding-right: 2em;
    display: table;
    text-align: left;
    border-right: solid .15em #f5f5f5
}

#hrs.fiche ul.statistiques li span {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1
}

#hrs.fiche ul.statistiques li span.donnee {
    font-family: "Exo 2", sans-serif;
    font-size: 4.25em;
    font-weight: 500;
    letter-spacing: .05em;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

#hrs.fiche ul.statistiques li span.legende {
    opacity: 0;
    padding-bottom: .255em;
    padding-left: .25em;
    color: #777;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

#hrs.fiche ul.statistiques li span.legende img {
    width: auto;
    height: 2em;
    transform: scale(.25);
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

#hrs.fiche ul.statistiques li:last-child {
    border-right: 0
}

#hrs.fiche ul.statistiques.visibles li span.donnee {
    opacity: 1
}

#hrs.fiche ul.statistiques.visibles li span.legende {
    opacity: 1;
    padding-left: .25em
}

#hrs.fiche ul.statistiques.visibles li span.legende img {
    transform: scale(1)
}

#hrs.hippodrome {
    padding-bottom: 24em
}

#hrs.hippodrome h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: .66em
}

#hrs.hippodrome p {
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs.hippodrome p a {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #e5e5e5
}

#hrs.hippodrome p a:hover {
    border-color: #fbb829
}

#hrs.hippodrome .trace-hippodrome {
    margin-top: 7.5em;
    width: 100%;
    height: auto
}

#hrs.hippodrome a.opgalerie-auteuil {
    margin: 2em auto 0 auto
}

#hrs.hippodrome .presentation-hippodrome {
    margin-bottom: 1em
}

#hrs.hippodrome .anchors {
    display: inline-block;
    min-width: 0
}

#hrs.hippodrome .billetterie {
    display: inline-block
}

#hrs.hippodrome .billetterie a {
    display: block;
    margin-right: -1px;
    padding: .5em;
    background: #278524;
    border: solid 1px #278524;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

#hrs.hippodrome .billetterie a:hover {
    background-color: #fbb829;
    border-color: #fbb829;
    color: #212121
}

#hrs.hippodrome .acces-hippodrome {
    margin: 1em 0 2em 0;
    border: solid 1px #e5e5e5
}

#hrs.hippodrome .acces-hippodrome .carte,
#hrs.hippodrome .acces-hippodrome .transports {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

#hrs.hippodrome .acces-hippodrome h2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: .5em
}

#hrs.hippodrome .acces-hippodrome .transports {
    padding: 2em 1em
}

#hrs.hippodrome .acces-hippodrome .transports p {
    font-size: 1.15em;
    line-height: 1.3;
    margin-bottom: 1em
}

#hrs.hippodrome .acces-hippodrome .transports ul li {
    display: table;
    width: 100%;
    margin: .75em 0
}

#hrs.hippodrome .acces-hippodrome .transports ul li span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.icon {
    width: 6%
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.icon img {
    width: 100%;
    height: auto
}

#hrs.hippodrome .acces-hippodrome .transports ul li span.details {
    width: 94%;
    padding-left: 1em
}

#hrs.hippodrome .acces-hippodrome .transports table tr td {
    vertical-align: middle;
    padding-bottom: 20px;
    line-height: 22px
}

#hrs.hippodrome .acces-hippodrome .transports table tr td:first-child {
    padding-right: 10px
}

#hrs.hippodrome .acces-hippodrome .carte iframe {
    width: 100%
}

#hrs.hippodrome .rdv-hippodrome,
#hrs.hippodrome .restauration-hippodrome,
#hrs.hippodrome .services-hippodrome,
#hrs.hippodrome .tarifs-hippodrome {
    margin-bottom: 2em;
    padding: 1em;
    border: solid 1px #e5e5e5
}

#hrs.hippodrome .rdv-hippodrome ul,
#hrs.hippodrome .restauration-hippodrome ul,
#hrs.hippodrome .services-hippodrome ul,
#hrs.hippodrome .tarifs-hippodrome ul {
    margin-left: 1.15em;
    list-style-image: url(../images/puce.png)
}

#hrs.hippodrome .rdv-hippodrome ul li,
#hrs.hippodrome .restauration-hippodrome ul li,
#hrs.hippodrome .services-hippodrome ul li,
#hrs.hippodrome .tarifs-hippodrome ul li {
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom: .5em;
    line-height: 1.3
}

#hrs.hippodrome .rdv-hippodrome ul li span,
#hrs.hippodrome .restauration-hippodrome ul li span,
#hrs.hippodrome .services-hippodrome ul li span,
#hrs.hippodrome .tarifs-hippodrome ul li span {
    color: #212121
}

#hrs.hippodrome .rdv-hippodrome p,
#hrs.hippodrome .restauration-hippodrome p,
#hrs.hippodrome .services-hippodrome p,
#hrs.hippodrome .tarifs-hippodrome p {
    line-height: 1.3;
    margin-bottom: .5em
}

#hrs.hippodrome .rdv-hippodrome table,
#hrs.hippodrome .restauration-hippodrome table,
#hrs.hippodrome .services-hippodrome table,
#hrs.hippodrome .tarifs-hippodrome table {
    width: 100%;
    margin-bottom: 1em
}

#hrs.hippodrome .rdv-hippodrome table thead th,
#hrs.hippodrome .restauration-hippodrome table thead th,
#hrs.hippodrome .services-hippodrome table thead th,
#hrs.hippodrome .tarifs-hippodrome table thead th {
    text-align: left;
    padding: 1em;
    background-color: #278524;
    border: solid 1px #278524;
    color: #fff
}

#hrs.hippodrome .rdv-hippodrome table tbody td,
#hrs.hippodrome .restauration-hippodrome table tbody td,
#hrs.hippodrome .services-hippodrome table tbody td,
#hrs.hippodrome .tarifs-hippodrome table tbody td {
    text-align: left;
    padding: 1em;
    border: solid 1px #e5e5e5
}

#hrs .anchors {
    display: table;
    min-width: 50%;
    margin-bottom: 1.75em
}

#hrs .anchors p {
    margin-bottom: .5em;
    font-family: "Exo 2", sans-serif;
    font-size: 1.15em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fbb829
}

#hrs .anchors a {
    display: inline-block;
    margin-right: -1px;
    padding: .5em .5em .5em 1.25em;
    background: #fff url(../images/icons/rarr.svg) left .5em center no-repeat;
    border: solid 1px #e5e5e5;
    text-decoration: none;
    color: inherit;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .anchors a:hover {
    color: #fbb829;
    background-image: url(../images/icons/rarr-y.svg)
}

#hrs.course h1 {
    max-width: 70%
}

#hrs.course p {
    margin-bottom: 1em;
    line-height: 1.3
}

#hrs .tabs ul.tabs-btns {
    position: relative;
    margin: 2.5em 1em 1.5em 1em;
    border-top: solid 1px #e5e5e5;
    text-align: center
}

#hrs .tabs ul.tabs-btns li {
    display: inline-block;
    position: relative
}

#hrs .tabs ul.tabs-btns li a {
    float: left;
    display: block;
    margin: -1.5em .25em 0 .25em;
    width: 8em;
    height: 3em;
    padding-top: .85em;
     font-family: "Exo 2", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    border: solid 2px #e5e5e5;
    text-decoration: none;
    color: inherit;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -ms-border-radius: .2em;
    -o-border-radius: .2em;
    border-radius: .2em;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#hrs .tabs ul.tabs-btns li a:hover {
    border-color: #fbb829
}

#hrs .tabs ul.tabs-btns li.active a {
    background-color: #fbb829;
    border-color: #fbb829
}

#hrs a.logout {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #fbb829
}

#hrs nav.nav-mon-compte {
    z-index: 5;
    position: relative;
    margin: 1em 0
}

#hrs nav.nav-mon-compte ul {
    display: table
}

#hrs nav.nav-mon-compte ul li {
    position: relative;
    float: left;
    margin-right: .5em
}

#hrs nav.nav-mon-compte ul li .tab {
    display: block;
    padding: 1em 1.5em;
    color: #212121;
    font-weight: 600;
    text-decoration: none;
    background-color: #f5f5f5;
    border: solid 1px #d8d8d8;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    -ms-border-radius: .15em;
    -o-border-radius: .15em;
    border-radius: .15em;
    -webkit-transition: background-color .25s ease;
    -moz-transition: background-color .25s ease;
    -ms-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease
}

#hrs nav.nav-mon-compte ul li .tab:hover {
    cursor: pointer
}

#hrs nav.nav-mon-compte ul li .tab.active {
    background-color: #278524;
    border-color: #278524;
    color: #fff
}

#hrs nav.nav-mon-compte ul li:hover .tab {
    background-color: #e8e8e8
}

#hrs nav.nav-mon-compte ul li:hover .tab.active {
    background-color: #278524;
    border-color: #278524
}

.cols {
    margin: 0 auto;
    width: 90%;
    max-width: 1280px;
    display: table
}

.col {
    float: left;
    padding: 0 1em
}

.col.fiche-owner {
    position: relative
}

.col.col-1 {
    width: 100%
}

.col.col-1.course h1 {
    max-width: 70%;
    text-transform: uppercase
}

.col.col-1.course p {
    margin-bottom: 1em;
    line-height: 1.3
}

.col.col-2 {
    width: 50%
}

.col.col-3 {
    width: 33.33%
}

.col.col-search {
    width: 22.22%
}

.col.col-languages {
    width: 11.11%
}

.col.col-5 {
    width: 20%
}

.col.col-6 {
    width: 66.66%
}

.col.pos-rel {
    position: relative
}

.col.fiche h1 {
    display: inline-block;
    margin-right: .25em;
    margin-bottom: .75em;
    max-width: 70%
}

.col.fiche p {
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.4
}

.col.fiche p span {
    padding-right: .5em;
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-weight: 400;
    color: #7f7f7f
}

.col.fiche p strong.rac,
.col.fiche p strong.rob,
.col.fiche p strong.sex {
    padding-right: 1.15em
}

.col.fiche p a {
    line-height: 1.4;
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px #fbb829;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    -ms-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease
}

.col.fiche p a:hover {
    border-color: #212121
}

.col.fiche p.margin {
    margin: 1.5em 0 .25em 0
}

.col.fiche .casaque {
    position: absolute;
    top: 0;
    right: 1em;
    text-align: right
}

.col.fiche .casaque img {
    width: 7em;
    height: auto;
    padding: .5em;
    background-color: #fff;
    border: solid 1px #e5e5e5
}

.col.fiche ul.statistiques {
    display: table;
    position: relative;
    margin-bottom: 1.5em
}

.col.fiche ul.statistiques li {
    float: left;
    margin-right: 2em;
    padding-right: 2em;
    display: table;
    text-align: left;
    border-right: solid .15em #f5f5f5
}

.col.fiche ul.statistiques li span {
    display: table-cell;
    vertical-align: bottom;
    line-height: 1
}

.col.fiche ul.statistiques li span.donnee {
    font-family: acumin-pro-condensed, 'Trebuchet MS', sans-serif;
    font-size: 4.25em;
    font-weight: 500;
    letter-spacing: .05em;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.col.fiche ul.statistiques li span.legende {
    opacity: 0;
    padding-bottom: .255em;
    padding-left: .25em;
    color: #777;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.col.fiche ul.statistiques li span.legende img {
    width: auto;
    height: 2em;
    transform: scale(.25);
    -webkit-transition: transform .5s ease;
    -moz-transition: transform .5s ease;
    -ms-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}

.col.fiche ul.statistiques li:last-child {
    border-right: 0
}

.col.fiche ul.statistiques.visibles li span.donnee {
    opacity: 1
}

.col.fiche ul.statistiques.visibles li span.legende {
    opacity: 1;
    padding-left: .25em
}

.col.fiche ul.statistiques.visibles li span.legende img {
    transform: scale(1)
}

@media only screen and (max-width:1024px) {
    body,
    html {
        font-size: 14px
    }
    .cols {
        width: 100%
    }
}