/* CSS Document */

<!-- 

body
{
background-color:#EBE7D2;
margin:0px auto;
padding:0px;
text-align:center;
color:#060041;
}
#container
{
background-image:url(/Cognitive/images/bg_container.jpg);
background-repeat:no-repeat;
width:808px;
margin:0px auto;
padding:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#top
{
width:800px;
}
#headertop
{
background-color: #ffffff;
padding:4px;
padding-bottom:2px;
width:800px;
}
#titlediv
{
background:inherit;
padding:4px;
padding-bottom:2px;
width:800px;
}
#titlediv h2
{
margin:0px;
font-family: "Times New Roman", Times, serif;
}
#content
{
margin:0px;
margin-top:4px;
padding:0px;
background-color:#CC0099;
}
#leftmenu
{
width:212px; 
_width: 200px;/* ie */
float:left;
background-color:#fff;
padding:0px;
margin:0px;
}


/* CSS issu des tutoriels www.alsacreations.com/articles */
dl, dt, dd {
margin: 0;
padding: 6px;
list-style-type: none;
}
#menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-align: left;
}
dl#menu {
width: 200px;/*15em;*/
}
dl#menu dt {
cursor: pointer;
background: #84C1CE;
border-bottom: 1px solid #fff;
}
dl#menu dd {
border: 1px solid #fff;
background: #C8E2E5;
}
dl#menu ul
{
margin: 0;
padding: 0px;
list-style-type: none;
}
dl#menu li {
padding: 4px;
display: block;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #eee;
}
#rightcontent
{
padding:0px;
margin:0px;
width:592px; 
_width: 600px;/* ie */
float:right;
margin-left:4px;
margin-bottom:4px;
}
.quote
{
background-color:#fff;
display:block;
text-align:center;
padding:3px;
margin-bottom:5px;
}
.quote h3
{
color:#704418;
font-size:16px;
padding:3px;
margin:0px;
}
.heading
{
background-color:#fff;
display:block;
padding:3px;
margin-bottom:5px;
min-height:132px;
}
/* for Internet Explorer */
/*\*/
* html .heading {
height: 132px;
}
/**/

#heading1
{
}
#heading1 h3
{
background-image:url(/Cognitive/images/line_flip_hori.jpg);
background-position:right;
background-repeat:repeat-y;
display:block;
text-align:center;
height:25px;
text-align:right;
color: #000066;
margin:0px;
padding:3px 3px 3px 0px;
}
#heading2
{
}
#heading2 h3
{
background-image:url(/Cognitive/images/line.jpg);
background-position:left;
background-repeat:repeat-y;
display:block;
text-align:center;
height:25px;
text-align: left;
color: #000066;
margin:0px;
padding:3px 0px 3px 3px;
}
.column
{
background-color:#fff;
display:block;
padding:3px;
margin-bottom:5px;
min-height:365px;
text-align:left;
width:286px; 
}
/* for Internet Explorer */
/*\*/
* html .column {
height: 372px;
width:286px;
}
/**/
.column h3
{
background-color:#84C1CE;
display:block;
text-align:center;
height:40px;
color: #000066;
margin:0px;
padding:3px 0px 3px 3px;
font-size:16px;
}

.column3
{
background-color:#fff;
display:block;
padding:3px;
margin-bottom:5px;
min-height:365px;
text-align:left;
width:190px; 
float:left;
margin-right:1px;
}
/* for Internet Explorer */
/*\*/
* html .column3 {
height: 372px;
width:190px;
margin-right:7px;
}
.column3 h3
{
background-color:#84C1CE;
display:block;
text-align:center;
height:40px;
color: #000066;
margin:0px;
padding:3px 0px 3px 3px;
font-size:16px;
}

#footer
{
clear:both;
display: block;
width:800px;
_width: 808px;/* ie */
background-color:#fff;
padding:4px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
}