@charset "utf-8";


/********** Généralités **********/

* {
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	width: 100%;
	font: 0.625em Arial, Helvetica, sans-serif;
	/* Une image d'arrière-plan invisible, en attachement fixe ("fixed"), est utilisée
	   dans le cadre de l'implémentation de "position: fixed" pour IE 6 et versions
		 antérieures (cf <http://www.howtocreate.co.uk/fixedPosition.html> et
		 <http://www.howtocreate.co.uk/emails/LinusSylven.html>). */
	background: #FFF url('../img/pixel-transparent.gif') no-repeat fixed;
}

.clear {
	clear: both;
}
.borderBD {
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}


/** Boîte principale **/

#global {
	margin: 0px auto;
	width: 972px;
}

/** Titres **/

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	display: none;
}

h1 {
	height: 43px;
	width: 555px;
	clear: left;
}

h2 {
	height: 33px;
	color: #788da3;
	font-size: 2em;
	font-weight: normal;
}


/** Liens **/

a {
	text-decoration: none;
}


/********** Entête **********/

#entete {
	margin-bottom: 25px;
	height: 121px;
	background: url('../img/bg-entete.gif') repeat-x 0% 0%;
}

#logo {
	width: 390px;
	float: left;
	padding-top: 0px;
	border-top: 7px solid #C7C7C7;
}




/********** Zones de contenu **********/

/******** Zone principale ********/

#principal {
	background: url(../img/item-colGauche.gif) no-repeat 0% 0%;
	float: left;
	width: 555px;
	padding-left: 68px;
	position: relative;
}
#principal p {
	text-align: justify;
	padding-right: 30px;
	font-size: 1.1em;
	color: #036;
	margin-bottom: 10px;
}
#principal h3 {
	color: #003366;
	padding: 10px 30px 0px 0px;
	font-size: 1.5em;
}

/******** Zone secondaire ********/

#secondaire {
	float: right;
	width: 344px;
	font-size: 1.2em;
}

#secondaire div.rubrique {
	background: url(../img/item-rubrique.gif) no-repeat left top;	
	padding-left: 29px;
}

#secondaire a {
	font-weight: bold;
}

/**** Fonds ****/

#secondaire_fonds {
	margin-bottom: 20px;
}
#secondaire_fonds ul {
	/* On indique la largeur pour forcer le "hasLayout" sous Internet Explorer, sans quoi
	   un espace vertical apparaît avant le premier élément de la liste à cause du
		 commentaire HTML "#BeginLibraryItem "/Library/navigation_fonds_.lbi". */
	width: 100%;
}
#secondaire_fonds h2 {
	background: url(../img/titre-fonds.gif) no-repeat;
	height: 22px;
	font-size: 1.4em;
}
#secondaire_fonds li {
	list-style: none;
	margin: 0px 0px 1px;
}
#secondaire_fonds a {
	color: #036;
	background: #d9e3ed url(../img/puce-fonds.gif) no-repeat 0% 50%;
	padding: 2px 0 2px 22px;
	display: block;
	
	/* Définition de la largeur pour forcer le "HasLayout" de Internet Explorer
	   (cf <http://msdn.microsoft.com/en-us/library/bb250481.aspx>) et éviter 
		 ainsi l'affichage d'un espace incontrôlable entre les éléments de la liste */
	width: 293px;
}
#secondaire_fonds a:hover {
	color: #FFF;
	background-color: #036;
}

/**** Sélection des fonds ("Fonds à la une") et publications ****/

#secondaire_selectionFonds p, #secondaire_publications  p, #secondaire_isr p, #secondaire_comportementale p {
	padding: 0 15px 10px 2px;
}
#secondaire_selectionFonds  a, #secondaire_publications  a, #secondaire_isr a, #secondaire_comportementale a {
	font-size: 0.9em;
	font-weight: bold;
	color: #0b77bf;
	background: url(../img/puce-menu.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 12px;
}

/** Sélection des fonds ("Fonds à la une") **/

#secondaire_selectionFonds {
	margin-bottom: 16px;
}
#secondaire_selectionFonds h2 {
	background: url(../img/titre-fondsUne.gif) no-repeat;
	height: 24px;
}
#secondaire_selectionFonds  a:hover, #secondaire_isr a:hover, #secondaire_comportementale a:hover {
	color: #036;
}

/** Publications **/

