:root {
    --bg_grad   : linear-gradient(-30deg, #1B2B3A, #A7212F);
    --horiz_grad: linear-gradient(to right, #1B2B3A, #A7212F, #21173c);
    --intercolor: #A7212F;
    --bg_dense  : #21173c;
    --bg_light  : #bd555f;
    --lightcolor: #A7212F;
    --jaune     : #EAE33B;
    --green     : #325d32;
    --hfont     : 'Comfortaa', cursive;
    --mainfont  : 'Montserrat', sans-serif;
    --awe       : "Font Awesome 5 Pro";
}

::selection {
    background-color: #325d32;
    color           : #fff;
}

.form-control,
.form-select {
    box-shadow   : none !important;
    border-radius: 3px;
}

.container_800 {
    width    : 800px;
    max-width: 100%;
    margin   : 0 auto;
}

.container_1000 {
    width    : 1000px;
    max-width: 100%;
    margin   : 0 auto;
}

img {
    max-width: 100% !important;
}

img.align_center {
    display: block;
    margin : .5rem auto;
}

ul li {
    list-style: none;
}

p {
    margin: 0 0 .8rem 0;
}

.container {
    width    : 100%;
    max-width: 1200px;
}

html {
    height         : 100vh;
    overflow-x     : hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--lightcolor) var(--bg_dense);
}

html::-webkit-scrollbar {
    width: .5vw;
}

html::-webkit-scrollbar-thumb {
    background-color: var(--lightcolor);
}

html::-webkit-scrollbar-thumb:hover {
    background-color: var(--lightcolor);
}

html::-webkit-scrollbar-track {
    background-color: var(--bg_dense);
}

html::-webkit-scrollbar-track:hover {
    background-color: var(--bg_dense);
}

body {
    height               : 100%;
    background           : var(--bg_grad);
    background-position  : center center;
    background-size      : cover;
    background-attachment: fixed !important;
    background-repeat    : no-repeat !important;
    font-family          : var(--mainfont);
    font-size            : 1rem;
    color                : #fff;
}

@media screen and (min-width: 620px) {
    body:not(.home) {
        background         : url(../img/lune_2022.svg), var(--bg_grad);
        background-position: 10px 60px, center center;
        background-size    : auto 20%, cover;
    }
}

@media screen and (min-width: 992px) {
    body:not(.home) {
        background         : url(../img/lune_2022.svg), var(--bg_grad);
        background-position: 20px 90px, center center;
        background-size    : auto 30%, cover;
    }
}

em {
    font-family: var(--mainfont) !important;
    font-style : italic;
    font-weight: 300 !important;
}

/**************************
 * communs
 * ***********************/
h1,
h2,
h3 {
    font-family: var(--hfont);
    font-weight: 700;
}

h2 {
    margin-bottom: 1rem;
}

h3 {
    margin-bottom: .8rem;
}

a {
    color: #fff;
}

a:hover {
    color          : var(--jaune);
    text-decoration: none;
}

a.pdflink {
    display            : inline-block;
    padding            : 10px 25px 10px 40px;
    background-color   : var(--bg_light);
    background-image   : url(../img/PDF_file_icon.png);
    background-position: 10px center;
    background-repeat  : no-repeat;
    background-size    : 20px auto;
    border             : 1px solid #ddd;
    color              : #fff;
    text-decoration    : none;
    font-size          : 1.2rem;
    font-weight        : 500;
}

a.pdflink:hover {
    background-color: var(--green);
}

/* #main {
    background: url(../img/2021_bg_2.png) no-repeat left bottom,
        url(../img/vendome_soleil.png) no-repeat right bottom;
    background-size: 40%, 70%;
    min-height: 400px;
}

@media (min-width: 992px) {
    #main {
        background: url(../img/2021_bg_2.png) no-repeat left bottom,
        url(../img/vendome_soleil.png) no-repeat right bottom;
        background-size: 30%, 70%;
        min-height: 500px;
    }
} */
#main {
    background     : url(../img/vendome_soleil.png) no-repeat right bottom;
    background-size: 70%;
    min-height     : 400px;
}

@media (min-width: 992px) {
    #main {
        background     : url(../img/vendome_soleil.png) no-repeat right bottom;
        background-size: 70%;
        min-height     : 500px;
    }
}

