/*--------------------------------------------------------------
>>> RESPONSIVE DESIGN
---------------------------------------------------------------- */


@media screen and (max-width: 414px){
	.no-overflow {
		overflow: hidden;	
	}

	.site-header {
		height: 90px;
	}

	header .brand-img img {
		/* height: 90px; */
		/* width: 265px; */
		width: 170px;
		position: inherit;
		top: 0;
		left: 0;
	}

	header .search-bar {
		text-align: center;
		right: 0;
	    top: 89px;
	    width: 100% !important;
	    height: 89px;
	    padding-top: 25px;
	    transition: all 0.5s;
	}

	header .search-bar.on {
	    background-color: #ffffff;
		z-index: 100;
		right: 0;
	}

	header .search-bar input[type="text"] {
		width: 45% !important;
		margin-left: 10px;
	}

	header .search-bar .widget select {
		width: 45% !important;
		margin-right: 10px;
	}

	header .search-bar .widget button {
		position: absolute;
	    top: -56px;
	    right: 60px;
	}

	header .menu-icon {
		display: block;
	    position: absolute;
		top: 30px;
	    right: 20px;
	    width: 40px;
	}

	.main-nav {
		position: absolute;
	    height: 100%;
	    top: 90px;
	    width: 100%;
	    z-index: 99999;
	    left: -100%;
	    transition: left 0.5s;
	}

	.main-nav.left {
		left: 0;
	}

	.main-navigation ul li {
		width: 100%;
	}

	.main-navigation ul .menu-item-type-custom.off > a {
		color: #4f4f4f !important;
		text-decoration: none !important;
	}

	.main-navigation ul .menu-item-type-custom.on > a {
	    color: #767676 !important;
	    text-decoration: underline !important;
	}

	.main-navigation ul ul {
		opacity: 0;
		left: -999em;
	    z-index: -1;
	}

	.main-navigation ul ul.show {
		opacity: 1;
	    left: 18px !important;
	    width: 87%;
	    position: inherit;
	    z-index: 99999;
	}
	
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		content: none!important;
	}

	.main-navigation ul ul a {
		padding: 0.60em;
    	width: 100%;
	}

	.main-navigation ul ul li {
	    background-color: #eaeaea;
	}

	.main-navigation ul ul li:last-child {
	    border-bottom: 1px solid #eaeaea;
	}
	.main-navigation a {
    padding: 0.75em 1.25em;
	}

	.main-navigation ul li.menu-item-has-children.focus:before, 
	.main-navigation ul li.menu-item-has-children:hover:before, 
	.main-navigation ul li.menu-item-has-children.focus:after, 
	.main-navigation ul li.menu-item-has-children:hover:after, 
	.main-navigation ul li.page_item_has_children.focus:before, 
	.main-navigation ul li.page_item_has_children:hover:before, 
	.main-navigation ul li.page_item_has_children.focus:after, 
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}
	
	.site-main {
    margin:0px 10px;
	}

	.bandeau-home {
		display: none;
	}

	.slick-home {
		display: block;
	}

	.actualite-widget ul li {
		width: 100%;
	}

	.actualite-widget ul li .cat-post-thumbnail {
		margin: 0 10px 10px 0 !important;
	}
	
	#ajaxsearchlite1 .probox {
		position:relative;
		top:-28px!important;
		width:260px!important;
		font-size:12px!important;
	}
		
	.home .seperate {
		display:none;
	}
	
	#article .cat-post-item {
		margin-top:30px!important;
		margin-bottom:0px!important;
		height:115px;
	}
	
	.home #article .article-title {
	/*display:inline-block;*/
	margin-bottom:30px;
	}
	
	.cat-post-widget > a{
		font-size: 11px;
		position: initial;
	}	
	
	.home #article .communications {
		margin-top:15px;
		margin-bottom:25px;
	}
	
	#home-secondary {
    padding:0px!important;
	}	
	
	#home-secondary .widget {
    padding-bottom: 1em;
	}		
	
	.actualite-widget .cat-post-item {
		padding-top:8px!important;
		padding-bottom:8px!important;
		margin-bottom: 15px!important;
	}
	
	.actualite-widget .cat-post-widget > a {
		/* margin-left:18px; */
		position:relative;
		left:0px;
		display: inline-block;
		margin-bottom: 30px;
	}	
	.actualite-widget h2 {
		border-bottom: none;
		padding-bottom: 0px !important;
	}
	.actualite-widget ul li {
		padding-right: 0px !important;
		height: 112px;
		overflow: hidden;
	}
	.actualite-widget iframe {
		/* display:none; */
	}
	.cta-agenda {
		float: left;
		right: 0!important;
	}
	body.home #category-posts-4-internal .cat-post-title {
		width: 100%!important;
	}
	.site-footer .col-xs-6 {
		width: 100%!important;
	}
	
	.site-footer .widget-column {
		padding-left:15px;
	}
	
	.site-footer .widget {
		padding-bottom: 1em;
	}
	
	.site-footer .widget_sp_image img {
		margin-left:20px;
	}
	
	.contact-form {
    float: none;
	width:100%!important;
	}
	
	.contact-text {
		width: 100%!important;
		margin-bottom:2em;
		margin-top:2em;
	}
	
	.contact-form .wpcf7-text, .contact-form .wpcf7-textarea {
	width:100%!important;
	}
	
	.rc-anchor-normal {
	width:90%!important;
	}
	
	.breadcrumb {
		display:none;
	}

	.page .entry-content .entry-title, .archive .content-area, .category .content-area, article.post-27, article.post-37, article.post-1000002590 {
		/* margin-top:3em;	 */
	}
	
	article.post-1000002596  {
		margin-top:6em;	
	}
	
	.category .category-list li {
		display:table;
		padding-bottom:0.8em;
	}
	
	.category-presse .content-area ul li, .category-travaux-et-publications .content-area ul li {
		padding-left:0px;
	}

	header.col-xs-6 {
		width:100%;
	}

	
}
@media screen and (max-width: 600px) {
	#filter {
		height: 260px!important;
	}
}
@media screen and (min-width: 415px) and (max-width: 767px) {
	
	.no-overflow {
		overflow: hidden;	
	}

	.site-header {
		height: 90px;
	}

	header .brand-img img {
		height: 90px;
		width: 230px;
		position: inherit;
		top: 0;
		left: 0;
	}
	
	/* .actualite-widget .cat-post-widget > a {
		margin-left:18px;
		position:relative;
		left:0px;
		display: inline-block;
		margin-bottom: 30px;
	} */
	
	.home header .probox {
		margin-top:30px!important;
	}

	header .search-bar {
		right: 55px !important;
		top: 27%;
	}

	header .menu-icon {
		display: block;
	    position: absolute;
		top: 30px;
	    right: 20px;
	    width: 40px;
	}

	.main-nav {
		position: absolute;
	    height: 100%;
	    top: 90px;
	    width: 100%;
	    z-index: 99999;
	    left: -100%;
	    transition: left 0.5s;
	}

	.main-nav.left {
		left: 0;
	}

	.main-navigation ul li {
		width: 100%;
	}

	.main-navigation ul .menu-item-type-custom.off > a {
		color: #4f4f4f !important;
		text-decoration: none !important;
	}

	.main-navigation ul .menu-item-type-custom.on > a {
	    color: #767676 !important;
	    text-decoration: underline !important;
	}

	.main-navigation a {
		padding: 1em;
		width: 100%;
	}

	.main-navigation ul ul {
		opacity: 0;
		left: -999em;
	    z-index: -1;
	}

	.main-navigation ul ul.show {
		opacity: 1;
		left: 100px !important;
	    right: 0 !important;
	    width: 207px;
	    position: inherit;
	    z-index: 99999;
	}

	.main-navigation ul ul a {
		padding: 0.75em;
    	width: 100%;
	}

	.main-navigation ul ul li {
	    background-color: #eaeaea;
	}

	.main-navigation ul ul li:last-child {
	    border-bottom: 1px solid #eaeaea;
	}

	.main-navigation ul li.menu-item-has-children.focus:before, 
	.main-navigation ul li.menu-item-has-children:hover:before, 
	.main-navigation ul li.menu-item-has-children.focus:after, 
	.main-navigation ul li.menu-item-has-children:hover:after, 
	.main-navigation ul li.page_item_has_children.focus:before, 
	.main-navigation ul li.page_item_has_children:hover:before, 
	.main-navigation ul li.page_item_has_children.focus:after, 
	.main-navigation ul li.page_item_has_children:hover:after {
		display: none;
	}

	.bandeau-home {
		display: none;
	}

	.slick-home {
		display: block;
	}
	
	#home-secondary {
    padding: 0;
	}	
	
	#home-secondary .widget {
    padding-bottom: 1em;
	}
	
	.actualite-widget .cat-post-item {
		padding-top:8px!important;
		padding-bottom:8px!important;
	}
	
	.home .article-title {
	display:inline-block;
	margin-right:8.6em;
	}

	.actualite-widget ul li {
		width: 100%;
	}

	.actualite-widget ul li .cat-post-thumbnail {
		margin: 0 10px 10px 0 !important;
	}
	
	.probox {
		position:relative;
		left:-93px;
		top:-28px;
	}
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.navigation-top a {
		font-size: 12px;
	}
	/* Modification pour aligner en responsive */
	.searchandfilter {
		left: 0;
	}
	#filter input.sf-input-text {
		margin-right: 10px;
		width: 228px;
	}
	/*--------------*/
}

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

	.brand-img a img {
		left: 0;
	}

	.back-to-top {
		right: 10px;
		z-index: 9999;
	}

	header .search-bar {
	    width: 350px;
		right: 0;
		display: block;
		position: absolute;
		top: 28px;
		left: 35%;
	}
	
	header .search-bar input[type="text"], header .search-bar .widget select {
		width: 165px;
	}
	/* search-bar header version responsive */
	header #search-bar .social-icon-group {
		display:none;
	}
	header #search-bar {
		display: none;
	}
	header #search-bar.on {
		display: block;
	}
	header #search-bar .searchandfilter {
		display: block!important;
		background-color: #ffffffa3;
		width: 100%;
		height: 65px;
		z-index: 2!important;
		left: 0px!important;
		top: 0px!important;
		animation: opac 0.3s linear;
	}
	@keyframes opac {
		0%  {opacity:0;}
		100% {opacity:1;}
	}
	@-moz-keyframes opac {
		0%  {opacity:0;}
		100% {opacity:1;}
	 }
	 @-webkit-keyframes opac {
		0%  {opacity:0;}
		100% {opacity:1;}
	 }
	 @-o-keyframes opac {
		0%  {opacity:0;}
		100% {opacity:1;}
	 }
	 @-ms-keyframes opac {
		0%  {opacity:0;}
		100% {opacity:1;}
	 }
	header .searchandfilter ul {
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		position: absolute;
		right: 20px;
	}
	
	header #searchsubmit{
		display: block;
		position: absolute;
		top: 34px;
		right: 65px;
		background-color: transparent;
		margin:  0;
		padding:  0;
	}
	header .icon-search{
		width: 25px;
		height: 25px;
	}
	header .sf-field-submit {
		width: 35%;
	}
	header .sf-field-search {
		width: 60%;
	}
	/* search-bar header version responsive */	
	.actualite-widget ul li {
		width: 100%;
	}

	.actualite-widget ul li .cat-post-thumbnail {
		margin: 0 10px 10px 0 !important;
	}
	body.home #category-posts-4-internal .cat-post-title {
		width: 70%;
	}
	.cta-agenda {
		right: 20px;
	}
	.bandeau-home {
		display: none;
	}

	.slick-home {
		display: block !important;
	}

	/* .cat-post-widget > a {
		position: initial;
	} */

	.article-widget .seperate {
	    margin: 20px 0;
		margin-top:5px;
	}

	.membre .membre-count {
		border-right: none;
	}	
	
	header .search-bar {
		width: 395px;
	}	
	
	.back-to-top {
		bottom: 25px;
	}	

	.contact-text {
		width: 34%;
	}
	/* search-bar page version responsive */	
	#filter {
		height: 140px;
	}
	#filter input.sf-input-text {
		margin-right: 0;
	}
	#filter .searchandfilter {
		left: 0;
		text-align: center;
	}
	/* search-bar page version responsive */

	.sf-field-search {
		float: none !important;
	}
	/* affichage nombre page version responsive */
	span.pages{
		display: block;
		width: 130px;
		margin-left: auto;
		margin: auto;
		margin-bottom: 20px;
	}
	.wp-pagenavi .last{
		margin-top: 8px;
    	display: inline-block;
	}
	/* affichage nombre page version responsive */
	.category-bulletin .col-xs-12{
		float: none;
		margin-bottom: 110px;
	}
	.category-bulletin .old-articles, .archive .old-articles {
		width: 100%;
	}
	
	body:not(.acmedecine-front-page) .entry-header {
		width: 100%;
    	text-align: center;
	}

	.page-id-19 ul.category-list li {
		margin: 0 15px;
		margin-bottom: 10px;
	}
	
}
@media only screen and (max-width: 568px){
	.mashsb-container span.icon {
		left: -2px;
	}
	/* Suppression alignement image dans les articles */
	.alignright {
		float: none;
	}	
	/* Suppression alignement image dans les articles */
	
}
@media screen and (max-width: 768px) and (min-width: 415px) and (orientation : landscape){
	.no-overflow {
		overflow: auto;
	}
	body.home #category-posts-4-internal .cat-post-title{
		width: 100%;
	}
	.actualite-widget iframe {
		width: 171px;
		height: 89px;
		float: none;
		position: initial;

	}
}
@media screen and (max-width: 767px) and (orientation : landscape){

	.searchandfilter {
		left: 4%;
	}
}
@media screen and (min-width: 1024px) {
	.slick-home .slick-next, .slick-home .slick-prev {
		display: none !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.cta-agenda {
		padding: 10px;
	}

	.back-to-top {
		right: 10px;
		z-index: 9999;
	}
	#filter select.sf-input-select {
		width: 230px;
	}
	.searchandfilter {
		left: 10px;
	}
}


