/*******************/
/* Style structure */
/*******************/

html
{
	margin : 0px;
	padding : 0px;
}

body
{
	padding : 0px;
	margin : 10px 0px 0px 0px;
	background : url("images/pagetop.gif") no-repeat center 12px;
	font-family : "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color : #676767;
	text-align : center;
}

#backpage
{
	background : url("images/pagebottom.gif") no-repeat bottom;
	margin : 0px auto;
}

#page
{
	margin : 0px auto;
	width : 764px;	
}

div.page_list
{
	margin-top : 8px;
	margin-left : 24px;
	margin-bottom : 12px;
	font-size : 14px;
	color : #000000;
	width : 540px;
	height : 20px;
	padding : 6px;
	border-width : 1px;
	border-style : solid;
	border-color : #DDDDDD;
	vertical-align : top;
}

#header
{
	background : url("images/header.gif") repeat-x #98CC3C;
	height : 132px;
	padding : 0px;
}


#menu
{
	padding : 0px;
	margin : 0px 0px 0px 0px;
	width : 168px;
	height : 200px;
	float : right;
	text-align : left;
}

#content
{
	padding : 0px 0px 10px 0px;
	margin : 0px;
	width : 596px;
	float : right;
	color : #515151; 
	background : url("images/content.gif") repeat-x;
	text-align : left;
}

#geolist
{
	min-height : 45px;
	margin : 27px;
	border-width : 1px;
	border-color : #000000;
	border-style : solid;
	background-color : #FFFFFF;
	padding : 8px;
	margin-bottom : 0px;
}

#footer
{
	height : 45px;
	padding : 45px 10px 3px 10px;
	text-align : center;
	background : url("images/footer.gif") repeat-x bottom;
	clear : both;
}

#copyright
{
	background-color : #91B925;
	color : #FFFFFF;
	padding : 7px;
	border-bottom : 1px solid #EAEAEA;

}


.search
{
	background-color : #DCF0BE;
	margin : 1px 1px 0 0 !important;
	padding : 6px 3px 6px 3px;
	height : 18px;
	text-align : center;
}

.search legend,
.search label
{
	display : none;
}

.search fieldset
{
	border : none;
}

.input_search
{
	height : 15px;
	border : 1px solid #D7D7D7;
	color : #5D5D5D;
	font-size : 0.8em;
	display : inline;
	float : left;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	padding : 1px 0 0 16px;
	background : url("images/loupe.gif") 3px 3px no-repeat #FFF;
	width : 108px;
	margin-left : 3px;
}

.input_search:focus
{
	border : 1px solid #81C61F;
}

.floatleft
{
	float : left;
	margin : 0px;
	margin-left : 3px;
	padding : 0px;
	border : none;
}

#ombre
{
	width : 8px;
	height : 218px;
	background : url("images/menu.png") no-repeat !important;
	background : none;
	position : absolute;
	margin : 0px 161px !important;
	padding : 0px;
}

div.website
{
	margin-top : 8px;
	margin-left : 24px;
	margin-bottom : 12px;
	font-size : 14px;
	color : #000000;
	width : 540px;
	height : 120px;
	padding : 6px;
	border-width : 1px;
	border-style : dashed;
	border-color : #DDDDDD;
	vertical-align : top;
}

div.website:hover
{
	vertical-align : top;
	margin-top : 8px;
	margin-left : 24px;
	margin-bottom : 12px;
	font-size : 14px;
	color : #000000;
	width : 540px;
	height : 120px;
	padding : 6px;
	border-width : 1px;
	border-style : dashed;
	border-color : #DDDDDD;
	background-image : url("images/bg_website.png");;
}

.field
{
	background-color: #FFFFFF;
	color: #555599;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #9999BB;
	margin-left: 4px;
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.submit
{
	background-color: #FF9966;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	font-size : 14px;
}

/******************/
/* Menu du Header */
/******************/

#menutop
{
	height : 23px; 
	background : url("images/menutop.gif") no-repeat;
	letter-spacing : 1px;
	font-size : 0.7em;
	list-style-type : none;
	margin : 0px;
}

#menutop li
{
	padding : 0px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	float : right;
}

#menutop a
{ 
	padding : 5px 8px 4px 8px;
	margin : 0px 0px 5px 0px;
	display : block;
	float : left;
	text-decoration : none;
	color : #578703;
	border-bottom : 4px solid #85c318 !important;
}

#menutop a:hover
{
	background : bottom #86C31A;
	color : #FFFFFF;
	border-bottom : 4px solid #63A13B !important;
}

#menutop a:active
{ 
	color : #FFFFFF;
	border-bottom : 5px solid #FEE432 !important;
	border-bottom : none;
}


/*********************/
/* Styles génériques */
/*********************/

ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1
{
	text-align : left;
	margin-top : 16px;
	margin-left : 24px;
	margin-bottom : 4px;
	font-size : 28px;
	color : #FFFFFF;
}

p.subheader
{
	text-align : left;
	margin-top : 0px;
	margin-left : 24px;
	font-size : 16px;
	color : #FFFFFF;
}

img
{  
	border: 0;
}

dl
{
	margin : 0px;
}

dt a
{
	padding: 5px 6px;
	margin: 1px 0 0 0;
	color: #5D5D5D;
	background-color: #F6F6F6;
	font-size: 0.85em;
	display: block;
	border-bottom: 1px solid /*#EAEAEA*/ #EBEBEB;
	font-family: helvetica,Tahoma, verdana, arial,  sans-serif;
}

dt a:hover
{
	color: #000000;
	background-color: #EEEEEE;
}

a.menu
{
	font-size : 12px;
	color : #666666;
	text-decoration : none;
}

h2
{
	text-align : left;
	margin-top : 12px;
	margin-left : 16px;
	margin-bottom : 0px;
	font-size : 24px;
	color : #444444;
}

h3
{
	text-align : left;
	margin-top : 12px;
	margin-left : 24px;
	margin-bottom : 0px;
	font-size : 18px;
	color : #448844;
}

h4
{
	text-align : left;
	margin-top : 12px;
	margin-left : 32px;
	margin-bottom : 0px;
	font-size : 14px;
	color : #448844;
}

p.text
{
	margin-top : 8px;
	margin-left : 16px;
	margin-bottom : 4px;
	font-size : 14px;
	color : #444444;
}

a.link
{
	font-size : 13px;
	color : #0000FF;
	text-decoration : none;
}

a.link:hover
{
	font-size : 13px;
	color : #FF0000;
	text-decoration : underline;
}

a.page_list
{
	font-size : 14px;
	color : #0000FF;
	text-decoration : none;
}

a.page_list:hover
{
	font-size : 14px;
	color : #FF0000;
	text-decoration : none;
}

p.footer
{
	text-align : center;
	margin-top : 0px;
	margin-bottom : 0px;
	font-size : 14px;
	color : #FFFFFF;
}

p.website
{
	margin-top : 0px;
	margin-left : 0px;
	margin-bottom : 8px;
	font-size : 14px;
	color : #444444;
	left : 124px;
}

a.website
{
	font-size : 13px;
	color : #0000FF;
	text-decoration : none;
	font-weight : bold;
}

a.website:hover
{
	font-size : 13px;
	color : #FF0000;
	text-decoration : underline;
	font-weight : bold;
}

p.geolist
{
	margin : 0px;
	font-size : 10px;
	color : #444444;
}

a.geolist
{
	font-size : 10px;
	color : #0000FF;
	text-decoration : none;
}

a.geolist:hover
{
	font-size : 10px;
	color : #FF0000;
	text-decoration : underline;
}