html
{
	margin-top: 0px;
	padding-top: 0px;
}

body
{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E5E6E8;
	color: #000;
	margin-top: 0px;
	margin: 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

a:link, a:visited, a:active { color: #895a25; }



sup {
	margin:0;
	text-decoration: none;
	font-size: 0.6em;
	position:relative;
	top: 0 !important; top: -0.4em;
}

#head
{
	width: 100%;
	min-width: 640px !important;
	height: 120px;
	background: #E5E6E8 url(/images/header_1024.jpg) no-repeat center;
	margin: 0;
	/* margin-right: 0; */
	padding: 0px;
	/* padding-right: 0px; */
}
#headright
{
/* display: in-line; */
	float: right;
	width: 264px;
	height: 120px;
	float: right;
	/* background: url(http://vtt.vetete.com/images/right.png) no-repeat right; */
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
}
#headleft
{
/* display: in-line; */

	width: 323;
	height: 120px;
	/* background: url(http://vtt.vetete.com/images/left.png) no-repeat left bottom; */
	margin-left: 20px;
	/* padding-top: 22px; */
	margin: 0;
	padding-left: 20px;
	padding-right: 0px;
}
#header
{
	width: 100%;
	height: 120px;
	background: #E5E6E8 url(/images/header_760.jpg) no-repeat right;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px;
	padding-right: 0px;
}

#header h1
{
	font-size: 10px;
	margin: 0px;
}

img {
	border: none;
	border-style: none;
	margin: 0;
	padding: 0;
}
.info_multi_randos {
	width:260px;
	height:160px;
	overflow:scroll;
	overflow-x:hidden;
}
#nav_header
{
	clear: both;

	position: relative;
	width: 100%;
	height: 28px;
	background: white url(/images/nav_header.gif) repeat-x;
	margin-left: auto;
	margin-right: auto;
}
#menu a {
	color: white;
	text-decoration: none;
}
#nav_header h3
{
	color: #fff;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 0px;
	text-indent: 10px;
	font-size: 16px;
}

#nav_header ul
{
	margin-top: 4px;
	float: right;
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#nav_header ul li
{
	margin-left: 0;
	padding: 3px 15px;

	list-style: none;
	display: inline;
	color: white;
	font-weight: bold;
}
#cacheMap {
	position:absolute;
	z-index:100;
	background-color:black;
	opacity:.50;
	filter:alpha(opacity=50);
	width:160px;
	height:64px;
	padding: 12px 0 8px 40px;
	color:white;
}
#nav_header p
{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}

#baseDiv
{
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 0px;
	background: white url(/images/grgrad.gif) repeat-x;
	margin-top: 0px;
}

#rightl { 
		float: right;
		width: 120px;
		}
		
#flash_notice {
	padding: 1em;
	border: 2px solid #7f926e;
	background-color: #e8f4d7;
}
.notice {
	color: #7f926e;
}

#flash_error {
	padding: 1em;
	border: 2px solid red;
	background-color: yellow;
}
.error {
	color: red;
}

#xiti { padding-top: 8px; }

.clearer
{
	clear: both;
	width: 1px;
	height: 1px;
	font: 1px/1px monospace;
}
.errorExplanation {
background-color: yellow;
border: 2px solid orange;
padding: 3px;
margin: 1em 0;
}
.errorExplanation li {
color: red;
}
.fieldWithErrors input {
background-color: yellow;
border: 2px solid orange;
}
.fieldWithErrors label {
color: red;
}
.formError {
color: red;
font-weight: bold;
}
h4
{
	margin-top: 10px;
	margin-bottom: 0px;
	background: white url(/images/navi_bars.png) 0px -458px repeat-x;
}
#explications {
	background-color:	#d5e0d6;
	font-size: 			10px;
}

#principal {
	background-color: white;
	padding-top: 10px;
	padding-left: 14px;
}

#col2
{ 
	margin-left: 230px;
	/*padding-top: 10px;*/
}

#col_droite {
	float:right;
	width:250px;
	margin-top: 10px;
	color:#33301e;
}

#contenu_droite {
	background:#edeccc url(/images/angle.gif) no-repeat left top;
		padding:0 10px;
}

#contenu_droite_bas {
	background:#edeccc url(/images/angle_bg.gif) no-repeat left bottom;
}

#col_droite h1 {
	padding-top: 10px;
	color: maroon;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.main_tabnav {
	color: #000;
	border-bottom: 1px solid #d2d1b5;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left:10px;
	}

