/*----------------------General------------------------*/

body {
	margin : auto;
	padding : auto;
	height: 100%;
	background:url(filet.jpg) repeat-x top #FFF;
}

#fondsite {
	position:relative;
	width: 1152px;
	margin-left:auto;
	margin-right:auto;
}

.gauche{
	float:left;
}

.droite{
	float:right;
}

.ban{
	width:1152px;
	height:388px;
	position:relative;
	background:url(ban.jpg) no-repeat;
	float:left;
	z-index:1;
	}
.anim{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}
.accueil{
	position:absolute;
	width:142px;
	height:134px;
	left: 255px;
	top: 42px;
	z-index:15;
	display:block;
}
	
.FullContenu{
	width:728px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	clear:left;
	margin-top:-10px;
	margin-left:213px;
	position:relative;
	z-index:5;
	background-color:#FFF;
	min-height:350px;
}
.FullContenu a{ color:#ef9e00; font-weight:bold; text-decoration:none;}
.FullContenu a:hover{ color:#C4690F; text-decoration:underline;}

.contenu{
	float:left;
	width:700px;
	margin-top:-100px;
	margin-left:15px;
	position:relative;
	z-index:6px;
}
.contenu_left{
	width:370px;
	float:left;
	margin-left:20px;
	padding-right:10px;
}
.contenu_right{
	width:170px;
	height:300px;
	float:right;
	background:url(right_image.jpg) top no-repeat;
}
.contenu a{ color:#d48c00; font-weight:bold; text-decoration:none;}
strong{ color:#AE5700;}
hr { color:#AE5700;}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#390;
	padding-top:20px;
	padding-bottom:15px;
	margin-top:5px;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F09;
	background:url(h2.jpg) left no-repeat;
	padding-top:20px;
	padding-left:55px;
	padding-bottom:15px;
	margin-top:-10px;
	margin-bottom:-00px;
}
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#393;
	background:url(h3.jpg) left no-repeat;
	padding-top:15px;
	padding-left:55px;
	padding-bottom:10px;
	margin-top:-5px;
	border-bottom:2px #390 solid;
}
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F60;
	background:url(h4.jpg) left no-repeat;
	padding-top:15px;
	padding-left:70px;
	padding-bottom:10px;
	margin-top:-10px;
	margin-left:40px;
	margin-bottom:-15px;
}

.ss_titre{
	color:#ff6600;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.imag_border_bleu{ border:1px solid #0E3CCC;}
.imag_droite{
	float:right;
	margin-left:5px;
	border:1px solid #A24A1C;
}
.imag_gauche{
	float:left;
	margin-right:5px;
	border:1px solid #A24A1C;
}

.recherche{
	position:absolute;
	z-index:50;
	left: 495px;
	top: 0px;
	text-align:center;
	height: 23px;
	width: 205px;
	padding:5px;
	background-color:#84C1FF;
}
.contenu_gauche{
	float:left;
	width:430px;
}
.contenu_droite{
	float:right;
	width:300px;
}
.actu{
	float:right;
	width:250px;
	border:#390 2px inset;
	padding-left:5px;
	padding-right:5px;
}
.actu a{ color:#3C0; font-weight:bold;}
.actu strong{ color:#6C0;}

.etat_civil{
	float:right;
	padding:5px;
	width:350px;
	margin-left:10px;
	border:1px solid #C30;
}
#srub_on a{
	color:#F90;
}

.bokantaj { float:left; width:380px; clear:left; padding:5px; text-align:left; margin:5px; border:1px solid #C39;}
.bokantaj_droite { float:right; width:270px; clear:left; padding:5px; text-align:left; margin:5px; border:1px solid #C39;}

/*//////////// Municipal //////////////////*/
.adjoint{ float:left; width:104px; padding:2px; text-align:center; margin-right:5px; border:1px solid #C39; height:150px; }

.commission{ float:left; width:204px; padding:2px; text-align:center; margin:5px; border:1px solid #C39; height:165px;}

.quartier{ float:left; width:400px; clear:left; padding:2px; text-align:left; margin:5px; margin-left:120px; border:1px solid #C39;}
/*//////////// FIN Municipal //////////////////*/


/*//////////// BAS PAGE //////////////////*/
#bas_site{
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F3F;
	width:1152px;
	height:111px;
	text-align:right;
	background:url(bas_site.jpg) no-repeat;
	position:relative;
	margin-left:auto;
	margin-left:auto;
}
.bas_site_txt{
	float:right;
	width:400px;
	margin-top:77px;
	margin-right:310px;
}

/*//////////// FIN BAS PAGE ////////////////*/

/*//////////// MENU ////////////////*/
.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	clear:left;
	width:618px;
	position:relative;
	margin-left:310px;
	margin-top:0px;
	z-index:9;
}
.menu_off {
	float:left;
	text-align:center;
	margin-top:3px;
	margin-right:15px;
}
.menu_off a{ 
	color:#FFF;
	text-decoration:none;
	display:block;
	height:18px;
	padding:5px;
	float:left;
}
.menu_off a:hover{ color:#F90;}
#menu_on a{ 
	color:#000;
}
/*//////////// FIN MENU ////////////////*/


/*//////////// MENU prestation////////////////*/
.menup{
	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;
	font-weight:bold;
	float:left;
	clear:left;
	width:392px;
	position:relative;
	margin-left: 550px;
	margin-top: 198px;
	z-index:10;

}
.menup_off {
	float:left;
	text-align:center;
	margin-right:110px;
}
.menup_off a{ 
	color:#FFF;
	text-decoration:none;
	display:block;
	height:18px;
	padding-top:2px;
	float:left;
}
.menup_off a:hover{ color:#F90;}
#menup_on a{ 
	color:#FCC;
}
/*//////////// FIN MENU prestation ////////////////*/

/*------------ MENU DEROULANT -----------*/
 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iframe_fix.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float:left;
	clear:left;
	width:618px;
	position:absolute;
	left:74px;
	top:-58px;
	z-index:300;
}
 
#pmenu, #pmenu ul {padding:0; margin:0; margin-top:-1px; list-style-type: none;}

#pmenu li {margin-top:-2px; }
 
#pmenu iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}
 
#pmenu a, #pmenu a:visited {display:block; width:130px; font-size:12px; font-family:arial, verdana, sans-serif; line-height:24px; text-decoration:none; text-indent:5px;  border-width:1px 0 1px 1px; color:#FFF;}
 
#pmenu li ul li a, #pmenu li ul li a:visited {border:inset 1px #fff;}
#pmenu li a., #pmenu li a.:visited { }
 
#pmenu li {float:left; background:#829F43; display:block; }
 
#pmenu li a:hover {position:relative; }
#pmenu li:hover {position:relative;}
#pmenu li:hover > a {color:#F90;}
#pmenu li ul {position:absolute; left:-9999px; width:115px;}
#pmenu li:hover > ul {top:0px; left:121px; width:115px;}
#pmenu > li:hover > ul {left:0; top:26px;}
#pmenu li:hover ul.first {top:0;}
 
#pmenu table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em;}
  
#pmenu li.drop {  background:none; text-align:center;}
  
#pmenu li a:hover ul {top:20px; width:115px;}
 
#pmenu li a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul, 
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { top:0px; left:120px;}
 
#pmenu a:hover ul ul,
#pmenu li a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul,
#pmenu a:hover ul iframe,
#pmenu li a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul iframe {left:-9999px;}
 
#pmenu a:hover iframe {left:0px; top:25px;}
 
#pmenu a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover a:hover iframe {left:115px; top:-1px;}

#pmenu #drop_on a{ color:#FCC;}
#pmenu #drop_on a:hover{ color:#FFF;}
#pmenu #drop_list_on a{ color:#000;}



/*------------ FIN MENU DEROULANT -----------*/
/*------------ ------------------- -----------*/


/*---- Messages divers -------*/
.attention, .confirmation {
background: #fce5e1 url(attention.gif) 10px 5px no-repeat;
padding: 0px 5px 5px 50px;
margin: 1em 1em;
border: 1px #ff9100 solid;
}
.confirmation {
background: #F0FFF0 url(confirmation.gif) 10px 5px no-repeat;
border: 1px #009F00 solid;
}

/*---------------<-- Design by Rabbit972 ----------------*/
/*---------------<-- www.stephane-giberne.fr ----------------*/