/*html	{
			background-color:#66CC33;
			}
			*/

body	{
			font:normal normal normal 90% 'SF New Republic',verdana,arial,sans-serif;
			background-image:url('images/fondbody.gif');
			background-repeat:no-repeat;	
			position:relative;
			height:600px;
			width:800px;
			}
			




/*.bouton
{display:inline;
height:43px;
border:0;
clear:left;
overflow:hidden;
}
.bouton img
{overflow:hidden;
border:0;
}
.bouton a
{text-decoration:none;
float:left;
overflow:hidden;
border:0;
}
.bouton #accueil
{
width:70px;
height:22px;
background-image:url('images/menuaccueil.gif');
background-repeat:no-repeat;
background-position:0 0;
}
.bouton #accueil:hover 
{
background-image:url('images/menuaccueil.gif');
background-repeat:no-repeat;
background-position:0 -22px;
}

.bouton #portfolio
{
width:70px;
height:22px;
background-image:url('images/menuportfolio.gif');
background-repeat:no-repeat;
background-position:0 0;
}
.bouton #portfolio:hover 
{
background-image:url('images/menuportfolio.gif');
background-repeat:no-repeat;
background-position:0 -22px;
}


.bouton #blabla
{
width:70px;
height:22px;
background-image:url('images/menublabla.gif');
background-repeat:no-repeat;
background-position:0 0;
}
.bouton #blabla:hover 
{
background-image:url('images/menublabla.gif');
background-repeat:no-repeat;
background-position:0 -22px;
}

.bouton #contact
{
width:70px;
height:22px;
background-image:url('images/menucontact.gif');
background-repeat:no-repeat;
background-position:0 0;
}
.bouton #contact:hover 
{
background-image:url('images/menucontact.gif');
background-repeat:no-repeat;
background-position:0 -22px;
}*/


#underlinemenu{
				margin-left:250px;
				margin-top:15px;
				width:400px;
				height:25px;
				}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
/*width: 450px;
border: 1px solid #DFDFDF;*/
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
list-style:none;
}


#underlinemenu ul li a{
float: left;
color: gray;
font:normal normal normal 80% 'SF New Republic',monaco,arial,sans-serif;
padding: 2px 20px 4px;
text-decoration: none;
border-right: 1px solid #DFDFDF;
}

#underlinemenu ul li a:hover{
color: black;
/*background-color: #DDDDDD;*/
border-bottom: 2px solid #FF66FF;
padding-bottom: 0;
}

#underlinemenu ul li .colorstay{
color: black;
/*background-color: #DDDDDD;*/
border-bottom: 2px solid #FF66FF;
padding-bottom: 0;
}


/*---------------------- Text typewritter ------------------

.node {
		margin-left: 30px;
		height: expression(0); 
	}
	.title {
		position: relative;
		background: #fff;
		color: #000;
		cursor: pointer;
	}
	.selected {
		background: #66CC33;
		color: #000000;
	}
	.hover {
		background: #666;
		color: #fff;
	}
	.content {
		position: relative;
		background: #ffffff;
		color: #000;
	}
	.cursor {
		background: #66CC33;
		width: 10;
		height: 8;
		font-size: 12px;
	}
	#menu {
		visibility: hidden;
		position: absolute;
		margin-left:175px;
		top: 100px;
		width: 450px;
		height: 450px;
		background: #ffffff;
		font-family: 'SF New Republic',typewriter, matrix, monospace;
		font-size: 14px;
		overflow: hidden;
		float:left;
	}
	#up {
		position:absolute;
		right:0;
		top:0;
		color:#000;
		background:#fff;
		cursor:pointer;
		font-family: typewriter, matrix, monospace;
		font-size: 18px;
	}
	#down {
		position:absolute;
		right:0;
		bottom:0;
		color:#000;
		background:#fff;
		cursor:pointer;
		font-family: typewriter, matrix, monospace;
		font-size: 18px;
	}
	a {
		text-decoration: none;

		color: #66CC33;
	}
	img {
		border: none;
	}
	a:hover	{
		text-decoration: none;
		color: #000;
	}

	.couleur	{
					color:#66CC33;
					}

	.couleur1	{
					color:#66CC33;
					}*/
					
					
					
	/*-------------------flash home ------------------*/
	
	#flash	{
			background:url('images/newbackground.gif');
			/*background:url('images/red_sofa.jpg');*/
			background-repeat:no-repeat;
			width:700px;
			height:492px;
			padding-top:20px;
			padding-left:200px;
			margin-top:13px;
			margin-left:80px;
			}
	
					
	/*------------------ colone right -----------------
	
	
	#labo	{
				width:210px;
				height:449px;
				margin-top:30px;
				margin-left:820px;
				}
				
	#liens	{
				width:210px;
				height:250px;
				margin-top:210px;
				margin-left:820px;
				}
	
	
	#font	{
				margin-top:-400px;
				width:200px;
				}
	
	#font ul li	{
					list-style:none;
					font-family:'SF New Republic', monaco;
					}
	
	#font a	{
				color:#ffffff;
				}
	
	
	#font a:hover	{
				color:#ff66FF;
				}
	
	
	.s	{
			font-size:80%;
			
			}
			
	.m	{
			font-size:110%;
			}
			
	.l	{
			font-size:160%;
			}
			
			
	
	#fontliens	{
				margin-top:-400px;
				width:200px;
				}
	
	#fontliens ul li	{
					list-style:none;
					font-family:'SF New Republic',monaco;
					}
	
	#fontliens a	{
				color:#ffffff;
				}
	
	
	#fontliens a:hover	{
				color:#ffffff;
				background:#ff66ff;
				}
	
	a {
		text-decoration: none;

		color: #66CC33;
	}
	img {
		border: none;
	}
	a:hover	{
		text-decoration: none;
		color: #000;
	}*/
	
