* {
  margin: 0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
}

html {
  font-size: 100%;
}

body {
  font-size: 0.8em;
  background-color: #ffffff;
  background-image:url(./images/bgPage.gif);
}

.disabledInput {
  background-color: #ddd;
}

textarea {
  font-size:1em;
}

/*********************/
/* Styles génériques */
/*********************/
p {
  margin:10px;
}
                    
.first {
  margin:10px;
  text-align: justify;
}

.first:first-letter {
  font-size:1.5em;
}

.center   { text-align: center; }

.u  { border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: rgb(0, 0, 0);
}

.b  { font-weight: bold; }
.justifyb {
  text-align: justify;
  font-weight: bold;
}

.i  { font-style: italic; }

.ub  { border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgb(0, 0, 0);
      font-weight: bold;
    }

.ui  { border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgb(0, 0, 0);
      font-style: italic;
    }
            
.ubi  { border-bottom-width: 1px;
       border-bottom-style: solid;
       border-bottom-color: rgb(0, 0, 0);
       font-weight: bold;
       font-style: italic;
     }

/* Cette classe permet de changer l'apparence du curseur (main),
   utile pour les objets de type lien mais pas dans des balises <a> */
.elem_lien {
  cursor:pointer;
}

label.elem_lien {
  cursor:pointer;
}

/* Classe permettant de décaler légèrement les boutons "infos" */
.info-bulle  {
  position:relative;
  margin-bottom:-0.3em;
}


/*********/
/* Liens */
/*********/
a:link    { color:#000070; text-decoration:none; font-weight:bold; }
a:visited { color:#000070; text-decoration:none; font-weight:bold; }
a:hover   { color:#000070; text-decoration:underline; font-weight:bold; }



/********************************************/
/* Bandeau supérieur (englobe titre + menu) */
/********************************************/
#bandeau-haut {
  width: 100%;
  height:7.7em;
  background-color: rgb(68, 68, 68);
  background-image: url(./images/bgHeader.png);
}

/*********/
/* Titre */
/*********/
#titre-principal {
  width: 75em ;
  height:5.4em;
/*
  border:1px outset #000000;
*/
}

/* Pour décaler le texte par rapport au haut de la page, on utilise line-height plutôt que margin, sinon décalage du div */
#titre-principal p {
  color: #ffffff;
  margin: 0 0 0 2em;
  line-height: 1.4em;
}

#titre-principal p.p1 {
  margin-left:20px;
  font-size: 1.7em;
/*
  font-weight: bold;
*/
}

#titre-principal p.p2 {
  margin-left:20px;
  font-size: 1.25em;
}


/******************/
/* Menu principal */
/******************/
#menu-principal {
}

#menu-principal table {
/* Attention, border-spacing ne fonctionne pas avec IE6,
   cellspacing=0 reste nécessaire dans le code html */
  border-spacing: 0;
}

#menu-principal tr {
}

#menu-principal td {
  font-weight: bold;
  text-decoration: none;
  padding:0.2em 0.3em 0.2em 0.3em;
}

#menu-principal td.cell_menu1 {
  border:1px outset rgb(68, 68, 68);
  background: rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  color:#ffffff;
  width:20em;
}

#menu-principal td.cell_menu2 {
  background: #E1E1E1;
  border:1px outset #E1E1E1;
  background-image:url(./images/bgBtMenu2.gif);
  cursor:pointer;
  width:20em;
}

#menu-principal td.cell_menu_vide {
  border:1px outset rgb(68, 68, 68);
  background: rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  color:#ffffff;
}


/**************/
/* Zone EDITO */
/**************/
.edito {
  margin:0px 10px 0px 10px;
  padding:6px;
  text-align:justify;
  font-size:1.1em;
  background-color: #E1E1E1;
  border:2px outset #E1E1E1;
  color:#000;
/*
  border:2px outset #763c74;
  background-color: #763c74;
  color:#fff;
  filter:alpha(opacity=55);
  -moz-opacity:0.55;
  opacity: 0.55; 
*/
}

