/* Shared styles
 i use "multiple class" elements */

* { margin: 0px;padding: 0px; font-family: verdana !important; font-size: 12px;}
h1 { font-size: 18px; color:#2581DF; font-weight: bold }
h2 { font-size: 18px; color:#2581DF; font-weight: bold }
h3 { font-size: 12px; font-weight: bold }
h4 { font-size: 10px; font-weight: bold }

a, a:hover, a:visited, a:active { text-decoration: none;color: #2581DF; }
a:hover { text-decoration: underline; }
a img { border: 0px; }

h2 a {
	font-size: 18px;
}

h1 a {
	font-size: 18px;
}

.clear { clear: both; }
.l { float:left; }
.r { float: right; }

.in {
	line-height: 1.2em;
	text-indent: 2em;
}

.j {
	text-align: justify;	
}

.b {
	font-weight: bold;
	color:#2581DF;
}

.redbox {border:1px solid #FF2626; margin-top:5px;}

.greenbox {border:1px solid #51C568;}
.bluebox {border:1px solid #538BD0;}

.bigstar {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 4px 25px;
	background:url('/img/star.gif') left top no-repeat;
}

.blue {
	color: white;
		background-color: #FF2626;
}

.bigstarMargin{
	margin-top:10px;
}

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

.bul_0 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_red.gif') left top no-repeat;
}

.bul_1 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_orange.gif') left top no-repeat;
}

.bul_2 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_yellow.gif') left top no-repeat;
}

.bul_3 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_green.gif') left top no-repeat;
}

.bul_4 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_blue.gif') left top no-repeat;
}

.bul_5 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_pink.gif') left top no-repeat;
}

.bul_6 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_purple.gif') left top no-repeat;
}

.bul_7 {
	padding: 0px 0px 0px 15px; 
	background:url('/img/bullet/bullet_blue.gif') left top no-repeat;
}

.abus {
	padding: 0px 0px 0px 15px;
	background:url('/img/abus.gif') left top no-repeat;
}

/* GENERAL LAYOUT */
body {
	background: #f4f4f4 url('/img/bg.gif') top center repeat-y;
}

#global {
	margin: 0px auto;
	max-width: 760px;
	background: #ffffff;
	color: #303030;
}

#header {
	margin: 10px 0px 0px 0px;
	height: 70px;
}

/* NavBar */
#nav_bar {
		margin-top:10px;
		text-align:center;
		font-size: 1.0em;
		margin-bottom: 10px;
/*	z-index:2;*/
}

#nav_bar a {
	font-weight: bold;
	text-align: center;
	/* padding: 5px 30px 5px 30px; */
	/* margin-left:-5px; */
	text-decoration:none;
	/* height:30px; */
	color:white;
}

#nav_bar a:hover {
	color:red !important;
	background:white;
}

/* SubNavBar */

#sub_nav_bar {
/*width:100%;*/
margin:-5px 0px 0px 0px;
padding: 2px 0px 2px 0px;
text-align:center;
height:10px;
}

#sub_nav_bar a {
margin-left:5px;
padding-left:5px;
border-left:1px solid gray;
font-weight:bold;
color:white;
font-size:0.9em;
}

#search_bar {
	margin: 10px;
	text-align: center;
}

fieldset {
	border:0px;
}

#main {
	/* margin: 0px 10px 20px 10px; */
	/* padding: 10px 10px 20px 10px; */
	margin-top:10px;
	max-width:720px;
	border: 1px solid #D0D0D0;
}

#edito {
	width:448px;
}

#navigation {
	width:100%;
	padding: 5px 0px;
	border-top: 2px solid #D0D0D0;
	border-bottom: 2px solid #D0D0D0;
	margin-bottom: 10px;
	font-weight:bold;
}

/** TOWN OF THE DAY */
.townoftheday {
	text-align:center;
    /* width:215px;
	margin-left: 480px;
	margin-top:10px; */
}

#footer {
	margin: 0px auto;
	padding: 10px 0px 20px 0px;
	/* width: 700px; */
	border-top: 4px solid #f0f0f0;
	text-align: center;
	color: #808080;
	font-size: 0.9em;
}

#footer a {color: #808080;text-decoration: underline;}
#footer a:hover {text-decoration: none;}

.small {font-size: 0.8em;}
a.small {font-size: 1em;}

/* HOME SPECIFICS */
#regions {
	width: 250px;
	margin-left:10px;
}

