body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}


/* nav */
nav button.navbar-toggler {
	border-color: transparent !important;
}

nav, nav .btn {
	font-weight: 300;
}
/*
nav.navbar a.facebook-btn {
	background-color: #4267b2;
	border-color: #4267b2;
    color: #fff;
}*/
nav.navbar a.facebook-btn {
	background-color: #405de6;
	border: none;
    color: #fff;
}

nav.navbar a.facebook-btn:hover {
    background-color: #324D86;
    border-color: #324D86;
    color: #fff;
}

a.facebook-btn:hover {
    background-color: #324D86;
    border-color: #324D86;
    color: #fff;
}

nav.navbar a.btn-social {
	font-size: 12px;
}

nav.navbar a.instagram-btn {
	background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
	border: none !important;
    color: #fff;
}


/* toast general */
.toast-header i {
	margin-right: 10px;
}
.toast-body {
	background-color: #fff;
	color: rgb(33, 37, 41);
}
.toast a {
	text-decoration: none;
}
.toast-body .bi-caret-right {
	margin-right: 5px;
}
.toast-body .bi-caret-left {
	margin-left: 5px;
}
/* After ski toast */
/*
.toast-header {
	background: rgb(50,68,163);
	background: linear-gradient(90deg, rgba(50,68,163,1) 0%, rgba(83,65,111,1) 100%);
}
i.after-ski-red-text {
	color: #E54859;
	font-weight: normal;
}*/

/* twin */

.toast-header {
	background: rgb(50,68,163);
	background: linear-gradient(90deg, rgba(250,172,58,1) -20%, rgba(160,51,79,0.8) 100%);
	color: #fff;
}
.toast-header strong {
	font-style: italic;
}
i.after-ski-red-text {
	color: #FFB139;
	font-weight: normal;
}
.toast-header img {
	height: 21px;
	margin-right: 5px;
}


/* home */
div.logo-banner {
	padding-top: 80px;
	padding-bottom: 50px;
}
/*
div.logo-banner.index {
	background-color: #E3293F;
}*/
/* new */

div.logo-banner.index {
	background-image: url(../img/background-cropped-blur.jpeg);
	background-position: top center;
	box-shadow: inset 0 0 0 1000px rgba(227, 41, 63,.8);
	background-size: cover;
}


/* --- */

div.logo-banner.index img {
	max-width: 300px;
}
div.logo-banner p.title-date {
	color: #fff;
}


div#home {
	padding-top: 40px;
	padding-bottom: 30px;
}

div#home img {
	max-width: 650px;
	margin-bottom: 40px;
}

div#home .home-text {
	max-width: 650px;
	margin-bottom: 30px;
}

.groupe-photo-a {
	display: inline-block;
	width: auto;
}

/* -- Carousel img slider -- */

#carousel-home {
	max-width: 650px;
	margin: 0 auto;
}
#carousel-home .carousel-item img {
	width: 100%;
	height: auto;
}




div.top-container {
	padding-top: 80px;
}

div#comite .fs-5 {
	margin-bottom: 30px;
}

div#comite div.card {
	margin-bottom: 30px;
}
div#comite div.card span.badge {
	font-weight: 500;
}

div#comite h6 {
	margin-top: 5px;
}

div#comite a.mail {
	text-decoration: none;
}

div#comite div.comite-table {
	margin-top: 30px;
}




div#historique{
	text-align: justify;
}
div#historique h2 {
	margin-bottom: 30px;
}
div#historique img {
    max-width: 600px;
    margin: 20px 0 20px 0;
}
div#historique p {
    margin-bottom: 5px;
}

/*--------------------------------------------*/
/*------------------ EVENTS ------------------*/
/*--------------------------------------------*/

/*https://mycolor.space/gradient3?ori=to+right&hex=%23DE0E55&hex2=%23FBB551&hex3=%23DE0E55&submit=submit*/

div#events div.event {
	margin-bottom: 30px;
	/*background-image: url(../img/events/banner-2000.jpg);*/
	background: #eee;
	box-shadow: inset 0 0 0 1000px rgba(33, 37, 41,.6);
}
div#events div.event h4 {
	color: #fff;
}


div#events div.event.twin-banner {
	background-image: url(../img/all-events/twin/twin-banner.jpeg);
	background-size: cover;
}
div#events div.event.twin-banner img {
	width: 100%;
}

div#events div.event.green-night {
	background-image: url(../img/all-events/green/green-banner.jpeg);
	background-size: cover;
}
div#events div.event.green-night img {
	width: 100%;
}

div#events div.event.after-ski {
	background-image: url(../img/all-events/after-ski/after-ski-banner.jpeg);
	background-size: cover;
}
div#events div.event.after-ski img {
	width: 100%;
}

div#events div.event.back-2000 {
	background-image: url(../img/all-events/back/back-banner.jpeg);
	background-size: cover;
}
div#events div.event.back-2000 img {
	width: 100%;
}

div#events div.event.marche-noel {
	background-image: url(../img/all-events/noel/noel-banner.jpeg);
	background-size: cover;
}
div#events div.event.marche-noel img {
	width: 100%;
}

div#events div.event.marche-chope {
	background-image: url(../img/all-events/marche-chope/banner.jpeg);
	background-size: cover;
}
div#events div.event.marche-chope img {
	width: 100%;
}

div#events div.event.fete-village {
	background-image: url(../img/all-events/fete/fete-village.jpeg);
	background-size: cover;
}
div#events div.event.fete-village img {
	width: 100%;
}




