* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: url(../img/bg_body.gif);
	background-color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color :#e6f0d5;
	line-height: 1.5em;
}
h1 {
	color: #fff;
	font-size: 16px;
}
h2 {
	color: #fff;
	padding: 2px 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	padding: 2px 0 2px 0;
	font-size: 14px;
	color: #8b990a;
	color: #fff;
}

p {
	padding: 5px 0 5px 0;
	line-height: 16px;
}

div.hr {
	clear: both;
	margin: 0 auto;
	margin: 0;
	padding: 0;
}
hr {
	display: none;
}

ul {
	padding: 0 0 0 20px;
}
a {color: #8b990a; text-decoration: underline;}
a:hover {color: #8b990a; text-decoration: none;}
a img {border: none;}

* html img {
	vertical-align: bottom;
	behavior: url(../../js/iepngfix_v2/iepngfix.htc);
}

form ol {
	list-style-type: none;
}

input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input[type=text], input[type=password], textarea, select {
	width: 250px;
	border: 1px inset green;
}
input[type=checkbox] {
	margin: 1px;
}

input[type=submit], input[type=button], input[type=reset], .button {
	margin: .5em 0 .5em 0;
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	text-decoration: none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .button:hover {
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}
input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}

.vert {
	color: #8b990a;
}


textarea {
	height: 100px;
}

label {
	padding: 5px;
}

div.element {
	margin: 2px 0 2px 20px;
}

.error, span.required, li.reqnote {
	color: #ff7200;
}

fieldset, legend {
	border: none;
}

legend {
	color: #e6f0d5;
	padding: 2px 0 2px 0;
	font-size: 16px;
	font-weight: bold;
}

th {
	text-align: right;
	padding: 2px;
}
td {
	padding: 2px;
}

.ref {
	display: none;
}
#tip {
	position: absolute;
	background: #8cbb13;
	border: 2px solid #000;
	padding: 3px;
	white-space: nowrap;
	font-weight: bold;
	color: #000;
}


/******************* layout *********************/

#all {
	position: relative;
	max-width: 980px;
	margin:0 auto;
	background-color: #282924;
}
* html #all {
	width: expression(document.body.clientWidth > 990? "990px" : "auto");
}
html>body #all {
	height: auto;
}

#header {
	height: 110px;
	margin: 0 0 5px 0;
	background: #000 url(../img/bg_header.gif) repeat-x;
}

#logo {
	width: 215px;
	height: 95px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: left;
	background: #000 url(../img/logo2.png) left top no-repeat;
}

#baseline {
	float: left;
	width: 173px;
	height: 27px;
	margin: 0;
	padding: 0;
	color: transparent;
	background: #000 url(../img/baseline.png) left center no-repeat;
}

#subheader {
	margin: 2px 0 0 0;
	float: right;
	width: 762px;
	height: 60px;
}
#bannerHP {
	margin: 0px;
	padding: 0;
	float: left;
	width: 468px;
	height: 60px;
}
#binscription {
	margin: 10px 50px 0 0;
	float: right;
	width: 178px;
	height: 31px;
	cursor: pointer;
	background: transparent url(../img/sinscrire.gif) center center no-repeat;
}
#inscription {
	margin: 3px;
	float: right;
	width: 280px;
	height: 60px;
	z-index: 1000;
}
#inscription input[type=text], #inscription input[type=password] {
	width: 110px;
	border: 1px inset green;
	padding: 0.2em;
}
#inscription input[type=submit] {
	margin: 0;
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
	cursor: pointer;
	padding: 0.1em;
}


#content {
	padding: 5px;
	margin: 0;
}

#footer {
	clear: both;
	padding: 5px;
	margin: 20px 0 0 0;
	min-height: 100px;
	background: transparent url(../img/bg_footer.png) repeat-x;
}
* html #footer {
	height: expression(document.body.clientHeight > 100? "100px" : "auto");
}

#footer ul {
	list-style-type: none;
	padding: 0;
}

#footer #copyright {
	padding: 3px;
	margin: 10px 0 0 0;
	text-align: center;
	border-top: 1px solid #2e2f2c;
}

#footer td {
	padding: 5px;
}
.sep {
	border-left: 1px solid #2e2f2c;
}


/****************** menu **********************/

#navDiv {
	height: 21px;
	margin: 0 0 0 0;
	float: right;
}
#nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
}

