/*-----caracteres de base-----*/

body, td, p, h, li, dd {
  font-family: verdana,arial,helvetica,"sans serif";
  font-size:11px;
  color:purple;}
a:link{
  color:blue;
  text-decoration:underline;}
a:visited{
  color:purple;}
a:hover{
  color:red;
  background-color:#FFFF99;
  text-decoration:none;}
a:active{color:navy;}

/*-----highlight-----*/

span.highlight{
  background-color:#FFFF00;}

/*-----negative red----*/

.negative{
  color:red;}

/*-----mise en page-----*/

div#wrapper{
  display:block;
  margin:0px 5px 0px 5px;
  padding:0px;}

h2#pagetitle{
  margin:0;}

div#container{
  overflow:hidden;
  display:inline;}

* body #mainleft{
  display:inline;}
	
div#mainright {
  width:50%;
  float:left;
  background:#fff;
  padding-bottom:1em;
  margin-bottom:5em;}
	
div#mainleft {
  width:45%;
  float:left;
  background:#fff;
  padding-bottom:1em;
  margin-bottom:5em;
  margin-left:3%;}
	
div#trouble{
  display:block;
  margin: 0 0 10% 3%;}
	
div#footer {
  clear:both;
  position:fixed;
  left:5px;
  right:5px;
  bottom:1px;}

.stuffing{
  margin-top:15%;}

/*-----en tete-----*/

table.top{
  table-layout:fixed;
  border-spacing:0;
  empty-cells:show;}

td.red{
  background-color:red;}

tr.bar{
  height:10px;
  background:purple;
  z-index:-1;}

/*-----breadcrumbs-----*/
p.bcs{
  font-size:10px;
  padding:0 0.5em;
  width:100%;
  display:inline;
  font-family:verdana,arial,helvetica,"sans serif";
  color:#000000;}

/*------insight-------*/
.insight{
  margin:0 2em 1em 2em;}

/*----- page: about -----*/

div.img{
  margin:5px;
  height:auto;
  width:auto;
  float:left;
}

div.img img{
  margin:3px;
  border:1px solid #FFFFFF}

div.img a:hover img{
  border:2px solid #0000FF;}

div.desc{
  text-align:center;
  font-weight: normal;
  margin:2px;}

/*----- c/v -----*/
#cont{
  padding:1em 0em 1em 7em;
  line-height:110%;
  margin-bottom:5em;}

#name{
  margin:2em 0 0 3em;
  color:navy;}

/*-----addresse pour contact-----*/

div.addr{
  margin-top:2%;
  width:100%;
  float:left;
  padding-bottom:2em;
  margin-bottom:5em;}

/*-----page: mobilephone-----*/

p.headline{
  font-size:120%;
  line-height:150%;
  font-weight:bold;}

ul{
  list-style:disc outside;
  line-height:150%;}

ol{
  list-style:decimal outside;
  line-height:150%;}

/*-----page site map-----*/

a#map{
  font-size:115%;
  margin-left:21%;}

dl#left{
  margin-left:40%;}

dl{
  line-height:1.3em;}

dt.levelone{
  font-size:115%;
  line-height:1.3em;}

dt.levelthree{
  font-size:1em;}

/*-----page: references-----*/

div#containerref{
  margin:20px 5px 0px 5px;
  overflow:hidden;
  padding-bottom:35em;}

div#mainfirst {
  position:absolute;
  left:1%;
  width:15%;
  top:40%;
  padding-bottom:1em;}

div#maintwo {
  position:absolute;
  left:15%;
  width:15%;
  top:40%;
  padding-bottom:1em;}

div#mainthree {
  position:absolute;
  left:30%;
  width:17%;
  top:40%;
  padding-bottom:1em;}

div#mainfour {
  position:absolute;
  left:47%;
  width:15%;
  top:40%;
  padding-bottom:1em;}

div#mainfive {
  position:absolute;
  left:62%;
  width:15%;
  top:40%;
  padding-bottom:1em;}
	
div#mainsix {
  position:absolute;
  display:inline;
  left:77%;
  top:40%;
  padding-bottom:1em;}

ul.ref{
  list-style:disc outside;
  line-height:200%;}

li.cat{
  list-style:none;
  font-weight:bold;
  margin-bottom:1em;}

h3.source{
  font-size:130%;
  margin:3% 0% 2% 3%;}

h4.source{
  font-size:110%;}

p.source{
  position:relative;
  left:7%;
  line-height:1em;}

p.uppercase{
  position:relative;
  left:4.5%;
  line-height:1em;
  text-transform:uppercase;}

/*-----page: glossaire-----*/

div#glossright {
  width:30%;
  float:left;
  background:#fff;
  padding-bottom:2em;
  margin-bottom:5em;
  margin-left:1em;}
	
div#glosscenter {
  width:30%;
  float:left;
  background:#fff;
  padding-bottom:2em;
  margin-bottom:5em;
  margin-left:1em;}
	
div#glossleft {
  width:30%;
  float:left;
  background:#fff;
  padding-bottom:2em;
  margin-bottom:5em;
  margin-left:3em;}

h1.headergloss{
  text-align:center;
  margin: 3% 0% 2% 0%;}