#secondaire_publications {
	margin-bottom: 16px;
}
#secondaire_publications h2 {
	background: url(../img/titre-publications.gif) no-repeat;
	height: 24px;
}
#secondaire_publications  p, #secondaire_isr p, #secondaire_comportementale p {
	font-weight: bold;
	color: #788da3;
}
#secondaire_publications a:hover {
	color: #036;
}
#secondaire_isr {
	margin-bottom: 20px;
}

#secondaire_isr h2 {
	background: url(../img/titre-isr.gif) no-repeat;
	height: 24px;
}
#secondaire_isr ul {
	list-style: none;
}

#secondaire_comportementale {
	margin-bottom: 20px;
}

#secondaire_comportementale h2 {
	background: url(../img/titre-comportementale.gif) no-repeat;
	height: 24px;
}
#secondaire_comportementale ul {
	list-style: none;
}


#membre {
	background: url(../img/membreUBS.gif) no-repeat;
	height: 19px;
	width: 182px;
	position: absolute;
	right: 0px;
	top: 122px;
}
#membre span {
	display: none;
}






/********** Page d'accueil **********/

/******** Vidéos ********/

/**** Lecteur vidéo ****/

#videos_lecteur h2 {
	background: #788da3;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: normal;
	height: 16px;
	padding-left: 10px;
	padding-top: 3px;
	width: 472px;
	margin-bottom: 1px;
}
#videos_lecteur #contain {
	background: #CCCCCC;
	height: 377px;
	width: 480px;
	border: 1px solid #b6b6b6;
	text-align: center;
	margin-bottom: 10px;
}

/**** Liste des vidéos ****/

#videos_liste {
	float: left;
	width: 230px;
	margin-right: 5px;
}
#videos_liste h2 {
	background: #CCD6E0 url(../img/titre-videoReview.gif) no-repeat;
	height: 19px;
}
#videos_liste ul {
	list-style: none;
	background-color: #EBEBEB;
}
#videos_liste li {
	background-color: #EBEBEB;
	border-color: #FFF;
	border-style: solid none none;
	border-top-width: 1px;
	width: 230px;
}
#videos_liste li a,
#videos_liste li.actif {
	display: block;
	width: 218px !important;
	padding: 6px;
	font-size: 1.1em;
	color: #0B77BF;
}
#videos_liste li a:hover,
#videos_liste li.actif {
	background: #CACACA !important;
}

#videos_liste img {
	border: 1px solid #a9a9a9;
	float: left;
	margin-right: 10px;
	clear: both;
}
#videos_liste li span {
	display: block;
	width: 123px;
	float: right;
}
#videos_liste li span.clear {
	float: none;
	height: 1px;
	font-size: 1px;
}
#videos_liste li span.date {
	font-size: 0.9em;
	color: #036;
}
#videos_liste li span.intervenant {
	font-weight: bold;
	color: #000;
}
#videos_liste li span.titre {
	font-weight: bold;
	color: #365e87;
}

/**** Pagination des vidéos ****/

#videos_pagination {
	background: url(../img/bg-nav-videos.gif) repeat-x;
	height: 20px;
	width: 100%;
}

#videos_pagination a {
	display: block;
	height: 100%;
}
#videos_pagination a span {
	display: none;
}

/* Ci-après, on sélectionne spécifiquement les liens "a" parce que ces boutons
   existent aussi sous la forme de "span", lorsqu'ils sont inactifs. */

a#videos_pageSuivante {
	width: 52px;
	float: right;
	background: url(../img/btRight-videos01.gif);
}
a#videos_pageSuivante:hover {
	background: url(../img/btRight-videos02.gif);
}

a#videos_pagePrecedente {
	width: 51px;
	background: url(../img/btLeft-videos01.gif);
}
a#videos_pagePrecedente:hover {
	background: url(../img/btLeft-videos02.gif);
}


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


/**** Actualités en page d'accueil ****/

#actualitesAccueil {
	float: left;
	width: 248px;
}
#actualitesAccueil h2 {
	background: #CCD6E0 url(../img/titre-news.gif) no-repeat;
	height: 19px;
}
#actualitesAccueil_liste {
	position: relative;
	overflow: hidden;
}
#actualitesAccueil li {
	list-style: none;
	padding: 5px 6px;
	border-bottom: 1px solid #dcdcdc;
}
#actualitesAccueil h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
}
#actualitesAccueil h3,
#actualitesAccueil h3 a {
	color: #000;
}

#actualitesAccueil p {
	font-size: 1.1em;
	padding: 0;
	margin-bottom: 0.2em;
}
#actualitesAccueil p,
#actualitesAccueil p a {
	color: #333;
}

