/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: url("/images/bg2.jpg") no-repeat center top #5A8DAC;
	font-family: Arial, Helvetica, Verdana;
	color: #333;
	font-size: 12px;
	text-align: center;
}


img { 
border: none;
}

* html img { 
margin-bottom: -3px;
}

small { 
font-size: 11px;
}

.illusd {
	margin: 5px 0 10px 20px;
	float: right;
}

.illusg {
	margin: 5px 20px 10px 0;
	float: left;
}

p {
	margin: 0 0 15px;
	line-height: 17px;
}

h1 {
	font-size: 18px;
	padding-bottom: 20px;
}

h1 em {
	font-size: 16px;
	font-style: normal;
	display: block;
	margin-top: 3px;
	color: #666;
}

h1 em a {
	margin-left: 5px;
}

em.agenda {
	color: #4F83A4;
	font-size: 14px;
	padding-top: 5px;
}

span.agenda, span.nouv {
	color: #4F83A4;
	font-weight: normal;
	font-size: 11px;
}

em.agenda a {
	margin-left: 0;
}

h2 {
	font-size: 16px;
	color: black;
	padding: 15px 0 5px;
}

h3 {
	padding: 10px 0 5px;
	font-size: 12px;
	text-transform: uppercase;
	color: #666;
}

h2.top, h3.top {
	padding-top: 0;
}

a:link, a:visited {
	text-decoration: none;
	color: #4F83A4;
}

a:hover {
	text-decoration: underline;
	color: #333;
}

a.sel {
	font-weight: bold;
}

.clear {
	clear: both;
	line-height: 0;	
}

.erreur {
	color: red;
}


ul, ul li{
list-style: none;
}

li.first { 
	margin-left: 0 !important;
	}

ul.bullet {
margin: 0 0 15px 35px;
}

li.nobullet {
list-style: none !important;
}

ul.bullet li {
list-style: disc;
margin-bottom: 5px;
}

ul.bullet ul {
margin-top: 5px;
}

ul.bullet li ul li {
list-style: circle !important;
margin-bottom: 5px;
margin-left: 15px;
}

hr {
border: 0;
height: 1px;
color: #ccc;
background-color: #ccc;
}

#page {
margin: 40px auto;
text-align: left;
width: 990px;
background: url(/images/bg_foot.gif) no-repeat left bottom #CBE9F7;
position: relative;
}

.pdf{
background: url(/images/icones/pdf.gif) no-repeat left top !important;
padding-left: 20px;
height: 15px;
line-height: 15px;
}

#hautpage {
position: absolute;
left: 225px;
bottom: 50px;
z-index: 100;
font-weight: bold;
}

#page.home #hautpage {
display: none;
}

#page.home li.actualite dt {
text-transform: uppercase;
font-size: 11px;
margin-bottom: 15px;
}

div.aplat {
padding: 10px;
background-color: #F8F8F8;
border: 1px solid #ccc;
margin: 20px 0;
color: #666;
}

div.aplat h2, div.aplat h3 {
padding-top: 0;
color: #666;
}

div.aplat.variante {
background-color: #F7FFE8;
border: 1px solid #568400;
}

div.aplat.variante h2, div.aplat.variante h3 {
color: #568400;
}

div.aplat li {
margin-bottom: 5px;
}

/* Header =================================================================*/
#header {
background: url("/images/bg_header.gif") no-repeat left top;
}

ul.coordonnees {
float: right;
width: 180px;
color: #6EA7CC;
padding: 10px 0;
font-size: 11px;
}

ul.coordonnees li {
line-height: 15px;
}

ul.coordonnees li.ecrire {
font-weight: bold;
background: url(/images/icones/ecrire.gif) no-repeat 0 3px;
padding-left: 20px;
margin-top: 3px;
}

ul.coordonnees li.horaires {
background: url(/images/icones/horaire.gif) no-repeat 0 3px;
padding-left: 20px;
}

a.ecrire_camping, a.site_camping {
display: block;
font-weight: bold;
background: url(/images/icones/ecrire_camping.gif) no-repeat 0 1px;
padding-left: 20px;
line-height: 13px;
font-size: 12px;
margin-bottom: 6px;
height: 13px
}

a.site_camping {
background: url(/images/icones/site_camping.gif) no-repeat 0 1px !important;
}

a.loc_camping {
font-weight: bold;
background: url(/images/icones/plan_camping.gif) no-repeat 0 2px;
padding-left: 20px;
line-height: 11px;
}

#logo{
margin: 10px 20px;
}

