:root{
	--size-titres: 26px;
	--couleur-titres: lightblue;
	--couleur-titres-hidden: salmon;
	--margin-top-titres: 4px;
	--margin-bottom-titres: 2px;
}


@font-face {
	font-family: "seven_segments";
	src: url("./7segment.ttf") format("opentype");
}
@font-face {
	font-family: "MonospaceTypewriter";
	src: url("./MonospaceTypewriter.ttf") format("opentype");
}
/*	src: url("http://192.168.1.72/_styles/7segment.ttf") format("opentype");  */
.label_7_segments{
	font-family: seven_segments;
	font-size: 40px;
	color: #00ff00;
}

.label_scripts{
	font-family: MonospaceTypewriter;
	font-size: 14px;
	color: #ffffff;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	background-color:#000033;
}
table {
	margin-top:5px;
	margin-bottom:0px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 0px;
	padding-right: 0px;
	border: 1px solid;
	border-color: #cccccc;
	border-collapse: collapse;
	color: #cccccc;
	width: 480px;
}
tr {
	border:none;
}
td {
	border:none;
}

.td_avec {
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 5px;
	margin-right: 5px;
}

.table_avec {
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 0px;
	padding-right: 4px;
	margin-top:6px;
	margin-bottom:6px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid;
	border-color: #cccccc;
	width: 460px;
}
.table_sans {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 470px;
}
.table_sans_niveau_2 {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 460px;
}
.table_over {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 440px;
}
.table_sans_b {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: none;
	width: 470px;
}



input {
font-family:Arial;
font-size:14px;
}
input[type="text"]:disabled { 
background: #909090; 
}

label{
font-family:Arial;
font-size:16px;
color:#cccccc;
}

.label_M1{
font-family:Arial;
font-size:16px;
color:#ffffff;
}
.label_M1_checkBox{
	display:inline-block;
	margin-top:5px;
	margin-bottom:0px;
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
}
.label_M1_mini{
font-family:Arial;
font-size:14px;
color:#cccccc;
}

input[type=password]:disabled {
  background: #909090;
}
select:disabled {
  background: #909090;
}

.centre {
text-align:center;
}

.tblSaveForm {
border-top:2px #999999 solid;
background-color: #000033;
}
.tableheader {
font-size:18px;
color:#ffffff;
background-color: #000033;
}
.btnSubmit {
background-color:#fd9512;
padding:5px;
border-color:#ffffff;
border-radius:4px;
color:white;
}
.message {
color: yellow;
text-align: center;
width: 100%;
}

.txtField {
padding: 1px 4px;
font-size: 16px;
border:#000033 1px solid;
border-radius:4px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
}

.txtField_pwd {
width: 220px;
padding: 3px 0px 3px 5px ;
margin: 0px 0px 0px 10px;
font-size: 16px;
border:#000033 2px solid;
border-radius:6px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
}

.txtField_M1 {
padding: 3px 4px 2px 4px;
font-size: 16px;
border:#000033 1px solid;
border-radius:4px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
width: 64px;
}

.selectField_M1 {
padding: 1px 4px 2px 4px;
font-size: 16px;
border:#000033 1px solid;
border-radius:4px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
width: 64px;
}


