/* ========================== main styles ============================ */

/*
div {
	border: solid 1px red;
}
*/

body {
	margin: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.motcle {
	color: #A94FBF;
}

.center {
	text-align: center;
}

.libelle {
	color: #6E8AC2;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.input {
	color: #6E8AC2;
	font-family: Arial;
	font-size: 11px;
}

.formulaire {
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	border: solid 1px #C0C0C0;
}

.formulaire td {
	margin: 5px;
	padding: 5px;
}

.boutons {
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
}

.bouton {
	color: #4F79BF;
	background-color: #DDE4F1;
	width: 100px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	border: solid 1px #4F79BF;
}

.links {
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
}

.link {
	color: #4F79BF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/* Pour IE et autre */
#head {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-Index: 1;
}

/* Mozilla */
div[id=head] {
	position: fixed ! important;
}

#main {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 100%;
	z-Index: 0;
	/*border: solid 1px #FF0000;*/
}

#banner {
	height: 50px;
	width: 100%;
	background-image: url('../images/banniere.gif');
	background-repeat: repeat;
}

#menu {
	height: 15px;
	color: #E9EDF6;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	background-color: #4F79BF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4F79BF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9EDF6;
}

#menu a:link{
	text-decoration: none;
	color: #E9EDF6;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
}

#menu a:hover{
	text-decoration: underline;
}

#left {
	float: left;
	border-width: 1px;
	/*border: solid 1px #FF0000;*/
}

#right {
	float: right;
	border-width: 1px;
	/*border: solid 1px #FF0000;*/
}

.space {
	clear:both;
}

/* ========================== submenu ============================ */
#submenu {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	width: 190px;
	background-color: #FEF1E4;
	border-width: 2px;
	border-style: solid;
	border-color: #E58D37;
	vertical-align: top;
}

#submenu .title {
    color: #4F79BF;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	margin: 5px;
	margin-bottom: 0px;
	padding: 0px;
}

#submenu .picture {
	margin: 5px;
	margin-top: 5px;
	padding: 0px;
}

#submenu #search {
	color: #D4771C;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}

#submenu #galleryConsult {
	color: #D4771C;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}

#submenu #search .texte {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

#submenu .option {
    color: #FEF1E4;
	background-color: #E58D37;
	background-image: url('../images/right_arrow.gif');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;
}

#submenu #nouveautes {
    color: #FEF1E4;
	background-color: #E58D37;
	background-image: url('../images/right_arrow.gif');
	background-repeat: no-repeat;
	background-position: 4% 50%;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 5px;
}

#submenu #nouveautes  a{
    color: #FEF1E4;
	text-decoration: none;
}

#submenu .option  a{
    color: #FEF1E4;
	text-decoration: none;
}

#submenu .lists {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	/*border: solid 1px #FF0000;*/ 
}

#submenu .list {
	color: #D4771C;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: solid 1px #FF0000;*/
}

#submenu .firstlist {
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	/*border: solid 1px #FF0000;*/
}


#submenu .label {
	color: #D4771C;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	width: 150px;
	background-image: url('../images/puce_galerie.gif');
	background-repeat: no-repeat;
	background-position: 2px 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 0px;
	/*border: solid 1px #FF0000;*/
}

#submenu a:hover {
	text-decoration: underline;
}

#submenu .count {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: solid 1px #FF0000;*/
}

#submenu .page {
	color: #4F79BF;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
	/*border: solid 1px #FF0000;*/
}

#submenu .page a {
	color: #D4771C;
	text-decoration: none;
}

#submenu .page a:hover {
	text-decoration: underline;
}

/* ========================== Newsletter ============================ */

#newsletter {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	width: 190px;
	background-color: #F7F9FD;
	border-width: 2px;
	border-style: solid;
	border-color: #4F79BF;
}

#newsletter .title {
    color: #F7F9FD;
	background-color: #4F79BF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#newsletter .paragraph {
	color: #4F79BF;
	font-family: Arial;
	font-size: 10px;
	text-align: justify;
	padding: 3px 6px 3px 6px;
}

#newsletter .errorMessage {
	color: #EE0000;
	font-family: Arial;
	font-size: 10px;
	text-align: justify;
	padding: 3px 6px 3px 6px;
}

#newsletter .successMessage {
	color: #008800;
	font-family: Arial;
	font-size: 10px;
	text-align: justify;
	padding: 3px 6px 3px 6px;
}

#newsletter .notifyMessage {
	color: #000088;
	font-family: Arial;
	font-size: 10px;
	text-align: justify;
	padding: 3px 6px 3px 6px;
}

#newsletter .center {
	margin: 3px 6px 3px 6px;
	text-align: center;
}

#newsletter .email {
	width: 98%;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 10px;
}

