html {
    margin: 0;
    padding: 0;
}

.BandeauTop {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.k-scrollview-nav-wrap {
    display: none !important;
}

.k-grid-norecords-template {
    border: none !important;
}


.k-editor .k-i-ombre-reporte {
    background: 50% 0% no-repeat url('/Images/iconShadow.png') !important;
    margin-top: 5px;
}

/*.k-editor .k-i-insert-lien {
    background: 50% 0% no-repeat url('/Images/iconeLien.png') !important;*/
    /*margin-top: -6px;*/
    /*margin :0px;
    padding : 0px;
}*/

/*.k-editor .k-insertLigneTool {
    background: 50% 0% no-repeat url('/Images/iconeInsertLigne.png') !important;
    margin-top: -6px;
}*/

.k-editor .k-i-insert-media {
    background: 50% 50% no-repeat url('/Images/iconMedia.png') !important;
    margin-top: -6px;
}

.cellule_container {
    border-left: 1px dashed #838383;
    border-right: 1px dashed #838383;
}

#AllBande {
    border-left: solid #838383 2px;
    border-right: solid #838383 2px;
}

.bandeauBas {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #dadada;
    padding: 10px;
    z-index: 10;
}


body {
    color: #333;
    font-family: Arial, Calibri, 'Trebuchet MS', "Segoe UI", Tahoma, Verdana;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

/*p{
    margin:0;
}*/

img {
    max-width: 100%;
}

a, .link {
    color: #666;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

    a:link, a:visited,
    a:active, a:hover, .link:hover {
        color: #333;
    }


table {
    border: none;
}


fieldset {
    border-style: solid;
}

.BtModifier {
    background-image: url("/Images/BtModifier.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtModifier:hover {
        background-position: 0px -17px;
    }

.BtSupprimer {
    background-image: url("/Images/BtSupprimer.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtSupprimer:hover {
        background-position: 0px -17px;
    }

.BtUp {
    background-image: url("/Images/BtUp.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtUp:hover {
        background-position: 0px -17px;
    }


.BtDown {
    background-image: url("/Images/BtDown.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtDown:hover {
        background-position: 0px -17px;
    }

.BtAjouter {
    background-image: url("/Images/BtAjout.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtAjouter:hover {
        background-position: 0px -17px;
    }


.Widget {
    width: 100%;
}


.divBtValidationAdmin {
    border: 1px solid #888888;
    border-radius: 5px;
    background-color: #dddddd;
    padding: 10px 10px;
    margin-bottom: 10px;
}

    .divBtValidationAdmin .k-button {
        background-color: #AC0000;
        color: white;
        border: none;
        border-radius: 5px;
    }

.BtAdminAction {
    background-color: #AC0000;
    color: white;
    border: none;
    border-radius: 5px;
}

    .BtAdminAction :hover {
        background-color: #c5c5c5;
        color: black;
        border: none;
        border-radius: 5px;
    }

.iconhoverButton {
    color: white;
}

    .iconhoverButton:hover {
        color: black;
    }

.cadreWidgetArticleAdmin {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
}



.btUpDown {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    padding: 0px !important;
}


.k-editor .k-i-download-file-tool {
    /*background: 50% 0% no-repeat url('/Images/bt_DownloadFileV2.png') !important;*/
    background-size: 100%;
    background-image: url('/Images/bt_DownloadFileV2.png');
    background-repeat: no-repeat !important;
}

.k-editor .k-i-youtube-tool {
    /* background: 50% 0% no-repeat url('/Images/iconYouTube.png') !important;
    margin-top: -6px;*/
    background-size: 87%;
    background-image: url('/Images/iconYouTube.png');
    background-repeat: no-repeat !important;
}

.k-editor .k-i-insert-lien {
    /*background: 50% 0% no-repeat url('/Images/iconeLien.png') !important;*/
    /*margin-top: -6px;*/
    /*width: 2em;
    height: 2em;
    margin-top: 6px;*/
    background-size: 100%;
    background-image: url('/Images/iconeLien.png');
    background-repeat: no-repeat !important;
}


.k-editor .k-i-insert-ligne-tool {
    background: 50% 0% no-repeat url('/Images/iconeInsertLigne.png') !important;
    margin-top: -6px;
}

#k-editor-image-height {
    display: none;
}

label[for="k-editor-image-height"] {
    display: none;
}

.k-imagebrowser ul {
    height: 280px
}


.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-tabstrip-items li .k-link {
    font-style: normal;
}

.k-tabstrip-items li:not(.k-state-active) .k-link {
    background-color: #e9e9e9;
}

    .k-tabstrip-items li:not(.k-state-active) .k-link:hover {
        background-color: #e0e0e0;
    }

fieldset {
    border: 1px solid #cccccc;
    background-color: white;
    padding: 10px 50px;
}


.flou {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}


.btActionBande {
    background-color: #AC0000;
    color: white;
}


    .btActionBande:hover {
        background-color: #cfcfcf;
        color: black;
    }


.photo {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    background-size: contain;
}

.k-i-delete:hover {
    color: #AC0000;
}

.k-i-edit:hover {
    color: #447b77;
}

.k-i-copy:hover {
    color: #447b77;
}

.libelleTitre {
    opacity: 0.8;
}

input[type=radio] {
    vertical-align: middle;
    margin: 0 3px 0px 5px;
}
/*td * {
    vertical-align:middle;
}*/

/* Notifications */
.k-notification h3 {
    padding-left: 10px;
    font-size: 1em;
    line-height: normal;
}

.k-notification img {
    margin: 20px;
    float: left;
}

.k-notification {
    padding-left: 10px;
    white-space: normal;
}

div.k-animation-container {
    padding-bottom: 10px;
}

/* Info template */
.notif-info {
    width: 300px;
    height: 50px;
}

/* Error template */
.notif-error {
    width: 300px;
    height: 50px;
}

/* Success template */
.notif-success {
    width: 300px;
    height: 50px;
}

/* copy de la class k-state-active pour forcer le style sur les bouttons togglable */
.k-bt-active {
    color: #333;
    background-color: #ebebeb;
    border-color: #aeaeae;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.divContainPrioritaireArticle {
    padding-bottom: 15px;
}

.divContainerOneArticlePrioritaire {
    cursor: pointer;
    background-color: white;
    padding: 2px;
    /*    box-shadow: 3px 3px 3px #b6b6b6;*/
    border: #dadada solid 1px;
}

.divContainerOneArticlePrioritaire {
    margin-top: 15px;
}

.Article_ImageVignette_Prioritaire {
    padding: 10px;
}

.titreVignetteArticle_Prioritaire {
    margin: 8px 0;
    font-size: 22px;
    color: #405061;
    font-family: roboto;
}

input[type="button"] {
    outline: none;
}

.divBtnAllArticle {
    background: none;
    border: none;
    font-family: 'Roboto';
    background-color: #8c9eae;
    border-radius: 20px;
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}

.divArticle_ThemeEntete {
    margin: 20px 0;
}

.Article_LegendePhotoEntete {
    font-size: 14px;
    font-style: italic;
}


.Article_ChapeauVignette {
    font-size: 15px;
    font-family: Segoe UI;
    color: #5a5a5a;
}

.Article_ThemeVignette {
    background-color: #EEFFDB;
    padding: 5px 5px 2px;
    font-size: 12px;
}

.titreVignetteArticle {
    font-size: 15pt;
    color: #405061;
    font-weight: normal;
}

*/
/*CSS SPEC*/
.divBtnAllArticle {
    background: none;
    border: none;
    font-family: 'Roboto';
    background-color: #8c9eae;
    border-radius: 20px;
    color: #ffffff;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}



input[type="button"] {
    padding: 5px 20px 8px;
}

.titreVignetteArticle {
    font-size: 15pt;
    color: #405061;
    font-weight: normal;
}

.Corp_Widget > div .titreVignetteArticle {
    font-size: 11pt;
}

.Widget button {
    padding: 10px;
}

a span:hover {
    opacity: 0.8;
}

html {
    margin: 0;
    padding: 0;
}
/*---------------------------- CSS ARTICLE -----------------------*/
body {
    color: #333;
    font-family: Arial, Calibri, 'Trebuchet MS', "Segoe UI", Tahoma, Verdana;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

/*p{
    margin:0;
}*/

a, .link {
    color: #666;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

    a:link, a:visited,
    a:active, a:hover, .link:hover {
        color: #333;
    }


table {
    border: none;
}


fieldset {
    border-style: solid;
}

.BtModifier {
    background-image: url("/Images/BtModifier.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtModifier:hover {
        background-position: 0px -17px;
    }

.BtSupprimer {
    background-image: url("/Images/BtSupprimer.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtSupprimer:hover {
        background-position: 0px -17px;
    }

.BtUp {
    background-image: url("/Images/BtUp.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtUp:hover {
        background-position: 0px -17px;
    }


.BtDown {
    background-image: url("/Images/BtDown.png");
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtDown:hover {
        background-position: 0px -17px;
    }

.BtAjouter {
    background-image: url("/Images/BtAjout.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 17px;
    width: 17px;
}

    .BtAjouter:hover {
        background-position: 0px -17px;
    }


.Widget {
    width: 100%;
}


.divBtValidationAdmin {
    border: 1px solid #888888;
    border-radius: 5px;
    background-color: #dddddd;
    padding: 10px 10px;
    margin-bottom: 10px;
}

    .divBtValidationAdmin .k-button {
        background-color: #AC0000;
        color: white;
        border: none;
        border-radius: 5px;
    }

.cadreWidgetArticleAdmin {
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 10px;
}



.btUpDown {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    padding: 0px !important;
}


.k-editor .k-downloadFileTool {
    background: 50% 0% no-repeat url('../../Images/bt_DownloadFile.png') !important;
}

.k-editor .k-youtubeTool {
    background: 50% 0% no-repeat url('../../Images/iconYouTube.png') !important;
    margin-top: -6px;
}

.k-editor .k-insertLien {
    background: 50% 0% no-repeat url('../../Images/iconeLien.png') !important;
    margin-top: -6px;
}

.k-editor .k-insertLigneTool {
    background: 50% 0% no-repeat url('../../Images/iconeInsertLigne.png') !important;
    margin-top: -6px;
}

#k-editor-image-height {
    display: none;
}

label[for="k-editor-image-height"] {
    display: none;
}

.k-imagebrowser ul {
    height: 280px
}


.k-tabstrip:focus {
    box-shadow: none !important;
}

.k-tabstrip-items li .k-link {
    font-style: normal;
}

.k-tabstrip-items li:not(.k-state-active) .k-link {
    background-color: #e9e9e9;
}

    .k-tabstrip-items li:not(.k-state-active) .k-link:hover {
        background-color: #e0e0e0;
    }


.Article_ThemeEntete {
    font-size: 16px;
    color: #636363;
    background-color: #F6FB83;
    padding: 2px 6px 2px 6px;
}

.tdArticle_ThemeEntete {
    text-align: center;
}

.Article_DatePublicationEntete {
    color: #959faa;
    font-size: 15px;
}

.tdArticle_DatePublicationEntete {
    text-align: center;
}

.Article_TitleEntete {
    font-weight: bold;
    margin: 10px 0;
}

.tdArticle_TitleEntete {
    text-align: center;
}

.Article_AuteurEntete {
    color: #959faa;
    font-size: 15px;
}

.Article_SourceEntete {
    color: #959faa;
    font-size: 15px;
}

.Article_DescriptionEntete {
    font-size: 20px;
    margin: 15px 0;
    text-align: justify;
}

.Article_EnteteCategorie {
    padding: 5px 0;
    background-color: white;
    font-size: 21px;
    font-family: roboto;
}


.Entete_BordureCategorie {
    border-top: 4px #94a7bb solid;
    border-bottom: none;
}

.divArticle_ThemeEntete {
    margin: 20px 0;
}

.Article_LegendePhotoEntete {
    font-size: 14px;
    font-style: italic;
}


.Article_ChapeauVignette {
    font-size: 15px;
    font-family: Segoe UI;
    color: #5a5a5a;
}

.Article_ThemeVignette {
    background-color: #EEFFDB;
    padding: 5px 5px 2px;
    font-size: 12px;
}


.Article_DatePublicationVignette {
    margin-top: 3px;
}

.tdArticleZone {
    background-color: white;
    /*padding: 20px;*/
}


.Article_ThemeVignette_Prioritaire {
    background-color: #fae6fb;
    padding: 5px;
    font-size: 12px;
}

.Article_DatePublicationVignette_Prioritaire {
}

.titreVignetteArticle_Prioritaire {
    margin: 8px 0;
    font-size: 22px;
    color: #405061;
    font-family: roboto;
}

.Article_ImageVignette_Prioritaire {
    text-align: center;
}

.divContainPrioritaireArticle {
    padding-bottom: 15px;
}

.divContainerOneArticlePrioritaire {
    cursor: pointer;
    background-color: white;
    padding: 2px;
}

.divContainerOneArticlePrioritaire {
    margin-top: 15px;
}

.Article_ImageVignette_Prioritaire {
    padding: 10px;
}

.Entete_Widget {
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 15px;
}


/*------------------------- ENTETE CATEGORIE LISTE --------------------------*/

.btCategorieArticle {
    font-size: 15px;
    font-family: roboto;
}


input[type="button"] {
    outline: none;
}

.btnArticle {
    background-color: #527337;
    border-color: #527337;
    border-radius: 15px;
}

.k-scrollview-nav {
    display: none !important;
}



/*ne pas supprimer */
/**, ::after, ::before {
    box-sizing: initial !important;
}*/

#divBody *, ::after, ::before {
    box-sizing: initial !important;
}

#AllBande *, ::after, ::before {
    box-sizing: initial !important;
}


.k-scrollview-wrap {
    position: inherit !important;
}

.Corp_Widget {
    padding: 10px 10px;
}


.widget_container {
    margin-bottom: 0px;
}

div[class^="WIDGET_"] {
    margin: 0px;
}


p {
    margin: 0;
}