/*** RESPONSIVE.CSS ***/

@media (max-width:767px) {
	.container {
		width:100%;
	}

	#header {
		text-align:left;
		height:160px;
	}
	#header-logo img {
		max-width:130px;
		margin-left:15px;
	}
	#header-user {
		top:15px;
		right:15px;
	}
	#header-user .mon-compte {
		padding:6px 10px;
		font-size:12px;
	}
	#header-user .welcome-user::before {
		font-size: 24px;
		line-height: 20px;
		width: 26px;		
	}
	.container-search {
		top: 80px;
		right: auto;
		left: 20px;		
	}
	.wrapper-top10 .top10 {
		margin-top: 60px;
		float: left;
		margin-left: 0px;
		min-width: 100px;
		float: left;
		font-size: 14px;
		height: 30px;
		line-height: 28px;
	}

	#cannevas-header .menu-thematique ul {
		height:0px;
		opacity:0;
		overflow:hidden;
		position: absolute;
		width: 100%;
		left: 0px;
		background-color: #fff;
		margin-top: 2px;		
	  -webkit-transition: opacity 0.6s ease-in-out;
	  -moz-transition: opacity 0.6s ease-in-out;
	  -ms-transition: opacity 0.6s ease-in-out;
	  -o-transition: opacity 0.6s ease-in-out;
	  transition: opacity 0.6s ease-in-out;
 	}
	#cannevas-header .menu-thematique ul li {
		width:100%;
		display:block;
		padding:0px;
	}
	#cannevas-header .menu-thematique ul li a {
		border-right:none;
		border-bottom:solid 2px #ee7203;
		padding:5px 15px;
	}

	.menu-bo {
		display:none;
	}
	
	button.menu-button {
		background-color: #ee7203;
		border: none;
		color: #fff;
		width: 30px;
		height: 28px;
		text-align: center;
		position: absolute;
		right: 15px;
		margin-top: -40px;
	}
	button.menu-button::before {
		font-family:'FontAwesome';
		content:"\f0c9";
		font-size:18px;
		line-height:24px;
	}
	.close-menu {
		display:none;
		z-index:2;
		cursor:pointer;
		background-color: #ee7203;
		border: none;
		color: #fff;
		width: 30px;
		height: 28px;
		text-align: center;
		position: absolute;
		right: 15px;
		margin-top: -40px;
	}
	.close-menu::before {
		font-family:'FontAwesome';
		content:"\f00d";
		font-size:20px;
		line-height:26px;
	}
	.close-menu:hover {
		text-decoration:none;
		color:#fff;
	}
	.responsivemenu-active #cannevas-header .menu-thematique ul {
		opacity:1;
		height:auto;
	}
	.responsivemenu-active button.menu-button {
		display:none!important;
	}
	.responsivemenu-active .close-menu {
		display:block;
	}

	.identification {
		margin-top:10px;
	}

	img {
		height:auto;
	}
	.video-responsive {
		width:100%;
		height:0;
		padding-bottom:56.25%;
	/*	overflow:hidden;*/
		position:relative;
	}
	.video-responsive iframe, .video-responsive embed, .video-responsive object {
		width:100%!important;
		height:100%!important;
		position:absolute!important;
		top:0;
		left:0;
	}

	.column-left {
		position:inherit;
	}

	.liste-articles .thematique {
		margin-top:20px;
		padding-bottom:0px;
	}
	.liste-articles .thematique .date-publication {
		font-size: 14px;
		line-height: 30px;
		margin-top: 10px;		
		margin-left:0px;
	}
	.liste-articles .thematique .social-menu {
		margin-top:10px;
	}
	.liste-articles .thematique .readings, 
	.liste-articles .thematique .likes {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
	}
	.liste-articles .thematique .readings::before, 
	.liste-articles .thematique .likes::before {
		font-size: 20px;
		line-height: 20px;
		margin-right: 8px;
		margin-left: 12px;		
	}

	#cannevas {
		margin-top:160px;
	}
	.banner {
		height:280px;
		background-size:cover;
	}
	.lire-un-article {
		margin-top:-240px;
	}
	.lire-un-article .thematique h3 {
		min-width:180px;
		font-size:16px;
	}
	.lire-un-article h1 {
		font-size:26px;
		margin:20px 0px;
	}
	.lire-un-article .date-publication {
		font-size:12px;
	}
	.lire-un-article .social-menu.hidden-lg {
		float:left;
	}
	.lire-un-article .readings::before {
		margin-left:2px;
	}
	.lire-un-article .article-resume {
		float:left;
		width:100%;
		margin-top:10px;
	}

	#footer {
		padding:40px 0px;
	}
}