/* DÉBUT CSS ID */

#contenu_haut {
	width:100%;
	background: url(../../images/2013/contenu_fond.png) top repeat-x;
	position:relative;
	top:0px;
}

#contenu_haut_centre{
	width:950px;
	margin:0px auto;
	position:relative;
	top:0px;
}

/*----------------------------------------- MENU HAUT ----------------------------------------------*/
#menu {
	width:930px;
	padding:0px 10px 10px 10px;
	float:left;
}

#menu .toggle_section{
	top:15px;
	background: url(../../images/2013/plus.gif) top left no-repeat;
}

#menu.fermer .toggle_section{
	background: url(../../images/2013/moins.gif) top left no-repeat;
}

.menu_infos, .menu_unites, .menu_vousetes {
	float:left;
	margin:15px 0px 0px 0px;
	text-align:left;
}

.menu_infos{
	padding-right:15px;
}

.menu_vousetes{
	padding-right:20px;
}

.menu_unites{
	width:340px;
}

#menu h2 {
	font-size:13px;
	font-weight:bold;
	color: #ffffff;
	border-bottom:none;
	margin-bottom: 0px;
	text-align:left;
	cursor:pointer;
	padding:0px 0px 5px 0px;
}

.menu_infos h2{
	width:182px;
	background-image: url(../../images/2013/pointilles_menu_ind.gif);
	background-repeat:no-repeat;
	background-position:180px 0px;
}

.menu_vousetes h2{
	width:364px;
	background-image: url(../../images/2013/pointilles_menu_ind.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.menu_unites h2{
	width:318px;
	background:none;
}

#menu h2 span{
	padding:0px 25px 0px 0px;
	background: url(../../images/2013/plus.gif) right no-repeat;
}

#menu.fermer h2 span{
	background: url(../../images/2013/moins.gif) right no-repeat;
}

#menu ul {
	float:left;
	margin:15px 0px 9px 0px;
	padding:0px;
	list-style-image:url(../../images/2013/puce_menu.png);
}

#menu ul.pointille, #menu_scroll ul.pointille{
	background:url(../../images/2013/pointilles_menu_ind.gif) right repeat-y;
}

.menu_infos ul{
	width:181px;
}

.menu_vousetes ul{
	width:182px;
}

.menu_vousetes ul.pointille{
	height:72px;
}

#menu .menu_unites ul{
	width:168px;
}

#menu .menu_unites ul.first{
	width:172px;
}

#menu .menu_unites ul li{
	width:148px;
}

#menu ul li {
	padding:0px 5px 3px 0px;
	margin:0px 0px 0px 15px;
	width:162px;
	text-align:left;
}

#menu ul li a {
	color: #FFF;
	font-size:12px;
	text-decoration:none;
}

#menu ul li a:hover {
	color:#00d8ff;
	text-decoration:none;
}
/* A la demande de Sylvain - 14 novembre 2014 - DP-2497
#menu .retractable{
	display:none;
}*/

/*----------------------------------- MENU VERSION FIXE -----------------------------------*/
#menu_container{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	display:none;
	z-index:100;
	background: url(../../images/2013/contenu_fond.png) top repeat-x;
	padding-bottom:10px;
}

#menu_scroll {
	width:930px;
	position:relative;
	top:0px;
	padding:0px 10px 10px 10px;
	margin:0px auto;
}

#menu_scroll .retractable{
	display:none;
}

#menu_scroll .toggle_section{
	display:none;
}

#menu_scroll h2 {
	font-size:13px;
	font-weight:bold;
	color: #ffffff;
	border-bottom:none;
	margin-bottom: 0px;
	text-align:left;
	cursor:pointer;
}

#menu_scroll h2 span{
	padding:0px 25px 0px 0px;
	background: url(../../images/2013/plus.gif) right no-repeat;
}

#menu_scroll.fermer h2 span{
	background: url(../../images/2013/moins.gif) right no-repeat;
}

#menu_scroll .menu_unites ul{
	width:168px;
}

