@charset "utf-8";
/*
  Bienvenue à l'Université du Québec a Trois-Rivières (UQTR)
  THEME: Site institutionnel
  AUTHOR: Marc Bernier / Louise Héroux © UQTR 2009-2015 
  AUTHOR URI: http://turbo.uqtr.ca
  DESCRIPTION: Modèle de base pour le site institutionnel
  LICENSE: GNU General Public License v2 or later
  LICENSE URI: http://www.gnu.org/licenses/gpl-2.0.html

  VERSION: 1.3.1
  
  DERNIERES MISES A JOUR:

	  - 2018-07-12 - Google search CSE.
    - 2017-08-09 - Page diplômés. Styles ajoutes au bas de cette feuille.
    - 2015-12-01 - Page International. Styles ajoutes au bas de cette feuille.
    - 2015-11-24 - Page Recherche et creation. Styles ajoutes au bas de cette feuille.
    - 2015-09-29 - Page Futurs Etudiants. Styles ajoutes au bas de cette feuille. 
    - 2014-01-07 - Lecteur RSS FeedEk.js.
    - 2014-01-07 - Acces Direct -  modal.js et classes .md-XXX dans cette feuille de style.
  
  NOTES:
  - SUPPRIMER l'ancien lecteur RSS Simple_Rss_Viewer.js et tout ce qui concerne le lecteur.
  
  MODIFS:
  - Modification de la classe "bouton" ligne 920.
    
*/


* { 
  margin: 0; 
  padding: 0; 
}

body { 
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #f1f5f8;
  background-image: url("interface/bg.png");
  background-repeat: repeat-x;
}

h1, h2, h3, h4 {
  font-family: 'Open sans', Helvetica, Arial, sans-serif;
  text-transform: uppercase; 
 /* color: #333;*/
}
h1 {
  font-size: 26px;
  font-weight: 400;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 12px;
}
h5 {
  font-size: 12px;
  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;
}
.p20 {
  padding: 20px !important;
}
.m10 {
  margin: 10px !important;
}

img {border:0;}

.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.flecheverte {
  margin: 5px 0 5px 25px;
  list-style-image: url(interface/fleche_verte.png);
  font-size: 15px;
}
.flecheverte li {
  padding: 2px 0;
  margin-bottom: 4px;
}
.flecheverte li a {
  color: #009c50;
}
.flecheverte li a:hover {
  color: #000;
}

ol {margin: 8px 0 5px 30px;}

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


/* utilisé dans secretariat general fev.2014 LH */
ul.pdf-sg {
  margin: 10px 10px 30px 30px;
  list-style-image: url(interface/ico_pdf.png);
} 
.texterepere1 {
	display:block;
	padding:5px 10px;
	background-color:#c1c1c1;
}
.texterepere2 {
	display:block;
	padding:8px 10px;
	color:#fff;
	background-color:#c33;
}

.pdf-sg li { padding: 4px 0; margin-bottom: 12px; font-weight:bold; }
.pdf-sg li a { color:#747474; text-decoration:none; }
.pdf-sg li a:hover { color:#6C3; text-decoration:underline; }
a.resolution {color:#d64c2a !important;font-weight:normal !important; background: url("interface/puce_flecherouge.png") 0 4px no-repeat; padding-left:16px;}

.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 ul.flecherouge li {
  line-height: 16px;
}
.zonedocument ul.flecherouge li.nouveau {
  list-style-image: url("interface/ico_nouveau.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;}
li .formenligne	{background:url("interface/ico_lien_externe.png") no-repeat;}

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




/* ----------------------- 
  Page Accueil
----------------------- */


/* --- Modal pour Accès direct --- */

.md-modal {
  position: fixed;
  left: 50%;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
					
}

.md-wrapper {
  position: relative;
  left: -50%;
  width: 860px;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 1000;
	filter: alpha(opacity=0);
          -moz-opacity: 0;
        -khtml-opacity: 0;
               opacity: 0;
	background-color: rgba(0, 0, 0, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000); 
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
			    transition: all 0.3s;
}

.md-show ~ .md-overlay {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000), alpha(opacity=80);
          -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
               opacity: 0.8;
	visibility: visible;
}



/* ----- Contenu du modal ----- */

.md-content {
	position: relative;
	margin: 0 auto;
	padding: 10px 40px;
	overflow: hidden;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #111;
	background: #fafafa;
}

.md-content h3 { margin: 20px 0 10px; font-size: 17px; font-weight: 300; letter-spacing: 0.5px; }
.md-content .row { clear: both !important; overflow: hidden; }
.md-content .important { font-size: 14px; font-weight: 700; }

.md-content ul {
  list-style: none;
  width:32.6666666667%;
  float: left;
  margin-right: 1%;
  padding: 0;
}
.md-content ul.last { margin-right: 0; }

.md-content ul li { margin: 8px 0; }

.md-content ul li a {
	padding-bottom: 0;
	color: #111 !important;
	text-decoration: none;
	border-bottom: 1px solid #DADADA;
}
.md-content ul li a:hover { color: #E55050 !important; }

.md-content a.md-close {
	width: 36px;
	display: block;
	margin: 20px auto 10px auto;
	padding: 7px 0;
	border: none;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	color: #fafafa;
	background: #333;

}
.md-content a.md-close:hover  { background: #CB4F47; color: #fff; }


/* Modal slide and stick to top */
.md-effect {
	top: 0;
}

.md-effect .md-content {
	-webkit-transform: translateY(-200%);
     -moz-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
          transform: translateY(-200%);
	-webkit-transition: all .3s;
     -moz-transition: all .3s;
          transition: all .3s;
	opacity: 0;
}

.md-show.md-effect .md-content {
	-webkit-transform: translateY(0%);
     -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
	border-radius: 0 0 3px 3px;
	opacity: 1;
}

/* Bouton Accès direct (dans index) */

button.md-trigger {
	display: block;
	width: 160px;
	height: 30px;
	float: left;
	padding-left: 15px;
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 13px;
	text-align: left;
	color: #fff !IMPORTANT;
	background: #AB433C;
	border: none;
	outline: none;
	cursor: pointer;
	clear: both;
}

button.md-trigger:hover {
	background: #CB4F47;
}


/* --- ZONE DIAPORAMA CENTRE --- */
#diaporama { 
  width: 521px;
  height: 351px;
  padding: 10px;
  background: url("interface/bg_diaporama.png") no-repeat;  
}
#commmunications { 
  float:left; 
  width: 540px; 
  overflow: hidden; 
 }
#commmunications .zonepromocentre {
  display: block;
  width: 100%;
  height: 120px;
  clear: both;
  overflow: hidden;
}
#commmunications .zonepromocentre a {
  width: 260px;
  height: 120px;
}
#commmunications .zonepromocentre a.promogauche {
  float: left;
}
#commmunications .zonepromocentre a.promodroite {
  float: right;
}
#zonepromo { 
  width: 220px; 
  float: right; 
  margin-right: 10px; 
}
#zonepromo a {
  display: block;
  overflow: hidden;
}
#zonepromo img { 
  margin-bottom: 5px;
}

