/* =Media queries
-------------------------------------------------------------- */


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.header_login{
		margin: 10px auto 20px auto;
	}
	.bLogin{
		width: 30%;
	}
	.bLogin h2{
		font-size: 25px;
		padding: 10px;
	}
	.blockcite{
		width: 66%;
	}
	blockquote {
		padding: 40px 0 0 60px;
		line-height: 1.1;
	}
	blockquote:before {

		font-size: 220px;

		top: -60px;

	}
	blockquote:after {
		font-size: 220px;
		bottom: -190px;
	}
	
	.blockcite p{
		font-size: 22px;
		padding: 30px 135px 0 0;

	}
	.blockcite blockquote p{
		font-size: 30px;
		margin: 0;
		line-height: 1.42;

	}
	.inside, 
	.inside_att{
		width: 100%;
	}
	.att{
		width: 100%;
		
	}
	#container{
		width: 100%;
	}
	.filter_cat, .filter_tag{
		padding: 20px;
	}
	#list_posts{
		padding: 20px 20px 40px 20px;
	}	
	
	.ariane{
		width: 95%;
		margin: 0 auto 20px auto;
	}
	.post-single{
		width: 95%;
		margin: 0 auto;
	}
	.post-single .int{
		width: 72%;
		float: left;
		font-size: 14px;
	}
	
	
	.post-side{
		width: 23%;
		float: right;
	}
	.filter_session{
		padding: 20px;
	}
	.content_member{
		padding: 0 20px;
	}
	#list_members{
		padding: 0 20px 40px 20px;
	}
	
	.title_page{
		padding: 0 20px;
	}
	.med_mail{
		padding: 0 20px 20px 20px;
	}
	
	#extra_gallery{
		padding: 0 20px;
		margin-left: 20px;
	}
	#footer{
		width: auto;
	}



}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){ 
	.header_login{
		margin: 10px auto 20px auto;
	}
	.bLogin{
		width: 30%;
	}
	.bLogin h2{
		font-size: 25px;
		padding: 10px;
	}
	.blockcite{
		width: 66%;
	}
	blockquote {
		padding: 40px 0 0 60px;
		line-height: 1.1;
	}
	blockquote:before {

		font-size: 220px;

		top: -60px;

	}
	blockquote:after {
		font-size: 220px;
		bottom: -190px;
	}
	
	.blockcite p{
		font-size: 22px;
		padding: 30px 135px 0 0;

	}
	.blockcite blockquote p{
		font-size: 30px;
		margin: 0;
		line-height: 1.42;

	}
	.logo_auchan{
		margin-top: -40px;
	}
	.inside, 
	.inside_att{
		width: 100%;
	}
	.att{
		width: 100%;
		
	}
	#container{
		width: 100%;
	}
	.filter_cat, .filter_tag{
		padding: 20px;
	}
	.filter_cat li a{
		font-size: 13px;
	}
	#list_posts{
		padding: 20px 20px 40px 20px;
	}	
	#list_posts .post .post_thumbnail{
		width: 250px;
	}
	#list_posts .post .int{
		width: 450px;
	}
	
	.ariane{
		width: 95%;
		margin: 0 auto 20px auto;
	}
	.att img{
		margin-left: 216px;
	}
	#site-navigation ul{
		margin-left: 100px;
	}
	.post-single{
		width: 95%;
		margin: 0 auto;
	}
	.post-single .int{
		width: 72%;
		float: left;
		font-size: 14px;
	}
	
	
	.post-side{
		width: 23%;
		float: right;
	}
	.filter_session{
		padding: 20px;
	}
	.content_member{
		padding: 0 20px;
	}
	#list_members{
		padding: 0 20px 40px 20px;
	}
	
	.title_page{
		padding: 0 20px;
	}
	.med_mail{
		padding: 0 20px 20px 20px;
	}
	
	#extra_gallery{
		padding: 0 20px;
		margin-left: 20px;
	}
	#footer{
		width: auto;
	}
	.footer_right{
		width: 62%;

		padding: 15px 10px;
	}
	
	.top_head .inside{
		height: 116px;
		background: url(../images/header_2.gif) no-repeat center right;
	}
	#respond{
		width: 390px;
	}
	.page-forum #respond{
		width: 500px;
	}
	.group_user{
		width: 600px;
	}
	.item_user .int{
		width: 450px;
	}


}




/*  900 -> 1024  */
@media only screen 
and (min-width : 900px)
and (max-width : 1024px) {


}

/*  768px -> 900px  */
@media only screen 
and (min-width : 768px)
and (max-width : 900px) {
	#recents_posts{
		margin-left: -10px;
		margin-right: -10px;
	}
	#recents_posts .item_post{
		width: 33%;
		padding: 0 10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;
		float: left;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page .int.im{
		width: 100%;
		float: none;
	}

	.page .post_thumbnail{
		width: 100%;
		float: none;
	}
	.single-post .entry-content{
		width: 100%;
	}
	#comments{
		width: 100%;
	}
}

/*  600px -> 768px  */
@media only screen 
and (min-width : 600px)
and (max-width : 768px) {
	
	#recents_posts .item_post{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page .int.im{
		width: 100%;
		float: none;
	}

	.page .post_thumbnail{
		width: 100%;
		float: none;
	}
	.single-post .entry-content{
		width: 100%;
	}
	#comments{
		width: 100%;
	}

}

/*  480px -> 600px  */
@media only screen 
and (min-width : 480px)
and (max-width : 600px) {
	#recents_posts .item_post{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#unes .int.im{
		width: 100%;
		float: none;
	}

	#unes .post_thumbnail{
		width: 100%;
		float: none;
	}
	#recents_posts .item_post{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page .int.im{
		width: 100%;
		float: none;
	}

	.page .post_thumbnail.ext{
		display: none;
	}
	.page .int .post_thumbnail{
		display: block;
	}
	.single-post .entry-content{
		width: 100%;
	}
	.page .int .tags{
		display: none;
	}
	.page .tags.ext{
		display: block;
	}
	#comments{
		width: 100%;
	}
}


/*  320px -> 480px  */
@media only screen 
and (min-width : 320px)
and (max-width : 480px) {
	#wrapper{
		max-width: 960px;
		padding: 10px 10px 0 10px;
	}
	#container {
    	padding: 20px 0 0 0;
	}
	.site-title{
		float: none;
		width: 260px;
		margin-left: -10px;
	}
	.site-title a{
		float: none;
	}
	#site-navigation {
    	margin: 20px 0 0 0;
    	float: none;
    	width: 100%;
	}
		#site-navigation ul{
	    	float: none;
	    	width: 100%;
		}
	.home .site-description{
		border-top: none;
		padding: 0;
	}
	.site-description{
		margin: 0 0 20px 0;
		
		
	}

	#unes .int.im{
		width: 100%;
		float: none;
	}

	#unes .post_thumbnail{
		width: 100%;
		float: none;
	}
	#recents_posts .item_post{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.page .int.im{
		width: 100%;
		float: none;
	}

	.page .post_thumbnail.ext{
		display: none;
	}
	.page .int .post_thumbnail{
		display: block;
	}

	.single-post .entry-content{
		width: 100%;
	}
	.page .int .tags{
		display: none;
	}
	.page .tags.ext{
		display: block;
	}
	#comments{
		width: 100%;
	}
	#posts-related .item-related{
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}

}