/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;

  /* Margin top by menu height */
  margin-top: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

/* Some fonts
-------------------------------------------------- */

@font-face {
  font-family: yoga-title;
  src: url("../css/clickerscript.ttf");
}

@font-face {
  font-family: yoga-body;
  /*src: url('../css/stryde-regular.otf');*/
  src: url("../css/nunito.ttf");
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

h1,
h2 {
  font-family: yoga-title, sans-serif;
  /*color: #bc22a5; Violet vers rose*/
  color: #931b81; /*Violet plus sombre*/
}

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.5rem;
}

h4 {
  color: #931b81; /*Violet plus sombre*/
}

body {
  font-family: yoga-body, sans-serif;
}

body > .container {
  padding: 20px /*60px*/ 15px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.text-color-accueil,
a:active.text-color-accueil,
a:link.text-color-accueil,
a:visited.text-color-accueil,
a:focus.text-color-accueil,
a.text-color-accueil {
  /*   color: #fe0a85; rose
  color: #43afc9; bleu trop clair
  color: #3669b7; bleu fonce
  color: #b62ded; Violet sympa*/
  /*color: #3669b7; bleu fonce*/
  /*color: #bc22a5; Violet vers rose*/
  color: #931b81; /*Violet plus sombre*/
}

a:hover.btn-color-accueil {
  /*background-color: #bc22a5;*/
  background-color: #931b81; /*Violet plus sombre*/
  color: #fff;
}

a.nounderline {
  text-decoration: none;
  color: #931b81; /*Violet plus sombre*/
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #931b81;
}
/*.accueil > h1 {
  font-family: gabriola, serif;
  font-size: 3rem;
}*/

.no-color {
  color: inherit;
}

/* CUSTOMIZE THE HOMEPAGE TITLE
-------------------------------------------------- */

.card {
  border: 0;
  height: 220px;
  max-width: 1200px;
}

/* And first row */
.first-row {
  margin-top: 50px;
}

/* CUSTOMIZE THE CAROUSELS (PICTURES)
-------------------------------------------------- */
/*Replace fill='%23fff' with %23000 to have dark controls*/
/*.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23444' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23444' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }
*/

.carousel-control-prev-icon {
  background-image: url("../img/prev.png");
}

.carousel-control-next-icon {
  background-image: url("../img/next.png");
}

/* Social media buttons
-------------------------------------------------- */
/* Add a hover effect */
.fa:hover {
  opacity: 0.7;
}

/* Align img in navbar */
li.nav-item img {
  margin-top: 4px;
}

/* cards
-------------------------------------------------- */
.fy-card {
  max-width: 290px;
  min-height: 442px;
  margin: 1rem 0px 1rem 0px;
  padding: 6px;
  border-radius: 10px;
  border: 1px solid #931b81;
  background-color: #ffeffd;
}

/* Back-Office
-------------------------------------------------- */
div.bo input[type="text"],
div.bo input[type="email"],
div.bo input[type="password"] {
  width: 200px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
  font-size: 14px;
  margin-top: 10px;
}
div.bo input[type="submit"] {
  padding: 10px 25px 8px;
  color: #fff;
  background-color: #0067ab;
  text-shadow: rgba(0, 0, 0, 0.24) 0 1px 0;
  font-size: 16px;
  box-shadow: rgba(255, 255, 255, 0.24) 0 2px 0 0 inset, #fff 0 1px 0 0;
  border: 1px solid #0164a5;
  border-radius: 2px;
  margin-top: 10px;
  cursor: pointer;
}
div.bo input[type="submit"]:hover {
  background-color: #024978;
}
div.bo textarea.big {
  font-family: Arial, Sans-Serif;
  width: 600px;
  height: 200px;
  resize: both;
}