body {
	height: 100%;
	
	background-color: #663;
	
	text-align: center;
	font-family: Arial;
	color: #000;
}

a {
	text-decoration: none;
	color: #336;
}

a:hover {
	color: #99C;
}

#Haut {
	margin-left: auto;
	margin-right: auto;
}

#HautGauche {
	float: left;
	background: #663 url("../images/haut.jpg");
	background-repeat: no-repeat;
	height: 36px;
	width: 195px;
}
#HautDroit {
	float: right;
	background-color: #663;
	border-bottom: 1px solid #000;
}

#Contenu {
	margin-left: auto;
	margin-right: auto;
	
	background: #CC9 url("../images/menu-cote.gif");
	background-repeat: repeat-y;
	
	border: 1px solid #000;
	border-bottom: 0px;
	border-top: 0px;
	text-align: left;	
}

#Bottom {
	clear:both;
	height: 1px;
	
	overflow:hidden;
	
	background: #000;
}

#MenuHautGauche {
	float: left;
	clear: left;
	
	width: 150px; 
	height: 50px;
	
	background-image: url("../images/menu-haut-gauche.jpg");
	background-repeat: no-repeat;
}

#MenuHaut {
	float: left;	
	
	width: 195px; 
	height: 128px;
	
	background-image: url("../images/menu-haut.jpg");
	background-repeat: no-repeat;
}

#EnTete {
	float: right;

	width: 560px;	
	height: 50px;
	
	background: #000 url("../images/menu-haut-droit.gif");		
}

#Horaire {	
	float: right;	
	
	width: 560px;
	
	background-image: url("../images/horaire.jpg");
	background-repeat: repeat-x;

}

#Horaire table {
	height: 43px;
	
	border-collapse: collapse;
}

#Horaire td {
	font-size: 12px;
	text-align: center;
	color: #000;	
}

.JourPresent {
	font-weight: bold;
}

#TitrePage, 
#TitrePageReduit {
	float: right;
	
	padding: 7px;
	
	background: #CC9 url("../images/page.gif");
	background-repeat: repeat-x;
	
	font-size: 17px;
	font-weight: bold;
	color: #663;
}

#MenuPrincipal a {
	color: #CC9;
}

#MenuPrincipal a:hover {
	color: #FFC;
}

#Navigation {
	float: left;
	width: 150px;
	background: #CC9;
} 

#Navigation table {
	border-collapse: collapse;	
}

#Navigation table td {
	padding: 0px;
}

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

#Navigation a {
	font: 11px/16px Arial;
	text-align: center;
	display: block;
	margin: 0;
	padding: 5px;
	color: #CC9;
	background: #330 url("../images/navigation-element.gif");
	text-decoration: none;
}

#Navigation a:hover {
	color: #FFC;
}

#Navigation li ul a {
	color: #330;
	background: #996;
	border: 1px solid;
	margin: 0px;
	padding: 2px;
	border-color: #CC9 #663 #663 #CC9;
}

#Navigation li ul a:hover {
	color: #FFC;
	border-color: #663 #CC9 #CC9 #663;
}

#Navigation li {
	position: relative;
} 

#Navigation ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

#Menu-spacer {
	background: url("../images/menu-cote.gif");
	height: 10px;
}
	
	
div#Navigation ul ul ul,
div#Navigation ul ul li:hover ul ul {
	display: none;
}

div#Navigation ul ul li:hover ul,
div#Navigation ul ul ul li:hover ul {
	display: block;
}

#MenuPrincipal,
#SousMenu {
	float: left;
	clear: left;
	
	width: 150px;
	
	background: #996 url("../images/menu-cote.gif");
	background-repeat: repeat-y;
}

#Principale,
#PrincipaleReduit,
#ColonneDroite {
	float: right;
	
	background: #CC9;
	background-repeat: repeat-x;
	
	padding: 10px;
}

#ColonneDroite {
	background: #CC9 url("../images/page.gif");
	background-repeat: repeat-x;
}

/* Liste */

.liste {
	border: 1px solid #000;
	border-collapse: collapse;
	background: #FFF;
	font-family: Arial;
}

.liste a {
	text-decoration: none;
	color: #336;
}

.liste caption {
	background: #996 url("../images/liste-bg.gif") repeat-x;	
	
	border: 1px solid #000;
	border-bottom: 0px;
	
	font-weight: bold;
	text-align: left;
	color: #FFC;
}

.liste caption,
.liste td {
	padding: 2px 5px;
}

.liste caption small {
	font-weight: normal;
}

.liste caption a:hover {
	color: #FFF;
}

.liste td a:hover,
.liste tfoot a:hover {
	color: #99C;
}

.liste td {
	border-right: 1px dotted #000;
	border-top: 1px dotted #000;
	
	font-size: 14px;
}

.liste thead td {
	border: 0px;
	border-bottom: 1px solid #000;
	
	font-weight: bold;
	text-align: center;
	color: #663;
}

.liste tfoot td {
	border: 0px;
	border-top: 1px solid #000;
	
	font-size: 12px;
	color: #FFF;
}

.liste #Titre {
	font-weight: bold;
}

.liste #Droite {
	text-align: right;
}



/* table1 */

.table1 {
	border-collapse: collapse;
	font-family: Arial;
}

.table1 a {
	text-decoration: none;
	color: #339;
}

.table1 a:hover {
	color: #99C;
}

.table1 caption {
	text-align: left;
	font-size: 18px;
}

.table1 caption,
.table1 td {
	padding: 2px 5px;
}

.table1 caption small {
	font-size: 14px;
}

.table1 td {
	border-bottom: 2px dotted #336;
}

.table1 #Gauche {
	border-right: 2px dotted #99C;
}

.table1 #Titre {
	font-weight: bold;
}

.table1 #Details {
	padding: 2px 5px 20px 5px;
	border-bottom: 0px;
	
	font-size: 14px;
}

.table1 #Gauche,
.table1 #Titre {
	border-bottom: 2px dotted #336;
}

/* table2 */

.table2 {
	border-collapse: collapse;
	font-family: Arial;
}

.table2 a {
	text-decoration: none;
	color: #339;
}

.table2 a:hover {
	color: #99C;
}

.table2 caption {
	text-align: left;
	font-size: 18px;
}

.table2 caption,
.table2 td {
	padding: 2px 5px;
}


.table2 caption small {
	font-size: 14px;
}

.table2 td {
	border-bottom: 1px dotted #336;
}

.table2 #Gauche {
	border-right: 1px dotted #99C;
}

.table2 #Titre {
	font-weight: bold;
}

.table2 #Details {
	padding: 2px 5px 20px 5px;
	border-bottom: 0px;
	
	font-size: 14px;
}

.table2 #Gauche,
.table2 #Titre {
	border-bottom: 1px dotted #336;
}

/* table3 */

.table3 {
	border-collapse: collapse;
	font-family: Arial;
}

.table3 a {
	text-decoration: none;
	color: #339;
}

.table3 a:hover {
	color: #99C;
}

.table3 caption {
	text-align: left;
	font-size: 18px;
}

.table3 caption,
.table3 td {
	padding: 2px 5px;
}


.table3 caption small {
	font-size: 14px;
}

.table3 #Titre {
	font-weight: bold;
	
}

.table3 #Details {
	padding: 2px 5px 20px 5px;	
	border-top: 1px solid #000;
	font-size: 14px;
}