#menu_scroll .menu_unites ul.first{
	width:172px;
}

#menu_scroll .menu_unites ul li{
	width:148px;
}

#menu_scroll ul {
	float:left;
	padding:5px 0px 9px 0px;
	margin:0px;
	list-style-image:url(../../images/2013/puce_menu.png);
}

#menu_scroll ul li {
	padding:0px 5px 3px 0px;
	margin:0px 0px 0px 15px;
	width:162px;
	text-align:left;
}

#menu_scroll ul li a {
	color: #FFF;
	font-size:12px;
	text-decoration:none;
}

#menu_scroll ul li a:hover {
	color:#00d8ff;
	text-decoration:none;
}

/*----------------------------------------- BANDEAUX ----------------------------------------------*/
#bandeaux{
	height:258px;
	width:570px;
	float:left;
	position:relative;
	background-color:#f7f7f7;
	overflow:hidden;
}

#bandeaux .nivoSlider{
	width:570px;
	height:258px;
}

#bandeaux .nivo-controlNav{
	position:absolute;
	bottom: 0px;
	left:0px;
	z-index:10;
	width:168px;
	text-align:center;
}

#arts, #comm, #devd, #educ, #esg, #lang, #mode, #sant, #scpo, #scie, #schu{
	position:absolute;
	top:0px;
	left:0px;
	height:258px;
	width:570px;
	background-color:#f7f7f7;
}

#arts .info h2 a{
	color:#888888;
}
#comm .info h2 a, #lang .info h2 a{
	color:#e69202;
}
#educ .info h2 a{
	color:#f36621;
}
#esg .info h2 a, #mode .info h2 a{
	color:#ad2113;
}
#scpo .info h2 a{
	color:#336699;
}
#scie .info h2 a{
	color:#40b239;
}
#schu .info h2 a{
	color:#a1006b;
}

#bandeaux .info{
	margin:10px 20px 0px 20px;
	text-align:left;
	/*background:url(../../images/2013/pointille_blanc.gif) left bottom repeat-x;
	padding-bottom:1px;*/
}

#bandeaux .titre_section{
	width:372px;
	float:right;
	text-align:left;
	padding:0px 10px 0px 10px;
	margin:10px 0px 0px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

#bandeaux .info p{
	margin-bottom:5px;
}

#bandeaux .bloc{
	width:181px;
	float:left;
	margin-left:10px;
	text-align:left;
}

#bandeaux .bloc.first{
	width:146px;
	margin-left:20px;
}

#bandeaux .bloc .bouton{
	display:block;
	width:130px;
	height:26px;
	padding:8px 8px 10px 8px;
	margin:10px 0px;
	background:url(../../images/2013/btn_programmes.png) top left no-repeat;
	color:#fff;
	font-weight:bold;
}

#bandeaux .bloc .bouton:hover{
	background:url(../../images/2013/btn_programmes_h.png) top left no-repeat;
	text-decoration:none;
}

#bandeaux .bloc .liens{
	background:url(../../images/2013/pointille_blanc.gif) left top repeat-x;
	padding:10px 0px 0px 0px;
}

#bandeaux .bloc a.retour{
	display:block;
	width:126px;
	padding-left:15px;
	margin-bottom:5px;
	background:url(../../images/2013/fleche_gauche_bleu.gif) 0px 5px no-repeat;
	font-weight:bold;
}

#bandeaux .bloc input{
	float:left;
	width:13px;
	height:13px;
	margin:2px 4px 0px 0px;
	padding:0px;
	cursor:pointer;
}

#bandeaux .bloc label{
	display:block;
	width:126px;
	float:left;
	margin-top:6px;
	color:#0a55a0;
	cursor:pointer;
}

#bandeaux .bloc ul{
	list-style-image:url(../../images/2013/puce_fac.gif);
	margin-top:10px;
}

#bandeaux .bloc ul li{
	font-size:11px;
	margin:4px 0px 0px 15px;
}
/*---------------------------------- ONGLETS ÉTUDIER/LIENS ----------------------------------------*/
#bloc_etudier_liensexpress{
	width:379px;
	height:258px;
	float:left;
	background: url(../../images/2013/onglet_etudier.png) top left no-repeat;
}

