@media screen and (max-width:960px) {
	.site{
		width: auto;
		margin: 0 5px 0 25px;
	}
	.site-header .logo{
		max-width: 100%;
		width: auto;
		height: auto;
		margin-left: 0;
	}
	.nav-prim > li > a{
		font-size: 12px;
		padding: 0 5px;
	}
	.col{
		overflow: hidden;
	}
	.c1{
		width: 54%;
		padding: 2.1%;
	}
	.c2{
		width: 40.8%;
		margin-left: 1%;
	}
	.cover{
		display: none;
	}
	#prehome .main-photo img{
		width: 100%;
		max-width: 100%;
		height: auto !important;
	}
	.g2{
		background: none;
	}
	.photo{
		float: none !important;
	}
	.article .photo{
		margin-bottom: 15px;
	}
	.photo.left > div,
	.photo.right > div,
	.photo.center > div{
		width: auto !important;
		text-align: center;
		margin: 0 auto;
	}
	.photo img{
		display: inline;
		max-width: 100%;
	}
	.site-links{
		background: none;
	}
	#prehome{
		width: auto;
		margin: 0 10px;
	}
	#prehome header img{
		width: auto;
		max-width: 100%;
		height: auto;
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#prehome .article {
		width: 45%;
	}
	#prehome .cover-h .heading{
		font-size: 25px !important;
	}
	/*
	* Onglets (tabs)
	*/

	.tabs{
		height: auto;
	}
	.tabs > li{
		display: block;
	}
	.tabs > li + li{
		margin-left: 0;
	}
	.tabs > li > a{
		position: static;
	}	
	.paris {
		margin-top: 20px;
	}
	.paris header h1,
	.paris header h2	{
		text-align: center !important;
	}		
}

@media screen and (max-width:850px) {
	html,
	body{
		background-image: none;
	}
	body{
		padding-bottom: 0;
	}
	.feat figure img{
		width: 115px;
		height: auto;
	}
	.news-ticker{
		display: none;
	}
	.prehome-trunk{
		width: 100%;	
	}
}
@media screen and (max-width:739px) {
	.site-header .social{
		display: none;
	}
	.site-nav li{
		display: none;
	}
	#menu-mobile{
		display: block;
		width: 100%;
		margin: 0;
		position: relative;
		top: 8px;
	}
	.col{
		float: none !important;
		display: block;
		width: auto;
		margin: 0;
	}
	.c1{
		padding: 15px;
	}
	.list-links h2{
		width: auto;
	}
	.box, .box .list > li{
		background-image: none;
	}
	.main-title{
		font-size: 24px;
	}
	.sub-title{
		font-size: 16px;
	}
	.feat h2{
		font-size: 18px;
	}
	.site-links{
		background-image: none;
	}
	.citation{
		padding-left: 31px;
		font-size: 16px;
		background-size: 10%;
	}
	.ribstrap{
		position: static;
		padding-left: 5px;
	}
	.ribstrap span{
		display: none;
	}
	.diaporama nav .mask{
		display: none;
	}
	.diaporama nav li{
		width: 78px;
		height: 45px;
		border-width: 3px;
	}
	.diaporama nav ul{
		padding: 0;
	}
	.diaporama nav img{
		height: 45px;
	}
	.diaporama .main-photo{
		height: auto;
	}
	.diaporama .main-photo img{
		width: auto;
		max-height: 167px;
	}
	.diaporama .sharebar{
		display: none;
	}

	.photo{
		float: none !important;
		margin: 0 !important;
	}
	.photo > div{
		margin: 0 auto;
	}
	ul.listcolonne li {
		width: 50%;
	}
	#prehome header ul{
		background: none;
	}
	/*
	* Top Menu
	*/
	.top {
		text-align: center;
	}
	.top-menu-item {
		border-radius: 0 !important;
	}	
	#prehome .article {
		width: 100%;
	}
	#prehome .article + .article {
		margin: 0;
		margin-top: 1.5em;
	}
	#prehome .heading a{	
		font-size: 0.8em;
	}
	.paris header h1,
	.paris header h2	{
		text-align: left !important;
	}
}
@media screen and (max-width:480px) {
	.breadcrumb {
		white-space: nowrap;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.entete-img {
		float: none;
		margin-right: 0;
	}
	.entete-infos,
	.entete-extra{
		margin-top: 15px;
		margin-left: 0;
	}
	.article {
		text-align: left;
	}
	ul.listcolonne li {
		float: none;
		width: auto;
	}
	#prehome{
		padding-top: 20px;
	}
	#prehome header{
		margin-bottom: 0;
	}
	#prehome .article{
		padding: 0;
	}
	#prehome .mask{
		display: none;
	}
	#prehome .article,
	#prehome .main-photo{
		width: auto;
	}
	#prehome .article{
		display: block;
		width: 100%;
		margin: 15px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#prehome .cover-h .heading{
		font-size: 20px;
	}
	.top-menu-item {
		font-size: 9px;
		height: 24px;
	}
	#prehome header ul{
		display: block;
	}
	#prehome header li{
		display: block;
		clear: both;
		width: 100%;
		margin: 1em auto;
		text-align: center !important;
		float: none !important;
	}	
	#prehome header li.align a {
		position: relative;
	}
	#prehome header li.align img {
		max-width: 100%;
	}
}
@media print{
	div.c1{
		width: 95%;
		display: block;
		margin: 0px;
		padding: 10px;
		border: #fff solid 0px;
	}

	.article p, article .infos, .article li, .article {
		font-size: 13pt;
	}
	div.c2, .univers-nav, .site-nav, .news-ticker, .video,footer, .sharebar{
		display: none;
	}
	.site-nav .trunk, .site-body .trunk {
		border-color: #FFF;
		margin: 0px;
	}
	ul.site-logos, .trunk, .site-body{
		border: none;
	}

}