/* ****************************************************

	@file		  screen.css
	@description  Feuille de styles globale
	@version	  20090527

***************************************************** */

@import url("http://www.ipir.ulaval.ca/css/reset.css");

/*
 * @section Basic
******************************************************************************/

html {
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: Georgia, "Times new Roman", serif;
	font-size: 130%;
	line-height: 1.4;
	color: #4b4d4f;
	background: #d8d8d8 url("http://www.ipir.ulaval.ca/img/interface/bg-body.jpg") repeat-x top center;
	position: relative;
	behavior: url("http://www.ipir.ulaval.ca/js/ie6/csshover.htc");
	-webkit-text-size-adjust: none;
}

p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; /*color: #4b4d4f;*/ color: #557595; text-decoration: underline; }
a:focus { outline: 1px dotted; }
a:visited {  }
a:hover, a:focus { color: #4b4d4f;  }
a *, button * { cursor: pointer; }
hr { display: none; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }

button::-moz-focus-inner { border: 0; padding: 1px; }

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.2em;
	line-height: 0.8;
}

#skipnav {
	margin: 0;
	position: absolute;
	left: -99999px;
}

/*
 * @section Layout
******************************************************************************/

#wrap {
	background: url("http://www.ipir.ulaval.ca/img/interface/bg-wrap.gif") repeat-y top center;
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
	min-width: 961px;
}


/*
 * @section Entête
******************************************************************************/

#entete {
	width: 100%;
	background: url("http://www.ipir.ulaval.ca/img/interface/bg-entete.jpg") no-repeat top center;
	height: 93px;
	font-family: Arial, Verdana, sans-serif;
}

#entete .entete-inner {
	width: 961px;
	height: 93px;
	margin: 0 auto;
	position: relative;
}

#entete h1 a {
	display: block;
	width: 200px;
	height: 55px;
	background: url("http://www.ipir.ulaval.ca/img/interface/bg-logo.png") no-repeat top left;
	position: absolute;
	top: 19px;
	left: 6px;
	text-indent: -99999px;
	outline: none;
}

#entete h1 a:hover {
	background-position: bottom left;
}

#entetes-image {
	height: 165px;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.entete-image {
	height: 165px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.entete-image.img1 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-1.jpg") no-repeat top center;}
.entete-image.img2 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-2.jpg") no-repeat top center;}
.entete-image.img3 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-3.jpg") no-repeat top center;}
.entete-image.img4 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-4.jpg") no-repeat top center;}
.entete-image.img5 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-5.jpg") no-repeat top center;}
.entete-image.img6 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-6.jpg") no-repeat top center;}
.entete-image.img7 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-7.jpg") no-repeat top center;}
.entete-image.img8 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-8.jpg") no-repeat top center;}
.entete-image.img9 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-9.jpg") no-repeat top center;}
.entete-image.img10 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-10.jpg") no-repeat top center;}
.entete-image.img11 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-11.jpg") no-repeat top center;}
.entete-image.img12 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-12.jpg") no-repeat top center;}
.entete-image.img13 {background: url("http://www.ipir.ulaval.ca/img/bandeaux/bandeau-13.jpg") no-repeat top center;}

/*#entete-image img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -524.5px;
}*/

/*
 * @section Navigation
******************************************************************************/

#nav {
	position: absolute;
	bottom: 5px;
	left: 271px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}

#nav ul {
	margin: 0;
}

#nav li {
	float: left;
}

#nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
    padding: 10px 7px 8px;
	height: 1%;
}

#nav li a:hover {
	background: #46494a;
	color: #fff;
}

#nav li.active a,
#nav li.active a:hover {
	background: #efefef;
	color: #000;
}

#nav li a:hover,
#nav li.active a {
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

/*
 * @section Page
******************************************************************************/

#page {
	width: 951px;
	margin: 0 auto;
	padding: 27px 0 27px 0; /*orginal padding: 27px 0 270px 0;*/
	overflow: hidden;
}