.txtField1 {
padding: 1px 4px;
border:#000033 1px solid;
color: #000000;
border-radius:3px;
cursor: text;
}
.txtField1_curseur_default {
padding: 1px 4px;
border:#000033 1px solid;
color: #000000;
border-radius:3px;
cursor: pointer;
}
.txtField1_curseur_text {
padding: 1px 4px;
border:#000033 1px solid;
color: #000000;
border-radius:3px;
cursor: text;
}
.txtField2 {
padding: 1px 4px;
border:#000033 3px solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
cursor: pointer;
outline: none;
color: black;
border: none;
border-radius: 3px;
}
.txtField3 {
display:inline-block;
margin-left : 0px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
padding: 1px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
cursor: pointer;
outline: none;
color: black;
border: #000033 3px solid;
border-radius: 6px;
}
.txtField3_curseur_text {
display:inline-block;
margin-left : 20px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
padding: 3px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
cursor: text;
outline: none;
color: black;
border: #000033 3px solid;
border-radius: 6px;
}
.setup_network_curseur_text {
display:inline-block;
margin-left : 2px;
margin-right : 0px;
margin-top : 1px;
margin-bottom : 1px;
padding: 3px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
cursor: text;
outline: none;
color: black;
border: #000033 3px solid;
border-radius: 6px;
}
.setup_network_curseur_default_right {
display:inline-block;
margin-left : 0px;
margin-right : 0px;
margin-top : 1px;
margin-bottom : 1px;
padding: 1px 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: right;
cursor: default;
outline: none;
color: white;
border: #000033 3px solid;
border-radius: 6px;
}
.txtField3_curseur_default {
display:inline-block;
margin-left : 0px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
padding: 1px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
cursor: default;
outline: none;
color: white;
border: #000033 3px solid;
border-radius: 6px;
}
.txtField_5 {
padding: 1px 3px;
font-size: 14px;
border:#000033 2px solid;
border-radius:6px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
}
.txtField_5_seuils {
padding: 1px 3px;
font-size: 14px;
border:#000033 2px solid;
border-radius:6px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
width: 48px;
}
.txtField_5_c {
padding: 1px 4px;
font-size: 14px;
border:#000033 3px solid;
border-radius:6px;
text-align: center;
color: #000000;
background-color: #FFFFFF;
}
.txtField_6 {
padding: 2px 4px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
border:#000033 2px solid;
border-radius:4px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
margin-top : 4px;
margin-bottom : 4px;
}

.txtField_10 {
display:inline-block;
margin-left : 12px;
margin-right : 12px;
margin-top : 10px;
margin-bottom : 10px;
font-size: 16px;
text-align: left;
color: #FFFFFF;
}
.txtField_reports {
display:inline-block;
margin-left : 30px;
font-size: 16px;
text-align: left;
color: #FFFFFF;
}
.txtField_100 {
display:inline-block;
padding: 0px 0px 0px 0px;
margin-left : 30px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 8px;
font-size: 16px;
text-align: left;
color: #FFFFFF;
}
.txtField_10_center {
display:inline-block;
margin-left : 12px;
margin-right : 12px;
margin-top : 10px;
margin-bottom : 10px;
font-size: 16px;
text-align: center;
color: #FFFFFF;
}
.txtField_10_justify {
display:inline-block;
margin-left : 12px;
margin-right : 12px;
margin-top : 10px;
margin-bottom : 10px;
font-size: 16px;
text-align: justify;
color: #FFFFFF;
}
.txtField_11 {
padding: 0px 4px;
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : 0px;
margin-bottom : 0px;
font-size: 14px;
text-align: left;
color: #000000;
background-color: #FFFFFF;
border:#000033 3px solid;
border-radius:6px;
}
.txtField_12 {
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : var(--margin-top-titres);
margin-bottom : var(--margin-bottom-titres);
font-size: var(--size-titres);
text-align: center;
color: var(--couleur-titres);
background-color: #000033;
cursor: default;
}
.txtField_13 {
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : var(--margin-top-titres);
margin-bottom : var(--margin-bottom-titres);
font-size: var(--size-titres);
text-align: center;
color: var(--couleur-titres-hidden);
background-color: #000033;
cursor: default;
}
.txtField_12_a {
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : 2px;
margin-bottom : 2px;
font-size: 22px;
text-align: center;
color: lightgray;
background-color: #000033;
cursor: default;
}
.txtField_M2 {
margin-left : 0px;
margin-right : 0px;
margin-top : 2px;
margin-bottom : 2px;
padding-left : 0px;
padding-right : 0px;
padding-top : 0px;
padding-bottom : 0px;
font-size: 14px;
text-align: left;
color: lightgray;
background-color: #000033;
cursor: default;
}

.txtField_12_red {
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : 2px;
margin-bottom : 2px;
font-size: 22px;
text-align: center;
color: #ff0000;
background-color: #000033;
cursor: default;
}

