/* CSS Document */
/* Copyright : Design by Thoy Cut by Gounlaf pour http://www.kits-gratuits.net */

body {
	background:url('./images/bg.png') repeat-x #FAFAF9;
	color:#4C4C4B;
	font:70% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
	
div#contenu {
	width:648px;
	height:auto;
	margin:auto;
	}

ul , li { margin:0; padding:0; list-style-type:none; }
a { color:#4C4C4B; text-decoration:none; font-weight:bold; }
a:hover { color:#666666; font-weight:bold; }
a img { border:0; }
h1, h2, h3, h4, h5 { margin:0; font-size:100%; font-weight:normal; }
p { margin:0; padding:5px; font-size:90%; }
div.clear { clear:both; }

div#header {
	background:url('./images/kiwi.png') no-repeat;
	width:382px;
	padding-left:266px;
	height:126px;
	text-transform:uppercase;
	margin-bottom:40px;
	}
	
h1 { font-size:350%; color:#B0D40A; padding-top:20px; }
span { display:block; color:#7D7D7D; letter-spacing:5px; }

ul#menu { height:24px; position:absolute; top:101px; }
#menu li { display:inline; margin-right:35px; }
#menu a { color:#FFF; font-weight:normal; padding-bottom:9px; }
#menu a:hover { background:url('./images/top_hover.gif') no-repeat bottom; }

div#menu_droite {
	width:161px;
	height:auto;
	float:right;
	text-align:center;
	}
	
#menu_droite h2 {
	background:url('./images/bg_menu.png') no-repeat;
	width:158px;
	height:25px;
	font-size:120%;
	text-transform:uppercase;
	color:#FFF;
	padding-top:5px;
	}

#menu_droite ul { margin:12px auto 50px auto; }
#menu_droite a { font-weight:normal; }

#navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			background: #000;
			color: #fff;
			width: 161px;
			font: 1.2em "Trebuchet MS", sans-serif;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #fff;
			text-decoration: none;
			background: #000 url(./images/menu-item.png) left bottom no-repeat;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(./images/menu-item-deroule.png);
			}
		#navigation .open a, #navigation .open span {
			background-image: url(./images/menu-item-enroule.png);
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;
			}
		#navigation .subMenu {
			font-size: .8em;
			background: #ccc url(./images/subMenu.png) 0 0 repeat-x;
			font-size: .9em;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
			}
		#navigation ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}


div#texte {
	float:left;
	width:480px;
	margin-left:0px !important;
	margin-left:8px;
	text-align:justify;
	}

div.post { margin-bottom:50px; }
.post h2 { border-bottom:1px dotted #030303; color:#B0D40A; font-size:150%; }
p.infos { color:#D6D6D5; font-size:80%; }

p#footer { clear:both; text-align:center; }



/* other */

div#fancy_overlay { background: #2c2c2c; }	/* overlay color */

.fixe { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:100;
  background-color:#FFFFE1;
  border-bottom:#707070 1px solid;
  top: 0px; 
  left: 0px; 
  right: 0px; 
  width: 100%; 
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100%"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("0px"); 
}

.pr1 { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:101;
  border: #000 solid 1px;
  top: 50px; 
  left: 50px;  
  width: 100px;
  height:100px;
  background-color:#FFF;
  
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100px"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("50px"); 
}