/*provence kayak giens 
feuille de style pkm_style
22/02/07 twixtop pour kayak giens*/
/*twixtop@gmail.com*/

#contenu a {text-decoration:underline;}
#contenu a:link {color: #036; }
#contenu a:visited {color: #036;}
#contenu a:hover, a:active {
text-decoration:none;
color: #fff; 
background-color: #004890; 
}
#conteneur {
text-align: left;
width: 980px;
margin:0 auto;
}

#contenu {
float: right;
width: 635px;
/*border:1px solid #CCC;*/
}
#pied img, #gauche img, #diapo img, #pied_bis img {border:none;}

#centre, #centre_photo {
background-image: url(img/repeat_centre.jpg) ;
background-repeat: repeat-y;
background-position:top center;
background-color:transparent;
float:left;
margin:8px 0 0 0;
padding:0;
width:630px;
min-height:475px;
height:auto!important;
height:475px;
}
#diapo {
background-image: url(img/top_diapo.jpg) ;
background-repeat: no-repeat;
background-position:top center;
height:305px;}
#diapo img {padding: 5px;}

/*#diapo img {padding:10px;background-color:#FFF;}*/
#centre_photo a:link img.mini { border: 1px solid #003 }
#centre_photo a:visited img.mini { border: 1px solid #aaa }
#centre_photo a:active img.mini { border: 1px solid #000 }
#centre_photo a:hover img.mini { border: 1px solid #3373AB }
/*_________________GAUCHE____________________*/
#gauche {
float:left;
background-image: url(img/top_gauche.gif) ;
background-repeat: no-repeat;
background-position:top left;
width: 330px;
height:700px;
text-align:center;
}
#gauche a {
text-decoration:none;
}
#gauche h3 {margin:12px 0}
/*_____titres cf body_mac & body_win.css __________*/
/*_____________MENU_______________*/
#gauche ul { 
list-style-type: none;
margin-top: 190px;
background-image: url(img/menu_gauche.jpg) ;
background-repeat: no-repeat;
background-position:top left;
}
#gauche ol {list-style-type:none;}
#gauche li a {
display: block;
padding-left: 5px;
}
#nav_left {
	width: 330px;
	text-align:left;
	height:380px;
	font-size: 1.25em;
	}
#nav_left li a {
	margin-left: 105px;
	text-decoration: none;
	background-color:transparent;
	height: 36px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 28px;
	}
	
#nav_left li a:link, #nav_left li a:visited {
color: #036;
display: block;
padding: 8px 0 0 20px;

	}
	
#nav_left li a:hover, #this_one {
color: #257EB7;
background-image: url(menu/menu_on.jpg) ;
background-repeat: no-repeat;
background-position:top right;
/*padding: 8px 0 0 20px;*/
	}
	
#nav_left li a:active {
color: #036;
padding: 8px 0 0 20px;
}
#sortie {
margin-bottom: 20px;
}
#sortie li {
list-style-type: none;
display: inline;
font-size: 1.35em;
padding:.25em .5em;
margin: 10px 0;
}

ul#sortie_liens, ul#sortie {
width: 100%;
text-align: center;
}
ul#sortie_liens { margin: 1.25em 0 1em 0;}
#sortie_liens li {
list-style-type: none;
display: inline;
font-size: 1.1em;
padding:0 .5em;
margin: 10px 0;
}
ul#prevoir {margin: 20px 0;}
#prevoir li {
font-size: 1.25em;
list-style-type:square;
padding: 5px 0;
margin-left: 50px;
}
/*____________LISTE DES LIENS____________________*/
dl.link {
margin: 2em 32px 2em 26px;
padding: 0;
/*font-family: georgia, times, serif; }*/
}
.link dt {
position: relative;
left: 0;
top: 1.1em;
width: 12em;
font-weight: bold; }
.link dd {
border-left: 1px solid #3373AB;
margin: 0 0 0 12em;
padding: 0 0 .5em .5em; } 
/*_______________PARAGRAPHES_______________________*/
.navigation { text-align:center; margin-top: 50px;}
.present { font-size: 1.15em;
			line-height: 1.4em;
			text-align:justify;
			margin: 1em 32px 1.5em 26px;
			}
			
.legende { 	height: 25px;
			line-height:25px;
			margin-left: 35px;
			/*background-color:#00FFFF;	*/
			}
			.legende a:link {text-decoration:underline;}		
