body { 
	margin:0; 
	padding:0; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	background:url('../img/background.jpg') no-repeat; 
	background-position:bottom center; 
	background-attachment:fixed;
	color:#646567;
	overflow:hidden;
}
img { border:0; }
a, a:focus, a:link, a:visited, a:active, input, input:focus, input:active { outline:none;text-decoration:none;}


.back { 
	background:url('../img/backtorea.png') no-repeat; 
	height:36px; 
	width:133px;
	margin-left:-154px; 
	float:left;
	margin-top:265px;
	cursor:pointer;
}

#logo { position:absolute; left:50%; margin-left:-366px; bottom: 650px; cursor:pointer;}
#menu { position:absolute; left:50%; margin-left:-361px; bottom:443px; }
#menu ul { margin:0; padding:0; font-size:16px; font-weight:bold; }
#menu li { 
	list-style:none; 
	color:#eceded; 
	text-align:right; 
	margin:0; 
	padding:0; 
	height:36px; 
	background:url('../img/list.png') no-repeat; 
	background-position:top right;
	padding-right:30px;
	line-height:15px;
	cursor:pointer;
}
#menu a { color:#eceded; }
#menu a:hover { color:#fff; }
#menu a:visited { color:#eceded; }

#carousel-wrapper {width: 750px; height: 725px; overflow: hidden; }
#carousel-content { width: 6000px; }
#carousel-content .slide { float: left; width: 600px; height: 725px; padding-left:150px; }

#agence { border-left:1px solid #8cba15; height:80%; padding-left:20px; margin-top:0px; padding-top:7%;}
#agences { margin:0; padding:0; position:absolute; left:50%; bottom:100px; margin-left:-534px; width:300px; }
#agences h3 { margin:0; padding:0; font-size:16px; font-weight:normal; color:#8cba15; text-align:right; }
#agences p { margin:0; padding:0; font-size:11px; font-weight:bold; color:#eceded; text-align:right; margin-bottom:15px;}

#home { background:url('../img/web-et-cie-creations-web.png') no-repeat; width:659px; height:374px; margin:0; padding:0; margin-left:-125px; }

#social { margin:0; padding:0; position:absolute; left:50%; bottom:80px; margin-left:-534px; width:300px; }
#social p { margin:0; padding:0; font-size:11px; font-weight:bold; color:#eceded; text-align:right; margin-bottom:6px;}
#social img { vertical-align:middle; margin-left:3px; margin-top:-2px;}
#social a{ color:#fff; }
#social a:hover { color:#fff; }
#social a:visited { color:#fff; }

#competences { padding-left:20px; margin-top:0px; width:470px; background:url('../img/competences.png') no-repeat; background-position:80px 0;}
#competences a { color:#474747; }
#competences a:hover{ color:#474747; }
#competences a:visited { color:#474747; }
#competence { border-left:1px solid #8cba15; padding-left:20px; margin-top:100px; padding-top:2%; width:500px; height:100%; background-position:80px 0; font-size:12px; text-align:justify;}
#competences h1 { position:relative; margin:0; padding:0; left:215px; top:5px; display:block; height:50px;}
#competence h3 { font-size:12px; font-weight:bold; margin:0; padding:0; margin-bottom:10px;}


#siteweb { 
	background:url('../img/graphisme.png') no-repeat; 
	background-position:top right; 
	margin:0; padding:0; 
	position:relative;
	top:162px;
	left:-3px;
	text-align:right;
	width:95px;
	padding-right:55px;
	padding-top:2px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#referencement { 
	background:url('../img/referencement.png') no-repeat; 
	background-position:top right; 
	margin:0; padding:0; 
	position:relative;
	top:245px;
	left:-8px;
	text-align:right;
	width:105px;
	padding-right:55px;
	padding-top:12px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#emailing { 
	background:url('../img/emailing.png') no-repeat; 
	background-position:top center; 
	margin:0; padding:0; 
	position:relative;
	top:229px;
	left:181px;
	text-align:center;
	width:80px;
	padding-top:55px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#hebergement { 
	background:url('../img/hebergement.png') no-repeat; 
	background-position:top left; 
	margin:0; padding:0; 
	position:relative;
	top:88px;
	left:285px;
	text-align:left;
	width:150px;
	padding-left:48px;
	padding-top:15px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#flash { 
	background:url('../img/flash.png') no-repeat; 
	background-position:top left; 
	margin:0; padding:0; 
	position:relative;
	top:-36px;
	left:390px;
	text-align:left;
	width:80px;
	padding-left:40px;
	padding-top:26px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#graphisme { 
	background:url('../img/siteweb.png') no-repeat; 
	background-position:top left; 
	margin:0; padding:0; 
	position:relative;
	top:-263px;
	left:346px;
	text-align:left;
	width:100px;
	padding-left:45px;
	padding-top:2px;
	height:40px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

