body {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: 3em auto;
}

#conteneur {width: 500px; margin: 0 auto;}

#menu {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 0.5em;
}

#sous-menu {padding: 2em 0 0 0;	font-style: italic;	color: #CC0000;}
#sous-menu span {
	color: #999999;
}
#sous-menu h2 {margin: 0}

#texte {margin-top: 2em} /* Contiens textes et photos */

/* ---------- Pages 'textes.html' et dossier 'textes' */

#textes h2, #biographie h2, #liens h2, #contact h2 {font-weight: bold}

#portofolio h2 {font-weight: normal}
#portofolio .une-vignettes a, #portofolio .deux-vignettes a, #portofolio .trois-vignettes a, #portofolio .quatre-vignettes a, #portofolio .cinq-vignettes a {
	float: left;
	margin: 4px;
	border: 1px solid #FFFFFF;
	display: block;
	height: 85px;
	width: 85px;
}
#portofolio .sept-vignettes a {
	float: left;
	margin: 4px;
	border: 1px solid #FFFFFF;
	display: block;
	height: 60px;
	width: 60px;
}
#portofolio .une-vignettes a:hover, #portofolio .deux-vignettes a:hover, #portofolio .trois-vignettes a:hover, #portofolio .quatre-vignettes a:hover, #portofolio .cinq-vignettes a:hover, #portofolio .sept-vignettes a:hover {border: 1px solid #999999}
#portofolio .une-vignettes {width: 85px; margin: 0.5em auto;}
#portofolio .deux-vignettes {width: 190px; margin: 0.5em auto;}
#portofolio .trois-vignettes {width: 289px;	margin: 0.5em auto;}
#portofolio .quatre-vignettes {width: 384px; margin: 0.5em auto;}
#portofolio .cinq-vignettes {width: 479px; margin: 0.5em auto;}
#portofolio .sept-vignettes {width: 500px; margin: 0.5em auto;}

.droite {
	text-align: right;
	margin-top: 2em;
}

#portofolio span.descriptif {font-size: 80%}

#diaporama #texte {text-align: center}

hr.separation {
	clear: both;
	border: 0;
	visibility: hidden;
	margin: 0px;
}

#navigation {height: 20px; width: 90px;	margin: 0 auto 1em auto;}
#navigation span {display: none}
#navigation a, #navigation span.navigation-fin {
	float: left;
	display: block;
	height: 20px;
}
#navigation a {width: 20px}
#navigation span.navigation-fin {width: 35px;}/* Pour que les fleches ne bugent pas en debut et fin de diaporama */
#navigation a.navigation-arriere {background: url(images/navigation-arriere.png) no-repeat center center;
	margin-right: 15px}
#navigation a.navigation-haut {background: url(images/navigation-haut.png) no-repeat center center}
#navigation a.navigation-avant {background: url(images/navigation-avant.png) no-repeat center center;
	margin-left: 15px;}

.retour-portofolio {display: block;	float: left; margin-right: 1ex;}

/* ---------- Commun */
.invisible {display: none}

img {
	border-style: none;
	margin: 0;
	padding: 0;
	background: #EEEEEE;
	color: #999999;
	font: 1em "Courier New", Courier, monospace;
}

h1 {font-size: 125%; margin: 0px 0px 0.5em;}
h2 {font-size: 100%; margin-top: 0;	font-weight: normal;}
p {margin: 0 0 0.5em 0; padding: 0}
ul {margin-bottom: 1.5em}
li {margin-bottom: 0.5em}

span.espace1 {/* Espace entre catalogues page portofolio */margin-top: 1.5em; display: block;}

a:link, a:visited {text-decoration: none; color: #999999;}
a:hover, a:active {color: #CC0000}

#portofolio a.portofolio, #textes a.textes, #biographie a.biographie, #liens a.liens, #contact a.contact, #diaporama a.portofolio {color: #CC0000}

.detail {color: #CC0000; font-style: italic;}

.telecharger {
	position: relative;
	text-align: right;
	font: 0.9em "Courier New", Courier, monospace;
	margin-bottom: 1.25em;
}

/* ---------- Page Contact */
form {	margin-top: 1em}

label {margin-bottom: 1em}

input, textarea {
	padding: 2px;
	color: #666666;
	margin-bottom: 0.5em;
	border: 1px solid #666666;
}

.bt {
	padding: 2px;
	border: 1px solid #999999;
	background: #EEEEEE;
	color: #000000;
}

.surligne {
	background: #FFFFCC;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 10px;
	text-align: center;
}

.espace {height: 1em}