body {
	text-align: center;
	font-family: Helvetica, Arial, verdana, sans-serif;
	margin: 4px;
	background-color: #EEE;
}
#ConteneurNumerisation, #ConteneurGalerie, #ConteneurContact, #ConteneurEspaceClient, #ConteneurAdministration {
	width: 774px;
	margin: auto;
	border: 1px solid #999;
	background-color: #DDD;
}
#EnTete {
	background-color: white;
	width: 774px;
	height: 84px;
	overflow: hidden;
}
#EnTete #Logo {
	float: left;
	width: 494px;
	height: 84px;
	text-align: left;
	margin: 2px 2px 2px 1px;
}
#EnTete #Logo img {
	border: 0;
}
#EnTete #Logo h1 {
	display: none;
}
#EnTete #BoutonNumerisation, #EnTete #BoutonGalerie, #EnTete #BoutonContact {
	float: left;
	width: 90px;
	height: 80px;
	border: 0;
	margin: 2px 2px 2px 0;
	padding: 0;
}
.Numerisation { background: top left url(/Images/FondSousMenuNumerisation.png) repeat-x; }
.Galerie { background: top left url(/Images/FondSousMenuGalerie.png) repeat-x; }
.Contact { background: top left url(/Images/FondSousMenuContact.png) repeat-x; }
.EspaceClient { background: top left url(/Images/FondSousMenuEspaceClient.png) repeat-x; }
.Administration { background: top left url(/Images/FondSousMenuAdministration.png) repeat-x; }
ul#SousMenu {
	width: 774px;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: left;
	border-bottom: 1px solid #999;
}
ul#SousMenu li {
	float: left;
	display: block;
	text-decoration: none;
	padding: 0;
	border-right: 1px solid #CCC;
	cursor: pointer;
	line-height: 24px;
}
ul#SousMenu li a {
	padding: 0 1em;
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 0.75em;
}
ul#SousMenu li a:hover {
	color: #666;
}
ul#SousMenu li a img {
	border: 0;
	width: 20px;
	height: 20px;
	vertical-align: middle;	
	margin-top: -4px;
	_margin-top: 1px;
	behavior: url(/png.htc);
}
#Gauche {
	float: left;
	text-align: left;
	padding: 0;
	width: 550px;
	min-height: 500px;
	_height: 515px;
	background: #FFF;
	border-right: 1px solid #999;
}
#Droite {
	background-color: #DDD;
	float: right;
	overflow: hidden;
	width: 220px;
}
#Droite h2 {
	background: top left url(/Images/H2Droite.gif) no-repeat;
	line-height: 24px;
	text-indent: 15px;
	font-size: 0.8em;
	color: #666;
	margin: 1em 2px 0;
	text-align: left;
}
#Droite p {
	padding: 1em 0.2em 1em 0.4em;
	margin: 0;
	font-size: 0.7em;
	text-align: left;
	clear: both;
	border-bottom: 2px dashed white;
}
#Droite p a {
	text-decoration: none;
	color: #369;
	font-weight: bold;
}
#Droite p a:hover {
	text-decoration: underline;
}
#Droite img.ico {
	float: left;
	margin: 0 0.4em 0 0;
	width: 32px;
	height: 32px;
	behavior: url(/png.htc);
	text-align: left;
}
#Droite span.valeur {
	color: #F00;
	font-weight: bold;
	text-align: left;
}
#Droite em {
	font-size: 0.8em;
}
#Droite form {
	margin: 1em 0 0;
	text-align: left;
}
#Droite form label {
	color: #666;
	font-weight: bold;
	font-size: 0.7em;
}
#Droite form input {
	color: #F00;
	border: 1px solid #999;
	margin: 0.3em 0;
	padding: 1px;
	width: 130px;
	font-size: 0.7em;
	vertical-align: middle;
}

#Pied {
	font-size: 0.7em;
}
div.spacer {
	clear: both;
	font-size: 0.6em;
}


