body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #686F8C;
	text-align: justify;
	background: url(../images/fond-site.jpg) no-repeat top center #B6BDD8;
}

.taillepolice {
	font-size: 11px;
}

#contenu {
	position: absolute;
	top: 0px;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

#bandeau {
	float: left;
	width: 960px;
	height: 265px;
	background: url(../images/bandeau-smeg.jpg) #686F8C;
}

#gauche-bandeau {
	float: left;
	width: 227px;
	height: 171px;
	padding: 94px 0 0 23px;
}

#diapo-bandeau {
	float: left;
	width: 276px;
	height: 188px;
	padding: 0 51px 77px 383px;
}

#page {
	float: left;
	width: 960px;
}

.pageaccueil {
	height: 867px;
	background-color: #FFFFFF;
}

.fonddefaut {
	background: url(../images/fond-defaut.jpg) #B6BDD8;
}

#gauche {
	float: left;
	width: 249px;
	border-style : solid;
	border-width: 0 0 1px 1px;
	border-color: #FFFFFF;
	background-color: #686F8C;
	font-size: 12px;
	color: #FFFFFF;
}

#menu {
	float: left;
	width: 239px;
	padding: 5px;
}

.menuaccueil {
	height: 690px;
}

.menudefaut {
	height: 480px;
}

#infos {
	float: left;
	width: 249px;
	height: 166px;
}

#coordonnees {
	float: left;
	width: 196px;
	height: 89px;
	padding: 26px 0 0 53px;
	background: url(../images/fond-coordonnees.jpg);
}

#coordonnees p {
	margin: 0 0 7px 0;
	padding: 0;
}

#logos {
	float: left;
	width: 229px;
	height: 40px;
	padding: 11px 0 0 20px;
}

.espacelogo {
	margin: 0 4px 0 0;
}

#gauche a:link, #gauche a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#gauche a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#gauche a:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#droite {
	float: left;
	width: 680px;
	padding: 0 15px 0 15px;
}

.droiteaccueil {
	height: 867px;
	background: url(../images/droite-accueil.jpg);
}

.droitedefaut {
	height: 40px;
	background: url(../images/fond-droite.jpg) top no-repeat;
}

#entete {
	float: left;
	width: 680px;
	height: 49px;
	margin: 0 15px 15px 15px;
	background: url(../images/fond-en-tete.jpg);
}

#titre-entete {
	float: left;
	width: 520px;
	height: 20px;
	padding: 29px 0 0 10px;
}

#pictos-entete {
	float: left;
	width: 140px;
	height: 42px;
	padding: 7px 10px 0 0;
	text-align: right;
}

#pictos-entete img {
	margin: 0 2px 0 0;
}

#contenupagedefaut {
	float: left;
	width: 660px;
	padding: 0 25px 0 25px;
}

.retour {
	float: left;
	width: 660px;
	margin: 0;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-style : dotted;
	border-width: 1px 0 0 0;
	border-color: #B6BDD8;
	text-align: left;
}

.haut {
	width: 660px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: right;
}

.webplus {
	float: left;
	width: 660px;
	margin: 5px 0 0 0;
	text-align: left;
}

.colonne50 {
	float: left;
	width: 340px;
}

.colonne25 {
	float: left;
	width: 150px;
	text-align: center;
}

.colonne25droite {
	
	float: left;
	width: 150px;
	padding: 0 20px 0 0;
	text-align: center;
}

#edito {
	float: left;
	width: 285px;
	height: 345px;
	padding: 30px 20px 20px 20px;
	margin: 40px 15px 20px 0;
	background: url(../images/fond-edito.jpg);
}

#editotexte {
	float: left;
	width: 285px;
	height: 300px;
	overflow: hidden;
}

#editotexte img {
	float: right;
	margin: 0 0 5px 5px;
}

#telechargements {
	float: left;
	width: 280px;
	height: 75px;
	padding: 20px 20px 0 25px;
	background: url(../images/fond-telechargement.jpg);
}

#news {
	float: left;
	width: 190px;
	height: 215px;
	padding: 15px 20px 32px 115px;
	margin: 10px 15px 30px 0;
	background: url(../images/fond-news.jpg) top no-repeat;
}

#newstexte {
	float: left;
	width: 190px;
	height: 168px;
	text-align: left;
	overflow: hidden;
}

#newstexte p {
	margin: 0 0 5px 0;
}

#newstexte img {
	vertical-align: middle;
}

#endirect {
	float: left;
	width: 285px;
	height: 550px;
	padding: 30px 20px 215px 20px;
	margin: 40px 0 0 15px;
	overflow: hidden;
	background: url(../images/fond-endirect.jpg) top no-repeat;
}

#normes {
	float: left;
	width: 120px;
}


