/**********************************************************************************************/
/*****************************CSS FOR THE CONTENT OF THE WEBSITE*******************************/
/**********************************************************************************************/


#page {
width:800px;
}

body {
margin: 0;
padding: 0;
/*width:80%;*/
font: 75% verdana, arial, sans-serif;

}

#site {
position: absolute;
z-index: 1;
top : 290px;
left : 10px;
color:#000099;
background-color: white;
padding: 5px;
width:800px;
bottom:0px;
height:100%;
text-align:justify;
}

td {
color:#000099;
font: 75% verdana, arial, sans-serif;
}


#title {
color:#AE1219;
margin:10px;
font-weight: bold;
}

#subtitle {
color:#3333ff;
margin:10px;
padding-top:15px;
font-weight: bold;
}

#paragraph {
margin:30px;
text-align:justify;
/*background-color:#CC3333;*/
}


#paragraph_table {
margin-left:30px;
text-align:justify;
/*background-color:#CC3333;*/
}


#bottom_page {
position:absolute;
bottom:0px;

}

#content {
position:relative;
top:30px;
border: 1px solid #727CC0;
margin: 0 8px;
width:780px;

}

#sub_content {
position:relative;
top:30px;
margin: 0 15px;
}

#area_picture{
padding-top:15px;
padding-bottom:15px;
}

#important_cadre{
background-color:#FFFFCC;
padding:10px;
margin:10px;
border: 1px solid #CCCCCC;

}

#designer {
color:#999999;
font-style:italic;
text-align:center;
padding-bottom:10px;
}

div#separator { margin:0px 0px 0px; height: 1px; width: 100%; overflow: hidden; background-color:#CCCCCC; }
div#sep_paragraph { margin-top:30px;  height: 1px; width: 100%; overflow: hidden; background-color:#CCCCCC; }



a {text-decoration: none;
color:blue;
text-decoration:underline; 
}

a:hover{
color:#CC0000;
}

a#cont {
color:#000066;
font-weight: bold;
border: 0px solid gray;
margin: 0 0px;
padding: 0px;
top : 0px;
}


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

a#picture{
border: 0 none;
}