/* -------------------------------------------------------------------- 
                       PASTEL & ASSOCIES 
                      CSS STYLES
            Par L'Ile des Medias, 2007
-------------------------------------------------------------------- */

/* --- GENERAL --- */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#000;
margin: 0;
padding: 0;
background:#DCDCDC;
}

#header {
height:12px;
background:#FF9A00;
border-bottom:1px solid #8E8F8F;
}

#conteneur {
position: relative;
width: 1002px;
margin: 0 auto 10px auto; 
background-color:#fff;
border:1px solid #8F8F8F;
border-top:0;
}

#centre {
background-color:#E8E8E8;
margin-left: 197px;
margin-right: 197px;
height:600px;
padding:10px 25px 10px 25px;
}

html>body #centre {
height: auto;
min-height: 600px;
}

/* pour actu / */
#centre2 {
background-color:#E8E8E8;
margin-left: 197px;
margin-right: 197px;
height:600px;
padding:10px 25px 10px 25px;
}

html>body #centre2 {
height: auto;
min-height: 600px;
}
/* / pour actu */

#centreliens {
background-color:#E8E8E8;
margin:0;
height:600px;
padding:10px 25px 10px 25px;
}

html>body #centreliens {
height: auto;
min-height: 600px;
}


#gauche {
position: absolute;
left:0;
width: 197px;
}

#droite {
position: absolute;
right:0;
width: 197px;
}

#pied {
height: 27px;
background-color: #fff;
}

IMG {border:0;}

/* --- Top --- */