#aluqtr { width: 537px; margin: 5px 0 30px 2px; font-family: 'Open Sans', sans-serif; }
#aluqtr .entetealuqtr { display: block; margin: 0 0 5px 0; }
#aluqtr .titre { font-size: 14px; font-weight: 700; text-transform: uppercase; }
#aluqtr .soustitre { font-size: 12px; }

.texte-entete a { color: #FD5252 !important; text-decoration: none; }
.texte-entete a:hover { color: #C91926 !important;  }

/* --- Evenements - Accueil --- */
#boitecalendrier2 { width: 220px; float: right; margin: 0 0 6px 0; font-family: 'Open Sans', sans-serif; }
#boitecalendrier2 .entete { display: block; line-height: 30px; background: #423f40; border: 1px solid #383536; font-size: 13px; font-weight: 300; text-transform: uppercase; color: #fff; text-align: center; }
#boitecalendrier2 .entete a { display: block; background: #44494a; text-decoration: none; color: #E9E9E9; }
#boitecalendrier2 .entete a:hover { background: #222; text-decoration: none; color: #fff; }
#boitecalendrier2 .contenu { border: 1px #ddd solid; border-top: none; }
#boitecalendrier2 .titrerss { font-size: 13px; padding: 5px; border-bottom: 1px #ddd solid; }
#boitecalendrier2 .titrerss:hover { background: #eee; color: #000; }
#boitecalendrier2 .titrerss a { display: block; color: #222; text-decoration: none; }
#boitecalendrier2 .descriptionrss { display: none; }
#boitecalendrier2 .ajout a { width:218px; display:block; margin-top:5px; padding:3px 0; background:#F0F0F0; border:1px solid #ddd; font-size:13px; color:#555; text-decoration:none; vertical-align:top;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#boitecalendrier2 .ajout a:hover { color: #eee; background: #444; }
#boitecalendrier2 .ajout span { font-weight:900; padding:0 10px; font-size:24px;  color:#CD5C5C; vertical-align:top; float: left; }


/* Feed EK - Desuet ne fonctionne plus avec Google rss  */
/*
#boitecalendrier2 .feedEkList 							{ list-style: none; }
#boitecalendrier2 .feedEkList li						{ border-bottom: 1px solid #ddd; }
#boitecalendrier2 .feedEkList li:hover 			{ background: #EBEBEB; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#boitecalendrier2 .feedEkList li:last-child { border-bottom: none; }

#boitecalendrier2 .feedEkList .itemTitle a 				{ display: block; padding: 5px; font-size: 13px; color: #222; text-decoration: none; }
#boitecalendrier2 .feedEkList .itemTitle a:hover 	{ color: #000; }
*/



/* ========================================================================================================== */
/* --- STRUCTURE DE PAGE --- */
/* ========================================================================================================== */

#entete { 
  width:960px; 
  margin:0 auto; 
  font-size: 11px;
}
#page { 
  width: 960px;
  margin: 0 auto;
  background: #fafafa; 
  overflow: hidden;
  clear: both; 
}
#contenu { 
  width:960px; 
  overflow: hidden; 
}
#menugauche { 
  width: 160px; 
  float: left; 
  margin-bottom: 15px;
}
#contenudroit	{ 
  width: 784px;
  min-height: 570px;
  float: left; 
  margin: 10px 0 20px 15px; 
}
.pucetrace { 
  width: 6px; 
  height: 10px; 
  padding-left: 18px; 
  background: url(../interface/puce_trace.png) 7px 3px no-repeat;
}	

/* Box Shadow */
#enteteuqtr,
#page {
  -webkit-box-shadow: inset 0 0 0 1px #ddd, 0 2px 30px -3px rgba(0,0,0,0.1);
          box-shadow: inset 0 0 0 1px #ddd, 0 2px 30px -3px rgba(0,0,0,0.1);
}
#piedpageuqtr {
  -webkit-box-shadow: inset 0 -2px 0 1px #ddd, 0 2px 30px -3px rgba(0,0,0,0.1);
          box-shadow: inset 0 -2px 0 1px #ddd, 0 2px 30px -3px rgba(0,0,0,0.1);
}




/* --- STRUCTURE CONTENU CENTRE --- */

.contenucol1,
.contenucol2,
.contenucolonne { 
	float: left;
	display: block;
	overflow: hidden;
}
.contenucol1		{ width:509px; }
.contenucol2		{ width:261px; }
.contenucolonne	{ width:779px; }



/* Blocs du centre */

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

/* grand */
.blocinfograndligne, 
.blocinfogrand 				{ width: 750px; float: left; padding: 10px; }
.blocinfograndligne 	{ background: url("interface/bg_blocinfogligne.png") no-repeat; } /* avec ligne */
.blocinfogrand 				{ background: url("interface/bg_blocinfog.png") no-repeat; } /* sans ligne */
.blocinfogrand table a {
  font-size: 13px;
  line-height: normal;
}


/* Boutons de promotion de 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; }

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

.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 { 
  float: right; 
  width: 246px; 
  height: 60px; 
  margin-bottom: 8px; 
  background: url("interface/btn_admission_ligne_02.png") 0 0 no-repeat;   
}
/*
.admissionenligne a:hover { 
  background-position: 0 -46px;
}
*/
/* Validation Admission */
.admissionvalidation a { 
  float: right; 
  width: 246px; 
  height: 60px; 
  margin-bottom: 8px; 
  background: url("interface/btn_etapes_admission.png") 0 0 no-repeat;   
}


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

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

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