.main_tabnav ul {
	margin: 0px;
	padding: 0px;
}

.main_tabnav li {
	display: inline;
	overflow: hidden;
	list-style-type: none; }

.main_tabnav li span.disabled {
        color: #888888;
        background: #FAFAFA;
        border: 2px solid #DDDDDD;
        border-bottom: none;
        padding: 2px 5px 0px 5px;
        margin: 0;
        text-decoration: none;}
.main_tabnav a:visited {
		color: #666 !important; color: inherited; 
}
			
.main_tabnav a, main_tabnav a.active {
	color: #666;
	background: #fff;
	font-weight: bold;
	padding: 2px 5px 0px 5px;
	margin: 0;
	text-decoration: none; 
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.main_tabnav a.active {
	color: #000000;
	background: #f9f8ee;
	border-bottom: 1px solid #f9f8ee;
	border-top: 1px solid #d2d1b5;
	border-left: 1px solid #d2d1b5;
	border-right: 1px solid #d2d1b5;
}

.main_tabnav a:hover {
	color: #FFFFFF;
	background: #CCCCCC; }



.main_tabnav a.active:hover {
	background: #f9f8ee;
	color: #000000; }

.main_tabnav_content {
	background: #f9f8ee;
	padding: 10px;
	border-right: 1px solid #f9f8ee;
	border-left: 1px solid #d2d1b5;
	border-top: none;
	z-index: 2;
}

.small {
	font-size:small;
}
.medium {
	font-size:medium;
}
.xsmall {
	font-size:x-small;
}
.icon_camping {
	background: url(/images/icons/camping.png) no-repeat left;
	padding-left: 20px;
}
.icon_telephone {
	background: url(/images/icons/telephone.png) no-repeat left;
	padding-left: 20px;
}
.icon_gite {
	background: url(/images/icons/house.png) no-repeat left;
	padding-left: 20px;
}
.bloc_premiere_liste { padding: 6px 0 20px; }
.bloc_liste { padding: 10px 0 }
	
.table_liste table {
	font-size: small;
	width: 99%;
	border-collapse:collapse;
	border-top: 1px solid #c9ab91;
}
.table_liste td {
	border-bottom: 1px solid #c9ab91;
	padding:10px;
}
.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#circuits th { 
	width: auto;
	text-align:center;
	vertical-align: baseline;
	font-weight:normal;
	font: italic  1em Georgia, "Times New Roman", Times, serif;
	background-color:#d3d2b6;
	}
#circuits td { font-size:medium;
	vertical-align:middle;
	padding: 0;
	background-color: #f2f2db;
	text-align:center;
	border: none;
	}
#circuits table { padding:1em 0;}
#circuits { padding: 1em 0 0;}


#meteo th { width:150px;
	text-align:center;
	vertical-align: baseline;
	font-weight:normal;
	font: italic  1em Georgia, "Times New Roman", Times, serif;
	background-color:#d3d2b6;
	}
#meteo td { font-size:medium;
	vertical-align:middle;
	padding: 0;
	background-color: #f2f2db;
	width: 20%;
	text-align:center;
	}
	.annulation {text-decoration:line-through;}
#meteo table {width:100%; padding:10px 0;}
#meteo td { border: none;}
#meteo { padding: 20px 0 0;}
.comment_home .body_home { 
		background-image:url(/images/bulle_home.png);
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:10px
		}
	.comment_home .body_home .moderate{
		margin-bottom:10px;
		padding-left:13px;
		padding-right:13px
		}
	.comment_home .body_home .text_home{
		background-image:url(/images/bulle_home.png);
		background-position:left bottom;
		background-repeat:no-repeat;
		padding-bottom:22px;
		padding-left:13px;
		padding-right:13px;
		}
	
	.text_home {
			width: 274px;
		}

	.comment_home .body_home P{
		text-align:left;
		padding:5px
		}
		
	.comment_home .footer_home H5{
		font-weight: normal;
		font-size: 1em;
		margin-top: 2px;
		}


#listerandos
{ 
	margin-left: 220px;
	margin-right: 280px;
	padding-top: 14px;
	/*padding-top: 10px;*/
}

