/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.lancer_recherche {
		float:left;
		margin:1px 0 0 4px
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		position:relative;
		width:995px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {
		height:373px;
		background:url(../../images/structure/background/header.jpg) no-repeat right;
		padding:0 31px 0 0
	}
/* -------------------------------------------------------------------------- Header top */
	#header #header_top {
		float:left;
		width:100%
	}
/* ------------------------------------------------------- Choix de la langue */
	#header #header_top #choix_langues {
		display:inline;
		float:left;
		margin:11px 0 0 97px
	}
	#header #header_top #choix_langues li {display:inline}
	#header #header_top #choix_langues li img {
		border:1px solid #69695f;
		padding:1px
	}
/* ------------------------------------------------------- Liens d'évitement */
	#header #header_top #liens_evitement {
		float:right;
		font-family:tahoma;
		font-size:.9em;
		color:#fff;
		margin:7px 0 0 0
	}
	#header #header_top #liens_evitement li {display:inline}
	#header #header_top #liens_evitement li a {color:#fff}
	#header #header_top #liens_evitement li a:hover {text-decoration:underline}
/* -------------------------------------------------------------------------- Visuels */
	#header #imageSlideshowHolder {
		position:absolute;
		top:62px;
		left:252px;
		width:461px;
		height:219px
	}
	.visu01 {background:url(../../images/visuels/visu01.jpg)}
	.visu02 {background:url(../../images/visuels/visu02.jpg)}
	.visu03 {background:url(../../images/visuels/visu03.jpg)}
	.visu04 {background:url(../../images/visuels/visu04.jpg)}
	.visu05 {background:url(../../images/visuels/visu05.jpg)}
	#header #imageSlideshowHolder img {
		position:absolute;
		top:0;
		left:0
	}
/* -------------------------------------------------------------------------- Header left */
	#header #header_left {
		float:left;
		width:250px;
		padding:7px 0 0 2px
	}
/* ------------------------------------------------------- Site officiel */
	#header #header_left #site_officiel {
		display:block;
		text-align:center;
		text-transform:uppercase;
		font-size:1.7em;
		letter-spacing:.1em;
		color:#535353
	}
	* html #header #header_left #site_officiel {letter-spacing:.3em}
	*+html #header #header_left #site_officiel {letter-spacing:.3em}
/* ------------------------------------------------------- Menu vertical */
	#header #menu li ul li a.linkOver {
		color:#002158;
		text-decoration:underline
	}
/* ------------------------------------ Premier niveau */
	#header #menu {
		text-align:right;
		text-transform:uppercase;
		font-size:1.2em;
		padding:25px 28px 0 0
	}
	#header #menu li {
		position:relative;
		background-image:url(../../images/elements/fleches_bleu.gif);
		background-repeat:no-repeat;
		background-position:right 6px;
		padding:0 12px 0 0;
		margin:0 0 10px 0
	}
	#header #menu li.alterne {background-image:url(../../images/elements/fleches_orange.gif)}
	#header #menu li a {color:#535353}
	#header #menu li a:hover {
		color:#002158;
		text-decoration:underline
	}
/* ------------------------------------ Second niveau */
	#header #menu li ul {
		visibility:hidden;
		position:absolute;
		top:-5px;
		right:-170px;
		width:152px;
		border:1px solid #535353;
		background:#f3edd7;
		
		text-align:left;
		text-transform:none;
		font-size:.9em;
		padding:4px 4px 0 4px
	}
	* html #header #menu li ul {right:-145px}
	#header #menu li ul li {
		background:none;
		padding:0;
		margin:0 0 4px 0
	}
/* ------------------------------------ Autres niveaux */
	#header #menu li ul li ul {
		right:-158px;
		font-size:1em
	}
/* -------------------------------------------------------------------------- Header middle */
	#header #header_middle {
		float:left;
		width:464px;
		padding:257px 0 28px 0
	}
/* ------------------------------------------------------- Neuchâtel-Hardelot */
	#header #header_middle #neufchatel_hardelot {
		display:block;
		text-align:center;
		text-transform:uppercase;
		font-size:1.7em;
		color:#022a5d
	}
/* ------------------------------------------------------- Menu horizontal */
/* ----------------------------------- Premier niveau */
	#navmenu {
		position:absolute;
		top:307px;
		left:260px;
		text-transform:uppercase;
		font-family:tahoma
	}
	#navmenu li {
		position:relative;
		float:left;
		height:27px;
		background:url(../../images/structure/background/menuH_li.jpg) no-repeat right;
		padding:2px 40px 0 33px
	}
	#navmenu li.last {background:none}
	#navmenu li a {
		float:left;
		color:#856b16;
		background:url(../../images/structure/background/menuH_a.gif) no-repeat
	}
	#navmenu li a span {
		display:block;
		float:left;
		height:17px;
		background:url(../../images/structure/background/menuH_span.gif) no-repeat right;
		padding:3px 7px 0 7px;
		cursor:pointer
	}
	#navmenu a:hover {color:#022a5d}
