html {
	height:100%;
}	
body { /* Corps */
	height:100%:
	padding:0; /* Ne pas toucher */
	margin:0; /* On initialise tout à 0 pour les différents navigateurs */
	background-color:#fff; /* Fond blanc */
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(ya_na_pa.jpg);  /* mise d'un fond bidon pour eviter que les pointillés s'abiment */
	background-attachment: fixed; 
}
img {
	border:0; /* Comme ça on a pas de décalages */
}
ul , li { 
	margin:0; padding:0; list-style-type:none;
}
#conteneur { /* Conteneur Unique */
	width:100%; /* Largeur obligatoire pour le centrage */
	margin:0; /* Collage aux bords */
}
#header { /* Header unique */
	width:580px;
	height:39px; /* On règle la largeur et la hauteur du header pour que le fond s'ajuste */
	background-image:url(images/header.jpg); /* On fait venir le fond */
	padding-top:85px;
	padding-left:70px;
	margin-left:0 !important; /* HACK IE : */
	margin-left:-352px; /* Collage aux bords */
}
#header_extensible {
	width:100%;
	background-image:url(images/header_ext.png);
	border-bottom:#d4d4d2 solid 2px; /* On crée une petite bordure grise en bas */
	margin-top:-1px;
}
#header h1{ /* Header unique */
	font-size:2em;
	color:#4f4f4f;
	letter-spacing:-1px;
	font-weight:600;
	display:inline;
}
#centre { /* Centre unique, contenant Menu et Texte */
	width:100%; /* Doit prendre toute la page */
	background-image:url(images/centre_fond.png); /* On fait venir le fond */
	padding-top:5px; /* Une marge en haut pour que les éléments ne collent pas à la bordure */
}
#menu { /* Menu unique */
	width:165px;/* On règle la largeur du header pour que le Texte s'ajuste */
	float:left; /* Pour que le Texte s'imbrique correctement */
}
#menu a{
	font-weight:800;
	font-size:0.7em; /* Faire joli et gras */
	color:#fff; /* En blanc de préférence */
	text-decoration:none; /* Pas souligné */
	margin-left:10px; /* Pour faire beau */
}
#menu a:hover{
	color:#ccc; /* En blanc de préférence */
}
#texte {
	color:#555; /* En gris */
	min-height:400px;
	padding-left:25px;
	padding-top:15px; /* Pour pas coller */
	margin-left:150px; /* Pour etre au milieu */
	border-bottom:3px solid #d4d4d2;
}
#texte h2 {
	font-size:0.9em; /* En gras */
	font-weight:bold; /* En gras */
	display:inline; /* Sans sauter de ligne avant et après */
}
#footer {
	height:17px;
	color:#555; /* On fait gris */
	font-size:0.7em; /* On fait joli */
	background-color:#e2e1df; /* On met le fond */
	padding-top:6px;/* On décolle le texte */
	margin:0; /* Pour éviter la traditionnelle marge en haut et en bas de la balise p */
	margin-left:170px; /* Pour ne pas aller dans le bleu */
}
#footer a{
	color:#444; /* On fait gris */
	text-decoration:none; /* On enlève le soulignage */
}
.bouton {
	background-image:url(images/menu.png); /* Le fond du bouton */
	color:#555; /* La couleur du texte */
	font-size:0.9em; /* Sa taille */
	font-weight:bold; /* En gras */
	padding-top:10px; /* Pour ne pas coller au haut */
	padding-left:5px; /* Ni a gauche */
	width:163px; /* Pour que le bouton soit complet */
	height:25px; /* idem */
}
.texte {
	font-size:0.8em; /* On fait la taille */
	margin-top:2px; /* On décale le bloc du haut */
	border-top:1px solid #000; /* On fait une bordure (le filet) */
}
.texte a{
	font-weight:bold; /* Liens en gras */
	text-decoration:none; /* Pas de décoration */
	color:#333;
}
.texte a:hover{
	text-decoration:underline;
	color:#ccc;
}
.soustitre {
	background-image:url(images/o.gif);
	background-repeat:no-repeat;
	padding-left:25px;
}
TABLE.list {
	width:90%;
	border:1px solid black;
	border-collapse:collapse;
	font-size:9pt;
	
}
TABLE.list * TD {
	padding:1px;
	border:1px solid black;
	padding-left:5px; 
	padding-right:5px;
}
.Comments {
	display: block;
	border: 1px dashed #333333;
	background-image: none;
	background-color: #eef4fc;
	padding: 10px;
	margin: 10px;
	width: 70%;
}
.cadre {
	padding: 0.1em;
	border: 1px solid #FF8000;
	background: #FFF0E1;
}
form
{
	padding: 0px;
	margin: 0px;
}

select, input
{
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
}

textarea
{
	color: #000000;
	font-family: Verdana;
	font-size: 11px;
	width: 275px;
}
select.menu, input.champ
{
	width: 275px;
}

input.code, textarea.code
{
	width: 500px;
}

input.login
{
	width: 100px;
}

input.submit {
	padding: 0;
	font-weight: bold;
}

#erreur {
	width: 90%;
	margin: 5px 0 10px 0;
	padding: 2px 1em 2px 1em;
	font-weight: bold;
	font-size: 1em;
    background: #FFDFDF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #FF0000;
} 
.info ul {
	list-style: square;
}
.info li {
	font-size: 0.8em;
}

.block {
	text-align: center;
	width: auto;
	margin: 5px ;
	padding: 0.5em 1em 0.5em 1em;
	background: #f4f4f4;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-bottom: 1px solid #d7d7d7;
} 
.cadrevide {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #1F5697;
	padding: 1em;
	margin: 0.5em;
	font-size: 100%;
	background: #efefefe;
	width: 85%;
	overflow: auto;
	-moz-border-radius:6px;
	border-radius:6px;
}

.cadrevidefond {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #3399CC;
	padding: 1em;
	margin: 0.5em;
	font-size: 100%;
	background: white;
	width: 70%;
	overflow: auto;
	-moz-border-radius:6px;
	border-radius:6px;
}


.infos {
	background: #f7f7f7;
	border-bottom: 1px solid #d7d7d7;
	font-size: 105%;
	margin: 0.5em 0 .5em;
}
input, textarea, select { margin: 2px }
input, select { vertical-align: middle }
input[type=button], input[type=submit], input[type=reset] {
 background: #eee;
 color: #222;
 border: 1px outset #ccc;
 padding: .1em .5em;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background: #ccb;
}
input[type=button][disabled], input[type=submit][disabled],
input[type=reset][disabled] {
 background: #f6f6f6;
 border-style: solid;
 color: #999;
}
input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }
input[type=text], input.textwidget { padding: .25em .5em }
input[type=text]:focus, input.textwidget:focus, textarea:focus {
 border: 1px solid #886;
}
option { border-bottom: 1px dotted #d7d7d7 }
fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 0 }
fieldset.iefix { background: transparent; border: none; padding: 0; margin: 0 }
* html fieldset.iefix { width: 98% }
fieldset.iefix p { margin: 0 }
legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }
label.disabled { color: #d7d7d7; }
.buttons { margin: .5em .5em .5em 0 }
.buttons form, .buttons form div { display: inline }
.buttons input { margin: 1em .5em .1em 0 }