/* Styles du layout */


/* modif style par défaut spip : affichage de 2 crochets */
a[hreflang]:after {
  content: "" ;
}
.spip_documents_left { max-width: none; }
.spip_documents_right { max-width: none; }






body {
    padding:0;
    background-image: url(../img/texture100.jpg);
    overflow-x: hidden;
}
#page {
    max-width:none;
    background-image: url(../img/bamboo.gif);
    background-repeat: repeat-y;
}

img {
    max-width: 100%;
    height: auto;
}
header.mainHeader {position:relative;}
nav#nav {position:absolute;height:34px;top:calc(75%);right: 0;left: 0;padding: 2px 0px;}
.navbar-toggler {padding : 0;}
.navbar-toggler-icon {width:1.4em;height:1.4em;margin-bottom:2px;}
#navbarToggler.show {z-index:10;}
nav a, nav a:visited {color:inherit;}
nav#nav a:focus, nav#nav a:hover, nav#nav a:active {}
a:focus img, a:active img {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

nav#nav ul li>a {font-weight:600;background-color:rgba(139,190,237,0.6);border: 1px solid rgba(139,190,237,.8);border-radius: .5rem;margin-right:3px;}
nav#nav ul li>a:hover {background-color: rgba(139,190,237,0.8);border: 1px solid rgba(139,190,237,1);}
nav#nav ul li>a:focus {background-color: rgba(139,190,237,0.8) !important; border: 1px solid rgba(139,190,237,1) !important;color: inherit !important;}

nav#nav div.dropdown-menu {background-color: rgba(139,190,237,1);border: 1px solid rgba(139,190,237,1);border-radius: .5rem;}
nav#nav .dropdown-item:focus, .dropdown-item:hover {font-weight:600;color:rgb(230, 230, 230);background-color:rgba(44,80,96,0.8);}
footer.footer {border:none;padding:0;}

footer.footer p.colophon {width:100%;border-top: 1px solid #999;font-size:0.9em;}

/*.pageContent a:not(.btnLireSuite), .pageContent a:not(.btnLireSuite):active {background:transparent !important;color:#cf3525 !important;}*/
/*.pageContent a:not(.btnLireSuite):hover, .pageContent a:not(.btnLireSuite):focus {background:transparent !important;color : #c41558 !important;}*/




/************************/
/*     global layout    */
/************************/
#page {
    padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;
    /*background-color:red;*/
}
header {
    /*background-color:yellow;*/
}
nav {
    /*background-color:green;*/
}
main.main {
    /*background-color:orange;*/
    padding: 0.5em 0;

}
.pageContent {
    border: 1px solid lightgray; border-radius: 16px 16px 16px 16px;box-shadow: -3px 0 12px -4px rgba(1, 1, 1, 0.87), 3px 0 12px -4px rgba(1, 1, 1, 0.87);
}
footer {
    /*background-color:lightgreen;*/
}


/* default - max width 576px */
@media (max-width: 576px) {
    /*#page {width:100%;background-position: calc(7.3% + 5px);background-size: calc(1.2%);}*/
    /*main, nav.nav {padding-left:calc(8%) !important;}*/
    #page {background-image:none;}
    nav#nav {/*position:absolute;*//*height:34px;*/top:calc(66%)}
}

/* min width 577px */
@media (min-width: 577px) {
    #page {width:563px;background-position: 44px;background-size: 7px;}
    main, nav#nav, footer.footer {padding-left:3em !important;}
    .nav-link {padding: .2rem 1rem;}
}

/* min width 768px */
@media (min-width: 768px) {
    #page {width:754px;background-position: 55px;background-size: auto;}
    main, nav#nav, footer.footer {padding-left:4em !important;}
    .nav-link {padding: .5rem 1rem;}
}

/* min width 992px */
@media (min-width: 992px) {
    #page {width:978px;background-position: 67px;background-size: 12px;}
    main, nav#nav, footer.footer {padding-left:5em !important;}
}

/* min width 1200px */
@media (min-width: 1200px) {
    #page {width:1350px;;max-width:100%;background-position: calc(6% + 9px);background-size: calc(1.15%);}
    main, nav#nav, footer.footer {padding-left:calc(8%) !important;}
}
/* min width 1380px */
@media (min-width: 1394px) {
    #page {width:1350px;background-position: 87px;background-size: 17px;}
}





/************************/
/*       CONTENT      */
/************************/

/************************/
/*       slideDiv       */
/************************/
#slidediv_container {
    position: fixed;
    width: 350px;
    top:0;
    right: -350px;
}

