/** Responsive : smartphone & tablette **/

@media screen and (max-width: 960px) {

	.grid > div,
	.grid > li {display:block !important; width:100% !important; font-size:18px;}
	.grid > .gutter-left {padding-left:0;}
	.grid > .gutter-right {padding-right:0;}
	.grid > .gutter-left-half {padding-left:0;}
	.grid > .gutter-right-half {padding-right:0;}
	
	.mobile-vertical-cols-margins-standard .right {margin-top:77px;}
	.mobile-vertical-cols-margins-narrow .right {margin-top:62px;}
	.mobile-vertical-cols-margins-very-narrow .right {margin-top:31px;}
	
	.main-wrapper {padding-left:32px; padding-right:32px;}
	
	.wysiwyg {font-size:18px; line-height:36px;}
	.wysiwyg h2 {font-size:30px; line-height:36px; margin-bottom:38px;}
	.wysiwyg h3 {font-size:24px; line-height:36px; margin-bottom:8px;}
	.wysiwyg ul {margin-bottom:8px;}
	.wysiwyg ol {margin-bottom:8px; padding-left:25px;}
	.wysiwyg .wp-caption .wp-caption-text {font-size:15px;}
	.wysiwyg .alignright {float:none; margin-left:0; margin-bottom:14px;}
	.wysiwyg .alignleft {float:none; margin-right:0; margin-bottom:14px;}

	a.anchor {margin-top:-15px;}
	
	ul.list-of-people li .left img {max-width:200px;}
	ul.list-of-people.two-columns li.item1 > div {margin-top:62px !important;}
	
	a.osirix-button {font-size:24px; line-height:36px; margin:15px 0; padding:8px 40px;}
	
	
	.shortcode_pictures_from_list_of_people .list img {display:block; padding:0; width:100% !important; margin-bottom:31px;}
	.shortcode_pictures_from_list_of_people .actions {font-size:24px;}
	
	.osirix_gallery {margin-right:-4%;}
	.osirix_gallery a {width:45%; margin-right:5%;}
	.osirix_gallery a img {width:100%; height:auto;}

	.dicom-line .left,
	.dicom-line .right {padding-left:0;}
	.dicom-line .thumbnail {position:static; display:block; margin-left:0; margin-bottom:16px;}
	
	.osirix-bubble {font-size:18px; line-height:36px;}
	.osirix-bubble .bubble {font-size:24px; padding:9px 28px;}
	.osirix-bubble .bubble.left {margin-left:15px;}
	.osirix-bubble .bubble.right {margin-right:15px;}
	.osirix-bubble .bubble.withtail:before {width:21px; height:18px; margin-top:44px; margin-left:-18px;}

	
	form.osirix-form .fieldset label {font-size:18px; line-height:18px; margin-bottom:10px;}
	form.osirix-form .fieldset select,
	form.osirix-form .fieldset input {padding:7px 14px; font-size:24px; line-height:36px;}
	form.osirix-form .actions input {padding:8px 45px; font-size:24px; line-height:36px;}

	a.switch-lite-form {min-width:0; padding-left:25px !important; padding-right:25px !important; margin-right:15px !important;}
	form.lite-form .fieldset {width:auto;}
	form.lite-form .error .error-icon {bottom:10px; right:10px;}
	
	#top-bar {position:absolute; height:85px;}
	#top-bar .main-wrapper {padding-top:17px; padding-left:32px; font-size:30px; line-height:48px;}
	#top-bar a.logo {margin-right:22px;}
	#top-bar a.logo img {width:62px; height:48px;}
	#top-bar .mobile.title {display:inline-block; position:relative; top:2px;}
	#top-bar a.mobile.burger {display:inline-block; position:absolute; top:26px; right:35px;}
	#top-bar nav {position:absolute; display:none; top:85px; right:0; overflow-y:auto; box-sizing:border-box; padding:35px 45px 2px 35px; border-top:1px solid #FBFBFB; background:#374A61; box-shadow:-3px 3px 6px rgba(0,0,0,.5);}
	#top-bar nav span.column-title {display:block; text-transform:none; margin-left:0; font-size:30px; line-height:48px;}
	#top-bar nav span.column-title.active {color:white;}
	#top-bar nav .sub-menu {position:static; width:auto; padding:0; max-height:none; opacity:1; transition:none; overflow:auto; background:none;}
	#top-bar nav .sub-menu:hover {max-height:none;}
	#top-bar nav .sub-menu ul {overflow:hidden; padding:0; margin:0 0 33px 42px; border-top:none; background:none; box-shadow:none; font-size:24px; line-height:48px;}
	#top-bar nav a.desktop {display:none !important;}
	#top-bar nav span.column-title.lang-selector {color:white;}
	#top-bar nav span.column-title.lang-selector img {display:none;}

	#breadcrumb {display:none;}
	
	
	main.root .slider ul li .photo {width:140px; height:140px; border-radius:70px; margin-left:0;}
	main.root .slider ul li blockquote {margin-left:180px;}
	main.root .slider ul li .author {margin-left:180px; font-size:18px; margin-top:30px;}
	
	article.single .social .wrapper {float:none; margin-top:31px;}
	article.single .social ul li a img {width:60px; height:60px;}
	.blog-pagination .prev,
	.blog-pagination .next {text-align:center;}
	
	header.root {padding-top:85px;}
	
	header.root .slider ul li .main-wrapper {margin-top:72px !important;}
	
	header.root .banner {height:100px; padding-top:42px;}
	header.root .banner .main-wrapper {padding-top:0;}
	header.root .banner h1 {font-size:42px;}

	footer.root nav {display:none !important;}
	footer.root .copyright {border-top:none; margin-top:31px; font-size:16px; line-height:20px; text-align:left; max-width:960px;}
	footer.root .copyright .mobile {display:inline-block; text-decoration:none; margin-right:24px;}
	footer.root .copyright .mobile img {display:inline-block; vertical-align:middle;}
	
	.modal > .table > .cell .wrapper {width:auto !important;}
}