#bloc_etudier_liensexpress.liens{
	background: url(../../images/2013/onglet_liensexpress.png) top left no-repeat;
}

#bloc_etudier_liensexpress .onglets{
	height:42px;
	float:left;
	width:379px;
}

#bloc_etudier_liensexpress .onglets a{
	cursor:pointer;
	display:block;
	height:26px;
	float:left;
	text-decoration:none;
}

#bloc_etudier_liensexpress .onglets .etudier{
	width:161px;
	padding:10px 0px 0px 15px;
}

#bloc_etudier_liensexpress .onglets .etudier span{
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

#bloc_etudier_liensexpress .onglets .etudier.active{
	padding:10px 0px 0px 20px;
	text-align:left;
}

#bloc_etudier_liensexpress .onglets .etudier.active span{
	font-size:18px;
}

#bloc_etudier_liensexpress .onglets .liens{
	width:110px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 40px;
}

#bloc_etudier_liensexpress .onglets .liens span{
	color:#d2d2d2;
	font-size:13px;
}

#bloc_etudier_liensexpress .onglets .liens.active{
	padding:10px 0px 0px 5px;
	cursor:default;
}

#bloc_etudier_liensexpress .onglets .liens.active span{
	color:#ffffff;
	font-weight:bold;
}

#bloc_etudier_liensexpress .bloc{
	width:338px;
	float:left;
	padding:10px 0px 10px 0px;
	margin:10px 20px 0px 20px;
	
}

#bloc_etudier_liensexpress .bloc ul{
	width:168px;
	float:left;
	margin-bottom:0px;
	padding-left:0px;
	text-align:left;
}
#bloc_etudier_liensexpress .bloc ul.first{
	width:170px;
}

#bloc_etudier_liensexpress .bloc ul li{
	padding:2px 5px 3px 0px;
	margin:0px 0px 0px 15px;
}

#bloc_etudier_liensexpress .bloc ul li a{
	color:#ffffff;
	font-weight:normal;
	font-size:13px;
}

/*#bloc_etudier_liensexpress .bloc ul li a:hover, #bloc_etudier_liensexpress .bloc ul li.active a{
	color:#ffd200;
	text-decoration:none;
}*/

#bloc_etudier_liensexpress .bloc.liens{
	/*border-top:1px dotted #343434;
	border-bottom:1px dotted #343434;*/
	background:url(../../images/2013/pointille_gris.gif) top left repeat-x;
}

#bloc_etudier_liensexpress .bloc.etudier{
	/*border-top:1px dotted #004564;
	border-bottom:1px dotted #004564;*/
	background:url(../../images/2013/pointille_bleu.gif) top left repeat-x;
}

#bloc_etudier_liensexpress .bloc.etudier ul{
	
}

#bloc_etudier_liensexpress .bloc.etudier ul li{
	margin-left:0px;
	list-style-type:none;
}

/*#bloc_etudier_liensexpress .bloc.etudier ul li.active{
	background-color:#003e5c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}*/


#bloc_etudier_liensexpress .bloc.etudier ul li a{
	display:block;
	padding-left:15px;
	background:url(../../images/2013/puce_etudier.gif) 2px 5px no-repeat;
}

/*#bloc_etudier_liensexpress .bloc.etudier ul li a:hover{
	color:#ffd200;
	text-decoration:none;
}
*/
#bloc_etudier_liensexpress .bloc.etudier ul li.active a{
	/*background:url(../../images/2013/puce_etudier_actif.gif) 2px 5px no-repeat;
	color:#ffd200;*/
	text-decoration:underline;
}

#bloc_etudier_liensexpress .bloc.liens ul{
	list-style-image:url(../../images/2013/puce_liens.gif);
}

#bloc_etudier_liensexpress .boutons{
	width:338px;
	height:44px;
	margin:0px 20px;
	padding:10px 0px;
	float:left;
	background:url(../../images/2013/pointille_bleu.gif) top left repeat-x;
}

