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

a 
{
	color:#c97500;
}
	
a:hover 
{
	color:#993300;
}

.titre, acronym, h1
{
    color:#de6e0d;
}

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

.normal
{
    color:#666666;
}

.boutonRecherche
{
    background-color:#956502;
    color:#ffe7a1;
}

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

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

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

#lig_point_haut
{
	background-image:url(../../images/point_ligne_ete_haut.gif);
	background-color:#ffdc33;
}

#lig_point_bas
{
	background-image:url(../../images/point_ligne_ete_bas.gif);
	background-color:#f8d627;
}

#lig_bandeau
{
	background-color:#ffdc33;
	background-image:url(../../images/bandeau_ete.gif);
	color:#993300;
}

#TitreNouvelles
{
	color:#993300;
}

/******************************************************************************
 Pour les boutons du menu gauche. 
******************************************************************************/
.tabBouton
{
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
}

.tabBouton a
{
    color: #000000;
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}

.tabBouton a:hover
{
    color: #666666;
    filter:alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}

.BoutonCentre
{
    color:#000000;
}

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

.boutonConnexion
{
    background-color:#956502;
    color:#ffbe63;
}

.lienConnexion
{
    color:#4f3000;
}

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

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

#titreConnexion
{
    background-color:#f3e300;
    background-image:url(../../images/bandeau_ete.gif);
    background-attachment:scroll;
    background-position:center center;
    background-repeat:repeat-x;
    border-bottom:solid 1px #f2aa00;
    color:#993300;
}

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

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

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

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


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

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

#tabRecherche
{
    border:solid 1px #dea612; 
}

.ligRecherche
{
    background-color:#ffdc33;
    background-image:url(../../images/bandeau_ete.gif);
    color:#993300;
}

.cellRecherche
{
    border:solid 1px #ffdc33;
}

/******************************************************************************
 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:#ffe7a1;
}

.EnteteStaticMenuItem a:hover, 
.PiedPageStaticMenuItem a:hover,
.ServStaticMenuItem a:hover,
.GaucheStaticMenuItem a:hover 
{
    background-color:#ffad06;
    background-image:url(../../images/menu_over_ete.gif);
    color:#975d00;
}

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

.GaucheStaticMenuItem td
{
    background-color:#956502;
    background-image:url(../../images/menu_out_ete.gif);
    border-bottom:1px solid #f3d2a8;
}

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

.EnteteDynamicMenuItem a, 
.PiedPageDynamicMenuItem a,
.ServDynamicMenuItem a,
.GaucheDynamicMenuItem a
{
    color:#95791c;
}

.EnteteDynamicMenuItem a:hover, 
.PiedPageDynamicMenuItem a:hover,
.ServDynamicMenuItem a:hover,
.GaucheDynamicMenuItem a:hover
{
    background-color:#ffad06;
    background-image:url(../../images/sous_menu_over_ete.gif);
    color:#975d00;
}

.GaucheDynamicMenuItem td, 
.EnteteDynamicMenuItem td, 
.PiedPageDynamicMenuItem td
{
    background-color:#ffe7a1;
    background-image:url(../../images/sous_menu_out_ete.gif);
    border-bottom:1px solid #95791c;
}

.ServDynamicMenuItem td
{
    background-color:#ffe7a1;
    background-image:url(../../images/sous_menu_out_ete.gif);
    border-bottom:1px solid #95791c;
}

.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:#956502;
    /*background-image:url(../../images/samare_menu_ete.gif);
    background-attachment:scroll;
    background-position:center bottom;
    background-repeat:no-repeat;*/
}

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

/********************************************************************
 Pour le copyright se trouvant dans le menu gauche. 
********************************************************************/
#zoneMenuGauche p, .lienConnexion
{
    color:#4f3000; 
}

#zoneMenuGauche p a
{
	color:#ffffff;
}

#zoneMenuGauche p a:hover
{
    color:#4f3000;
}

/******************************************************************************
 Pour la zone du pied de page.
******************************************************************************/
#zonePiedPage
{
    background-color:#ffe7a1;
	/*background-image: url(../../images/feuilles.jpg);*/
}

#ligNavPied
{
    background-color:#ffdc33;
    background-image:url(../../images/bandeau_ete.gif);
}

.option
{
    color:#222222;
}

/******************************************************************************
   Pour la zone du logo.
******************************************************************************/
#zoneLogo
{
	background-color:#ffe7a1;
	/*background-image: url(../../images/feuilles.jpg);*/
}

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

.BoutonTempete
{
    color: #000000;
}