/* http://www.automotivecenter.nl/diversen/utility/csscompressor/ */

/* ----------------------- */
/* UI                      */
/* ----------------------- */

.ui-widget-overlay {
  background: transparent!important;
}

.ui-widget-header {
  border: 1px solid black!important;
  background-color: #D70!important;
  background-position: 0 50%!important;
  background-image: url(../img/table-bandeau.gif)!important;
  background-repeat: repeat-x!important;
  background-attachment: scroll!important;
}

.ui-dialog {
  border: 1px solid black!important;
}

#ui-datepicker-div {
  z-index: 9999999;
  border: 1px solid black;
}

#ui-datepicker-div a {
  color: #333!important;
}

/* ----------------------- */
/* T A G   H T M L         */
/* ----------------------- */

img {
  border: none;
}

input {
  border-width: 1px;
  border-color: #7F9DB9;
  padding: 2px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #FFFEFE;
}

select {
  border-width: 1px;
  border-color: #7F9DB9;
  padding: 2px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #FFFEFE;
}

textarea {
  border-width: 1px;
  border-color: #7F9DB9;
  padding: 2px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #FFFEFE;
}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

/* ----------------------- */
/* S T A N D A R D         */
/* ----------------------- */

.clear {
	clear: both;
}

/* Tous les liens - toujours mettre :link, :visited, :active, :hover à cause de IE */
a:link, a:visited, a:active {
  text-decoration: underline;
  color: #000000;
}

a:hover {
  text-decoration: underline;
  color: #FF0000;
}

.normal {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
}

.gras {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #000000;
}

.grise {
  color: #AAAAAA;
}

.petit {
  font-size: 10px;
}

.couleur {
  font-weight: bold;
  color: #BE3015;
}

.titre1 {
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #CC6600;
  padding-bottom: 5px;
}

.titre2 {
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #CC6600;
}

.titre3 {
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #CC6600;
}

.page {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #FFFFFF;
}

.corps {
  background-attachment: fixed;
  background: #360000 url(../img/fond.jpg) repeat-y fixed 50% 0;
  font: 13px Arial, Helvetica, sans-serif;
  margin: 5px;
}

.page {
  font: 13px Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
}

.espace {
  padding: 5px;
}

.g {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
}

.d {
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
}

.c {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 4px;
}

.gt {
  text-align: left;
  overflow: hidden;
}

.dt {
  text-align: right;
  overflow: hidden;
}

.ct {
  text-align: center;
  overflow: hidden;
}

.pr {
  float: right;
  padding-right: 20px;
}

