/* 
div{border: 1px solid red;} 
*/
body{
	overflow: hidden;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	

}
.INDEX{	background-image: url(img/fond12.jpg);/*une classe par page*/}
.COMMANDES{	background-image: url(img/fond4-2.jpg);}
.EXPOSITIONS{ background-image: url(img/fond2-2.jpg);}
.STAGES{ background-image: url(img/fond3-2.jpg);}
.ATELIER{ background-image: url(img/fond6.jpg);}
.CREDITS{ background-image: url(img/fond6.jpg);}
.ARTISTE{ background-image: url(img/fond5.jpg);}
.GALERIE{ background-image: url(img/fond4.jpg);}
.CONTACT{ background-image: url(img/fond12.jpg);}
.VOIRIMG{ background-image: url(img/fondT.jpg); overflow: auto;background-attachment: fixed;}/*background-repeat: no-repeat*/
#fond{
	position:absolute;
	left:0;
	top: 75px;
	width:500px;
	height:68%;
	z-index:10;	
	font-size: 14px;
	color: #003333;
	overflow: auto;
	background-color: transparent;
	border: 1px solid ;
	margin-left: 35%;
	background-image: url(img/fondDiv.jpg);
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #f5f5f5;
	scrollbar-highlight-color: #f5f5f5;
	scrollbar-3dlight-color: #a9a9a9;
	scrollbar-darkshadow-color: #a9a9a9;
	scrollbar-track-color: #f5f5f5;
	scrollbar-arrow-color: #6a5acd;
}
#contenu{
	padding-left: 25px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	margin-top: 30px;
	margin-right: 15px;
	padding-right: 25px;
	color: #333366;	
}
#fond.ss_scroll{
	overflow:hidden;
	height:400px;
}
#contenu.ss_scroll{
	margin: 0px;
	padding: 0px;
}
#gauche{
	position: absolute;
	/*border: 1px dashed;*/
	width: 190px;
	margin-left: 20px;
	padding-left: 20px;
	bottom: 140px;
	z-index:10;
}
#gauche_img{
	position: absolute;
	border: 1px dotted;
	width: 160px;
	left: 20px;	
	top: 75px;
	height: 160px;
	z-index:10;
	background-image: url(img/fondDiv.jpg);
	/*padding: 5px;
	background-color: #FFFFFF;*/
}

#gauche_img p{margin: 0px 0 5px 0; padding-left: 10px;padding-top: 5px;}
#gauche_img.txt{padding: 10px 10px 10px 10px;}
#diaporama { 
	position: relative; 
	left: 27%; 
	top:0px; 
	width:560px; 
	height:440px; 
	z-index:500; 
	border: 1px solid;
	background-color: #FFFFFF;
	
}

#menu{
	position:absolute;
	right: 40px;
	bottom: 0px;
	/*padding-bottom: 15px;*/
	width:770px;
	height:20px;
	z-index:100;
	/*background-image: url(img/lignes.gif);*/
	

}
#bt1, #bt3, #bt4, #bt5, #bt6, #bt7, #bt8 , #bt2{
	 position: absolute; 
	 width: 80px; 
	 height: 95px; /*95 jouer su la hauteur pour chaque bouton*/
	 bottom: 0px;
}
#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8 {
	position: absolute;
	width: 80px;
	height: 12px;
	bottom:7px;
	visibility: hidden;
}

/*#bt1, #text1{left: 4px;}  
#bt2, #text2{left: 78px;} 
#bt3, #text3{left: 190px;} 
#bt4, #text4{left: 295px;} 
#bt5, #text5{left: 375px;} 
#bt6, #text6{left: 495px;} 
#bt7, #text7{left: 585px;} 
#bt8, #text8{left: 685px;} */
#bt1, #text1{left: 65px;}  
#bt2, #text2{left: 165px;} 
#bt3, #text3{left: 272px;} 
#bt4, #text4{left: 380px;} 
#bt5, #text5{left: 460px;} 
#bt6, #text6{left: 585px;} 
#bt7, #text7{left: 685px;} 

 
#titre{
	position:absolute;
	left:0;
	top:0;
	z-index:102;
}
#quellepage{
	position : absolute;
	right: 20px;
	top: 20px;
}
a {
	color: #0066CC;	
	decoration: none;
	text-decoration: none;
}

a:hover {color: #FF0000;text-decoration: underline;}
#gauche_img a, #gauche a {font-size: 12px;}
h1{
	font-size: 13px;
	font-weight: bold;
}
.retrait {	padding-left: 30px;}
.tableau{
	font-size: 13px;
	border: 1px solid;
	color: #003333;
}
.inv{display: none;}
.vis{display: block;}
#fcadre{font-size: 12px;}
.petit{
	font-size: 11px;
}
.gris {color: grey;}
form{width: 80%; }
form.css fieldset {  padding: 10px;  width: 400px; }
form.css label  {  display: inline; float: left;  width: 200px;}
#xiti{
	Position:absolute;
	bottom:0px;
	left:0px;
}
.underline{
	text-decoration: underline;
}
/*pages galerie*/

.ancreLeft{
	position : absolute; top: 0; right: -40px; height: 25px; width: 20px;
}
.ancreRight{
	position : absolute; top: 0; left: -35px; height: 25px; width: 20px;
}