/*******************************************************************************
* impeesa.css - Feuille de style (affichage normal)                            *
* ---------------------------------------------------------------------------- *
* Site Web du camp scout Impeesa                                               *
* Copyright (C) Indexatech, Michel Ducharme, 2020-...                          *
* ---------------------------------------------------------------------------- *
* Licence d'utilisation et de modification accordée aux Scouts de l'Outaouais  *
*******************************************************************************/
.serveur
   {
   background-color: #dd9933;
   color: #ffffff;
   margin-bottom: 6px;
   font-weight: bold;
   font-family: Arial;
   text-align: left;
   font-size: 14px;
   border-style: solid;
   border-width: 1px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 5px 5px 5px #888888;
   }


/*******************************************************************************
* En-tête                                                                      *
*******************************************************************************/
.impeesa_titre
   {
   display: inline-block;
   margin: 4px;
   padding: 1px 6px 1px 6px;
   background-color: #448822;
   color: #ffffff;
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   }

.impeesa_sous-titre
   {
   display: inline-block;
   margin: 4px;
   padding: 1px 6px 1px 6px;
   background-color: #448822;
   color: #ffffff;
   font-family: Arial;
   font-weight: bold;
   font-size: 18px;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   }


/*******************************************************************************
* Menu                                                                         *
*******************************************************************************/
a.menu
   {
   display: inline-block;
   margin: 4px;
   padding: 2px 8px 2px 8px;
   background-color: #448822;
   color: #ffffff;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   cursor: pointer;
   }
a.menu:hover
   {
   margin: 2px;
   border: 2px solid black;
   }

select.menu
   {
   display: inline-block;
   margin: 2px;
   background-color: #448822;
   color: #ffffff;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   cursor: pointer;
   }


/*******************************************************************************
* Boutons                                                                      *
*******************************************************************************/
a.bouton
   {
   display: inline-block;
   background-color: #884400;
   color: #ffffff;
   margin: 2px;
   padding: 1px 6px 1px 6px;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-weight: bold;
   cursor: pointer;
   }
a.bouton:hover
   {
   background-color: #ffffff;
   color: #884400;
   }
a.bouton_inactif
   {
   display: inline-block;
   background-color: #884400;
   color: #ffffff;
   margin: 2px;
   padding: 1px 6px 1px 6px;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   cursor: pointer;
   }
a.bouton_desactive
   {
   display: inline-block;
   background-color: #ffffff;
   color: #884400;
   margin: 2px;
   padding: 1px 6px 1px 6px;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   cursor: pointer;
   }

select.bouton
   {
   display: inline-block;
   background-color: #884400;
   color: #ffffff;
   margin: 2px;
   padding: 1px 6px 1px 6px;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   text-align: left;
   vertical-align: middle;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   cursor: pointer;
   }
select.bouton:hover
   {
   background-color: #ffffff;
   color: #884400;
   }

input[type=submit], input[type=reset]
   {
   background-color: #884400;
   color: #ffffff;
   margin-right: 5px;
   box-shadow: 3px 3px 3px #888888;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   font-weight: bold;
   cursor: pointer;
   }
input[type=submit]:hover
   {
   background-color: #ffffff;
   color: #884400;
   }
input[type=reset]:hover
   {
   background-color: #ffffff;
   color: #884400;
   }


/*******************************************************************************
* Formulaire servant à la saisie des données des membres                       *
*******************************************************************************/
.section
   {
   clear: both;
   border-collapse: collapse;
   margin-bottom: 5px;
   vertical-align: top;
   background-color: #f0f0e0;
   color: #007748;
   border-style: solid;
   border-width: 1px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 2px 2px 2px #888888;
   }
.section_titre
   {
   clear: both;
   border-collapse: collapse;
   padding-bottom: 2px;
   text-align: left;
   vertical-align: middle;
   font-family: Arial;
   text-decoration: underline;
   font-weight: bold;
   font-style: italic;
   font-size: 14px;
   }
.section_champ
   {
   margin-top: 6px;
   margin-right: 6px;
   border-style: solid;
   border-color: white;
   border-width: 2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }
.section_article
   {
   border-collapse: collapse;
   padding-top: 8px;
   text-align: left;
   vertical-align: middle;
   font-family: Arial;
   font-size: 12px;
   }
