@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:700,500,300,800,600,400|Montserrat:700|Open+Sans:700,300,300italic|Roboto+Slab:300,400,700);

/* ==========================================================================

Author's custom styles

========================================================================== */


/**

* Description:  Styles css pour LA VILLE D'ANTONY.

* Version: 1.0.0

* Last update: 2015/05/30

* Author: User Name <romain.bergheaud@outlook.fr>

*

* Summary:

* 1 - TYPOGRAPHIE

* 2 - VENDOR SPRITE

*  - HELPERS

* 3 - GENERAL

* 4 - ACCUEIL

*    a - nav-top

*    b - nav-first

*    c - nav-fixe

*    d - bloc-generalite / bloc-actu

*    e - bloc-une

*    f - bloc-actu

*    g - bloc-agenda

*    h - bloc-pratique

*    i - bloc-publication

*      i-1 - magazine

*      i-2 - tab

*      i-3 - twitter

*    j - footer

*    k - lien-bottom

*    l - responsive

*    m - menu-smartphone

* 5 - PAGE

*    a - sidebar

*    b - article

*    c - responsive-page

* 6 - ACTU AGENDA

*    a - responsive-actu-agenda

* 7 - ACTU AGENDA DETAIL

* 8 - MEDIA

* 9 - PUBLICATIONS

* 10 - CONTACT

* 11 - CARTO

* 12 - PAGE DEFAUT

* 13 - INDEX CULTURE

* 13 - INDEX JEUNES





/* ==========================================================================

$TYPOGRAPHIE

========================================================================== */



/* ==========================================================================

$VENDOR SPRITE

========================================================================== */


/******************* SPRITE HP + HEADER *******************/

