.ImageMax{ 	max-width: 100% ; max-height: 100%; /*border-color:black; border: solid; limites*/ }

/* ----partie Fonction -----------------------------------------------------*/
.CaseRappel {	width:240px;
		height: 80px;
		display: inline-block;/* comme une cellule de tableau  border : 2px solid;*/
		text-align: center;
		vertical-align:bottom;  /*  border : 2px solid;   */
	}

/* ----partie Constitution contacteur -----------------------------------------------------*/
.AligneEtRelatif{	
				height: 100%; 				/*Aligner les div cote à cote background-color: lightGrey;*/
				display: inline-block;/* Aligner les div cote à cote background-color: lightGrey;*/
				position: relative; /* pour garder les autres fixes */
				float:left;/* pour garder les autres fixes */
				/* border: 1px solid black;   */
			}
  
.DimImg{	height : 100%; 	width : auto; } 

			/* -----------images cachées --------*/
#Bobine,#SymboleBobine,#ContactPuis1,#ContactPuis2,#ContactPuis3,#ContactAuxil,
#RectBobine,#RectContact,#RectArmFixe,#RectArmMob,#RectRessort,
#zoom,#zoom2,#zoom3,#zoom4,#zoom5,#IciRond,#IciRond2,#IciRond3,#IciRond4
,#Symb2,#Symb3,#Symb4, #IciRond5, #IciRond6, #IciRond7
 { 	z-index: 2;
	position: absolute;
	visibility: hidden;
 }
#Bobine {  left: 165px; Bottom: 30px; width: 120px; height: 100px; }
#SymboleBobine {  left: 138px; Bottom: 28px; width: 60px; height: 100px; }
#ContactPuis1 {  left: 67px; Bottom: 28px; width: 20px; height: 100px; }
#ContactPuis2 {  left: 92px; Bottom: 28px; width: 20px; height: 100px; }
#ContactPuis3 {  left: 117px; Bottom: 28px; width: 20px; height: 100px; }
#ContactAuxil {  left: 140px; Bottom: 28px; width: 20px; height: 100px; }

#RectBobine {  left: 35px; Bottom: 30px; width: 70px; height: 50px; }
#RectContact {  left: 30px; Bottom: 125px; width: 80px; height: 50px; }
#RectArmFixe { left: 10px; Bottom: 0px; width: 130px; height: 60px; }
#RectArmMob { left: 5px; Bottom: 70px; width: 135px; height: 60px; }
#RectRessort {  left: 35px; Bottom: 70px; width: 70px; height: 40px; }

/*----Fonctionnement -------------------------------------------------------*/

#zoom {  left: 137px; Bottom: 10px; width: 40px; height: 40px; }

/* ----partie contacteur utilisation -----------------------------------------------------*/

#zoom2 {  left: 145px; Bottom: 218px; width: 40px; height: 40px; }

.Emplacement{	line-height: 1.3em; padding: 0;}

/* ----partie symbolisation -----------------------------------------------------*/

#Symb2 {  left: 0px; Bottom:4px; width: 337px; height: 119px; }
#Symb3 {  left: 0px; Bottom:4px; width: 337px; height: 119px; }
#Symb4 {  left: 0px; Bottom:4px; width: 337px; height: 119px; }

/* ----partie contacteur automaintien -----------------------------------------------------*/
#zoom3 {  left: 190px; Bottom: 110px; width: 40px; height: 40px; }
#zoom4 {  left: 67px; Bottom: 110px; width: 40px; height: 40px; }
#zoom5 {  left: 75px; Bottom: 190px; width: 40px; height: 40px; }
#IciRond {  left: 60px; Bottom: 30px; width: 80px; height: 60px; } 
#IciRond2 {  left: 175px; Bottom: 110px; width: 80px; height: 60px; } 
#IciRond3 {  left: 280px; Bottom: 245px; width: 140px; height: 80px; } 
#IciRond4 {  left: 290px; Bottom: 20px; width: 120px; height: 120px; }


area { cursor: pointer; } /*modifier le pointeur en survolant image automaintien */

/* ----partie contacteur inverseur -----------------------------------------------------*/
#IciRond5 {  left: 15px; Bottom: 330px; width: 50px; height: 50px; } 
#IciRond6 {  left: 225px; Bottom: 110px; width: 80px; height: 50px; } 
#IciRond7 {  left: 32px; Bottom: 110px; width: 80px; height: 50px; } 

#ImgInverseur {	width:auto;
		height: 100px;
		vertical-align: middle;
				}
.bouton { 	border: none;
			color:  #005ae5 ;
			background-color: lightGrey;
			font-size: 17px;
		}
.bouton:hover { text-shadow: 1px -1px 2px white, -1px 1px 2px white; }