/***************************************/
/* Styles utilisés pour les tooltips   */
/***************************************/
#dhtmltooltip {
  position:absolute;
  left:-300px;
  width:150px;
  border:1px solid black;
  padding:4px;
  background-color:#ffffe0;
  text-align:justify;
  visibility:hidden;
  z-index:10000;
  -webkit-box-shadow: 8px 8px 12px #666;
  -moz-box-shadow:    8px 8px 12px #666;
  box-shadow:         8px 8px 12px #666;
}

#dhtmlpointer  {
  position:absolute;
  left:-300px;
  z-index:10001;
  visibility:hidden;
}

#dhtmlfloatbox2 {
  background-image:url(./images/bgPage.gif);
}

/*********************************************************************/
/* Styles utilisés pour la page consignes pour effectuer des relevés */
/*********************************************************************/
#page_consignes h1 {
  padding:1em 1em 0em 1em;
  font-weight: bold;
  font-size:1.3em;
}
#page_consignes h1:first-letter {
  font-size:2em;
}

#page_consignes h2 {
  padding:1em 1em 0em 1em;
  font-weight: normal;
  font-size:1.3em;
}

#page_consignes h2:first-letter {
  font-size:2em;
}

#page_consignes p {
  text-align: justify;
  padding:0em 1em 0em 0.5em;
  font-weight: normal;
}
#page_consignes p:first-letter {
  font-size:1.8em;
}

#page_consignes ul {
/* Contourne un bug de positionnement sous IE6 !!! */
/* ==> Essayer de trouver une meilleure solution   */
/*
*/
  border: 0.01em solid #fff;
}

#page_consignes ul li {
  margin:0.1em 4em 0.5em 4em;
  text-align: justify;
  list-style-type: disc; 
  list-style-position: inside;
}

#page_consignes ul ul li {
  margin:0.1em 4em 0.1em 6em;
  text-align: justify;
  list-style-type: circle; 
  list-style-position: inside;
}


/***************************************/
/* Styles utilisés pour la page d'aide */
/***************************************/
#page_aide h3 {
  padding:1em 1em 0em 1em;
  font-weight: normal;
  font-size:1.3em;
}
#page_aide h3:first-letter {
  font-size:2em;
}

#page_aide h2 {
  padding:1em 1em 0em 2em;
  font-weight: normal;
  font-size:1.3em;
}
#page_aide h2:first-letter {
  font-size:1.5em;
}

#page_aide ul {
/* Contourne un bug de positionnement sous IE6 !!! */
/* ==> Essayer de trouver une meilleure solution   */
/*
*/
  border: 0.01em solid #fff;
}

#page_aide ul li {
  margin:0.1em 4em 0.1em 4em;
  text-align: justify;
  list-style-type: disc; 
  list-style-position: inside;
}

#page_aide ol li {
  margin:0.1em 4em 0.1em 4em;
  text-align: justify;
  list-style-position: inside;
}


/****************************************/
/* Style pour les tableaux transparents */
/****************************************/
table.tab_transparent {
  margin-left:10px;
}