#bloc_etudier_liensexpress.liens .boutons{
	background:url(../../images/2013/pointille_gris.gif) top left repeat-x;
}
	

#bloc_etudier_liensexpress .boutons a{
	display:block;
	float:left;
	width:117px;
	height:28px;
	background: url(../../images/2013/btn_etudier.png) top left no-repeat;
	padding:8px 40px 8px 10px;
	text-align:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#bloc_etudier_liensexpress .boutons a:hover{
	background: url(../../images/2013/btn_etudier_h.png) top left no-repeat;
}
#bloc_etudier_liensexpress .boutons a.premier{
	margin-right:4px;
}


/*---------------------------------- SECTION ACTUALITÉS ----------------------------------------*/

#contenu_actualites{
	width:950px;
	float:left;
	position:relative;
	margin:20px 0px 20px 0px;
}

#contenu_actualites .contenu{
	margin-top:10px;
	border-bottom:5px solid #006c9e;
	background:url(../../images/2013/fond_bloc_onglets.gif) top right repeat-y;
}

#contenu_videopub{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_nouvelles{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}
#contenu_nouvelles{
	width:362px;
}

#contenu_nouvelles h2 a{
	color:inherit;
}

#contenu_nouvelles h2 a:hover{
	text-decoration:none;
}

#contenu_nouvelles ul {
	padding:0px;
	margin:0px;
}

#contenu_nouvelles ul li {
	padding:0px 0 7px 0;
	margin:0px 0px 7px 0px;
	background:url(../../images/2013/pointille_blanc.gif) bottom left repeat-x;
}
#contenu_nouvelles ul li {
	padding:0;
	margin:0px 0px 5px 0px;	
	display: inline-block;
}

#contenu_nouvelles ul li span{
	color:#4c4c4c;
}
#contenu_nouvelles ul li span{
	width: 290px;
	float: right; 
    margin-bottom: 5px;
}
#contenu_nouvelles span.date_entrevue {
	margin: 5px 0 10px 0;
}
#contenu_nouvelles span.titre_section a {
	font-weight: bold;
    color: #073b70;
    font-size: 14px;
	margin-bottom: 5px;
}
#contenu_nouvelles span.titre_ent {
    float: right;
    width: 290px;
}
#contenu_nouvelles span.liens_actualites {
    padding-right: 15px;
	background: url(../../images/2013/pointilles_menu_ind.gif) right repeat-y; 
	float: left;
}
#contenu_nouvelles > p > a { float: left; padding-left: 15px; font-weight: normal; }

#contenu_nouvelles ul li a {
	color:#0A55A0;
	font-weight:normal;
}
#contenu_nouvelles ul li a {
	padding-right: 10px;
}
#contenu_nouvelles img {
	vertical-align: top;
}
#contenu_entrevues{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_entrevues h2 a{
	color:inherit;
}

#contenu_entrevues h2 a:hover{
	text-decoration:none;
}

#contenu_entrevues div {
	float:left;
	width:168px;
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(../../images/2013/pointille_blanc.gif) bottom left repeat-x;
}

#contenu_entrevues div img {
	border:1px solid #7d7d7d;
	float:left;
	margin-right:5px;
	margin-top: 3px;
}

#contenu_entrevues p.titre_entrevue{
	float:left;
}

#contenu_entrevues p.titre_entrevue a.image{
	float:left;
}

#contenu_entrevues p a.titre_entrevue {
	display: block;
	float:left;
	width:98px;
	margin-left: 0px;
	color: #0a55a0;
	font-weight: normal;
}

#contenu_entrevues p.personne {
	color: #878787;
	margin-left: 70px;
}

#contenu_entrevues p.personne .nom {
	font-weight: bold;
}

#bloc_evenements{
	width:379px;
	float:right;
	position:relative;
}

#bloc_evenements .onglets{
	height:36px;
	width:379px;
	float:left;
	background: url(../../images/2013/onglet_evenements.jpg) top left no-repeat;
}

