html, body {
				height: 100%;
			}
			body {
				margin: 0;
				padding: 0;
				font: 12px/1.5 arial, helvetica, sans-serif;
				color:#999999;
			}

			#container {
				position: relative;
				min-height: 100%;
				background:url(img/img-infographie.gif) no-repeat bottom center;
					
			}
			#containerinf {
				position: relative;
				min-height: 100%;
				background:url(img/img-infographie.gif) no-repeat bottom center;	
			}
			#containercom {
				position: relative;
				min-height: 100%;
				background:url(img/img-communication.gif) no-repeat bottom center;	
			}
			#containercon {
				position: relative;
				min-height: 100%;
				background:url(img/img-contact.gif) no-repeat bottom center;	
			}
			#containerpho {
				position: relative;
				min-height: 100%;
				background:url(img/img-photographie.gif) no-repeat bottom center;	
			}

			#content {
				padding: 10px;
			/*	background-color: #6caad9; */
				padding-bottom: 48px;	
			}
			#footer {
				position: absolute;
				bottom: 0;
				padding: 0px;
			/* 	background-color: #0066b2; */
				width: 100%; 
				text-align:center;
			}
			#footer h1 {
				color: #fff;
				padding-bottom: 0;
			}
			h1, p {
				margin: 0;
				padding-bottom: 1em;
			}
			h1 {
				font-size: 12px;
				line-height: 1.5em;
			}
			
#footer a {
     color:#999999;
	 text-decoration:none;
	 font-size: 11px;
	}
	
#footer a:hover {
	color:#CCCCCC;
	text-decoration: none;
	}

#footer a.vert {
     color:#999999;
	 text-decoration:none;
	 font-size: 11px;
	}
	
#footer a.vert:hover {
	color:#0fbc28;
	text-decoration: none;
	}
#footer a.orange {
     color:#999999;
	 text-decoration:none;
	 font-size: 11px;
	}	
#footer a.orange:hover {
	color:#f7a407;
	text-decoration: none;
	}
#footer a.violet {
     color:#999999;
	 text-decoration:none;
	 font-size: 11px;
	}
#footer a.violet:hover {
	color:#e0a3e0;
	text-decoration: none;
	}
#footer a.bleu {
     color:#999999;
	 text-decoration:none;
	 font-size: 11px;
	}
#footer a.bleu:hover {
	color:#6666ff;
	text-decoration: none;
	}		
a.page {color: #999999;text-decoration: none ; font-size: 12px; font-family: Arial, Verdana, Helvetica}
a.page:hover {color: #CCCCCC;  }		
a.pagebleu {color: #6666ff;text-decoration: none ; font-size: 12px; font-family: Arial, Verdana, Helvetica}
a.pagebleu:hover {color: #CCCCCC;  }		
a.pagebleugr {color: #6666ff;text-decoration: none ; font-size: 16px; font-family: Arial, Verdana, Helvetica}
a.pagebleugr:hover {color: #CCCCCC;  }

a.infographie {display: block;
          width: 98px; height: 20px;
          background-image: url(http://www.vincentpeter.com/img/nav-01.gif);
		  background-repeat: no-repeat;
		  }
a.infographie:hover {background-image: url(http://www.vincentpeter.com/img/nav-01-over.gif);}

a.communication {display: block;
          width: 129px; height: 20px;
          background-image: url(http://www.vincentpeter.com/img/nav-02.gif);
		  background-repeat: no-repeat;
		  }
a.communication:hover {background-image: url(http://www.vincentpeter.com/img/nav-02-over.gif);}

a.photographie {display: block;
          width: 116px; height: 20px;
          background-image: url(http://www.vincentpeter.com/img/nav-03.gif);
		  background-repeat: no-repeat;
		  }
a.photographie:hover {background-image: url(http://www.vincentpeter.com/img/nav-03-over.gif);}

a.contact {display: block;
          width: 75px; height: 20px;
          background-image: url(http://www.vincentpeter.com/img/nav-04.gif);
		  background-repeat: no-repeat;
		  }
a.contact:hover {background-image: url(http://www.vincentpeter.com/img/nav-04-over.gif);}

a.galerie {display: block;
          width: 108px; height: 18px;
          background-image: url(http://www.vincentpeter.com/img/galerie-photos.gif);
		  background-repeat: no-repeat;
		  }
a.galerie:hover {background-image: url(http://www.vincentpeter.com/img/galerie-photos-over.gif);}

a.logo {display: block;
          width: 158px; height: 47px;
          background-image: url(http://www.vincentpeter.com/img/logo.gif);
		  background-repeat: no-repeat;
		  }
a.logo:hover {background-image: url(http://www.vincentpeter.com/img/logo.gif);}


#menu {
	height: 50px;
	line-height: 28px;
	list-style-type: none;
/*	background: #f9e492 url() no-repeat;  */
/* 	text-align: left; */
	position: relative;
	margin-left: auto;
     margin-right: 0px;
     width: 700px;
	
}
#menucoin {
position: absolute;
right: -1px;

}
#menu li { 
float: left;
padding-right: 15px;
}

#bis { 
float: left;
padding-right: 15px;
padding-top: 27px;
}

#logo {
  background-image: url(http://www.vincentpeter.com/img/logo.gif);
  background-repeat: no-repeat;
  width: 158px;
  height: 47px;
  padding: 0
}
/*
 FORM {
	margin: 0
}

FORM * {
	font: 12px Arial, Helvetica, sans-serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0 5px 5px 0
}
TEXTAREA, INPUT {
	border: #999 1px solid; 
	background-color: #fff;
	width: 180px; 
}
TEXTAREA {
	width: 250px; 
	height: 100px
}
FORM P {
	clear: both; margin: 0
}
FORM LABEL {
	float: left; width: 30%; text-align: right
}
#submit {
	border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #006633; width: auto;
}
#submit:hover {
	border: 1px red solid
}
.alerte {
	font-weight: bold; font-size: 14px
}
.focus {
	background: #ff9
} 



*/