* {box-sizing: border-box; /* pour maîtriser width et flex-basis */}

html {
display: flex; flex-direction: column; /* correction bug IE de min-height non appliqué à body */
}

body
{
display: flex; /* crée un contexte flex pour ses enfants */
flex-direction: column; /* affichage vertical */
min-height: 100vh; /* toute la hauteur du viewport */
/*padding: 1em;*/
}

.wrapper /*concerne la partie centrale entre header et footer*/
{
flex: 1 1 auto; /* occupe la hauteur restante */
display: flex; /* crée un contexte flex pour ses enfants */
}

header li
{
display:inline;	
/*flex-direction: row;*/	
}

nav
{
flex-direction: column; /* affichage vertical */	
width: 25em;/*largeur-du-nav-et-du-aside*/	
}

aside
{
width: 30em;/*largeur-du-nav-et-du-aside*/
}

article
{
flex: 1; /* occupe la largeur restante */
}

nav
{
order: -1; /* nav s'affiche en premier */
}


/*--------------------Responsive (fenêtres de moins de 640px)--------------------------*/
@media (max-width: 640px)
{
.wrapper {
flex-direction: column; /* affichage vertical */
}
nav,
aside
{
width: auto; /* pour écraser la valeur 10em */
}
nav,
aside,
article
{
flex-basis: auto; /* pour écraser la valeur 0, due au flex: 1 */
}
nav
{
order: 0; /* nav reprend sa place */
}
}
/*-------------------------------fin--media----------------------------------------



/* Decoration */
body
{
margin: 0;
background: #000000;
font-family: arial, sans-serif;
}

header,
nav,
aside,
article,
footer {
/*margin: .4em;*/
/*padding: 1em;*/
/*border-radius: 6px;*/
}

header {
background: #C2D9BD;
}

header img
{
margin-left: 50px;	
}

