/* (c) 2003 - Rémi Peyronnet */

/*
Replaced for Gallery Compatibility
img {
    border: none;
    vertical-align: middle;
}
*/

html, body {padding:0; margin:0; border:none;}

html {
    padding: 5px;
}

img {
    border: none;
}

div.topbanner {
    background: #cedfff;
    color: #f7f777;
    font-size: 36px;
    vertical-align: middle;
}

/* Gallery compatibility */
div.topbanner img {
    vertical-align: middle;
}

div.topbanner a {
    text-decoration: none;
    color: #f7f777;
}

div.topbanner .btn-menu {display : none; }

div.topbanner-small {
    font-size: 18px;
    color: #849bf3;
    vertical-align: middle;
    border: solid;
    border-width: 1px;
    border-color: #849bf3;
    padding : 2px;
    margin-bottom:2px; 
}


div.topbanner-small * img {
    vertical-align: top;
    height: 20px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

div.topbanner-small .btn-menu, .btn-menu {
    text-decoration: none;
    color: #849bf3;    
    padding-left: 0.5%;
    padding-right: 0.5%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    border-left: 1px solid #849bf3;
    border-right: 1px solid #849bf3;
}

div.topbanner-small .btn-menu:hover {
    background: #f7f777;
} 

span.flag-fr { font-size: 12px; float: right; margin: 10px; margin-top: 5px; }
span.flag-en { font-size: 12px; float: right; margin: 10px; margin-top: 5px; clear: right; }

@media  (max-width:979px) 
{
    
div.topbanner { font-size: large; }
div.topbanner * img { height: 1.4em; vertical-align: middle; }
div.topbanner .btn-menu {display : inline; }
div.topheader .mainmenu {display:none;}
div.topheader:hover .mainmenu {display: block;}
span.flag-fr { margin: 5px; }
span.flag-en { margin: 5px; clear: none; }

}


div.mainmenu {
    text-align: center;
    border: solid;
    border-width: 2px;
    border-bottom-width: 1px;
    border-color: #849bf3;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.mainmenu div.item {
    border-bottom: 1px solid #849bf3;
    padding: 1px;
}

div.mainmenu A {
    text-decoration: none;
    color: #849bf3;    
    padding-left: 0.5%;
    padding-right: 0.5%;
    border-right: 1px solid #849bf3;
}

div.mainmenu A:hover {
    background: #f7f777;
}

div.mainmenu A.selected {
    background: #d6eaff;
}

div.mainmenu span.split {
    width: 0px;
    border-right: 1px solid #849bf3;
}

div.menu {
    width: 210px;
    float: right;
    clear: right;
    border: solid;
    border-width: thin;
    border-color: #849bf3;
    margin: 2px;
    margin-left: 10px;
    margin-right: 0px;
}

div.menu div.box_title {
    text-align: center;
    background: #cedfff;
    border-bottom: thin solid #849bf3;
    color: #4d5b90;
}

div.menu div.body {
    padding: 2px;
}

div.menu a {
    text-decoration: none;
    color: #849bf3;    
    width: 100%;
}

div.menu img {
    padding: 1px;
    padding-right: 3px;
}

/* Other way 
div.menu A.d1 { width: 180px; }
div.menu A.d2 { width: 164px; }
div.menu A.d3 { width: 148px; }
div.menu A.d5 { width: 132px; }
div.menu A.d5 { width: 116px; }
div.menu A.d6 { width: 100px; }
*/

div.menu A:hover {
    background: #cedfff;
}

.bottom {
    clear: both;
    font-size: smaller;
}

div.bottom hr {
    color: #849bf3;
}

h1 {
 color: #4d5b90;
 font-weight: bold;
 font-size: x-large;
}

h2 {
 color: #6e81cc;
 font-weight: bold;
 font-size: large;
}

h3 {
 color: #8ca5ff;
 font-weight: bold;
 font-size: medium;
}

code {
 color: #707070;
}