#bloc_evenements.evenementculturel .onglets{
	background: url(../../images/2013/onglet_experts.jpg) top left no-repeat;
}

#bloc_evenements .onglets a{
	cursor:pointer;
	display:block;
	height:26px;
	float:left;
	text-decoration:none;
}

#bloc_evenements .onglets .evenements{
	width:106px;
	padding:10px 0px 0px 20px;
}

#bloc_evenements .onglets .evenements span{
	color:#073b70;
	font-size:13px;
	font-weight:bold;
}

#bloc_evenements .onglets .evenements.active{
	padding:10px 0px 0px 20px;
}

#bloc_evenements .onglets .evenements.active span{
	font-size:18px;
}

#bloc_evenements .onglets .evenementsculturels{
	width:163px;
	padding:10px 0px 0px 5px;
	margin:0px 0px 0px 30px;
}

#bloc_evenements .onglets .evenementsculturels span{
	color:#073b70;
	font-size:13px;
	font-weight:bold;
}

#bloc_evenements .onglets .evenementsculturels.active{
	padding:10px 0px 0px 2px;
}

#bloc_evenements .onglets .evenementsculturels.active span{
	color:#073b70;
	font-size: 15px;
}

#evenement{
	width:339px;
	float:left;
	padding:5px 20px 15px 20px;
	background-color:#f7f7f7;
}

#evenement div.calendrier, #evenement div.aujourdhui {
	height:15px;
	float:left;
	max-width:158px;
	margin-top:5px;
}

#evenement div.aujourdhui{
	
	margin-left:10px;
	background:url(../../images/2013/pointille_vertical.gif) top left repeat-y;
}

#evenement div.aujourdhui{
	padding-left:10px;
}


#evenement p.autres a {
	font-weight:bold;
}

#evenement ul.liste_even {
	float:left;
	width:100%;
	padding:0px 0px 0px 0px;
	background:url(../../images/2013/pointille_blanc.gif) bottom left repeat-x;
}

#evenement ul.liste_even li {
	float:left;
	width:339px;
	padding:5px 0px 10px 0px;
	list-style-type:none;
	background:url(../../images/2013/pointille_blanc.gif) top left repeat-x;
}

#evenement ul.liste_even li:nth-child(odd){
	background-color:#eaf0f2;
}

#evenement ul.liste_even span.date {
	display:block;
	float:left;
	width:61px;
	padding:0px 5px;
	height:100%;
	color:#4c4c4c;
}

#evenement ul li a {
	display:block;
	float:left;
	width:263px;
	color:#0A55A0;
	padding-right:5px;
}

#evenementculturel {
	width:339px;
	float:left;
	padding:5px 20px 15px 20px;
	background-color:#f7f7f7;
	display: none;
}

#evenementculturel div.calendrier, #evenementculturel div.aujourdhui {
	height:15px;
	float:left;
	max-width:158px;
	margin-top:5px;
}

#evenementculturel div.aujourdhui{
	margin-left:10px;
	background:url(../../images/2013/pointille_vertical.gif) top left repeat-y;
}

#evenementculturel div.aujourdhui{
	padding-left:10px;
}


#evenementculturel p.autres a {
	font-weight:bold;
}

#evenementculturel ul.liste_even {
	float:left;
	width:100%;
	padding:0px 0px 0px 0px;
	background:url(../../images/2013/pointille_blanc.gif) bottom left repeat-x;
}

#evenementculturel ul.liste_even li {
	float:left;
	width:339px;
	padding:5px 0px 10px 0px;
	list-style-type:none;
	background:url(../../images/2013/pointille_blanc.gif) top left repeat-x;
}

#evenementculturel ul.liste_even li:nth-child(odd){
	background-color:#eaf0f2;
}

#evenementculturel ul.liste_even span.date {
	display:block;
	float:left;
	width:61px;
	padding:0px 5px;
	height:100%;
	color:#4c4c4c;
}