#nav li {
	float: left;
	padding: 0;
	margin: 0;
}
#nav li a {
	float: left;
	height: 21px;
	padding: 6px 15px 1px 15px;
	margin: 0;
	display: block;
	border-left: 1px solid #404040;
	color: #e6f0d5;
	text-decoration: none;
}
#nav li a#rss{
	padding: 6px 20px 1px 5px;
	margin: 0 10px 0 0;
	display: block;
	background: transparent url(../img/icons/feed.png) center right no-repeat;
	color: #e6f0d5;
	text-decoration: none;
	text-indent: -9999px;
	border-left: none;
}

#nav li a.error {
	float: left;
	height: 21px;
	padding: 6px 15px 1px 15px;
	margin: 0;
	display: block;
	border-left: 1px solid #404040;
	color: #ff7200;
	text-decoration: none;
}

#nav li a:hover, #nav li a.selected {
	color: #8cbb13;
	text-decoration: none;
}


#hello {
	float: left;
	height: 20px;
	padding: 5px 15px 1px 0px;
}


/*************************** accueil *******************************/

#mapButtons {
	width: 100%;
	background-color: #000;
	margin: 0;
	padding: 0px;
}
#hpLeft {
	float: left;
	width: 700px;
	margin: 0;
}
#hpRight {
	float: right;
	width: 260px;
	background-color: #8cbb13;
	margin: 0;
	padding: 5px;
	height: 320px;
	color: #000;
}
#hpRight a {color: #000; text-decoration: underline;}
#hpRight a:hover {color: #000; text-decoration: none;}

#add_spot {
	float: right;
	width: 254px;
	margin: 3px 0 0 0;
	padding: 10px 3px 0px 3px;
	height: 40px;
	color: #fff;
	text-align: center;
}

#actus_scroller {
	padding: 1px;
	margin: 2px 0px 2px 0px;
	width: 100%;
}
#actus_scroller ul {
	list-style-type: none;
	width: 100%;
}
#actus_scroller ul li {
	float: left;
}


.corner {
	background-color: #000;
	padding: 0px 5px 5px 5px;
	margin: 0px 0 10px 0;
}
.cornerOnly {
	background-color: #000;
	padding: 5px;
	margin: 0px 0 10px 0;
}
.corner  h2 {
	/*color: #8b990a;*/
	margin: 4px 0 2px 0px;
	padding: 2px 2px 2px 17px;
	background: url(../img/bg_h1_g.png) top left no-repeat;
}
.randomPic {
	padding: 0;
	border: 1px solid #8b990a;
	background-color: #282924;
}
.randomPic span {
	display: block;
	padding: 3px;
	margin: 0;
	clear: right;
}
.randomPic a img {
	margin: 0 auto;
}

div.imgthumb { float: left; padding: 3px; width: 50px; height: 50px; }
div.imgthumb img { border: 1px solid #8b990a; }


.square {
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
	float: left;
	border: 2px solid white;
}


div#rss ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#rss ul li {
	margin: 0;
	padding: 3px;
}

#pubBoutique {
	width: 190px;
	margin: 20px auto;
	border: 1px solid #8cbb13;
}

/*************************** carte *******************************/

#mapContainer {
	float: left;
	width: 613px;
	margin: 0;
	padding: 0;
}
#mapContainer #map {
	width: 600px;
	height: 470px;
	border: 1px solid #8cbb13;
	color: #000;
	margin: 0;
	padding: 0;
}
#map {
	width: 698px;
	height: 280px;
	border: 1px solid #8cbb13;
	color: #000;
	margin: 0;
	padding: 0;
}
#map h2 {
	color: #8cbb13;
	margin: 0;
}


#entries {
	margin: 0 0 0 0;
	padding: 0;
}
/* ancien */
.filtres {
	margin: 10px 0 0 0;
}

/* nouveau */
#filtres {
	background-color: #000;
	padding: 5px;
	height: 35px;
	margin: 0 0 20px 0;
}

#mapActions {
	float: right;
	margin: 0;
	width: 335px;
}

.action {
	margin: 0px 0 0 0;
}

select[name=spot_com_id] {
	width: 250px;
}

.tooltip, .tooltipMarker {
	background: #8cbb13;
	border: 2px solid #000;
	padding: 3px;
	white-space: nowrap;
	font-weight: bold;
}