#nav3  {
	top: -21px;
	right: 0;
	position: absolute;
	z-index: 100;
	width: 150px;
	xdisplay: none;
}

#nav3 li {
	float: left;
	width: 50%;
}

#nav3 li a {
	font-weight: bold;
	text-align: center;
	height: 20px;
	line-height: 20px;
	display: block;
}

#nav3 li a:hover {
	text-decoration: none;
	color: white !important;
}

#nav3 li a.en {
	background: #B2D9EE;
	color: #35A3D7;
	border-bottom:  1px solid #76B3D7;
	border-right:  1px solid #76B3D7;
}

#nav3 li a.fr {
	color: white;
	background: url(/images/coin_fr.gif) no-repeat right top #CBE9F7;
	border-bottom:  1px solid #CBE9F7;
}

ul.blocs {
width: 953px;
margin-left: 9px;
}

ul.blocs li {
float: left;
margin-left: 7px;
height: 138px;
}

div#calendrier {
position: absolute;
width: 185px;
height: 138px;
z-index: 100;
top: 35px;
right: 8px;
background: url(/images/agenda.gif) no-repeat left top;
}

div#calendrier table {
border: 0 !important;
width: 182px !important;
}

/* Flèches Mois */
div#calendrier td.month {
height: 17px !important;
}

div#calendrier td.month a {
color: white !important;
padding: 0 3px;
font-weight: bold;
}

/* lun. mar. mer. jeu. ven. sam. dim. */
div#calendrier td.dayheader {
color: white !important;
font-size: 11px;
line-height: 15px;
font-weight: normal;
padding-bottom: 4px;
}

div#calendrier td {
background: none !important;
color: white !important;
}

/* Jours de la semaine */
div#calendrier td.day  {
color: #73ABD0 !important;
}

div#calendrier td a:hover  {
text-decoration: none;
}

/* Jours des autres mois */
div#calendrier td.other {
color: #C6DEEC !important;
}

/* Aujourd'hui  */
div#calendrier td.today {
font-weight: bold;
color: #487A95 !important;
}

/* Jours avec un événement */
div#calendrier td.event {
background: #F5CD47 !important;
font-weight: bold;
}

div#diapo {
margin: 0 0 6px 9px;
height: 138px;
}

div.evenement {
background: #FDF4D9;
border: 1px solid #F1BC0A;
position: absolute;
top: 0;
right: 190px;
width: 300px;
z-index: 100;
padding: 5px 10px;
}

div.evenement a.fermer {
float: right;
font-weight: bold;
font-size: 15px;
text-decoration: none !important;
}

div.evenement span.date {
color: #F1BC0A;
font-weight: bold;
}

div.evenement li {
margin-bottom: 7px;
}
/* Accueil =================================================================*/

#page.home #content {
margin-left: 0;
}

ul.accueil {
margin: -1px 0 0 9px;
}

ul.accueil li {
width: 185px;
float: left;
margin: 0 0 7px 7px;
height: 330px;
}

ul.accueil li h1 {
font-size: 14px;
margin: 10px 5px 0 10px;
padding: 0;
}

ul.accueil li a {
background: none ;
}

ul.accueil li dt {
margin: 10px 0 0 10px;
display: block;
padding-left: 15px;
}

ul.accueil li dd {
margin: 0 5px 8px 26px;
font-size: 11px;
}

.decouvrir, .decouvrir a
{
color: #658E33 !important;
}

li.decouvrir, li.decouvrir ul, ul.decouvrir {
background: url(/images/bg_decouvrir.jpg) no-repeat 0 0;
}

ul.accueil .decouvrir dt {
background: url(/images/icones/decouvrir.gif) no-repeat 0 2px;
}

.vivre, .vivre a {
color: #835A31  !important;
}

li.vivre, li.vivre ul, ul.vivre {
background: url(/images/bg_vivre.jpg) no-repeat 0 0;
}

ul.accueil .vivre dt
{
background: url(/images/icones/vivre.gif) no-repeat 0 2px;
}

.tourisme, .tourisme a {
color: #E7B50A  !important;
}

li.tourisme, li.tourisme ul, ul.tourisme {
background: url(/images/bg_tourisme.jpg) no-repeat 0 0;
}

ul.accueil .tourisme dt
{
background: url(/images/icones/tourisme.gif) no-repeat 0 2px;
}

.mairie, .mairie a {
color: #F09100  !important;
}

li.mairie, li.mairie ul, ul.mairie {
background: url(/images/bg_mairie.jpg) no-repeat 0 0;
}

ul.accueil .mairie dt
{
background: url(/images/icones/mairie.gif) no-repeat 0 2px;
}

