@import url("banner.css");
@import url("formulaires.css");
@import url("left.css");
@import url("footer.css");

body {
background-color: gray;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#564b47;
padding:0;
margin:0;
margin-top:5px;
}

a {text-decoration: none;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
	
#container {
width: 990px;
margin: 0 auto;
background-color: #ffffff;
}

/* ----------------------------------------------------------------------------- CONTENT ----------------------------------------------------------------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 0px;
overflow: hidden;
}

div#content{ 
min-height:450px;
height: expression(this.scrollHeight > 450 ? "auto":"450px");
max-height: 450px;
}

#content h1 {
text-align: left;
margin-top: 20px;
margin-left: 20px;
Color: #006200;
font-weight: bold;
font-size: 14px;
}

#content h4 {
text-align: left;
margin: 0;
margin-left: 20px;
Color: #006200;
font-weight: bold;
font-size: 12px;
}

#content p {
padding: 5px 20px;
color: black;
font-size: 11px;
text-align: justify;
}

#content ul {
color: black;
font-size: 11px;
}

#content a {
color: black;
}

#content p a {
	text-decoration: underline;
}

#content a:hover {
color: blue;
}

#content strong {
color:  #006200;
}

#content .lettrine {
font-size: 13px;
color:  #006200;
font-weight: bold;
}

/* ----------------------------------------------------------------------------- RIGHT ----------------------------------------------------------------------------- */
#right {
float: right;
width: 170px;
min-height:450px;
height: 450px;
margin: 0;
padding: 0;
border-right: 1px solid black;
}