@charset "utf-8";
/* CSS Document */
#ban {position:absolute;
	background-image: url(images/banniere_mention_de_site_internet.jpg);
	background-repeat:no-repeat;
	margin-left:103px;
	width:758px;
	height:315px;
	margin-top:70px;
}
#para_contact {
	border-left:solid 2px;
	border-left-color:#999999;
	margin-top: 60px;
	margin-left:80px;
	width:670px;
	height:400px;
	margin-top:30px;	
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color: #9b793f;
margin-left:15px;	
}
#footer{
	height:60px;
	width:690px;
	margin-left:130px;
	margin-top:50px;
}
.gros {
	float:right;
}
h3{
	position:absolute;
	margin-top : 45px;
	padding-left:240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:normal;
	color: #ba811e;
}#underlinemenu{
margin-left: 40px;
padding: 0;
margin-bottom: 1em;
padding-left: 40px;
float: left;
font-weight: bold;
width: 100%;
text-decoration:none;
}

#underlinemenu  li{
display: inline;
}

#underlinemenu  li.accueil a{
float: left;
color: #666666;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration:none;
border-bottom: 4px solid #990099;
}
#underlinemenu  li.accueil a:hover{
color: #9900cc;
border-bottom: 4px solid #9900cc;
padding: 2px 6px 4px 6px;
}
#underlinemenu  li.savoir a{
float: left;
color: #666666;
font-weight: bold;
text-decoration:none;
padding: 2px 6px 4px 6px;
border-bottom: 4px solid #cc0099;
}
#underlinemenu  li.savoir a:hover{
color: #cc00cc;
border-bottom: 4px solid #cc00cc;
padding: 2px 6px 4px 6px;
}
#underlinemenu  li.portofolio a{
float: left;
color: #666666;
font-weight: bold;
text-decoration:none;
padding: 2px 6px 4px 6px;
border-bottom: 4px solid #ff9933;
}
#underlinemenu  li.portofolio a:hover{
color: #ff9933;
border-bottom: 4px solid #ff9933;
padding: 2px 6px 4px 6px;
}
#underlinemenu  li.approche a{
float: left;
color: #666666;
font-weight: bold;
text-decoration:none;
padding: 2px 6px 4px 6px;
border-bottom: 4px solid #99cc33;
}
#underlinemenu  li.approche a:hover{
color: #99ff33;
border-bottom: 4px solid #99ff33;
padding: 2px 6px 4px 6px;
}
#underlinemenu  li.contact a{
float: left;
color: #666666;
font-weight: bold;
text-decoration:none;
padding: 2px 6px 4px 6px;
border-bottom: 4px solid #00ffff;
}
#underlinemenu  li.contact a:hover{
color: #33ccff;
border-bottom: 4px solid #33ccff;
padding: 2px 6px 4px 6px;
}
#underlinemenu li ul{
display:none;
position:absolute;
left:150px;
width:60px;
overflow: visible;
list-style:none;
margin-top:24px;
margin-bottom: 1em;
}
#underlinemenu  li ul li.portofolioa a {
margin-left:300px;
float:none;
display:inline;
width:100%;	
display:inline;	
color: #666666;
font-weight: bold;
text-decoration:none;
padding: 2px 6px 20px 6px;
border-bottom: 0px solid #ff9933;
}
#underlinemenu li ul li.portofolioa  a:hover{
padding: 2px 6px 20px 6px;
text-decoration: none;
margin-left:300px;
width:100%;
float:none;
display:inline;
color: #ff9933;
border-bottom: 0px solid #ff9933;
padding: 2px 6px 4px 6px;
}