/*	Blocs	*/
body	{
	background-color:#FFFFFF;
	color:#AAAAAA;
	width:900px;
	margin:auto;
	margin-top:0px;
	margin-bottom:0px;
	min-height:100%;
	z-index:2;
}
div#logo	{
	background-image:url(../image/header.png);
	background-repeat:no-repeat;
	height:100px;
}
div#menu, div#sousMenu	{
	background-color:#999999;
	width:100%;
	height:22px;
	border-bottom:1px #000000 solid;
}
div#sousMenu	{
	background-image:url(../image/flecheMenu.png);
	background-repeat:no-repeat;
	padding-left:40px;
	width:800px;
	margin:auto;
}
div#corps	{
	background-color:#000000;
	color:#000000;
	border:3px #999999 solid;
	min-height:420px;
	padding-bottom:20px;
}
div#contenu	{
	padding-top:10px;
}
div#pied	{
	font-size:8pt;
 background-color:#555555;
	height:5%;
	width:900px;
	margin:auto;
	text-align:center;
}
div#titre	{
	width:900px;
	margin:auto;
	text-align:center;
	font-size:16pt;
	color:#F0F0F0;
}
div#listePhotos	{
	width:100%;
	padding-top:4px;
}
div#erreur	{
	background-image:url(../image/erreur.png);
	background-repeat:no-repeat;
	color:#222222;
	font-size:9pt;
	background-color:#AA5555;
	border:2px #EE4444 solid;
	width:50%;
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
}
div#info	{
	background-image:url(../image/ok.png);
	background-repeat:no-repeat;
	color:#222222;
	font-size:9pt;
	background-color:#77EE77;
	width:50%;
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
}
div#biographie	{
	color: #888888;
	margin:20px;
}
div.recit	{
	width:280px;
	height:110px;
	text-align:center;
	border:3px #999999 solid;
}
div.recit a	{
	color:#999999;
	font-size:10pt;
	text-decoration:none;
}
div.cleaner	{
	clear:both;
}

/*	Affichage	*/
p	{
	margin-top:0px;
	margin-bottom:0px;
}
p.biographie	{
	text-indent:20px;
}
p.biographie:first-letter	{
	font-weight:bold;
	font-size:130%;
}
p.signature	{
	margin:30px;
	text-align:right;
	font-weight:bold;
}
.espacement	{
	margin-top:5px;
	margin-bottom:5px;
}
.descriptionPhoto	{
	font-size:10pt;
	color:#999999;
}
.detailPhoto	{
	font-size:10pt;
	color:#777777;
}
.portfolio	{
	color:#555555;
	font-size:10pt;
	background-color:#888888;
	border:#555555 1px solid;
	text-align:center;
}
.portfolio a	{
	color:#555555;
	text-decoration:none;
}
.portfolio a:hover	{
	color:#666666;
	text-decoration:none;
}
.centrer	{
	text-align:center;
}
.gauche	{
	text-align:left;
}
.gras {
	font-weight:bold;
}
.paddingLeft10	{
	padding-left:10px;
}
.petit	{
	font-size:6.5pt;
}

/*	Images	*/
img.middle	{
	vertical-align:middle;
}
img.imageActuelle	{
	border:#555555 5px solid;
}
img.imageNonActuelle	{
	padding:5px;
}
img.recitPetit	{
	max-width:90px;
	max-height:90px;
	border:#555555 2px solid;
}
img.recit	{
	border:#555555 2px solid;
}
img#imagePortfolio	{
	border:#999999 2px solid;
}

/*	Input	*/
input, select	{
	background-color:#777777;
	color:#c8c8c8;
	font-size:14px;
	border:#555555 1px solid;
	text-align:center;
}
select, option	{
	z-index:2;
}
input:hover, select:hover	{
	background-color:#666666;
	border-color:#000000;
}
textarea	{
	background-color:#777777;
	color:#c8c8c8;
	font-size:14px;
	border:#555555 1px solid;
	text-align:left;
}
textarea:hover	{
	background-color:#666666;
	border-color:#000000;
}
a.button	{
	text-decoration:none;
}
a.gris	{
	color: #AAAAAA;
}


