/* 
=====================================
 Redefinition balises HTML
===================================== 
*/

/*
** Corps
*/
body
{
   font-size: .625em;
   font-family: Georgia, Sans-Serif;
   background-color: #FEFFE4;
}

/*
** Titres
*/
h1
{
   margin: 0;
   padding-top: 0.5em;
   padding-left: 2em;
   font-size: 3em;
   color: blue;
}

h2
{
   margin: 0;
   padding-top: 0.5em;
   padding-left: 1em;
   font-size: 2em;
   color: green;
}

h3
{
   margin: 0;
   font-size: 1.5em;
   padding: 0;
   color: #33CC00;
}

h4
{
   margin: 0;
   font-size: 1.2em;
   padding: 0;
   color: #66FF99;
}

h5, h6
{
   margin: 0;
   padding: 0;
}

/*
** Mise en valeur
*/
em, strong
{
   color: #006600;
}

/*
** Ancres
*/
a:link
{
   color: #AA1B8F;
}

a:visited
{
   color: #993399;
}

a img
{
   float: left;
   border: none;
}

/*
** Champs de formulaires
*/
label
{
   padding-left: 0.2em;
   text-align: left;
   font-size: 1.5em;
   font-style: bold;
}

input
{
   padding-top: 0.2em;
}

/*
=====================================
 Classes nouvelles
=====================================
*/

/*
** Disposition blocs
*/
.bloc_bande-horiz
{
   clear: both;
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}

.bloc_appui-gauche
{
   float: left;
   margin: 0;
   padding: 0;
}

.bloc_appui-droite
{
   float: right;
   margin: 0;
   padding: 0;
}

.bloc_cadre-gauche, .bloc_champs-form
{
   float: left;
   margin: 0 0 0 1em;
   padding: 0;
}

.bloc_cadre-droite
{
   float: right;
   margin: 0 1em 0 0;
   padding: 0;
}

.bloc_cadre-dessous
{
   clear: both;
   float: left;
   width: 100%;
   margin: 1em;
   padding: 1em;
}

/*
** Divers
*/
.information
{
 color: green;
 font-size: 1.4em;
 font-style: italic;
 text-align: center;
}

.avertissement
{
 color: red;
 font-size: 1.4em;
 font-style: italic;
 text-align: center;
}

.identification
{
   color: #330033;
   font-size: 0.6em;
}

.asterisque
{
   color: green;
   font-size: 0.8em;
}

.cadre-courrier
{
   clear: both;
   float: left;
   margin: 1em;
   padding: 0;
   font-style: italic;
}

/*
** Decoupage du site
*/
.enseigne-site
{
   margin: 0;
   padding: 0;
   text-align: left;
   font-family: Arial, Helvetica, Georgia, Sans-Serif;
   color: white;
   background-color: #3366FF;
}

.orientation-site
{
   float: left;
   padding-left: 2em;
   font-size: 1.2em;
   text-align: left;
}

.orientation-site .item, .pied-site .item
{
   display: inline;
   padding-left: 1em;
}

.coeur-site
{
   margin: 0;
   padding: 0;
   font-size: 1em;
   color: black;
   text-align: left;
}

.coeur-site h1
{
   font-size: 2em;
   color: #3366FF;
}

.coeur-site h2
{
   font-size: 1.8em;
   color: green;
}

.coeur-site h3
{
   padding-left: 1em;
   font-size: 1.6em;
   color: #b80047;
}

.coeur-site h4
{
   font-size: 1.4em;
   color: #FF6666;
}

.coeur-site h5
{
   color: #330033;
}

.pied-site
{
   margin-top: 0.5em;
   text-align: center;
   font-size: 1em;
   color: black;
   background-color: #C8A078;
}

/*
** Barre de menu horizontale generale
*/
.menu-horizontal
{
   margin-top: 0.5em;
   text-align: center;
   background-color: #A8D2D2;
}

.menu-horizontal .item
{
   display: inline;
   font-size: 1.2em;
   margin-left: 0.3em;
   padding: 0 0.3em 0 0.3em;
}

.menu-horizontal .item-defaut
{
   background-color: #33CC00;
}

.menu-horizontal .item-selection
{
   background-color: #FFFF99;
}

.menu-horizontal .item a
{
   margin: 0;
   padding: 0;
   text-decoration: none;
   color: black;
}

/*
.menu-horizontal .item:hover
{
   background-color: #99FF99;
}
*/

.menu-horizontal .ligne
{
   line-height: 3px;
   background-color: #009900;
}

/*
** Menu lateral
*/
.menu-lateral, .menu-gauche, .menu-droite
{
   margin-top: 2em;
   padding: 0.5em;
   background-color: #2699BF;
}

.menu-gauche,
{
   margin-right: 1em;
}

.menu-lateral .item, .menu-gauche .item, .menu-droite .item
{
   margin: 0.5em;
   padding: 0.4em;
}

.menu-lateral .item-defaut, .menu-gauche .item-defaut, .menu-droite .item-defaut
{
   background-color: #2DB500;
}

