*{padding:0; margin:0;}
body {font-size:80%;
		font-family:arial,sans-serif;
		background-color:#b3cce6;
		background-repeat: repeat-y ;
		line-height:23px;}
.menu {white-space:nowrap /*IE hack*/; 
		float:left; 
		border:none;
		width : 60%;
		margin-left:20%;		
		margin-top:0;
		background-color:#b3cce6; 
		/*color:RGB(150,107,3); */
		color : RGB(255,245,232);
		font-size:135%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; 
			z-index:auto !important /*Non-IE6*/; 
			z-index:1000 /*IE6*/; }
.menu ul li a {float:none !important /*Non-IE6*/; 
			float:left /*IE-6*/; 
			display:block; 
			height:3.1em; 
			line-height:3.1em; 
			padding:0 16px 0 16px; 
			text-decoration:none; 
			font-weight:bold; 
			color: white;}
.menu ul li ul {display:none;
			border:none;}
/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:#b3cce6; 
					text-decoration:none;} /*Color main cells hovering mode*/
.menu ul li:hover ul {display:block; 
					width:10.0em; 
					position:absolute; 
					z-index:999; 
					top:3.0em; 
					margin-top:0.1em; 
					left:0;}
.menu ul li:hover ul li a {white-space:normal; 
					display:block; 
					width:10.0em; 
					height:auto; 
					line-height:1.3em; 
					margin-left:-1px; 
					padding:4px 16px 4px 16px; 
					background-color:#8cb3d9; 
					font-weight:normal; 
					color:white;}
.menu ul li:hover ul li a:hover {background-color:#34495A; 
							text-decoration:none;}
/*IE6 hovering*/
.menu table {position:absolute; 
			top:0; 
			left:0; 
			border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; 
					z-index:1000 /*IE hack*/; 
					background-color:#34495A; 
					text-decoration:none;}
.menu ul li a:hover ul {display:block; 
					width:10.0em; 
					position:absolute; 
					z-index:999; 
					top:3.1em; 
					left:0; 
					margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; 
						display:block; 
						width:10.0em; 
						height:1px; 
						line-height:1.3em; 
						padding:4px 16px 4px 16px; 
						background-color:RGB(150,107,3); 
						font-weight:normal; 
						color:rgb(50,50,50);}
.menu ul li a:hover ul li a:hover {background-color:#34495A; 
							text-decoration:none;} /*Color subcells hovering mode*/
							
							
							
/*suite du css*/
#danseuse {margin-left: 20%;
			margin-top:9px;
			border: solid 4px;
			border-color: #b3cce6;
		}
#assoc {margin-top:43px;
		margin-left:20%;
		border:solid 4px;
		border-color:RGB(150,107,3);}
h1 {margin-top:15%;
	padding-right:5%;
	margin-bottom:5%;
	border-bottom:solid;
	border-color:RGB(150,107,3);
	font-size:26px;
	color:RGB(150,107,3);}
#corps {width : 50%;
		margin-left:20%;
		background-color:white;
		color:dimGray;
		padding:5%;
		font-size:17px;
		text-indent:13px;}


		
#nouvelles {float:left;
			text-align:center;
			padding:1%;
			color:dimGray;
			font-size:17px;
			position:absolute;
			background-color:white;
			width:10%;
			top:50%;
			background-image:url(photo_pres/pied.jpg);
			background-repeat:no-repeat;
left:5%;}



#spec {color:RGB(150,107,3);}
a {color:RGB(150,107,3);}
#img {margin-top:22px;}
#isa {float:right;}
#droit {color:white;
		text-align:center;}
a {font-weight:bold;}
#liste {margin-left:80px;}
#important {color:RGB(150,107,3);}
#form {text-align:center;}
#pages {text-align:center;}
#message { border:solid 3px;
		  border-color:RGB(150,107,3);
		  background-color:RGB(163,125,122);
		  width:70%;
		  margin-left:12%;
		  margin-top:5%;
		  margin-bottom:5%;
		  padding:10px;
		  color:white;}
#bizarre {/*min-width:669px;
		max-width:669px; 
		margin-left:218px; 
		margin-right:50%;*/
		width : 50%;
		margin-left:20%;
		background-color:white;
		color:dimGray;
		padding:5%;
		font-size:15px;
		text-indent:13px;
padding-bottom:40%;}
#free {display: none;}
img {
	max-width:100%;
	max-height:100%;
}
		  
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {width:750px; text-align:left; position:relative; margin:0 auto; }

.photo ul.topic {padding:0; margin:0; list-style:none; width:750px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:17px; width:124px; height:30px; text-align:center; 
line-height:30px; color:white; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#b3cce6; }

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:white; background:#b3cce6;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:white; background:#34495A;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; 
background:#b3cce6; width:464px; padding:40px 60px;  z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; 
background:#b3cce6; width:464px; padding:40px 60px;  z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#b3cce6; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

@media (max-width: 900px) {
	body {
		width: 90%;
		margin-left : 3%;
		font-size:50%;
		font-family:arial,sans-serif;
		background-color:#b3cce6;
		background-repeat: repeat-y ;
		line-height:20px;}
		
	#nouvelles {
			display : none;}
	#danseuse {width: 95%;
				height: 95%;
				margin-left : 3%;
		}
	#corps {width : 90%;
			margin-left : 3%;
			margin-top: 30%;
			font-size:15px;}
			
	h1 {margin-top:5%;
	padding-right:5%;
	margin-bottom:5%;
	border-bottom:solid;
	border-color:RGB(150,107,3);
	font-size:18px;
	color:RGB(150,107,3);}
	
	#block-sup {
		display : block;
		width : 100%;
	}
	
	.menu {
		width : 100%;
		margin-left:5%;	
	}
	
	.menu ul li a:hover ul li {
		display : none;
	}
	
	.menu ul li:hover ul li a {
		display : none;
	}
	
	#case3 {
		display : none;
	}
}