﻿
body
{
	text-align: center;
	font-family: helvetica;
}

.tab_options input
{
	/*display: none;*/
}

.tab_options td 
{ 
	background-color: white;
	padding: 5px;
	text-align: center;
	border: solid 1px;
}

.tab_options
{
	border-collapse: collapse;
	border: solid 2px;
}

.lastimg img
{
  max-width: 220px;
}


input.submit
{
	font-size: 16px;
	top: 80% ;
	margin: 10px;
}

.browser
{
	border: 1px inset;
	width: 300px;
}

.Legend
{
	font-size: small;
	font-weight: bold;
}

.hiddeniframe
{
	display:none;
	width:1px;
	height:1px;
	border:0;
}

h2.titre
{
	height: 30px;
	padding-left: 20px;
	font-family: impact;
	text-align: center;
	text-decoration: underline;
}

#DivProgress
{
	margin: 5px;
	
}

.Progress
{
	padding: 5px;
}

.bulle
{
	color: #000000;
	background-color: white;
	padding: 3px;
	margin: 3px;
	border: solid 1px;
	border-color: black;
	z-index: 2;
}

IMG.result
{
	background-color: white;
}

.etape img
{
	vertical-align: middle;
}

pre
{
	text-align: left;
}


.share
{
  -moz-box-shadow:inset 0px 1px 0px 0px #5c565c;
  -webkit-box-shadow:inset 0px 1px 0px 0px #5c565c;
  box-shadow:inset 0px 1px 0px 0px #5c565c;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #575457) );
  background:-moz-linear-gradient( center top, #000000 5%, #575457 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#575457');
  background-color:#000000;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:2px solid #000000;
  display:inline-block;
  color:#fffcff;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:4px 20px;
  text-decoration:none;
  text-shadow:1px 1px 0px #454545;
  margin-top: 20px;
}
.share:hover
{
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #575457), color-stop(1, #000000) );
  background:-moz-linear-gradient( center top, #575457 5%, #000000 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575457', endColorstr='#000000');
  background-color:#575457;
}
.share:active
{
  position:relative;
  top:1px;
}




.degradbar
{
	position: relative;
	width: 20px;
	height: 500px;
	/*background-image: url(images/fond_transparent.gif);*/
}

h4.degrade
{
	text-align: center;
	font-size: 16px;
}


/* ComboBox Start */
.CtrlComboBox
{
  text-align: center;
	
	width: 200px; /* largeur du control */
}

.CtrlComboBoxIn
{
	position: relative;
	vertical-align: middle;
	text-align: center;
	float: left;
	
	cursor: pointer;
	
	width: 250px;
	height: 30px;
	border: solid 1px #7f9db9;
}

.CtrlComboBox img
{
	border: none;
	height: 26px;
}

.CtrlComboBox .CtrlComboBox_down
{
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 50;
}

.CtrlComboBox .CtrlComboBox_content
{
	position: absolute;
	left: 60px;
	top: 0px;
	width: 120px;
}

.CtrlComboBox_frame
{
	z-index:100;
	position: absolute;
	border: #7f9db9 1px solid;
	width: 280px; /*520px; */
	height: 350px;
	overflow: auto;
	background-color: white;
	left: 120px;
}
/* ComboBox End */

.logo_grafme
{
  /*float: right;*/
  position: absolute;
  right: 0px;
}

.logo_grafme a, .logo_grafme img
{
  border: none;
}

.logo_grafme img
{
  /*width: 100px;*/
}
.defil
{
	overflow: auto;
	border: dotted 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Bouton Webcam/upload */

.bouton_webcam, .bouton_upload {
	width: 206px;
	height: 49px;
	text-align: left;
}
.bouton_webcam a, .bouton_upload a {
	text-decoration: none;
	display: block;
	color: #000;
	line-height: 49px;
	padding-left: 50px;
}

/* Bouton Webcam */
.bouton_webcam {
	background: url(../images/button_webcam.png) no-repeat center;
}
.bouton_webcam:hover, .bouton_webcam_mouseenter {
	background: url(../images/button_webcam_hover.png) no-repeat center;
}

/* Bouton upload */
.bouton_upload {
	background: url(../images/button_upload.png) no-repeat center;
}
.bouton_upload:hover, .bouton_upload_mouseenter {
	background: url(../images/button_upload_hover.png) no-repeat center;
}


/* Bordure du controle webcam (silverlight) */
.silverlight_webcam
{
	/* Couleur de la bordure --> IMPORTANT: au format rgb(r, g, b), sinon ca ne fonctionnera pas sur IE */
  color: rgb(0, 0, 255);
  /* Epaisseur de la bordure */
  font-size: 3;
}

/* Champ input des cases du tableau */
.table_case
{
}

.rep_bulle img
{
  max-width: 550px;
}