@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.for-mobile{
  display: none;
}

.menu-toggle {
  display: none;
}

body.overflow-hidden{
	overflow: hidden;
}
/*
body.overflow-hidden:after{
	position: fixed;
	display: block;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
}
*/

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

  .header-content,
  .site-content {
	  width: 100%;
  }
  
  .main-cols{
    display: block;
  }

  .main-left{
    width: 100%;
  }
  
  .main-right {
    width: auto;
    border-left: none;
    padding-left: 0;  
  }
  
  .sidebar{
    column-count: 2;
    column-gap: 20px;
    padding-bottom: 20px;
  }
  .sidebar .widget{
    break-inside: avoid;
  }

}


/*  < 768 : Smartphone (iPad = 768)
------------------------------------*/
@media screen and (max-width: 767px) {

#wrapper{
	width: 100%;
	padding: 0 10px;
}

.site-header{
	width: 100%;
	padding-bottom: 0;
}
.admin-bar .site-header.fixed{
	top: 0;
}
.site-header.fixed{
  height: 50px;
}
.header-content{
  padding: 15px 0 0 0; /* logo */
}
.site-header.fixed .header-content {
  padding-top: 10px;
}

.header-social{
  display: none;
}

.header-logo img{
  width: 120px;
}

.fixed .header-logo{
  position: relative;
}

/* bouton menu */
.menu-toggle {
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	left: 12px;
	top: 18px;
	display: block;
	width: 40px;
	height: 34px;
	text-indent: -99px;
	overflow: hidden;
	background-color: transparent;
}
.fixed .menu-toggle{
  top: 12px;
}

.menu-toggle i,
.menu-toggle:before,
.menu-toggle:after
 {
	height: 2px;
	content: '';
	background-color: #777;
	display: block;
	position: absolute;
	left: 4px;
	width: 32px;
	top: 14px;
	transition: all 0.2s;
}
.menu-toggle:before {
	top: 4px;
}
.menu-toggle:after {
	top: 24px;
}
.toggled-on.menu-toggle i{
	display:none;
}
.toggled-on.menu-toggle:before{
	transform: rotateZ(45deg);
	top: 15px;
}
.toggled-on.menu-toggle:after{
	transform: rotateZ(-45deg);
	top: 15px;
}

.menu-wrapper,
.fixed .menu-wrapper{
  padding: 10px 20px;
	position: fixed;
	display: none;
	overflow: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
	background-color: rgba(255, 255, 255, 0.95);
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
}
.menu-wrapper{
  top: 76px;
}
.fixed .menu-wrapper{
	top: 50px;
}
.admin-bar .site-header:not(.fixed) .menu-wrapper{
  margin-top: 46px;
}
.menu-wrapper.toggled-on{
	display: block;
}


ul.nav-menu {
  display: block;
}
ul.nav-menu > li{
  text-align: left;
  margin-bottom: 5px;
}
.menu-item-118062 { /* newsletter */
  display: block;
  text-transform: none;
  margin-top: 20px;
}
ul.nav-menu li.menu-item-118062 a {
  color: #555;  
}

ul.nav-menu > li > a{
  display: block;
}
ul.nav-menu > li.menu-item-has-children > a:before {
	content: '';
	border-style: solid;
	border-width: 0 1px 1px 0;
	display: inline-block;
	height: 10px;
	width: 10px;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 5px;
}
ul.nav-menu > li.menu-item-has-children.active > a:before{
	transform: rotate(225deg);
	top: 10px;
}

.sub-menu{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;

	background-color: white;
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	text-transform: none;
	
	font-size: 16px;
}
.sub-menu li{
	padding: 0 8px;
}
.sub-menu li a{
	line-height: 35px;
	height: 35px;
	text-decoration: none;
	font-weight: bold;
}

.menu-social{
  display: block;
  margin-top: 20px;
}

/* Header Search */
.mobile-search {
  position: absolute;
  right: 20px;
  top: 19px;
  display: block;
}
.fixed .mobile-search{
  top: 13px;
}
.mobile-search img{
  width: 28px;
  height: 28px;
  opacity: 0.7;
}

.mobile-search form{
  position: absolute;
  top: -8px;
  right: 42px;
  display: none;
}
.mobile-search.toggled-on form {
  display: block;
}
.mobile-search input {
  height: 44px;
  border: 5px solid white;
  background-color: #f5f5f5;
  width: 190px;
  font-size: 15px;
  padding: 0 10px;
}


.nav-menu-submenu{ /* not used on mobile */
  display: none;
}

/* Home */
.flex-direction-nav{
  display: none;
}
.une-titre{
  font-size: 20px;
}
.home-articles.three-cols .home-article{
  width: 49%;
}

/* sidebar */
.widget-recherche{
  display: none;
}
.widget-newsletter{
  display: none;
}


/* Article */
.single article h1{
  font-size: 30px;
}

.single .article-lie h3 {
  font-size: 20px;
}
.single .article-lie-container{
  flex-wrap: wrap;
}
.single .article-lie .image{
  width: 33%;
  flex: 0 0 auto;
}
.single .article-lie .content{
  width: 66%;
  flex: 1;
}
.single .article-lie .auteur{
  width: 100%;
  text-align: right;
  margin-left: 0;
}
.single .article-lie .auteur img{
  display: none;
}
.single .article-lie .auteur-content{
  width: 100%;
}

/* Category */
.category-article,
.auteur-article{
  flex-wrap: wrap;
}
.category-article .col1, 
.auteur-article .col1 {
  width: 100%; 
}
.category-article .col2, 
.auteur-article .col2{
  margin-top: 10px;
}

/* Footer */
#footer{
	width: 100%;
}

}