
/* Body et contenant principaux de la page ----- */

body {
	margin: 0;
	padding: 0;
	font-size: 76%;
	text-align: center;
	background: #fff;/*bfbdae;*/
}
.pagewrap {
	/*background: #fff url(../img/page_degrade_bas.gif) bottom left repeat-x;*/
	background: none;
	margin-bottom: 10px;
}
.pagewrap .pagewrap {
	/*background: transparent url(../img/page_degrade_cote.gif) top center repeat-y;*/
	/*background: transparent url(../img/page_degrade_cote_new.gif) top left repeat-y;*/
	background: transparent url(../img/page_degrade_cote_new2.gif) top left repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 798px;
}
.pagewrap .pagewrap .pagewrap {
	/*background: transparent url(../img/page_degrade_cote_bas.gif) bottom center no-repeat;*/
	background: none;
	margin: 0;
}
#page {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 768px;
	font-size: 1em;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #352329;
	text-align: left;
	background: #fff;
}


/* ------------------------------------------------------------------------
	Styles généraux et par défaut
------------------------------------------------------------------------ */

/* Liens... ---- */

a:link {
	color: #af0505;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #af0505;
	text-decoration: underline;
}
a:active {
	color: #af0505;
	text-decoration: underline;
}

a.gris:link {color: #352329;}
a.gris:visited {color: #999;}
#page a.gris:hover, #page a.gris:active {color: #af0505;}

a.noir:link {color: #000;}
a.noir:visited {color: #999;}
#page a.noir:hover, #page a.noir:active {color: #af0505;}

a.suite:hover, a.suite:active {color: #fff; background: #af0505;}

a.souligne {text-decoration: underline;}


/* Textes et déclarations par défaut... ----- */

h1 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 0;
	padding: 25px 0;
}
h2 {
	margin: 25px 0 15px;
	font-size: 1.2em;
	color: #af0505;
}
p {
	margin: 0 0 15px;
}
ul {
	margin: 0 0 15px;
	padding: 0;
}
li {
	margin: 0 0 3px 30px;
	padding: 0;
	list-style: square;
}
.intro {
	font-size: 1.1em;
	font-weight: bold;
}
.message {
	color: #bf1b00;
	font-weight: bold;
}
a.retour-haut {
	float: right;
	padding: 0 0 0 15px;
	font-size: .8em;
	font-weight: bold;
	color: #000;
	background: url(../img/fleche_hautpage.gif) left center no-repeat;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
}
img {
	border: 0;
}
form {
	margin: 5px 0 15px;
	padding: 0;
}

/* Detail de l'article */

.article #colonne2 img {
	margin-top: 20px;
	margin-bottom: 10px;
}
.article #colonne2 p {
	margin: 0 0 10px;
	line-height: 1.1em;
	font-size: .9em;
}


/* ------------------------------------------------------------------------
	Entête de la page
------------------------------------------------------------------------ */

#entete {
	background: url(../img/entete_fond.gif) 0 0 no-repeat;
}
#entete span {
	display: none;
}

#entete h1 {
	margin: 0;
	padding: 0;/*0 0 0 17px;*/
	height: 56px;/*48px;*/
	/*background: #fff url(../img/aufil_fond.jpg) top right no-repeat;*/
	background: #fff url(../img/entete_fond2.gif) top left repeat-x;
}
#entete div {
	margin: 0;
	height: 70px;
	/*border-bottom: 1px solid #666;*/
	border: none;
}
#entete div a {
	float: left;
	margin-top: 16px;
}
#entete div a.ulaval {
	margin-left: 317px;
}
#entete #logo_print {
	display: none;
}

#entete h2 {
	clear: both;
	margin: 0 18px;
	padding: 15px 0 20px;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, arial, sans-serif, serif;
	text-transform: uppercase;
	color: #999;
	text-align: right;
	border-bottom: 4px solid #fed428;
}
#entete h2 em {
	float: right;
	font-style: normal;
	text-transform:none;
}
#entete h2 span {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	color: #000;
	text-align: left;
}
#entete h2 strong {
	font-size: .8em;
	float: left;
	position: relative;
}
#entete #lienrss {
	position: absolute;
	top: -15px;
	left: -50px;
}

#entete ul {
	margin: 0;
	padding: 0;
	min-height: 32px;
	height: 32px;
	background: url(../img/menu_fond.gif) 0px 0px repeat-x;
}
#entete li {
	float: left;
	display: inline;
	margin: 0 20px 0 18px;
	padding: 0.01px 0px;
	list-style: none;
	background: #BF1B00 url(../img/menu_fond.gif) 0px 0px repeat-x;
}
#entete li a {
	float: left;
	padding: 0px 6px;
	font-weight: bold;
	color: #fff;
	line-height: 25px;
	text-decoration: none;
}
#entete li a:hover {
	text-decoration: underline;
}
#entete li.actif a {
	background: #fba618;
}


/* ------------------------------------------------------------------------
	Corps de la page
------------------------------------------------------------------------ */

#corps {
	clear: both;
	font-size: 1.2em;
	padding: 0 18px;
	line-height: 1.3em;
	position: relative;
}
#corps p.credit {
	font-size:11px;
	font-style:italic;
}

sup {
	font-size: 0.8em;
	line-height: 0.8em;
}

/* Lien "Retour au sommaire" ----- */

