@import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:ital,wght@0,400;0,700;1,400&display=swap');

/* ROOT*/
:root {
    --main-red: #D94343;
    --main-green: #A69D1F;
    --main-blue : #8b9dc1;
    --dark-grey: #707070;
    --medium-grey: #DADADA;
    --medium-grey-2: #DDDDDD;
    --light-grey: #F7F7F7;
    --main-rose: #E27D82;

    --hover-green: #DDCC50;
    --hover-blue: #B2BCCE;
    --hover-rose: #E27D82;
    --hover-grey: rgb(160, 160, 160);
}
/* font-family: 'Asap Condensed', sans-serif; */

/* GLOBAL */
body{
    /* background-color: #f7f7f7!important; */
    background-color: #efefef!important;
    padding:0;
}
section{
    margin-bottom: 20px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-family: 'Asap condensed';
    font-weight: bold;
}
h1 {
    font-size: 2em;
}
h1.entry-title, h1.surlignable{
    font-size: 2.5rem;
    font-weight: bold;
    color: #757575;
}
h2, .h2, .documents_joints h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.1em;
}
p, a, span, label, input, li {
    font-family: 'Asap condensed';
    /* font-size: 1.1em; */
    font-size:18px;
    color: var(--dark-grey);
}
.sheet-testimony p,
.sheet-testimony a,
/* .sheet-testimony span, */
.sheet-testimony label,
.sheet-testimony input,
.sheet-testimony td,
.sheet-testimony tr,
.sheet-testimony li{
    /* font-size:1.1em; */
    font-size:18px;
    font-family: 'Asap condensed';
    color: var(--dark-grey);
}

main .sheet-testimony .logo {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
main .sheet-testimony .logo .credit{
    font-style: italic;
    text-align:center;
    font-size:14px;
}


p{
    margin-bottom:5px;
    /* line-height:1.1em; */
    line-height:1.2em;
}
a.spip_doc, a.spip_out, a, strong a, li a{
    text-decoration: none;
    color: var(--dark-grey);
}
a.spip_doc:hover, a.spip_out:hover, a:hover, strong a:hover, li a:hover{
    color: var(--hover-grey);
}

/* HEADER */
.bg-header{
    background-image: url('/squelettes/img/header.jpg');
    background-position: top;
    background-size: 100%;
}

header{
    /* background-color: var(--medium-grey); */
}

header img.spip_logo{
    float:none;
    margin-top: 15px;
}

header .spip_logo_site p.surtitre{
    margin: 0;
    color: white;
    font-size: 1.5rem;
    font-weight: normal;
    font-style: normal;
    margin-top: 20px;
    margin-bottom: 5px;
}
header .spip_logo_site .spip_logo{
    margin: 0;
}

.header #slogan {
    font-family: 'Asap condensed';
    font-style: italic;
    font-size: 1.2em;
    /* color: var(--dark-grey); */
    color: #FFF;
    font-weight: bold;
}

.header #join-us, .header #share-us {
    background-color: var(--main-red);
    color: white;
    text-decoration: none;
    font-weight:bold;
    font-family: 'Asap condensed';
    padding: 7px;
}
.header #share-us{
    background-color: var(--main-blue);
}
.header #share-us:hover{
    background-color: var(--hover-blue);
}

.header #join-us:hover {
    background-color: white;
    color: var(--main-red);
}

.header #formulaire_recherche .editer-groupe{
    display:flex;
    flex-flow: row nowrap;
    justify-content: start;
    align-items: center;
}
.header #formulaire_recherche .editer-groupe .btn.submit{
    max-height: 40px;
    padding: 10px;
    background-color: var(--dark-grey);
    border: 25px;
}
.header #formulaire_recherche .editer-groupe .btn.submit:hover{
    background-color: var(--hover-grey);
}

.header #formulaire_recherche .editer-groupe .btn.submit svg{
    fill:white;
}

