html,
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image: url(../images/fond.gif);
	background-repeat: repeat-y;
}

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

#background img,
#background a{
	height:100%;
	width:100%;
	display:none;
}
#background .activeslide,
#background .activeslide img{
	display:inline;
}


/*menu*/
#bande_menu {
    background-image: url(../images/bande_menu_blanc.jpg);
	position: absolute;
	z-index: 3;
	top: -5px; left: 30px;
	width: 160px; height: 1600px;
}
		
#logo {
	position: absolute;
	z-index: 4;
	top: 16px; left: 40px;
	width: 184px; height: 104px;
}	
		
#menu {
	position: absolute;
	z-index: 4;
	top: 135px; left: 27px;
	width: 140px; height: 350px;
	font: 70% Arial, Helvetica, Geneva, sans-serif;
	line-height: 10px;
	color: #999999;
}
		
.titre_actif a{
	padding-left: 16px;
	color: #38d1d3;
	text-decoration: none;
	font-style: italic;
	line-height: 10px;
}
				
.titre_clair{
	padding-left: 16px;
	color: #999999;
	text-decoration: none;
	line-height: 10px;
}
				
.titre_clair a{
	color: #999999;
	text-decoration: none;
}	
		
.titre_clair a:hover{
	color: #38d1d3;
	text-decoration: none;
}		
			
.titre_fonce{
	font: Arial, Helvetica, Geneva, sans-serif;
	line-height: 10px;
	color: #595959;
	padding-left: 16px;
}	
		
.titre_fonce a{
	color: #595959;
	text-decoration: none;
}		
		
.titre_fonce a:hover{
	color: #38d1d3;
	text-decoration: none;
}	
				

h4{
	display: inline;
	list-style: none;
	width: 140px; height: 350px;
	font: 80% Arial, Helvetica, Geneva, sans-serif;
	line-height: 10px;
	color: #38d1d3;
}	

#filetsmall_01, #filetsmall_02, #filetsmall_03{
	background-image: url(../images/filet-small.png);
	height: 10px;
	width: 16px;
	position: absolute;
	z-index: 5;
}
#filetsmall_01{
	top: 170px; left: 40px;
}
#filetsmall_02{
	top: 405px; left: 40px;
}
#filetsmall_03{
	top: 475px; left: 40px;
}


/*galerie*/
#filetbig{
	background-image: url(../images/filet-big.png);
	height: 10px;
	width: 120px;
	position: absolute;
	z-index: 5;
	top: 597px; left: 300px;
}
	
#img-container	{ 
	margin: 0; 
	padding: 0; 
	margin-top: 67px; 
	margin-left: 300px; 			
	position: absolute;
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}	
							
#pagi{
	width: 200px;
	margin-top: 537px; 
	margin-left: 0px;
	position: absolute;
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;		
	z-index: 5;
}	
		
		
.nav {
	color: #666666;
	font-size: small;
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
		
.nav a{
	color: #999999;
	text-decoration: none;
	padding: 5px 0 0 0;
}	
		
.nav a:hover{
	color: #595959;
	text-decoration: none;
}
				
#num {
	position: absolute;
	padding-top: -2px; 
	padding-left: 5px; 
	color: #999999;
	font-size: x-small;
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;	
}	

.img-bot {display: block; }
		
#img-container p {
	color: #595959;
	margin: 20px 0 0 0;
	white-space: nowrap;
	font: 70% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
		
#img-container p a{
	color: #999999;	
	text-decoration: none;
}	
		
#img-container p a:hover{
	color: #595959;	
	text-decoration: none;
}	
					
#pagi p {
	color: #595959;
	font: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}	
				
#img-container img{
	cursor: pointer;
}

#legende-video{
	margin: 41px 0 0 0;
	position: absolute;
}

#img-container2 p a{
	color: #38d1d3;
	text-decoration: none;
}	
		
#img-container2 p a:hover{
	color: #999999;	
	text-decoration: none;
}


/*Pages Infos & Liens*/
#texte_info {
	position: absolute;
	z-index: 4;
	top: 190px; left: 320px;
	width: 500px; height: 500px;
}

p.paragraphe {
	font: 70%/130% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #595959;
	margin: 0;
    padding: 0 0 15px 0;
}
p.paragraphe a {
	color: #595959;
	text-decoration:none;
}	
p.paragraphe a:hover {
	color: #38d1d3;
	text-decoration:none;
}

p.titre{
	font: 70%/130% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #38d1d3;
	margin: 0 0 0 0;
    padding: 0 0 0 0;
}	
p.titre a{
	color: #38d1d3;
	text-decoration:none;
}	
p.titre a:hover{
	color: #595959;
	text-decoration:none;
}

#bloc-infos {
	background-image: url(../images/bloc-infos.png);
	position: absolute;
	z-index: 3;
	top: 175px; left: 300px;
	width: 530px; height: 270px;
}
#bloc-liens {
	background-image: url(../images/bloc-liens.png);
	position: absolute;
	z-index: 3;
	top: 175px; left: 300px;
	width: 530px; height: 215px;
}


/*Icones Page Liens*/	
#webicon{
	margin: 15px 0 0 0;
	position: absolute;
}
.menu_rss {
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background: url(../images/icons_marie.gif);
	background-position: 0 0;
	float: left;
	display: inline;
}	
.menu_rss:hover {
	background-position: 0 16px;
}
.menu_flickr {
	width: 16px;
	height: 16px;
	margin-right: 5px;	
	background: url(../images/icons_marie.gif);
	background-position: -19px 0;
	float: left;
	display: inline;
}	
.menu_flickr:hover {
	background-position: -19px 16px;
}
.menu_twitter {
	width: 16px;
	height: 16px;
	margin-right: 5px;	
	background: url(../images/icons_marie.gif);
	background-position: -38px 0;
	float: left;
	display: inline;
}	
.menu_twitter:hover {
	background-position: -38px 16px;
}
.menu_facebook {
	width: 16px;
	height: 16px;
	margin-right: 5px;	
	background: url(../images/icons_marie.gif);
	background-position: -57px 0;
	float: left;
	display: inline;
}	
.menu_facebook:hover {
	background-position: -57px 16px;
}

/*Logo AFD*/	
#logo-AFD {
	background-image: url(../images/logo-AFD.png);
	position: absolute;
	z-index: 4;
	top: 340px; left: 705px;
	width: 108px; height: 40px;
}


/*signature*/	
#signature {
	position: absolute;
	z-index: 4;
	top: 595px; left: 40px;
	width: 920px; height: 50px;
	font: 50% Arial, Helvetica, Geneva, sans-serif;
	line-height: 10px;
	color: #999999;
}