p.top {padding:0; margin:0; position:relative;}
p.top a{position:absolute; left:30px; top:3px; color:#a1a3a8; text-decoration:none;}
p.top a:hover{text-decoration:underline;}
p.header {padding:0 6px 0 6px; margin:0; color:#000; font-size:9px; height:12px}
p.header span {margin-left:813px;}
p.header a {color:#000; text-decoration:none; background: url("/img/bg_lien_top_pro.gif") left no-repeat; padding-left:5px;}
p.header a.of {color:#AEAEAE; text-decoration:none; background: url("/img/bg_lien_top_of_pro.gif") left no-repeat; padding-left:5px;}
p.header a.first {margin-right:20px;}

/* --- Navigation --- */

ul.navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none;
	width: 176px;
	}
	
ul.navigation li {
	height:25px;
	color: #8F8F8F ;
	background: url("/img/bg_bouton_pro.gif") no-repeat;
	margin:0 0 4px 0;
	vertical-align:middle;
	}

ul.navigation li.gris {background: url("/img/bg_bouton_public_gris.gif") no-repeat; }

ul.navigation li a {
	display: block ;
	color: #8F8F8F ;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	padding:0px 2px 3px 17px;
	line-height:1em;
	}

html>body ul.navigation li a {padding:1px 2px 3px 15px;}

ul.navigation li a.simple { padding:5px 2px 3px 15px;}

html>body ul.navigation li a.simple {padding:6px 2px 3px 15px;}
	
ul.navigation li a:hover, ul.navigation li a:focus, ul.navigation li a:active {
	color:#B0B0B0;
	}

#gauche ul.navigation {margin:0 0 25px 10px;}
#droite ul.navigation {margin:0 0 25px 11px;}

#gauche ul.last, #droite ul.last {margin-bottom:0px;}

#gauche p.titre, #droite p.titre {width:175px; background:#FF9A00; font-size:10px; color:#000; text-transform:uppercase; padding:2px 2px 2px 9px; margin: 5px 0 5px 0;}
#droite p.titre {margin-left:11px;}

/* --- Bouton Espace Pro --- */

img.pro {margin:22px 38px 0 38px;}
img.pro2 {margin:10px 38px 0 38px;}

/* --- Pied --- */

p.pied {width:608px; padding:8px 0 0 0; margin:0 auto; background: transparent}
p.pied span {margin-left:453px;}
p.pied a {color:#8E8F8F; text-decoration:none;}
p.pied a:hover {text-decoration:underline;}

/* --- Contenu CENTRE --- */

#centre p {margin:0 0 20px 0;}

#centre p.taille12 {font-size:12px;}

#centre p a {color:#000; text-decoration:underline;}
#centre p a:hover {text-decoration:none;}

#centre p.titre {padding:8px 2px 8px 25px; margin:0 0 20px 0; font-size:12px; color:#8E8F8F; text-transform:uppercase; background: #fff url("/img/fleche_titre.gif") left no-repeat }

#centreliens p.titre {padding:8px 2px 8px 25px; margin:0 0 20px 0; font-size:12px; color:#8E8F8F; text-transform:uppercase; background: #fff url("/img/fleche_titre.gif") left no-repeat }

.justify {text-align:justify;}
.uppercase {text-transform:uppercase}
.lienIntraSite{color:#8a2437 !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

div.encart{margin:0 50px;}
div.encart p{margin-top:10px;}
p.titreEncart{font-weight:bold; color:#990033; text-align:center; margin:8px 0 !important;}

/* ACTU */
#centre2 p a {color:#000; text-decoration:underline;}
#centre2 p a:hover {text-decoration:none;}

#centre2 p.titre {padding:8px 2px 8px 25px; margin:0 0 20px 0; font-size:12px; color:#8E8F8F; text-transform:uppercase; background: #fff url("/img/fleche_titre.gif") left no-repeat }

#centre2 div.justify, #centre2 div.justify p, #centre2 div.justify span {font-size:11px !important;}
#centre2 div.justify p {margin:0 !important;}

p.alignRight{text-align:right; margin-bottom:10px !important;}
a.left{float:left;}
.revuePresse{line-height:17px; padding-top:2px;}

/* --- Tableaux Données --- */

table.donnees {
width: 100%;
border-collapse: collapse;
}

table.donnees thead {background:#E5E5E5; }

table.donnees td, table.donnees th {
width: 25%;
text-align:center;
font-weight:normal;
padding:5px;
font-size:11px;
}

table.donnees td.double, table.donnees th.double {width:50%; text-align:left;}
table.donnees td.double {color:#8F8F8F; font-size:10px;}
table.donnees td.double span {font-weight:bold; display:block;}

table.donnees td {border: 1px solid #D6D6D6; background:#F4F4F4; padding:10px 5px 10px 5px; vertical-align:top;}

table.donnees td span {display:block; margin-top:5px; color:#8E8F8F;}
table.donnees td span.titre {font-weight:bold}
table.donnees td span.part {font-weight:normal; font-size:10px}

table.donnees tr.clair td {background:#FBFBFB;}


table.donnees th {font-weight:bold; border-top:1px solid #8E8F8F; border-bottom:1px solid #8E8F8F; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
table.donnees th.first {border-left: 1px solid #8E8F8F;}
table.donnees th.last {border-right: 1px solid #8E8F8F;}

table.donnees td a {text-align:center; color:#8E8F8F; text-decoration:none;}
table.donnees td a:hover {text-decoration:underline;}
table.donnees td a img {display:block; margin:0 auto; padding-bottom:3px;}



/* --- Tableaux 6 col --- */

p.titreTableau {text-transform:uppercase; background:#8E8F8F; text-align:center; color:white; padding:4px; font-size:11px; font-weight:bold; margin:30px 0 20px 0 !important;}
p.titreTableau  span {font-size:10px; text-transform:lowercase;}
p.margtop {margin:10px 0 20px 0 !important;}

p.bordeaux {background:#8A2437}
p.bleu {background:#3125A2;}

p.soustitreTableau {background:white; text-align:center; color:#8E8F8F; padding:4px; font-size:11px; margin:0 0 10px 0 !important;}

p.indice {font-size:9px;text-align:justify;}

table.donnees6col {
width: 100%;
border-collapse: collapse;
margin-bottom:10px;
}

table.donnees6col thead {background:#E5E5E5; }

table.donnees6col td, table.donnees6col th {
width: 15%;
text-align:center;
font-weight:normal;
padding:2px;
font-size:10px;
}

table.donnees6col td {border: 1px solid #D6D6D6; background:#F4F4F4; padding:10px 5px 10px 5px; vertical-align:top;}

table.donnees6col td span {display:block; margin-top:5px; color:#8E8F8F;}

table.perf th.petit, table.perf td.petit {width:15%} /* ajout */
table.perf th, table.perf td {width:23%} /* ajout */

table.donnees6col tr.clair td {background:#FBFBFB;}

table.donnees6col th {border-top:1px solid #8E8F8F; border-bottom:1px solid #8E8F8F; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
table.donnees6col th.first {border-left: 1px solid #8E8F8F;}
table.donnees6col th.last {border-right: 1px solid #8E8F8F;}
table.donnees6col th.double {font-weight:bold; padding:4px; background:none; border-right: 1px solid #8E8F8F; border-left: 1px solid #8E8F8F; text-align:left;}
table.donnees6col th.double span {color:#8E8F8F; margin-left:10px;}
table.donnees6col th.none {background:none; border:0; width:auto}

table.donnees6col td a {text-align:center; color:#8E8F8F; text-decoration:none;}
table.donnees6col td a:hover {text-decoration:underline;}
table.donnees6col td a img {display:block; margin:0 auto; padding-bottom:3px;}

table.donnees6col th span.fonds , table.donnees6col td span.fonds {font-size:11px; margin:0; color:#000; }

/* --- Tableaux 9 col --- */

table.donnees9col {
width: 100%;
border-collapse: collapse;
margin-bottom:10px;
}

table.donnees9col td, table.donnees9col th {
width: 11%;
text-align:center;
font-weight:normal;
padding:2px;
font-size:10px;
}

table.donnees9col td {border: 1px solid #D6D6D6; background:#F4F4F4; padding:10px 2px 10px 2px; vertical-align:top;}

table.donnees9col td span {display:block; margin-top:5px; color:#8E8F8F;}

table.donnees9col tr.clair td {background:#FBFBFB;}

table.donnees9col th {font-weight:bold; border-top:1px solid #8E8F8F; border-bottom:1px solid #8E8F8F; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
table.donnees9col th.first {border-left: 1px solid #8E8F8F;}
table.donnees9col th.last {border-right: 1px solid #8E8F8F;}
table.donnees9col th.double {font-weight:bold; padding:4px; background:none; border-right: 1px solid #8E8F8F; border-left: 1px solid #8E8F8F; text-align:left;}
table.donnees9col th.double span {color:#8E8F8F; margin-left:10px;}
table.donnees9col th.none {background:none; border:0;}

table.donnees9col th span.fonds , table.donnees9col td span.fonds {font-size:11px; margin:0; color:#000; }

table.donnees9col td a {text-align:center; color:#8E8F8F; text-decoration:none;}
table.donnees9col td a:hover {text-decoration:underline;}
table.donnees9col td a img {display:block; margin:0 auto; padding-bottom:3px;}



/* --- Tableaux Formulaire --- */

table.formulaire {
width: 100%;
border-collapse: collapse;
}

table.formulaire tfoot, table.formulaire tfoot td {background:#F4F4F4; }

table.formulaire thead {background:#E5E5E5;}

table.formulaire td, table.formulaire th {
width: 50%;
text-align:left;
font-weight:normal;
padding:5px 2px 5px 3px;
font-size:11px;
}

table.formulaire td {border: 1px solid #D6D6D6; background:#FBFBFB;}

table.formulaire tr.fonce td {background:#F4F4F4}

table.formulaire td span {margin-right:20px;}

table.formulaire td span.italic {font-style:italic; font-size:10px; margin:0 0 0 20px}

table.formulaire th {border-top:1px solid #8E8F8F; border-bottom:1px solid #8E8F8F; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
table.formulaire th.first {border-left: 1px solid #8E8F8F;}
table.formulaire th.last {border-right: 1px solid #8E8F8F;}
table.formulaire th.unique {border-left: 1px solid #8E8F8F; border-right: 1px solid #8E8F8F; text-align:center; font-weight:bold;}

table.formulaire input, table.formulaire select, table.formulaire textarea {border:1px solid #8E8F8F; background:#fff; font-size:11px; color:#000; width:220px;}
table.formulaire select {width:auto;}
table.formulaire input.none {width:auto; margin:2px 0 2px 0}

input.none {width:auto; margin:2px 0 2px 0}
input.none2 {width:15px; margin:2px 0 2px 0}

table.formulaire input.submit {border:1px solid #000; background:#8E8F8F; font-size:11px; color:#fff; margin:0 5px 0 5px}
table.formulaire input.modif {border:1px solid #000; background:#fff; font-size:11px; color:#8E8F8F; margin:0 5px 0 5px}

table.col4 td, table.col4 th {
width: 25%;
text-align:left;
font-weight:normal;
padding:5px 2px 5px 3px;
font-size:11px;
}

table.col4 td.centre {width: 50%;}

/* --- */

#centre p input, #centre p select, #centre p textarea {border:1px solid #8E8F8F; background:#fff; font-size:11px; color:#000; width:220px;}
#centre p select {width:auto;}
#centre p select.fonds {width:410px;}
#centre p input.none {width:auto; margin:5px 5px 2px 0;}

#centre p input.submit {border:1px solid #000; background:#8E8F8F; font-size:11px; color:#fff; margin:0 5px 0 5px}
#centre p input.date {width:60px;}

#centre p span {font-weight:bold;}

#centre div.formcentre {background:#E5E5E5; margin:0 73px 15px 73px; padding:2px; border:1px solid #8F8F8F;}
#centre p.margleft {margin:0; padding:5px; background:white; border:1px solid #8F8F8F; }

ul.square {
	margin: 0 20px 20px 30px ;
	padding: 0 ;
	list-style-type: square;
	}
	
ul.square li {
	padding: 0 0 5px 0 ;
	}

/* --- Liens --- */

a.XLS {background:url(/img/logo-xls.gif) left no-repeat; padding:2px 0 3px 20px; display:block;}
a.PDF {background:url(/img/logo-pdf.gif) left no-repeat; padding:2px 0 3px 20px; display:block;}
a.PDF2 {background:url(/img/logo-pdf.gif) left no-repeat; padding:5px 0 7px 20px; color:#000; display:block;}
a.PDF2:hover {text-decoration:none;}

p.padd {padding:2px; margin:0 !important;}

/* --- Dernières VL et performances --- */

div#part1, div#part2 {margin:0; padding:0;}

ul.parts {
	margin:0;
	padding: 0 ;
	list-style:none;
	width:100%;
	}
	
ul.parts li {
	margin:0 0 0 0;	
	background:#8E8F8F;
	border:1px solid #8E8F8F;
	display:inline;
	width:277px;
	float:left;
	text-align:center;
	}
	
ul.parts li a {
	color:#8E8F8F;
	text-transform:uppercase;
	display: block ;	
	padding:10px 0px 10px 0px;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	background: #fff;
}

ul.parts li a span {font-size:10px; text-transform:lowercase; display: block; font-weight:normal;}

ul.parts li a:hover, ul.parts li a:focus, ul.parts li a:active {
	color:#8E8F8F;
	background:#fff;	
	text-decoration: none ;
	}

ul.parts li a.on, ul.parts li a.on:hover, ul.parts li a.on:focus, ul.parts li a.on:active {
	color:#fff;
	background: #8A2437;
	text-decoration: none ;
	}
	
ul.parts li a.on2, ul.parts li a.on2:hover, ul.parts li a.on2:focus, ul.parts li a.on2:active {
	color:#fff;
	background: #3125A2;
	text-decoration: none ;
	}

div.lien {margin:10px 0 0 0; padding:0 0 0 60px;}
div.lien a {color:#000;}
div.lien a:hover {text-decoration:none;}

/* --- Contactez-nous --- */

#centre p.contact {float:left; width:100%}
#centre p.contact img {margin-right:10px;}
#centre p.contact span {display:block; padding-bottom:3px;}
#centre p.contact span.nom {font-weight:bold;}

/* --- Quel OPCVM choisir ? --- */

p.quelopcvm {width:210px; border:1px solid black; text-align:center; margin: 5px !important; padding:5px}
p.gros b {font-size:14px}

/* LIPPER 2011 */
.lipper2011 a img{visibility:hidden;}
.lipper2011 {height:80px; position:absolute; left:715px; top:-3px;}
.lipper2011 a{background:url(/img/Logo-Lipper-Award-2011Small.gif) no-repeat; width:56px; height:68px; display:block; position:absolute; left:50%; margin-left:-26px; z-index:1000;}
.lipper2011 a:hover{background:url(/img/Logo-Lipper-Award-2011Big.gif) no-repeat; width:149px; height:181px; display:block; margin:0 0 0 -75px; left:0;}

/* --- Actualités --- */    /* --- Revue de presse --- */


p.actu {font-weight:bold; font-size:13px; margin:0 0 10px 0 !important;}
p.actu2 {font-weight:bold; font-size:13px; margin:0 0 10px 0 !important; border-top:1px solid #8f8f8f; padding-top:30px;}
p.journal {font-weight:bold; font-size:13px; margin:0 0 10px 0 !important; color:#8F8F8F; border-top:1px solid #8f8f8f; padding-top:30px;}
p.journal span {font-size:9px; color:#8F8F8F;}
p.actu span {font-size:9px; color:#8F8F8F;}
p.chapo {font-weight:bold; margin:0 0 10px 0 !important; color:#8A2437;}
p.lienpdf {margin:0 0 30px 0 !important; /*background:red;*/ padding:0 !important;}
p.lienpdf a {margin-top:5px;}


/*--- input radio ---*/
input.no {border:0 !important; width:auto !important;}

/*--- label --- */
label {padding:4px 0 4px 0; display:block;}
label.date {display: inline !important;}
label.second {margin-left:104px}

/*--- page Administration des liens ---*/

table.liens {
width: 100%;
border-collapse: collapse;
margin-bottom:20px;
}

table.liens thead {background:#E5E5E5; }

table.liens td, table.liens th {
/*width: 25%;*/
text-align:left;
font-weight:normal;
padding:5px;
font-size:11px;
}

table.liens td {border: 1px solid #D6D6D6; background:#F4F4F4; padding:10px 5px 10px 5px; vertical-align:top;}

table.liens td span {display:block; margin-top:5px; color:#8E8F8F;}
table.liens td span.titre {font-weight:bold}
table.liens td span.part {font-weight:normal; font-size:10px}

table.liens tr.clair td {background:#FBFBFB;}


table.liens th {font-weight:bold; border-top:1px solid #8E8F8F; border-bottom:1px solid #8E8F8F; border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
table.liens th.first {width:25%; border-left: 1px solid #8E8F8F;}
table.liens th.last {width:75%; border-right: 1px solid #8E8F8F;}

table.liens td a {text-align:center; color:#8E8F8F; text-decoration:none;}
table.liens td a:hover {text-decoration:underline;}
table.liens td a img {display:block; margin:0 auto; padding-bottom:3px;}


/*--- Archives ---*/

input.subm {border:1px solid #000; background:#8E8F8F; font-size:11px; color:#fff; margin:0 3px 0 3px; padding:2px 0; !important;}

/* --- 22 question à David Pastel --- */

div.avertissement { padding:5px; border:1px solid black ; margin: 0 0 20px 0}
div.avertissement p.justify {margin-bottom:0 !important; padding-bottom:0 !important;}
div.avertissement p.sstitre {padding:0 0 5px 0 !important; margin:0 0 5px 0 !important; text-align:center; font-weight:bold; border-bottom:1px solid black}


ul#question {
margin: 0 0 0 25px;
padding: 0;
list-style-type: decimal;
}

ul#question li {
margin: 0 0 13px 0;
padding: 0;
}

ul#question li a {color:#000;}
ul#question li a:hover, ul#question li a:focus, ul#question li a:active {color:#8A2437; text-decoration:none;}

ul#question div {margin:10px 0 20px 0; padding:0;}

p.traitEncart{margin:-10px 0 0 0 !important;}
p.traitEncart span{border-top:1px solid #8f8f8f; width:242px; display:block; margin:0 auto 0 auto !important; margin:0 auto -15px auto}