@media (min-width: 1200px) {
    #main {
        min-height: 700px;
    }
}

.home #main,
.planacces #main,
.programme #main {
    background     : url(../img/vendome_soleil.png) no-repeat right bottom;
    background-size: 70% auto;
}



/**************************
 * menu
 * ***********************/
#openmenu {
    position       : fixed;
    top            : 13px;
    left           : 5px;
    z-index        : 2000;
    text-decoration: none;
    transition     : all .4s;
    width          : 37px;
    height         : 37px;
    text-align     : center;
    padding        : 6px;
    background     : #A7212F;
    border         : 1px solid #fff;
    border-radius  : 5px;
    box-shadow     : 2px 2px 6px 0px rgba(0, 0, 0, .4);
}

#ham {
    width   : 25px;
    height  : 35px;
    position: relative;
}

.hm {
    height       : 2px;
    width        : 24px;
    background   : #fff;
    transition   : all .4s;
    position     : absolute;
    border-radius: 2px;
}

.hm:nth-child(2) {
    top: 9px;
}

.hm:nth-child(3) {
    top: 18px;
}

#openmenu.cross .hm:nth-child(1) {
    top      : 9px;
    transform: rotate(45deg);
}

#openmenu.cross .hm:nth-child(2) {
    opacity: 0;
}

#openmenu.cross .hm:nth-child(3) {
    top      : 9px;
    transform: rotate(-45deg);
}

@media (min-width: 768px) {
    #openmenu {
        top       : 15px;
        left      : 15px;
        text-align: center;
        padding   : 10px;
        width     : 60px;
        height    : 57px;
    }

    #ham {
        width : 40px;
        height: 40px;
    }

    .hm {
        height: 3px;
        width : 40px;
    }

    .hm:nth-child(2) {
        top: 15px;
    }

    .hm:nth-child(3) {
        top: 30px;
    }

    #openmenu.cross .hm:nth-child(1) {
        top: 15px;
    }

    #openmenu.cross .hm:nth-child(3) {
        top: 15px;
    }
}

#nav {
    position   : fixed;
    display    : grid;
    place-items: center;
    left       : -100%;
    top        : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 1200;
    background : var(--bg_grad);
    transition : all .4s;
}

#menu_logo {
    position: absolute;
    top     : 20px;
    width   : 150px;
}

#nav div {
    width: 100%;
}

#nav.opened {
    left: 0;
}

footer a,
.subfoot a,
#nav a {
    text-decoration: none;
}

footer a:hover,
.subfoot a:hover,
footer a:focus,
.subfoot a:focus,
footer li.active a,
.subfoot li.active a,
#nav a:hover,
#nav a:focus,
#nav li.active a {
    color: var(--jaune);
}

#nav_content>ul {
    margin: 0 auto;
    width : 300px;
}

#nav_content ul a {
    font-size   : 1.3rem;
    font-variant: small-caps;
}

#nav_content li.haschildren>a {
    cursor: default;
}

#nav_content li.haschildren>a:hover {
    color: #fff;
}

#nav_content ul.sub_ul a {
    font-size   : 1.1rem;
    font-variant: normal;
}

@media (min-width: 768px) {
    #menu_logo {
        top  : 30px;
        width: 200px;
    }

    #nav_content>ul {
        margin: 0 30px;
        width : auto;
    }

    #nav_content>ul>li {
        margin-bottom: 12px;
    }

    #nav_content ul a {
        font-size: 1.5rem;
    }

    #nav_content ul.sub_ul a {
        font-size   : 1.3rem;
        font-variant: normal;
    }
}

@media (min-width: 992px) {
    #nav_content>ul {
        margin: 0 50px;
    }
}

#topbillet {
    position       : fixed;
    top            : 0;
    right          : 0;
    z-index        : 2000;
    padding        : 10px 20px 10px 30px;
    color          : #000;
    background     : var(--jaune);
    text-decoration: none;
    font-size      : 1rem;
    font-weight    : 700;
    line-height    : 1em;
    text-transform : uppercase;
    letter-spacing : 1px;
    clip-path      : polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

#topbillet:hover {
    background: var(--green);
    color     : #fff;
}

