html, body, table, td {
	width : 100%;
	height : 100%;
}

body {
	margin : 0;
	padding : 0;
	background : #d1d1d1;
}

h4, p, a, table {
	margin : 0;
	padding : 0;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;
	font-family : "Trebuchet Ms", Sans serif;
}

img {
	margin : 0;
	padding : 0;
	border : 0;
}

#main {
	margin : auto;
	padding : 0;
	width : 896px;
}

#header {
	margin : 0;
	padding : 0;
	width : 896px;
	height : 150px;
}





/* MENU */

#menu {
	margin : 0;
	padding : 25px 0 0 0;
	width : 896px;
	height : 60px;
	background : url(../images/barre.png) no-repeat;
}

#menu ul {
	margin : 0;
	padding : 0;
	list-style-type: none;
}

#menu ul li {
	margin : 0;
	padding : 0;
	float : left;
}

#menu ul li a {
	margin: 0;
	padding : 0;
    width : 112px; 
    height : 30px;
    display : block;
    text-align : center;
    text-decoration : none;
    font-weight : bold;
    font-size : 75%;
    line-height : 30px;
    color : #01add6;
    background : #fff;
}

#menu ul li a:hover {
	color : #acc722;
}

#menu #active_nav a {
	color : #acc722;
}





/* ACCUEIL */

#accueil {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/accueil.jpg) no-repeat;
}

#accueil h4, #accueil p {
	margin : 0;
	padding : 20px 0 0 60px;
	width : 310px;
	color : #ffffff;
	text-align : justify;
	line-height : 150%;
}

#accueil p {
	font-size : 90%;
}





/* YOGA */

#yoga {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/yoga.jpg) no-repeat;
}

#yoga p {
	padding : 0 10px 0 0;
	font-size : 90%;
	text-align : justify;
	color : #3d2a00;
}

#yoga p span {
	font-style : italic;
}

#yoga .scroll{
	margin : 0;
	padding : 0px 15px 0 10px;
	position : relative;
	display : block;
	width : 310px;
	height :310px;
	overflow : scroll;
	left : 0;
	top : 20px;
	/* fixes has-layout-bug in IE6*/
	zoom : 1;
	
}

#yoga #box2 {
	left : 50px;
}





/* COURS */

#cours {
	margin: 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/cours.jpg) no-repeat;
}

#cours #box2 {
	left : 50px;
}

#box2 {
	float : left;
}

#cours p {
	padding : 0 10px 33px 0;
	font-size : 90%;
	text-align : justify;
	color : #3d2a00;
	border-bottom : 1px dashed #fff;
}

#cours p span {
	font-size : 90%;
}

#cours a {
	color : #3d2a00;
}

#cours a:hover {
	color : #01add6;
}

#cours .scroll{
	margin : 0;
	padding : 0px 15px 0 10px;
	position : relative;
	display : block;
	width : 310px;
	height :310px;
	overflow : scroll;
	left : 0;
	top : 20px;
	/* fixes has-layout-bug in IE6*/
	zoom : 1;
}

#show {
	margin : 0;
	padding : 0;
	width : 496px;
	height : 350px;
	float : right;
}

.slideshow {
	display : block;
	position : relative;
	z-index : 0;
}
.slideshow-images {
	display : block;
	overflow : hidden;
	position : relative;
}		
.slideshow-images img {
	display : block;
	position : absolute;
	z-index : 1;
}		

.slideshow-images {
	height : 496px;
	width : 350px;
}		
.slideshow-images-visible { 
	opacity : 1;
}	
.slideshow-images-prev { 
	opacity : 0; 
}
.slideshow-images-next { 
	opacity : 0; 
}
.slideshow-images img {
	float : left;
	left : 0;
	top : 0;
}





/* ATELIERS */

#ateliers {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/ateliers.jpg) no-repeat;
}

#ateliers h4, #ateliers p {
	margin : 0;
	padding : 20px 0 0 60px;
	width : 310px;
	color : #ffffff;
	text-align : justify;
	line-height : 150%;
}

#ateliers p {
	font-size : 90%;
}





/* VIDEOS */

#videos {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/videos.jpg) no-repeat;
}

#videos h4, #videos p {
	margin : 0;
	padding : 20px 0 0 60px;
	width : 310px;
	color : #ffffff;
	text-align : justify;
	line-height : 150%;
}

#videos p {
	font-size : 90%;
}

#videos #text {
	margin : 0;
	padding : 0;
	float : left;

}

#videos #movie {
	margin : 31px 23px 0 0;
	padding : 0;
	float : right;
	width : 500px;
	height : 285px;
}

#videos a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

#videos a:hover {
	color: #01add6;
}



/* PLANNING */

#planning {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : #fff;
}

#planning #tableau {
	margin : 20px 20px 0 20px;
	padding : 0;
    width : 856px; 
    height : 241px;
    background : #d1d1d1;
}

#planning #tableau th {
	margin : 0;
	padding : 0 0 0 10px;
	width : 142px;
	height : 29px;
	color : #fff;
	text-align : justify;
	background : #ff7900;
}

#planning #tableau td  {
	margin : 0;
	padding : 0 0 0 10px;
	width : 142px;
	height : 29px;
	color : #fff;
	text-align : justify;
	background : #01add6;
}

#planning #observations {
	margin : 10px 20px 0 20px;
	padding : 0;
    width : 856px; 
    height : 49px;
    background : #d1d1d1;
}

#planning #observations th {
	margin : 0;
	padding : 0 0 0 10px;
	width : 136px;
	height : 49px;
	color : #fff;
	text-align : justify;
	background : #ff7900;
}

#planning #observations td  {
	margin : 0;
	padding : 0 10px 0 10px;
	width : 740px;
	height : 49px;
	font-size : small;
	color : #fff;
	text-align : justify;
	background : #01add6;
}




/* CONTACT */

#contact {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/contact.jpg) no-repeat;
}

#contact h4, #contact p {
	margin : 0;
	padding : 20px 0 0 60px;
	width : 310px;
	color : #ffffff;
	text-align : justify;
	line-height : 150%;
}

#contact p {
	font-size : 90%;
}

#contact a {
	color : #fff;
}

#contact a:hover {
	color : #3d2a00;
}





/* LIENS */

#liens {
	margin : 0;
	padding : 0;
    width : 896px; 
    height : 350px;
    background : url(../images/liens.jpg) no-repeat;
}

#liens p {
	margin : 0;
	padding : 20px 0 0 60px;
	width : 310px;
	text-align : justify;
	line-height : 25px;
}

#liens a {
	font-size : 90%;
	text-decoration : none;
	color : #ffffff;
}

#liens a:hover {
	color : #aed701;
}





/* FOOTER */

#footer {
	margin : 30px 0 0 0;
	padding : 0;
	width : 896px;
	height : 100px;
	background : url(../images/footer.png) no-repeat;
}

#footer p, #footer a {
	padding : 5px 0 0 0;
	text-align : center;
    text-decoration : none;
    font-size : x-small;
    color : #d1d1d1;
}

#footer a:hover {
	color : #01add6;
}