@media screen and (max-width: 980px) {

	#enveloppe {
		width: 95%;
		padding-top:0px;
	}

	#content {
		width: 60%;
		padding: 3% 4%;
	}
	
	#content-unique {
		width: 100%;
		padding: 3% 4%;
	}

	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 2% 2%;
		margin-bottom: 10px;
		/*display:none*/
	}
	
	.sortiedvd {
		float:none;
		width: 100%;
		height:250px;
		border: 0px;
		margin: 20px 0;
		display:none;
	}
	
	.searchonannuseries {
		float:none;
		overflow:hidden;
		width: auto;
	}
	
	.recrute {
		display:none;
	}
	
	.accueilmenu {
		display:none;
	}
	
	.social {
		display:none;
	}
	
	ul#menu-horizontal li a{
		padding: 3px 3px 0px 8px;
	}
	
	#menu-horizontal li ul /* Sous-listes */{
		display:none;
	}
	#menu-horizontal a /* Contenu des listes */
	{
		width : auto; /* largeur */
	}
	
	.headerlink {
		width : 100%;
	}
}

@media screen and (max-width: 650px) {

	body{background: none;}
	body{background-color:#000000}
	#enveloppe {
		padding-top:0px;
	}
	
	#header {
		height: auto;
	}

	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
	}

	#main-nav {
		position: static;
	}

	#site-logo {
		margin: 15px 100px 5px 0;
		position: static;
	}

	#site-description {
		margin: 0 0 15px;
		position: static;
	}

	#content {
		display: block;
		width: auto;
		float: none;
		margin: 20px 0;
	}
	
	#content-classic {
		display: block;
		width: auto;
		float: none;
		margin: 20px 0;
	}

	#content-unique {
		display: block;
		width: auto;
		float: none;
		margin: 20px 0;
	}

	#sidebar {
		display: block ;
		width: 100%;
		float: none;
		margin: 0;
	}
	
	#sidebar-classic {
		display: block ;
		width: 100%;
		float: none;
		margin: 0;
	}
	
	ul#rollmenu li a{
		width:100%;
		text-align:center;
	}
	
	ul.rollmenu li a{
		width:100%;
		text-align:center;
		
	}
	
	ul.rollmenu2 li a{
		width:100%;
		text-align:center;
	}
	
	ul#rollmenu-admin li a{
		width:100%;
	}
	
	ul.rollmenu-admin li a{
		width:100%;
	}
	.copyright {
		padding-top : 0px;
	}
	
	#bloc-menu-horizontal {
		height: 85px;
	}
	.searchbar {
		height :35px;
		width : 100%;
	}
}

@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}

	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

}