/***********************************************************************************
 ************************************************************************************
 *************************Brault et Bouthillier Home ********************************
 ************************************************************************************
 ************************************************************************************/
body {
    background: #ffffff;
}

div.contain-special {
    position: relative;
    margin: 0 auto;
    width: 853px;
    border: 1px solid #bfbfbf;
    border-width: 0px 1px 0px 1px;
}

.contain-special .header {
    width: 839px;
    position: relative;
    height: 73px;
    padding: 7px;
    background: transparent url(../images/header_home.png) top left repeat-x;
    margin: 0px 0px 10px 0px;
    z-index: 1;
}

.contain-special h1#logo {
    text-align: left;
}

.contain-special #logo a {
    margin-top: 0px;
}

.contain-special #logo img {
    display: block;
}

div.footer-special {
    position: relative;
    height: 17px;
    background: transparent url(../images/footer_home.png) top left repeat-x;
    margin: 0px;
    line-height: 9px;
}

.footer-special .copy-box {
    position: absolute;
    top: 3px;
    right: 15px;
    padding: 0px;
    font-size: 8px;
}

.footer-special .copy-box a {
    color: #FFFFFF;
}

.footer-special div.footer-links {
    position: absolute;
    top: 3px;
    left: 12px;
    width: 350px;
    padding: 0px;
}

.footer-special .footer-links li {
    float: left;
}

.footer-special .footer-links a {
    color: #dedeeb;
    margin: 0;
    padding: 2px 5px;
    text-decoration: underline;
    font-size: 9px;
}

.footer-special .footer-links a:hover {
    color: #dedeeb;
}

/******************************************cms-home******************************************/
div.head-home {
    position: absolute;
    top: 10px;
    left: 280px;
    height: 33px;
    width: 482px;
    text-align: left;
    padding: 0px 15px;
    color: white;
    z-index: 100;
}

.head-home h1 {
    font-size: 18px;
}

.head-home p {
    font-size: 12px;
    margin: 0px;
}

div.cols {
    float: left;
    width: 835px;
    height: 522px;
    margin-left: 13px;
}

li.home-menu, li.home-menu-en {
    float: left;
    margin: 0px 1px;
    width: 276px;
    height: 522px;
}

.home-menu a, .home-menu-en a {
    display: block;
    width: 275px;
    height: 522px;
    text-align: left;
    text-indent: -10000px;
}

.home-menu a.BB {
    background: transparent url(../images/bg_home_BB.png) top right no-repeat;
}

.home-menu a.CPE {
    background: transparent url(../images/bg_home_CPE.png) top right no-repeat;
}

.home-menu a.Jocus {
    background: transparent url(../images/bg_home_jocus.png) top right no-repeat;
}

.home-menu a.BB:hover {
    background: transparent url(../images/bg_home_BB.png) top left no-repeat;
}

.home-menu a.CPE:hover {
    background: transparent url(../images/bg_home_CPE.png) top left no-repeat;
}

.home-menu a.Jocus:hover {
    background: transparent url(../images/bg_home_jocus.png) top left no-repeat;
}

.home-menu-en a.BB {
    background: transparent url(../images/bg_home_BB_en.png) top right no-repeat;
}

.home-menu-en a.Kinder {
    background: transparent url(../images/kindergarten_2010.jpg) top right no-repeat;
}

.home-menu-en a.Jocus {
    background: transparent url(../images/bg_home_jocus_en.png) top right no-repeat;
}

.home-menu-en a.BB:hover {
    background: transparent url(../images/bg_home_BB_en.png) top left no-repeat;
}

.home-menu-en a.Kinder:hover {
    background: transparent url(../images/kindergarten_2010.jpg) top left no-repeat;
}

.home-menu-en a.Jocus:hover {
    background: transparent url(../images/bg_home_jocus_en.png) top left no-repeat;
}

div.top-cms-nav, div.top-cms-nav2 {
    display: none;
}

/******************************************cms-nav-home******************************************/
.cms-home div#main {
    height: 522px;
    padding: 0px;
}

div.cms-nav {
    display: block;
    position: absolute;
    top: 71px;
    right: 10px;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 9px;
    line-height: 13px;
    text-transform: uppercase;
}

li.menu-nav {
    float: left;
    height: 10px;
    margin-right: 10px;
    padding-right: 10px;
}

#navAboutUs {
    border-right: 1px solid #2e2e2f;
}

.menu-nav a {
    color: #2e2e2f;
}

.menu-nav a:hover {
    text-decoration: none;
}

/******************************************switch/languages.phtml******************************************/
.language-switcher {
    position: absolute;
    top: 0px;
    right: 17px;
    z-index: 99;
    font-family: Gill Sans, Arial, Helvetica;
    font-size: 11px;
}

.menu-languages {
    float: right;
    padding: 2px 3px;
}

.selected {
    display: none;
}

.menu-languages a {
    color: #FFFFFF;
}

.menu-languages a:hover {
    text-decoration: underline;
}