#uk-aside-menu {

    z-index: 5002;
}

.uk-button {

    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    border: none;
    overflow: visible;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: all;
    transition-property: color, background-color, border-color;

}


.uk-button:hover {

    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    border: none;
    overflow: visible;
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    border-bottom-color: #ffffff;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.1s ease-in-out;
    transition-property: all;
    transition-property: color, background-color, border-color;

}


}

/* ENTETE */

#mcsq-entete {

    display:block;
    z-index: 5001;
    box-shadow: 10px 15px 15px rgba(65,45,35,0.5);

}



.mcsq-entete-global {

   display:block;
    height: 20px;
    padding: 0px;
    width:100%;
    background: #fff;

}

.bandeau-ombrage {

    height: 30px;
    background: -moz-linear-gradient(top,  rgba(65,45,35,0.6) 0%, rgba(233,150,64,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(65,45,35,0.75) 0%,rgba(233,150,64,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(65,45,35,0.75) 0%,rgba(233,150,64,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.mcsq-entete-logo {

    display:block;
    padding: 20px 0;
    height: 60px;
    width:100%;
    color: #d67b4d;
    background: rgb(255,255,255);

}


.mcsq-entete-menu {

    display:block;
    height: 48px;
    padding: 4px 0 4px 0;
    width:100%;
    color: #fff;
    background: #d67b4d;

}

#mcsq-entete h1{

    font-family: pt-sans-pro-condensed,sans-serif;
    font-weight: 300 !important;
    font-size: 3em;
}

/* MENU PRINCIPAL */

#mcsq-menu-principal {

    display: block;

}

#mcsq-menu-principal ul {

    display:block;
    list-style:none;
    padding:0;
    margin:0;

}

#mcsq-menu-principal ul li {

    display:inline-block;
    float:left;
    padding:0;
    margin:0;

}

.menu-accueil {



}

.menu-accueil a i {

    position: relative;
    font-size: 1.5em;
    margin-right: 20px;
    color: #e2a079;

}

#mcsq-menu-principal ul li a {

    color: #fff;

}

/* MENU SECONDAIRE */

ul#mcsq-menu-secondaire {

    display:block;
    height:32px;
    list-style:none;
    font-family: pt-sans-pro-condensed, sans-serif;
    font-size: 15px;
    background: #f5ede3;
    margin:0;
}

ul#mcsq-menu-secondaire li a:hover {

    text-decoration:none;

}

ul#mcsq-menu-secondaire li  {

    display:inline-block;
    float:left;
    padding: 4px 1em;
    border-right: 1px solid rgb(255,255,255);
    margin:0 4px;
}

ul#mcsq-menu-secondaire li:last-child  {

    border-right: none;

}

ul#mcsq-menu-secondaire li a::after  {

    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 10px;

}

.mcsq-texte  {

    font-family: pt-serif-pro,serif;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 2em;

}
.mcsq-texte-16 p {

    font-family: pt-serif-pro,serif;
    font-size: 16px;
    line-height: 1.8em;

}

.mcsq-texte-13  {
    font-size: 13px;
}
.mcsq-texte-18 {

    font-size: 18px;

}
.mcsq-texte-21 {

    font-size: 21px;

}

.mcsq-contenu h1 {

    font-family: pt-serif-pro,serif;
    font-size:3em;
    color: #a74738;
    margin: 1em 0 0 0 ;

}

.mcsq-gris {

    color: rgb(150,150,150);

}

.mcsq-intro {

    font-family: pt-serif-pro,serif;
    font-size: 21px;
    line-height: 1.8em;
    color: #d67b4d;
    margin: 1em 0;

}

.bandeau-accueil {

    display:block;
    height: 200px;
    background: #9b5c45 url(/a/public/mcsq/images/202011/bandeau-entete-accueil.jpg) center center no-repeat;
    background-size: cover;
    z-index: 1001;

}


ul.pdp-logos {

    display:block;
    line-height:auto;
    list-style:none;
    text-align:center;
}

ul.pdp-logos li {

    display:inline-block;
    width:40%;
    float:left;
    padding: 5%;

}

ul.pdp-logos li img {

    width: 100%;
    max-width: 100px;
    height:auto;
}


ul.pdp-medias {

    display:block;
    line-height:1.5em;
    list-style:none;
    font-size: 2.5em;
    color: #a74738;
    text-align:center;
}

ul.pdp-medias li {

    display:inline-block;
    float:left;
    padding: 0.5em;
}

.manchette-marge {

    margin-bottom: 2em;

}

.manchette-marge h2 {

    font-family: pt-sans-pro-condensed, sans-serif;
    color: #a74738;
    padding: 0.5em 0;

}

.manchette-marge h4 {

    background: #d67b4d;
    color: #fff;
    padding: 0.5em;

}


.entete-logos {

    display:block;
    float:right;

    list-style:none;
    padding:0;
    margin:10px 0 0 0 ;
    width:auto;
    min-width:250px;
    height:48px;
    overflow:hidden;
}

.entete-logos li {

    display:inline-block;
    float:left;
    height:42px;
    width:42px;
    padding-left: 10px;

}

.entete-logos li a {

    display:block;
    height:42px;
    width:42px;
    transition: 0.5s all;

}

.entete-logos li a:hover {

    opacity:0.6;
}

.entete-logos li a.logo-mcsq {

    background: url('/a/public/mcsq/images/vignette/202011/icone-mcsq.png');
    background-size: contain;
}

.entete-logos li a.logo-sdf {

    background: url('/a/public/mcsq/images/vignette/202011/icone-sf.png');
    background-size: contain;
}
.entete-logos li a.logo-rfan {

    background: url('/a/public/mcsq/images/vignette/202011/icone-rfan.png');
    background-size: contain;
}
.entete-logos li a.logo-jsq {

    background: url('/a/public/mcsq/images/vignette/202011/icone-jsq.png');
    background-size: contain;
}

.entete-logos li a.logo-em {

    background: url('/a/public/mcsq/images/vignette/202011/icone-em.png');
    background-size: contain;
}



@media only screen and (max-width: 1600px) {

    .bandeau-accueil {
        height:150px;
        background-size: cover;
    }

}


@media only screen and (max-width: 1000px) {

    .entete-logos {

        height:36px;
        overflow:hidden;
    }

    .entete-logos li a.logo-mcsq::before  {

        content: "1000";
        font-size: 10px;
        padding-left: 8px;

    }

    .entete-logos li {

        display:inline-block;
        float:left;
        height:36px;
        width:36px;
        padding-left: 5px;

    }

    .entete-logos li a {

        display:block;
        height:36px;
        width:36px;

    }
}

@media only screen and (max-width: 470px) {


    #mcsq-entete h1 {

        font-size:2em;

    }

    .mcsq-entete-logo {

        display:block;
        padding: 10px 0 20px 0;
        height: 60px;
        width:100%;
        color: #d67b4d;
        background: rgb(255,255,255);

    }

    .mcsq-entete-menu {

        display:block;
        height: 36px;
        padding: 0px 0 4px 0;
        width:100%;
        color: #fff;
        background: #d67b4d;

    }

}

.mcsq-auteur-grille a {

    color: #333333;

}

.mcsq-article-simple-auteur {

    font-size:18px;
    font-weight: 700;
    text-decoration:underline;
    transition: 0.2s all;

}

.mcsq-article-simple-auteur:hover {

    opacity: 0.7;
    text-decoration:none;

}


.mcsq-article-periodique {

    margin-top: 2em;
    font-size: 18px;

}

.mcsq-couleur-tertiaire {

    color: #9b5c45;
}