/*
 * Author : Blaise Bernier - Medial Design
 * For : Les Productions Daniop - (c)2006
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Description :
 *  Feuille de style générale 
 */

 /* General Rules */ 

* {
	font-family : Sans-Serif;
}

body {
	min-height : 100%;
	padding : 0;
	margin : 0;
}

.hidden { display : none; }
.invisible { visibility : hidden; }

/* Structure rules */

#page {
   position : absolute;
   width : 800px;
   min-height : 100%;
   display : block;
   left : 50%;
   margin-left : -400px;
   padding : 0;
}

#header {
   position : absolute;
   width : 740px;
   height : 145px;
   top : -1px;
   left : 10px;
   margin : 0;
   z-index : 10;
}

#logo {
   position : relative;
   top : 0px;
   left : 25px;
   z-index : 30;
}

#currentsection {
   position : absolute;
   width : 400px;
   top : 42px;
   left : 210px;
   text-align: center;
   font-size : 22px;
   font-weight: bold;
}

#navbar {
   position : absolute;
   z-index : 5;
   width : 225px;
   height : 544px;
   top : 50px;
   left : 45px;
   padding : 0;
   margin : 0;
}

#content {
   position : absolute;
   width : 605px;
   height : 632px;
   left : 96px;
}

#content-text {
  position : absolute;
  top : 128px;
  left : 174px;
  width : 417px;
  height : 482px;
  overflow-y : auto;
  overflow-x : hidden;
  text-align: left;
  padding : 0 5px;
  font-size : small; 
}

#content-text img {
   margin : 3px;
   border: none;
}

#content-text h3.pagetitle {
   text-size : normal;
   border-bottom : 3px dotted black;
   text-align : center;
}

.topnav {
   position : absolute;
   width : 430px;
   height : 13px;
   top : 95px;
   left : 270px;
   padding : 0 0 5px 0;
   border-bottom : 3px solid black;
   text-align : center;
   font-size : 12px;
   z-index : 200;
}

/* Section navigation */

#sectionlst {
   position : absolute;
   top : 135px;
   margin : 0;
   padding : 0;
   width : 100%;
   list-style : none;
}

#sectionlst a { text-decoration : none; color : #000; }

#sectionlst li {
   list-style : none;
   width : 221px;
   height : 104px;
   margin : 0 -1px 15px 0;
}

#sectionlst li.section-v:hover {
   background : url('../elements/tab-v.png') right no-repeat;
}

#sectionlst li.section-g:hover {
   background : url('../elements/tab-g.png') right no-repeat;
}

#sectionlst li.section-r:hover {
   background : url('../elements/tab-r.png') right no-repeat;
}

#sectionlst li.section-j:hover {
   background : url('../elements/tab-j.png') right no-repeat;
}

#sectionlst .currentcolor {
   position : absolute;
   width : 100%;
   height : 104px;
   left : -4px;
}

#sectionlst li .sectiontitle {
   position : absolute;
   display : block;
   width : 170px;
   height : 35px;
   left : 31px;
   text-align : center;
   padding-top : 10px;
   color : #fff;
   font-size : 20px;
   font-weight : bold;
}

#sectionlst li .sectioniconj {
   position : relative;
   top : 38px;
   left : 40px;
}

#sectionlst li .sectioniconv {
   position : relative;
   top : 38px;
   left : 70px;
}

#sectionlst li .sectionicong {
   position : relative;
   top : 36px;
   left : 80px;
}

#sectionlst li .sectioniconr {
   position : relative;
   top : 36px;
   left : 65px;
}

/* Top navigation */

.topnav a {
	color : #000;
	text-decoration : none;
	padding : 0 15px 0 15px;
}

.topnav a:hover {
	background : #ccc;
}

.topnav li {
	margin : 0 -5px 0 0;
	padding-left : 1px;
	display : inline;
	list-style : none;
	border-right : solid 1px black;
}

.topnav li.here {
	padding : 0 15px 0 15px;
	background : #ccc;
}

.topnav li.last {
	display : inline;
	border-right : none;
}

/* Font sizes */

h3 { font-size: 15px; }
h4 { font-size: 12px; }

/* Hidden stuff */

#headertitle, #getff {
   display : none;
}

/* Medial Design Credits */

#MedialDesign {
   position : absolute;
   width : 800px;
   height : 50px;
   top : 650px;
   padding : 10px 0;
   font-size: 9px;
   text-align: center;
}

#MedialDesign p {
   margin : 0;
}