#listerandos h3
{
	padding-top: 20px;
	color: #3c79dd;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#listerandos h4 strong
{
	font-size: 22px;
	color: #fc0;
}

#listerandos p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#map {
	height: 363px;
/*	margin-right: 126px;*/
	border: 2px solid #bbb;
 	z-index: 0;
}
#maggoogle {
	float:none !important; float:left;
	margin-right:126px !important; margin-right:20px;
}
div#busy { 
  position: relative;
  opacity: .5;
  filter: alpha(opacity=50);
  border: 5px solid #f00;
  background-color: #ff3;
  color: #f00;
  z-index: 10;
}

#col_gauche {
	float: left;
	width: 208px;
}
#gauche {
	height: 9px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	background: url(/images/entete_col_gauche.png) no-repeat left top;
}
.btn {
	font-family: Arial;
	color: white;
	text-decoration: none;
	padding: 2px;
	background-color: #c9ab91;
	border-left: 1px solid #966561;
	border-bottom: 1px solid #966561;
	border-right: 1px solid #d3d2b6;
	border-top: 1px solid #d3d2b6;
}

#fond_gauche {
	padding: 0 4px;
	background: #fff url(/images/fond_col_gauche.png) repeat-y;
}

#titre_edito {
	font: 2em Tahoma, Arial, Helvetica, sans-serif;
	color: #99b3cc;
	padding-left: 8px;
	padding-bottom: 6px;
	background: url(/images/rivet.png) no-repeat 175px 0;
}
#bas_edito {
	height: 9px;
	padding: 0;
	margin: 0;
	font-size: 1px;
	background: url(/images/bas_col_gauche.png) no-repeat left bottom;
}
.my_button {
/*		background-color: #c9ab91;*/
		padding: 14px;
		width:auto;
}
.icon_eye {
	background: url(/images/icons/eye.png) no-repeat left;
	padding:1px;
	padding-left: 20px;
}

#edito img {
	vertical-align:middle;
}

#edito {

	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul {
	margin: 0;
	padding: 0;
}

.uneDate {
	/*clear: both;*/
	margin-bottom: 18px;
	font-size: 16px;
	color: maroon;
}

.date_event {
	display: block;
	border-top: 1px dotted #a1a1a1;

	padding-top: 8px;

}

.unDepartement {
	padding: 4px;
	margin:  8px 10px;
}

.lesEvenements li {
	font-size: 12px;
	color: black;
	padding: 6px 0;
	margin-left: 10px;
}

.vetete_rando {
	padding: 2px 22px;
	background: url(/images/puceRando.gif) no-repeat left center;
}

.vetete_competition {
	padding: 2px 22px;
	background: url("/images/puceCompetitions.gif") no-repeat left center;
}

.vetete_dh {
	padding: 2px 22px;
	background: url("/images/puceDH.gif") no-repeat left center;
}
	
.vetete_enduro {
	padding: 2px 22px;
	background: url("/images/puceEnduro.gif") no-repeat left center;
}

.vetete_autre {
	padding: 2px 22px;
	background: url("/images/puceDivers.gif") no-repeat left center;
}
.vetete_annulation {
	padding: 2px 22px;
	background: url("/images/puceAnnulation.gif") no-repeat left center;
}	
.num_departement {
	font-size: 22px;
	color: #fc0;
}

.nom_departement {
	color: #E2BB94;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e5e7e8}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f4f5;
  border-right:1px solid #f3f4f5;
  background:#ebeded}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#e9ebec}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9ebec;
  border-right:1px solid #e9ebec;}
.spiffy4{
  border-left:1px solid #f3f4f5;
  border-right:1px solid #f3f4f5}
.spiffy5{
  border-left:1px solid #ebeded;
  border-right:1px solid #ebeded}
.spiffyfg{
  background:#e5e7e8}


.legende{display:block}
.legende *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#d5e0d6}
.legende1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ecf1ed;
  border-right:1px solid #ecf1ed;
  background:#dfe7e0}
.legende2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fafbfa;
  border-right:1px solid #fafbfa;
  background:#dce5dd}
.legende3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dce5dd;
  border-right:1px solid #dce5dd;}
.legende4{
  border-left:1px solid #ecf1ed;
  border-right:1px solid #ecf1ed}
.legende5{
  border-left:1px solid #dfe7e0;
  border-right:1px solid #dfe7e0}

#fiche {
	background-color:#edeccc;padding:14px;color:#33301e;background:#edeccc url(/images/angle.gif) no-repeat left top;
}
#fiche A {
	text-decoration:none;
}
#zone_centrale {
	background-color:white;padding-bottom:20px;
}
#zone_gauche {
	padding-left:14px;width:200px;float:left;text-align:center;color:#4a1a2c;
}
#les_federations {
	padding-bottom:12px;
}
#les_epreuves {
	 float:right;font-size:18px;text-align:right;padding-left:20px;color:#8e3557;
}
#descriptif {
	 padding:5px 0;
}
#presentation_top10 p {
	font-size: 0.9em;
}
#presentation_rando_dor p {
		font-size: 0.9em;
}
#presentation_vertes_ffct p {
		font-size: 0.9em;
}

