/* CSS Document */

@media screen and (max-width: 480px) {
	
	body { width: 100%; }
	
	#pubTop,
	#pubRight,
	.RDhide,
	.FCE.twoCols-left .col-left,
	.FCE.register,
  .FCE.register.bbgi,
	.FCE.slider,
	#searchContainer,
	.hight-link {
		display: none;
	}
	
	#footer,
	#menuMain,
	#banner,
	.oneColumn #contentMain,
	#content,
	.FCE.twoCols-left .col-right {
		width: 100% !important;
	}
  #contentMain .FCE.twoCols-right .col-left, .FCE.twoCols-right .col-right {
    width: 100% !important;
    float: none !important;
  }
  .col-left iframe {
      max-width: 47%;
      height: auto;
  }
  .twoCols-middle .twoCols-middle .col-left, .twoCols-middle .twoCols-middle .col-right {
    width: 100% !important;
    float: none;
  }
  
  .twoCols-middle .twoCols-middle .col-right div {
    height:auto !important;
  }
	
	#bannerWrap #banner { height: auto !important; width: 100%; }
	
	#banner #tools { width: auto; margin-top: 0 !important; float: right; margin-right: 10px;}
	#bannerWrap #banner h1, #bannerWrap #banner h2 {
    margin-top: 0px !important;
  }
	#banner h1 {
		float: left;
		margin-bottom: 20px;
		margin-left: 10px;
		margin-right: 0;
		margin-top: 0 !important;
	}
	
	#banner h1 img {
		width: 170px;
		height: 40px;
	}
	
	#banner h1,
	#tools {
		position: static;
	}
	
	#socials { width: 100px; text-align: right; position: relative; left: 10px;}
	#socials ul { padding-left: 0; }
	
	#menuMain {
		padding: 0;
		margin: 0;
		height: auto;
		clear: left;
	}
	
	#menuMain ul {
		padding: 0;
	}
	
	#menuMain ul li,
	#menuMain ul li a {
		display: block;
		float: none;
	}
  #contentMain .jcarousel-wrapper {
    height:auto;
  }
	#contentMain .jcarousel-wrapper .jcarousel li {
    margin-left: 10px;
  }
  #contentMain .jcarousel-wrapper .jcarousel .col-left {
    width: 348px !important;
  }
  
	ul.latest-news li {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	
	ul.latest-news li .content {
		padding: 0 10px;
	}
	
	ul.latest-news li .news-latest-link a {
		position: static;
		font-size: 14px;
		padding: 4px 4px 0 4px;
	}
	
	.news-latest-container.header-box.hightlights {
		height: auto;
		padding-top: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	
	
	.news-latest-container.header-box.hightlights .floatL,
	.news-latest-container.header-box.hightlights .floatR {
		width: 100%;
		float: none;
	}
  
  #contentMain .news-latest-container.chroniqueurs .news-latest-item {
    margin: 0 auto;
    float: none;
  }
  
  #contentMain .latest-news.new-home .news-latest-thumb, #contentMain .latest-news.new-home .news-latest-thumb img {
    display: block !important;
    width: auto !important;
    max-width: 100%;
  }
  
  #contentMain .new-home .news-latest-item {
    margin: 0 10px;
  }
	
	.hight-head,
	.hight-content {
		padding: 0 10px;
	}
	
	.hight-thumb { margin-bottom: 5px; }
	
	.news-latest-container.hightlights .hight-thumb, .news-latest-container.hightlights .hight-thumb img {
		width: 480px !important;
		display: none;
	}
	
	#highlight_cat .hight-cat {
		margin-left: 0;
		display: block;
		width: 100%;
		position: static;
	}
	
	.news-single-container .news-single-comments,
	.news-single-container .col-right {
		display: none;
	}
	
	.news-single-container .col-left {
		width: 100%;
	}
	
	.news-single-container .news-single-summary { text-align: justify; }
	
	.news-single-container .news-single-summary,
	.news-single-container .news-single-content {
		padding: 0 10px;
	}
	
	.news-single-container .news-single-backlink {
		margin-left: 10px;
	}
	
	.news-single-container h2.singleNews {
		padding: 0 10px 0 10px;
	}
	
	.news-latest-cat {
		margin-right: 10px;
	}
	
	.news-latest-thumb {
		margin: auto;
		display: none !important;
	}
	
	.news-latest-date,
	.news-single-container .news-single-date {
		margin: 0 10px;
	}
	
	#share {
		margin-right: 10px;
	}
	
	#footerWrap {
		padding-bottom: 20px;
	}
	
	#footer {
		margin-top: 10px;
	}
	
	#footer .cols .col.contact {
		width: 94%;
		padding-left: 20px;
		margin-right: 0;
	}
	
	#footer-totop {
		margin-top: -50px;
	}
	
	#bottomContainer {
		width: 100%;
	}
	#bottomContainer .floatL {
		display: none;
	}
	#bottomContainer .floatR {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	/* ----- Menu principal couleurs ---- */
		/*
	#menuMain li a.accueil { background-color: #c21529; }
	
	#menuMain li a.finance { background-color: #94a2b1; }
	
	#menuMain li a.economie { background-color: #4e99a8; }
	
	#menuMain li a.comm { background-color: #768559; }
	
	#menuMain li a.career { background-color: #705540; }
	
	#menuMain li a.lifestyle { background-color: #5d98c0; }
	
	#menuMain li a.immobilier { background-color: #bbb183; }
	
	#menuMain li a.technologie { background-color: #715373; }
	*/
	/* ----- /Menu principal couleurs ----- */

}