.sprite {
    background-image: url('spritesheet.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-actu {
    width: 29px;
    height: 35px;
    background-position: -5px -5px;
    position: absolute;
    margin-left: 10px;
    top: -1px;
}

.sprite-agenda {
    width: 26px;
    height: 29px;
    background-position: -44px -5px;
    position: absolute;
    margin-left: 10px;
    top: 3px;
}

.sprite-avatar {
    width: 32px;
    height: 32px;
    background-position: -80px -5px;
}

.sprite-btn_next_blanc {
    width: 8px;
    height: 13px;
    background-position: -122px -5px;
}

.sprite-btn_prev_blanc {
    width: 8px;
    height: 13px;
    background-position: -140px -5px;
}

.sprite-croix_bleu_clair {
    width: 20px;
    height: 20px;
    background-position: -158px -5px;
}

.sprite-ico_facebook {
    width: 9px;
    height: 17px;
    background-position: -188px -5px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-feuilleter {
    width: 19px;
    height: 15px;
    background-position: -207px -5px;
    top: 2px;
    position: relative;
}

.sprite-fleche_bas_blanc {
    width: 11px;
    height: 7px;
    background-position: -122px -30px;
}

.sprite-fleche_bas_bleu_clair {
    width: 11px;
    height: 7px;
    background-position: -207px -30px;
}

.sprite-fleche_bas_bleu_sombre {
    width: 11px;
    height: 7px;
    background-position: -44px -47px;
}

.sprite-fleche_droite_blanc {
    width: 7px;
    height: 11px;
    background-position: -65px -47px;
}

.sprite-fleche_droite_bleu_sombre {
    width: 7px;
    height: 11px;
    background-position: -82px -47px;
}

.sprite-fleche_droite_bleu_clair {
    width: 7px;
    height: 11px;
    background-position: -99px -47px;
}

.sprite-fleche_droite_bleu_clair.retour,
.sprite-fleche_droite_bleu_sombre.retour,
.sprite-fleche_swipper.retour {
    transform: rotate(180deg);
}

.sprite-ico_google {
    width: 22px;
    height: 14px;
    background-position: -116px -47px;
    position: relative;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-home {
    width: 22px;
    height: 25px;
    background-position: -148px -47px;
}

.sprite-ico_annonce {
    width: 22px;
    height: 28px;
    background-position: -180px -47px;
}

.sprite-ico_annonce_bleu_sombre {
    width: 22px;
    height: 28px;
    background-position: -5px -85px;
}

.sprite-ico_annuaire {
    width: 24px;
    height: 28px;
    background-position: -37px -85px;
}

.sprite-ico_annuaire_bleu_sombre {
    width: 24px;
    height: 28px;
    background-position: -71px -85px;
}

.sprite-ico_carte {
    width: 22px;
    height: 38px;
    background-position: -105px -85px;
}

.sprite-ico_carte_bleu_sombre {
    width: 22px;
    height: 38px;
    background-position: -137px -85px;
}

.sprite-ico_demarche {
    width: 28px;
    height: 26px;
    background-position: -169px -85px;
}

.sprite-ico_demarche_bleu_sombre {
    width: 28px;
    height: 26px;
    background-position: -169px -121px;
}

.sprite-ico_garde {
    width: 17px;
    height: 33px;
    background-position: -207px -85px;
}

.sprite-ico_garde_bleu_sombre {
    width: 17px;
    height: 33px;
    background-position: -5px -128px;
}

.sprite-ico_marche {
    width: 35px;
    height: 28px;
    background-position: -32px -157px;
}

.sprite-ico_marche_bleu_sombre {
    width: 35px;
    height: 28px;
    background-position: -77px -157px;
}

.sprite-ico_meteo {
    width: 32px;
    height: 24px;
    background-position: -122px -157px;
}

.sprite-ico_meteo_bleu_sombre {
    width: 32px;
    height: 24px;
    background-position: -164px -157px;
}

.sprite-ico_plus_demandes {
    width: 24px;
    height: 24px;
    background-position: -122px -191px;
}

.sprite-ico_recrutement {
    width: 33px;
    height: 29px;
    background-position: -156px -191px;
}

.sprite-ico_recrutement_bleu_sombre {
    width: 33px;
    height: 29px;
    background-position: -236px -5px;
}

.sprite-ico_travaux {
    width: 20px;
    height: 29px;
    background-position: -228px -44px;
}

.sprite-ico_travaux_bleu_sombre {
    width: 20px;
    height: 29px;
    background-position: -234px -83px;
}

.sprite-ico_urgence {
    width: 26px;
    height: 26px;
    background-position: -234px -122px;
}

.sprite-ico_urgence_bleu_sombre {
    width: 26px;
    height: 26px;
    background-position: -206px -158px;
}

.sprite-loupe_bleu_clair {
    width: 22px;
    height: 22px;
    background-position: -242px -158px;
}

.sprite-partager_blanc {
    width: 13px;
    height: 15px;
    background-position: -258px -44px;
}

.sprite-partager_bleu_clair {
    width: 13px;
    height: 15px;
    background-position: -5px -190px;
}

.sprite-partager_bleu_sombre {
    width: 13px;
    height: 15px;
    background-position: -242px -190px;
}

.sprite-partager_gris {
    width: 13px;
    height: 15px;
    background-position: -5px -215px;
}

.sprite-plus_demandes {
    width: 24px;
    height: 24px;
    background-position: -28px -215px;
    position: relative;
    top: 5px;
}

.sprite-pratique {
    width: 42px;
    height: 44px;
    background-position: -62px -215px;
    top: -10px;
    position: absolute;
    margin-left: 10px;
}

.sprite-publications {
    width: 33px;
    height: 28px;
    background-position: -199px -194px;
}

.sprite-rss_blanc {
    width: 16px;
    height: 16px;
    background-position: -242px -215px;
}

.sprite-rss_bleu_clair {
    width: 16px;
    height: 16px;
    background-position: -114px -241px;
}

.sprite-ico_rss_follow {
    width: 16px;
    height: 16px;
    background-position: -140px -241px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-telecharger {
    width: 18px;
    height: 18px;
    background-position: -166px -241px;
    position: relative;
    top: 2px;
}

.sprite-ico_twitter {
    width: 18px;
    height: 16px;
    background-position: -194px -241px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-ico_youtube {
    width: 20px;
    height: 14px;
    background-position: -222px -241px;
    position: relative;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sprite-ico_instagram {
    width: 19px;
    height: 19px;
    background-position: -252px -239px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/******************* SPRITE SMARTPHONE *******************/

.sprite_smartphone {
    background-image: url('spritesheet_smartphone.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-btn_burger {
    width: 36px;
    height: 36px;
    background-position: -5px -5px;
}

span .sprite-btn_burger {
    position: relative;
    top: 11px;
    left: 10px;
}

.sprite-btn_close {
    width: 36px;
    height: 36px;
    background-position: -51px -5px;
}

.sprite-btn_close_blanc {
    width: 36px;
    height: 36px;
    background-position: -99px -7px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}

.sprite-btn_follow {
    width: 36px;
    height: 36px;
    background-position: -5px -51px;
}

.sprite-btn_loupe {
    width: 17px;
    height: 17px;
    background-position: -51px -51px;
}

.sprite-btn_plus {
    width: 36px;
    height: 36px;
    background-position: -78px -51px;
}

.sprite-btn_pratique {
    width: 36px;
    height: 36px;
    background-position: -5px -97px;
}

.sprite-btn_retour {
    width: 26px;
    height: 26px;
    background-position: -51px -97px;
}

.sprite-btn_search {
    width: 36px;
    height: 36px;
    background-position: -87px -97px;
}

.sprite-ico_pratique_blanc {
    width: 42px;
    height: 44px;
    background-position: -143px -5px;
    position: relative;
    top: 6px;
    left: 10px;
}


/******************* SPRITE SMARTPHONE *******************/

.sprite_page {
    background-image: url('spritesheet_page.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-btn_imprimer {
    width: 40px;
    height: 40px;
    background-position: -5px -5px;
}

.sprite-btn_imprimer_clair {
    width: 40px;
    height: 40px;
    background-position: -55px -5px;
}

.sprite-btn_txt_moins {
    width: 40px;
    height: 40px;
    background-position: -5px -55px;
}

.sprite-btn_txt_moins_clair {
    width: 40px;
    height: 40px;
    background-position: -55px -55px;
}

.sprite-btn_txt_plus {
    width: 40px;
    height: 40px;
    background-position: -105px -5px;
}

.sprite-btn_txt_plus_clair {
    width: 40px;
    height: 40px;
    background-position: -105px -55px;
}

.sprite-facebook {
    width: 8px;
    height: 16px;
    background-position: -155px -5px;
}

.sprite-facebook_clair {
    width: 8px;
    height: 16px;
    background-position: -173px -5px;
}

.sprite-favoris {
    width: 19px;
    height: 18px;
    background-position: -155px -59px;
}

.sprite-favoris_clair {
    width: 19px;
    height: 18px;
    background-position: -155px -31px;
}

.sprite-share {
    width: 16px;
    height: 16px;
    background-position: -155px -87px;
}

.sprite-share_clair {
    width: 16px;
    height: 16px;
    background-position: -5px -113px;
}

.sprite-twitter {
    width: 20px;
    height: 16px;
    background-position: -31px -113px;
}

.sprite-twitter_clair {
    width: 20px;
    height: 16px;
    background-position: -61px -113px;
}


/******************** SPRITE AGENDA ACTU *********************/

.sprite_agenda {
    background-image: url('spritesheet_agenda.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-agenda_blanc_small {
    width: 19px;
    height: 23px;
    background-position: -5px -5px;
}

.sprite-agenda_bleu_fonce {
    width: 22px;
    height: 26px;
    background-position: -34px -5px;
    top: 35px;
}

.sprite-agenda_bleu_fonce_small {
    width: 16px;
    height: 19px;
    background-position: -5px -41px;
}

.sprite-btn_lien {
    width: 14px;
    height: 14px;
    background-position: -31px -41px;
}

.sprite-btn_lien_bleu_sombre {
    width: 14px;
    height: 14px;
    background-position: -55px -41px;
}

.sprite-fleche_form_bleu_fonce {
    width: 15px;
    height: 9px;
    background-position: -31px -65px;
}

.sprite-loupe_form_bleu_fonce {
    width: 17px;
    height: 17px;
    background-position: -66px -5px;
}

.sprite-pdf {
    width: 18px;
    height: 18px;
    background-position: -79px -32px;
}

.sprite-pdf_bleu_sombre {
    width: 18px;
    height: 18px;
    background-position: -79px -60px;
}


/********************** SPRITE MEDIA **********************/

.sprite_media {
    background-image: url(spritesheet_media.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-icon_dailymotion {
    width: 40px;
    height: 40px;
    background-position: -5px -5px;
}

.sprite-icon_youtube {
    width: 40px;
    height: 40px;
    background-position: -55px -5px;
}


/********************** SPRITE PUBLICATIONS ***************/

.sprite_publications {
    background-image: url(spritesheet_publications.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-fleche_swipper {
    width: 14px;
    height: 23px;
    background-position: -5px -5px;
}

.sprite-ico_audio {
    width: 18px;
    height: 15px;
    background-position: -29px -5px;
}

.sprite-ico_audio_bleu_sombre {
    width: 18px;
    height: 15px;
    background-position: -57px -5px;
}

.sprite-ico_feuilleter {
    width: 19px;
    height: 18px;
    background-position: -29px -30px;
}

.sprite-ico_feuilleter_bleu_sombre {
    width: 19px;
    height: 18px;
    background-position: -58px -30px;
}

.sprite-ico_voir {
    width: 50px;
    height: 50px;
    background-position: -87px -5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}


/********************** SPRITE CULTURE ***************/

.sprite_culture {
    background-image: url(spritesheet_culture.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-agenda {
    width: 16px;
    height: 23px;
    background-position: -5px -5px;
}

.sprite-chateau {
    width: 18px;
    height: 17px;
    background-position: -31px -5px;
}

.sprite-cinema {
    width: 18px;
    height: 13px;
    background-position: -59px -5px;
}

.sprite-conservatoire {
    width: 16px;
    height: 18px;
    background-position: -59px -28px;
}

.sprite-ludotheque {
    width: 20px;
    height: 17px;
    background-position: -5px -56px;
}

.sprite-maison-arts {
    width: 16px;
    height: 16px;
    background-position: -35px -56px;
}

.sprite-mediatheque {
    width: 16px;
    height: 16px;
    background-position: -61px -56px;
}

.sprite-plus-demandes {
    width: 24px;
    height: 24px;
    background-position: -87px -5px;
}

.sprite-theatre {
    width: 16px;
    height: 34px;
    background-position: -87px -39px;
}

.sprite-micro {
    width: 25px;
    height: 34px;
    background-position: -29px -22px;
}

/********************** SPRITE JEUNES ***************/

.sprite_jeunes {
    background-image: url(spritesheet_jeunes.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-aides {
    width: 43px;
    height: 39px;
    background-position: -5px -5px;
}

.sprite-centre-vacances {
    width: 43px;
    height: 39px;
    background-position: -58px -5px;
}

.sprite-citoyennete {
    width: 43px;
    height: 39px;
    background-position: -5px -54px;
}

.sprite-fleche {
    width: 13px;
    height: 9px;
    background-position: -111px -5px;
}

.sprite-informations {
    width: 43px;
    height: 39px;
    background-position: -58px -54px;
}

.sprite-informez-vous {
    width: 43px;
    height: 39px;
    background-position: -134px -5px;
}

.sprite-loisirs {
    width: 44px;
    height: 40px;
    background-position: -111px -54px;
}

.sprite-trou {
    width: 16px;
    height: 16px;
    background-position: -5px -104px;
}


/* ==========================================================================

$HELPERS

========================================================================== */

.d-b {
    display: block;
}

.d-ib {
    display: inline-block;
}


/* ==========================================================================

$GENERAL

========================================================================== */

body {
    color: #222b55;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    cursor: default;
    overflow-x: hidden;
}

main#contenu {
    font-size: 1em;
}

a {
    color: #222b55;
}

div.videounderline a, a.underline {
    text-decoration: underline;
}

a.underline:hover {
    text-decoration: underline;
}

a:hover {
    color: #65b2e5;
    text-decoration: none;
}

a:focus {
    outline: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}

h1 {
    margin-bottom: 20px;
}

h2 {
    font-size: 25px;
    margin-bottom: 15px;
}

h3 {
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 20px;
}

ul {
    margin: 0;
}

p {
    line-height: 25px;
    margin: 0;
}

.marginz {
    margin: 0 !important;
}

.center {
    text-align: center;
}

img {
    width: 100%;
}

img.standard-size {
    width: auto;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

button {
    background: none;
    border: none;
    text-transform: uppercase;
}

.titre-page {
    font-weight: 300;
    font-size: 3.3em;
}

.titre-une,
#bloc-une .titre-une {
    color: #222b55;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 20px;
}


.chapo {
    font-weight: 500;
    font-size: 1.8em;
    line-height: 30px;
}

.chapo-2 {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.semi-bold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.light {
    font-weight: 300;
}

.img {
    overflow: hidden;
}

iframe {
    margin-bottom: 20px;
}

.bleu-sombre {
    color: #222b55;
}

.blanc {
    color: #fff;
}

.bleu-clair {
    color: #65b2e5;
}

.bleu-background {
    background-color: #65b2e5 !important;
}

.rouge,
#bloc-une .titre-une.rouge {
    color: #bb0045;
}

.violet {
    color: #b91e82 !important;
    font-family: 'Roboto Slab', serif;
}

.rose {
    color: #bd2b92;
}

.btn-centrer {
    text-align: center;
    margin-bottom: 40px;
}

.btn:focus,
.btn:active,
.btn:active:focus {
    outline: none;
}

.btn-bleu,
.btn-rose {
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px;
    border: 2px solid #65b2e5;
    border-radius: 25px;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

.btn-bleu:hover,
.prev:hover,
.next:hover {
    background-color: #65b2e5;
    color: #222b55;
}

.btn-rose .fa
.btn-blanc .fa,
.btn-bleu .fa {
    font-size: 1.6em;
    margin-left: 10px;
    vertical-align: bottom;
}

.btn-bleu:hover i {
    /* background-position: -82px -47px !important; */
    background-position: -82px -47px;
}

.btn-bleu i,
.btn-blanc i {
    margin-left: 5px;
}

.btn-bleu i.retour {
    margin-right: 5px;
}

.btn-blanc {
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 12px;
    margin-top: 35px;
    margin-right: 10px;
}

.btn-blanc:hover {
    background-color: #fff;
    color: #222b55;
}

.btn-blanc:hover i {
    background-position: -82px -47px;
}

.btn-rose {
    border: 2px solid #bd2b92;
}

.btn-rose:hover {
    background-color: #bd2b92;
    color: #FFF;
}



.btn-text {
    border-color: transparent;
    padding: 0;
}

.btn-text:hover {
    background-color: transparent;
    color: #222b55;
    text-decoration: underline;
}

.btn-text.btn-rose .fa-angle-right {
    color: #bd2b92;
}

.btn-text.btn-rose:hover {
    color: #bd2b92;
}

.btn-text.btn-bleu .fa-angle-right {
    color: #bc0046;
}

.btn-back .fa {
    margin-left: 0;
    margin-right: 10px;
}



/* Form
----------------------------------------------------------------------------------------*/

.btn-form {
    padding: 15px 25px;
    border-radius: 0;
    border: none;
    background-color: #222b55;
}

.btn-form:hover {
    background-color: #65b2e5;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    text-align: center;
    width: 104px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.input-file {
    padding-left: 20px;
}

.form-control[disabled] {
    cursor: default;
    background: none;
    opacity: 1;
}

.mg-btm {
    margin-bottom: 35px;
}

.form-label {
    margin-left: 10px;
}

.form-control-rounded {
    padding: 10px;
    border: 2px solid #222b55;
    border-radius: 25px !important;
    font-size: 12px;
}

.form-control-rounded--rose {
    border-color: #bd2b92;
}

hr {
    border-color: #e2e3e9;
    margin: 24px 0;
}

@media (max-width:772px) {
    hr.none {
        display: none;
        visibility: hidden;
    }
}


/* Accordéon
----------------------------------------------------------------------------------------*/

.accordeon {
    padding: 0;
    margin: 20px 0;
}

.accordeon > li {
    list-style: none;
    display: block;
    overflow: hidden;
}

.accordeon > li:hover {
    background: #ccc;
}

.accordeon .expand {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.accordeon .detail {
    display: none;
}

.accordeon .right-arrow {
    font-family: serif;
    font-weight: 100;
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-size: 22px;
}

.icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
}

/* Pager
----------------------------------------------------------------------------------------*/

div.pager
{
    text-align: center;
    clear: left;
}

div.pager span
{
    background: #eee;
    padding: 0 5px;
    color: #222b55;
    border: 1px solid #ddd;
}

div.pager a
{
    background: #fafafa;
    padding: 0 5px;
    color: #222b55;
    font-weight: bold;
    border: 1px solid #ddd;
    text-decoration: none;
}

div.pager a:hover
{
    background: #eee;
}

/* ==========================================================================

$ACCUEIL

========================================================================== */

#logo-smart {
    display: none;
}

#banner {
    position: relative;
    z-index: -1;
    /*background: url('banner.jpg') no-repeat center;*/
    height: 300px;
    /*background-size: cover;*/
}

.logo {
    background: url('logo-banner.png') no-repeat;
    height: 203px;
    position: absolute;
    width: 140px;
    z-index: 10;
}


/* ==========================================================================

$nav-top

========================================================================== */

.navbar-header p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    padding-top: 6px;
    padding-right: 20px;
}

i.sprite-plus {
    top: 5px;
    position: relative;
}

#nav-top {
    margin-top: 3px;
    margin-bottom: 0;
    background-color: #fff;
    border: none;
}

#nav-top ul li a {
    font-weight: 400;
    font-size: 13px;
    padding: 0 10px 0 10px;
	margin-right: -5px;
    border-right: 1px solid #babcc9;
    color: #222b55;
}

#nav-top ul li a:hover {
    color: #65b2e5;
}

#nav-top ul li:last-child a {
    border: none;
}

#nav-top ul li {
    padding: 15px 5px 15px 0;
}


/* ==========================================================================

$nav-first

========================================================================== */

.navigation {
    position: relative;
    z-index: 10;
}

.fond-nav {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    background-color: #e2e3e9;
}

.fond-nav-desktop {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    background-color: #e2e3e9;
}


/*.navbar-collapse {

padding: 0;

}*/

.nav-first {
    margin-bottom: 0;
    border: none;
}

.nav-first ul li.lvl1 {
    height: 79px;
    cursor: pointer;
}

.nav-first ul li.lvl1 > a {
    border-left: 1px solid #babcc9;
    padding: 5px 20px;
    top: 20px;
}

.nav-first ul li.lvl1:hover > a {
    color: #fff;
}

.nav-first ul li.lvl1:first-child > a {
    border: none;
}

.nav-first ul li.lvl1:nth-last-child(2) > a {
    border-left: 1px solid #65b2e5;
}

.nav-first li.theme_1 {
    border-bottom: 5px solid #222b55;
}

.theme_bleu_sombre {
    background-color: #222b55;
}

.nav-first li.theme_2 {
    border-bottom: 5px solid #97be0d;
}

.nav-first ul li.theme_2:hover,
.nav-first .theme_2 .lvl2,
.theme_vert_clair {
    background-color: #97be0d;
}

.nav-first li.theme_3 {
    border-bottom: 5px solid #4cb848;
}

.nav-first ul li.theme_3:hover,
.nav-first .theme_3 .lvl2,
.theme_vert_fonce {
    background-color: #4cb848;
}

.nav-first li.theme_4 {
    border-bottom: 5px solid #65b2e5;
}

.nav-first ul li.theme_4:hover,
.nav-first .theme_4 .lvl2,
.theme_bleu_clair {
    background-color: #65b2e5;
}

.nav-first li.theme_5 {
    border-bottom: 5px solid #55378c;
}

.nav-first ul li.theme_5:hover,
.nav-first .theme_5 .lvl2,
.theme_violet {
    background-color: #55378c;
}

.nav-first li.theme_6 {
    border-bottom: 5px solid #b91e82;
}

.nav-first ul li.theme_6:hover,
.nav-first .theme_6 .lvl2,
.theme_rose {
    background-color: #b91e82;
}

.nav-first li.theme_7 {
    border-bottom: 5px solid #bb0045;
}

.nav-first ul li.theme_7:hover,
.nav-first .theme_7 .lvl2,
.theme_bordeaux {
    background-color: #bb0045;
}

.nav-first li.theme_8 {
    border-bottom: 5px solid #babcc9;
}

.nav-first ul li.theme_8:hover,
.nav-first .theme_8 .lvl2,
.theme_gris_clair {
    background-color: #babcc9;
}

.nav-first div.theme_8 {
    border-bottom: 5px solid #babcc9;
    line-height: 75px;
    padding-left: 20px;
}

.nav-first li {
    position: static;
}

.nav-first li a:hover .visuel {
    outline: 5px solid #fff;
}

.nav-first ul.lvl2 {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0 20px 20px 20px;
    width: 97, 5%;
    left: 0px;
    top: 79px;
    margin: 0 15px;
}

.nav-first ul.lvl2 > li {
    width: 50%;
    height: 100px;
    float: left;
    margin-top: 20px;
}

div.visuel,
div.legende {
    float: left;
}

div.legende {
    margin-left: 10px;
    width: 70%;
    color: #fff;
}

.legende p {
    font-weight: 400;
}

.theme_8 i.sprite-fleche_bas_bleu_clair,
.theme_8 i.sprite-rss_bleu_clair,
.theme_8 i.sprite-fleche_bas_bleu_sombre,
.theme_8 i.sprite-rss_bleu_sombre {
    margin: 0 6px;
}

.nav-first li.lvl1:nth-last-child(2) ul.lvl2 {
    width: 30%;
    float: right;
    right: 0;
    left: 67.5%;
    color: #fff;
}

.nav-first li.lvl1:nth-last-child(2) ul.lvl2 li {
    height: auto;
}

.nav-first li.lvl1:nth-last-child(2) p::-moz-placeholder {
    font-weight: 400;
}

.nav-first li.lvl1:nth-last-child(2) ul.lvl2 li {
    width: 100%;
}

.nav-first .btn-default,
.follow-smart .btn-default {
    background-color: #363636;
    border: none;
    z-index: 4;
}

.nav-first .btn-default:hover,
.follow-smart .btn-default:hover {
    background-color: #606060;
    border: none;
}

.nav-first li.lvl1:nth-last-child(2) ul.lvl2 input,
.nav-first li.lvl1:nth-last-child(2) ul.lvl2 label {
    margin: 10px;
}

.nav-first input[type="checkbox"],
.follow-smart input[type="checkbox"] {
    display: none;
}

.nav-first input[type="checkbox"] + label::before,
.follow-smart input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    cursor: pointer;
}

.nav-first input[type="checkbox"]:checked + label::before,
.follow-smart input[type="checkbox"]:checked + label::before {
    content: "\002713";
    color: #363636;
    text-align: center;
    cursor: pointer;
    position: absolute;
    line-height: 17px;
}

.nav-first form p,
.follow-smart form p {
    margin-left: 25px;
    bottom: 3px;
    position: relative;
}

.nav-first .rond,
.follow-smart .rond {
    width: 40px;
    height: 40px;
    background-color: #e2e3e9;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.nav-first .facebook:hover,
.follow-smart .facebook:hover {
    background-color: #3b5998;
}

.nav-first .twitter:hover,
.follow-smart .twitter:hover {
    background-color: #1da1f2;
}

.nav-first .google:hover,
.follow-smart .google:hover {
    background-color: #db4e44;
}

.nav-first .youtube:hover,
.follow-smart .youtube:hover {
    background-color: #cc181e;
}

.nav-first .rss:hover,
.follow-smart .rss:hover {
    background-color: #f98b3a;
}

.nav-first .instagram:hover,
.follow-smart .instagram:hover {
    background-color: #ce417a;
}

.nav-first .search input[type="text"],
.follow-smart .search input[type="text"] {
    height: 79px;
    font-size: 30px;
    border: none;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 15px;
    background: none;
    z-index: 3;
    -webkit-transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    border-bottom: 5px solid #babcc9;
}

.nav-first .search input[type="text"]:focus,
.follow-smart .search input[type="text"]:focus {
    width: 99%;
    z-index: 1;
    cursor: text;
    background-color: #e2e3e9;
}

.nav-first .search input[type="submit"],
.follow-smart .search input[type="submit"] {
    height: 22px;
    width: 22px;
    display: inline-block;
    color: aqua;
    float: right;
    background: url(spritesheet.png) -242px -158px no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 24px;
    right: 25px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}


/* ==========================================================================

$nav-fixe

========================================================================== */

.nav-fixe {
    margin-left: 15px;
}

.nav-fixe ul li.lvl1 > a {
    padding: 5px 21px;
}

.nav-fixe ul li.lvl1.plus {
    border-bottom: 5px solid #babcc9;
    line-height: 20px;
}

.nav-fixe ul li.lvl1.theme_7 > a {
    border-right: 1px solid #babcc9;
}

.nav-fixe ul li.lvl1.plus > a {
    border: none;
    top: 11px;
}

.nav-fixe ul li.lvl1.follow > a {
    padding: 5px 28px;
}

.nav-fixe ul.lvl2 {
    left: -15px;
}

.nav-fixe ul li.plus:hover,
.plus .lvl2bis {
    background-color: #fff;
    border: none;
}

.nav-fixe ul.lvl2bis {
    display: none;
    position: absolute;
    list-style: none;
    padding: 0 20px 20px 20px;
    width: 100%;
    left: 0;
    top: 79px;
    /*box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.3);*/
}

.nav-fixe ul.lvl2bis > li {
    float: right;
    margin-top: 20px;
    margin-bottom: 5px;
}

.nav-fixe ul.lvl2bis > li a {
    font-weight: 400;
    font-size: 13px;
    border-right: 1px solid #babcc9;
    color: #222b55;
    padding: 5px 10px;
}

.nav-fixe ul.lvl2bis li a:hover {
    color: #65b2e5;
}

.nav-fixe ul.lvl2bis > li:first-child a {
    border: none;
}

.nav-fixe .fade-top-active {}


/* nav animation */

.fade-top,
.navbar-fixed-top {
    -webkit-transform: translateY(-400%);
    -ms-transform: translateY(-400%);
    transform: translateY(-400%);
    -webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
}

.fade-top-active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
    transition: all .3s cubic-bezier(.77, 0, .175, 1);
}


/* ==========================================================================

$bloc-generalite

========================================================================== */

#bloc-actu,
#bloc-agenda,
#bloc-pratique {
    margin-bottom: 50px;
}

#bloc-une a:hover i,
#bloc-actu a:hover i,
#bloc-agenda a:hover i {
    background-position: -5px -190px;
}

#bloc-actu .titre-bloc,
#bloc-agenda .titre-bloc,
#bloc-publication .titre-bloc {
    font-weight: 700;
    font-size: 27px;
    margin-bottom: 25px;
    color: #222b55;
}

.infos,
.description {
    margin-top: 21px;
}

.description a {
    text-decoration: none;
}

.description:hover .txt-maj {
    color: #65b2e5;
}

.infos .partager {
    line-height: normal;
    padding-left: 7px;
    margin-bottom: 0;
    float: left;
    margin-top: 0;
    padding-top: 5px;
}

#bloc-actu .btn-bleu,
#bloc-agenda .btn-bleu {
    position: relative;
    bottom: -13px;
}


/* ==========================================================================

$bloc-une

========================================================================== */

#bloc-une {
    margin-top: 50px;
    color: #fff;
    margin-bottom: 50px;
}

#bloc-une #swiper-une {
    background-color: #222b55;
}

.violet + #swiper-une {
    background-color: #b91e82 !important;
}

.violet + #swiper-une h2 {
    font-family: 'Roboto Slab', serif;
}

#bloc-une .contenu-une {
    padding-top: 10px;
    padding-left: 30px;
}

.theme {
    text-transform: uppercase;
    color: #fff;
    margin-right: 5px;
    padding: 5px;
    float: left;
    font-size: 12px;
    font-weight: 700;
}

.date {
    font-family: 'Montserrat', sans-serif;
    padding: 5px 0;
    float: left;
    font-size: 12px;
    font-weight: 700;
}

#bloc-une .img-une {
    padding: 0;
}

