@charset "UTF-8";

/* IPAD 768x1024*/

span#identification{
	color: #FFF;
    float: left;
    width: 55%;
    line-height: 1em;
    margin-top: 16px;

}
#responsive_menu_pro_header_bar_logo{
	float: left;
}
#responsive_menu_pro  li,#responsive_menu_pro  ul{
	padding-bottom: 0;
	margin-top: 0;
}
#responsive_menu_pro .responsive_menu_pro_append_link{
    width: 15px;
    text-align: center;	
}
/* Bug de la barre wordpress qui décale vers le bas quand Disable background scrolling when Menu is active  */
body.responsive_menu_pro_disable_scrolling_body.admin-bar{
	position: static;
}
#responsive_menu_pro_header_bar.responsive_menu_pro_admin_bar_showing{
    margin-top: 46px !important;
}
#responsive_menu_pro.responsive_menu_pro_admin_bar_showing{
    padding-top: 46px !important;	
}

/* *******************************************
 *  à partir de 930px on est en pleine résolution 
 * *************************************/
/* IPAD MINI */
@media (min-width: 768px) and (max-width: 929px) { 
 	
 	div#bloc-menu div.bloc ,div#minibloc-menu div.bloc{
		height: auto;
		/* pour les cas où il n y a pas encore de photo */
		min-height: 25px;
	}		
	body.blog div.title-and-content,body.archive div.title-and-content{
		float: left;
		width: 100%;
		padding: 0px;
		margin-top: 10px;
	}	
	div#bandeau div.img{
		background-size: 1400px !important;
		height: 134px;
	}
	
	div.sidebar-blog {
		display: none;
	}
	ul#menu-main > li{
		font-size: 0.95em;
		padding-right: 9px;
    	padding-left: 9px;	
	}	
	ul#menu-main > li > a{
		font-size: 1em;
	}
	div.news-and-share-container{
		width: 100%;
	}
	div.news-and-share-container div.title-and-content{
		max-width: 100%;
	}
	body.blog div.title-and-content{
		width: 100%;		
	}	
	
	body.page-template-template-section-homepage div#bloc-menu div.bloc {
	    width: 240px;
	    height: 240px;
	}	

	div#departements-footer div.departements{
	    margin-left: 2%; 
	}		
}

/* *******************************************
 *  Plus petit que le Ipad mini
 * *************************************/
