@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;
    }
    .main-photo img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .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;
    }
    
    
    /*
     * Onglets (tabs)
     */
    
    .tabs{
        height: auto;
    }
    .tabs > li{
        display: block;
    }
    .tabs > li + li{
        margin-left: 0;
    }
    .tabs > li > a{
        position: static;
    }	
}

@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;
    }
}
@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;
		}	
}
@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: 20px;
    }
    #prehome .article{
        padding: 0;
    }
    #prehome .mask{
        display: none;
    }
    #prehome .article,
    #prehome .main-photo{
        width: auto;
        height: auto;
    }
    #prehome .article{
        display: block;
        margin: 15px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #prehome .article.equipe{
        margin-right: 0;
        border: 10px solid #002561;
    }
    #prehome .article.club{
        border: 10px solid #DC2A2D;
    }
    #prehome .cover-h{
        width: auto;
    }
    #prehome .cover-h .heading{
        font-size: 20px;
    }
	.top-menu-item {
		font-size: 9px;
	  height: 24px;
	}
}
@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;
	}
	
}