.actualite, .actualite a {
color: #299CD3  !important;
}

li.actualite, li.actualite ul, ul.actualite, dl.actualite{
background: url(/images/bg_actualite.jpg) no-repeat 0 0;
}

ul.accueil .actualite dt 
{
padding: 0;
}

ul.accueil .actualite dt a
{
background: url("/images/icones/actualite.gif") no-repeat 0 2px;
padding-left: 15px;
display: block;
}

#hlBulletinMunicipal{
display: block;
height: 30px;
background: url(/images/icones/pdf.gif) no-repeat 0 3px !important;
padding: 0 22px;
}


/* Corps =================================================================*/

#fil {
padding: 10px;
height: 15px;
}

#fil li {
float: left;
line-height: 15px;
margin-right: 5px;
color: #4F83A4;
}

#corps {
background: white;
margin: 0 10px 10px;
min-height: 500px;
height: auto !important;
height: 500px;
position: relative;
}

#content {
padding: 20px 40px 40px 10px;
margin-left: 205px;
}

/* Bulletins et comptes-rendu conseil  =================================================================*/

ul.bulletins {
margin-bottom: 20px;
}

ul.bulletins li, ul.comptesrendus li {
margin-bottom: 5px;
}

ul.comptesrendus li strong {
display: block;
float: left;
width: 165px;
}

ul.comptesrendus .pdf {
margin-right: 20px;
}

/* Conseil municipal =================================================================*/

.organigramme {
width: 711px;
text-align: center;
}

.organigramme h2, .organigramme h3 {
margin: 0 auto 5px;
}

.organigramme dd {
float: left;
width: 160px;
font-size: 11px;
height: 220px;
}

.organigramme dd.maire {
margin : 10px 280px;
}

.organigramme dd.maire a {
display: block;
background: url("/images/bg_adjoint.jpg") no-repeat left top;
height: 210px;
}

* html .organigramme dd.maire {
margin : 10px 130px 10px 135px;
}

.organigramme a:hover{
	background: url("/images/bg_orga_hover.jpg") no-repeat left top !important;
	text-decoration: none !important;
}

.organigramme dd.adjoint h2 {
font-size: 14px;
}

.organigramme dd.conseiller h2{
font-size: 12px;
}

.organigramme h3 {
color: #666;
font-size: 14px;
}

.organigramme dd.adjoint{
margin : 7px;
}

.organigramme dd.adjoint a{
display: block;
background: url("/images/bg_adjoint.jpg") no-repeat left top;
height: 205px;
}

.organigramme dd.conseiller{
margin : 7px;
height: 160px;
}

.organigramme dd.conseiller a{
display: block;
background: url("/images/bg_conseiller.jpg") no-repeat left top;
height: 170px;
}

.organigramme dd.conseiller a{
color: #666;
}

ul.conseil {
min-height: 210px;
height: auto !important;
height: 210px;
width: 350px;
margin-left: 15px !important;
}

ul.conseil li {
margin-bottom: 10px;
}

ul.conseil li.nobullet {
font-size: 11px;
}

ul.conseil li.nobullet p{
margin-bottom: 5px !important;
}


/* Associations et état civil =================================================================*/

table.standard {
margin-bottom: 15px;
width: 95%;
}

table.standard td {
padding: 5px 10px 5px 5px;
font-size: 11px;
background: #E4F2F8;
border-bottom: 1px solid white;
vertical-align: top;
}

table.etatcivil td {
background: #F7F3F0;
}

table.standard .titre{
width: 160px;
font-size: 12px;
}

table.standard .adr{
width: 140px;
}

table.standard .tel {
width: 85px;
}

table.assistantes td {
width: 160px;
}


table.standard tr.alt td{
background: #FFFBDF;
}


table.standard th {
background: #B6D3E4;
color: white;
padding: 5px 10px 5px 5px;
border-bottom: 1px solid white;
}


table.standard ul.bullet {
margin-left: 15px;
}

table.etatcivil th {
background: #9C6B3A;
}

table.standard.assoc {
background: #F8F8F8;
}

table.standard.assoc tr.detail {
width: 370%;
}

table.standard.assoc tr.detail td {
background: transparent !important;
padding: 5px 10px;
}

table.standard tr.detail .imgnouvelles { 
background: none; 
padding: 0 !important;
float: left !important;
margin: 0 20px 5px 0 !important;
 }

 
table.standard tr.detail a.mail{ 
display: block;
height: 15px;
background: url(/images/icones/mail.gif) no-repeat 0 0;
line-height: 15px;
padding-left: 22px;
margin-bottom: 10px;
 }

