#body {
	behavior: url(csshover.htc);
	background-color:#B2B195;
}

#page {
	margin-left: auto;
	margin-right: auto;
	background-color:#FCEFC7;
	width:980px;
	height:100%;
	border: thin solid #FFFFFF;
     }
	 
#entete {   width:940px;
			height:115px;
			background-color:#D9E8C3;
}

#tccyoga { width:570px;
			height:60px;
}
#patrimoine { width: 570px;
			height: 30px;
}

/** définition ds fontes de caractères **/

h1{ font-size:20px; 							 /** taille du caractère**/
			font-family: arial,sans-serif,verdana;		/** famille de police**/
			color:#5C743D; 								/**  couleur ici blanc**/
			font-weight:normal;							/**  normal bold **/
			font-style:normal;							/**  normal italic **/						
			text-decoration:none;				
}
h2{font-size:18px; 							 /** taille du caractère**/
			font-family: arial,sans-serif,verdana;		/** famille de police**/
			color:#5C743D; 								/**  couleur ici blanc**/
			font-weight:normal;							/**  normal bold **/
			font-style:normal;							/**  normal italic **/						
			text-decoration:none;				
}
h3{font-size:16px; 							 /** taille du caractère**/
			font-family: arial,sans-serif,verdana;		/** famille de police**/
			color:#5C743D; 								/**  couleur ici blanc**/
			font-weight:normal;							/**  normal bold **/
			font-style:normal;							/**  normal italic **/						
			text-decoration:none;				
}
h4{font-size:15px; 							 /** taille du caractère**/
			font-family: arial,sans-serif,verdana;		/** famille de police**/
			color:#5C743D; 								/**  couleur ici blanc**/
			font-weight:normal;							/**  normal bold **/
			font-style:normal;							/**  normal italic **/						
			text-decoration:none;				
}  
p {  font-size:14px; 							 /** taille du caractère**/
			font-family: arial,sans-serif,verdana;		/** famille de police**/
			color:#5C743D; 								/**  couleur ici blanc**/
			font-weight:normal;							/**  normal bold **/
			font-style:normal;							/**  normal italic **/						
			text-decoration:none;						/**  none   underline  overline **/
			text-indent:20px;							/**  retrait de la première ligne **/	
}

#menu {
	float : left;
	text-indent: 0px;
	text-decoration: none;
	background-color: #727260;
	width: 205px;
	height: 1200px;
	margin : 0px;
		}
#menu ul {
	padding: 0;
	width: 200px;
	margin:0px;
	background-color: #727260;
}

#menu ul li {
	position:relative;
	list-style: none;
	width:200px;
}
menu li a,
a:link,
a:hover,
a:active,
a:visited {		font-size:14px;
				font-family: arial,sans-serif,verdana;
				color:#FFFFFF; /**blanc**/
				font-weight:normal;
				text-indent: 0px;
				text-decoration: none;
 				padding: 4px 0 4px 8px;
				display:block;
				border-left: 8px solid #CFE2B5;
			    width:190px
			}


#menu ul ul {
	position: absolute;
	top: -1px;
	left: 205px;
	display:none;
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 

#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
			display:block;
			width:205px;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
#menu li a:hover {
	border-left-color: #00FF00;
	font-size: 14px;
	background: #CFE2B5;
	color:#5C743D;
	width:190px;
}
#menu ul ul li a:hover {
width:190px;
}
#menu ul ul ul li a:hover {
width:190px;
}

.pageName {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.pageName2c {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20px;
}

#body #page #navigation .toggleSubMenu {
	background-color: #727260;
	width: 200px;
	margin-left: 0px;
	text-decoration: none
}
#body #page #navigation .MenuSimple {
	background-color: #727260;
	width: 200px;
	margin-left: 0px;
	text-decoration: none
}
#body #page #navigation .toggleSubMenu .subMenu {
	width: 200px;
	margin-left: 0px;
	padding-left: 0px;
}
#body #navigation {
	float : left;
	text-indent: 0px;
	text-decoration: none;
	background-color: #727260;
	width: 200px;
	padding-left: 5px;
	height: 1200px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul {
text-indent: 0px; 
list-style-type: none;
margin-left: 0px; 
}
li {
	text-indent: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#body #page #table .pageName2c a {
	background-color: #336666;
	width: 100px;
}
#body  #page  #table  #colgauche {
	float: left;
	height: 1200px;
	width: 200px;
}
#body #page #tableau #coldroite {
	float: right;
	width: 720px;
	margin-left: 200px;
}
#body #page #table #leftcol img {
	margin: 0px;
	padding: 0px;
}
#body #page #table #dateformat .drapeau {
	float: left;
	height: 20px;
	width: auto;
	margin-left: 20px;
	font-size: 100%;
	border:none;
}
#body #page #table .pageName2c #planning {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #339966;
	text-decoration: none;
	background-color: #CCCCCC;
	letter-spacing: normal;
	text-align: center;
	text-indent: 0px;
	vertical-align: middle;
	word-spacing: normal;
}
.pageName a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFCC;
	background-color: #669966;
	width: 200px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: CFE2B5;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}