/*----------------------------------------------------------------------------------------------------------- */


/* Permet la gestion d'affichage des elements dans le sous-menu:titre,description,image,cadre de l'image */


/*----------------------------------------------------------------------------------------------------------- */

.main-menu {
    float: left;
    width: 100%;
    background: #262626;
    box-shadow: 0px 0px 5px rgba(68, 68, 68, 0.5);
    position: relative;
    display: block;
    font-size: 13px;
    z-index: 999;
    /*
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    */
    zoom: 1;
    -webkit-font-smoothing: antialiased;
}

.main-menuinside {
    margin: 0 auto;
}

.main-menu .sf-menu,
.main-menu .sf-menu * {
    list-style: none outside none;
    /*margin: 0;
    padding: 0;*/
    margin-bottom: 0;
}

.main-menu .sf-menu {
    line-height: 1;
}

.main-menu .sf-menu ul {
    background: none repeat scroll 0 0 #fffff;
    position: absolute;
    top: -999em;
    min-width: 150px;
    width: 100%;
}

.cycloneslider {
    z-index: 1;
}

.main-menu .sf-menu li:hover {
    visibility: inherit;
}

.main-menu .sf-menu li {
    float: left;
    position: relative;
}

.main-menu .sf-menu a {
    display: block;
    position: relative;
}

.main-menu .sf-menu li:hover ul,
.main-menu .sf-menu li.sfHover ul {
    left: 0px;
    top: 49px;
    z-index: 99;
}

.main-menu ul.sf-menu li:hover li ul,
.main-menu ul.sf-menu li.sfHover li ul {
    top: -999em;
}

.main-menu ul.sf-menu li li:hover ul,
.main-menu ul.sf-menu li li.sfHover ul {
    left: 177px;
    top: 0;
}

.main-menu ul.sf-menu li li:hover li ul,
.main-menu ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

.main-menu ul.sf-menu li li li:hover ul,
.main-menu ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}

.main-menu .sf-menu {
    float: left;
    border-bottom: 5px solid #3796D5;
}

.main-menu .sf-menu a {
    color: #F9F9F9;
    text-decoration: none;
}


/*
.main-menu .sf-menu > li:first-child, .main-menu .sf-menu > li:first-child a {
    border: 0 none;
}

*/

.main-menu .sf-menu .sub-menu li:last-child,
.main-menu .sf-menu .sub-menu li:last-child a {
    border: 0 none;
}