#slidediv-btn {
    margin-left:-146px;
    /*margin-top:-45px;*/
    width:146px;
    height:40px;
    /*background:#ea572a;*/
    background:#cf3525;
    line-height:40px;
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    cursor: pointer;
    text-align:center;
    text-transform:uppercase;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    opacity: 0.85;
    filter: alpha(opacity =85);
    -moz-box-shadow: 0px 2px 4px 1px #656565;
    -webkit-box-shadow: 0px 2px 4px 1px #656565;
    -o-box-shadow: 0px 2px 4px 1px #656565;
    box-shadow: 0px 2px 4px 1px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=0);
}


#slidediv-content {padding-left:109px;}
#slidediv-content>div:not(.rainette_conditions) {background:#fdfcf6;border-left: 2px solid #DDDDDD;border-right: 2px solid #DDDDDD;}
#slidediv-content>div#zoneRecherche {background-color:transparent;border:none;}
#slidediv-content>div.titreListe {border-top: 2px solid #DDDDDD;border-radius: 16px 16px 0 0;}
#slidediv-content>div.lastItem {border-bottom: 2px solid #DDDDDD;border-radius: 0 0 16px 16px;}
/*#slidediv-content>div:last-child {border-bottom: 2px solid #DDDDDD;border-radius: 0 0 16px 16px;}*/

#slidediv_container.slidediv-opened {
    right: 0px;
    position:absolute;
}
#slidediv_container.slidediv-opened #slidediv-btn{
    /*margin-left:0px;*/
    margin-left:109px;
    width:calc(350px - 109px);
    /*-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
    /*-moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;*/
    height: 40px;
    border-radius: 6px 0 0 6px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=4);
}
#slidediv_container.slidediv-opened img.doubleFleche, #slidediv_container.slidediv-opened img.compass {
    -ms-transform: rotate(540deg); /* IE 9 */
    -webkit-transform: rotate(540deg); /* Chrome, Safari, Opera */
    transform: rotate(540deg);
} 

/* Transitions */
#slidediv-btn, #slidediv_container img.doubleFleche, #slidediv_container img.compass{
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#slidediv_container {
    -webkit-transition: right 0.6s ease;
    -moz-transition: right 0.6s ease;
    transition: right 0.6s ease;
}


#slidediv-content>div.titreListe{
    background: #8BBEED;
    text-align: center;
    font-weight: bold;
    margin-top:4px;
    padding: 8px 0;
}
.itemListe{
    padding: 6px 2px 6px 3px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
}
#slidediv-content>div.itemListe:hover {
    background: #F1EFDC;
    /*border-top: 1px solid #FFFFFF;*/
    /*border-bottom: 1px solid #DDDDDD;*/
}


