/* -------------------------------------------------------------------- 
                       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:#8A2437;
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;
}

.conteneur_intrinseque{
	width: 608px !important;
}

#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;
}

.intrinseque{
	width: 558px !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

/* 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 */

/*--- Site EN provisoire / ---*/

.EN {
margin:0 !important;
background-color:#E8E8E8;
height:600px;
}

html>body .EN {
height: auto;
min-height: 600px;
}

/*--- / Site EN provisoire ---*/


#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:35px; top:3px; color:#a1a3a8; text-decoration:none;}
p.top a:hover{text-decoration:underline;}
p.header {padding:0 6px 0 6px; margin:0; color:#EAEBEC; font-size:9px; height:12px}
p.header span {margin-left:795px;}
p.header a {color:#EAEBEC; text-decoration:none; background: url("/img/bg_lien_top.gif") left no-repeat; padding-left:5px;}
p.header a.of {color:#BA8892; text-decoration:none; background: url("/img/bg_lien_top_of.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_public.gif") no-repeat;
	margin:0 0 4px 0;
	vertical-align:middle;
	}

ul.navigation li span {font-size:9px;}

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 15px;
	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:#8A2437; font-size:10px; color:#EAEBEC; text-transform:uppercase; padding:2px 2px 2px 9px; margin: 5px 0 5px 0;}
#droite p.titre {margin-left:11px;}
#gauche p.titre a{text-decoration:none; display:block; color:#EAEBEC; width:175px;}

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

img.pro {margin:50px 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 }

.justify {text-align:justify;}

img.right {float:right; margin:5px 0 0 10px}

p.justifybold {font-weight:bold;text-align:justify;}
.justifybold span {font-weight:normal !important;}
.padd {margin:0 !important; padding-bottom:7px}
.uppercase {text-transform:uppercase}
.lienIntraSite{color:#8a2437 !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

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}
div.encart{margin:0 50px;}
div.encart p{margin-top:8px;}
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;}

/* --- 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 tr.clair td.foncer {font-weight:bold; background:#E5E5E5; border:1px solid #8E8F8F; border-right:1px solid #D6D6D6;}

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 th.sansbold {font-weight:normal}
table.donnees th span {display:block; font-size:10px;}

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.soustitreTableau {background:white; text-align:center; color:#8E8F8F; padding:4px; font-size:11px; margin:0 0 10px 0 !important;}

p.indice {font-size:9px;}
p.indice2 {font-size:9px; margin:0 0 10px 0 !important; padding:0;}
p.indice sup{font-family:"Lucida Sans Unicode", sans-serif;}

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;}

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 10 col --- */

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

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

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

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

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

table.donnees10col 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.donnees10col th.first {border-left: 1px solid #8E8F8F;}
table.donnees10col th.last {border-right: 1px solid #8E8F8F;}
table.donnees10col th.double {font-weight:bold; padding:4px; background:none; border-right: 1px solid #8E8F8F; border-left: 1px solid #8E8F8F; text-align:left;}
table.donnees10col th.double span {color:#8E8F8F; margin-left:10px;}
table.donnees10col th.none {background:none; border:0;}

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

table.donnees10col td a {text-align:center; color:#8E8F8F; text-decoration:none;}
table.donnees10col td a:hover {text-decoration:underline;}
table.donnees10col 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}

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 0px 20px 30px ;
	padding: 0 ;
	list-style-type: square;
	}
	
ul.square li {
	padding: 0 0 5px 0 ;
	text-align:justify;
	}

/* --- 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.link {color:#000; text-decoration:underline;}
a.link:hover {color:#000; text-decoration:none;}

/* --- 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;}

/* --- 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}

/* --- Palmares --- */
p.passerelle{text-align:right; border-bottom:1px solid #8f8f8f; padding-bottom:10px;}
a.left{float:left}
p.palmares {text-align:center; margin:0px; padding:0px}
p.palmares a.PDF {text-align:left; display:inline; margin:0 10px 0 10px;}
#talentGestion a img, #lipper a img, #citywire a img{visibility:hidden}
#talentGestion{height:45px;}
#talentGestion a{background:url(/img/talents_gestion.jpg) no-repeat; width:110px; height:37px; display:block; position:absolute; left:50%; margin-left:-55px;}
#talentGestion a:hover{background:url(/img/talents_gestionBig.jpg) no-repeat; width:241px; height:78px; display:block; margin:-20px 0 0 -120px;}
#lipper{height:80px;}
#lipper a{background:url(/img/Logo-Lipper-Award-2005.jpg) no-repeat; width:52px; height:75px; display:block; position:absolute; left:50%; margin-left:-26px;}
#lipper a:hover{background:url(/img/Logo-Lipper-Award-2005Big.jpg) no-repeat; width:125px; height:181px; display:block; margin:-60px 0 0 -62px;}
#citywire{height:80px;}
#citywire a{background:url(/img/diplome-citywire.jpg) no-repeat; width:52px; height:75px; display:block; position:absolute; left:50%; margin-left:-26px;}
#citywire a:hover{background:url(/img/diplome-citywireBig.jpg) no-repeat; width:152px; height:220px; display:block; margin:-80px 0 0 -76px;}


/* --- 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.alignRight{text-align:right; margin-bottom:10px !important;}
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;}

ul.liensTop {
	list-style-type:none;
	margin:0;
	padding:0 0 15px 0;
}
ul.liensTop li.first {
	float:right;
}


/*--- input radio ---*/
input.no {border:0 !important; width:auto !important;}
label {padding:4px 0 4px 0; display:block;}

/*--- Archives ---*/

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

/*--- Historique des cours ---*/

#divresultat {height:20px;}

a.taille11{ font-size:10px; color:#000000;}

/* --- PAGE LIENS --- */
ul.pageLiens{list-style-type:square; margin:0 0 0 20px; padding:0;}
ul.pageLiens li{margin-bottom:5px;}
ul.pageLiens a{color:#000;}
ul.pageLiens a:hover{text-decoration:none;}