html, body, #wrapper {
	width:100%;
	height:100%;
}

body {
	background-color:#282828;
	font-family: Helvetica, sans-serif;
}

.page {
	width:960px;
	margin:0 auto;
	padding-top:100px;
}

.content-wrapper {
	width:100%;
	height:700px;
	background-color:white;
	-webkit-box-shadow:4px 4px 8px #111;
	-moz-box-shadow:4px 4px 8px #111;
	-o-box-shadow:4px 4px 8px #111;
	-khtml-box-shadow:4px 4px 8px #111;
	box-shadow:4px 4px 8px #111;
}
header .logo {
	width:339px;
	height:144px;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	float:left;
}
.slogan {
	height:144px;
	background:url(../images/background-header.png) 0 0 repeat;
	font-family: 'Abel', sans-serif;
	margin-left:339px;
}
.slogan .title {
	font-size:40px;
	font-weight:normal;
	padding: 25px 0 15px 70px;
	line-height:33px;
	background:url(../images/puce-titre.gif) 20px 25px no-repeat;
}
.slogan .subtitle {
	font-size:28px;
	font-weight:normal;
	padding-left:70px;
	line-height:30px;
}
.slogan .subtitle strong {
	font-weight:normal;
	color: #670f33;
}
.content {
	width:960px;
	height:556px;
	background:url(../images/visuel.png) 0 0 no-repeat;
	position:relative;
}
.content .deco1 {
	background:url(../images/deco1.png) bottom left no-repeat;
	width:304px;
	height:256px;
	position:absolute;
	left:0;
	bottom:0;
}
.content .cadre-texte {
	height:224px;
	background:url(../images/cadre-texte.png) top right no-repeat;
	position:relative;
	top:-24px;
	text-indent:-9999px;
}
.contact-form {
	float:right;
	margin-right:40px;
	position: relative;
	top: -20px;
}
.contact-form label {
	width: 100px;
	display: inline-block;
	text-align: right;
	font-size:17px;
	color:#555;
	margin-right:10px;
}
.contact-form .form-item {
	margin:7px 0;
	position:relative;
}
.contact-form label.error {
	position: absolute;
	top: 0;
	left: -140px;
	width: 140px;
	text-align: right;
	border-radius: 6px;
	font-size: 12px;
	padding: 3px 8px 3px;
	color: red;
	font-weight: bold;
	background-color: white;
}
.contact-form input.error {
	background-color:#ffd3d3!important;
}
.contact-form p.error {
	color:red;
	font-size:12px;
	font-weight:bold;
}
.contact-form input[type=text] {
	height:28px;
	border:none;
	border-radius:3px;
	background-color:#ebebeb;
	width:199px;
	padding:0 0 0 8px
}
.contact-form input[type=text]:focus {
	background-color:#f5f5f5;
	outline:0;
}
.contact-form #submit {
	width: 72px;
	height: 28px;
	border: none;
	text-indent:-9999px;
	background:url(../images/bouton-envoyer.png) 0 0 no-repeat;
	margin-top:18px;
}
.content .footer {
	position:absolute;
	bottom: 27px;
	right: 31px;
	font-size: 22px;
	font-family: 'Abel', sans-serif;
	z-index:99;
}
.content .logo {
	position:absolute;
	top: 193px;
	left: 120px;
}

.merci .content {
	width:960px;
	height:700px;
	background:url(../images/fond-merci.png) 0 0 no-repeat;
}
.merci .content .logo-fond {
	width:921px;
	height:282px;
	background:url(../images/logo-fond.png) 0 0 no-repeat;
	opacity:0.05;
}
.merci .content .logo {
	top:300px;
}
.merci .content .texte {
	color:white;
	font-size:23px;
	font-family: 'Abel', sans-serif;
	width:480px;
	position:absolute;
	top:300px;
	right:60px;
}
.merci .content .texte p {
	line-height:25px;
	margin:16px 0;
}
.merci .footer {
	height:55px;
	background-color:white;
	text-align:center;
	left:0;
	bottom:0;
	right:0;
}
.merci .footer a {
	color:#91013b;
	text-decoration:none;
	line-height:50px;
}