

/*
********************************************* STRUCTURE *********************************************
*/
:lang(fr) {quotes:"«" "»" "“" "”" "‶" "″" ;}
:lang(en) {quotes: '"' '"' "'" "'" ;}

html {
	font-size: 100%; 
}
body {
	margin: 0;
	padding: 10px 5px;
}

h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; 
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

ul#menu {
	list-style-type: none;
	width: 100%;
	left: -.9em;
	top: -3em;
	z-index: 10;
	position:relative;
	float:right;
}

ul#menu li {
	float: left;
}
ul#menu .flags-menu {
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	border-top-width: 1px;
	margin-top: 0px;
}
ul#menu lu a img {
	padding: 1px 0 1px 4px;
}
ul#menu li a {
	float: left;
	margin: 0 2px;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;
}

/* Paragraphes */
p .indent{
	margin: .75em 0;
	text-indent: 19px;
}
form p {
	text-indent: 0px;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
	border-left: double 3px #529eda; /*  e81749 */
	padding: 0 0 0 10px;
	overflow: auto;
}

/* Liens */
a img {
	border: none; 
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}


#global {
	width: 80%;
	max-width: 110em;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

/* Navigation */
#navigation {
	float: left;
	width: 180px;
	padding-top: .2em;
}
#navigation .flags a {
	padding: 8px 6px 6px 2.3em;
	text-decoration: none;
}
#navigation ul#nav {
	margin: 0;
	padding: 9px 1px 9px 31px;
 	list-style: none;
	left: -1.1em;
	z-index: 20;
	position:relative; /* absolute */
}
#navigation ul#nav a {
	display: block;
	height: 1%;
	padding: 6px 6px 6px 2.3em;
	line-height: 1.3;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: 500;
	font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
}
#navigation ul#nav a img {
	margin-left: -2em;
	padding-right:.4em;
	visibility: hidden;
}
#navigation ul#nav a:hover img, #navigation ul#nav a:focus img {
	visibility: visible;
}
#navigation ul#nav a:hover, #navigation ul#nav a:focus {
	font-weight: 600;
}
#navigation ul#nav a.select  {
	font-weight: 600;
}
#navigation ul#nav a.select > img{
	visibility: visible;
}
#navigation ul#nav > h2 {
	display: none;
}

/* Contenu principal */
#principal {
	margin-left: 180px;
	margin-right: 95px;
	padding: 10px 20px;
	min-width: 685px;
	max-width: 60em;
}
#principal a {
	text-decoration:none;
}

#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}
/* En-tête */
#entete {
	padding: 2.9em 0 3em 3em;
}

#entete h1 img {
	float: left;
	margin: .20em .3em 0 1em;
	width:40px;
	height:40px;
}
.fimarkets:before {
	display: marker;
	float: left;
	content : url(../images/logo-desature.jpg);
/*	marker-offset: 90px; */
	padding-right: 10px;
}
.fimarkets {

}

/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: visible;
}
/* Pied de page */
#pied {
	padding: 15px 12px 10px 12px;
	font-size: 1em;
}
/* Mentions et copyright */
#copyright a {
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}
#copyright {
	margin: .5em 0 0 0;
	font-size: .85em;
	text-align: center;
}
#copyright #codes {
	font-size: 1em;
}
#mentions {
	padding: 0 1em 0 1em;
	text-align: center;
}
abbr {
	font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;
}
abbr:after  { content:" "attr(title); }
input, textarea {
	cursor:text;
	font-weight: bold;
	font-style: italic;
}
input:focus, textarea:focus {
	font-style: normal;
}

#submit {
	position: inline;
	float: right;
}
#comment {
	width:100%;
}


