body, html{margin:0;padding:0;}
body{text-align: center; height: 100%; font-family: verdana,trebuchet,arial;
    font-size: 12px;
    color: #333399;
    background: #AABBEE;}

#bg-header{width: 100%; position: relative; float: left;}
#bg-content{width: 100%; position: relative; float: left; background: #FFFFFF}
#header, #menu{width: 100%; position: relative; margin: 0 auto; background: #AABBEE; font-weight: bold; line-height: 40px;}
a, a:visited{color: #333399;}
#header a, #header a:visited{color: #FFECC4;}
#menu{border-bottom: 2px solid #333399;}
#content-main{display: block; width: 100%; position: relative; text-align: left; margin: 0 auto; overflow: auto;}
#container{position: relative; overflow: auto; width: 100%;}
#main{position: relative; float: left; text-align: left; padding: 0px; overflow: auto; width: 100%;}
#footer{position: relative; float: left; background: #AABBEE; width: 100%; border-top: 2px solid #333399; margin-top: 15px;}
#footer-left{display: block; float: left; font-size: 10px; text-align: center; width: 98%;}
#text{position: relative; float: left; width: 100%; overflow: auto;}
#notfound{display: block; background: url(../../img/notfound-105x200.jpg) center no-repeat; width: 100%; height: 200px;}
#text a{margin: 10px; text-align: center; display: block;}

p{margin: 5px;}

#formation_list{
    position: relative;
    width: 100%;
    float: left;
    display: block;
    min-height: 500px;
}
#formation_left, #formation_right{
    position: relative;
    width: 100%;
    float: left;
    overflow: auto;
}
#formation_center{
    position: relative;
    float: left;
    width: 100%;
    height: 180px;
    margin-bottom: 15px;
    background: url(../../img/genie-tete-101x150.png) bottom center no-repeat;
    text-align: center;
}

#grimoire_fin{
    position: relative;
    width: 100%;
    float: left;
    margin-top: 5px;
    text-align: center;
    border-top: 1px dotted #dddddd;
}

.advice{color: #D55050;}
.b{background: #eeeeFF;}
.statbox{border: 1px solid #333399; width: 60%; text-align: center;}
.statbox th{background: #FFECC4}

h1{font-size: 16px; margin: 0px; padding: 5px 0px; text-decoration: underline; background: #7c94be; text-align: center; width: 100%;}
h2{font-size: 12px; margin: 0px; margin-top: 10px; text-indent: 20px;}
h4{font-size: 12px; margin: 0px;}
h4 .lettrine{margin-left: 10px; padding: 2px 5px;}
.lettrine {
    font-weight: bold;
    font-family: Georgia, Times, serif;
    background: #AABBEE;
    display: inline-block;
    color: #FFFFFF;
    padding: 2px;
    margin: 0px;
    text-decoration: none;
}

#button_send_mail{
    display: block;
    width: 100%;
    border: 1px solid orange;
    float: left;
    margin: 0 auto;
    position: relative;
    background: #FFECC4;
}

table{
    display: block;
    float: left;
    position: relative;
    width: 99%;
    margin: 2px;
}
td img{
    display: block;
    float: right;
}
textarea{display: block;
    float: left;
    position: relative;
    width: 99%;
    margin: 2px;
}
textarea, input{
    background: #FFECC4;
    border: 1px solid orange;
}

#display_cpage #visionneuse .thumbnail img{border: none;}
.separator{border-bottom: 1px solid #555555; display: block; width: 90%; margin: 5px 4%;}
.quote{display: block;
    margin: 10px 25px;
    border: 1px solid #888888;
    background: #ddddff;
    padding: 5px;
    text-align: left;}
.code{
    display: block;
    margin: 10px 25px;
    border: 1px solid #888888;
    background: #dddddd;
    padding: 5px;
    font-family: Courier,"Courier New",sans-serif;
    text-align: left;
}
#display_cpage a{font-weight: bold;}