.txtField_12_green {
display:inline-block;
margin-left : 2px;
margin-right : 2px;
margin-top : 2px;
margin-bottom : 2px;
font-size: 22px;
text-align: center;
color: #00ff00;
background-color: #000033;
cursor: default;
}

.txtField4 {
display:inline-block;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 0px;
text-align: right;
background-color: #000033;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #E3E3E3;
}

.txtField_command_line {
display:inline-block;
font-family: monospace;
margin-left : 12px;
margin-right : 12px;
margin-top : 10px;
margin-bottom : 10px;
font-size: 16px;
text-align: left;
color: #cccccc;
}



.required {
color: yellow;
font-size:13px;
font-weight:italic;
padding-left:10px;
}


.txtField_2_1 {
padding: 1px 2px;
margin-left : 0px;
margin-right : 0px;
margin-top : 0px;
margin-bottom : 0px;
font-size: 14px;
border:#000033 2px solid;
border-radius:5px;
color: #000000;
background-color: #FFFFFF;
text-align: center;
cursor: default;
width: 64;
}

.zoom {
height: 200;
}
.image_1 {
width: 100%;
height: 100%;
}
.image_1 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 0.1s ease; /* Safari et Chrome */
-moz-transition: all 0.1s ease; /* Firefox */
-ms-transition: all 0.1s ease; /* Internet Explorer 9 */
-o-transition: all 0.1s ease; /* Opera */
transition: all 0.1s ease;
}
.image_1:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2.2); /* Safari et Chrome */
-moz-transform:scale(2.2); /* Firefox */
-ms-transform:scale(2.2); /* Internet Explorer 9 */
-o-transform:scale(2.2); /* Opera */
transform:scale(2.2) translate(210px, -10px);
transform-origin: top left;
}

.image_2 {
width: 100%;
height: 100%;
}
.image_2 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 0.1s ease; /* Safari et Chrome */
-moz-transition: all 0.1s ease; /* Firefox */
-ms-transition: all 0.1s ease; /* Internet Explorer 9 */
-o-transition: all 0.1s ease; /* Opera */
transition: all 0.1s ease;
}
.image_2:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2.2); /* Safari et Chrome */
-moz-transform:scale(2.2); /* Firefox */
-ms-transform:scale(2.2); /* Internet Explorer 9 */
-o-transform:scale(2.2); /* Opera */
transform:scale(2.2) translate(210px, -80px);
transform-origin: top left;
}

.image_3 {
width: 100%;
height: 100%;
}
.image_3 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 0.1s ease; /* Safari et Chrome */
-moz-transition: all 0.1s ease; /* Firefox */
-ms-transition: all 0.1s ease; /* Internet Explorer 9 */
-o-transition: all 0.1s ease; /* Opera */
transition: all 0.1s ease;
}
.image_3:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2.2); /* Safari et Chrome */
-moz-transform:scale(2.2); /* Firefox */
-ms-transform:scale(2.2); /* Internet Explorer 9 */
-o-transform:scale(2.2); /* Opera */
transform:scale(2.2) translate(40px, -10px);
transform-origin: top left;
}

.image_4 {
width: 100%;
height: 100%;
}
.image_4 img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 0.1s ease; /* Safari et Chrome */
-moz-transition: all 0.1s ease; /* Firefox */
-ms-transition: all 0.1s ease; /* Internet Explorer 9 */
-o-transition: all 0.1s ease; /* Opera */
transition: all 0.1s ease;
}
.image_4:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2.2); /* Safari et Chrome */
-moz-transform:scale(2.2); /* Firefox */
-ms-transform:scale(2.2); /* Internet Explorer 9 */
-o-transform:scale(2.2); /* Opera */
transform:scale(2.2) translate(40px, -80px);
transform-origin: top left;
}

.nom_sonde {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #ffffff;
	border: none;
	border-radius: 3px;
}
.nom_sonde:hover {
	background-color: #000033; 
	color: #ffffff;
	font-style:normal;  
}

.label_sans_style {
	cursor: help;
}
.label_sans_style:hover {
	cursor: help;
}