.infoWindow {
	width: 350px;
	height: 120px;
	overflow: auto;
	padding: 0;
	background-color: #fff;
}
.infoWindowFicheSpot {
	max-width: 350px;
	max-height: 100px;
	overflow: auto;
	padding: 0 0 0 0;
	background-color: #fff;
	color: #000;
}
.infoWindow h2, .infoWindowFicheSpot h2 {
	color: #8cbb13;
	margin: 0;
	padding: 0;
	background: none;
}
/* input "à partir de" dans les bulles */
input.fromDest {
	width: 100px;
}

#search {
	padding: 0;
	margin: 0;
}

#search_autocomplete {
	width: 150px;
	padding: 2px;
	margin: 0;
}

/* boutons map */
#hp_btns label {
	display: block;
	float: left;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-indent: -9999px;
	width: 99px;
	height: 37px;
	line-height: 1.2em;
	padding: 8px 10px 8px 30px;
	padding: 0px;
	margin: 5px 0;
}

#hp_btns #label_spots.def, #hp_btns #label_spots {
	background: #000 url(../img/btn_spots_off.png) center center no-repeat;
}

#hp_btns #label_riders.def, #hp_btns #label_riders {
	background: #000 url(../img/btn_riders_off.png) center center no-repeat;
}

#hp_btns #label_mcf.def, #hp_btns #label_mcf {
	background: #000 url(../img/btn_mcf_off.png) center center no-repeat;
}

#hp_btns #label_shops.def, #hp_btns #label_shops {
	background: #000 url(../img/btn_shops_off.png) center center no-repeat;
}

#hp_btns #label_stations.def, #hp_btns #label_stations {
	background: #000 url(../img/btn_stations_off.png) center center no-repeat;
}

#hp_btns #label_spots.on, #hp_btns #label_spots:hover {
	background: #000 url(../img/btn_spots_on.png) center center no-repeat;
}

#hp_btns #label_riders.on, #hp_btns #label_riders:hover {
	background: #000 url(../img/btn_riders_on.png) center center no-repeat;
}

#hp_btns #label_mcf.on, #hp_btns #label_mcf:hover {
	background: #000 url(../img/btn_mcf_on.png) center center no-repeat;
}

#hp_btns #label_shops.on, #hp_btns #label_shops:hover {
	background: #000 url(../img/btn_shops_on.png) center center no-repeat;
}

#hp_btns #label_stations.on, #hp_btns #label_stations:hover {
	background: #000 url(../img/btn_stations_on.png) center center no-repeat;
}



#toggleAdvSearch {
	float: right;
	padding: 5px 2px 0px 10px;
	cursor: pointer;
	width: 121px;
	height: 17px;
	margin: 0;
	color: #000;
	background: #000 url(../img/bg_adv_search_off.png) top right no-repeat;
}
#advSearch {
	display: none;
	margin: 0;
	padding: 2px 0 2px 5px;
	color: #000;
	background: #8cbb13 url(../img/bg_hg_advsearch.gif) top left no-repeat;
}
#advSearch input[type=button] {
	margin: 0;
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
#advSearch input[type=button]:hover {
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}
#advSearch input[type=button]:active {
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}


#searchWhat {
	width: 150px;
}
#searchVille {
	width: 100px;
}
#searchRayon {
	width: 70px;
}

.bg_picto {
	background: #000 url(../img/bg_picto_search.png) top center no-repeat;
	width: 22px;
	height: 24px;
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 2px 4px 0 0;
	text-align: center;
}

/* transfert Jquery */
.ui-effects-transfer {
	border: 2px solid #8cbb13;
}



/* icones pour ajout de spot */
#hand_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
}
#hand_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}

#placemark_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#placemark_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}

#line_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#line_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}

#shape_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#shape_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}




/************************************* agenda ******************************************/
#listeSorties {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
}

ul.agenda {
	overflow: auto;
	height: 100px;
	width: 230px;
}

a.creer_sortie {
	color: #000000;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	text-decoration: none;
	display: block;
	text-align: center;
}
a.creer_sortie:hover {
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}
a.creer_sortie:active {
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}




/********************************* fiche spot ******************************************/

#mapSpot {
	width: 650px;
	height: 400px;
	float: left;
	color: #000;
	border: 1px solid #8cbb13;
}
#mapSpot strong.error {
	padding: 10px; 
	display: block;
}

#spotLeft {
	float: left;
	width: 480px;
}


