html {
   -webkit-text-size-adjust: none;
}
/*
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
*/


img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}

/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap-header, .wrap-footer, .wrap-nav, #content, .featured{width:768px;}
	#sidebar{width:184px;}
	#main-content{width:504px;}
	.featured .col-1-3{width:29%;}
	
	.wrap-header #logoz img{top: 10px; left:10px; width:100%; height: 100%;}
	.wrap-header #logoz{top: 10px; left:10px; width:100%; height: 100%;}
	
}


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


.wrap-header, .wrap-footer, .wrap-nav, #content, #main-content, #sidebar, .featured{width:100%; margin:0px; padding:0px;}
	.wrap-header {margin-top: 0px;height:150px;}
	.wrap-header #search {top: 5px;left: 5px;}
	.featured{display:none;}
	
	.wrap-header #logoz img{top: 10px; left:10px; width:70%; height: 70%;}
	.wrap-header #logoz{top: 10px; left:10px; width:70%; height: 70%;}

	

}

@media only screen and (max-width: 479px) {
	.wrap-header{height: 170px;}
	
	#main-content img{width:80%; height: 80%;}
	#main-content p{display:inline-block;}
	
	.wrap-header #logoz img{top: 10px; left:10px; width:50%; height: 50%;}
	.wrap-header #logoz{top: 10px; left:10px; width:50%; height: 50%;}
	
	
}
*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap-header, .wrap-footer, .wrap-nav, #content, .featured{width:768px;}
	#sidebar{width:204px;}
	#main-content{width:504px;}
	.featured .col-1-3{width:29%;}
	
	/*responsive action sur img fiche*/
	#img_fiche_media div{width:80%; height: 80%;}
	
	
}

@media only screen and (max-width: 767px) {
	.wrap-header, .wrap-footer, .wrap-nav, #content, #main-content, #sidebar, .featured{width:100%; margin:0px; padding:0px;}
	.wrap-header {margin-top: 0px;height:150px;}
	.wrap-header #search {top: 5px;left: 5px;}
	.featured{display:none;}
	
	
	/*responsive action sur img fiche*/
	#img_fiche_media div{width:80%; height: 80%;}
	
	header {height: 160px;)
	
	

}

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


	
	header {height: 180px;)
	
}

@media only screen and (max-width: 479px) {
	/*.wrap-header{height: 180px;}*/
	#main-content img{width:80%; height: 80%;}
	#main-content p{display:inline-block;}
	
	header {height: 180px;)
	
}