#bloc-une img {
    width: 100%;
}

#bloc-une .commande .prev,
.next,
.pagination-perso {
    float: left;
}

#bloc-une .commande .prev,
#bloc-une .commande .next {
    padding: 8px 12px;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 36px;
    margin-right: 5px;
    cursor: pointer;
}

#bloc-une .prev:hover,
#bloc-une .next:hover {
    border: 2px solid #65b2e5;
}

#bloc-une .pagination-perso {
    line-height: 45px;
    padding-left: 20px;
}

#bloc-une .commande {
    z-index: 500;
    position: absolute;
    bottom: 15px;
    left: 23px;
    float: left;
}

#bloc-une .swiper-wrapper {
    z-index: 400;
}

#bloc-une .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 4px;
}

#bloc-une .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}


/* ==========================================================================

$bloc-actu

========================================================================== */

#bloc-actu img {
    width: 100%;
}


/* ==========================================================================

$bloc-agenda

========================================================================== */

#bloc-agenda img {
    float: left;
    margin-right: 8px;
    width: 141px;
}

#bloc-agenda .infos {
    float: left;
    margin-top: 0;
}

#bloc-agenda .date {
    color: #65b2e5;
}

#bloc-agenda .description {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    width: 210px;
}

#bloc-agenda ul li:first-child {
    padding-bottom: 15px;
    padding-top: 0;
    border-bottom: 1px solid #e2e3e9;
}

#bloc-agenda ul li {
    padding-top: 15px;
    padding-bottom: 15px;
}

#bloc-agenda ul li:last-child {
    padding-bottom: 0;
    padding-top: 15px;
    border-top: 1px solid #e2e3e9;
}


/* ==========================================================================

$bloc-pratique

========================================================================== */

#bloc-pratique .titre-bloc {
    font-weight: 700;
    font-size: 27px;
    margin-bottom: 25px;
    color: #65b2e5;
}

#bloc-pratique .bloc-bleu {
    background: #65b2e5 url('logo_transparent.png') no-repeat bottom right;
}

#bloc-pratique ul li {
    width: 115px;
    padding: 14px 20px;
    text-align: center;
}

#bloc-pratique ul li p {
    margin: 0;
    color: #fff;
    font-weight: 500;
    line-height: 18px;
}

#bloc-pratique ul li:hover p {
    color: #222b55;
}

#bloc-pratique ul li:nth-child(1n):hover i {
    background-position: -169px -121px;
}

#bloc-pratique ul li:nth-child(3n):hover i {
    background-position: -206px -158px;
}

#bloc-pratique ul li:nth-child(4n):hover i {
    background-position: -5px -85px;
}

#bloc-pratique ul li:nth-child(5n):hover i {
    background-position: -5px -128px;
}

#bloc-pratique ul li:nth-child(6n):hover i {
    background-position: -234px -83px;
}

#bloc-pratique ul li:nth-child(7n):hover i {
    background-position: -137px -85px;
}

#bloc-pratique ul li:nth-child(8n):hover i {
    background-position: -71px -85px;
}

#bloc-pratique ul li:nth-child(9n):hover i {
    background-position: -77px -157px;
}

#bloc-pratique ul li:nth-child(10n):hover i {
    background-position: -236px -5px;
}

#bloc-pratique ul li:nth-child(11n):hover i {
    background-position: -164px -157px;
}


/* ==========================================================================

$bloc-publication

========================================================================== */

#bloc-publication {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65b2e5+50,222b55+50 */
    background: rgb(101, 178, 229);
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(101, 178, 229, 1) 50%, rgba(34, 43, 85, 1) 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(101, 178, 229, 1) 50%, rgba(34, 43, 85, 1) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#65b2e5', endColorstr='#222b55', GradientType=1);
    /* IE6-9 */
}

.part-1 {
    background-color: #65b2e5;
    padding-top: 10px;
    padding-bottom: 50px;
    min-height: 500px;
}

.part-2 {
    background-color: #222b55;
    padding-top: 50px;
    padding-bottom: 0;
    min-height: 500px;
    padding-left: 25px;
}

.part-1-1,
.part-1-2 {
    padding-right: 15px;
    padding-left: 0px;
    margin-top: 40px;
}


/* Magazine */
img.imgpubli {
    padding-top: 15px;
}

.img-publication,
.magazine {
    float: left;
    position: relative;
}

.magazine {
    margin-left: 30px;
}

body.index .magazine {
    max-width: 200px;
}

.txt-maj {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}

.txt-maj-light {
    font-weight: 600;
}

.date-magazine {
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 58px;
}

.txt-maj i {
    margin-right: 8px;
}


/* ==========================================================================

$tab

========================================================================== */

#bloc-publication ul.titre-tab {
    position: relative;
    padding-left: 0;
    list-style: none;
    margin: 0;
}

#bloc-publication ul.titre-tab li {
    float: left;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 36px;
}

#bloc-publication ul.titre-tab a {
    padding: 7px;
    text-decoration: none;
}

#bloc-publication ul.titre-tab li.active a {
    background-color: #222b55;
    padding: 7px
}

#bloc-publication ul.titre-tab .active::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #222b55;
    border-right: 10px solid transparent;
    position: relative;
    top: 40px;
    right: 70px;
}

#bloc-publication .part-2 ul.titre-tab li.active a {
    background-color: #65b2e5;
    padding: 7px
}

#bloc-publication .part-2 ul.titre-tab .active::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #65b2e5;
    border-right: 10px solid transparent;
    position: relative;
    top: 40px;
    right: 70px;
}

#bloc-publication #videos img,
#bloc-publication #photos img {
    width: auto;
}

#bloc-publication .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 50.25%;
}


/* ==========================================================================

$twitter

========================================================================== */

.info-tweet i,
.info-tweet .titre-petit,
.info-tweet .adresse-tweet {
    float: left;
}

.titre-petit {
    font-weight: 700;
    margin-left: 10px;
}

.adresse-tweet {
    font-size: 12px;
    line-height: 2px;
    font-weight: 400;
}

.follow {
    background-color: #337ab7;
    padding: 5px;
    color: #ffffff;
}

.publication-tweet {
    float: right;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.tweet {
    margin-bottom: 30px;
}


.texte-tweet a {
    color: #FFF;
}

.texte-tweet a {
    color: #FFF;
}

/* ==========================================================================

$nav-first

========================================================================== */

#footer {
    background-color: #e2e3e9;
    padding-top: 50px;
    color: #797d93;
    margin-top: 40px;
}

.index #footer {
    margin-top: 0;
}

#footer .contact p {
    line-height: 20px;
    margin-bottom: 10px;
}

#footer .contact img {
    margin-top: 30px;
}

#footer a {
    color: #797d93;
}

#footer a:hover,
#footer a .bleu-sombre:hover {
    color: #65b2e5;
}

#footer .contact {
    font-size: 13px;
}

#footer ul {
    padding-left: 15px;
    margin-bottom: 20px;
    height: 200px;
}


/* ==========================================================================

$lien-bottom

========================================================================== */

#lien-bottom {
    background-color: #222b55;
}

#lien-bottom ul {
    float: left
}

#lien-bottom ul li {
    padding: 25px 10px 25px 0;
}

#lien-bottom ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right: 1px solid #babcc9;
}

#lien-bottom ul li:last-child a {
    border: none;
}

#lien-bottom ul li a:hover span.blanc {
    color: #65b2e5;
}

#lien-bottom p.bleu-clair {
    float: right;
    padding: 25px 0;
    font-weight: 700;
}


/* ==========================================================================

$responsive

========================================================================== */

@media (min-width: 992px) and (max-width: 1200px) {
    .fond-nav {
        font-size: 13px;
    }
    .fond-nav-desktop {
        font-size: 13px;
    }
    .nav-first ul li.lvl1 > a {
        padding: 5px 13px;
    }
    .nav-fixe ul li.lvl1.follow > a {
        padding: 5px 20px;
    }
    .nav-first .theme_8 i.sprite-rss_bleu_clair {
        display: none;
    }
    .nav-fixe .theme_8 i.sprite-rss_bleu_clair {
        display: inline-block;
    }
    .nav-first li.lvl1:nth-last-child(2) ul.lvl2 {
        left: 66.9%;
    }
    #bloc-une .contenu-une {
        padding-bottom: 70px;
    }
    #bloc-une .infos,
    #bloc-une .description {
        margin-top: 9px
    }
    #bloc-une h2 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    #bloc-agenda .infos {
        margin: 0 110px 0 0;
    }
    #bloc-agenda img {
        display: none;
    }
    .chapo {
        font-size: 22px;
    }
    #bloc-pratique ul li {
        width: 90px;
        padding: 15px 5px;
    }
    #bloc-pratique .bloc-bleu {
        padding: 8px;
    }
    #bloc-publication .magazine {
        margin-left: 10px;
    }
    #bloc-publication .img-publication {
        width: 115px;
        overflow: hidden;
    }
    #bloc-publication .tweet {
        margin-bottom: 10px;
    }
    #bloc-publication .texte-tweet {
        font-size: 13px;
    }
}