#contenu {
	width: 682px;
	float: right;
}

body.section-accueil #envedette, body.section-accueil .intro, body.section-accueil #recherche {
	display: none;
}

body.template-nosidebar #contenu {
	width: auto;
	float: none;
}

#sidebar {
	width: 237px;
	float: left;
}

h1, h2, h3, h4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/*
 * @section Pages statiques
******************************************************************************/

body.template-statique #contenu {
	width: 819px;
}

body.template-statique #contenu .retour {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: right;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

body.template-statique #contenu .retour a {
	text-decoration: none;
}

body.template-statique #contenu .retour a strong {
	text-decoration: underline;
}

body.template-statique #contenu h1 {
	border-bottom: 1px solid #9ea6ae;
	font-size: 150%;
	text-transform: uppercase;
	padding: 0 0 0.3em;
	color: #787a7b;
	margin-bottom: 1em;
}

body.template-statique #contenu h2 {
	font-size: 140%;
	margin: 1em 0 0.5em;
}

body.template-statique #contenu .filariane {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 84%;
	margin: 3em 0 0 0;
	border-bottom: 1px solid #9ea6ae;
	padding: 0 0 1em;
	clear: both;
}

body.template-statique #contenu .filariane ul {
	margin: 0;
}

body.template-statique #contenu .filariane ul li {
	float: left;
	padding: 0 5px 0 0;
}

body.section-dossier-presse #contenu ul {margin-left: 0;}
body.section-dossier-presse #contenu ul li {margin-bottom: 1em;}

body.section-equipe #contenu p.photo, body.section-apropos #contenu p.photo, body.section-nouvelles #contenu p.photo {margin-left: 20px; background-color: #e8e8e8; border: 1px solid #dadada; padding: 8px; font-size: 0.9em; text-align: left;}

body.section-equipe #contenu h2 {clear: both;}
body.section-nouvelles #contenu a.video {display: block; float: right; background-color: #CCCCCC; border: 1px solid #999; padding: 10px 30px; margin-left: 20px; text-decoration: none;}

/*
 * @section Sidebar
******************************************************************************/

#sidebar h2 {
	color: #787a7b;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	letter-spacing: -0.02em;
	margin: 0 0 0.5em;
	font-style: normal;
}

#sidebar .apropos {
	font-style: italic;
	margin: 0 0 4em;
}

/*
 * @section Accueil (recherche)
******************************************************************************/

body.template-accueil h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 150%;
	color: #787a7b;
}

body.template-accueil #recherchesimple {
	padding: 12px;
	background: #f0f0f0;
	margin-bottom: 2em;
	border-top: 1px solid #9ea7ae;
	border-bottom: 1px solid #9ea7ae;
}

body.template-accueil #recherchesimple h1 {
	float: left;
	margin-right: 3em;
}

body.template-accueil #recherchesimple p {
	margin-bottom: 0;
}

body.template-accueil #recherchesimple input#keyword {
	height: 19px;
	margin-right: 1em;
	border: none;
	width: 190px;
}

body.template-accueil #recherchesimple input.submit {
	vertical-align: middle;
}

body.template-accueil #envedette {
	margin-bottom: 2em;
}

body.template-accueil .intro {
	padding: 0 12px 1px;
}

body.template-accueil .intro h1 {
	margin: 0 0 0.5em;
}

body.template-accueil .intro p {
	padding: 0 12px 0.4em;
}

.fiche,
#recherche {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body.template-fiche .fiche, body.template-statique #contenu {text-align: justify;}

body.template-fiche .fiche h2 {clear: both; }
#recherche {
	margin: 0 0 25px;
}

#recherche .recherche-entete {
	background: #4b4d4f;
	margin: 0 0 1px;
	padding: 4px 13px;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

#recherche .recherche-entete ul {
	margin: 0;
}

#recherche .recherche-entete ul li {
	float: left;
}