#spotRight {
	float: right;
	width: 480px;
}

.spotName {
	color: #8cbb13;
}

.resumeForum {
	border: 1px solid #555;
}

.wyaGeo {
	padding: 0 0 2px 0;
	border-bottom: 1px dashed #282924;
}

#infoImage {
	float: right;
	width: 470px;
	height: 470px;
	overflow: hidden;
}

a.send_mbf {
	display: block;
	argin: .5em 0 .5em 0;
	background: #8cbb13 url(../img/ui/8cbb13_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
	color: #000000;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
	text-decoration: none;
}

a.send_mbf:hover {
	color: #ffffff;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	border: 1px solid #404040;
}

a.send_spot_link {
	display: block;
	background: transparent url(../img/icons/email_go.png) no-repeat 0 0;
	height: 20px;
	padding: 0 0 0 20px;
	float: left;
	vertical-align: middle;
}

.topo_img {
    border: 1px solid #8cbb13;
    margin: 10px 10px 10px 20px;
}

#btn_agenda_spot {
	width: 90px;
	height: 55px;
	background: transparent url(../img/btn_agenda_spot.png) no-repeat center center;
	float: left;
	text-align: center;
	padding: 40px 5px 5px 5px;
}
#btn_agenda_spot span {
	font-size: 30px;
	display: block;
	margin: 5px 5px 5px 5px;
}


/**** fiche photo *****/
#fPhotoContainer {
	padding: 0px;
}
#fPhotoContainer img {
	border: 1px solid #8cbb13;
}
#galerie{
	width: 100%;
	height:490px;
	overflow:hidden;
	position:relative;
}
.facebook_link {
	background: transparent url(../img/facebook.gif) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
}
.send_photo_link {
	background: transparent url(../img/icons/email_go.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
}
.link_add_photo {
	background: transparent url(../img/icons/photo_add.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
}
.link_refresh_galerie {
	background: transparent url(../img/icons/photos.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
}
.download_photo {
	background: transparent url(../img/icons/photo_dl.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
}
.thumb {
	border: 1px solid #8cbb13;
}
.thumbBulle {
	border: 1px solid #8cbb13;
	margin: 3px 3px 3px 0px;
}
.thumbHP {
	border: 1px solid #8cbb13;
	float: left;
	margin: 6px;
}
#menu_galerie {
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
	padding: 3px 0px 3px 3px;
	margin: 0 0 10px 0;
}
#menu_galerie a {
	display: inline;
}

#closeItineraireSpot {
	float: right;
	cursor: pointer;
	display: none;
}


/********************************* topic ******************************************/

img.avatar {
	border: 1px solid #8cbb13;
	width: 80px;
	height: 80px;
	display: block;
}

.riderPseudo {
	color: #8cbb13;
}

.datePost {
	color: #8cbb13;
	font-size: x-small;
	border-bottom: 1px dashed #282924;
	margin: 0 0 2px 0;
	padding: 0px 0px 3px 0px;
}

#toolsForum {
	width: 300px;
	float: right;
	height: 20px;
	padding: 3px 0 3px 0;
	margin: 0 3px 10px 0;
}
.addNotif {
	background: transparent url(../img/icons/bell_add.png) no-repeat 0 50%;
	height: 20px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
	float: right;
}
.delNotif {
	background: transparent url(../img/icons/bell_delete.png) no-repeat 0 50%;
	height: 20px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
	float: right;
}



/********************************* fiche departement ******************************************/
#deptLeft {
	float: left;
	width: 360px;
}
#deptRight {
	float: right;
	width: 600px;
}


/********************************* fiche region ******************************************/
#regLeft {
	float: left;
	width: 300px;
}
#regRight {
	float: right;
	width: 660px;
}


/********************************* fiche pays ******************************************/
#paysLeft {
	float: left;
	width: 260px;
}
#paysRight {
	float: right;
	width: 700px;
}

/********************************* fiche rider ******************************************/
#riderLeft {
	float: left;
	width: 360px;
}
#riderRight {
	float: right;
	width: 600px;
}