@media only screen and (max-width: 767px) {

	h1{
		font-size: 1.7em;
  	    line-height: 1.1em;		
	}
	h2{
		font-size: 1.5em;
	}	

	#wrap_all
	{ 
		float:left;
		margin-top: 20px;	
		width: 100%;		
	}
	/* ***********************
	 * Hidden
	 * ****************** */
	.hide-cellphone, .no-mobile,  #news-caroussel,#search-bar, div.main-menu-bk, div.sidebar-blog{
		display:none;			
	}
	.mobile-only{
		display: block;
	}
	
	div#main div.content{	
		display: flex;
    	flex-flow: column-reverse ;			
	}

	div.sidebar-wrap{
		width: 100%;
		margin-bottom : 0;
	}
	div.sidebar-menu-wrap{
		margin-top:30px;	
		margin-bottom : 30px;	
	}
	body .alignright{
		float: none;

		margin: 10px auto;
	}
	/* ***********************
	 * 
	 * ****************** */
	div.container{
		width: 95%;
	} 
	#breadcrumbs{
		padding: 0;
	}
	div.content{
		margin: 0px;
		padding: 0px;
	}		
	/* ***********************
	 * ACCUEIL
	 * ****************** */
	div#frontpage-middle div.frontpage-col1 div.contenu{
		width: 55%;
	}
	div#frontpage-middle div.frontpage-col1 div.title{
		width: 100%;
	}	
	div#frontpage-middle div.bloc.one-third{
		width: 100%;
		float: left;
		max-width: 295px;
	}
	div#frontpage-middle div.bloc.one-third.last{
		float: left;		
	}	
	div.frontpage-timbres img{
		max-width: 100%;
		height: auto;
	}
	div.frontpage-timbres a{
		margin: 0 2% 2% 0;
		max-width: 48%;

	}
	/* ***********************
	 * identite bandeau udem 
	 * ****************** */	
	div.faculte-departement p{
		height:auto;
		margin-top: 0;
	}	

	
	div.logo-UdeM-nom-departement{
		float: left;
		width: 100%;
		height: auto;
		text-align: center;
		margin-bottom: 0;
	}
	
	div.faculte-departement.one-element{
		margin-top: 10px;
	}	
	div#separateur{
		display:none;
	}	
	div.faculte-departement p.faculte-nom a{
		
		margin-left: 0;
	}
	div.faculte-departement p.faculte-nom a{
		color: #afafaf;
    	font-weight: normal;
		font-size: 0.9em;
	}		
	div.logo-UdeM-nom-departement a.site-title{
		line-height: 0.9em;
	}		
	div.faculte-departement{

		line-height: 1.7em;
		width: 100%;
	    margin: 0;	
	}	
	div.logo-UdeM-nom-departement {
	
	    border-bottom: 1px solid #eee;
	    padding-bottom: 10px;
	}	
	
	div.logo-UdeM-nom-departement  div.logo{
			margin:0;
			float: none;
	}	
	div.logo-UdeM-nom-departement  div.logo img{
		width: 100px;	
	}				
	div.logo-UdeM-nom-departement div.um-titre-site{
		width:75%;
		padding: 0;
		margin-left: 0;
		line-height: 1em;
	}	
	
	
	
	/* ***********************
	 * 
	 * ****************** */			
	div.news-and-share-container {
	 	width: 100%;
	}	
	div.share li{
		width: auto;
	}
	div.title-and-content{
		float: left;
		width: 100%;
		padding: 0px;
		margin-top: 10px;
	}
	div.inner-menu{
		width: 94%;
	}
	div.side-box{
		width: 96%;
		margin-right: 0px; 
	}
	#wprmenu_bar{
		display: block !important;
	}
	div.template-blog div.news-bloc div.title{
		display: none;
	}
	div.template-blog div.news-bloc div.contenu{
		font-size: 0.9em;
	}			
	div.template-blog div.news-bloc div.title-responsive{
		line-height: 15px;
		display: block;
		margin-bottom: 10px;
	}	
	div.template-blog div.news-bloc div.title-responsive a {
	    color: black;
	    font-size: 1.1em;
	}
	div.template-blog div.news-archive, div.template-blog div.news-bloc, div.template-blog div.news-bloc div.news,
	div.template-search div.all-results-wrap div.result {	
	    max-width: 100%;
	}
	header {
	    margin-top: 15px;
	}	
	div#accueil-grande-photo, div#bandeau, ul#menu-main, ul#menu-main ul.sub-menu, div.main-menu-bk  ,  div#lng-switcher {  /* */ 
		display: none;
	}			
	ul#menu-main ul.sub-menu{
		/*background-color: #E4E4E4;*/
		margin-left:15px;
	}			
	.menu li, .menu ul li{
		list-style: none; 
		text-indent: 0;
	}	
	div#main-menu-wrap{
		float: left;
		width: 100%;	
	}		
	div#main-menu-wrap ul, div#main-menu-wrap li{
		margin: 10px 0 0 0;
		padding: 0;
	}
	ul#menu-main{
		background-color: #332F30;
		float: left;
		width: 100%;		
	}		

	ul#menu-main li{		
		padding: 0;
		margin: 0;
		width: 100%;
		float: left;
		border-bottom: 1px solid #FFF;
		padding-bottom: 0.4em;
	}			
	ul#menu-main a{
		text-decoration: none;
		color: #FFF;
		float: left;
		font-size: 1.3em;
		line-height: 1.1em;
		letter-spacing: 2px;
		padding: 2% 0 0 2%;
		width: 95%;	
	}
	ul#menu-main li.accueil a{
		height: 20px;
		width: 20px;
		text-indent: 0px;
		background-image: none !important; 
	}	
	ul#menu-footer li{
		float: left;
	}

	div#liens-rapides{
		width: 100%;
		position: inherit;
		top: inherit;
		float: left;
	}
	div#message-accueil{
		width: 100%;
		margin: 0 0 20px 0;
		background-color: #333333;		
	}		
	div#message-accueil div.block-name{
	    background-color: #333333;
	    color: #ffffff;
		margin-bottom: 5px;
	}
	div#home-news-events div.voir-plus {
	    margin-bottom: 20px;
	}	
	#footer div.copyright {
	    width: 100%;
	}		
	
	div#accueil-contenu-wrap{
		margin-top: 10px;
	}
	div#accueil-contenu-wrap div.one-third.mobile-only{
		margin-top: 10px;
	}	
	
	
	
	/*bloc carre menu*/
	div#bloc-menu div.bloc ,div#minibloc-menu div.bloc, div.home-section div.entry-content div#bloc-menu div.bloc, div.entry-content div#bloc-menu div.bloc{
		margin-left: 0;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
		clear: both;
		height: auto;
		background-color: #FFFFFF;
		text-align: center;
	}
	div#bloc-menu div.bloc img{
		margin: 0 auto;
	}
	div#bloc-menu  div.bloc div.bloc-name a{
		color: #333;	
	}

	div#bloc-menu div.bloc div.content{
		background-color: #FFFFFF;
	}

	div#bloc-menu div.bloc div.content ,div#minibloc-menu div.bloc div.content{
		position:relative;
	}	
	
		
	/* mini-bloc  */
	div#bloc-menu.mini-bloc div.bloc{
		max-width: none;
		max-height: none;
		
		
	}	
	


	div.etudier-sante-menu ul li a {
	    color: #4A90D1;
	}
	/* Page accueil science biomedicale */
	body.page-template-template-frontpage-empty  div#accueil-contenu-wrap{
		padding-top: 0px;		
		padding-bottom: 0px;
	}				
	div.faculte-departement{
		margin-top: 0;
		float: left;
		margin-top: 5px;
	}		
	div.faculte-departement p{
		margin-bottom: 0;
	}		
	


	div.faculte-departement.one-element{
		margin-top: 10px;
	}
	div#separateur {
	    margin-top: 6px;
	}	
	div.toggle-img div.mybutton a{
		line-height: 20px;
	    width: 20px;
	}
	.error404 div.message-404{
		font-size: 1.3em;
	}
	
	.facmed-calendar.single-event span.field-name{
		    width: 20%;
	}	
	.facmed-calendar.single-event span.info{
		    width: 80%;		
	}		
	div#sidebar-facmed-calendar{
	    width: 100%;
	}
		
	
	#facmed-calendar.full .event .info	{
    	width: 78%;		
	}	
	
	.facmed-calendar .post-entry, .facmed-calendar.single-event .event-meta {	 
	    width: 100%;
	}	
	
	div#sidebar-facmed-calendar .bloc{
	    border: none;
	    padding-left: 0;

	    width: 100%		
	}	
	
   .wp-caption {
     /* Force the box to be 100% */
     width: 100% !important;
   }
   #content .wp-caption a img {
     /* Scale down if too big */
	 max-width: 99.03225806%; /* 614/620 */
     height: auto;
   }

	div.result{
		width: 100%;		
	}
	div.result div.img{
		float:none;
		margin-bottom: 5px;
		width: 100%;
		height: auto;
		overflow: visible;	
		
	}
	/* Pour avoir un tableau scrollable sur les telephones */
	.scrollable-table {
		overflow-x: auto;
	}
	.scrollable-table table {
		width: auto;
	}
}
	
