/* CSS conçu par Marcel MELIN pour le site MmE Consult. Janvier 2009 */

html, body{
  margin: 0; 
  padding: 0; 
  border: 0;
}

body {
  text-align: center; 
  background: #D8DED8;
  color: #6E726C;
  min-width: 700px;
}

body {
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
}

a {color: #5577bb; padding: 0 2px; text-decoration: none;}
a:hover {background: #5577bb; color: #fff;}

#center a {color: #5577bb;}
#center a:hover {background: #5577bb; color: #fff;}

h1, h2, h3, h4, p {margin: 1em 0;}
ul {
  margin: 1em 2em;
  list-style-type: square;
  list-style-position: outside;
  text-indent: 5px
}

/***************************************************************/
/**************** Layout CSS ***********************************/

#wrapper { /* contient aussi la barre glissante dégradée */
  background: #fff url("images/sidebar-l.gif") repeat-y 0 0;
  text-align: left;
  width: 90%; /* la largeur peut être  fixed ou fluid */
  margin: 0 auto; 
  font-size: 80%;
  border: 1px solid #B5BDAF;
}

#header, #subnav, #footer {
  clear: both; 
  width: 100%;
}

#header {
  background: #FFFFFF; 
  color: #000; 
  text-align: center;
  padding: 1px 0;
}

#subnav {
  background: #B5BDAF; 
  color: #000; 
  border-width: 1px 0; 
  border-style: solid; 
  border-color: #D8DED8;
}

#footer {
  text-align: center;
  color: #6E726C;
  background: FFFFFF url("images/sidebar-l.gif") no-repeat 0 0px;
}
#footer div {
  padding: 1px 0;
  background: url("images/sidebar-r.gif") repeat-y 100% 0; /*no-repeat 100% 0px;*/
}

#contentfloatholder {/* contient aussi la barre droite dégradée */
  background: url("images/sidebar-r.gif") repeat-y 100% 0;
  float: left;
  width: 100%;
  position: relative;
}

#imagefixe {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 600;
}

#contentfloatholder:after {
 /* permet à NN6 d'effacer les FLOAD */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
  margin: 0 185px;
  display: inline-block; /* avec la commande suivante, restaure le bloc central */
}

#centerpad {
  display: block; /* avec la commande précédante, restaure le bloc central */
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* Nécéssite d'être inférieur à 100% pour Moz/Mac. 
           La différence est compenssée par la marge négative du left float:  
	*/
}

#left {
  float:left;
  width: 170px;
  margin-left: -5%; /* La différence permet à la colonne de gauche d'être vraiment à gauche */
}

#right {
  float:right;
  width: 160px;
}



/*************       Pour IE Mac           **************/
/* IE/Win utilise aussi ces règles mais cela ne fait pas de différence */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
     padding: 0 20px; 
}



/***** positionnement général ****/
#pagetop {
     position: relative;
     width: 100%;
     padding-top: 1em;
     height: 9em;
     color: #000;
}

#pagetop p {
     margin: 0.3em 120px;
     font-family: Helvetica,Arial;
     font-size: 1em;
     padding: 0;
}


a#toplink {
     width: 155px;
     height: 155px;
     background: #D8DED8 url("images/circle.gif") no-repeat 80px 0;
     position: absolute;
     top: 5px;
     right: 5px;
}

a#toplink:hover {
     background-position: 0px 0;
}

#wrapper {
     position: relative;
     z-index: 500;
}



/********* Styles pour navigation verticale ***************/
#vnavlist {
     padding-left: 0;
     margin-left: 10;
     border-bottom: 1px solid gray;
     width: 120px;
}

#vnavlist li {
     list-style: none;
     margin: 0;
     padding: 0.25em;
     border-top: 1px solid gray;
}

#vnavlist li a { text-decoration: none; }

#active { font-weight: bold;  }


/********* Styles pour navigation horizontale ***************/
#hnavlist {
	padding: 10px 180px;
	margin: 0px 0 30px 0;
	background: #fff;
	}

#miniflex {
	width: 90%;
	float: left;
	font-size: small; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 85%;
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:link, #miniflex a.active:visited {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}

#miniflex a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #fff;
	}