/************************************
               Page
************************************/

body {
	font-family: Arial, Verdana, Times;
	font-size: 14px;
	color: #222;
}

#page {
	width: 1000px;
	max-height: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 22px;
	margin-bottom: 36px;
	background-color: white;
	
}

/************************************
               Headers
************************************/

#header {
	 padding: 10px;
	 height: 100px;
}


#logoLeft {
	 position: absolute;
   margin-top: 0px;
}

#logoRight {
   position: absolute;
	 margin-top: 0px;
	 margin-left: 835px;
}

#slogan{
	 position: absolute;
	 float: left;
	 width: 990px;
	 padding-top: 80px;
	 color: #CC0000;
	 font-weight: bold;
	 font-size: 14px;
	 border-bottom: 2px solid #CC0000;
}

/************************************
               Menu
************************************/

#menu {
	 margin-top: 9px;
   float: left;
   width: 122px;
   height: 549px;
   border: 1px solid #ccc;
   background: white;
}


#menu ul { /* remove bullets and list indents */
	 list-style: none;
	 margin: 0;
	 padding: 0;
}


#menu a {
	 display: block;
	 margin: 0;
	 padding: 2px;
	 margin-left: 18px;
	 padding-left: 7px;
	 padding-top: 11px;
	 padding-bottom: 11px;
	 width: 80px;
	 background: white;
	 text-decoration: none;
}
.selected {
	 color: black;
}
.unselected {
	 color: #CC0000;
}

#menu #separator {
	 border-top: 1px solid #ccc;
}

#menu a:hover {
	 color: #666666;
}


#menu li {
	 position: relative;
} 


/************************************
             Sous-menu
************************************/

#sousmenu {
	 height: 36px;
	 margin-top: 9px;
   margin-left: 135px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: 1px solid #ccc;
   background-color: white;
}

#sousmenu ul{
	 padding: 8px ;
	 list-style: none ;
}
#sousmenu li {
	 display: inline;

}
#sousmenu li a {
	 padding-left: 4px;
   text-decoration: none;
   padding-right: 3px ;
}
#sousmenu li a:hover {
   color: #CC0000;
}

#sousmenu #separator {
	 border-left: 1px solid #222;
}
.smenuselected {
	 color: black;
}
.smenuunselected {
	 color: #666666;
}



/************************************
              Content
************************************/

#content {
	 min-height: 483px;
   margin-left: 135px;
   padding-bottom: 25px;
   padding: 15px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: white;
   line-height: 18px;
}

/* For internet explorer 6 */

* html #content {
height: 482px;
}

#content ul {
   list-style-type: disc;
   margin-left: 15px;
}

#content h1 {
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   margin-bottom: 25px;
   font-variant: small-caps;
}

#content p {
   margin-bottom: 15px;
   text-align: justify;
}

#content a {
   color: #666666;
   font-weight: bold;
}
#content a:hover {
   color: #CC0000;
}

/* tweaking these nerdy input buttons */

input { 
	  color:black; 
	  font: bold 90% Arial, Verdana; 
	  border: 1px solid; 
	  background-color:white;
	  border-color: #666666; 
} 

input:hover {
     background-color: #AAAAAA;
}

select {
	  color:black; 
	  font: bold 90% Arial, Verdana; 
	  border: 1px solid; 
	  background-color:white;
	  border-color: #AAAAAA; 
}