#evenementculturel ul li a {
	display:block;
	float:left;
	width:263px;
	color:#0A55A0;
	padding-right:5px;
}

/*---------------------------------- SECTION INFOS SUPP ----------------------------------------*/

#contenu_infossup{
	width:950px;
	float:left;
	position:relative;
	margin:0px 0px 20px 0px;
}

#contenu_infossup .contenu{
	margin-top:10px;
	border-bottom:5px solid #006c9e;
	background:url(../../images/2013/fond_bloc_onglets.gif) top right repeat-y;
}

#contenu_fondation{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_noscampus{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_noscampus p{
	line-height:19px;
}

#contenu_nousjoindre{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#bloc_uqam_info{
	width:379px;
	float:right;
	position:relative;
}

#bloc_uqam_info .onglets{
	height:36px;
	width:379px;
	float:left;
	background: url(../../images/2013/onglet_uqam.jpg) top left no-repeat;
}

#bloc_uqam_info .onglets a{
	cursor:default;
	display:block;
	height:26px;
	float:left;
	text-decoration:none;
}

#bloc_uqam_info .onglets .uqam_info{
	width:292px;
	padding:10px 0px 0px 20px;
}

#bloc_uqam_info .onglets .uqam_info span{
	color:#073b70;
	font-size:13px;
	font-weight:bold;
}

#bloc_uqam_info .onglets .uqam_info.active{
	padding:10px 0px 0px 20px;
}

#bloc_uqam_info .onglets .uqam_info.active span{
	font-size:18px;
}

#uqam_info{
	width:339px;
	float:left;
	padding:5px 20px 25px 20px;
	background-color:#f7f7f7;
}

#uqam_info p.texte{
	/*border-top:1px dotted #8c8c8c;
	border-bottom:1px dotted #8c8c8c;*/
	background:url(../../images/2013/pointille_blanc.gif) top left repeat-x;
	margin-top:0px;
	padding:10px 0px;
}

#uqam_info .supp{
	width:339px;
	float:left;
	background:url(../../images/2013/pointille_blanc.gif) top left repeat-x;
	padding-top:10px;
}

#uqam_info .supp p{
	padding-right: 15px;
}

#uqam_info .tous{
	float:left;
}

#contenu_partage {
	padding-top: 20px;
}
#contenu_partage .fb-share-button {
	display: inline-block; 
}

#publicite {
	float:left;
	display:inline;
	width:170px;
	padding:15px 10px 5px 10px;
}

#publicite p {
	margin: 5px 0px 5px 0px;	
}

#publicite a {
	font-size:11px;
}

/*---------------------------------- SECTION MEDIAS SOCIAUX -------------------------------------*/

#contenu_mediassociaux{
	width:950px;
	float:left;
	position:relative;
	margin:0px 0px 20px 0px;
}

#contenu_mediassociaux .contenu{
	margin-top:10px;
	border-bottom:5px solid #006c9e;
	background:url(../../images/2013/fond_bloc_onglets.gif) top right repeat-y;
}

#contenu_mediassociaux h2 a{
	color:#073B70;
}

#contenu_mediassociaux h2 a.lien{
	font-size:12px;
	font-weight:normal;
}

#contenu_instagram{
	width:168px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_instagram h2 span.icone{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background: url(../../images/2013/icone_instagram_g.png) top left no-repeat;
}

#contenu_instagram .photo{
	width:150px;
	padding:0px 9px;
}

#contenu_twitter{
	width:364px;
	margin:10px 20px 10px 0px;
	float:left;
	position:relative;
}

#contenu_twitter h2 span.icone{
	display:block;
	float:left;
	width:25px;
	height:20px;
	background: url(../../images/2013/icone_twitter_g.png) top left no-repeat;
}

#contenu_twitter h2 .twitter-follow-button{
	float:right;
}

#contenu_facebook{
	width:378px;
	margin:0px;
	float:left;
	position:relative;
}

#contenu_facebook .onglets{
	height:36px;
	width:379px;
	float:left;
	background: url(../../images/2013/onglet_uqam.jpg) top left no-repeat;
}