p.retour-sommaire {
	margin: 0 0 10px;
	padding: 5px 0;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	border-bottom: 1px solid #cecece;
}
body.independant p.retour-sommaire {
	border: none;
	margin-bottom: 0;
}
p.retour-sommaire a {
	float: right;
	padding: 0 0 0 12px;
	color: #000;
	/*background: url(../img/fleche_retour.gif) left center no-repeat;*/
	background: url(../img/fleche_retour2.gif) left center no-repeat;
}
p.retour-sommaire a:visited {
	color: #000;
}

/* Liste des éditions prcédentes ----- */

ul.editions {
	margin: -20px 0 20px;
	padding: 0;
}
.editions li {
	margin: 0;
	padding: 20px 0 20px 120px;
	clear: both;
	list-style: none;
	height: 1%; /* pour bug d'affichage IE Win */
	border-bottom: 1px solid #cecece;
}
.editions p {
	margin: 0 0 4px;
	font-weight: bold;
	font-size: .9em;
}
.editions h4 {
	margin: 0 0 5px;
	font-size: 1.5em;
	line-height: 1.05em;
}
.editions img {
	float: left;
	margin: 0 0 0 -120px;
	border: 1px solid #fed428;
}
.editions ul {
	margin: 8px 0 0;
	padding: 0;
}
ul.editions li li {
	margin: 0;
	padding: 0 0 3px 10px;
	clear: none;
	border: none;
	color: #af0505;
	background: url(../img/puce_liste.gif) 0 7px no-repeat;
}

/* Pagination des résultats de recherche ----- */

dl.pagination {
	margin: 0;
	background: #fba618;
}
.pagination dt {
	margin: 0;
	padding: 2px 5px;
	float: left;
	font-weight: bold;
	color: #fff;
	width: 300px;
}
.pagination dd {
	margin: 0;
	padding: 2px 5px;
	text-align: right;
}
#page .pagination a {
	text-decoration: underline;
}
.pagination span, #page .pagination a {
	color: #fff;
	margin: 0 2px;
}
.pagination span {
	font-weight: bold;
}
.pagination img {
	vertical-align: middle;
}

/* Champs de recherche ----- */

div.recherche-label {
	float:left;
	margin-top:5px;
}

div.recherche-input {
	float:none;
	margin-left:60px;
	margin-bottom:5px;
	position:relative;
}

/* Résultats de recherche ----- */

ul.resultats {
	margin: 0 0 15px;
	padding: 0;
}
.resultats li {
	position: relative;
	margin: 0;
	clear: both;
	padding: 10px;
	height: 1%; /* pour bug d'affichage IE Win */
	list-style: none;
	border-bottom: 1px solid #cecece;
	background: url(../img/puce_liste.gif) 170px 16px no-repeat;
}
.resultats li.alt {
	background-color: #fff8dc;
}
.resultats strong {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: .9em;
}
.resultats h4 {
	margin: 0;
	padding-left: 170px;
	font-size: 1.1em;
}
.resultats p {
	margin: 0;
	padding-left: 170px;
}


/* Colonne 1 (de gauche) ----------------------------------------------- */

#colonne1 {
	float: left;
	display: block;
	/*display: inline;*/ /* Pour IE win */
	/*margin: 10px 0 0 272px;*/
	margin: 10px 0px 0px 0px !important;
	padding-bottom: 20px;
	width: 460px;
}

/* Colonne 2 (de droite) ----------------------------------------------- */

#colonne2 {
	float: left;
	width: 252px;
	display: block;
	/*margin: 0 0 0 -732px;*/
	margin: 0px 20px 0px 0px;
	padding-bottom: 20px;
}
#colonne2 img {
	border: 1px solid #fed428;
}


/* ------------------------------------------------------------------------
	Pied de la page
------------------------------------------------------------------------ */

#pied {
	clear: both;
	margin: 10px 18px 0px 0px;
	padding: 10px 0;
	border-width: 4px 0 1px;
	border-style: solid;
	border-color: #fed428;
	height: 18px; /* pour bug d'affichage IE Win */
}
#pied .retour {
	float: left;
	padding: 0 0 0 15px;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	/*background: url(../img/fleche_retour.gif) left center no-repeat;*/
	background: url(../img/fleche_retour2.gif) left center no-repeat;
}
#pied .retour-haut {
	font-size: 1em;
	color: #000;
}
#pied .retour:hover, #pied .retour:active, #page .retour-haut:hover, #page .retour-haut:active {
	color: #af0505;
}

#outils_comm, #outils_comm2 {
	position: absolute;
	display: block;
	right: 18px;
	text-align: right;
	font-size: 10px;
	color: #383838;
}
#outils_comm {
	top: 40px;
}
#outils_comm2 {
	bottom: 0px;
}
#outils_comm img, #outils_comm2 img {
	margin-bottom: -1px;
}
#outils_comm a, #outils_comm2 a {
	margin-left: 5px;
}
.gr_outils_A {
	display: inline;
	margin-right: 20px;
}
.gr_outils_B {
	display: inline;
}
.gr_outils_A div {
	float: left;
	margin-right: 10px;
}


#outils_comm.outils_comm_chercher {
	top: 80px;
}
#outils_comm .jouer_video, #outils_comm2 .jouer_video {
	display: block;
	width: 63px;
	height: 16px;
	background: transparent url(../img/ulavaltv_logo.gif) left top no-repeat;
}
#outils_comm .jouer_video span, #outils_comm2 .jouer_video span {
	display: none;
}
.aufil_video {
	margin: 10px auto;
	width: 400px;
}
