@media all and (min-width: 1000px){
	#header-wrapper-mobile{display: none;}
}

@media all and (max-width: 1000px){
	/***************** Menu ********************/
	header{
		min-width : 100%;
		height : auto;
	}
	
	div#wrapper header div#header-top-wrapper div#header-top a.subscribe{
		margin-left: 10px;
		float : none;
	}
	
	#header-top-wrapper #header-top{
		display:none;
	}
	
	#header-wrapper{
		display: block;	
		max-width : 100%;
	}
	
	#header-wrapper ul.search{
		margin-right: 20px;
	}
	
	#header-wrapper-mobile{display: none;}
	
	#wrapper{
		margin-left:0;
		margin-right:0;
	}
	
	
	/***************** Global ********************/
	#content-holder, #content-shadow{
		width : 95%;
		margin : 0px 2.5%;
	}
	#content{
		width: 95%;
		padding: 0px 2.5%;
	}
	
	div{
		max-width : 100%;
	}
	
	#feature-image img {
		max-width: -moz-calc(100% - 10px);
		max-width: -webkit-calc(100% - 10px);
		max-width: -o-calc(100% - 10px);
		max-width: calc(100% - 10px);
		object-fit: cover;
    }
    
    input[type=text], input[type=password], textarea{
		width: -moz-calc(100% - 18px);
		width: -webkit-calc(100% - 18px);
		width: -o-calc(100% - 18px);
		width: calc(100% - 18px);
    }
    
    #sidebar {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.comment-holder .author-text h4 {
		padding-left : 20px;
	}
	.comment-holder .author-text .the-comment p {
		padding-left : 30px;
	}
		
	#wrapper #content-holder #content div div#feature-image img{
		max-height: 800px;
	}	
	
	#wrapper #content-holder #content div p img{
		max-width: -moz-calc(100% - 12px);
		max-width: -webkit-calc(100% - 12px);
		max-width: -o-calc(100% - 12px);
		max-width: calc(100% - 12px);
		height : auto;
	}
	
	.col-595{
		width : 100%;
	}
	
	ul#sidebar li:nth-child(3)#nav_menu-10, ul#sidebar li:nth-child(2)#nav_menu-3,  ul#sidebar li:nth-child(2)#nav_menu-8{
		max-height : 300px;
		overflow-y : scroll;
	}
	
		
	
	/* ******************* LE SLIDER PRINCIPAL ******************* */ 
	#content #slider-wrapper div.sy-box div.sy-slides-wrap{
		width: 105%;
		max-width: 105% !important;
		margin : -1px 0 0 -2.5%;
	}
	
	.sy-filler.ready{
	    padding-top: 200px !important;
	}
	
	.desktop {
		display:none;
	}
	.mobile {
		display:block;
	}
	
	/* ******************* LES DERNIERS AJOUTS ******************* */ 
	#content #features {
		max-width : 100%;
	}
	#content #features  article{
		width : 22%;
		margin: 0 0 10px 3%;
	}
	#content #features  article:first-child{
		margin : 0;
	}
	#content #features  article a img{
		width : 90%;
		object-fit: cover;
	}
	
	#content .small-title{
		max-width: 100%;
	}
	
	/* ******************* GUIDES ******************* */ 
	#content ul.col-900{
		width : 100%;
		padding-bottom : 20px;
	}
	
	#content ul.col-900 li.widget{
		position : relative;
		width : 95%;
		padding : 0 2.5%;
		height: 193px;
		overflow-y : scroll;
		display: block;
	}
	
	/* ******************** VIDEO ******************** */
	#wrapper #content-holder #content div div p iframe, #wrapper #content-holder #content div p iframe{
		width : 100% !important;
	}
	

	
	
	/* ******************* FOOTER ******************* */ 
	footer{
		min-width: 100%;
		max-width : 100%;
		height : auto;
	}
	
	footer #footer-top, footer #copyright{
		max-width : 95%;
		padding : 0;
	}
	
	footer #footer-top nav{
		max-width : 100%;
		display : block;
	}
	
	footer #footer-top nav ul{
		padding: 0 20px;	
	}
	
	footer #footer-top .logo{
		display : none;
	}

	footer #copyright p{
		padding: 10px 20px;
	}

}

