@charset "UTF-8";
/* CSS Document */
*{
        margin: 0px;
        padding: 0px;
}
body{
        background-color: #4b869e;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: .8em;
        background-image: url(http://www.ecachim.be/images/bg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
}
.frame{
        background-image: none;
}
a{
        color: #333;
        text-decoration: none;
}
p{
        font-family: Arial, Helvetica, sans-serif;
        color: #CCC;
        text-align: left;
        margin-bottom: 10px;
}
h1{
   font-size: 2em;
   color: #CCC;
   text-align: left;
   margin:0.8em 0;
   text-align:center;
}
h2{
        font-size: 1.65em;
        color: #CCC;
        text-align: left;
        margin:1.2em 0;
}
h3{
        font-size: 1.4em;
        color: #CCC;
        text-align: left;
}
h4{
        font-size: 1.25em;
        color: #CCC;
        text-align: left;
}
h5{
        font-size: 1em;
        color: #CCC;
        text-align: left;
}
ul, ol{
        list-style-position: inside;
        color: #CCC;
}
strong, b{
        color: #CCC;
}
q{
        font-style: italic;
        color: #CCC;
}
a:hover{
        color: #4b869e;
        text-decoration: none;
}
/* Index page*/
#index_header{}
#index_headerleft{
        float: left;
        height: 300px;
        width: 300px;
        background-color: #00597e;
}
#index_headerright{
        float: left;
        height: 300px;
        width: 600px;
        background-image: url(http://www.ecachim.be/images/logo_index.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #006892;
}
#index_language{
        float: left;
        height: 450px;
        width: 900px;
        background-image: url(http://www.ecachim.be/images/index.jpg);
        background-repeat: no-repeat;
        background-position: left top;
        
}
#index_select{
        float: right;
        margin-right: 50px;
        margin-top: 375px;
}
#index_select a{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2em;
        margin-left: 20px;
}
/* End Index page */
#wrapper{
        background-color: #FFF;
        width: 900px;
        text-align: left; /* the auto margins (in conjunction with a width) center the page */
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
}
#header{
        height: 300px;
        width: 900px;
        overflow: hidden;
}
#headerleft{
        height: 300px;
        width: 300px;
        background-image: url(http://www.ecachim.be/images/logo.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        float: left;
}
#headerright{
        height: 300px;
        width: 600px;
        float: left;
}
#language, #language ul{
        float: left;
        height: 30px;
        width: 300px;
        background-color: #FFF;
        list-style-type: none;
        text-align: center;
}
#language li{
        display: inline;
        list-style-type: none;
        line-height: 30px;
        text-align: center;
        margin-right: 10px;
        margin-left: 10px;
}
#topmenu{
        float: left;
        height: 30px;
        width: 600px;
        background-color: #87adca;
        list-style-type: none;
}
#topmenu li{
        display: block;
        list-style-type: none;
        float: left;
        margin-left: 20px;
        line-height: 30px;
}
#sidemenu{
        float: left;
        width: 200px;
        background-color: #006892;
        text-align: center;
        height: 100%;
}
#sidemenu li{
        display: block;
        list-style-type: none;
        float: left;
        line-height: 30px;
        margin: 0px;
        padding: 0px;
}
#sidemenu a{
        color: #87adca;
        text-decoration: none;
        height: 31px;
        width: 200px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #87adca;
        float: left;
        background-color: #00597e;
}
#sidemenu a:hover{
        color: #FFF;
        text-decoration: none;
        background-color: #87adca;
}
#content{
        float: left;
        width: 680px;
        background-color: #006892;
        padding: 10px;
}
#content a, #footer a{
        color: #aaa;
        text-decoration: none;
}
#content a:hover, #footer a:hover{
        color: #4b869e;
        text-decoration: none;
}
#content p{
        text-align:justify;
}
#content li {
        margin-left:15px;
        text-align:justify;
        margin-bottom:0.6em;
}
#content ul, #content ol{
        list-style-position: outside;
        color: #CCC;
        margin-left:10px;

}
#contentwrapper{
        float: left;
        height: auto;
        width: 900px;
        background-color: #4b869e;
        overflow: hidden;
        background-image: url(http://www.ecachim.be/images/bg2.jpg);
        background-repeat: repeat-y;
        background-position: left top;
}
#footer{
        background-color: #006892;
        float: left;
        height: 90px;
        width: 890px;
        color: #FFF;
        padding-top: 10px;
        padding-left: 10px;
        text-align: center;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #87adca;
}