.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif}footer,header{background-color:#fcd412}.wrapper{max-width:1600px;margin:0 auto}header .wrapper{background:url(../images/header_background_mobile.jpg) no-repeat top;background-size:390px 285px;min-height:285px}ul{list-style:none;width:100%;margin:20px 0;padding:0;font-size:0}ul li{display:inline-block;max-width:45%;margin:2.5%}ul .name{font-weight:700;margin:0;background-color:#7b98ce;padding:7.5px 2px}ul .domain,ul .name{font-size:14px;text-align:center}ul .domain{display:none;position:absolute;width:90%;padding:0 5%;word-wrap:break-word;top:50%}ul a{position:relative;display:block;float:left;color:#000;text-decoration:none;background-color:#7b98ce}ul a img{max-width:390px;width:100%;height:auto}ul a:active,ul a:hover{text-decoration:none;background-color:#e62686}ul a:active img,ul a:hover img{opacity:0}ul a:active .domain,ul a:hover .domain{display:block}ul a:active .name,ul a:hover .name,ul a:visited,ul a:visited .name{background-color:#e62686}footer{font-size:14px}footer p{padding:10px 20px 5px;margin:0}.cegep,footer .wrapper{text-align:center}.cegep{display:block;padding:20px 10px 10px}.cegep img{width:30%}.icon,.social{display:inline-block}.icon{float:left;height:50px;width:50px;margin:10px;fill:#000}.icon:active,.icon:hover{fill:#e62686}@media (min-width:850px){header .wrapper{background:url(../images/header_background.jpg) no-repeat 100% 0;background-size:1344px 400px;min-height:400px}footer .wrapper{width:90%;padding:0 5%}footer p{font-size:12px;text-align:left;float:left;width:25%;margin-top:20px;padding:10px}ul{width:90%;margin:0 5%}ul li{max-width:16%;margin:2%}.cegep{float:left;width:20%}.cegep img{width:50%}.icon{height:36px;width:36px;margin-top:20px}}