*{margin: 0;padding: 0;border: 0; }

#body{}

#page{
	width: 900px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 30px;
	border-left: 60px solid #0093C1;
	border-top: 15px solid;
	border-top-color: #0093C1;
}

/* ======================= Sections principales ========================= */

#entete {
	width: 100%; 
	height: 150px; 
	border: none;}

#barre{
	width: 100%;
	height: 15px;
	background-color: #33ccff;}
	
#barre_gris{
	width: 100%;
	height: 10px;
	background-color: #DADADA;}

#main {width: 100%;}
	
#pied {
	clear: both;
	width: 100%;
	height: 32px;
	border-top: 30px solid #DADADA; 
	background-color: #33ccff;
	text-align: center;
	line-height: 16px;
	font-size: smaller;
	}

/* Sous-section d'entête */

#logo {
	width: 100%;
	height: 150px;
	background-image: url(http://chateauversailles-recherche.fr/curia/images/CRCV-Quadri120.gif);
	background-repeat: no-repeat;}

/* Sous-sections de main */

#nav{
	float: left;
	width: 138px;
	background-color: #F1F1F1;
	padding: 20px;
	padding-top: 15px;
	border-right: 2px solid #f1f1f1;
	border-bottom: 10px solid;
	border-bottom-color: #9BE7FF;}
	
#nav a {color: black; text-decoration: none; outline: none;}
#nav a:visited {color: black;text-decoration: none; outline: none;}
#nav a:hover  {color: blue; text-decoration: underline; outline: none;}

#contenu {
	float: right;
	width: 640px;
	margin: 40px;
	margin-top: 0px;}

/* ======================== Titres ========================== */

h1 {
	font-weight: bold;
	color: #0093C1;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-top: 30px;
}
	
h2 {
	font-weight: bold;
	color: #0093C1;
	font-size: 1.1em;
	margin-bottom: 10px;
	margin-top: 20px;}
	
h3 {
	font-weight: bold;
	color: #0093C1;
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 15px;}

h4 {
	font-weight: bold;
	color: #0093C1;
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-top: 15px;}

	/* titre menu navigation */
h5 {
	font-weight: bold;
	color: #0093C1;
	font-size: 0.9em;
	margin-bottom: 5px;
	margin-top: 15px;}
	
h6 {font-weight: bold;
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 5px;}

/* ======================= Hyperliens ====================== */

a {color: blue; text-decoration: underline; outline: none;}
a:visited {color: navy;text-decoration: underline; outline: none;}
a:hover  {color: red; text-decoration: underline; outline: none;}

/* ===================== Menu ============================ */
	
#main ul{
	list-style: url(http://chateauversailles-recherche.fr/curia/images/puce.gif);
	line-height: 1.5em;
	padding-left: 20px;}

/* ================== Textes et images ===================== */

#main p{
	line-height: 1.5em;}

p.image{
}

img.centered{
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;}

/* ===================================================================================== */
/*                             Formulaires Bases de données                              */
/* ===================================================================================== */

/* Forumlaires de recherche ============================================================= */

/* ********************************************************************* Formulaires version IE 6

Les id et div se trouvent à la fin de la feuille de style - on remplace tout ce qui suit par cela
	
*************************************************************************** fin formulaire IE 6 */

form.bases {
	background-color: #f1f1f1;
	margin: 10px auto 30px 0px;
	width: 500px;
	height: auto;
	border: 1px solid #0093C1;
	padding: 20px;
	padding-top: 25px;
}
	
table.form {
	width: 100%;
	height: 100%;
	border-style: none;}

