body
{
	background: #555;
	color: #FFF;
	font-family: Arial;
	margin: 0;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.intro
{
	background: #000;
}

a
{
	text-decoration: none;
	border: none;
	color: #F90;
}
a:hover
{
	text-decoration: underline;
	color: #F90;
}
a:visited
{
	text-decoration: none;
	color: #F90;
}
a:visited:hover
{
	text-decoration: underline;
	color: #F90;
}
img
{
	border: none;
}

/* -Intro- */
#intro
{
	width: 100%;
	margin: auto;
	text-align: center;
	background: #000;
}
#intro .accueil
{
	margin-top: 30ex;
	font-family: Helvetica, sans-serif;
	letter-spacing: 3px;
}
#intro .accueil a
{
	text-decoration: none;
	color: white;
}
#intro .accueil a:hover
{
	text-decoration: none;
	color: #F90;
}
#intro .accueil a:visited
{
	text-decoration: none;
	color: white;
}
#intro .accueil a:visited:hover
{
	text-decoration: none;
	color: #F90;
}

/* -Haut- */
#haut_fixe
{
	background: black;
	color: white;
	margin: 0;
	position: fixed;
	height: 40px;
	width: 100%;
	left: 0;
	right: 0;
	overflow: hidden;
}
/* -Bas- */
#bas_fixe
{
	background: none;
	color: black;
	margin: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 40px;
	overflow: auto;
}
/* -Milieu- */
.milieu
{
	background: none;
	color: inherit;
	margin: auto;
	position: relative;
	text-align: left;
	width: 820px;
	left: 0;
	right: 0;
}

.milieu .libre
{
	position: absolute;
}

.milieu #plus a
{
	position: absolute;
	left: 25px;
	top: 0;
	line-height: 1ex;
	
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
.milieu #plus a:hover
{
	color: #F90;
}
.milieu #moins a
{
	position: absolute;
	left: 10px;
	top: 0;
	line-height: 0.8ex;
	
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
}
.milieu #moins a:hover
{
	color: #F90;
}

.milieu_projet
{
	background: none;
	color: inherit;
	margin: auto;
	position: relative;
	width: 920px;
	top: 50px;
	left: 0;
	right: 0;
	overflow: visible;
}

/* -Menu- */
#menu
{
	position: relative;
	background: none;
	margin: auto;
	line-height: 40px;
	height: 40px;
	display: inline;
}
#nav
{
	font-size: 8pt;
	font-family: Arial;
	position: relative;
	list-style: none;
	margin: auto;
	width: 860px;
	padding: 0;
	background-color: none;
	letter-spacing: 2px;
}
#nav .element, #nav .element_actif
{
	display: inline;
	margin-right: 1px;
	cursor: pointer;
}
#nav .element a
{
	font-size: 8pt;
	font-family: Arial;
	padding: 1ex 2em 1ex 0;
	text-decoration: none ;
	color: white;
}
#nav .element a:visited
{
	text-decoration: none ;
	color: white;
}
#nav .element_actif a
{
	font-size: 8pt;
	font-family: Arial;
	padding: 1ex 2em 1ex 0;
	text-decoration: none ;
	color: #F90;
}
#nav .element_actif a:visited
{
	text-decoration: none ;
	color: #F90;
}
#nav a:hover, #nav a:focus, #nav a:active, #nav a:visited, #nav a:visited:hover
{
	color: #F90;
}
#nav .langue a
{
	color: #F0F;
}

/* -Page- */
#page
{
	margin: 0 0 0 82px;
	text-align: center;
}

#page_dates
{
	position: relative;
	padding-top: 45px;
}

/* -Contenu- */
#contenu
{
	margin-top: 45px;
	margin-left: 73px;
	width: 642px;
	height: 378px;
	position: relative;
	background: none;
}
#contenu .suivante
{
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	text-align: center;
}
#contenu .suivante .copyright
{
	margin-top: 10px;
	text-align: left;
	font-size: 8pt;
	font-family: Arial;
	color: #000;
	line-height:1.5em;
	width: 1em;
	height: 1.5em;
	overflow: hidden;
}
#contenu .suivante .copyright:hover
{
	width: 20em;
}

#image
{
	position: absolute;
	height: 150px;
	width: 150px;
	top: 0px;
	left: 0px;
	margin-left: 0px;
	z-index:1;
}

#description
{
	position: relative;
	min-height: 200px;
	padding-left: 32px;
	margin-left: 150px;
	width: 404px;
	top: 0px;
	left: 0px;
	/*left: 250px;*/
	text-align: left;
	font-family: Helvetica, sans-serif;
	background: none;
	color: black;
	overflow: visible;
	
}
#description a
{
	color: black;
	text-decoration: underline;
}
#description a:hover
{
	color: #F90;
	text-decoration: underline;
}
#description .titre
{
	color: silver;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 2px;
}
#description .lieu
{
	color: black;
	font-size: 10pt;
}
#description .materiel
{
	color: black;
	font-size: 10pt;
}
#description .architecte
{
	color: black;
	font-size: 10pt;
}
#description .description
{
	margin-top: 45px;
	font-size: 10pt;
}
#description .plus a
{
	position: absolute;
	display: inline;
	bottom: 0px;
	left: 0px;
	font-size: 200%;
	vertical-align: bottom;
	color: black;
	text-decoration: none;
}

/* -Collaborateurs- */
.collaborateur
{
	position: relative;
	width: 670px;
	margin: 0 auto 25px auto;
	
	text-align: left;
	padding-left: 450px;
	font-family: Helvetica, sans-serif;
	font-size: 11pt;
	color: black;
}
.collaborateur .poste
{
	position: absolute;
	left: 0px;
	width: 350px;
	color: silver;
	font-size: 11pt;
	text-align: right;
}

/* -Dates- */
.date
{
	position: relative;
	margin: 0 auto 25px auto;
	
	text-align: left;
	padding-left: 81px;
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: black;
}
.date .annee
{
	position: absolute;
	left: 0px;
	width: 50px;
	color: black;
	font-weight: bold;
	text-align: right;
}
.date .fonction
{
	position: absolute;
	left: 0px;
	width: 50px;
	color: #000;
	text-align: right;
}
.date .titre
{
	color: black;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: right;
}
.date .nom
{
	color: black;
	text-align: left;
}
.date .description
{
	color: silver;
	text-align: right;
}
.date .adresse
{
	color: black;
	font-size: small;
	text-align: right;
}
.date .note
{
	color: black;
	font-size: x-small;
	text-align: right;
}


/* -Dernière réalisation- */
#last
{
	text-align: left;
	color: black;
	font-weight: bold;
	font-size: 11pt;
	margin: 0 0 0 7px;
}
#last .titre
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* -Galerie- */
#galerie
{
	margin: 0;
	width: 497px;
	height: 497px;
	background: none;
	position: relative;
	font-weight: bold;
}

.gal_image
{
	position: absolute;
	height: 85px;
	width: 85px;
	cursor: pointer;
	overflow: hidden;
}

.gal_moins
{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 36pt;
	font-weight: lighter;
}
.gal_moins a
{
	color: black;
	text-decoration: none;
}
.gal_moins a:hover
{
	color: black;
	text-decoration: none;
}
.gal_plus
{
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 200%;
}
.gal_plus a
{
	color: black;
	text-decoration: none;
}
.gal_plus a:hover
{
	color: black;
	text-decoration: none;
}

#gal_carregris
{
	position: absolute;
	top: 412px;
	left: 412px;
	height: 85px;
	width: 85px;
	background: #555;
}
.gal_carredans
{
	position: absolute;
	height: 42px;
	width: 42px;
	background: #666;
}

/* Zone Admin */
#menu_admin
{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 6em;
	border: thin solid black;
	background-color: black;
}
#menu_admin #ma_titre
{
	background-color: #CCC;
	text-align: center;
	cursor: pointer;
}
#menu_admin #ma_contenu
{
	padding: 5px;
}



#page_actus
{
	position: relative;
	padding-top: 45px;
}

.actu
{
	position: relative;
	margin: 0 auto 25px auto;
	margin-left: 75px;
	padding-bottom: 1em;
	
	text-align: left;
	font-family: Helvetica, sans-serif;
	font-size: small;
	color: black;
	
	background-color: none;
	border-bottom: thin solid black;
}
.actu_image
{
	position: absolute;
	top: 0px;
	height: 85px;
	width: 85px;
}
.actu_texte a
{
	color: black;
	text-decoration: underline;
}
.actu_dateheure
{
	position: absolute;
	bottom: 2px;
	right: 10px;
}