.header #formulaire_recherche #recherche{
    height:40px;
}
/* NAV */
nav#nav{
    /* background-color: var(--medium-grey); */
    padding-bottom:0px;
}

nav#nav ul.navbar-nav {
    padding:0;
    margin:0;
    display: flex;
    justify-content: flex-end;
}
nav#nav ul.navbar-nav li.nav-item{
    display:table-cell;
}

nav#nav ul.navbar-nav li a{
    border: 1px solid var(--dark-grey);
    color: var(--dark-grey);
    font-family: 'Asap condensed';
    font-weight: 700;
    font-size: 1.3em;
    background-color: white;
    margin:0;
    border-radius:0;
}
nav#nav ul.navbar-nav li a:hover{
    background-color: var(--dark-grey);
    color: white;
}

nav#nav ul.navbar-nav .dropdown-menu li a {
    font-weight: 400;
}


nav#nav ul.navbar-nav li a.nav-item-emphaze{
    color: white;
    background-color: var(--main-green);
}

nav#nav ul.navbar-nav li a.nav-item-emphaze:hover{
    color: var(--main-green);
    background-color: white;
}

nav#nav ul.navbar-nav li.home a,
nav#nav ul.navbar-nav li.home a:hover
{
    border: none;
    background-color: transparent;
    font-family: 'Asap condensed';
    font-weight: 700;
    margin:0;
    border-radius:0;
}
nav#nav ul.navbar-nav li.home a img{
    height: 1.3em;
}
nav#nav ul.navbar-nav .dropdown-menu.show{
    padding:0px;
}

li#back-to-home a.nav-link{
    background-color: transparent!important;
    border: none!important;
}
li#back-to-home a img{
    width:auto;
    height: 30px;
    margin-right: 15px;
}
.navbar-toggler{
    background-color: white!important;
}
/*
.navbar-toggler span{
    color: var(--dark-grey)!important;
} */


.see-more:hover{
    color: var(--hover-grey);
}
.see-more{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: start;
    color: var(--dark-grey);
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
}
.see-more img{
    height: 20px;
    margin-right: 5px;
}
#annuaire h2{
    color: var(--main-red);
    text-transform: uppercase;
    font-weight: bold;
}

#annuaire h3, .menu_articles h3{
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #a9a9a9;
    text-decoration:none;
}
#annuaire h3 a, .menu_articles h3 a{
    font-weight: bold;
    color: #a9a9a9;
    text-decoration:none;
    line-height: 18px;
    font-size: 18px;

}
#annuaire h3 a:hover, .menu_articles h3 a:hover{
    /* filter: brightness(90%); */
    color: var(--hover-grey);
}

#annuaire .spip_logo{
    float:unset;
    margin:auto;
}

#annuaire .alpha-filter a,
#annuaire .alpha-filter span{
    color: var(--dark-grey);
    margin-right: 5px;
    font-size: 1.2em;;
}
#annuaire .alpha-filter a{
    font-weight: bold;
}
#annuaire .alpha-filter span{
    color: var(--medium-grey);
}

#annuaire form {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 10px;
}
#annuaire form input.btn.submit:hover {
    background-color: var(--hover-grey);
}
#annuaire form input.btn.submit {
    max-height: 40px;
    padding: 10px;
    background-color: var(--dark-grey);
    border: 25px;
}
#annuaire form input {
    height:40px;
}

.main {
    /* width: 70%; */
    display:block;
    margin: 30px auto;
    padding: 30px;
    background-color: white;
    width: 100%;
}

.rubrique-parent-10 .main,
.rubrique-parent-9 .main
{
    margin-top:0;
}

.aside{
    padding-top: 30px;
}


.main .spip_logo{
    float: none;
    margin: auto;
    max-width: 100%;
    display: block;
}

.page_sommaire .main {
    width: initial;
    margin:auto;
    background-color: initial;
}

/* WIDGET AGENDA - PARTAGER */
.widget-agenda, .widget-share_us{
    margin-bottom: 30px;
}