#sharesocs {
    background: white;
    width: 150px;
    margin: 0 auto 20px auto; 
    position  : static;
    text-align: center;
    line-height: 1;
    padding: 3px 10px;
    border-radius: 50rem;
}

.jssocials-share {
    display   : inline-block;
    text-align: center;
    padding   : 0 3px !important;
    margin    : 0 auto !important;
}

.jssocials-share-link {
    color: #333 !important;
    font-size : .8rem;
}

.jssocials-share-link:hover {
    color: var(--green) !important;
}

@media (min-width: 1200px) {
    #sharesocs {
        position  : fixed;
        width: auto;
        left      : 0;
        top       : 50%;
        transform : translateY(-50%);
        padding   : 5px 10px;
        z-index   : 2000;
        border-radius: 0 5px 5px 0;
    }
    
    .jssocials-share {
        display   : block;
        text-align: center;
        padding   : 5px 0 !important;
        margin    : 0 auto !important;
    }

    .jssocials-share-link {
        color: #333 !important;
        font-size : 1rem;
    }

    #topbillet {
        padding         : 20px;
        color           : #666;
        font-size       : 1.2rem;
        text-align      : center;
        height          : 60px;
        width           : 200px;
        clip-path       : polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform       : rotate(-90deg);
        transform-origin: center right;
        top             : calc(50% - 150px);
        right           : 30px;
    }
}

/**************************
 * header
 * ***********************/
#top_logo {
    display: inline-block;
    width  : 180px;
    margin : 1rem;
}

#festnum_wrap {
    filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .4));
}

#festnum {
    font-family: var(--hfont);
    background : #fff;
    color      : #333;
    font-size  : 3rem;
    line-height: 1.1;
    font-weight: 700;
    text-align : center;
    padding    : 20px 8px 20px 18px;
    clip-path  : polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
}

#festnum small {
    font-size  : 1.1rem;
    line-height: .8rem;
}

@media (min-width: 992px) {
    #top_logo {
        width        : 300px;
        margin-bottom: 1rem;
        padding-left : .3rem;
    }

    #festnum {
        padding     : 40px 20px 40px 30px;
        font-size   : 4rem;
        line-height : 1.2;
        margin-right: .3rem;
    }

    #festnum small {
        font-size  : 1.8rem;
        line-height: .8rem;
    }
}

/**************************
 * footer
 * ***********************/
#bottom_news,
footer {
    background: var(--intercolor);
    position  : relative;
    border-top: 1px solid var(--bg_light);
}

#bottom_news::before {
    content   : '';
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 2;
    width     : 100%;
    height    : 4px;
    background: var(--horiz_grad);
}

#foot_logo {
    display: block;
    width  : 140px;
}

footer div>ul {
    padding-left: 0 !important;
}

.footsocs a {
    font-size: 1.3rem;
    display  : inline-block;
    margin   : 0 .5rem;
}

.footsocs a:first-child {
    margin: 0 .5rem 0 0;
}

footer ul li {
    margin-bottom: .25rem;
}

footer ul a {
    font-size   : 1rem;
    font-variant: small-caps;
}

footer li.haschildren>a {
    cursor: default;
}

footer li.haschildren>a:hover {
    color: #fff;
}

footer ul.sub_ul a {
    font-size   : .9rem;
    font-variant: normal;
}

.subfoot {
    background: var(--bg_dense);
    font-size : .8rem;
}

.footcoord {
    font-size: .9rem;
}

/**************************
 * home
 * ***********************/
#home_deco {
    width       : 100%;
    display     : block;
    position    : relative;
    overflow    : hidden;
    aspect-ratio: 4.2/1.8;
}

#home_deco img {
    width          : 1920px;
    position       : absolute;
    object-fit     : cover;
    object-position: center;
}

@media (min-width: 992px) {
    #home_deco {
        aspect-ratio: 4.2/1.8;
    }

    #home_deco img {
        margin-top: 5%;
    }
}

@media (min-width: 1200px) {
    #home_deco {
        aspect-ratio: 4.2/1.8;
    }

    #home_deco img {
        margin-top: 0;
    }
}

#voile_deco {
    position: absolute;
    z-index : 1;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    padding : 20px;
}

#home_deco h1 {
    margin     : auto;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.71);
    text-align : center !important;
}

