/*   http://www.geolives.ch/css/style.css   
jaune clair FFFEEE
*/
* {
	border:0;
	padding:0;
	margin:0;
 	text-align:left;
}
body {
font: normal 0.75em/1.3em Arial, Helvetica, sans-serif;
color: #000000;
margin:0;
padding:0;
background: #FFFFFF url(/images/fondnb.png);

}
#header {
height: 150px;
background-color: #FFFFFF;
}
#container {
position: relative;
width: 1000px;
margin: 0 auto; 
background: #FFFFFF url(/image/images/fondgauche666633-shadow.png) repeat-y;
border-right:2px solid #FFFFFF;
/*border-left:2px solid #FFFFFF; modifi? par MR*/
border-left:1px solid #D7D7D7;
border-bottom:1px solid #D7D7D7;
}
* html #container { height: 500px; }
#centre {
width:560px;
background-color:#FFFFFF;
/*margin: 20px 220px;*/
}
#gauche {
color:#FFFFFF;
position: absolute;
left:0;
width: 200px;
/*background: #B1B299 url(/images/mgfond.jpg) repeat-x;*/
}
#content {
margin:20px 20px 20px 220px;
background-color: #FFFFFF;
min-height:570px;
text-align: left; /*repris suite ? un ajout en dur dans le tpl*/
}
#droite {
position: absolute;
right:0;
width:200px;
text-align:center;
border-left: 1px dotted #B1B299;
border-bottom: 1px dotted #B1B299;
background-color: #FFFFFF;
/*padding: 20px 0 10px 0;*/ /*IE ignore*/
}
#droite div {
text-align:center;
margin-bottom:10px;
}
#footer {
height: 2.2em;
background-color: #BFBD9D;
}
#footer div {
	position: relative;
	top:0.5em;
	left:0.5em;
}
p {
	margin: 10px 0;
	text-align:justify;
}
input, select, textarea {
border: 1px solid #CCCCCC;
}
option, input {
	padding:0 0.2em;
}
input[type="checkbox"] {
	margin-right:0.2em;
	border:0;
}
input[type="submit"] {
	text-align:center;
}

h1 {
/*color:#FF9900;*//*trop clair pour titre*/ 
font-weight: bold;
font-size: 1.5em;
line-height:1.3em;
margin: 1.5em 0 1em 0;
}
h2 {
/*color:#FF9900;*//*trop clair pour titre*/ 
font-weight: bold;
font-size: 1.2em;
margin: 1em 0;
}

/* IN THE HEADER ----------------------------------*/
#banner {
	width: 1000px;
	height: 120px;
}
#menuhorizontal {
	height: 30px;
	background: url(/image/images/filetfond.png) repeat-x;
}
#langues {
	padding:6px;
}
#quickmenu {
	position:absolute;
	z-index:100;
	top:122px;
	margin-left:200px;
}
#header a:link { text-transform: none; color: #000000; font-style: normal; text-decoration: none; }
#header a:visited { text-transform: none; color: #000000; font-style: normal; text-decoration: none; }
#header a:hover { text-transform: none; color: #000000; font-style: normal; text-decoration: underline; }
#header a:active { text-transform: none; color: #000000; font-style: normal; text-decoration: none; }


/* IN THE GAUCHE -----------------------------------*/
#gauche a:link {color: #CCCC99;text-decoration: none;}
#gauche a:visited {color: #CCCC99;text-decoration: none;}
#gauche a:hover {color: #CCCC99;text-decoration: underline;}
#gauche a:active {color: #CCCC99;text-decoration: none;}


/* IN THE CONTENT ----------------------------------*/
/* formatage contenu pour HTML EDITOR*/
.commonListHeaderLeft {
background:transparent url(../images/fonddegradvertclair.jpg) repeat-x scroll 0 -50px;
border-left: 1px dotted #669900;
border-top: 1px dotted #669900;
border-bottom: 1px dotted #669900;
margin-bottom:5px;
padding:5px;
}
.commonListHeader {
background:transparent url(../images/fonddegradvertclair.jpg) repeat-x scroll 0 -50px;
border-top: 1px dotted #669900;
border-bottom: 1px dotted #669900;
margin-bottom:5px;
padding:5px;
}
.commonListHeaderRight {
background:transparent url(../images/fonddegradvertclair.jpg) repeat-x scroll 0 -50px;
border-top: 1px dotted #669900;
border-bottom: 1px dotted #669900;
border-right: 1px dotted #669900;
margin-bottom:5px;
padding:5px;
}

