/* AUDIOVISUEL TEMPLATES.CSS ------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'Bariol-Regular'; font-style: normal; font-weight: normal; src: local('Bariol-Regular'), url('police-caractere/Bariol.woff') format('woff'); } /* --------------------------------------------------------------------------------------------------------------- */ /* GÉNÉRAL */ html{} body{color:#000;} #uqam_contenu{font-family: 'Asap', sans-serif; font-size: 14px;} #uqam_contenu{padding:17px 0 0 0;} /* TEXTE */ p { color: #4a4a4a; font-family: 'Asap', sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px 0; } 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{/isplay:block; width:100%; height:2px; margin:15px 0 14px 0; padding:0; clear:both; border-top: 2px solid #e9e9e9;} 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, h2 { color: #404040; font-family: 'Asap', sans-serif; font-size: 128.6%; font-weight: bold; margin: 0; padding: 0 0 20px 0; text-transform: uppercase; } h3{ color: #4A4A4A; font-family: 'Asap', sans-serif; font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 15px 0; text-transform: uppercase; } h4{ color: #00bce8; font-family: 'Asap', sans-serif; font-size: 107.1%; font-style: italic; font-weight: bold; margin: 0; padding: 0; } h5{margin:0; padding:0; color:#3b3b3b; font-size:120%; font-weight:normal; clear:both;} h6{margin:0; padding:0; color:#3b3b3b; font-size:100%; font-weight:bold; clear:both;} /* IMAGE */ .img-left{float:left; margin:0 10px 5px 0;} .img-right{float:right; margin:0 0 5px 10px;} /* LISTE */ ul{margin:0; padding:0 0 0 25px; list-style:url('image/puce.png');} 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 */ a, a:link{color:#007bbe; text-decoration:none;} a:active{} a:focus{} a:hover{color:#007bbe; text-decoration:underline;} a:visited{} /* TABLEAU */ table{width:100%; margin:0 0 15px 0; text-align:left; border:none; font-size:92.9%;} thead{} thead tr{} thead tr th, th{background:#007bbe; font-style:italic; padding:8px 10px; border-bottom:5px solid #FFF; border-right:1px solid #FFF; color: #FFF;} thead tr td{padding:10px; color:#fff; border:none; border-bottom:1px solid #fff; border-right:1px solid #fff;} thead tr:first-child th {text-transform:uppercase; font-weight:normal; font-style:normal; border:1px solid #FFF; border-bottom:1px solid #FFF;} tbody{} tbody tr, tr{} tbody tr td, td{padding:10px; background:#ebebeb; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; color: #404040;} tr td:last-child{border-right:none;} tr td.tabBorderLarge{border-bottom: 5px solid #FFF;} thead tr:first-child th.tabBorderLarge{border-bottom: 5px solid #FFF;} 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:0; z-index:1;} #uqam_contenu_exterieur_haut{width:100%; height:20px; margin:10px auto 0 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_contenu_interieur{background-position:center; width:1200px; margin:15px auto 0 auto; clear:both; padding: 0 5px !important; background: #FFF;} .contenu{padding:0 25px 0 25px;} /* MENU HORIZONTAL */ #contenu-haut{background: url('image/banniere.jpg') no-repeat center top #f6f6f6; height:333px;} #navigation-haut{background:#007bbe; height:60px; border-bottom:5px solid #fff;/*rgba(255,255,255,1);*/ } .uqam #navigation-haut{background:#007bbe;} #menu-principal{position:relative; z-index:9996; width:100%; } #menu-principal ul{height:50px; margin:0; padding:0; list-style-type:none; list-style-position:inside; width:1210px;margin:auto;} #menu-principal ul li{position:relative; display:block; float:left; height:55px; margin:0; padding:0;} #menu-principal>ul>li{background: url('image/bg_menu.png') no-repeat center right;} /*#menu-principal>ul>li:first-child{background: none;}*/ #menu-principal ul li:hover{} /*#menu-principal ul li.active{background:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1;}*/ #menu-principal ul li.active{background: #004985 !important;} #menu-principal ul li a, #menu-principal ul li a:link{display:table; height:100%; /*padding:0 40px;*/ color:#fff; font-weight:bold; text-decoration:none;} #menu-principal>ul>li>a{width:100%; text-align:center; padding-left:20px; padding-right:20px;} #menu-principal ul li ul li.parent a{ background: url('image/bullet_menu.jpg') no-repeat right top 10px !important;} /*#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:transparent\9; background:rgba(0,0,0,0.25); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000); zoom:1;}*/ #menu-principal ul li a:hover { background: #004985; } #menu-principal ul li.item-277 , #menu-principal ul li.item-278, #menu-principal ul li.item-279 { background: none !important; } /*#menu-principal ul li.item-278 { margin-left:90px !important; }*/ #menu-principal>ul>li.item-277>a,#menu-principal>ul>li.item-278>a,#menu-principal>ul>li.item-279>a{width:100%; text-align:center; padding-left:5px; padding-right:5px;} #menu-principal ul li.item-277 a:hover,#menu-principal ul li.item-278 a:hover,#menu-principal ul li.item-279 a:hover { background: #007bbe !important; } #menu-principal ul li a:visited{} #menu-principal ul li a span { color:#fff; display:table-cell; font-family: 'Raleway', sans-serif; font-size: 92.9%; font-weight: bold; height:100%; text-transform: uppercase; vertical-align:middle; } #menu-principal li > ul{display:none;} #menu-principal li:hover > ul{display:block;} #menu-principal ul li ul{ background:#004985; border-top:5px solid #fff; height:auto; position:absolute; top:100%; left:0; width:220px; } #menu-principal ul li:hover ul{} #menu-principal ul li ul li{position:relative; display:block; float:none; width:100%; height:100%; padding:0 15px;} #menu-principal ul li ul li:first-child{border-top:none;} #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:5px 0 5px 2px; border-top: 1px solid #007bbe;} #menu-principal ul .parent ul li:first-child a:link{border-top: none;} #menu-principal ul li ul li a:active{} #menu-principal ul li ul li a:focus{} #menu-principal ul li ul li a:hover{color: #FFF;} #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, #menu-principal ul li.parent ul li.active ul li a span, #menu-principal ul li.parent ul li.active ul li a span:after{ content:none; color: #00bce8; font-size: 85.7%;} #menu-principal ul li.parent ul li a:hover span, #menu-principal ul li.parent ul li.active a span, #menu-principal ul li.parent ul li.active ul li a:hover span, #menu-principal ul li.parent ul li.active ul li.active a span{color: #FFF;} #menu-principal ul li ul li.parent a span:after, #menu-principal ul li.parent ul li.parent a span:after{/*background:url('/www2016/templates/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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:0px; left:100%; border-top:none; padding-top:10px; padding-bottom:10px; } #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{background: url('image/bullet_menu.jpg') no-repeat left top 10px !important; border-top:none !important;} #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{ text-transform:none;padding-left:15px;} #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('/www2016/templates/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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:50px;} #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:1px solid #fff; 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 */ /* SECTION GAUCHE */ #contenu-gauche{/*background:#0079be; display:table-cell;*/ margin-top:30px; float:left; padding:0; vertical-align:top;} #contenu-gauche .contenu-interieur{border-bottom: 2px solid #e9e9e9; margin: 0 13px 0 15px;} #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{/*width: 270px;*/} #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; margin-bottom: -20px; z-index:0;} #menu-secondaire ul li.parent{} #menu-secondaire ul li.ouvert{} #menu-secondaire ul li.active{z-index: 50;} #menu-secondaire ul li a, #menu-secondaire ul li a:link{background: url('image/bg_menu_gauche.png') no-repeat top; display:table; height:102px; padding:0; position:relative; text-align:center; width:100%; } #menu-secondaire ul li a:active{} #menu-secondaire ul li a:focus, #menu-secondaire ul li a:hover, #menu-secondaire ul li.active a{background-position:bottom; text-decoration:none;} #menu-secondaire ul li a:visited{} #menu-secondaire ul li a:hover span, #menu-secondaire ul li.active a span{color:#FFF;} #menu-secondaire ul li a span{ color:#404040; display:table-cell; font-family: "Raleway",sans-serif; font-size: 85.7%; font-weight: bold; text-transform:uppercase; vertical-align:middle; } #menu-secondaire ul li.parent a span:after{background:url('/www2016/templates/css/image/icon/icon_plus_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_moins_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_plus_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_moins_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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:40px auto 30px; /*padding:0 0 0 110px;*/} #menu-reseaux-sociaux-vertical ul{} #menu-reseaux-sociaux-vertical ul li{display:block; float:left; padding:0;} #menu-reseaux-sociaux-vertical ul li:first-child{padding:0 15px 0 0;} #menu-reseaux-sociaux-vertical ul li:last-child{padding:0 0 0 15px;} #menu-reseaux-sociaux-vertical ul li a, #menu-reseaux-sociaux-vertical ul li a:link{background:url('image/twitter.png') no-repeat top; display:table; width:31px; height:31px;} #menu-reseaux-sociaux-vertical ul li:first-child a {background:url('image/facebook.png') no-repeat top;} #menu-reseaux-sociaux-vertical ul li:last-child a {background:url('image/instagram.png') no-repeat top;} #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-position: bottom;} #menu-reseaux-sociaux-vertical ul li a:visited{} #menu-reseaux-sociaux-vertical ul li a span{display:none; 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('/www2016/templates/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_fleche-vertical_couleur-uqam.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_fleche-vertical_couleur-blanc.png') no-repeat 0 0; background-image:url('/www2016/templates/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('/www2016/templates/css/image/icon/icon_video-play.png') no-repeat center center; background-image:url('/www2016/templates/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;} /* GAUCHE GOLD SPONSORS*/ #contenu-gauche .moduletable.goldSponsors { /*margin: 0 13px 0 15px;*/ padding-top:50px; } #contenu-gauche .goldSponsors h3 { background: #ebebeb; color: #404040; font-family: "Raleway",sans-serif; font-size: 78.6%; margin-bottom: 25px; padding: 8px 0 6px 0; text-align: center; text-transform: uppercase; } #contenu-gauche .goldSponsors p { padding-bottom: 30px; text-align: center; } /* SECTION MILLIEU */ #contenu-millieu{background:#fff; /*display:table-cell;*/ float:left; padding:0 0 50px 0; vertical-align:top;} #contenu-millieu .contenu-interieur{width:100%; padding:25px 0 25px 30px;} #contenu-millieu .contenu-interieur .contenu{padding:0px;} /* SECTION DROITE */ #contenu-droite{background:#fff; display:table-cell; float:none; padding:35px 0px 50px 0; vertical-align:top;} #contenu-centre #contenu-droite .contenu-interieur {padding: 0;} #contenu-centre #contenu-droite .contenu-interieur .moduletable{/*border-left: 2px solid #e8e8e8;*/ padding: 0 0 0 30px;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.moreNews .custom.moreNews {border-bottom: 2px solid #e8e8e8; padding-bottom: 25px;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.ouvert .custom.ouvert {border-bottom: 2px solid #e8e8e8; padding-bottom: 10px;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.twitter {padding:30px 0 0 0; margin-left: 30px;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.twitter .custom.twitter {} #contenu-centre #contenu-droite .contenu-interieur .moduletable.twitter .custom.twitter .encadre {width: 100%;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.twitter .custom.twitter .twitterFollow {float: none; padding: 0;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.facebookFeed h2 { padding: 20px 0; } /* mettre la pagination à horizontale */ .pagination { width: 100%; margin: 30px auto; } .pagination p{ margin-top:0px; } .pagination ul li { display: inline; margin-right: 20px; } /* CSS AUTEUR: Nicolas Desrosiers */ /* GÉNÉRAL */ #gabarit-variables {display: none;} #contenu-millieu .page-header { border: 0; margin: 0; padding: 0; } #contenu-millieu h3.encadre {margin-top: 20px;} #contenu-millieu h3.encadre.borderTop {margin-top: 0;} #contenu-millieu h3.encadre:first-child { margin-top: 0; } /*MENU*/ /*#menu-principal .nav .item-101 {width: 9%;} #menu-principal .nav .item-151 {width: 16%;}*/ /*#menu-principal .nav .item-151 {width: 13.6%;} #menu-principal .nav .item-164 {width: 14%;} */ /*#menu-principal .nav .item-164 {width: 13.5%;} #menu-principal .nav .item-220 {width: 15%;} */ /*#menu-principal .nav .item-220 {width: 11%;} #menu-principal .nav .item-153 {width: 14%;} #menu-principal .nav .item-152 {width: 14%;} */ /*#menu-principal .nav .item-152 {width: 11.9%;} #menu-principal .nav .item-172 {width: 13%;} #menu-principal .nav .item-154 {width: 14%;} #menu-principal .nav .item-155 {width: 9.24%;}*/ /*#menu-principal .nav .item-156 {width: 15.32%;}*/ /*SLIDER*/ .accordion-group{border: 0; box-shadow: none;} .item-page .nn_sliders.accordion > .accordion-group { border: none; border-bottom: 2px solid #e9e9e9; margin: 0; } .accordion-heading{ border-radius: 0; padding:0; } .accordion-heading a, .nn_sliders.accordion > .accordion-group .accordion-heading .accordion-toggle { background: url('image/slider_plus_moins.png') no-repeat right 10px top 15px; color: #007bbe; display: block; font-family: 'Asap', sans-serif;; font-size: 100%; font-weight: bold; height: 100%; margin: 0; padding: 13px 30px 13px 10px; text-transform: uppercase; } .accordion-inner p{padding: 5px 0;} .accordion-heading a:hover {background-color: transparent !important;} .item-page .nn_sliders.accordion > .accordion-group.active .accordion-heading a { background: url('image/slider_plus_moins.png') no-repeat right 10px top -118px transparent !important; text-decoration: none; } .accordion-body{/*padding-bottom: 20px;*/} .accordion-body .nn_sliders-title {display: none;} .accordion-body .accordion-inner, .nn_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner { border: none; /*padding: 0 10px;*/ padding: 0 10px 20px; } .nn_sliders.accordion>.accordion-group>div>a:focus, .nn_sliders.accordion>.accordion-group.active>div>a:focus {box-shadow:none;} /*ANCRES*/ #contenu-millieu h3.encadre.ancre {background: url(image/ancre.gif) no-repeat right #ebebeb; clear: none; float:right; margin:0 0 30px 0; padding:0; width:49%;} #contenu-millieu h3.encadre.ancre:first-child {float:left;} #contenu-millieu h3.encadre.ancre a {padding: 8px 25px 8px 10px; display: block;} #contenu-millieu h3.encadre.ancre a:hover {text-decoration: underline;} #contenu-millieu p.borderTop{border-top: 2px solid #e8e8e8; clear:both; margin-top:15px; padding: 0 0 10px 0;} #contenu-millieu h3.encadre{clear: both;} #contenu-millieu h3.encadre a {color: #4a4a4a;} #contenu-millieu h3.encadre a:hover {text-decoration: none;} /* BANNIERE */ #contenu-haut #banniere { display: inline; } /* ACCUEIL */ h1.home { border-top: 2px solid #e9e9e9; padding-top: 30px; } /*CONTENU DROITE*/ #contenu-droite .contenu-interieur { border-left: 2px solid #e8e8e8; max-width: 240px; } /*CARROUSSEL*/ .tp-bullets.simplebullets.round .bullet { background: url(image/bullit.png) no-repeat; height: 13px; margin-left: 5px; width: 13px; } #rev_slider_1_1_wrapper { background-color: none !important; max-width: 500px !important; } /*NEWS*/ .category-module.news {padding: 0;} .category-module.news li {list-style: none; padding-bottom: 15px;} .category-module.news li .mod-articles-category-title { font-weight: bold; } .category-module.news li .mod-articles-category-date { font-size: 85.7%; font-weight: bold; padding: 2px 10px 0 0; text-transform: uppercase; } .category-module.news li .mod-articles-category-introtext { padding: 0; } /*TWITTER*/ .moduletable.twitter { border-bottom: 2px solid #e9e9e9; padding-top: 35px; } .moduletable.twitter .encadre { float: left; font-size: 92.9%; padding: 4px 0 4px 10px; width: 85%; } .moduletable.twitter .twitterFollow { float: right; padding-top: 3px; } /*SUBSCRIBE*/ .custom.subscribe p { font-weight: bold; padding: 20px 0 10px 0; } .custom.subscribe input { background: #e8e8e8; border: 0; border-radius: 0; color: #404040; font-style: italic; padding-left: 10px; width: 90%; } .custom.subscribe button { background: #e8e8e8; border: 0; border-left: 1px solid #FFF; height: 30px; width: 10%; } /*VIDEO*/ #jcemediabox-popup-content { padding: 0 0 0 20px; } .moduletable.video h2 {border-top: 2px solid #e8e8e8; margin-top: 20px; padding: 20px 0 0 0;} .moduletable.video .custom.video {border-bottom: 2px solid #e8e8e8; margin: 0 0 30px 0;} .moduletable.video .custom.video p {padding: 20px 0 20px 0;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.video .custom.video {padding: 20px 0 0 0;} #contenu-centre #contenu-droite .contenu-interieur .moduletable.video .custom.video p {padding: 20px 0 38px 0;} /* ORGANIZATION */ #contenu-millieu #tabOverview { margin-bottom: 30px; } #contenu-millieu #tabOverview tr {} #contenu-millieu #tabOverview tr td { background: none; border-bottom: 2px solid #e9e9e9; border-right: 0; padding-bottom: 30px; text-align: center; } /* BECOME SPONSOR */ #contenu-millieu #tabSponsors {font-size:92.9%;} #contenu-millieu #tabSponsors thead {} #contenu-millieu #tabSponsors thead tr {} #contenu-millieu #tabSponsors thead tr th:first-child+th+th {background:#268fc8;} #contenu-millieu #tabSponsors thead tr th:first-child+th+th+th {background:#4ca2d1;} #contenu-millieu #tabSponsors thead tr th:first-child+th+th+th+th {background:#73b7db;} #contenu-millieu #tabSponsors thead tr th:first-child+th+th+th+th+th {background:#99cae5;} #contenu-millieu #tabSponsors thead tr:first-child th:first-child+th {background:#268fc8;} #contenu-millieu #tabSponsors thead tr:first-child th:first-child+th+th {background:#4ca2d1;} #contenu-millieu #tabSponsors thead tr:first-child th:first-child+th+th+th {background:#73b7db;} #contenu-millieu #tabSponsors thead tr:first-child th:first-child+th+th+th+th {background:#99cae5;} /* PARTNERS */ #tabPartners td {background: none;} /* HOTEL */ iframe {border: 0;} iframe html body div>div>div+div {background-color:#000;} /* ALL NEWS */ #adminForm table {border: 0} #adminForm table th, #adminForm table td, #adminForm table tr{background:none; border:0; padding-left:0;} #contenu-millieu .page-header h2 { color: #4A4A4A; font-size: 100%; padding: 0 0 15px 0; } /* BANNIÈRE */ /*#contenu-haut .custom.banniere { background: url('image/banniere.png') no-repeat center center ; background-size: cover; color: #FFF; font-family: 'Bariol-Regular'; font-size: 19px; height: 300px; padding-top: 165px; text-transform: uppercase; text-align: center; } #entete .custom_banniere_non-gabarit_mobile { background: url('image/logo.gif') no-repeat top 20px center #00bce8; color: #FFF; font-family: 'Bariol-Regular'; font-size: 19px; padding-top: 155px; text-transform: uppercase; text-align: center; } #contenu-haut .custom.banniere div, #entete .custom_banniere_non-gabarit_mobile div {} #contenu-haut .custom.banniere div span, #entete .custom_banniere_non-gabarit_mobile div span { font-size: 21px; font-weight: bold; } #contenu-haut .custom.banniere div span sup, #entete .custom_banniere_non-gabarit_mobile div span sup { font-size: 12px; } */ /*NEWSLETTER*/ /*#newsletter .item-page table {border-bottom:2px solid #e8e8e8;} #newsletter .item-page table tbody tr td {background:none; padding-left:0; padding-right:0; width:50%;}*/ /*REGISTRATION*/ .registration-table th, .registration-table td {padding:5px;} a.registration.disabled { background: #ebebeb; text-transform: uppercase; font-weight: bold; color: #c2c0c0; letter-spacing: 1px; padding: 6px 12px; cursor: not-allowed; /*pointer-events: none;*/ } a.registration.disabled:after { content: '>'; display: inline-block; padding: 4px 10px; background: #c2c0c0; color: #fff; text-decoration:none; left: 12px; position: relative; font-family:arial; } a.registration:hover { text-decoration:none; } .carrousel{ width:auto; height:340px;} .keynote_speakers tbody tr td{ padding: 0px !important; background: #FFF !important; border-bottom: none !important; border-right: none !important;} .keynote_speakers tbody tr td img{ width:100%;} /*La barre des sponsors*/ .goldSponsors{text-align:center;} .goldSponsors h3{font-family: 'Raleway', sans-serif; font-weight:700; text-align:center; background: #ebebeb none repeat scroll 0 0; margin: 0 0 10px; padding: 6px 0 6px 10px; font-size:80%;} /* TABLE PROGRAMME */ .day { background: #014984; color: #FFF; font-weight: bold; margin-left: 37px; padding: 5px 0; text-align: center } .sticky-wrap {margin:0;} .sticky-wrap table {font-size: 78.6%;} .sticky-wrap table.sticky-thead {box-shadow:none;} .sticky-wrap table th, .sticky-wrap table td {padding: 3px 10px;} .sticky-wrap table thead {} .sticky-wrap table thead tr {} .sticky-wrap table thead tr th:first-child { background: none; border: none; padding: 3px 5px; } .sticky-wrap table tbody {} .sticky-wrap table.sticky-col tbody {background:#FFF;} .sticky-wrap table tbody tr {} .sticky-wrap table tbody tr td { background: #FFF; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; min-width: 140px; text-align: center; } .sticky-wrap table tbody tr td.break {background:#f2f2f2; text-align:left;} .sticky-wrap table tbody tr td.odd {background:#e0f8fc;} .sticky-wrap table tbody tr td.even {background:#e0eef7;} .sticky-wrap table tbody tr td.satellite {background:#e0eef7;} .sticky-wrap table tbody tr td.satellite-2 {background:#cee4dd;} .sticky-wrap table tbody tr th { background: #FFF; border-bottom: 1px solid #fff; color: #000; font-style: normal; font-weight: normal; padding: 3px 5px; position: relative; top: -12px; height: 23px; } .sticky-wrap table tbody tr:first-child th {background:none;} /* gris break: #f2f2f2 border: #d9d9d9 ?: #007bbe local: #014984 #program_day { border-collapse: separate; border-bottom: #d9d9d9 thin solid; width: 6750px; } #program_day td{ border-top: #d9d9d9 thin solid; border-right: #d9d9d9 thin solid; border-top: #d9d9d9 thin solid; background-color:#FFF; height:25px; padding:5px; width:100px; vertical-align:middle; text-align:center; } #program_day .no-border{ border: #FFF thin solid; background-color:#FFF; } #program_day .day { color: #FFF; background-color: #007bbe; font-size: 125%; font-weight: bold; text-align: center; vertical-align: middle; border: none; } #program_day .local { color: #FFF; background-color: #014984; font-size: 92%; font-weight: bold; text-align: center; vertical-align: middle !important; border-right: #FFF thin solid; border-bottom: #FFF thin solid; text-transform: uppercase; width:250px; } #program_day .heure-debut { border-top: #000 thin solid !important; text-align:center; vertical-align:middle !important; } #program_day .break { border-top: #000 thin solid !important; text-align:center; vertical-align:middle !important; background-color:#f2f2f2; } #program_day .border-bottom { border-bottom: #000 thin solid; } #program_day .border-top { border-top: #000 thin solid; } #program_day .odd { text-align:center; vertical-align:middle !important; background-color:#e0f8fc; border-top: #000 thin solid !important; } #program_day .even { text-align:center; vertical-align:middle !important; background-color:#e0eef7; border-top: #000 thin solid !important; } #program_day .satellite { text-align:center; vertical-align:middle !important; background:#e0eef7; } .table-responsive>.fixed-column { position: absolute; display: inline-block; width: 100%; border-right: 1px solid #ddd; } */ #program-by-day .col-md-3{display:none;} #program-by-day .col-md-9, #program-schedule .col-lg-9{width:95%;} /* iFRAME */ .frame{width:100%; height:1000px;}