/* 
++++ NUIT BLANCHE 2010 ++++
 styles par Exibit
 www.exibit.be
*/
/* -----------------------------BALISES---------------------------------- */
@media all and (max-device-width: 480px), all and (max-width: 980px) {
	body{font-size:180%;}
	#wrap,
	#header,
	#header h1,
	#header h1 a,
	#header h2,
	div.pagination,
	#colonne1,
	.article,
	#footer,
	#footer #footer-content,
	#footer-network,
	#footer #footer-content #twitter,
	ul#menu,
	ul#languages,
	div.event,
	div.event_short,
	.event_desc,
	.event_data,
	#latest,
	#header #search
	{width: 100%;position: relative;height:auto;top:auto;left:auto}
	
	#contenu,
	#sidebar,
	.col1,
	.event_desc,
	.event_data,
	.box_event,
	ul#menu li{float:none}
	
	#bgimg,
	#panier,
	#footer #footer-content #twitter,
	#twitter ul li,
	#search span.bu_search a,
	#footer .map_back{display:none}
	
	#wrap{background:transparent url('../images/wallpaper.jpg') no-repeat left top;}
	
	#header{padding:0;margin:0px}
	#header h1{background-image:none;font-size: 1.8em}
	#header h1 a{text-indent:0;text-transform: uppercase;color:#fff;padding:10px}
	#header h2{background-image:none;text-indent:0;font-size: 1.2em;padding:10px}
	
	#header #search{bottom:0px;margin:10px 0}
	#header #tools{top:50px;right:5px;text-align: right;position: absolute;width:auto;}
	#header #tools ul#menu{width:100%;position:relative}
	#tool-map{font-size: 1em;height:auto;padding:5px}
	ul#languages li{width:auto;height:auto}
	ul#languages li a{background-color: #fff;padding:5px;color:#000}
	ul#languages li.selected a{background-color: #000;padding:5px;color:#fff}
	
	ul#menu{background-color: transparent}
	ul#menu li{line-height:1.7em;font-size: 1.1em;text-shadow: #fff -1px -1px 0;}
	ul#menu li a.menu_item{color:#000;font-weight: bold}
	ul#menu li a.menu_item_down{color:#fff;font-weight: bold}
	
	#colonne1 div.pagination{margin-top: 10px;height:26px}
	
	div.event_short {padding:10px 10px 20px 10px;margin-left:0px;}
	div.event_short span.event-photo{display: none}
	div.event_short div.details{width:100%;}
	div.event_short div.details .event_categorie{right:5px;width:100%;}
	div.event_short div.details .event_schedule{left:5px;height:20px;width:auto;}
	
	.event_data{background-color: #000}
	div.event{background-image:none;background-color: #fff}

	#footer #map_canvas{float: none;overflow: hidden; width: 100%;}
	
	#search_cat,#search_lieu,#search_key{font-size:1em;width:25%;}
	#search_cat select,#search_lieu select,#search_key select,#search_key select option{font-size:1em;width:100%;}
	.bu_all a{font-size: 1em;width:auto;height:auto}
	.bu_all{width:auto;height:auto}
	
}