#content td {
padding:5px;
}
#content ul {
list-type:disc;
margin-left:20px;
}
#content ol {
list-type:disc;
margin-left:20px;
}
#content ol li {
margin-bottom:10px;
}
table#contacttable h1 {
	margin: 0;
}
table#contacttable td.tdtitre {
	background-image: url(/image/images/filetfondint2.png);
	background-repeat: repeat-x;
}
table#contacttable table {
width:400px;
margin:0 auto;
background: url(/image/images/fonddegradvertclair.jpg) repeat-x;
border: 5px solid #CCCCCC;
}



/* PAGE D'ACCUEIL  ----------------------------------*/
#homeanimation {
	width:560px;
	height:180px;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
/*intro flash*/
#intro {
	margin-top:10px;
	padding:0;
}
/*intro activit?s*/
#homeintro {
	width:560px;
	margin-top:10px;
	padding:0;
}
#homeintro div {
display:inline;
margin: 0 5px 0 0;
padding:0;
}
#homeintro div.drte {
margin-right: 0;
}
#homeintro div.homeligne {
display:block;
margin: 5px 0 0 0;
}
#homeligne1 {
width:560px;
height:180px;
}
#homeligne1imgche  {
width:180px;
float:left;
margin-bottom:5px;
}
#homeligne1 ul {
position:relative;
list-type:disc;
top:10px;
left:40px;
}
#homeligne1 ul li {
margin-bottom:10px;
color:#CC6600;
font-size: 1em;
}
#homeligne2 {
height:85px;
clear:both;
}
#homeligne3 h1 {
	color: #CC6600;
	font-weight: bold;
	font-size: 1.5em;
	line-height:1.3em;
	width:320px;
	text-align: justify;
	margin: 20px;
}
#homecommander {
	position:relative;
	top:1.2em;
	left:10px;
}
/* ---------------------------------- */
a { text-transform: none; color: #669900; font-style: normal; text-decoration: none; cursor:pointer;}
a:link { text-transform: none; color: #669900; font-style: normal; text-decoration: none; }
a:visited { text-transform: none; color: #669900; font-style: normal; text-decoration: none; }
a:hover { text-transform: none; color: #669900; font-style: normal; text-decoration: underline; }
a:active { text-transform: none; color: #669900; font-style: normal; text-decoration: none; }

.title1 {
	font-weight: bold; font-size: 14px; color: #000000; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none
}

#zoomLevel a {
	color:#000000;
	text-decoration:none;
}

#zoomLevel a:hover {
	color:#FF0000;
	text-decoration:underline;
}

.headerTab  {
	font-weight: bold;
	border-bottom:1px solid #BFBD9D;
	margin-bottom:10px; 
}

.warning  {
	font-weight: normal; font-size: 11px; color: #FFFFFF; font-style: normal; font-family: arial; text-decoration: none; border:1px solid #FF0000; background-color:#DF8B8B;
}

.printTitle {
	font-weight: bold; font-size: 18px; color: #000000; font-style: normal; font-family: arial;  
}

.printHeaderSection {
	font-weight: bold; font-size: 11px; color: #000000; font-style: normal; font-family: arial; text-decoration: none; background-color:#CCCC32; 
}
#cellkcmonde {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/geolive_monde.jpg) no-repeat;
}
#cellkcbelgique {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/belgique.jpg) no-repeat;
}
#cellkcfrance {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/france.jpg) no-repeat;
}
#cellkchollande {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/hollande.jpg) no-repeat;
}
#cellkcirlande {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/irlande.jpg) no-repeat;
}
#cellkcsuisse {
font-size:2em;
width:250px;
height:50px;
background: url(/image/kitcountry/suisse.jpg) no-repeat;
}


.shadowed { 
  float:right;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadowed img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.runners { 
 	font-size: 10px; 
 	color: #000000; 
 	font-style: normal; 
 	font-family: arial; text-decoration: none;
 }	 
 
#a.mapShopDisplay {
 	font-size: 9px; 
 	color: #000000; 
 	font-style: normal; 
 	font-family: arial; text-decoration: none;
 
} 

