@media screen and (max-width: 1023px) {
    /* Base ===================================================================== */

    body {
        /*box*/ 
        width: 655px; 
        /*border */
        /*background*/
        /*fonts*/
        /* autres */  
    }

    /* Agencements ============================================================== */

    .page-col-2, 
    .page-col-2.page-sas {
        /*box*/ 
        width: 695px; 
        /*border */
        /*background*/
        /*fonts*/
        /* autres */  
    }

    .page-col-2 main {
        /*box*/ 
        width : 470px;
        /*width : 430px;*/
        /*border */    
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .page-col-2.page-sas main {
        /*box*/
        width : 430px;
        /*border */    
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .page-col-2 aside {
        /*box*/ 
        width : 205px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .item-grid.w3, .stamp.w3 {
        /*box*/ 
        width: 430px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .item-grid.w4, .stamp.w4 {
        /*box*/ 
        width: 430px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .page-col-2.page-sas.hasGrilleImgNav main, .hasGrilleImgNav main {
        /*box*/ 
        width : 430px;
        margin-right : 20px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .hasGrilleImgNav aside {
        /*box*/ 
        width : 205px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    /* Modules ================================================================== */
    .menu-top {
        /*box*/ 
        width : 100%;
        position : absolute;
        top : 0;
        left : 0;
        z-index : 110;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */ 
    }

    .menu-listeSite {
        /*box*/ 
        margin : 0;
        padding : 0;
        display: block;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .menu-listeSite > li {
        /*box*/ 
        margin : 0;
        padding : 0;
        display: none;
        width : 100%;
        /*border */
        border : 0;
        /*background*/
        background : #fff;
        /*fonts*/
        /* autres */   
    }

    .menu-listeSite > li:first-child {
        /*box*/
        display: block;
        /*border */
        /*background*/
        background : #000;
        /*fonts*/
        /* autres */   
    }

    .menu-listeSite > li:last-child {
        /*box*/
        padding-bottom : 5px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
        -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
        -o-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5);
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=180, Strength=10);
    }

    .menu-listeSite > li a{
        /*box*/
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding : 5px 0;
        display: block;
        width : 655px;
        /*border */
        /*background*/
        /*fonts*/
        font-size : 14px;
        /* autres */   
    }

    .menu-listeSite > li.active a {
        /*box*/ 
        /*border */
        /*background*/
        /*fonts*/
        color : #000;
        text-decoration: none;
        /* autres */  
    }

    .menu-listeSite > li:first-child a{
        /*box*/
        padding : 10px 0 10px 20px;
        /*border */
        /*background*/
        background : url(/fileadmin/fileadmin_Global/templates_Global/images/ui/bas_12px_04.png) no-repeat center left;
        /*fonts*/
        color : #FFF;
        /* autres */   
    }

    .menu-listeSite.isNotCollapse > li {
        /*box*/ 
        display: block;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */   
    }

    .menu-listeSite.isNotCollapse > li:first-child {
        /*box*/
        /*border */
        /*background*/
        background : #ea001b;
        /*fonts*/
        /* autres */   
    }

    .menu-listeSite.isNotCollapse > li:first-child a{
        /*box*/
        /*border */
        /*background*/
        background : url(/fileadmin/fileadmin_Global/templates_Global/images/ui/haut_12px_04.png) no-repeat center left;
        /*fonts*/
        /* autres */   
    }

    #topMenu .menu-listeSite > li.active a:hover,
    #topMenu .menu-listeSite > li.active a:focus {
        /*box*/
        /*border */
        /*background*/
        /*fonts*/
        text-decoration: underline;
        /* autres */
    }

    .bloc-logoSite {
        /*box*/
        margin-top : 90px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */
    }

    .footer-content > div {
        /*box*/
        width: 33%;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */ 
    }

    .mainTitre a {
        /*box*/ 
        /*border */
        /*background*/
        /*fonts*/
        font-size : 36px;
        /* autres */  
    }

    /* itemGridMenu ------------------------------------------------------------- */
    .layout .itemGridMenu,
    .layout #itemGridMenu1,
    .layout #itemGridMenu2,
    .layout #itemGridMenu3,
    .layout #itemGridMenu4,
    .layout #itemGridMenu5,
    .layout #itemGridMenu6,
    .layout #itemGridMenu7,
    .layout #itemGridMenu8,
    .layout #itemGridMenu9 {
        /*box*/ 
        /*border */
        /*background*/
        background-position: -9999px -9999px; 
        /*fonts*/
        /* autres */   
    }

    .grille-layout:not([href]) {
        display : none;
    }

    .itemGridMenu .sprite {
        background-position: -117px -111px;
    }

    .itemGridMenu[style^="background"]::before {   
        content : '';
        top : -999px;
        left : -999px;
        display : block;
        width : 100%;
        height : 100%;
        z-index : 0;
        background: none;
    }

    /* FIGURE ------------------------------------------------------------------- */
    .cols-2 figure, .cols-2 figcaption {
        width : 430px;
    }

    .cols-3 figure, .cols-3 figcaption { 
        width : 430px;
    }

    .cols-4 figure, .cols-4 figcaption { 
        width : 430px;
    }

    .page-article .cols-2 figure, .page-article .cols-2 figcaption { 
        width : 390px;
    }

    .page-article .cols-3 figure, .page-article .cols-3 figcaption { 
        width : 390px;
    }

    .page-article .cols-4 figure, .page-article .cols-4 figcaption { 
        width : 390px;
    }

    .cols-2 .csc-textpic-intext-left-nowrap figure, 
    .cols-2 .csc-textpic-intext-left figure, 
    .cols-2 .csc-textpic-intext-right-nowrap figure, 
    .cols-2 .csc-textpic-intext-right figure {
        float: none;
        clear : both;
    }

    .cols-1 .csc-textpic-intext-left-nowrap .csc-textpic-text,
    .cols-2 .csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left : 0
    }

    .cols-1 .csc-textpic-intext-right-nowrap .csc-textpic-text,
    .cols-2 .csc-textpic-intext-right-nowrap .csc-textpic-text {
        margin-right : 0;
    }

    .cols-1 .csc-textpic-intext-left figure, .cols-1 .csc-textpic-intext-left-nowrap figure,
    .cols-2 .csc-textpic-intext-left figure, .cols-2 .csc-textpic-intext-left-nowrap figure {
        padding-right : 0;
    }

    .cols-2 .csc-textpic-intext-right figure, .cols-2 .csc-textpic-intext-right-nowrap figure {
        padding-left : 0;
    }

    /*.csc-textpic-intext-right-nowrap figure, .csc-textpic-intext-right figure,*/
    .csc-textpic-intext-left-nowrap figure, .csc-textpic-intext-left figure {
        float: none;
    }

    .cols-1.textpic .contenu .csc-textpic-intext-left ul {
        /*box*/
        padding: 0 0 0 17px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */
    }

    .cols-2.textpic .contenu .csc-textpic-intext-left ul {
        /*box*/
        padding: 0 0 0 17px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */
    }

    /*[V] - 23/10/2019 - Redimensionnement des images */
    @media screen and (min-width: 768px) and (max-width: 1023px){
        .BlocContenuSdL .icono320,
        .BlocContenuSdL .icono480,
        .BlocContenuSdL .icono1024,
        .BlocContenuSdL .icono1130,
        .BlocContenuSdL .icono1330 { display:none; }

        .BlocContenuSdL .icono768{
        display:block;
        min-height:100%;
        z-index: 10;
        }
    }

    /* FIN */

    /* Etats ==================================================================== */

    /* Themes =================================================================== */

    #index .bloc-logoSite {
        /*box*/
        margin-top : 0;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */
    }

    #index #main {
        margin-top: 90px;
    }

    #index .colpos-0:not(.BlocAgenda) {
        /*box*/ 
        width: 430px;
        /*border */
        /*background*/
        /*fonts*/
        /* autres */ 
    }
}