@media all and (max-width:700px) {
h1 {font-size:30px;	}
h2 {font-size:24px; color: #001A48;}
h3 { font-size:20px; font-weight:bold;}
header {
	padding:5px 5px;
	z-index:1000;
}
.view-header.view-display-id-logo > .view-content > .views-row .views-field-field-logo img {
    height: 70px;
}
#block-burger {
	display:block;
	margin-left:15px;
	cursor:pointer;
}	
	
#block-burger svg {
	height:30px;
	width:auto;
	fill:#333;!important;
}
.block-menu.menu--main {
	position:fixed;
	z-index:3100;
	background:white; 
	top:0px;
	right:-100%;
	width:80%;
	padding:10px 0px 30px;
	box-shadow:0px 0px 30px -15px black;
	transition:all 0.3s ease;
}
#menu-close {display:block;color:#333; font-size:30px;font-weight:bold;text-align:right;padding-right:20px;cursor:pointer;}
.block-menu.menu--main.open {
	right:0px;
}
.block-menu.menu--main ul {
	display:block!important;
}
.page-node-type-etape #node-header .inner {
	display:block;
}
.textediapo,  .textediapo * {
	font-size:24px!important;
}
.page-node-type-etape #node-header .inner > div {
	width:100%;
}
.field--name-field-elements-groupe {
	display:block!important;
}
.calendrier {
	margin-left:0px!important;
	min-width:0px!important;
	margin-top:40px;
}
.paragraph--type--diaporama .field--name-field-texte {
	display:none;
}
.page-node-type-etape #node-header {
	padding:20px 20px 30px;
}
.page-node-type-etape .projet-type {
font-size:30px;
}
.page-node-type-etape .projet-titre h1 {
	font-size:22px;
}
.page-node-type-etape .projet-date {
	margin-top:30px;
}
.vue-timeline {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 100;
    margin: 0px auto 0px;
    margin-bottom: 0px;
    transform: translate(0,0);
    left: auto;
    margin-bottom: 0%;
    display: inline-block;
}
.vue-timeline .view-content {
	padding:10px;
	border-radius:0px;
}
.vue-mozaique .view-content .views-row {
	width:100%;
}
.vue-mozaique .view-content {
    flex-direction:column;
}
.image-cote .inner > div > div, 
.image-pleine-cote .inner > div > div {
	flex-direction:column!important;
}
.field--name-field-elements-de-liste-pictos-r {
	display:block;
}
.field--name-field-elements-de-liste-pictos-r > div {
	width:100%;
}
.image-pleine-cote .field--name-field-image img {
	position:relative;
	transform:none;
	top:auto;
	left:auto;
}
.image-pleine-cote .field--name-field-image {
	padding:0px;
}
.image-par-dessus .field--name-field-texte {
    margin:0px!important;
    padding: 20px!important;
    max-width: 100%!important;
    line-height: 20px!important;
}
.image-par-dessus .field--name-field-image {
	position:relative!important;
	top:auto!important;
	left:auto!important;
	
}
.paragraph--type--groupe-chiffres-cles .field--name-field-element-chiffre-cle {
	flex-direction:column;
}
.page-node-type-etape .projet-type {
	font-size:20px;
	text-align:left;
	margin-bottom:10px;
}
.page-node-type-etape .thematiques {
	font-size:12px;
}
.webform-submission-choix-sols-comedie-form ul.image_picker_selector {
	flex-wrap:wrap;
}
.webform-submission-choix-sols-comedie-form ul.image_picker_selector li {
	flex:unset;
	width:50%;
}
.flex > div > div > div > .field--name-field-elements-groupe > div,
.flex > div > div > div > .field--name-field-elements-groupe > div:first-child,
.flex > div > div > div > .field--name-field-elements-groupe > div:last-child {
	width:100%!important;
}  
.vue-mozaique.page > .view-content .views-row {
	width:100%;
}
.vue-mozaique .view-content .views-row .inner {
	max-width:400px;
}
.bef-exposed-form .form--inline > .form-item {
	float:none
}
.projets-standards {
	padding-top:20px;
}
.vue-actualites .view-content .views-row {
	width:100%;
}

.type-de-contenu-budget-participatif.node-view .main-flex,
.flex,
.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-subform,
.vue-bp .view-content {
	display:block;

}

.vue-bp .views-exposed-form .form--inline > div {
	display:none;
}
.vue-bp .views-exposed-form .form--inline > div:first-child {
	display:block;
}

.flex> div > .field--name-field-elements-groupe > div {
	width:100%!important;
}

.image-cote .inner, 
.image-pleine-cote .inner,
.view-node-conseil-de-quartier.view-display-id-intro > .view-content .views-row,
.view-node-conseil-de-quartier.view-display-id-publications .view-content,
.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-row {
	display:block!important;
	width:100%!important;
	max-width:100%!important;
}

.page-node-type-etape #node-header .inner > div.left-block {
	padding:0px;
}

 iframe[src*="youtube.com"],
 iframe[src*="youtu.be"],
 iframe[src*="facebook.com"] {
 	height:220px!important;
 }

 .type-de-contenu-interpellation.node-view .main-flex {
 	display:block;
 }



}