/* Diplômé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; }

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

.genie45ans a{ display:block; width:246px; height:200px; background:url(interface/btn_retrouvailles_genie45ans.jpg) 0 0 no-repeat; float:right; margin-bottom:8px;}

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

.circuit a{ display:block; width:246px; height:123px; background:url(interface/btn_circuit_2016.jpg) 0 0 no-repeat; float:right; margin-bottom:8px;}



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

.facebookdiplomeGuide a{ display:block; width:246px; height:35px; background:url(diplome/btn_facebook.png) 0 0 no-repeat; float:right; margin:10px -10px 8px;}
.facebookdiplomeGuide 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:70px; background:url(interface/btn_entete.png) 0 0 no-repeat; float:right; margin-bottom:8px;}
.enteteenligne a:hover{ background-position:0 -70px;}

.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;}
.serviceauxetudiants a{ display:block; width:237px; height:99px; background:url(interface/btn_sae_grand.png) 0 0 repeat-y; float:left; margin-left:5px;}
.serviceauxetudiants 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; 
}
.zonedocument p	{ 
  line-height: normal; 
}
.zonedocument a:link, 
.zonedocument a:active, 
.zonedocument a:visited {
  font-size: 13px;
  color: #111;
  text-decoration: none;
}
.zonedocument a:hover {
  color: #000;
  text-decoration: underline;
}

/* Les entetes */
.documenttete,
.aconsultetete,
.informationtete,
.formulairetete,
.formulaireenlignetete,
.unitetete,
.portaildiplomestete,
.calendrieractivitestete,
.programmesetudestete,
.connexiontete,
.horairetete,
.executabletete,
.decisionstete,
.stagespostdoctorauxtete,
.nouveauxreglementstete,
.moodletete,
.comitedisciplinetete,
.siteavisitertete,
.liensutiles,
.modelesdententevises	{ 
	width: 246px; 
	height: 34px;
	background-repeat: no-repeat;
}

.documenttete							{ background: url("interface/tete_docdispo.png"); }
.aconsultetete						{ background: url("interface/tete_aconsulte.png"); }
.informationtete					{ background: url("interface/tete_information.png"); }
.formulairetete						{ background: url("interface/tete_formulaires.png"); }
.formulaireenlignetete		{ background: url("interface/tete_formulairesenligne.png"); }
.unitetete								{ background: url("interface/tete_uniteadministrative.png"); }
.portaildiplomestete			{ background: url("interface/tete_portail_diplomes.png"); }
.calendrieractivitestete	{ background: url("interface/tete_calendrier.png"); }
.programmesetudestete			{ background: url("interface/tete_programmes_etudes.png"); }
.connexiontete						{ background: url("interface/tete_connexion_num_courant.png"); }
.horairetete							{ background: url("interface/tete_horaire.png"); }
.executabletete						{ background: url("interface/tete_fichier_telecharger.png"); }
.decisionstete						{ background: url("interface/tete_decisions_instances.png"); }
.stagespostdoctorauxtete	{ background: url("interface/tete_stages_postdoctoraux.png"); }
.nouveauxreglementstete		{ background: url("interface/tete_nouveaux_reglements.png"); }
.moodletete								{ background: url("interface/tete_moodle.png"); }
.comitedisciplinetete			{ background: url("interface/tete_comite_discipline.png"); }
.siteavisitertete					{ background: url("interface/tete_site_a_visiter.png"); }
.modelesdententevises			{ background: url("interface/tete_modelesvises.png"); }
.liensutiles          		{ background: url("interface/tete_liens_utiles.png"); }