.widget-agenda{
    background-color:white;
    box-shadow: 4px 4px 5px 0px #70707033;
    border: 2px solid var(--main-red);
}
.widget-agenda .texte {
    padding: 3px;
    padding-top:0;
    font-size: 1em;
    /* font-family: 'Asap condensed'; */
}

.widget-share_us{
    background-color: white;
    border: 2px solid var(--main-blue);
    box-shadow: 4px 4px 5px 0px #70707033;
}

.widget-share_us p{
    margin-bottom:0;
}


.widget-agenda span,
.widget-agenda p,
.widget-agenda a,
.widget-share_us span,
.widget-share_us p,
.widget-share_us a{
    font-family: 'Asap condensed';
    font-size: 16px;
    line-height: 19px;
}


.widget-share_us .texte{
    padding: 20px;
    /* font-size: 1em;
    line-height: 1.2em; */
}

/* Title */
.widget-agenda h2 img{
    height: 25px;
    margin-right: 10px;
}

.widget-agenda h2, .widget-share_us h2{
    background-color: var(--main-red);
    color: white;
    padding: 10px 20px;
    margin-bottom:0px;
    text-align:left;
    font-family: 'Asap condensed';
    font-weight: bold;
    /* font-size: 1.3em; */
    font-size: 1.2em;
    line-height: 1.3em;
    display: flex;
    justify-content: left;
    align-items: center;
}

.widget-share_us h2{
    background-color: var(--main-blue);
    text-align: center;
}
.widget-share_us a.see-more{
    display: block;
    margin: 10px;
    color: white;
    border-radius: 10px;
    background-color: var(--main-blue);
    padding: 10px;
    margin-top:0;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
}

.widget-share_us a.see-more:hover{
    background-color: var(--hover-blue);
}
.widget-agenda h2 i{
    margin-right: 15px;
}

/* Labels */
.agenda-label,
.label{
    margin-left: 3px;
    padding: 3px;
}

.page_article .agenda-label{
    margin-left: 0;
    margin-bottom: 20px;
}

.agenda-label{
    font-weight: bold;
    background-color: var(--main-red);
    color: white;
}
.label,  .label a{
    color: var(--dark-grey);
    display:inline-block;
    font-size: 1em;
}
/* List */
.widget-agenda ul{
    padding: 20px 20px;
    margin-bottom:0px;
    padding-bottom: 10px;
}
.widget-agenda ul li, .li-agenda{
    margin-bottom: 10px;
    padding: 5px 0px;
    border-bottom: 1px solid var(--dark-grey);
}
.widget-agenda ul li:last-child, .li-agenda:last-child{
    border-bottom: none;
}


.widget-agenda ul li p{
    /* margin-top: 5px; */
    margin-bottom: 5px;
}
.widget-agenda ul li a{
    text-decoration: none;
    font-weight:bold;
    color: var(--main-red);
    line-height: 1.2em;
}
.widget-agenda ul li a:hover{
    color: var(--hover-rose);
}
.widget-agenda ul li a.see-more{
    margin:0;
}

.li-agenda a,
.li-agenda a:hover,
.li-agenda a:focus,
.li-agenda a:visited{
    text-decoration: none;
    color: var(--dark-grey);
}
.li-agenda span.label a{
    font-weight:bold;
}
.li-agenda a.voir-plus{
    display:block;
    text-align:left;
    font-weight: bold;
}
/* Link */
.widget-agenda a.see-more, #evenements-futurs a.see-more, #evenements-passes a.see-more{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 20px;
    color: var(--main-red);
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
}
#evenements-passes a.see-more, #evenements-futurs a.see-more{
    margin:0;
}
#evenements-passes a.see-more{
    color: #a9a9a9;
}
#evenements-passes a.see-more:hover, #evenements-passes span.label a:hover{
    color: var(--hover-grey);
}

.widget-agenda a.see-more,  #evenements-futurs a.see-more{
    color: var(--main-red);
}
.widget-agenda a.see-more:hover,  #evenements-futurs a.see-more:hover{
    color: var(--hover-rose);
}

