@import url(/lae/public1.0/fonts/chasse-mp/styles.css);


#content section.grid-accueil-fede {
    padding: 0;
}
.grid-accueil-fede .titre-et-liens,
.grid-accueil-fede .carrousel-actus {
    width: auto;
    float: none;
}
@media screen and (min-width: 500px) {
    .grid-accueil-fede .titre-et-liens,
    .grid-accueil-fede .carrousel-actus {
        width: 48%;
        float: left;
    }
    .grid-accueil-fede .carrousel-actus {
        margin-left: 4%;
    }
}

/* Actualités */

.carrousel-actus {
    position: relative;
    font-family: 'Open Sans', 'Arial', sans-serif;
}

.carrousel-actus h2 {
    padding-top: 30px;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
    color: #75a92b;
    text-align: center;
}
.carrousel-actus .diaporamaLaetis {
    height: 212px;
    margin-top: 15px;
    background-color: #353535;
    background-image: none;
}
.carrousel-actus .rsOverflow,
.carrousel-actus .rsSlide {
    background-color: transparent;
}
.carrousel-actus figure {
    float: left;
    width: 45%;
    height: 212px;
    overflow: hidden;
    margin-right: 20px;
    text-align: center;
}
.carrousel-actus p:not(.date) {
    display: none;
}
.carrousel-actus figure img {
    height: 100%;
    width: auto;
}
.carrousel-actus .rsNav {
    width: auto;
    clear: both;
    text-align: center;
    padding: 8px;
    height: 15px;
    overflow: hidden;
}
.carrousel-actus .rsNavItem {
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #353535;
    border: none;
    overflow: hidden;
    margin-right: 0 !important;
}
.carrousel-actus .rsNavItem + .rsNavItem {
    margin-left: 10px;
}
.carrousel-actus .rsNavItem:hover,
.carrousel-actus .rsNavItem:focus {
    cursor: pointer;
    opacity: .8;
}
.carrousel-actus .rsNavItem.rsNavSelected {
    background-color: #70a308;
    border: none;
}
@media screen and (min-width: 500px) {
    .carrousel-actus p:not(.date) {
        display: block;
    }

    .carrousel-actus h2 {
        text-align: left;
    }

    .carrousel-actus figure {
        width: 212px;
    }

    .carrousel-actus .rsNav {
        position: absolute;
        top: 40px;
        right: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
    .carrousel-actus .rsNavItem {
        width: 12px;
        height: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
    }
    .carrousel-actus .rsNavItem + .rsNavItem {
        margin-left: 5px;
    }
}

.carrousel-actus .rsContent {
    padding-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
}
.carrousel-actus .rsOverflow .rsContent {
    visibility: visible;
}
.carrousel-actus h3 {
    margin-top: 13px;
    margin-bottom: 6px;
    margin-left: 15px;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #8dc41c;
}
.carrousel-actus h3 a {
    color: inherit;
    text-decoration: none;
}
.carrousel-actus p {
    margin: 5px 0;
    margin-left: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}
.carrousel-actus .date {
    color: #8dc41c;
    font-size: 16px;
    text-transform: uppercase;
}
.carrousel-actus .date strong {
    font-weight: inherit;
}
.carrousel-actus p.toutes {
    display: block;
    text-align: center;
    margin-top: 45px;
}
.carrousel-actus .toutes > a {
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #8dc41c;
    color: #fff;
    text-decoration: none;
}
.carrousel-actus .toutes > a:hover,
.carrousel-actus .toutes > a:focus {
    opacity: .9;
}
@media screen and (min-width: 500px) {

    .carrousel-actus p {
        display: block;
    }

    .carrousel-actus p.toutes {
        margin: 0;
        position: absolute;
        left: 212px;
        right: 0;
        bottom: 0;
        padding: 13px 0;
        background-color: #353535;
        text-align: left;
    }
    .carrousel-actus .toutes > a {
        margin-left: 20px;
    }
}

/* Titre et liens */

.titre-et-liens ul.liens {
    padding: 0;
}
.titre-et-liens ul.liens a {
    float: none;
    max-width: 200px;
    background-image: none !important;
}

@media screen and (max-width: 500px) {
    .titre-et-liens h1 {
        padding-left: 40px;
        padding-right: 10px;
    }
}

/* Banniere tempochasse */

.tempochasse-banner {
    margin: 40px 0;
}
.tempochasse-banner a {
    display: block;
    background-color: #252321;
    padding: 15px;
    text-align: center;
    font-size: 24px;
    color: #74a82b;
    text-decoration: none;
}
.tempochasse-banner img {
    max-width: 100%;
}
.tempochasse-banner strong {
    font-weight: 400;
}

#diaporama-accueil {
    margin-top: 40px;
}

/* Adresse et liens */
#content section.adresse-liens-section {
    padding: 0;
}
.adresse-liens-section {
    margin: 40px auto;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #2c2c2c;
}
.adresse-liens-section a {
    text-decoration: none;
}
.adresse-liens-section a:not(.btn) {
    color: #68a415;
}
.adresse-liens-section strong {
    font-weight: 600;
}
.adresse-liens-section .liens {
    margin-top: 25px;
}
.adresse-liens-section .liens li {
    display: inline-block;
}
.adresse-liens-section .liens .btn {
    text-transform: uppercase;
    padding-right: 15px;
}
.adresse-liens-section .btn--icon > .icon:before {
    font-size: 18px;
}

/* boutons */

.btns-2cols ul {
    list-style: none;
    margin: 15px 10px;
    padding: 0;
}
@media screen and (min-width: 500px) {

    .btns-2cols ul {
        float: left;
        width: 55%;
        margin: 0;
    }
    .btns-2cols ul + ul {
        width: 43%;
        margin-left: 2%;
    }
}

.btn {
    display: inline-block;
    padding: 11px 10px 13px;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #6e6752;
    color: #ffffff;
}
.btn:hover,
.btn:focus {
    opacity: .9;
}
.btn--vert {
    background-color: #74a82b;
    color: #ffffff;
}
.btn--marron {
    background-color: #642804;
    color: #ffffff;
}
.btn--bleu {
    background-color: #285fbc;
    color: #ffffff;
}
.btn--bleu-clair {
    background-color: #1da1f2;
    color: #ffffff;
}

.btn--rouge {
    background-color: #cd201f;
    color: #ffffff;
}
.btn--gris {
    background-color: #bcb9b0;
    color: #534e3e;
}
.btn--icon {
    position: relative;
    padding-left: 45px;
}
.btn--icon > .icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 45px;
    overflow: hidden;
}
.btn--icon > .icon:before {
    display: block;
    line-height: 39px;
    font-size: 23px;
    text-align: center;
    height: 100%;
}
.btns-2cols {
    margin-top: 20px;
}
.btns-2cols .btn {
    display: block;
}
.btns-2cols li + li {
    margin-top: 3px;
}