.nouveauxprogtete { width:246px; height:54px; background: url("interface/tete_nouveauxprogrammes.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;}

#archivesboite { 
	width: 750px;
	height: 38px;
	margin-bottom: 8px;
	background: url("interface/tete_archives_02.png") no-repeat;
}
.archivestete { width:246px; height:34px; background:url("interface/tete_archives.png") no-repeat;}

.documentcontenu{
  width: 226px;
  margin-bottom: 8px;
  padding: 4px 9px;
	font-size: 12px;
	line-height: 14px;
  background-color: #f3f3f3;
  background-image: linear-gradient(0deg, #fcfcfc 0%, #e5e3e3 100%);
	border: 1px solid #c0c0c0;
	border-top: none;
}

.zonedocument ul { 
	margin: 5px 0 2px 18px;
	list-style-image: url("interface/ico_pdf.png");
}
.zonedocument ul ul { 
	margin: 10px 0;
}
.zonedocument li {
	margin: 0 0 7px 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"); 
}

/*  ajout pour la liste des formulaires en ligne Secretariat general herouxl 27 fev. 2014 */

.zoneformulaire p	{line-height:14px; }
.zoneformulaire a:link, .zoneformulaire a:active, .zoneformulaire a:visited {text-decoration: none;}
.zoneformulaire a:hover {text-decoration: underline;}
.zoneformulaire ul { list-style-image: url("interface/ico_lien_externe.png"); margin: 5px 0 1px 18px; padding-left: 10px;}
.zoneformulaire ul.formulaireenligne li {padding:10px 0; border-bottom:1px solid #999; text-decoration:none}

.zonedocument ul.formulaireenligne{
	list-style-image: url("interface/ico_lien_externe.png");
}


/* --- ONGLETS --- */

.zone_onglet {
  float: right;
  margin: 35px -3px 0 0;
}
.zone_onglet a:link, 
.zone_onglet a:active, 
.zone_onglet a:visited {
  color: #111;
  text-decoration: none;
  letter-spacing: 0.01em;
}
.zone_onglet a:hover {
  color: #000;
  text-decoration: underline;
}
.onglet_contenu {
  width: 226px;
  margin-bottom: 8px;
  padding: 2px 9px 0 9px;
  font-size: 13px;
  line-height: 15px;
  background-color: #f3f3f3;
  background-image: linear-gradient(0deg, #fcfcfc 0%, #e5e3e3 100%);
  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 ul ul {
  margin: 10px 0;
}
.onglet_contenu li {
  text-decoration: none;
  line-height:normal;
  margin: 5px 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;}

/* Bouton plus de details */
.plusdetails a {
  display: block;
  clear: both;
  width: 246px;
  height: 24px;
  margin: 0 0 0 -10px;
  background: url("interface/onglet_plusdetails.png") 0 0 no-repeat;
}



/* ---------- Diporama pour la pages diplomes ---------- */
#diaporama_diplome	{ background: url("interface/bg_diaporama.png") no-repeat; width:489px; height:300px; padding:10px; }


/* Calendrier des événements - Pages secondaires */
#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:normal; margin:5px 0 0 0; padding:0 0 0 20px; background:url(interface/puce_fleche_orange.png) no-repeat; }
#boitecalendrier .titrerss a{ text-decoration:none;}
#boitecalendrier .titrerss a:active{ color:#555; background:none; text-decoration:underline;}
#boitecalendrier .titrerss a:hover{ color:#555; background:none; text-decoration:underline;}
#boitecalendrier .descriptionrss{ font-size:10px;}


/* RSS dans section Recherche */
#rss-recherche .titrerss{
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	margin:15px 0 0 0;
	color:#555;
	background:url(interface/puce_fleche_orange.png) no-repeat;
	padding:0 0 0 20px;
}

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

/* Boîte Actualités ( Dans les pages secondaires du site ) */
#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 uqtr.ca/rss  */
#boitechroniques { width:246px; clear: both; float: right; }
#boitechroniques .introrss { width:246px; height:42px; background:url("interface/tete_intro_rss.png"); }
#boitechroniques .contenurss { padding: 7px; border: 1px #e5e5d2 solid; border-top: none; font-size: 11px ; }

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



/* ============================================================== */
/* 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;} 




/* Boutons modifies le 2014-11-21  */
a.bouton {
  display: inline-block;
  outline: none;
  padding: 13px 18px;
  clear: both;
  white-space: nowrap;
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
         border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  background: #3F9B39;
  background: -webkit-gradient(linear, left top, left bottom, from(#63AD33), to(#3F9B39));
  background: -webkit-linear-gradient(top, #63AD33, #3F9B39);
     background: -moz-linear-gradient(top, #63AD33, #3F9B39);
      background: -ms-linear-gradient(top, #63AD33, #3F9B39);
       background: -o-linear-gradient(top, #63AD33, #3F9B39);
}
a.bouton:hover {
  background: #3F9B39;
  color: #ffffff;
}
a.bouton:active {
  background: #77BD49;
}



.champsrecherche{
	padding:4px;
	/*font-size:13px;*/
}
.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 repeat-x #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;}


table.tableauprogexcl 					{ border-collapse:collapse; margin:0 0 8px 0; font-size:11px; color:#555;}
table.tableauprogexcl table			{ border-collapse:collapse;}
table.tableauprogexcl th				{ background:url(interface/bg_entete_tableau.jpg) bottom repeat-x #f2f3f4; border:1px solid #c2c2c2; padding:3px 7px;}
table.tableauprogexcl td				{ border:1px solid #c2c2c2; padding:5px 7px; }
table.tableauprogexcl tr				{ border:1px #c2c2c2 solid;}
table.tableauprogexcl .seconde 	{ background:#E5EBED; }




/* ========================================================================================================== */
/* Bottin resultat de recherche / Fiche personnelle */
/* ========================================================================================================== */

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

.tableauunite table {
  width: 100%;
}

.tableau .tableauunite table.tableauunitelocal th {
  color: #eee;
  font-weight: bold;
  background: #363939;
}

.tableau .tableauunite table.tableauunitelocal td.tableauunitelocal-libelle {
  font-weight: bold;
  text-align: right;
}

.tableauunite table tr.entete {
  color: #eee;
  font-weight: bold;
  background-color: #363939;
}
.tableauunite table,
.tableau .tableauunite tr td {
  border: 0;
}
.tableauunite table tr {
  border-left: 0;
  border-right: 0;
  border-top : 0;
  border-bottom: 1px #E7E7E7 solid;
}
.fondtr {
  background: none;
}

.tableauunite table tr td.nom a {
  font-weight: bold;
}


/* Bottin  */
.tabbottin {
	    width: 100%;
	    margin: 10px auto;
	}
	table.tabbottin tr td {
	 display: block;
	 width: 290px !important;
	 margin: 0 auto;
	 padding: 0;
	 text-align: center !important;
   border:none;
	}
	table.tabbottin tr td input[type="text"],
	table.tabbottin tr td select {
    	display: block;
    	width: 100%;
    	max-width: 100%;
    	clear: both;
  	  	margin: 8px auto;
    	padding: 10px;
    	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: normal;
    	line-height: 16px;
    	color: #494950;
    	border: 1px solid #d1d1d1;
    	border-radius: 3px;
    	outline: none;
    	background-color: #fff;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	-webkit-transition: background 0.2s ease, border 0.2s ease;
    	transition: background 0.2s ease, border 0.2s ease;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	table.tabbottin tr td a.bouton {
		width: 100%;
    	box-sizing: border-box;
	}
.titreRechercher 	{ padding: 0 8px 0 0;}
.titrePrecisez 		{ padding: 0 8px 0 0;}
.tabbottin tr td.saviezvous {padding:2px 0 0 0;}

.tabbottinresultatsMOB {width:100%;}
.tabbottinresultatsMOB tr.txtgras {font-weight: bold;}

.tableau .tabbottinresultatsMOB th {
  color: #eee;
  font-weight: bold;
  background: #363939;
}

.tableau .tabbottinresultatsMOB tr {
  border-bottom: 1px #E7E7E7 solid;
}

.tableau .tabbottinresultatsMOB td {
  padding: 3px 7px;
  border: 0;
}

.tableau .tabbottin tr {
  border: 0;
}
.nbreResultats {
  font-weight: bold;
}
.critereRecherche {
  margin-bottom: 25px;
}
.blocinfogrand table a {
  font-size: 14px;
  line-height: normal;
}

@media screen and (max-width: 480px) {

	/* --- BOTTIN - FICHE PERSO --- */
/* Entete */
.tableauresultats h2 {
  display: block;
  width: 100%;
  padding: 15px 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #fafafa;
  letter-spacing: 0.02em;
  background-color: #313135;
}
/* Tableau */
table.tableauresultats.tabbottinficheMOB {
  width: 100%;
  margin-bottom: 40px;
  overflow-y: auto;
}
table.tableauresultats.tabbottinficheMOB strong {
  font-weight: 600;
}
table.tableauresultats.tabbottinficheMOB tr td {
  padding: 10px 6px;
  font-size: 13px;
  line-height: 1.3em;
  vertical-align: top;
  border: 0;
}

table.tableauresultats.tabbottinficheMOB tr td a {
  display: inline-block;
  max-width: 180px;
  color: #00A66A;
  font-weight: 600;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
table.tableauresultats.tabbottinficheMOB tr td a:active {
  color: #15d59b;
}
table.tableauresultats.tabbottinficheMOB tr td img {
  display: none;
}


table.tabbottinresultatsMOB {
  width: 100%;
  margin: -15px 0 0;
  padding: 0;
  overflow: hidden;
  line-height: 1em;
  background-color: #fff;
}
table.tabbottinresultatsMOB td {
  padding: 3px;
  vertical-align: middle;
  border-bottom: 1px solid #EAEAEA;
  text-align: left;
}
table.tabbottinresultatsMOB tr.txtgras td {
  font-weight: bold;
  background-color: #ddd;
}
table.tabbottinresultatsMOB td.poste {
  font-weight: bold;
  text-align: center;
  background-color: #fafafa;
}
table.tabbottinresultatsMOB .btndetails {
  float: right;
  vertical-align: middle;
}
table.tabbottinresultatsMOB a {
  text-decoration: none;
}

}
 
	
	
/* ========================================================================================================== */
/* Onglet CSS */
/* ========================================================================================================== */



/* Contenu */

#contenudroit_ongletCSS {
  width: 784px;
  min-height: 580px;
  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;
  margin: 10px 0 0 0;
  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;
}
  



/* Validation formulaire */
/* ========================================================================================================== */

input.disabled {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:#333;
}

.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 Mgs important */
#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; }


/* Panne Arret systeme */
#zonearretsysteme { 
	width: 540px; 
	height: 27px;
	margin-bottom: 3px;
/*	background: url("interface/avertissement_possible_arret_systeme.png") no-repeat;*/
  background: url("interface/avertissement_arret_systeme.png") no-repeat;
}
#zonearretsysteme a	{ 
  display: block;
  height: 0;
  padding-top: 27px;
  overflow: hidden;
}
/* Systemes */
#zonearretsysteme2 { 
	width: 540px; 
	height: 27px;
	margin-bottom: 3px;
	background: url("interface/avertissement_arret_systeme.png") no-repeat;
    /*background: url("interface/avertissement_message2.png") no-repeat;*/
}
/* Reseaux */
#zonearretsysteme3 { 
	width: 540px; 
	height: 27px;
	margin-bottom: 3px;
	background: url("interface/avertissement_possible_interruption_reseau.png") no-repeat;
    /*background: url("interface/avertissement_message2.png") no-repeat;*/
}
/* Telephonique */
#zonearretsysteme4 { 
	width: 540px; 
	height: 27px;
	margin-bottom: 3px;
	background: url("interface/avertissement_panne_service_telephonique.png") no-repeat;
}

#zonearretsysteme2 a,
#zonearretsysteme3 a,
#zonearretsysteme4 a {
  height: 0;
  padding-top: 27px;
  display: block;
  overflow: hidden;
}



/* Désuet */
#zonearretsysteme li {
  display: inline;
  position: relative;
  float: left;
}
#zonearretsysteme li:hover>ul {
  display: block;
}
#zonearretsysteme ul {
  top: 27px;
  position: absolute;
  display: none;
  margin: 0;
  padding: 0;
}
#zonearretsysteme ul li {
  width: 515px;
  margin: 0;
  padding: 10px;
  border: 1px solid #c03b06;
  background: #e34100;
  color: #FFF;
  font-size: 11px;
}
#msgarret a {
  width: 515px;
  background-position: 0 0;
}
#msgarret a:hover {
  background-position: 0 -27px;
}
#msgarret p {
  line-height: 14px;
}

/*
#zonearretsysteme {
  display: none;
}
*/

.msginformation2 {
  display: block;
  background-color: #F7F7F7;
  background-image: url("https://oraprdnt.uqtr.uquebec.ca/Gsc/Image/avertissement_neutre.png");
  background-repeat: no-repeat;
  background-position: left;
  padding: 10px 10px 10px 55px;
  border: 1px #BDBDBD solid;
  color: #4d4d4d;
  font-weight: normal;
}
.msginformation2 a {
  color: #4d4d4d;
}


/* ========================================== */
/* Depot de document - janvier 2013 - GSCW037 */
/* ========================================== */

.depotDocuments {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}
.depotDocuments > thead th {display:none;}
.depotDocuments > tbody td {padding: 0;}
.depotDocuments > tbody {border: none;}
.depotDocuments > tbody > tr:nth-child(even) {background-color: inherit;}
.depotDocuments th.taille {display:none;}
.depotDocuments th.depot {display:none;}
.depotDocuments th.note {display:none;}
.depotDocuments .repertoire:first-of-type {display:none;}
.depotDocuments .repertoire:hover {background-color: #DDE0DB;}
.depotDocuments .repertoire > td {padding: 3px 0;}
.depotDocuments .document > td {padding: 4px 0;}
.depotDocuments td.nom {
  min-width: 227px;
  padding: 0 1px 8px 0;
  /*border-bottom:1px solid #dadada;*/
}
.depotDocuments .taille,
.depotDocuments .note,
.depotDocuments .depot,
.depotDocuments .niveau,
.depotDocuments .icone:first-of-type {
  display:none;
}
.depotDocuments .niveau, 
.depotDocuments .icone {
  display: table-cell;
  min-width: 7px;
  padding: 0;
  vertical-align: top !important;
}
.depotDocuments tr.document td.nom img { 
  padding-right: 10px;
}
.depotDocuments .niveau:first-of-type {
  display: none;
}  
.depotDocuments span.nom,
.depotDocuments span.nbreDocuments {
  display: table-cell;
  line-height: 16px;
}
.depotDocuments .repertoire td.nom span {
  vertical-align: middle;
}
.depotDocuments .repertoire span.nom {
  font-weight: 400;
}
.depotDocuments .repertoire .nbreDocuments {
  font-size: 0.8em;
  padding-left: 0.6em;
  white-space: nowrap;
}
a.boutonvert {
  display: inline-block;
  min-width: 200px;
  text-align: center;
  padding: 15px;
  margin-bottom: 10px;
  text-decoration: none !important;
  color: #fff;
  font-weight: 600;
  font-size: 1.1em;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  overflow:hidden; 
  -webkit-border-radius: 3px; 
     -moz-border-radius: 3px; 
          border-radius: 3px;   
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20); 
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20);      
}

a.boutonvert { 
  background: #289e68;
}
a.boutonvert:hover { 
  background: #228859;
}

/* ============================================================== */
/* HOVER sur banniere Futurs Etudiants - aout 2014 - Nancy Dodier */
/* ============================================================== */

a.btnencoretemps { 
  display: block;
  width: 509px;
  height: 200px;
  margin-bottom: 5px;
  background: url("images/futur_etudiant_inscrire.png") 0 0 no-repeat;
}
a.btnencoretemps:hover { 
  background: url(images/futur_etudiant_inscrire_over.png);
}




.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: 400;
}
.titreparagraphe {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #365300;
}
#panne {
  background-color: #C00;
  color: #fff;
  font-weight: 700;
  padding: 10px;
}
.separation::before {
  display: inline-block;
  margin: 0 5px 5px 0;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #000;
  width: 100px;
}
.separation::after {
  display: inline-block;
  margin: 0 0 5px 5px;
  height: 1px;
  content: " ";
  text-shadow: none;
  background-color: #000;
  width: 100px;
}
.separation {
  font-size: 1.48em;
  font-weight: 400;
  text-transform: uppercase;
}