.widget-agenda a.see-more img,#evenements-futurs a.see-more img, #evenements-passes a.see-more img{
    height: 20px;
    margin-right: 5px;
}
.rubrique-7 h1 {
    color: var(--main-red);
}
#evenements-futurs h2, #evenements-futurs .li-agenda span.label a{
    color: var(--main-red);
}
#evenements-futurs h2, #evenements-futurs .li-agenda span.label a:hover{
    color: var(--hover-rose);
}
#evenements-passes li .agenda-label{
    background-color: #a9a9a9;
}
#evenements-passes h2#title{
    font-size: 2.5rem;
    color: var(--dark-grey);
    font-style: normal;
}
#evenements-futurs{
    border-bottom: 1px solid var(--dark-grey);
}

#evenements-futurs .li-agenda,
#evenements-passes .li-agenda{
    border: none;
}
#evenements-futurs h2,
#evenements-passes h2{
    font-style: italic;
    color: #e78b8b;
    text-transform: capitalize;
}
#evenements-passes h2, #evenements-passes span.label a {
    color: #a9a9a9;
}
#evenements-futurs ul, #evenements-passes ul {
    padding: 0;
}


/* Bloc intro */
#intro{
    background-color:white;
    box-shadow: 4px 4px 5px 0px #70707033;
}

#intro h2{
    font-family: 'Asap condensed';
    font-weight: bold;
    font-size: 1.5em;
    color: var(--dark-grey);
}

#intro p{
    font-family: 'Asap condensed';
    font-size: 1em;
    color: var(--dark-grey);
}
#intro a.see-more{
    font-family: 'Asap condensed';
    font-weight:bold;
    font-size: 1em;
    color: var(--dark-grey);
    text-decoration: none;
    display:flex;
    flex-flow: row nowrap;
    align-items: center;
}
#intro a.see-more:hover{
    color: var(--hover-grey);
}

#intro a.see-more img{
    height: 20px;
    margin-right: 5px;
}


/* SLIDER WITH POST CARD */
.slider-posts.slick-slider {
    display: flex;
    flex-flow: row nowrap;
}

.slider-posts.slick-slider .slick-slide{
    text-align: center;
    display:flex;
    justify-content: center;
    align-items: center;
}

#last-posts {
    background-color: grey;
    padding: 20px;
    margin:0;
}

#last-posts h2 {
    color: white;
    font-size: 20px;
    font-weight: bold;
    margin-left:30px;
}

#last-posts h3, #last-posts h3 a  {
    font-size: 14px;
    line-height: 1.2rem;
    font-weight: 600;
}