@media (min-width:992px) {
    #nav-smart {
        display: none;
    }
}

@media (max-width: 991px) {
    #nav-top,
    .nav-first,
    #desktop-fixe,
    .logo,
    #bloc-agenda img,
    #bloc-pratique,
    #footer .contact img,
    #footer .menu-footer,
    .navigation .container {
        display: none;
    }
    .navigation {
        position: inherit;
    }
    .fond-nav {
        padding: 0;
    }
    #bloc-une .contenu-une {
        padding-bottom: 75px;
    }
    #bloc-agenda .description {
        width: 100%;
    }
    #bloc-actu,
    #bloc-agenda {
        margin-top: 25px;
    }
    #bloc-publication {
        background: none;
    }
    #bloc-publication .container {
        padding-left: 0;
        padding-right: 0;
    }
    #bloc-publication #videos img,
    #bloc-publication #photos img {
        width: 100%;
    }
    #bloc-publication .part-2 {
        padding-left: 15px;
    }
    #footer {
        padding-bottom: 50px;
    }
    #lien-bottom .list-inline > li {
        display: block;
        font-size: 13px;
    }
    #lien-bottom p.bleu-clair,
    #lien-bottom ul {
        float: none;
        margin-top: 15px;
    }
    #lien-bottom ul li a {
        border: none;
    }
    #lien-bottom ul li {
        padding: 15px 0 0 0;
    }
    .magazine {
        margin-left: 10px;
    }
    #logo-smart {
        display: block;
        margin: 10px 0;
        text-align: center;
    }
    #logo-smart img {
        width: auto;
    }
}


/* ==========================================================================

$menu-smartphone

========================================================================== */

#nav-smart img {
    float: left;
    margin: 18px 0 0 18px;
    display: none;
    width: auto;
}

#nav-smart ul {
    padding: 0;
    list-style: none;
}

#nav-smart > ul > li {
    float: right;
}

#nav-smart .titre-smart {
    line-height: 59px;
    position: absolute;
    text-transform: uppercase;
    margin-left: 20px;
}

#nav-smart .titre-smart-back {
    margin: 0;
    line-height: 59px;
    position: absolute;
    text-transform: uppercase;
}

#nav-smart ul.sub-nav li {
    /*border-left: 5px solid #babcc9;  */
}

.menu-smart {
    overflow-y: scroll;
}

.menu-smart ul li.theme_1 {
    border-left: 5px solid #222b55;
}

.menu-smart ul li.theme_7 {
    border-left: 5px solid #bb0045;
}

.menu-smart ul li.theme_2 {
    border-left: 5px solid #97be0d;
}

.menu-smart ul li.theme_4 {
    border-left: 5px solid #65b2e5;
}

.menu-smart ul li.theme_5 {
    border-left: 5px solid #55378c;
}

.menu-smart ul li.theme_3 {
    border-left: 5px solid #4cb848;
}

.menu-smart ul li.theme_6 {
    border-left: 5px solid #b91e82;
}

.menu-smart .droite {
    position: absolute;
    right: 0px;
    margin: 15px;
}

.menu-smart .titre-smart > i {
    top: 5px;
    position: relative;
}

@-webkit-keyframes androidbugfix {
    from {
        padding: 0;
    }
    to {
        padding:0;
    }
}
#header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 4.0625em;
    background: #222
}
#header label {
    padding: 0 0.125em;
}
#header label:hover,
.menu-smart label:hover {
    color: #ccc
}
#main-nav-check,
.menu-smart .sub-nav-check,
#main-plus-check,
.menu-smart .sub-plus-check,
#main-pratique-check,
.menu-smart .sub-pratique-check,
#main-search-check,
.menu-smart .sub-search-check,
#main-follow-check,
.follow-smart .sub-follow-check {
    position: absolute;
    top: -9999px;
    left: -9999px
}
.toggle {
    float: right;
    cursor: pointer;
    color: black;
    margin: 10px;
}
.rappel {
    float: left;
}
.rappel .sprite-ico_pratique_blanc {
    margin: 0;
}
.back {
    float: left;
    margin-top: 15px;
    margin-bottom: 0;
}
.menu-smart,
.follow-smart,
.menu-smart .sub-nav,
.menu-smart .sub-plus,
.menu-smart .sub-pratique,
.menu-smart .sub-search,
.follow-smart .sub-follow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #e2e3e9;
    z-index: 9999;
    left: -100%
}
.container,
.menu-smart,
.follow-smart,
.menu-smart .sub-nav,
.menu-smart .sub-plus,
.menu-smart .sub-pratique,
.menu-smart .sub-search,
.follow-smart .sub-follow {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: transform .25s ease;
    transition: transform .25s ease;
}
.menu-smart ul {
    line-height: 2.75em;
    text-decoration: none;
    padding: 0;
    list-style: none;
    margin-top: 4.0625em;
    border-top: 1px solid #babcc9
}
.menu-smart li {
    border-bottom: 1px solid #babcc9;
}
.menu-smart li a {
    background: #e2e3e9;
    display: block;
    font-size: 0.875em;
    padding-left: 1.5em;
    color: #222b55;
    text-decoration: none
}
.menu-smart li a:hover,
.menu-smart .toggle-sub:hover {
    background: #d1cfd3
}
.menu-smart .sub-nav,
.menu-smart .sub-plus,
.menu-smart .sub-pratique,
.menu-smart .sub-search,
.follow-smart .sub-follow {
    margin-top: -1px
}
.menu-smart .sub-heading {
    margin-top: 4.0625em;
    color: #999;
    background: #e2e3e9;
}
.menu-smart .sub-nav .sub-heading span {
    margin-left: 20px;
}
.menu-smart .sub-heading:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #babcc9
}
.menu-smart .toggle-sub {
    font: bold 1em/2.75em Arial;
    color: #fff;
    background: #babcc9;
    float: right;
    margin-top: -2.75em;
    width: 2.25em;
    border-left: 1px solid #babcc9;
    cursor: pointer;
    text-align: center
}
.container,
.menu-smart,
.menu-smart .sub-nav,
.menu-smart .sub-plus,
.menu-smart .sub-pratique,
.menu-smart .sub-search,
.follow-smart .sub-follow {
    -webkit-transform: translate3d(0, 0, 0)
}

/* #### - define ids of animated container, menu-smart and sub-menu-smarts here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ .menu-smart,
#main-plus-check:checked ~ .container,
#main-plus-check:checked ~ .menu-smart,
#main-pratique-check:checked ~ .container,
#main-pratique-check:checked ~ .menu-smart,
#main-search-check:checked ~ .container,
#main-search-check:checked ~ .menu-smart,
#main-follow-check:checked ~ .container,
#main-follow-check:checked ~ .follow-smart,
.menu-smart .sub-nav-check:checked ~ [id$="-sub"],
.menu-smart .sub-plus-check:checked ~ [id$="-sub"],
.menu-smart .sub-pratique-check:checked ~ [id$="-sub"],

/* matches all elements with id ending "-sub" */
.menu-smart .sub-search-check:checked ~ [id$="-sub"],
.follow-smart .sub-follow-check:checked ~ [id$="-sub"] {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

/************* PRATIQUE SMARTPHONE ***************/
.bleu-background ul {
    border-top: 1px solid #fff;
}
.bleu-background li {
    border-bottom: 1px solid #fff;
}
.bleu-background ul {
    line-height: 55px;
}
.bleu-background .sprite {
    margin-right: 20px;
    width: 34px;
    top: 8px;
    position: relative;
}
.bleu-background .sprite-ico_garde {
    background-position: -200px -85px;
}
.bleu-background .sprite-ico_travaux {
    background-position: -222px -44px;
}
.bleu-background .sprite-ico_carte {
    background-position: -100px -85px
}
.bleu-background .sprite-ico_annonce {
    background-position: -175px -47px;
}
.bleu-background .sprite-ico_annuaire {
    background-position: -33px -85px;
}
.bleu-background ul li a {
    color: #fff;
}
.bleu-background ul li a:hover {
    color: #222b55;
}
.bleu-background ul li:nth-child(1n):hover i {
    background-position: -169px -121px;
}
.bleu-background ul li:nth-child(2n):hover i {
    background-position: -206px -158px;
}
.bleu-background ul li:nth-child(3n):hover i {
    background-position: 0px -85px;
}
.bleu-background ul li:nth-child(4n):hover i {
    background-position: -1px -128px;
}
.bleu-background ul li:nth-child(5n):hover i {
    background-position: -227px -83px;
}
.bleu-background ul li:nth-child(6n):hover i {
    background-position: -132px -85px;
}
.bleu-background ul li:nth-child(7n):hover i {
    background-position: -68px -85px;
}
.bleu-background ul li:nth-child(8n):hover i {
    background-position: -77px -157px;
}
.bleu-background ul li:nth-child(9n):hover i {
    background-position: -236px -5px;
}
.bleu-background ul li:nth-child(10n):hover i {
    background-position: -164px -157px;
}

/******************* SEARCH SMARTHONE *****************/
.search-smart {
    overflow-y: hidden;
}
.search-smart .input-group {
    border: 2px solid #65b2e5;
    border-radius: 20px;
    margin: 10px;
}
.search-smart input {
    border: none;
    background-color: transparent;
}
.search-smart button {
    border: medium none;
    background-color: transparent;
    border-radius: 50%;
}
.search-smart button:hover {
    border: medium none;
    background-color: transparent;
}
.search-smart .form-control:focus {
    box-shadow: none;
}

/******************* FOLLOW SMART *********************/
.follow-smart {
    background-color: #babcc9;
    color: #fff;
}
.titre-follow-smart {
    font-size: 17px;
}
.follow-smart p {
    font-weight: 500;
}
.follow-smart label {
    display: block;
}
.follow-smart .mg-top {
    margin-top: 20px;
}
.follow-smart a {
    display: block;
    padding: 0px 0 0 4px;
}
.follow-smart .newsletter,
.follow-smart .reseaux {
    padding: 50px 20px 20px;
    background-color: #babcc9;
}

/****************** POSITION MENU ******************/
#menu-smartphone ul li label {
    padding: 0 13px;
    margin: 15px 0;
    border-right: 1px solid #babcc9;
    cursor: pointer;
}
#menu-smartphone ul li:last-child label {
    border-right: none;
}
#menu-smartphone {
    width: 320px;
    margin: auto;
}
#menu-smartphone ul li {
    float: left;
}

/* ==========================================================================

$PAGE

========================================================================== */
.chemin-page {
    font-size: 0.9em;
    font-weight: 300;
    background-color: transparent;
    padding-top: 20px;
    padding-left: 20px;
    float: left;
}

.chemin-page a {
    text-decoration: none;
}

.chemin-page a:hover {
    text-decoration: none;
}

.partage,
.parametre {
    float: right;
    margin-top: 10px;
}
.partage {
    line-height: 45px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.parametre {
    margin-left: 7px;
    padding-right: 20px;
}
.partage i {
    margin: 0 7px;
}
.parametre button {
    padding: 0;
    border: none;
    background: transparent;
}

/******************** COULEUR *******************/
li.theme_1.active {
    background-color: #fff;
    border-bottom: 5px solid #fff;
    border-top: 5px solid #222b55;
}
li.lvl1.active a {
    color: #fff;
}
li.theme_2.active {
    background-color: #97be0d;
}
.theme_2 .titre-sidebar,
.theme_2 .titre-bloc,
.theme_2 .titre-bloc-2 {
    color: #97be0d;
}
.theme_2 .sidebar-inner > ul.lvl1 > li {
    border-color: #97be0d
}
li.theme_3.active {
    background-color: #4cb848;
}
.theme_3 .titre-sidebar,
.theme_3 .titre-bloc,
.theme_3 .titre-bloc-2 {
    color: #4cb848;
}
.theme_3 .sidebar-inner > ul.lvl1 > li {
    border-color: #4cb848
}

.theme_3 label.color, .theme_3 strong.color {
  color: #4cb848;
}

li.theme_4.active {
    background-color: #65b2e5;
}
.theme_4 .titre-sidebar,
.theme_4 .titre-bloc,
.theme_4 .titre-bloc-2 {
    color: #65b2e5;
}
.theme_4 .sidebar-inner > ul.lvl1 > li {
    border-color: #65b2e5
}
li.theme_5.active {
    background-color: #55378c;
}
.theme_5 .titre-sidebar,
.theme_5 .titre-bloc,
.theme_5 .titre-bloc-2 {
    color: #55378c;
}
.theme_5 .sidebar-inner > ul.lvl1 > li {
    border-color: #55378c
}
li.theme_6.active {
    background-color: #b91e82;
}

.theme_index-culture .titre-sidebar,
.theme_index-culture .titre-bloc,
.theme_index-culture .titre-bloc-2,
.theme_6 .titre-sidebar,
.theme_6 .titre-bloc,
.theme_6 .titre-bloc-2 {
    color: #b91e82;
}
.theme_index-culture .sidebar-inner > ul.lvl1 > li, .theme_6 .sidebar-inner > ul.lvl1 > li {
    border-color: #b91e82
}
li.theme_7.active {
    background-color: #bb0045;
}
.theme_7 .titre-sidebar,
.theme_7 .titre-bloc,
.theme_7 .titre-bloc-2 {
    color: #bb0045;
}
.theme_7 .sidebar-inner > ul.lvl1 > li {
    border-color: #bb0045
}

/* ==========================================================================

$sidebar

========================================================================== */
.sidebar .titre-sidebar {
    font-weight: 500;
    font-size: 1.7em;
    margin-bottom: 20px;
    display: block;
}
.sidebar-inner {
    padding: 15px;
    /*background: url('stripe.png') repeat;*/

    background-color: #e2e3e9;
}

.sidebar li {
    font-weight: normal;
}
.sidebar li a.active {
    color: #337ab7 !important;
}
.sidebar-inner > ul.lvl1 > li {
    font-weight: 700;
    border-bottom: 1px;
    border-bottom: 1px solid;
    padding: 10px 0 10px 0;
}
.sidebar-inner > ul.lvl1 > li:last-child {
    border: none;
}
.sidebar ul.lvl2,
.sidebar ul.lvl3 {
    padding: 10px 0 10px 6px;
    font-size: 0.95em;
}
.sidebar ul.lvl2 li,
.sidebar ul.lvl3 li {
    list-style-type: none;
    padding: 5px 0;
}
.sidebar ul.lvl2 > li:before,
.sidebar ul.lvl3 > li:before {
    content: "\2022 \ ";
}

.sidebar ul.lvl3 {
    padding: 10px 0 10px 20px;
}

.sidebar ul.lvl3 > li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f054';
    margin: 0 5px 0 -6px;
    font-size: 0.6em;
    line-height: 1em;
    vertical-align: middle;
}

