.visible-mobile, .visible-tablet{display: none}
.tablet .visible-tablet, .mobile .visible-mobile{display: inherit}
@media (orientation: portrait) {
	.webapp #nav-mobile{padding-top: 20px}
}

@media screen and (min-width: 1280px){
	.container{width:1200px}
}
@media (max-width: 991px){
	.affix .navbar-nav{margin-left: -15px}
	#s-desktop .btn-sm .fa{padding-top: 3px; padding-bottom: 3px}
	.navbar-form{box-shadow: none; box-shadow: none}
	.medias-col>div{clear:both; display:block}
	.medias-col > div img{float:left; width:20%; margin-right:15px; margin-bottom:10px}
	.medias-col p.credit{padding-left:0}
	.first-media{padding:10px; clear:both; float:none}
	.first-media-image{float:left; margin-right:10px}
	.first-media-body .credit{font-size: .8em}
	.fastMenu ul{text-align:center; margin:0 auto; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; flex-direction:row}
	#fastMenu a{padding:5px 7px}

	#atlas-container .atlas-media{height: 400px}
	#atlas-container .media-element{height: 400px}

	header.header{border: none}
	.columns{column-count: 1; -webkit-column-count: 1; -moz-column-count: 1}
	.atlas-header{color: #fff !important}
	.tools{text-align: center}
}
@media (max-width: 767px){
	h1{font-size: 1.5em; margin-bottom: 5px}
	h2{font-size: 1.4em}
	h3{font-size: 1.3em}
	h4{font-size: 1.2em}
	h5{font-size: 1.1em}
	h6{font-size: 1.0em}
	#lang{margin-top:0}
	.sommaire{position: fixed; top: 0; left: 0; padding: 10px; padding-top: 60px; height: 100%; width: 100%; z-index: 100; border: none; background: rgba(0,0,0,.9); border-radius: 0; margin-top: -10000px; overflow: auto}
	.sommaire:hover{-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}
	.sommaire>ul:hover{box-shadow: none}
	.sommaire h2{border: none;}
	.sommaire .somm-h2{font-size: 18px}
	.sommaire .somm-h3{font-size: 13px}
	.sommaire .nav-pills>li>a{background: transparent; padding: 10px 15px; color: #b3b3b1}
	.sommaire .divider{background-color: #222}
	.sommaire .menu h3{border-color: #333}
	#callSommaire{display: block !important; position: fixed; bottom: 15px; right: 10px; z-index: 9}
	header.header{padding-top:50px}
	header.header .mb30{margin-bottom:10px}
	.affix{background-image:none}
	.medias-col > div img{width:30%}
	.media-content{top:0; margin-top:0; transform:none}
	.media-element{height:300px}
	.media-legend{border-radius: 0}
	article,#home{border-radius:0}
	.nav-tabs.nav-justified>li{display:table-cell; width:1%}
	.nav-tabs.nav-justified>li.active a{border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0}
	.tab-content{margin-top:-7px; border-top:1px solid #ddd}
	header.header{margin-bottom:10px}
	#presentation{text-align:center; padding-top:5px}
	.drawer{padding-top: 50px !important; width: 100%}
	.lhp_miv_map{display: none !important}
	.media-landing{left: 0; width: 100%; height: 100%}
	.media-landing .media-content{background: #fff}
	.media-landing h5{display: block}
	.media-landing .media-legend{padding-bottom: 50px; max-height: 200px; overflow: auto}
	.media-landing .media-legend p{color: #fff}
	.media-landing .relatedArticles{border-color: #666}
	.media-landing .relatedArticles li:nth-child(n+3):before, .media-landing .media-legend p, .media-landing .relatedArticles .header{color: #fff}
        #homeshop h4, #homeshop p{
            text-align: center
        }
	#atlas-container{padding-left: 0}
	#atlas-container .atlas-media{height: 400px}
	#atlas-container .media-element{height: 400px}
	.columns{-webkit-columns: 1; -moz-columns: 1; columns: 1}

	.owl-carousel .item{padding-top: 10px; padding-bottom: 10px; background-repeat: no-repeat}
	.owl-carousel .item .img-illus{position: relative; height: 120px; opacity: 1; margin-bottom: 10px}
	.tab-content {margin-top: -10px; border-top: none}
	article header.with-image{height: auto !important}
	article header.with-image img{top: 20px !important}
	#medias-fr .sommaire{padding-top: 50px}
	#medias-fr .sommaire ul{margin-top: 25px}

	/* #correlatsButton, #corps-fr .media{border-radius: 0; border-left: none; border-right: none} */

	#correlatsButton{max-width: 100% !important; margin: 5 -15px}
	#correlatsButton h4{margin-top: 5px}
	#correlatsButton p{margin-bottom: 5px}
	#correlats .modal-lg{width: 100%; margin: 0}
	.modal:not(#dictionnaire-fr) .modal-content{width: 100%; height: 100%; border-radius: 0}
	.modal .modal-header{border-radius: 0}
	li.with-counter small{float: none; display: block; margin-left: 15px; color: #666; font-size: .8em}
	li.with-counter small span{display: inline-block}
	.nav-pills>li.with-counter>a:hover small{color: #fff}
	#corps-fr .media{margin-left: -15px; margin-right: -15px}
	.auteur-off{border-radius: 0; border: 0px solid black; margin-right: 0}

	.node tspan.tspan1, .node tspan.tspan2{display: none}
	.node tspan.ellipsis{display: inherit}

	#form-event label{color: #fff}

	.sommaire .border-bottom{border-color: #333}
	#search-qwant img{max-width: 75px}
	.ui-autocomplete.ui-front{position: fixed !important; top: 50px !important; left: 0 !important; width: 100% !important; max-width: 100%; height: 100% !important; overflow: auto; background: rgba(0,0,0,0.9); z-index: 101; border: none; overflow: auto}
	.ui-autocomplete.ui-front li{color: #fff; border-bottom: 1px solid #333; padding: 10px}
	.ui-autocomplete.ui-front li:last-child{border-bottom: none}

	.pronote{width: 33px; height: 24px; background-position: 10px 4px; background-size: 14px}

	#homeshop img{max-width: 150px}
	.ad-overflow{margin: 0}
	#cookie-bar a{display: block !important; padding: 10px 15px !important; text-align: center; margin: 10px !important; border-radius: 6px !important}

/*** RGPD ***/
	div.introV2_intro--38lAX .introV2_description--1tOTH{max-height: 300px !important; padding: 0 !important; overflow: auto !important}
	div.introV2_intro--38lAX{padding: 5px 10px !important}
	div.introV2_intro--38lAX .introV2_options--12wQO{padding: 0 !important; margin-left: 12px !important}
	button.button_button--lgX0P, input[type=button].button_button--lgX0P{white-space: normal !important; margin: 5px 0 !important; font-size: 14px !important; text-transform: none !important}
	.details_details--3oWod .details_footer--1oDeu{display: block !important; text-align: center !important}
	.purposes_container--1RCmV .purposes_purposes--dPseJ .purposes_purposeList--3LyoJ{max-width: 100px !important}
	.footerV2_base--2q-Bh, .footerV2_infoHeader--1slsx{text-align: left !important; margin-left: 10px !important; width: 90% !important}
	.details_details--3oWod .details_header--2LUyX{flex: none !important}
	.purposes_container--1RCmV .purposes_disclaimer--TzSVx{    max-height: 150px !important;overflow: auto !important;}
	.footerV2_content--1krR_{max-height: 400px !important; overflow: auto !important;}
	.footer_footer--3uVCQ span{margin: 3px 12px !important; font-size: 12px !important}
	.footer_footer--3uVCQ .footer_openConsent--3qGnc span{display: none !important}
	div.introV2_intro--38lAX .introV2_acceptAll--3PxeJ{padding: 3px 6px !important}
	button.button_button--lgX0P.button_invert--1bse9, input[type=button].button_button--lgX0P.button_invert--1bse9{border: none !important; padding: 3px 6px !important}
	.footerV2_headerMessage--1EFE4{font-size: 16px !important;}
	.footerV2_infoFooter--10DVE{padding: 0 !important; padding-right: 6px !important}

	#classif .breadcrumb li{display: block; margin: 10px 0}
	#cta-top-site{display: block; margin-bottom: 10px}
}
@media (min-width: 768px){
	.navbar-collapse i{display: none;}
	.navbar-collapse li li i{display: inline-block;}
	/**** sommaire flottant prospect ****/
#floating-somm{position: fixed; bottom: 60px; left:10px;}
#floating-somm .menu{overflow: auto !important; width: 300px; background: #fff !important; border-radius: 6px; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); margin-bottom: 5px}
#floating-somm button[data-action=hideSomm]{margin-top: 2px; margin-right: 3px}
#floating-somm .menu>li>a{padding: 3px 10px; white-space: normal; border-radius: 0 !important}
#floating-somm .menu li ul{font-size: .9em; color: #999; margin-left: 30px; margin-right: 10px}
#floating-somm .nav-header{text-transform: uppercase; font-weight: bold; font-size: .9em; padding: 5px; background: #eee; position: absolute; width: 100%; top: 0; left: 0; z-index: 100; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 1px solid rgba(0,0,0,.15)}
#floating-somm .menu>li:nth-child(2){margin-top: 30px}
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
	.popupFooter_content--h3gli{
		height: auto !important;
		width: 100% !important;
	}
}
@media (max-width: 645px){
		#correlatsButton .icon{padding-top: 20px}
}
@media (max-width: 600px){
	.ad-in-text{display: block; float: none; text-align: center; max-width: 100%; margin: 0 auto}

}

@media screen and (max-width: 500px){
	.media .media-body{width: auto; display: block}
	.media .media-left{text-align: center; width:100%; display: block}
	.media .media-left .media-object, .media .media-left .thumbnail{display: inherit}
}