#last-posts .slider-posts.slick-slider .slick-slide .slider-content{
    margin: 0px 10px;
    height: 150px;
    width: 100%;
    background-color: white;
    display: flex;
    flex-flow:column;
    align-items: center;
    justify-content: center;
    position:relative;
    /* padding: 15px; */
    max-width: 225px;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content a,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content a:visited,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content a:focus{
    /* color: var(--dark-grey); */
    color: white;
    text-decoration: none;
    margin: auto;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content a:hover{
    /* color: var(--hover-grey); */
    color: var(--hover-blue);
}
/*
#last-posts .slider-posts.slick-slider .slick-slide .slider-content::before{
    content: "";
    width:100%;
    height: 10px;
    position:absolute;
    left:0;
    top:0px;
} */

#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-testimony::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-testimony .type{
    background-color: var(--main-green);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-experience::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-experience .type
{
    background-color: var(--main-red);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-6::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-6 .type
{
    background-color: var(--main-blue);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7 .type
{
    background-color: var(--main-rose);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9 .type
{
    background-color: var(--main-red);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10::before,
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10 .type{
    background-color: var(--main-green);
}

#last-posts .slider-posts.slick-slider .slick-slide .slider-content .date{
    background-color: white;
    padding:5px;
    font-size: 15px;
    z-index: 1;

}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content .type{
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: 'Asap condensed';
    font-size: 14px;
    padding:5px;
    font-weight: bold;
    z-index: 1;

}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content .type img{
    height: 15px;
    width: auto;
    margin-right: 5px;
    z-index: 1;

}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-testimony .date{
    color: var(--main-green);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-experience .date{
    color: var(--main-red);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-6 .date{
    color: var(--main-blue);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7 .date{
    color: var(--main-rose);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9 .date{
    color: var(--main-red);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10 .date{
    color: var(--main-green);
}


#last-posts .slider-posts.slick-slider .slick-slide .slider-content .slider-bg{
    background-image: url('/squelettes/images/photo\ fond.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position:relative;
    height:100%;
    width:100%;
    position:absolute;
    z-index: 0;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content a, #last-posts .slider-posts.slick-slider .slick-slide .slider-content h3{
    z-index: 1;
    color:white!important;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content::before{
    z-index: 1;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 0, 0, 0.5); */
    mix-blend-mode: color;
}

#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-testimony::after{
    background-color: rgba(166, 157, 31, 0.9);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.sheet-experience::after{
    background-color: rgba(217, 67, 67, 0.9);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-6::after{
    background-color: rgba(139, 157, 193, 0.9);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7::after{
    background-color: rgba(226, 125, 130, 0.9)
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9::after{
    background-color: rgba(217, 67, 67, 0.9);
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10::after{
    background-color: rgb(166, 157, 31, 0.9);
}

/* Actualités */
/* .slide-rub-6 h3, .slide-rub-6 a{
    text-decoration:none;
    text-align: center;
    color: var(--main-blue);
    font-weight: bold;
}
.slide-rub-6 a:hover, .slide-rub-6 h3:hover{
    color: var(--hover-blue);
} */

/* Evenement */
.slide-rub-7 h3,    #last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7 a{
    text-decoration:none;
    text-align: center;
    color: var(--main-rose);
    font-weight: bold;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-7 a:hover, .slide-rub-7 h3:hover{
    color: var(--main-red);
}
/* Expérience scientifique */
.slide-rub-9 h3, #last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9 a{
    text-decoration:none;
    text-align: center;
    color: var(--main-red);
    font-weight: bold;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-9 a:hover, .slide-rub-9 h3:hover{
    color: var(--hover-rose);
}
/* Savoir paysan */
.slide-rub-10 h3, #last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10 a{
    text-decoration:none;
    text-align: center;
    color: var(--main-green);
    font-weight: bold;
}
#last-posts .slider-posts.slick-slider .slick-slide .slider-content.slide-rub-10 a:hover, .slide-rub-10 h3:hover{
    color: var(--hover-green);
}


a.slick-next,
a.slick-prev{
    display: block;
    margin: auto;
    font-size: 45px;
    color: white;
}

a.slick-next:hover,
a.slick-prev:hover,
a.slick-next:focus,
a.slick-prev:focus{
    background-color: transparent;
    color: white;
}
/* FORM */
#search h2,
h2.sheet-type{
    font-family: 'Asap condensed';
    font-size: 1.5em;
    font-weight: bold;
    color: var(--light-grey);
    background-color: var(--main-green);
    display:inline-block;
    padding: 10px;
    padding-right: 30px;
    border-radius: 0px 50px 0px 0px;
    margin-bottom: 0px;
    margin-left: 35px;

}
h2.sheet-type{
    width: auto;
    display: block;
    margin: auto;
    margin-top: auto;
    margin-left: auto;
    margin-left: 50px;
    margin-top: 35px;
}
    h2.sheet-type.testimony{
    background-color: var(--main-green);
}
h2.sheet-type.testimony span img{
    height: 20px;
    width: auto;
    margin-right: 10px;
}

.sheet-experience.main{
     background-color: inherit;
}

h2.sheet-type.experiment{
    margin-left: 30px;
    display:inline-block;
}


h2.sheet-type.experiment, #search.experience-form h2
{
    background-color: var(--main-red);
}

#search form#advanced-form {
    border: 2px solid var(--main-green);
    padding: 20px 30px;
    box-shadow: 0px 0px 10px var(--dark-grey);
    border-radius: 10px;
    background-color: white;
}

#search.experience-form form#advanced-form {
    border-color: var(--main-red)
}

#search form#advanced-form  input[type="submit"]{
    color: white;
    background-color: var(--main-green);
    border:1px solid var(--main-green);
}
#search form#advanced-form  input[type="submit"]:hover{
    background-color: var(--hover-green);
}

#search form#advanced-form  input[type="submit"]:hover{
    background-color: var(--hover-green);
}

#search.experience-form form#advanced-form input[type="submit"]{
    background-color: var(--main-red);
    border: var(--main-red);
}
#search.experience-form form#advanced-form input[type="submit"]:hover{
    background-color: var(--hover-rose);
}


#search form#advanced-form p{
    font-weight: 400;
    font-size: 1em;
    /* line-height: 1em; */
    line-height: 1.2em;
}

#search form#advanced-form .chosen-container-multi ul.chosen-choices {
    background-color: var(--medium-grey);
    border: 1px solid var(--dark-grey);
}

/* FORM RESULTS */
#results h2{
    font-size: 2em;
    color: var(--dark-grey);
    font-weight:bold;
}

.result-line {
    background-color: white;
    margin-left: 20px;
    margin-bottom: 30px;
    position:relative;
    padding: 20px;
}
.result-line::before{
    content:"";
    width: 20px;
    height:100%;
    position: absolute;
    left: -20px;
    top:0px;
}
.result-line h3{
    margin-top: 10px;
    font-size:18px;
}
.result-line .excerpt {
    font-size:18px;
}
.result-line a.see-more{
    font-weight:bold;
    text-decoration: none;
    text-align: right;
}
.result-line.sheet-testimony::before{
    background-color: var(--main-green);
}
.result-line.sheet-testimony a.see-more{
    color: var(--main-green);
}
.result-line.sheet-testimony a.see-more:hover{
    color: var(--hover-green);
}
.result-line.sheet-experience::before{
    background-color: var(--main-red);
}
.result-line.sheet-experience a.see-more{
    color: var(--main-red);
}
.result-line.sheet-experience a.see-more:hover{
    color: var(--hover-rose);
}

/* COMPONENTS */
.label-info,
.sheet-experience .label-tag,
.sheet-testimony .label-tag
{
    margin-right: 3px;
    margin-bottom: 3px;
    padding:3px;
    font-size: 14px;
    display: inline-block;
}
.label-tag{
    color: white;
}
.sheet-testimony .label-info{
    color: var(--main-green);
}
.sheet-testimony .label-tag{
    background-color: var(--main-green);
    color: white;
}
.sheet-experience .label-info{
    color: var(--main-red);
}
.sheet-experience .label-tag{
    background-color: var(--main-red);
    color: white;
}
.sheet-testimony h1,
.sheet-experience h1{
    font-weight: bold;
    /* margin-top: 30px; */
}
.sheet-experience h1{
    color: var(--main-red);
}
.sheet-testimony h1{
    color: var(--main-green);
}

/* ARIANE */
.ariane {
    margin-top: 10px;
    margin-bottom: 10px;
}
.ariane a, .ariane a:hover, .ariane a:focus{
    text-decoration: none;
    color: var(--dark-grey);
}
.ariane a:hover{
    color: var(--hover-grey);
}

.ariane span{
    color: var(--dark-grey);
    font-weight:bold;
}

/* FICHE */
.fiche {
    background-color: white;
    padding: 30px;
}

.fiche .detail p {
    margin:0;
    font-size:18px;
    /* font-size:1.1em; */
    color: var(--dark-grey);
    margin-bottom: 10px;
}
.fiche .label-detail {
    font-weight:bold;
}
.fiche .label-detail img{
    max-height: 16px;
    width: 20px;
    height: 16px;
}

.fiche article h2{
    font-size: 20px;
    font-weight: bold;
}

.sheet-experience .fiche article h2{
    color: var(--main-red);
}
.sheet-testimony .fiche article h2{
    color: var(--main-green);
}

.fiche article h3 {
    color: var(--dark-grey);
    font-size:20px;
    font-size:1.1em;
}

.fiche button.accordion-button{
    font-size: 25px;
    font-weight: bold;
    background-color: transparent;
    box-shadow: none;
}
.sheet-testimony .fiche button.accordion-button{
    color: var(--main-green);
}
.sheet-experience .fiche button.accordion-button{
    color: var(--main-red);
}

.fiche button.accordion-button::after{
    margin-left: 10px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
    background-size: 50% !important;
    background-position: center;
}

.sheet-testimony .fiche .accordion-button::after {
    background-color: var(--main-green);
}

.sheet-testimony .fiche .accordion-button, .sheet-testimony .fiche .accordion-body{
    padding-left:0;
}
.sheet-testimony .fiche .accordion-body .accordion-button,
.sheet-testimony .fiche .accordion-body .accordion-body
{
    padding-left:15px;

}



.sheet-experience  .fiche .accordion-button::after {
    background-color: var(--main-red);
}

.fiche .accordion-item{
    border: none;
}
.fiche .accordion-header{
    display:inline-block;
}



/* recipe accordion */
.sheet-experience .fiche article #accordionRecipes .accordion-header,
.sheet-experience .fiche article #accordionRecipes .accordion-body{
    border: 1px solid var(--main-red);
}
.sheet-testimony .fiche article #accordionRecipes .accordion-header,
.sheet-testimony .fiche article #accordionRecipes .accordion-body{
    border: 1px solid var(--main-green);
}
.fiche article #accordionRecipes .accordion-header,
.fiche article #accordionRecipes .accordion-body{
    background-color: #f7f7f7;
}
.fiche article #accordionRecipes .accordion-body{
    margin-top: -1px;
}
.fiche article .accordion-body h3,
.fiche article h3{
    font-weight:bold;
}