#voilecontent {
    width      : 100%;
    height     : 100%;
    display    : grid;
    place-items: center;
}

/* #home_deco::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    display: block;
    background: url(../img/festival_guitare_vendome.jpg) right center;
    background-size: cover;
    transform: translateZ(-2px) scale(2);
    z-index: -2;
} */


/**************************
 * archives éditions
 * ***********************/
.arch_ed_link {
    text-decoration: none;
    height         : 100%;
}

.ed_aff_img {
    display   : block;
    overflow  : hidden;
    position  : relative;
    transition: all .3s;
}

.ed_aff_img img {
    display   : block;
    transition: all .3s;
}

.ed_aff_img::after {
    position   : absolute;
    width      : 100%;
    height     : 100%;
    left       : 0;
    top        : 0;
    content    : '\f0c1';
    font-family: var(--awe);
    font-size  : 2rem;
    font-size  : 400;
    color      : white !important;
    display    : grid;
    place-items: center;
    transition : all .3s;
    opacity    : 0;
}

.ed_aff_img:hover img {
    filter: brightness(40%);
}

.ed_aff_img:hover::after {
    opacity: 1;
}

.une_ed_day {
    width                : 100%;
    display              : inline-grid;
    grid-template-columns: 30% 1fr;
    background           : #fff;
    box-shadow           : 2px 2px 10px 0px rgba(0, 0, 0, .4);
}

.edday_top {
    background     : var(--bg_light);
    padding        : 10px;
    text-align     : center;
    font-size      : 2.5rem;
    font-weight    : 700;
    line-height    : 1;
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

.edday_top span {
    display: block;
}

.edday_top span.date_small {
    font-size  : 1.1rem;
    line-height: 1.2;
    font-weight: 300;
}

.edday_cont {
    color  : #333;
    padding: 10px 20px;
}

@media (min-width: 768px) {
    .une_ed_day {
        display              : inline-grid;
        grid-template-columns: 20% 1fr;
    }

    .edday_top {
        font-size: 3rem;
    }

    .edday_top span.date_small {
        font-size: 1.5rem;
    }
}

.edday_cont ul {
    margin : 0;
    padding: 0;
}

.eddate_salle {
    font-weight   : 700;
    padding-bottom: 4px;
    border-bottom : 1px solid #333;
}

.edday_cont li {
    margin-bottom: 5px;
}

.edday_cont a {
    font-weight: 500;
    font-size  : 1.05rem;
    color      : #333;
}

.edday_cont em {
    font-size: .95rem;
}

.edday_cont a:hover {
    color: var(--intercolor);
}

/* format liste si pas de jours pour l'édition */
.edday_contl ul,
.edday_contl p {
    padding: 0;
    margin : 0;
}

.edday_contl li {
    padding: 5px 10px;
}

.edday_contl li:nth-child(odd) {
    background: rgba(255, 255, 255, .1);
}

.edday_contl a {
    color: #fff;
}

.edday_contl a,
.edday_cont a {
    display        : inline-block;
    position       : relative;
    text-decoration: none;
}

.edday_contl a::after,
.edday_cont a::after {
    padding-right: 10px;
    content      : '\f0c1';
    font-family  : var(--awe);
    font-size    : .75em;
    padding-left : 4px;
}

.edday_contl a:hover {
    color: var(--jaune);
}

/**************************
 * galerie(s) pas question d'écrire inclusive mes couilles :-P
 * ***********************/
.lg-backdrop {
    background: var(--bg_grad);
}

.gallink {
    display : block;
    width   : 100%;
    height  : 100%;
    position: relative;
    overflow: hidden;
    margin  : 0;
    padding : 0;
}

.gallink img {
    transition: all 0.7s !important;
}

.gallink:hover img,
.gallink:focus img {
    transform: scale(1.06);
}

/**************************
 * liste artiste datatables
 * ***********************/
#list_artist td,
#list_artist th {
    color: #fff !important;
}

#list_artist tr {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

#list_artist tr.odd {
    background: rgba(255, 255, 255, .1);
}

#list_artist a {
    display        : inline-block;
    font-weight    : 500;
    text-decoration: none;
}

#list_artist a:hover,
#list_artist a:hover {
    color: var(--jaune);
}