/************************/
/* Bouton style Firefox */
/************************/
.my_button {
  padding: 3px;
  border: 1px solid rgba(0,0,0,0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  cursor: pointer;
  background-color:#d0d0d0;
  background-image:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image:-moz-linear-gradient(   top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image:-ms-linear-gradient(    top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image:-o-linear-gradient(     top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image:linear-gradient(        top, rgba(255,255,255,1), rgba(255,255,255,0));
//  -webkit-box-shadow:inset 0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
//  -moz-box-shadow:inset    0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
//  box-shadow:inset         0px -3px 0px rgba(0,0,0,0.1), 0px 3px 0px rgba(0,0,0,0.1);
//  text-shadow:0px 1px 0px rgba(0,0,0,0.1);
//  -webkit-transition: all 0.3s ease;
//  -moz-transition:    all 0.3s ease;
//  -o-transition:      all 0.3s ease;
//  -ms-transition:     all 0.3s ease;
//  transition:         all 0.3s ease;
}

.my_button:hover {
  background-color:#D2D2D2;
}

.my_button:active {
  position:relative;
  top:1px;
  background-color:#C0C0C0;
  -webkit-box-shadow:inset 0px -1px 0px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1);
  -moz-box-shadow:inset    0px -1px 0px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1);
  box-shadow:inset         0px -1px 0px rgba(0,0,0,0.1), 0px 2px 0px rgba(0,0,0,0.1);
}

.play_button {
  position:relative;
  top: 4px;
}

/**************************************************************/
/* Styles pour la présentation des tableaux les plus courants */
/**************************************************************/
table {
}

table.tab_style_1 {
  margin-left:10px;
  margin-right:10px;
  border-collapse:collapse;
  background-color:#eeeeee;
}
             
table.tab_style_1 tr {
/*
  background-color:#eeeeee;
*/
}

table.tab_style_1 th {
  border-style:solid;
  border-width:2px;
  border-color:#FFFFFF;
  background: #E1E1E1;
  padding:0.2em 0.3em 0.2em 0.3em;
}
             
table.tab_style_1 td {
  border-style:solid;
  border-width:2px;
  border-color:#FFFFFF;
  padding:0.2em 0.3em 0.2em 0.3em;
}

/* Style special pour la cellule qui contient le bandeau des résultats */
table.tab_style_1 td.cell_page_res {
  padding:0;
}

/* Styles pour colorer différement certaines colonnes */
col.tab_col1 {
  background-color:#ddd;
}

col.tab_col2 {
  background-color:#eee;
}

/* TH type th_col1 mais sans curseur main */
table.tab_style_1 th.th_col0 {
  background-color:#fde0f2;
}

/* TH plus foncé pour alterner les couleurs des colonnes */
table.tab_style_1 th.th_col1 {
  background-color:#fde0f2;
  cursor:pointer;
}

/* Héritée de TH + curseur main */
table.tab_style_1 th.th_col2 {
/* couleur héritée de th
  background-color:#E1E1E1;
*/
  cursor:pointer;
}

/****************************************************************/
/* Styles pour le bandeau au dessus et en dessous des résultats */
/* avec la page, les liens et le nombre de résultats...         */
/* Attention à l'héritage de "table.tab_style_1" "tr" "th" "td" */
/****************************************************************/
table.bandeau_page_res {
  border-style:none;
  border-collapse:collapse;
}

table.bandeau_page_res tr {
  background: #E1E1E1;
}

/* Remise à 0 du border, nécessaire car tableau inclus dans "table.tab_style_1 td" */
table.bandeau_page_res td {
  border: 0;
  padding:0.2em 0.3em 0.2em 0.3em;
}

/* Forme et décalage des liens vers les pages de résultats */
/* Le décalage est dû à la présence d'images sur la même ligne */
table.bandeau_page_res td label {
  font-weight: bold;
  color:#007;
  cursor:pointer;
  position:relative;
  top:-3px;
}

/* Décalage de l'élément de texte pour la page en cours */
/* Le décalage est dû à la présence d'images sur la même ligne */
.deplace_res {
  position:relative;
  top:-3px;
  font-weight: bold;
  font-size:1.3em;
}

/* Pointeur en forme de main sur les liens-images précédente/suivante */
table.bandeau_page_res td img {
  cursor:pointer;
}


/***********************************************************************/
/* Style pour le tableau des résultats intermédiaires (page resutat_t) */
/***********************************************************************/
table.tab_style_2 {
  background-color:#FFFFFF;
  margin-left:10px;
  border-collapse:collapse;
}

.tab_style_2 th {
  border-style:solid;
  border-width:1px;
  border-color:#aaaaaa;
  background: #E1E1E1;
  padding:0.2em 0.3em 0.2em 0.3em;
}

.tab_style_2 td {
  border-style:solid;
  border-width:1px;
  border-color:#aaaaaa;
  padding:0.2em 0.3em 0.2em 0.3em;
}

.cell0_simple {
  background-color:#eeeeee;
}
.cell0   {
  background-color:#eeeeee;
  cursor:pointer;
}
.cell1   {
  background-color:#AAAAAA;
  cursor:pointer;
}


/**********************************************************/
/* Définitions spécifiques pour les formulaires de saisie */
/**********************************************************/
/* Titre du formulaire de recherche */
p.titre_formulaire {
  background: rgb(68, 68, 68);
  border:2px outset rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  width:13em;
  color:#FFFFFF;
  padding:.1em .5em;
  font-size:1.1em;
  font-weight: bold;
  position:relative;
  margin-bottom:-0.8em;
  margin-left:4em;
  margin-top:2em;
}

/* Titre du formulaire d'information */
p.titre_formulaire2 {
  background: rgb(68, 68, 68);
  border:2px outset rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  width:36em;
  color:#FFFFFF;
  padding:.1em .5em;
  font-size:1.1em;
  font-weight: bold;
  position:relative;
  margin-bottom:-0.8em;
  margin-left:4em;
  margin-top:2em;
}


/* Définitions relatives aux fieldset */
/*------------------------------------*/
#form_ndv h3 {
  font-weight: bold;
  font-size: 150%;
  color: #555;
  height:2em;
}

#form_ndv .lab_1_ligne {
  margin-top:.5em;
  height: 1.1em;
}

