body {
	width:1000px;
	text-align:center;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}
 #bandeaulogo,#bandeauboutons,#bandeGris,#bandeauPhoto,#bandeBleue,#menu,#menuHaut,#menuHautaccueil,#menuBas,#menuBas2,#contenuTitre,#contenu2,#contenu3,#contenuaccueil,#piedpage,#piedpage2,#piedpage3,#contenucarte,#filet 
 {display:inline-block
 }	

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
div{
	text-align:left
}
div#bandeaulogo {
	width:1000px;
	height:60px;
	background-color: #FFFFFF;
}
div#bandeauboutons {
	width:1000px;
	height:30px;
	background-color: #FFFFFF;
}
div#bandeGris {
	width:1000px;
	height:15px;
	background-color: #7F807C;
}
div#bandeauPhoto {
	width:1000px;
	height:227px;
	background-color: #FFFFFF;
}
div#bandeBleue {
	width:1100px;
	height:15px;
	background-color: #579DCD;
}
div#menu{
	float:left;
	width:220px;
	height:450px;
	background-color:#CCCCCC
}
div#menuHaut {
	width:220px;
	height:400px;
	background-color: #CCCCCC;
	float: left;
}
div#menuHautaccueil {
	width:200px;
	height:440px;
	background-color: #D7EFFF;
	float: left;
	padding-left: 10px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	overflow: auto;
	padding-bottom: 10px;
}
div#menuBas {
	width:220px;
	height:22px;
	background-color: #CCCCCC;
	float: left;
	padding-top: 0px;
}
div#menuBas2 {
	width:220px;
	height:20px;
	background-color: #CCCCCC;
	float: left;
	padding-top: 2px;
}
div#contenuTitre {
	background-color: #FFFFFF;
	height: 50px;
	width: 769px;
	float: left;
	padding-left: 9px;
	clear: left;
}
div#contenu2 {
	background-color: #FFFFFF;
	height: 450px;
	width: 779px;
	float: left;
}
div#contenu3 {
	background-color: #FFFFFF;
	height: 400px;
	width: 778px;
	float: left;
	vertical-align: top;
}
div#contenucol1 {
	background-color: #FFFFFF;
	height: 400px;
	width: 750px;
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	overflow: auto;
}
div#contenucol2 {
	background-color: #FFFFFF;
	height: 400px;
	width: 367px;
	float: left;
	margin-left: 20px;
	overflow-x: auto;
}
div#contenuaccueil {
	background-color: #FFFFFF;
	height: 450px;
	width: 772px;
	float: left;
	clear: both;
}
div#contenucarte {
	background-color: #D7EFFF;
	height: 235px;
	width: 400px;
	float: right;
}
div#filet {
	background-color: #000000;
	height: 450px;
	width: 1px;
	float: left;
}

