/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body{
	background: #00619e url(gx/bg.jpg) repeat-x bottom;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #050505;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
	min-height: 100%;
	height: auto;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color:#1f1d24; font-size:24px; letter-spacing:-1px; line-height:100%; margin-bottom:14px; text-transform:uppercase;}
h1 em{color:#2f95c9;font-style:normal;}
h1 a, h1 a:link, h1 a:visited{color:#1f1d24;}

h2{color: #161b21; font-size:15px; line-height:110%; margin-bottom:6px; text-transform:uppercase;}
h2 em{color:#a6bc03;font-style:normal;}
h2 em a {color:#a6bc03;font-style:normal;}
h2 a, h2 a:link, h2 a:visited{color:#161b21; text-decoration:none;}
h2 a:hover, h2 a:visited:hover{color:#000;text-decoration:underline;}

h3{color: #161b21; font-size:14px; line-height:110%; margin-bottom:3px;}
.Promo{background: url(gx/icone_Promo.gif) no-repeat right;padding:0 15px 0 0;}
h3 em{color:#a6bc03;font-style:normal;}
h3 a, h3 a:link, h3 a:visited{color:#161b21; text-decoration:none;}
h3 a:hover, h3 a:visited:hover{color:#000;text-decoration:underline;}

p{font-size: 12px; line-height: 150%; color: #050505;}
/*p strong{color:#2f95c9;}*/
.textePetit{font-size:11px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#2f95c9; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#000; text-decoration:underline;}

ul li{color:#1F1F1F; font-size:12px; line-height:150%; list-style-image: url(gx/puce.png); margin-left:18px;}
ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:18px;}

.both{clear:both;}

.bordurePhoto{border:1px solid #1f1d24;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{margin: 0 auto 0 auto; text-align:left; width:979px;}
#haut{height:147px;width:979px;position:relative;}
#haut #logo{float:left;}
#haut #slogan{color:#cddde6;font-size:14px;position:absolute;top:0px;right:40px;width:250px;}
#contenu{background-color:#FFF;padding-top:20px;width:979px;}
#contenuPage{margin: 0 auto 0 auto;text-align:left;width:941px;}

#colGauche{float:left;width:640px;}
#colDroite{float:right;width:284px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#conteneurBandeau{background:url(gx/m/menu_bg.gif) repeat-x;text-align:center; width:100%;}
#conteneurMenu{margin: 0 auto 0 auto;text-align:left; width:979px;}
#menu{margin:0; padding:0;width:979px; text-align:left;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border: 1px solid #999;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 5px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#999; color:#333;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:#C21527; color:#FFF;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
.boiteInfoAccueil{
	background:#cddde6;
	border:1px solid #bbc3c7;
	display:block;
	padding:15px;
	width:610px;
}
.boiteInfo{
	background:#e0eaef;
	border:1px solid #d5dbdf;
	display:block;
	padding:15px;
	width:610px;
}
/*
.pleineLargeur{width:909px;}
.largeurGauche{width:610px;}
*/
#boiteDescrAufc{
	border-right:1px solid #c9d3d8;
	float:left;
	padding-right:10px;
	width:300px;
}
#boiteCoordonnees{background:url(gx/01/boiteCoordonnees_bg.jpg) no-repeat top left; float:right; width:310px;}
#boiteCoordonnees #coordonnees{padding: 0 0 0 100px;}

/* Liste des universités */
#colListeInstitution{float:left; width:271px;}
#colListeInstitution a, #colListeInstitution a:link, #colListeInstitution a:visited{color:#49474d;text-decoration:none;}
#colListeInstitution a:hover, #colListeInstitution a:visited:hover{color:#49474d;text-decoration:underline;}
#colListeInstitution a.actif, #colListeInstitution a.actif:visited{color:#3a9acb;font-weight:bold;}

#carteCanada{background:url(gx/01/carteCanada_bg.gif);height:200px;position:relative;width:271px;}
#carteCanada #pointeur{background:url(gx/01/pointeur.gif);position:absolute;top:166px;left:166px;width:16px;height:16px;} /* À Ottawa par défaut */
#carteCanada #infoInstitution{position:absolute;top:175px;left:0px;height:20px;font-size:10px;width:200px;} /* À Ottawa par défaut */

/* Fiche des universités */
#colFicheInstitution{background-color:#FFF; float:right; padding:15px; width:294px;min-height:477px;}

/* Boites degradées classe globale */
.boiteDegrade{background:url(Gx/M/boiteDegrate_bg.jpg) no-repeat bottom; display:block; margin-bottom:15px; text-align:center; width:284px;}
.boiteDegrade p em{color:#818181;font-style:normal;}
.separateur{border-top:1px solid #d8d8d8;}

/* Boites degradées - Nouvelles */
#titreNouvelle{background:url(gx/m/titreNouvelle_bg.gif) no-repeat top; height:41px; text-align:center; text-transform:uppercase; width:284px;}
#titreNouvelle h2{color:#FFF; font-size:13px; padding:8px 0 0 0; text-align:center; text-transform:uppercase;}
#titreNouvelle h2 a, #titreNouvelle h2 a:link, #titreNouvelle h2 a:visited{color:#FFF;text-decoration:none;}
.boiteDegradeNouvelle{margin:0 auto 0 auto; text-align:left; padding:15px; width:254px;}
.boiteDegradeNouvelle h3, .boiteDegradeNouvelle h3 a, .boiteDegradeNouvelle h3 a:link, .boiteDegradeNouvelle h3 a:visited{color:#e54424;font-size:12px;text-decoration:none;}
.boiteDegradeNouvelle h3 a:hover, .boiteDegradeNouvelle h3 a:visited:hover{text-decoration:underline;}
.boiteDegradeNouvelle p {font-size:11px;}
.boiteDegradeNouvelle p a, .boiteDegradeNouvelle p a:link{color:#e54424;text-decoration:underline;}
.boiteDegradeNouvelle p a:hover, .boiteDegradeNouvelle p a:visited:hover{color:#e54424;text-decoration:underline;}
.boiteDegradeNouvelle p a.flecheNouvelle{background: url(Gx/M/flecheNouvelle.png) no-repeat left; color:#e54424;font-size:11px; padding:5px 0 5px 12px;}

/* Boites degradées - Promos */
#titrePromo{background:url(gx/m/titrePromo_bg.gif) no-repeat top; height:41px; text-align:center; text-transform:uppercase; width:284px;}
#titrePromo h2{color:#FFF; font-size:13px; padding:8px 0 0 0; text-align:center; text-transform:uppercase;}
#titrePromo h2 a, #titrePromo h2 a:link, #titrePromo h2 a:visited{color:#FFF;text-decoration:none;}
.boiteDegradePromo{margin:0 auto 0 auto; text-align:left; padding:15px; width:254px;}
.boiteDegradePromo h3, .boiteDegradePromo h3 a, .boiteDegradePromo h3 a:link, .boiteDegradePromo h3 a:visited{color:#93bc04;font-size:13px;text-decoration:none;}
.boiteDegradePromo h3 a:hover, .boiteDegradePromo h3 a:visited:hover{text-decoration:underline;}
.boiteDegradePromo p a, .boiteDegradePromo p a:link{color:#93bc04;text-decoration:underline;}
.boiteDegradePromo p a:hover, .boiteDegradePromo p a:visited:hover{color:#93bc04;text-decoration:underline;}
.boiteDegradePromo p a.flechePromo{background: url(Gx/M/flechePromo.png) no-repeat left;color:#93bc04; font-size:11px; padding:5px 0 5px 12px;}

/* LIENS AVEC ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienDOC{background: url(Gx/icone_DOC.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienDOCX{background: url(Gx/icone_DOC.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienTXT{background: url(Gx/icone_TXT.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienXLS{background: url(Gx/icone_XLS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienXLSX{background: url(Gx/icone_XLS.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPPT{background: url(Gx/icone_PPT.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienPPTX{background: url(Gx/icone_PPT.gif) no-repeat left;padding:5px 0 5px 20px;}
.lienVCF{background: url(Gx/icone_VCF.gif) no-repeat left;padding:5px 0 5px 20px;}

.lienDetail{background: url(gx/puce.png) no-repeat left;padding:5px 0 5px 12px;}
.lienRetour{background: url(gx/fleche.png) no-repeat left;padding:5px 0 5px 12px;}
.lienHaut{background: url(gx/fleche_haut.png) no-repeat right;padding:5px 10px 5px 0;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{background:#FFF url(gx/m/piedPage_bg.gif) no-repeat top left; color:#96979a; font-size:11px; width:941px;}
#piedPage a{color:#96979a;text-decoration:none;}
#piedPage a:hover{color:#96979a;text-decoration:underline;}

#piedPage #copyrights{color:#a6bc03; float:right; margin:0; text-align:left; width:400px;}
#piedPage #copyrights a{color:#a6bc03; font-weight:bold;}
#piedPage #copyrights #lienCopyrights{color:#a6bc03; font-weight:normal; text-decoration:none; }
#piedPage #copyrights #lienCopyrights:hover{color:#a6bc03; font-weight:normal; text-decoration:underline; }

#piedPage #menuBas{float:left;text-align:left;}
#piedPage #menuBas a, #piedPage #menuBas a:link, #piedPage #menuBas a:visited{text-decoration: underline;}
#piedPage #menuBas a:hover, #piedPage #menuBas a:visited:hover{color:#050505;}
#piedPage #menuBas #listeInstitution{float:left; width:280px;margin-right:15px;}
#piedPage #menuBas #menuBasLiens{float:left; width:150px;}

/* Partager cette page (bookmarker) */
#socialBookmarker {display:block;float:left;padding:20px 0 20px 0;width:941px;}
#bookmarker a{color:#96979a; text-decoration:underline;}
#bookmarker a:hover{color:#050505;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #ddd; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border:none; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset label.error{font-size:11px; color:#FF0000;}/* Utilisé par jquery.validate.js */

/* Formulaire d'inscription aux nouvelles (infolettre) */
#formulaireInscription fieldset{border:0; margin:0; padding:5px 0 0 0;}
#formulaireInscription fieldset label{float:left;}
#formulaireInscription .champTexte{float:right;width:170px;}
#formulaireInscription .boutonImage{margin:5px 0 0 82px;}


.champTexte{
	background: #FFF;
	border: 1px solid #d5d6d6;
	color: #161b21;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #FFF;	
	border: 1px solid #d5d6d6;
	color: #161b21;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFF;
	border: 1px solid #d5d6d6;
	color: #161b21;
	font-family:Arial;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #00619e;
	color: #FFF;
	font-family:Arial;
	font-size: 14px;
	font-weight: bold;
	padding:2px 0 2px 0;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}