#form_ndv .lab_2_lignes {
  margin-top:0em;
  height: 2.2em;
}

#form_ndv .lab_small {
  font-size:0.7em;
}

#form_ndv select#sel_paroisse {
  margin: 0.4em 0 0 0;
  width:28em;
}

/* Texte "et" */
.sec {
}



/*-------------------*/
/*-------------------*/
/* Placement des div */
/*-------------------*/
/*-------------------*/
#form_ndv {
  overflow:hidden;
  margin:0 0 1em 3em;
  padding:1.5em 0 0 0;
  width:52em;
  height:32em;
  background: #E1E1E1;
  border:2px outset #E1E1E1;
}
  
#form_1 {
  width:50em;
  height:31em;
  border:2px outset #000000;
  margin:0 0 0 1em;
}

#form_2 {
  width:46em;
  height:9em;
  position:relative;
  top:-32em;
  left:-1em;
/* pour tests
  border:1px outset #000000;
*/
  margin:1em 0 0 1em;
}

#form_3 {
  width:50em;
  height:29em;
  margin: 1em 0 0 1em;
/* pour tests
  border:1px outset #000000;
*/
}

#bt_calendrier {
  position:relative;
  top:-5em;
}

/*-------------------------------------------------------*/
/* Elements de la première partie (formulaire simplifié) */
/*-------------------------------------------------------*/
#form_1 p {
  font-weight: normal;
  height: 2.3em;
  margin: 0;
  padding: 0;
/* pour tests
  background: #ffffff;
  border:1px outset #000000;
*/
}

/* Sous-titres (en gras) */
#form_1 p.s_titre {
  font-weight: bold;
  height: 1.7em;
  margin: 1em 0 0 2em;
  padding: 0;
}

#form_1 label.lab_1_ligne {
  line-height: 1em;
  display: block;
  width: 13em;
  float: left;
  padding: 0 0.4em 0 0;
  text-align: right;
}

#form_1 label.lab_radio {
  line-height: 0.8em;
  width: 7em;
  padding: 0;
  margin-top:0em;
  height: 0.8em;
}

#bloc_radio_1 {
  margin: 2em 0 0 0.5em;
  width:8em;
  height:8em;
/* pour tests
  border:1px outset #000000;
*/
}

#bloc_radio_2 {
  margin: 2em 0 0 1.0em;
  width:10em;
  height:11em;
/* pour tests
  border:1px outset #000000;
*/
  position: relative;
  top: -10em;
  left: 8em;
}

#bloc_radio_3 {
  width:15em;
  height:10em;
  padding: 0;
  margin: 0;
  position:relative;
  top:-21em;
  left:20em;
/* pour tests
  border:1px outset #000000;
*/
}