/* TOWN SPECIFICS */
#townminimap {
	text-align: center;
}
#townminimap #minimap {
	margin-bottom: 10px;
}
#townminimap a {
	color: #808080;
}

#villemenu {
	color: white;
	margin-bottom:5px;
}

#villemenu ul {
	width: 100%;
	list-style-type: none;
	text-align: center;
	padding: 5px 0px;
	line-height: 18px;
}

#villemenu ul li {
	display: inline;
	padding: 2px 0px;
}

#villemenu a {
	color: white;
	padding: 2px 5px;
	border-right: 1px solid #fff;
	font-size: 1em; 
	font-weight:bold;
	text-decoration: none;	
}

#villemenu #last {
	border-right: none;
}

#villemenu a:hover {
	color: #51C568;
	background-color:white;
}

#minimap {
	margin:0px 20px;
	max-width: 250px;
	height:250px;
	border: 1px solid #CCCCCC;
	overflow:hidden;
}

#map {
	margin-bottom:20px;
	height:500px;
}

.insee {
	margin: 0px 5px;
	padding: 0px 10px;
	max-width: 300px;
}

.insee li {
	list-style-type: none;
}

/* COMMENTS SPECIFIC */
#moretown {
	/* width:100%; */
	margin-top:10px;
}
#comments {
	margin: 0px 0px 0px 0px;
	padding:0px 10px;
	/* max-width: 430px; */
	/* float:left; */
}

/* #comments fieldset {
	margin: 10px 0px;
} */

#comments h3 {
	width: 100%;
	text-align:center;
	color: white;
	background: #538BD0;
}

#comments fieldset legend {
	color:black;
	font-weight:bold;
	padding-bottom:5px;
	font-size:12px;
}
#comments fieldset label{
	color:black;
	font-weight:normal;
}

#comments fieldset legend.error {
	color:#FF2626;
}

#comments label{
	/* display:block; */
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	border-bottom: 1px dotted #D0D0D0;
	max-width: 370px;
}

#comments .labelstarred {
	width: 200px;	
}

#comments select {
	width:40px;
	margin-bottom:10px;
	margin-left: 10px;
}

#comments hr, #latest-comments hr {
	/* margin: 10px auto; padding:0px;
	width:100px; */
	border: 1px solid #D0D0D0;
}

#comments_more {
	/*margin-left: 450px;*/
	/* max-width: 250px; */
}

.partners {
	/*padding:10px;*/
	padding-bottom:5px;
}

.comment {
/*	margin-bottom:25px;*/
	text-align: justify;
}

.comment span{
	font-weight:bold;
}

#comments textarea {
	width: 100%;
}

.tcf {
	padding-left:10px;
	width:130px;
}

.tcl {
	padding-top: 10px;
	font-weight:bold;
}

/** TOWN COMMENTS SUMMARY */
.tcs {
	padding:10px;
}

.tcs h3 {
	width: 100%;
	margin-bottom:5px;
	color: white;
	text-align:center;
}

.tcs table {
	width: 215px;
	margin:5px 0px;
}

.tcs table .td_l {
	padding:0px 0px 0px 10px;
	/* width:130px; */
}

.tcs #townname {
	color: #2581DF;
	font-weight: bold;
	text-align:center;
}

.tcs .b {
	font-weight: bold;
}

#tcs_links {
	text-align:center;
}

/* MOST COMMENTED TOWNS */
#mostcommentedtowns {
	padding:10px;
	padding-top:5px;
	/* width:215px; */
}

#mostcommentedtowns h3 {
	padding-right:5px;
	padding-left:5px;
	width: 100%;
	margin-top:0px;
	margin-bottom:5px;
	color: white;
	text-align:center;
	display:block;
}

#mostcommentedtowns table {
	width: 215px;
	margin:5px 0px;
	text-align: right;
}

#mostcommentedtowns table td {
	padding-right:5px;
}
#mostcommentedtowns table .td_l {
	width:120px;
	padding:0px 0px 0px 10px;	
	text-align:left;
}

#mostcommentedtowns .commentscount {
	padding-bottom:10px;
}

/* GOOGLE SPECIFICS */
.google_200_200{
	width:200px;
	height:200px;
	margin: 20px 0px 0px 0px;
}

.google_250_250{
	width:250px;
	height:250px;
}

.google_728_90 {
	max-width:728px;
	height:90px;
	margin: 20px 0px 0px 0px;
}