.menu-lateral .item-selection, .menu-gauche .item-selection, .menu-droite .item-selection
{
   background-color: #F3F392;
}

.menu-lateral a, .menu-gauche a, .menu-droite a
{
   font-size: 1.1em;
   text-decoration: none;
   color: black;
}

.menu-horizontal .item:hover, .menu-lateral .item:hover, .menu-gauche .item:hover, .menu-droite .item:hover
{
   background-color: #66FF99;
}

.menu-lateral button
{
   color: blue;
   border: none;
   font-size: 1em;
}

.menu-lateral button:hover
{
   color: #FF99FF;
   border: none;
   text-decoration: underline;
}

/*
** Description pour les items de menu de navigation
*/
.desc-item-menu, .desc-item-liste
{
   z-index: 2;
   visibility: hidden;
   padding: 0.5em;
   position: absolute; 
   width: 1em;
   border: solid thin blue;
   background: #FFCC99;
   color: #330000;
}

.desc-item-liste h1
{
   padding: 0;
   font-size: 1em;
   color: blue;
}

.desc-item-liste .identification
{
   padding: 0;
   font-size: 0.8em;
}

/*
** Barre de menu horizontale pour contextes
*/
.menu-contextes
{
   margin-top: 0.5em;
   margin-left: 1em;
   text-align: left;
   font-size: 1.5em;
}

.menu-contextes button
{
   padding: 0.3em;
   border: solid thin green;
   color: #7D7DFB;
   background-color: #FDA854;
}

.menu-contextes button:hover, .menu-contextes button.selection:hover
{
   
   background-color: #FFFF99;
}

.menu-contextes button.selection
{
   border-bottom: none;
   background-color: white;
}

/*
** Barre de menu horizontale pour actions
*/
.menu-actions
{
   font-size: 1.2em;
}

.menu-actions button
{
   padding: 0.3em;
   border: none;
   color: #CC33CC;
   background-color: #FFCC66;
}

.menu-actions button:hover
{
   
   background-color: #FFFF99;
}

.menu-actions button.selection
{
   
   background-color: white;
}

.menu-actions .ligne
{
   margin: 0;
   line-height: 1px;
   background-color: #009900;
}

/*
** Menu minimum
*/
.menu-reduit
{
   text-align: left;
   font-size: 0.9em;
}

.menu-reduit h1
{
   padding-top: 0.2em;
   padding-bottom: 0;
   font-size: 1.2em;
   color: blue;
}


/*
** Barre d'etat
*/
.barre-etat
{
   padding: 0.4em;
   text-align: center;
   font-size: 1.2em;
   border-top: solid thin green;
   border-bottom: solid thin green;
   color: black;
   background-color: #66FF99;
}

.form_itemstexte
{
   padding: 2%;
   text-align: center;
   font-size: 1.2em; 
   color: black;
   background-color: #e6e6ff;
}

.form_itemstexte h2
{
   font-size: 2em;
   color: green;
}

/*
** Table de donnees
*/
table.tableau-donnees
{
   border: thin solid blue; 
   background-color: #FFCD82;
}

table.tableau-donnees th
{
   background-color: #FF8C50;
   font-size: 1em;
   text-align: center;
}

table.tableau-donnees .separateur
{
   background-color: yellow;
   color: black;
   font-size: 1.1em;
   text-align: center;
}

table.tableau-donnees td
{
   font-size: 0.9em; 
}

/*
** Listes
*/
.listederoul_select
{
   background-color: white;
   border: solid black;
}

.listederoul_visual
{
   background-color: #FFFFCC;
   border: solid thin blue;
}

.listederoul_visual option
{
   color: black;
}

.liste-liens
{
   font-size: 1em;
}

.liste-liens h1
{
   font-size: 1.4em;
   color: blue;
}

.liste-liens h2
{
   font-size: 1em;
   color: green;
}

.liste-liens ul
{
   margin: 0;
   padding: 0;
}

.liste-liens ul li
{
   margin-left: 2em;
   margin-right: 0.5em;
}

.liste-liens ul li a
{
   color: #993399;
}

.liste-liens ul li a:hover
{
   background-color: #FFFF99;
}

/*
** Articles
*/
.colonne-article
{
   margin: 0.4em;
   padding: 0.2em;
}

.article
{
   margin-top: 0.2em;
   padding: 0.3em;
   text-align: left;
   font-size: 1.1em;
   color: black;
}

.article h1
{
   padding: 0.6em 0 0 1.5em;
   font-size: 1.5em;
   color: green;
}

.article h1 a:link, .article h1 a:visited
{
   color: #33CC00;
}

.article h1 a:hover
{
   background-color: #FFCC66;
}

.article h2
{
   padding: 0.6em 0 0 0.8em;
   font-size: 1.3em;
   color: #b80047;
}

.article h3
{
   padding: 0.4em 0 0 0;
   font-size: 1.2em;
   color: #FF6666;
}

.article h4
{
   padding: 0;
   font-size: 1.1em;
   color: #330033;
}

.article h5
{
   color: #330033;
}