/*div{border: 1px solid red;}*/
body {
	margin: 0px;
	padding: 0px;
	color: #333300;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 99%;
}
h1#titre{text-align: center; margin: 45px 130px 0 350px ;}
/*#titre {margin: 0;padding: 0;}*/
h1{font-size: 18px;margin-top: 0;}
a {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:visited {
	color: #7a7a7a;
}



#fond{
	position:relative; 
	width:800px; 
	height:600px; 
	z-index:10;
	border: 1px solid #CCCCCC; 
	left: 0; 
	top: 0;
	background-attachment: scroll; 
	background-image: url(../img/fond.jpg); 
	background-repeat: no-repeat; 
	background-position: center center;
}
/*#fond.large{height: }*/

.fond_im{

	/**/
}
#fond.large{
	background-image: url(../img/fondLarge.jpg); 
}
#seiraco {
	/*font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;*/
	position:absolute;
	left:47px;
	top:147px;
	/*width:751px;
	height:17px;*/
	z-index:2;
	text-align: left;
	background-image: url(../img/titre.gif);
	background-repeat: no-repeat;
}
#seiraco.large{
	top:5px;
	left:0px;
}
#texte{
	font-size: 13px;
	padding-top: 8px;
	font-weight: normal;
	position:absolute; 
	left:250px; 
	top:210px; 
	width:480px; 
	height:330px; 
	z-index:2; 
	overflow: auto; 
	text-align: left;

}
#texte p {margin: 8px 0 9px 0}
#texte.large{
	top:110px; 
	height: 490px;
	left: 80px;
	width: 700px;
}
#texte.diapo{
	left: 55px;
}
p.diapo{margin: 40px 40px 0 0; text-align: center;}


#gd_images{
	position:absolute; 
	left: 120px;
	width: 600px;
	top: 60px;
	height: 500px;
	border: none;	
}


#cache{background-color:#ffffff; position : absolute; left: -202px; top: 150px; width: 200px; height: 450px;z-index: 300;}
#menu{position:absolute; left:18px; top:200px; width:146px; /*height:300px;*/ z-index:200; }
#menu.page_large{left:-138px; z-index:5;}

#fond-menu {background-color:#ffffff; position : absolute; left: -5px; top: -20px; width: 100px; height: 380px;z-index: 3; 	filter:alpha(opacity=80); -moz-opacity:0.80; opacity: 0.80;}

#menu a{
	background-image: url(../img/bouton5.jpg);
	display: block;
	text-align: left;
	padding: 5 0 10 8;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	color: #3366CC;
	
}
#menu a:hover{
	color: #CC0000;
	background-image: url(../img/bouton5.jpg);	
}
#menu a.actif{background-image: url(../img/bouton2.jpg)}

/*menu droite qui est devenu central et anim -> gauche*/
/*#navig_D{position: absolute; z-index: 100;  text-align: left; top: 130px; left:740px ; width: 100px; font-size: 12px; padding: 8px; margin:0px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF;}*/
#navig_D{position: absolute; z-index: 100;  text-align: left; 
	left:100px; 
	top:110px; 
	width:700px; 
	height:487px;  font-size: 12px; margin:0px; overflow: auto;}





#navig_D p { font-size: 11px ;margin:  5px; padding: 5px; display: block; position: relative; float: left; width: 160px; background-color: #ededed;border: 1px solid #dcdcdc; height: 140px;}
#navig_D a{outline: none;	color: #990000;}
#navig_D a.actif{font-weight: bold; color: #cc0000; text-decoration: underline;}
#navig_D a.actif img{border: 1px solid #cc0000}
#navig_D a img{border: 1px solid #FFF}
/*#navig_D a:hover img{border: 1px solid  #bcbcbc}*/

#navig_D span{display: none;}

p.bordbas{border-bottom: 1px solid #333; height: 3px;}



div.exemple{display: none;}
#diaporama {display: none;}



.ici{
	background-image: url(../img/bouton2.jpg);
	display: block;
	text-align: left;
	padding: 5 0 10 8;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	color: #3366CC;
}
.bt{
	position:absolute; 
	left:0px; 
	width:150px; 
	height:40px; 
	z-index:13
}
.bt a{height: 100% }
.triangle{
	position:absolute; 
	left:-19px; 
	top:0px; 
	width:15px; 
	height:26px; 
	z-index:3; 
	background-image: url(../img/triangle.jpg);
	visibility: hidden;
}
#barre{
	position:absolute;
	left:20px;
	top:-19px;
	width:12px;
	height:420px;
	z-index:12;
	background-image: url(../img/barreV.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
.inv{
	display: none;
}



#langues{position: absolute; left: 5px; bottom: 5px; z-index: 1000;}
#langues a img{border: none; width: 20px; height: 15px;}

div.photos{
	position: relative; width: 340px; height: 240px;float: left; text-align: center;
}
div.photos img, p.diapo img{border: 1px solid #cdcdcd;}
#suivant, #precedant{position: absolute;top: 260px}
#suivant a, #precedant a{outline: none;}
#suivant a img, #precedant a img{border: none;}

#suivant {right: 30px;}
#precedant{left: 0px;display: none;}
.cach {display: none;}