html {
    /*font-size: calc(6px + 0.390625vw);*/
	font-family: 'Krub', sans-serif;
	/*background-color: #f6f4f1*/
}

.select2-container .select2-selection--single {
 
    height: 38px;
  
}
        .left-column, .right-column {
            width: 50%;
            padding: 20px;
            min-height: 200px;
			 max-height: 100vh; /* Définissez la hauteur maximale souhaitée ici */
      overflow-y: auto; /* Activez la barre de défilement si le contenu dépasse la hauteur maximale */
        }



   .scrollable-div { max-height: 100vh; /* Définissez la hauteur maximale souhaitée ici */
      overflow-y: auto; /* Activez la barre de défilement si le contenu dépasse la hauteur maximale */
     
    }
/*fonds*/
.mains {
background-image: url("../img/mains.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;

}

.fondVague {
	background-image: url("../img/nuagebas.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
}
.fondNuage {
	background-image: url("../img/nuagehaut.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.fondBulle {
	background-image: url("../img/bulles.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.fondEvenement {
	background-image: url("../img/evenement.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.fondNous {
	background-image: url("../img/nous.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

/*couleurs*/

.tBlanc{color: #fff;}
.fBlanc{background-color: #fff;}
.tBleu{color: #0a3bd4;}
.fBleu{background-color: #0a3bd4;}
.fBleuClair{background-color: #e5edf6;}
.tGrisFonce{color: #26251e;}
.fGrisFonce{background-color: #26251e;}
.borderBleu{border: solid 2px  #0a3bd4;}

.tGris{color: #ccc;}



/*police*/	
.krub{font-family: 'Krub', sans-serif;}
.karmina{font-family: karmina-sans, sans-serif;font-style: normal;}	





/*caractères*/
h1 {
    font-size: 2.55rem;
    font-family: 'Krub', sans-serif;
    color: #0a3bd4;
}
h2 {
    font-size: 1.4rem;
	font-weight: 600;
	font-family: 'Krub', sans-serif;
}
.t30{font-size: 3.0rem; line-height: 2.0rem;}
.t14{font-size: 1.4rem}
.t13{font-size: 1.3rem}
.t12{font-size: 1.2rem}
.t11{font-size: 1.1rem}
.t10{font-size: 1.0rem}
.t09{font-size: 0.9rem}
.t08{font-size: 8px}
.t07{font-size: 7px}
.t06{font-size: 6px}
p{font-size: 0.9rem}




/*boutons*/


.btnBleu {
	
	border-radius: 0;
	border: 2px solid #0a3bd4;
	background-color:#0a3bd4 ;
	color: #fff;
	font-weight: 900;
	font-size: 0.9rem;
	font-family: karmina-sans, sans-serif;font-style: normal;
	padding: 0.5rem 3rem 0.5rem 3rem

}

.btnBleu:hover {

	border: 2px solid #0a3bd4;
	background-color:transparent ;
	color: #0a3bd4;

}

.tRouge{color: #f00}

.btnBleuPetit {
	
	border-radius: 2px;
	border: 2px solid #0a3bd4;
	background-color:#0a3bd4 ;
	color: #fff;
	font-weight: 900;
	font-size: 0.8rem;
	font-family: karmina-sans, sans-serif;font-style: normal;
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
    text-decoration: none;
	vertical-align: middle

}

.btnBleuPetit:hover {

	border: 2px solid #0a3bd4;
	background-color:transparent ;
	color: #0a3bd4;

}
.btnMarine {
	border-radius: 0;
	border: 2px solid #1a2761;
	background-color:#1a2761 ;
	color: #fff;
	font-weight: 900;
	font-size: 0.9rem;
	font-family: karmina-sans, sans-serif;font-style: normal;
	padding: 0.4rem 1.2rem 0.4rem 1.2rem

}
.btnMarine:hover {

	border: 2px solid #1a2761;
	background-color:transparent ;
	color: #1a2761;

}

li a, li a:visited {color: #0a3bd4;}
li a:hover {color: #f00!important;}
.plus li a:hover {color: #fff!important;}
.rien, .rien:visited, .rien:hover{color:#0a3bd4; text-decoration: none}
#footer a,#footer a:visited,#footer a:hover  {color: #fff; text-decoration: none}

.tete,.tete:visited{
	color: #000!important;

}
.tete >.in:hover{
	color: #000!important;
	border-bottom: 3px solid  #0a3bd4!important;
}
.in{
	color: #000!important;
	border-bottom: 3px solid  #0a3bd4!important;
    padding-bottom: 2.5px
}






.lienSans {
	color: darkred;
	font-weight: bold;
	text-decoration: none
}

.bgRouge {
	background-color: darkred
}