#espaceclient {  border-left:1px solid #8cba15; height:100%; padding-left:20px; width:500px; margin-top:60px;padding-top:3%; }
.message_erreur { font-size:10px; font-style:italic; }

#mentionslegales { border-left:1px solid #8cba15; height:100%; padding-left:20px; width:390px; margin-top:160px; padding-top:3%; }
#contactez-nous { border-left:1px solid #8cba15; height:100%; padding-left:20px; width:500px; margin-top:210px; padding-top:3%; }

label { font-size:16px; color:#8cba15; display:block; margin-top:5px;}
input { width:350px; padding:5px; border:1px solid #d1d1d1; margin-bottom:10px; }
textarea { width:350px; padding:5px; border:1px solid #d1d1d1; margin-bottom:10px; overflow:hidden; height:80px;}
input[type="submit"] { width:auto; cursor:pointer; }

#plandusite { border-left:1px solid #8cba15; height:100%; padding-left:20px; width:190px; margin-top:60px;padding-top:3%;  }
#plandusite a{ color:#8cba15; }
#plandusite a:hover { color:#8cba15; }
#plandusite a:visited { color:#8cba15; }

.realisations { border-left:1px solid #8cba15; height:100%; padding-left:20px; width:470px; margin-top:50px; }
.reference_pic { float:left; margin:20px; margin-bottom:0px;}
.reference_pic:hover { opacity:0.8; cursor:pointer; }
.reference_pic h1 { text-align:center; }
.realisations a { color:#8cba15; font-size:12px;}
.realisations a:hover { color:#8cba15; }
.realisations a:visited { color:#8cba15; }
.preview { margin-left:0; margin-top:0px; margin-bottom:20px;}

#previous { position:relative; left:-156px; top:265px; background:url('../img/previous_page.png') no-repeat; font-size:12px; width:70px; text-align:center; height:38px; cursor:pointer;}
#previous_off {position:relative; left:-156px; top:265px; background:url('../img/previous_page_off.png') no-repeat; font-size:12px; width:70px; text-align:center; height:38px; cursor:pointer;}
#next { position:relative; left:-86px; top:227px; font-size:12px; width:66px; text-align:center;  background:url('../img/next_page.png') no-repeat; height:38px; cursor:pointer;}
#next_off { position:relative; left:-86px; top:227px; font-size:12px; width:66px; text-align:center;  background:url('../img/next_page_off.png') no-repeat; height:38px; cursor:pointer;}

#credits { margin:0; padding:0; position:absolute; left:50%; bottom:30px; margin-left:-534px; width:300px; }
#credits p { margin:0; padding:0; font-size:10px; font-weight:bold; color:#8cba15; text-align:right; }
#credits ul { margin:0; padding:0; list-style:none; }
#credits li { float:right; margin:0; padding:0; color:#8cba15; font-size:10px; font-weight:bold; margin-left:8px; cursor:pointer;}
#credits li:hover { text-decoration:underline }
#credits a { color:#8cba15; }
#credits a:hover { color:#8cba15; }
#credits a:visited { color:#8cba15; }

#content { position:absolute; margin:0; padding:0; bottom:0; left:50%; margin-left:-199px; }
#content h1 { margin:0; padding:0; color:#8cba15; font-weight:normal; font-size:20px; margin-bottom:20px; }
#content h2 { margin:0; padding:0; color:#8cba15; font-weight:normal; font-size:14px; margin-bottom:5px; }
#content p { margin:0; padding:0; margin-bottom:20px; }