* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

body { background-color: #E1E1E1;}

#page {
		width:910px;
		min-height:650px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		background-color: #FFFFFF;
		padding: 10px 0 0 10px;
		position: relative;
		}
		
#header {width: 198px; height: 110px; }

#contenu { float: left; width: 500px; padding-bottom: 10px; }

#footer {width: 910px; margin: auto; clear: both; margin-top: 5px; text-align: center; }

#titre {position: absolute; top: 28px;}

/* ----------------------- navigation */

a {text-decoration:none; font-size: 12px; color:#444444; }

a:hover {text-decoration: underline;}

#nav {float:left; width: 190px; margin-left: 98px;}

#nav ul {margin-bottom: 20px;}

#nav ul li {margin-bottom: 6px;}

#nav ul li a {text-decoration:none;  display: block; height: 15px;}

#nav ul li a:hover {color: #000000;text-decoration: none; background-image: url(images/look.png); background-repeat: no-repeat; margin-left: -20px; padding-left: 20px;}

#nav ul li a.navOn{color: #000000; font-weight: bold; letter-spacing: 0.1em; }


/* ------------------- titres */

h1 {font-size: 4px; text-indent: -3000px;}

h2 {font-size: 11px; letter-spacing: 0.1em; margin-bottom: 8px; font-variant:small-caps; font-weight: normal;} /* sur-titre menu nav */

h3 {font-size: 14px; letter-spacing: 0.1em; font-variant:small-caps;}

h4 {font-size: 14px; letter-spacing: 0.1em; font-variant:small-caps; margin-bottom: 10px; margin-top: 20px;}

h5 {font-size: 12px; letter-spacing: 0.1em; margin-top: 8px; margin-bottom: 3px;}

/* ------------------- listes */

ul {list-style: none; }


/* --------------------- Mise en forme */

img {border: none; }

p {font-size: 11px; margin-bottom: 8px;}

p a {font-size: 11px;}

.texte {margin-top: 20px; line-height: 14px;}

strong {font-size: 11px; letter-spacing: 0.1em; }


/* ----------------------- Portfolios */

#gallery { position: absolute; top: 220px; width: 504px; }

#gallery li {display: inline; margin: 2px; }

#date {font-size: 12px; font-style:italic;}


/* --------------------- a propos */


#biopict { width: 190px; height: 300px; background-image:url(images/studio/bio.png); background-repeat:no-repeat; position: absolute; bottom: 0; right: 0;}

#studiopict {width: 480px; height: 118px; margin-top: 40px; }

#reftext {width: 480px; margin-top: 20px; line-height: 14px;}

.listref { margin-bottom: 8px;}

.listref li {  font-size: 11px; margin-bottom: 4px;}

.listref li a { font-size: 11px;margin-bottom: 6px;}

/* --------------------- formulaires */

form { font-size: 11px; }

#contactform { margin-top: 30px;}

input { margin-bottom: 10px; }

.long {width: 160px;}

textarea { width: 160px; height: 50px;margin-bottom: 6px; font-size: 12px;}

select { width: 120px; margin-bottom: 10px; }

.antispam {width: 106px; height: 30px;}



/* ------------------------------ Espace reservé */

#connectionspace { width: 130px; height: 100px; margin-left: 80px; margin-top: 80px; padding: 40px; border: 1px dashed #CCCCCC;}

.sendmid {margin-left: 40px; margin-top: 10px;}

#privatespace { width: 180px; height:160px; margin-top: 60px; margin-left: 60px; padding: 30px 40px 30px 40px; border: 1px dashed #CCCCCC; }

#listPrive li a {font-size: 12px; margin-bottom: 6px; }