body * {margin:0px;padding:0px;}
body {
	background:#F2F3ED url(images/fond-page.jpg) no-repeat top;
}
#cache {display:none;}
#centre {
	position:relative;
	font-family: Arial, Verdana, Tahoma, sans-serif; ;
	width:955px;
	-width:958px; /* ie6 3px jog*/
	left: auto;
	right: auto;
	margin:0px auto;
	padding:0px;
	text-align: center;
}
/*----------------------------- COLONNE DE GAUCHE ----------------------------------*/
#gauche { display:inline;
	width:626px;
	position: relative;
	float:left;
	margin-top:0px;
	padding-top:0px;
}
/*-------------------Image Changeante -------------------------*/
#photo {
	position: relative;
	z-index:997;
	width:626px;
	height:525px;
	padding:0px;
	margin:0px;
}
#degrade {	
position: relative;
width:626px;
height:525px;
margin-top:-525px;
z-index:998;}
#accroche {
position: relative;
float:left;
text-align:left;
z-index:999;
margin-top:-280px;
}
/*------------------------------------------------------------Menu Boutons ------------------------------------*/
#menuphoto {
width:626px;
position: relative;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:80px;
margin-bottom:0px;
}
#menuphoto ul {
	width:626px;
	height:169px;
	padding:0px;
	margin:0px auto;
	text-align:center;

}

#menuphoto li {display:inline;padding:0;margin:0;width:626px;}
#menuphoto li a {
	position: relative;
	z-index:1;
	border:0px;
	padding:0px;
	margin:0px;
	text-indent:0px;
	text-decoration:none; 
	overflow:auto;
	}
#trois br {margin:0px;padding:0px;}
/*
#menuphoto {
width:339px;
	text-align:center;
	color:#FFFFFF;
}
#menuphoto ul {width:339px;height:206px;background:url(images/comcom/boutons/fond-comcom.gif) repeat-y;padding-left:16px;-padding-left:0px;}
#menuphoto li {display:inline;width:168px; height:199px;-margin-left:5px;}
#menuphoto li a {
	position: relative;
	z-index:1;
	display:block; 
	float:left; 
	height:199px;
	color:#FFFFFF;
	border:0px;
	margin:15px 0px 0px 0px;
	text-indent:0px;
	text-decoration:none; 
}
/* ------------- ACTU ---------------------------*/
#actu {
	background:url(images/accueil/fond-actu.jpg) no-repeat top; 
	float:left;
	/height:1%;
	padding:0px;
	margin:0px;
}
#actu ul {
	width:557px;
	list-style-type:none;	
	overflow:auto;
	/height:1%;
	/overflow:visible;
	margin:0px;
	padding:50px 0px 20px 65px;
	/padding:50px 0px 20px 64px;
	text-align:left;
	background:url(images/accueil/fond-actu-pied.jpg) no-repeat bottom;
	/background:url(images/accueil/fond-actu-pied.jpg) no-repeat bottom;
	}
#actu li { 
	width:260px;
	/height:1%;
	display:inline;
	position:relative;
	float:left;
	margin:0px;
	padding:0px 0px 10px 0px;
	}
#actu li a { 
	border:0px;
	text-indent:0px;
	} 	