.fiche article #accordionRecipes .accordion-item{
    margin: 20px 0px;
}

.surtitre{
    font-family: 'Asap condensed';
    font-size: 1.2em;
    color: #D9434366;
    font-style: italic;
    margin:0;
}

a.source , a.source:hover, a.source:focus, a.source:active,
a.lien_ouvrage , a.lien_ouvrage:hover, a.lien_ouvrage:focus, a.lien_ouvrage:active{
    color: var(--dark-grey);
    font-weight: bold;
    text-decoration: none;
}

span.fiche-label{
    display:block;
    color: var(--dark-grey);
    font-weight:bold;
}

.sheet-experience span.fiche-label{
    display:inline;
}
.sheet-experience p {
    margin-bottom: 5px;
}

p.definition{
    color: var(--dark-grey);
    font-style: italic;
}

table {
    text-align:center;
}
table td, table th{
    vertical-align: middle;
}

.preparation p {
    margin-bottom: 5px;
}
.preparation span {
    font-weight:bold;
    margin-right: 5px;
}

.preparation{
    display:flex;
    flex-flow: row wrap;
}


.substance{
    display:block;
}
.substance p{
    display:inline-block;
    margin: 0;
}

.page_rubrique .card a{
    color: var(--dark-grey);
    text-decoration:none;
}

