body {
  background: #fff;
  font-family: Verdana, Arial, Helvetica, free-sans, sans;
  font-size: 11px;
}

/* -----------------------------------------------------------------------------|
 fruit de nombreuses recherches sur l'élément <hr /> ne pas supprimer ce style, |
 s'il gêne, le mettre au moins en commentaires ...                              |
------------------------------------------------------------------------------*/

img {
  border: none;
}

img.droite {
  border: #000 solid 1px;
  margin-left: 3px;
  padding: 2px;
  float: right;
}

hr {
  color: #fc0;
  background-color: #fc0;
  height: 1px;
  border: 0;
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}

hr.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	visibility: hidden;
}

table {
  background: #ffffff;
  font-family: Verdana;
  font-size: 11px;
  width: 100%;
}

td {
    vertical-align: top;
}

table.form {background: none;}

td.droite {text-align: right;}

/* style page conseil */
table.conseil { padding: 0.8em; }
td.fonction {font-style: italic;}


table#article {
  border-collapse: collapse;
}

table#article th, table#article td{
  border: #000 1px solid;
  padding: 3px;
}

li {
  list-style-type: disc;
  line-height: 1.5em;
}

a {
  text-decoration: none;
  color: #00c;
}

a:hover { color: #66f}

.cadre {
  border-width: 1px;
  border-style: solid;
  border-color: #fc0;
  padding: 1px;
}

.image-doc {
  width: 100px;
}

.gras {
  font-weight: bolder;
}

.gras-rouge {
  font-weight: bolder;
  color: #cc0000;
}

#texte-mail {
  background: #fff;
  color: #000;
  width: auto;
  padding: 3px;
}



.titre	{
  margin: 0;
  color: #d72; /*#d72*/
  background: #fe9;
  padding: 3px;
  font-size: 1.2em;
}

.titre a {
  color: #fff;
  text-decoration: none;
}

.titre a:hover {
  color: #6666ff;
  text-decoration: underline;
}

.gras-bleu {
  font-weight: bolder;
  color: #00c;
}

.citation {font-size: 9px; font-style: italic}

.italique {font-style: italic}

.italique_gras {
  font-style: italic;
  font-weight: bold;
}

.apart {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #fc0;
}

#fond-orange {
  background: #fe9;
  border-width: 1px;
  border-style: solid;
  border-color: #fc0;
  padding: 5px;
}

#page {
  position: relative;
  margin: 0 auto;
  width: 700px;
  /*border: solid 1px #ff0000;*/
}

/* ----------------------------------------------------------------------------- BANNIERES -----------------------------------------------------------------------------------*/
#banniere-sommaire, #banniere-presentation, #banniere-adhesion, #banniere-biblio,
#banniere-agenda, #banniere-editions, #banniere-echanges, #banniere-formulaires {
  height: 80px;
  margin-top: 0px;
  margin-bottom: 3px;
}

#banniere-sommaire { background: url(../images/banniere-sommaire.jpg) no-repeat; }
#banniere-presentation { background: url(../images/banniere-presentation.jpg) no-repeat; }
#banniere-adhesion { background: url(../images/banniere-adhesion-oeilplusf.jpg) no-repeat; }
#banniere-biblio { background: url(../images/banniere-biblio.jpg) no-repeat; }
#banniere-agenda { background: url(../images/banniere-agenda.jpg) no-repeat; }
#banniere-editions { background: url(../images/banniere-editions.jpg) no-repeat; }
#banniere-echanges { background: url(../images/banniere-echanges.jpg) no-repeat; }
#banniere-formulaires { background: url(../images/banniere-formulaires.jpg) no-repeat; }
/* ----------------------------------------------------------------------------- BANNIERES -----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------- BARRE DE NAVIGATION ------------------------------------------------------------------------*/
#navbar{
	margin: 0;
	margin-bottom: -10px !important!;
	padding: 0;
}

#navbar ul {
	margin: 0;
	padding: 0;
	height: 26px !important;
	height: 22px;
	width: auto;
	list-style-type: none;
	color: #000;
	text-align: center;
	background: #fd2;
	/*border: 1px solid #f00;*/
}

#navbar ul li {
	display: inline;
	float: left;
	/*float: left;*/
	margin: 0;
	margin-left: 6px;
	height: 26px !important;
	height: 22px;
	padding: 0;
	background: #fd2;
}

#navbar ul li a, #navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a:hover, #navbar ul li a:active {
	float: left;
	display: block;
	margin: 0;
	padding: 4px 3px 0 30px;
	width: auto;
	height: 22px;
	color: #00f;
	text-decoration: none;
	/*border: 1px solid #f00;*/
}

