@charset "UTF-8";
/* CSS Document */
/* Couleur bleu du logo #4F9FCD, couleur orange du logo #FBA918 */

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;
}

.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-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;
}

.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;
}

@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;
}

.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: 26px;
  font-size: 15px;
  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: 30px;
}

#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;
}