.rainette_conditions {margin:4px 0 0 0;border-radius: 8px;float:none;}
.rainette_conditions, .rainette_conditions .statut {width:100%;padding:0;}
.rainette_conditions .statut {background:#fdfcf6;}
.rainette_conditions .lieu {}
.rainette_conditions img {width:60px;}
.rainette_conditions .t_reelle {font-size:3em;margin:0.05em 0 0 0.25em;}
.rainette_conditions .resume {padding:0;}
.rainette_conditions .cadre {float:none;width:auto;border:none;margin:0;padding:0;background:transparent;}



.itemListeInfo{font-size: 60%;font-style: italic;}
.itemListeTitre{font-size: 85%;}

.itemListeRacine {border-bottom: 4px solid #C3C1B5;}
.itemListeCourant {font-style: italic;font-weight: bold;}
.itemIsLeave {padding-left:1em;}


.logoSide {position:absolute;opacity:0;}
#logoPays{left:0;}
#logoTheme{left:50px;}


/* champ de recherche */
#croqueSearch { position:relative;margin-top: 8px;}
.searchbox {width:100%;height:36px;transition: width 0.3s;}
#recherche {width:calc(100% - 36px);border:1px solid #dadada;height:36px;}
.searchbox-submit,
.searchbox-icon {
    width:36px;
    height:36px;
    display:block;
    position:absolute;
    float:right;
    top:0;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:36px;
    text-align:center;
    cursor:pointer;
    color:#ffffff;
    background:#9d9d9d;
    border-radius: 0 4px 4px 0;
}
.searchbox{max-width:calc(800px);}


/* ancre de retour */

.toTop {position: fixed;bottom: 20px;right: -150px;z-index: 100;opacity:0.5;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease;}
.toTop:hover {opacity:0.9;-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}



.pageContent {padding: 2% 2%;}
.page_rubrique .pageContent, .page_recherche .pageContent {padding: 0;}

/************************/
/*       articles       */
/************************/
main #articles li {text-align:justify !important;}
/* liste des articles récents du sommaire : pas de retrait à gauche */
ul.listeRecents {padding-left:0;list-style:none;}
.pageContent {text-align:justify;}

/*li.artRecent {border-top: 1px solid #F1EFDC;border-bottom: 1px solid #DDDDDD;}*/
/*li.artRecent {border-top: 2px solid red;border-bottom: 2px solid green;}*/

li.artRecent:not(:first-of-type) {
  border-top: 1px solid #F1EFDC;
  padding-top: 2%;
}

li.artRecent:not(:last-of-type) {
  border-bottom: 1px solid #DDDDDD;
}


main .logo_Article_Rubrique, main .logo_Rubrique {float:left;padding-right:10px;}
.page_recherche main .logo_Article_Rubrique, .page_recherche main .logo_Rubrique,
.page_rubrique main .logo_Article_Rubrique, .page_rubrique main .logo_Rubrique
{float:right;/*padding-left:10px;*/padding-right:0;}

main .artSurtitre {font-size: 80%;}
main .artTitre {}
main .artSoustitre {font-size: 80%;}
main .artDetail {font-size: 70%;font-style: italic;}
main .artChapo {font-style:italic;}


.documents_portfolio h2 {font-style:italic;}
.documents_portfolio ul, .photogrid {
    display:grid;
    /*grid-template-columns: repeat(auto-fill, 140px); /* colonnes de 140px */
    /*grid-auto-rows: 140px; /* des lignes automatiques de 140 */
    justify-content: center;
    padding-bottom:2em;
}
.photogrid .spip_documents_left{
    margin-right: 0.5em;
}

/*
.pagination .on,
.pagination a:hover,
.pagination a:focus,
.pagination a:active { font-weight: normal; background: #cf3525; color: #fff; }
.pagination .sep {
    width: 4px;
    display: inline-block;
}*/
.pagination-items { margin: 4px 0 0 10px; }
.pagination-item { width:25px; float:left; }
.pagination .on .pagination-item-label.on { font-weight: bold ; font-size:1.2em ; padding : 0.2em; background: #cf3525;}
.pagination-item.prev, .pagination-item.next { /*width:200px;*/ font-size:0.8em; }
.pagination-item.prev.disabled, .pagination-item.next.disabled { font-size:0.6em; color:grey; }
.pagination-item.prev a:hover, .pagination-item.next a:hover{ color:green; }


.titreRA {
    background: #8BBEED;
    text-align: center;
    font-weight: bold;
    padding: 8px 0;
    border-radius: 8px 8px 0 0;
    font-size:1rem;
    margin-bottom:0;
}
.itemRA {
    padding: 1% 1%;
}
.itemRA:not(:last-child) {
    border-bottom: 1px solid #CCCCCC;
}
.itemRA:hover {
    background-color: #F1EFDC;
}
.itemRA:not(:last-child):hover {
    border-bottom: 1px solid #CCCCCC;
    background-color: #F1EFDC;
}
.RAsurtitre{
    font-size: 80%;
}
.RAtitre {
    font-size: 120%;
}
.RAsoustitre{
    font-size: 80%;
}
.RAintro{
    margin : 1em 0;
    font-size: 80%;
}
.RAcredits {
    font-size: 70%;
    font-style: italic;
}
.btnLireSuite {
    float:right;
    margin-right:4px;
    margin-top: -0.6em;
    width:132px;
    height:32px;
    background:#cf3525;
    line-height:32px;
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    cursor: pointer;
    text-align:center;
    /*text-transform:uppercase;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0px 2px 4px 1px #656565;
    -webkit-box-shadow: 0px 2px 4px 1px #656565;
    -o-box-shadow: 0px 2px 4px 1px #656565;
    box-shadow: 0px 2px 4px 1px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=0);
}
.btnLireSuite:active {
    background-color:#cf3525;
}
.btnLireSuite:focus  {
    background-color:#c41558 !important;
}
.btnLireSuite:visited  {
    color:#ffffff !important;
}
.pageContent h3 {
    text-align: center;
    margin-top: 1.8em;
    margin-bottom: 1.6em;
    font-size: 1.3rem;
    font-weight: bold;
}
.texteCentre {
    /*display:inline-block;*/
    display:flex;
    flex-direction: column ;
    align-items: center;
    margin: 0 auto; 
}
.texteCentre p {
    text-align:center;
}
.indente:first-letter{
   padding-left:2%;
   text-transform:uppercase;
}
.indenteMaj:first-letter{
   padding-left:4%;
   text-transform:uppercase;
   font-size:140%;
}
.indenteMajG:first-letter{
   padding-left:4%;
   text-transform:uppercase;
   font-size:160%;
   font-weight:bold;
}
.majG:first-letter{
   text-transform:uppercase;
   font-size:160%;
   font-weight:bold;
   display:inline;
}
.imageUneLigne {
    display:flex;
}
.imageUneLigne .spip_documents_left {
    margin-right:auto;
}
.bandeau4  {
    text-align:center;
}
.bandeau4 img {
    margin-right: 6px;
    margin-left: 6px;
}
.container-fluid div.col {padding: 0px 0.8%;}

/****************************************************/
/*               Recettes de cuisine                */
/****************************************************/
.page_recette .pageContent ul {list-style : disc inside; padding-left:20px; }
/*.page_recette #caseHD img {}*/

.noItemRecette {
    color: #FF9933;
    font-weight: bold;
    /*font-size: 18px;*/
    font-size: 1.2em;
    float:left;
    width:10%;
}
.itemRecette {
    float:left;
    width:87%;
}
.separateur {
    clear:both;
}

#caseHG {
    float:left;
    width:45%;
}
#caseHD {

    float:right;
    width:53%;
}
#caseBG {
    float:left;
    width:45%;
}
#caseBD {
    float:right;
    width:53%;
}
.mb05 span{margin-bottom: 0.5em !important;}



