:root {
	--main-color-red: 		#990000;
	--main-color-brown: 	#5c0000;
	/* --main-color-green: #256D1B; */
	--main-color-green:		#287676;
	--main-color-yellow: 	#F8AC45;
	--main-color-blue: 		#3060bf;
	--wrapper-width: 		900px;
}

/* -- CUSTOM CLASSES */
.sticky { position: sticky;top: 0;z-index: 100; }
.on-middle-h { position: relative;left: 50%;transform: translateX(-50%); }
.max-with-100pc { max-width: 100%; }
.padding-0 { padding: 0 !important; }
.margin-t { margin-top: 20px; }
.margin-small-t { margin: 7px 0; }
.margin-t-b { margin: 20px 0; }
.margin-b { margin-bottom: 20px; }
.margin-l-b { margin-bottom: 32px; }
.hide { display: none; }
.clear { clear: both; }

html,body { font-size: 16px; }
body, #box-texte-actus h2 { background: url(../img/interface/bg-motif.png) left top repeat; }
body,p,li { font-family: 'Varela Round', sans-serif;font-size: 1rem;color: rgba(0,0,0, .9); }
h1,h2,h3,h4,h5,h6 { color: rgb(0,0,0); }
#main-content { min-height: 450px;padding: 10px 0 30px; }
#exTab2 { padding: 0; }
small { font-size: .85em !important;color: inherit !important; }
small:before { content: "" !important; }
.button-info { padding: 0 !important;border-color: var(--main-color-green) !important;background: rgba(37,109,27, .075) !important; }
.button-info > a { display: inline-block;width: 100%;height: 100%;padding: 6px;color: var(--main-color-green) !important; }
.lead { font-size: 1.15rem; }
blockquote { font-style: italic;border-left-color: var(--main-color-green); }
ul,li { list-style: square; }
.caret { border-top-width: 6px;border-right-width: 6px;border-left-width: 6px; }
.underline-dotted { text-decoration: underline dotted; }

.header {
	margin-top: 0;
	padding: 15px;
	background: url(../img/interface/header/bg-vague.png) no-repeat top center,
				url(../img/interface/header/bg-motif-header.png) repeat center center;
	background-size: contain, auto;
}
.header-logos {
	display: flex;
	justify-content: center;
	align-items: center;
}
img[alt="logo"] { position: static;width: auto;height: 80px;margin-right: 10px; }
.logo-texte {display: inline-block;width: 35rem;height: auto;max-width: 100% !important; }
.navbar { margin-bottom: 0; }
.nav > li > a { display: inline-block;font-size: .85em;white-space: nowrap; }

/* LARGEUR des CONTAINERS */
#projet-samsah-wrapper, .evenement-wrapper, #contact-wrapper, .header-start {
	width: var(--wrapper-width);
	max-width: 100%;
	margin: 0 auto;
}
#actions-projets-wrapper { width: 600px;max-width: 100%;margin: 0 auto; }

.header.container { background-size: 100% 50%; }
#header-bottom-bar {
	background: linear-gradient(245deg, var(--main-color-red) 0%, rgba(187,0,0,1) 40%, var(--main-color-brown) 100%);
	border-bottom: 1px solid rgba(255,255,255, .45);
}
#header-bottom-bar ul { display: flex;justify-content: center;padding: 0 15px; }
#header-bottom-bar ul li {
	list-style-type: none;
	font-family: Raleway, sans-serif;
	font-size: large;
	line-height: 26px;
	border-left: 1px solid rgba(255,255,255, .45);
	border-bottom: 6px solid transparent;
	transition: all .25s;
}
#header-bottom-bar .nav li:hover { border-bottom-color: rgba(255,255,255, .45); }
#header-bottom-bar ul li:last-child { border-right: 1px solid rgba(255,255,255, .45); }
#header-bottom-bar ul > li > a, #menu-projets {
	width: 100%;
	height: 100%;
	padding: 0 15px;
	vertical-align: -2px;
	letter-spacing: .25px;
	font:  1rem "Varela Round";
	color: rgba(255,255,255, .85);
}
.carousel { text-align: center;top: 0; }
.carousel-inner { display: inline-block;width: auto;border-bottom: 7px solid var(--main-color-green); }
.carousel .item > img { object-fit: cover; }
.carousel .carousel-control { display: flex;justify-content: center;align-items: center; }

.main-title { line-height: 1;margin-top: 10px; }
#main-sub-title { margin-top: 10px;margin-bottom: 10px;font-style: italic;color: var(--main-color-red); }

