/*------------------------------------------------------------------
-les icon deviennent des ronds
-curseur guitare
-------------------------------------------------------------------*/
/*  une ligne */



.rounded, .card-icon, .card-icon-Sad, .card-icon-Rouge-22, .card-icon-Vert,.card-icon-Vert-2, .card-icon-Bleu, .card-icon-Jaune, .card-icon-Rose, .card-icon-Orange, .card-icon-Mauve {
  border-radius: 55px !important;
  border-collapse: separate; 
   border-style: none;
}
.rounded, .card-icon, .card-icon2 {
  border-radius: 55px !important;
}

.card-icon {
  background: #008cda;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Sad {
  background: #393B57;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}
.card-icon-Vert {
  background: #0e8572;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Vert-2 {
  background: #80c143;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Bleu {
  background: #008cda;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Jaune {
  background: #f7aa1c;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Rouge-22 {
  background: #FF0000;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Orange {
  background: #f7aa1c;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

.card-icon-Mauve {
  background: #9805f7;
  color: #fff;
  height: 55px;
  width: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 27px;
  display: block;
  margin-top: 10px;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
.list-group-item-brun {
	color: #004085;
	background-color: #b98340;
}
.list-group-item-rose {
	color: #004085;
	background-color: #e03f63 ;
}
.list-group-item-bleu {
	color: #004085;
	background-color: #12598e;
}

body {  cursor: url('../images/favicons/cursor-git-64.cur'), auto; }
a:hover {
 cursor:url('../images/favicons/cursor-git-64-hand.cur'), auto; }

@media (min-width:1200px) {
	.container-M,.container-M-lg,.container-M-md,.container-M-sm,.container-M-xl {
		max-width: 1140px;
		padding-left: 200px;
	}
}

.justify-content-evenly {
	-ms-flex-pack: justify!important;
	justify-content: space-evenly !important;
}

.section {
  padding-top: 0px;
  padding-bottom: 80px;
}


.sectionChansons {
  padding-top: 0px;
  padding-bottom: 80px;
}
@media (min-width:1200px) {
.sectionChansons {
  padding-top: 20px;
  padding-bottom: 55px;
}

.sectionBienvenue {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media (min-width:1200px) {
.sectionBienvenue {
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 112px;
}
}