/* CSS Document */

/* ELEMENTS GLOBAUX */


body {
	font: 1em "Trebuchet MS", sans-serif;
	font-size : 13px;
	line-height : 15px;
	height : auto;
	width : auto;
	color : #333;
	text-align: center;
	margin:0;
	overflow:auto;
	background-color: #FFF;
	background-repeat:no-repeat;
	
}


/************** LIENS *********************************************/

p.spip{
	margin:0 0 10px 0;

}

a,
a:link,  
a:visited
{
	color:#333;
	text-decoration:none;
	outline:none;
	
}
a:hover{
	color:#999;
	text-decoration:none;
	outline:none;
}

a.on,
a.on:link,  
a.on:visited
{
	color:#999;
	text-decoration:none;
	outline:none;
}
a.on:hover{
	color:#999;
	text-decoration:underline;
	outline:none;
}




img {
	border:0px;
	/*behavior: url("win_png.htc");*/
}


/* ?L?MENTS GLOBAUX */

#logo{
	position:absolute;
	top:40px;
	left:38px;


}

#menu{
	position:absolute;
	top:180px;
	left:-10px;


}

#header{
	position:absolute;
	text-align:left;
	top:41px;
	left:205px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#header h1{
	font-weight:normal;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	color:#4F4F4F;
	font-size:1.5em;
}

#header h3{
	font-size:1em;
	font-weight:normal;
	color:#4F4F4F;
}


#portfolio{
	position:absolute;
	text-align:left;
	top:185px;
	left:205px;
	padding:0 100px 0 0;

}

#portfolio.accueil{
	position:absolute;
	text-align:left;
	top:40px;
	left:195px;
	padding:0 100px 0 0;

}



#portfolio h1{
	font-weight:normal;
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

#portfolio h3{
	font-size:11px;
	font-weight:normal;
}


/***** Plugin Tooltip Jquery ***********/

#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #4F4F4F;
	color: #fff;
	padding: 5px;
	opacity: 0.85;
	font: 1em "Trebuchet MS", sans-serif;
}
#tooltip h3, #tooltip div { 
font: .9em "Trebuchet MS", sans-serif;
margin: 0; 
color: #fff; 
}




/* MENU JQUERY */

		#navigation {
		margin: 0;
		padding: 0;
		list-style: none;
		color: #4F4F4F;
		width: 170px;
		font: .9em "Trebuchet MS", sans-serif;
		text-align: right;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #4F4F4F;
			text-transform:uppercase;
			text-decoration: none;

			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {


			}
		#navigation .open a, #navigation .open span {
			background-image: url(menu_demo/menu-item-enroule.png);


			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			text-decoration: underline;

			}
		#navigation .subMenu {
	font: 1em "Trebuchet MS", sans-serif;
			background: #FFF url(menu_demo/subMenu.png) 0 0 repeat-x;
			text-transform:lowercase;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #FFF;
			color: #4F4F4F;

			}
		#navigation ul.subMenu a {
			font: 1em "Trebuchet MS", sans-serif;
		
			background: none;
			padding: 3px 10px;
			text-transform:lowercase;
			color: #6F6F6F;
			}