html, 
body {
    height: 100%;
}


.mycontainer{
	background-color: #F1F1F1;
	/*height: 100%;*/	
	min-height:100%
}

.container {
	/*background-image: url("https://www.tiragecadeau.com/img/background-min.jpg");*/
	/*background-color:#FFFFFF;*/
	background-color: #FFFFFF;
}

.fill {
	height: 100%;
	min-height:100%
}

.btn 	{
  cursor:  pointer;
}

.btn-disabled {
  cursor: not-allowed;

}

.row{
  margin-bottom: 5px
}

.myheader {
	font-size: 2em;
	font-family: 'Righteous', Helvetica,Arial,Tahoma,Sans-Serif;
}

.myheader a{
	color: black;
}

.myheader a:link {
		text-decoration : none;
		}

		
.detail-tirage{
	cursor:pointer;
}

.resultat {
	font-size:1.3rem;
	display: inline-block;
  color: #bc1410;
}

.h2tc {

  font-size:1.5em;

}  

.h3tc {

  font-size:1.4em;

}  

.h4tc {

  font-size:1.3em;

}  

.galleryImg {
  max-height : 80px;
}
	

@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */


.clignote {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out; 
    -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */
    animation:blink normal 1.5s infinite ease-in-out; /* Opera */
}


#spinner {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}




.content{
	width:90%;
	
}

.slick-slide {
   height:220px;
}



.slick-prev:before, .slick-next:before { 
    color:black !important;
}

.my-slide {
	background-color:white;
	padding: 10px 0 0 0;
}

.img-result2 {
    width: 100%;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}


.img-content {
	max-width: 100%;max-height: 100%;margin:auto;padding-top:10px
	
}

.featured-title-box {
    padding: 5px;
	min-height:40px;
	text-align : center;
	text-decoration : none;
}




a:link{
	text-decoration : none;

}

a:hover{
	text-decoration : none;

}


.featured-price-box {
  padding-bottom: 10px;
	text-align : center;
	color : #b12704;
	font-weight : 700 !important
}


.slick-slider {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-40 {
    margin-bottom: 40px;
}

.destroy {
    font-weight: normal;
    margin-top: 40px;
}

.features {
    padding: 10px 0 0;
    text-align: center;
    display: block;
    list-style-type: none
}

.features li {
    margin: 20px 0;
}



.white hr {
    background: #3498db;
}

.email-participant {
	font-size:0.7rem;
}

input[type="radio"] {
  width: 0.8em;
  height: 0.8em;
}


.bi {
  display: inline-block;
  vertical-align: -.125em;
  fill: currentcolor;
}


th.tri {
  cursor: pointer;
  position: relative;
  user-select: none;
  padding-right: 1.2em; /* espace pour la flèche */
}

th.tri .sort-arrow {
  font-size: 1em;
  padding-left: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
}

/* Absolute Center Spinner */
.loading {
  display: none;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.tablepremium tr>th {
  padding : 0.2em !important;
}

.btntabprem {
  font-size:0.75em !important;
}

.col1 {
  font-size:0.8em !important;;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0, .5));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0,.5));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}


.input-checkbox-big{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

.faq-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* La flèche doit pouvoir être transformée */
.faq-arrow {
  display: inline-block;
  transition: transform 0.2s ease;
  transform-origin: center;
  font-size: 1.1rem; /* optionnel */
}

/* Fermé (par défaut) */
.faq-header[aria-expanded="false"] .faq-arrow {
  transform: rotate(0deg);
}

/* Ouvert (Bootstrap passe aria-expanded à true automatiquement) */
.faq-header[aria-expanded="true"] .faq-arrow {
  transform: rotate(180deg);
}

.faq-toggle {
  margin-right: 0.5em;
}

.h4faq {
  font-size:1.1em;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




.spinloader {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
    margin-left: auto;
    margin-right: auto;
  background: conic-gradient(#0000, #1E4D92) content-box;
  mask: repeating-conic-gradient(
    #0000 0deg,
    #000 1deg calc(360deg/9 - 11.11111111111111deg - 1deg),
    #0000 calc(360deg/9 - 11.11111111111111deg) calc(360deg/9)
  ), radial-gradient(
    farthest-side,
    #0000 calc(98% - 7px),
    #000 calc(100% - 7px)
  );
  mask-composite: intersect;
  -webkit-mask-composite: destination-in;
  animation: spin 1400ms infinite steps(9);
}
@keyframes spin { to { transform: rotate(1turn) } }





@media only screen and (min-width:769px) {
    .content {
        width: 800px;
        margin: auto;
        padding: 20px
    }
}


@media only screen and (max-width:768px) {
    .content {
        width: 100%;
        margin: auto;
        padding: 20px 40px
    }

    a.button.first {
        margin-top: 40px
    }
}