:root {
--bio-color-0:#000; /* noir */
--bio-color-1:#fff; /* blanc */

--bio-color-id-green:#2A5E4A; /* red */
--bio-color-id-red:#e31f13; /* red */
--bio-color-id-lightblue:#cdccdd; /* bleu très clair */
--bio-color-id-blue:#009ee2; /* bleu clair */
--bio-color-id-darkblue:#2e3167; /* bleu foncé */
--bio-color-id-gold:#b8a884; /* bleu foncé */
--bio-color-id-gray:#DCDCDC;
--bio-color-id-truegold:#ffea18;
}

/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v16/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMlhLzTs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v16/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMhhLzTs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v16/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* base */
* {
font-family: 'Josefin Sans', sans-serif;
}

body { 
background: var(--bio-color-1) !important;
margin-top:71px;
}

/* specific screens */

@media only screen and (max-width: 768px) {
	* {
	
	}
	h1 {
	font-size: 5vw;
	}
	h2 {
	 
	}
	h3 {
	 font-size: 3vw;
	}
	p {
	  font-size: 3vmin;
	}
}
/* home */
.parallax-home {
    background: transparent;
}
.form-solo  .btn {
min-height: 50px; 
border-radius: 0 20px 20px 0;
}
.form-solo  .form-control {
height: 50px;
border-radius: 20px 0 0 20px; 
box-shadow: none;
}
.form-ticketbuy .form-control {
border-color:var(--bio-color-id-blue) !important;
}
.form-newsletter .form-control {
border-color:var(--bio-color-id-blue) !important;
}

/* tools */
.anchors{
display: block; 
height: 92px;
margin-top: -92px; 
visibility: hidden;
}
.color-0{
color:#000;
}
.color-1{
color:#fff;
}
.color-red{
color:var(--bio-color-id-red) !important;
}
.color-green{
color:var(--bio-color-id-green) !important;
}
.color-blue{
color:var(--bio-color-id-blue) !important;
}
.color-truegold{
color:var(--bio-color-id-truegold) !important;
}

.color-darkblue{
color:var(--bio-color-id-darkblue) !important;
}
.color-gold{
color:var(--bio-color-id-gold) !important;
}

.bg-color-0{
background-color:var(--bio-color-0) !important;
}

.bg-color-1{
background-color:var(--bio-color-1) !important;
}
.bio-color-id-lightblack{
background-color:var(--bio-color-id-green) !important;
}
.bg-color-red{
background-color:var(--bio-color-id-red) !important;
}
.bg-color-lightblue{
background-color:var(--bio-color-id-lightblue) !important;
}
.bg-color-blue{
background-color:var(--bio-color-id-blue) !important;
}
.bg-color-darkblue{
background-color:var(--bio-color-id-darkblue) !important;
}
.bg-color-gray{
background-color:var(--bio-color-id-gray) !important;
}
.bg-color-gold{
background-color:var(--bio-color-id-gold) !important;
}
.bg-color-typeA{
background-color:#c2e1ff !important;
}
/* --- */

.happy-logo-mini:before{ 
  content:url(/design/props/CROP.png) ;
 
 }
 /* --- */
.border-navlink{
border-radius: 11%;
}

.border-darkblue{
border:2px solid var(--bio-color-id-darkblue) !important;
}



ul{
list-style-type: none;
}
.error{
color:red;
font-size:1.1em;
}
h1{
color:var(--bio-color-id-darkblue) !important;
font-weight:bolder;
text-transform: uppercase;
}

.navbar-hc-top{
background-color:var(--bio-color-id-green) !important;
border-bottom:3px solid var(--bio-color-id-gold) !important;
}
.navbar-hc-top a{
color:#fff;
}

.navbar-hc-bottom{
background-color:var(--bio-color-1) !important;
border-top:3px solid var(--bio-color-id-red) !important;
}


.btn-primary-bio{
background-color:var(--bio-color-id-green) !important;
color:var(--bio-color-1) !important;
}
.btn-primary-bio:hover{
background-color:var(--bio-color-id-darkblue) !important;
color:var(--bio-color-1) !important;
}

.btn-primary-biob{
background-color:var(--bio-color-id-blue) !important;
color:var(--bio-color-1) !important;
border-radius: 18px;
}
.btn-primary-biob:hover{
background-color:var(--bio-color-id-blue) !important;
color:var(--bio-color-1) !important;
}

.happybox{
-webkit-box-shadow: 8px 8px 7px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 8px 8px 7px -8px rgba(0,0,0,0.75);
box-shadow: 8px 8px 7px -8px rgba(0,0,0,0.75);
}


.sadalert{
font-size:1.1em;
color:red;
}

.sadbox{
-webkit-box-shadow: 10px 10px 9px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 9px -10px rgba(0,0,0,0.75);
box-shadow: 10px 10px 9px -10px rgba(0,0,0,0.75);
}

/* ticket ihm */
.ticket_nb{
font-size:1.2em;
color:red;
}
.cticket{
font-size:1.4em;
border:2px solid var(--bio-color-id-darkblue) !important;
}
.cticket:hover, .cticket-selected{
border:2px solid var(--bio-color-id-blue) !important;
color:var(--bio-color-0) !important;
cursor:pointer;
}
.cticket:hover .nbt, .cticket-selected .nbt{
color:var(--bio-color-id-red) !important;
}

/* animations */
@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}
 
.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

.pointer{
cursor:pointer;
}

input[type=checkbox] {
    transform: scale(1.5);
}