#contenu_facebook .onglets a{
	display:block;
	height:26px;
	float:left;
	text-decoration:none;
}

#contenu_facebook .onglets .uqam_facebook{
	width:292px;
	padding:10px 0px 0px 45px;
	background: url(../../images/2013/icone_facebook_g.png) 20px 10px no-repeat;
}

#contenu_facebook .onglets .uqam_facebook span{
	color:#073b70;
	font-size:13px;
	font-weight:bold;
}

#contenu_facebook .onglets .uqam_facebook.active{
	padding:10px 0px 0px 45px;
}

#contenu_facebook .onglets .uqam_facebook.active span{
	font-size:18px;
}

#uqam_facebook{
	width:339px;
	float:left;
	padding:5px 20px 25px 20px;
	background-color:#f7f7f7;
}


#contenu_urgence {

}

#babillURGENCE {
	width:910px;
	min-height:110px;
	margin:15px 0px;
	padding:30px 0px 0px 40px;
	background-repeat:repeat-y;
	background-position:left;
}

#babillURGENCE.orange {
	background-image:url(../../images/2013/urgences/orange_contenant.gif);
}

#babillURGENCE.gris {
	background-image:url(../../images/2013/urgences/gris_contenant.gif);
}

#babillURGENCE.noir {
	background-image:url(../../images/2013/urgences/noir_contenant.jpg);
}

#babillURGENCE_contenu {
	padding:0px 20px 20px 150px;
	
}
#babillURGENCE.orange #babillURGENCE_contenu{
	background: url(../../images/2013/urgences/triangle.png) top left no-repeat;
}
#babillURGENCE.gris #babillURGENCE_contenu{
	background: url(../../images/2013/urgences/fleches.png) top left no-repeat;
}

#urgence_contenu h2 {
	font-size:12px;
	font-weight:bold;
}

#babillURGENCE_contenu.orange {
}

#babillURGENCE_contenu.gris {
}

#babillURGENCE_contenu.noir {
}

#babillURGENCE_contenu li{
	color:#ffffff;
}

#babillURGENCE_contenu li .sur_titre{
	margin-bottom:20px;
	font-size:14px;
}

#babillURGENCE_contenu li a{
	color:#ffffff;
	text-decoration:underline;
}

#video .video {clear:both;}
#video .img_video { display: block; position:relative;}
#video .img_video:after { content: ''; position: absolute; top: 0; bottom:0; left:0; right:0; background: url('/css/2013/template_video_uqam_ca.png') no-repeat;}
#video .img_video img { width: 168px; height: 94px; object-fit:cover; }
#video a.txt_video {
	padding:5px 0 10px 0;
	float:left;
}
/* compatibilité IE	*/
#video .video.compat-object-fit {
   position: relative; 
   background-size: cover;
   background-position: center center;
}
#video .video.compat-object-fit img {
   opacity: 0;
}
#video .video.compat-object-fit:before {
   background: rgba(0,0,0,0.5);
}

a.tous {
	display:block;
	float: right;
	padding-right:15px;
	background: url(../../images/2013/fleche_droite_bleu.gif) right no-repeat;
	font-weight: bold;
	text-decoration: none;
	color:#0a55a0;
	font-size:12px;
	
}

a.tous:hover {
	text-decoration: underline;
}

a.uqamtv.tous { float: left; }

.retractable{
	float:left;
	width:100%;
}

.bande_titre{
	width:930px;
	height:16px;
	padding:10px 20px;
	margin-bottom:0px;
	background: url(../../images/2013/fond_bande_titre.gif) top left repeat-x;
	cursor:pointer;
}

.bande_titre h2{
	float:left;
	padding-right:24px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	border-bottom:none;
	background: url(../../images/2013/plus_blanc.gif) 100% 2px no-repeat;
}

div.fermer .bande_titre h2{
	background: url(../../images/2013/moins_bleu.gif) 100% 2px no-repeat;
}

.clear{
	line-height:0px;
	clear:both;
}