.add_friend {
	background: transparent url(../img/icons/user_add.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}
.friend {
	background: transparent url(../img/icons/user.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}
.mail_friend {
	background: transparent url(../img/icons/email.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}
#wyaGeo {
	padding: 3px 0 3px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #282924;
}
table.tInfosRider td {
	padding: 5px;
}
li.homme {
	background: transparent url(../img/icons/male.png) no-repeat 0 50%;
	height: 16px;
	display: block;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}
.femme {
	background: transparent url(../img/icons/female.png) no-repeat 0 50%;
	height: 16px;
	padding: 0 0 0 20px;
	margin: 0 0 0 -20px;
}


/********************************* mon profil ******************************************/
#myProfil select {
	width: 50px;
}
#riderLeft {
	float: left;
	width: 360px;
}
#riderRight {
	float: right;
	width: 600px;
}

#showAdresse {
	background-color: #282924;
	padding: 10px;
	border: 1px solid #8cbb13;
	width: 400px;
}



/********************************* mes spots ******************************************/
#listSpots {
	float: left;
	width: 450px;
}
#modifSpot {
	float: right;
	width: 450px;
}



/********************************* ma messagerie ******************************************/
#listMsgs {
	float: left;
	width: 450px;
}

#newMsg {
	float: right;
	width: 450px;
}

#menuMsg {
	padding: 5px;
	border-bottom: 1px dashed #282924;
	margin: 0 0 10px 0;
}
.linkListeMsg {
	background: transparent url(../img/icons/email.png) no-repeat 0 50%;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	float: left;
	vertical-align: middle;
}
.linkArchivesMsg {
	background: transparent url(../img/icons/email_open.png) no-repeat 0 50%;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 0 20px 0 0;
	float: left;
	vertical-align: middle;
}
.linkNewMsg {
	display: block;
	background: transparent url(../img/icons/email_add.png) no-repeat 0 0;
	height: 20px;
	padding: 0 0 0 20px;
	float: left;
	vertical-align: middle;
}




/********************************* mes alertes ******************************************/
#alertes select {
	width: 50px;
}


/********************************* blog ******************************************/
div.blog h3 {
	padding: 3px 0px 3px 0px;
	margin: 0 3px 3px 0;
	border-bottom: 1px dashed #282924;
}
#blogBar {
	height: 20px;
	padding: 0px 0 0px 0px;
	margin: 0 3px 10px 0;
	border-bottom: 1px dashed #282924;
	font-size: 10px;
}

#comsBlog {
	padding: 10px;
	float: left;
	width: 50%;
}
#addComBlog {
	float: right;
	width: 45%;
}
#comForm {
	background: #000;
	min-height: 150px;
	width: 100%;
}
.auteurBlog {
	display: block;
	background: transparent url(../img/icons/user.png) no-repeat 0 0;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
	float: left;
	vertical-align: middle;
}
.catsBlog {
	display: block;
	height: 20px;
	padding: 0 0 0 5px;
	float: left;
	vertical-align: middle;
}
.nbComsBlog {
	display: block;
	background: transparent url(../img/icons/comments.png) no-repeat 0 0;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	float: left;
	vertical-align: middle;
}
.addComBlog {
	display: block;
	background: transparent url(../img/icons/comment_add.png) no-repeat 0 0;
	height: 20px;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	float: left;
	vertical-align: middle;
}

/************ station **************/

#statColLeft {
	float: left;
	width: 160px;
}
#statColCenter {
	margin: 0 310px 0 170px;
}
#statColCenter p {
	margin: 2px;
	padding: 0;
}
#statColCenter h3 {
	margin: 10px 0 0 0;
	padding: 0;
}
#statColCenter ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#statColRight {
	float: right;
	width: 300px;
}

#statColRight select {
	width: 70px;
}
#statColRight textarea {
	width: 280px;
}


#tabsStation {
	width: 100%;
}

#voteResult {
	text-align: center;
	width: 100%;
	background-color: #8cbb13;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	padding: 5px;
	margin: 10px 0px 10px 0px;
}
#noteStation {
	color: white;
}
table.poll {
	background-color: #282924;
}
table.poll td {
	padding: 2px;
	background-color: #000;
}

#pistesStations {
	width: 270px;
	height: 400px;
	float: right;
	padding: 0 2px;
	color: #fff;
	border: 1px solid #8cbb13;
}
#pistesStations #liste {
	overflow: auto;
	height: 325px;
}
#mapStation {
	width: 650px;
	height: 400px;
	float: left;
	color: #000;
	border: 1px solid #8cbb13;
}

img.station_logo {
	margin: 5px;
	border: 1px solid #8cbb13;
	width: 140px;
}

