/******** GENERAL STYLES ********/
html{font-size:100%;}
body{ font-family :Arial; margin:10px; padding:10px; color: #333; text-align: justify; height: 100%; background-color: RGB(236,237,237); }

/******** HEADER ********/
header{
    width: 100%;
}
.header{
    height: 80px;
    background-color: white;
}
.header img{
    padding:10px;
    clear:both;
}

.header p{
    position: absolute;
    top:15px;
    right:30px;
    font-size:14px;
    word-spacing:4px;
    text-transform: uppercase;
}

.head_numclt {
    position: absolute;
    top:45px;
    right:30px;
    font-size:10px;
    word-spacing:4px;
    text-transform: uppercase;
}

A:link { FONT-SIZE: 10px; COLOR: #000000; FONT-WEIGHT: bold ; TEXT-DECORATION: none }
A:visited {FONT-SIZE: 10px;  color: #000000; font-weight: bold; TEXT-DECORATION: none  }
A:hover {FONT-SIZE: 10px;  color: #0395cc; font-weight: bold; text-decoration: underline  }

input {border: 1px solid #555; font-size :10pt; font-family :Arial; }
textarea { font-size :10pt; font-family :Arial; }
select { font-size :10pt; font-family :Arial; }

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;}

#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; }


/******** FOOTER ********/
.footer{
    clear: both;
    width: 100%;
    height: 50px;
    border: 1px solid #12011d;
    padding:5px;
    margin-top: 10px;
    background-color: RGBa(66, 69, 88, 0.85);
    }

.footer p{
    font-size: 10px;
    text-align: center;
    color: white;
}

.footer_lt {
    clear: both;
    width: 100%;
    height: 35px;
    border-top: 2px solid #888;
    padding-top: 10px;
    background-color: RGBa(66, 69, 88, 0.85);
    font-size: 10px;
    text-align: center;
    color: white;
    }

.footer_lt p{
    font-size: 10px;
    text-align: center;
    color: white;
}
.footer_Ed{
    clear: both;
    width: 100%;
    height: 30px;
    border-top: 2px solid #888;
    padding-top: 10px;
 /* background-color: RGBa(66, 69, 88, 0.85); */
    }

.footer_Ed p{
    font-size: 10px;
    text-align: center;
    color: black;
}

#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;
 }