#newsletter .button {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #4F79BF;
	background-color: #F7F9FD;
	border-color: #4F79BF;
	margin-bottom: 5px;
}

/* ========================== content ============================ */

#content {
	float: left;
	padding: 10px;
	/*border: solid 1px #FF0000;*/
	vertical-align: top;
}

#content .title {
    color: #4F79BF;
	font-family: Arial;
	font-size: 25px;
	font-weight: bold;
	margin: 5px;
	margin-bottom: 15px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .subtitle {
	color: #4F79BF;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .paragraph {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .homeParagraph {
	color: #000000;
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .buttons {
	margin: 5px;
	margin-bottom: 10px;
	text-align: center
}

#content .message {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 5px;
	margin-bottom: 10px;
	text-align: center
}

/* == Vues mode multiple == */
#content .lists {
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .list {
	width: 650px;
	margin-top: 1px;
	margin-bottom: 10px;
	margin-left: 1px;
	margin-right: 1px;
	border: solid 1px #C0C0C0;
}

#content .view_paysage {
	float: left;
	width: 506px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .view_portrait {
	float: left;
	width: 56px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .viewright_paysage {
	float: left;
	padding: 5px;
	/*border: solid 1px #FF0000;*/
}

#content .viewright_portrait {
	float: left;
	width: 500px;
	padding: 5px;
	/*border: solid 1px #FF0000;*/
}

#content .publication_paysage {
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	padding-bottom: 5px;
	/*border: solid 1px #FF0000;*/
}

#content .publication_portrait {
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .actions_portrait {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .googlemaps_paysage {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .googlemaps_portrait {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .krpanoView_paysage {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .krpanoView_portrait {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .krpanoStereoView_paysage {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .krpanoStereoView_portrait {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .viewDetails_paysage {
	float: left;
	margin-left: 5px;
	/*border: solid 1px #FF0000;*/
}

#content .viewDetails_portrait {
	float: left;
	/*border: solid 1px #FF0000;*/
}

#content .viewhead_paysage {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .viewfoot_portrait {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .viewtitle_paysage {
	float: left;
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	/*border: solid 1px #FF0000;*/
}

#content .viewtitle_portrait {
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .viewlocate_paysage {
	float: right;
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	/*border: solid 1px #FF0000;*/
}

#content .viewlocate_portrait {
	color: #4F79BF;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .vignette_paysage {
	width: 500px;
	height: 50px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .vignette_portrait {
	width: 50px;
	height: 250px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .facebookLike_paysage {
	float: left;
}

#content .facebookLike_portrait {
}

#content .reference_paysage {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
	padding: 0px;
	padding-right: 3px;
	/*border: solid 1px #FF0000;*/
}

#content .reference_portrait {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-right: 3px;
	/*border: solid 1px #FF0000;*/
}

#content .date_paysage {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
	padding: 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}

#content .date_portrait {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}

#content .auteur_paysage {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
	padding: 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}

#content .auteur_portrait {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-right: 3px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}


#content .lien_paysage {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
	padding: 0px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}

#content .lien_portrait {
	float: left;
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-left: 3px;
	border-left: solid 1px #A0A0A0;
	/*border: solid 1px #FF0000;*/
}

#content .lien_paysage a{
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

#content .lien_portrait a{
	color: #A0A0A0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

#content .note_paysage {
	float: right;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .notes_portrait {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .note_portrait {
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content .description_paysage {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
	clear: both;
}

#content .description_portrait {
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	/*border: solid 1px #FF0000;*/
}

#content #pages {
	color: #A94FBF;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
	/*border: solid 1px #FF0000;*/
}

#content #pages a {
	color: #4F79BF;
	text-decoration: none;
}

#content #pages a:hover {
	text-decoration: underline;
}

/* == Vue mode alone == */
#content .aloneView {
	width: 810px;
}

#content .aloneView  iframe{
	margin: 0px;
}

#content .aloneTitle {
    color: #4F79BF;
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	margin-top: 10px;
	/*border: solid 1px #FF0000;*/
}

#content .aloneVignette_paysage {
	width: 800px;
	height: 80px;
	margin-top: 10px;
	padding: 3px 3px 3px 3px;
	border: solid 1px #C0C0C0;
	/*border: solid 1px #FF0000;*/
}

#content .aloneVignette_portrait {
	width: 100px;
	height: 500px;
	margin-top: 10px;
	margin-right: 15px;
	padding: 3px 3px 3px 3px;
	border: solid 1px #C0C0C0;
	/*border: solid 1px #FF0000;*/
}

#content .aloneDescription {
	color: #A0A0A0;
	text-align: justify;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	padding: 3px 3px 3px 3px;
	/*border: solid 1px #FF0000;*/
}