#actualitesAccueil p.suite a {
	font-weight: bold;
	color: #0b77bf;
	background: url(../img/puce-menu.gif) no-repeat 0px 4px;
	padding-left: 12px;
}
#actualitesAccueil p.suite a:hover {
	color: #036;
}

#actualitesAccueil li.important {
	background-color: #E41B21;
}
#actualitesAccueil li.important p.date {
	color: #FFF;
}
#actualitesAccueil li.important a {
	color: #FFF;
}
#actualitesAccueil li.important p.suite a {
	color: #C7E8FF;
	background: url(../img/puce-menu.actualite-importante.gif) no-repeat 0px 4px;
}
#actualitesAccueil li.important p.suite a:hover {
	color: #8FD2FF;
}


/**** Actualités sur page indépendante ****/

#actualites ul {
	list-style: none;
	margin-top: 10px;
	font-size: 1.1em;
	color: #036;
}
#actualites li {
	margin-bottom: 7px;
	width: 500px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 7px;
}
#actualites li h3 {
	font-size: 1.4em;
	margin-top: 0.2em;
	padding-top: 0;
}
#actualites .date {
	color: #788da3;
	margin-bottom: 0.2em;
}
#actualites a {
	color: #036;
}
#actualites p.suite a {
	font-size: 1em;
	font-weight: bold;
	color: #0b77bf;
	background: url(../img/puce-menu.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 12px;
}
#actualites p.suite a:hover {
	color: #036;
}




/********** Pied de page **********/

/****** Plan du site ******/

#pied_plan {
	margin: 30px 0 10px;
	background: url(../img/bg-footer.gif) repeat-x;
	padding: 15px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 1.1em;
	font-weight: bold;
}

#pied_plan ul {
	list-style: none;
}
#pied_plan .principal a {
	color: #788da3;
}
#pied_plan .principal a:hover {
	color: #576B80;
}


#pied_plan ul.principal li,
#pied_plan ul.secondaire {
	float: left;
	margin-left: 30px;
}
#pied_plan ul.principal li li,
#pied_plan ul.secondaire li {
	padding-bottom: 3px;
}

#pied_plan ul.principal {
	color: #788da3;
}
#pied_plan ul.principal ul {
	padding-top: 3px;
}
#pied_plan ul.principal li li {
	margin-left: 0px;
	float: none;
}
#pied_plan ul.principal li li a {
	font-weight: normal;
	color: #999;
}
#pied_plan ul.principal a:hover {
	color: #333;
}

#pied_plan ul.secondaire a {
	color: #012f60;
	background: url(../img/puce-fonds.gif) no-repeat;
	padding: 3px 0 0 22px;
}
#pied_plan ul.secondaire a:hover {
	color: #788DA3;
}


/****** Mentions ******/

#pied_mentions {
	padding-bottom: 20px;
	text-align: center;
	color: #036;
}
#pied_mentions a {
	color: #036;
}
#pied_mentions a:hover {
	text-decoration: underline;
}
#nav_videos {
	margin: 5px 0px 0px;
	padding: 0px;
}
#nav_videos img {
	margin: 0px;
}
.link:hover {
	text-decoration: underline;
}
#publications {
	list-style: none;
	margin-top: 20px;
}
#publications a {
	font-size: 1.3em;
	color: #036;
}
#publications a:hover {
	text-decoration: underline;
}

#publications li ul {
	margin-bottom: 10px;
	list-style: none;
}
#publications li ul li a {
	width:500px;
	background: url(../img/puce-menu.gif) no-repeat 0px 5px;
	display: block;
	font-size: 1.1em;
	margin: 1px 0px;
	padding: 0px 0px 0px 15px;
}
#publications li ul li a:hover {
	background: url(../img/puce-menu.gif) no-repeat 0px 5px;
	color: #788da3;
	text-decoration: none;
}
#publications_ {
	list-style: none;
	margin-top: 20px;
}
#publications_ li a {
	background: url(../img/puce-menu.gif) no-repeat 0px 5px;
	padding-left: 15px;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 1.1em;
	color: #036;
	width: 500px;
}
#publications_ li a:hover {
	background: url(../img/puce-menu.gif) no-repeat 0px 5px;
	color: #788da3;
	text-decoration: none;
}
#publications  li  ul  li  .VoirPublications  {
	color: #0033FF;
	background: url(none);
	padding-left: 0px;
}
#publications  li  ul  li  .VoirPublications:hover  {
	color: #0033FF;
	background: url(none);
	padding-left: 0px;
	text-decoration:underline;
}

