/* AUDIOVISUEL TEMPLATES.CSS ------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------- */
/* GÉNÉRAL */
  html{font-family: 'Karla', sans-serif; }
    body{color:#525252;font-family: 'Karla', sans-serif;}
      #uqam_contenu{padding:17px 0 0 0;}
        #uqam_contenu_interieur{font-size:90%;}

/* TEXTE */
  p{margin:7px 0 14px 0; padding:0;  font-family:Arial, Helvetica, sans-serif; color:#000000;}
    p img{}
    p .gauche{padding:0 10px 5px 0;}
  span{}
  strong{font-weight:bold;}
  em{font-style:italic;}
  sup{color:#9f9f9f; font-size:70%;}
  sub{color:#9f9f9f; font-size:70%;}
  hr{display:block; width:100%; height:1px; margin:15px 0 14px; padding:0; border:none; border-top:1px dotted #7f7f7f; clear:both;}
	.medias-gauche hr {margin:35px 0;}
  img{margin:0; padding:0; border:none;}
  blockquote{background:#f2f2f2; margin:0 0 15px 0; padding:15px; color:#767676; font-style:italic; border-radius:5px;}
  
  .faculte-sciences h1,
  .faculte-sciences h2{color:#153c53;}

  h1{margin:0 0 15px 0; padding:0; font-size:180%; font-family: 'Karla', sans-serif; font-weight:bold; clear:both;}
  h2{margin:0 0 15px 0; padding:0; font-size:180%; font-family: 'Karla', sans-serif; font-weight:bold; clear:both;}
  h2.categorie{margin:0 0 5px 0; padding:0 0 10px 0; font-size:210%; font-family: 'Karla', sans-serif; font-weight:normal;clear:both; text-transform:uppercase;}
  h3{margin:15px 0 5px 0; padding:0; color:#3b3b3b; font-size:140%;font-family: 'Karla', sans-serif; font-weight:bold;  clear:both; display: inline-block;}
  h4{margin:0 0 20px 0; padding: 20px 0 0 0; color: #000; font-family: 'Arial', sans-serif; font-size: 100%; font-weight:bold;}
  h5{margin:10px 0px 0px 0px; padding:0; color:#3b3b3b; font-size:110%; font-weight:bold; clear:both;}
  h6{margin:0; padding:0; color:#9f9f9f; font-size:90%; font-weight:normal; clear:both;}
  
/* LISTE */
  .faculte-sciences li{color:#000;}

  ul{margin:0 0 14px; padding:0 0 0 25px; list-style-type:disc;font-family: 'Karla', sans-serif; }
    ul li{margin:0; padding:0 0 5px 0;}
      ul li span{color:#000;}
      ul li ul{margin:0; padding:5px 0 0 19px; list-style-type:disc;}
        ul li ul li{}
          ul li ul li span{color:#000;}
  
  ul.avec-image{padding:0; list-style-type:none;}
    ul.avec-image li{padding:0 0 5px 19px;}
      ul.avec-image li ul{padding:5px 0 0 19px; list-style-type:none;}
        ul.avec-image li ul li{}

  ol{margin:0; padding:0 0 0 25px;}
    ol li{margin:0; padding:0 0 5px 0;}
      ol li span{color:#525252;}
  
  dl{margin:0; padding:0;}
    dl dt{margin:0; padding:0;}
    dl dd{margin:0; padding:0 0 0 25px; color:#9f9f9f;}

/* LIEN */
  a,
  a:link{text-decoration:none; color:#0079be;}
  a:active{}
  a:focus{}
  a:hover{text-decoration:underline;}
  a:visited{}
  .faculte-sciences a, .faculte-sciences a:link, .faculte-sciences a span{color:#0079be;}
    p a span{ background-image:url(../images/fleche.jpg); background-repeat:no-repeat;background-position:right 6px; padding-right:12px;}

/* TABLEAU */
  table{width:100%; margin:0 0 20px 0; text-align:left; border:none;}
    thead{}
      thead tr{}
        thead tr th,
        th{padding:10px; color:#fff; border:none; border-bottom:1px solid #fff; border-right:1px solid #fff;}
        thead tr td{padding:10px; color:#fff; border:none; border-bottom:1px solid #fff; border-right:1px solid #fff;}
    tbody{}
      tbody tr,
      tr{}
        tbody tr td,
        td{padding:10px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
        tr td:last-child{border-right:none;}
        
    tfoot{}
      tfoot tr{}
        tfoot tr td{background:#f2f2f2; color:#767676; font-size:80%;}
		
  table.noBorder{	border:0;}
	  table.noBorder tbody tr td{	border:0;}
  
/* FORMULAIRE */
label{display:block; margin:15px 0 5px 0; padding:0; font-weight:bold; clear:both;}
input{margin:0; padding:5px; color:rgba(0,0,0,0.35); border:1px solid rgba(0,0,0,0.15); border-radius:5px;}
input:focus{}
input[type=text]{}
input[type=text]:active,
input[type=text]:focus,
input[type=text]:hover{color:rgba(0,0,0,0.65);}
input[type=password]{}
input[type=password]:active,
input[type=password]:focus,
input[type=password]:hover{color:rgba(0,0,0,0.65);}
input[type=radio]{}
input[type=checkbox]{}
select{margin:0; padding:5px; color:#9f9f9f; border:1px solid rgba(0,0,0,0.15); border-radius:5px;}
textarea{margin:0; padding:5px; color:#9f9f9f; border:1px solid rgba(0,0,0,0.15); border-radius:5px;}
input[type=submit]{background:#000; background:linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-moz-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); display:block; padding:10px 15px 10px 15px; color:rgba(255,255,255,0.75); font-weight:bold; border:none; border-radius:5px;}
input[type=submit]:hover{color:rgba(255,255,255,1);}

/* --------------------------------------------------------------------------------------------------------------- */
/* CONTENU */
  #uqam_contenu{position:relative; width:100%; min-height:100%; padding-bottom:30px; z-index:1;}
    #uqam_contenu_exterieur{width:1200px; height:20px; margin:0 auto 15px auto; padding:0; clear:both;}
      #uqam_contenu_navigation-langue{}
        #uqam_contenu_navigation-langue ul{margin:0; padding:0; list-style-type:none; list-style-position:inside;}
          #uqam_contenu_navigation-langue li{float:left;}
            #uqam_contenu_navigation-langue img{margin:4px 15px 0 0;}
            .arriere-plan_fonce #uqam_contenu_navigation-langue .fonce{display:none;}
            .arriere-plan_pale #uqam_contenu_navigation-langue .pale{display:none;}
            .arriere-plan_fonce #uqam_contenu_navigation-langue img{}
            .arriere-plan_pale #uqam_contenu_navigation-langue img{opacity:0.15;  filter:alpha(opacity=15);}
            #uqam_contenu_navigation-langue hr{width:1px; height:18px; margin:3px 15px 0 15px; padding:0; border:none;}
            .arriere-plan_fonce #uqam_contenu_navigation-langue hr{background:#fff;}
            .arriere-plan_pale #uqam_contenu_navigation-langue hr{background:#000; opacity:0.15; filter:alpha(opacity=15);}
            #uqam_contenu_navigation-langue a,
            #uqam_contenu_navigation-langue a:link{font-size:90%; color:#0079be; text-decoration:none;}
            #uqam_contenu_navigation-langue a:active{}
            #uqam_contenu_navigation-langue a:focus{}
            #uqam_contenu_navigation-langue a:hover{text-decoration:underline;}
            #uqam_contenu_navigation-langue a:visited{}
            
            .arriere-plan_fonce #uqam_contenu_navigation-langue a{color:#fff;}

    #uqam_contenu_interieur{width:1200px; margin:0 auto 0 auto; clear:both;}
  

  /* MENU HORIZONTAL */
  #contenu-haut{background:#fff;}
    #navigation-haut{background:#0073b4;font-family: 'Karla', sans-serif; height:45px; border-bottom:0px solid rgba(255,255,255,1); margin: 40px 0 8px 0;}
    .faculte-sciences #navigation-haut{background: url(../images/bg_menu.gif) repeat-x;}
    
    #menu-principal{position:relative; z-index:9996;}
      #menu-principal ul{height:45px; margin:0; padding:0; list-style-type:none; list-style-position:inside;font-family: 'Karla', sans-serif;font-size:90%;}
        #menu-principal ul li{position:relative; display:block; float:left; height:45px; margin:0; padding:0; border-right:1px solid #fff; border-color:rgba(255,255,255,0.40);}
        #menu-principal ul li:hover{}
          #menu-principal ul li a,
          #menu-principal ul li a:link{display:table; height:100%; padding:0 20px 0 20px; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase;}
          #menu-principal ul .parent a,
          #menu-principal ul .parent a:link{}
          #menu-principal ul li.active > a,
          #menu-principal ul li.active > a:link{background:#3ead37;}
          #menu-principal ul li a:active{}
          #menu-principal ul li a:focus{}
          #menu-principal ul li a:hover{background:#3ead37;}
          #menu-principal ul li a:visited{}
            #menu-principal ul li a span{display:table-cell; height:100%; color:#fff; vertical-align:middle;}
            #menu-principal ul li.parent a span{}
          
            #menu-principal li > ul{display:none;}
            #menu-principal li:hover > ul{display:block;}
          
            
          
          #menu-principal ul li ul{background:#0079be; position:absolute; width:160%; height:auto; top:100%; left:0;}

          #menu-principal ul li:hover ul{}
            #menu-principal ul li ul li{position:relative; display:block; float:none; width:100%; height:100%; border-right:none;}
            #menu-principal ul li ul li:first-child{ background: url(../images/border_sous-menu.png) repeat-x top left;}
              #menu-principal ul li ul li a,
              #menu-principal ul li ul li a:link,
              #menu-principal ul .parent ul li a,
              #menu-principal ul .parent ul li a:link{display:block; padding:10px 0 10px 0; background: url(../images/border_sous-menu.png) repeat-x bottom left;}
              #menu-principal ul li ul li a:active{}
              #menu-principal ul li ul li a:focus{}
              #menu-principal ul li ul li a:hover{background:rgba(0,0,0,0.25);}
              #menu-principal ul li ul li.active a span {/*background:rgba(0,0,0,0.25) !important;*/ color:#054f00;}
             	#menu-principal ul li ul li a span:hover{/*background:rgba(0,0,0,0.25) !important;*/ color:#054f00;}
              #menu-principal ul li ul li a:visited{}
                #menu-principal ul li ul li a span,
                #menu-principal ul li.parent ul li a span,
                #menu-principal ul li.parent ul li a span:after{background:none; content:none;}
                #menu-principal ul li ul li.parent a span:after,
                #menu-principal ul li.parent ul li.parent a span:after{ content:""; display:block; position:absolute; top:50%; right:15px; width:5px; height:8px; margin:-4px 0 0 0; padding:5px; transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg);}
              
              #menu-principal ul li ul li ul,
              #menu-principal ul li:hover ul li ul{position:absolute; top:-1px; left:100%; border-top:none; border-left:4px solid rgba(255,255,255,1);}
                #menu-principal ul li ul li ul li{}
                  #menu-principal ul li ul li ul li a,
                  #menu-principal ul li ul li ul li a:link{}
                  #menu-principal ul li ul li ul li a:active{}
                  #menu-principal ul li ul li ul li a:focus{}
                  #menu-principal ul li ul li ul li a:hover{}
                  #menu-principal ul li ul li ul li a:visited{}
                    #menu-principal ul li ul li ul li a span{}
                    #menu-principal ul .parent ul li ul li a span:after,
                    #menu-principal ul li ul .parent ul li a span:after,
                    #menu-principal ul .parent ul .parent ul li a span:after{content:none;}
                    #menu-principal ul li ul li ul .parent a span:after,
                    #menu-principal ul li ul .parent ul .parent a span:after,
                    #menu-principal ul .parent ul .parent ul .parent a span:after{content:""; display:block; position:absolute; top:50%; right:15px; width:5px; height:8px; margin:-4px 0 0 0; padding:5px; transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg);}
                    
                  #menu-principal ul li ul li ul li ul,
                  #menu-principal ul li:hover ul li ul li ul{}
                  #menu-principal ul li ul li ul li ul li{}
                    #menu-principal ul li ul li ul li ul li a,
                    #menu-principal ul li ul li ul li ul li a:link{}
                    #menu-principal ul li ul li ul li ul li a:active{}
                    #menu-principal ul li ul li ul li ul li a:focus{}
                    #menu-principal ul li ul li ul li ul li a:hover{}
                    #menu-principal ul li ul li ul li ul li a:visited{}
                      #menu-principal ul li ul li ul li ul li a span{}
                      #menu-principal ul li ul li ul .parent ul li a span:after,
                      #menu-principal ul li ul .parent ul .parent ul li a span:after,
                      #menu-principal ul .parent ul .parent ul .parent ul li a span:after{content:none;}
        
        #menu-reseaux-sociaux{padding: 11px 10px 0 0; position:relative; z-index:9998;}
          #menu-reseaux-sociaux ul{/*height:49px;*/}
            #menu-reseaux-sociaux ul li{position:relative; display:block; float:right; width:auto; height:100%; padding:0 0 0 10px; text-align:center; border-right:none;}
              #menu-reseaux-sociaux ul li a,
              #menu-reseaux-sociaux ul li a:link{display:table; width:auto; height:100%; padding:0;}
              #menu-reseaux-sociaux ul li a:active{}
              #menu-reseaux-sociaux ul li a:focus{}
              #menu-reseaux-sociaux ul li a:hover{ background-color:transparent;}
              #menu-reseaux-sociaux ul li a:visited{}
                #menu-reseaux-sociaux ul li a span{display:table-cell; height:100%; /*padding:0 3px 3px 3px;*/ font-size:0; line-height:0; vertical-align:middle;}
                #contenu-haut #navigation-haut #menu-reseaux-sociaux ul li a span{padding:0 0px 0 0px;}
                #menu-reseaux-sociaux ul li a span.icon-texte{padding:0 0px 0 0; font-size:100%; line-height:100%;}
                  #menu-reseaux-sociaux ul li a span img{padding:0;}
                    
    /* BANNIÈRE */    
      #banniere{width:100%; line-height:0; border-bottom:4px solid rgba(255,255,255,1);}
        #banniere img{width:100%;}
    /* CONTENU */
      #contenu-centre{display:table; width:100%; z-index:1;}
      .faculte-sciences #uqam_contenu_interieur{background:none;}
      
        /* SECTION GAUCHE */
        #contenu-gauche{background:#0079be; display:table-cell; float:none; padding:0; vertical-align:top;}
          #contenu-gauche .contenu-interieur{padding:0 0 0px 0;}
          
          #contenu-gauche h3{
	margin:0 0 12px 0; padding:0 0 10px 0; font-size:210%; font-family: 'Karla', sans-serif; font-weight:normal;clear:both; text-transform:uppercase;color:#153c53;
}
          #contenu-gauche ul{margin:0; padding:0; list-style-type:none;}
          
          /* GAUCHE - MENU VERTICAL */
          #menu-secondaire{margin:0 0 15px 0;}
            #menu-secondaire ul{width:100%; /*border-top:1px solid rgba(255,255,255,0.4);*/}
              #menu-secondaire ul li{background:rgba(0,0,0,0.25); display:block; margin:0; padding:0;}
              #menu-secondaire ul li.parent{}
              #menu-secondaire ul li.ouvert{}
                #menu-secondaire ul li a,
                #menu-secondaire ul li a:link{display:table; position:relative; width:100%; padding:10px 30px 10px 30px; border-bottom:1px solid rgba(255,255,255,0.4);}
                #menu-secondaire ul li a:active{}
                #menu-secondaire ul li a:focus{}
                #menu-secondaire ul li a:hover{background:rgba(0,0,0,0.25); text-decoration:none;}
                #menu-secondaire ul li a:visited{}
                  #menu-secondaire ul li a span{display:table-cell; color:#fff; text-transform:uppercase; vertical-align:middle;}
                  #menu-secondaire ul li.parent a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_plus_couleur-blanc.svg') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; right:15px; width:10px; height:10px; margin:-5px 0 0 0; padding:0;}
                  #menu-secondaire ul li.ouvert a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_moins_couleur-blanc.svg') no-repeat 0 0; margin:-1px 0 0 0;}
                  
                #menu-secondaire ul li ul{display:block; border:none;}
                  #menu-secondaire ul li ul li{}
                  #menu-secondaire ul li ul li.parent{}
                  #menu-secondaire ul li ul li.ouvert{background:rgba(0,0,0,0.25);}
                    #menu-secondaire ul li ul li a,
                    #menu-secondaire ul li ul li a:link{width:100%; padding:10px 8% 10px 16%;}
                    #menu-secondaire ul li ul li a:active{}
                    #menu-secondaire ul li ul li a:focus{}
                    #menu-secondaire ul li ul li a:hover{}
                    #menu-secondaire ul li ul li a:visited{}
                      #menu-secondaire ul li ul li a span,
                      #menu-secondaire ul li.parent ul li a span:after{background:none;}
                      #menu-secondaire ul li ul li.parent a span:after,
                      #menu-secondaire ul li.parent ul li.parent a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_plus_couleur-blanc.svg') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; right:15px; width:10px; height:10px; margin:-5px 0 0 0; padding:0;}
                      #menu-secondaire ul li ul li.ouvert a span:after,
                      #menu-secondaire ul li.parent ul li.ouvert a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_moins_couleur-blanc.svg') no-repeat 0 0; margin:-1px 0 0 0;}
                    
                    #menu-secondaire ul li ul li ul{border:none;}
                      #menu-secondaire ul li ul li ul li{}
                        #menu-secondaire ul li ul li ul li a,
                        #menu-secondaire ul li ul li ul li a:link{width:100%; padding:10px 30px 10px 45px;}
                        #menu-secondaire ul li ul li ul li a:active{}
                        #menu-secondaire ul li ul li ul li a:focus{}
                        #menu-secondaire ul li ul li ul li a:hover{}
                        #menu-secondaire ul li ul li ul li a:visited{}
                          #menu-secondaire ul li ul li ul li a span{}
                          #menu-secondaire ul li.parent ul li ul li a span:after,
                          #menu-secondaire ul li ul li.parent ul li a span:after,
                          #menu-secondaire ul li.parent ul li.parent ul li a span:after{content:none;}
                          #menu-secondaire ul li ul li ul li a span:after{}

          /* GAUCHE - RÉSEAUX SOCIAUX */
          #menu-reseaux-sociaux-vertical{display:table; margin:0 0 15px 0; padding:0 30px 0 30px;}
            #menu-reseaux-sociaux-vertical ul{}
              #menu-reseaux-sociaux-vertical ul li{display:block; float:left; padding:0 10px 0 0;}
                #menu-reseaux-sociaux-vertical ul li a,
                #menu-reseaux-sociaux-vertical ul li a:link{display:table; width:30px; height:30px; border:1px solid rgba(255,255,255,0.40); border-radius:5px;}
                #menu-reseaux-sociaux-vertical ul li a:active{}
                #menu-reseaux-sociaux-vertical ul li a:focus{}
                #menu-reseaux-sociaux-vertical ul li a:hover{/*background:rgba(0,0,0,0.20);*/ border:1px solid rgba(255,255,255,0.80);}
                #menu-reseaux-sociaux-vertical ul li a:visited{}
                  #menu-reseaux-sociaux-vertical ul li a span{display:table-cell; text-align:center; vertical-align:middle;}
                    #menu-reseaux-sociaux-vertical ul li a span img{display:block; margin:0 auto;}

          /* GAUCHE - LIENS */
          #menu-tertiaire{display:table; margin:0 0 15px 0; padding:0 30px 0 30px;}
            #menu-tertiaire ul{}
              #menu-tertiaire ul li{}
                #menu-tertiaire ul li a,
                #menu-tertiaire ul li a:link{display:block; position:relative; padding:0 0 0 10px;}
                #menu-tertiaire ul li a:active{}
                #menu-tertiaire ul li a:focus{}
                #menu-tertiaire ul li a:hover{text-decoration:none;}
                #menu-tertiaire ul li a:visited{}
                  #menu-tertiaire ul li a span{color:rgba(255,255,255,0.70);}
                  #menu-tertiaire ul li a:hover span{color:rgba(255,255,255,1);}
                  #menu-tertiaire ul li a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; left:0; width:5px; height:8px; margin:-4px 0 0 0; padding:5px; opacity:0.70;}
                  #menu-tertiaire ul li a:hover span:after{opacity:1;}
          
          /* GAUCHE - BOUTON */
          .bouton-conteneur{padding:0 30px 15px 30px;}
            .bouton-pale,
            .bouton-pale:link{background:#fff; background:linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-moz-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); display:block; position:relative; width:100%; font-weight:bold; border-radius:5px; }
            .bouton-pale:active{}
            .bouton-pale:focus{}
            .bouton-pale:hover{text-decoration:none;}
            .bouton-pale:visited{}
              .bouton-pale span{display:block; padding:10px; opacity:0.75;}
              .bouton-pale:hover span{opacity:1;}
              .bouton-pale span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; right:5px; width:5px; height:8px; margin:-4px 0 0 0; padding:5px;}
            
            .bouton-fonce,
            .bouton-fonce:link{background:#000; background:linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-moz-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); display:block; position:relative; width:100%; font-weight:bold; border-radius:5px;}
            .bouton-fonce:active{}
            .bouton-fonce:focus{}
            .bouton-fonce:hover{text-decoration:none;}
            .bouton-fonce:visited{}
              .bouton-fonce span{display:block; padding:10px; color:#fff; opacity:0.75;}
              .bouton-fonce:hover span{opacity:1;}
              .bouton-fonce span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; right:5px; width:5px; height:8px; margin:-4px 0 0 0; padding:5px;}

          /* GAUCHE - ANNONCE */
          .annonce-conteneur{padding:0 30px 15px 30px;}
            .annonce{/*background-image:url('../media/audiovisuel/image-annonce.jpg');*/ display:table; position:relative; width:100%; border-radius:5px; line-height:0;}
              .annonce img{width:100%; border-radius:5px;}
              .annonce .annonce-interieur{position:absolute; bottom:0; display:block; width:100%; height:auto; vertical-align:bottom; border-radius:5px;}
              .annonce p{background:rgba(0,0,0,0.2); display:block; margin:0; padding:15px; color:#fff; line-height:normal; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
              .annonce a,
              .annonce a:link{}
              .annonce a:active{}
              .annonce a:focus{}
              .annonce a:hover{}
              .annonce a:visited{}
            
            .annonce-video span{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_video-play.svg') no-repeat center center; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5;}
            .annonce-video:hover span{opacity:0.8;}
            .annonce-video img{width:100%; margin:0; padding:0; border-radius:5px;}
            
          /* GAUCHE - FORMULAIRE */
          #formulaire-gauche{display:table; width:100%; margin:0 30px 15px 30px;}
            #formulaire-gauche input{margin:0 0 15px 0; padding:5px; border:none; border-radius:5px;}
            #formulaire-gauche input[type=text]{}
            #formulaire-gauche input[type=password]{}
            #formulaire-gauche input[type=submit]{background:#fff; background:linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-moz-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(225,225,225,1)); display:block; padding:10px; color:rgba(0,0,0,0.25); border-radius:5px; clear:both;}
            #formulaire-gauche input[type=submit]:hover{color:rgba(0,0,0,0.75);}
            
        /* SECTION MILLIEU */
        #contenu-millieu{background:#fff; display:table-cell; float:none; padding:0; vertical-align:top;}
          #contenu-millieu .contenu-interieur{padding:0px;}
          #contenu-millieu .contenu{padding:68px 30px 30px;}
            
        /* SECTION DROITE */
        #contenu-droite{background:#fff; display:table-cell; float:none; padding:0; vertical-align:top;}
          #contenu-droite .contenu-interieur{}
		  
		  .faculte-sciences #contenu-gauche {
		    background: none;
		  }
			
		  		 
.page-header {
    border-bottom: 0px solid #eee;
    margin: 0 0 10px;
    padding-bottom: 0px;
} 

.nivoSlider {margin:0 0 0 4px;
    box-shadow: none;
}
div.nivo-controlNavHolder
{
position:absolute;
 top: 85%;
width:100%;
 text-align: center !important;
}
.nivo-controlNav a {
    height: 20px;
    margin-right: 3px;
    text-indent: -9999px;
    width: 14px;
}
.nivo-controlNav a.active {
	background-position:-15px 0;
}
.imageGauche{
	float:left;
	margin:0px 10px 10px 0px;
}
.imageDroite{
	float:right;
	margin:0px 0px 10px 10px;
}
.feed-item-description{
	color:#000000;
}

ul.newsfeed li{ margin: 0px 0px 10px 0px;}

.medias-gauche.moduletable{
	padding: 68px 0px 0px 0px;
}
body .ari-image-slider-wCtrlNav {
    margin-bottom: 0px;
}

.accueil-intro{
	padding:0px 15px 0px 0px;
	
}

.newsflash-title{
	margin:0;
	padding:0;
	color:#0079be;
	font-size:120%;
	font-weight:bold;
}

p.dateNouvelle{
	color:#666666;
	font-size:90%;
}

div.newsflash a{ background-image:url(../images/fleche.jpg); background-repeat:no-repeat;background-position:right 6px; padding-right:12px;}



/*CSS Auteur: Nicolas Desrosiers*/
/*BOUTON MENU*/
#menu-principal > ul > li > a {
		background: url(../images/bg_menu.gif) repeat-x;  
}
#menu-principal ul li > a:hover,
#menu-principal ul li.active > a,
#menu-principal ul li.active > a:link,
#menu-principal ul li a.hover {
		background: url(../images/bg_menu_hover.gif) repeat-x;  
}
	/*MENU SECONDAIRE*/
	#menu-principal ul li ul {
			padding: 32px; 
	}
		#menu-principal ul li ul li a:hover,
		/*#menu-principal ul li ul li.active a */{
			background-color: transparent !important;
		}

/*BOUTON GAUCHE*/
#contenu-gauche .contenu-interieur .moduletable.bouton_gauche .custom p a {
	display: block;
	color: #FFF;
	font-family: 'Karla', sans-serif;
	font-size: 170%;
	height: 80px;
	line-height: 24px;
	padding: 16px 0px 0 24px;
	text-transform: uppercase;
	/*width: 300px;*/
	width:100%;
}
	#contenu-gauche .contenu-interieur .moduletable.bouton_gauche .custom p a#admission {
		background: url(../images/demandeAdmission.jpg) right no-repeat;
	}
	#contenu-gauche .contenu-interieur .moduletable.bouton_gauche .custom p a#admission:hover {
		background: url(../images/demandeAdmission.jpg) left no-repeat;
		text-decoration: none;
	}
	#contenu-gauche .contenu-interieur .moduletable.bouton_gauche .custom p a#conferencier {
		background: url(../images/obtenirConferencier.jpg) right no-repeat;
	}
	#contenu-gauche .contenu-interieur .moduletable.bouton_gauche .custom p a#conferencier:hover {
		background: url(../images/obtenirConferencier.jpg) left no-repeat;
		text-decoration: none;
	}

	


/*BOUTON GENIE MICRO*/
.contenu .item-page .accueil-intro h3 {
	background: #0079be;
	background: -webkit-linear-gradient( #0079be, #006198);
	background: -moz-linear-gradient( #0079be, #006198);
	background: -ms-linear-gradient( #0079be, #006198);
	background: -o-linear-gradient( #0079be, #006198);
	background: linear-gradient( #0079be, #006198);
	margin-bottom: 40px;
}
.contenu .item-page .accueil-intro h3:hover {
	background: #40b239;
	background: -webkit-linear-gradient( #40b239, #338e2e);
	background: -moz-linear-gradient( #40b239, #338e2e);
	background: -ms-linear-gradient( #40b239, #338e2e);
	background: -o-linear-gradient( #40b239, #338e2e);
	background: linear-gradient( #40b239, #338e2e);
}
	.contenu .item-page .accueil-intro h3 a {
		background: url(../images/flecheBouton.png) center right no-repeat;
		color: #FFF;
		display: block;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		padding: 16px 50px 16px 24px;
		text-transform: uppercase;
		width: 100%;
		
	}
	.contenu .item-page .accueil-intro h3 a:hover {
		background: url(../images/flecheBouton.png) center right no-repeat;
		text-decoration: none;
	}

/*JCE VIDEO*/
/*
#jcemediabox-popup-body {
	position: relative;
}
	#jcemediabox-popup-body #jcemediabox-popup-info-bottom {}
		#jcemediabox-popup-body #jcemediabox-popup-info-bottom > a {
			position: absolute;
				right: 0;
				top: 0;
		}
*/

/*TABLEAU*/
table+h4 {
	padding: 40px 0 0 0;
}
/* Cet élément block le script injecté dans l'iframe. On le cache */
#fb-root { display: none; } 

/* on redéfini la taille du contenu */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }

div.items-leading div.blog-description {
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #ccc;
}
div.items-leading div h2 {
	font-size:160%;
}
div.items-leading div h2,div.items-leading div h3{
	margin:0px;
}
.form-horizontal .control-label{
text-align:left;
}
/*BOUTON GENIE MICRO*/
p.boutonBleu {
	width: 300px;
	background: #0079be;
	background: -webkit-linear-gradient( #0079be, #006198);
	background: -moz-linear-gradient( #0079be, #006198);
	background: -ms-linear-gradient( #0079be, #006198);
	background: -o-linear-gradient( #0079be, #006198);
	background: linear-gradient( #0079be, #006198);
	margin-bottom: 40px;
}
p.boutonBleu:hover {
	background: #40b239;
	background: -webkit-linear-gradient( #40b239, #338e2e);
	background: -moz-linear-gradient( #40b239, #338e2e);
	background: -ms-linear-gradient( #40b239, #338e2e);
	background: -o-linear-gradient( #40b239, #338e2e);
	background: linear-gradient( #40b239, #338e2e);
}
p.boutonBleu a {
		background: url(../images/flecheBouton.png) center right no-repeat;
		color: #FFF !important;
		display: block;
		font-family: 'Asap', sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		padding: 16px 50px 16px 24px;
		text-transform: uppercase;
		width: 100%;
		
	}
	p.boutonBleu a:hover {
		background: url(../images/flecheBouton.png) center right no-repeat;
		text-decoration: none;
	}

/* mettre la pagination à horizontale */
.pagination {
       width: 100%;
       margin: 30px auto;
}
.pagination p{
	margin-top:0px;
}
.pagination ul li {
       display: inline;
       margin-right: 20px;
}

/*******************************************         
INTRANET FORMULAIRE LOGIN
********************************************/
h4.alert-heading,
a.close,
.alert div,
h2.categorie,
a.dropdown-toggle{ display:none;}
.connexion{ padding-top:25px; padding-left:35px;}
.login-greeting{ display:none;}
.moduletable_conn{ margin-left:30px; margin-top:90px;}
.controls{ margin-top:20px;}
.logout-button .btn-primary{ margin-bottom:-35px;}

