body {
color:black;
background-color:#A4A4A4;
}
div{
    margin: auto;
}
div.titreident{
    width: !important;
    font-size: 2em;
}
p.titreident{
    color: #14194E;
}
caption.titreprinc{
    margin: auto;
    font-size: 2.5em;
    font-weight: bold;
    color: #0B0B61;
    width: 300px;
}
div.messages{
    margin:auto;
    margin-top:10px;
    padding:10px;
    border-radius:20px 0;
    border:solid 2px 		#088A4B;
    background:#D8F6CE;
    color:#088A4B;
    font-size:1.5em;
    text-align: center;
    width: 500px;
}
div.messageko{
    margin:auto;
    margin-top:10px;
    padding:10px;
    border-radius:20px 0;
    border:solid 2px 		#ff0000;
    background:#D8F6CE;
    color:#b00000;
    font-size:1.5em;
    text-align: center;
    width: 500px;
}
div.center{
    text-align: center;
}
table.maj {
	margin: auto 15% auto auto;
}
a:link {
    text-align: center;
    color: green;
    text-decoration: underline;
    font-weight:bold;
    font-size: 1.1em;
 }
a:visited {
    color: #004080;
 }
a:hover {
    color: red;
    text-decoration: none;
}
a:active, a:focus {
    color: red;
}
p {
    color: #000080;
}
p.admin{
    text-align: center;
    color: black;
    font-size: 1.2em;
}
table.tab1{
    margin: auto;
    width:  95%;
    border: medium solid #6495ed;
    border-collapse: collapse;
    background-color: #E0E0D1;
}
table.tab2{
    margin: auto;
    width:  100%;
    border: medium solid #6495ed;
    border-collapse: collapse;
    background-color: #E0E0D1;
}
table.box{
    vertical-align: top;
    width: 100%;
    background: inherit;
}
table.admin{
    margin: auto;
    width: 80%;
}
table.bouton{
    margin: auto;
    background-color: #C0C0C0;
	border: solid 0px;
}
div.bouton{
	float: left;
	margin: auto 10% auto 30%;
}
th{
    border:thin solid #6495ed;
    /*white-space:break-word; /* coupe les mots*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    bottom:0;
    background-color: #66b3ff;
}
th.titre{
    
    vertical-align:middle;
    color: black;
    font-weight:bold;
    font-size: 1.3em;
    background-color: #FE642E;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-bottom: 10px;
}
th.titrecol{
    background-color:#0080FF;
}
th.titrecolnomadmin{
    background-color:#0080FF;
    width: 500px;
}
th.titrecoladmin{
    background-color:#0080FF;
     /*white-space:break-word; /* coupe les mots*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    width: 60px;
}
th.select{
    text-align: left;
    font-weight:bold;
    background : #66B3FF;
}
.total {
    font-weight:bold;
    font-weight:800;
}
thead{
    
    font-weight:bold;
    font-weight:800;
    border: thin solid #6495ed;
    padding: 2px;
    text-align: center;
    background-color: #D0E3FA;
    
}
td{
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    font-family: sans-serif;
    border: thin solid #6495ed;
	margin: auto;
    padding: 0px;
    text-align: center;
    background-color: #ffffff;
}
td.admin{
    font-family: sans-serif;
    border: thin solid #6495ed;
    margin: auto;
    text-align: center;
    background-color: #A4A4A4;
}
td.titrecol{
    font-family: sans-serif;
    border: thin solid #6495ed;
    padding: 0px;
    text-align: center;
    background-color: #0080FF;
}
td.ligne1{
    background : #eaeaea;
}
td.ligne2{
    background : #ffffff;
}
td.total{
    font-weight:bold;
    font-weight:800;
    background-color: #FE642E;
}
td.ligneadd{
    background-color: #00ffff;
    text-align: center;
    width: 80px;
}
td.ligneaddcase{
    background-color: #00ffff;
    text-align: right;
    width: 80px;
}
td.ligneaddcol1{
    background-color: #00ffff;
    text-align: left;
    width: 100px;
}
td.box{
    vertical-align: top;
    background-color: transparent;
}
td.where{
    padding-left: 20%;
    text-align:left;
}
td.select{
    text-align:left;
}

td.col1{
    background : #eaeaea;
    text-align: left;
    width: 120px;
    float: left;
    font-size: 10px;
}
td.col2{
    background : #ffffff;
    text-align: left;
    float: left;
    width: 120px;
    font-size: 10px;
}
td.tab2col1{
    background : #eaeaea;
    text-align: left;
    width: 120px;
    float: left;
    font-size: 14px;
}
td.tab2col2{
    background : #ffffff;
    text-align: left;
    float: left;
    width: 120px;
    font-size: 14px;
}
td.deco{
  margin: auto;
  width: 33%;
  background-color: transparent;
  border: none;
  
}
.col1{
    background: #0080FF;
    width: 80px;
}
.col2{
    background: #0080FF;
    width: 80px;
}
input[type="number"]{
    width: 40px;
    text-align: center;
    background: #ffffff;
}
input[type="number"].classeadd{
    width: 40px;
    text-align: center;
    background: #00ffff;
}
input[type="text"].classeadd{
    background : #00ffff;
    width: 120px;
}
input[type="text"].ligne1{
    width: 120px;
    background: #eaeaea;
}
input[type="text"].ligne2{
    width: 120px;
    background : #ffffff;
}
input[type="text"].col1ligne1{
    width: 80px;
    background: #eaeaea;
}
input[type="text"].col1ligne2{
    width: 80px;
    background : #ffffff;
}
input[type="submit"]{
    cursor:pointer;
    width:180px;
    height:35px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
}
input[type="button"]{
    cursor:pointer;
    width:180px;
    height:35px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
}
select.liste{
    width: 100%;
}