#top{
}
#top .header{
}

header > div, 
header > div .flexheader {
    height: 300px !important;
    font-size: 32px;
}
top #navigation #js-mainnav {
    border: 0 !important;
    margin: 0 0 0 13px;
    padding: 10px 15px;
    width: auto !important;
    position: fixed !important;
    top: 28px;
    right: 22px;
    background-color: #FFFFFF;
    box-shadow: 0 0px 0.3px rgba(0, 0, 0, 0.02), 0 0px 0.7px rgba(0, 0, 0, 0.028), 0 0px 1.3px rgba(0, 0, 0, 0.035), 0 0px 2.2px rgba(0, 0, 0, 0.042), 0 0px 4.2px rgba(0, 0, 0, 0.05), 0 0px 10px rgba(0, 0, 0, 0.07);
	transition-duration: 0.5s
}
top #navigation {
    position: absolute;
    right: 20px;
    top: 60px;
}
#jux_memamenu111 #js-mainnav.megamenu {
    border: 0px;
    float: right;
    padding: 5px 10px;
    width: auto !important;
}
#js-mainnav .jux-fa.jux-fa-bars {
    margin-top:0 !important;
    margin-left: 0 !important;
	color: #847560 !important;
    float: right !important;
}
#js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    padding: 4px 0 !important;
    text-align: right !important;
    margin: 0 !important;
}
#js-mainnav.megamenu .js-megamenu {
    text-align: left !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}
#navigation #js-mainnav ul li.haschild {
}
wrapper #top .wrap #navigation #js-mainnav ul li a {
	padding: 3px 10px 3px 0;
    width: 110px;
}
#navigation #js-mainnav ul li.active > a {
    box-shadow:none;
}
#navigation #js-mainnav ul li .accordion-btn-wrap {
    top: 3px !important;
    right: 6px !important;
    padding: 5px !important;
    height: 20px !important;
    width: 20px !important;
}
content h1, content .componentheading {
    font-size: 30px;
}
content h2{
    font-size: 24px;
}
content .mod-articlesnews {
    grid-template-columns: 1fr;
}
.formations content .item-page {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas:
        "Titre"
        "Content"
        "left";
}
bottom .col-sm-4{
	margin-bottom:30px;
}
footer .menu ul li {
	display: block;
}

@media (min-width: 768px) {
#top{
}
header > div, 
header > div .flexheader {
    height: 500px !important;
    font-size: 42px;
}
top #navigation {
    float: right;
    position: relative;
    top: unset;
    right: unset;
}
top #navigation #js-mainnav {
    margin: 0;
    padding: 0;
    width: auto !important;
    position: relative  !important;
    top: unset;
    right:unset;
    background-color: transparent;
    box-shadow: none;
}
#navigation #js-mainnav .megamenu{
	background-color:transparent;
}
	
#navigation #CSS3-megaMenuToggle{
    display:none;
}
#jux_memamenu111 #js-mainnav.megamenu {
    float: none;
}
#navigation #js-mainnav ul li a {
    width: auto;
    padding: 0px 16px !important;
}
#navigation #js-mainnav ul li.active > a {
}
#js-mainnav.megamenu ul.level0 li.megacss a.megacss {
}
#js-mainnav.megamenu .js-megamenu {
	margin: 0 !important;
    background-color: transparent;
}
content h1, content .componentheading {
    font-size: 36px;
}
content h1, content h2, content .componentheading {
}
content .mod-articlesnews {
    grid-template-columns: 1fr 1fr;
}
.formations content .item-page {
    grid-column-gap: 0px;
    grid-row-gap: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "Titre left"
        "Content left";
}
bottom .col-sm-4{
	margin-bottom:0;
}
}
@media (min-width: 992px) {

#navigation{
}
content {
}
content h1, 
content h2, 
content .componentheading {
}
.formations content .item-page {
    max-width: 100%;
    align-items: start;
    display: grid;
    grid-template-rows: auto 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "Titre left"
        "Content left";
}
@media (min-width: 1200px) {

}