*{
  box-sizing: border-box;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.close{
	color : white ;
	font-weight : bold ;
}

#submitDiv a{
	color: white;
	font-weight: bold ;
}

.MAJ{
	text-transform : uppercase ;
}

.Maj{
	text-transform : capitalize ;
}

.text-senaffiche{
	color : #feae00 ;
}

.btn-sa{
	padding : 14px ;
	border-radius:4px;
	font-size : 1.2em;
	font-weight: bold ;
	color : white ;
}

.linkSa{
	text-decoration: none ;
	width:100%;
	margin:auto;
	text-align:center;
}
.linkSa:hover{
	opacity: 0.9;
	color: white ;
}
	
.bg-senaffiche{
	background-color : #feae00 ;
}
.bg-black{
	background-color : #000000 ;
}
.bg-white{
	background-color : #ffffff ;
}
.bg-primary{
	background-color : #0a6dc8 ;
}
.bg-success{
	background-color : #21c25e ;
}

.align-center{
	text-align : center ;
}

.align-right{
	text-align : right ;
}

.align-left{
	text-align : left ;
}

.valign-center{
	vertical-align : center ;
}

.valign-right{
	vertical-align : right ;
}

.valign-left{
	vertical-align : left ;
}

input:focus, select:focus, textarea:focus{
  outline-style:none;
  box-shadow:none;
  border-color:transparent;
}
input[type=text] , input[type=email],input[type=submit],input[type=number],input[type=password],input[type=date],input[type=email],select,textarea {
	width : 200px;
	margin: auto ;
	padding: 6px 10px;
    margin-top: 1px;
	margin-bottom: 5px;
	display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text]:focus ,input[type=email]:focus, input[type=number]:focus, input[type=password]:focus,input[type=date]:focus, input[type=email]:focus, select:focus, textarea:focus {
    border: 1px solid #feae00;
	box-shadow: 0 0 5px #feae00;
}

/*
.dimVideo{
  width: 100%; /* Largeur maximale du div *
  height: calc((100vw - 1.5rem) * (9 / 16)); /* Ratio 16:9 basé sur la largeur  1.5 rem pr le gutter 20px pr le padding fixe que j ai mis*
  max-width: 100%; /* Empêche de dépasser les limites parentales *
  position: relative;
  overflow: hidden;		
}	

.dimVideo iframe {
  border: 0 ;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height : 100% ;
}
*/

.eventDiv{
	position: relative ;
	color: white ;
	padding:2px; 
	/*font-size : calc(7px + ((1/3)*(5vw - 10px)*(9/16)/2)) ;	*/
	margin-bottom: 20px;
	width:100%;
	margin: auto; 
	text-align:center;
    vertical-align: center ;	
	border:1px solid #525870; 
	border-radius:10px;
}
.eventDiv iframe{
	position: relative ;
	z-index : 0;
}

#fingerPrint , #fingerPrint2 {
    font-size:1em;
	width:fit-content;
	block-size:fit-content;
	padding-left:3px;
	padding-right:3px;
	border-radius:8px;	
}
#fingerPrint{
	background-color:#000000;
	color:#ffd100 ;
}

#fingerPrint2{
	background-color:#000000;
	color:#4e73df;
}

.payConnect{
	color: white ;
	padding:10px; 
	width:100%;
	margin: auto;
    font-size:24px;	
	text-align:center;
    vertical-align: center ;	
	border:1px solid #525870; 
	border-radius:10px;
}
.live_send_mail{
	font-size: 11px;
}


.btn-custom{
	text-align : center ;
	font-size: 16px;
	padding : 10px;
	background-color: #000000 ;
	color: #ffffff ;
	border: 2px solid #feae00 ;
	border-radius:30px;
}
.btn-custom:hover{
	background-color: #feae00 ;
	color: #000000 ;
	border: 2px solid #272727 ;
}


/*
#formConnexion{
	width : 100% ;
	margin : auto ;
	text-align: center ;
}
*/
.loaderImg{
	margin-top: 5% ;
}

.loaderCode{
	margin-top: 5% ;
}

#connected_div{
	padding: 0px ;
	padding-bottom: 10px ;
	margin-bottom: 20px;
	width:100%;
    font-size: 20px ;	
	margin: auto; 
	text-align:center; 
	border:1px solid #525870; 
	border-radius:10px;
}
.tab-connected{
	width : 100% ;
	margin: auto ;
	padding: 10px ; 
	text-align : left ;
}
.form-connected input{
	width: 100% ;
    margin-bottom : 10px ;	
	color: black ;
	font-size: 14px;
	font-weight: bold ;
}

.readonly{
	background-color: #dcdcdc ;
}

.paymentProviderTab{
	width : 100% ;
	margin: auto ;
}
.paymentProviderTab tr td{
	width: 110px;
	text-align: center;
	padding: 5px;
}
.paymentProviderTab tr td img{
	width: 50px;
}

.alert-fixed-api {
	position:fixed; 
	top: 0px; 
	left: 0px; 
	width: 100%;
	z-index:9999; 
}
.alerte-msg-api{
   color: #ffffff ;	
   font-weight: bold ;
   font-size: 12px ;
   width : 100% ;
   padding : 10px ;				   
}
.error{
	background-color: #e50813 ;
}
.warning{
	background-color: #f06634 ;
}
.success{
	background-color: #1d8101 ;
}
.primary{
	background-color: #0a6dc8 ;
}

.error_input{
	border:1px solid #e50712 ;
	box-shadow: 0 0 5px #e50712 ;
}

.click-not-allowed{
	cursor: not-allowed ;
}

.cursor-pointer{
	cursor: pointer ;
}

.divEventDesc{
	width:100% ;
	margin:auto ;
	text-align:center ;
	font-size:16px ;
	color:white ;
}


@media all and (max-device-width: 480px){ 
   .divEventDesc{
		font-size:10px;
	}
	/*.eventDiv{
	   font-size: calc(2*(5vw - 10px)*(9/16)/2) ;
	}*/
}

@media all and (max-device-width: 768px){ 
    .divEventDesc{
		font-size:12px;
	}
	/*.eventDiv{
	   font-size: calc((3/2)*(5vw - 10px)*(9/16)/2) ;
	}*/
}

@media all and (max-device-width: 1024px){ 
    .divEventDesc{
		font-size:13px;
	}
	/*.eventDiv{
	   font-size: calc((1/2)*(5vw - 10px)*(9/16)/2) ;
	}*/
}

@media all and (max-device-width: 1449px){ 
    .divEventDesc{
		font-size:14px;
	}
	/*.eventDiv{
	   font-size: calc((1/4)*(5vw - 10px)*(9/16)/2) ;
	}*/
}