/* CSS Document */
@media screen and (max-width: 605px) {
	
	header .overhead { height:42px; }
	header .overhead .wrap ul li.overhead-validite { display:none; }
	.top-filters-header { flex-direction:column; }
	
	.top-filters a.but-submit, a.but-submit, a.but { font-size:12px; }
	.top-filters a.but-submit { max-width:none; margin-right:7px; }
	
	.main-content.projets { margin-top:8px; margin-bottom:0; }
	.top-filters .top-filters-right h3 { margin-bottom:5px; }
	.top-filters-header .top-filters-buts { justify-content:start; }
	.top-filters a.but-submit, .top-filters a.but-fill { padding:8px 8px; }
	.filters-tags { margin-bottom:0; font-size:12px; line-height:18px; padding-top:8px; }
	
	.projets-coltitles { display:none; }
	.projets .projets-list { padding-left:0px; }
	
	.sticky-filters { top:115px; transition:all 300ms ease; }
	main.scroll .sticky-filters { top:55px; }
	.sticky-criteria { top:170px; transition:all 300ms ease; }
	main.scroll .sticky-criteria { top:110px; }
	.top-filters-left.open { padding:5px 10px; }
	
	.projet { margin-bottom:10px; }
	.projets-filter { border-radius:12px; margin-bottom:12px; }
	
	.projets .projets-filters { padding-left:10px; }
	.projets .projets-filters { padding-right:10px; }
	
	.projets .projets-filters, 
	.top-filters-left.open, 
	.top-filters-left.open { width:95vw; max-width:95vw; }
	
	.projets-list div.col2 { flex: 1 1 calc(100% - 70px); width: calc(100% - 70px); }
	.projet .projet-desc-top .but-description { padding:10px 10px !important; font-size:12px; }
	
	.projets-list div.col7 { margin-left:12px; margin-top:5px; align-self:start; }
	.projets-list div.col8 { margin-top:5px; }
	
	.projets-list div.col3, 
	.projets-list div.col4, 
	.projets-list div.col5, 
	.projets-list div.col6 { flex: 1 1 20%; width: 20%; align-self:start; text-align:left; margin-top:5px; }
	.projets-list div.col3 { padding-left:12px; flex: 1 1 18%; width:18%; }
	.projets-list div.col4 { flex: 1 1 26%; width:26%; }
	.projets-list div.col5 { flex: 1 1 16%; width:16%; }
	
	.projet .projet-desc { padding:15px 8px 8px 8px; }
	
	.projet .projet-desc-top { flex-wrap:wrap; }
	.projet .projet-desc-top .projet-desc-top-title { flex:1 1 100%; width:100%;margin-bottom:6px; }
	.projet .projet-desc-top a.but.but-share { margin-left:auto; }
	.projet .projet-desc-top .but-description { margin-left:auto; }
	.projet .projet-desc-top.expanded > a { display:none; }
	.projet .projet-desc-top .consulte img { width:20px; }
	
	.is-mobile-xs { display:block; }
	
	.projets-onglets ul li:first-child { flex:.75; }
	.projets-onglets ul li:last-child { flex:.95; }
	
	#scrollToTop { bottom:60px; }
	
	.page-header { margin-bottom:0; }
	
	.projets-list .panier-line { flex-direction:column; }
	.projets-list div.col0 { display:flex; flex-direction:row; align-items:center; }
	.panier-line .checkdel > .prix { order:2; text-align:left; }
	.panier-line .checkdel > .selection { order:1; text-align:left; max-width:40px; }
	.panier-line .checkdel > div.delete { margin-left:auto; text-align:right; order:3; }
	
	.page-header-title img { width:34px; }
	.page-header-title div {  font-size:15px; line-height:20px; }
	a.but.but-submit2 { font-size:13px; }
	
	.wrap { padding-left:5px; padding-right:5px; }
	
	.page-header-right { padding-right:5px; }
	.page-footer-right { padding-right:5px; }
	
	.main-content.projets.panier { margin-top:0; }
	
	.main-content.projets.panier { padding-bottom:75px; }
	.page-footer-title { font-size:12px; }
	
	header .header .wrap ul.main-nav { padding-left:0px; padding-right:0px; }
	header .header .wrap ul.main-nav li a { font-size:14px; line-height:18px; }
	header .header .wrap ul.main-nav li a svg { width:30px; height:30px; }
	
	body .ui-dialog { padding:12px 12px 10px 12px !important; }
	.ui-dialog .ui-dialog-content { padding:5px; }
	.tit3 { font-size:18px !important; }
	.ui-dialog .tit3 { font-size:16px !important; }
	body .ui-dialog p { font-size:12px; }
	
	.main-content-blue-inner { padding:0; }
	.main-content.projets { padding:0px; background:none; }
	.main-content-blue-content { padding:0 5px; }
	
	.activites .activite { margin-bottom:10px; padding:5px; border-bottom:2px solid var(--main-color1); border:2px solid var(--main-color1); border-radius:12px; }
	.activite-1 { flex-wrap:wrap; display:flex; margin-bottom:10px; }
	.activite-1 > div { flex:1 1 50% !important; width:50% !important; }
	.activite-1 > div.act-statut { flex:1 1 40% !important; width:40% !important; } 
	.activite-1 > div.act-action { flex:1 1 60% !important; width:60% !important; } 
	.activite-1 > div.act-projet-group { flex:1 1 100% !important; width:100% !important; margin-bottom:10px; border:0px; border-radius:8px; }
	.act-projet-group-projet { border:1px solid var(--main-color1); }
	.act-projet-group-projet-desc .famille { text-align:center; }
	.act-projet-empty { display:none; }
	
	.main-content-blue-header > .buts > li > a { border:1px solid var(--main-color1); text-align:center; line-height:18px; font-size:12px; padding:8px 6px; border-radius:7px; }
	.act-projet-messagerie { padding:8px; }
	
	.act-projet-msg-title, .act-projet-msg { padding:4px 0px; }
	.activites-header > div { padding:0; }
	
	.service { margin: 0px 5px 10px 5px; width: calc(50% - 10px); }
	.service-img { padding:10px 0; }
	
	.main-content.parrainage .desc { padding-left:0px !important; }
	.main-content .dctr { padding-left:10px !important; padding-right:10px !important; }
	
	.formel1, .formel2 { width:100% !important; clear:both; padding-right:0px !important; line-height:22px !important; }
	
	.main-content.parrainage2 { margin-top:40px !important; }
	
	.main-content.parrainage2 h2 { margin-bottom:0px !important; padding-bottom:0px !important; }
	.main-content.parrainage2 h1 { font-size:20px !important; }
	.main-content.parrainage2 .but-fill { font-size:15px !important; padding:8px 14px !important; }
	.main-content.parrainage2 p { font-size:14px !important; }
	#ac2018-rappel { padding-top:110px !important; }
	
	.main-content-moncompte-content .table1 thead tr th:nth-child(2), 
	.main-content-moncompte-content .table1 thead tr th:nth-child(6),  
	.main-content-moncompte-content .table1 td:nth-child(2), 
	.main-content-moncompte-content .table1 td:nth-child(6) { display:none; }
	
	.service-detail > div.right img { max-width:92% !important; }
	
	.act-projet-group-niveau > img { width:40px; }
	
	.cont-login { display:flex; flex-direction:column; padding:16px 16px; margin-bottom:30px; border-radius:16px; margin-top:0; }
	.cont-login > .cont-login1 { padding-right:0px; margin-bottom:20px; }
	.cont-login h1 { font-size:18px; line-height:18px; }
	
	body.logout .logo { margin-top:0; }
	
	form label { margin-bottom:4px; }
	
	.cont-login > .cont-login2 ul li { margin:4px 0; }
	
	#responsive-nav { margin-right:0px; }
	#responsive-nav svg { width:54px; height:54px; }
	
	#dmarquee select, #dmarquee input { width:30% !important; }
}