/* --- PAGE FUTURS ETUDIANTS --- */

/* Background */
.bg_futurs_etu {
  width: 800px !important;
  height: 450px;
  font-family: 'Open Sans', sans-serif;
  border-bottom: 5px solid #ddd;
  /*background: url('images/bg_futurs_etu.jpg') no-repeat;
	background: url('images/bg_futur_etu_hiver.jpg') no-repeat;*/
	background: url('images/bg_futur_etu_ete.jpg') no-repeat;

  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

/* Contenu */
.contenu_futurs_etu {
  font-family: 'Open Sans', sans-serif;
  width: 760px;
  padding: 20px;
}
.contenu_futurs_etu p {
  font-size: 14px;
  letter-spacing: 0.02em;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 20px
}
/* Bouton */
a.btn.futurs_etudiants {
  display: inline-block;
  height: auto;
  min-height: 1em;
  margin: 10px 0 5px;
  padding: 18px 24px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1em;
  letter-spacing: 0.025em;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
  outline: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
          box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background, color, border;
          transition-property: background, color, border;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #FEA500;
}
a.btn.futurs_etudiants:visited {
  background-color: #FEA500;
  color: #fff;
}
a.btn.futurs_etudiants:hover {
  background-color: #F6BC3B;
  color: #fff;
}
a.btn.futurs_etudiants:active,
a.btn.futurs_etudiants:focus {
  background-color: #F6BC3B;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
}
a.btn.futurs_etudiants span {
  position: relative;
  right: 0;
  display: inline-block;
  transform: initial;
  -webkit-transition: right .3s ease;
     -moz-transition: right .3s ease;
       -o-transition: right .3s ease;
          transition: right .3s ease;
}
a.btn.futurs_etudiants span:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -10px;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("images/ico_btn_fleche.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  -webkit-transition: right .3s ease, opacity .3s ease;
     -moz-transition: right .3s ease, opacity .3s ease;
       -o-transition: right .3s ease, opacity .3s ease;
          transition: right .3s ease, opacity .3s ease;
  opacity: 0;
}
/* Hover */
a.btn.futurs_etudiants:hover span {
  right: 10px;
  opacity: 1;
}
a.btn.futurs_etudiants:hover span:after {
  right: -25px;
  opacity: 1;
}





/* --- PAGES RECHERCHE et STI --- */

/* Entete - Background */
.bg_recherche {
  width: 800px !important;
  height: 352px;
  font-family: 'Open Sans', sans-serif;
  background: url('images/bg_recherche.jpg') no-repeat;

  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.bg_recherche h1 {
  padding-left: 20px;
  font-weight: 300;
  font-size: 40px;
  line-height: 1.1em;
}
.txtrecherche {
  width: 57%;
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 15px;
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #fff;
}

/* CONTENU RECHERCHE */
.entete_contenu_recherche {
  font-family: 'Open Sans', sans-serif;
  width: 800px;
  padding: 0;
}
.contenu_recherche *,
.contenu_sti *,
.contenu_diplomes * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contenu_recherche,
.contenu_sti,
.contenu_diplomes {
  display: block;
  width: 800px;
  font-family: 'Open Sans', sans-serif;
}
.contenu_recherche table,
.contenu_sti table,
.contenu_diplomes table {
  width: 100%;
  border-collapse: collapse;
}
.contenu_recherche table tr th,
.contenu_diplomes table tr th {
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.contenu_recherche table tr th.cellule1,
.contenu_diplomes table tr th.cellule1 {
  width: 520px;
  padding: 10px 0 10px 20px;
  font-size: 24px;
  color: #d5d5d5;
  text-align: left;
  background-color: #2f3032;
}


.contenu_recherche table tr th.cellule2,
.contenu_diplomes table tr th.cellule2 {
  width: 280px;
  padding: 10px 20px 10px 0;
  font-size: 18px;
  color: #2f3032;
  text-align: right;
  background-color: #e6e6e6;
}
.contenu_recherche table .bordure-droite, 
.contenu_sti table .bordure-droite,
.contenu_diplomes table .bordure-droite {
  border-right: solid 2px #e6e6e6;
}
.contenu_recherche table .bordure-bas,
.contenu_sti table .bordure-bas,
.contenu_diplomes table .bordure-bas{
  border-bottom: solid 2px #e6e6e6;
}


/* --- Contenu STI --- */

.bouton-sti {
  display: inline-block;
  width: 170px;
  padding: 18px 5px 18px 55px;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: normal;
  letter-spacing: 0.03em;
  text-shadow: none;
  text-decoration: none !important;
  text-transform: none;
  vertical-align: baseline;
  border-style: solid;
  border-color: transparent;
  border-width: 2px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 10px center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transition: background .2s ease, color .2s ease, box-shadow .2s ease;
          transition: background .2s ease, color .2s ease, box-shadow .2s ease;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
          box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.bouton-sti:hover {
  color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
          box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.bouton-sti:focus,
a.btn:active {
  color: #fff;
  outline: 0;
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
          box-shadow: inset 0 0 1px rgba(0,0,0,0.1);
}
.portails-sti {
  float: right;
}
.bouton-sti a {
  text-decoration:none; 
  color: #fafafa !important;
}
.bouton-sti.portails {
  background-color: #1fbc49;
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px 4px; 
  text-align: center;
	color:#fff;
}
.bouton-sti.portails:hover,
.bouton-sti.portails:active {
  background-color: #25d554;
}
.btn-sti-haut{
	padding-left: 20px;
	min-height: 400px;
}
.btn-sti-haut a {
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  width: 250px;
  min-height: 120px;
  padding: 30px 15px 10px;
  text-decoration: none;
  text-align: right;
  line-height: 1.3em;
  vertical-align: bottom;
  letter-spacing: -0.03em;
  color: #555;
  font-weight: 600;
  background-color: #fafafa;
  -webkit-box-shadow: inset 0 0 0 1px #e6e6e6;
          box-shadow: inset 0 0 0 1px #e6e6e6;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
          transition: background 0.2s ease, color 0.2s ease;
}
.btn-sti-haut a:hover {
  text-decoration: none;
  color: #111;
  background-color: #efefef;
}
.contenu_sti table tr th.cellule1 {
  width: 502px;
  padding: 10px 0 10px 20px;
  font-size: 24px;
  color: #d5d5d5;
  text-align: left;
  background-color: #2f3032;
	font-weight: 400;
	text-transform: uppercase;
}
.contenu_sti table tr th.cellule2 {
  width: 258px;
  padding: 10px 20px 10px 0;
  font-size: 18px;
  color: #2f3032;
  text-align: right;
  background-color: #e6e6e6;
	text-transform: uppercase;
	font-weight: 600;
}
.plus-details a {
  color: #333;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.plus-details a:before {
  content: "+";
  width: 25px;
  height: 25px;
  margin-right: 5px;
  color: #FFF;
  font-weight: bold;
  line-height: 1.2em;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  -webkit-box-shadow: 2px 4px 13px -2px rgba(148,148,148,1);
          box-shadow: 2px 4px 13px -2px rgba(148,148,148,1);
  -webkit-transition: box-shadow 0.2s ease, background 0.2s ease;
          transition: box-shadow 0.2s ease, background 0.2s ease;
  background-color: #1fbc49;
}
.plus-details:hover a:before {
  -webkit-box-shadow: 0 0 0 0 rgba(148,148,148,1);
          box-shadow: 0 0 0 0 rgba(148,148,148,1);
  background-color: #26d856;
}

/* Entete - Background */
.bg_sti {
  width: 800px !important;
  height: 250px;
  font-family: 'Open Sans', sans-serif;
  background: url('images/bg_sti.jpg') no-repeat;

  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.bg_sti h1 {
  padding-left: 20px;
  font-weight: 300;
  font-size: 38px;
  line-height: 1.1em;
	color:#ebeaea;
}
.txtsti {
  width: 80%;
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 15px;
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #bbb;
}

a.btn.futurs_etudiants.bleu {
	background-color: #1fbc49;
}

ul.lien-sti a {
  color: #222;
  -webkit-transition: color .1s ease;
          transition: color .1s ease;
}
ul.lien-sti a:hover,
ul.lien-sti a:active {
  color: #5ac400;
}

ul.carre-sti {
  margin: 0 0 10px 40px;
  list-style-image: url(interface/carre-sti.png);
  line-height: 1.3em;
}

.carre-sti li {
    padding: 4px 0;
}


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




/* BOUTONS (col de droite) */
.btn-side a {
  width: 278px;
  display: block;
  overflow: hidden;
  padding: 78px 20px;
  text-decoration: none;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  vertical-align: middle;
  color: #444;
  background-color: #fafafa;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
     -moz-transition: background 0.2s ease, color 0.2s ease;
      -ms-transition: background 0.2s ease, color 0.2s ease;
          transition: background 0.2s ease, color 0.2s ease;
}
.btn-side a:hover {
  text-decoration: none;
  color: #111;
  background-color: #efefef;
}





/* --- PAGE INTERNATIONAL --- */
/* Contenu recherche est aussi utilise dans international */

.bg_international {
  width: 800px !important;
  height: 352px;
  font-family: 'Open Sans', sans-serif;
  background: url('images/bg_international.jpg') no-repeat;

  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.bg_international h1 {
  padding-left: 20px;
  text-transform: initial;
  font-weight: 300;
  line-height:1.2em;
}
.txtinternational {
  width: 45%;
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 15px;
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #fff;
}



/* Bouton */
a.btn.international {
  display: inline-block;
  height: auto;
  min-height: 1em;
  margin: 1em .2em .5em;
  padding: 1.1em 1.6em 1em;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 1em;
  letter-spacing: 0.025em;
  text-align: center;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
  outline: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 2px;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: background-color, color, border;
          transition-property: background-color, color, border;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #2378ff;
}
a.btn.international:visited {
  background-color: #2378ff;
  color: #fff;
}
a.btn.international:hover {
  background-color: #0d396a;
  color: #fff;
}
a.btn.international:active,
a.btn.international:focus {
  background-color: #0d396a;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1);
}
a.btn.international span {
  position: relative;
  right: 0;
  display: inline-block;
  transform: initial;
  -webkit-transition: right .3s ease;
     -moz-transition: right .3s ease;
       -o-transition: right .3s ease;
          transition: right .3s ease;
}
a.btn.international span:after {
  display: inline-block;
  position: absolute;
  top: 45%;
  margin-top: -8px;
  right: -10px;
  width: 16px;
  height: 16px;
  content: "";
  background-image: url("images/ico_btn_fleche.svg");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  -webkit-transition: right .3s ease, opacity .3s ease;
     -moz-transition: right .3s ease, opacity .3s ease;
       -o-transition: right .3s ease, opacity .3s ease;
          transition: right .3s ease, opacity .3s ease;
  opacity: 0;
}
/* Hover */
a.btn.international:hover span {
  right: 10px;
  opacity: 1;
}
a.btn.international:hover span:after {
  right: -25px;
  opacity: 1;
}

/* --- BOUTONS (col de droite) --- */
.btn-side-international a {
  width: 278px;
  display: block;
  overflow: hidden;
  padding: 15px 10px;
  text-decoration: none;
  line-height: 1.6em;
  letter-spacing: 0.02em;
  vertical-align: middle;
  color: #444;
  background-color: #fafafa;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
     -moz-transition: background 0.2s ease, color 0.2s ease;
      -ms-transition: background 0.2s ease, color 0.2s ease;
          transition: background 0.2s ease, color 0.2s ease;
}
.btn-side-international a:hover {
  text-decoration: none;
  color: #111;
  background-color: #efefef;
}
.btn-side-international a .texte18{
	letter-spacing:0.5px;
}

/* CONTENU International */
.entete_contenu_international {
  font-family: 'Open Sans', sans-serif;
  width: 800px;
  padding: 0;
}
.contenu_international * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contenu_international {
  display: block;
  width: 800px;
  font-family: 'Open Sans', sans-serif;
}
.contenu_international table {
  width: 100%;
  border-collapse: collapse;
}
.contenu_international table tr th {
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.contenu_international table tr th.cellule1 {
  width: 520px;
  padding: 10px 0 10px 20px;
  font-size: 24px;
  color: #d5d5d5;
  text-align: left;
  background-color: #2f3032;
}
.contenu_international table tr th.cellule2 {
  width: 280px;
  padding: 10px 20px 10px 0;
  font-size: 18px;
  color: #2f3032;
  text-align: right;
  background-color: #e6e6e6;
}
.contenu_international table .bordure-droite {
  border-right: solid 2px #e6e6e6;
}
.contenu_international table .bordure-bas {
  border-bottom: solid 2px #e6e6e6;
}
.contenu_international p {
  padding: 5px 0;
  font-size: 16px;
}

/* --- PAGES Diplomes --- */

/* Entete - Background */
.bg_diplomes {
  width: 800px !important;
  height: 350px;
  font-family: 'Open Sans', sans-serif;
  background: url('images/bg_diplomes.jpg') no-repeat;

  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
.bg_diplomes h1 {
  padding-left: 20px;
  font-weight: 300;
  font-size: 40px;
  color: #009c50;
  line-height: 1.1em;
}
.txtdiplomes {
  width: 57%;
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 25px;
  font-size: 15px;
  letter-spacing: 0.03em;
  color: #fff;
}

.contenu_diplomes a{
	color: #009c50;
}





/* --- Page paiement admission --- */

.boiteinfo {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.boiteinfo-grise {
    color: #333;
    border-color: #ddd;
    background-color: #efefef;
}

/* --- Colonne --- */
.range {
    clear: both !important;
    overflow: hidden;
}

.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
    float: left;
    margin-right: 1%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding-box !important;
    -moz-background-clip: padding-box !important;
    background-clip: padding-box !important;
}

.col1.last,.col2.last,.col3.last,.col4.last,.col5.last,.col6.last,.col7.last,.col8.last,.col9.last,.col10.last,.col11.last,.col12.last {
    margin-right: 0;
}

.col1 {
    width: 7.41666666667%;
}

.col2 {
    width: 15.8333333333%;
}

.col3 {
    width: 24.25%;
}

.col4 {
    width: 32.6666666667%;
}

.col5 {
    width: 41.0833333333%;
}

.col6 {
    width: 49.5%;
}

.col7 {
    width: 57.9166666667%;
}

.col8 {
    width: 66.3333333333%;
}

.col9 {
    width: 74.75%;
}

.col10 {
    width: 83.1666666667%;
}

.col11 {
    width: 91.5833333333%;
}

.col12 {
    width: 100%;
    margin-left: 0;
}



/* --- HELPERS --- */

.db { display: block; }

.tac { text-align: center; }
.taj { text-align: justify; }
a.non-souligne{text-decoration:none;}

.texte10,
.texte11,
.texte12,
.texte13,
.texte14,
.texte15,
.texte16 {
  line-height: 1.3em;
}

.texte10	{font-size:10px !important;}
.texte11	{font-size:11px !important;}
.texte12	{font-size:12px !important;}
.texte13	{font-size:13px !important;}
.texte14	{font-size:14px !important;}
.texte15	{font-size:15px !important;}
.texte16	{font-size:16px !important;}
.texte17	{font-size:17px !important;}
.texte18	{font-size:18px !important;}
.texte20	{font-size:20px !important;}
.texte35  {font-size:35px !important;}
.texte40  {font-size:40px !important;}

.texteblanc	{color:#ffffff;}
.textegris	{color:#7c7d7e;}
.textevert	{color:#cadd80;}
.texterouge	{color:#B9544C;}
.textebleu  {color:#35afff;}

.maj { text-transform: uppercase; }
.gras { font-weight: bold; }

.texte300 { font-weight: 300; }
.texte400 { font-weight: 400; }
.texte500 { font-weight: 500; }
.texte600 { font-weight: 600; }
.texte700 { font-weight: 700; }
.texte800 { font-weight: 800; }

.justifie { text-align:justify;}
.txtdroit{text-align:right;}
.citation {
	display:block;
	padding:0 40px;
	margin:20px 0;
	line-height:18px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}

.gauche {float: left;}
.droite {float: right;}
.db {display: block;}
.cb { clear: both }

/* --- Vertical align --- */
.vat, td.vat { vertical-align: top; }
.vam, td.vam { vertical-align: middle; }
.vab, td.vab { vertical-align: bottom; }


/* --- Marges et padding --- */

/* Margin */
.margedroite	{ margin-right:10px;}
.margehaut		{ margin-top:10px;}
.margebas			{ margin-bottom:10px;}
.margebas5		{ margin-bottom:5px; display:block; }


/* Line height */
.lh1em  { line-height:   1em; }
.lh1em1 { line-height: 1.1em; }
.lh1em2 { line-height: 1.2em; }
.lh1em3 { line-height: 1.3em; }
.lh1em4 { line-height: 1.4em; }
.lh1em5 { line-height: 1.5em; }


/* --- Margin --- */
.mt0  {margin-top:   0 !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100{margin-top:100px!important;}

.mb0  {margin-bottom:   0 !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100{margin-bottom:100px!important;}

.ml0  {margin-left:   0 !important;}
.ml5  {margin-left: 5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100{margin-left:100px!important;}

.mr0  {margin-right:  0  !important;}
.mr5  {margin-right: 5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100{margin-right:100px!important;}


/* --- Padding --- */
.p0  {padding:  0  !important;}
.p5  {padding:5px  !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}

.pl0  {padding-left:  0  !important;}
.pl5  {padding-left:5px  !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;}
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100{padding-left:100px!important;}

.pr0  {padding-right:  0  !important;}
.pr5  {padding-right:5px  !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;}
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100{padding-right:100px!important;}

.pt0  {padding-top:  0  !important;}
.pt5  {padding-top:5px  !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100{padding-top:100px!important;}

.pb0  {padding-bottom:  0  !important;}
.pb5  {padding-bottom:5px  !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100{padding-bottom:100px!important;}

.plr25 {padding-left:25px !important;; padding-right:25px !important;;}



/* --- DIVERS --- */
.centre {
  text-align: center;
}
.clear {
  clear: both;
}

/* Animation fadeIn */
@keyframes fadeIn {
    0% {opacity: 0;}
  100% {opacity: 1;}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

/* Page secrétariat général bouton */
.gouvernance-membre a {
    display: block;
    width: 246px;
    height: 30px;
    background: url(interface/btn_gouvernance.png) 0 0 no-repeat;
    float: right;
    margin-bottom: 8px;
}

.gouvernance-membre a:hover {
    opacity:0.8;
}