h1, h2, h3, h4, h5, h6, a
{
font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
}

address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal; }


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
margin:0;
padding:0;
}

ol, ul
{ list-style: none; }

table, form
{ border-collapse: collapse; border-spacing:0; }

fieldset, img
{ border:0; }

caption, th
{ text-align:left; }

q:before, q:after
{ content:''; }

*
{
font-family:Arial, Helvetica, sans-serif;
}

html
{
text-align:center;
background-image:url(bg.jpg);
background-position:top;
background-repeat:repeat-x;
background-attachment:fixed;
 }

body
{
margin:30px auto 0 auto;
position:relative;
width:100%;
background-image:url(epis.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
}

#entete_site
{
position:relative;
margin:0 auto 0 auto;
width:917px;
height:121px;
background-image:url(entete-site.png);
text-align:left;
}

#entete_site a:hover
{
font-weight:normal;
}

h1
{
position:absolute;
top: -22px;
left:20px;
font-size:28pt;
}

h1 img
{
position:relative;
top:22px;
}


#contenu_site
{
position:relative;
margin:0 auto;
width:917px;
background:transparent url(content.png) repeat-y 0 0;
min-height:300px;
}

#nav_main
{
position:relative;
margin:0 auto;
width:917px;
height:57px;
background-image:url(content.png);
}

#nav_main h2
{
position:absolute;
text-indent:-9990px;
}

#onglets_navigation
{
background:transparent url(nav-main.png) no-repeat 0 0;
position:absolute;
width:887px;
height:54px;
left:15px;
margin:0;
}

#onglets_navigation li
{
position:absolute;
display:inline;
}

li#presentation_commune
{left:0; }

li#equipe
{left:148px; }

li#vie_economique
{left:296px; }

li#services_commune
{left:444px; }

li#environnement
{left:592px; }

li#informations
{left:740px; }

#onglets_navigation li a
{
position:absolute;
display:block;
width:148px;
height:54px;
font-size:10pt;
font-weight:bold;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

#onglets_navigation li a span
{
display:block;
}


li#environnement span
{
margin-top:15px;
}

li#presentation_commune span, li#vie_economique span, li#services_commune span, li#informations span
{
margin-top:7px;
}


#nav_main ul li a:hover
{
font-weight:normal;
background:transparent url(navhoover.png) no-repeat 0 0;
}

#site_info
{
position:relative;
text-align:center;
margin:0 auto;
width:917px;
height:56px;
background-image:url(site-info.png);
}

#site_info p, ul#nav_site_info
{
position:absolute;
top:31px;
}

#site_info p
{
left:210px;
}

ul#nav_site_info
{
right:210px;
}

#site_info p, ul#nav_site_info, ul#nav_site_info li a
{
font-size:11pt;
color:#FFFFFF;
text-decoration:none;
}

ul#nav_site_info li
{
display:inline;
}

ul#nav_site_info li a
{
padding:0 10px;
}

ul#nav_site_info li a:hover
{
text-decoration:underline;
}

#contenu_site h2, #contenu_site h3, #contenu_site h4 
{

color:#4090f8;
text-align:left;
}

#contenu_site h2
{
font-size:16pt;
clear:left;
}

#contenu_site h3
{
font-size:12pt;
clear:left;
}


#contenu_site h4
{
font-size:10pt;
}

#contenu_site h2
{
background:transparent url(h2episbg.png) no-repeat top left;
display:block;
padding:30px 0 15px 20px;
margin:0 40px 0 20px;
}

#contenu_site h3, #contenu_site h4
{
margin:0 40px 0 40px;
padding-bottom:10px;
}

#contenu_site p, #contenu_site li
{
font-size:10pt;
text-align:left;
}

#contenu_site legend
{
font-size:11pt;
text-align:left;
margin:0 40px 0 40px;
padding-bottom:10px;
}

#contenu_site p
{
margin:0 40px 0 40px;
padding-bottom:10px;
}

#contenu_site ul, #contenu_site ol
{
margin:0 40px 0 40px;
padding-left:20px;
padding-bottom:10px;
}

#contenu_site ul
{
list-style:square;
}

#contenu_site ol
{
list-style:decimal;
}

#contenu_site ol li, #contenu_site ul li
{
padding-bottom:5px;
}

#contenu_site a, #contenu_site h3
{
color:#b04732;
}


table
{
border-collapse:separate;
border-spacing:4px;
margin:10px auto 20px auto;
width:840px;
}

th, td
{
background-color:#e8e1cb;
font-size:10pt;
padding:4px;
}

th
{
text-align:center;
font-weight:bold;
}


.cadreimageit {
height:194px;
width:262px;
position:relative;
text-align:right;
float:right;
margin-right:35px;
margin-bottom:20px;
background:url(cadreimagebg.png) top left no-repeat;
clear:right;
}

.cadreimageit span {
display:block;
text-align:center;
vertical-align:top;
font-size:10pt;
font-weight:bold;
color:#4090f8;
}

.cadreimageit img {
position:relative;
height:170px;
width:227px;
top:10px;
right:18px;
margin-bottom:20px;
}

#labelrechercher, #champrechercher
{
position:absolute;
width:165px;
font-size:10pt;
}

#labelrechercher
{
left:30px;
top:30px;
font-family:Arial, Helvetica, sans-serif;
color:#435724;
font-weight:bold;
}

#champrechercher
{
left:30px;
top:50px;
height:18px;
width:220px;
}
#boutonrechercher{
	position:absolute;
	width:37px;
	height:50px;
	right:20px;
	top:30px;
	border-width:1px;
}

img.blason {
float:left;
margin:0 10px 10px 0;
}

#liens_page
{
position:relative;
width:316px;
background:transparent url(encadre.png) no-repeat bottom left;
float:right;
right:40px;
top:50px;
margin:0 0 60px 50px;
text-align:left;
}

#rechercher
{
width:316px;
height:90px;
background:transparent url(encadre.png) no-repeat top left;
}

#liens_page ul
{
padding:0 0 30px 0;
margin:0 30px;
text-align:left;
}

#liens_page ul li
{
list-style:none;
background:transparent url(lienbg.png) repeat-x left bottom;
padding-top:5px;
}

#liens_page ul li a
{
color:#435724;
text-decoration:none;
}

#liens_page ul li a:hover
{
text-decoration:underline;
}


#liens_news
{
position:relative;
width:316px;
background:transparent url(encadre.png) no-repeat bottom left;
float:right;
right:40px;
top:30px;
margin:0 0 60px 50px;
text-align:left;
}

#rechercher_news
{
width:316px;
height:20px;
background:transparent url(encadre.png) no-repeat top left;
}

#liens_news ul
{
padding:0 0 0px 0;
margin:0 0px;
text-align:left;
}

#liens_news ul li
{
list-style:none;
background:transparent url(lienbg.png) repeat-x left bottom;
padding-top:5px;
}

#liens_news ul li a
{
color:#435724;
text-decoration:none;
}

#liens_news ul li a:hover
{
text-decoration:underline;
}



div.piedpar
{
text-align:right;
padding-right:40px;
padding-bottom:20px;
font-size:10pt;
}

div.downloadecho
{
text-align:left;
padding-left:40px;
padding-bottom:20px;
font-size:10pt;
}


{
clear:both;
}

#getie7
{
position:absolute;
display:block;
width:450px;
height:80px;
right:40px;
top:40px;
color:#FF0000;
font-size:12pt;
}

#getie7 a
{
color:#FF0000;
}

#getie7 a:hover
{
text-decoration:none
}