#recherche .recherche-entete ul li a {
	color: #fff;
	float: left;
	display: block;
	padding: 6px 10px;
	text-decoration: none;
	text-align:center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 1%;
}

#recherche .recherche-entete ul li a:hover {
	background: #35383a;
}

#recherche .recherche-entete ul li.active a,
#recherche .recherche-entete ul li.active a:hover {
	background: #efefef;
	color: #2d2f31;
}

#recherche .recherche-contenu {
	
}

#recherche .onglet.groupe {
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
}

#recherche .onglet.groupe ul {
	margin: 0;
}

#recherche .onglet.groupe .liste-principale ul {
	float: left;
	margin: 0;
	width: 200px;
	padding: 0 15px 0 0;
}

#recherche .onglet.groupe .liste-principale ul li {
	width: 100%;
	overflow: hidden;
}

#recherche .onglet.groupe .liste-principale ul li input {
	float: left;
}

#recherche .onglet.groupe .liste-principale ul li label {
	display: block;
	margin: 1px 0 0 22px;
}

#recherche #onglet-recherche {
	padding: 10px;
}

#recherche #onglet-recherche p {
	width: 100%;
	overflow: hidden;
}

#recherche #onglet-recherche p input,
#recherche #onglet-recherche p label {
	float: left;
}

#recherche #onglet-recherche p label {
	padding: 7px 8px 0 0;
}

#recherche #onglet-recherche p input.text {
	margin: 4px 8px 0 0;
}

#recherche #onglet-recherche p input.image {
}

#recherche .onglet.groupe ul li {
	margin: 0 0 5px;
	height: 1%;
	width: 100%;
	overflow: hidden;
}

#recherche .onglet.groupe ul li a {
	text-decoration: none;
	background: url("http://www.ipir.ulaval.ca/img/interface/ico-bullet.gif") no-repeat 2px 5px;
	padding: 0 0 0 15px;
	display: block;
	float: left;
	outline: none;
}

#recherche .onglet.groupe .liste-principale ul li a:hover {
	color: #222;
	text-decoration: underline;
}

#recherche .onglet.groupe .liste-principale ul li.active a,
#recherche .onglet.groupe .liste-principale ul li.active a:hover {
	background-color: #4b4d4f;
	background-image: url("http://www.ipir.ulaval.ca/img/interface/ico-bullet-active.gif");
	color: #ededed;
	text-decoration: none;
}

#recherche .onglet.groupe .liste-principale {
	background: red;
	background: #f0f0f0;
	padding: 12px;
}

#recherche .onglet.groupe .liste-secondaire {
	background: #fff;
	padding: 18px 12px;
}

#recherche .onglet.groupe .liste-secondaire-loading {
	background: url("http://www.ipir.ulaval.ca/img/interface/bg-loading.gif") no-repeat center center;
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

#recherche .onglet.groupe .liste-secondaire ul li.active a {
	color: #969798;
	text-decoration: none;
}

#recherche .recherche-contenu #gmap.accueil {
	width:682px;
	height:400px;
}

#recherche .recherche-contenu #gmap.accueil {
	text-transform:none;
}

#recherche .resultats {
	display: none;
}

#recherche .resultats .colonne-principale .resultat {
	padding: 0 0 0 12px;
	background: url("http://www.ipir.ulaval.ca/img/interface/ico-bullet.gif") no-repeat 0 5px;
	font-family: Georgia, "Times new Roman", serif;
	font-size: 100%;
	margin-bottom: 3em;
	/*float: left;*/
	clear: both;
}

#recherche .resultats .colonne-principale .resultat  p.medias {
	clear: both;
}

#recherche .resultats .colonne-principale .resultat-pagination {
	clear: both;
}

#recherche .resultats .colonne-principale .resultat-pagination a.active {
	font-weight: bold;
	text-decoration: none;
}

#recherche .resultat {
	text-align: justify;
	display: block;
	clear: both;
}

#recherche .resultat img.thumbnail {float: left;}

