@charset "utf-8";
/* CSS Document */
/* =================================================================================
Université du Québec a Trois-Rivieres / SSPT - Feuille de style version 2009 © UQTR
Palette des couleurs
#679d00 - Lien (vert moyen)
#375400 - Lien actif (vert foncé)
#88ba00 - Lien survol (vert pâle)
#375400 - Lien cliqué (vert foncé)
#383838 - Texte courant
#fbfef4 - Couleur fond de page (blanc cassé)
#f1f5f8 - Couleur de background (bleu pâle)
================================================================================= */

*{margin:0;padding:0;}

body{font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#383838; background:#f1f5f8 url(interface/bg.png) repeat-x;}
h1{font-size:24px; font-weight:bold; text-transform:uppercase;}
h2{font-size:16px; font-weight:bold; text-transform:uppercase;}
h3{font-size:12px; font-weight:bold; text-transform:uppercase;}
h4{font-size:9px; font-weight:bold; text-transform:uppercase;}
h5{font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#e2e2e2;}
hr{height: 5px; border:none; border-top:1px dotted #a2a2a3;}

a:link {color:#679d00;}
a:active{color:#375400;}
a:visited{color:#375400;}
a:hover{color:#88ba00; text-decoration:none;}

p {margin:7px 0; line-height:1.6em;}

img {border:0; background:url(interface/loader.gif) no-repeat 50% 50%;}

.imageparagraphegauche{float:left;margin:0 10px 5px 0;}
.imageparagraphegauche2{float:left;margin:10px 10px 10px 0;}
.imageparagraphedroite{float:right;margin:0 0 5px 10px;}


ul.carre { margin: 0 0 10px 40px; list-style-image: url(interface/puce.png); line-height:1.3em;}
.carre li{padding:4px 0; margin-bottom:5px;}

ul.carre2{ margin: 5px 0 5px 30px; list-style-image: url(interface/puce.png); }
.carre2 li{padding:2px 0; margin-bottom:2px;}

ul.rond{ margin: 8px 0 5px 30px; list-style-image: url(interface/puce_rond.png); }
.rond li{padding:3px 0; margin-bottom:2px;}

ul.niveau2{ margin: 7px 0 4px 30px; list-style-image: url(interface/puce_rond.png); }
.niveau2 li{padding:2px 0; margin-bottom:2px;}

ul.sousliste{ margin: 7px 0 4px 30px; list-style-image: url(interface/puce_rond.png); }
.sousliste li{padding:2px 0; margin-bottom:2px;}

ul.flechebleu{margin: 5px 0 5px 25px;list-style-image: url(interface/puce_fleche_bleu.png); font-size:11px;}
.flechebleu li{padding:2px 0; margin-bottom:4px;}
.flechebleu li a{color:#555;}
.flechebleu li a:hover{color:#000;}


ul.pdf{ /* utilisé dans Admission LH */
  margin: 5px 0 5px 30px;
  list-style-image: url(interface/ico_pdf.png);
  }
  
.pdf li{padding:2px 0; margin-bottom:2px;}


.zonedocument ul.word{list-style-image: url(interface/ico_word.png);}
.zonedocument .powerpoint{list-style-image: url(interface/ico_powerpoint.png);}
.zonedocument .flecherouge {list-style-image:url(interface/puce_flecherouge.png);}
.zonedocument .flechebleu2 {list-style-image:url(interface/puce_flechebleu2.png);}

li .word{background:url(interface/ico_word.png) no-repeat;}
li .nouveau{background:url(interface/ico_nouveau.png) no-repeat;}
li .pdf{background:url(interface/ico_pdf.png) no-repeat;}
li .fleche{background:url(interface/puce_onglet1.png) no-repeat;}

/* Pour bons soins aux animaux site #1573 */
#formulairesBSA li{list-style-image: url(interface/ico_word.png);}

/* 
	-------------------- Structure de page ------------------
	---------------------------------------------------------
*/

#entete{width:1000px;margin:0 auto; background:url(interface/bg_ombrage.png) repeat-y; font-size:11px;}
#page{ width:1000px; margin:0 auto; background:url(interface/bg_ombrage.png) repeat-y; overflow:hidden; clear:both;}
#contenu{width:959px; margin:0 0 0 20px;}

.pucetrace{width:6px; height:10px; padding-left:18px; background:url(../interface/puce_trace.png) 7px 3px no-repeat;}	

#menugauche{width:160px; float:left; margin-bottom:15px;}
#contenudroit{width:784px; float:left; margin:10px 0 20px 15px; }

/* 
	-------------------- Structure du centre ------------------
	-----------------------------------------------------------
*/
.contenucol1{float:left;width:509px;display:block;overflow:hidden;}
.contenucol2{float:left;width:261px;display:block;overflow:hidden;}
.contenucolonne{float:left;width:779px;display:block;overflow:hidden;}

/* 
	-------------------- Les blocs du centre ------------------
	-----------------------------------------------------------
*/
.blocinfopetitligne{   /* petit bg_bloc avec ligne  pour le sous-titre */	
	width:489px;
	float:left;
	padding:10px;
	background:url(interface/bg_blocinfopligne.png) no-repeat;
}

.blocinfopetit{   /* petit bg_bloc sans ligne */
	width:489px;
	float:left;
	padding:10px;
	background:url(interface/bg_blocinfop.png) no-repeat;
}

.blocinfograndligne{   /* grand bg_bloc avec ligne pour le sous-titre */
	width:750px;
	float:left;
	padding:10px;
	background:url(interface/bg_blocinfogligne.png) no-repeat;
}


.blocinfogrand{   /* grand bg_bloc avec ligne */
	width:750px;
	float:left;
	padding:10px;
	background:url(interface/bg_blocinfog.png) no-repeat;
}

/* 
	----------------- Boutons de promotion à droite ---------
	---------------------------------------------------------
*/


/*Étudiants - Futur étudiant - Programmes*/
.programmesetudes a{ display:block; width:246px; height:58px; background:url(interface/btn_programmes_etudes.png) 0 0 no-repeat; float:right; margin-bottom:8px; }
.programmesetudes a:hover{ background-position:0 -58px; }

.repertoireprog a{ display:block; width:246px; height:60px; background:url(interface/btn_repertoire_prog.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.repertoireprog a:hover{ background-position:0 -60px; }

.repertoirecours a{ display:block; width:246px; height:60px; background:url(interface/btn_repertoire_cours.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.repertoirecours a:hover{ background-position:0 -60px; }

.programmescyclessupp a{ display:block; width:246px; height:58px; background:url(interface/btn_programmes_cycles_supp.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.programmescyclessupp a:hover{ background-position:0 -58px; }

.reussir a{ display:block; width:246px; height:35px; background:url(interface/btn_reussir_etude.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.reussir a:hover{ background-position:0 -35px; }

.etudierfrancais a{ display:block; width:246px; height:35px; background:url(interface/btn_etudier_francais.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.etudierfrancais a:hover{ background-position:0 -35px; }

.portailfuturetudiant a{ display:block; width:246px; height:35px; background:url(interface/btn_portail_futur_etudiant.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.portailfuturetudiant a:hover{ background-position:0 -35px; }


/*Étudiant*/
.qualitefrancais a{ display:block; width:246px; height:35px; background:url(interface/btn_qualite_francais.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.qualitefrancais a:hover{ background-position:0 -35px;}

.guideetudiant2 a{ display:block; width:246px; height:35px; background:url(interface/btn_guide_etudiant2.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.guideetudiant2 a:hover{ background-position:0 -35px;}

.jeunechambre a{ display:block; width:246px; height:38px; background:url(interface/btn_jeune_chambre.png) 0 0 no-repeat; float:right; margin-bottom:8px;}

.politiquevalorisation a{ display:block; width:246px; height:35px; background:url(interface/btn_politique_valorisation.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.politiquevalorisation a:hover{ background-position:0 -35px;}


/*Admission*/
.admissionenligne a{ display:block; width:246px; height:46px; background:url(interface/btn_admission_ligne.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.admissionenligne a:hover{ background-position:0 -46px;}


/*Recherche*/
.soutienchercheurs a{ display:block; width:246px; height:35px; background:url(interface/btn_soutien_chercheurs.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.soutienchercheurs a:hover{ background-position:0 -35px; }

.trouverexpert a{ display:block; width:246px; height:35px; background:url(interface/btn_trouver_expert.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.trouverexpert a:hover{ background-position:0 -35px; }

.unitesrecherche a{ display:block; width:246px; height:35px; background:url(interface/btn_unites_recherche.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.unitesrecherche a:hover{ background-position:0 -35px; }

.bureauvalorisation a{ display:block; width:246px; height:35px; background:url(interface/btn_bureau_valorisation.png) 0 0 no-repeat; float:right; margin-bottom:5px;}
.bureauvalorisation a:hover{ background-position:0 -35px; }



/*Bottin*/
.urgence a{ display:block; width:246px; height:35px; background:url(interface/btn_urgence.png) 0 0 no-repeat; float:right;margin-bottom:8px;}
.urgence a:hover{ background-position:0 -35px; }

/*Diplomés*/
.denoncezdiplome a{ display:block; width:246px; height:35px; background:url(interface/btn_denoncez_diplome.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.denoncezdiplome a:hover{ background-position:0 -35px; }

.candidaturepythagore a{ display:block; width:246px; height:35px; background:url(interface/btn_candidature_pythagore.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.candidaturepythagore a:hover{ background-position:0 -35px; }


/*International*/
.eiffrancais a{ display:block; width:246px; height:70px; background:url(interface/btn_eif_francais.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.eiffrancais a:hover{ background-position:0 -70px; }

.eifanglais a{ display:block; width:246px; height:70px; background:url(interface/btn_eif_anglais.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.eifanglais a:hover{ background-position:0 -70px; }

.eifespagnol a{ display:block; width:246px; height:70px; background:url(interface/btn_eif_espagnol.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.eifespagnol a:hover{ background-position:0 -70px; }

.uqtrinternational a{ display:block; width:246px; height:35px; background:url(interface/btn_uqtr_international.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.uqtrinternational a:hover{ background-position:0 -35px;}


/*Media*/
.enteteenligne a{ display:block; width:246px; height:35px; background:url(interface/btn_entete.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.enteteenligne a:hover{ background-position:0 -35px;}

.energia a{ display:block; width:246px; height:35px; background:url(interface/btn_energia.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.energia a:hover{ background-position:0 -35px;}

.connexion a{ display:block; width:246px; height:35px; background:url(interface/btn_connexion.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.connexion a:hover{ background-position:0 -35px;}

.numerocourant a{ display:block; width:246px; height:316px; background:url(interface/btn_numerocourant.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.numerocourant a:hover{ background-position:0 -316px;}


/*Ressources humaines*/
.postesofferts a{ display:block; width:246px; height:35px; background:url(interface/btn_postes_offerts.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.postesofferts a:hover{ background-position:0 -35px;}

.equitesalariale a{ display:block; width:246px; height:35px; background:url(interface/btn_equite_salariale.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.equitesalariale a:hover{ background-position:0 -35px;}


/*Soutien ped*/
.programmeaccompagnement a{ display:block; width:246px; height:70px; background:url(interface/btn_programme_accompagnement.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.programmeaccompagnement a:hover{ background-position:0 -70px; }

.fondinnovation a{ display:block; width:246px; height:35px; background:url(interface/btn_fond_innovation.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.fondinnovation a:hover{ background-position:0 -35px;}

.programmeaccompagnement2 a{ display:block; width:246px; height:35px; background:url(interface/btn_programme_accompagnement_02.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.programmeaccompagnement2 a:hover{ background-position:0 -35px;}


.programmeaccompagnement3 a{ display:block; width:246px; height:50px; background:url(interface/btn_programme_accompagnement_03.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.programmeaccompagnement3 a:hover{ background-position:0 -50px;}


.colloquepedagogie a{ display:block; width:246px; height:35px; background:url(interface/btn_colloque_pedagogie.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.colloquepedagogie a:hover{ background-position:0 -35px;}

.activitespedagogiques2 a{ display:block; width:246px; height:35px; background:url(interface/btn_activites_pedagogiques_02.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.activitespedagogiques2 a:hover{ background-position:0 -35px;}

.enseigneruqtr2 a{ display:block; width:246px; height:35px; background:url(interface/btn_enseigner_uqtr_02.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.enseigneruqtr2 a:hover{ background-position:0 -35px;}


/*Soutien technologique*/
.aidedepannage a{ display:block; width:246px; height:35px; background:url(interface/btn_aide_depannage.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.aidedepannage a:hover{ background-position:0 -35px; }


/*Info générales*/
.organigramme a{ display:block; width:246px; height:35px; background:url(interface/btn_organigramme.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.organigramme a:hover{ background-position:0 -35px;}


/*Premier cycle*/
.nouveaureglement a{ display:block; width:246px; height:35px; background:url(interface/btn_nouveau_reglement.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.nouveaureglement a:hover{ background-position:0 -35px;}



/* 
	----------------- Boutons de promotion centre -----------
	---------------------------------------------------------
*/

.reussiretudes a{ display:block; width:237px; height:99px; background:url(interface/btn_reussir_etude_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.reussiretudes a:hover{background-position: 0 -99px;}
.aidefinanciere a{ display:block; width:237px; height:99px; background:url(interface/btn_aide_financiere_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.aidefinanciere a:hover{background-position: 0 -99px;}

.ouverteinternational a{ display:block; width:237px; height:99px; background:url(interface/btn_ouverte_international.png) 0 0 no-repeat; float:left; margin-left:5px;}
.ouverteinternational a:hover{background:url(interface/btn_ouverte_international_over.png) 0 0 no-repeat;}
.etudiantsetrangers a{ display:block; width:237px; height:99px; background:url(interface/btn_etudiants_etrangers_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.etudiantsetrangers a:hover{background-position: 0 -99px;}

.repertoirecours2 a{ display:block; width:237px; height:99px; background:url(interface/btn_repertoire_cours_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.repertoirecours2 a:hover{background-position: 0 -99px;}
.repertoireprogramme2 a{ display:block; width:237px; height:99px; background:url(interface/btn_repertoire_programmes_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.repertoireprogramme2 a:hover{background-position: 0 -99px;}

.guideetudiant a{ display:block; width:237px; height:99px; background:url(interface/btn_guide_etudiant_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.guideetudiant a:hover{background-position: 0 -99px;}

.domainesstages a{ display:block; width:237px; height:99px; background:url(interface/btn_domaines_stages_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.domainesstages a:hover{background-position: 0 -99px;}
.outilsemplois a{ display:block; width:237px; height:99px; background:url(interface/btn_outils_emplois_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.outilsemplois a:hover{background-position: 0 -99px;}

.ssptetudiant a{ display:block; width:237px; height:99px; background:url(interface/btn_sspt_etudiant_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.ssptetudiant a:hover{background-position: 0 -99px;}
.ssptemploye a{ display:block; width:237px; height:99px; background:url(interface/btn_sspt_employe_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.ssptemploye a:hover{background-position: 0 -99px;}

.spacivites a{ display:block; width:237px; height:99px; background:url(interface/btn_activites_pedagogiques_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.spacivites a:hover{background-position: 0 -99px;}
.spenseigner a{ display:block; width:237px; height:99px; background:url(interface/btn_enseigner_uqtr_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.spenseigner a:hover{background-position: 0 -99px;}
.spdocumentsprof a{ display:block; width:237px; height:99px; background:url(interface/btn_sp_documents_prof_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.spdocumentsprof a:hover{background-position: 0 -99px;}
.spdocumentscharge a{ display:block; width:237px; height:99px; background:url(interface/btn_sp_documents_charge_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.spdocumentscharge a:hover{background-position: 0 -99px;}

.mediaexperts a{ display:block; width:237px; height:99px; background:url(interface/btn_media_experts_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.mediaexperts a:hover{background-position: 0 -99px;}
.mediapresse a{ display:block; width:237px; height:99px; background:url(interface/btn_media_presse_grand2.png) 0 0 repeat-y; float:left; margin-left:5px;}
.mediapresse a:hover{background-position: 0 -99px;}

/* 
	-------------------- Document disponibles ---------------
	---------------------------------------------------------
*/
.zonedocument {
	float:right;
	/*margin-top:10px;*/
}

.zonedocument p{
	line-height:14px;
}

.zonedocument a:link, .zonedocument a:active, .zonedocument a:visited{
	color:#555;
	text-decoration:none;
}

.zonedocument a:hover {
	color:#000;
	text-decoration:underline;
}

/* Les entêtes --------- */

.documenttete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_docdispo.png) no-repeat;
}

.aconsultetete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_aconsulte.png) no-repeat;
}

.informationtete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_information.png) no-repeat;
}

.formulairetete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_formulaires.png) no-repeat;
}

.unitetete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_uniteadministrative.png) no-repeat;
}

.nouveauxprogtete{ 
	width:246px;
	height:54px;
	background:url(interface/tete_nouveauxprogrammes.png) no-repeat;
}


.portaildiplomestete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_portail_diplomes.png) no-repeat;
}

.calendrieractivitestete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_calendrier.png) no-repeat;
}

.programmesetudestete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_programmes_etudes.png) no-repeat;
}


.archivestete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_archives.png) no-repeat;
}

#archivesboite{ 
	width:750px;
	height:38px;
	margin-bottom:8px;
	background:url(interface/tete_archives_02.png) no-repeat;
}
.vpn0tete{ 
	width:246px;
	height:30px;
	background:url(interface/tete_vpn0.png) no-repeat;
}

.vpn1tete{ 
	width:246px;
	height:30px;
	background:url(interface/tete_vpn1.png) no-repeat;
}


.connexiontete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_connexion_num_courant.png) no-repeat;
}

.horairetete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_horaire.png) no-repeat;
}

.executabletete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_fichier_telecharger.png) no-repeat;
}


.decisionstete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_decisions_instances.png) no-repeat;
}


.stagespostdoctorauxtete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_stages_postdoctoraux.png) no-repeat;
}

.nouveauxreglementstete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_nouveaux_reglements.png) no-repeat;
}

.moodletete{ 
	width:246px;
	height:34px;
	background:url(interface/tete_moodle.png) no-repeat;
}


/* ------------------- */

.documentcontenu{
	width:226px;
	margin-bottom:8px;
	padding:4px 9px;
	font-size:11px;
	line-height:14px;
	background:#fff url(interface/onglet_bg.png) repeat-x;
	border:1px solid #c0c0c0;
	border-top:none;
}

.zonedocument ul{ 
	margin:5px 0 1px 18px;
	list-style-image:url(interface/ico_pdf.png);
}

.zonedocument li{
	margin:0 0 6px 0;
	text-decoration:none;
}

.zonedocument ul.documentlien li.word{ 
	list-style-image: url(interface/ico_word.png); 
}

.zonedocument ul.executable { 
	list-style-image: url(interface/ico_exe.png); 
}

/* 
	-------------------- Onglets ----------------------------
	---------------------------------------------------------
*/

.zone_onglet {
	float:right;
	margin:35px -3px 0 0;
}

.zone_onglet a:link, .zone_onglet a:active, .zone_onglet a:visited{
	color:#555;
	text-decoration:none;
}

.zone_onglet a:hover {
	color:#000;
	text-decoration:underline;
}

.onglet_contenu{
	width:226px;
	margin-bottom:8px;
	padding:2px 9px 0 9px;
	font-size:11px;
	line-height:18px;
	background:#fff url(interface/onglet_bg.png) repeat-x;
	border:1px solid #c0c0c0;
	border-top:none;
}

.onglet_contenu ul{
	margin: 4px 0 10px 18px;
	list-style-image:url(interface/puce_onglet1.png);
}

.onglet_contenu li{
	text-decoration:none;
	line-height:normal;
	margin:7px 0;
}


#ongletContenu2 a{
	color:#679d00;
	text-decoration:underline;
}

#ongletContenu2 a:hover{
	color:#88ba00;
	text-decoration:none;
}

.pucefermee{ list-style-image:url(interface/puce_onglet1.png);  }
.puceouverte{ list-style-image:url(interface/puce_onglet1_ouvert.png); }

.puceplus{ list-style-image:url(interface/puce_plus.png);  }
.pucemoin{ list-style-image:url(interface/puce_moin.png); }


/* Puce pour la zone de docuement qui ouvre */
.pucefermeebleu{ list-style-image:url(interface/puce_onglet1_bleu.png);  }
.puceouvertebleu{ list-style-image:url(interface/puce_onglet1_ouvert_bleu.png); }



.onglet_contenu ul.fleche li.nouveau{ 
	list-style-image: url(interface/ico_nouveau.png); 
	text-decoration:none;
}

ul.fleche2{
	margin: 8px 0 15px 6px;
	text-decoration:none;
	list-style-image:url(interface/puce_onglet2.png);
}

ul.fleche2 li{
	margin: 2px 0 6px 4px;
}

.tab{width:250px;height:36px;cursor:pointer;}
.tab1On{  width:123px;  height:42px;  float:left;  background:url(interface/onglet1on.png); }
.tab1Off{ width:123px;  height:42px;  float:left;  background:url(interface/onglet1off.png); }
.tab2On{  width:123px;  height:42px;  float:left;  background:url(interface/onglet2on.png); }
.tab2Off{ width:123px;  height:42px;  float:left;  background:url(interface/onglet2off.png); }


/* 
	-------------------- LIEN SEULEMENT ---------------------
	---------------------------------------------------------
*/

.zone_lienseulement {float:right; margin-top:35px;}
.lienseulementtete {width:246px;height:36px;background:url(interface/onglet_tete_lien.png) no-repeat;}
.zone_lienseulement a:link, .zone_lienseulement a:active, .zone_lienseulement a:visited{color:#555;text-decoration:none;}
.zone_lienseulement a:hover {color:#000;text-decoration:underline;}


/* 
	-------------------- CONTACT SEULEMENT ---------------------
	---------------------------------------------------------
*/

.zone_contactseulement {float:right; margin-top:35px;}
.zone_contactseulement2 {float:right;}
.zone_contactseulement_accordion {float:right;}
.contactseulementtete {width:246px;height:42px;background:url(interface/onglet_tete_contact.png) 0 0 no-repeat;}
.contactcontenu {display:block; width:226px; padding:2px 9px 0 9px; margin-bottom:8px; font-size:11px; line-height:18px; background:#fff url(interface/bg_contact.png) 0 0 repeat-x; border:1px solid #c0c0c0; border-top:none; overflow:hidden;}
.contactcol1{float:left;width:113px;}
.contactcol2{float:left;width:113px;}

/* 
	-------------------- PLUS DE DÉTAILS ---------------------
	----------------------------------------------------------
*/

.plusdetails {display:block;clear:both;width:246px;height:24px;background:url(interface/onglet_plusdetails.png) 0 0 no-repeat;margin:0 0 0 -10px;}
.plusdetails a {display:block;margin-left:12px;padding-top:7px;width:104px;height:11px;}


/* 
	-------------------- Index ------------------------------
	---------------------------------------------------------
*/

#diaporama{ background:url(interface/bg_diaporama.png) no-repeat; width:521px; height:351; padding:10px; }
#commmunications{ float:left; width:540px; overflow:hidden; }

/* 
	-------------------- Menu communications ----------------
	---------------------------------------------------------
*/

#btncommunications{ width:537px; height:28px; margin:5px 0 30px 2px;}

.btncomm{list-style:none;}
.btncomm a{ display:block; height:0; padding-top:28px; overflow:hidden; background:url(interface/bg_communications.png) no-repeat; }
.btncomm li { display:inline; position:relative; float:left; }

#commnouvelles a{ width:199px; background-position: 0 0; } #commnouvelles a:hover { background-position: 0 -28px; }
#commevenements a{ width:224px; background-position: -199px 0; } #commevenements a:hover { background-position: -199px -28px; }
#commrss a{ width:114px; background-position: -423px 0; } #commrss a:hover { background-position: -423px -28px; }

/* 
	-------------------- Zone promotions --------------------
	---------------------------------------------------------
*/

#zonepromo{ width:225px; float:right; margin-right:7px;}
#zonepromo a { color:#555; text-decoration:none;}
#zonepromo a:hover { color:#333; text-decoration:underline; }

/* 
	-------------------- RSS sur la page d'accueil ----------
	Toutes les classes se génèrent seule dans le HTML -------
	---------------------------------------------------------
*/


.blocRSS{ width:224px; margin-bottom:15px; }
.enteteRSS { display:block;height:35px;background:url(interface/boite_evenement_entete.png) no-repeat; }
.enteteRSS a{ display:none; }
.contenuRSS { display:block;background:url(interface/boite_evenement_contenu.png) repeat-y; padding:7px 15px; font-size:11px; }
.lienItemRSS{ background:url(interface/puce_evenements.png) 0 6px no-repeat; padding:3px 5px 3px 10px; }
.piedRSS{ display:block;height:6px;background:url(interface/boite_evenement_pied.png); }


/* 
	-------------------- Backup pour autres RSS -------------
	---------------------------------------------------------
*/


#boiteevenement{width:224px;margin-bottom:15px;}
#boiteevenement .entete{display:block;height:35px;background:url(interface/boite_evenement_entete.png) no-repeat;}
#boiteevenement .contenu{display:block;background:url(interface/boite_evenement_contenu.png) repeat-y; padding:7px 20px; font-size:11px;}
#boiteevenement .pied{display:block;height:6px;background:url(interface/boite_evenement_pied.png) repeat-y;}
#boiteevenement ul { font-size:11px; margin-left:15px; }
#boiteevenement li { list-style-image: url(interface/puce_evenements.png); margin-bottom:8px; }



/* 
	-------------------- Titres SIFR ------------------------
	---------------------------------------------------------
*/

.sIFR-active h1, .sIFR-active h2, .sIFR-active h3, .sIFR-active h4{visibility:hidden;font-family:Verdana, Geneva, sans-serif;}



/* 
	-------------------- Formulaires ------------------------
	---------------------------------------------------------
*/

input, select, textarea{ padding:4px; border:1px solid #9A978C ; color:#555; font-size:11px; font-family:Verdana, Geneva, sans-serif; }
input[type=radio], input[type=radio]:focus { padding:0; border:none; }
input:focus, textarea:focus, select:focus{ padding:4px; border:1px solid #323232; color:#555; background:#EFEFEF; }
.checkbox, .checkbox:focus {border:none;} 

a.bouton {
    background: url(interface/bg_bouton_formulaire_a.png) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 35px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
}

a.bouton span {
    background: url(interface/bg_bouton_formulaire_span.png) no-repeat;
    display: block;
    line-height: 25px;
    padding: 5px 0 5px 18px;
} 

a.bouton:active {
    background-position: bottom right;
    color: #EBEBEB;
    outline: none; /* hide dotted outline in Firefox */
}

a.bouton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.bouton:hover {
	color:#EBEBEB;
}

a.bouton:hover span {
	color:#EBEBEB;
}




.champsrecherche{
	padding:4px;
	font-size:14px;
}

.champsrecherche:focus{
	border: 1px solid #000;
}

.fondbleumarin{
	background-color:#373F4A;
}

.fonddegradepale{
	background:url(interface/bg_entete_tableau.png) repeat-x;
	border:1px #cfcfcf solid;
}

.fonddegradegris{
	background:url(interface/bg_entete_tableau_gris.png) repeat-x;
	border:1px #cfcfcf solid;
}

.fondtr{
	background-color: #E9ECED;
}

.fondpale td{
	background-color: #F7F7F7;
}

.tableau {border-collapse:collapse; margin:0 0 8px 0;}
.tableau table{border-collapse:collapse;}
.tableau th{background:url(interface/bg_entete_tableau.jpg) bottom #f2f3f4; border:1px solid #cfcfcf; padding:3px 7px;}
.tableau td{border:1px solid #ccc; padding:3px 7px; }
.tableau tr{border:1px #cfcfcf solid;}

.tableau2 table{border-collapse:collapse;}
.tableau2 td{padding:7px;}
.tableau2 tr{border:1px #E7E7E7 solid;}


.tableau3 table{border-collapse:collapse;}
.tableau3 table a{text-decoration:underline;}

.tableau3 tr th{
	background:url(/Gsc/Site_institutionnel/bg_entete_tableau.png) bottom repeat-x #f2f3f4; 
	padding:10px 5px;  
	border: 1px solid #d4d8db;
	text-align:left;
}

.tableau3 td{padding:4px 7px;  border: 1px solid #d4d8db;}
.tableau3 tr {border:1px #E7E7E7 solid;}


table.tableauinst {border-collapse:collapse;}
table.tableauinst a{text-decoration:underline;}

table.tableauinst tr th{
	background:url(/Gsc/Site_institutionnel/bg_entete_tableau.png) bottom repeat-x #f2f3f4; 
	padding:10px 5px;  
	border: 1px solid #d4d8db;
	text-align:left;
}

table.tableauinst td {padding:4px 7px;  border: 1px solid #d4d8db;}
table.tableauinst tr {border:1px #E7E7E7 solid;}



/* 
	------------- Bottin résultat de recherche --------------
	---------------------------------------------------------
*/

.tableauresultats table{border-collapse:collapse; background:#fff;}
.tableauresultats td{padding:7px;}
.tableauresultats tr{border:1px #E7E7E7 solid;}

/* 
	------------- Bottin résultat de recherche --------------
	---------------------------------------------------------
*/

.tableauunite table{border-collapse:collapse; background:#fff;}
.tableauunite td{padding:5px;}
.tableauunite tr{border:1px #E7E7E7 solid;}

/* 
	-------------------- Classes diverses -------------------
	---------------------------------------------------------
*/

.texte10{font-size:10px;}
.texte11{font-size:11px; line-height:1.3em;}
.texteblanc{color:#fff;}
.textegris{color:#7c7d7e;}
.textevert{color:#cadd80;}
.texterouge{color:red;}
.justifie{ text-align:justify;}
.citation{
	display:block;
	padding:0 40px;
	margin:20px 0;
	line-height:18px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

.gauche{float:left;}
.margedroite{ margin-right:10px;}
.margehaut{ margin-top:10px;}
.margebas{ margin-bottom:10px;}
.margebas5{ display:block; margin-bottom:5px;}
.centre{text-align:center;}
.clear{ clear:both;}
.msginformation {
    display:block;
    background-color:#F7F7F7;
    background-image:url(interface/avertissement_neutre.png);
    background-repeat:no-repeat;
    background-position:left;
    padding:10px 10px 10px 55px;
    border:1px #BDBDBD solid;
    color: #4d4d4d;
    font-weight: normal;
}
.titreparagraphe{
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-0.01em;
	color: #365300;
}


#panne {
	background-color:#C00;
	color:white;
	font-weight:bold;
	padding:10px;
	}

/* 
	-------------------- Onglet CSS ----------------------------------
	------------------------------------------------------------------
*/



/* CONTENU -------------------------------------- */

#contenudroit_ongletCSS{width:784px; float:left; margin:10px 0 0 15px; }
#contenu_ongletCSS{width:750px; float:left; padding:10px;background:url(interface/bg_blocinfog_onglet.png) no-repeat;}
.contenucol1_ongletCSS{float:left;width:492px;display:block;overflow:hidden;padding:5px 0 0 0;}
.contenucol1_seul_ongletCSS{float:left;width:750px;display:block;overflow:hidden;padding:5px 0 0 0;}
.contenucol2_ongletCSS{float:left;width:258px;display:block;overflow:hidden;padding:5px 0 0 0;}


/* ONGLETS -------------------------------------- */

#ongletCSS {width:770px;float:left;font-size:10px;text-transform:uppercase;text-align:center;font-weight:bold;background:url("interface/ongletCSS_bg.png") repeat-x bottom;}
#ongletCSS ul {list-style:none;}
#ongletCSS li {float:left;background:url("interface/onglet_gauche.png") no-repeat left top;padding:0 0 0 9px;}
#ongletCSS a {float:left;display:block;background:url("interface/onglet_droit.png") no-repeat right top;padding:5px 15px 4px 6px;margin-right:2px;text-decoration:none;color:#555;}
  
/* IE5-Mac \*/
#ongletCSS a {float:none;}
/* End IE5-Mac hack */

#ongletCSS a:hover {color:#000;}
#ongletCSS #actif {background-image:url("interface/onglet_gauche_on.png");}
#ongletCSS #actif a {background-image:url("interface/onglet_droit_on.png");color:#333;padding-bottom:5px;}
  
  


/* Actualités ------------------------------------------------------------------ */

.titrerss{
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin:15px 0 0 0;
	color:#555;
	text-transform:uppercase;
	background:url(interface/puce_fleche_orange.png) no-repeat;
	padding:0 0 0 20px;
}

.titrerss a{color:#555; text-decoration:underline;}
.titrerss a:active{color:#fff;background:#333;text-decoration:none;}
.titrerss a:hover{color:#fff;background:#333;text-decoration:none;}
.descriptionrss{padding:5px 0 5px 20px;color: #555;line-height:18px;font-size:12px;}
.pubDaterss{font-size:12px;color:#999;}


/* Boîte chroniques spécialisées ---------- */

#boitechroniques{width:246px; float:right; margin-bottom:8px;}
#boitechroniques .entete{width:246px; height:42px; background:url(interface/chroniques_spec_entete.png) no-repeat;}
#boitechroniques .contenu{ padding:7px; border:1px #e5e5d2 solid; border-top:none;}
#boitechroniques .titrerss{font-size: 11px; font-weight: bold; text-transform:uppercase; margin:5px 0; padding:0 0 0 20px; background:url(interface/puce_fleche_orange.png) no-repeat; }
#boitechroniques .titrerss a{ text-decoration:underline;}
#boitechroniques .titrerss a:active{color:#fff;background:#333;text-decoration:none;}
#boitechroniques .titrerss a:hover{color:#fff;background:#333;text-decoration:none;}
#boitechroniques .descriptionrss{ font-size:10px; line-height:12px;}


/* Boîte calendrier des événements ---------- */

#boitecalendrier{width:246px; float:right; margin-bottom:8px;}
#boitecalendrier .entete{width:246px; height:42px; background:url(interface/tete_calendrier_evenements.png) no-repeat;}
#boitecalendrier .contenu{ padding:7px; border:1px #e5e5d2 solid; border-top:none;}
#boitecalendrier .titrerss{font-size: 11px; font-weight: bold; text-transform:uppercase; margin:5px 0; padding:0 0 0 20px; background:url(interface/puce_fleche_orange.png) no-repeat; }
#boitecalendrier .titrerss a{ text-decoration:underline;}
#boitecalendrier .titrerss a:active{color:#fff;background:#333;text-decoration:none;}
#boitecalendrier .titrerss a:hover{color:#fff;background:#333;text-decoration:none;}
#boitecalendrier .descriptionrss{ font-size:10px; line-height:12px;}


/* Boîte Actualiés ---------- */

#boiteactualites{width:246px; float:right; margin-bottom:8px;}
#boiteactualites .entete{width:246px; height:34px; background:url(interface/tete_actualites.png) no-repeat;}
#boiteactualites .contenu{ padding:5px 7px; border:1px #c0c0c0 solid; border-top:none; background:#fff url(interface/onglet_bg.png) repeat-x;}
#boiteactualites .titrerss{font-size: 11px; text-transform:none; margin:5px 0; font-weight:normal; padding:0 0 0 20px; background:url(interface/puce_fleche_orange.png) no-repeat; }
#boiteactualites .titrerss a{ text-decoration:none;}
#boiteactualites .descriptionrss{ display:none;}



/* Introduction au RSS ---------- */
#boitechroniques .introrss{width:246px; height:42px; background:url(interface/tete_intro_rss.png) no-repeat;}
#boitechroniques .contenurss{ padding:7px; border:1px #e5e5d2 solid; border-top:none; font-size:11px;}




/* Validation formulaire ------------------------------------------------------------------ */


input.disabled {border: 1px dotted #F2F2F2;background-color: #F2F2F2;}
/*input.required, textarea.required {border: 1px solid #00A8E6;}*/
input.validation-failed, textarea.validation-failed {border: 1px dotted #FF3300;}
/*input.validation-passed, textarea.validation-passed {border: 1px dotted #00CC00;}*/

.validation-advice {
	width:300px;
	margin: 5px 0;
	padding: 10px 5px 10px 36px;
	background:url(interface/fleche_erreur.png) #FFAAAC no-repeat 7px 7px ;
	border:1px #CC0000 dotted;
	color:#333333;

}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}



/* Panne */
#zonepanne { width:537px; height:27px; margin: 0;padding: 0; background: url(interface/avertissement_panne.png) no-repeat; }
#zonepanne a {height:0; padding-top:27px;display:block; overflow:hidden; }
#zonepanne li {display:inline; position:relative; float:left;}
#zonepanne li:hover > ul {display: block;}
#zonepanne ul { top:27px; position:absolute; display:none; margin: 0; padding: 0;}
#zonepanne ul li { width:515px; margin: 0; padding:10px; border:1px solid #900; background:#C00; color:#FFF; font-size:11px;}

#msgpanne a{ width:515px; background-position: 0 0; }
#msgpanne a:hover { background-position: 0 -27px; }
#msgpanne p{line-height:14px;}


/* Panne */
#zonemsgimportant { width:537px; height:27px; margin: 0;padding: 0; background: url(interface/avertissement_message.png) no-repeat; }
#zonemsgimportant a {height:0; padding-top:27px;display:block; overflow:hidden; }
#zonemsgimportant li {display:inline; position:relative; float:left;}
#zonemsgimportant li:hover > ul {display: block;}
#zonemsgimportant ul { top:27px; position:absolute; display:none; margin: 0; padding: 0;}
#zonemsgimportant ul li { width:515px; margin: 0; padding:10px; border:1px solid #003600; background:#005501; color:#FFF; font-size:11px;}

#msgimportant a{ width:515px; background-position: 0 0; }
#msgimportant a:hover { background-position: 0 -27px; }
#msgimportant p{line-height:14px;}