.header-start { }
.heading-icon { margin-top: 0;padding: 3px 15px; }
.heading-icon > img { height: 8rem;width: auto; }

.blog-event { margin: 40px 0 40px;overflow: hidden; }
.featured-img { flex: 0 !important; }
.featured-blog h3 { margin-top: 0 !important;padding: 0 !important;color: var(--main-color-red) !important; }
.featured-blog p:not(.btn-wrapper) { line-height: 1.35; }
.featured-blog .btn-wrapper { clear: both;padding-top: 5px;text-align: center; }

.adresses-coordonnees h3 { color: var(--main-color-red); }
.adresses-coordonnees div { background: rgba(164,0,0, .055);border: 1px dotted;display: inline-block;padding: 12px; }
.form { border-color: var(--main-color-green);background: #fffae8; }
.form-btn { background: var(--main-color-green);color: white;}
.contact-form input { height: 3rem; }
.contact-form input, .contact-form textarea { padding: 4px;font-size: 1rem;color: black !important; }
.contact-form button#submit { background: var(--main-color-green);color: white; }
.contact-form #mail-notification { margin-top: 10px;padding: 7px;text-align: center; }
.contact-form #mail-notification p { margin: 0 !important; }

#footer *:not(h4):not(.fa-mobile) { color: rgba(255,255,255, .55) !important; }
footer { background-color: var(--main-color-brown); }
.footer-menus li { display: block; }
.footer-adress h4 { font-size: 1.55em;color: var(--main-color-yellow) !important; }
.footer-adress a { white-space: nowrap; }
.footer-adress a .fa-mobile { font-size: 1.75em;margin-right: 10px;vertical-align: -4px;color: rgba(255,255,255, .3); }
.footer-adress h4, #footer .copyright { white-space: nowrap; }
.footer-adress h4, #footer .copyright img { opacity: .75 !important; }
#footer a[href="login"] { position: absolute;right: 15px;bottom: 5px; }

h2.main-subtitle { font-weight: bold;font-size: 35px;margin-bottom: 50px; }
h2.main-subtitle > span { padding: 8px;border-bottom: 2px solid; }

#events-actus-wrapper {
	display: flex;
	justify-content: space-between;
	width: var(--wrapper-width);
	max-width: 100%;
	max-height: 1090px;
	padding: 0 50px;
	/* margin-bottom: 60px; */
}
#sidebar {
	flex: 1;
	flex-basis: 100px;
	position: relative;
	/* padding: 0 20px;  */
	border: 1px solid var(--main-color-yellow);
	border-radius: 10px;
	background-color: rgba(248, 172, 69, .085);
	overflow: hidden;
}
#box-texte-actus { max-height: 86%; font-size: 1rem;padding: 0 20px; ;overflow-x: hidden;overflow-y: scroll; }
#box-texte-actus * { font-family: "Varela Round", sans-serif;line-height: 1.35 !important; }
#box-texte-actus hr { margin-top: 0;margin-bottom : 0;border-top: 1px solid #aaa; }
#box-texte-actus img { width: 100%; max-width: 300px; }
#events { flex: 2;margin-right: 120px; }


/* DROPDOWN menu */
.dropdown > button { background: none !important;border: none; }
.dropdown-menu { display: none !important;left: -75px; }
.dropdown.open .dropdown-menu { display: block !important; }
.dropdown-menu > li:first-child { margin-top: 5px !important; }
.dropdown-menu > li > a {
	display: inline-block;
	padding: .5rem 10px !important;
	color: rgb(0,0,0) !important;
	font: 1.1rem 'Varela Round', sans-serif !important;
	transition: background .25s;
}
.dropdown-menu > li > a:hover { background: #ffda7d; }
.dropdown-menu > li > a.active { color: var(--main-color-red) !important;font-weight: bold !important;pointer-events: none; }

@media (max-width: 720px) {
	html,body { font-size: 18px !important; }
	.header.container div a[rel="home"] { display: flex; }
	.header.container div a[rel="home"] img[alt="logo"] { width: 20%; }
	.header.container div a[rel="home"] img[alt="logo-texte"] { width: 80%;}
	/* .carousel .item > img { height: 230px; }  */
	.contact-form-full { width: 100%;margin-top: 30px; }
	#events-actus-wrapper { display: block;margin-bottom: 0;padding: 0 15px;max-height: none;}
	#events-actus-wrapper #events { padding-right: none;margin-right: 0; }
	#events-actus-wrapper #sidebar { width: 100%;padding: 0 12px; }
	.footer-third { margin-top: 30px; }
}
@media (max-width: 589px) {
	.carousel .item > img { height: 230px; }
}