/******************************************************************************
 Pour les styles généraux.
******************************************************************************/
body 
{
	background-color:#f4ffe4;
	color:#666666;
}

#zoneContenu
{
	background-color:Transparent;
}

a 
{
	color: #993300;
}
	
a:hover 
{
	color: #5C743D;
}

.titre, acronym, h1
{
    color:#99CC66;
}

.sous_titre, .milieu_titre, h2, h3
{
    color:#993300;
}

.normal
{
    color:#666666;
}

.boutonRecherche
{
    background-color:#5C743D;
    color:#D5EDB3;
}

/******************************************************************************
 Pour le bandeau de nouvelles. 
******************************************************************************/
#lig_verte_haut, #lig_verte_bas
{
	background-color:#5c743d;
}

#lig_ombre_haut
{
	background-image: url(../../images/bords/haut_printemps.gif);
}

#lig_ombre_bas
{
	background-image: url(../../images/bords/bas_printemps.gif);
}

#lig_point_haut
{
	background-image:url(../../images/point_ligne_printemps_haut.gif);
	background-color:#99cc66;
}

#lig_point_bas
{
	background-image:url(../../images/point_ligne_printemps_bas.gif);
	background-color:#99cc66;
}

#lig_bandeau
{
	background-color:#99cc66;
	background-image:url(../../images/bandeau_printemps.gif);
	color: #993300;
}

#TitreNouvelles
{
	color: #993300;
}

/******************************************************************************
 Pour les boutons du menu gauche. 
******************************************************************************/
.tabBouton a, .BoutonCentre
{
    color: #000000;
}

.tabBouton a:hover
{
    color: #666666;
}

/******************************************************************************
 Pour la connexion.
******************************************************************************/
.connexion
{
    color:#993300;
}

.boutonConnexion
{
    background-color:#D5EDB3;
    color:#993300;
}

.lienConnexion
{
    color: #324f0e;
}

.lienConnexion:hover, .etqConnexion
{
    color:#ffffff;
}

#tabConnexion
{
    border:solid 1px #99CC66;
    color:#666666;
}

#titreConnexion
{
    background-color:#D5EDB3;
    border-bottom:solid 1px #99CC66;
    color:#993300;
}

/******************************************************************************
 Pour le contenu des pages
******************************************************************************/
#zoneVoirVideo
{
	border: outset 2px #5C743D;
	background-image: url(../../images/video_printemps.jpg);
}

#coinGaucheHaut
{
	background-image:url(../../images/coins/haut_printemps.gif);
}

#bordGauche
{
	background-image: url(../../images/bords/gauche_printemps.gif);	
}

#coinGaucheBas
{
	background-image:url(../../images/coins/bas_printemps.gif);
}

.nom_ecole, .code_ecole, .muni_ecole
{
    border-bottom:solid 2px #666666;
}

.ligEcole
{
    border-bottom:solid 1px #993300;
}

#tabRecherche, .cellRecherche
{
    border:solid 1px #99CC66; 
}

.ligRecherche
{
    background-color:#99CC66;
    background-image: url(../../images/bandeau_printemps.gif);
    color:#993300;
}


/******************************************************************************
 Styles pour tous les menus: entête, gauche et pied de page.
******************************************************************************/
.EnteteMenu, .PiedPageMenu, .ServMenu 
{
    background-color: Transparent;
}

.GaucheStaticMenuItem, 
.EnteteStaticMenuItem, 
.PiedPageStaticMenuItem,
.ServStaticMenuItem
{
    border-bottom:0px solid #F4FFE4;
}

.EnteteStaticMenuItem a, 
.PiedPageStaticMenuItem a,
.ServStaticMenuItem a,
.GaucheStaticMenuItem a
{
    color:#D5EDB3;
}

.EnteteStaticMenuItem a:hover, 
.PiedPageStaticMenuItem a:hover, 
.ServStaticMenuItem a:hover, 
.GaucheStaticMenuItem a:hover 
{
    background-color: #99cc66;
    background-image: url(../../images/menu_over_printemps.gif);
    color:#993300;
}

.EnteteStaticMenuItem td, 
.PiedPageStaticMenuItem td,
.ServStaticMenuItem td
{
    background-color: #5c743d;
    background-image: url(../../images/menu_out_printemps.gif);
    border:none 0px;
}

.GaucheStaticMenuItem td
{
    background-color: #5c743d;
    background-image: url(../../images/menu_out_printemps.gif);
    border-bottom:1px solid #F4FFE4;
}

.GaucheDynamicMenuItem, 
.EnteteDynamicMenuItem, 
.PiedPageDynamicMenuItem,
.ServDynamicMenuItem
{
    background-color:#D5EDB3;
    background-image: url(../../images/sous_menu_out_printemps.gif);
    border-bottom:0px solid #F4FFE4;
}

.EnteteDynamicMenuItem a, 
.PiedPageDynamicMenuItem a,
.ServDynamicMenuItem a,
.GaucheDynamicMenuItem a
{
    color:#5C743D;
}

.EnteteDynamicMenuItem a:hover, 
.PiedPageDynamicMenuItem a:hover,
.ServDynamicMenuItem a:hover,
.GaucheDynamicMenuItem a:hover
{
    background-color: #99cc66;
    background-image: url(../../images/sous_menu_over_printemps.gif);
    color:#993300;
}

.GaucheDynamicMenuItem td, 
.EnteteDynamicMenuItem td, 
.PiedPageDynamicMenuItem td
{
    background-color: #5c743d;
    background-image: url(../../images/sous_menu_out_printemps.gif);
    border-bottom:1px solid #5c743d;
}

.ServDynamicMenuItem td
{
    background-color: #5C743D;
    background-image: url(../../images/sous_menu_out_printemps.gif);
    border-bottom:1px solid #99cc66;
}

.GaucheStaticHover, 
.EnteteStaticHover, 
.PiedPageStaticHover,
.ServStaticHover
{
    color: #3d8cff;
}

.GaucheDynamicHover, 
.EnteteDynamicHover, 
.PiedPageDynamicHover,
.ServDynamicHover
{
    color:#8db5e9;
}

.GaucheStaticMenu, 
.EnteteStaticMenu, 
.PiedPageStaticMenu,
.ServStaticMenu
{
    color:#8db5e9;
}

.GaucheDynamicMenu, 
.EnteteDynamicMenu, 
.PiedPageDynamicMenu,
.ServDynamicMenu
{
    color:#8db5e9;
}

/******************************************************************
   Pour la zone du menu gauche.
********************************************************************/
#zoneMenuGauche
{
    background-color: #5C743D;
}

#div_espace
{
    border-bottom:1px solid #F4FFE4;
}

/********************************************************************
 Pour le copyright se trouvant dans le menu gauche. 
********************************************************************/
#zoneMenuGauche p, #zoneMenuGauche p a:hover
{
    color:#ffffff; 
}

#zoneMenuGauche p a
{
    color:#660000;
}

/******************************************************************************
 Pour la zone du pied de page.
******************************************************************************/
#zonePiedPage
{
    background-color:#d5edb3;
}

#ligNavPied
{
    background-color:#99cc66;
    background-image:url(../../images/bandeau_printemps.gif);
}

.option
{
    color:#222222;
}

/******************************************************************************
 Pour la zone du logo.
******************************************************************************/
#zoneLogo
{
	background-color:#d5edb3;
}

/******************************************************************************
 Pour le message de la tempête. 
******************************************************************************/
.msgFermer
{
    color: #ffffff;
    background-color: #b20000;
}

.BoutonTempete
{
    color: #000000;
}