/*.page_rubrique .pagination {padding: 1% 1%;}*/
.pageContent .pagination {/*padding: 1% 1%;*/margin-bottom: 0.2rem;}




/* default - max width 576px */
@media (max-width: 576px) {

    #slidediv-btn {
        width:28px;
        height:28px;
        margin-left: -44px;
        border-radius: 4px;
        overflow:hidden;
    }

    .logo_Article_Rubrique, .logo_Rubrique {max-width:11%;}
    .pageContent {font-size:0.8rem;}
    h2 {font-size:1.5em;}
    .documents_portfolio ul {
        grid-template-columns: repeat(auto-fill, 102px); /* 3 colonnes de 102px */
        grid-auto-rows: 102px; /* des lignes automatiques de 102px */
    }
    .photogrid  {
        grid-template-columns: repeat(auto-fill, 102px); /* colonnes de 102px */
        grid-auto-rows: 102px; /* des lignes automatiques de 102px */
    }
    nav#nav ul li>a {margin-right:0;}
    nav#nav ul li>a {font-weight:600;background-color:rgba(139,190,237,0.95);border: 1px solid rgba(61,62,61,0.3);border-radius: .5rem;}
    nav#nav ul li>a:hover {background-color: rgba(139,190,237,0.95);border: 1px solid rgba(61,62,61,0.3);}
    nav#nav ul li>a:focus {background-color: rgba(139,190,237,0.95) !important; border: 1px solid rgba(61,62,61,0.3) !important;color: inherit !important;}
    nav#nav div.dropdown-menu {background-color: rgba(139,190,237,0.95);border: 1px solid rgba(61,62,61,0.5);border-radius: .5rem;margin:0;}
    .toTop {max-width:48px !important;}
    #cboxContent {font-size:75%;}
    #cboxTitle, #cboxCurrent, #cboxSlideshow {bottom: 3px;}

}

/* min width 577px */
@media (min-width: 577px) {
    .logo_Article_Rubrique, .logo_Rubrique {max-width:12%;}
    .pageContent {font-size:0.9rem;}
    h2 {font-size:1.5em;}
    .documents_portfolio ul {
        grid-template-columns: repeat(auto-fill, 150px); /* 3 colonnes de 150px */
        grid-auto-rows: 150px; /* des lignes automatiques de 150 */
    }
    .photogrid  {
        grid-template-columns: repeat(auto-fill, 150px); /* colonnes de 150px */
        grid-auto-rows: 150px; /* des lignes automatiques de 150px */
    }
    .toTop {max-width:48px !important;}
}

/* max width 768px */
@media (max-width: 768px) {
    .btnLireSuite {font-size:85%;width:10em; height:32px;}
}

