/********** FONTS **********/

	@font-face {
		font-family: LimeTitle;
		src: url("../webfonts/lime-title.ttf") format("truetype");
	}
	@font-face {
		font-family: Lime;
		src: url("../webfonts/lime.ttf") format("truetype");
	}
	@font-face {
		font-family: LimeFooter;
		src: url("../webfonts/lime-footer.otf") format("truetype");
	}

/********** END FONTS **********/

body {
	background: #FAFFFA;
	font-family: Trebuchet MS;
}
.lime {
	font-family: LimeTitle;
	color: #2D8237;
	font-size: 14px;
}

/********** NAVBAR **********/
/*EEFFEE*/
	#navbar.bg-light {
		border-bottom: 3px solid white;
		background: #2D8237 !important;
		height: 90px;
	}
	#navbar .offcanvas {
		background: #2D8237 !important;
	}
	#navbar .navbar-brand {
		padding-left: 2%;
	}
	#navbar .navbar-brand #navbar-name {
		color: #CCFFCC;
		padding-top: 8px;
		font-family: LimeTitle;
		font-size: 32px;
		margin-left: 15px;
		vertical-align: middle;
	}
	#navbar .nav-item {
		padding-left: 15px;
		padding-right: 15px;
		border-right: 1px solid rgba(62,183,77,0.2);
	}
	#navbar .nav-item:last-child {
		border-right: 0px;
		padding-top: 5px;
	}
	#navbar .nav-link {
		text-transform: uppercase;
		font-family: LimeTitle;
		text-align: center;
		color: #CCFFCC;
		letter-spacing: 2px;
	}
	#navbar .nav-link .navbar-letter-lime {
		color: #FFFFAA;
	}
	#navbar .nav-item:hover, #navbar .nav-item .nav-link.active {
/*		text-decoration: underline;*/
	}
	#navbar .nav-item:hover .nav-link, #navbar .nav-item:hover .nav-link .navbar-letter-lime, #navbar .nav-item .nav-link.active {
		color: #FFFFAA;
	}

	#navbar #navbar-search-button {
		background: #EEFFEE;
	}
	#navbar #navbar-search-button:hover {
		background: #2D8237;
		color: #FFFFAA;
		border-color: #FFFFAA;
	}

/********** END NAVBAR **********/