/* *******************************************
		Cell en mode paysage
 * *************************************/

@media only screen and (min-width : 480px) and (max-width: 767px){
	div.one-third{
		width: 49%;
		float: left;
	}
	div.two-third{
		width: 100%;
		float: left;
		margin-left: 0;
	}	
	div.one-third:nth-of-type(even){
		clear: none;
		margin-left: 2%;
	}
	div.one-third:nth-of-type(odd){
		margin-left: 0;
		clear: left;
	}
	div.template-blog div.news-bloc div.news div.wrap-text{
	 	width: 68%;	
	}
	div.template-blog div.news-bloc div.news div.img{
		margin-right: 2%;
		width: 30%;
	}		

	div.logo-UdeM-nom-departement div.um-titre-site{
		width:64%;
		padding-left: 2%;
		padding-top: 20px;
	}	
	div.faculte-departement.one-element{
		margin-top: 10px;
	}	
}

/* *******************************************
 * CELL en mode portrait
 * *************************************/
@media only screen and (max-width : 479px) {
	
	.hide-cellphone{
		display:none;			
	}
	div.container{
		width: 90%;
		margin: 2% 5%!important;
		padding: 0px!important;
	} 
	div.one-half, div.one-half.first, div.one-third,div.one-third.first,  div.two-third, div.two-third.first, div.one-fourth, div.one-fourth.first{
		width: 100%;
		max-width: none;
	    margin: 0 auto 20px;
	    float: none;				
	}	
	
	#frontpage-bottom-square div.line.second div.bloc {
	    position: relative;
	    width: 295px;
	    margin: 0 auto 20px;
	}


	div.one-half:nth-of-type(2n+2){
		margin-left: 0;		
	}		
	div#departements-footer div.departements { 
	    width: 100%;
	    margin: 0;
	}	
	
	
	div.side-info{
		width: 92%;
		padding: 4%;
		max-width: none;
	    margin: 0 auto 10px;
	    float: none;			
	}
	

	/***********************
	 *  quote de fiche de chercheur
 	***********************/
	blockquote:before, blockquote:after{
		font-size: 2em;	
	}
	blockquote p{
		font-size: 0.8em;
		font-weight: bold;
		margin: 0px;
	}
	/*diagramme Portait de la Faculte*/

	div#faculte-pres{
		padding: 0px!important;
	}
	div#faculte-pres span{
		background-color: white!important;
		color: #006cb7!important;
		font-weight: bold!important;
		padding: 7px 0px!important;
		width: 100%!important;
	}
	div#faculte-diagram div.secteur ul li{
		font-size: 0.89em;
		margin-left: 0px!important;
	}
	div#home-news-events div.bloc.one-third.mobile-only{
		margin-top: 20px;
	}
	
	div.template-blog div.news-bloc div.news div.wrap-text{
	 	width: 100%;	
	}
	div.template-blog div.news-bloc div.news div.img{
		margin-bottom: 5px;
		width: 100%;
		height: auto;
		overflow: visible;		
	}				
	body.single figure{
		margin-bottom : 10px;
	}
	body.single div.wp-caption img{
		margin-bottom : 0px;		
	}		
	h2.fact{
		width: 100%;
	}
	.dataTables_filter{
		float: left;	   
	}	
	div.tabcontainer div.tab{	
		max-width: 30%;
	}	
	div#liens-rapides{
		right:auto;
	}		
	
	#facmed-calendar .event .meta{
		/*display: none;*/
	}
	#facmed-calendar.full .event .title a{
		font-size: 1em;
	}
	
	.input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], textarea, select{
		width: 100%;
	}

	.gallery-item {
     	width: 48%;
 	}

}