/* =media.css ========================================================
            for your responsive needs!
            author: 
  -------------------------------------------------------------------- */
  
/* =1200px or less =========================================================== */

@media screen and (max-width: 1200px) {
	.wrap{width:86%;margin-left:7%;margin-right:7%;}
}

/* =1024px or less ============================================================ */

@media screen and (max-width: 1024px) {
	h1{padding-top:20px;}
	header p{padding-bottom:20px;}
	header .social{top:46px;}
	header .actions{left:188px;top:105px;}
	header .actions li{width:25%;}
	header .actions a{display:block;width:100%;}
	nav{margin-top:40px;}
	#bdauteurs .auteur{width:33.3%;}
	#content #cinema ul li{width:50%;height:380px;}
}

/* =960px or less ============================================================ */

@media screen and (max-width: 960px) {
	#block1,#logo{display:none;}
	#block2{margin-left:0;}
	header{padding-left:0;}
	header p{padding-bottom:40px;}
	header .social{top:43px;}
	header .actions{left:-3px;top:108px;}
	nav{margin-top:0;}
	#cta{margin-top:30px;}
	.home #cta h3{font-size:20px;font-size:2rem;}
	#back-top{right:5px;}
	#news .thepost{width:50%;position:relative;margin-right:0;margin-bottom:20px;}
	#news .thepost p,.read-more{font-size:20px;font-size:2rem;line-height:24px;line-height:2.4rem;}
	#news h3{font-size:28px;font-size:2.8rem;line-height:34px;line-height:3.4rem;}
	.affiche{width:33.3%;}
}

/* =800px or less ============================================================ */

@media screen and (max-width: 800px) {
	.header{padding-left:0;padding-right:0;}
	#sidebar{display:none;}
	#content{width:100%;float:none;}
	#nav-mobile-archives{display:block;}
	.ngg-album-compact{height:220px!important;}
	#bdauteurs .auteur{width:25%;}
}

/* =768px or less ============================================================ */

@media screen and (max-width: 768px) {
	#wide,#back-top{display:none;}
	#mobile{display:block;}
	nav{margin-top:20px}
	.attachment-entete{display:none;}
	#news{margin-top:0;}
	.affiche{width:50%;}
	.home #cta h3{font-size:17px;font-size:1.7rem;}
	#bdauteurs .auteur{width:33.3%;}
}


/* =600px or less ============================================================ */

@media screen and (max-width: 600px) {
	#footer-nav li{display:block;}
	#footer-nav a:hover{border:0;}
	#content h2{margin-top:30px;}
	#footer-nav{line-height:20px;line-height:2rem;}
	#footer-nav a:hover{color:black;}
	footer{margin-top:0;}
	footer .social li{padding:20px 4px;}
	#copy{margin-top:30px;}
	#partenaires .lausanne img{width:120px;}
	#partenaires .matin img{width:60px;}
	#partenaires .loterie img{width:100px;}
	#news .thepost p,.read-more{font-size:16px;font-size:1.6rem;line-height:22px;line-height:2.2rem;}
	#news h3{font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem;}
	#cta{margin-top:20px;}
	#cta .cta{width:100%;margin-bottom:20px;}
	#cta h3{font-size:28px;font-size:2.8rem;}
	.home #cta h3{font-size:24px;font-size:2.4rem;}
	.ngg-album-compact{height:205px!important;}
	#infos-pratiques div{width:30%;}
}

/* =568px or less ============================================================ */

@media screen and (max-width: 568px) {
	h1{padding-top:20px;}
	h1,header p{font-size:14px;font-size:1.4rem;}
	header p{margin-bottom:10px;}
	header .social{top:30px;}
	header .actions{left:-3px;top:78px;}
	#cta h3{font-size:14px;font-size:1.4rem;}
	#bdauteurs .auteur{width:50%;}
}


/* =480px or less ============================================================ */

@media screen and (max-width: 480px) {
	header p{padding-bottom:90px;}
	header .actions{top:68px;}
	header .actions li{width:100%;float:none;}
	#news .thepost{width:100%;}
	header .social,#slider,#back-top,#partenaires{display:none;}
	.affiche{width:100%;}
	.home #cta h3{font-size:17px;font-size:1.7rem;}
	.ngg-album-compact{width:100%;height:270px!important;}
	#bdauteurs .auteur{width:100%;}
	.category .article img{width:100%;float:none;margin-bottom:20px;}
	.article-content{margin-left:0;}
	#infos-pratiques div{width:97%;}
	#content #cinema ul li{width:100%;height:380px;}
	/*sommaire expos*/
	.page-template-expositions-php #content .thumb,.page-template-expositions-php #content img{width:100%;}
	.page-template-expositions-php #content .thumb{margin-bottom:20px;}
	.expo{padding-bottom:0;}
}

/* =310px or less ============================================================ */

@media screen and (max-width: 310px) {
	header .actions{top:83px;}
}