/********** MAIN **********/

	.rubrique-description {
		font-style: italic;
		max-width: 1000px;
		border-color: #CCC;
		margin: 0 auto;
		font-size: 15px;
	}

	.headline {
		background: #2D8237;
		cursor: pointer;
		color: white;
	}
	.headline button {
		color: #2D8237 !important;
		background: #FFA !important;
	}
	.subheadline {
		background: #EEFFEE;
		cursor: pointer;
	}

	.title-headline {
		font-size: 40px;
		font-weight: bold;
		font-family: LimeFooter;
		color: #FFFFAA;
		line-height: 35px;
		margin-bottom: 15px;
		width: 69%;
		display: inline-block;
	}
	.titre-headline-tags .badge {
		background: #EEFFEE !important;
		color: #2D8237 !important;
		font-size: 16px;
		font-family: LimeFooter;
		padding: 5px 15px;
		border: 1px solid #2D8237;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-right: 10px;
	}
	.titre-headline-tags .badge:hover {
		background: #2D8237 !important;
		color: #FFFFAA !important;
		border-color: #FFFFAA;
		cursor: pointer;
	}
	.title-headline-infos {
		width: 30%;
		display: inline-block;
		color: #FFA;
		text-align: right;
		font-family: LimeFooter;
		font-size: 24px;
		vertical-align: top;
		line-height: 25px;
	}
	.recherche-resultats .title-headline-infos {
	  	color: #2D8237;
	}
	.title-headline-infos-date {
		font-size: 18px;
	}
	.title-subheadline {
		font-size: 36px;
		font-weight: bold;
		font-family: LimeFooter;
		color: #2D8237;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.titre-subheadline-tags .badge {
		background: #EEFFEE !important;
		color: #2D8237 !important;
		font-size: 16px;
		font-family: LimeFooter;
		padding: 5px 15px;
		border: 1px solid #2D8237;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-right: 10px;
	}
	.titre-subheadline-tags .badge:hover {
		background: #2D8237 !important;
		color: white !important;
		border-color: white;
		cursor: pointer;
	}
	.title-subheadline-infos {
		color: #888;
		font-family: LimeFooter;
		font-size: 22px;
		margin-bottom: 5px;
	}
	.title-subheadline-infos-date {
		font-size: 16px;
	}
	.recherche-resultats .headline {
		background: #EEFFEE;
		color: black;
		cursor: pointer;
	}
	.recherche-resultats .title-headline {
		font-size: 40px;
		font-weight: bold;
		font-family: LimeFooter;
		color: #2D8237;
	}
	.recherche-resultats .headline button {
		color: white !important;
		background: #2D8237 !important;
	}

	h1 {
		font-family: LimeFooter;
		color: #FFFFAA;
		background: #2D8237;
		padding-bottom: 10px;
/*		border-bottom: 3px solid rgba(62,183,77,0.7) !important;*/
		text-transform: uppercase;
		text-align: center;
		font-size: 60px !important;
	}
	h1 .fa {
		font-size: 42px;
	}
	h2 {
		font-family: LimeFooter;
		color: #2D8237;
		font-size: 20px;
	}

	.btn-primary {
		color: white !important;
		background: #2D8237 !important;
		border-color: #2D8237 !important;
	}
	.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
		color: #2D8237;
		background: #EEFFEE;
		border-color: #2D8237;
	}

	.article p, .article ul, .article ol {
		margin: 25px auto;
		max-width: 1000px;
		font-size: 1.25rem !important;
	}
	.article p.accroche {
		font-style:	italic;
	}

	.article h2 {
		font-size: 40px !important;
		text-align: center;
	}
	.article p.article-img {
		text-align:center;
	}
	.article p.article-img img {
		max-width: 600px;
		width: 100%;
		border: 5px solid #2D8237;
		cursor: pointer;
	}
	.article p.article-img .article-img-credits {
		font-style: italic;
		font-size: 0.95rem !important;
		color: #999;
		display: inline-block;
		margin-top: 8px;
	}

	.article .badges .badge.text-bg-primary {
		background: #2D8237 !important;
		color: #FFFFAA !important;
		font-size: 20px;
		font-family: LimeFooter;
		padding: 5px 15px;
		border: 1px solid #2D8237;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-right: 10px;
	}

	.article .badges .badge.text-bg-secondary {
		background: #EEFFEE !important;
		color: #2D8237 !important;
		font-size: 20px;
		font-family: LimeFooter;
		padding: 5px 15px;
		border: 1px solid #2D8237;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-right: 10px;
	}

	.article .badges .badge:hover {
		cursor: pointer;
		background: #2D8237 !important;
		color: white !important;
	}

	.article .article-infos {
		background: #EEFFEE;
		border: 1px solid #2D8237;
		border-radius: 5px;
		font-family: LimeFooter;
		padding: 5px 15px;
		color: #2D8237;
	}
	.article .article-infos .article-infos-auteur {
		display: inline-block;
		width: calc(50% - 3px);
		text-align:left;
	}
	.article .article-infos-date {
		display: inline-block;
		width: calc(50% - 3px);
		text-align:right;
	}


    #imagemodal, #imagemodal .modal-dialog, #imagemodal .modal-content {
        width: 100%;
        --bs-modal-width: 100%;
        margin: 0px;
    }
    #imagemodal .modal-header {
        border-color: #2D8237;
        border-radius: 0px !important;
        background: #2D8237;
        text-align: right;
        height: 40px;
    }
    #imagemodal .modal-header button{
        color: #2D8237;
    }
    #imagemodal .modal-content {
        background: #000;
        border: none;
        text-align: center;
    }
    #imagemodal button {
    	font-family: LimeFooter;
		font-size: 18px;
    }
    #imagepreview {
        max-width: 90%;
        max-height: 90%;
        margin: 0 auto;
        border: 1px solid #2D8237;
    }
    #imagepreview-credits {
    	color: white;
		margin-bottom: 10px;
		display: inline-block;
		font-family: LimeFooter;
		font-size: 24px;
    }

    #recherche-texte {
    	border-color: #2D8237;
		border-radius: 5px;
		margin-right: 10px;
		max-width: 500px;
		padding: 3px 8px;
		vertical-align: middle;
		width: 50%;
    }

    .recherche-resultats h2 {
    	font-size: 40px;
    }
    .recherche-resultats .headline {
    	cursor: pointer;
    }
    .recherche-resultats button {
    	margin-top: 15px;
    }
    .recherche-resultats .recherche-occurrences {
    	color: #888888;
    	font-style: italic;
    	margin-bottom: 10px;
    }

    .rubrique-vide {
    	font-family: LimeFooter;
    	color:#2D8237;
    	font-size:40px;
    }

/********** END MAIN **********/


/********** FOOTER **********/

	#footer-adds {
		border-top: 3px solid #2D8237;
		background: #EEFFEE !important;
	}

	#footer-adds h3 {
		font-family: LimeFooter;
		color: #2D8237;
		font-weight: bold;
	}

	#footer-adds u {
		font-family: LimeFooter;
		color: #2D8237;
		font-size:22px;
	}

	#footer-infos {
		border-top: 3px solid #2D8237;
		background: #FFFFDD !important;
	}

	#footer-infos h3 {
		font-family: LimeFooter;
		color: #2D8237;
		font-weight: bold;
	}

	#footer-infos u {
		font-family: LimeFooter;
		color: #2D8237;
		font-size:22px;
	}

	#footer-infos a {
		color: #2D8237;
		font-family: LimeFooter;
		font-size: 22px;
		text-decoration: none;
		border-color: #2D8237 !important;
	}

	#footer-bottom {
		border-top: 3px solid #2D8237;
		background: #2D8237 !important;
		color: white;
		font-family: LimeFooter;
		font-size: 20px;
		text-align: center;
	}
	#footer-bottom a {
		text-decoration: underline;
		color: #FFFFAA;
	}

/********** END FOOTER **********/


.enlarge {
	cursor: pointer;
}
#declaration-conflitinteret {
	cursor: pointer;
	border: 6px solid #2D8237 !important;
	padding: 30px !important;
	padding-bottom: 15px !important;
}

#declaration-conflitinteret h2 {
	font-size:40px;
}