/*** CSS propres au thème SNK ***/

.mybtn {
	cursor: pointer;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	min-width: 100px;
	height: 30px;
	text-align: center;
	/*background-color: #eeeeee;*/
	border: 1px solid #666666;
	border-radius: 4px;
}
.mybtn:active { transform: translateX(2px) translateY(2px); }

/** curseur ***********************************************************/
.hand	{ cursor: pointer; }
.nohand	{ cursor: default; }

/** ombre *************************************************************/
.shad			{ box-shadow: 4px 4px 18px #888888; }
.noshad		 	{ box-shadow: 0px 0px 0px #888888;  }
.h-shad:hover 	{ box-shadow: 4px 4px 18px #888888; }
.h-noshad:hover { box-shadow: 0px 0px 0px #888888;  }

/** animation *********************************************************/
.active:active	{ transform: translateX(2px) translateY(2px); }
.noactive:active{ transform: translateX(0px) translateY(0px); }

/** alignement ********************************************************/
.a-left			{ justify-content: left;  padding-left: 7px; 	}
.a-center		{ justify-content: center;						}
.a-right		{ justify-content: right;  padding-right: 7px; 	}

/** couleur de bordure ************************************************/
.b-black		{ border: 1px solid black;	 }		.h-b-black:hover		{ border: 1px solid black;	 }
.b-grey			{ border: 1px solid grey;	 }		.h-b-grey:hover			{ border: 1px solid grey;	 }
.b-silver		{ border: 1px solid silver;  }		.h-b-silver:hover		{ border: 1px solid silver;  }
.b-light-grey	{ border: 1px solid #E9E9ED; }		.h-b-light-grey:hover	{ border: 1px solid #E9E9ED; }
.b-white		{ border: 1px solid white;	 }		.h-b-white:hover		{ border: 1px solid white;	 }

.b-red			{ border: 1px solid #EC1C24; }		.h-b-red:hover			{ border: 1px solid #EC1C24; }
.b-orange		{ border: 1px solid #F07B15; }		.h-b-orange:hover		{ border: 1px solid #F07B15; }
.b-yellow		{ border: 1px solid #FFC000; }		.h-b-yellow:hover		{ border: 1px solid #FFC000; }
.b-green		{ border: 1px solid green;	 }		.h-b-green:hover		{ border: 1px solid green;	 }
.b-blue			{ border: 1px solid #1B62B6; }		.h-b-blue:hover			{ border: 1px solid #1B62B6; }

.b-light-red	{ border: 1px solid #FFCCFF; }		.h-b-light-red:hover	{ border: 1px solid #FFCCFF; }
.b-light-orange	{ border: 1px solid #FFCC99; }		.h-b-light-orange:hover	{ border: 1px solid #FFCC99; }
.b-light-yellow	{ border: 1px solid #FFFBE6; }		.h-b-light-yellow:hover	{ border: 1px solid #FFFBE6; }
.b-light-green	{ border: 1px solid #CCFFCC; }		.h-b-light-green:hover	{ border: 1px solid #CCFFCC; }
.b-light-blue	{ border: 1px solid #CCECFF; }		.h-b-light-blue:hover	{ border: 1px solid #CCECFF; }

/** couleur de fond ***************************************************/
.c-black		{ background-color: black;	 }		.h-c-black:hover		{ background-color: black;	 }
.c-grey			{ background-color: grey; 	 }		.h-c-grey:hover			{ background-color: grey;	 }
.c-silver		{ background-color: silver;  }		.h-c-silver:hover		{ background-color: silver;  }
.c-light-grey	{ background-color: #E9E9ED; }		.h-c-light-grey:hover	{ background-color: #E9E9ED; }
.c-white		{ background-color: white;	 }		.h-c-white:hover		{ background-color: white;	 }

.c-red			{ background-color: #EC1C24; }		.h-c-red:hover			{ background-color: #EC1C24; }
.c-orange		{ background-color: #F07B15; }		.h-c-orange:hover		{ background-color: #F07B15; }
.c-yellow		{ background-color: #FFC000; }		.h-c-yellow:hover		{ background-color: #FFC000; }
.c-green		{ background-color: green;	 }		.h-c-green:hover		{ background-color: green;	 }
.c-blue			{ background-color: #1B62B6; }		.h-c-blue:hover			{ background-color: #1B62B6; }

.c-light-red	{ background-color: #FFCCFF; }		.h-c-light-red:hover	{ background-color: #FFCCFF; }
.c-light-orange	{ background-color: #FFCC99; }		.h-c-light-orange:hover	{ background-color: #FFCC99; }
.c-light-yellow	{ background-color: #FFFBE6; }		.h-c-light-yellow:hover	{ background-color: #FFFBE6; }
.c-light-green	{ background-color: #CCFFCC; }		.h-c-light-green:hover	{ background-color: #CCFFCC; }
.c-light-blue	{ background-color: #CCECFF; }		.h-c-light-blue:hover	{ background-color: #CCECFF; }

/** polices et tailles ************************************************/
.XXXXL	{ font-family:arial,verdana,helvetica; font-size:70pt; color:#666666; } /* pour les étqiuettes des jurys */
.XXXL	{ font-family:arial,verdana,helvetica; font-size:26pt; color:#666666; }
.XXL	{ font-family:arial,verdana,helvetica; font-size:23pt; color:#666666; }
.XL		{ font-family:arial,verdana,helvetica; font-size:20pt; color:#666666; }
.L		{ font-family:arial,verdana,helvetica; font-size:18pt; color:#666666; }

.XXXM	{ font-family:arial,verdana,helvetica; font-size:16pt; color:#666666; }
.XXM	{ font-family:arial,verdana,helvetica; font-size:14pt; color:#666666; }
.XM		{ font-family:arial,verdana,helvetica; font-size:12pt; color:#666666; }
.M		{ font-family:arial,verdana,helvetica; font-size:11pt; color:#666666; }

.MS		{ font-family:arial,verdana,helvetica; font-size:10pt; color:#666666; }
.SM		{ font-family:arial,verdana,helvetica; font-size:10pt; color:#666666; }

.S		{ font-family:arial,verdana,helvetica; font-size:9pt;  color:#666666; }
.XS		{ font-family:arial,verdana,helvetica; font-size:8pt;  color:#666666; }
.XXS	{ font-family:arial,verdana,helvetica; font-size:7pt;  color:#666666; }

.MYL	{ font-family:arial,verdana,helvetica; font-size:11pt; color:#666666;
		  border: 1px solid #aaaaaa; background-color:#FFFBE6; width: 385px; padding: 5px }
.MWL	{ font-family:arial,verdana,helvetica; font-size:11pt; color:#666666;
		  border: 1px solid #aaaaaa; background-color:#FFFFFF; width: 385px; padding: 5px }

/** style de police ***************************************************/
.B	{ font-weight: bold;			}
.I	{ font-style: italic;			}
.U	{ text-decoration: underline;	}

/** couleur de texte (respecter la place après les polices et les tailles) **/
.black			{ color: black;	  }		.h-black:hover			{ color: black;	  }
.grey			{ color: gray;	  }		.h-grey:hover			{ color: gray; 	  }
.silver			{ color: silver;  }		.h-silver:hover			{ color: silver;  }
.light-grey		{ color: #E9E9ED; }		.h-light-grey:hover		{ color: #E9E9ED; }
.white			{ color: white;	  }		.h-white:hover			{ color: white;	  }

.red			{ color: #EC1C24; }		.h-red:hover			{ color: #EC1C24; }
.orange			{ color: #F07B15; }		.h-orange:hover			{ color: #F07B15; }
.yellow			{ color: #FFC000; }		.h-yellow:hover			{ color: #FFC000; }
.green			{ color: green;	  }		.h-green:hover			{ color: green;	  }
.blue			{ color: #1B62B6; }		.h-blue:hover			{ color: #1B62B6; }

.light-red		{ color: #FFCCFF; }		.h-light-red:hover		{ color: #FFCCFF; }
.light-orange	{ color: #FFCC99; }		.h-light-orange:hover	{ color: #FFCC99; }
.light-yellow	{ color: #FFFBE6; }		.h-light-yellow:hover	{ color: #FFFBE6; }
.light-green	{ color: #CCFFCC; }		.h-light-green:hover	{ color: #CCFFCC; }
.light-blue		{ color: #CCECFF; }		.h-light-blue:hover		{ color: #CCECFF; }


/** couleurs ancienne css snk.css
(respecter la place après les polices et les tailles) ****/
.bleu			{ color: #1B62B6; }
.rouge			{ color: #EC1C24; }
.orange			{ color: #F07B15; }
.jaune			{ color: #FFC000; }
.vert			{ color: green;   }
.gris			{ color: #666666; }
.gris-c			{ color: #aaaaaa; }
.noir			{ color: black;	  }
.blanc			{ color: white;	  }
.blue			{ color: blue;	  }
.red			{ color: red;	  }

.tblue			{ color: #C9D7FB; }
.vert2			{ color: #3BB54A; }

.h-bleu:hover	{ color: #1B62B6; }
.h-rouge:hover	{ color: #EC1C24; }
.h-orange:hover	{ color: #F07B15; }
.h-jaune:hover	{ color: #FFC000; }
.h-vert:hover	{ color: green;	  }
.h-gris:hover	{ color: #666666; }
.h-noir:hover	{ color: black;	  }
.h-blanc:hover	{ color: white;	  }
.h-blue:hover	{ color: blue;	  }
.h-red:hover	{ color: red;	  }

/** courbure **********************************************************/
.rnd0			{ border-radius: 0px;	}
.rnd4			{ border-radius: 4px;	}
.rnd10			{ border-radius: 10px;	}
.rnd15			{ border-radius: 15px;	}
.rnd20			{ border-radius: 20px;	}

.rndUp4			{ border-radius: 4px 4px 0px 0px;	}
.rndUp10		{ border-radius: 10px 10px 0px 0px;	}
.rndUp15		{ border-radius: 15px 15px 0px 0px;	}
.rndUp20		{ border-radius: 20px 20px 0px 0px;	}

.rndBtm4		{ border-radius: 0px 0px 4px 4px;	}
.rndBtm10		{ border-radius: 0px 0px 10px 10px;	}
.rndBtm15		{ border-radius: 0px 0px 15px 15px;	}
.rndBtm20		{ border-radius: 0px 0px 20px 20px;	}

.rndLeft4 		{ border-radius: 4px 0px 0px 4px;	}
.rndLeft10 		{ border-radius: 10px 0px 0px 10px;	}
.rndLeft15 		{ border-radius: 15px 0px 0px 15px;	}
.rndLeft20 		{ border-radius: 20px 0px 0px 20px;	}

.rndRight4		{ border-radius: 0px 4px 4px 0px;	}
.rndRight10		{ border-radius: 0px 10px 10px 0px;	}
.rndRight15		{ border-radius: 0px 15px 15px 0px;	}
.rndRight20		{ border-radius: 0px 20px 20px 0px;	}

.rndUpLeft4 	{ border-radius: 4px 0px 0px 0px;	}
.rndUpLeft10 	{ border-radius: 10px 0px 0px 0px;	}
.rndUpLeft15 	{ border-radius: 12px 0px 0px 0px;	}
.rndUpLeft20 	{ border-radius: 20px 0px 0px 0px;	}

.rndUpRight4	{ border-radius: 0px 5px 0px 0px;	}
.rndUpRight10	{ border-radius: 0px 10px 0px 0px;	}
.rndUpRight15	{ border-radius: 0px 15px 0px 0px;	}
.rndUpRight20	{ border-radius: 0px 20px 0px 0px;	}

.rndBtmLeft4 	{ border-radius: 0px 0px 0px 4px;	}
.rndBtmLeft10 	{ border-radius: 0px 0px 0px 10px;	}
.rndBtmLeft15 	{ border-radius: 0px 0px 0px 15px;	}
.rndBtmLeft20 	{ border-radius: 0px 0px 0px 20px;	}

.rndBtmRight4	{ border-radius: 0px 0px 4px 0px;	}
.rndBtmRight10	{ border-radius: 0px 0px 10px 0px;	}
.rndBtmRight15	{ border-radius: 0px 0px 15px 0px;	}
.rndBtmRight20	{ border-radius: 0px 0px 20px 0px;	}

.circle 		{ border-radius: 20px; }
.circleLeft 	{ border-radius: 20px 0px 0px 20px; }
.circleRight	{ border-radius: 0px 20px 20px 0px; }


.bc-violet			{ background-color: DarkViolet;   border: 1px solid DarkViolet; color: white;}
.bc-violet:hover	{ background-color: MediumOrchid; border: 1px solid DarkViolet; color: black;}

.bc-pink	 		{ background-color: DeepPink; border: 1px solid DeepPink; color: white; }
.bc-pink:hover		{ background-color: HotPink;  border: 1px solid DeepPink; color: black; }


/**********************************************************************/
/** boutons ***********************************************************/
/**********************************************************************/
.redbtn {
	cursor: pointer;
	display: inline-block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	min-width: 150px;
	height: 50px;
	/*
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: white;
	*/
	border: 1px solid #EC1C24;
	background-color: #EC1C24;
	/*border-radius: 4px;*/
}






/** tailles des boutons ***********************************************/
/*
.b-mini-rnd { width:30px;  height:30px; border-radius:20px; }
.b-mini 	{ width:40px;  height:30px; border-radius:3px; }
.b-big		{ width:170px; height:40px; border-radius:6px; }
.b-long		{ width:170px; height:35px; border-radius:6px; }
*/


/**********************************************************************/
/** couleurs boutons et tableaux : texte et fonds *********************/
/**********************************************************************/

/*
.h-bbleu:hover		{ border: 1px solid #1B62B6; }
.h-brouge:hover		{ border: 1px solid #EC1C24; }
.h-borange:hover	{ border: 1px solid #F07B15; }
.h-bjaune:hover		{ border: 1px solid #FFC000; }
.h-bvert:hover		{ border: 1px solid green;	 }
.h-bgris:hover		{ border: 1px solid #666666; }
.h-bnoir:hover		{ border: 1px solid black;	 }
.h-bblanc:hover		{ border: 1px solid white;	 }
*/

/** couleur de fond ***************************************************/
/*
.cblue				{ background-color: #1B62B6; }
.cred				{ background-color: #EC1C24; }
.corange			{ background-color: #F07B15; }
.cyellow			{ background-color: #FFC000; }
.cgreen				{ background-color: green;	 }
.cgray				{ background-color: #666666; }
.calert				{ background-color: yellow;  }
.cblack				{ background-color: black;	 }
.cwhite				{ background-color: white;	 }

.cnoir				{ background-color: black;	 }
.cblanc				{ background-color: white;	 }
.crouge				{ background-color: #FFCCFF; }
.corang				{ background-color: #FFCC99; }
*/ /* utilisé dans presession_func.php fonction get_mini_grp_color($id_session) */
/*
.cjaune				{ background-color: #FFFBE6; }
.cvert				{ background-color: #CCFFCC; }
.cbleu				{ background-color: #CCECFF; }
.cgris				{ background-color: #D9D9D9; }
.cgris-m			{ background-color: #aaaaaa; }
.cgris-c			{ background-color: #eeeeee; }

.h-cblue:hover		{ background-color: #1B62B6; }
.h-cred:hover		{ background-color: #EC1C24; }
.h-corange:hover	{ background-color: #F07B15; }
.h-cyellow:hover	{ background-color: #FFC000; }
.h-cgreen:hover		{ background-color: green;	 }
.h-cgray:hover		{ background-color: #666666; }
.h-calert:hover		{ background-color: yellow;  }
.h-cblack:hover		{ background-color: black;	 }
.h-cwhite:hover		{ background-color: white;	 }

.h-cnoir:hover		{ background-color: black;	 }
.h-cblanc:hover		{ background-color: white;	 }
.h-crouge:hover		{ background-color: #FFCCFF; }
.h-corang:hover		{ background-color: #FFCC99; }
.h-cjaune:hover		{ background-color: #FFFBE6; }
.h-cvert:hover		{ background-color: #CCFFCC; }
.h-cbleu:hover		{ background-color: #CCECFF; }
.h-cgris:hover		{ background-color: #D9D9D9; }
.h-cgris-m:hover	{ background-color: #aaaaaa; }
*/

/** couleur de bordure et de fond *************************************/
/*
.cbrouge			{ background-color: #EC1C24; border: 1px solid #EC1C24; }
.cborange			{ background-color: #F07B15; border: 1px solid #F07B15; }
.cbjaune			{ background-color: #FFC000; border: 1px solid #FFC000; }
.cbvert				{ background-color: green;   border: 1px solid green;	}
.cbbleu				{ background-color: #1B62B6; border: 1px solid #1B62B6; }
.cbnoir				{ background-color: black;   border: 1px solid black; 	}
.cbgris				{ background-color: #666666; border: 1px solid #666666; }
.cbblanc			{ background-color: white;   border: 1px solid #555555; }

.h-cbbleu:hover		{ background-color: #1B62B6; border: 1px solid #1B62B6; }
.h-cbrouge:hover	{ background-color: #EC1C24; border: 1px solid #EC1C24; }
.h-cborange:hover	{ background-color: #F07B15; border: 1px solid #F07B15; }
.h-cbjaune:hover	{ background-color: #FFC000; border: 1px solid #FFC000; }
.h-cbvert:hover		{ background-color: green;   border: 1px solid green;	}
.h-cbgris:hover		{ background-color: #666666; border: 1px solid #666666; }
.h-cbnoir:hover		{ background-color: black;   border: 1px solid black; 	}
.h-cbblanc:hover	{ background-color: white;   border: 1px solid #555555; }
*/


/** couleurs (respecter la place après les polices et les tailles) ****/
/*
.bleu			{ color: #1B62B6; }
.rouge			{ color: #EC1C24; }
.orange			{ color: #F07B15; }
.jaune			{ color: #FFC000; }
.vert			{ color: green;   }
.gris			{ color: #666666; }
.noir			{ color: black;	  }
.blanc			{ color: white;	  }
.blue			{ color: blue;	  }
.red			{ color: red;	  }

.tblue			{ color: #C9D7FB; }
.vert2			{ color: #3BB54A; }


.h-bleu:hover	{ color: #1B62B6; }
.h-rouge:hover	{ color: #EC1C24; }
.h-orange:hover	{ color: #F07B15; }
.h-jaune:hover	{ color: #FFC000; }
.h-vert:hover	{ color: green;	  }
.h-gris:hover	{ color: #666666; }
.h-noir:hover	{ color: black;	  }
.h-blanc:hover	{ color: white;	  }
.h-blue:hover	{ color: blue;	  }
.h-red:hover	{ color: red;	  }
*/
/**********************************************************************/


/*
bleu izzidan  : #15366B
rouge izzidan : #E30514

bleu fftda  : #1B62B6
rouge fftda : #EC1C24

bleu foncé : #2F5597
*/