/* Main style sheet */

div {
	margin:0;
	padding:0;
}

/* Page composition */

div#header {
	height:80px;
	width:100%;
}

div#body {
	width:100%;
}

div#footer {
	clear:both;
	width:100%;
}

div#menu {
	width:8em;
	position:absolute;
	top:80px;
	left:0;
}

div#content  {
	margin-left:8em;
	min-height:30em;
}

div#main-box {
	margin-left: auto;
	margin-right: auto;
}

/* Page decoration */

body.language-en { 
	color:#E0E0E0; 
	background: #101010 url(img/bg.en.jpg) no-repeat scroll top left; }
body.language-fr { 
	color:#E0E0E0; 
	background: #101010 url(img/bg.fr.jpg) no-repeat scroll top left; }

div#header {
	border-bottom:solid 1px #808080;
}

div#header-url {
	position:absolute;
	left:80px;
	top:52px;
	height:28px;
	text-align:right;
	font-size:1.2em;
}

.language-en div#header-url { width:328px; }
.language-fr div#header-url { width:336px; }

div#header-titre {
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:80px;
    text-align:center;
  }
  
.language-en div#header-titre { left:410px; }
.language-fr div#header-titre { left:422px; }

div#footer {
	border-top:solid 1px #808080;
	border-bottom:solid 1px #808080;
	font-size:0.7em;
	color:#808080;
	background:#101010; 
	font-family:sans-serif;
}

.menu-item {
	display:block;
	border:solid 1px;
    border-color:transparent;
	margin:2px;
	text-align:center;
	padding:0;
}


a.menu-item.selected {
	background:transparent url(img/bg.contents.png);
	margin:2px;
	border:dashed 1px #808080;
	color:#FFFFFF;
}


/* Content */
div#content {
	background:transparent url(img/bg.contents.png);

	/* A trick to have the line at the left as long as the content of the page */
	border-left:solid 1px #808080;
}

/* Classical styles */
body {
    background:#101010;
    color:#E0E0E0;
    text-align:center;
    font-family:"impact","arial narrow","arial black","helvetica",sans-serif;
    margin:0;
    padding:0;
}

h1 { 
    color:#F0F0F0;
	background:transparent;
    text-align:center;
    font-weight:normal;
}

h2 {
	margin:0;
    padding:10px 0 0 0;
    color:#F0F0F0;
	background:transparent;
    text-align:center;
    font-weight:normal;
}

h3 {
    font-family:sans-serif;
	margin:0;
    padding:10px 0 0 0;
    color:#E0E0E0;
	background:transparent;
    text-align:center;
    font-weight:normal;
}

h4 {
    font-family:"impact","arial narrow","arial black","helvetica",sans-serif;
    color:#C0C0C0;
	background:transparent;
    text-align:center;
    font-weight:normal;
}

hr {
	border-bottom:none;
	border-right:none;
	border-left:none;
	border-top:dashed 1px #808080;
	margin-left:3px;
	margin-right:3px;
}

ul {
    font-family:sans-serif;
	text-align:justify;
	line-height:1.2em;
	margin:0.3em;
}

p {
    font-family:sans-serif;
    text-align:justify;
	line-height:1.2em;
	margin:0 0.3em 0.3em 0.3em; /* Attention à ne pas mettre de marge en haut */
}
	
p.center {
	text-align:center;
}

a {
    color:#909090;
	background:inherit;
    text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	background:inherit;
	text-decoration:none;
}

p a {
	font-weight:normal;
}

img {
	border-style:none;
	margin:0.5em;
}

img.left {
	float:left;
}

img.right {
	float:right;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

pre {
	  text-align:center;
}

/* Errors display */
div#error {
	position:absolute;
	z-index:99;
	top:80px;
	left:8em;
	right:0;
	background:#401010;
	color:inherit;
	border:solid 1px #F01010;
	margin:10px;
}

p.error {
	font-family:monospace;
}

/* Columns management */
br.after-columns { /* Add a after-columns br after each div.xxx-columns to extend the content div */
	clear:both;
}


div.set-3-columns {
}

div.set-1-columns div.column-1 {
	float:left;
	width:100%;
}

div.set-2-columns div.column-1 {
	float:left;
	width:49%;
	margin-right:1%;
}

div.set-2-columns div.column-2 {
	float:right;
	width:49%;
}

div.set-3-columns div.column-1 {
	float:left;
	width:32.5%;
	margin-right:1%;
}

div.set-3-columns div.column-2 {
	float:left;
	width:32.5%;
	margin-right:1%;
}

div.set-3-columns div.column-3 {
	float:left;
	width:32.5%;
}

div.set-4-columns div.column-1 {
	float:left;
	width:24.5%;
	margin-right:1%;
}

div.set-4-columns div.column-2 {
	float:left;
	width:24.5%;
	margin-right:1%;
}

div.set-4-columns div.column-3 {
	float:left;
	width:24.5%;
	margin-right:1%;
}

div.set-4-columns div.column-4 {
	float:left;
	width:24.5%;
}

/* Specificities */
img.mini-tract {
		margin:5px;
	}

h1.link-category {
	text-align:left;
	border-bottom:dashed 1px #808080;
	margin:0;
}

p.link-name {
	font-family:inherit;
	text-align:left;
	margin-top:1em;
	margin-bottom:0;
}

p.link-url {
	text-align:left;
	margin-top:0;
	margin-bottom:0;
	font-size:0.8em;
}

p.link-comment {
}

h1.categorie {
	text-align:left;
	margin:0 0 0px 5px;
	border-bottom:dashed 1px #808080;
}

img.categorie {
	color:inherit;
	background:#101010;
	padding:5px;
	margin:0;
	float:right;
}

div.categorie {
	margin-right:45px;
}

div.dbinfo {
	position:absolute;
	width:8em;
	bottom:0;
	left:0;
	margin:0;
	border-top:dashed 1px #808080;
	color:#808080;
	background:inherit;
}

div.dbinfo p {
  font-size:0.7em;	
}


/* The End */