.page_rubrique .card a:hover{
    color: var(--hover-grey);
}

.pagination .pagination-items{
    width: 100%;
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom:0px;
}

.pagination .pagination-items .pagination-item{
    margin: 10px;
}
.pagination .pagination-items .pagination-item .pagination-item-label.on{
    font-weight: bold;
}
.pagination .pagination-items .pagination-item a{
    color: var(--dark-grey);
    text-decoration: none;
}

footer {
    background-color: var(--medium-grey);
    color: var(--dark-grey);
    padding: 15px 0px;
    text-align: center;
}

.partenaire-footer img{
    margin: 20px;
    height:75px;
    max-height: 75px;
    width:auto;
}

footer a,
footer a:hover,
footer a:focus,
footer a:visited
{
    text-decoration:none;
    color :var(--dark-grey);
}

/* Formulaire formidable */
.formulaire_spip label{
    display:block;
}


/* PARTENAIRES */


#partenaires h2{
    font-size: 2rem;
    font-weight: bold;
    color: #757575;
}
    #partenaires h3{
    color: #a9a9a9;
    font-size: 1.3em;
}
#partenaires a{
    color: #a9a9a9;
    text-decoration: none;
}
#partenaires a:hover{
    color: var(--hover-grey);
}

#partenaires .label-detail img{
    max-height: 16px;
    width: 20px;
    height: 16px;
}