div#piedpage {
	width:220px;
	height:20px;
	background-color: #000000;
	float: left;
}
div#piedpage2 {
	width:650px;
	height:20px;
	background-color: #000000;
	float: left;
}
div#piedpage3 {
	width:129px;
	height:20px;
	background-color: #000000;
	float: left;
}
#menu2  .Style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	text-align: right;
}
.menu1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 9px;
	margin-left: 25px;
	vertical-align: baseline;
	text-align: left;
}
.contenuBlanc {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFFFFF;
	margin-left: 30px;
	margin-right: 30px;
	overflow: visible;
	text-align: justify;
	margin-top: 30px;
}
.contenuaccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	overflow: auto;
	text-align: justify;
	padding: 20px;
	height: 410px;
	width: 738px;
}
.contenumarron {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	overflow: auto;
	text-align: justify;
	padding: 20px;
	height: 360px;
	width: 737px;
}
.contenuactu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	overflow: auto;
	text-align: justify;
	padding: 20px;
	height: 360px;
	width: 737px;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #999999;
	text-align: right;
	padding-right: 30px;
}
.dateBlanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: right;
	padding-right: 30px;
	overflow: hidden;
	padding-top: 5px;
}
.pied-page-blanc1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 5px;
	overflow: hidden;
	text-align: left;
	font-weight: bold;
	padding-top: 4px;
}
.pied-page-blanc2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #CCCCCC;
	margin-left: 0px;
	overflow: hidden;
	text-align: left;
	font-weight: bold;
	padding-top: 4px;
}
.pied-page-blanc3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-left: 0px;
	overflow: hidden;
	text-align: right;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
}
.meteo {
	text-align: center;
}
.contenuAscenseur {
	overflow: auto;
}
.actutitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.actutitredroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px;
}
.actusoustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 60px;
}
.actusoustitredroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 75px;
}
.actutextcol2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 0px;
}
.actutextcol2Copie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 60px;
}
.actudate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
}
.actutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 350px;
	padding-left: 60px;
}
.actutextdroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-left: 20px;
}
.actutitrecol2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 60px;
}
.actutelephoncol2Copie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 150%;
}
.photodroite {
	margin-left: 30px;
	float: right;
}
.photogauche {
	margin-left: 20px;
	float: left;
	margin-right: 30px;
}
li#actu  {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-actu-2.gif);
	margin-left: 10px;
	margin-right: 10px;
}
li#adresse  {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-adrutil-2.gif);
	margin-left: 10px;
	margin-right: 10px;}
li#infoM {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-infosmun-2.gif);
	margin-left: 10px;
	margin-right: 10px;}
li#asso {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-asso-2.gif);
	margin-left: 10px;
	margin-right: 10px;}
li#assodroit {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-asso-2.gif);
	margin-left: 280px;
	margin-right: 10px;
}
li#tourisme {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-tourisme-2.gif);
	margin-left: 10px;
	margin-right: 10px;}
li#Patrim {
	margin: 0;
	padding: 10 0 0 0;
	list-style-position: outside;
	list-style-image: url(Hautot-img/puce-patrimoine-2.gif);
	margin-left: 10px;
	margin-right: 10px;}
.Style1 {font-size: 10px}
.Texttabl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 20px;
}
.Style4bold {
	font-weight: bold;
	padding-left: 50px;
}
.Style4text {
	margin-left: 50px;
}
.Style10 {
	font-size: 11px;
	color: #B41515;
}
.Style5text {
	margin-left: 15px;
	margin-right: 15px;
}
.textegris {
	color: #CCCCCC
}
.texteNoir {
	color: #333333
}
.actudatedyn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	padding-left: 60px;
}
.actutextdyn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	padding-left: 60px;
}
div#menuHautaccueil-dyn {
	width:200px;
	height:380px;
	background-color: #D7EFFF;
	float: left;
	padding-left: 10px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	overflow: auto;
	padding-bottom: 10px;
}
div#menuBasAcc {
	width:220px;
	height:25px;
	background-color: #D7EFFF;
	float: left;
	padding-top: 5px;
}
div#menuBas2Acc {
	width:220px;
	height:20px;
	background-color: #D7EFFF;
	float: left;
	padding-top: 2px;
}
div#menuAcc {
	float:left;
	width:220px;
	height:450px;
	background-color:#FFFFFF
}
div#menuHautaccueil-dyn2 {
	width:200px;
	height:360px;
	background-color: #FFFFFF;
	float: left;
	padding-left: 10px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 10px;
	overflow: auto;
	padding-bottom: 10px;
}
div#menuBasAccdyn2 {
	width:220px;
	height:25px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 5px;
}
div#menuBas2Accdyn2 {
	width:220px;
	height:44px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 2px;
}
div#menuAcc2 {
	float:left;
	width:220px;
	height:450px;
	background-color:#D7EFFF
}
div#menuHautTourisme {
	width:220px;
	height:380px;
	background-color: #CCCCCC;
	float: left;
}
div#menuBasTourisme {
	width:220px;
	height:22px;
	background-color: #CCCCCC;
	float: left;
	padding-top: 0px;
}
div#menuBas2Tourisme {
	width:220px;
	height:44px;
	background-color: #CCCCCC;
	float: left;
	padding-top: 2px;
}