@media screen and (min-width: 599px) and (max-width: 960px){
	.no-overflow {
		overflow: hidden;	
	}

	.site-header {
		height: 90px;
	}

	header .brand-img img {
		/* height: 90px; */
		/*width: 265px;*/
		width:198px;
		position: inherit;
		top: 0;
		left: 0;
	}

	header .search-bar {
		text-align: center;
		right: 0;
	    top: 89px;
	    width: 100% !important;
	    height: 89px;
	    padding-top: 25px;
	    transition: all 0.5s;
	}

	header .search-bar.on {
	    background-color: #ffffff;
		z-index: 100;
		right: 0;
	}

	header .search-bar input[type="text"] {
		width: 45% !important;
		margin-left: 10px;
	}

	header .search-bar .widget select {
		width: 45% !important;
		margin-right: 10px;
	}

	header .search-bar .widget button {
		position: absolute;
	    top: -56px;
	    right: 60px;
	}

	header .menu-icon {
		display: block;
	    position: absolute;
		top: 30px;
	    right: 20px;
	    width: 40px;
	}

	.main-nav {
		position: absolute;
	    height: 100%;
	    top: 90px;
	    width: 100%;
	    z-index: 99999;
	    left: -100%;
	    transition: left 0.5s;
	}

	.main-nav.left {
		left: 0;
	}

	.main-navigation ul li {
		width: 100%;
	}

	.main-navigation ul .menu-item-type-custom.off > a {
		color: #4f4f4f !important;
		text-decoration: none !important;
	}

	.main-navigation ul .menu-item-type-custom.on > a {
	    color: #767676 !important;
	    text-decoration: underline !important;
	}

	.main-navigation ul ul {
		opacity: 0;
		left: -999em;
	    z-index: -1;
	}

	.main-navigation ul ul.show {
		opacity: 1;
	    left: 18px !important;
	    width: 87%;
	    position: inherit;
	    z-index: 99999;
	}
	
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		content: none!important;
	}

	.main-navigation ul ul a {
		padding: 0.60em;
    	width: 100%;
	}

	.main-navigation ul ul li {
	    background-color: #eaeaea;
	}

	.main-navigation ul ul li:last-child {
	    border-bottom: 1px solid #eaeaea;
	}
	.main-navigation a {
    padding: 0.75em 1.25em;
	}

	.main-navigation ul li.menu-item-has-children.focus:before, 
	.main-navigation ul li.menu-item-has-children:hover:before, 
	.main-navigation ul li.menu-item-has-children.focus:after, 
	.main-navigation ul li.menu-item-has-children:hover:after, 
	.main-navigation ul li.page_item_has_children.focus:before, 
	.main-navigation ul li.page_item_has_children:hover:before, 
	.main-navigation ul li.page_item_has_children.focus:after, 
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}
	
	.site-main {
    margin:0px 10px;
	}

	.bandeau-home {
		display: none;
	}

	.slick-home {
		display: block;
	}

	.actualite-widget ul li {
		width: 100%;
	}

	.actualite-widget ul li .cat-post-thumbnail {
		margin: 0 10px 10px 0 !important;
	}
	
	#ajaxsearchlite1 .probox {
		position:relative;
		top:-28px!important;
		width:260px!important;
		font-size:12px!important;
	}
		
	.home .seperate {
		display:none;
	}
	
	#article .cat-post-item {
		margin-top:30px!important;
		margin-bottom:0px!important;
		height:115px;
	}
	
	.home #article .article-title {
	/*display:inline-block;*/
	margin-bottom:30px;
	}
	
	.cat-post-widget > a{
		font-size: 11px;
		position: initial;
	}	
	
	.home #article .communications {
		margin-top:15px;
		margin-bottom:25px;
	}
	
	#home-secondary {
    padding:0px!important;
	}	
	
	#home-secondary .widget {
    padding-bottom: 1em;
	}		
	
	.actualite-widget .cat-post-item {
		padding-top:8px!important;
		padding-bottom:8px!important;
		margin-bottom: 15px!important;
	}
	
	.actualite-widget .cat-post-widget > a {
		/* margin-left:18px; */
		position:relative;
		left:0px;
		display: inline-block;
		margin-bottom: 30px;
	}	
	.actualite-widget h2 {
		border-bottom: none;
		padding-bottom: 0px !important;
	}
	.actualite-widget ul li {
		padding-right: 0px !important;
		height: 112px;
		overflow: hidden;
	}
	.actualite-widget iframe {
		/* display:none; */
	}
	.cta-agenda {
		float: left;
		right: 0!important;
	}
	body.home #category-posts-4-internal .cat-post-title {
		width: 100%!important;
	}
	.site-footer .col-xs-6 {
		width: 100%!important;
	}
	
	.site-footer .widget-column {
		padding-left:15px;
	}
	
	.site-footer .widget {
		padding-bottom: 1em;
	}
	
	.site-footer .widget_sp_image img {
		margin-left:20px;
	}
	
	.contact-form {
    float: none;
	width:100%!important;
	}
	
	.contact-text {
		width: 100%!important;
		margin-bottom:2em;
		margin-top:2em;
	}
	
	.contact-form .wpcf7-text, .contact-form .wpcf7-textarea {
	width:100%!important;
	}
	
	.rc-anchor-normal {
	width:90%!important;
	}
	
	.breadcrumb {
		display:none;
	}

	.page .entry-content .entry-title, .archive .content-area, .category .content-area, article.post-27, article.post-37, article.post-1000002590 {
		/* margin-top:3em;	 */
	}
	
	article.post-1000002596  {
		margin-top:6em;	
	}
	
	.category .category-list li {
		display:table;
		padding-bottom:0.8em;
	}
	
	.category-presse .content-area ul li, .category-travaux-et-publications .content-area ul li {
		padding-left:0px;
	}

	header.col-xs-6 {
		width:100%;
	}
	
	.home h2.article-title {
		width:100%;
		margin-bottom:20px;
	}
	
	.actualite-widget iframe {
		display: none;
	} 
	
	.actualite-widget ul li p {
		margin: 10px 0 !important;
		height: auto;
		padding-left: 130px;
	}
	
	.actualite-widget ul li {
		padding-right: 0px !important;
		height: auto;
	}
	
	#article .cat-post-item {
    height: auto;
	}
	
	.home .cat-post-english-title {
		padding-left: 145px;
		padding-top: 5px;
	}
	body.home .post-auteurs {
    padding-left: 145px;
	}
}

@media screen and (max-width: 960px) {
	#carrousel-home {
		display: none;
	}
}

@media screen and (min-width: 960px) {
	#carrousel-home {
		display: block;
	}
	#carrousel-home .slick-home {
		display: block !important;
	}
	#carrousel-home .slick-home .slick-next, .slick-home .slick-prev {
		display: block !important;
	}
}