/* CSS Document */
body{
	background:url(images/fond.jpg) repeat-x top fixed;
}
img{
	border:none;
}
#conteneur{
	position:relative;
	left:50%;
	width:420px;
	margin-left:-210px;
	margin-top:6%;
}
#top{
	position:absolute;
	left:0px;
	width:420px;
	height:110px;
	top:0px;
}
#logo{
	position:absolute;
	top:0px;
	left:10px;
	width:400px;
	height:58px;
}
#paragraphe{
	position:absolute;
	top:120px;
	left:0px;
	width:420px;
}
/*mes boutons*/
#menu{
	position:absolute;
	top:65px;
	left:0px;
	width:420px;
	height:33px;
}
ul#menu{
	list-style-type: none ;
	border: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
ul#menu li{
	position:absolute;
	top:0px;
}
#menu li#prestations {
	position:absolute;
	left:0px;
	width:103px;
	height:33px;
	background:url(images/prestations.png);
}
#menu li#prestations:hover {
	background:url(images/prestations.png);
	background-position:-103px;
}
ul#menu li#prestations a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 103px;
	height:33px;
}
#menu li#realisations {
	position:absolute;
	left:103px;
	height:33px;
	width:107px;
	background-image:url(images/realisations.png);
}
#menu li#realisations:hover {
	background-image:url(images/realisations.png);
	background-position:-107px;
}
ul#menu li#realisations a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 107px;
	height:33px;
}
#menu li#profil {
	position:absolute;
	left:210px;
	height:33px;
	width:66px;
	background-image:url(images/profil.png);
}
#menu li#profil:hover {
	background-image:url(images/profil.png);
	background-position:-66px;
}
ul#menu li#profil a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 66px;
	height:33px;
}
#menu li#tarifs {
	position:absolute;
	left:276px;
	height:33px;
	width:61px;
	background-image:url(images/tarifs.png);
}
#menu li#tarifs:hover {
	background-image:url(images/tarifs.png);
	background-position:-61px;
}
ul#menu li#tarifs a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 61px;
	height:33px;
}
#menu li#contact {
	position:absolute;
	left:337px;
	height:33px;
	width:83px;
	background-image:url(images/contact.png);
}
#menu li#contact:hover {
	background-image:url(images/contact.png);
	background-position:-83px;
}
ul#menu li#contact a{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 83px;
	height:33px;
}
/*mes div*/
#lienhtml {
	position: absolute;
	width:150px;
	right: 50px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.01em;
	text-align:right;
	z-index:80;
}
a {
	color:#EEEEEE;
	text-decoration:underline;
	border:none;
}
a:hover {
	color:#FF9933;
	text-decoration:underline;
	border:none;
}
/*Ma décoration*/
#herbe {
	position:fixed;
	width:1280px;
	height:20px;
	bottom:0px;
	left:0px;
}
#terrain {
	position:fixed;
	width:513px;
	height:231px;
	bottom:0px;
	right:0px;
}
#montagne {
	position:fixed;
	width:100%;
	height:149px;
	bottom:-10px;
	left:-10px;
}
#foret {
	position:fixed;
	width:166px;
	height:288px;
	bottom:-10px;
	left:-40px;
}
#ciel {
	position:fixed;
	width:100%;
	height:339px;
	top:0px;
	left:0px;
}
#fond {
	min-height:100%;
	padding: 30px 30px 30px 15px;
	position:absolute;
	margin-left:193px;
	background:url(images/fond.png) repeat-y;
	width:auto;
	left: 0px;
	top: 150px;
	z-index:100;
}
#homme{
	position:fixed;
	width:90px;
	height:190px;
	bottom:5px;
	left:100px;
}
#oiseaux{
	position:fixed;
	height:150px;
	width:100px;
	top:400px;
	left:60%;
	margin-left:300px;
}
/*mes textes*/
p{
	color:#FFFFFF;
	text-align:justify;
	text-indent:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.02em;
	line-height:1.5em;
	width:410px;
}
.p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.02em;
	line-height:1.5em;
}
.paragraphe{
	color:#FFFFFF;
	margin-top:10px;
	padding-bottom:10px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.02em;
	line-height:1.5em;
	width:410px;
}
.lettrine{
	font-size: 2em; 
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#F5F5F5;
	margin: 1px;
}
.titres{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bolder;
	color:#fbae0d;
	letter-spacing:0.05em;
}
.bouton{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF860D;
	letter-spacing:1px;
}
#formulaire{
	width:450px;
	height:320px;
}
#texteformulaire{
	font-family:Arial, Helvetica, sans-serif;
	color:#F7F7F7;
	width:65px;
	height:275px;
	float:left;
	line-height:0.05em;
	margin-top:-10px;
	text-align:right;
}
#realisation{
	margin-left:20px;
	width:300px;
	height:250px;
	margin:10px 25px 25px 10px;
	border:none;
	padding-top:5px;
}
#realisation .image{
	margin-top:20px;
	vertical-align:middle;
	width:60px;
	height:60px;
	float:left;
	border:none;
}
#realisation .texte{
	margin-top:40px;
	margin-left:80px;
}
#full {
	position:relative;
	width: 420px;
	text-align: left;
}
fieldset {
	margin-bottom: 10px;
	border:none;
	width: 420px;
	margin: 0px;
}
fieldset p {
	padding: 0 0 0 0 !important;
	clear: both;
}
label.text {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:10px;
	color:#FFFFFF;
}
input.text,textarea {
	width: 295px;
	background-color:#FFFFFF;
	margin-right: 0px;
	margin-left:5px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.envoy {
	margin-left: 20px;
	text-align: left;
}
.envoy label {
	width:220px;
	border: none;	
}