#actu li img{  
	float:left;	
	margin:10px 6px 0px 0px;
	/margin:10px 6px 0px 0px;
	clear:both;	 
	width:78px;
	height:75px;
	padding:1px;
	text-align:center;
	background-color:white
}
li.vert img{border:3px solid #469B1C;-behavior:url('_html_gabarits/csshover2.htc');}
li.vert img:hover{ border:3px solid #93C700;}
.vert .rubriqueactu { color:#469B1C;}
li.rouge img{border:3px solid #C22627;-behavior:url('_html_gabarits/csshover2.htc');}
li.rouge img:hover{ border:3px solid #FF3E2E;}
.rouge .rubriqueactu { color:#C22627;}
li.orange img{border:3px solid #FDC100;-behavior:url('_html_gabarits/csshover2.htc');}
li.orange img:hover{ border:3px solid #FED500;}
.orange .rubriqueactu { color:#FDC100;}
li.bleu img{ border:3px solid #0E7ABA;-behavior:url('_html_gabarits/csshover2.htc');}
li.bleu img:hover{ border:3px solid #00A8D7;}
.bleu .rubriqueactu { color:#0E7ABA;}
#actu p{ 
font-size:0.92em;
float:left;
width:160px;
height:90px;
margin:0px;
padding:8px 0px 0px 0px;
/padding:8px 0px 0px 0px;
color:#666;
}
.rubriqueactu { font-weight:bold;font-size:0.9em;}
.titreactu {font-weight:bold;color:#000;}
/*------------------------------------------------------- MEnu de Pied de Page -------------------------------*/
#footer {
	display:block;
	position:relative;
	float:left;
		width:620px;
	text-align:center;
	vertical-align: top;
	-overflow: visible;
	height:70px;
	margin-left:0px;
	/margin-top:-10px;
	margin-left:5px;	
}
#footer hr {margin-top:10px;margin-bottom:10px;/margin-bottom:5px;width:93%;margin-left:auto;margin-right:auto;}
#footer ul {margin-left:10px;}
#footer li{ position:relative; height:1%;list-style-type:none; display:inline;}
#footer a{
	padding:5px 20px 15px;
	/padding:20px 20px 35px;
	/height:1%;
}
#footer a:hover{color:#669933;text-decoration:none;}
.contact {background:url(images/accueil/contact.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
.contact:hover {background:url(images/accueil/contact2.jpg) no-repeat left;}
.credits {background:url(images/accueil/credits.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
.credits:hover {background:url(images/accueil/credits2.jpg) no-repeat left;}
.mentions{background:url(images/accueil/mentions.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
.mentions:hover{background:url(images/accueil/mentions2.jpg) no-repeat left;}
.lienss{background:url(images/accueil/liens.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
.lienss:hover{background:url(images/accueil/liens2.jpg) no-repeat left;}
.plann{background:url(images/accueil/plan.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
.plann:hover{background:url(images/accueil/plan2.jpg) no-repeat left;}
/* --------------------------------- Colonne de droite --------------------------------*/
#droite{
margin-top:-3px;
display:inline;
width:324px;
position: relative;
float:left;
background:#fff url(images/fond-droite.jpg) no-repeat top right;
color:#666;
margin:0px;
-margin-left:-3px;
padding:0px;
}
#logo {margin:20px 0px;}
#menucomcom {
text-align:left;
}
#menucomcom ul {
-height:1%;
margin:0px 40px 0px 30px;;
padding:0px;
list-style-type:none;
}
#menucomcom li{
margin:2px 0px;
padding-left:20px;
padding-bottom:2px;
border-bottom:1px solid #999;
font-weight:bold;
}
#menucomcom li a {margin:0px;}
#menucomcom li a:hover {text-decoration:none;}
/* Les pictogrammes du menu comcom*/
#menucomcom .bleu {background:url(images/accueil/menucomcom/picto-bleu.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
#menucomcom .orange {background:url(images/accueil/menucomcom/picto-jaune.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
#menucomcom .rouge {background:url(images/accueil/menucomcom/picto-rouge.jpg)  no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
#menucomcom .vert {background:url(images/accueil/menucomcom/picto-vert.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
#menucomcom .ciel {background:url(images/accueil/menucomcom/picto-ciel.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
#menucomcom .gris {background:url(images/accueil/menucomcom/picto-gris.jpg) no-repeat left;-behavior:url('_html_gabarits/csshover2.htc');}
/* Le menu comcom au survol */
#menucomcom .bleu:hover{background:url(images/accueil/menucomcom/picto-bleuh.jpg) no-repeat left;color:#0066CC;}
#menucomcom .orange:hover{background:url(images/accueil/menucomcom/picto-jauneh.jpg) no-repeat left;}
#menucomcom .rouge:hover{background:url(images/accueil/menucomcom/picto-rougeh.jpg)  no-repeat left;}
#menucomcom .vert:hover{background:url(images/accueil/menucomcom/picto-verth.jpg) no-repeat left;}
#menucomcom .ciel:hover{background:url(images/accueil/menucomcom/picto-cielh.jpg) no-repeat left;}
#menucomcom .gris:hover{background:url(images/accueil/menucomcom/picto-grish.jpg) no-repeat left;}
/*Comportement des textes au survol*/
.bleu a:hover{color:#0060A9;}
.orange a:hover{color:#FFCC00;}
.rouge a:hover{color:#CC3333;}
.vert a:hover{color:#669933;}
.ciel a:hover{color:#3399CC;}
.gris a:hover{color:#999999;}
/*---------------------------------- Carte des Communes -------------------------------*/
#menucarte {
margin-top:10px;
text-align:left;
background:url(images/accueil/fond-menucarte.jpg) no-repeat;
overflow:auto;
}
#menucarte ul {background:url(images/accueil/menucarte-pied.jpg) no-repeat bottom;
min-height:260px;
-height:260px;
padding-left:30px;
padding-top:40px;
color:#669933;
list-style-type:square;
list-style-position:inside;
}
#menucarte li:hover {color:#FFCC00;
}
#menucarte li {-behavior:url('_html_gabarits/csshover2.htc');

}
#menucarte li a:hover{color:#669933;}

/*----------------------------------------- NEWSLETTER --------------------------------------------*/
#lettre {	
	width:320px;
	/width:298px;
	height:122px;
	background:#fff url(images/accueil/fond-newsletter.jpg) no-repeat left;
	-padding-top:35px;
	/padding-left:22px;
}
#lettre, x:-moz-any-link, x:default  {
	padding-top:10px;
}
#lettre fieldset {
	border:none;
	padding-top:35px;
	/padding-top:5px;
	-padding:0px;
	text-align:left;
}
#lettre fieldset, x:-moz-any-link, x:default  {
	padding-top:0px;
}
#lettre .html {
	height:38px; 
	vertical-align:center;
}
#lettre input.lettre {
	width:225px;
	height:20px;
	border:1px inset #999; 
	margin-top:-55px; 
	/margin-top:-10px; 
	margin-left:20px;
	/margin-left:0px;
	/padding:0px;
}
#lettre .lettre .lettre {margin-left:50px;}
#lettre  .lettre {margin-left:22px;/margin:0px;  }
.confirmation {margin-left:50px; text-indent:15px; margin-top:22px;-margin-top:0px;}
.ok {
	width:69px;
	height:35px;
	border:0px;
	float:right;
	margin-top:-48px;
	margin-right:10px;
	background:url(images/accueil/okvert.jpg) no-repeat;
	-behavior:url('_html_gabarits/csshover2.htc');
	cursor:pointer;
}
.ok:hover { background:url(images/accueil/okverth.jpg) no-repeat;}
/*------------------------------------ AGENDA --------------------------------------------------*/
#agenda {
position:relative;
width:318px;
height:117px;
background:#fff url(images/accueil/fond-agenda.jpg) left no-repeat ;
}
#agenda p{
margin-left:86px;
text-align:left;
padding-top:20px;
/padding-top:15px;
}
#agenda p, x:-moz-any-link, x:default  {
	padding-top:20px;
}
#agenda a {
width:69px;
height:35px;
float:right;
padding-right:10px;
margin-top:-20px;
/margin-top:-18px;
background:url(images/accueil/okbleu.jpg) no-repeat;
}
#agenda a:hover {
background:url(images/accueil/okbleuh.jpg) no-repeat;
}/*------------------------------------ CREDITS --------------------------------------------------*/
#credits {
position:relative;
width:318px;
height:78px;
background:#fff url(images/accueil/fond-credits.jpg) left top no-repeat ;
}
#credits p{
margin-left:75px;
text-align:left;
padding-top:38px;
/padding-top:23px;
}
#credits a {
}
#credits a:hover {
}