@page {
    size: auto;
    margin: 5mm 5mm 5mm 5mm;
}

body {
    background-color: rgb(230, 230, 230);
    font-weight: bold;
}

header {
    text-align: center;
    margin-bottom: 20px;
}

section {
    font-size: 16px;
}

.liste {
    margin-left: 60px;
}

label {
    display: block;
    float: left;
    text-align: right;
}

img {
    cursor: pointer;
}

.champslecture {
    /*border : 1px solid black; */
    display: inline-block;
    /*background-color : rgb(210,210,210);*/
    min-height: 21px;
    min-width: 170px;
    max-width: 250px;
    text-align: left;
    color: black;
    padding-right: 7px;
}

.champslecturegrand {
    display: inline-block;
    min-height: 21px;
    min-width: 200px;
    max-width: 600px;
    text-align: left;
    color: black;
}

.labelchamps {
    min-width: 110px;
    height: 21px;
    /*text-align: right;*/
    /* warning could have side effects... */
    display: inline-block;
    margin-right: 5px;
}

.champDecaleGauche {
    min-width: 0;
}

.labelchampsbqfp {
    min-width: 10px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    margin-left : 10px;
}

.champsmodif {
    background-color: rgb(230, 230, 230);
    font-weight: bold;
    height: 25px;
    width: 250px;
    color: black;
}

.champsmodifgrand {
    background-color: rgb(230, 230, 230);
    font-weight: bold;
    height: 25px;
    width: 350px;
    color: black;
}

.champslecture:hover {
    background-color: rgb(130, 200, 130);
}

.champslecturegrand:hover {
    background-color: rgb(130, 200, 130);
}

.champsmodif:hover {
    background-color: rgb(130, 200, 200);
}

.champsmodif:focus {
    background-color: rgb(200, 150, 200);
    border: 2px solid blue;
}

footer {
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid rgb(150, 150, 150);
    color: rgb(100, 100, 100);
}

.erreur {
    color: red;
    font-weight: bold;
    text-align: center;
}

.valid {
    color: green;
    font-weight: bold;
    text-align: center;
}

.new {
    margin-top: 20px;
    text-align: center;
}

.new a {
    color: #A52A2A;
}

a {
    color: blue;
    text-decoration: none;
}

a:hover {
    color: purple;
    text-decoration: underline;
}

textarea {
    /*resize : none;*/
    background-color: rgb(210, 210, 210);
    font-weight: bold;
    color: black;
}

#index {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

table {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    width: 80%;
}

td {
    text-align: left;
}

.liste_app {
    border: 1px solid red;
    width: 150px;
}

.liste_app_petit {
    border: 1px solid red;
    width: auto;
}

.liste_app_criteres {
    width: 200px;
    border: 1px solid red;
}

.liste_app_grand {
    width: 600px;
    border: 1px solid red;
}

.liste_app_corps {
    border: 1px solid black;
    height: 30px;
    cursor: pointer;
}

.liste_app_corps a:hover {
    text-decoration: none;
    color: blue;
}

.col2 {
    text-align: right;
    float: right;
    margin-right: 5%;
}

.texte {
    width: 900px;
    min-height: 75px;
    background-color: rgb(210, 210, 210);
    border: 1px solid black;
    padding: 2px;
    margin-left: 5%;
    word-wrap: break-word;
    position: relative;
}

.ligne_bas {
    margin-top: 20px;
    text-align: center;
}

.soustitreaide {
    color: blue;
}

.categorie {
    color: green;
    font-weight: bold;
    margin-left: 5%;
}

.imprimer {
    border: 1px solid black;
}

.table_imprimer {
    margin-left: -4%;
}

#down {
    position: fixed;
    bottom: 15px;
    right: 10px;
    cursor: pointer;
}

.hidden {
    display: none;
}

#top {
    position: fixed;
    bottom: 15px;
    right: 40px;
    cursor: pointer;
}

select {
    height: 25px;
    width: auto;
}

select.sel {
    width: 50px;
}

select.region {
    width: 80px;
}

.printtable * {
    display: none !important;
}

.printtable section.toPrint, .printtable div.toPrint, .printtable div.toPrint * {
    display: block !important;
    font-size: 14px;
    text-align: justify;
    margin: 1px;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.modifType {
	float: right;
    margin-right : 35%;
}

div.listing {
    text-align: center;
}

h3.displayName {
    text-align: center;
}

div.modif_suivi {
    font-size: 20px;
}

div.modif_commentaire {
    font-size: 20px;
    text-align: center;
}

div.submit_rechercher {
    text-align: center;
}

table.rechercher, table.rechercher td, table.rechercher th {
    border:1px solid;
}

table.criteres {
    float:left;
}

table.criteres, table.criteres th, table.criteres td {
    border:1px solid;
    text-align: center;
    width: auto;
}