/* ----------------------------------- Second niveau */
	#navmenu li ul {
		display:none;
		position:absolute;
		top:26px;
		left:35px;
		width:160px;
		text-transform:none;
		background:#f3edd7;
		border:1px solid #856b16;
		padding:2px 0
	}
	#navmenu li ul:after /*From IE 7 lack of compliance*/{
		clear:both;
		display:block;
		font: 1px/0px serif;
		content: ".";
		height:0;
		visibility:hidden
	}
	#navmenu li ul li {
		width:160px;
		float:left; /*For IE 7 lack of compliance*/
		display:block !important;
		display:inline; /*For IE*/
	}
	/* Root Menu */
	#navmenu li ul li a {
		/*float:none !important; /*For Opera*/
		float:left; /*For IE*/
		display:block;
		height:auto !important;
		height:1%; /*For IE*/
	}
	#navmenu li ul li a:hover {text-decoration:underline}
/* ----------------------------------- Autres niveau */
	#navmenu li ul li ul {
		display:none;
		position:absolute;
		top:0;
		left:160px
	}
	* html #navmenu li ul li ul {left:176px}
	/* Do Not Move - Must Come Before display:block for Gecko */
	#navmenu li:hover ul ul,
	#navmenu li:hover ul ul ul,
	#navmenu li.iehover ul ul,
	#navmenu li.iehover ul ul ul {display:none}
	#navmenu li:hover ul,
	#navmenu ul li:hover ul,
	#navmenu ul ul li:hover ul,
	#navmenu li.iehover ul,
	#navmenu ul li.iehover ul,
	#navmenu ul ul li.iehover ul {display:block}
	#navmenu li ul li {
		float:left;
		height:auto;
		background:none;
		padding:2px 8px
	}
	#navmenu li ul li a {
		float:left;
		color:#856b16;
		background:none
	}
/* -------------------------------------------------------------------------- Header right */
	#header #header_right {
		float:left;
		width:248px;
		padding:7px 0 0 0
	}
/* ------------------------------------------------------- Label */
	#header #header_right label {
		float:left;
		line-height:1.6em;
		font-family:tahoma;
		color:#e3e9f6;
		background:url(../../images/elements/fleches_blanc.gif) no-repeat right 7px;
		padding:0 11px 0 0;
		margin:0 9px 0 5px
	}
	#header #header_right input.champ_recherche {
		float:left;
		width:140px;
		height:15px;
		font-size:1em;
		border:1px solid #161616;
		padding:2px 0 0 3px
	}
/* ------------------------------------------------------- Mot du maire */
	#header #header_right #mot_maire {
		float:left;
		color:#000;
		padding:25px 5px 0 5px
	}
	#header #header_right #mot_maire .titre {
		display:block;
		font-size:1.3em;
		font-weight:bold;
		color:#b89664;
		text-decoration:none;
		margin:0 0 8px 0
	}
	#header #header_right #mot_maire a.titre:hover {text-decoration:underline}
	#header #header_right #mot_maire img {
		float:right;
		border:2px solid #dac8c6;
		background:#fff;
		padding:3px;
		margin:0 0 0 10px
	}
	#header #header_right #mot_maire p {
		line-height:1.7em;
		text-align:justify;
		padding:0 7px
	}
	* html #header #header_right #mot_maire p {line-height:1.8em}
	*+html #header #header_right #mot_maire p {line-height:1.8em}
/* -------------------------------------------------------------------------- Compass */
	#header #compass {
		float:left;
		width:578px;
		font-weight:bold;
		color:#fe551a;
		padding:8px 0 0 246px
	}
	#header #compass li a {
		font-weight:normal;
		color:#797979;
		background:url(../../images/boutons/home.gif) no-repeat;
		padding:0 0 0 16px
	}
	#header #compass li a:hover {text-decoration:underline}
	#header #compass li ul {display:inline}
	#header #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#header #compass li ul li a {
		background:none;
		padding:0
	}
/* -------------------------------------------------------------------------- Outils */
	#header #outils {
		float:right;
		width:140px;
		text-align:right;
		padding:2px 0 0 0
	}
	#header #outils li {
		display:inline;
		margin:0 0 0 13px
	}
	#header #outils #agrandir_police {margin:0 0 0 3px}