/* FORMULAIRE FORMIDABLE PARTAGER */

.article-97 h1{
    color: var(--main-blue);
}

#formulaire_formidable-1{
    width: 60%;
    display:block;
    margin:auto;
}

/* Radio buttons type */
#formulaire_formidable-1 .saisie_radio{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
}
#formulaire_formidable-1 .saisie_radio .editer-label{
    text-align: center;
}
#formulaire_formidable-1 .saisie_radio .choix input{
    width: 20px;
    margin-left:0;
    margin-right:5px;
}
#formulaire_formidable-1 input[type=radio]{
    accent-color: var(--main-blue);
    height: 20px;
}
#formulaire_formidable-1 .choix{
    display:flex;
    flex-flow: row nowrap;
    flex-grow: 1;
}
#formulaire_formidable-1 .choix label{
    font-weight: bold;
}
#formulaire_formidable-1 .type-share-radio.choix_actualite {
    justify-content: center;
}
#formulaire_formidable-1 .type-share-radio.choix_evenement, .choix_physique {
    justify-content: flex-end;
}

#formulaire_formidable-1 .editer-label{
    text-align: left;
    font-size: 1.1em;    font-family: 'Asap condensed';
}
#formulaire_formidable-1 .editer input, #formulaire_formidable-1 .editer textarea{
    display:block;
    margin:auto;
    width: 100%;
}
#formulaire_formidable-1 .boutons{
    text-align: center;
}

#formulaire_formidable-1 #champ_fieldset_1 legend span{
    color: var(--main-blue);
}
#formulaire_formidable-1 #champ_fieldset_1 .editer_radio_2 legend {
    display: none;
}

#formulaire_formidable-1 .editer{
    width:100%
}

#formulaire_formidable-1 .boutons button.submit{
    background-color: var(--main-blue);
    border-color: var(--main-blue);
    font-size: 1.2em;
    font-weight: bold;
}
#formulaire_formidable-1 .boutons button.submit:hover{
    background-color: var(--hover-blue)
}

#champ_fieldset_1 .editer-groupe {
    display:flex;
    flex-flow: row wrap;
}
#formulaire_formidable-1 .editer_date_1 {
    width: 25%;
}
#formulaire_formidable-1 .editer_input_5 {
    width: 60%;
    margin-left:auto;
}
#formulaire_formidable-1 #champ_input_5{
    margin-top: 2px;
}

#formulaire_formidable-1 input{
    text-align:left;
}


@media only screen and (max-width: 991px) {
    nav#nav ul.navbar-nav li a{
        padding-left: 10px;
    }

    #formulaire_formidable-1{
        width: 75%;
    }

    .main {
        width: 90%;
    }

}

@media only screen and (max-width: 576px) {
    .main{
        width: 100%;
    }
    #formulaire_formidable-1{
        width: 100%;
    }
    #partenaires {
        padding: 30px;
    }
    #partenaires img{
        max-height: 150px;
        display:block;
        margin: auto;
    }
    #last-posts .slider-posts.slick-slider .slick-slide .slider-content{
        margin:auto;
    }

}