@charset "utf-8";
body  {
    	font-family: Arial, Helvetica, sans-serif;
    	background-color:#e5e5e5;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000;
    }
    .thrColAbs #tab_page { 
    	position: relative; /* le paramètre position: relative permet de positionner les deux encadrés par rapport à ce conteneur */
    	margin: 59px auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	height:auto;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    }
    .thrColAbs #tab_menu {
	width:128px; float:left; height:auto;
	vertical-align:top;
		height:auto;
		padding:0;
		margin:0;
    }
	.thrColAbs #tab_menu .menu1 a:hover{
	text-decoration: underline;
	background-color:#005ab6;
	color:#ffffff;
	}
	.thrColAbs #tab_menu .menu2 a:hover{
	color:#ffffff;
	text-decoration: underline;
	background-color:#119c24;
	}
	.thrColAbs #menu3 a:hover{
	color:#ffffff;
	text-decoration: underline;
	background-color:#005ab6;
	}
	.thrColAbs #tab_menu a{ 
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	padding:4px 0 4px 10px;
	color:#ffffff;
	width:112px;
	
	}
	.thrColAbs #tab_menu .menu1 {
	border-top: 1px solid #02afff;
	margin:14px 0 14px 5px;
	width:122px;
	}
	.thrColAbs #tab_menu .menu1 .menu_sel{
	background-color:#ffffff;
	color:#005ab6;
	
	}
	.thrColAbs #tab_menu .menu1 a{
	background-color:#7dc6e7;
	border-bottom: 1px solid #02afff;
	}
	.thrColAbs #tab_menu .menu2 {
	border-top: 1px solid #119c24;
	margin :14px 0 15px 5px;
	width:122px;
	}
	.thrColAbs #tab_menu .menu2 a{
	background-color:#ceff9a;
	border-bottom: 1px solid #119c24;
	color:#669b08;
	}
	.thrColAbs #tab_menu .menu2 .menu_sel{
	background-color:#ffffff;
	color:#119c24;
	
	}
	.thrColAbs #menu3 .menu_sel{
	background-color:#ffffff;
	color:#005ab6;
	
	}
	.thrColAbs #menu3 {
	bottom:0;
	margin :0;
	padding:0;
	vertical-align:top;
	background:url(http://www.letopdesparcs.com/v2/skin/b_g.gif) no-repeat right top;}
	.thrColAbs #menu3 a{
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#7dc6e7;
	color:#005ab6;
	padding:6px 3px 6px 10px;
	margin-left:6px;
	}
	#H_D_map{background: url(http://www.letopdesparcs.com/v2/skin/H_D_map.gif) no-repeat right bottom; text-align:center ; font-size:12px; color:#0e9c26; font-weight:bold;}
		.thrColAbs #tab_page #b_centre_map{
	background: url(http://www.letopdesparcs.com/v2/skin/b_centre_map.gif) no-repeat right top;
	vertical-align: middle;}
	.thrColAbs #tab_page #b_centre{
	background: url(http://www.letopdesparcs.com/v2/skin/b_centre.gif) no-repeat right top;
	vertical-align: middle;}
	.thrColAbs #tab_page #b_d{
	}
	.thrColAbs #tab_menu .tof_menu{
	border-bottom: 1px solid #005ab6;
	border-top: 1px solid #005ab6;
	height:149px;
	margin-left :5px;
	display:block;
	}
    .thrColAbs #tab_bd_right {
	vertical-align:top;
	height:auto;
	background: #ffffff url(http://www.letopdesparcs.com/v2/skin/fd_sidebar2.gif) repeat-y; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	
	}
	#div_menub{border-top:1px solid #119c24; border-bottom: 1px solid #119c24; margin:3px 0 0 0; width:100%; height:26px; }
	.menub, .menub_sel{
	float:left; 
	background-color:#ceff9a;
	padding:3px;
	border:1px solid #119c24;
	margin :4px 0 0 10px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#119c24;
	font-weight:bold; 
	}
	.menub:hover{
	color:white;
	background-color:#119c24;
	
	}
	.menub_sel{
	color:#119c24;
	background-color:white;
	border-bottom:1px solid white;
	padding:3px;
	
	}
	.thrColAbs  #bd_right_commun{
	margin: 0 2px 0 0;
	height:auto; 
	width:195px;
	}
	.thrColAbs  #img_page{
	padding:10px 12px 0 4px;
	height:auto;
	width:21px;
	}
    .thrColAbs #tab_centre {
	left: 0px;
	width: 367px;
	background: #ffffff url(http://www.letopdesparcs.com/v2/skin/fd_center.gif) repeat-y right;
	vertical-align:top;
	padding:0;
	margin:0;
	width:399px;float:left;height:auto;
    }
	#centre {
	left: 0px;
	width: 367px;
	height: auto;
	
    }
	 .thrColAbs #tab_centre_map {
	width:655px;
	background: url(http://www.letopdesparcs.com/v2/skin/fd_center_map.gif) repeat-y left;
	vertical-align:top;
	padding:0;
	margin:0;
	float:left;height:auto;
    }
		#center_parc_map{
	
	height:auto;
	margin:0 10px 0 16px;
	background:url(http://www.letopdesparcs.com/v2/skin/h_cmap.gif) no-repeat left top;
	padding:10px 0 10px 0; z-index:10;
	}
	#center_parc{
	width:360px;
	height:auto;
	margin:0 0 0 16px;
	background:url(http://www.letopdesparcs.com/v2/skin/h_c.gif) no-repeat top;
	padding:10px;
	}
.bdeau_info{position:absolute; width:190px; height:auto; z-index:1; background-color:#ceff9a;margin-left:2px; visibility: hidden; border: 1px solid #119c27;font-size:10px;}
/*pour la page agenda 
configuration du tableau */
#tab_calendrier td{ border-top:2px solid white;border-right:2px solid white; font-size:12px; color: white; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:4px; text-align:center;}
#tab_calendrier td a{ font-size:12px; color: whhite; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#tab_calendrier{ border-left:2px solid white;border-bottom:2px solid white;}
.jour_av{background-color: #ffffff; border:1px solid #7dc6e7;}
.titre_tab{ background-color: #8ebc42;}
.jour{ background-color: #7dc6e7;}
.jour_event {background-color: #005ab6; color:white;}
#tab_pere_calendrier{padding:0; margin:0 8px 0 8px;; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;margin-top:100px;}
/*fin de l'agenda*/
#tab_formul{
width:360px;}
#tab_formul td { padding:5px; font-size:12px;}