#list_artist thead,
#list_artist tfoot {
    background: var(--intercolor);
}

#list_artist_wrapper .row {
    padding-top   : .4rem;
    padding-bottom: .4rem;
}

.paginate_button.page-item a {
    color: #666;
}

.paginate_button.page-item a:hover {
    color: var(--bg_dense);
}

.paginate_button.page-item.active a {
    background  : var(--bg_light);
    border-color: var(--bg_light);
}

.paginate_button.page-item.disabled a {
    color: #aaa;
}

/**************************
 * un artiste
 * ***********************/
.unzic_details {
    border-top   : 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background   : rgba(0, 0, 0, .2);
    font-family  : var(--hfont);
}

.unzic_details p {
    margin: 3px 0;
}

.unzic_details a {
    text-decoration: none;
}


/**************************
 * partenaires
 * ***********************/
.part_square {
    background   : white;
    aspect-ratio : 1 / 1 !important;
    width        : 100%;
    margin-bottom: .5rem;
}

.part_img {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 100%;
    height         : 100%;
}

.part_square img {
    max-width : 90% !important;
    max-height: 90% !important;
    transition: all .3s;
}

.part_link {
    display        : block;
    overflow       : hidden;
    text-decoration: none;
    width          : 100%;
    height         : 100%;
    cursor         : pointer;
}

.part_link:hover img {
    transform: scale(1.1);
}

/**************************
 * accès
 * ***********************/
#festmap {
    height: 600px;
    width : 100%;
}

.leaflet-popup-content-wrapper {
    border-radius: 4px;
    background   : #fff;
}

.leaflet-popup-tip {
    background: rgb(255, 255, 255);
}

.leaflet-popup-content {
    min-width : 180px;
    text-align: center;
    margin    : 10px 0;
    padding   : 10px 12px;
}

.leaflet-popup-content img {
    display: block;
    margin : 8px auto;
    width  : 130px;
}

.leaflet-popup-content h4 {
    font-size: 1.1rem;
    margin   : 0 0 .5rem 0 !important;
}

.leaflet-popup-content p {
    margin: 0;
}

.acces_right p {
    max-width: 70ch;
}

@media (max-width: 992px) {
    .acces_right p {
        margin-left : auto;
        margin-right: auto;
    }
}

/**************************
 * articles
 * ***********************/
#pagination li {
    display   : inline-block;
    margin    : 0 3px;
    border    : 1px solid rgba(255, 255, 255, .4);
    background: var(--bg_light)
}

#pagination li a {
    display        : inline-block;
    padding        : 2px 12px;
    color          : #fff;
    text-decoration: none !important;
}

#pagination li:hover,
#pagination li:focus,
#pagination li.current {
    background: var(--bg_dense);
}

#pagination li:hover a,
#pagination li:focus a,
#pagination li.current a {
    color: #fff;
}

.bbacklink {
    display        : inline-block;
    padding        : 5px 25px;
    text-decoration: none;
    border-radius  : 5px;
    color          : #fff !important;
    background     : var(--bg_light);
    clip-path      : polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%, 0% 50%);
    transition     : all .3s;
    border         : 1px solid rgba(255, 255, 255, .2);
    border-width   : 1px 0;
}

.bbacklink:hover {
    background: var(--bg_dense);
    border    : 1px solid rgba(255, 255, 255, .4);
    clip-path : polygon(5% 0, 100% 0, 95% 50%, 100% 100%, 5% 100%, 0% 50%);
    ;
}

.listart_date {
    position: relative;
}

.listart_date::after {
    content   : '';
    position  : absolute;
    right     : 0;
    top       : 0;
    width     : 1px;
    height    : 100%;
    background: rgba(255, 255, 255, .15);
}

.unlist_art:first-child .listart_date::after {
    top       : 50%;
    width     : 1px;
    height    : 50%;
    background: 1px solid rgba(255, 255, 255, .15);
}

.unlist_art:last-child .listart_date::after {
    top       : 0;
    width     : 1px;
    height    : 50%;
    background: rgba(255, 255, 255, .15);
}

.listart_cont {
    position: relative;
}

.listart_cont::before {
    position     : absolute;
    content      : '';
    height       : 10px;
    width        : 10px;
    left         : -5px;
    top          : calc(50% - 5px);
    background   : #fff;
    border-radius: 50%;
}