/* -------------------------- blabla -----------------------*/	
	
	
#fondblabla	{
						margin-left:50px;
						margin-top:20px;
						}
						
						
img {
		border: none;
	}				
						
						
						
/* ----------------------- contact --------------------------*/

#formulaire	{
				margin-left:50px;
				margin-top:40px;
				width:700px;
				height:450px;
				font-family:'SF New Republic',monaco;
				color:#000;
				background:url('images/fond_contact.gif');
				background-repeat:no-repeat;
}
				

.colonne_gauche{
		width:15%;
		text-align:left;
		float:left;
		}

.submit	{
			margin-left:95px;
			}
			
.submit input[type=submit] {	background-color:#a060e0;
								border:1px solid #808080;
								color:#ffffff;
								}
								
.colorinput
			{
				background-color: #a060e0;
				color: #ffffff;
				font-family:'SF New Republic',monaco;
				}
				
.form	{
			margin-left:255px;
			margin-top:75px;
			
			}
	
	
#contactright	{
				width:237px;
				height:327px;
				margin-top:80px;
				margin-left:820px;
				}
	
	
	
	
	
	
/* --------------------- Portfolio ------------------*/


	#slider {
		position: absolute;
		width: 700px;
		height: 400px;
		margin-left: 50px;
		margin-top: 50px;
		overflow: hidden;
		border:1px solid gray;
		
	}
	#slider .slide {
		position: absolute;
		top: 0px;
		height: 400px;
		width: 700px;
		background: #000;
		overflow: hidden;
		cursor: default;
	}
	#slider .title   {
		color: #66CC33;
		font-weight: bold;
		font-size: 1.2em;
		margin-right: 1.5em;
		text-decoration: none;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		background: #000;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: justify;
		width: 400px;
		left: 10px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: hidden;
	}
	
	
	/*----------------------- side bar -----------------------*/
	
	#sideBarContentsInner h2{
		color:#FFFFFF;
		font-size:90%;
		font-family:'SF New Republic',monaco,arial,sans-serif;
		margin:10px 10px 10px 10px;
		font-weight:bold;
	}
	
	#sideBarContentsInner h2 span{
		font-size:105%;
		font-weight:normal;
	}
	
	#sideBarContentsInner ul{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
	#sideBarContentsInner li{
		margin:0px 10px 3px 10px;
		padding:2px;
		list-style-type:none;
		display:block;
		background-color:#DA1074;
		width:177px;
	}
	
	#sideBarContentsInner li a{
		width:100%;
	}
	
	#sideBarContentsInner li a:link,
	#sideBarContentsInner li a:visited{
		color:#FFFFFF;
		font-family:'SF New Republic',monaco,arial,sans-serif;
		font-size:70%;
		text-decoration:none;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:100%;
	}
	
	#sideBarContentsInner li a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	#sideBar{
		position: absolute;
		width: auto;
		height: auto;
		top: 200px;
		right:-7px;
		background-image:url(images/background.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
	
	#sideBarTab{
		float:left;
		height:137px;
		width:28px;
	}
	
	#sideBarTab img{
		border:0px solid #FFFFFF;
	}
	
	#sideBarContents{
		overflow:hidden !important;
	}
	
	#sideBarContentsInner{
		width:200px;
	}
	
	
	/*------------ fish ---------------*/
	
	#fish	{
				margin-left:780px;
				margin-top:-550px;
				}