#content .aloneFields {
	margin-top: 10px;
}

#content .aloneFieldLabel {
    color: #4F79BF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
	/*border: solid 1px #FF0000;*/
}

#content .aloneFieldValue {
    color: #A0A0A0;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	/*border: solid 1px #FF0000;*/
}

#content .aloneFieldValue a{
    color: #C0C0C0;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	/*border: solid 1px #FF0000;*/
}

#content .aloneGoogleMaps {
    width: 300px;
	height: 300px;
	margin: 10px 3px 10px 0px;
	/*border: solid 1px #FF0000;*/
}

/* == affichage nouvelles vues publiées dans la page d'accueil == */

#content .homeLists {
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .homeList {
	float: left;
	margin-top: 1px;
	margin-bottom: 15px;
	margin-left: 25px;
	margin-right: 1px;
	padding-left: 4px;
	padding-right: 4px;
	border: solid 1px #C0C0C0;
}

#content .homeView {
	float: left;
	width: 354px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .homeView a{
	display: block;
	/*border: solid 1px #FF0000;*/
}

#content .homePublication {
	color: #4F79BF;
	font-family: Arial;
	font-size: 10px;
	/*border: solid 1px #FF0000;*/
}

#content .homeViewtitle {
	float: left;
	color: #4F79BF;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
	/*border: solid 1px #FF0000;*/
}

#content .homeViewlocate {
	float: right;
	color: #4F79BF;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	/*border: solid 1px #FF0000;*/
}

#content .homeVignette {
	width: 354px;
	height: 35px;
	/*border: solid 1px #FF0000;*/
}

/* ========================== liens ============================ */

#content .linkBox {
	margin: 5px 5px 15px 5px;
	padding: 5px 2px 2px 2px;
	border-top: 1px solid #C0C0C0;
}

#content .linkText  {
	float: left;
}

#content .linkPictures  {
	float: left;
	margin-left: 5px;
}

#content .linkPicture  {
	float: left;
	margin-left: 5px;
}

#content .link  {
	color: #4F79BF;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

#content .linkDate  {
	color: #A0A0A0;
	font-family: Arial;
	font-style: italic;
	font-size: 11px;
}

#content .linkDesc {
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	clear: both;
}

/* ========================== pub ============================ */

#pub {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	width: 150px;
	background-color: #FEF6FE;
	border-width: 2px;
	border-style: solid;
	border-color: #D890D0;

}

#pub .title {
	color: #FEF6FE;
	background-color: #D890D0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#pub .content {
    color: #996B96;
	background-color: #FEF6FE;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;

}

/* ========================== tagCloud ============================ */

#tagCloud {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	width: 150px;
	background-color: #FAFAFA;
	border-width: 2px;
	border-style: solid;
	border-color: #C0C0C0;

}

#tagCloud .title {
	color: #FAFAFA;
	background-color: #C0C0C0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#tagCloud .content {
    color: #C0C0C0;
	background-color: #FAFAFA;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;

}

#tagCloud a  {
	display: block;
}

#tagCloud .keyword0  {
	color: #C0C0C0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}

#tagCloud .keyword1  {
	color: #B0B0B0;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}

#tagCloud .keyword2 {
	color: #808080;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 5px;
}

#tagCloud .keyword3 {
	color: #C0C0C0;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 5px;
}

#tagCloud .keyword4 {
	color: #C0C0C0;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin: 5px;
}

/* ========================== infos ============================ */

#infos {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	width: 150px;
	background-color: #F6FEF7;
	border-width: 2px;
	border-style: solid;
	border-color: #63C96D;
}

#infos .title {
    font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #63C96D;
	color: #F6FEF7;
}

#infos .content {
    color: #588A5C;
	background-color: #F6FEF7;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;

}

/* ========================== foot ============================ */

#foot {
	position: absolute;
	left: 0px;
	width: 100%;
	/*border: solid 1px #FF0000;*/
}

#foot .designby {
	color: #588A5C;
	text-align: right;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	/*border: solid 1px #FF0000;*/
}

/* ========================== error ============================ */

#error  {
    position: absolute;
	left: 50px;
	top: 50px;
	color: #FF0000;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	width: 300px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 3px #FF0000;
	z-Index: 100;
}

/* ========================== view ================================= */

body#view a.wwwpanoramiccitynet {
	text-decoration: none;
	color : #5B3F75;
	font-size: 110%;
	font-weight: bold;
}

body#view a.wwwpanoramiccitynet:visited  {
	text-decoration: none;
	color : #5B3F75;
	font-size: 110%;
	font-weight: bold;
}

body#view a.wwwpanoramiccitynet:hover {
	text-decoration: underline;
	color : #5B3F75;
	font-size: 110%;
	font-weight: bold;
}