.listart_date span {
    display: block;
    margin : 2px auto;
}

.art_jour {
    font-size  : 2.5rem;
    font-weight: 500;
    line-height: 1em;
}

.art_mois {
    font-size  : 1.1rem;
    font-weight: 300;
}

.art_annee {
    font-size: 1.2rem;
}

.art_annee {
    font-weight: 500;
    line-height: 1em;
}

.listart_cont a {
    text-decoration: none;
}

.listart_cont.list_presse h3 {
    margin: 0 0 2px 0;
}

.listart_cont.list_presse .journal {
    font-size : 1.1rem;
    font-style: italic;
}

@media (min-width: 576px) {
    .art_jour {
        font-size  : 3rem;
        font-weight: 500;
        line-height: 1em;
    }

    .art_mois {
        font-size: 1.2rem;
    }

    .art_annee {
        font-size: 1.4rem;
    }
}

/**************************
 * leaflet easybutton
 * ***********************/
.leaflet-bar button,
.leaflet-bar button:hover {
    background-color: #fff;
    border          : none;
    border-bottom   : 1px solid #ccc;
    width           : 26px;
    height          : 26px;
    line-height     : 26px;
    display         : block;
    text-align      : center;
    text-decoration : none;
    color           : black;
}

.leaflet-bar button {
    background-position: 50% 50%;
    background-repeat  : no-repeat;
    overflow           : hidden;
    display            : block;
}

.leaflet-bar button:hover {
    background-color: #f4f4f4;
}

.leaflet-bar button:first-of-type {
    border-top-left-radius : 4px;
    border-top-right-radius: 4px;
}

.leaflet-bar button:last-of-type {
    border-bottom-left-radius : 4px;
    border-bottom-right-radius: 4px;
    border-bottom             : none;
}

.leaflet-bar.disabled,
.leaflet-bar button.disabled {
    cursor        : default;
    pointer-events: none;
    opacity       : .4;
}

.easy-button-button .button-state {
    display : block;
    width   : 100%;
    height  : 100%;
    position: relative;
}

.leaflet-touch .leaflet-bar button {
    width      : 30px;
    height     : 30px;
    line-height: 30px;
}

.mapi {
    font-size: 1.3rem;
}

/**************************
 * mailchimp
 * ***********************/
#bottom_news {
    position: relative;
    padding : 3rem 2rem;
}

#mc-embedded-subscribe-form {
    padding: 0 !important;
}

#mc-embedded-subscribe-form .mc_fieldset {
    border        : none;
    min-height    : 0px;
    padding-bottom: 0px;
}

#mc-embedded-subscribe-form input[type=text],
#mc-embedded-subscribe-form input[type=email] {
    border    : 0 !important;
    background: #fff !important;
}

#mc-embedded-subscribe {
    display: inline-block !important;
}

.mc-field-group {
    width  : 100% !important;
    padding: 0 !important;
}

.mc-field-group input {
    width: 100% !important;
}

.mce_inline_error {
    background: transparent !important;
    color     : var(--jaune) !important;
    padding   : 2px 0 !important;
    margin    : 0 0 3px 0 !important;
}

input.mce_inline_error {
    color: red !important;
}

.button#mc-embedded-subscribe {
    padding       : 15px 25px !important;
    height        : auto;
    width         : auto;
    background    : var(--green) !important;
    color         : #fff !important;
    font-size     : 1.2rem;
    font-weight   : 500;
    letter-spacing: 1px;
}

.button#mc-embedded-subscribe:hover {
    background: green !important;
}

/**************************
 * formulaire de contact
 * ***********************/
.pristine-error {
    font-size : 0.9rem;
    font-style: italic;
    color     : var(--jaune) !important;
}

.has-danger select,
.has-danger input,
.has-danger textarea {
    border: 1px solid red;
}

.has-success select,
.has-success input,
.has-success textarea {
    border: 1px solid green;
}

button[type=submit].bouton {
    background    : var(--green);
    padding       : 8px 25px;
    font-size     : 1.1rem;
    font-weight   : 500;
    letter-spacing: 1px;
    color         : #fff;
    border        : none;
    border-radius : 5px;
}

button[type=submit].bouton:hover {
    background: green;
}