@charset "utf-8";
/* CSS Document */

html {
overflow: hidden;
width:100%;
height:100%;

} 

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	color: #5a5b5b;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}


#cage {
	position:absolute; 
	height: 100%;
	width: 100%;
	z-index: 1;
}

#centpourcent {
	position:absolute;
	height: 100%;
	width: 100%;
	text-align: center;
}

a { outline: none;-moz-outline-style: none;border: 0px; }
a:active, a:focus{ 
   outline: none;-moz-outline-style: none;border: 0px;
}

img{margin: 0px;padding: 0px;}

.tra, img {
	behavior: url(iepngfix.htc);
} 

#page{
	position: absolute;
	z-index:1;
	top: 50%;
	left: 50%;
	width: 70em;
	height: 50em;
	margin-top: -22em;
	margin-left: -39em;
}

#filet{
	position: absolute;
	z-index:0;
	display:block;
	top: 0px;
	left: 50%;
	width: 272px;
	height: 100%;
	margin-left: -11em;

	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #9c730a;	
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000;
}

#pplan {
	position:absolute;
	width:1000px;
	height:560px;
	display:block;
	z-index:1;
	
}


#colgauche{
	position: absolute;
	overflow:hidden;
	top: 30px;
	left: 3px;
	width: 363px;
	height:470px;
	z-index:2;
}
	#main_contener{
		position: absolute;
		overflow:hidden;
		top: 0px;
		left: 0px;
		width: 363px;
		height:470px;
		z-index:2;

	}
		
		#main_scroll{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 30px;
			height:470px;
		}
		
		#main_content{
			position: absolute;
			display:block;
			top: 0px;
			left: 30px;
			width: 300px;
			z-index:2;

		}

#coldroite{
	position: absolute;
	display:block;
	top: 0px;
	left: 638px;
	width: 360px;
	overflow:visible;
}
	#media{
		display:block;
		position: relative;
	}

#colcentre{
	position: absolute;
	top: 0px;
	left: 373px;
	width: 264px;
	height:560px;
	z-index:3;
}

#footer{
	position: absolute;
	top: 500px;
	left: 30px;
	width: 300px;
	height:60px;
	font-size:10px;
	z-index:2;
	color:#c0c0c0;
	text-transform:uppercase;
}

	#footer a{
		text-decoration: none;	
	}


#popin{
	position:absolute;
	display:none;
	z-index:20;
	/*width:858px;*/
	left:60px;
}

	#popincont{
	background-color:#FFF;
		position:relative;
		display:block;
		z-index:20;
		width:858px;
		border: 1px dotted #9c730a;
		overflow:hidden;
	}
		#popincont li {
		margin-left: 10px;
  }


	}
	
		#popin_titre{
			position:absolute;
			display:block;
			z-index:11;
			left:0px;
			top:Opx;
			
		}
		
		#popin_fermer{
			position:absolute;
			display:block;
			z-index:11;
			right:5px;
			top:Opx;
			cursor:pointer;
			
		}
		
		#popinopen{
			position:relative;
			display:block;
			left:-10px;
			cursor:pointer;
		}

		.popincol{
			position:relative;
			display:block;
			float:left;
			width:266px;
			padding:10px;
			padding-top:30px;
			font-size:11px;
			/*text-align: justify;*/
		}
		
		.popincol h1{
			font-size:18px;
			display:block;
			margin-bottom:0px;
			display: inline;
		}

		.popincol .fs16{
			font-size:16px;
			line-height:30px;
		}
		
		#main_content h1{
			font-size:24px;
			display: inline;
		}

		#main_content .fs18{
			font-size:18px;
			line-height:30px;
		}

		.pdf{
			display:block;
			position:relative;
			left:240px;
			margin-top:15px;
		}


#nav{

	position: relative;
	text-align: right;
	font-size:11px;
	
}

	#nav ul{
		position: relative;
		left:-16px;
		width:240px;
		list-style-type: none;
		list-style-position:inside;
		margin-top:2px;
		margin-bottom:10px;
	}

	#nav  li{
		position: relative;
		left:0px;
		list-style-type: none;
		list-style-position:inside;	
		list-style-image: none;
		width:266px; 
		margin-left:-26px;
	}

		#nav ul a{
			color: #aa8935;
			text-decoration: none;
			padding-left:20px;
			padding-right:20px;
			background-image:none;
			background-repeat:no-repeat;
			background-position: left;
		}
		
		#nav li a{
			color: #878787;
			text-decoration: none;
			background-image:none;
			background-repeat:no-repeat;
			background-position: left;
		}

			#nav .bleu a:hover{background-image: url(../interface/nav_filet_bleu.jpg);}
			#nav .vert a:hover{background-image: url(../interface/nav_filet_vert.jpg);}
			#nav .marron a:hover{background-image: url(../interface/nav_filet_marron.jpg);}
			#nav .rose a:hover{background-image: url(../interface/nav_filet_rose.jpg);}

.bo{
font-weight:bold;
}

.marronfonce{
	color: #9c730a;
}

.marronclaire a.popopen{
	font-size:12px;
	color: #aa8935;
	text-decoration:none;
}

.marronclaire a.popopen:hover{
	font-size:12px;
	color: #aa8935;
	text-decoration:underline;
}

a.llink{
	font-size:12px;
	color: #aa8935;
	text-decoration:none;
}

a.llink:hover{
	font-size:12px;
	color: #aa8935;
	text-decoration:underline;
}

/*.marronclaire a.popopen:visited{
	font-size:12px;
	color: #715a20;
	text-decoration:none;
}*/


.marronclaire{
	color: #aa8935;
}

.marrondoree{
	color: #E2BA63;
}

.grisfonce{
	color: #62696c;
}
.gristresfonce{
	color: #2b363a;
}

.grisclaire{
	color: #b0abab;
}

.parme{
	color: #CCAAC5;
}

.pistache{
	color: #B2CDAE;
}

.bleu{
	color: #628FB9;
}

.nolink{
	color: #aa8935;
			text-decoration: none;
			padding-left:20px;
			padding-right:20px;

}

.listetarif{
	font-size:12px;
	color: #5a5b5b;
}
.detailtarif{
	font-size:9px;
	color: #929292;
}