#PDFdisclaimer {
	margin-top: 30px;
	padding-right: 30px;
	color: #036;
}
/********* Généralités de contenus *****/
.liste {
	list-style: none;
	margin-bottom: 10px;
	margin-top: -10px;
}
.liste li {
	font-size: 1.1em;
	color: #036;
	padding: 0 0 5px 2%;
	background: url(../img/puce-menu.gif) no-repeat 0px 4px;
	width: 80%;
}
.boxes_expertises a {
	float: left;
	background: #D9E3ED;
	height: 115px;
	margin-right: 15px;
	font-size: 1.1em;
	font-weight: bold;
	color: #036;
	margin-bottom: 15px;
	border: thin solid #E6E6E6;
}
.boxes_expertises a:hover {
	background: #003366;
	color: #FFF;

}
.boxes_expertises span {
	padding-top: 5px;
	display: block;
	padding-left: 10px;
}
.boxes_actions {
	width: 176px;
	float: left;
	margin-right: 8px;
}
.boxes_actions a {
	display: block;
	width: 176px;
	color: #036;
	font-size: 1.2em;
	font-weight: bold;
	background: #CCD6E0;
}
.boxes_actions a:hover {
	color: #FFFFFF;
	background: #036;
}
.boxes_actions span {
	width: 166px;
	height: 17px;
	display: block;
	padding-left: 10px;
	padding-top: 3px;
}
.boxes_actions p {
	text-align: left !important;
	padding: 5px !important;
}
.contacts {
	list-style: none;
}
.contacts h4 {
	display: none;
}
.contacts li{
	border: 1px solid #E2E2E2;
	background: no-repeat;
	height: 64px;
	margin-bottom: 10px;
	width: 420px;
	padding-left: 110px;
	padding-top: 55px;
}
.contacts li span {
	font-size: 1.2em;
}
.contacts a:hover {
	text-decoration: underline;
}
.tetiereIllustration {
	background: no-repeat;
	height: 105px;
	margin: 0px 0px 20px;
}
#accesFonds span, #accesFondsUBS span {
	display:none
}
#accesFonds a {
	background: url(../img/btAccesFonds.gif) no-repeat;
	height: 38px;
	display: block;
	width: 179px;
}
#accesFonds a:hover {
	background: url(../img/btAccesFonds.gif) no-repeat 0px -38px;
}
#accesFondsUBS a {
	background: url(../img/btAccesFondsUBS.gif) no-repeat;
	height: 38px;
	display: block;
	width: 179px;
}
#accesFondsUBS a:hover {
	background: url(../img/btAccesFondsUBS.gif) no-repeat 0px -38px;
}
#principal p.titreExceptionnel {
	font-size: 1.8em;
	color: #788DA3;
	margin-bottom: 0px;
}
#principal p.legende {
	font-size: 1em;
	color: #999999;
	text-align: left;
}
#secondaire_publicite {
	width: 300px;
	padding: 0px;
	float: right;
	margin: 0px 11px 0px 0px;
}
#communique h3 {
	background: #FF0000;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 3px 0px;
	margin-bottom: 10px;
}
#communique p {
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 260px;
	background: #FFFFFF;
	margin-bottom: 10px;
}
#communique a {
	font-size: 0.9em;
	font-weight: bold;
	color: #0b77bf;
	background: url(../img/puce-menu.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 12px;
}
#UBSaccueil span {
	display: none;
}

#UBSaccueil a {
	background: url(../img/accesFondAccueil.gif) no-repeat 0px 0px;
	height: 65px;
	display: block;
	margin-top: 10px;
	border: 1px solid #999999;
}
#UBSaccueil a:hover {
	background: url(../img/accesFondAccueil.gif) no-repeat 0px -65px;
}
#animation {
	margin-bottom: 30px;
}
#bd {
	background-color: #FEF291;
	color: #000000;
	width: 91%;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#bd p {
	color: #000000;
}




.up {
	margin: 10px 0px 20px;
}
h4 {
	font-size: 12px;
	color: #8195A9;
	width: 300px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


a.link-pdf { display:block; margin-top:12px; background:url(../img/pictoPDF.gif) no-repeat left center; height:24px; line-height:24px; padding-left:28px; font-size:12px; font-weight:bold; color:#036;}
a.link-pdf:hover { text-decoration:underline;}