@charset "UTF-8";
/* CSS Document */
/* Couleur bleu du logo #4F9FCD, couleur orange du logo #FBA918 */

/* SAAS Variables
$accordion-padding-y: 1rem;
$accordion-padding-x: .25rem;
 */

body {
	background-color: #FFFFFF;
	margin-top: 110px !important;
}

a {
	color: #0056A3  !important;
	text-decoration: none;
}

a:visited {
	color: #0056A3  !important;
}

a.link {
	color: #0056A3 ;
}

MyAnchor {
	scroll-margin-top: 110px !important;
	scroll-snap-margin-top: 110px !important;
}

.isDisabled {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}


.text-voixlar {
	color:  #FE2ACF !important;
}

.text-voixlav {
	color:  #539a36 !important;
	font-weight: bolder !important;
}

.text-s { 	/* Text small */
	font-size: 0.9rem;
}

.text-exs {
	font-size: 0.738rem;
}

.text-exxs {
	font-size: 0.538rem;
}

.text-menu-bar {
	display: block;
	margin-top: -10px !important;
	margin-bottom: 0px !important;
	font-size: 0.500rem;
}

.text-bold {
	font-weight: 900 !important;
}

.text-like-input {
	background-color: #f7f7f7 !important;
	border-color: #e8e8e8 !important;
	border: outset 1px !important;
	padding: 2px !important;
}
.h7 {
	font-weight: bolder !important;
}

.h8 {
	font-size: .85rem !important;
}

.w-20 {
	width: 20% !important;
}

.form .card .card-text .form-control .form-control-sm i {
	margin-left: -30px !important;
	cursor: pointer !important;
}

.card-img-top-w {
	width: 100%;
	/*width: content-box;*/
	object-fit: contain;
}
.card-img-top-fit {
	width: 100% !important;
	height: 25vh;
	object-fit: contain;
}

.artiste .form-switch .form-check-input:checked {
	background-color: #539a36 !important;
}
.navbar a {
 	border-bottom: 2px solid transparent;
 }

.navbar a:hover {
	border-bottom: 2px solid #0056A3;
}


.navbar-light {
  /* background-color: transparent !important; */
  z-index: 100;
  opacity: 0.9 !important;
}

.navbar-collapse .dropdown-menu {
  /* background-color: transparent !important; */
  z-index: 100;
  opacity: 1.0 !important;
}

.dropdown-toggle {
	outline: none;
	box-shadow: none;
}

.navbar, .dropdown-menu > li > a {
	line-height: 15px !important;
}

.navbar .navbar-nav > .nav-item > .nav-link.active, .navbar .navbar-nav > .nav-item > .nav-link:hover, .navbar .navbar-nav > .nav-item > .nav-link:focus {
  background: #becbde !important;
}

.nav-pills .nav-link {
	border-top: 1px solid #becbde;
	border-right:2px solid  #becbde;
	border-left: 1px solid  #becbde;
	border-bottom: 2px solid #becbde;
}
.nav-pills .nav-link.active {
	background-color: #becbde !important;
	border-top: 1px solid #a1b3cd;
	border-right:2px solid  #a1b3cd;
	border-left: 1px solid  #a1b3cd;
	border-bottom: 2px solid #a1b3cd;
}

.nav-pills .nav-item .nav-link.disabled {
	opacity: 0.3; !important;
}

.bg-extra-light {
  background-color: rgba(249, 249, 249, 0.75);
  /* background-color: transparent !important; */
  z-index: 100;
  opacity: 0.9;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.50rem !important;
}

/*   NAVBAR OVER write CSS Bootstrap  */
#wrapper {
   padding:90px  0px;
}
/*
.card {
	margin-bottom: 0px !important;
	border-radius:0px !important;
}
*/

.leftmenutrigger {
	display: none
}

.imgBW img {
	-webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) !important;
}

.imgBlueColor {
	filter: invert(22%) sepia(42%) saturate(4040%) hue-rotate(192deg) brightness(94%) contrast(103%) !important;
}

.imgBW i {
	-webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
	filter: grayscale(100%) !important;
}

@media(min-width:992px) {
  	.leftmenutrigger {
 		display: block;
 		display: block;
 		margin: 7px 20px 4px 0;
 		cursor: pointer;
  	}
  	#wrapper {
 		padding: 90px 15px 15px 15px;
  	}
  	.navbar-nav.side-nav.open {
 		left:0px;
  	}
  	.navbar-nav.side-nav {
 		background: #D1D3D4;
 		box-shadow: 2px 1px 2px rgba(0,0,0,.1);
 		position:fixed;
 		top:56px;
 		flex-direction: column!important;
 		left:-220px;
 		width:200px;
 		overflow-y:auto;
 		bottom:0;
 		overflow-x:hidden;
 		padding-bottom:40px;
  	}
}
.animate {
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}


/*--- BUTTON PRIMARY COLOR CHANGE ---  */

.btn-primary:focus, .btn-primary.focus {
   box-shadow: 0 0 0 0.2rem #9EAA40;
   -webkit-box-shadow: 0 0 0 0.2rem #9EAA40;
}

