@charset "ISO-8859-1";
/* CSS Document */

<!--
body {
        padding:0px;
        margin:0px;
		font-family: verdana, helvetica, arial;
		font-size: 12px;line-height:19px;color:#555
       /* background-color:#F8E245; 
        overflow:hidden; */
}
body {
	background-color: #fff;  }
body { font-family: Verdana, Arial, Helvetica, sans-serif;  }
td,th,p { font-family: Verdana, Arial, Helvetica, sans-serif;  }
#content2 td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
#t_col_hold tr,td,th,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;line-height:19px;color:#555
}
h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: 23pt; font-weight: bold}
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold}
.titre12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
.surtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}
.Titre14 {
	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	font-style: normal;	font-weight: bold;
}
.Titre16 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; line-height: 20px}
.Titre24 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; font-weight: bold}

.Titre20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 20px;	font-weight: bold;	line-height: 22px;}
.auteur {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #999999}
.titre12b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000}
.titre18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 22px;	color: #003366;	line-height: 24px;}
#bas {
	z-index:4;	position:absolute;	width:100%;	bottom: 0px;	height:50px;	line-height:20px;	font-size:10px;	left: 0px;
	background-color: #FFFFFF;
	visibility: visible;
}
  /* Le haut du texte varie selon le nivo d'arborescence */
  #texte {
        top:61px;     bottom:50px;

  }
.lr {	border-top-width: 0px;	border-right-width: 1px;	border-bottom-width: 0px;	border-left-width: 0px;
	border-top-style: none;	border-right-style: solid;	border-bottom-style: none;	border-left-style: none;
	border-top-color: #000000;	border-right-color: #000000;	border-bottom-color: #000000;	border-left-color: #000000;
}
/*a:link, a:visited, a:active	{ color: #729dff; text-decoration: none; }
a:hover	{
	color: #036;
	text-decoration: none;
}*/
a:link,a:active,a:visited {
	color:	#4E72BA;
	text-decoration: none;	/*font-weight: bold;*/
}
a:hover {
	color:	#036;
	text-decoration: none;
	/*font-weight: bold;*/
}
.boxcaption {
	background:#E3E4E6 url(/vm/img/box.gif) 0 0 no-repeat;
	padding:6px 12px;
	border-bottom:1px solid #CCC;
}
.boxcaption h3 {
	font-size:12px;
	font-family:Verdana,"BitStream vera Sans";
	letter-spacing:0em;
}


.point {
	border: 1px dotted #666666;
	
}
.cadre {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#theLayer {
	position:absolute;
	left:368px;
	margin-left:-280px;
	top:178px;
	z-index:200;
	height: 435px;
	width: 237px;
	/* filter: Alpha(Opacity=50); */
}
.select210 { border:solid 1px  #FFFFFF; 
	font-size: 11px;
     font-family: verdana, helvetica, arial; 
	 background-color: #03181E;
	width: 210px;
}
.select { border:solid 1px  #FFFFFF;
	font-size: 11px;
     font-family: verdana, helvetica, arial; 
	 background-color: #03181E;
	width: 190px;
}
.lrl {
border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}



.encadre_voyage {
	background-image: url("/images/2007_encadre_voyage1.jpg");
	border: 1px solid #A3A78F;
}
.t12k {font-size: 12px;
}
.lr {border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#a1,#a2,#a3,#a4,#a5 {
	position:absolute;
	/*left:171px;
	top:300px;*/
	z-index:200;
/*	width: 490px;*/
	border: 1px solid #000000;
	height: 600px;
	background-color: #D5EBBD;
	
	
}

#test,#test2,#test3,#test4 {
	overflow: auto;
	clip: rect(auto,auto,auto,auto);
	height: 600px;
}
.a_ilot a:link, .a_ilot a:visited, .a_ilot a:active {
	display:block;
	color:	#000000;
	text-decoration: none;
	line-height:12px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
}
.a_ilot a:hover {
	display:block;
	color:	#000000;
	text-decoration: none;
	line-height:12px;
	text-indent: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 1px;
	background-color: #D4D4D4;
}
.encadre {
	background-image: url(/forfait-velo/images/brd.gif);
	background-repeat: no-repeat;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0em;
	left:1.5em;
	width:15em;
	border:1px solid #0cf;
	background-color:#cff;
	color:#000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#sidebar {
	width: 250px;
}
#menu4 img {
	vertical-align: -25%;
	margin-right: 3px;
}
#menu4 a:link,#menu4 a:visited,#menu4 a:active {
	color: #555;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px; font-size: 12px;
}
#menu4 a:hover {
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
}
#menu4 strong {
	
}
#t_content
{
	width:820px;
	margin:0 auto;
	/*font-family: verdana, helvetica, arial;font-size: 12px;*/
	border: solid #000  0 1px 0 0;
}

.flo-r {float:right;}
.flo-l {
	float:right;
}
img { border:none;}
#t_col_hold
{ /*font-family: verdana, helvetica, arial;font-size: 12px;*/
	width:820px;
	background:#fff;
	border:0px solid #000;
}

.style1 {background:black; border: 1px solid #000000;}
.style1 {font-size: 12px}
.style2 {font-size: 18px; font-weight: normal; line-height: 21px; font-family: Arial, Helvetica, sans-serif;}
.style2 {font-size: 14px; font-weight: bold; }
.style3 {font-size: 22px; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style5 {font-size: 14px; font-style: normal; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.hidden {
	display:none;
	padding:9px;
	border:1px solid #E1E1E1;
	margin:9px 0;
	background-color: #F0F0F0;
}
.lien_puce {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-image: url(/images/puce_rv.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 18px;
	background-position: -3px 3px;
}



#menu_dechaine2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; position:absolute;width:400px
}
#menu_dechaine2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	list-style-type: none;
	text-decoration: none;
	width:100px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-right: 6px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
/**/}
#menu_dechaine2 a:link,#menu_dechaine2 a:active,#menu_dechaine2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	text-decoration: none;
	color: #666;
}
#menu_dechaine2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		list-style-type: none;
	text-decoration: none;
	color: #666;	

}
#menu_dechaine2 li:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #CCC;
    list-style-type: none;
	text-decoration: none;
	color: #333;background-color: #FC0; 
}
/*#menu_dechaine .on { background-color: #FC0; }*/
#menu_dechaine2 .on { background-color: #FFF; }
#menu_dechaine2 .off:hover { background-color: #FFF; color:#ccc

}#menu_dechaine2 .off { background-color: #FC0; color:#ccc

}
.rubrique { padding:5px 9px;font-size:14px;color:#036;border-bottom:1px solid #026; }

.encadre_acc { width:300px;border:1px solid #069;margin-top:0px;}
.actualite_accueil {
margin-top:0px;border-bottom:1px solid #CCC; padding:6px 6px 6px 6px	
	
}
a.actualite_accueil {
	font-weight: normal;	
}

a.menu_active { color:#000;font-weight:bold;}

.encadre2{padding:10px; border:1px solid #000000; line-height:18px;  display:block; background-color:#f4f1cd;  }

.encadre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding: 9px;
	background-image: url(/images/1_degrade_100.jpg);
	background-repeat: repeat-x;
}

-->