body {border:0; margin:0; padding:0; font-family: Myriad Pro, Helvetica; font-size:10px;color:#555555;background-color:#E1E7F0;}
input, textarea, select {font-family:Arial; font-size:10px;}
table {border:0;margin:0;padding:0;border-spacing:0;border-collapse:collapse}
table td {vertical-align:top;}
p {margin:2px}
/*.round{border-radius:5px;}*/

.MA{vertical-align:top;width: 100%}
.MB{vertical-align:top;}

.messTable {background-color:#F8F2FF; border:2px solid #7E15FF; padding:10px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;width: 100%; cellpadding:10px}
.messT {text-align:center; font-size:25px !important; padding:10px !important}
.messP {text-align:center; font-size:15px !important; padding:10px !important}
/* ====================== Divers Obligatoire =============================================== */
.pointeur {cursor:pointer;}
.hmessage{font-weight:bold;font-size:12px; color:#FF0000;background-color:#E1E7F0;}
table .grpBox td {border:none;vertical-align:top }

/*  ====================== Outils Externes ============================================================ */
div.dataTables_wrapper {width:100%;margin:0 auto;}

/* Pour le spinner */
.loading-image {position:absolute;top:3px;left:3px;z-index: 10;
    /*    background-color:#ff0000;*/
}
.loader {display:none;width:41px;height:41px;position:fixed;top:50%;left:50%;
    text-align:center;margin-left:-50px;margin-top:-100px;z-index:2;overflow:auto;
    /*    background-color:#0000ff;*/
}

/*====================== Bandeau haut de l'application ============================================================ */
table.site-header {width:100%;background-color:#AAAAAA;text-align:center;}
table.site-header th {font-weight:bold;font-size:20px;align:center;color:#1D4A61;font-variant: small-caps;}
table.site-header td {font-weight:bold;font-size:11px;align:center}
table.site-header table.headerBox {border-radius:5px;background-color:#1D4A61;color:#FFFFFF;}
table.site-header table.headerBox td {padding:4px;}

/*====================== Page d'accueil ============================================================ */
table.modul-accueil {width:100%;border-collapse:collapse;text-align:center;font-size:12px;padding:5px;}
table.modul-accueil th {font-weight:bold;font-size:14px;text-align:center;}
table.modul-accueil td {font-weight:bold;font-size:13px;align:center;}
table.modul-accueil td.img {font-weight:bold;font-size:13px;align:center;}
.topacc{background-color:#B8BF80;color:#222222;}
.contacc{color:#638143;}

/*====================== Modules gen ============================================================ */
table.modul-header {width:100%;border-collapse:collapse;text-align:center;font-size:12px;}
table.modul-header th {font-weight:bold;font-size:16px;align:center;padding:5px;}
table.modul-header td {font-weight:bold;font-size:14px;align:center;padding:5px;}

table.modul-content {;width:100%;border-collapse:collapse;text-align:center;font-size:12px;}
table.modul-content th {font-weight:bold;font-size:12px;align:center;padding:5px;}
table.modul-content td {font-weight:bold;font-size:10px;align:center;padding:5px;}

/*====================== Modules mixtes ============================================================ */
table.modul-mx-header {width:100%;border-radius:5px;text-align:center;font-size:12px;}
table.modul-mx-header th {font-weight:bold;font-size:16px;align:center;padding:5px;}
table.modul-mx-header td {font-weight:bold;font-size:14px;align:center;padding:5px;}

table.modul-mx-content {width:auto;background-color:#f0f0f0;font-size:12px;}
table.modul-mx-content th {font-weight:bold;font-size:14px;padding:5px;}
table.modul-mx-content td {font-size:12px;padding:5px;}

table.data-mixte {width:auto;border:none;font-size:12px;color:#333333;font-weight:normal;}
table.data-mixte td {vertical-align:middle;padding:5px;}
table.data-mixte td span .petit {font-size:10px;}

/*====================== Formulaires Table ============================================================ */
table.data-titre {width:100%; border:none;text-align:center;font-size:12px;}
table.data-titre td {padding-left:5px;padding-right:2px;}
table.data-titre td.titre {padding:5px;;font-size:16px; font-weight:bold;}

/* pour la version tablescroll*/
table .datats-data {width:100%;border-spacing:0;}
tbody .datats-data {overflow-y:auto; overflow-x:hidden;}
td    .datats-data {padding-right:10px}

table.data-header{width:100%;border:none;margin:0;padding:0;}
table.data-footer{width:100%;border:none;margin:0;padding:0;}

table.data-data {width:100%; border:none;font-size:12px;background-color:#ffffff;color:#111111;}
table.data-data tr {height:1.5em; }
table.data-data tr.titre {width:100%; border:none;;border-radius: 5px;text-align:center;vertical-align:top;font-size:12px; }
table.data-data td {border:1px solid #dddddd; vertical-align:top;}
table.data-data th {border:1px solid #dddddd; vertical-align:top;padding:2px}
table.data-data td.sb {border:none;}
table.data-data table{width:100%;}

/* Formulaire de base pour saisie/modification  */
table.data-edit {border:1px black solid;font-size:10px;}
table.data-edit th{font-size:12px;border:1px black solid;}
table.data-edit td{border:1px black solid;}
table.data-edit table.grpBox td {border:none;vertical-align:top }

/* Editions html */
table.simple {border:1px black solid;font-size:10px;background-color:#ffffff;color:#111111;}
table.simple th{font-size:12px;border:1px black solid;}
table.simple td{border:1px black solid;}

/* ====================== Grand Menu ============================================================ */

#menu {border-collapse: collapse;vertical-align:top;width:240px;cursor:pointer; color:#111111; border:none; padding:0px; margin:0px;}

.itemmenu {font-weight:bold; font-size:14px;margin:0px 0px 1px 0px; padding:2px; padding-left:20px; background:url('../img-base/pin.gif') no-repeat;}
.titre0 {font-weight:bold; font-size:16px;margin:0px 0px 1px 0px; padding:2px; padding-left:20px; background:url('../img-base/down.gif') no-repeat;}
.item0 {font-weight:bold; font-size:16px;margin:0px 0px 1px 0px; padding:2px; padding-left:20px;}
.titre1 {font-weight:bold; font-size:15px;margin:0px 0px 1px 0px;margin-left:5px; padding:2px; padding-left:20px; background:url('../img-base/down.gif') no-repeat;background-size: 14px;}
.item1 {font-weight:bold; font-size:15px;margin:0px 0px 1px 0px;margin-left:5px; padding:2px; padding-left:20px;}
.titre2 {font-weight:bold; font-size:13px;margin:0px 0px 1px 0px;margin-left:10px; padding:2px; padding-left:20px; background:url('../img-base/down.gif') no-repeat;}
.item2 {font-weight:bold; font-size:13px;margin:0px 0px 1px 0px;margin-left:10px; padding:2px; padding-left:20px;}
.item3 {font-weight:bold; font-size:12px; margin:0px 0px 1px 0px;;margin-left:15px; padding:2px; padding-left:20px;}
/* titre fixes */
.ftitre0 {font-weight:bold; font-size:14px;margin:0px 0px 1px 0px; padding:2px; padding-left:20px;}
.ftitre1 {font-weight:bold; font-size:13px;margin:0px 0px 1px 0px;margin-left:5px; padding:2px; padding-left:20px;}
.ftitre2 {font-weight:bold; font-size:11px;margin:0px 0px 1px 0px;margin-left:10px; padding:2px; padding-left:20px;}

.itemover {background:url('../img-base/rightw.gif') no-repeat;}

.menmenu {background-color:#AAAAAA;color:#ffffff;} /* Titre du menu*/


.menacc {background-color:#1D4A61;color:#FFFFFF;}

.men0 {background-color:#606060;color:#eeeeee;}
.men0a {background-color:#818181;color:#eeeeee;}
.men0b {background-color:#A6A6A6;color:#eeeeee;}

.men1 {background-color:#4D6C6F;color:#eeeeee;}
.men1a {background-color:#668E93;color:#eeeeee;}
.men1b {background-color:#82A4A8;color:#eeeeee;}
.men1c {background-color:#ADC5C7;color:#eeeeee;}

.men2 {background-color:#336488;color:#eeeeee;}
.men2a {background-color:#3F7CA9;color:#eeeeee;}
.men2b {background-color:#5E98C4;color:#eeeeee;}
.men2c {background-color:#82AFD0;color:#eeeeee;}

.men3 {background-color:#394A6A;color:#eeeeee;}
.men3a {background-color:#4A618A;color:#eeeeee;}
.men3b {background-color:#6A82AE;color:#eeeeee;}
.men3c {background-color:#96A6C2;color:#eeeeee;}

.men4 {background-color:#283448;color:#eeeeee;}
.men4a {background-color:#405271;color:#eeeeee;}

.men5 {background-color:#438B69;color:#eeeeee;}
.men5a {background-color:#66B58F;color:#eeeeee;}

.men6 {background-color:#51853A;color:#eeeeee;}
.men6a {background-color:#8AC173;color:#eeeeee;}

.menadm {background-color:#333333;color:#ffffff;}
.menadma {background-color:#555555;color:#ffffff;}
.menadmb {background-color:#8C8C8C;color:#ffffff;}

/* visas couleurs*/
.visa-VAR {background-color:#FF0000;}
.visa-VSN {background-color:#FF0000;}
.visa-VAO {background-color:#F8F800;}
.visa-VSO {background-color:#00FF00;}
.visa-HM {background-color:#969696;}
.visa-CDC {background-color:#CC99FF;}
.visa- {background-color:#FFFFFF;}