#navbar ul li a.sommaire { background: url(../images/puce_violet_clair.png) #fd2 no-repeat left top; }
#navbar ul li a.presentation { background: url(../images/puce_bleue.png) #fd2 no-repeat left top;}
#navbar ul li a.adhesion { background: url(../images/puce_bleue_clair.png) #fd2 no-repeat left top; }
#navbar ul li a.biblio { background: url(../images/puce_jaune.png) #fd2 no-repeat left top; }
#navbar ul li a.agenda { background: url(../images/puce_orange.png) #fd2 no-repeat left top; }
#navbar ul li a.editions { background: url(../images/puce_rouge_clair.png) #fd2 no-repeat left top; }
#navbar ul li a.echanges { background: url(../images/puce_rouge_fonce.png) #fd2 no-repeat left top; }

#navbar ul li a:hover.sommaire { height: 22px;background: url(../images/puce_violet_clair.png) #fe9 no-repeat left top; }
#navbar ul li a:hover.presentation { height: 22px;background: url(../images/puce_bleue.png) #fe9 no-repeat left top;}
#navbar ul li a:hover.adhesion { height: 22px;background: url(../images/puce_bleue_clair.png) #fe9 no-repeat left top; }
#navbar ul li a:hover.biblio { height: 22px;background: url(../images/puce_jaune.png) #fe9 no-repeat left top; }
#navbar ul li a:hover.agenda { height: 22px;background: url(../images/puce_orange.png) #fe9 no-repeat left top; }
#navbar ul li a:hover.editions { height: 22px;background: url(../images/puce_rouge_clair.png) #fe9 no-repeat left top; }
#navbar ul li a:hover.echanges { height: 22px;background: url(../images/puce_rouge_fonce.png) #fe9 no-repeat left top; }

/* style de l'onglet de la page courante */
#navbar ul li.encours {
	margin: 0 6px 0 6px;
	padding: 4px 3px 0 30px;
	font-weight: bold;
	color: #d72;
	background: url(../images/puce_pagecourante.png) #fff no-repeat left top;
}

/* -------------------------------------------------------------------- FIN BARRE DE NAVIGATION ---------------------------------------------------------------------*/

/* --------------------------------------------------------------------- BARRE LATERALE DE MENU ----------------------------------------------------------------------*/
#contents{
	width: 700px;
}

#gauche {
  float: left;
  width: 181px;
  height: 300px;
  padding: 0;
  padding-top: 15px;
  margin: 0;
  margin-right: 3px;
  background: url(../images/menugauche.jpg) no-repeat;
}

#menugauche, #lat_news {
  margin: 0;
  margin-bottom: 5px;
  width: auto;
  padding-left: 20px;
  padding-right: 3px;
}

/* spécifier ici, sinon cette règle est surchargée par un li global en début de feuille */
#gauche ul#menugauche li{
	list-style: none;
}

#lat_news{
	float: left;
}

#lat_news h3,
#lat_news h4 {
	color : #d70;
	font-size: 1.4em;
}

#lat_news h4{
	font-size: 1.2em;
	margin-bottom: 0.3em;
}

#droite {
	float: right;
	margin: 3px 0 0 0;
	padding: 10px;
	width: 480px;
	height: auto;
	min-height: 300px;
	border: solid 1px #fc0;
	background: #fff;
}

/* ------------------------------------ elements navbar ---------------------------------- */
#elements_nav {
	width: 43.6em;
	width: 43.4em !important!;
	margin: 0.3em;
	padding-bottom: 1.7em;
	padding-bottom: 0 !important!;
	border-bottom: 1px solid #fc0;
}

#elements_nav ul {
	position: relative;
	float: right;
	margin: 0;
	margin-bottom: -1px !important!;
	list-style-type: none;
}

#elements_nav ul li {
	display: inline;
	list-style: none;
}

#elements_nav ul li a {
	float:left;
	margin-left: 0.3em;
	line-height: 1em;
	padding: 0.3em;
	border: 1px solid #fc0;
	background: #fe9;
}

#elements_nav ul li.crt_page{
	float: left;
	margin-left: 0.3em;
	line-height: 1em;
	padding: 0.3em;
	border: 1px solid #fc0;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #d70;
}
/* ---------------------------------- fin elements navbar ---------------------------------*/

#pied {
  height: 20px;
  background: transparent none;
  /*border-style: solid;
	border-width: 1px;*/
  text-align: center;
}

#pied li{
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*margin-bottom: 5px;*/
}