body
{
  background-color:#FFF8F9;
  font-family:Helvetica, Arial, sans-serif;
  font-size:0.9em;
  margin:0px;
  padding:0px;
}

a:link{color:#266277; text-decoration:underline; }
a:visited{color:#266277; text-decoration:underline; }
a:hover{color:red; text-decoration:underline; }
a:active{color:#266277; text-decoration:underline; }

p
{
  text-align:left;
  padding:5px 10px 2px 2px;
  color:black;
  margin:0px;
  text-decoration:none;
}

h1
{
  text-align:center;
  padding:2px 10px 2px 10px;
  margin:0px;
  color:#266277;
  font-size:1.5em;
}


h2
{
  text-align:left;
  padding:10px 10px 2px 5px;
  color:#266277;
  font-weight:bold;
  font-size:1.2em;
  margin:0px;
}

h3
{
  text-align:left;
  padding:10px 0px 2px 20px;
  color: #266277; 
	font-weight:bold;
	font-size:1em;
  margin:0px;
}

.para2
{
  text-align:left;
  padding:2px 10px 2px 20px;
  color:black;
  margin:0px;
}

.para3
{
  text-align:left;
  padding:2px 10px 2px 30px;
  color:black;
  margin:0px;
}

.para4
{
  text-align:left;
  padding:2px 10px 2px 40px;
  color:black;
  margin:0px;
}

.tableau01
{
  text-align:center;
  padding:2px 5px 2px 5px;
  color:black;
  margin:0px;
	vertical-align:middle;
}

.gamme
{
  text-align:left;
  padding:2px 5px 2px 20px;
  
  margin:0px;
	width:320px;
	vertical-align:top;
}

.imageSH
{
	height:75px;
	vertical-align: middle;
}
.imageSV
{
	width: 75px;
	vertical-align: middle;
}

.vignette
{
	vertical-align: middle;
  width: 75px;
  padding:2px 5px 2px 5px;
}

p.sous-titre
{
  text-align:center;
  padding:0px;
  margin:0px;
  color:#266277;
  font-size:1em;
}

p.message
{
	position:absolute;
	top:87px;
	text-align:left;
	right:0px;
	color:red;

}


p.en-tete
{
	font-family:Helvetica, Arial, sans-serif;
  font-size:3em;
	text-align:center;
	letter-spacing:3px;
	text-decoration:none;
	font-weight:bold; 
	font-style:italic;
	color:#266277;
  line-height:80px;
}


p.sp
{
  text-align:center;
  font-size:0.75em;
}

ul
{
  text-align:left;
  padding:2px 10px 2px 32px;
  color:black;
  margin:0px;
}

/* For IE... no comment... */
img
{
  border: none;
}

#menu
{
  position:absolute;
  top:96px;
  margin-left:0px;
  margin-right:0px;
  margin-bottom:0px;
  padding:0px;
  border:0px
}
#menu a:link{color:black; text-decoration:none; }
#menu a:hover{color:black; text-decoration:none; }
#menu a:visited{color:black; text-decoration:none; }
#menu a:active{color:black; text-decoration:none; }

.menuOn
{
  background-color:#FFFFFF;
  position:relative;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:0px;
  margin-top:0px;
  padding:6px;
  border:0px;
	font-weight:bold
}

.menuOff
{
  background-color:#DBFFDB;
  position:relative;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:0px;
  margin-top:0px;
  padding:6px;
  border:0px
}

.menuOff:hover
{
  background-color:#76848A;
  
}

#header
{
	background-color:  #CEF0CE; /*#CEE7F0;  /*#B6CBD3;*/
	
	background-image:url('img/titre2.jpg');
	background-repeat:no-repeat;
	
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:117px;
	
}

#page
{
	background-color:white;
	position:absolute;
	top:117px;
	width:950px
}


#container
{
  background-color:#FFFFFF;
  position:relative;
  max-width:950px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  padding:0px;
  border:0px
}

#wrap
{
  overflow:hidden;
}



#content
{
  vertical-align:top;
	/*width:100%*/
	width:950px
}

#sidebar
{
  vertical-align:top; 
	width:18%; 
	text-align:center;
}

#sidebarOff
{
  float:right;
  width:0px;
  padding:0px;
}

#footer
{
	background-color:#B2B2B2;
}