/* min width 768px */
@media (min-width: 768px) {
    .pageContent {font-size:medium;}
    h2 {font-size:1.5rem;}
    .documents_portfolio ul  {
        grid-template-columns: repeat(auto-fill, 180px); /* colonnes de 180px */
        grid-auto-rows: 180px; /* des lignes automatiques de 180 */
    }
    .toTop {max-width:96px  !important;}
    .titreRA {font-size:1.5rem;border-radius: 12px 12px 0 0;}
}

/* min width 992px */
@media (min-width: 992px) {
    .toTop {max-width:96px  !important;}
    .photogrid  {
        grid-template-columns: repeat(auto-fill, 260px); /* colonnes de 260px */
        grid-auto-rows: 260px; /* des lignes automatiques de 240px */
    }
}

/* min width 1200px */
@media (min-width: 1200px) {
    .titreRA {font-size:2rem;border-radius: 16px 16px 0 0;}
}
/* min width 1380px */
@media (min-width: 1394px) {
    .vphotogrid  {
        grid-template-columns: repeat(auto-fill, 300px); /* colonnes de 360px */
        grid-auto-rows: 300px; /* des lignes automatiques de 360px */
    }
}

/* Liens : retour au comportement de Bootstrap 4
   (Bootstrap 5 souligne les liens par défaut) */
a { text-decoration: none; }
.nav-link:hover, .dropdown-item:hover, .navbar-brand:hover, .btn:hover, .page-link:hover { text-decoration: none; }

/************************/
/*  recherche sans résultat  */
/************************/
.rechercheVide {margin: 0;}
.rechercheVide-corps {
    padding: 2.5em 2em 2em;
    text-align: center;
}
.page_recherche .rechercheVide-corps {text-align: center;}
.rechercheVide-picto {display: block; margin: 0 auto 1em;}
.rechercheVide-titre {font-size: 1.35rem; font-weight: bold; margin: 0 0 .3em; overflow-wrap: anywhere;}
.rechercheVide-titre strong {color: #cf3525;}
.rechercheVide-texte {color: #666; margin: 0 0 1.5em;}

.rechercheVide-form {
    display: flex;
    max-width: 30em;
    margin: 0 auto 1.2em;
    border-radius: 6px;
    box-shadow: 0 2px 4px 1px rgba(101,101,101,.35);
    overflow: hidden;
}
.rechercheVide-form input {
    flex: 1;
    min-width: 0;
    border: 1px solid #dadada;
    border-right: 0;
    border-radius: 6px 0 0 6px;
    padding: .55em .8em;
    font-size: 1rem;
    background: #fff;
}
.rechercheVide-form input:focus {outline: none; border-color: #8BBEED; box-shadow: inset 0 0 0 2px rgba(139,190,237,.6);}
.rechercheVide-form button {
    border: 0;
    background: #cf3525;
    color: #fff;
    font-weight: bold;
    padding: 0 1.2em;
    cursor: pointer;
    transition: background-color .2s;
}
.rechercheVide-form button:hover, .rechercheVide-form button:focus-visible {background: #c41558;}

.rechercheVide-conseils {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5em;
}
#articles .rechercheVide-conseils li {
    background: rgba(139,190,237,.25);
    border: 1px solid rgba(139,190,237,.6);
    border-radius: 1em;
    padding: .15em .8em;
    font-size: .85rem;
    text-align: center !important;
}

.rechercheVide-derniers {
    border-top: 1px solid #F1EFDC;
    padding-top: 1em;
    margin-bottom: 0;
}
.rechercheVide-derniers p {margin: 0 0 .5em; color: #666;}
.rechercheVide-derniers ul {list-style: none; padding: 0; margin: 0;}
#articles .rechercheVide-derniers li {text-align: center !important; margin: .25em 0;}
#articles .rechercheVide-derniers a,
#articles .rechercheVide-derniers a:link,
#articles .rechercheVide-derniers a:visited {
    display: inline-block;
    padding: .2em .8em;
    border-radius: 1em;
    color: #cf3525 !important;
    background: transparent !important;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .2s, color .2s;
}
#articles .rechercheVide-derniers a:hover,
#articles .rechercheVide-derniers a:focus,
#articles .rechercheVide-derniers a:active {
    color: #fff !important;
    background: #cf3525 !important;
    text-decoration: none;
    outline: none;
}
#articles .rechercheVide-derniers a:focus-visible {box-shadow: 0 0 0 3px rgba(139,190,237,.8);}