table.standard tr.detail a.web { 
display: block;
height: 15px;
background: url(/images/icones/web.gif) no-repeat 0 0;
line-height: 15px;
padding-left: 22px;
margin-top: 10px;
 }


/* Agenda et nouvelles  =================================================================*/

dl.agenda dt, dl.nouvelles dt {
font-weight: bold;
clear: right;
border-top: 1px dotted #ccc;
padding-top: 10px;
}

dl.agenda img {
float: right;
margin: 2px 10px 5px 5px;
border: 5px solid #F2F2F2 !important;
width: 150px !important;
}

dl.nouvelles dd {
margin: 2px 0 30px;
}

dl.agenda dd {
margin: 2px 0 30px;
min-height: 100px;
height: auto !important;
height: 100px;
}

div.tri_nouvelles, div.tri_agenda {
float: right;
}

div.tri_assoc {
float: right;
padding: 0 33px 10px 0;
}

div.imgnouvelles { 
background-color: #F2F2F2; 
padding: 10px;
float: left;
margin: 0 20px 10px 0;
font-size: 10px;
 }

div.imgnouvelles img { 
margin: 10px 0;
 }

/* Tourisme  =================================================================*/

dl.cartes dt {
font-weight: bold;
}

dl.cartes dd {
margin: 5px 0 25px;
}

dl.cartes dd img {
margin-bottom: 5px;
}

.navette, .parc_naturel {
margin-top: 20px;
background: #FEF104;
border: 1px solid #ccc;
padding: 10px;
font-size: 11px;
}

.navette h1 {
font-size: 13px;
color: #A4394B;
padding: 6px 0;
}

.parc_naturel {
background: #F9FFFD;
border: 1px solid #007E57;
color: #007E57;
}

.parc_naturel img {
float: left;
margin: 0 12px 2px 0;
}

/* Contact  =================================================================*/
.formpied {
	text-align: right;
	}	

.formcorps fieldset {
	background-color: #F8F8F8;
	margin-bottom: 15px;
	border: 0;
	color: #666;
	padding: 10px;
	}

.formcorps p.legend {
font-weight: bold;
padding: 2px 12px;
display: block;
text-align: left;
font-size: 13px;
}

.formcorps p.info {
margin: -10px 0 10px 195px;
font-size: 11px;
}

.formcorps p.decret {
margin-bottom: 5px;
font-size: 11px;
}
.formcorps p {
margin-bottom: 10px;
}	

.formcorps label {
	width: 158px;
	float: left;
	margin-left: 17px;
	}	

.formcorps input, .formcorps select, .formcorps textarea {
	margin-left: 20px;
	}	

/* Droite =================================================================*/

#content.marge {
margin-right: 192px;
padding-right: 20px;
}

#droite {
float: right; 
width: 185px;
margin: 20px 8px 20px 0;
}

* html #droite {
margin: 20px 4px;
}

#droite dl.actualite {
border-top: 1px solid #ACD9EE;

}

#droite dl.actualite dt {
border-left: 7px solid #299CD3;
padding: 5px;
font-weight: bold;
font-size: 16px;
}


#droite dl.actualite dd {
padding: 5px 10px;
color: #666;
}

#droite dl.camping {
border-top: 1px solid #658E32;
margin-bottom: 20px;
background: url(/images/bg_decouvrir.jpg) no-repeat 0 0;

}

#droite dl.camping dt {
border-left: 7px solid #658E32;
padding: 5px 0 5px 5px;
font-weight: bold;
font-size: 14px;
color: #658E32;
letter-spacing: -1px;
text-transform: uppercase;
}


#droite dl.camping dd {
padding: 5px 10px;
color: #658E32;
}

#droite dl.camping dd.small {
font-size: 11px;
}

#droite dl.camping a.tarifs, #droite dl.camping a.reserver, #droite dl.camping a.formu {
background-color: #658E32;
padding: 5px 0 5px 7px;
display: block;
color: white;
font-weight: bold;
}

.formucamping #droite dl.camping a.reserver {
display: none;
}

#droite dl.camping a.tarifs.pdf, #droite dl.camping a.formu.pdf {
background: url(/images/icones/pdf.gif) no-repeat 7px 5px #658E32 !important;
padding-left: 30px;
}

#droite dl.camping a.bouton:hover {
text-decoration: none;
background-color: #666 !important;
}


/* Pied =================================================================*/

#footer {
text-align: left;
padding: 0 50px 10px;
color: #4F84A5;
background: url(/images/icone.gif) no-repeat 20px -2px;
}