html
{
	background-color: #FFF;
}

body 
{
	position: relative;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 830px;
	background-color: #FFF;
	background : #FFF url(../img/fond-le-glaunec.gif) repeat-y left ;
	font-size: 11px;
	color: #3E3E3E;
	font-family: verdana, arial, helvetica, sans-serif;
}

form, h1, h2 {
	margin: 0;
	padding: 0;
}

h1 {
	padding: 0 !important;
	text-align : center ;
	margin : 0 auto !important;
	border : solid 1px #000 ;
}

h2 {
	text-align: right;
	padding-right: 10px;
}

h3 {
	font-size: 14px;
	margin: 5px 0px 10px 30px ;
	padding-right : 0 !important;
	width : 300px ;
	text-align : right ;
	border-bottom : solid 3px #000 ;
}

a 
{
	text-decoration: none;
	color : #000 ;
}

a:hover
{
	text-decoration: underline overline;
}

/***************************** menu *****************************/

div#menu {
	float: left;
	z-index: 100;
	margin: -12px 0 0 0px !important;
	padding : 0 !important ;
}

#menu ul
{
	margin:  0 10px 0 0;
	padding: 0;
	list-style-type: none;
}


#menu li
{
	margin: 2px 0;
	padding: 7px 10px 3px 10px;
	height: 16px;
	width: 150px;
	list-style-image : url(../img/ange-le-glaunec.gif);
	list-style-position : inside; 
}

#menu a
{
	color: #156816;
	font-weight: bold;
}

#menu a.selected
{
	text-decoration : underline ;
}

/***************************** menu *****************************/
.article
{
	line-height: 14px;
	padding: 20px;
	font-size : 11px ;
	letter-spacing : 0.1em ;
}

.article.detail, .article.liste
{
	margin: 10px 15px 10px 200px;
	padding: 0;
	text-align : justify ;
}

.article.detail hr
{
	clear: right;
	visibility: hidden;
}

.article.detail img
{
	float: left;
	margin : 35px 15px ;
	border: solid 1px #156816 !important;
}


.article.detail .texte
{
	padding: 0 20px 20px 20px;
}
.article.detail h3 
{
	clear: right;
	padding: 10px 20px;
	background-image: url(images/charte/detail-top.gif);
	background-repeat: no-repeat;
}

.article.liste a
{
	color: #186719 ;
	font-weight : bold ;
	font-size : 12px ;
}

.article.liste a img
{
	border : none ;
	float : none ;
	display : inline ;
	padding : 0  ;
	margin : 0  ;
}
  
.article.detail.right img, .article.liste.right img
{
	float: right !important;
	margin : 10px 10px !important;
	border: solid 1px #156816 !important;
}

.article p
{
	margin: 0 0 14px 0;
}

.list_table td
{
	background-image: url(images/charte/list-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#contenu
{
	margin : 0 !important ;
	padding : 0 !important ;
}

hr#articles_end
{
	clear: both;
	visibility: hidden;
}

.list_table
{
	margin: 0 0 0 190px;
	padding: 0px;
}

table.list_table td
{
	background-color: #0272DB;
	width: 50%;
	vertical-align: top;
}

table.list_table td .article
{
	margin: 0;
}

.list_table td a.lien_detail
{
	color: #05CCFE;
	display: block;

	text-align: right;
	padding: 0 30px 3px 0px;
}

#plan 
{
	float : none ;
	margin : 0 80px ;
}


/***************************** pied *****************************/
address#coordonnees {
	background-color : #393;
	font-style: normal;
	letter-spacing: 0.10em;
	text-align: center;
	padding : 10px 0 ;
	line-height : 20px ;
	color: #FFF ;
	clear : both ;
}