/* ==========================================================================

$article

========================================================================== */
.article img {
    width: auto;
}
.article p {
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 300;
}
.article .titre-page {
    margin-top: 0;
}
.article figcaption {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 0.9em;
    padding-top: 5px;
}
figure.img-a-la-une {
    overflow: hidden;
}
figure.img-a-la-une figcaption,
.bloc-img-droite figure {
    text-align: right;
}
.titre-bloc {
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 25px;
}
.titre-bloc-2 {
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 25px;
}
.bloc-img-gauche,
.bloc-img-droite {
    margin: 50px 0;
}

/* ==========================================================================

$responsive-page

========================================================================== */
@media (min-width: 992px) and (max-width: 1200px) {}
@media (min-width:992px) {}
@media (max-width: 992px) {
    .sidebar,
    .parametre,
    .chemin-page {
        display: none;
    }

    .titre-page {
        font-size: 2.3em;
    }

    .bloc-img-gauche figure,
    .bloc-img-droite figure {
        margin-bottom: 30px;
    }
}

/* ==========================================================================

$ACTU $AGENDA

========================================================================== */

/****************** GENERAL *******************/
#form-actu,
#form-agenda,
#form-media,
#form-publication {
    margin-bottom: 40px;
}
#form-actu .form-actu-inner,
#form-agenda .form-agenda-inner,
#form-media .form-media-inner,
#form-publication .form-publication-inner {
    padding: 20px;
    background: url('stripe.png') repeat;
}
#form-actu .txt-maj,
#form-agenda .txt-maj,
#form-media .txt-maj,
#form-publication .txt-maj {
    font-size: 13px;
}
.form-input {
    width: auto;
    height: 50px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #acacac;
    position: relative;
}
#form-agenda i {
    position: absolute;
    bottom: 17px;
    right: 15px;
    pointer-events: none;
}
#form-actu i,
#form-publication i {
    right: 30px;
    position: absolute;
    bottom: 20px;
    pointer-events: none;
}
.row-post-item {
    margin-left: -10px;
    margin-right: -10px;
}
.post-item {
    padding-left: 10px;
    padding-right: 10px;
}

/*********************** ACTU ************************/
#form-actu .form-input,
#form-publication .form-input {
    width: 100%;
}
.actu-lvl1-inner,
.actu-lvl1-inner-default,
.actu-lvl2-inner {
    margin-bottom: 20px;
    min-height: 570px;
}
.actu-lvl1-inner,
.actu-lvl1-inner-default {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.actu-lvl1-inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 33%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(33%, rgba(255, 255, 255, 0.23)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 33%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 33%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 33%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 33%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
}
.agenda-lvl1 .actu-lvl1-inner:before {
    background: transparent;
}
.actu-lvl1 .chapo,
.actu-lvl2 .chapo {
    margin-top: 20px;
}
.actu-lvl1 .info {
    width: 60%;
    padding: 40px;
    position: absolute;
    bottom: 0;
}
.post-partage {
    background-color: #222b55;
    position: absolute;
    padding: 10px 13px;
    height: 35px;
    width: 35px;
}
.actu-lvl1 .post-partage {
    bottom: 0;
    right: 0;
}
.img-lvl2 {
    position: relative;
}
.img-lvl2 img {
    max-height: 270px;
    min-height: 200px;
}
.img-lvl2 .post-partage {
    bottom: 0;
    right: 0;
}
.actu-lvl2-inner {
    border: 1px solid #e2e3e9;
}
.actu-lvl2 .info {
    padding: 26px;
}
.actu-lvl2 p {
    margin-top: 5px;
}

/********************** AGENDA ************************/
#form-agenda select,
#form-agenda .form-date input {
    width: 130px;
    cursor: pointer;
}
#form-agenda label,
#form-media label.titre {
    display: block;
    text-align: left;
}
#form-agenda .form-group,
#form-media .form-group {
    position: relative;
    padding-left: 15px;
    padding-left: 9px;
}
#form-agenda .form-btn,
#form-media .form-btn {
    padding-top: 25px;
}

/******** Calendrier ********/
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #65b2e5;
    border: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #fff;
    border: none;
    outline: 1px solid #222b55;
}
.ui-widget {
    font-family: 'Raleway', sans-serif;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #fff;
    border: none;
    outline: 1px solid #222b55;
}
.ui-corner-all {
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header {
    color: #fff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-default.ui-state-highlight {
    color: #212121;
}

/********** Swiper agenda ********/
#swiper-agenda {
    margin-bottom: 20px;
}
#swiper-agenda .commande .prev,
.next,
.pagination-perso {
    float: left;
}
#swiper-agenda .commande .prev,
.next {
    padding: 12px 12px;
    cursor: pointer;
}
#swiper-agenda .commande .prev:hover,
#swiper-agenda .commande .next:hover {
    background: none;
}
#swiper-agenda .pagination-perso {
    line-height: 45px;
    padding-right: 30px;
}
#swiper-agenda .commande {
    z-index: 500;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 20px;
    float: left;
}
#swiper-agenda .swiper-wrapper {
    z-index: 400;
}
#swiper-agenda .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 4px;
}
#swiper-agenda .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
#swiper-agenda .info,
.agenda-lvl1 .info {
    padding: 20px 30px 30px 30px;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
}
.agenda-lvl1 p:hover,
#swiper-agenda p:hover {
    color: #65b2e5;
}
#swiper-agenda .info i,
.agenda-lvl1 .info i {
    float: right;
    margin: 0 10px 10px 10px;
}
#swiper-agenda .info .sprite-partager_blanc,
.agenda-lvl1 .info .sprite-partager_blanc {
    top: 3px;
    position: relative;
}
#swiper-agenda .swiper-slide {
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* ==========================================================================

$responsive-actu-agenda

========================================================================== */
@media (max-width: 992px) {
    .actu-lvl1 .chapo {
        font-size: 20px;
        line-height: 22px;
    }

    .actu-lvl1 .info {
        padding: 20px;
        width: 90%;
    }

    .esp-resp {
        margin-top: 20px
    }
}
@media (min-width: 768px) {
    .form-inline .form-group {
        margin-bottom: 15px
    }
}
@media (max-width: 768px) {
    #form-agenda .form-input,
    #form-agenda .form-date input,
    #form-agenda .btn-form,
    #form-media .form-input,
    #form-media .btn-form {
        width: 100%;
    }

    #form-agenda .form-btn,
    #form-agenda .form-group,
    #form-media .form-group {
        padding: 0;
    }

    #form-media .form-btn {
        padding-top: 20px;
    }

    #swiper-agenda .info {
        padding: 30px 30px 50px 30px;
        /*position: inherit;

        background-color: #222b55;*/
    }

    #swiper-agenda .info,
    .agenda-lvl1 .info {
        top: 0;
    }

    #swiper-agenda .swiper-slide {
        min-height: 450px;
    }
}

/* ==========================================================================

$ACTU-AGENDA-DETAIL

========================================================================== */
.bandeau-inner {
    min-height: 400px;
    margin-top: 20px;
    background-size: cover;
    background-position: center;
}
.detail-post {
    padding: 70px;
    margin-top: -70px;
    background-color: #fff;
    font-weight: 300;
}
.detail-post p {
    line-height:30px;
}
.detail-post a {
    text-decoration:underline;
}
.detail-post h3 {
    margin-top:20px;
}
.detail-post iframe,
.detail-post img {
    max-width: 100%;
}
.detail-post img {
    height: auto;
    width: auto;
}
.detail-post .partage {
    float: left;
    margin-left: 30px;
    line-height: normal;
    padding: none;
    margin-bottom: 0;
    margin-top: 0;
}
.detail-post .parametre {
    position: absolute;
    right: 0;
    top: 0;
    float: none;
    margin-top: 18px;
}
.bloc-gris {
    background-color: #edf2f5;
    padding: 15px 50px 50px 50px;
    border: 1px solid #c4dff0;
    margin-top: 50px;
}
.detail-post ul {
    margin-top: 20px;
    line-height: 25px;
}
.detail-post .infos-compl {
    margin-top: 50px;
}
.detail-post .underline {
    margin-bottom: 30px;
    margin-top: 20px;
    border-bottom: 1px solid #797d93;
    padding-bottom: 15px;
}
.detail-post .infos-compl .infos {
    float: left;
    margin-top: 0;
}
.detail-post .infos-compl .btn-dwld {
    float: right;
    text-align: center;
}
.detail-post .infos-compl .btn-dwld .lien:hover i {
    background-position: -55px -41px !important;
}
.detail-post .infos-compl .btn-dwld .pdf:hover i,
.pdf:hover i {
    background-position: -79px -60px !important;
}
.detail-post .infos-compl .btn-dwld .btn-bleu,
.pdf,
.audio,
.feuilleter {
    text-transform: none;
    font-weight: 400;
    height: 47px;
    line-height: 26px;
}
@media (max-width: 768px) {
    .detail-post {
        padding: 15px 0 0 0;
    }

    .detail-post .partage {
        margin-top: 20px;
        margin-left: 0;
        float: right;
    }

    .detail-post .bloc-gris {
        padding: 10px 30px 30px 30px;
        margin-top: 30px;
    }

    .detail-post .bloc-gris,
    .detail-post .infos-compl {
        margin-bottom: 30px;
    }
}
@media (min-width:768px) and (max-width:968px) {
    .detail-post {
        padding-top: 40px;
    }
}

/* ==========================================================================

$MEDIA

========================================================================== */
#form-media i {
    position: absolute;
    bottom: 20px;
    right: 15px;
    pointer-events: none;
}
#form-media input[type="checkbox"] {
    display: none;
}
#form-media input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #acacac;
    cursor: pointer;
    line-height: 45px;
    overflow: hidden;
}
#form-media input[type="checkbox"]:checked + label::before {
    content: "\002714";
    color: #363636;
    text-align: center;
    cursor: pointer;
    line-height: 45px;
    font-size: 25px;
    color: #222b55;
}
#form-media .check {
    top: 7px;
}
#form-media label.esp {
    margin-right: 20px;
    position: relative;
    bottom: 20px;
    margin-left: 5px;
}
#form-media fieldset {
    text-align: center;
}
#form-media select,
#form-media input {
    width: 260px;
}
.support,
.partager,
.btn-dwld {
    float: left;
}
.support {
    padding-right: 15px;
    padding-top: 15px;
}
.support,
.btn-dwld {
    margin-top: 20px;
}
.video-une {
    margin-bottom: 20px;
}
#swiper-video {
    margin-top: 60px;
}
.next-video,
.prev-video {
    cursor: pointer;
    position: relative;
    bottom: 180px;
}
.next-video {
    float: right;
    left: 25px;
}
.prev-video {
    float: left;
    right: 25px;
}
.galerie-photos {
    margin-bottom: 40px;
}
@media (max-width:768px) {
    #form-media fieldset {
        text-align: left;
    }

    .next-video,
    .prev-video {
        bottom: 0;
    }

    .prev-video {
        right: -25px;
    }

    .next-video {
        left: -25px;
    }
}
#section-photo {
    position: relative;
    top: -80px;
    pointer-events: none;
    visibility: hidden;
}

/* ==========================================================================

$PUBLICATIONS

========================================================================== */
.feuilleter:hover i {
    background-position: -58px -30px;
}
.audio:hover i {
    background-position: -57px -5px;
}
.magazine-municipal {
    margin-top: 0;
    padding-top: 50px;
    margin-bottom: 40px;
}
.bloc-gris .border-right {
    border-right: 1px solid #c4dff0;
}
.bloc-gris .descriptif {
    padding: 50px;
}
@media (max-width:992px) {
    .magazine-municipal {
        padding: 10px;
    }

    .bloc-gris .border-right {
        border-right: none;
    }

    .bloc-gris .descriptif {
        padding: 30px;
    }
}
h3.center::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #c4dff0;
    display: inline-block;
    position: relative;
    top: 15px;
    z-index: -1;
}
span.fond-blanc {
    background-color: #fff;
    padding: 0 20px;
}
.swipper-inner {
    padding: 0 100px;
    margin-bottom: 50px;
}
.prev-publications,
.next-publications {
    position: relative;
    cursor: pointer;
    bottom: 150px;
}
.next-publications {
    right: 50px;
    float: right;
}
.prev-publications {
    float: left;
    left: 50px;
}
.derniere-publication {
    padding: 15px 30px 30px 30px;
    margin: 0 0 50px 0;
    min-height: 450px;
}