.main-menu .sf-menu>li>a {
    color: #fff;
    /*Modification du font-size pour logé toute les onglets du menu (20px => 12px)*/
    font-size: 12px;
    line-height: 46px;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu .sf-menu {
    border: 0;
}


/*On modfie le font-size pour que cela loge sur les plus petit ecran*/


/*@media screen and (max-width: 962px){
    .main-menu .sf-menu > li > a{
        font-size: 10px;
    }

}
*/

.main-menu .sf-menu li li {
    background: none repeat scroll 0 0 #262626;
    /*border-top: 1px solid #fff;*/
    border-left: medium none;
    padding: 0;
    vertical-align: top;
}

.main-menu .sf-menu li li:first-child {
    border-top: none;
}

.main-menu .sf-menu li li a {
    background: none repeat scroll 0 0 #262626;
    border-left: medium none;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 16px;
    padding: 0px 0px 10px 15px;
    text-decoration: none;
    /*text-shadow: 0 1px 1px #000000;*/
}

.main-menu .sf-menu li li li {
    background: none repeat scroll 0 0 #262626;
    margin: 0 !important;
    padding: 0;
    vertical-align: top;
}

.main-menu .sf-menu li li li a {
    background: none repeat scroll 0 0 #262626;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 16px;
    padding: 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px #000000;
}


/*.main-menu .sf-menu li.sfHover > a, .main-menu .sf-menu li > a:focus, .main-menu .sf-menu li > a:hover, .main-menu .sf-menu li > a:active {
    color: #FFFFFF;
    outline: 0 none;
    background-color: #3796D5;
}

.main-menu .sf-menu li.current-menu-item > a, .main-menu .sf-menu > li.current-menu-parent > a, .main-menu .sf-menu > li.current-menu-ancestor > a {
    background-position: 0 0;
    color: #FFFFFF;
}

.main-menu .sf-menu li li.sfHover > a, .main-menu .sf-menu li li > a:focus, .main-menu .sf-menu li li > a:hover, .main-menu .sf-menu li li > a:active, .main-menu .sf-menu li li.current-menu-item > a, .main-menu .sf-menu li li.current-menu-parent > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #F9F9F9;
    outline: 0 none;
}

.main-menu .sf-menu li li li.sfHover > a, .main-menu .sf-menu li li li > a:focus, .main-menu .sf-menu li li li > a:hover, .main-menu .sf-menu li li li > a:active, .main-menu .sf-menu li li li.current-menu-item > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #F9F9F9;
    outline: 0 none;
}
*/

.main-menu .sf-menu a.sf-with-ul {
    min-width: 1px;
    display: table-cell;
    color: white;
}

.main-menu .sf-menu a.sf-with-ul:hover {
    color: white;
}

ul.sf-menu>li>a>span.sf-sub-indicator {
    top: -1px;
    position: relative;
    display: none;
}


/* .main-menu .sf-menu > li.sfHover > a { background-color: #fff; color: #000; }
 */

.main-menu ul.sf-menu.default_color {
    border-color: #3796D5;
}

.menu-wrapper-hidden {
    height: 56px;
    width: 100%;
    float: left;
    position: relative;
    display: block;
}

.main-menu select {
    display: none;
    width: 100%;
    position: relative;
    background: transparent;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
    color: #000000;
    background-color: #fffcf9;
    float: left;
    margin-top: 10px;
}


/* menu END */

.menu-item {
    position: relative;
    z-index: 999;
}


/*.sf-with-ul:focus{
    background: #3796D5;
}

*/

.menu_image_description {
    /*max-height:100px;*/
    /*margin-left: 10px;*/
    /*margin-bottom: 30px;*/
    margin-top: 10px;
    font-size: 0.9em;
}

.main-menu .sf-menu li li a {
    height: 135px;
    padding: 5px 10px 0 10px;
    line-height: 135px;
    cursor: pointer;
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
}

.main-menu .sf-menu li li a:active {
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
}

.main-menu .sf-menu li li {
    -webkit-transition: background .2s ease-out;
    transition: background .2s ease-out;
}


/*.main-menu .sf-menu li li:hover, .main-menu .sf-menu li li a:focus {
    transition:background .4s ease-out;
    background:#205399;
}
*/

.menu_image_description p {
    color: white !important;
    line-height: 1.2;
    text-align: left;
}

.menu-item .menu-title {
    font-size: 1.7em;
    color: white !important;
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin-top: 3px;
    margin-top: 3px;
    margin-top: 0.2rem;
    margin-bottom: 10px;
}

.menu_image_cadre {
    /*border:1px solid #C0C0C0;*/
    float: left;
    /*background:#FFFFFF;*/
    /*line-height:0.9;*/
    padding: 1px 1px 0 1px;
    margin-right: 10px;
    width: 25%;
    min-height: 7.5rem;
    /*-moz-box-shadow:0px 0px 3px 2px #656565;*/
    /*-webkit-box-shadow:0px 0px 3px 2px #656565;*/
    /*-o-box-shadow:0px 0px 3px 2px #656565;*/
    /*box-shadow:0px 0px 3px 2px #656565;*/
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3);
}

.menu_image_cadre img {
    width: 100%;
    /*opacity:0.7;*/
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.menu_image_cadre img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.main-menu ul.sf-menu>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}

.menu-wrapper {
    /*width:100%;*/
    z-index: 10;
    /*opacity:0;*/
    /*display:block;*/
    /*height:56px;*/
    position: relative;
    /*overflow:hidden;*/
    padding: 0px;
    visibility: visible;
    margin: 0 auto;
    width: 1170px;
    margin: 0px auto;
    right: 0;
    left: 0;
}

.menu-wrapper.sticky {
    position: fixed;
    top: 0;
}

.main-menu .sf-menu>li.mega-menu-columns>ul.sub-menu {
    padding: 0;
    margin-top: 5px;
}

.main-menu {
    position: relative;
}

.main-menu .sf-menu>li.mega-menu-columns {
    position: inherit !important;
    box-shadow: inset 1px 0 0 #FFF;
}

.main-menu .sf-menu>li:first-child.mega-menu-columns a{
  box-shadow: 0 0 0 #000
}

.main-menu .sf-menu>li.mega-menu-columns:nth-child(1),
.main-menu .sf-menu>li.mega-menu-columns:nth-child(1):hover,
.main-menu .sf-menu>li.mega-menu-columns:nth-child(1):focus {
    box-shadow: inherit;
}

.main-menu ul.sf-menu>li>a {
    box-shadow: inset 1px 0 0 #FFF;
}