tr.titel {height: 4em;border: #F1F1F1;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
tr.form {height: 3em;border: #F1F1F1;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

td.titel {padding: 5px 0px 0px 0px; 
font-weight: bold; 
font-size: 1em; color: #06165C; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border: #E7F9FD;}

td.label {color: #06165C; width: 25%; font-size: 1em; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; border: #F1F1F1;font-weight: bold;}
td.help {color: #06165C; font-size: 1em; font-style: italic; width: 60%; border: #E7F9FD;}
td.bouton {text-align: right; padding-top: 5px;border: #E7F9FD;}
td.champ {border: #F1F1F1; font-size: 1em;}
td.liste { }
td.champ { }

/* Mise en forme des boutons et champs de saisi */

input.button {
	border: 2px outset;
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #06165C;}

input.button:hover {
	border: 2px outset;
	color: navy;}

input.button:active {
	border: 2px outset ;
	color: navy;}

select.form {
	border: 1px inset;
	width: 60%;
	border-color: #06165C;}

input.textarea {
	border: 1px inset;
	width: 60%;
	border-color: #06165C;}
	

/* Tableau qui affiche les résultats d'une recherche ========================================= */

table.sortie {
	table-layout: fixed;
	width: 100%;
	padding: 2px;
	border: 1px solid #C3C4FF;
	border-collapse: collapse;
	margin: 0px;
	color: navy;
	font-size: 1em;}

tr.title {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #C8F1FB;
	padding: 3px;
	line-height: 14px;}

tr.result {line-height: 14px;}

.zehn_prozent {width: 10%;	vertical-align: top;	border: 1px solid #C3C4FF; padding: 3px;}
	
.zwanzig_prozent {width: 20%;	vertical-align: top;	border: 1px solid #C3C4FF; padding: 3px;}
	
.vierzig_prozent {width: 40%;	vertical-align: top;	border: 1px solid #C3C4FF; padding: 3px;}
	
.extensible {}
/* Fiches complètes  ========================================================= */

#fiche {
	width: 99%;
	max-width: 600px; /* la propriété max-width ne marche pas avec IE 6 - il a été nécessaire de créer 
une règle spécifique dans l'entête des pages html */
	width: expression(document.body.clientWidth > 600 ? "600px" : "auto");
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: auto;
	border-style: solid;
	border-width: 3px;
	border-color: #0093C1;
}

table.fiche {
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: 15px;
	border-color: #eBEBEB;
	background-color: #EBEBEB;
	color: #06165C;}
	
.entete {
	background-color: #EBEBEB;
	border: 1px solid #666699;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 6px;}
	
.section {
	background-color: #C8F1FB;
	border: 1px solid #666699;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
	padding: 6px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.etiquette {
	width: 30%;
	font-size: 1em;
	font-weight: bold;
	border-top: 15px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

.donnees{
	width: 60%;
	background-color: white;
	font-size: 1em;
	border-top: 15px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 14px;
	padding: 2px; }


/* ********************************************************************* Formulaires version IE 6

 form.bases {
	background-color: #C3C4FF;
	width: 89%;
	height: auto;
	border: 1px outset #06165C;
	padding: 20px;
	padding-top: 25px;
	margin: 10px 0px 30px 0px;}
	
table.form {
	width: 100%;
	height: 100%;
	border-style: none;}

tr.titel {height: 4em;}
tr.form {height: 3em;}

td.titel {padding: 5px 0px 0px 0px; font-weight: bold; font-size: 1.1em; color: #06165C;}
td.label {color: #06165C; width: 25%; font-size: 1.1em; padding-right: 15px;}
td.help {color: #06165C; font-size: 1.1em; font-style: italic; width: 60%;}
td.bouton {text-align: right; padding-top: 5px;}
td.liste { }
td.champ {font-size: 1em; }
*/
/* Mise en forme des boutons et champs de saisi */
/*
input.button {
	border: 2px outset;
	padding: 2px;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
	color: #06165C;}

input.button:hover {
	border: 2px outset;
	color: blue;}

input.button:active {
	border: 2px outset ;
	color: blue;}

select.form {
	border: 1px inset;
	width: 60%;
	border-color: #06165C;}

input.textarea {
	border: 1px inset;
	width: 60%;
	border-color: #06165C;}
	
*/
/* Tableau qui affiche les résultats d'une recherche ================ */
/*
table.sortie {
	table-layout: fixed;
	width: 98%;
	height: auto;
	padding: 2px;
	border: 2px solid #ccc;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	font-size: 1em;}

tr.title {
	font-size: 1em;
	color: #06165C;
	font-weight: bold;
	padding: 3px;
	background-color: #ccc;
	border: 1px solid #ccc;}

tr.result {
	font-size: 1em;
	color: #06165C;
	padding: 3px;
	border: 1px solid #CCCCCC;}

td {
	vertical-align: top;
	padding: 2px;
	border: 1px solid #C3C4FF;
	border-collapse: collapse;
	border-spacing: 0px;
	overflow: auto;}

.small {width: 10%; }
	
.middle {width: 20%;}
	
.big {width: 40%;}
	
.extensible {}
*/
/* Fiches complètes  =========================================== */
/*
#fiche {
	width: 97%;
	height: auto;
	border-style: solid;
	border-width: 2px;
	border-color: #666699;}

table.fiche {
	width: 100%;
	height: auto;
	border-style: solid;
	border-width: 15px;
	border-color: #C3C4FF;
	background-color: #C3C4FF;
	color: #06165C;}

.entete {
	background-color: #D4D4E2;
	border: 1px solid #666699;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 6px;}

.section {
	background-color: #D4D4E2;
	border: 1px solid #666699;
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
	padding: 6px;}

.etiquette {
	width: 30%;
	font-size: 1em;
	font-weight: bold;
	border-top: 15px solid #C3C4FF;
	border-bottom: 1px solid #C3C4FF;
	}

.donnees{
	width: 60%;
	background-color: white;
	font-size: 1em;
	border-top: 15px solid #C3C4FF;
	border-bottom: 1px solid #C3C4FF;
	}
	
*************************************************************************** fin formulaire IE 6 */