.moduleplus {
	float: left;
	width: 100%;
	height: 20px;
	padding: 4px 0 0 0;
	margin: 0;
	border-style : dashed;
	border-width: 1px 0 0 0;
	border-color: #B6BDD8;
	text-align: right;
}

.projets, .patrimoine {
	float: left;
	width: 660px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-style : dashed;
	border-width: 1px 0 0 0;
	border-color: #B6BDD8;
}

.assos, .commerces , .cr {
	float: left;
	width: 660px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-style : dotted;
	border-width: 1px 0 0 0;
	border-color: #DEB2A5;
}

.fondbleute {
	background-color: #BDD4EF;
	padding: 2px;
}

.fondautre {
	background-color: #CDCAF2;
	padding: 2px;
}

#bas-de-page-defaut {
	float: left;
	width: 960px;
	height: 21px;
	padding: 0;
	background: url(../images/bas-de-page-defaut.jpg);
}

#bas-de-page {
	float: left;
	width: 940px;
	height: 25px;
	padding: 5px 20px 0 0;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
}

#bas-de-page a:link, #bas-de-page a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#bas-de-page a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#bas-de-page a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

a:link, a:visited {
	font-weight: bold;
	color: #686F8C;
	text-decoration: underline;
}

a:hover {
	font-weight: bold;
	color: #686F8C;
	text-decoration: none;
}

a:active {
	font-weight: bold;
	color: #686F8C;
	text-decoration: underline;
}


p {
	margin: 0 0 10px 0;
	padding: 0;
}

em {
	font-style: normal;
}

img {
	margin: 0;
	border: 0;
}

h1 {
	padding: 0;
	margin: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	font-size: 14px;
	background: url(../images/h3.jpg) no-repeat left center;
}

h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
}

hr {
	clear: both;
	border: 0;
	padding: 0;
	margin: 5px 0 5px 0;
	border-bottom: 1px;
	height: 1px;
	line-height: 1px;
	color: #B6BDD8;
	background-color: #B6BDD8;
	border-color: #B6BDD8;
}

ul {
	padding: 0;
	margin: 5px 0 10px 35px;
}

#plan ul { 
	/*padding: 0;
	margin: 0;*/
	list-style-type: none;
}

.listesans {
	list-style-type: none;
}

.sousmenu {
	list-style-type: circle;
	padding: 0;
	margin: 5px 0 5px 25px;
}

.nosliens {
	list-style-type: square;
}

.nosliens li {
	margin: 5px 0 5px 0;
}

.telecharge {
	list-style-image: url(../images/smeg-puce.jpg);
	padding: 0;
	margin: 0;
}

.telecharge li {
	margin: 5px 0 5px 0;
}

table {
	width: 100%;
	border-spacing: 2px;
	margin: 0 0 10px 0;
}

table.tabagenda th, table.tabagenda td {
	padding-left: 10px;
	text-align: left;
}

th {
	margin: 0;
	padding: 2px;
	text-align: center;
	border-style : solid;
	border-width: 1px;
	border-color: #B6BDD8;
}

tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td {
	padding: 2px;
	border-style : dotted;
	border-width: 1px;
	border-color: #B6BDD8;
	vertical-align: top;
	text-align: center;
}

.tabintitule {
	padding-left: 10px;
	text-align: left;
}

.fdcommissions {
	padding: 5px 0 5px 10px;
	background-color: #B6BDD8;
}

input, select {
	border-style : solid;
	border-width: 1px;
	border-color: #B6BDD8;
	margin-right: 10px;
	padding: 2px;
	vertical-align: middle;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #686F8C;
}

textarea {
	margin: 0 0 10px 0;
	border-style : solid;
	border-width: 1px;
	border-color: #B6BDD8;
	margin-left: 10px;
	vertical-align: top;
	padding: 2px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #686F8C;
}

fieldset {
	padding: 5px;
	border-style : solid;
	border-width: 1px;
	margin-bottom: 10px;
	border-color: #686F8C;
}

legend {
	font-weight: bold;
	color: #B6BDD8;
}

kbd {
	padding: 0px 2px 0px 2px;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #edd #baa #baa #eed;
	background: #faf6f6;
	color: #000000;
}

label {
	font-weight: bold;
}

#reponse {
	width: 650px;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #581E1C;
	border-style : solid;
	border-width: 1px;
	border-color: #D84A45;
}

.commentaire {
	font-size: 9px;
	font-style: italic ;
}

.fildariane {
	font-size: 10px;
}

.miseenvaleur {
	font-weight: bold;
}

.cartepostale {
	margin: 0 2px 2px 5px;
}

.polaroid {
	margin: 0 70px 10px 70px;
}

.polacote {
	margin: 0 0 10px 0;
}

.photos-article {
	clear: both;
	float: right;
	margin: 0 0 0 10px;
}