/* TICKETS ===================================================== */
div.ticket {
    border: 1px dotted #B1B299;
    margin: 1em 0;
}
div.tickettitle {
     background: url(/images/filetfondint2.png) 0 -10px repeat-x;
     padding:0.25em 1em 0.5em 10px;
     font-weight:bold;   
}
div.tickettitleLang {
     background: url(/images/filetfondint2.png) 0 -10px repeat-x;
     padding:0.25em 1em 0.5em 30px;   
}
div.ticketquestion {
    background: url(/image/icon/tango/16x16/apps/help.png) 5px 0px no-repeat;
    padding:0 0.5px 0.1px 30px;
}
div.tickettitleAdded {
    background: url(/image/icon/tango/16x16/actions/format-indent-more.png) 5px 1px no-repeat;
    padding:0.25em 1em 0.5em 30px; 
    font-weight:bold; 
}
div.ticketresponse {
    background: url(/image/icon/tango/16x16/status/info.png) 5px 0px no-repeat;
    padding:0 0.5px 0.1px 30px;
}
div.ticketAdmin {
    background-color: #C0C0C0;
}
div.ticketdetail {
		text-align:left;
    font-weight:italic;
}
div.ticketAdminDisplay {
    background: #E0E0E0 url(/images/filetfondint2.png) 0 -18px repeat-x;
    margin: 1em 0;
}
div.ticketAdminModDisplay {
    background: #E0E0E0 url(/images/filetfondint2.png) 0 -18px repeat-x;
    border: 1px dotted #B1B299;
    margin: 1em 0;
}
div.ticketSearch{
		background: #E0E0E0;
    border: 1px dotted #B1B299;
    margin: 0px 0px 10px 0px;
}
div.ticketResults{
	 background: #EDEDED;
   border: 1px solid #B1B299;
   margin: 1em 1em 1em 1em;
   padding: 5px;
}
table#tickettable tr.titre{
	background-image: url(../images/filetfondint2.png);
	background-repeat: repeat-x;
}
table#tickettable tr.line{
	background: #EDEDED;
	border: 1px solid #EDEDED;
}
div.hline{
color: #A3A3A3;
background-color: #A3A3A3;
height: 1px;
}
div.help{
padding: 5px;
}
div.savedTicketInfo{
color: red;
padding: 5px;
}
table#catAndProd {
		border: 1px dotted #B1B299;
    margin: 1em 0;
}
div.addQuestion{
background-color: #C0C0C0;
}
/*==================*/
/* Liste des randos */
/*==================*/
.trackSeachTitle {
	background-color:#656532;
	color:#FFFFFF
}	

#trackListPages {
background-color:#656532;
border-color:#000000;
border-style:solid;
border-width:1px 1px 0 1px;
color:#FFFFFF;
/*width:740px; !important;*/
width:730px;
padding:5px;
}
#trackListPages a {
color:#FFFFFF;
}
#trackListPages .currentpage {
border:1px solid #FFFFFF;
padding:0 2px;
}
#trackListContainer {
background-color:#FFFFFF;
border-color:#000000;
border-style:solid;
border-width:1px;
/*width:740px; !important;*/
width:720px;
padding:10px;
}
.trackListTabRows {
}
.trackListTabRow {
background:transparent url(../images/fonddegradvertclair.jpg) repeat-x scroll 0 -50px;
border: 1px dotted #669900;
margin-bottom:5px;
padding:5px;
}
.trackListTabRow .trackPictos {
float:right;
}
.trackListTabRow .trackSummary {
margin-bottom:5px;
}
.trackListTabRow .trackDescr {
text-align:justify;
max-height:143px;
overflow:hidden;
}
.trackListTabRow .trackPicture {
float:right;
margin:0 0 10px 10px;
max-height:143px;
overflow:hidden;
}
.trackListTabRow .trackPicture img {
width:200px;
}

#mapShopRightMenu a {
 float:left;
 background:url("http://www.geolives.com/images/tableftK.gif") no-repeat left top;
 margin:0;
 padding:0px 10px 0px 1px;
 text-decoration:none;
 }
 
#mapShopRightMenu a span {
width:110%;
text-align:center;
float:left;
display:block;
padding:-1px 5px 1px 1px;
background:url("http://www.geolives.com/images/tabrightK.gif") no-repeat right top;
color:#FFF;
}

#introtest {
	margin:20;
}