﻿body
{
	background-color: #000000;
	background-image: url("images_infrastructure/fond.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

p, h1, h2, h3
{
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-sherif;
	color: #800000;
}

a
{
	text-decoration: none;
	color: #800000;
	font-style: italic;
}

a:hover, .pied p .special:hover
{
	color: #ffffff;
}

.central
{
	background-color: rgba(255,255,255,0.82);
	position: absolute;
	width: 900px;
	top: 110px;
	bottom: 40px;
	left: 50%;
	margin-left: -450px;
	max-height: 800px;
	min-height: 560px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	border: 5px solid #ffffff;
}

.central_ie6
{
	position: relative;
	top: 150px;
}

.titre
{
	background-image: url("images_infrastructure/acte7.png");
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	height: 105px;
	min-width: 320px;
	width: 512px;
	top: -90px;
	padding-top: 90px;
}

.titre h1
{
	font-style: italic;
	color: #ffffff;
	text-align: center;
	font-size: medium;
	font-weight: normal;
}

.interieur
{
	position: absolute;
	top: 40px;
	right: 40px;
	bottom: 40px;
	left: 40px;
}

.texte_accueil
{
	position: absolute;
	top: 0;
	bottom: 50px;
	left: 0;
	width: 512px;
	overflow: auto;
}

.texte_accueil p, .texte_realisations p, .retour_accueil p, .description_piece p
{
	color: #800000;
	font-size: medium;
	text-align: justify;
	padding-bottom: 10px;
}

.texte_accueil h1
{
	color: #800000;
	font-size: x-large;
	text-align: center;
	padding-bottom: 20px;
}

.texte_accueil .illustration
{
	text-align: center;
}

.texte_accueil .illustration img
{
	max-width: 200px;
}

.pied
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 512px;
}

.pied p
{
	color: #800000;
	font-size: small;
}

.pied p a, .retour_accueil p a, .pied p a:hover, .retour_accueil p a:hover
{
	font-style: normal;
}

.realisations_invite, .description_piece
{
	background-color: rgba(128,0,0,0.82);
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	-o-border-radius: 22px;
	border-radius: 22px;
	border: 5px solid #800000;
}

.realisations_invite
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 147px;
	background-image: url("images_infrastructure/masques.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 55px 55px 221px 55px;
}

.realisations_invite p
{
	color: #ffffff;
	font-size: large;
	text-align: center;
}

.repetitions_invite
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 410px;
	width: 258px;
	overflow: hidden;
}

.repetitions_invite p
{
	font-size: x-large;
	text-align: center;
	padding: 0 20px;
}

.texte_realisations
{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
}

.retour_accueil
{
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
}

.retour_accueil p
{
	text-align: right;
}

.realisations
{
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 50px;
	overflow: auto;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}

.piece
{
	position: relative;
	margin: 20px 10px 20px 0;
}

.one_piece
{
	display: table-cell;
	vertical-align: middle;
}

.description_piece
{
	padding: 20px;
}

.description_piece p, h2, h3
{
	color: #ffffff;
}

.description_piece h2
{
	font-size: large;
}

.description_piece h3
{
	font-size: medium;
	font-style: italic;
	margin-bottom: 10px;
}

.one_piece img
{
	max-width: 200px;
	margin-left: 40px;
}