/* frame.css */




/* pour compatibilité */
body,
html	{
		margin:0;
		padding:0;
	}

/* 2 endroits pour changer largeur totale : ici et suivant */
body {
	min-width:800px; /* Prevent content from becoming unreachable in Gecko */
}

/* header/footer/middle have the same value */
div#header,
div#middle,
div#footer {
	width:100% // 800px;
	margin:0px auto 0px auto; /* 0 auto */
}


div#sidebarwrap,
div#headerwrap,
div#footerwrap {

	margin:0px 0px 0px 0px; /* added */

}


/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
	position:absolute;
	width:100%;
	top:0;
	left:0;
}



/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
	position:fixed;
}


/* 2 endroits pour changer la hauteur du header : ici et suivant */
div#headerwrap,
div#header 		{

	height:80px; /* header-height */
}

/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding-bottom:80px; /* footer-height */
	margin-left:0;
	padding:80px 0 0 0; /* header-height  top-0-0-0 */
/* set left margin and bottom padding for others */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px; /* footer-height */
}

/* 3 endroits pour changer la hauteur du footer : ici et précédent mais aussi padding-bottom of div#sidebar */
div#footerwrap ,
div#footer {
	height:50px; /* footer-height */
}

/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left:0;
}


div#sidebarwrap,
div#sidebar {

	width:180px;
}



div#sidebar {

	/* padding bottom need to be at least footer height */
	padding-bottom:50px; /* footer-height */
   padding-top:0px;
   padding-right:0px;
   padding-left:0px;

   overflow:hidden;

   text-align:center;

   margin: 0px auto 80px auto; /* header-height */
}



/* no positioning for IE5/Win - the whole page scrolls */
div#sidebarwrap {

   position:absolute;
   left:0;
   top:80px; /* header-height */

   height:100%;   /* scrollbar auto */
   overflow-x: hidden;
   overflow-y: auto; /* scrollbar auto */ /* (visible, hidden, scroll, auto, inherit) */
   white-space: nowrap; /* no horizontal scrollbar */

   padding:0px 12px 0px 0px; /* top right bottom left */    /* 50=footer-height */
   margin: 0px  0px 0px 0px;
}

body>div#sidebarwrap {
	position:fixed;
}


div#sidebar p {
	margin-top:0;    /* else... */
	margin-bottom:0; /* else... */

	font-size:12px;
	line-height:1.4em;
}












div#menubar {
	width:176px;
	float:right; /* left or right... */

   /* margin... */
	margin-top:16px;
	margin-right:16px;
	margin-bottom:16px;
	margin-left:16px;

	/* padding */
   padding-top:0px;
   padding-right:0px;
   padding-bottom:0px;
   padding-left:0px;
}



/* largeur du contenu de la partie du milieu (même valeur) */
div#content {

   position:static;
   top:80px;
   
	/* padding */
   padding-top:0px;
   padding-right:0px;
   padding-bottom:0px;
   padding-left:10px;

	margin-right:0px;  /* 160px; */   /* 0 ou menubar width value */
	margin-left:192px; /* 180px; */   /* 0 ou sidebar width value + sidebar paddings */
	margin-top:0px;    /* else sidebar is affected */
	margin-bottom:0px; /* else sidebar is affected */

	font-family:Verdana, serif;
	color:#000;
}


/* Correction du bug des <a name> qui se retrouvent derrière le header  */
a[name]  {

   position: relative; 
   top:-80px;  /* move the anchor header-height upward  */ /* header-height */

}


/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

body>div#footerwrap {
	position:fixed;
}

















 /* style.css */

body,
html{
	font-family:Verdana, serif;
	color:#000;
	/* background:#aaa; */
}

div#sidebarwrap,
div#headerwrap,
div#footerwrap,
div#middle,
div#sidebar,
div#header,
div#footer {
	/* background:#333; */
	color:#000;

   background-color:white;
   background-image:url('img-comitat/fond_vermillon.jpg');
   background-repeat:repeat;
}

div#menubar {
	background:#eee;
}

body,
html,
div#content {

   background-color:white;
   background-image:url('img-comitat/fond_rose.jpg');
   background-repeat:repeat;
}





div#footer h2 {
	text-align:center;
	padding:0;
	margin:0;
}

div#footer p {
	margin:0;
	padding:0;
	text-align:center;
}

div#footer a {
	color:#fff;
}

h1 {
	font-size:16px;
	text-align:center;
	padding-top:5px;
   margin-top:0; /* never */
   margin-bottom:1em;
}

h2 {
	font-size:18px;
	padding-top:1em;

   margin-top:1em;
   margin-bottom:1em;
}

h3 {
	font-size:14px;
	padding-top:1em;

   margin-top:1em;
   margin-bottom:1em;
}

pre {
	font-size:12px;
	line-height:1.4em;
}

p {
	font-size:12px;
	line-height:1.4em;
}

ul {
	font-size:12px;
	line-height:1.4em;
}






table#linktable {

   /* background-color:#AFFFD4; */ 
   background-color:NavajoWhite; 

   padding:2px 2px 2px 2px;
   margin: 2px 2px 2px 2px; /* ombre ? */
   text-align:center;

   border-style:solid solid solid solid;
   border-width:1px 1px 1px 1px;

	font-size:14px;
}

table#linktable  th {

   border: 1px inset gray;
   /* background-color:#76EDBA; */
   background-color:LightSalmon;
   color: #000000;

   margin-top:1.5em;
}

table#linktable  td {

   border: 1px inset lightgray;
   padding:2px 8px 2px 8px;
   margin: 2px 8px 2px 8px;
}

table#linktable  td a {

   text-decoration:none;
   font-weight:normal;
   /* color:#005500; */
   color:OrangeRed;
}


table#linktable  td a:hover {

   text-decoration:none;
   font-weight:bold;
   /* color:#005500; */
   color:OrangeRed;
}


li {

   margin-top:0px;
   margin-bottom:0px;
}

ol {

   margin-top:0px;
   margin-bottom:0px;
}