/***************************************************************/

@font-face {
font-family: 'Bebas Neue Bold';
font-style: normal;
font-weight: normal;
src: local('Bebas Neue Bold'), url('BEBASNEUE BOLD.woff') format('woff');
}


/***************************************************************/

html {
  background-image: url(../img/fond_site_interglitches.jpg);
  background-position: center center;
  background-repeat:  no-repeat;
  background-attachment: fixed;
  background-size:  cover;
  background-color: #999;


/*background-image: linear-gradient(to right, #868f96 0%, #596164 100%);*/

}



.timeline .timeline-item.is-primary::before {
    background-color: #000000 !important;
}

.hero {
  background-image: transparent !important;
  background-color: transparent !important;
  padding-bottom: 5px;
  color : white !important;
  padding-bottom: 10px;
}

.hero-body {
  height: 137px !important;
}

.navbar {
  max-height: none !important;
}

.navbar a {
  padding : -55px !important;
}

.navbar-item img {
  max-height: none !important;
}

.nav-left a {
  color : white !important;
  font-family: 'Bebas Neue Bold' !important;
  font-style: uppercase;
  font-size: 32px !important;
  text-shadow: -0.347px 1.97px 0px black;
}

.navbar-item {
  color : white !important;
  font-family: 'Bebas Neue Bold' !important;
  font-style: uppercase;
  font-size: 32px !important;
  text-shadow: -0.347px 1.97px 0px black;
}

.navbar-item:hover {
  background-color: transparent !important;
}

.navbar-link {
  color : white !important;
  font-family: 'Bebas Neue Bold' !important;
  font-style: uppercase;
  font-size: 28px !important;
  text-shadow: -0.347px 1.97px 0px black;
  background-color: transparent !important;
}

.navbar-dropdown {
  background-color : #151618 !important;
  margin-top: 0px !important;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
  border-top : 1px solid grey !important;
}

.is-trans {
  background-color: transparent !important;
  color : white !important;
}

.is-first {
  margin-left: 20px;
}

.is-gdq {
  background-color: #151618;
  border-radius: 10px;
}

.is-esa {
  background-color: #120e4d;
  border-radius: 10px;
  padding-left : 10px !important;
  padding-right : 10px !important;
  padding-top : 10px !important;
  padding-bottom : 10px !important;
}

.is-ga {
  background-color: #5a5a5a;
  border-radius: 10px;
  padding-left : 10px !important;
  padding-right : 10px !important;
  padding-top : 10px !important;
  padding-bottom : 10px !important;
}

.is-rpglb {
  background-color: #1b1b1b;
  border-radius: 10px;
  padding-left : 10px !important;
  padding-right : 10px !important;
  padding-top : 10px !important;
  padding-bottom : 10px !important;
}

.is-large {
margin-left : 120px;
}


.is-black {
  background-color: #0f0e0e !important;
}

.heading {
  font-size: 16px !important;
}

.is-zfm {
  background-image: url("../img/fond_zfm.png");
  transition: all 0.5s;
  width : 400px !important;
}

.is-zfm:hover {
  transition: 0.5s;
  background-image: url("../img/fond_zfmb.png");
}

[role="tooltip"][data-microtip-size="large"]:after {
  right: 10px;
  top: 15px;
}

.is-rpg {
  background-image: url("../img/fond_rpg.png");
  transition: all 0.5s;
}

.is-rpg:hover {
  transition: 0.5s;
  background-image: url("../img/fond_rpgb.png");
}

.rpgimg {
  padding-top: 10px;
}

.is-bourg {
  background-image: url("../img/fond_bourg.png");
  transition: all 0.5s;
  margin-bottom: 50px;
}

.is-bourg:hover {
  transition: 0.5s;
  background-image: url("../img/fond_bourgb.png");
}

.is-left {
  width: 300px !important;
}

.box {
  overflow-y : scroll !important;
  overflow-x : hidden;
}

::-webkit-scrollbar {
    width: 2px;
}

.button.is-violet {
  background-color: #6441A4 !important;
  color: white !important;
  border: none !important;
}

.button.is-tw {
  background-color: #4099FF !important;
  color: white !important;
  border: none !important;
}

.little {
  font-size : 16px !important;
  border-top: 1px solid #545454;
  opacity: 0.5;
  margin-top: -18px !important;
}

.footer {
  background-color: transparent;
}

.is-grey {
  background-color: #353535 !important;
}

.is-grey p {
    color: #ffffff !important;
}