/*	Tableaux	*/
table#imageGestion	{
	color:#555555;
	font-size:10pt;
	background-color:#888888;
	border:#555555 1px solid;
}
span.input, table.input	{
	color:#555555;
	font-size:10pt;
	background-color:#888888;
	border:#555555 1px solid;
	padding:10px;
}
table.large	{
	width:95%;
}
tr.head	{
	color:#000000;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
}
tr.survol	{
	background-color:#888888;
}
tr.survol:hover	{
	background-color:#8F8F8F;
}
tr.separateur	{
	background-color:#000000;
	height:1px;
}
.middle	{
	vertical-align:middle;
}

/*	Javascript	*/
.toolTip	{
	position:absolute;
	opacity:0.90;
	padding:5px;
	left:0px;
	top:0px;
	visibility:hidden;
	z-index:1;
	max-width:500px;
	background-color:#888888;
	border:#555555 1px solid;
	color:#000000;
	font-size:7pt;
}
.popUp	{
	position:absolute;
	opacity:0.90;
	padding:5px;
	left:0px;
	top:0px;
	visibility:hidden;
	z-index:1;
	background-color:#888888;
	border:#555555 1px solid;
}

/*	Pointers	*/
.pointer	{
	cursor:pointer;
}
.help	{
	cursor:help;
}

/*	Couleurs	*/
.vert	{
	color:#66BB66;
}
.rouge	{
	color:#FF6666;
}
.noir	{
	color:#000000;
}

/*	Menu / Listes	*/
dd	{
	position:absolute;
	margin:0px;
	padding:0px;
	display:none;
	background-color:#999999;
}
dl {
	float:left;
	width:147px;
	height:20px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color:#999999;
	border:1px #646464 solid;
}
div#sousMenu dl	{
	width:98px;
}
dt, dt a {
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	color:#555555;
	height:100%;
	font-size:10pt;
}
dt	{
	background-color:#999999;
}
dt, dt a	{
	font-weight:bold;
}
dt:hover	{
	background-color:#888888;
}
div#sousMenu dt, div#sousMenu dt a	{
	font-size:7.5pt;
	width:98px;
	vertical-align:middle;
}
ul.menu	{
	margin:0px;
	padding:0px;
}
ul.menu li	{
	list-style-type:none;
}
ul.menu li.lien a, ul.menu li.lien	{
	color:#545454;
	background-color:#999999;
	border-right:2px #666666 solid;
	border-bottom:2px #666666 solid;
	width:147px;
	height:20px;
	font-size:8pt;
	text-decoration:none;
	display:block;
	padding-bottom:2px;
	margin:0px;
}
div#sousMenu ul.menu li.lien a, div#sousMenu ul.menu li.lien	{
	width:130px;
	vertical-align:middle;
}
div#sousMenu ul.menuBorderTop {
	border-top:2px #666666 solid;
}
ul.menu li.lien a:hover	{
	color:#373737;
	background-color:#666666;
}
ul.menu li.souligneMenu a, dt.souligneMenu, .souligneMenu	{
	color:#333333;
	text-decoration:underline;
}

ul#liens	{
	width:70%;
	margin:auto;
	margin-top:20px;
	font-size:10pt;
	background-color:#888888;
	border:#555555 1px solid;
}
ul#liens li {
	margin-top:5px;
	margin-bottom:5px;
	list-style-type:square;
	color: #555555;
}
ul#liens li a	{
	text-decoration:none;
	color:#333333;
}
ul#liens li a:hover	{
	text-decoration:underline;
	color:#111111;
}
ul#liens li div	{
	color:#111111;
	font-size:9pt;
}
