$@charset "utf-8";
/* CSS Document */

html, body
{
	margin: 0;
	padding: 0;
	height:100%;
}



body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Tahoma, verdana, Arial, "Arial Narrow", sans-serif;
	background-attachment:fixed;
	background-image: url(images/fond.png);
	background-repeat: repeat-x;
	background-color:#0064c8;
}

#header
{
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

a
{
	outline: none;
	text-decoration:none;
}

.acceuil
{
	display:block;
	height:70px;
	width:166px;
	padding-top:21px;
	text-align: center;
	margin-left: 0.5em;
	text-decoration:none;
	background-image:url(images/bouton_acceuil.png);
	background-repeat:no-repeat;
	color:#005671;
	font-size:20px;
	font-weight:bold;
}

.portfolio
{
	display:block;
	height:70px;
	width:166px;
	padding-top:21px;
	text-align: center;
	margin-left: 0.5em;
	text-decoration:none;
	background-image:url(images/bouton_creation.png);
	background-repeat:no-repeat;
	color:#256400;
	font-size:20px;
	font-weight:bold;
}

.contact
{
	display:block;
	height:70px;
	width:166px;
	padding-top:21px;
	text-align: center;
	margin-left: 0.5em;
	text-decoration:none;
	background-image:url(images/bouton_contact.png);
	background-repeat:no-repeat;
	color:#626200;
	font-size:20px;
	font-weight:bold;	
}

li
{
	float:right;
	list-style-type:none;
}

a img
{
border: none;
}

#body
{
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

#logo
{
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:20%;
}

#footer
{
	position:absolute;
	bottom:0px;
	height:210px;
	width:100%;
	text-align:justify;
	font-size:14px;
	padding:15px 50px 0 50px;
	color:#452E18;
	background-image:url(images/footer.png);
	background-repeat:repeat-x;
}

#fcontent
{
width:950px;
margin-left:auto;
margin-right:auto;
}

#fleft
{
margin-top:1.2em;
float:left;
width:380px;
}

#fdroite
{
margin-left:35px;
float:left;
width:513px;
height:200px;
}

.dev
{
	display:block;
	margin-top:5px;
}

.Style1
{
display:block;
font-weight:bold;
}

.Style2
{
display:block;
margin-top:-0.5em;
}

.nom
{
clear:both;
font-size:13px;
}

.acc
{
margin-right:5px;
color:#10555d;
display:block;
float:left;
font-weight:bold;
text-align:center;
padding-top:3px;
width:80px;
height:26px;
background-image:url(images/auto-acc.png);
background-repeat:no-repeat;
}

.crea
{
margin-right:5px;
color:#247000;
display:block;
float:left;
font-weight:bold;
text-align:center;
padding-top:3px;
width:96px;
height:26px;
background-image: url(images/auto-crea.png);
background-repeat:no-repeat;
}

.cont
{
margin-right:5px;
color:#726d05;
display:block;
float:left;
font-weight:bold;
text-align:center;
padding-top:3px;
width:84px;
height:26px;
background-image:url(images/auto-cont.png);
background-repeat:no-repeat;
}