.is-grey strong {
    color: #ffffff !important;
}

.is-grey a {
  color: #4099FF;
}

.is-grey a:hover {
  opacity: 0.5;
}

.circle {
	line-height: 0;
	display: inline-block;
	margin: 5px;
  border: 3px solid #4099FF;
	border-radius: 50%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	transition: linear 0.25s;
  height: 32px;
  width: 32px;
}

.circle-red {
	line-height: 0;
	display: inline-block;
	margin: 5px;
  border: 3px solid #ff4040;
	border-radius: 50%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	transition: linear 0.25s;
  height: 32px;
  width: 32px;
}

.circle img {
	border-radius: 50%;
}

.circle-red img {
	border-radius: 50%;
}

a.circle {
  color: transparent;
} /* IE fix: removes blue border */

a.circle-red {
  color: transparent;
} /* IE fix: removes red border */

/* iframe fix */

.wrap {
  flex: 1;
  flex-direction: column;
  align-items: stretch;
}

.frame {
  position: sticky;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  border: 0;
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* ajuster taille de la boîte pour l'iframe du planning */

.boxplanning {
/*  align: center !important; */
  position: relative; /* postulat de départ */
  /*top: 50%;*/
  left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%); /* décalage de 50% de sa propre taille */
  /*max-width: 1053px !important;*/
  max-width: 1110px
}

.boxpelothon {
/*  align: center !important; */
  position: relative; /* postulat de départ */
  /*top: 50%;*/
  left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%); /* décalage de 50% de sa propre taille */
  max-width: 1036px !important;
}

/* bouton "donner" en jaune */

a.textyellow
{
  color: gold !important;
}

small {
  opacity : 0.8;
}

fieldset {
  border : 0px solid grey !important;
  padding-top : 10px;
  padding-bottom : 10px;
}

.has-no-margin {
  margin: 0 !important;
}

h3 {
  font-size: 16px !important;
}

.content h3 {
  font-size: 16px !important;
}

h1 {
  font-size : 24px !important;
  font-weight: 400 !important;
  padding-bottom: 10px !important;
  padding-top: 10px;
  color: #000 !important;
}

#blog {
  padding: 50px 250px 50px 250px !important;
  font-size: 18px !important;
}

.is-blog {
  font-size: 32px !important;
}

#blog img {
padding-bottom: 20px !important;
}

.is-scrollable {
  overflow-y: scroll;
  overflow-x: hidden;
}

/*
 * Begin: rules for /dons.php (gosh this website was poorly crafted)
 */
#DonationManual
{
    margin-bottom: 1.5em;
}

#DonationManual p
{
    margin-bottom: 1.5em;
}

#PrizeManual h2 {
    margin-bottom: 1em;

    font-weight: bold;
    font-size: 1.2em;
}

#PrizeManual li {
    margin-bottom: 1em;
}

#PrizeManual ol li {
    margin-left: 1em;
}

#PrizeManual p+p {
    margin-top: 0.5em;
}

#PrizeManual .notification
{
    color: black;

    background-color: hsl(202.4, 100%, 73.7%);
}

#PrizeManualPseudoClarification {
    margin-top: 1em;
}

#PrizeManualParticipationClarification {
    margin-top: 1em;
}

#PrizesContainer .lfr-prizes-table-container h1 {
    padding-left: 1em;

    border-radius: 5px;

    background-color: hsl(213.8, 100%, 78.4%);
}

#PrizesContainer .lfr-prizes-table-container tr.lfr-claimed {
    background-color: #ff00001a;
}

#PrizesContainer .lfr-prizes-table-container tr.lfr-claimed:hover {
    background-color: #8800001a;
}

#PrizesContainer .lfr-prizes-table-container th[scope="row"] {
    vertical-align: middle;
    font-family: verdana, arial, sans-serif, serif;
}

#PrizesContainer .lfr-prizes-table-container th h3 {
    font-weight: bold;
}

#PrizesContainer .lfr-prizes-table-container th h4 {
    font-style: italic;
}

#PrizesContainer .lfr-prizes-table-container td {
    vertical-align: middle;
}

#PrizesContainer .lfr-prizes-table-container .lfr-prize-name-col {
    width: 25%;
}

#PrizesContainer .lfr-prizes-table-container .lfr-prize-image-col {
    width: 50%;
}

#PrizesContainer .lfr-prizes-table-container .lfr-prize-image {
    height: 150px !important;
    width: 150px !important;
    object-fit: cover !important;
}
/*
 * End: rules for /dons.php
 */