/******** GENERAL STYLES ********/

table.t-text { FONT-SIZE: 12px; font-weight: Bold; font-variant: small-caps }

.t-text { FONT-SIZE: 10px; font-weight: Bold; font-variant: small-caps;  text-transform: capitalize; }
.t-textRge { FONT-SIZE: 10px; font-weight: Bold; COLOR: Red ; font-variant: small-caps;  text-transform: capitalize; }
.t-textVert { FONT-SIZE: 10px; font-weight: Bold; COLOR: green ; font-variant: small-caps;  text-transform: capitalize; }

.t-text select{ FONT-SIZE: 12px; font-variant: small-caps; text-align: center;}
.t-text img {vertical-align: middle;}
.t-text label {Display:block; text-align: center;}

.v-text { FONT-SIZE: 12px; }
.w-text { FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; }
.t-text12 { FONT-SIZE: 12px; font-weight: Bold; font-variant: small-caps;  text-transform: capitalize; }

div#t-text { FONT-SIZE: 12px; font-weight: Bold; font-variant: small-caps;  text-transform: capitalize; }
div#v-text { FONT-SIZE: 12px; }
div#w-text { FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; }

.titre-text {
	FONT-SIZE: 14px;
	font-weight: Bold;
	text-transform: capitalize;
	text-shadow: 1px 1px Silver;
	text-align: center;
}

#customers {FONT-SIZE: 10px; font-weight: Bold; text-transform: capitalize; font-variant: small-caps; border-collapse: collapse; }
#customers td, #customers th {border: 1px solid #ddd; padding: 5px;}
#customers tr:nth-child(even){background-color: #ddd;}
#customers tr:hover {background-color: white;}
#customers th {padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #666; color: white; }

#customers1 {FONT-SIZE: 10px; font-weight: Bold; text-transform: capitalize; font-variant: small-caps; border-collapse: collapse; }
#customers1 td, #customers th {border: 1px solid #ddd; padding: 5px;}
#customers1 tr:nth-child(even){background-color: #ddd;}
#customers1 tr:hover {background-color: white;}
#customers1 th {padding-top: 5px; padding-bottom: 5px; text-align: center; background-color: #666; color: white; }

#tableausoft {FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; font-variant: small-caps; border-collapse: collapse; }
#tableausoft th, #customers td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }

#tableauintrant {FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; font-variant: small-caps; border-collapse: collapse; }
#tableauintrant th, #tableauintrant td { padding: 8px; text-align: left; border-bottom: 1px solid #000000; }

#tableauintrantsaisie {FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; font-variant: small-caps; border-collapse: collapse; }
#tableauintrantsaisie th, #tableauintrantsaisie td { padding: 4px; text-align: left; border-bottom: 1px solid #000000; }

#edition body{ font-family :Arial; margin:0px; padding:0px; color: #333; text-align: justify; height: 100%; }
#edition Table.t-text{FONT-SIZE: 14px;	COLOR: #000000;	font-weight: normal ;}
#edition tr.haut {	font-size: 14px;	background-color: #666;	color: #FFF;	text-align: center;	vertical-align: middle;	}
#edition tr.text {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }
#edition td.text {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }
#edition td.texttitre {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: bold ;    }
#edition td.texthaut {	FONT-FAMILY:  Tahoma ;	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }

table#t01 tr:nth-child(even) {background-color: Beige;}
table#t01 tr:nth-child(odd) {background-color:white;}
table#t01 th { background-color: silver; color: black;}

table#t02 tr:nth-child(even) {background-color: Beige;}
table#t02 tr:nth-child(odd) {background-color:white;}
table#t02 th { background-color: silver; color: white;}

.leftpage {
    font-size:10px;
    word-spacing:4px;
    color: white;
    text-align: center;
}

.leftpage a:link { color: #fff; text-decoration: none; }
.leftpage a:visited	{ color: #fff; text-decoration: none; }
.leftpage a:hover { color: #0395cc; text-decoration: none; }



#thing-alerts input {padding: 1px; border: 1px solid #555; font-size :10pt; font-family :Tahoma; }
#thing-alerts input[type="submit"] { width: auto; padding: 4px 15px; background: #555; color: #fff; cursor: pointer; }
#thing-alerts input[type="button"] { width: auto; padding: 4px 15px; background: #555; color: #fff; cursor: pointer; }
#thing-alerts input[required] { border-right: 8px solid orange; }
#thing-alerts input:invalid { border-right: 8px solid red; }
#thing-alerts input:valid { border-right: 8px solid green; }

#thing-alerts select[required] { border-right: 8px solid orange; }
#thing-alerts select:invalid { border-right: 8px solid red; }
#thing-alerts select:valid { border-right: 8px solid green; }

#fond {
    position:absolute;
    z-index:9000;
    background-color: darkgray;
    display:none;
	border-radius: 10px;
}

#modal {
    width:300px;
    height:200px;
 }

.popup {
    position:fixed;
    display: flex ;
    align-items: center;
    justify-content: center;
    width:300px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid grey;
 }