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

body {
	height:100%;
	width:98%;
	background-image: url(images/bak5.jpg);
	font-family:Verdana;
}
#fond {
	width: 1016px;
	left: 50%;
	margin-left:-508px;
	position:relative;
	z-index:0;
}

#logo {
	display:block;
	position:absolute;
	left: 0px;
	top: 5px;
	z-index:1;
	width: 1012px;
}
a img{
	border:none;
}
#ss a{
	color:#FFF;
}
/*Style de la base line*/
#bline{
	position: absolute;
	display:block;
	left:282px;
	top:18px;
	height: 34px;
	width: 521px;
	font-size:18px;
	font-weight:800;
	color:#55779C;
}
#bline2{
	position: absolute;
	display:block;
	left:329px;
	top:58px;
	height: 35px;
	width: 401px;
	font-size:18px;
	font-weight:800;
	color:#55779C;
}
#bline3{
	position: absolute;
	display:block;
	left:587px;
	top:67px;
	height: 39px;
	width: 303px;
	font-size:18px;
	font-weight:800;
	color:#55779C;
}
/*Style des liens de traductions*/
#version{
	position:absolute;
	display:block;
	right:-13px;
	top:-2px;
	font-size:10px;
	width: 164px;
	background:transparent url("images/verscol.png") no-repeat;
	height: 44px;
}
#trad{
	position:absolute;
	display:block;
	right:92px;
	top:-1px;
	font-size:10px;
	width: 57px;
	height: 32px;
}
#trad1{
	position:absolute;
	display:block;
	right:77px;
	top:5px;
	font-size:20px;
	width: 13px;
	height: 32px;
	color:#FFF;
}
#trad2{
	position:absolute;
	display:block;
	right:15px;
	top:-1px;
	font-size:10px;
	width: 58px;
	height: 37px;
}
#trad a{
	text-decoration:none;
	margin-top:10px;
	text-align:left;
	display:block;
	font-size:12px;
	color:#FFF;
}
#trad a:hover{
	color:#FF3;
	}
#trad2 a{
	text-decoration:none;
	margin-top:10px;
	text-align:left;
	display:block;
	font-size:12px;
	color:#FFF;
}
#trad2 a:hover{
	color:#0CF;
	}
/*style du menu horizontal*/
#barre{
	display:block;
	position:absolute;
	right: 0px;
	top: 118px;
	z-index:1;
	width:100%;
}
/******   H3    */
ul#menu{
	margin:0;
	list-style-type:none;
	position:relative;
	display:block;
	height:36px;
	font-size:14px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
}
ul#menu li{
	display:block;
	float:right;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/DIVIDER.gif") no-repeat top left;
	}
ul#menu li a:hover{
	color:#639;
	}
	
/*Style du menu en accordeon*/
#fdmenu{
	display:block;
	position:absolute;
	left: 7px;
	top: 181px;
	height:588px;
	width:332px;
	z-index:2;
	background:transparent url("images/fdmenu.png") no-repeat top left;
}
#fdmenu2{
	display:block;
	position:absolute;
	left: 2px;
	top: 181px;
	height:588px;
	width:332px;
	z-index:2;
	background:transparent url("images/fdmenu2.png") no-repeat top left;
}
#container{
	display:block;
	position:absolute;
	left: 10px;
	top: 190px;
	z-index:3;
	
}		
		.accordion_toggle {
			display: block;
			height: 50px;
			width: 300px;
			
			padding: 0 10px 0 10px;
			line-height: 20px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 16px;
			color: #2A6279;
			
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			
			font-size: 19px;
			
		}
		
		.accordion_content {
			
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content 	a {
				text-decoration:none;
				color:#000;
				
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 300px;
			
			padding: 0 10px 0 0px;
			line-height: 30px;
			
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color:#014292;
			
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			
			
			font-size: 11px;
			font-weight:bolder;
		}

		.vertical_accordion_content {
			margin-left:5px;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 0px;
				color: #0099FF;
			}

			.vertical_accordion_content a {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
				font-size: 11px;
				text-decoration:none;
				color:#000;
			}
			
			
    #horizontal_container {
      margin: 0px;
      width: 0px;   
      height: 0px;    
    }
    
    #vertical_nested_container {
      margin: 0px 20px 20px 20px;
      width:370px;
    }
/*contenu*/
#texte{
	display:block;
	position:absolute;
	top:158px;
	right:7px;
	width:668px;
	height: 609px;
	font-size:12px;
	text-align:justify;
}
#monmenu{
	display:block;
	position:absolute;
	top:197px;
	left:9px;
	height:449px;
	width:324px;
	z-index:3;
}
#monmenu a{
	text-decoration:none;
	color:#2A6279;
}
#texte2{
	display:block;
	position:absolute;
	top:158px;
	right:7px;
	width:669px;
	height: 411px;
	font-size:12px;
	
}
#texte3{
	display:block;
	position:absolute;
	top:604px;
	right:9px;
	width:999px;
	height: 251px;
	font-size:12px;
}
</style>