.dotLiens a:link {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.dotLiens a:visited {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.dotLiens a:active {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.dotLiens a:hover {
  background-color: #FFFF99;
}

.fleche a:link {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.fleche a:visited {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.fleche a:active {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.fleche a:hover {
  background-color: #FFFF99;
}

.fleche {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  padding: 3px;
}

.fleches {
  padding: 10px 0 10px 20px;
}

.baspage {
  font-size: 10px;
  color: #666666;
}

.container {
  padding: 5px;
}

.cadre {
  background-color: #FFFFFF;
}

/* ----------------------- */
/* M E S S A G E S         */
/* ----------------------- */

.msgCorrectBox {
  float: left;
  background-color: #F0F0FF;
  border: 1px dashed #8080FF;
  padding: 5px;
  margin: 10px;
}

.msgErreurBox {
  float: left;
  background-color: #FFF0F0;
  border: 1px dashed #FF8080;
  padding: 5px;
  margin: 10px;
}

.msgAvertissementBox {
  float: left;
  background-color: #FFF8C8;
  border: 1px dashed #FF9040;
  padding: 5px;
  margin: 10px;
}

.msgErreur {
  color: #FF0000;
  font-weight: bold;
}

.msgCorrect {
  color: #0000FF;
  font-weight: bold;
}

.msgAvertissement {
  color: #FFA500;
  font-weight: bold;
}

/* ------------------------------- */
/* T A B L E S   S T A N D A R D S */
/* ------------------------------- */

.tabtitre {
  background-color: #DD7700;
  color: #FFFFFF;
  font-weight: bold;
}

.tabcase1 {
  background-color: #FFFFFF;
}

.tabcase2 {
  background-color: #EEEEEE;
}

.tabactif {
  background-color: #FFAAAA;
}

/* Version de Diakom */

.version {
  color: #777777;
  font-size: 10px;
}

.courrier {
  font-family: "Courier New, Courier", monospace;
}

/* --------------------------------------------- */
/* Tables des individus, des foyers, des équipes */
/* --------------------------------------------- */

.fusionBorder {
  border: 1px solid black;
  padding: 1px;
}

.fusionOuter {
  position: relative;
  padding-top: 2em;
  width: 738px;
}

.fusionInner {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 738px;
}

.fusionOuter thead tr {
  position: absolute;
  top: 0;
  left: 0;
  width: 738px;
  cursor: pointer;
}

.fusionTable {
  width: 738px;
}

.fusionTitre {
  background-color: #DD7700;
  color: #FFFFFF;
  font-weight: bold;
}

.fusionCelluleTitre {
  padding: 5;
}

.fusionTri {
  background-repeat: no-repeat;
  background-position: center right;
}

.fusionTriAsc {
  background-image: url(../img/tri-fleche-haut.gif);
}

.fusionTriDesc {
  background-image: url(../img/tri-fleche-bas.gif);
}

.fc {
  vertical-align: top;
}

.fcp {
  background-color: #EEEEEE;
}

.fci {
  background-color: #FFFFFF;
}

/* ----------------------- */
/* M E N U                 */
/* ----------------------- */

.menu {
  padding: 1px 0 1px 4px;
  border-style: none;
  display: block;
  width: 95%;
  font: 13px Verdana, arial, sans-serif;
  text-decoration: none;
  color: #FFFFFF;
}

a.menu:link {
  text-decoration: none;
  color: #FFFFFF;
}

a.menu:visited {
  text-decoration: none;
  color: #FFFFFF;
}

a.menu:active {
  text-decoration: none;
  color: #FFFFFF;
}

a.menu:hover {
  padding: 0 0 0 3px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #BE3015;
  border-width: 1px;
  border-style: solid;
  border-color: #FFCC88;
}

.menutitre {
  border-style: solid;
  border-width: 2px;
  border-color: #DD7700;
  background-color: #DD7700;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

.menufond {
  background-color: #DD7700;
  color: #000000;
}

.menusepar {
  border-style: solid;
  border-width: 2px;
  border-color: #DDDDDD;
  background-color: #000000;
  color: #FFFFFF;
}

/* ----------------------- */
/* O N G L E T S           */
/* ----------------------- */

.ongletfond {
  background-color: #000000;
}

/* Onglet actif */
.ongleta {
  background-color: #DD7700;
}

/* Onglet inactif */
.ongleti {
  background-color: #DDDDDD;
}

/* Liens des onglets actifs */
a.ongletliena:link {
  color: white;
  background-color: #DD7700;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.ongletliena:visited {
  color: white;
  background-color: #DD7700;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.ongletliena:active {
  color: white;
  background-color: #DD7700;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a:hover.ongletliena {
  color: black;
  background-color: #FFFF99;
}

/* Liens des onglets inactifs */
a.ongletlieni:link {
  color: #666666;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.ongletlieni:visited {
  color: #666666;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.ongletlieni:active {
  color: #666666;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a:hover.ongletlieni {
  color: black;
  font-weight: bold;
  background-color: #FFFF99;
}

/* ----------------------- */
/* C R I T E R E S         */
/* ----------------------- */

.criteretable {
  font-size: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-color: #EEEEEE;
  padding: 5px;
  width: 100%;
}

.criteretablelie {
  font-size: 13px;
  border-style: solid;
  border-width: 1px;
  border-top-style: none;
  border-color: #000000;
  background-color: #EEEEEE;
  padding: 5px;
}

/* ----------------------- */
/* B O U T O N S           */
/* ----------------------- */

.bouton {
  border: 2px solid white;
  padding: 2px 10px 2px 10px;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #222222;
}

.boutonGrise {
  border: 2px solid white;
  padding: 2px 10px 2px 10px;
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #CCC;
}

.bouton:hover {
  color: #FFFFFF;
  background-color: #BE3015;
}

.boutonDisabled {
  border-color: transparent;
  color: black;
  background-color: transparent;
}

.boutonDisabled:hover {
  border-color: transparent;
  color: black;
  background-color: transparent;
}

/* ----------------------- */
/* F O R M U L A I R E S   */
/* ----------------------- */

.formtable {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-color: #EEEEEE;
}

.formtablelie {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-top-style: none;
  border-color: #000000;
  background-color: #EEEEEE;
}

.formtableliebas {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-bottom-style: none;
  border-color: #000000;
  background-color: #EEEEEE;
}

.formrubrique {
  font: bold 13px Arial, Helvetica, sans-serif;
  color: #550000;
  white-space: nowrap;
  overflow: hidden;
}

.formtitre {
  font: bold 15px Arial, Helvetica, sans-serif;
  color: #CC6600;
  padding-top: 10px;
  padding-bottom: 0;
}

/* ----------------------- */
/* COMBO VERS TABLE        */
/* ----------------------- */

.tabelement {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-bottom-style: solid;
  border-color: black;
  border-bottom-width: 1px;
  background: #FFFFFF;
  border: 0;
  border-bottom: 1px;
  border-style: solid;
  border-color: #000000;
}

/* ----------------------- */
/* H I S T O R I Q U E     */
/* ----------------------- */

.textehisto {
  font-size: 11px;
}

/* ----------------------- */
/* E Q U I P E S           */
/* ----------------------- */

.equselect {
  height: 250px;
  width: 250px;
  border-style: solid;
  border-width: 1px;
  border-color: #7F9DB9;
  padding: 2px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #FFFEFE;
}

.formtabletitre {
  width: 100%;
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-color: #E0E0E0;
}

.formtabletitrelie {
  width: 100%;
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-color: #E0E0E0;
  border-top-style: none;
}

.formcontenu {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-color: #EEEEEE;
  border-top-style: none;
  padding: 10px;
}

/* ----------------------- */
/* T A C H E S             */
/* ----------------------- */

.tab {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: none;
}

.tabpadding {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: none;
  padding: 5px;
}

.tabtache {
  font: 12px "Arial Narrow";
}

.tabcomment {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

.tabclair {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-style: none;
  padding: 5px;
  background-color: #FFF0F0;
}

.titrecomment {
  width: 100%;
  background-color: #E2E2E2;
  font-size: 11px;
  padding: 5px;
}

.textecomment {
  width: 100%;
  font-size: 12px;
  padding: 5px;
}

.tacselect {
  height: 250px;
  width: 235px;
  border-style: solid;
  border-width: 1px;
  border-color: #7F9DB9;
  padding: 2px;
  font: 12px Arial, Helvetica, sans-serif;
  background-color: #FFFEFE;
}

/* ----------------------- */
/* LISTE D'ADRESSES        */
/* ----------------------- */

.ladrtable {
  padding: 1px;
  margin: 0;
  font: 9px Arial, Helvetica, sans-serif;
  border-bottom: 1px solid #CCCCCC;
}

.ladrtablecoche {
  float: left;
  width: 25px;
  line-height: 20px;
}

.ladrtablenom {
  width: 145px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
}

.ladrrendu {
  font: 10px "Arial Narrow", sans-serif;
  white-space: nowrap;
  overflow: hidden;
}

/* ----------------------- */
/* H I S T O R I Q U E     */
/* ----------------------- */

.hiscolonne1 {
  border-left-style: solid;
  border-left-width: 1px;
  border-color: #000000;
}

.hiscolonne2 {
  border-left-style: solid;
  border-right-style: solid;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: #000000;
}

/* ----------------------- */
/* S T A T I S T I Q U E S */
/* ----------------------- */

.tabstatdetail {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #000000;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

.tabstattitre {
  font: bold 14px Arial, Helvetica, sans-serif;
  background-color: #DD7700;
  color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  padding: 5px;
}

.tabstatdetail a:link {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.tabstatdetail a:visited {
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.tabstatdetail a:active {
  text-decoration: none;
  border-bottom: 1px dashed #888888;
  color: #222222;
}

.tabstatdetail a:hover {
  text-decoration: none;
  border-bottom: 1px solid #FF2222;
  color: #FF2222;
}

.izoCol1 {
  width: 250;
}

.izoCol2 {
  width: 250;
}

/* --------------------------- */
/* B A R R E   D E   T I T R E */
/* --------------------------- */

#barretitre {
	width: 100%;
}

#barretitre #barretitre-titre {
	float: left;
}

#barretitre #barretitre-impression {
	position: relative;
	float: right;
	width: 32px;
	height: 30px;
	background-image: url(../img/print.gif);
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
	top: -5px;
}



/* -------------------------------- */
/* U P L O A D I F Y                */
/* -------------------------------- */
#uploadify {
}

#uploadifyFileQueue {
	width: 100%;
	clear: both;
	float: left;
}