body {
	background-color: #66D6FF;
}
.Titre {
	font-family: "Calibri";
	font-size: 40px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.TitreAccueil {
	font-family: "Calibri";
	font-size: 50px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.SecondTitre {
	font-family: "Calibri";
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}

.NomChamp {
	font-family: "Calibri";
	font-size: small;
	font-weight: normal;
	text-align: left;
}

.Erreur {
	font-family: "Calibri";
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
	text-align: left;
}
.OK {
	font-family: "Calibri";
	font-size: medium;
	color: #00FF00;
	text-align: center;
}
.Normal {
	font-family: "Calibri";
	font-size: medium;
	font-weight: normal;
	text-align: left;
}
.Entete {
	font-family: "Calibri";
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.PetitCentre {
	font-family: "Calibri";
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.BasPage {
	font-family: "Calibri";
	font-size: small;
	font-weight: normal;
	text-align: center;
}

.msgAttente
{
	font-family: "Calibri";
	font-size: x-small ;
	text-align:left;
	vertical-align:left;
	background-color: #FF0000;
	text-decoration: blink;
	width:120px;
	color: #FFFFFF;
	border: thin solid #999999;
	position: relative;
}

.transp {
   background-color:#999999;
   position:absolute;
   
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}
.pasTransp{
/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
  }

.info {
	font-family: "Calibri";
	color: #0066FF;
}

.wrapper {
background:#FFF;
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
z-index: 20;
opacity: 0.7;
display:none;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);}

.img_milieu
{ 
float: left; 
display: block; 
width: 100%; 
height:auto; 
text-align: center; 
}

.imageAttente
{
	position:absolute;
	top:50%;
	left:50%;
}


html, body {
    height: 100%
}

.content{
  width: auto !important; /*override the width below*/
  width: 10%;
  max-width: 20%;
  max-height: 20%;
  float: right;
  clear: both;
}


.table{
    display: table;
    border-spacing: 1px;
	height:100%;
}

.row {
    display: table-row;
    margin-bottom: 0;
    width: 100%;
	max-height:20%;
}
.cell1 {
    display: table-cell;
    width: 33%;
	border: 1px solid #CCC;
}

.cell3 {
    display: table-cell;
    width: 33%;
	border: 1px solid #CCC;
}

.cell2
{
	display: table-cell;
    width: 25%;
	/*border: 1px solid #CCC;*/
}
.inner {
float: left;
text-align:center;
font-size: 25px;
display: block; 
height:auto; 

}

.innerSchema {
float: left; 
display: block; 
height:auto; 
}

.innerDessins {
float: center;
text-align:center;
	margin-left: auto;
    margin-right: auto;
font-size: 25px;
display: block; 
height:auto; 
}