@media all and (max-width: 829px){
	#header-wrapper{display: none;}
	#header-wrapper-mobile{display: block;}
	
	#article-list article img{
		height: 180px!important;
		width : 180px !important;
		object-fit: cover;
	}
	
	#wrapper #content-holder #content div div#feature-image img{
		max-height: 300px;
	}	
		
	
/* ZONE MENU HAMBURGER */
			
	div#wrapper header div#header-wrapper-mobile.clearfix div.wrapper-menu {
		margin: 0 auto 0;
		width: 36px;
		cursor: pointer;
		-moz-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
		-o-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
		-webkit-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
		transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  
		float: right;
		padding-top: 22px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.hidden ul {
	  list-style: none;
	  margin-top: 10px;
	  margin-bottom: 10px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  
	}
	
	.hidden ul:nth-child(1) {
		border : none;
	}
	
	.hidden ul ul {
		border-top : 1px solid #aeaeae;
	}

	.hamburger {
	  margin: 0;
	  padding: 6px 6px 7px 6px;
	  position: relative;
	  -moz-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  -o-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  -webkit-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	}
	.hamburger li {
	  width: 24px;
	  height: 4px;
	  background: white;
	  margin: 2px 0 0;
	  padding: 0;
	 
	  -moz-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	  -moz-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  -o-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  -webkit-transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	  transition: all 133ms cubic-bezier(0.5, 0, 0, 1);
	}

	.hidden {
	  position: absolute;
	  opacity: 0;
	  -moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	  -o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	  -webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	  transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
	  
	  top : 60px;
	  left : 0;
	  z-index : 500;
	  width : 100%;
	  padding : 0;
	  
	  display:none;
	}

	.hidden .menu-item{
		width : 100%;
		background: white;
		-moz-transition: all 533ms cubic-bezier(0.5, 0, 0, 1);
		-o-transition: all 533ms cubic-bezier(0.5, 0, 0, 1);
		-webkit-transition: all 533ms cubic-bezier(0.5, 0, 0, 1);
		transition: all 533ms cubic-bezier(0.5, 0, 0, 1);
		padding-top : 10px;
		border-bottom: 1px solid black;
	}
	
	.hidden .menu-item ul .menu-item{
		display : block!important;
		float : none;
		background : none;
		padding-top : 5px;
		border : none;
		margin-top:0px;
	}
	
	.hidden .menu-item a{
		text-transform : uppercase;
		padding-left : 30px;
		padding-bottom : 10px;
		color : black;
		font-size : 15px;
	}
	
	.hidden .menu-item ul .menu-item a{
		color : black;
		text-transform : none;
		margin-left : 15px;
		margin-bottom : 5px;
		padding:0;
		font-size : 12px;
		border-bottom: none;
	}
	
	.hidden .menu-item ul .menu-item a:hover{
		background-color : #eaeaea;
	}

	.checked .hidden {
	  opacity: 1;
	  -moz-transform: translateY(5px);
	  -ms-transform: translateY(5px);
	  -webkit-transform: translateY(5px);
	  transform: translateY(5px);
	  display:block;
	}
	.checked .box:last-child {
	  -moz-transform: translateY(5px);
	  -ms-transform: translateY(5px);
	  -webkit-transform: translateY(5px);
	  transform: translateY(5px);
	}

	.widget_search{
		padding-bottom : 10px;
	}
	
	.widget_search form input.text{
		padding-top : 0px;
	}
	
	
	ul#menu-categories:nth-child(1){
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
	}
	ul#menu-categories:nth-child(2){
	    margin-top: 0px;
		padding-top: 0px;
	}	
/* ZONE MENU HAMBURGER */
	
	footer #footer-top{
		height : 96px;
	}
	
	footer #copyright p { 
		line-height : 20px;
	}
	
	#content #features  article{
		width: -moz-calc(50% - 10px);
		width: -webkit-calc(50% - 10px);
		width: -o-calc(50% - 10px);
		width: calc(50% - 10px);
		margin: 0 0 10px 5px;	
	}
	#content #features  article:nth-child(2), #content #features  article:nth-child(4){
		margin-left: 10px;
	}
	
	
		/* ******************* RELATED POSTS ******************* */ 
	
	#wrapper #content-holder #content div div.related_guide{
		display : table;
		width :100%!important;
	}
	

	
	#wrapper #content-holder #content div div.related_guide a img.img_related_guide{
		width :100%!important;
	}
	
	
}