/* ============================================================================
	Règles CSS pour le site "potgris.free.fr"
	Layout			fixe de largeur 760px
	Réalisation		Eric Menglier
	Historique
		 - avril 2006	Création
============================================================================ */
* {
  margin:0;
  padding:0;
}
html, body {
  height: 100%; /* Required */
    font-size: 100%;
}
body {
  color: #333;
  background: #ccc;
  font: 0.7em Verdana, sans-serif;
  text-align: center;
}
img {
border:none;
}
a {
text-decoration:none;
border-bottom:2px dotted #be7258;
color:#be7258;
font-weight:bold;
}
a:active {
}
a:hover {
background: #bea9a2;
border-bottom:2px solid #be7258;
color:#fff;
}
ul	{
	margin:0;padding:0;
}
li	{
	margin-left:30px;
}
/*---------------------------------------------------------------------------*/
#container-page {
	margin: 5px auto 5px auto;
	width: 770px;
	background: #ddd;
	text-align: left;
	position: relative;
	min-height: 97%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 97%; /* For IE */
	border-top: 4px solid #8f7d65;
	border-bottom: 4px solid #bea680;
/* 	background: #ddd url("../img/degrade1.gif");
	background-repeat: repeat-x;
	background-position: top left;	 */
}
#container-head {
	background: #fff; 	/* #a2ce9a; */	/* #999; */
	padding-top: 0px;	/* Pour faire une ligne blanche au dessus de l'image d'entête */ 
	border-bottom: 2px solid #bea680;
}
#head {
	height:100px;
	background: url("../img/head2.jpg");
	background-repeat: no-repeat;
	background-position: center left;	
}
#container-navbar {
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
    font-size:110%;
	font-weight:bold;
    line-height:normal;
	background:#ddd url("../img/tabs-bg.gif") repeat-x bottom;
}
#container-navbar ul {
	margin:0;
	padding:0;
	list-style:none;
}
#container-navbar li {
	float:left;
	margin-top:10px;
	margin-left:5px;
	padding:0;
	background:url("../img/tab-norm-right.gif") no-repeat right top;
}
#container-navbar li:hover {
	margin-top:0px;
}
#container-navbar a {
	/* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
	display:block;
	border:none;
	text-align:center;
	padding:5px 15px 4px 15px;
	color:#888;
	background:url("../img/tab-norm-left.gif") no-repeat left top;
	width:.1em;	/*Pour IE pour élargir la zone cliquable. Va avec "#container-navbar > ul a {width:auto;}"*/
	white-space:nowrap;/*Onglets de plusieurs mots*/
}
#container-navbar > ul a {width:auto;}	/*Pour les autres navigateurs que IE.Va avec "width:.1em;"*/
#container-navbar a:active {
/* 	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom:none;
	background: #000;
	color:#fff; */
}
#container-navbar a:hover {
/* 	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom:none;
	background: #eee;
	color:#999; */
	color:#c07353;
	/* padding:9px 20px 10px 20px; */
}
#container-navbar > ul a:hover {padding:9px 15px 10px 15px;}	/*IE ne voit pas ces règles*/

#container-navbar #current {
	/* color:#c07353; */
	background:url("../img/tab-sel-right.gif") no-repeat right top;
	margin-top:0px;					/*Commenter pour ne pas agrandir l'onglet vers le haut */
	padding-top:0px;
}
#container-navbar #current a {
	text-decoration:none;
	text-align:center;
	color:#c07353;
	padding:10px 15px 10px 15px;	/*Commenter pour ne pas agrandir l'onglet vers le haut */
/* 	padding:5px 20px 5px 20px; */ 	/*Décommenter pour ne pas agrandir l'onglet vers le haut */
	background:url("../img/tab-sel-left.gif") no-repeat left top;
	white-space:nowrap;/*Onglets de plusieurs mots*/
}
#container-content {
	clear:both;
	background: #fff;
/* 	margin:0px 10px 10px 10px; */
	margin:0px 0px 10px 0px;
	/* padding: 1em 1em 35px 1em; */
	padding: 5px 5px 57px 5px;
}
#container-content h1{
	margin:10px;
    font-size:110%;
	font-weight:bold;
	color:#be7258;
}
#container-content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}
#container-foot {
 	width: 100%;
	/* background: #CCC; */
	background: #ddd url("../img/frise1.gif");
	background-repeat: repeat-x;
	background-position: bottom left;	
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 35px;
}
#foot {
	/* padding: 0 1em; */
	/* line-height: 25px; */
}