/* AUDIOVISUEL TEMPLATES.CSS ------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* GÉNÉRAL */ html{} body{color:#000;} #uqam_contenu{} #uqam_contenu{padding:17px 0 0 0;} /* TEXTE */ p{margin:0 0 15px 0; padding:0; line-height:22px;} p span{/*background-color:#e3e3e3; padding:1px 3px 1px 3px; color:#767676; border-radius:4px;*/} 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 0; padding:0; border:none; border-top:1px dashed #d5d5d5; clear:both;} 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;} h1{margin:0 0 15px 0; padding:0; font-size:150%; font-family:PoppipnsSemiBold; font-style:normal; font-weight:normal; border-bottom:none; clear:both; line-height:27px;} h2{margin:0 0 11px 0; padding:0; font-size:100%; font-family:PoppipnsSemiBold; font-style:normal; clear:both;} h3{margin:0 0 5px 0; padding:0; font-size:100%; font-weight:normal; text-decoration:none; text-transform:uppercase; clear:both;} h4{margin:0 0 5px 0; padding:0; font-size:100%; font-weight:normal; clear:both;} h5{margin:0; padding:0; font-size:100%; font-weight:bold; clear:both;} h6{margin:0; padding:0; font-size:80%; font-weight:normal; clear:both;} .uqam h1, .uqam h2{color:#000000;} /* IMAGE */ .img-left{float:left; margin:0 10px 5px 0;} .img-right{float:right; margin:0 0 5px 10px;} /* LISTE */ ul{margin: 0px 0px 19px; padding: 0 0 0 4px; list-style-type: none;} .contenu ul li{margin: 0px; padding: 0px 0px 7px 12px; background: transparent url("image/puce-liste.png") no-repeat scroll 0 5px;} .uqam li{color:#000000;} /*ul{margin:0; padding:0 0 0 19px; list-style-type:disc;} ul li{margin:0; padding:0 0 5px 0;}*/ ul li span{/*color:#525252;*/} ul li ul{margin:0; padding:5px 0 0 19px; list-style-type:disc;} ul li ul li{} ul li ul li span{color:#525252;} 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 */ .uqam a, .uqam a:link{text-decoration:none; color: #0074a1;} .uqam a:active{} .uqam a:focus{} .uqam a:hover{text-decoration:none; color:#0ab8cc;} .uqam a:visited{} /* TABLEAU */ table{width:100%; margin:0 0 15px 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%;} /* 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*/0; z-index:1;} #uqam_contenu_exterieur_haut{width:100%; height:20px; margin:5px auto 26px 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_exterieur_bas{} .uqam #uqam_contenu_interieur{background:none; margin:15px auto 15px auto; clear:both; font-size:78%; font-family:PoppinsRegular;} .contenu{padding:0 25px 0 25px;} /* MENU HORIZONTAL */ #contenu-haut{background:#fff;} #navigation-haut{background:#0079be; height:42px; border-bottom:1px solid #fff;/*rgba(255,255,255,1)*/;} .uqam #navigation-haut{background:#eaeaea;} #menu-principal{position:relative; z-index:9996;} #menu-principal ul{height:41px; margin:0; padding:0; list-style-type:none; list-style-position:inside;} #menu-principal ul li{position:relative; display:block; float:left; height:41px; margin:0; padding:0; border-right:none;/*border-right:1px solid #fff; border-color:rgba(255,255,255,0.40);*/} #menu-principal ul li:hover{} #menu-principal ul li.active{background:#d1d1d1;} #menu-principal ul li a, #menu-principal ul li a:link{display:table; height:100%; padding:9px 0 6px 0; color:#000; font-family: PoppinsMedium;font-weight:normal; text-decoration:none; font-size:101%; letter-spacing: 1px; } #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:rgba(0,0,0,0.25);}*/ #menu-principal ul li a:active{} #menu-principal ul li a:focus, #menu-principal ul li a:hover{background: url("image/bg-menu-parent.jpg") repeat-x top left #40749e; color:#fff;} #menu-principal ul li.parent a:hover{background: url("image/bg-menu-parent.jpg") repeat-x top left #40749e; color:#fff;} #menu-principal ul li a:visited{} #menu-principal ul li a span{display:table-cell; height:100%; color:#000; vertical-align:middle; border-right:1px solid #d2d2d2; padding: 0 20px;} #menu-principal ul li.active a span{border-right:1px solid #d1d1d1;} #menu-principal ul li a:hover span{border-right:1px solid #40749e; color:#fff;} #menu-principal ul li.parent a:hover span{border-right:1px solid #40749e; color:#fff;} #menu-principal ul li.parent a span{background:/*url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-horizontal_couleur-blanc.png') no-repeat right 23px; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-horizontal_couleur-blanc.svg'), */none; /*padding:0 30px 0 0;*/} /*.navigation-horizontal ul .parent a span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; content:""; display:block; position:absolute; top:50%; right:15px; width:8px; margin:0; padding:5px; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg);}*/ #menu-principal li > ul{display:none;} #menu-principal li:hover > ul{display:block;} .uqam #menu-principal ul li ul{background:#40749e; position:absolute; width:100%; height:auto; top:100%; left:0; border-top:1px solid #fff; } #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; border-top:1px solid #0b4576; /*border-color:rgba(255,255,255,0.40);*/} #menu-principal ul li ul li.active{background:none;} #menu-principal ul li ul li:first-child{border-top:none;} #menu-principal ul li ul li.active a{background: url("image/bg-ss-menu.jpg") repeat-x top left #40749e;} #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:7px 0 4px 0; } #menu-principal ul li ul li a:active{} #menu-principal ul li ul li a:focus{} #menu-principal ul li.parent ul li a:hover{background: url("image/bg-ss-menu.jpg") repeat-x top left #40749e;} #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; border-right:none!important; color:#fff; padding:0 20px; } #menu-principal ul li ul li.parent a span:after, #menu-principal ul li.parent ul li.parent a span:after{/*background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg'), none; 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 #fff; border-color: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{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg'), none; 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{}f #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{} #menu-reseaux-sociaux ul{height:41px;} #menu-reseaux-sociaux ul li{position:relative; display:block; float:right; width:auto; height:100%; padding:0; text-align:center; border-right:none; border-left:none; border-color:rgba(255,255,255,0.40);} #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:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1;} #menu-reseaux-sociaux ul li a:visited{} #menu-reseaux-sociaux ul li a span{display:table-cell; height:100%; padding:0 10px 0 10px; font-size:0; line-height:0; vertical-align:middle;} #contenu-haut #navigation-haut #menu-reseaux-sociaux ul li a span{padding:0 20px 0 20px;} #menu-reseaux-sociaux ul li a span.icon-texte{padding:0 10px 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;} /* SECTION GAUCHE */ .uqam #contenu-gauche{background:#ffffff; /*display:table-cell;*/ float:left; padding:70px 0 0 0; vertical-align:top;} #contenu-gauche .contenu-interieur{padding:0 0 25px 0;} #contenu-gauche h3{padding:0 30px 10px 30px; color:#fff; font-family:arial,sans-serif; font-size:130%; font-weight:bold; text-decoration:none;} #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:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1; 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 #fff; border-color: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:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1; 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.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_plus_couleur-blanc.svg'), none; 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.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_moins_couleur-blanc.svg'), none; 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:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1;} #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.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_plus_couleur-blanc.svg'), none; 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.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_moins_couleur-blanc.svg'), none; 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 #fff; border-color: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:#b9b9b9; color:rgba(255,255,255,0.70);} #menu-tertiaire ul li a:hover span{color:#fff; 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.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg'), none; 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; filter:alpha(opacity=75);} .bouton-pale:hover span{opacity:1; filter:alpha(opacity=100);} .bouton-pale span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-uqam.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-uqam.svg'), none; 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; filter:alpha(opacity=75);} .bouton-fonce:hover span{opacity:1; filter:alpha(opacity=100);} .bouton-fonce span:after{background:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_fleche-vertical_couleur-blanc.svg'), none; 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('../../../fichiers/images/audiovisuel/mage-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:transparent\9; background:rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); zoom:1; 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.png') no-repeat center center; background-image:url('https://gabarit-adaptatif.uqam.ca/2014/css/image/icon/icon_video-play.svg'), none; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5;} .annonce-video:hover span{opacity:0.8; filter:alpha(opacity=80);} .annonce-video img{width:100%; margin:0; padding:0; border-radius:5px;} /* GAUCHE - FORMULAIRE */ #formulaire-gauche{display:table; width:100%; padding: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);} /* GAUCHE RECHERCHE */ #contenu-gauche #uqam_recherche-form{padding:0 30px 15px 30px;} /* SECTION MILLIEU */ #contenu-millieu{background:#fff; /*display:table-cell;*/ float:left; padding:0; vertical-align:top;} #contenu-millieu .contenu-interieur{width:100%; padding:25px 10px 25px 30px;} #contenu-millieu .contenu-interieur .contenu{padding:0px;} /* SECTION DROITE */ #contenu-droite{background:#fff; display:table-cell; float:none; padding:0; vertical-align:top;} #contenu-droite .contenu-interieur{} img{height:auto;} /* mettre la pagination à horizontale */ .pagination { width: 100%; margin: 30px auto; } .pagination p{ margin-top:0px; } .pagination ul li { display: inline; margin-right: 20px; } /*Styles personnalisés*/ .page-header {padding: 0; margin: 0; border-bottom: none;} /*Les vignettes*/ .moduletable_vignettes{margin-bottom:70px; min-height:132px;} .custom_vignettes{padding:0 5px; } .custom_vignettes p{margin:0;} .custom_vignettes p img{max-width: 132px; height: auto;} /*Neurolab dans les médias*/ .titre-neurolab-media{font-family: PoppipnsSemiBold; font-size: 100%; text-transform:uppercase; color:#2a2a2a; padding: 11px 0px 10px; background:#eaeaea; text-align:center; margin-bottom:2px;} .moduletable_neurolab-dans-medias-flux{background:#f4f4f4; padding: 21px 40px 1px 25px;} .moduletable_neurolab-dans-medias-flux a.mod-articles-category-title, #neurolab-dans-les-medias a.mod-articles-category-title, #neurolab-in-the-news a.mod-articles-category-title{/*display:none;*/ font-family: PoppipnsSemiBold; /*font-size: 84%;*/} .moduletable_neurolab-dans-medias-flux ul.category-module_neurolab-dans-medias-flux{margin: 0px 0px 19px; padding: 0 0 0 4px; list-style-type: none;} .moduletable_neurolab-dans-medias-flux ul.category-module_neurolab-dans-medias-flux li{margin: 0 0 13px 0; padding: 0px 0px 9px 12px; background: transparent url("image/puce-liste.png") no-repeat scroll 0 5px; border-bottom:1px solid #dfdfdf;} .moduletable_neurolab-dans-medias-flux ul.category-module_neurolab-dans-medias-flux li:last-child{margin-bottom:11px;} .moduletable_neurolab-dans-medias-flux .mod-articles-category-introtext{color:#000000; /*font-size:95%;*/ margin:0; line-height:17px;} .moduletable_voir-les-archives{background:#f4f4f4; padding: 0 40px 14px 25px; margin-bottom:50px;} .moduletable_voir-les-archives p{margin:0; font-family: PoppipnsSemiBold; font-size: 84%; margin-left: 2px; text-transform: uppercase; } /*Jce*/ .textePoppipnsSemiBold{font-family:PoppipnsSemiBold;} /*Styles pour les sliders*/ #contenu-millieu .contenu .panel-group{margin: 0 0 30px;} #contenu-millieu .contenu .panel-group .panel{border-radius: 0;} #contenu-millieu .contenu .panel-group .panel + .panel{margin-top: 4px;} #contenu-millieu .contenu .panel{ border: 0; border-radius: 0; box-shadow:none;} #contenu-millieu .contenu .panel-heading{border-radius:0; } #contenu-millieu .contenu .panel-heading a{font-size:100%; display:block; cursor: pointer; color:#000000; background-color:#ebebeb; padding: 16px 18px 14px 18px;} #contenu-millieu .contenu .panel-heading a span{background: right center no-repeat; font-family: PoppipnsSemiBold; font-style:normal; text-transform:uppercase; background-image:url(image/plus-slider.png); padding-right:20px;} #projets #contenu-millieu .contenu .panel-heading a span, #projects #contenu-millieu .contenu .panel-heading a span{text-transform:none;} #contenu-millieu .contenu .active > .panel-heading{ } #contenu-millieu .contenu .active > .panel-heading a{background-color:#434343; color:#ffffff;} #contenu-millieu .contenu .active > .panel-heading a span{background-image:url(image/moins-slider.png);} #projets #contenu-millieu .contenu .panel-heading a span.chercheur-principal, #projects #contenu-millieu .contenu .panel-heading a span.chercheur-principal{background-image:none; padding-right:0; font-family: PoppinsRegular; text-transform:uppercase;} #contenu-millieu .contenu .panel-heading a.accordion-toggle:hover{text-decoration: none; background-color:#434343; color:#ffffff;} #contenu-millieu .contenu .panel-heading a.accordion-toggle:hover span{background-image:url(image/moins-slider.png);} #contenu-millieu .contenu .panel-heading a.accordion-toggle:hover span.chercheur-principal{background-image:none;} #contenu-millieu .contenu .accordion-body{background-color:#ffffff;} #contenu-millieu .contenu .accordion-body .panel-body{padding: 22px 20px 15px;} .nn_sliders.accordion > .accordion-group{margin-bottom:10px;} .nn_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle{padding:0;} .nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner{border:none;} .nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle{} .nn_sliders.accordion > .accordion-group > div > a:focus, .nn_sliders.accordion > .accordion-group.active > div > a:focus {box-shadow:none;} /*Styles pour la page d'accueil*/ p.intro-accueil{font-size:130%; margin-bottom:58px; line-height:24px;} #contenuAccueil h1{font-size: 100%; text-transform:uppercase; color:#2a2a2a; padding: 8px 0px; background:#eaeaea; text-align:center; margin-bottom:23px;} span.tiret-accueil{display: inline-block; margin-top: -8px; vertical-align: top; font-family:PoppipnsLight;} #accueil #nouvellesAcueil, #home #nouvellesAcueil{padding-left:0;} #accueil #evenementsAcueil, #home #nouvellesAcueil{padding:0;} .moduletable_evenements-accueil, .moduletable_nouvelles-accueil{padding-left:8px;} #contenuAccueil ul{margin-bottom:15px; padding:0; border-bottom:1px solid #dfdfdf;} #contenuAccueil ul li, #toutes-les-nouvelles .contenu ul li, #tous-les-evenements .contenu ul li, #news .contenu ul li, #events .contenu ul li{background:none; padding: 0 0 15px 0;} #contenuAccueil .moduletable_evenements-accueil ul{border:none;} #contenuAccueil .moduletable_evenements-accueil ul li{border-bottom:1px solid #dfdfdf; padding:14px 0 9px;} #contenuAccueil .moduletable_evenements-accueil ul li:first-child{padding-top:0;} #contenuAccueil a.mod-articles-category-title, #toutes-les-nouvelles a.mod-articles-category-title, #news a.mod-articles-category-title {font-family:PoppipnsSemiBold; font-size:95%; line-height:19px; display:block; margin-bottom:1px; } #contenuAccueil span.mod-articles-category-date, #toutes-les-nouvelles span.mod-articles-category-date, #news span.mod-articles-category-date{color:#2a2a2a; font-size:95%; margin-bottom:2px; display:block; } #contenuAccueil p.mod-articles-category-introtext{color:#000000; font-size:95%; margin:0; line-height:17px;} p.lien-accueil-tous{font-family:PoppipnsSemiBold; font-size:84%; text-transform:uppercase; margin-bottom:40px; margin-left:8px;} /*La barre des langues*/ div.mod-languages{float:right; margin-top:0; padding-left:26px; padding-top: 2px; background-image: url("image/bg-langue.png") ; background-repeat:no-repeat; background-position:left 80%;} div.mod-languages ul.lang-inline li{background-image: url("image/bg-li-language.png") ; background-repeat:no-repeat; background-position:-4px 1px; padding: 0 0 0 37px; margin:0;} .uqam div.mod-languages ul.lang-inline li a, .uqam div.mod-languages ul.lang-inline li a:link{color:#0079be; font-family:Arial, Helvetica, sans-serif; font-size:14px;} .uqam div.mod-languages ul.lang-inline li a:hover{color:#7f7f7f;} div.mod-languages ul.lang-inline li:first-child{background:none; padding: 0;} .uqam div.mod-languages ul.lang-inline li.lang-active a{color:#7f7f7f;} /*Page d'abonnement au bulletin */ table.acymailing_form{width:40%; float:left; margin-top:7px;} table.acymailing_form td{padding:0;} table.acymailing_form input{border-radius:0; background:#ececec; border:none; font-family:PoppinsMedium; font-size:95%; text-transform:uppercase; padding:13px 20px 11px; color:#828282} table.acymailing_form input:hover{color:rgba(0,0,0,0.75);} .uqam table.acymailing_form input[type="submit"] {background:#ececec; font-family:PoppinsMedium; margin-left:3px; font-size:245%; padding: 7px 12px 1px 10px; line-height:1.1;}