div#events div.event.twin {
	background: linear-gradient(to right, #de0e55, #ea3e4d, #f25e47, #f77a44, #fa9446, #fa9446, #fa9446, #fa9446, #f77a44, #f25e47, #ea3e4d, #de0e55);
}





/*--------------------------------------------*/
/*------------------ EVENT-PAGE --------------*/
/*--------------------------------------------*/

div#event-text {
	padding-top: 30px;
	padding-bottom: 30px;
}
div#event-text strong {
	line-height: 3;
}
#event-text i.bi-caret-right {
	margin-right: 5px;
}
#event-text i.bi-caret-left {
	margin-left: 5px;
}

/*------------------ AFTER SKI ------------------*/
div.logo-banner.after-ski {
	background: rgb(50,68,163);
	background: linear-gradient(to bottom, rgba(50,68,163,1) 0%, rgba(83,65,111,1) 100%);
}
div.logo-banner.after-ski img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.after-ski p.fs-3 {
	color: #E54859;
	font-style: italic;
}
.after-ski-ticket-btn {
	background-color: #E54859 !important;
	border-color: #E12E41 !important;
}
.after-ski-ticket-btn:hover {
	background-color: #53416f !important;
	border-color: #4A3A63 !important;
}


/*------------------ GREEN NIGHT ------------------*/

/* mauve = #53416f */


div.logo-banner.green-night {
	background: rgb(50,68,163);
	background: linear-gradient(to bottom, #0D473E 0%, #018B64 100%);
}
div.logo-banner.green-night img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.green-night p.fs-3 {
	color: #fff;
	font-style: italic;
}
.green-night-ticket-btn {
	background-color: #018B64 !important;
	border-color: #01805C !important;
}


/*------------------ BACK ------------------*/

div.logo-banner.back {
	background: rgb(50,68,163);
	background: linear-gradient(to bottom, #033944 0%, #9E2D94 100%);
}
div.logo-banner.back img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.back p.fs-3 {
	color: #fff;
	font-style: italic;
}
.back-ticket-btn {
	background-color: #9E2D94 !important;
	border-color: #7F2477 !important;
}

/*------------------ MARCHE NOEL ------------------*/

div.logo-banner.marche-noel {
	background: rgb(50,68,163);
	background: linear-gradient(to bottom, #4D6659 0%, #E19148 100%);
}
div.logo-banner.marche-noel img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.marche-noel p.fs-3 {
	color: #fff;
	font-style: italic;
}


/*------------------ MARCHE CHOPE ------------------*/

div.logo-banner.marche-chope {
	background-image: url(../img/all-events/marche-chope/banner-blur-bg.jpeg);
	background-position: center center;
	background-size: cover;
	/*box-shadow: inset 0 0 0 1000px rgba(227, 41, 63,.8);*/
}
div.logo-banner.marche-chope img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.marche-chope p.fs-3 {
	color: #fff;
	font-style: italic;
}

/*------------------ TWIN ------------------*/

div.logo-banner.twin {
	background-image: url(../img/events/twin/twin-banner2-blur.jpg);
	background-position: center center;
	background-size: cover;
}
div.logo-banner.twin img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.twin p.fs-3 {
	color: #fff;
	font-style: italic;
}

#event-text p.twin-title {
	display: inline-block;
	color: #fff;
	font-style: italic;
	background-color: #212529;
	padding: 0 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*
.twin-ticket-btn {
	background-color: #D57C3D !important;
	border-color: #AB6331 !important;
	margin-bottom: 15px;
}
.twin-ticket-btn:hover {
	background-color: #CC6EA2 !important;
	border-color: #B4618F !important;
}*/
/* twin 2022
.twin-ticket-btn {
	color: #212529;
	background-color: #fff !important;
	border-color: #212529 !important;
	margin-bottom: 15px;
}
.twin-ticket-btn:hover {
	background-color: #D57C3D !important;
	border-color: #AB6331 !important;
}*/
.twin-ticket-btn {
	color: #212529;
	background-color: #fff !important;
	border-color: #212529 !important;
	margin-bottom: 15px;
}
.twin-ticket-btn:hover {
	background-color: #A01B56 !important;
	border-color: #851647 !important;
}

strong.bold-text {
	line-height: 0 !important;
}




a.twin-facebook-btn {
	background-color: #fff;
	border-color: #405de6;
    color: #405de6;
    font-weight: 300;
}

a.twin-facebook-btn:hover {
    background-color: #405de6;
    border-color: #405de6;
    color: #fff;
}

a.btn-social {
	font-size: 12px;
}

/*------------------ FETE VILLAGE ------------------*/

div.logo-banner.fete-village {
	background-image: url(../img/events/fete-village/fete-village-blur-bg.jpeg);
	background-position: center center;
	background-size: cover;
	/*box-shadow: inset 0 0 0 1000px rgba(227, 41, 63,.8);*/
}
div.logo-banner.fete-village img {
	max-width: 600px;
	margin-top: 30px;
}
div.logo-banner.fete-village p.fs-3 {
	color: #fff;
	font-style: italic;
}
.fete-village-btn {
	background-color: #DC3545 !important;
	border-color: #BE2E3C !important;
}







.callout {
	padding: 1.25rem;
	border: 1px solid #e9ecef;
	border-left-width: 0.25rem;
	border-radius: 0.25rem;
	margin-bottom: 30px;
}







/*--------------------------------------------*/
/*------------------ CONTACT -----------------*/
/*--------------------------------------------*/






















footer {
	background-color: #fafafa;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
}