.btn-primary, .btn-primary:visited {
   color: #ffffff !important;
   background-color:#0056A3 ;
   border-color: #0056A3  !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
   color: #00b2ff;
   background-color: #00b2ff !important;
   border-color: #00b2ff !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #000000;
  background-color: #9EAA40;
  border-color: #9EAA40;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem #9EAA40;
}

.btn-link {
  font-weight: 400;
  color: #9EAA40;
  text-decoration: none;
}

.btn-link:hover {
  color: #9EAA40;
  text-decoration: underline;
}

button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}


.full-width {
	left: 70%;
	margin-top: -25vw;
	margin-bottom: -8vw;
	max-width: 50vw;
	position:relative;
	right: 30%;
	width: 15%;
}

.embed-responsive .card-img-top {
	object-fit: cover;
}

.card-img-top {
	width: 100%;
	height: 40vh;
	object-fit: cover;
	border-radius: 0px !important;
}

.align-items-bottom {
  -ms-flex-align: bottom !important;
  align-items:flex-end !important;
}

/*
*
* ======================================================================
* FOOTER
* ======================================================================
*
*/

#footer {
  background: #e0e0e0;
  padding: 50px 0;
  font-size:  small;
}

#footer ul {
  padding-left: 0;
}

#footer ul a {
  color: #999;
}

#footer .social {
  text-align: left;
}

#footer .social a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 2px;
  font-size: 18px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  vertical-align: bottom;
  background-color: #ffffff;
}

#footer .social a i {
  vertical-align: bottom;
  line-height: 25px;
}

#footer .social a.facebook:hover {
  background-color: color(srgb 0.267 0.376 0.682 / 0.403);
}

#footer .social p a.facebook {
	background-color: #4460ae;
  }

#footer .social a.gplus:hover {
  background-color: color(srgb 0.761 0.122 0.145 / 0.402);
}

#footer .social a.twitter:hover {
  background-color: #3cf;
}

#footer .social a.instagram:hover {
  background-color: #cd4378;
}

#footer .social a.email:hover {
  background-color: color(srgb 0.29 0.498 0.271 / 0.402);
}

/*
*
* ======================================================================
* COPYRIGHTS
* ======================================================================
*
*/
#copyright {
  background: #333;
  color: #ccc;
  padding: 20px 0;
  font-size: 0.738rem;
}

#copyright p {
  margin: 0;
}


/*
*
* ======================================================================
* FORMS
* ======================================================================
*
*/
.form-control {
	padding: 0.375rem 0.75rem;
	font-size: 0.9rem;
	line-height: 1.0;
	color: #495057;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  }

.shape-container {
  	position:relative
  }

  .shape[class * =text-] > svg [fill]:not([fill=none]) {
  	fill:currentColor !important
  }

  .shape {
  	position: absolute;
  	z-index:-1
  }

  .shape-top {
  	top: 0;
  	left: 0;
  	right:0
  }

  .shape-top > svg {
  	width: 100%;
  	height: auto;
  	margin-bottom: -1px;
  	-webkit-transform-origin: bottom center;
  	transform-origin:bottom center
  }

  .shape-bottom {
  	bottom: 0;
  	left: 0;
  	right:0
  }

  .shape-bottom > svg {
  	width: 101%;
  	height:100%;
  	margin-bottom: 0px;
  	-webkit-transform-origin: top center;
  	transform-origin:top center
  }

  .shape-start {
  	top: 0;
  	left: 0;
  	bottom:0
  }

  .shape-start > svg {
  	width: auto;
  	height: 100%;
  	-webkit-transform-origin: left center;
  	transform-origin:left center
  }

  .shape-end {
  	top: 0;
  	right: 0;
  	bottom:0
  }

  .shape-end > svg {
  	width: auto;
  	height: 100%;
  	-webkit-transform-origin: right center;
  	transform-origin:right center
  }

.zi-1 {
  z-index:1 !important;
}

.zi-2 {
  z-index:2 !important;
}
.position-relative {
  	position:relative !important;
}

.bg-img-start {
  margin-top: -110px;
  width: 100%;
  height: 80vh;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url('../img/FondAccueilChanteur60pc.png');
  z-index: 1 !important;
}

.bg-img-topc {
  background-size: cover;
  background-repeat: no-repeat;
  background-position:top center;
}

.d-lg-inline-block {
  display:inline-block !important
}
.d-sm-inline-block {
  display:inline-block !important
}
.mt-lg-n10 {
  margin-top:-4.5rem !important
}
.mt-n4 {
  margin-top:-1.5rem !important
}
.mt-n5 {
  margin-top:-2rem !important
}
.mt-n7 {
  margin-top:-3rem !important
}
.mt-n10 {
  margin-top:-4.5rem !important
}
.mt-lg-n8 {
  margin-top:-3.5rem !important
}
.rounded-3 {
  border-radius:.75rem !important;
}

/*
*
* ======================================================================
* TABLES
* ======================================================================
*
/* Griser les deux premières rangées, puis laisser les deux suivantes blanches */
.table-zebra-2-row tr:nth-child(4n+1) td,
.table-zebra-2-row tr:nth-child(4n+2) td {
	background: #def8 !important;
}