label.section_article
   {
   border-collapse: collapse;
   padding-top: 8px;
   text-align: left;
   vertical-align: middle;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   }
.etiquette
   {
   width: 160px;
   float: left;
   color: #007748;
   margin-top: 4px;
   margin-right: 10px;
   padding: 2px 2px 2px 2px;
   text-align: right;
   }
.champ
   {
   float: left;
   padding: 1px;
   text-align: left;
   }
.champ_fixe
   {
   float: left;
   margin-top: 6px;
   padding: 1px 1px 1px 1px;
   text-align: left;
   }
.erreur
   {
   padding-top: 5px;
   text-align: left;
   color: red;
   font-size: 12px;
   }

br
   {
   clear: both;
   }


/*******************************************************************************
* Formulaire servant à la majorité des formulaires de saisiees                 *
*******************************************************************************/
label.saisie
   {
   text-align: right;
   vertical-align: middle;
   font-weight: bold;
   font-size: 12px;
   }
input.saisie, textarea.saisie, fieldset.saisie, select.saisie, checkbox.saisie, span.saisie
   {
   max-width: 460px;
   margin: 2px;
   vertical-align: middle;
   text-align: left;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }

textarea.saisie_plein
   {
   margin: 2px;
   vertical-align: middle;
   text-align: left;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   }


/*******************************************************************************
* Table principale servant à l'affichage de la plupart des données             *
*******************************************************************************/
table.corps
   {
   background-color: #ffffff;
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
   padding: 3px;
   }
table.corps thead
   {
   background-color: #f0f0e0;
   color: #007748;
   border-style: solid;
   border-width: 1px;
   padding: 3px;
   vertical-align: bottom;
   text-align: left;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   }
table.corps tbody
   {
   background-color: #ffffff;
   color: #000000;
   border-style: solid;
   border-width: 1px;
   padding: 3px;
   vertical-align: bottom;
   text-align: left;
   font-family: Arial;
   font-weight: normal;
   font-size: 12px;
   }
table.corps tfoot
   {
   background-color: #ffffff;
   color: #000000;
   border-style: solid;
   border-width: 1px;
   padding: 3px;
   vertical-align: bottom;
   text-align: left;
   font-family: Arial;
   font-weight: bold;
   font-size: 12px;
   }
table.corps th
   {
   background-color: #f0f0e0;
   color: #007748;
   border-style: solid;
   border-width: 1px;
   }
table.corps td
   {
   border-style: solid;
   border-width: 1px;
   }


/*******************************************************************************
* Style pour erreurs, inactifs et données obligatoires                         *
*******************************************************************************/
span.avis
   {
   color: #dd7733;
   font-family: Arial;
   font-size: 12px;
   font-style: italic;
   }
span.erreur
   {
   color: red;
   font-family: Arial;
   font-size: 12px;
   }
span.inactif
   {
   color: red;
   font-family: Arial;
   font-size: 12px;
   }
span.textuel
   {
   color: black;
   font-family: Courier;
   font-size: 12px;
   }
span.obligatoire
   {
   color: #ff0000;
   font-family: Courier;
   font-weight: bold;
   font-size: 12px;
   }
span.positif
   {
   color: green;
   font-family: Arial;
   font-size: 12px;
   text-align: right;
   font-family: Courier;
   }
span.negatif
   {
   color: red;
   font-family: Arial;
   font-size: 12px;
   text-align: right;
   font-family: Courier;
   }


/*******************************************************************************
* Affichage de la note en bas de page                                          *
*******************************************************************************/
.bas_de_page
   {
   background-color: #bbbbbb;
   color: #000000;
   font-family: Arial;
   font-size: 10px;
   }


/*******************************************************************************
* Affichage g�n�rale de la page                                                *
*******************************************************************************/
body
   {
   background-color: #ffffff;
   font-family: Arial;
   font-size: 14px;
   }

h1
   {
   margin-bottom: 2px;
   background-color: #ffffff;
   color: #884400;
   text-align: left;
   font-family: Arial;
   font-weight: bold;
   font-style: italic;
   font-size: 20px;
   }

h2
   {
   margin-bottom: 2px;
   background-color: #ffffff;
   color: #000000;
   text-align: left;
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   }

img
   {
   border: 0;
   }