@charset "utf-8";
/* CSS Document */
@import url("/inc/css/reset.css");
body,td,th {
	font-family:Verdana, Geneva, sans-serif;
}
#principal {
	width:943px;
	height:600px;
	margin:auto;
	position:relative;
	padding-left:17px;
}
#nicolas_folliot {
	width:252px;
	height:277px;
	position:absolute;
	top:0px;
	left:15px;
	overflow:hidden;
	background:url(/images/nicolasfolliot.jpg) no-repeat;
}
#nicolas_folliot div.texte{
	margin:auto;
	padding-left:14px;
	margin-top:95px;
	color:#FFF;
	font-size:12px;
	line-height:14px;
}
#graphiste {
	width:659px;
	height:250px;
	position:absolute;
	top:0px;
	left:280px;
	padding-top:27px;
	padding-left:5px;
	background:url(/images/bulle-graphiste.jpg) no-repeat;
}
.bulle{
	width:60px;
	height:51px;
	position:absolute;
}
#bulle_graphiste {
	top:224px;
	left:310px;
}
#graphiste img{
	margin:2px 7px;
}

#menu {
	height:40px;
	position:absolute;
	top:277px;
	left:17px;
}
#picto {
	width:40px;
	height:284px;
	position:absolute;
	top:317px;
	left:17px;
}
#picto img{
	margin:12px 0px;
}
#picto_bulle_email{
	width:165px;
	height:49px;
	position:absolute;
	top:320px;
	left:59px;
	background:url(/images/picto-bulle-email.png) no-repeat;
	z-index:2;
}
#picto_bulle_tel{
	width:165px;
	height:49px;
	position:absolute;
	top:373px;
	left:59px;
	background:url(/images/picto-bulle-tel.png) no-repeat;
	z-index:2;
}
#picto_bulle_cv{
	width:66px;
	height:55px;
	position:absolute;
	top:435px;
	left:59px;
	background:url(/images/picto-bulle-cv.png) no-repeat;
	z-index:2;
}
#picto_bulle_book{
	width:66px;
	height:55px;
	position:absolute;
	top:492px;
	left:59px;
	background:url(/images/picto-bulle-book.png) no-repeat;
	z-index:2;
}
#picto_bulle_web{
	width:66px;
	height:55px;
	position:absolute;
	top:541px;
	left:59px;
	background:url(/images/picto-bulle-web.png) no-repeat;
	z-index:2;
}
#picto_bulle_plus{
	width:164px;
	height:101px;
	position:absolute;
	top:491px;
	left:60px;
	z-index:2;
}
#maquettiste {
	width:501px;
	height:255px;
	position:absolute;
	top:317px;
	left:65px;
	padding-top:29px;
	background:url(/images/bulle-maquettiste.jpg) no-repeat;
}
#bulle_maquettiste {
	top:316px;
	left:460px;
}
#maquettiste div{
	height:225px;
	float:left;
	margin-left:12px;
	overflow:hidden;
}
#maquettiste img{
	margin-bottom:6px;
}
#maquettiste div.editions{
	width:172px;
}
#maquettiste div.presse{
	width:171px;
}
#maquettiste div.autres{
	width:111px;
}
#correcteur {
	width:174px;
	height:285px;
	position:absolute;
	top:317px;
	left:581px;
	background:url(/images/bulle-correcteur.jpg) no-repeat;
}
#bulle_correcteur {
	top:316px;
	left:655px;
}
#independant {
	width:175px;
	height:284px;
	position:absolute;
	top:318px;
	left:771px;
	background:url(/images/bulle-independant.jpg) no-repeat;
}
#form {
	width:463px;
	height:250px;
	position:absolute;
	top:334px;
	left:304px;
	background:url(/images/bulle-form.png) no-repeat;
}
#form{
	width:440px;
	height:230px;
	margin:auto;
	padding:15px;
}
#form td{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:2px;
	color:#FFF;
}
#form label{
	text-transform:uppercase;
}
#form input[type=text]{
	font-size:11px;
	border:#C0C0C0 solid 1px;
	background-color:#EAEAEA;
	width:140px;
}
#form textarea{
	font-size:11px;
	border:#C0C0C0 solid 1px;
	background-color:#EAEAEA;
	width:348px;
	height:85px;
}
#form input[type=submit]{
	font-size:10px;
	color:#FFF;
	background-color:#000;
	width:80px;
	list-style:12px;
	text-transform:uppercase;
}
#close_form {
	text-align:right;
	height:12px;
	font-size:10px;
	text-transform:uppercase;
	padding-right:20px;
}
#close_form a{
	text-decoration:none;
	color:#FFF;
}
#close_form a:hover{
	text-decoration:underline;
}

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #000;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	text-transform:uppercase;
	color: #F60;
	font-size:9px;
	font-weight:bold;
}