#recherche-resultats-media ul {
	margin-left: 0;
}

#recherche-resultats-media ul li {
	float: left;
	padding: 0 10px 0 0;
}

#recherche-resultats-media h3 {
	margin: 0 0 0.4em;
	font-size: 120%;
}

#recherche-resultats-media h4 {
	margin: 0 0 0.4em;
}

#recherche-resultats-media .sous-resultats {
	padding: 0 0 0 10px;
	margin: 0 0 1.5em;
}

/*
 * @section Fiche (commun)
******************************************************************************/

.fiche .fiche-entete {
	border-bottom: 1px solid #9ea6ae;
	padding: 0 12px;
	margin: 0 0 0.8em;
}

body.template-nosidebar .fiche .fiche-entete {
	padding: 0;
}

.fiche h3 {
	margin-top: 1em;
}

.fiche ul.associees {
	margin-left: 0;
	margin-bottom: 1em;
}

.fiche ul.associees li {clear: both; margin-bottom: 20px;}
.fiche ul.associees li h4 {margin-bottom: 5px;}
.fiche ul.associees li span.photo {float: left; margin-right: 10px;}
.fiche ul.associees li hr {visibility: hidden; clear: both; display: block;}

.fiche .fiche-entete p.surtitre {
	text-transform: uppercase;
	font-size: 90%;
	margin: 0 0 0.5em;
}

.fiche .fiche-entete h1 {
	font-size: 140%;
	margin: 0 0 0.2em;
	text-align: left;
}

.fiche .fiche-entete .desc {
	/*font-family: Georgia, "Times new Roman", serif;
	font-size: 90%;*/
	float: left;
	width: 473px;
}

body.template-nosidebar .fiche .fiche-entete .desc {
	width: 750px;
	float: left;
}

.fiche .fiche-entete .retour {
	float: right;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
}

.fiche .fiche-entete .retour a {
	text-decoration: none;
}

.fiche .fiche-entete .retour a strong {
	text-decoration: underline;
}

.fiche h2 {
	text-transform: uppercase;
	font-size: 110%;
	border-top: 1px solid #9ea6ae;
	border-bottom: 1px solid #9ea6ae;
	padding: 4px 0 4px 0;
	margin-bottom: 0.5em;
}

.fiche h2 strong {
	font-size: 125%;
}

.fiche h3 {
	text-transform: uppercase;
	/*margin: 0 0 1em;*/
}

.fiche .colonne-principale {
	padding: 12px 0 0 0;
	/*width: 405px;*/
	width:655px;
	float: left;
	display: inline;
	margin: 0 0 0 12px;
}
.fiche .colonne-principale .resultat h4 {
	text-transform: uppercase;
	margin: 0 0 0.6em;
	text-align: left;
}

.fiche .colonne-secondaire {
	padding: 12px 0 0 0;
	width: 248px;
	float: right;
}

.fiche .colonne-secondaire h4 {
	color: #989898;
	text-transform: uppercase;
	padding: 0 0 0 18px;
	margin: 0 0 0.5em;
}

.fiche .colonne-secondaire .boite {
	font-size: 95%;
	margin: 0 0 0.6em;
}

.fiche .colonne-secondaire ul {
	font-size: 90%;
	margin-left: 0;
	text-align: left;
}

.fiche .colonne-secondaire ul li {
	margin: 0 0 0.6em;
}

.fiche .colonne-secondaire ul li {
	display: block;
}


.fiche .colonne-secondaire .sonore { background: url("http://www.ipir.ulaval.ca/img/interface/ico-son-resultat.gif") no-repeat 0 3px;}
.fiche .colonne-secondaire .video { background: url("http://www.ipir.ulaval.ca/img/interface/ico-video-resultat.gif") no-repeat 0 1px;}
.fiche .colonne-secondaire .photo { background: url("http://www.ipir.ulaval.ca/img/interface/ico-photo.gif") no-repeat 0 3px;}
.fiche .colonne-secondaire .doc { background: url("http://www.ipir.ulaval.ca/img/interface/ico-doc.gif") no-repeat 0 3px;}