.questions, .reponses {
margin: 5px 25px;
line-height: 20px;
/*height: 20px;*/
}
.questions { 
color: #0A50A1;
font-size: 1.35em;
font-style:oblique;
}
.reponses {
margin-left: 2em;
margin-bottom: 1.5em;
padding-left: 1em;
border-left: 1px solid #3373AB;
}
.sortie {
text-align: justify!important;
text-align: left;
font-size: 1.2em;
margin: .4em .3em;
}
.prix {
text-align: center;
font-size: 1.25em;
border-top: 1px solid #3373AF;
border-bottom: 1px solid #3373AF;
padding: 5px 0;
margin: .5em 32px 1.5em 26px;
}
.activite {
display: block;
text-align:center;
width: 100%;
font-size: 1.25em;
margin: 5px 0 0 0;
padding: 0;
}
.activite a {
padding: 2px;
}
.visite{
position:absolute;
color: #333;
font-size: 1em;
margin-top: 1em;
margin-left:1em;
}
/*_____________IMAGES____________________*/
.imgleft {
float: left;
margin-right: 1em;
}
#img_diapo{
padding:10px;
border: 1px solid #BBB;
}
/*__________SORTIE EN MER KAYAK____________________*/
#text_left, #text_right {
text-align: center;
color:#3373AB;
margin-bottom: 20px;
}
#text_left {
float: left;
width: 201px !important;
width: 176px;
margin-left:25px;
/*border: 1px solid #BBB;*/

}
#text_right {
float: right;
width: 369px !important;
width: 343px;
margin-right:26px;
/*border: 1px solid #BBB;*/
}
#text_left h2, #text_right h2 {
border-bottom: 1px solid #3373AB;
color:#0A50A1;
padding: .2em;
text-align: left;
}
#text_right a:link{ text-decoration: underline;}
/*#text_left p, text_right p {
border-bottom: 1px solid #333;
}*/
/*---------------------------------STAGE KAYAK-----------------*/
#centre h4 {margin:10px 0 5px 26px;font-size:15px;}
#centre h5 {margin:10px 0 5px 26px;font-size:14px;text-decoration:underline;}

ul.stage {list-style-type:square;margin-left:45px;}
#centre h6 {margin:10px 0 5px 26px;}
/*______________________DIV LINKS____________________*/
#links {
margin:0;
padding:0;
min-height:110px;
height:auto!important;
height:110px;
background-image: url(img/repeat_links.jpg) ;
background-repeat: repeat-y;
background-position:top left;}
#top_links {
height:20px; 
background-image: url(img/top_links.jpg) ;
background-repeat: no-repeat;
background-position:top left;}
#bottom_links {
height:24px; 
background-image: url(img/bottom_links.jpg) ;
background-repeat: no-repeat;
background-position:bottom left;
margin-bottom:5px;}

/*________________PIED DE PAGE_______________________*/
#pied {
clear:both;
background-image: url(img/pied.jpg) ;
background-repeat: no-repeat;
background-position:bottom left;
height: 103px;
position:relative;
/*background-color: #333;*/
}
#pied_bis {
height:110px;
background: transparent url(img/repeat_piedbis.jpg) repeat-y top left;}
#credits {
float:right;
text-align:center;
height:16px;
line-height:16px;
margin:72px 27px 0 0;
padding-left:35px;
width: 600px!important;
width: 538px;
border-left: 1px solid #BBB;
color: #333;
font-size:12px;
}
#credits a:link, #credits a:visited {
color:#03A;
text-decoration:underline;}
#credits a:hover, #credits a:active {
text-decoration:none;
color: #036;}
.aventuriers {float:left;margin:12px 0 0 70px;}

/*___________________B_O_N_U_X_______________________*/
.onglet { text-align: center;
margin-top: 1em; }
.center { text-align:center; }
.floatright, .floath1 {float: right; }
.floath1 {margin:6px 28px 0 0;}
.floath1_  {margin:6px 0 0 23px;}
.floatleft, .floath1_ {float: left; }
hr { clear:both; visibility:hidden; }
.flash {margin-left:16px;}
.separateur {
background-image:url(img/centre_rames.gif);
background-repeat: no-repeat;
background-position:center center;
height:20px;
text-align:center;
visibility:visible;
border:1px solid #333;
}
#visit a {visibility:hidden}
.siret {text-align:center;font-size:11px;color:#BABABA;margin-top:12px}
/*________MENU ACTIVITES__________*/
		ul#navlist
		{
			font: bold 12px "Courier New", mono-space;
			list-style-type: none;
			padding-bottom: 24px;
			border-top: 1px solid #ceebf4;
			margin: 0 64px 0 62px;
			letter-spacing:.08em;
		}
		
		ul#navlist li
		{
			float: left;
			height: 22px;
			background: url(img/activite.gif) repeat-x top left;
			margin: 0 2px 2px 2px;
			border: 1px solid #ceebf4;
		}
		
		li#active a
		{
			border-bottom: 1px solid #fff;
			background-color: #fff;
		}
		
		li#active a { color: #EEE; }
		
		#navlist a
		{
			float: left;
			display: block;
			color: #FFF;
			text-decoration: none;
			padding: 4px 6px;
		}
		#navlist a:link {color:#FFF;}
		#navlist a:hover { background: url(img/activiteon.gif) repeat-x top left;color:#FFFFFF;border:none; }
		#real_me {color:#FFFFFF;background: url(img/activiteon.gif) repeat-x top left;}
		
/*___________________LIENS PARTENAIRES_______________________*/
#navliens p, #navliensimg
{
list-style-type: none;
text-align: left;
margin-left:20px;

}

#navliens p a
{
line-height:10px;
background: transparent url(img/list-off.gif) left center no-repeat;
padding:0 0 0 15px;
text-align: left;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
margin:0;

}

#navliens p a:hover
{
background: transparent url(img/list-on.gif) left center no-repeat;
color: black;
}

#navliens p a#current
{
background: transparent url(img/list-active.gif) left center no-repeat;
color: #666;
}		
#navliensimg {margin:0 auto;width:900px;}
#navliensimg img {float:left;margin-right:2px;}