/*	RESET
#########################################################################*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}body{line-height: 1}ol,ul{list-style: none}blockquote,q{quotes: none}blockquote:before,blockquote:after,q:before,q:after{content: '';content: none}ins{text-decoration: none}del{text-decoration: line-through}table{border-collapse: collapse;border-spacing: 0}


/*	GLOBAL
#########################################################################*/
* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #fff;
}

body {
	font: 87.5% 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	color: #333;
	line-height: 1.4em;
	outline: none;
	margin: 40px 0;
}

img {
	border: none;
}

.clear:after, #wrapper:after, #content:after, #sidebar:after, .logo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* TEXTE ET LIENS
#########################################################################*/
a:link, a:visited, a:active, a:hover {
	color: #333;
	text-decoration: none;
}

a:hover, a:active {
	color: #6a6a6a;
}

#sidebar a.selected {
	color: #acacac;
}


/* STRUCTURE
#########################################################################*/
#wrapper {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}

#sidebar {
	float: right;
	width: 300px;
	text-align: right;
	letter-spacing: 1px;
}

#sidebar .content {
	position: fixed;
}

h1.logo {
	float: right;
	width: 300px;
	height: 32px;
	margin-bottom: 66px;
	text-align: left;
}

h1.logo a {
	display: block;
	width: 300px;
	height: 32px;
	background: url(../img/logo.png) no-repeat top right;
	text-indent: -9999px;
}

h2 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 2px;
	color: #222;
	margin-top: -6px;
}

#content {
	float: left;
	width: 620px;
	margin-top: 105px;
	padding-bottom: 20px;
	font-variant: normal;
	font-size: .8em;
}

.legend {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top: -20px;
}

.copyright {
	float: left;
	width: 100%;
	font-size: .7em;
	font-variant: normal;
	letter-spacing: 0;
	color: #ddd;
	margin-top: 20px;
}

.mini {
	float: left;
	margin: 0 12px 18px 12px;
}

.view {
	display: block;
	float: left;
	margin-bottom: 20px;
}

.back {
	margin-top: -45px;
}

.info {
	text-align: right;
}

#clientsBloc {
	float: left;
	width: 300px;
}

#newsletterBloc {
	float: right;
	width: 300px;
}

#contactBloc {
	float: right;
	width: 300px;
}

#contactBloc p {
	margin-bottom: 0;
}

	
/* FORMULAIRE
------------------------------------------------------------------------*/
.newsletter {
	margin: 5px 0;
}

input {
	width: 285px;
	font-family: "Times New Roman", sans-serif;
	font-size: 1.3em;
	font-style: italic;
	color: #333;
	padding: 5px 5px 5px 0;
	outline:none;
	background-color: #fff;
	border: 0;
	border-bottom: 1px solid #acacac;
}

input:focus,textarea:focus {
	border: 0;
	border-bottom: 1px solid #7d7d7d;
}

.submit:hover {
	border: 0;
}

.submit {
	padding: 5px 10px 10px 0;
	border: 0;
	width: auto;
	background: none;
	cursor: pointer;
}