body { background-color:#ccc; }


/*********************/
/* Classes generales */
/*********************/
.shadow { background-image:url(../img/shadow.png); }
/*.shadow2 { background-image:url(../img/shadow2.png); }*/
/*.txt_note, .txt_petite_note, .txt_legende, .txt_note a, .txt_petite_note a, .txt_legende a { color: #007587 !important; } /* Non définitif */
.txt_asterisque { color: #af0915 !important; }
.txt_attention, .txt_attention a { color: #af0915 !important; }
.puce { background-image:url(../img/puce.gif); }
.tiret { background-image:url(../img/tiret.gif); }
.nouveaute { background-image:url(../img/nouveaute.jpg); }
.mae { background-image:url(../img/mae.jpg); }
.filet { background-color:#ccc; }
.fleche_teb { background-image:url(../img/fleche_enbref.jpg); }

div.divTopPage { border-bottom:1px solid #aaa; }


/*************************************/
/* Header (menutop, recherche, etc.) */
/*************************************/
#Header { background-color:#ccc; }
#HeaderLogo { background-image:url(../img/teluq.png); }
#HeaderMenuTop a.BoutonInverser { background-image:url(../img/icones/inverser.png); }
#Header a { color:#000; }
#Header #Recherche #LiensRapides { border:1px solid #666; background-color:#f2f2f2; }
#Header #Recherche #q { border:1px solid #666; background-color:#f2f2f2; }
#Header #Recherche #ImageChercher { background-image:url(../img/chercher_off.gif); }
#Header #Recherche #ImageChercher:hover { background-image:url(../img/chercher_on.gif); }


/* Menu par clientèle */
#MenuClientele { background-color:#4d5154; }
#MenuClientele ul li a { color:#fff; background-color:#4d5154; /*border-right:1px solid #fff;*/ }
#MenuClientele ul li a:hover { color:#f0f9bd; }
#MenuClientele ul li a.selected { color:#d5e274; }


/*********************/
/* Centre de la page */
/*********************/

#Centre{ background-color:#FFF; }

/* Menu principal des 3 axes */
#MenuAxes.Accueil { background-image:url(../img/accueil/finissants.jpg); }
#MenuAxes li a { color:#fff; background-color:#3d5167; border-bottom:1px solid #fff; }
#MenuAxes li a:hover { background-color:#2a4359; }
#MenuAxes li a.selected { color:#d5e274; background-color:#2a4359; }


/* Menu de gauche - Menu AXE ouvert */
#MenuGauche li.titre_axe { color:#3d5167; }
#MenuGauche li.titre_axe a, #MenuGauche li.titre_axe a:hover { color:#3d5167; }
#MenuGauche li { border-bottom:1px solid #3d5167; }
#MenuGauche li a, ul.LiensAccueil li a.lien_triangle_v { color:#666; } /* Même couleur qu'à l'accueil */
#MenuGauche li a:hover, ul.LiensAccueil li a.lien_triangle_v:hover { color:#1a1a1a; } /* Même couleur qu'à l'accueil */
#MenuGauche li a.selected { color:#1a1a1a; }
#MenuGauche li a.ouvert { background-image:url(../img/carre_moins_on.jpg); }
#MenuGauche li a.ferme { background-image:url(../img/carre_plus_on.jpg); }
#MenuGauche li a.calculatrice { background-image:url(../img/calculatrice_menu.jpg); }
#MenuGauche li a.concours { background-image:url(../img/icon_concours.jpg); }
#MenuGauche li a.LienNormal { color:#1d5383; }
#MenuGauche li a.LienNormal:hover { color:#083044; }

ul.LiensAccueil { background-color:#F2F2F2; /*background-color:#f9f7f6;*/ }
ul.LiensAccueil li { border-bottom:1px solid #ccc; background-image:url(../img/puce_bleu.png); }
ul.LiensAccueil li.premier { border-top:1px solid #ccc; }


/* Images de bandeaux */
#BandeauTEB  { background-image:url(../img/bandeaux2/ban_enbref.jpg); }
#BandeauETU  { background-image:url(../img/bandeaux2/ban_etudes.jpg); }
#BandeauREC  { background-image:url(../img/bandeaux2/ban_recherche.jpg); }
#BandeauSEL  { background-image:url(../img/bandeaux2/ban_sel.jpg); }
#BandeauDRH  { background-image:url(../img/bandeaux2/ban_drh.jpg); }
#BandeauESP  { background-image:url(../img/bandeaux2/ban_espace.jpg); } /* Espace étudiant */
#BandeauADV  { background-image:url(../img/bandeaux2/ban_adv.jpg); }
#BandeauSDP  { background-image:url(../img/bandeaux2/ban_presse.jpg); }
#BandeauTEST { background-image:url(../img/bandeaux2/ban_tests.jpg); }
#BandeauSAEM { background-image:url(../img/bandeaux2/ban_saem.jpg); }
#BandeauASE  { background-image:url(../img/bandeaux2/ban_ase.jpg); }
#BandeauAUT  { background-image:url(../img/bandeaux2/ban_general.jpg); } /* Autre */
#BandeauUER_EDU  { background-image:url(../img/bandeaux2/ban_UER_EDU.jpg); }
#BandeauUER_SHLC { background-image:url(../img/bandeaux2/ban_UER_SHLC.jpg); }
#BandeauUER_ST   { background-image:url(../img/bandeaux2/ban_UER_ST.jpg); }
#BandeauUER_TEG  { background-image:url(../img/bandeaux2/ban_UER_TEG.jpg); }


/* Le fil d'Ariane */
#FilAriane li { color:#1a1a1a; }
#FilAriane li a { background-image:url(../img/puce_grise.png); color:#666; }
#FilAriane li a:hover { color:#1a1a1a; }

/* Menu de droite (Utilitaires) */
/*
#MenuUtilitaires li.CallToActionDebut, #MenuUtilitaires li.CallToAction, #MenuUtilitaires li.CallToActionFin { background-color:#d6e5b6; }
#MenuUtilitaires li.CallToActionDebut { background-image:url(../img/icones/menu_util_top.gif); border-right:1px solid #adce6e; }
#MenuUtilitaires li.CallToAction { background-image:url(../img/icones/menu_util_sep.gif); border-right:1px solid #adce6e; }
#MenuUtilitaires li.CallToActionFin { border-bottom:1px solid #adce6e; border-right:1px solid #adce6e; }
#MenuUtilitaires li a.CallToAction { color:#4d4d4d; }
#MenuUtilitaires li a.CallToAction:hover { color:#1a1a1a; }
*/
/* Comme "Menu vert" de l'accueil */
#MenuUtilitaires li a.CallToAction { color:#333; background-color:#b9d05e; }
#MenuUtilitaires li a.CallToAction:hover { color:#333; background-color:#dfe7a5; }
#MenuUtilitaires li a.EspEtu { color:#333; background-color:#61A4AD; }
#MenuUtilitaires li a.EspEtu:hover { color:#333; background-color:#8cc6d2; }
#MenuUtilitaires li a.premier { border-top:1px solid #adce6e; }
#MenuUtilitaires li a { color:#666; background-image:url(../img/puce_grise.png); border-bottom:1px solid #adce6e; }
#MenuUtilitaires li a:hover { color:#1a1a1a; }
#MenuUtilitaires li a.UVC { background-image:url(../img/icones/UVC.jpg); }
#MenuUtilitaires li a.BoutonDRH { background-image:url(../img/icones/bout_drh_bg.jpg); color:#333333; }
#MenuUtilitaires li a.BoutonDRH:hover, #MenuUtilitaires li a.BoutonDRHSelected { background-image:url(../img/icones/bout_drh_selected_bg.jpg); color:#333333; }
#MenuUtilitaires #TailleTexte { background-image:url(../img/icones/changer_taille_off.gif); }
#MenuUtilitaires #TailleTexte:hover { background-image:url(../img/icones/changer_taille_on.gif); }
#MenuUtilitaires #ChercherSection { background-image:url(../img/icones/chercher_section_off.gif); }
#MenuUtilitaires #ChercherSection:hover { background-image:url(../img/icones/chercher_section_on.gif); }
#MenuUtilitaires #FilRSS { background-image:url(../img/icones/rss_off.gif); }
#MenuUtilitaires #FilRSS:hover { background-image:url(../img/icones/rss_on.gif); }
#MenuUtilitaires #LogoSEL { background-image:url(../img/logo_sel.jpg); }


/*****************/
/* Contenu texte */
/*****************/
body { color: #333; }
h1, h2, h4 { color: #3d5167; }
h3, h5 { color:#333; }
h6 { color:#666; }
.soulignement {	border-bottom-color:#999999; }

hr { background-color:#ccc; }

/* Listes */
#ZoneTexte ul li { background-image:url(../img/puce.gif); }
#ZoneTexte #ActualitesArchivees { border:1px solid #ccc; }
#ZoneTexte #PlanDuSite a.niv1 { color:#3d5167; }
#ZoneTexte ul.triangle_v li, #CentreColMilieu ul.triangle_v li { background-image:url(../img/puce_bleu.png); }
#ZoneTexte ul.liste_tiret li { background-image:url(../img/tiret.gif); }


/************/
/* Tableaux */
/************/

/* Tableau dans la page Profil des étudiants (TEB) */
.contour { border-color:#AAAAAA; }
.border_bas { border-bottom-color:#AAAAAA; }
.border_droite { border-right-color:#AAAAAA; }
.border_gauche { border-left-color:#AAAAAA; }
.bg_col2 { background-color:#e0e0e0; }

/* Tableau dans la page du SEL */
table.tblBordure { border-color:#aaa; }
table.tblBordure td { border-bottom-color:#aaa; border-right-color:#aaa; }


/*********/
/* Liens */
/*********/
a:link, a:visited, a:active { color:#1d5383; }
a:hover { color:#083044; }

/*#Page a.lien_triangle_v, #Page a.lien_triangle_v_sans, #Page a.lien_fleche_v { color:#333; }
#Page a.lien_triangle_v:hover, #Page a.lien_triangle_v_sans:hover, #Page a.lien_fleche_v:hover { color:#083044; }
#Page a.lien_triangle_v { background-image:url(../img/puce_bleu.png); }
#Page a.lien_fleche_v { background-image:url(../img/fleche_joindre.png); }*/
a.lien_triangle_v:link, a.lien_triangle_v:visited, a.lien_triangle_v:active, 
a.lien_triangle_v_sans:link, a.lien_triangle_v_sans:visited, a.lien_triangle_v_sans:active, 
a.lien_fleche_v:link, a.lien_fleche_v:visited, a.lien_fleche_v:active { color:#333; }
a.lien_triangle_v:hover, a.lien_triangle_v_sans:hover, a.lien_fleche_v:hover { color:#083044; }
a.lien_triangle_v { background-image:url(../img/puce_bleu.png); }
a.lien_fleche_v { background-image:url(../img/fleche_joindre.png); }

a.lien_out { background-image:url(../img/new_window.jpg); }

#Page a.lien_localisation { background-image:url(../img/joindre/loc_carte_off.png); }
#Page a.lien_localisation:hover { background-image:url(../img/joindre/loc_carte_on.png); }

#Page a.lien_photo { background-image:url(../img/joindre/photo_off.png); }
#Page a.lien_photo:hover { background-image:url(../img/joindre/photo_on.png); }

#Page a.lien_retour { background-image:url(../img/retour_off.jpg); }
#Page a.lien_retour:hover { background-image:url(../img/retour_on.jpg); }

#Page a.legende_retour { background-image:url(../img/precedent_off.jpg); }
#Page a.legende_retour:hover { background-image:url(../img/precedent_on.jpg); }

#Page a.lien_tebflash { background-image:url(../img/teb_flash_off.jpg); }
#Page a.lien_tebflash:hover { background-image:url(../img/teb_flash_on.jpg); }

#Page a.lien_temoignage { background-image:url(../img/accueil/bout_temoignage_off.jpg); }
#Page a.lien_temoignage:hover { background-image:url(../img/accueil/bout_temoignage_on.jpg); }

#Page a.lien_pandemie { background-image:url(../img/accueil/ah1n1_off.jpg); }
#Page a.lien_pandemie:hover { background-image:url(../img/accueil/ah1n1_on.jpg); }

#Page a.lien_chaire_rec_can { background-image:url(../img/logo_chaires_rec_can.jpg); }
#Page a.lien_bell { background-image:url(../img/logo_bell.jpg); }
#Page a.lien_fond_innov { background-image:url(../img/logo_innovation.jpg); }
#Page a.lien_mels { background-image:url(../img/logo_mels.jpg); }
#Page a.lien_teluq { background-image:url(../img/teb_teluq.jpg); }
#Page a.lien_uqam_comm { background-image:url(../img/teb_uqam.jpg); }


/* Pour les éléments de formulaire */
.fborder { border:1px solid #666; background-color:#fff; }
.fbouton { border:1px solid #666; background-color:#f2f2f2; }

/* Pour les éléments de formulaire - Google search */
input.gsc-input { border:1px solid #666; background-color:#fff !important; } /* fborder*/
input.gsc-search-button { border:1px solid #666; background-color:#f2f2f2; } /* fbouton */
div.gsc-clear-button { background-image: url('/siteweb/img/fermer_on.jpg'); }


/* Pour la page "Pour nous joindre" */
.pnj_bus { background-image:url(../img/joindre/bus_off.png); }
.pnj_metro { background-image:url(../img/joindre/metro_off.png); }
.pnj_parking { background-image:url(../img/joindre/parking_off.png); }


/***********************/
/* Styles de l'Accueil */
/***********************/

/* Menu 'Téluq en bref' ouvert */
#TopAccueil { background-color:#ccc; }
#MenuTEBAccueil { background-color:#f2f2f2; }
#MenuTEBAccueil li p { color:#666; }
#MenuTEBAccueil li a { color:#666; background-image:url(../img/puce_grise.png); }
#MenuTEBAccueil li a:hover { color:#1a1a1a; }

#GalerieAccueil { background-color:#ccc; }

/* Images de bandeaux */
#GalerieBandeau0 { background-image:url(../img/bandeaux/bandeau0.jpg); }
#GalerieBandeau1 { background-image:url(../img/bandeaux/bandeau1.jpg); }
#GalerieBandeau2 { background-image:url(../img/bandeaux/bandeau2.jpg); }
#GalerieBandeau3 { background-image:url(../img/bandeaux/bandeau3.jpg); }
#GalerieBandeau4 { background-image:url(../img/bandeaux/bandeau4.jpg); }

/* Popup de l'accueil */
#AlertePopup { background-color:#e0e0e0; border:3px solid #aaa; }
#AlertePopup #BoutonFermer { background-image:url(../img/fermer_off.jpg); }
#AlertePopup #BoutonFermer:hover { background-image:url(../img/fermer_on.jpg); }


/*******************************/
/* Centre de la page d'accueil */
/*******************************/
#CentreAccueil { background-image:url(../img/accueil/centre_bg.gif); background-color:#ffffff; }

/* Menu vert */
#MenuVertAccueil li a { color:#333; background-color:#b9d05e; /*border-right:1px solid #4d4d4d; border-bottom:1px solid #4d4d4d;*/ }
#MenuVertAccueil li a:hover { background-color:#dfe7a5; }

/* Colonne du milieu */
#DescriptionTeluqAccueil { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }

#ColonnesActuTemoi { background-image:url(../img/pixel_gris.png); }
#ActualitesAccueil .date_actu { color:#333; }


/* Colonne de droite */
#CentreColDroite { border-left:1px solid #CCCCCC; background-color:#f2f2f2; }

/* Boutons Promos */
.btTestsGratuits { background-image:url(../img/promos/bout_tests_off.jpg); }
.btTestsGratuits:hover { background-image:url(../img/promos/bout_tests_on.jpg); }
.btCommandez { background-image:url(../img/promos/bout_commandez_off.jpg); }
.btCommandez:hover { background-image:url(../img/promos/bout_commandez_on.jpg); }
.btConcoursBourses { background-image:url(../img/promos/concours_bourses_off.jpg); }
.btConcoursBourses:hover { background-image:url(../img/promos/concours_bourses_on.jpg); }
.btSQAF, .btSQAF:hover { background-image:url(../img/promos/bout_sqaf.gif); }
.btSondageWeb2 { background-image:url(../img/promos/bout_sondageweb_off.jpg); }
.btSondageWeb2:hover { background-image:url(../img/promos/bout_sondageweb_on.jpg); }


/* Page Marche à suivre */
#AdresseRegistraire { background-color:#e0e0e0;	border:3px solid #aaa; }
#AdresseRegistraire #BoutonFermer { background-image:url(../img/fermer_off.jpg); }
#AdresseRegistraire #BoutonFermer:hover { background-image:url(../img/fermer_on.jpg); }


/* Page Commande du Guide des programmes et du matériel d'information (bon de commande) */
#InfosSAR { background-color:#e0e0e0;	border:3px solid #aaa; }
#InfosSAR #BoutonFermer { background-image:url(../img/fermer_off.jpg); }
#InfosSAR #BoutonFermer:hover { background-image:url(../img/fermer_on.jpg); }
.fond_couleur1 { background-color:#F0F0F0; }


/* Page Commande de matériel (pour entreprises) */
#help_materiel, #help_interets, #ModifDestinataire { background-color:#e0e0e0; border:3px solid #aaa; }


/***************/
/* Bas de page */
/***************/
#BasPageNavigation { background-color:#fff; }
#BasPageNavigation #LienRetour { background-image:url(../img/precedent_off.jpg); }
#BasPageNavigation #LienRetour:hover { background-image:url(../img/precedent_on.jpg); }
#BasPageNavigation #LienTopPage, a.LienTopPage { background-image:url(../img/haut_off.jpg); }
#BasPageNavigation #LienTopPage:hover, a.LienTopPage:hover { background-image:url(../img/haut_on.jpg); }

#MenuBasPage { background-color:#e5e5e5; background-image:url(../img/bas_page_bg.gif); }
#MenuBasPage.BasAccueil { background-image:url(../img/accueil/bas_page_bg.gif); }
#MenuBasPage ul li.titre_axe a, #MenuBasPage ul li.titre_axe a:hover { color:#333; }
#MenuBasPage ul li a { color:#666; }
#MenuBasPage ul li a:hover { color:#1a1a1a; }

#CopyrightsBasPage { background-color:#3d5167; color:#fff; }
#CopyrightsBasPage a { color:#fff; }
#CopyrightsBasPage a:hover { color:#d5e274; }


/* Outils */
#BandeauOutils { background-color:#4d5154; background-image:url(../img/outils/fond.jpg); }
#BandeauOutils h1, #BandeauOutils p, #BandeauOutils img, #BandeauOutils div { color:#fff; }
#BandeauOutils .Separateur { background-color:#fff; }

/* Calculatrice */
a.LienSuivant { background-image:url(../img/bout_suivant_off.jpg); }
a.LienSuivant:hover { background-image:url(../img/bout_suivant_on.jpg); }
a.LienAjouter { background-image:url(../img/bout_ajouter_off.jpg); }
a.LienAjouter:hover { background-image:url(../img/bout_ajouter_on.jpg); }
a.LienRetirer { background-image:url(../img/bout_retirer_off.jpg); }
a.LienRetirer:hover { background-image:url(../img/bout_retirer_on.jpg); }

/* SAEM / ASE */
.boitePierreLafleur { background-color:#5b7795; }

/* Boutons pour le bon de commande (choix du format) */
a.BoutonTelecharger { background-image:url(../img/bout_telecharger_off.jpg); color:#fff; }
a.BoutonTelecharger:hover { background-image:url(../img/bout_telecharger_on.jpg); color:#fff; }
a.BoutonCommander { background-image:url(../img/bout_commandez_off.jpg); color:#fff; }
a.BoutonCommander:hover { background-image:url(../img/bout_commandez_on.jpg); color:#fff; }