/*Style general */

body {
	background:url(img/background.png) repeat-x top center #E8F7F9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height: 100%;
	margin: 0;
	padding: 0;
	color:#000000;	
	}
	
* {
	margin:0;
	padding:0;
	}
	
/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow:scroll;
	}

	#flashcontent {
		height: 100%;
	}
	/* end hide */	

img {
	border:0;
	}

/* Structure */

#wrapper {
	margin:0 auto;
	width:700px;
	background:#ffffff;
	font-size:1.20em;

	}
#header {
	height:140px;
	background:url(img/feuillage_art.png) no-repeat;
	}
#menu {
	height:35px;
	line-height:35px;
	background:url(img/Menubar_gold.png) repeat-x;	
	/*padding:0 10px;*/
	}
#content {
	float:left;
	width:700px;
	height:475px;
}	

#title{
	width:700px;
	height:40px;
	background:url(img/Titre_background.png) no-repeat;
}

#title_text{
	position:relative;
	height:40px;
	width:470px;
	left:230px;
}

#contenu{
	width:700px;
	height:435px;
}	

#sidebar{
	position:absolute;
	height:435px;
	width:150px;
	background:url(img/Sidebar_background.png) no-repeat;
	
}

#sidebar #sous-menu{
	position:absolute;
	top:110px;
	left:0px;
	bottom:10px;
	right:5px;
	height:230px;
	width:140px;
	color:#b0ac34;
}

#display{
	position:relative;
	vertical-align:top;
	left:150px;
	height:435px;
	Width:545px;
	/*border: 2px red solid;*/
}

#footer {
	clear:both;
	height:50px;
	background:url(img/Mauvaises_herbes.png) no-repeat; 
	}

/* Menu */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	margin:0 25px;
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:1.20em;
	text-decoration:none;
	}
#menu li a:hover {
	text-decoration:none;
	}
	
#menu .section_highlight {
	background:url(img/Bullet_flower_white.png) no-repeat;
	padding-left:20px;
	background-position: center left;
}


/*Sidebar*/
#sidebar ul {
	list-style-type:none;
	}
#sidebar li {
	padding-left: 15px;
	padding-bottom:15px;
	padding-top:5px;
}
	
#sidebar li a {
	color:#b0ac34;
	font-size:10px;
	text-decoration:none;
	
	}
	
#sidebar li a:hover {
	text-decoration:none;
	}

#sidebar li .sidebar_highlight{
	background:url(img/Bullet_flower_pink.png) no-repeat;
	padding-left: 20px;
	padding-bottom:5px;
	padding-top:5px;
	background-position: center left;
	color:#f6234f;
	}	
#sidebar p {
	padding:0 0;
	}	



/* Footer */
#footer-credits {
	text-align:center;
	padding-top:30px;
	padding-left:10px;
	cursor:default;
	}
#footer-credits a {
	color:#f6234f;
	text-decoration:none;
	}
#footer-credits a:hover {
	color:#b0ac34;
	text-decoration:none;
	}

	
/*About me*/	
#aboutme {
	Width:540px;
	height:430px;
}

#portrait {
	width:270px;
	height:260px;
	text-align:center;
}

#idcard {
	position:absolute;
	left:250px;
	top:20px;
	width:230px;
	height:230px;
	color:#f6234f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#idcard  li {
	list-style:none;
	background:url(img/Bullet_flower_pink.png) no-repeat;
	padding-left: 20px;
	margin-bottom: 20px;
	}	
	
#idcard p {
	text-align:left;
	font-size:14px;
	margin-bottom: 10px;
}	

#pres {
	position:relative;
	width:445px;
	height:100px;
	left:35px;
	color:#f6234f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}

#pres p {
	margin-top: 10px;
}

#pres a {
	color:#b0ac34;
	text-decoration:none;
}

#signature {
	position:relative;
	width:445px;
	height:60px;
	left:35px;
	text-align:right;
}

/*Home page*/
#welcome {
	width:460px;
	height:90px;
	background:url(img/welcome.png) no-repeat;
}

#welcome p {
	padding-top: 10px;
	text-align:center;
}

#welcome a {
	color:#b0ac34;
	text-decoration:none;
}

#pswork {
	position:absolute;
	top:100px;
	width:210px;
	height:300px;
}

#photos {
	position:absolute;
	top:100px;
	left:250px;
	width:210px;
	height:300px;
}


/*Contact page*/
#intro {
	height:50px;
	Width:520px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#f6234f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}

#formulaire {
	position:absolute;
	height:350px;
	Width:520px;
	top:100px;
	color:#f6234f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}

#formulaire p {
	padding-top: 10px;
	padding-bottom: 10px;
}

input {
   background: #ffffff !important;
} 

#message {
	position:absolute;
	height:30px;
	Width:520px;
	top:60px;
	color:#b0ac34;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
}