/* --------------------------------------------------------------------------------------------- Main */
	#main {
		float:left;
		width:100%;
		background:url(../../images/structure/background/main.gif) repeat-y 252px 0;
		padding:10px 0 0 0
	}
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:216px;
		padding:0 20px 0 16px
	}
/* ------------------------------------------------------ Liste de liens */
	#main #left #liste_liens {
		color:#7f7e7e;
		border-top:1px solid #dfc8a7
	}
	#main #left #liste_liens li {
		border-bottom:1px solid #dfc8a7;
		background-image:url(../../images/elements/fleches_bleu.gif);
		background-repeat:no-repeat;
		background-position:202px center;
		padding:10px 0
	}
	#main #left #liste_liens li.alterne {background-image:url(../../images/elements/fleches_orange.gif)}
	#main #left #liste_liens li a {
		display:block;
		font-size:1.3em;
		font-weight:bold;
		color:#214288
	}
	#main #left #liste_liens li a span {
		font-family:times, serif;
		font-size:1.2em
	}
	#main #left #liste_liens li a span.bleu {color:#1782e5}
	#main #left #liste_liens li a span.marron {color:#b7863e}
	#main #left #liste_liens li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Contenu */
	#main #contenu {
		float:left;
		width:529px;
		padding:0 25px 0 35px
	}
	* html #main #contenu {overflow:hidden}
	#main #contenu.large {width:683px}
/* ----------------------------------------------------- Titres */
	h1 {
		font-family:georgia;
		font-size:1.7em;
		color:#5a4441;
		margin-bottom:14px
	}
	h2 {
		clear:both;
		font-size:1.5em;
		color:#214288;
		margin-bottom:10px
	}
	h3 {
		clear:both;
		font-size:1.3em;
		color:#b7863e;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#b33c13;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ------------------------------------------------------- A lire également */
	#main #contenu #lire_egalement_titre {
		display:block;
		float:left;
		width:100%;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#897f7d;
		margin:20px 0 0 0
	}
	#main #contenu #lire_egalement {
		clear:none;
		float:left;
		width:100%;
		background:url(../../images/elements/dotted_gris.gif) repeat-x top;
		padding:0;
		margin:5px 0 0 0
	}
	#main #contenu #lire_egalement li {
		background-image:url(../../images/elements/dotted_gris2.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding:4px 0 7px 0;
		margin:0
	}
	#main #contenu #lire_egalement li.alterne {background-color:#f3edd7}
	#main #contenu #lire_egalement li a {
		color:#b7863e;
		background:url(../../images/elements/fleches_orange.gif) no-repeat 0 5px;
		text-decoration:none;
		padding:0 0 0 15px;
		margin:0 0 0 8px
	}
	#main #contenu #lire_egalement li a:hover {text-decoration:underline}
/* ------------------------------------------------------- Pagination */
	#main #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/elements/dotted_gris.gif) repeat-x;
		padding:5px 0 0 0
	}
	#main #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#main #contenu ul.pagination li a {color:#515b61}
	#main #contenu ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#main #contenu ul.pagination li a.on {
		cursor:text;
		color:#bbb
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {
		float:left;
		width:142px;
		padding:0 12px 0 0
	}
/* ------------------------------------ Illustrations */
	#main #right #illustrations li {margin:0 0 20px 0}
	#main #right #illustrations li img {
		vertical-align:middle;
		border:1px solid #494949;
		margin:0 0 3px 0
	}
	#main #right #illustrations li span {
		font-size:.9em;
		color:#999
	}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		position:relative;
		float:left;
		width:100%;
		height:123px;
		background:url(../../images/structure/background/bottom.jpg) no-repeat right
	}
/* ------------------------------------------------------------------------- Haut de page */
	#bottom #haut_page {
		position:relative;
		top:-80px;
		left:150px;
		font-size:.9em;
		color:#072e60
	}
	#bottom #haut_page:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Copyright */
	#bottom #copyright {
		float:left;
		width:247px;
		font-size:.9em;
		color:#797979;
		padding:63px 0 0 10px
	}
	#bottom #copyright li {display:inline}
	#bottom #copyright li a {color:#797979}
	#bottom #copyright li a:hover {text-decoration:underline}
	#bottom #copyright img {
		vertical-align:middle;
		margin:0 0 0 3px
	}
/* ------------------------------------------------------------------------- Footer */
	#bottom #footer {
		float:left;
		width:483px;
		text-align:center;
		font-family:tahoma;
		color:#e7eefa;
		padding:80px 0 0 0
	}
	#bottom #footer li {display:inline}
	#bottom #footer li a {color:#e7eefa}
	#bottom #footer li a:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Adresse */
	#bottom #adress {
		float:left;
		width:229px;
		text-align:right;
		font-family:tahoma;
		color:#e7eefa;
		padding:53px 26px 0 0
	}