div.logement {
	width: 48%;
	float: left;
	margin: 5px 5px 10px 5px;
	padding: 2px 0px 10px 5px;
	font-size: 1.2em;
}
div.logement:hover {
	background-color: #282924;
}
div.logement img {
	margin: 2px;
	border: 1px solid #8cbb13;
}
div.logement span {
	line-height: 1.2em;
}

.logement_res, .logement_apparts, .logement_photos, .logement_prix {
	float: left;
	text-align: center;
}
.logement_res {width: 150px;}
.logement_apparts {width: 80px;}
.logement_prix {width: 80px;}
a.details {
	background-color: #ff7200;
	display: block;
	width: 50px;
	padding: 3px;
	margin: 5px auto;
	color: #fff;
	text-decoration: none;
}




/********************************* liste pear livesearch ********************************/
.divstyle {
    position: absolute;
    z-index: 1;
    min-width: 250px;
    margin: 0px;
    padding: 0px;
    float:left;
    clear:left;
    display: none;
}

ul.ulstyle {
    list-style-type: none;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 0px;
}

li.listyle {
    list-style-type: none;
    z-index: 1;
    padding: 0px 15px 3px 0px;
    line-height:15px;
    margin-bottom: 0px;
}

.outerUl {
    list-style-type: none;
    position: relative;
    z-index: 1;
    background-color: #282924;
    border: 1px solid #8cbb13;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	overflow: auto;
    max-height: 150px;
}
* html .outerUl {
    overflow: hidden;
    width: 200px;
}

.outerLi {
    z-index: 1;
    padding: 2px;
    margin: 0px;
    line-height:15px;
    display: block;
    border-bottom: 1px solid #8cbb13;
}
.outerLi a {
	color: #8cbb13;
}






/******************************* div arrondis ************************************/

.div_container { /* taille du cadre, à titre d'exemple */
	position: relative;
	width: 100%;
	background-color: #000;
}
/* propriétés communes à l'ensemble des 4 coins */
.div_hg, .div_hd, .div_bg, .div_bd {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.div_hg {
	background: url(../img/div_hg.gif) top left no-repeat;
}
.div_hd {
	float: right;
	background: url(../img/div_hd.gif) top right no-repeat;
}
.div_bg {
	background: url(../img/div_bg.gif) bottom left no-repeat;
}
.div_bd {
	float: right;
	background: url(../img/div_bd.gif) bottom right no-repeat;
}
.div_content {
	padding: 0 5px;
}
.div_content>h1, .div_content>h2 , .div_content>h3 {
	top: -10px;
	position: relative;
	margin: 4px 0 0 0px;
	padding: 3px 0 0 17px;
	background: url(../img/bg_h1_g.png) top left no-repeat;
}
.h1_bg_d {
	top: -10px;
	position: relative;
	margin: 4px 0 0 0px;
	padding: 0;
	font-size: 16px;
	float: right;
	width: 3px;
	height: 24px;
	background: url(../img/bg_h1_d.png) top left no-repeat;
}



/******************************* context menu carte ************************************/
div.contextmenu{
	/*We will use a background similar to the Ms Apps to give a Windows like Look&Feel*/
	background: #77a743;
	border: 1px solid #ffcc00;
	opacity: 0.93;
	filter: alpha(opacity=93);
}
div.contextmenu ul {list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.contextmenu ul li{
	display: block;
	padding: 1px;
	line-height: 100%;
	margin: 0;
}
div.contextmenu ul li a {
	border: none;
	padding: 3px 21px 3px 10px;
	display: block;
	text-decoration: none;
	font-size: 11px;
}
div.contextmenu ul li a:hover  {
	background:#436721;
	border:none;
	padding: 3px 21px 3px 10px;
}



/******************************* guide stations ************************************/
#map_stations {
	width: 700px;
	height: 450px;
	border: 1px solid #8cbb13;
	color: #000;
	margin: 10px auto;
	padding: 0;
}








/******************************* datagrid ************************************/

table.datagrid {
	border: 1px solid #000;
}
table.datagrid th {
	padding: 3px;
	text-align: left;
	background: #000000 url(../img/ui/000000_40x100_textures_03_highlight_soft_30.png) 0 50% repeat-x;
}
table.datagrid td {
	padding: 3px;
}



/************** upload *****************/
div.flash {
	width: 375px;
	margin: 10px 5px;
	border: 1px solid #D9E4FF;
	height: 50px;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}