/* #################
	Element Generic 
   #################
*/

body {
	color: #fff;
	font-family: "arial";
	font-size: 12pt;
	text-shadow: 2px 2px 1px rgba(40, 40, 40, 1);
	line-height: 1;
	overflow-x: hidden;
}

h1, h2, h3{
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	opacity: 1 !important;
}
h1{
	font-size: 2em;
	font-weight: 400;
}

h2{
	font-size: 1.7em;
	font-weight: 400;
}

h3{
	font-size: 1.2em;
	font-weight: 400;
}


p {
	margin: 2px 0 10px 0;
}

a {
	text-decoration: none;
	color: rgba(128, 200, 224, 0.8);
	text-shadow: 2px 2px 1px rgba(40, 40, 40, 1);
	transition: 0.3s;
}

a img{
	filter: brightness(70%);
	transition: 0.3s;
}

a:hover img{
	filter: brightness(100%);
}


a:hover {
	text-decoration: none;
	color: #FFF;
}

img {
  vertical-align:middle;
}

th, td {
  padding: 2px;
}

input, textarea {
	background: rgba(100, 100, 100, 0.3);
	color: rgba(255, 255, 255, 0.8);
	border: 0;
	padding: 0 2px;
	border-radius: 5px;
	font-size: 10pt;
	width: 120px;
	padding: 4px;
	margin: 4px 10px;  
}

select {
	background: rgba(100, 100, 100, 0.3);
	color: rgba(255, 255, 255, 0.8);
	border: 0;
	padding: 0 2px;
	border-radius: 5px;
	font-size: 10pt;
	width: 123px;
}

input[type=button], input[type=reset] {
	width: 80px;
}
input[type=checkbox] {
	width: 14px;
}

input[type=time] {
	font-size: 10pt;
	font-weight: bold;
	background: url(../img/bouton.png) repeat-x;
	margin: 0;
	line-height: 18px;
}

input[type=button], input[type=submit], input[type=reset] {
	background: url(../img/bouton.png) repeat-x rgba(64, 64, 64, 0.7);
	/* background: rgba(100, 100, 100, 0.3); */
	border: 2px ;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 1);
	padding: 4px 8px;
	margin: 2px 4px;
	transition: 0.3s;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background: url(../img/bouton.png) repeat-x rgba(128, 128, 128, 0.7);
	/* background: rgba(100, 100, 100, 0.5); */
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
	box-shadow:-1px -1px 3px rgba(64, 64, 64, 1);
}

input[type=checkbox] {
	background: rgba(100, 100, 100, 0.3);
}


/* #############
	Input Range 
   #############
*/
input[type=range] {
  position: relative;
  top: 5px;
  width: 100px;
  margin: -1px 5px;
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  background: url(../img/bouton.png) center repeat-x;
  border-radius: 3px;
  border: 1px solid rgba(60, 80, 8, 0.5);
}
input[type=range]::-webkit-slider-thumb {
  border: 1.1px solid rgba(0, 0, 0, 1);
  height: 18px;
  width: 12px;
  border-radius: 3px;
  background: rgba(220, 220, 220, 0.5) url(../img/bouton.png) center repeat-x;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: url(../img/bouton.png) center repeat-x;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 18px;
  cursor: pointer;
  background: url(../img/bouton.png) center repeat-x;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
input[type=range]::-moz-range-thumb {
  border: 1.1px solid rgba(0, 0, 0, 1);
  height: 18px;
  width: 10px;
  border-radius: 3px;
  background: rgba(220, 220, 220, 0.5) url(../img/bouton.png) center repeat-x;
  cursor: pointer;
}

::placeholder {
	color: rgba(128, 128, 128, 1);
}

/* ###############
	CLASS Generic 
   ############### 
*/
.divCenter {
	margin: auto;
	text-align: center; 
	display: block;
}


.noBG {
	background: none;
}

.hidden {
	display: none !important;
}

.hiddenOpacity {
	opacity: 0;
}