h3.headergloss{
  text-align:center;}

p.headergloss{
  text-align:center;}

a.headergloss{
  text-decoration:none;}

#def{
  margin: 5% 5% 30% 5%;
  width:67%;
}

.pub{
  width: 350px;
  float: right;
  margin: 5% 0 0 2%;
  padding: 0 0 2% 2%;
}

.plot{
  float:right;
  margin:0 0 0.5em 1em;
  vertical-align:top;}
 
.var{
  font-style:italic;
  text-transform:lowercase;}

ul#spec{
  list-style: none outside none;}

ul.spec{
  list-style: none outside none;}

/*-----page: F A Q-----*/

#faq {
  width:96%;
  height:auto;
  margin-bottom:10em;}

h1.faq{
  text-align: center;
  margin: 3% 0% 2% 0%;}

h2.faq {
  margin: 5% 0% 2% 35%;} 

h4.faq {
  margin-left:50px;}

ul.faq {
  margin-left:150px;
  list-style: square outside url('http://stats.areppim.com/ressources/red_arrow.png');
  line-height:150%;}

dl.faq {
  margin-left:50px;
  line-height:120%;}

ol.faq{
  list-style:lower-alpha outside;}

/*-----page: Resources-----*/

#res {
  width:96%;
  margin-left:1%;
  margin-bottom:10em;
  height:auto;}

h1.res{
  margin: 3% 0% 2% 0%;
  text-align: center;}

p.res {
  text-align: center;}

p.leg {
  margin-left:2%;}	

dl.res {
  margin-left:50px;
  line-height:120%;}

ul.leg {
  list-style: square outside url('http://stats.areppim.com/ressources/red_arrow.png')}

/*-----page: Links-----*/

div.linkexch {
  width:96%;
  height:auto;
  margin: 2em 0em 15em 0em;}

h1.linkexch {
  margin: 3% 0% 2% 0%;
  text-align:center;} 

p.linkexch {
  margin-left:5%;}

.button {
  float:left;
  clear:left;
  margin: 1em 3em 2em 1em;}

.codeblock {
  display:block;
  font-size:11px;
  color:black;
  border:thin inset #ccff99;
  outline:gray groove thin;
  margin: 1em 0 1em 1em;
  padding: 1em 0.5em 1em 1.5em;}

/*-----bas de page-----*/

p.footpurple{
  text-align:center;
  background-color:purple;
  color:#FFFFFF;
  padding: 0.5em 0 0.5em 0;
  margin:0; 
  vertical-align:middle;} 

p.footyellow{
  text-align:center;
  background-color:#FFFFCC;
  color:#000000;
  padding: 0.5em 0 0.5em 0;
  margin:0;
  vertical-align:middle;}

a#foot{
  color:#FFFFFF;
  text-decoration:none;}

a#foot:hover{
  color:yellow;
  text-decoration:underline;
  background-color:purple;}

img.gohome,img.gotop{
  vertical-align:text-top;}

#totop{
  color:yellow;
  text-decoration:none;}

#totop:hover{
  color:red;
  text-decoration:underline;
  background-color:purple;} 

#home{
  color:yellow;
  text-decoration:none;}

#home:hover{
  color:red;
  text-decoration:underline;
  background-color:purple;}

/*----charts----*/
.xtra{
    text-align:center;
    margin: 1em 2em 1em 2em;}

a.chart{
  color:blue;
  text-decoration:underline;
  font-weight:bold;}

a.chart:visited{
  color:purple;}

a.chart:hover{
  color:red;
  background-color:#FFFF99;
  text-decoration:none;}

a.chart:active{color:navy;}

img.next,img.back{
  vertical-align:middle;}

/*----stats----*/

table.stats{
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;}

ul.links {
  margin-left:20px;
  list-style: square outside url('http://stats.areppim.com/ressources/red_arrow.png');
  line-height:150%;}

/*----Notes----*/
.notes{
  font-style:italic;
  margin:0 2em 1em 2em;}

/*----printable download----*/
img.print,img.pdf{
  vertical-align:middle;}

/*----calculators-----*/

div#calcstuff {
  	width:99%;
	float:left;
  	background:#ccffff;}

div#calctop {
  	width:99%;
  	float:left;
  	background:#ccffff;
  	padding: 2px 2px 5px 10px;
	/*margin: 0 5px 0px 5px;*/}

div#calcmiddle {
  	width:99%;
 	height:2%;
  	float:left;
  	background:#fff;
  	padding: 5px 5px 5px 5px;
	/*margin: 0 5px 0px 5px;*/}

div#calcbottom {
  	width:99%;
  	float:left;
  	background:#ffffcc;
  	padding: 5px 2px 2px 15px;
	/*margin: 5px 5px 10px 5px;*/}

div#calcfooter {
  	clear:both;
  	padding: 5px 0px 0px 0px;
	margin: 100px 5px 1px 5px;}

span.new{
	background-color:#0000FF;
	font-size:1.3em;}
a.new{
  	color:#FFFFFF;
  	text-decoration:none;
	}

a.new:hover{
  color:yellow;
  text-decoration:underline;
  background-color:purple;}