* { margin: 0; padding: 0;}

html, body {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #6f7161 url("../img/bg-body.png") top repeat-x;
	font-family: "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 11px;
}

a { text-decoration: none;}
a img { border: none; text-decoration: none; }

#enveloppe {
	position: relative;
	width: 980px;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;	
}
#content {
	position: relative;
	width: 1004px;
	background: url("../img/bg-content.png") repeat-y;
	min-height: 100%;	
}
/* Header */
#entete {
	background: url("../img/bg-header.jpg") no-repeat;
	width: 1006px;
	height: 323px;
	font-family: Arial, sans-serif;
}
#entete h1 {
	text-indent: -9999px;
	font-family: "HancockParkBoldLaser", sans-serif;
	font-size: 24px;
	color: #fdfefd;
	background: url("../img/logo-yveryvisto.jpg") no-repeat;
	position: relative;
	top: 25px;
	left: 27px;
	width: 213px;
}
#entete h1 span {
	display: block;
	text-indent: 0;
	color: #a2a490;
	font-size: 13px;
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	float: left;
	margin-left: 15px; 
}
#prestations, #accroche {color: #fdfefd;}
#prestations {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	font-variant: small-caps;
	position: absolute;
	top: 75px;
	left: 300px;
}
#concept-fr, #concept-es {
	text-indent: -9999px;
	background: url("../img/un-concept.jpg") no-repeat;
	width: 349px;
	height: 79px;
	display: block;
	position: absolute;
	top: 130px;
	left: 298px;	
}
#concept-es {background: url("../img/un-concepto.jpg") no-repeat;width:379px;top: 129px;}
#accroche {
	font-size: 16px;
	position: absolute;
	top: 200px;
	left: 315px;	
}
#nav_rapide {
	z-index: 999;
	padding: 8px 0 0 25px;
	color: #838477;
	font-family: "LucidaSans", Lucida, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: 11px;
	list-style: none;
}
#nav_rapide a {color: #838477;}
#nav_rapide span {position: relative; left: 660px;}

#first { margin-top: 0; }
#last { margin-top: 50px; margin-bottom: 0; padding-bottom: 480px; }

/* Navigation */

#nav {
	width: 210px;
	position: absolute;
	top: 184px;
	left: 40px;
	list-style-type: none;
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #979892;
	border-top: 1px solid #A0A38E;
}
#nav li {border-bottom: 1px solid #888B79;line-height: 33px;}
#nav li a {line-height: 33px;color: #fff;}
#nav li li {border-bottom: none;list-style-type: none;}
#nav li li a {opacity: 0.5; font-size: 14px;font-weight: bold;}
#nav li li a.current, #nav li li a:hover {
	color: #fff;
	background: url("../img/fleche-nav.png") left no-repeat;
	margin-left: -22px;
	padding-left: 22px;
}
/* Page */
.page {
	min-height: 600px;
	width: 630px;
	margin: 40px 0 0 250px;
	padding: 0 20px 0px 100px;
}
.page h2, .page h3, .page h4, .page p {color: #93958e;padding-bottom: 10px;}
.page h2 {font-size: 26px;}
.page h3 {font-size: 17px;font-weight: normal;}
.page h4.lettrine {
	background: url("../img/lettrine.png") top left no-repeat; 
	height: 50px;
	padding-top: 10px;
	padding-left: 60px;
	margin-left: -60px;
}
.page h4 {font-family: "Arial Black", Arial, sans-serif;font-size: 14px;font-weight: normal;}
.page p {font-size: 12px;line-height: 21px;width: 500px;padding-bottom: 10px;}
/*.page p img {float: right;}*/
.page a {color: inherit;text-decoration: underline;}

/* Definition lists */
#intro {
	position: relative;
	top: -24px;
	margin-left: 300px;
}
dl {
	float: left;
	color: #1F201B;
	padding: 25px 30px 0 15px;
	width: 280px;
	background: url("../img/fleche.png") left no-repeat;
}
dt {
	font-size: 18px;
	line-height: 21px;
	font-family: "Arial Black", Arial, Verdana, sans-serif;
	border-left: 1px solid #5e5f55;
	padding-left: 8px;
}
dd p {
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Verdana, sans-serif;
	width: 220px;
	padding-left: 10px;
}
/* Contact form */
.contact {color: #fff;}
.contact fieldset {
	border: none;
	padding: 10px;
	margin-top: 20px;
	width: 400px;
}
.contact .input {margin-top: 8px;margin-bottom: 8px;}
.contact .input input {margin-top: 8px;margin-bottom: 3px;width: 260px;border: 1px solid #5e5f55;}
.contact label {display: block; width: 130px;}
.contact .textarea textarea {width: 200px;border: 1px solid #5e5f55;}
#ContactAntispam {width: 40px;}
.error-message {color: #93958e;}
.error input, textarea.form-error {border: 1px solid #EF7320;}
/* Footer */
#footer {
	position: absolute;
	bottom: 0; left: 0;
	padding: 60px 0 0 30px; 		
	width: 1006px;
	height: 480px;
	background: #6f7161 url("../img/bg-footer.jpg") no-repeat;	
}
#footer .list .title_cat {
	display: block;
	position: relative;
	top: -30px;
	color: #52534B;
	font-size: 13px;
	font-weight: bold;
}
#footer ul {list-style-type: none;}
#footer .list {
	float: left;
	padding: 0 5px 0 20px;
	width: 170px;	
}
#footer .list ul {margin-top: -10px;}
#footer .list ul li ul {margin:0px;}
#footer .list ul li {
	display: block;
	position: relative;
	color: #52534B;
	font-size: 11px;
	line-height: 24px;
	border-bottom: 1px solid #2C2D25;
}
#footer .list ul li a {
	color: #52534B;
	line-height: 24px;
}
.clear {clear: both;}
.cache {visibility: hidden;}
.left{float: left;}
.right {float: right;}