/* ------- */
/* Balises */
/* ------- */

#Gauche h2 {
	font-size: 1.2em;
	color: #666;
	margin: 1em 0.5em 1em;
}
#ConteneurNumerisation #Gauche h2 {	border-bottom: 2px solid #FC6; }
#ConteneurGalerie #Gauche h2 {	border-bottom: 2px solid #39C; }
#ConteneurContact #Gauche h2 {	border-bottom: 2px solid #9C3; }
#ConteneurAdministration #Gauche h2 {	border-bottom: 2px solid #444; }
#ConteneurEspaceClient #Gauche h2 {	border-bottom: 2px solid #F11; }
#Gauche h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #444;
	margin: 1em 0.5em 0.5em 2em;
	border-bottom: 2px solid #888;
}
#Gauche h4 {
	font-size: 0.8em;
	font-weight: bold;
	color: #555;
	margin: 1.5em 0.5em 0.3em 4em;
	border-bottom: 1px solid #333;
}
#Gauche h5 {
	font-size: 0.7em;
	margin-left: 5em;
	text-decoration: underline;
}
#Gauche p, #Gauche blockquote {
	font-size: 0.8em;
	color: #666;
	text-indent: 1em;
	text-align: justify;
	margin: 0.5em 1em;
}
#Gauche blockquote {
	text-indent: 0;
	margin: 2em 1em 2em 4em;
}
#Gauche ul {
	margin: 0.5em;
}
#Gauche li {
	margin: 0;
	font-size: 0.8em;
	color: #666;
}
#Gauche p a, #Gauche li a, #Gauche td a {
	text-decoration: none;
	color: #369;
	font-weight: bold;
}
#Gauche img {
	border: 0;
}
#Gauche p a:hover, #Gauche li a:hover, #Gauche td a:hover {
	text-decoration: underline;
}
#Gauche p.Petit {
	font-size: 0.7em;
	color: #666;
	text-indent: 0em;
	text-align: justify;
	margin: 0 1.5em;
}
#Gauche p.Accroche {
	font-size: 1.1em;
	text-align: right;
	text-indent: 0;
	margin: 0.5em;
}
#Gauche hr {
	margin: 0.3em 5em;
}
#ConteneurNumerisation #Gauche hr {	border: 1px solid #FC6; }
#ConteneurGalerie #Gauche hr {	border: 1px solid #39C; }
#ConteneurContact #Gauche hr {	border: 1px solid #9C3; }
#ConteneurAdministration #Gauche hr {	border: 1px solid #444; }


#Gauche .Erreur {
	color: red;
	font-weight: bold;
}
#Gauche .Gras {
	font-weight: bold;
}
#Gauche ul.Liste {
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 3em;
}
#Gauche .Gauche {
	text-align: left;
}
#Gauche .Droite {
	text-align: right;
}
#Gauche .Centre {
	text-align: center;
}
#Gauche .Justifie {
	text-align: justify;
}
#Gauche .Encadre {
	border: 1px solid black;
	margin: 1em;
}
/* -------------------- */
/* Formulaires �gauche */
/* -------------------- */

#Gauche form {
	margin: 0.5em 1em;
}

#Gauche form div {
	clear: both;
}
#Gauche form label, #Gauche form div label {
	margin: 0.4em 0;
	line-height: 20px;
	font-weight: bold;
	font-size: 0.8em;
	cursor: pointer;
	width: 245px;
	float: left;
	text-decoration: none;
}
#Gauche form select, #Gauche form input, #Gauche form textarea {
	font-size: 0.9em;
	padding: 1px;
	margin: 0.4em 0;
	width: 245px;
}
#Gauche form input.ApercuMontant {
	width: 70px;
	text-align: right;
	margin-left: 15px;
	border: 0;
	background: #FFF;
	color: #036;
	font-weight: bold;
}
#Gauche form div.BoutonSubmit {
	text-align: center;
	margin: 0.6em 0;
}
#Gauche form div.BoutonSubmit input {
	padding: 0 1em;
}

