body{
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
	
	font-family :verdana, sans-serif;
	font-size: 0.7em;
	
	background-image:
	url('images/fond_jaune.gif');
	
	margin:0px;
	padding:0px;
	
	color: #390;
}


/************************
*	G?n?ral				*
*************************/

img {border:none;}

acronym, abbr{
  border-bottom: 1px dotted;
  cursor : help;
}

kbd { /*Personalisation de la balise keyboard: <kbd>*/
  padding: 0px 1px 0px 1px;
  font-size: 1.1em;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  background: #faf6f6;
  color: #000;
  border-color: #edd #baa #baa #eed;
}

/************************
*	Taille de texte		*
*************************/

h1 {
	padding : 5px;
	margin: 0px;
}
h4 {
	font-size:1.2em;
	margin:0px 10px;
	padding:5px;
	color: #F93;
}
h5 {
	padding:0px;
	margin: 0px;
	font-size:1.1em;
	text-decoration: underline;
}


/************************
*		Liens			*
*************************/

a, a:visited {
  text-decoration:none;
  color: #390;
}
a:hover{
  color: #F93;
}
/*si clavier dessus */
a:focus{color: #FF3;}

/* etat appuy? */
a:active {
  color: #fff;
}


/************************
*		Tableaux		*
*************************/

table {
	border:1px solid;
	margin:0px;
	padding: 0px;
}
th,td {border:1px solid;}


/************************
*		Formulaires		*
*************************/

fieldset {
	margin: 2px;
	border: 1px solid #CDCDCD;
	background-color: #E2E2E2;
}
legend {
	font-style: italic;
	background-color: #fff;
	border: 1px solid #ccc;
}
label {
  float:left;
  width: 150px;
  cursor: pointer;
}
input, textarea, select {
	font-family :sans-serif;
	min-width: 150px;
	border: 1px solid #aaa;
	margin-top: 2px;
	vertical-align: top;
}
input, textarea {
	color: #666;
}
textarea {
	font-size:1.1em;
}
input[type= submit] {
	min-width: 0px;
}
.date {
	min-width:0px;
	margin-right:4px;
}
input[type=text]:focus, textarea:focus{
	border: 1px solid;
	color: #000;
}




/************************
*		Site			*
*************************/
.couleur_dominante {
	color: #390;
}
.couleur_tonique {
	color: #FF3;
}
.couleur_variante {
	color: #F93;
}
#conteneur {
	margin: 0px auto;
	margin-top: 3em;
	background-color : #FFF;
	padding : 0px;
	width:80%;
	border:1px solid #000;
}
#menu-accessibilite {
	float:right;
	font-size:0.8em;
}
#menu-accessibilite ul,
#menu-site ul {
padding:0px;margin:0px;
}

#menu-accessibilite li,
#menu-site li {
display: inline;
padding:5px;
}
#menu-accessibilite a,
#menu-site a {
font-style: italic;
color: #ff3;
}
#menu-accessibilite a:hover,
#menu-site a:hover {
color: #F90;
}


#haut-de-page {
	color : #FFF;
	background-image:
		url('images/fond_vert.jpg');
}
#haut-de-page-titre {
	margin-left: 10px;
	text-indent : -5000px;
	width:330px;
	height: 44px;
	background-image : url('images/titre.gif');
}
#menu-site {
	line-height:20px;
	background-image: url('images/fond_vert.jpg');
	padding-left : 20px;
}
#menu-site img, span { 
   vertical-align: middle;
   display: inline; 
}
#corps-de-page {
	clear:both;
	padding: 10px;
	text-align:justify;
}
#pied-de-page {
	font-size: 0.8em;
	clear:both;
	padding:2px;
	background-image:
		url('images/fond_vert.jpg');
	color: #FF3;

}
#messages {
	width: 500px;
	height: 300px;
	margin: auto;
	text-align:center;
}
#messages h5 {
	margin:0px;
	padding: 2px;
}
#message-ok {
	text-align:left;
}
#message-erreur {
	text-align:left;
	color: red;
}
.obligatoire {
color: #F90;
}
.souligner {
text-decoration:underline;
}
#links {
width:80%;
margin: 2px auto;
text-align:right;
}