#presentation_top10 li {
	padding:6px 0;
}
#presentation_rando_dor li {
	padding:6px 0;	
}
#presentation_vertes_ffct li {
	padding:6px 0;	
}

#descriptif li { display: list-item }
#descriptif h4 { margin: 1.12em 0 }
#descriptif p { margin: 1.12em 0 }
#descriptif blockquote { margin: 1.12em 0 }
#descriptif ul { margin: 1.12em 0 }
#descriptif fieldset { margin: 1.12em 0 }
#descriptif form { margin: 1.12em 0 }
#descriptif ol { margin: 1.12em 0 }
#descriptif dl { margin: 1.12em 0 }

#descriptif ol { margin-left: 40px }
#descriptif ul { margin-left: 40px }
#descriptif dd { margin-left: 40px }

#descriptif ol { list-style-type: decimal }
#descriptif ol ul { margin-top: 0; margin-bottom: 0 }
#descriptif ul ol { margin-top: 0; margin-bottom: 0 }
#descriptif ul ul { margin-top: 0; margin-bottom: 0 }
#descriptif ol ol { margin-top: 0; margin-bottom: 0 }

#contacts ul { 
	margin-left: 0;
	 margin-top: 0; margin-bottom: 0
	}
#contacts li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.band {
	padding: 30px 0;
	text-align: center;
	background-color: #fff9d8;
	border-top: 1px solid #ffe8cd;
	border-bottom: 1px solid #ffe8cd;
}
#zone_commentaires {
	clear:both;padding: 20px 0;background:#c9ab91 url(/images/traces2.gif) no-repeat left top;border-top: 1px solid #966561;border-bottom: 1px solid #966561;
}
#entete_formulaire_commentaire {
	background-color:#4a1a2c;
	padding:6px;
	font-size:14px;
	color:#966561;
}

#libelle_commentaire {
	background: url(/images/icons/comment_edit.gif) no-repeat left top;padding-left:20px;
}
#bouton_submit {
	padding-top:10px;
}
#footer {
	 padding: 30px;
}

#lien_mailto_contact {
	float:right;
}

#comments ol { margin: 0;
				padding: 0;}
	.comment .body { 
		background-image:url(/images/bulle.gif);
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:10px
		}
	.comment .body .moderate{
		margin-bottom:10px;
		padding-left:13px;
		padding-right:13px
		}
	.comment .body .text{
		background-image:url(/images/bulle.gif);
		background-position:left bottom;
		background-repeat:no-repeat;
		padding-bottom:22px;
		padding-left:13px;
		padding-right:13px;
		}
	
	.text {
			width: 774px;
		}

	.comment.author .body{
		background-image:url(/images/darkbulle.gif);
		color:#174E63
		}
	.comment.author .body .text{
		background-image:url(/images/darkbulle.gif)
		}

	.comment .body P{
		text-align:left;
		padding:5px
		}
		
	.comment .footer H5{
		font-weight: normal;
		font-size: 1em;
		margin-top: 2px;
		}

.commentaire {
  margin: 8px 0;
}

.arrondi {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.commentaire .footer {
  clear: both;
  background: url(/images/comment_arr.gif) no-repeat 15px 0;
  padding: 10px 0;
}
.commentaire .body {
  background: #fff;
  padding: 20px;
}
.commentaire .old {
  background: #eee url(/images/toile.gif) no-repeat 0 0;
  padding: 20px;
}
.commentaire .picture{
  float: right;
  padding-left: 15px;
}
.commentaire .clear {
  clear: both;
}
.commentaire p {
  font-family: 'Schoolbell', "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.old .commentaire .body {
  background: #eee url(/images/toile.gif) no-repeat 0 0;
  padding: 20px;
}

#titre_commentaires {
	font-size:16px;background: url(/images/icons/comment.gif) no-repeat left top;padding-left:20px;
	
}

.date_confirmee {
	padding-left: 40px;
	padding-top: 20px;
	background: url(/images/tampon_date_confirmee.png) no-repeat;
	}