.fiche .colonne-secondaire .doc a { font-size: 1.1em; font-weight:bold; }

.fiche .colonne-secondaire .photo li {
	float: left;
	margin: 0 0 3px;
	padding: 0 4px 0 0;
}

.fiche .colonne-secondaire ul li {
	padding: 0 0 0 21px;
}

.fiche .colonne-secondaire .photo li a,
.fiche .colonne-secondaire .photo li img {
	display: block;
}

.fiche .desc p.photo {float: left; background-color: #e8e8e8; border: 1px solid #dadada; width: 250px; padding: 8px; margin: 0 10px 10px 0; font-size: 0.8em;}
.fiche .desc p.photo img {margin-bottom: 8px;}
.fiche .desc p.photo.alt {float: right; margin: 0 0 10px 10px;}

.ibrowserPhotoGauche {
	float: left;
	width: 100px;
	margin-left: 0pt;
	margin-right: 10px;
}

.ibrowserPhotoDroite {
	float: right;
	width: 150px;
	margin-right: 0pt;
	margin-left: 10px;
}

#contenu span.caption {
	border:1px solid red;
}


/*
 * @section Accueil
******************************************************************************/

body.template-accueil .actualites {
	border-top: 1px solid #9ea6ae;
	padding: 20px 11px;
}

body.template-accueil .bulletins {
	border-top: 1px solid #9ea6ae;
	padding: 20px 11px;
}

body.template-accueil .actualites h2,
body.template-accueil .bulletins h2 {
	text-transform: uppercase;
	color: #787a7b;
	margin: 0 0 0.8em;
	font-size: 90%;
}

body.template-accueil .actualites .actualite,
body.template-accueil .bulletins .bulletin {
	background: url("http://www.ipir.ulaval.ca/img/interface/ico-bullet.gif") no-repeat 0 6px;
	padding: 0 12px;
	height: 1%;
}

body.template-accueil .actualites h3,
body.template-accueil .bulletins h3 {
	font-size: 110%;
}

body.template-accueil .actualites h3 a,
body.template-accueil .bulletins h3 a {
	text-decoration: none;
	color: #4b4d4f;
}

}


/*
 * @section Pied
******************************************************************************/

#pied {
	border-bottom: 13px solid #fff;
	background: url("http://www.ipir.ulaval.ca/img/interface/bg-wrap.gif") repeat-y top center;
	clear: both;
	height: 220px;
	margin-top: -233px;
	position: relative;
	
	min-width: 961px;
}

#pied .pied-inner {
	
}

#pied .partenaires {
	
	width: 961px;
	margin: 0 auto;
}

#pied .partenaires li {
	float: left;
	padding: 0 8px 8px 0;
}

#pied .partenaires li img {
	display: block;
}

#pied .partenaires div {
	float: left;
	width: 257px;
	padding-left: 7px;
}

#pied .partenaires div h2 {
	text-transform: uppercase;
	color: #787a7b;
	margin: 0 0 0.4em;
}

#pied .partenaires ul {
	float: right;
	width: 639px;
}

#pied .liens {
	text-transform: uppercase;
	border-top: 1px solid #a1a1a1;
	padding: 15px 0 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 85%;
	width: 961px;
	margin: 0 auto;
}

#pied .liens ul {
	margin: 0;
	font-weight: bold;
	padding: 8px 0 0 10px;
	float: left;
}

#pied .liens ul li {
	float: left;
	padding: 0 4px 0 0;
	margin: 0 4px 0 0;
	border-right: 1px solid #4b4d4f;
	line-height: 1;
}

#pied .liens ul li.dernier {
	border-right: none;
}

#pied .liens ul li a {
	text-decoration: none;
}

#pied .liens p {
	float: right;
	padding: 8px 10px 0 0;
	line-height: 1;
}