@charset "utf-8";
/* CSS Document */

#entete {
	border-bottom: 1px solid rgba(40,40,40,1);
	display: flex;
	background-color: #ffffff;
	flex-direction: row; /* ligne */
	flex-wrap: nowrap; /* pas de retour à la ligne */
	justify-content:center; /* horizontal */
	align-items: flex-end ; /* vertical */	
/*	position: -webkit-sticky; /* Safari */
 /*   top: 0px;*/
 /*  position: sticky;*/
/*	z-index: 4;  */

	
}

#logoH {
	display: flex;
		flex: 0 2 450px;

}

#logo{
	width: 330px;
	height: 165px;


}

.coord {
	font-family:Helvetica, Arial;
	font-size:26px;
	font-weight:normal;
	color: #000000;	
	text-decoration: none;
}

#coordonnees {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* direction 1 */
	align-items: flex-start; /* direction 2 */
	flex: 0 1 350px;
	justify-content:space-around; /* horizontal */
}

#adresse {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	/*flex: 0 1 300px;*/
}

#adressepic {
display: none;
}

#adressetext {
	flex-shrink: 1;
}

#telephone {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	/*flex: 0 1 300px;*/
}

#telephonepic {
display: none;
}

#telephonetext {
	flex-shrink: 1;
}

#email {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	/*flex: 0 1 300px;*/
}

#emailpic {
display: none;
}

#emailtext {
	flex-shrink: 1;
}

#content {
	/*display: inline-block;*/
		display: flex;
	flex-direction: column;
	justify-content:flex-start; /* horizontal */
	align-items: center;
	
	height: 100%;
	text-align: center;
	font-family:Helvetica, Arial;
	font-size:50px;
	font-weight:normal;
	color: #ff0000;
	/*overflow:hidden;*/
	/*height: 20%;*/
	
}


#foot {
	border-top: 1px solid rgba(40,40,40,1);
	display: flex;
	background-color: #eeeeee;
	flex-direction: row; /* ligne */
	flex-wrap: nowrap; /* pas de retour à la ligne */
	justify-content:space-around; /* horizontal */
	align-items:center ; /* vertical */	
	position: relative;
	width: 100%; /* toute la largeur de la fenêtre */
	height: 100px;
	font-family:Helvetica, Arial;
	font-size:36px;
	font-weight:normal;
	color: #000000;	
	z-index: 4;	
	/*position:static*/
}

.ctexte1 {
	font-family:Helvetica, Arial;
	font-size:20px;
	color:#000000;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

.ctexte2 {
	font-family:Helvetica, Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
	margin-left:20px;
	padding:0px;
	text-align:justify;
}

.ctexte3 {
	font-family:Helvetica, Arial;
	font-size:16px;
	color:#000000;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
	text-align:justify;
}
	
#blackBG {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(40,40,40,1);
	/*display: none;*/
	z-index: 6;
	display:none;
}

#lns {
	position: fixed;
	top: 50px;
	left: 50px;
	right: 50px;
	bottom: 50px;
	background-color: #ffffff;
	display: none;
	z-index: 7;
	border: 2px solid rgba(40,40,40,1);
	padding: 10px;
	font-family:Helvetica, Arial;
	font-size:20px;
	font-weight:normal;
	color: #000000;
	box-shadow: 4px 6px 4px rgba(0, 0, 0, .2);
	overflow: hidden;
	transition: display 300ms ease-in;
}

#close {
	font-family:Helvetica, Arial;
	font-weight:normal;
	font-size:40px;

}


/*													Logiciel: 				*/
#logic {
	display: flex;
	flex-direction: row;
	justify-content:center; /* horizontal */
	align-items: flex-start;
	flex-wrap:wrap; /* retour à la ligne */
	max-width: 900px;
}

#logic DIV IMG {
	height: 250px;
	width: 250px;
	border-radius: 20px;
	border: 2px solid rgba(80,80,80,1);
	text-decoration: none;	
	
}

#logic DIV span {
	font-family:Helvetica, Arial;
	font-size:24px;
	font-weight:bold;
	color: #000000;
	vertical-align: bottom;
}

#downloadandroid, #downloadapple, #axmart {
	flex: 0 , 0 , 300px;
	vertical-align: middle;
	height: 300px
}

/*													produits: 				*/

#product {
	display: flex;
	flex-direction: row;
	justify-content:center; /* horizontal */
	align-items: flex-start;
	flex-wrap:wrap; /* retour à la ligne */
	max-width: 900px;
}

#product DIV IMG {
	height: 250px;
	width: 250px;
	border-radius: 20px;
	border: 2px solid rgba(80,80,80,1);
	text-decoration: none;	
	
}

#product DIV span {
	font-family:Helvetica, Arial;
	font-size:24px;
	font-weight:bold;
	color: #000000;
	vertical-align: bottom;
}

#erplus ,  #erpremier ,  #vrvs ,  #vt ,  #vt2400 ,  #vtplus ,  #vtplus2400 ,  #mt ,  #vrxvsx ,  #vtx ,  #lt ,  #dv300 , #dv1000 ,  #dvx {
	flex: 0 , 0 , 300px;
	vertical-align: middle;
	height: 300px
}

.separe {
	flex: 0 , 1 , 20px;
	height: 200px
}


#option {
	display: flex;
	flex-direction: column;
	justify-content:flex-start; /* horizontal */
	align-items: center;
}

#option SPAN , #option a {
	font-family:Helvetica, Arial;
	font-size:36px;
	line-height: 100px;
	font-weight:bold;
	color: rgb(0,0,0);
	vertical-align: middle;
	
}

#general ,  #modbusrtu ,  #ult ,  #p8 ,  #lc , #ecm , #multi {
	width: 700px;
	vertical-align: middle;
	height: 100px;
	border: 2px solid rgba(80,80,80,1);
	border-radius: 20px;
}

A  {
	text-decoration: none;	
}