@charset "utf-8";
/* CSS Document */
#page-webmaster {
	width: 919px;					/*pour s'adapter a toutes les tailles d'écran, la + petite étant du 760 pixels*/
	height: 602px;
	background-image: url(../images/fond-webmaster.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}
h1{
	position: absolute;
	left: 297px;
	top: 11px;
	width: 279px;
	height:76px;
	text-align: left;
	font-size: 28px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
#contenu-texte {
	position: absolute;
	left: 98px;
	top: 236px;
	width: 177px;
	height:153px;
}
#contenu-texte a {
	color: #666;
	text-decoration:none;
}
#contenu-texte a:hover {
	color: #000;
}
#formulaire {
	position: absolute;
	left: 341px;
	top: 236px;
	width: 346px;
	height:191px;
	text-align: left;
}
#contact {
	position:relative;
}
#contact label {
	float: left;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #333;
	width:80px;
	text-align: right;
}
#contact nom, mail, objet, commentaires {
	float: left;
	width:250px;
	background-color: #FFF;
	font-size: 11px;
	color:#333;
	padding-left:10px;
	margin-bottom: 0px;
}
#ok{
	position:absolute;
	top:223px;
	left:331px;
	width:77px;
	height:22px;
	font-size: 12px;
	background-color: #FFF;
	color: #000;
}
#ok:hover {
	color: #FFF;
	background-color: #222;
}
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	position:absolute;
	top:160px;
	left:30px;
}
.bonenvoi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #060;
	font-weight: bold;
	position:absolute;
	top:160px;
	left:30px;
}