/*@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@500&display=swap');*/
@import url('couleurs-template.css');
/* Rappel: @import doit être sur la PREMIÈRE LIGNE */

@font-face {
    font-family: 'neometricblack';
    src: url('fonts/neometric_black_regular-webfont.woff2') format('woff2'),
         url('fonts/neometric_black_regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}


html { position: relative; min-height: 100%; }
body
{
	background:#fff url(../img/uploads/main-bg.gif) no-repeat 0 0 fixed; background-size:cover;
	font-size: 1.15rem;
	/* margin-bottom = hauteur du sticky footer => cf MEDIA QUERIES */
}

/* couleurs du template (cf devTools/custom-bootstrap-btn-colors.php) => couleurs-template.css */

/* styles différents en fonction du type de page (cf mysql "page_type") : */
.is_index .layout-accueil .miniatures .card { background:none; border:none; border-radius:0; }

/* .navbar-thin-top => inspiré de .navbar-admin : */
.navbar-thin-top { min-height:26px; margin:0; padding:4px 0; border:none; z-index:1039; /*car .navbar-admin=1040*/ background-color:#1e73be!important; }
.navbar-thin-top .navbar-nav > li.nav-item > a.nav-link { padding:0 4px; color:#fff; text-shadow:none; font-size:0.9rem }
.navbar-thin-top .navbar-nav > li:not(:last-child) { margin-right:20px; }

#navbar-public .navbar-nav > li.nav-item.active > .nav-link { color:#E51C22; /*border-bottom:2px dashed #e3a036!important;*/ }
#navbar-public .navbar-nav .nav-link { font-weight:bold; color:#555; } /* +MEDIA QUERIES*/

nav.navbar.sps { z-index:1030; width:100%; }
nav.navbar.sps--blw { position:fixed; top:0; animation-name:slideInDown; } /*♥ animation-name:slideInDown cf .slideInDown (animate.css) */
nav.navbar.sps--blw .navbar-nav .nav-link { height:85px!important; line-height:85px!important; /* hauteur du logo + marges haut et bas*/ }
nav.navbar.sps--blw .navbar-brand img {  max-height:90px!important; margin:-10px 0 5px}
/*nav.navbar.sps--blw .navbar-nav > li.nav-item.active > .nav-link { }*/


.navbar-custom-bg
{
	background-image:linear-gradient(#fff 0%, #fff 70%, #f9f9f9 100%);
	border-bottom:1px dashed #dadada; /*AVANT: box-shadow:0 -1px 0 #eee inset;*/

	/*AVANT:
	background-image:linear-gradient(#fff 0%, #fff 80%, #eee 100%);
    height:auto;
    border-bottom-left-radius:20%;
    border-bottom-right-radius:20%;
    box-shadow:0 -1px 0 #e5e5e5 inset;
	/* OU background:transparent url(../img/uploads/vagues.png) 0% 100% repeat-x; */
}


h1, .bloc_unit h2, .bloc_unit .h2 { font-family: 'neometricblack', sans-serif; font-size:2.4rem; color:#000; /*OU #1e73be*/ }
/*AVANT: h1, .is_index .bloc_unit h2 { font-family: 'DK Lemon Yellow Sun', cursive; font-size:2.4rem; font-weight:bold; text-transform:uppercase; color:#1e73be; }*/
/* .is_index .bloc_unit h2 { font-size:2.2rem; margin-bottom:2.5rem; } */
h1 { text-align:center; margin:1.6rem 0 4.2rem; }
.bloc_unit h2, .bloc_unit .h2 { font-size:2rem; }



/*PUCES devant les h2 (désormais fait directement en html) :*/
/*.bloc_unit:nth-child(4n+0) h2::before { font-family: "Font Awesome 5 Free"; content: "\f443"; font-weight:900; color:#70B262; padding-right:15px }
.bloc_unit:nth-child(4n+1) h2::before { font-family: "Font Awesome 5 Free"; content: "\f1bb"; font-weight:900; color:#70B262; padding-right:15px }
.bloc_unit:nth-child(4n+2) h2::before { font-family: "Font Awesome 5 Free"; content: "\f4d8"; font-weight:900; color:#70B262; padding-right:15px }
.bloc_unit:nth-child(4n+3) h2::before { font-family: "Font Awesome 5 Free"; content: "\f61f"; font-weight:900; color:#70B262; padding-right:15px }
.bloc_unit:nth-child(4n+4) h2::before { font-family: "Font Awesome 5 Free"; content: "\f578"; font-weight:900; color:#70B262; padding-right:15px }
.bloc_unit:nth-child(4n+5) h2::before { font-family: "Font Awesome 5 Free"; content: "\f5bb"; font-weight:900; color:#70B262; padding-right:15px }
<i class="fas fa-seedling text-success"></i>
<i class="fas fa-tree text-success"></i>
<i class="fas fa-shapes text-success"></i>
<i class="fas fa-fish"></i>*/


[class*="-left"].cms_img { margin:0 3.5rem 3.5rem 0 } /*équivalent de .float-left.cms_img, .float-sm-left.cms_img, float-md-left.cms_img, etc.*/
[class*="-right"].cms_img { margin:0 0 3.5rem 3.5rem } /*idem*/

.bloc_unit:nth-child(even) .cms_img { /*transform:rotate(-3deg);*/ padding:6px; border: 3px dashed #70B262; /*AVANT:#1e73be*/ }
.bloc_unit:nth-child(odd) .cms_img { /*transform:rotate(3deg);*/ padding:6px; border: 3px dashed #E51C22; }


.cms_texte { margin-top:30px; margin-bottom:75px; }
.cms_texte h2 { text-align:left; }
/*.cms_texte, .cms_texte p { color:#212529!important; } /*reset (BIDOUILLE! A CREUSER)*/
.cms_texte a:not(.btn) { color:#1e73be; }
.cms_texte a:not(.btn) strong, .cms_texte strong a:not(.btn) { color:#1e73be; font-weight:bold }
/*puces colorées sur les listes à l'intérieur des articles (cms): */
.cms_texte ul { list-style:none; padding-left:0; text-align:left; } /*suppression des puces par défaut*/
.cms_texte ul li::before { font-family: "Font Awesome 5 Free"; content: "\f111"; font-weight:900; font-size:0.95rem; color:#70B262; padding-right:15px }
.cms_texte ul li:not(:first-child) { padding-top:1rem; } /*un peu d'air*/

.vignettes .card, .vignettes-alt .card, .vignettes_desactivees .card { border:none; }

.page_id_1056 .template .bloc_unit .date-et-auteur { display:none; } /*page agenda (type "blog")*/

/*footer*/
.footer { position:absolute; bottom:0; width:100%; height:310px; /*=margin-bottom de body*/ padding-top:50px;
background-image:linear-gradient(#f9f9f9 0%, #fff 100%);
	border-top:1px dashed #dadada; /*bordure supérieure colorée (avant: box-shadow:0 1px 0 #eee inset;)*/ }
.footer .titre { font-weight: bold; margin-bottom: 15px }
.footer img { max-height:115px; }
.footer .col-md-4:not(:first-child) { border-left:3px dotted #d5d5d5 }
.footer li.nav-item > a.nav-link { padding:0; color:#a2a2a2; }
.footer li.nav-item > a.nav-link::before { font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight:900; color:#E51C22; padding-right:15px }
.footer .fas { color:#E51C22; } /*icônes Font Awesome*/

/*** *** *** *** *** MEDIA QUERIES ► xs (<=576px), sm (>=576px), md (>=768px), lg (>=992px) or xl (>=1200px) *** *** *** ***/

/* dark theme (À CREUSER) */
@media (prefers-color-scheme: dark)
{
  body { background-image:none }
}

/* Small devices portrait */
@media (min-width:480px)
{
	body { margin-bottom:310px; /* margin-bottom = footer height */ }
}
/* Small devices (tablets, 768px and up) // col-sm */
@media (min-width:768px)
{
	#navbar-public .navbar-nav .nav-link { height:135px; line-height:135px; padding:0; } /* hauteur du logo + marges haut et bas */
	.navbar-brand img { max-height:115px; margin:10px 0; } /* logo dans .navbar-brand */
}

/* Medium devices (desktops, 992px and up) // col-md */
@media (min-width:992px)
{
}

/* Large devices (large desktops, 1200px and up) // col-lg */
@media (min-width:1200px)
{
}

/* Landscape phones and down */
@media (max-width:480px) and (orientation:landscape)
{
	.vignettes_desactivees .card .card-text { display:block!important; font-size:1vw!important; } /*TODOO=> BIDOUILLE pour forcer l'affichage des légendes sous mobile*/
}

/* Landscape phone to portrait tablet // col-md */
@media (max-width:767px)
{
}

/* col-md col-lg */
@media (max-width:991px)
{
}

/* impression */
@media print
{
}