nav
{
/*background: #ffffff;*/
background-image:linear-gradient(#C2D9BD, #ffffff);
text-align: center;
}

aside {
	/*background: #ffffff;*/
	/*background-color: #f7fc95;*/
background-image:linear-gradient(#C2D9BD, #ffffff);	
/*background-image:linear-gradient(#ffffff, #fbf095);*/
}

aside ul li
{
	display:inline;
	margin: 10px;
	img width: 30px;
}

aside ul li a img 
{
	width: 30px;
}

/*aside ul li a:hover img
{
	width: 50px;
}
*/

article {
	/*background: #ffffff;*/
	/*background-color:#bbf3af;*/
background-image:linear-gradient(#C2D9BD, #ffffff);			
}
footer {
color: #FFFFFF;	
background: #000000;
/*background-image:linear-gradient(#ffffff, #C2D9BD);*/
text-align: center;
font-style: italic;
font-size: 10px;
}

#comptes
{
font-size:13px;	
}

#comptes th
{
font-weight: bolder;
font-style: italic;
}

#comptes a
{
color:black;	
text-decoration: none;
background-color:#ffffff;

}

#comptes a:hover
{
color:#ffffff;	
text-decoration: none;
background-color:#000000;
}

#comptes #st
{
font-weight: bolder;
font-style: italic;
background-color:#fff7f7
}

#comptes #tot
{
font-size:14px;	
font-weight: bolder;
font-style: italic;
background-color: #000000;
color:#FFFFFF;
}

#comptes #reg
{
background-color: #dcd8d9
}

#comptes #vert
{
color:#127417;
}

#comptes #rouge
{
color:#df0000;
background-color: #fffdf7
}

.menu ul
{
width: 100%;	
}

.menu li
{
background-color:#ebdaa7;	
list-style-type: none;	
text-decoration: none;
border-style: double;
}

.menu ul li a
{
text-decoration: none;
font-size:20px;
background-color:#ebdaa7;	
color:#000000;
}

.menu ul li a:hover
{
text-decoration: none;
font-size:20px;
background-color:#000000;	
color:#ebdaa7;
}

.menunav
{
font-size:18px;
color:#000000;	
}

.menunav li
{
text-align: left;
list-style-type: none;	
text-decoration: none;	
} 

.menunav li a
{
text-decoration: none;	
color:#000000;	
}

.menunav li a:hover
{
font-weight: bold;
background-color: #40bfb3;
color: #6f0000;
}

.portefeuille, .analystes, .base, .recomand, .secteurs, .ordres
{
	font-size:11px;
	text-align: left;
}


.portefeuille li,.ordres li, .secteurs li
{
text-align: left;
display: inline;
list-style-type: none;	
text-decoration: none;
margin: 3px;	
}

.analystes li
{
text-align: left;	
display: inline;
list-style-type: none;	
text-decoration: none;
margin: 5px;	
}

.base li
{
text-align: left;	
display: inline;
list-style-type: none;	
text-decoration: none;
margin: 5px;	
}

.recomand li
{
text-align: left;	
display: inline;
list-style-type: none;	
text-decoration: none;
margin: 5px;	
}

.secteurs li
{
text-align: left;	
display: inline;
list-style-type: none;	
text-decoration: none;
margin: 5px;	
}

label
{
width: 60;
float: left;
font-style: italic;
font-size: 12px;
}

input
{
color:black;
}

.listeReco 
{
font-style: italic;
font-size:12;		
}

.listeReco th
{
background-color:#000000;
color: #FFFFFF;	
}

#listePortef
{
text-align: center;		
background-color:#fae8af;
font-family: arial;
font-size: 12px;	
}

#listevaleurs
{
text-align: center;	
font-family: arial;
font-size: 14px;	
}

#listevaleurs td a 
{
text-align: center;	
font-size: 12px;		
text-decoration: none;		
color:#000000;
background-color:#ffffff;	
}

#listevaleurs td a:hover
{
text-align: center;	
font-size: 12px;		
text-decoration: none;	
color:#ffffff;
background-color:#000000;
}

#vertS
{
font-family:Arial;
text-align: center;		
background-color:#379629;
color:#FFFFFF;	
font-size:12;
}

#rouge
{
font-family:Arial;
text-align: center;		
background-color:#e50707;
color:#FFFFFF;
font-size:12;
}

#vertC
{
font-family:Arial;
text-align: center;		
background-color:#ccf8c7;
font-size:12;
}

#orange
{
font-family:Arial;
text-align: center;		
font-size:12;	
background-color:#fbb744;	
}

#beige
{
font-style: normal;
font-size:16;
font-family:Arial;
font-weight: bolder;
text-align: center;		
background-color:#f9efbf	
}

#cssZb
{
font-style: italic;
font-size:10;	
}

#Nb
{
background-color:#FFFFFF;
color:#000000;	
}

#Bn
{
color:#FFFFFF;
background-color:#000000;	
}

#fin
{
background-color:#FFFFFF;
color:#000000;
font-style: italic;
font-size:12;
text-align: center;	
}

#finLeft
{
background-color:#FFFFFF;
color:#000000;
font-style: italic;
font-size:12;
text-align: left;	
}

#gras
{
font-style: normal;
font-size:15;
font-family:Arial;
text-align: center;	
background-color: #ceecc8;
}

#texte
{
background-color:#FFFFFF;
color:#000000;
font-style: normal;
font-size:12;
text-align: left;
}

#texteCentre
{
background-color:#FFFFFF;
color:#000000;
font-style: normal;
font-size:12;
text-align: center;
}

#paragAs
{
background-color:#FFFFFF;
color:#000000;
font-style: normal;
font-size:12;
text-align: left;
}

.ombremultiple {
color:#884b0f;
background-color:#fbf2c1;
padding:5px;
box-shadow:2px 2px 2px grey,
-1px -1px 2px white;
/*text-shadow:1px 1px 2px yellow;*/
}

p
{
color: blue;
font-size: 12px;
margin-left:25px;
}

.synthese
{
	margin-left: 30px;
	text-align: center;
}

label
{
display: block;
width: 250px;
float: left;
}

input 
{
width: 300px;
border-style: inset;
}

fieldset
{
background-color:#dcd4a7;
border-style: outset;
}

legend
{
font-family:arial;
font-style: italic;
font-weight: bold;
font-size:18px;
}


#tabcat
{
	width: 100%;
	color:#6b0000;	
	background-color: #f7fc95;
	font-family:arial;
	font-size:12px;
}


#tabcat caption
{
	color:#6b0000;	
	background-color: #f7fc95;
	font-family:arial;
	font-size:18px;
	border-style: double;
}

#tabcat td a
{
	color:#6b0000;
	background-color: #f7fc95;
	font-family:arial;
	font-size:12px;
	text-decoration: none;
	
}

#tabcat td a:hover
{
	color:#f7fc95;
	background-color: #6b0000;
	text-decoration: none;
}

#tablistcat
{
	width:100%;
	color:#462211;
	background-color:#bbf3af;	
	font-family:arial;
	font-size:15px;
}
#tablistcat caption
{
	color:#462211;
	background-color:#bbf3af;	
	font-family:arial;
	font-size:18px;
	border-style: double;
}


#tablistcat td a
{
	color:#462211;
	background-color:#bbf3af;	
	font-family:arial;
	text-decoration: none;	
	font-size:15px;
}

#tablistcat td a:hover
{
	color:#bbf3af;
	background-color:#462211;
	text-decoration: none;		
}