@font-face 
{	
font-family: 'Neris-Light';
font-style: normal;
font-weight: normal; 
src: local('Neris-Light'), url() format('embedded-opentype'), url(Neris-Light.woff) format('woff'), url() format('truetype'), url() format('svg');
}	

table.purpleHorizon {
  border: 4px solid #792396;
  /*background-color: #555555;*/
  background-: #555555;
  
  text-align: center;
  border-collapse: collapse;
}
table.purpleHorizon td, table.purpleHorizon th {
  border: 1px solid #555555;
  padding: 5px 2px;
}
table.purpleHorizon tbody td {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  
}
table.purpleHorizon tbody tr {
background: #CC3BFC;

}
table.purpleHorizon tr:nth-child(even) {
  background: #7A7A7A;
}
table.purpleHorizon thead {
  background: #792396;
  border-bottom: 4px solid #792396;
}
table.purpleHorizon thead th {
  font-size: 19px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: middle;
  border-left: 2px solid #792396;
}
table.purpleHorizon thead th:first-child {
  border-left: none;
}

table.purpleHorizon tfoot {
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background: #CE3CFF;
  background: -moz-linear-gradient(top, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  background: -webkit-linear-gradient(top, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  background: linear-gradient(to bottom, #da6dff 0%, #d34fff 66%, #CE3CFF 100%);
  border-top: 5px solid #792396;
}
table.purpleHorizon tfoot td {
  font-size: 13px;
}
table.purpleHorizon tfoot .links {
  text-align: right;
}
table.purpleHorizon tfoot .links a{
  display: inline-block;
  background: #792396;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

#divConteneur{
max-height:450px;
height:450px;/*pour IE qui comprend rien, et qui ne reconnait pas min-height, mais qui comprend mal height*/

overflow-y:scroll;/*pour activer les scrollbarres*/
}


table.purpleHorizon tbody td a{
	color: #FFFFFF;
	
}

body {
    /* background-position: center; */
    /* background-repeat: no-repeat; */
	background-repeat:repeat-y;
    background-size: cover;
	height: 100%; 
	font-family: "Neris-Light", Helvetica, Arial, sans-serif;
}

#onglets
{
    font : bold 30px "Neris-Light", Helvetica, Arial, sans-serif;
    list-style-type : none;
    padding-bottom : 51px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}

#onglets li
{
    float : left;
    height : 48px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 0 2px 0 0 !important;  /* Pour les navigateurs autre que IE */
    margin : 0 0 0 0;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #fff;
}

#TChrono{
	font-size: 40px;
	color : #0;
}

#IDCourse{
	font-size: 30px;
	font-weight:bold;
	background-color:light
}


.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 265px;
}

.styled-select select {
   background: transparent;
   border: none;
   color: #fff;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 288px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }
.purple {background-color: #792396;}

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #0; }
.yellow select  { color: #000; }
.black select   { color: #fff; }
.purple select   { color: #fff; }
.purple select  option { color: #792396; }

.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

button.btn.active{
    background:purple;
	color:fff;
	font-size:20px;
}
button.btn:active{
    background:red;
	color:fff;
	
	
}
.btn-Course{
	color:purple;
	font-size:18px;
	background:white;
	font-weight:bold;
}
label{
	color:purple;
}
.Titre{
	font-size:50px;
	font-weight:bold;
}

button.btn.activeSx{
    background:LightGray ;
	color:fff;
	
}
button.btn-Sx:active{
    background:purple;
	color:fff;
	
	
}
.btn-Sx{
	color:purple;
	font-size:18px;
	background:white;
	font-weight:bold;
}