#bloc_bt_1 {
  width:14em;
  height:10em;
  position:relative;
  top:-30em;
  left:36em;
/* pour tests
  border:1px outset #000000;
*/
}

/* Bouton "Lancer la recherche" */
#bloc_bt_1 .bouton_submit
{
  margin: 0 0 2em 0;
  font-size:110%;
  height: 3.4em;
  width: 12em;
  cursor:pointer;
}

/* Bouton "Vider le formulaire" */
#bloc_bt_1 input.bouton_vider
{
  font-size:110%;
  height: 2em;
  width: 12em;
  cursor:pointer;
}

/* Bouton "Conseils de recherche" */
#bloc_bt_1 input.bouton_aide
{
  font-size:110%;
  height: 2em;
  width: 12em;
  cursor:pointer;
}

/* Bouton toggle formulaire simplifié/avancé */
#bloc_bt_2 {
  position:relative;
  top:-28.5em;
  left:34.5em;
/* pour tests
  border:1px outset #000000;
*/
}

/* Bouton "recherche guidée par noms" */
#bt_rech_guidee {
  font-size:110%;
  position:relative;
  top:-39em;
  left:24em;
}

/* Champs de saisie */
#form_1 input.champs_saisie
{
  padding: 0;
  margin: 0.4em 0 0 0;
  width:30em;
}

#form_1 input[disabled="disabled"], input.disabled
{
  background-color: #ccc;
}



/*-------------------------------------------------------------------------*/
/* Elements de la 2ème partie (labels + champs de saisie + combo communes) */
/*-------------------------------------------------------------------------*/
#form_2 p {
  font-weight: normal;
  height: 2.3em;
  margin: 0;
  padding: 0;
/* pour tests
  background: #ffffff;
  border:1px outset #000000;
*/
}

/* Sous-titres (en gras) */
#form_2 p.s_titre {
  font-weight: bold;
  height: 1.7em;
  margin: 0;
  padding: 0;
}

#form_2 label {
  padding: 0 0.4em 0 0;
}

#form_2 label.lab_2_ligne {
  line-height: 1em;
  display: block;
  width: 15em;
  float: left;
  padding: 0 0.4em 0 0;
  text-align: right;
}

#form_2 label.lab_1_ligne {
  line-height: 1em;
  display: block;
  width: 15em;
  float: left;
  padding: 0 0.4em 0 0;
  text-align: right;
}

/* Utilisé par case à cocher */
#form_2 input
{
  padding: 0;
  margin: 0.8em 0 0 0;
}

/* Champs de saisie */
#form_2 input.autres_infos
{
  padding: 0;
  margin: 0.4em 0 0 0;
  width:28em;
}

/* Champs de saisie pour les dates extremes */
#form_2 input.date {
  margin: 0.4em 0 0 0;
  width: 5em;
}

/* Texte d'aide pour la selection de la commune/paroisse */
#form_2 p.aide_sel_paroisse {
  font-size:0.7em;
  font-weight: normal;
  height: 1em;
  margin: 0 0 0 43.5em;
/* pour tests de positionnement
  background: #ffffff;
  border:1px outset #000000;
*/
}

#form_2 input.bt_infos_sans_lien {
  background: rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  color:#ffffff;
  width: 1.3em;
  height: 1.6em;
  margin: 0 0 0 0.3em;
}


/*--------------------------------------------------------------------------*/
/* Elements de la 3ème partie (labels + checkbox + boutons "toutes/aucune") */
/*--------------------------------------------------------------------------*/
#form_3 p {
  font-weight: normal;
  height: 1.7em;
  margin: 0;
  padding: 0;
/* pour tests
  background: rgb(200, 150, 70);
  border:1px outset #ffffff;
*/
}

/* Sous-titres (en gras) */
#form_3 p.s_titre {
  font-weight: bold;
  height: 1.7em;
  margin: 0;
  padding: 0;
}

#form_3 label {
  font-weight: normal;
}


#form_3 .bt_infos {
  width: 1.3em;
  height: 1.6em;
  margin: 0 0 0 0.3em;
  cursor:pointer;
}