/* span sur label */
#Gauche form label:hover, #Gauche form div label:hover {
	background: none;
}
#Gauche form label span, #Gauche form div label span {
	display: none;
}
#Gauche form label:hover span, #Gauche form div label:hover span {
	display: inline;
	position: absolute;
	top: 50px;
	left: 100px;
	width: 250px;
	height: 100px;
	background: #555;
	text-align: left;
	color: white;
	border: 1px dashed white;
	padding: 0.5em;
}

/* -------------------- */
/* - Tableaux �gauche  */
/* -------------------- */

/* -- Tarifs -- */
#Gauche table.Tarifs {
	width: 500px;
	margin: 1.5em 1em 0;
	border: 1px solid black;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#Gauche table.Tarifs td.TitreTableau {
	border-bottom: 1px solid black;
	background: top left url(/Images/DegradeTitreTableauNumerisation.png) repeat-y;
	font-weight: bold;
}
#Gauche table.Tarifs th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	line-height: 18px;
	background: #F5F5F5;
	padding: 0 3px;
	font-size: 0.9em;
}
#Gauche table.Tarifs td {
	padding: 0 3px;
	font-size: 0.7em;
	line-height: 24px;
	border-bottom: 1px dashed black;
	overflow: hidden;
}
#Gauche table.Tarifs td.Prix {
	color: #069;
	font-weight: bold;
	text-align: right;
}

/* -- Menu graphique -- */
#Gauche table.MenuGraphique {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#Gauche table.MenuGraphique td {
	padding: 0 3px;
	overflow: hidden;
	vertical-align: top;
	border-bottom: 1px dashed #999;
	vertical-align: middle;
}
#Gauche table.MenuGraphique td img {
	width: 20px;
	height: 20px;
	behavior: url(/png.htc);
}
#Gauche table.MenuGraphique td:hover {
	background-color: #EEE;
}
#Gauche table.MenuGraphique td p.Adresse {
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 0;
	margin: 0.5em 0 0.5em 4em;
	color: #444;
	letter-spacing: 0.1em;
}
/* -- Devis -- */
#Gauche table.Devis {
	width: 500px;
	margin: 1.5em 1em 0;
	border: 1px solid black;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
#Gauche table.Devis td.TitreTableau {
	border-bottom: 1px solid black;
	background: top left url(/Images/DegradeTitreTableauNumerisation.png) repeat-y;
	font-weight: bold;
}
#Gauche table.Devis th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	line-height: 18px;
	background: #F5F5F5;
	padding: 0 3px;
	font-size: 0.9em;
}
#Gauche table.Devis td {
	padding: 0 3px;
	line-height: 24px;
	border-bottom: 1px dashed black;
	overflow: hidden;
}
#Gauche table.Devis td.Reference {
	width: 15px;
	font-style: italic;
	font-size: 0.6em;
	text-align: left;
	overflow: hidden;
}
#Gauche table.Devis td.Designation {
	font-size: 0.7em;
	text-align: left;
}
#Gauche table.Devis td.Quantite {
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
}
#Gauche table.Devis td.PU {
	font-size: 0.8em;
	text-align: right;
}
#Gauche table.Devis td.Montant {
	font-size: 0.8em;
	color: #069;
	font-weight: bold;
	text-align: right;
}
#Gauche table.Devis td.Pied {
	border: 1px solid black;
	font-size: 0.7em;
	font-weight: bold;
	text-align: right;
}

/* -- Apercus -- */
#Gauche table.Apercu {
	width: 90%;
	margin: 5%;
	border: 3px solid black;
	background: #000;
	text-align: center;
}
#Gauche table.Apercu td.Min {
	background: #444;
}
#Gauche table.Apercu td.Min img {
	border: 4px solid #FFF;
	margin: 1em;
}
#Gauche table.Apercu td.Res {
	background: #444;
	font-weight: bold;
	color: #FFF;
	padding: 0.5em;
}