.main-menu .sf-menu>li.mega-menu-columns>ul.sub-menu {
    padding: 15px 0px;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li {
    /*padding: 0px 15px;*/
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>a .sf-sub-indicator {
    display: none;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>ul {
    visibility: visible !important;
    /*  display: block !important;
*/
    left: 0px !important;
    top: 0px! important;
    position: relative !important;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>a {
    padding: 10px 10px 10px 20px;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>a:hover {
    padding: 10px 10px 10px 20px;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>ul>li>a {
    padding: 10px 10px 10px 20px;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>ul>li>a:hover {
    padding: 10px 5px 10px 25px;
}

.main-menu .sf-menu>li.mega-menu-columns>ul>li>a {
    text-transform: uppercase;
    font-size: 16px;
}


/* latest posts in menu */

.main-menu .sf-menu>li.mega-menu-posts .sf-sub-indicator {
    display: none;
}

.main-menu .sf-menu>li.mega-menu-posts {
    position: inherit !important;
}

.main-menu .sf-menu>li.mega-menu-posts>ul.sub-menu {
    padding: 15px;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li {
    padding: 15px;
    overflow: hidden;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li .post-link-in-menu {
    margin-top: 10px;
    float: left;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li:hover .post-link-in-menu {
    text-decoration: underline;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>a .sf-sub-indicator {
    display: none;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>ul {
    visibility: visible !important;
    display: block !important;
    left: 0px !important;
    top: 0px! important;
    position: relative !important;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>a {
    padding: 10px 10px 10px 10px;
    border: none;
    padding: 0;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>ul>li>a {
    padding: 10px 10px 10px 20px;
    padding: 0;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>ul>li>a:hover {
    padding: 10px 5px 10px 25px;
    padding: 0;
}

.main-menu .sf-menu>li.mega-menu-posts>ul>li>a {
    text-transform: uppercase;
    font-size: 16px;
}

.main-menu .sf-menu li.mega-menu-posts-count-4>ul>li {
    width: 25%;
    overflow: hidden;
}

.icon-menu-item {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 1;
    position: relative;
    text-decoration: none;
    font-style: normal;
    padding-right: 5px !important;
}


/* ----------------------------------------------------------------------------------*/


/* SIJE MENU */


/* ----------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------*/


/* Permet que la fenetre ne fasse pas déborder le dernier onglet de la barre de menu */


/* ----------------------------------------------------------------------------------*/



/*--------------------------------------------------*/


/* Query pour le cas ou le javascript est déactiver */


/*--------------------------------------------------*/

.mega-menu-columns-count-4 {
    width: 25%;
}

.main-menu .sf-menu li.mega-menu-columns-count-3>ul>li {
    width: 33.33%;
}


/*----------------------*/


/* Gére le menu mobile */


/*--------------------*/

#btn_menu_mobile {
    margin-bottom: 10px;
    /*position: absolute;
    right: 20px;*/
    /*position: relative;*/
    /*right: 20px;*/
    padding: 5px;
    text-align: center;
    background: white;
    text-decoration: none;
    float: left;
}

#btn_menu_mobile span {
    vertical-align: middle;
}

.menu-mobile-wrapper {
    background: white;
}

.menu-mobile-wrapper .fa {
    font-size: 2em;
    margin-right: 10px;
    vertical-align: middle;
    width: 30px;
    float: left;
}

.menu-mobile-wrapper ul {
    list-style: none;
    border-bottom: 1px solid rgb(222, 222, 222);
    margin-bottom: 0;
}

.menu-mobile-wrapper li {
    display: inline-block;
    width: 100%;
}

.menu-mobile-wrapper a[id^="onglet-"] {
    display: block;
    font-size: 1.1em;
    color: black;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #808080;
    -webkit-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;
}

.menu-mobile-wrapper a[id^="onglet-"]:hover,
a[id^="onglet-"]:focus {
    background: #CBCDEB;
}

.menu-mobile-wrapper ul[id^="sub-"] {
    display: none;
}

.menu-mobile-wrapper ul[id^="sub-"].active {
    display: block;
}

.menu-mobile-wrapper ul[id^="sub-"] a {
    -webkit-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;
    display: block;
    padding: 10px 10px 10px 20px;
    color: black !important;
}

.menu-mobile-wrapper ul[id^="sub-"] a i {
    color: inherit !important;
}

.menu-mobile-wrapper ul[id^="sub-"] a:hover,
ul[id^="sub-"] a:focus {
    background: #EAEAEA;
}

.main-menu .sf-menu li:hover ul,
.main-menu .sf-menu li.sfHover ul {
    top: 45px;
}

.main-menu ul.sf-menu>li {
    display: table-cell;
}

.menu-icon-mobile {
    float: left;
    font-size: 2em !important;
    margin-right: 5px;
    color: #000
}

.titre-site-mobile {
    float: left;
}

.titre-site-mobile span {
    display: none;
}

.site_logo_mobile {
    width: 18px;
    vertical-align: -21%;
    float: left;
}

#menu-mobile-wrapper {
    background: white;
    box-shadow: 0 0 8px black;
    padding: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-bottom: 10px;
    position: absolute;
    z-index: 1000;
    width: 85%;
    left: -90%;
    top: -10px;
    -webkit-transition: left 0.4s east-out;
    transition: left 0.4s east-out;
}

.full-out-menu-mobile {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    overflow: scroll;
}

.header-wrapper-mobile {
    height: 150px;
}

.accesibility-mobile {
    background: white;
    list-style: none;
    margin: 0;
}

.accesibility-mobile li {
    width: 32%;
    display: inline-block;
    text-align: center;
    font-size: 1.25em;
}


/*
 Menu Stabilisateur de padding
 */

@media screen and (min-width:769px) and (max-width:1171px) {
    .menu_image_description p {
        line-height: 1;
        /*padding-right: 10px;*/
    }
    .main-menu .sf-menu li.mega-menu-columns-count-3>ul>li {
        width: 50%;
        margin-bottom: 0;
    }
    .menu-wrapper.sticky {
        margin: 0;
        right: 5px;
        left: 5px;
    }
}

@media screen and (max-width: 400px) {
    .accesibility-mobile i {
        display: none;
    }
}

@media screen and (max-width:769px) {
    .menu-menu-principal-container {
        display: none;
    }
    .menu-wrapper .center {
        border: 0;
    }
    .main-menu {
        background: transparent;
    }
    #upper-panel-wrapper {
        margin-bottom: 13px;
        top: 0;
        left: 0;
        right: 0;
        position: fixed;
        width: 100%;
        z-index: 800;
    }
    #upper-panel-left{display: none;}
    .menu-mobile-wrapper {
        margin-bottom: 0;
    }
    .menu-mobile-wrapper li li {
        width: 50%;
        text-align: inherit;
        float: left;
    }
    .site_title>cite {
        display: none;
    }
    /* Sweep To Right */
    .sweep-to-right {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .sweep-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #67B8E2;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .sweep-to-right:focus,
    .sweep-to-right:active {
        color: white;
    }
    .sweep-to-right:focus:before,
    .sweep-to-right:active:before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@media screen and (max-width: 570px) {
    .menu-mobile-wrapper li li {
        width: 100%;
    }
}

@media screen and (min-width:770px) {
    #btn_menu_mobile {
        display: none;
    }
    .menu-mobile-wrapper {
        display: none;
    }
}

@media screen and (max-width:600px) {
    #sidebar-principal li {
        width: 100%;
        text-align: inherit;
        float: none;
    }
}

@media screen and (min-width:1201px) and (max-width:1350px) {
    .main-menu .sf-menu li.mega-menu-columns-count-3>ul>li {
        width: 33.33%;
    }
}

@media screen and (max-width:1045px) {
    /*    #menu-menu-principal {
        width:769px;
    }
    */
    .main-menu .sf-menu>li>a {
        font-size: 0.7em;
    }
}

@media screen and (min-width:1170px) {
    .main-menu ul.sf-menu>li:nth-child(1)>a {
        padding: 0 14px;
    }
    .main-menu ul.sf-menu>li:nth-child(2)>a {
        padding: 0 14px;
    }
    .main-menu ul.sf-menu>li:nth-child(3)>a {
        padding: 0 14px;
    }
    .main-menu ul.sf-menu>li:nth-child(4)>a {
        padding: 0 13px 0 14px;
    }
    .main-menu ul.sf-menu>li:nth-child(5)>a {
        padding: 0 13px;
    }
    .main-menu ul.sf-menu>li:nth-child(6)>a {
        padding: 0px 13px 0 10px;
    }
    .main-menu ul.sf-menu>li:nth-child(7)>a {
        padding: 0px 8px 0 8px;
    }
    .main-menu ul.sf-menu>li:nth-child(8)>a {
        padding: 0 0 0 14px;
    }
}

@media screen and (max-width:1170px) {
    .main-menu ul.sf-menu>li>a {
        padding-right: 5px;
        padding-left: 5px;
        /*min-width: 1px;*/
    }
    .main-menu ul.sf-menu>li:nth-child(5)>a {
        padding-right: 4px;
        padding-left: 5px;
    }
    .menu-wrapper {
        width: auto;
    }
}

@media screen and (max-width:981px) {
    .main-menu ul.sf-menu>li>a {
        padding-right: 4px;
        padding-left: 4px;
        min-width: 1px;
    }
    .main-menu ul.sf-menu>li:nth-child(6)>a,
    .main-menu ul.sf-menu>li:nth-child(7)>a,
    .main-menu ul.sf-menu>li:nth-child(8)>a {
        padding-right: 3px;
        padding-left: 3px;
    }
}