.derniere-publication .img-publication,
.derniere-publication .magazine {
    margin-top: 20px;
    margin-left: 0;
}
.derniere-publication .img-publication {
    margin-right: 20px;
}
.autre-publication {
    padding: 15px;
    margin-top: 0;
    margin-bottom: 15px;
}
.autre-publication .magazine {
    width: 70%;
}
.autre-publication .chapo-2 {
    margin-bottom: 0;
}
.btn-publication {
    float: right;
}
@media (max-width: 768px) {
    .next-publications,
    .prev-publications {
        bottom: 100px;
    }

    .magazine-municipal .magazine {
        margin-top: 20px;
    }

    .magazine-municipal .magazine .date-magazine {
        margin-bottom: 20px;
    }

    .derniere-publication {
        padding: 10px 20px 20px 20px
    }

    .derniere-publication .img-publication {
        margin-right: 10px;
    }
}
@media (max-width:992px) {
    .derniere-publication {
        margin-bottom: 30px;
    }
}

/* ==========================================================================

$CONTACT

========================================================================== */
hr.separateur {
    margin: 0;
    top: -15px;
    position: relative;
}
.google-map  {
    height: 400px;
    width: 100%;
}
.google-map {
    margin-bottom: 30px;
}
.info-window {
    background-color: #a2a2a2;
    color: #fff;
    padding: 30px;
}
.size {
    font-size: 15px;
}
.google-map:not(#googleMapInteractive) .gm-style-iw {
    position: relative;
    top: 25px !important;
    left: 28px !important;
    overflow: visible !important;
}
.google-map:not(#googleMapInteractive) .gm-style-iw::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #a2a2a2;
    position: absolute;
    bottom: -15px;
    left: 78px;
}
.bloc-contact,
.bloc-detail {
    border: 1px solid #d6d6d6;
    padding: 20px;
    margin-bottom: 30px;
    height: 260px;
}
.bloc-contact hr {
    margin-top: 20px;
    margin-bottom: 20px;
    bottom: 10px;
    top: -5px;
}
.bloc-contact p {
    line-height: 22px;
    margin-bottom: 20px;
}
.bloc-contact .txt-maj {
    font-size: 1em;
    font-weight: 600;
}
.bloc-contact a {
    color: #65b2e5;
    text-decoration: underline;
}
.bloc-contact i {
    margin-right: 10px;
}
#form-contact button,
.form-style button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-group i {
    right: 30px;
    position: absolute;
    bottom: 20px;
    pointer-events: none;
}
.form-group p {
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0;
}
#form-contact .btn-bleu {
    margin: 0;
}
.form-style .btn-bleu {
    margin-top: 5px;
}
#form-contact legend,
.form-style legend {
    color: #222b55;
}
#form-contact .control-label,
.form-style .control-label {
    text-align: left;
    padding-top: 14px;
}
#form-contact .form-control,
.form-style .form-control {
    height: 50px;
    color: #222b55;
    border-radius: 2px;
}
.form-control::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}
#form-contact .send,
.form-style .send {
    float: right;
    margin-right: 7.5%;
}
.send {
    float: right;
}
#form-contact .asterisque,
.form-style .astersique {
    color: #65b2e5;
    font-size: 2.4em;
    padding: 0;
    float: right;
}
.big {
    font-size: 2.4em;
    line-height: 7px;
}
#form-contact .champ-oblig,
.form-style .champ-oblig {
    float: left;
    margin-left: 16%;
    margin-top: 1%;
}
@media (max-width:992px) {
    #form-contact .asterisque,
    .form-style .asterisque {
        position: relative;
        bottom: 50px;
    }

    #form-contact .form-group,
    .form-style .form-group {
        height: 80px;
    }

    #form-contact .champ-oblig,
    .form-style .champ-oblig {
        margin-left: 0;
    }
}

/* ==========================================================================

$CARTO

========================================================================== */
#carto .txt-maj {
    font-size: 0.9em;
}
#carto ul.tab1 li:nth-child(n+2) a {
    padding: 10px;
    background-color: #e2e3e9;
    display: block;
}
#carto ul.tab1 li.active a {
    background-color: #222b55;
}
#carto ul.tab1 li.active a {
    color: #fff;
    text-decoration: none;
}
#carto .titre {
    margin-right: 10px;
}
#carto .form-group {
    margin-bottom: 0;
}
#carto .form-input {
    height: 40px;
    width: 250px;
}
#carto .form-group {
    position: relative;
}
#carto .form-group i {
    position: absolute;
    bottom: 12px;
    right: 10px;
    pointer-events: none;
}
#carto .tab-inner {
    padding: 50px;
    background: url('stripe.png') repeat;
}
#carto .list-inline {
    margin: 0;
}
#carto .list-inline > li {
    padding: 0;
}

/*#carto ul.tab2 {

background: url('fleche_tab.png') no-repeat;

background-position: 100% 62%;

width: 20%;

margin-right: 40px;

}*/
#carto ul.tab2 li {
    padding: 5px 0;
    border-right: 1px solid #222b55;
    position: relative;
}
#carto ul.tab2 li a:focus {
    text-decoration: none;
}
#carto ul.tab2 li.active, #carto .check-list li.active {
    font-weight: 700;
    border-right: none;
}
#carto ul.tab2 li.active:before {
    content: "";
    background: url('tab_fleche.png') no-repeat;
    background-position: right;
    display: inline-block;
    width: 11px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: 0px;
}
#carto ul.tab2 li i {
    margin-right: 8px;
}
#carto .check-list li {
    margin-bottom: 10px;
}

#carto input[type="checkbox"] {
    display: none;
}
#carto input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #acacac;
    cursor: pointer;
    line-height: 45px;
    overflow: hidden;
}
#carto input[type="checkbox"]:checked + label::before {
    content: "\002714";
    color: #363636;
    text-align: center;
    cursor: pointer;
    line-height: 18px;
    font-size: 15px;
    color: #222b55;
}
#carto label {
    font-weight: normal;
    margin-right: 5px;
    margin-bottom: 3px;
}
#carto .form-group label:nth-child(3) {
    position: relative;
    bottom: 4px;
}
#carto .tab-content.col-md-9 {
    padding-top: 5px;
}
#carto .embed-responsive.embed-responsive-16by9 {
    padding-bottom: 45%;
}
.bloc-detail p.open-sans {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 21px;
}
.bloc-detail .txt-maj {
    color: #b91e83;
    font-weight: 700;
    font-size: 1em !important;
}
.article .bloc-detail {
    min-height: 320px;
}
.article .bloc-detail .chapo {
    font-size: 1.4em;
    line-height: 1em;
}
.article .bloc-detail .txt-maj {
    font-size: 12px !important;
}
.article .bloc-detail a {
    text-decoration: none;
}
.article .bloc-detail a:hover {
    color: #65b2e5;
}
.trait-violet {
    height: 20px;
    width: 50px;
    border-bottom: 1px solid #b91e83;
    margin-bottom: 20px;
}
.bloc-detail a {
    color: #222b55;
    text-decoration: underline;
}

.bloc-detail .carto-item_link {
    text-decoration: none;
    margin-top: 10px;
    margin-right:0;
    display: block;
}

/*********** Responsive carto **************/
@media (max-width:1200px) {
    #carto .tab-inner {
        padding: 20px;
    }
}
@media (max-width:992px) {
    #carto ul.tab1 li {
        display: block;
    }

    #carto ul.tab1 li.pull-right {
        float: none !important;
        margin-bottom: 10px;
    }

    #carto ul.tab1 li.pull-right .form-input {
        width: 100% !important;
    }

    #carto ul.tab2 {
        margin-bottom: 20px;
    }

    #carto ul.tab2 li.active::before {
        background: none;
    }

    #carto ul.tab2 li {
        border-right: none;
    }
}
@media (max-width:772px) {
    #carto .tab-content.col-md-9 {
        padding: 0;
    }

    #carto .embed-responsive.embed-responsive-16by9,
    #googleMap.embed-responsive.embed-responsive-16by9 {
        padding-bottom: 80%;
    }
}
@media (max-width:430px) {
    #carto .col-xs-6 {
        width: auto;
    }
}

/* Carte intéractive
----------------------------------------------------------------------------------------*/

.google-map .carto-item-inner {
    padding-bottom: 20px;
}

.google-map .carto-item-inner .trait-violet {
    height: 10px;
}

/* Carte intéractive détail
----------------------------------------------------------------------------------------*/

#map_canvas {
    height :600px;
    width: 100%;
}

/* ==========================================================================

$PAGE DEFAUT

========================================================================== */
.item-news {
    background-color: #edf2f5;
    padding: 25px 50px 25px 50px;
    border: 1px solid #c4dff0;
    margin-top: 30px;
}
.item-news .couleur1,
.item-news .stitre1 {
    font-weight: 600;
}
.item-news a {
    text-decoration: underline;
}
.item-news p {
    margin-bottom: 5px !important;
}
.article .box {
    background-color: #edf2f5;
    border: 1px solid #c4dff0;
    padding: 10px;
    margin: 10px 0;
}
.box a,
.article a {
    text-decoration: underline;
}
.theme_2 h2,
.theme_2 h3,
.theme_2 h4,
.theme_2 h5,
.theme_2 h6 {
    color: #97be0d;
}
.theme_3 h2,
.theme_3 h3,
.theme_3 h4,
.theme_3 h5,
.theme_3 h6 {
    color: #4cb848;
}
.theme_4 h2,
.theme_4 h3,
.theme_4 h4,
.theme_4 h5,
.theme_4 h6 {
    color: #65b2e5;
}
.theme_5 h2,
.theme_5 h3,
.theme_5 h4,
.theme_5 h5,
.theme_5 h6 {
    color: #55378c;
}
.theme_news h2,
.theme_news h3,
.theme_news h4,
.theme_news h5,
.theme_news h6,
.theme_6 h2,
.theme_6 h3,
.theme_6 h4,
.theme_6 h5,
.theme_6 h6 {
    color: #b91e82;
}
.theme_7 h2,
.theme_7 h3,
.theme_7 h4,
.theme_7 h5,
.theme_7 h6 {
    color: #bb0045;
}
img[align=left],
img[align=right],
img.floatleft,
img.floatright {
    display: block;
    /*padding: 5px; border: 1px solid #ddd; background: #fafafa; */

    margin-bottom: 10px;
}
img[align=left],
img.floatleft {
    float: left;
    margin-right: 10px;
}
img[align=right],
img.floatright {
    float: right;
    margin-left: 10px;
}
ul.fleche {
    padding-left: 20px;
    list-style: none;
}
ul.fleche li {
    margin-bottom: 10px;
    list-style-type: none;
    line-height: 30px;
}
ul.fleche li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f054';
    margin: 0 5px 0 -15px;
}

.theme_2 ul.fleche li:before {
    color: #97be0d;
}
.theme_3 ul.fleche li:before {
    color: #4cb848;
}
.theme_4 ul.fleche li:before {
    color: #65b2e5;
}
.theme_5 ul.fleche li:before {
    color: #55378c;
}
.theme_6 ul.fleche li:before {
    color: #b91e82;
}
.theme_7 ul.fleche li:before {
    color: #bb0045;
}

ul.check {
    padding-left: 20px;
    list-style: none;
}
ul.check li {
    margin-bottom: 10px;
}
ul.check li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    margin: 0 5px 0 -15px;
}
a.pdf {}
a.pdf:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f1c1';
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}
a.externe {}
a.externe:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f08e';
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
}
a.interne {}
a.interne:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f061';
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
}
h5 {
    text-transform: uppercase;
    font-size: 11px;
}
div.box {
    background-color: #edf2f5;
    border: 1px solid #c4dff0;
    padding: 10px;
    margin: 10px 0;
}
div.box a {
    text-decoration: underline;
}

/* ==========================================================================

$INDEX CULTURE

========================================================================== */

/*
Couleur culture : #bd2b92
Couleur culture hover : #edda5c
*/

/* General
----------------------------------------------------------------------------------------*/
.theme_index-culture #contenu {
    margin-bottom: 115px;
}

.theme_index-culture ul.fleche li:before,
.theme_index-culture h1.titre-page,
.theme_index-culture h3 {
    color: #bd2b92 ;
}

/* MEDIATHEQUES */
.theme_index-culture.mediatheques ul.fleche li:before,
.theme_index-culture.mediatheques h1.titre-page,
.theme_index-culture.mediatheques h3,
.theme_index-culture.mediatheques .titre-sidebar {
    color: #eb732d ;
}


/* LUDOTHEQUE */
.theme_index-culture.ludotheque ul.fleche li:before,
.theme_index-culture.ludotheque h1.titre-page,
.theme_index-culture.ludotheque h3,
.theme_index-culture.ludotheque .titre-sidebar {
    color: #b91e82 ;
}

/* CINEMA */
.theme_index-culture.cinema ul.fleche li:before,
.theme_index-culture.cinema ul.check li:before,
.theme_index-culture.cinema h1.titre-page,
.theme_index-culture.cinema h3,
.theme_index-culture.cinema .titre-sidebar {
    color: #55378c ;
}

