html,body,p {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
	scrollbar-face-color: #615872;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #333366;
	scrollbar-shadow-color: #FFCCFF;
	scrollbar-arrow-color: #FFCCFF;
	scrollbar-track-color: #574969;
}
body {
	behavior: url(csshover.htc);
	background-image: url(images/intf_05.gif);
} 
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-repeat: no-repeat;
	color: #663333;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-decoration: underline;
	color: #663300;
}
caption {
	color: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	caption-side: top;
}
.detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	text-decoration: none;
}
.frame {
	margin-left: 0;
	width: 795px;
	height: 550px;
	overflow: auto;
	border: medium outset #663300;
}
.glow {
	color: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.headtitle {
	color: #663300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;

}
.tableau {
	text-align: center;
	border: dotted 2px ;
	border-collapse: collapse;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
	empty-cells: show;
}
.tableau td {
	border: dashed 2px ;
	border-collapse: collapse;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
	empty-cells: show;
	height: 40px;
	vertical-align: middle;
}
.tableau2 {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	border-color: #FFFFFF;
}
.tableau2 td {
	border: dotted 2px ;
	border-collapse: collapse;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #FFFFFF;
	empty-cells: show;
	height: 20px;
	vertical-align: middle;
}

div {
	margin-left: auto;
    margin-right: auto;
}
/*##########################*/
/*####### LES CADRES #######*/
/*##########################*/

.cadre {
	width : auto;
	padding-top: 15px;
	border: medium outset #663300;
}

.top1 {
	padding-left: 14px;
	background-image: url(images/intf_05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.top2 {
	padding-right: 14px;
	background-image: url(images/intf_05.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.top {
	width : 100%;
	padding-top : 13px;
	background-image: url(images/intf_05.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

.middle1 {
	padding-left: 14px;
	height : 100%; /* Pour que toute la place disponible soit utilisée, et qu'ainsi tout le fond soit visible */
	background-repeat: repeat-y;
	background-position: left;
}
.middle2 {
	padding-right: 14px;
	height : 100%; /* Pour que tout le fond soit visible */
	background-position: right;
}
.middle {
	width : 100%;
	height : 100%;
	text-align: justify;
}

.bot1 {
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: left top;
	border: thin outset #663300;
}
.bot2 {
	padding-right: 14px;
	background-repeat: no-repeat;
	background-position: right top;
	border: thin outset #663300;
}
.bot {
	width : 100%;
	padding-top : 14px;
	background-repeat: repeat-x;
	background-position: center top;
	border: thin outset #663300;
}


/*##########################*/
/*##### MENU DEROULANT #####*/
/*##########################*/

body {behavior: url(csshover.htc);}
/*on enleve la restriction de taille du menu*/
div#menu {
	top:224px;
	position:absolute;
	z-index:10;
	left: -6px;
	width: 836px;
	height: 81px;
}
div#menu a {color:#FFFFFF}
/* on enleve la taille de ul et labordure*/
div#menu ul {padding: 0; padding-left:16px; /* width: 100px; border:1px solid;*/ margin:0px;}
div#menu li:hover {
}
div#menu li.sousmenu:hover {background: #FF5C17;}
div#menu li.sousmenu {width:140px; font-size:9px; font-weight:bold;}

div#menu li#accueil{background:url(images/menu_03.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#accueil:hover{background:url(images/menu2_03.gif) no-repeat;}

div#menu li#news{background:url(images/menu_04.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#news:hover{background:url(images/menu2_04.gif) no-repeat;}

div#menu li#agenda{background:url(images/menu_05.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#agenda:hover{background:url(images/menu2_05.gif) no-repeat;}

div#menu li#lecole{background:url(images/menu_06.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#lecole:hover{background:url(images/menu2_06.gif) no-repeat;}

div#menu li#swing{background:url(images/menu_07.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#swing:hover{background:url(images/menu2_07.gif) no-repeat;}

div#menu li#cours{background:url(images/menu_08.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#cours:hover{background:url(images/menu2_08.gif) no-repeat;}

div#menu li#stage{background:url(images/menu_10.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#stage:hover{background:url(images/menu2_10.gif) no-repeat;}

div#menu li#album{background:url(images/menu_11.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#album:hover{background:url(images/menu2_11.gif) no-repeat;}

div#menu li#contact{background:url(images/menu_12.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#contact:hover{background:url(images/menu2_12.gif) no-repeat;}

div#menu li#liens{background:url(images/menu_13.gif) no-repeat;width:81px;height:69px;top:0px;}
div#menu li#liens:hover{background:url(images/menu2_13.gif) no-repeat;}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left; width:140px;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {
	position: absolute;/* top: -1px; left: 100px; */
	display:none;
	width:140px;
	background-color: transparent;
	background-image: url(images/intf_05.gif);
	background-repeat: repeat;
}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0px 3px 2px; display:block;/* border-left: 8px solid #BBB;*/}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width: 140px;}


/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {top:0; left: 100px;}

/* on enleve la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {
	border-left-color: #663300;
}
div#menu ul ul li a:hover {
	border-left-color: #663300;
}
div#menu ul ul ul li a:hover {
	border-left-color: #663300;
}