#form_3 input.bt_infos_sans_lien {
  background: rgb(68, 68, 68);
  background-image:url(./images/bgBtMenu.gif);
  color:#ffffff;
  width: 1.3em;
  height: 1.6em;
  margin: 0 0 0 0.3em;
}


/* Checkbox du choix de la base */
#form_3 input {
  width: 1em;
  margin: 0;
  padding: 0;
}

/* Combobox des "autres types de relevés" */
#form_3 select#sel_autre_releve {
  margin:0em 0em 0em 0em;
  width: 20em;
}

/* Texte d'aide pour la selection du type d'autres relevés */
#form_3 p.aide_sel_base_ar {
  font-size:0.7em;
  font-weight: normal;
  height: 2em;
  margin: 0 0 0 11em;
}

/* Boutons "Toutes/Aucune" */
#form_3 input.bouton1 {
  margin: 0 0 0 1em;
  height: 1.7em;
  width: 8em;
  cursor:pointer;
}

/* Checkbox des migrants */
#form_3 input#cb100 {
  width: 1em;
  margin: 0.3em 0 0 0;
}

/* Combobox de choix des "sources documentaires" */
#form_3 select#sel_source_doc {
  margin:0em 0em 0.7em 0em;
  width: 20em;
}

/* Texte d'aide pour la selection d'une "source documentaire" */
#form_3 p.aide_sel_source_doc {
  font-size:0.7em;
  font-weight: normal;
  height: 1.5em;
  margin: 0 0 0 4.5em;
/* pour tests de positionnement
  background: #ffffff;
  border:1px outset #000000;
*/
}


/********************************************************/
/* Couleurs spécifiques pour les différents formulaires */
/********************************************************/

#form_multibase {
  margin:0 0 1em 3em;
  padding:1.5em 0 0 0;
  width:52em;
  height:74em;
  background: #E1E1E1;
  border:2px outset #E1E1E1;
/*
  border:2px outset rgb(240, 234, 240);
*/
}

#form_choix_carte {
  margin:0 0 1em 3em;
  padding:1.5em 0 0 0;
  width:50em;
  background: #E1E1E1;
  border:2px outset #E1E1E1;
}

#form_infos_noms {
  margin:0 0 1em 3em;
  padding:1.5em 0 0 0;
  width:50em;
  background: #E1E1E1;
  border:2px outset #E1E1E1;
}


fieldset#infos_multibase {
  background:#b1eea4;
  border:2px outset #b1eea4;
  width:40em;
}

fieldset#infos_mariages {
  margin:0 0 1em 3em;
  padding:1.5em 0 0 0;
  width:57em;
  height:9em;
  background: #E1E1E1;
  border:2px outset #E1E1E1;
  width:50em;
}



fieldset#infos_naissance {
  background: #E1E1E1;
  border:2px outset #E1E1E1;
  width:50em;
}

fieldset#infos_deces {
  background: #E1E1E1;
  border:2px outset #E1E1E1;
  width:50em;
}

fieldset#infos_vrac {
  background: #E1E1E1;
  border:2px outset #E1E1E1;
  width:50em;
}

fieldset#infos_hors_vendee {
  background: #E1E1E1;
  border:2px outset #E1E1E1;
  width:52em;
}

/************************************************************/
/* Style spécifique pour le formulaire de choix de la carte */
/************************************************************/
#form_choix_carte label {
  text-align: right;
  float: left;
  display: block;
  width: 12em;
/*
  border: 1px outset #000;
*/
}
  
#form_choix_carte select {
  width:20em;
  margin: 0 0 0 0.4em;
}
  
/* Boutons pour la page carte */
#form_choix_carte input {
  cursor:pointer;
  width:9em;
}

/* Bouton "Changer de carte" */
#form_choix_carte input.bt_changer_carte {
  position:relative;
  top:-1.2em;
}

  
/*****************************************************************/
/* Style spécifique pour les boutons de la page des mises à jour */
/*****************************************************************/
.bt_maj {
  width:23em;
  cursor:pointer;
}