/* CHATEAU SARRAN */
.theme_index-culture.chateau-sarran ul.fleche li:before,
.theme_index-culture.chateau-sarran h1.titre-page,
.theme_index-culture.chateau-sarran h3,
.theme_index-culture.chateau-sarran .titre-sidebar {
    color: #007dbe ;
}

/* MAISON DES ARTS */
.theme_index-culture.maison-des-arts ul.fleche li:before,
.theme_index-culture.maison-des-arts h1.titre-page,
.theme_index-culture.maison-des-arts h3,
.theme_index-culture.maison-des-arts .titre-sidebar {
    color: #5aaa28 ;
}

/* Header
----------------------------------------------------------------------------------------*/
.theme_index-culture header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 53px;
    background-color: #bd2b92;
}
@media (max-width:1200px) {
    .theme_index-culture header:before {
        display:none;
    }
}

.theme_index-culture #nav-top {
    background-color: #bd2b92;
    color: #FFF;
}
.theme_index-culture #nav-top ul li a {
    color: #FFF;
}
.theme_index-culture #nav-top ul li a:hover {
    color: #edda5c;
}
.theme_index-culture #nav-top .sprite-plus_demandes {
    background-image: url('spritesheet_culture.png');
    width: 24px;
    height: 24px;
    background-position: -87px -5px;
}
.theme_index-culture #banner {
    background-image: url('bandeau-culture.jpg');
    background-size: cover;
}
/*.theme_index-culture #banner:before,*/
.theme_index-culture #banner:after {
    content: "";
    height: 171px;
    width: 171px;
    position: absolute;
    top: 30px;
    background-image: url('deco-rond.png');
}
.theme_index-culture #banner:before {
    left: -60px;
}
.theme_index-culture #banner:after {
    right: -60px;
}

@media screen and (max-width: 992px) {
    .theme_index-culture #banner:after {
        display: none ;
    }
}
.theme_index-culture .logo {
    top: 30px;
    background: url(logo-culture.png) no-repeat;
    height: 171px;
    width: 171px;
    z-index: 10;
}

.theme_index-culture #logo-smart img {
    visibility: hidden;
}

.theme_index-culture #logo-smart a {
    background: url('logo-culture.png') no-repeat center ;
    background-size: 70px;
    display: block;
}

/* Titres & Textes
----------------------------------------------------------------------------------------*/
.theme_index-culture .titre-bloc,
.theme_index-culture #bloc-actu .titre-bloc,
.theme_index-culture #bloc-agenda .titre-bloc,
.theme_index-culture #bloc-publication .titre-bloc,
.theme_index-culture .titre-une,
.theme_index-culture .chapo,
.theme_index-culture .date-magazine,
.theme_index-culture .bloc-agenda,
.theme_index-culture #bloc-agenda .description {
    font-family: 'Roboto Slab', serif;
}
.theme_index-culture .titre-bloc,
.theme_index-culture #bloc-actu .titre-bloc,
.theme_index-culture #bloc-agenda .titre-bloc,
.theme_index-culture #bloc-publication .titre-bloc,
.theme_index-culture #bloc-pratique .titre-bloc,
.theme_index-culture #bloc-une .titre-une,
.theme_index-culture .bloc-agenda {
    color: #BD2B92;
}

/* A la une
----------------------------------------------------------------------------------------*/
.theme_index-culture #bloc-une #swiper-une {
    background-color: #bd2b92;
}
.theme_index-culture #bloc-une .commande .prev,
.theme_index-culture #bloc-une .commande .next {
    border-color: #edda5c;
}
.theme_index-culture #bloc-une .commande .prev:hover,
.theme_index-culture #bloc-une .commande .next:hover {
    background-color: #edda5c;
}

/* Bloc Agenda Culturel
----------------------------------------------------------------------------------------*/
.theme_index-culture #bloc-agenda .description {
    font-weight: 400;
    line-height: 20px;
}

/* Publications culturelles
----------------------------------------------------------------------------------------*/
.pastille-mediatheque {
    width: auto;
}
.theme_index-culture .magazine {
    width: 55%;
}

.theme_index-culture .magazine .blanc {
    color: #222b55
}

.theme_index-culture .chapo {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
}
.theme_index-culture #bloc-newsletter .titre-bloc {
    margin-bottom: 0;
}
#bloc-newsletter p {
    margin-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
.theme_index-culture #bloc-newsletter .input-group {
    width: 100%;
}
.theme_index-culture #bloc-newsletter input {
    height: 40px;
    padding: 0 20px;
    width: 100%;
}
.theme_index-culture #bloc-newsletter .input-group button {
    position: absolute;
    right: 0;
    z-index: 10;
    margin-top: 8px;
}

@media screen and (max-width: 991px) {
    .theme_index-culture #bloc-newsletter {
        margin-bottom: 30px;
    }
}

/* Bloc raccourcis
----------------------------------------------------------------------------------------*/
.raccourcis-nav,
.raccourcis-nav ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
.raccourcis-nav .detail a {
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 45px;
}
.raccourcis-nav .detail a:hover {
    background-color: #f6f7f8;
    color: #222b55;
}
.raccourcis-nav .detail a [class*="sprite-"] {
    float: left;
    margin-right: 15px;
    top: 50%;
    position: absolute;
    transform: translate(0, -50%);
    left: 10px;
}
.raccourcis-nav .expand,
.raccourcis-nav a {
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    font-weight: 700;
    display: block;
    line-height: 20px;
    background-color: #e2e3e9;
    padding: 15px 15px;
    border-bottom: 1px solid #FFF;
}
.raccourcis-nav .expand:hover,
.raccourcis-nav a:hover {
    background-color: #bd2b92;
    color: #FFF;
}
.raccourcis-nav .right-arrow {
    margin-top: 0;
}

.raccourcis-nav .fa.fa-angle-right {

    width: 10px;
    float: right;
    font-size: 22px;
}



/* ==========================================================================

$INDEX JEUNES

========================================================================== */

/* General
----------------------------------------------------------------------------------------*/

.theme_index-jeunes #contenu {
    margin-bottom: 80px;
}


/* header jeunes
----------------------------------------------------------------------------------------*/
.theme_index-jeunes .logo {
    background: url(logo-jeunes.png) no-repeat;
    width: 684px;
    height: 282px;
    margin-top: 40px;
}
.theme_index-jeunes #banner:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    width: 84px;
    height: 155px;
    background: url(bulle_droite.png);
}

.theme_index-jeunes.sejours .logo {
    background: url(logo-jeunes-sejour.png) no-repeat;
    width: 100%;
    background-size: 100%;
    margin-top: 0 ;
}

.theme_index-jeunes.sejours #banner:after {
    display: none;
}

@media screen and (max-width: 992px) {
    .theme_index-jeunes #banner:after {
        display: none ;
    }
}

/* bloc une jeunes
----------------------------------------------------------------------------------------*/
.theme_index-jeunes #bloc-une .post-item {
    padding: 0;
}
.theme_index-jeunes .actu-lvl1-inner {
    margin-bottom: 0;
    min-height: 440px;
}
.theme_index-jeunes #bloc-une .chapo {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 500;
}
.theme_index-jeunes #bloc-une .commande {
    left: inherit;
    right: 40px;
    bottom: 30px;
    /* padding: 40px; */
}
.theme_index-jeunes #bloc-une .partager {
    line-height: normal;
    padding-left: 7px;
    margin-bottom: 0;
    float: left;
    margin-top: 0;
    padding-top: 5px;
}

/* bloc photos jeunes
----------------------------------------------------------------------------------------*/
#bloc-photos-jeunes {
    margin-top: 50px;
    color: #FFF;
}
#bloc-photos-jeunes .chapo {
    font-size: 18px;
    margin-bottom: 30px;
}
.bloc-photo-inner {
    min-height: 440px;
}
.bloc-photo-inner-info {
    padding: 20px 30px 55px;
    background-color: #222b55;
}

/* Bloc acces jeunes
----------------------------------------------------------------------------------------*/
.bloc-liste-acces {
    color: #FFF;
    padding: 30px;
    margin-bottom: 30px;
    min-height: 320px;
    background-color: #222b55;
    background-image:url('trou.png');
    background-position: top 12px right 12px;
    background-repeat: no-repeat;
}
.bloc-liste-acces-horizontal {
    min-height: inherit;
}

.titre-liste-acces,
.titre-liste-acces2 {
    font-size: 18px;
    font-weight: 500;
    padding: 0 0 0 58px;
    margin-bottom: 25px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: top 12px right 12px;
    /* padding: 5px; */
    position: relative;
    left: -5px;
    min-height: 40px;
}

.titre-liste-acces span,
.titre-liste-acces2 span {
    position: absolute;
    left: 0;
    top:0;
}

.titre-liste-acces2 {
    font-size: 24px;
}

.titre-liste-acces2--ss-icon {
    padding: 0;
}

.liste-acces a {
    padding: 10px 0 10px 0;
    border-top: 1px solid rgba(255,255,255, 0.7);
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.liste-acces {
    padding-left: 0;
    list-style-type: none;
}

.liste-acces a:hover {
    text-decoration: underline;
}

.liste-acces a:before {
    content: "";
    float: left;
    margin-right: 10px;
    background-image: url(spritesheet_jeunes.png);
    background-repeat: no-repeat;
    display: block;
    width: 13px;
    height: 9px;
    background-position: -111px -5px;
    margin-top: 5px;
}

/* Bloc liste Acces custom
------------------------------------------*/


.bloc-liste-acces-loisirs {
    background-color: #eb6a27;
}

.bloc-liste-acces-citoyennete {
    background-color: #97bf0d;
}


.bloc-liste-acces-infos {
    background-color: #00aecf;
    margin-top: 65px;
}

.bloc-liste-acces-aide {
    background-color: #9a0b7d;
}

.bloc-liste-acces-gris {
    background-color: #e2e3e9;
    color: #222b55;
}

.bloc-liste-acces-gris .liste-acces a {
    border-color: #ced0da;
    color: #222b55;
}

.bloc-liste-acces-gris p {
    line-height: 22px;
}

.bloc-liste-acces-informez {
    background-color: #bc0046;
}

.bloc-liste-acces-informez p {
    line-height: 16px;
    margin-bottom: 10px;
}

.bloc-liste-acces-informez hr {
    margin-top: 5px;
    margin-bottom: 18px;
    color: rgba(226, 227, 233, 0.68);
}

.bloc-liste-acces-informez input.form-control {
    border-color: transparent;
}

.bloc-liste-acces-informez .titre-follow-smart {
    line-height: 32px;
    display: block;
}

.bloc-liste-acces-informez .image-zeno {
    margin-bottom: 10px;
}

.bloc-liste-acces-informez .acces-liste {
    padding: 10px 0 25px 0;
}

/* ==========================================================================

$DETAIL ACTEUR

========================================================================== */

#element-detail .btn-bleu {
    text-decoration: none;
}

#element-detail .detail-map {
    margin: 20px 0;
}


#element-detail .google-map {
    margin-bottom: 0;
}

/* ==========================================================================

$DETAIL ASSO

========================================================================== */

.conteneur_cat_details {
    margin-top: 30px;
}

.google-map-association {
    margin-top: 30px;
    margin: 30px auto 0 auto;
}

/* ==========================================================================

ADD TO CALENDAR

========================================================================== */

.addtocalendar var{
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
}

.atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link
{
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

/* Correction vidéo */
@media screen and (max-width: 650px) {
    .video-responsive {
        width: 100%;
    }
}

/*--- $CCAS ---*/
.theme_ccas .logo {
    background: url('logo-antony-ccas.png') ;
    height: 148px;
    width: 148px;
}

.theme_ccas nav#nav-top:after {
    content: url('logo-ccas.png') ;
    position: absolute;
    right: 0;
}

.theme_ccas nav#nav-top {
    padding-right: 80px;
}

/*--- $Seniors ---*/
.seniors .logo {
    background: url('logo-antony-seniors.png') ;
    height: 148px;
    width: 148px;
}

.seniors nav#nav-top:after {
    content: url('logo-ccas-seniors.png') ;
    position: absolute;
    right: 0;
}

.seniors nav#nav-top {
    padding-right: 80px;
}



/* EDIT */

.titre-media {
    font-size: 36px;
    font-weight: 600;
}

.col-md-5 .actu-lvl1-inner,
.col-md-5 .actu-lvl1-inner-default,
.col-md-5 .actu-lvl2-inner,
.col-md-7 .actu-lvl1-inner,
.col-md-7 .actu-lvl1-inner-default,
.col-md-7 .actu-lvl2-inner {
    min-height: 530px;
}

.col-md-6 .actu-lvl1-inner,
.col-md-6 .actu-lvl1-inner-default,
.col-md-6 .actu-lvl2-inner {
    min-height: 500px;
}

.theme_index-jeunes:not(.index) article h1,
.theme_index-jeunes:not(.index) article h2,
.theme_index-jeunes:not(.index) article h3,
.theme_index-jeunes:not(.index) article h4,
.theme_index-jeunes:not(.index) article h5,
.theme_index-jeunes:not(.index) article h6 {
    color: #bb0045;
}

@media (min-width: 992px) {
    .col-md-3.galerie-photos:nth-child(4n + 1) {
        clear: both;
    }
}

@media (min-width: 1200px) {
    .col-md-4 .actu-lvl1-inner,
    .col-md-4 .actu-lvl1-inner-default,
    .col-md-4 .actu-lvl2-inner,
    .col-md-6 .actu-lvl1-inner,
    .col-md-6 .actu-lvl1-inner-default,
    .col-md-6 .actu-lvl2-inner {
        min-height: 520px;
    }
}