/*
*********************************************	STYLES VISUELS ****************************************************
*/
#principal, ul#menu a {
	-moz-border-radius:0 12px;
	-webkit-border-radius:0 12px;
	border-radius:0 12px;
}
.bordure {
	border: solid 1px black;
}
#contenu, #principal, #secondaire {
	-webkit-box-shadow: 0px 0px 5px #ffffff;
	-moz-box-shadow: 0px 0px 5px #ffffff;
	box-shadow: 0px 0px 5px #ffffff;
}
#global {
	-webkit-box-shadow: 0px 0px 10px #999999;
	-moz-box-shadow: 0px 0px 10px #999999;
	box-shadow: 0px 0px 10px #999999;
}
#centre-bis {
	filter : alpha(opacity=95); /* entre 0 et 100 */
	-moz-opacity : 0.95;
	background-opacity : 0.95; /* entre 0.00 et 1.00 */
	opacity : 0.95; 
}
/*
*********************************************	COULEURS ****************************************************
*/
body {
	color: #F3F7F8;
	background-color: rgb(243,247,246); /*145,127,36 - 178,200,55  */
	background-image: url(../images/stripes.png); /* stripes.png */
}
#global {
	background-color: #93BEBE; /* 72AAA9   4D9D9C    b2c837  b2c837 - 7F5B22 */
	background-image: url(../images/top-bg.png); 
	background-repeat: no-repeat;
	background-position: 50px -3%;
} 
#entete {
	background:url(../images/path.png) no-repeat 3em 0.5em;
}
#principal {
	background: #fbfcf8 url(../images/bgfadegreen.gif) repeat-x right bottom; 
	color: #101018; /* #2e1a0c */
}
#principal a {
	color: #171717 ; /* #6e6a61 */
	border-bottom:1px solid #666;
}
#principal a:hover, #principal a:focus {
	color: #bc3c33;
	border-color:#ccc;
}
#pied {
	background:url(../images/top-bg.png) no-repeat -11em bottom;
}
h2, h3, h4, h5, h6 {
	color: #39537A; /*347599 82,158,218 - 529eda */
}
h2 {
	border-bottom:2px solid #31D4C6; /* FF9800 */
}
ul#menu li a {
	border: 1px solid white;
	background: #e9eff8;  /* #37cc70 */
	color: #555;
}
ul#menu li a:hover {
	background: #99c7cf;
	color: black;
	border: 1px solid white;
}
ul#menu .flags-menu {
	background-color: #eff8f2;
	color: #555;
}
#entete h1 .sous-titre .sstitre-light {
	color: red;
}
#entete h1 {
	color: white; /* #ed008c */
}
#entete h1 .part2 {
	color: #2a539f;
}
#entete .sous-titre {
	color: #024958; /* #5f6062 */
	border-bottom:2px solid #fff;
}
#navigation ul#nav a {
	color: #000; 
}
#navigation ul#nav a:active {
	color: #2a539f; 
}
#navigation ul#nav a:hover, #navigation ul#nav a:focus {
	color: white; 
}
#navigation ul#nav a.select  {
	color: white;
}
#copyright, #mentions, #copyright a{
	color: #000;
}
a {
	color: red;
	text-decoration: underline;
}
a:hover, a:focus {
	color: red;
}
#principal p.citation cite {
	color: #001948;
}
input, textarea {
	border:solid .5px #8b0b02;
	background-image:url(../images/stripes.png);
	background-color: #f8ffef;
	color: #001948;
}
input:hover, textarea:hover {
	background-color: #b2c837;
	color: #553117;
}
input:focus, textarea:focus {
	background-color: #5a73a1;
	color: white;
}
*::-moz-selection {
	background:#349BC2;
	color:#fff;
}
*::selection {
	background:#2a539f;
	color:#fff;
}
/*
*********************************************	TYPOS ****************************************************
*/
body {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
	font-size: .72em;
	line-height: 1.25;
}
h2, h3 {
	font-family: Palatino, Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; 
	font-size: 1.4em; 
	font-style: normal;
}
h2 {
	margin-bottom: .99em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 0.9em;
}
ul#menu {
	font-size: 0.9em;
}
ul#menu a {
	text-align: center;
	text-decoration: none;
	font-weight: 600;
}
#entete h1 {
	font-size: 2.3em;
	margin: 0;
	font-family: "Avant Garde", sans-serif;
	font-weight: 600;
	vertical-align: text-bottom;
}
#entete h1 .part2 {
	font-size: .75em;
	font-weight: 500;
	font-family: "Avant Garde Book", sans-serif;
	line-height: 45%;
	vertical-align: text-top;
}
#entete .sous-titre {
	font-size: 0.6em;
	font-family: FreeSans, "Liberation Sans", Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding-left: 40px;
}
.sc {
	font-variant: small-caps;
}
#principal p.citation q {
	font-size: 1.1em;
	text-align: left;
}
blockquote ol li em {
	text-decoration: underline;
}
#principal p.citation cite {
	font-size: .92em;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-style: bold;
	padding-top:.1em;
}

