#sidebar {
    display: none;
    width: 300px;
    position: fixed;
    top: 100px;
    background-color: #fff;
    -moz-box-shadow: 4px 4px 5px 1px #969696;
    -webkit-box-shadow: 4px 4px 5px 1px #969696;
    -o-box-shadow: 4px 4px 5px 1px #969696;
    box-shadow: 4px 4px 5px 1px #969696;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#969696, Direction=134, Strength=5);
}

#sidebarCollapse .svg-inline--fa {
    font-size: 2em;
}

#sidebarCollapse {
    display: none;
    text-align: right;
}

#sidebar #dismiss {
    margin-right: 25px;
    margin-top: 25px;
}

#sidebar #dismiss .svg-inline--fa {
    color: #183153;
    font-size: 1.7em;
}

a[id^=menu_overlay] {
    text-decoration: none;
    font-weight: bold;
    padding-left: 50px;
    font-size: 1.3em;
    margin: 30px 0;
}

a[id^=menu_overlay]:hover {
    text-decoration: none;
    font-weight: bold;
}

a#menu_overlay0 {
    background: url(/image/menu-overlay/home.jpg) no-repeat;
    background-position: 10px 50%;
    color: #62D256;
}

a#menu_overlay1 {
    background: url(/image/menu-overlay/programmes.jpg) no-repeat;
    background-position: 10px 50%;
    color: #F093A4;
}

a#menu_overlay2 {
    background: url(/image/menu-overlay/ateliers.jpg) no-repeat;
    background-position: 10px 50%;
    color: #53CED7;
}

a#menu_overlay3 {
    background: url(/image/menu-overlay/galeries.jpg) no-repeat;
    background-position: 10px 50%;
    color: #AC78C5;
}

a#menu_overlay4 {
    background: url(/image/menu-overlay/apropos.jpg) no-repeat;
    background-position: 10px 50%;
    color: #856F5A;
}

a#menu_overlay5 {
    background: url(/image/menu-overlay/contact.jpg) no-repeat;
    background-position: 10px 50%;
    color: #EF9753;
}

/* -----------------------------------------------------
    MENU HORIZONTAL
-------------------------------------------------------- */

div#menuSecond {
    text-align: center;
    font-family: dk_cool_crayonregular;
    font-size: 1.1em;
    font-weight: none;
    color: #6D6D6D;
    height: 40px;
}

div#menuSecond a {
    padding: 0 5px;
    color: #6D6D6D;
}

div#menuSecond a:hover,
div#menuSecond a:visited,
div#menuSecond a:link {
    text-decoration: none;
    color: #6D6D6D;
}

div#menuSecond a.sousMenu {
    border-radius: 10px;
}

div#menuSecond a.sousMenu:hover {
    cursor: pointer;
    color: #FFFFFF;
}

div#menuSecond a#sousMenu0:hover {
    background-color: #62D256;
}

div#menuSecond a#sousMenu1:hover {
    background-color: #F093A4;
}

div#menuSecond a#sousMenu2:hover {
    background-color: #53CED7;
}

div#menuSecond a#sousMenu3:hover {
    background-color: #AC78C5;
}

div#menuSecond a#sousMenu4:hover {
    background-color: #856F5A;
}

div#menuSecond a#sousMenu5:hover {
    background-color: #EF9753;
}

/* -----------------------------------------------------
    MOBILE
-------------------------------------------------------- */

@media (max-width: 991px) {

    #sidebarCollapse {
        display: block;
    }

    div#menuSecond {
		display: none;
	}
}