#bloc-pratique ul li .fa {
    margin-bottom: 4px;
    color: #fff;
    font-size: 24px;
}

#bloc-pratique ul li:hover .fa {
    color: #222b55;
}

.btn-bleu i {
    position: static;
}

.form-control:disabled {
    background-color: #eee;
    border-color: #eee;
}

.post-partage {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    padding: 0 10px;
    width: auto;
}

.post-partage a {
    margin-right: 10px;
    line-height: 0;
}

.post-partage a:first-child {
    margin-right: 0;
}

#zone_alerte_actu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 30px;
    background-color: rgba(0,0,0,.8);
}

.zone-alerte-inner {
    position: relative;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    padding: 30px;
    background-color: #fff;
}

.zone-alerte-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    background: url(spritesheet.png) -148px 5px no-repeat;
}

@media (min-width: 1200px) {
    .zone-alerte-inner {
        width: 1200px;
    }
}

@media (min-width: 992px) {
    .zone-alerte-inner {
        width: 970px;
    }
}

@media (min-width: 768px) {
    .zone-alerte-inner {
        width: 750px;
    }
}



body {
    font-size: 16px;
}

#bloc-pratique ul li p,
#footer,
#lien-bottom {
    font-size: 14px;
}

.chapo {
    font-size: 1.625em;
}

.titre-page {
    font-size: 2.875em;
}

.titre-bloc {
    font-size: 1.75em;
}

h5 {
    font-size: 14px;
}

.home-newsletter {
    color: #fff;
    margin-bottom: 20px;
}

.home-newsletter:last-child {
    margin-bottom: 0;
}

.home-newsletter a {
    color: #65b2e5;
    font-weight: 700;
}

.home-newsletter a:hover,
.home-newsletter a:focus {
    text-decoration: underline;
}

.home-newsletter .btn-blanc {
    margin: 10px 0 20px;
}

.home-newsletter .btn-blanc:last-child {
    margin-bottom: 0;
}

.newsletter-title {
    margin-bottom: 0;
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}

.newsletter-label,
.newsletter-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px;
    white-space: nowrap;
    border: none;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}

.newsletter-input {
    display: block;
    margin: 15px 0;
    padding: 6px 18px;
    width: 100%;
    color: #222b55;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    background-color: #fff;
    border: none;
    border-radius: 20px;
}

.newsletter-checkbox {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.newsletter-checkbox:last-child {
    margin-bottom: 0;
}

.newsletter-checkbox input[type="checkbox"] {
    top: 32px;
    left: 16px;
}

.newsletter-checkbox-label {
    position: relative;
    display: block;
    padding: 4px 0 4px 40px;
    font-size: 14px;
    line-height: 24px;
}

.newsletter-checkbox-label::before {
    position: absolute;
    top: 16px;
    left: 0;
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -ms-flex-pack: center;
        justify-content: center;
    width: 32px;
    color: transparent;
    font-size: 18px;
    line-height: 1;
    background-color: #fff;
    border-radius: 4px;
    transform: translateY(-50%);
    content: '\002713';
}

.newsletter-checkbox input[type="checkbox"]:checked + .newsletter-checkbox-label::before {
    color: #222b55;
}

.newsletter-infos {
    font-size: 13px;
    line-height: 18px;
}

.home-social-title {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.home-social-title:last-child {
    margin-bottom: 0;
}

.home-social-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 10px -10px 10px 0;
    padding-left: 0;
    color: #fff;
    list-style: none;
}

.home-social-list li {
    margin-right: 10px;
}

.home-social-list a {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -ms-flex-pack: center;
        justify-content: center;
    width: 32px;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    background-color: #65b2e5;
    border-radius: 50%;
}

.home-social-list a.social-facebook {
    background-color: #3c5a99;
}

.home-social-list a.social-twitter {
    background-color: #1da1f2;
}

.home-social-list a.social-youtube {
    background-color: #ff0000;
}

.home-social-list a.social-rss {
    background-color: #f26522;
}

.home-social-list a.social-instagram {
    background-color: #e1306c;
}

.home-social-list a.social-linkedin {
    background-color: #0077b5;
}

.home-social-list a:hover,
.home-social-list a:focus {
    color: #65b2e5;
    background-color: #fff;
}

@media (min-width: 480px) {
    .newsletter-checkbox-wrapper {
        display: -ms-flexbox;
        display: flex;
    }

    .newsletter-checkbox {
        margin-right: 20px;
    }

    .newsletter-checkbox:last-child {
        margin-right: 0;
    }
}

.form-check {
    display: block;
    font-weight: 400;
}

.form-group .form-text {
    margin-bottom: 5px;
}

.form-group .form-text:last-child {
    margin-bottom: 0;
}



.bloc-projet-actions {
  align-items: center;
  display: flex;
  margin-bottom: 30px;
}

.bloc-projet-pour,
.bloc-projet-contre {
  position: relative;
  display: block;
  margin-right: 15px;
  font-weight: 400;
  cursor: pointer;
}

.bloc-projet-contre {
  margin-right: 0;
}

.bloc-projet-pour-input,
.bloc-projet-contre-input {
  position: absolute;
  overflow: hidden;
  height: 1px;
  margin: -1px;
  padding: 0;
  width: 1px;
  white-space: nowrap;
  border: none;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}

.bloc-projet-pour-icone,
.bloc-projet-contre-icone {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
  font-size: 0;
  border: 1px solid #222b55;
}

/*.bloc-projet-pour-icone {
  color: #4cb848;
  border-color: #4cb848;
}*/

.bloc-projet-pour-icone {
  color: transparent;
  border-color: #4cb848;
}

.bloc-projet-contre-icone {
  color: #ff0000;
  border-color: #ff0000;
}

/*.bloc-projet-pour-icone::before {
  font-size: 40px;
  line-height: 0;
  content: '+';
}*/

.bloc-projet-pour-icone::before {
  font-size: 24px;
  line-height: 0;
  content: '✓';
}

.bloc-projet-contre-icone::before {
  font-size: 40px;
  line-height: 0;
  content: '-';
}

.bloc-projet-pour:hover .bloc-projet-pour-icone,
.bloc-projet-pour-input:focus ~ .bloc-projet-pour-icone,
.bloc-projet-contre:hover .bloc-projet-contre-icone,
.bloc-projet-contre-input:focus ~ .bloc-projet-contre-icone {
  border-width: 2px;
}

.bloc-projet-pour-input:checked ~ .bloc-projet-pour-icone,
.bloc-projet-contre-input:checked ~ .bloc-projet-contre-icone {
  color: #fff;
  background-color: #222b55;
}

.bloc-projet-pour-input:checked ~ .bloc-projet-pour-icone {
  background-color: #4cb848;
}

.bloc-projet-contre-input:checked ~ .bloc-projet-contre-icone {
  background-color: #ff0000;
}

.bloc-projet-pour-input:disabled ~ .bloc-projet-pour-icone,
.bloc-projet-contre-input:disabled ~ .bloc-projet-contre-icone {
  color: #e2e3e9;
  border-color: #e2e3e9;
}

.titre-projet,
.article .titre-projet {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

.lien-projet {
  margin-bottom: 15px;
  font-weight: 700;
  text-transform: none;
  cursor: pointer;
}

.lien-projet span {
  text-decoration: underline;
}

.lien-projet::-webkit-details-marker {
  display: none;
}

.bloc-projet-recap {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  float: right;
  margin-left: 30px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #222b55;
}

.bloc-projet-recap-titre,
.article .bloc-projet-recap-titre {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}

.recap-icone-pour,
.recap-icone-contre {
  align-items: center;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  margin-left: 10px;
  width: 30px;
  font-size: 0;
  vertical-align: middle;
  border: 1px solid #222b55;
}

.recap-icone-pour {
  color: #4cb848;
  border-color: #4cb848;
}

.recap-icone-contre {
  color: #ff0000;
  border-color: #ff0000;
}

.recap-icone-pour::before {
  font-size: 30px;
  line-height: 0;
  content: '+';
}

.recap-icone-contre::before {
  font-size: 30px;
  line-height: 0;
  content: '-';
}

@media (min-width: 992px) {
  .bloc-projet {
    align-items: flex-start;
    display: flex;
  }

  .bloc-projet-actions {
    flex-shrink: 0;
    margin: 0 15px 0 0;
  }

  .bloc-projet-contenu {
    flex: 1;
  }
}

#swiper-commerce {
  margin-bottom: 80px;
  background-color: #ec6708;
}

#swiper-commerce a:hover,
#swiper-commerce a:focus,
#swiper-commerce .description:hover .txt-maj {
  color: #222b55;
}

#swiper-commerce .contenu-une {
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 60px;
}

#swiper-commerce .img-une {
    padding: 0;
}

#swiper-commerce img {
    width: 100%;
}

#swiper-commerce .commande .prev,
.next,
.pagination-perso {
    float: left;
}

#swiper-commerce .commande .prev,
#swiper-commerce .commande .next {
    padding: 8px 12px;
    border: 2px solid #edda5c;
    border-radius: 100%;
    height: 36px;
    margin-right: 5px;
    cursor: pointer;
}

#swiper-commerce .prev:hover,
#swiper-commerce .next:hover {
  background-color: #edda5c;
}

#swiper-commerce .pagination-perso {
    line-height: 45px;
    padding-left: 20px;
}

#swiper-commerce .commande {
    z-index: 500;
    position: absolute;
    bottom: 15px;
    left: 23px;
    float: left;
}

#swiper-commerce .swiper-wrapper {
    z-index: 400;
}

#swiper-commerce .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 4px;
}

#swiper-commerce .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

#swiper-commerce p {
  margin-bottom: 0;
}

.titre-small {
  margin-bottom: 10px;
  color: inherit;
  font-size: 22px;
  font-weight: 700;
}

.orange {
  color: #ec6708;
}

.btn-orange {
  display: inline-block;
  padding: 3px 16px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 30px;
  text-transform: uppercase;
  background-color: #ec6708 ;
  border-radius: 20px;
  border: 2px solid #ec6708;
}

.btn-orange::after {
  display: inline-block;
  margin: 0 -3px 0 7px;
  vertical-align: middle;
  content: url(fleche-bouton-orange.png);
}

.btn-orange.btn-back::before {
  display: inline-block;
  margin: 0 7px 0 -3px;
  vertical-align: middle;
  transform: rotateY(180deg);
  content: url(fleche-bouton-orange.png);
}

.btn-orange.btn-back::after {
  content: none;
}

.btn-orange:hover,
.btn-orange:focus {
  color: #ec6708;
  background-color: transparent;
}

.btn-orange.btn-back:hover::before,
.btn-orange.btn-back:focus::before,
.btn-orange:hover::after,
.btn-orange:focus::after {
  content: url(fleche-bouton-orange-hover.png);
}

.titre-recherche {
  margin-bottom: 20px;
  color: #ec6708;
  font-size: 42px;
  font-weight: 300;
  line-height: 1em;
}

.form-recherche {
  margin-bottom: 40px;
  border: 1px solid #ec6708;
  border-radius: 30px;
}

.groupe-champ-recherche {
  position: relative;
}

.champ-recherche,
.select-recherche {
  display: block;
  width: 100%;
  padding: 15px 26px;
  line-height: 30px;
  border: none;
  outline: none;
}

.champ-recherche:first-child,
.select-recherche:first-child {
  border-radius: 30px 30px 0 0;
}

.champ-recherche:last-child,
.select-recherche:last-child {
  border-radius: 0 0 30px 30px;
}

.champ-recherche {
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  text-overflow: ellipsis;
}

.champ-recherche::-webkit-calendar-picker-indicator {
  display: none;
}

.groupe-champ-recherche .champ-recherche {
  padding-right: 82px;
}

.champ-recherche::placeholder {
  color: #c4c5c8;
}

.select-recherche {
  padding-right: 70px;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  background: #ec6708 url(select.png) right 25px center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-recherche::-ms-expand {
  display: none
}

.bouton-recherche {
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 30px;
}

.bouton-recherche::before {
  content: url(loupe.png);
}

img.auto {
  max-width: 100%;
  width: auto;
}

.texte-image {
  margin: 80px 0;
  font-size: 17px;
}

.colonne-texte,
.colonne-image {
  margin-bottom: 30px;
}

.colonne-texte:last-child,
.colonne-image:last-child {
  margin-bottom: 0;
}

.map-default .popup-link:hover,
.map-default .popup-link:focus {
  color: #ec6708;
}

.popup-icon {
  height: 32px;
  width: 32px;
}

.icone-pratique {
  color: #fff;
}

.icone-pratique path {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: .5px;
}

#bloc-pratique ul li:hover .icone-pratique {
  color: #222b55;
}

@media (min-width: 992px) {
  .texte-image {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
  }

  .colonne-texte,
  .colonne-image {
    margin: 0 0 0 30px;
  }

  .colonne-texte:last-child,
  .colonne-image:last-child {
    margin-left: 0;
  }

  .colonne-texte {
    flex: 1;
  }

  .colonne-image {
    flex-shrink: 0;
  }

  .form-recherche {
    display: flex;
  }

  .groupe-champ-recherche {
    flex: 1;
  }

  .champ-recherche,
  .select-recherche {
    flex-shrink: 0;
  }

  .champ-recherche:first-child,
  .select-recherche:first-child {
    border-radius: 30px 0 0 30px;
  }

  .champ-recherche:last-child,
  .select-recherche:last-child {
    border-radius: 0 30px 30px 0;
  }

  .select-recherche {
    width: 360px;
  }
}