/* --------------------------------------------------------------------------- */
/* GENERAL */
html{background-color:#474747; width:100%; min-height:100%; color:#fff; font-size:100%; font-family:arial,sans-serif;}
body{background-color:#474747; width:100%; min-height:100%;}
  #container{background-color:#474747; width:100%; min-height:100%; margin:0; padding:0;}
  
    .left{float:left;}
    .right{float:right;}
    .clear{clear:both;}
    .word_wrap{white-space:nowrap;}
    
    /* --------------------------------------------------------------------------- */
    /* SECTION INTRO-LOADING */
    #preloader{background:#1d1d1d; position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:999;}
      #preloader .logo{position:absolute; top:50%; left:50%; margin:-50px 0 0 -64px;}
      #preloader .process{position:absolute; top:50%; left:50%;}
      #preloader .loading{width:110px; height:10px; margin:0 0 0 -65px;}
    
    /* --------------------------------------------------------------------------- */
    /* HEADER */
    #header{background:#474747; display:none; width:100%; height:50px; margin:0; padding:0; overflow:hidden;}
      #header .left{}
      #header .right{}
        #header a,
        #header a:link{color:#fff; font-size:125%; font-weight:bold; text-decoration:none; text-transform:uppercase;}
        #header a:active{color:#fff;}
        #header a:focus{color:#fff;}
        #header a:hover{color:#fff;}
        #header a:visited{}
        
        .logo_uqam{display:block; float:left; margin:10px 0 0 27px;}
          .logo_uqam img{width:80px;  padding:5px;}
        .btn_home{display:block; float:right; margin:11px 10px 0 0;}
          .btn_home img{width:15px; padding:7px; opacity:0.45;}
        .btn_menu{display:block; float:right; margin:19px 27px 0 0;}
          .btn_menu img{float:left; width:20px; padding:3px 5px 0 0;}
          .btn_menu span{display:block; float:right; padding:0 0 0 0;}
        
    /* --------------------------------------------------------------------------- */
    /* MENU */
    #navigation{width:100%; height:0; overflow:hidden; text-align:left;}
      #navigation ul{display:block; padding:7px 7px 0 7px;}
        #navigation ul li{background-color:#2b2b2b; display:block; width:100%; margin:0 0 4px 0; padding:10px 0 10px 0;}
        #navigation ul .artwork_esg{}
        #navigation ul .artwork_communication{}
        #navigation ul .artwork_politique{}
        #navigation ul .artwork_arts{}
        #navigation ul .artwork_sciences{}
        #navigation ul .artwork_education{}
        #navigation ul .artwork_humaines{}
        #navigation ul li.active{}
          #navigation ul li a,
          #navigation ul li a:link{display:block; margin:0 0 0 15px; padding:4px 0 4px 30px; color:#fff; font-size:90%; text-decoration:none;}
          
          #navigation ul .artwork_esg a{background:url('../medias/images/icons/icon_esg.svg') no-repeat 0 center;}
          #navigation ul .artwork_communication a{background:url('../medias/images/icons/icon_communication.svg') no-repeat 0 center;}
          #navigation ul .artwork_politique a{background:url('../medias/images/icons/icon_politique.svg') no-repeat 0 center;}
          #navigation ul .artwork_arts a{background:url('../medias/images/icons/icon_arts.svg') no-repeat 0 center;}
          #navigation ul .artwork_sciences a{background:url('../medias/images/icons/icon_sciences.svg') no-repeat 0 center;}
          #navigation ul .artwork_education a{background:url('../medias/images/icons/icon_education.svg') no-repeat 0 center;}
          #navigation ul .artwork_humaines a{background:url('../medias/images/icons/icon_humaines.svg') no-repeat 0 center;}
          
          #navigation ul li.active a,
          #navigation ul li.active a:link{}
          #navigation ul li a:active{}
          #navigation ul li a:focus{}
          #navigation ul li a:hover{}
          #navigation ul li a:visited{}
            #navigation ul li a span{display:block;}
                
    /* --------------------------------------------------------------------------- */
    /* SHOWCASE ARTWORK - HOME */
    #artwork_showcase{display:none; padding:7px 0 0 7px; /*visibility:hidden;*/}
      #artwork_showcase .left{}
      .tile{width:50%;}
      #artwork_showcase .right{}
        .tile_inside{position:relative; overflow:hidden;}
        .left .tile_inside{padding:0 7px 7px 0;}
        .right .tile_inside{padding:0 7px 7px 0;}
          .tile a{display:block;}
            .tile img{width:100%;}
            .logo_7portraits .imageFond{}
            .logo_7portraits .imageLogo{position:absolute; top:0; left:0; width:75%; padding:35% 0 0 12.5%;}
            
            .hide_img{position:absolute; top:0; left:0; margin:0; padding:0;}
    /* --------------------------------------------------------------------------- */
    /* DESCRIPTION ARTWORK */
    #artwork_description{margin:7px 7px 0 7px;}
      .description{display:none;}
      .artwork_esg{}
      .artwork_communication{}
      .artwork_politique{}
      .artwork_arts{}
      .artwork_sciences{}
      .artwork_education {}
      .artwork_humaines{}
        .block_1{background-color:#000; width:100%; margin:0 0 7px 0;}
        .artwork_esg .block_1{background-color:#ad2113;}
        .artwork_communication .block_1{background-color:#eeb111;}
        .artwork_politique .block_1{background-color:#336699;}
        .artwork_arts .block_1{background-color:#7b7d72;}
        .artwork_sciences .block_1{background-color:#40b239;}
        .artwork_education .block_1{background-color:#f36621;}
        .artwork_humaines .block_1{background-color:#a1006b;}
          .block_1 h1{}
        
        .block_2{width:100%; margin:0 0 7px 0;}
          .block_2 img{width:100%;}
        
        .block_3{width:100%; margin:0 0 7px 0;}
          .video_youtube{position:relative; float:none; width:100%; height:0; padding-top:25px; padding-bottom:56.25%; clear:both;}
            .video_youtube iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
        
        .block_4{width:100%; margin:0 0 7px 0;}
          .block_4 .block_inside{background-color:#000; padding:25px;}
          .artwork_esg .block_4 .block_inside{background-color:#ad2113;}
          .artwork_communication .block_4 .block_inside{background-color:#eeb111;}
          .artwork_politique .block_4 .block_inside{background-color:#336699;}
          .artwork_arts .block_4 .block_inside{background-color:#7b7d72;}
          .artwork_sciences .block_4 .block_inside{background-color:#40b239;}
          .artwork_education .block_4 .block_inside{background-color:#f36621;}
          .artwork_humaines .block_4 .block_inside{background-color:#a1006b;}
            .block_4 h2{}
              .block_4 h2 span{}
              .artwork_esg .block_4  h2 span{color:#5c0000;}
              .artwork_communication .block_4  h2 span{color:#a67c0c;}
              .artwork_politique .block_4  h2 span{color:#073153;}
              .artwork_arts .block_4  h2 span{color:#565750;}
              .artwork_sciences .block_4  h2 span{color:#2d7c28;}
              .artwork_education .block_4  h2 span{color:#aa4717;}
              .artwork_humaines .block_4  h2 span{color:#70004b;}
            .block_4 .btn_program{background-color:#000; display:block; width:100%; font-size:90%; font-weight:bold; line-height:120%; text-decoration:none; text-align:center; text-transform:uppercase;}
            .artwork_esg .block_4  .btn_program{background-color:#5c0000;}
            .artwork_communication .block_4  .btn_program{background-color:#a67c0c;}
            .artwork_politique .block_4  .btn_program{background-color:#073153;}
            .artwork_arts .block_4  .btn_program{background-color:#565750;}
            .artwork_sciences .block_4  .btn_program{background-color:#2d7c28;}
            .artwork_education .block_4  .btn_program{background-color:#aa4717;}
            .artwork_humaines .block_4  .btn_program{background-color:#70004b;}
              .block_4 .btn_program span{display:block; padding:10px 0 10px 0; text-align:center;}