/*COLORS#1d3d91 bleu mairie#0CAADC bleu lger#0CAADC#00635D vert fonc#D2E0BF vert lger98C455*//*Couleurs new version Bleu : #0094D9Vert : #4ABE89saumon : #E68989Gris : #EEEEEEpomme : #AEB95Djaune : #E0E55Fviolet : #665CC5rose : #D57FBBvert fonc #3FA275*/
 
.button {
	display:inline-block;
	color:white;.font-size:20px;
	padding:12px 26px;
	text-decoration:none;

} 

.toolbar-bar {
	z-index:1500!important;
} 

.refused .layout-content, 
.not-found .layout-content {
	padding:100px 20px;
	text-align:center;
}

main a.bouton,main .bouton a { 
font-family:"Antonio";
font-size:20px;
display:inline-block;
padding:10px 25px;
background: #4ABE89;
color:white!important;
text-decoration:none;
font-weight:bold;
position:relative;
overflow:hidden;
z-index:1;
border-radius:30px;
box-shadow:4px 4px 15px -10px black;
transition:all 0.3s ease;
}

main a.bouton:hover,main .bouton a:hover { 
transform: scale(1.1);
box-shadow:4px 4px 15px -5px black;
}

main a.bouton::after,main .bouton a::after { 
content:'';
position:absolute;
background:rgba(0,0,0,0.1);
width:60%;
height:100%;
top:0px;
left:-10%;
z-index:-1;
transform: skew(-15deg, 0deg);
transition:all 0.2s ease;
}

main a.bouton:hover::after,main .bouton a:hover::after { 
transform: skew(0deg, 0deg);
left:-70%;
}

a.bouton.blanc { 
background: white!important;
color:#333!important;
}

a.button.vert,a.bouton.vert { 
background: #4ABE89;
color:white!important;
}

a.bouton.blue { 
background :#0094D9!important;
}

.button.vert:hover { 
background: linear-gradient(145deg, #4ABE89 100%, #3FA275 100%);
transition:all 0.3s ease;
}

*{box-sizing:border-box;
}

body { 
color:#111;
padding:0px;
margin:0px;
font-size:16px;
font-family:"Open Sans";
}

body.toolbar-fixed {
	padding-top:80px!important;
}
body.toolbar-fixed.toolbar-tray-open {
	padding-top:112px!important;
}

input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
select,
.chosen-container-multi .chosen-choices,
.chosen-container-single .chosen-single {
	border: 1px solid #999;
	border-radius:0px;
   padding:8px 14px;
   min-width:190px;
   max-width:100%;
   background:white;
}


input[type="checkbox"], input[type="radio"] { 
float: left;
margin-right: 10px;
height: 15px;
width: 15px;
margin-top: 4px;
}

#edit-actions {text-align:center;
}

 /** POLICES  **/
h1,h2,h3 { font-family:"Gotham";
}

h1, h2 { font-weight:900; text-transform:uppercase;letter-spacing:2px; }

h1 {font-size:40px;
}

h2 {font-size:30px; color: #333; display: block;    margin: 0px;    padding: 6px 0px;
}

h3 { font-size:26px; font-weight:bold;
}

.site-name {font-family:"Gotham";
font-size:30px;text-transform:uppercase;font-weight:bold;
}

main a,main a:visited { 
color:#0CAADC;
}

main img{ 
max-width:100%;
height:auto;
}

.messages__wrapper { 
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(255,255,255,0.7);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index:3000;
cursor:pointer;
}

.messages__wrapper .messages { 
width:95%;
max-height:90%;
overflow:auto;
max-width:600px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
padding-right:70px;
cursor:default;
}

.messages__wrapper .messages .close { 
position:absolute;
right:10px;
top:10px;
background:#888;
width:30px;
height:30px;
text-align:center;
color:white;
font-size:13px;
padding-top:5px;
border-radius:50%;
cursor:pointer;
}

#block-burger,#menu-close {display:none;
}

.user-logged-in .hide-connected,
body.role- .hide-anonymous { 
display:none;
}


iframe, img { 
max-width:100%;
}

img.align-left { 
margin-right:20px;
margin-bottom:10px;
}

img.align-right { 
margin-left:20px;
margin-bottom:10px;
}


#block-views-block-admin-block-actions-page-actions {
	position:fixed;
	z-index:301;
	left:0px;
	top:79px;
	width:100%;
	background:rgba(255,255,255,0.9);
	padding:5px 10px;
	box-shadow:0px 0px 20px -10px black;
}


#block-views-block-admin-block-actions-page-actions a {
	color:black;
	text-decoration:none;
}
#block-views-block-admin-block-actions-page-actions a:hover {
	text-decoration:underline;
}

#block-views-block-admin-block-actions-page-actions .view-admin-block-actions-page .view-content .views-row {
	display:flex;
	column-gap:30px;
}


/** HEADER **/
header {background:rgba(255,255,255,0);
position:fixed;
width:100%;
top:0px;
left:0px;
z-index:1300;
padding:20px 15px;
transition:all 0.3s ease;
}

header {position:relative;
padding:2px 15px;
background:white;
}

header.normal { 
background:rgba(0,0,0,0.3);
.padding:0px;
}

header a {text-decoration:none;
color:white;
}

header .region-header { 
position:relative;
max-width:1400px;
margin:0px auto;
padding:0px 20px;
text-align:right;
display:flex;
justify-content:flex-end;
align-items: center;
}

#block-views-block-header-logo {position:absolute;left:0px;top:10px;
}

.view-header.view-display-id-logo > .view-content > .views-row { 
display:flex;
}

.view-header.view-display-id-logo > .view-content > .views-row .views-field-field-logo a { display:block;
}

.view-header.view-display-id-logo > .view-content > .views-row .views-field-field-logo img { 
height:120px;
width:auto;
transition : all 0.3s ease;
}

header.normal .view-header.view-display-id-logo > .view-content > .views-row .views-field-field-logo img { 
height:70px;
}

header .block-menu {text-transform:uppercase;font-size:16px;font-family:"Antonio";font-size:18px;padding:10px 0px;
}

header .block-menu  > ul {display:flex;margin:0px;padding :0px 20px 0px 5px}

header .block-menu  > ul > li { padding:15px 20px;
font-weight:bold;position:relative;
}

header .block-menu  > ul > li a { color:#333!important}

header .block-menu  li:hover > a { color:#0094D9!important}

header .block-menu  > ul > li > ul { 
display:block;
position:absolute;
top: 50px;
left:50%;
transform:translateX(-50%);
margin:0px;
max-height:0px;
background:white;
box-shadow:0px 0px 15px -10px black;
overflow:hidden;
transition:all 0.3s ease;
}

header .block-menu  > ul > li:last-child > ul { 
right:0px;
left:auto;
transform:translateX(0%);
}

header .block-menu  > ul > li:hover > ul { 
max-height:500px;
}

header .block-menu  > ul > li > ul > li { 
white-space:nowrap;
padding:10px;
}

ul.menu a.is-active,ul.menu .active > span,ul.menu .active > a { 
color:#0094D9!important;
}

.menu-item--expanded {    list-style-type: none;
   list-style-image:none;
}

.view-header.view-display-id-menu_utilisateur { 
width:40px;
padding:5px;
position:relative;
}

.view-header.view-display-id-menu_utilisateur > .view-content > .views-row {cursor:pointer;
}

.view-header.view-display-id-menu_utilisateur > .view-content > .views-row svg { 
width:100%;
height:auto;
display:block;
fill:#333;
}

.view-header.view-display-id-menu_utilisateur > .view-footer { 
position:absolute;
top:50px;
right:0px;
background:#666;
padding:10px;
box-shadow:0px 0px 15px -7px black;
display:none;
}

.view-header.view-display-id-menu_utilisateur > .view-footer .menu li { 
white-space:nowrap;
}

.view-header.view-display-id-menu_utilisateur > .view-footer .menu  a { 
color:white!important;
}

.view-header.view-display-id-menu_utilisateur > .view-footer.open { 
display:block;
}

/** FOOTER **/
.region-footer { 
background:#222;
color:white;
padding:10px;
}

.region-footer a { 
color:white;
}

/*** MAIN ***/
main { 
padding-bottom:0px;
}

/** NODE **/
/*** HEADER ***/
#node-title {text-align:center;
max-width:100%;
width:1000px;
margin:auto;padding:10px;
}

.paragraph--type--en-tete {position:relative;
}

.views-slideshow-controls-bottom { 
position:absolute;
bottom:10px;
left:50%;
transform:translateX(-50%);
z-index:100;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li { 
width:16px;
height:16px;
background:white;
border-radius:50%;
}

/** NODE ETAPE **/
.page-node-type-etape #node-header { 
padding: 100px 20px 100px;
background-size:cover;background-position:center center;
   position: relative;
   overflow: hidden;
}

.page-node-type-etape #node-header .inner { 
display:flex;
max-width:1200px;
margin:auto;
position:relative;
z-index:200;
align-items: center;
}

.page-node-type-etape #node-header .inner > div { 
width:50%;
padding:30px;
}

.page-node-type-etape #node-header .inner > div.left-block { 
flex:2;
}

.page-node-type-etape #node-header .inner > div.right-block { 
flex:1;
background:#3FA275;
color: white;
border-radius: 20px;
}

.entete-diapo-etape { 
position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
}

.entete-diapo-etape .views_slideshow_cycle_main,.entete-diapo-etape .views_slideshow_cycle_main > div,.entete-diapo-etape .views_slideshow_cycle_main > div > div{ 
position:absolute;
width:100%!important;
height:100%!important;
}

.entete-diapo-etape .views_slideshow_cycle_main > div > div img { 
position:absolute;
top:50%;
left:50%;
min-height:100%;
min-width:100%;
max-width:1000%;
transform:translate(-50%,-50%);
}

.page-node-type-etape #node-header video {    position: absolute;
   z-index: 100;
   min-width: 100%;
   min-height: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}

.page-node-type-etape .projet-type  { 
display:inline-block;
padding:8px 20px;
font-size:24px;
}

.page-node-type-etape .projet-type  { 
display:block;
padding:0px 0px;
font-weight:bold;
font-weight:800px;
margin-bottom:20px;
text-align:center;
}

.page-node-type-etape .thematiques { 
color:#333;
background:white;
padding:10px 20px;
display:inline-block;
font-size:14px;
font-weight:bold;
}

.page-node-type-etape .projet-titre h1 { 
color:white;
font-size:45px;
text-shadow:1px 1px 10px rgba(0,0,0,0.5);
margin: 20px 0px;
letter-spacing:2px;
}

.page-node-type-etape .projet-date { 
color:white;
margin-top:50px;
background:white;
color:#001a48;
padding:4px 10px;
display:inline-block;
}

.page-node-type-etape .description{ 
color:white;
text-shadow:0px 0px 5px black;
}

.page-node-type-etape .lieu,.page-node-type-etape .dates { 
padding:5px;
padding-left:30px;font-size:15px;
font-weight:bold;
background-size:20px auto !important;
font-size:15px;
}

.page-node-type-etape .lieu { 
background: url("../images/picto-lieu.svg") center left  no-repeat;
}

.page-node-type-etape .dates { 
background: url("../images/picto-date.svg") center left  no-repeat;
}

.vue-timeline { 
width:auto;
max-width:100%;
position:relative;
z-index:100;
margin: 0px auto 0px;
   transform: translate(-50%,-50%);
   left: 50%;
margin-bottom:-50%;
display:inline-block;
}

.vue-timeline .view-content { 
display:flex;
padding:10px 50px 0px;
background : #EEE;
box-shadow: 0px 0px 30px -15px black;
border-radius:100px;
overflow:auto;
white-space:nowrap;
}

.vue-timeline .view-content .views-row { 
padding:10px 30px;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
}

.vue-timeline .view-content .views-row a { 
font-family:"Antonio";
text-decoration:none;
}

.vue-timeline .view-content .views-row .date-affichee { 
font-size:12px;
margin-top:5px;
}

.vue-timeline  .avancement  { 
padding:5px 15px;
color:white;
background-size: 15px auto!important;
padding-left:40px;
font-size:12px;
border-radius:20px;
margin-top:5px;
}

.vue-timeline  .avancement.avenir  { 
background: url("../images/picto-avenir.png") left 15px center no-repeat #52B6CF;
}

.vue-timeline  .avancement.encours  { 
background: url("../images/picto-encours.png") left 15px center no-repeat #E1A64F;
}

.vue-timeline  .avancement.termine  { 
background: url("../images/picto-termine.png") left 15px center no-repeat grey;
}





/***  PARAGRAPHS  ***/

/* PARAGRAPH DIAPORAMA HEADER */
.view-diaporama.view-display-id-header .textediapo { 
width:100%;
max-width:1200px;
padding:30px;
}

/*** PARAGRAPH DIAPORAMA ***/
.paragraph--type--diaporama { 
}

.paragraph--type--diaporama .field--name-field-image img { 
display:block;
}

.paragraph--type--diaporama .field--name-field-texte { 
position:absolute;
bottom:0px;
background:rgba(255,255,255,0.5);
left:0px;
width:100%;
padding:20px;
}

/*** PARAGRAPH  TEXTE ***/
.citation { 
background:url("../images/quotes1.png") left top no-repeat,  url("../images/quotes2.png") right bottom no-repeat;
}

/*** PARAGRAPH  TEXTE ET IMAGE ***/
.image-par-dessus { 
padding:40px 0px 10px;
}

.image-par-dessus .inner { 
position:relative;
}

.image-par-dessus.gauche .field--name-field-texte { 
margin-top:80px;
margin-right:0px;
margin-left:auto;
padding:40px 40px;
padding-left:160px;
max-width:80%;
line-height:30px;
}

.image-par-dessus.gauche .field--name-field-image { 
position:absolute;
top:-80px;
left:0px;
max-width:350px;
box-shadow:0px 0px 30px -15px black;
}

.image-par-dessus .field--name-field-image img { 
display:block;
min-width: 330px;
}

.image-par-dessus.droite .field--name-field-texte { 
margin-top:80px;
margin-right:auto;
margin-left:0px;
padding:40px 40px;
padding-right:160px;
max-width:80%;
line-height:35px;
}

.image-par-dessus.droite .field--name-field-image { 
position:absolute;
top:-80px;
right:0px;
max-width:350px;
box-shadow:0px 0px 30px -15px black;
}

.image-cote .inner ,
.image-pleine-cote .inner { 
display:flex;
align-items:center;
line-height:30px;
}

.image-pleine-cote .inner { 
align-items:stretch;
}

.image-cote .inner > div ,
.image-pleine-cote .inner > div { 
flex:1;
}

.image-cote.droite .inner ,
.image-pleine-cote.droite .inner  { 
flex-direction: row-reverse;
}

.image-cote .field--name-field-texte,.image-pleine-cote .field--name-field-texte{ 
padding:20px;
}

.image-pleine-cote .field--name-field-image { 
background-size:cover!important;
position:relative;
overflow:hidden;
padding:20px;
}

.image-pleine-cote .field--name-field-image img { 
position: absolute;
   min-height: 100%;
   min-width: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
object-fit: cover;
}

/* PARAGRAPH CHIFFRE CLE*/
.paragraph--type--groupe-chiffres-cles .field--name-field-element-chiffre-cle { 
display:flex;
}

.paragraph--type--groupe-chiffres-cles .field--name-field-element-chiffre-cle .field__item { 
flex:1;
}

.paragraph--type--chiffres-cles { 
text-align:center;
}

.paragraph--type--chiffres-cles .rond-chiffre { 
display:inline-block;
position:relative;
width:180px;
height:180px;
color:white;
border-radius:50%;
}

.paragraph--type--chiffres-cles .field--name-field-chiffre-cle { 
font-size:50px;
font-weight:300;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.paragraph--type--chiffres-cles .field--name-field-sous-chiffre-cle { 
font-size:20px;
font-weight:300;
position:absolute;
top:70%;
left:50%;
transform:translate(-50%, -50%);
}

.paragraph--type--chiffres-cles .field--name-field-titre { 
font-size:24px;
font-weight:bold;
padding-top:20px;
}

/*PARAGRAPH IMAGE*/
.paragraph--type--image img {display:block;
}

/* Paragraph liste de pictos ronds */
.field--name-field-elements-de-liste-pictos-r { 
display:flex;
flex-wrap: wrap;
align-items:stretch;
justify-content:center;
}

.field--name-field-elements-de-liste-pictos-r > div{ 
width:33%;
text-align:center;
margin-bottom:30px;
padding:20px;
transform:scale(1);
transition:all 0.3s ease;
position:relative;
}

.field--name-field-elements-de-liste-pictos-r > div:hover{ 
transform:scale(1.05);
}

.field--name-field-elements-de-liste-pictos-r .field--name-field-picto { 
width: 150px;
height: 150px;
position:relative;
border-radius:50%;
display:inline-block;
}

.field--name-field-elements-de-liste-pictos-r .field--name-field-picto article { 
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:60%;
}

.field--name-field-elements-de-liste-pictos-r .field--name-field-picto article svg { 
max-width:100%;
height:auto;
}

.field--name-field-elements-de-liste-pictos-r .field--name-field-titre { 
font-size:19px;
font-weight:bold;
padding:20px 0px;
}

.field--name-field-elements-de-liste-pictos-r .field--name-field-lien a { 
position:absolute;
top:0px;
left:0px;
font-size:0px;
width:100%;
height:100%;
}

/** Paragraph formulaire **/
.paragraph--type--formulaire label,.paragraph--type--formulaire legend,.form-type-processed-text { 
display:block;
color:white;
font-weight:bold;
}

.paragraph--type--formulaire .form-type-checkbox label,.paragraph--type--formulaire .form-type-radio label { 
font-weight:normal;
}

.paragraph--type--formulaire input[type=text],.paragraph--type--formulaire input[type=email],.paragraph--type--formulaire input[type=number],.paragraph--type--formulaire select,.paragraph--type--formulaire textarea { 
border:none;
border-radius:10px;
padding:8px 15px;
max-width:100%;
margin-top:5px;
width:100%;
}

.paragraph--type--formulaire input.button { 
background:white;
border-radius:0px;
color:#4ABE89;
font-weight: bold;
   border-radius: 25px;
   font-size: 20px;
}

.form-item, .form-actions {    margin-top: 0px ;
   margin-bottom: 20px ;
}

.paragraph--type--formulaire fieldset { 
margin-bottom:20px;
}

/** Paragraph formulaire liste complexe **/
  /*Accordeon*/
  .paragraph--type--liste-complexe.accordeon { 
}

.paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste { 
background:#EEE;
margin-bottom:20px;
}

.paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste .field--name-field-titre { 
position:relative;
cursor:pointer;
padding:10px 20px;
font-size:20px;
font-weight:bold;
}

.paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste .field--name-field-titre:after { 
content:"\003c";
content:"v";font-family:Arial;font-stretch: 200%;
display:block;
position:absolute;
right:20px;
top:50%;
transform:translateY(-50%) rotate(0deg) scale(2,1);
}

 .paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste .field--name-field-texte { 
overflow:hidden;
max-height:0px;
transition:all 0.1s ease;
padding: 0px 20px;
}

.paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste.open .field--name-field-titre:after { 
transform:translateY(-50%) rotate(180deg) scale(2,1);
}

.paragraph--type--liste-complexe.accordeon .paragraph--type--element-de-liste.open .field--name-field-texte { 
max-height:1000px;
padding: 10px 20px;
transition:all 0.4s ease;
}

/*VUE MOZAIQUE*/
.vue-mozaique .view-content,.vue-mozaique.page .views-infinite-scroll-content-wrapper { 
display:flex;
align-items:stretch;
flex-wrap:wrap}

.vue-mozaique .view-content .views-row { 
padding:10px;
width:33%;
transform:scale(1);
transition:all 0.3s ease;
}

.vue-mozaique.page > .view-content  .views-row { 
width:50%;
}

.vue-mozaique .view-content .views-row:hover { 
transform:scale(1.04);
}

.vue-mozaique .view-content .views-row .inner { 
display:flex;
flex-direction:column;
}

.vue-mozaique .view-content .views-row .inner { 
height:100%;
}

.vue-mozaique .view-content .views-row .inner { 
width:100%;
max-width:300px;
margin:auto;
}

.vue-mozaique .entete { 
position:relative;
height:200px;
}

.vue-mozaique .encart-haut { 
position:absolute;
display:flex;
top:0px;
right:0px;
}

.vue-mozaique .encart-haut .type-projet { 
padding:8px 10px;
color:white;
background: #5165A7;
}

.vue-mozaique .encart-haut .avancement,.projets-standards .avancement  { 
padding:8px 10px;
color:white;
background-size: 20px auto;
padding-left:50px;
}

.vue-mozaique .encart-haut .avancement.avenir,.projets-standards .avancement.avenir  { 
background: url("../images/picto-avenir.png") left 10px center no-repeat #52B6CF;
}

.vue-mozaique .encart-haut .avancement.encours,.projets-standards .avancement.encours  { 
background: url("../images/picto-encours.png") left 10px center no-repeat #E1A64F;
}

.vue-mozaique .encart-haut .avancement.termine,.projets-standards .avancement.termine  { 
background: url("../images/picto-termine.png") left 10px center no-repeat #4abe89;
background-size:14px;
}

.vue-mozaique .quartiersapaises { 
width:80px;
position:absolute;
right:20px;
bottom:20px;
}

.vue-mozaique .corps { 
flex:1;
padding:15px;
padding-bottom:80px;
background:white;
position:relative;
box-shadow:0px 0px 30px -16px black;
}

.vue-mozaique .thematiques { 
font-size:13px;
font-weight:bold;
}

.vue-mozaique .titre { 
font-family : "Antonio";
font-size:22px;
color:#0094D9;
padding-top:5px;
padding-bottom:5px;
}

.vue-mozaique .lieu,.vue-mozaique .dates { 
padding:5px;
padding-left:30px;font-size:15px;
font-weight:bold;
background-size:20px auto !important;
font-size:15px;
}

.vue-mozaique .lieu { 
background: url("../images/picto-lieu.svg") center left  no-repeat;
}

.vue-mozaique .dates { 
background: url("../images/picto-date.svg") center left  no-repeat;
}

.vue-mozaique .lien { 
position:absolute;
left:20px;
bottom:20px;
}

.vue-mozaique .lien a { 
display:inline-block;
padding:10px 20px;
background:#0094D9;
color:white;
font-family:"Antonio";
text-decoration:none;border-radius:30px;
}

.logos-v-m img { 
height:40px;
width:auto;
position:absolute;
right:20px;
bottom:20px;
}

/****  ACTUALITES  ****/
.vue-actualites { 
width:100%;
}

.vue-actualites .view-content { 
display : flex;
column-gap:3%;
overflow : auto;
flex-wrap: wrap;
overflow:hidden;
justify-content: space-between;
}

.vue-actualites .view-content .views-row { 
padding:20px 0px 10px 0px;white-space:normal;
//flex:1;
width:31%;
}

.vue-actualites .view-content .views-row:nth-child(n + 4) {
	display:none;
}

.vue-actualites.visible .view-content .views-row:nth-child(n + 4) {
	display:block;
}


.vue-actualites .view-content .views-row img { 
width:auto;
margin-right:20px;
border-radius:20px;

}

.vue-actualites .view-content .views-row .views-field-title { 
font-weight:bold;
padding:10px 0px;
font-size:20px;
}

.vue-actualites .view-content .views-row .views-field-field-date { 
font-style:italic;
font-size:14px;
}

.vue-actualites .view-content .views-row .views-field-field-description-courte { 
padding-top:1px;
margin-bottom: 30px;
}

.vue-actualites .view-content .views-row .views-field-field-description-courte p {
	margin-top:3px;
}

.vue-actualites .view-content .views-row .views-field-field-lien { 
text-align:center;
}

.vue-actualites .view-content .views-row .views-field-field-lien a { 
padding: 10px 20px;
   background: #0094D9;
   color: white;
   font-family: "Antonio";
   text-decoration: none;
border-radius: 20px;
margin-top: 10px;
}

.vue-actualites .plusdactus {
	text-align:center;
	padding:30px 10px 10px;
	text-transform:uppercase;
	border-bottom:1px solid #AAA;
	position:relative;
	max-width:200px;
	margin:auto;
}

.vue-actualites .plusdactus:before {
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	border-right:1px solid #AAA;
	border-bottom:1px solid #AAA;
	transform:rotate(45deg) translateX(-50%);
	left:50%;
	bottom:-18.5px;
	background:white;
	
	
	
}

.vue-actualites .plusdactus span {
	cursor:pointer;
}

.vue-news .view-content { 
display:flex;
column-gap:2%;
}

.vue-news .view-content > div { 
flex:1;
}

.vue-news .view-content .views-row  { 
position:relative;
}

.vue-news .block-image { 
height:180px;
position:relative;
}

.vue-news .block-image .date { 
position: absolute;
   bottom: 0px;
   right: 0px;
   background: rgba(255,255,255,0.8);
   color: #333;
   padding: 3px 8px;
   font-size: 13px;
}

.vue-news .block-image .date svg { 
width:11px;
height:auto;
margin-right:2px;
fill:#333;
}

.vue-news .block-image * { 
position:relative;
}

.vue-news .block-texte  { 
position:relative;
padding-bottom:60px;
}

.vue-news .view-content h3 { 
font-size:18px;
text-transform:uppercase;
min-height:42px;
margin-bottom:10px;
}

.vue-news .view-content .description,.vue-news .view-content .description p { 
font-size:14px;
margin-top:10px;
}

.vue-news .view-content .bouton  { 
position:absolute;
bottom:0px;
left:0px;
min-width:80%;
}

/** COMMENTS  **/
section.comment-wrapper { 
width:100%;
max-width:800px;
margin:auto;
padding:10px;
}

.field--type-comment > .comment-wrapper > article { 
display:flex;
margin:25px 0px 0px;
justify-content:center;
width:100%;
padding-top:40px;
border-top:1px solid #DDD;
}

.field--type-comment .indented { 
padding:10px ;
max-width:100%;
margin:0px 0px 0px 60px;
width:calc(100% - 60px);
border:1px solid #e9f3f8;
background:#eee;
}

.field--type-comment .indented > article { 
display:flex;
margin:10px 0px;
justify-content:center;
}

.field--type-comment article .user-picture  img,.field--type-comment article .user-picture  svg { 
width:50px;
height:50px;
border-radius:50%;
margin-right:10px;
}

.field--type-comment .indented  article img,.field--type-comment .indented article svg { 
width:30px;
height:30px;
}

.field--type-comment  article  .comment-inner { border-radius:10px;
padding:10px 15px;
width:100%;
position:relative;
}

.field--type-comment .indented article  .comment-inner { .background:none;
padding:10px 15px 0px;
width:100%;
position:relative;
}

.field--type-comment .comment-footer { 
display:flex;
font-size:12px;
align-items: center;
}

.field--type-comment .comment-footer ul { 
margin:0px;
}

.field--type-comment p.user-surnom { 
margin:0px;
}

.votingapi-reaction-form .form-radios { 
display:inline-block;
}

.field--type-comment .indented > article { 
font-size:14px;
}

.field--type-comment .indented article { 
max-height:0px;
overflow:auto;
margin:0px;
transition:all 0.3s ease;
font-size:14px;
}

.field--type-comment .indented article:nth-child(1),.field--type-comment .indented article:nth-child(2),.field--type-comment .indented.open article { 
margin:0px 0px;
max-height:500px;
border-bottom:1px solid white;
}

.openButton { 
text-align:center;
}

.openButton button { 
background:none;
color:#001A48;
border:0px;
text-decoration:underline;
}

.field--type-comment  .votingapi-reaction-item-wrapper { 
display:flex;
}

.field--type-comment > .comment-wrapper > article .votingapi-reaction-item-wrapper {}

.field--type-comment > .comment-wrapper > article .votingapi-reaction-count { 
background : url("../images/heart.svg") center center no-repeat;
background-size:contains;
padding:7px 5px 5px !important;
width:32px;
height:32px;
color:white;
text-align:center;
font-weight:bold;
pointer-events:none;
margin-right:10px;
position:absolute;
left:-45px;
top:70px;
}

.indented .votingapi-reaction-count:before { 
content:"("}

.indented .votingapi-reaction-count:after { 
content:")"}

.votingapi-reaction-form .form-radios label .votingapi-reaction-image { 
width:15px;
height:15px;
}

.votingapi-reaction-form .form-radios { 
margin:0px;
}

.field--type-comment .comment-reply a { 
background: url("../images/reply.svg") center left no-repeat;
background-size:15px auto;
padding-left:30px;
color:black;
text-decoration:none;
}

.field--type-comment .indented .comment-reply {display:none;
}

.votingapi-reaction-form .form-radios input[type="radio"]:checked + label { 
color:inherit;
}

.field--type-comment .indented .comment-reply {display:none;
}

.votingapi-reaction-form .form-radios input[type="radio"]:checked + label .votingapi-reaction-item {    border-color: rgb(0, 113, 179);
   background-color: transparent;
border:0px;
padding:0px 5px;
color:inherit;
opacity:0.7;
}

.field--type-comment .comment-delete,.field--type-comment .comment-edit { 
position:absolute;
top:10px;
right:10px;
}

.field--type-comment .comment-edit { 
right:90px;
}

.field--type-comment .comment-delete a {}

.field--type-comment .field--name-field-image { 
display:flex;
justify-content:center;
}

.field--type-comment .field--name-field-image > .field__item { 
padding:0px 5px;
}

.field--type-comment .field--name-field-image img {border-radius:10px;
}

.field--type-comment .field--name-field-image .description { 
display:none;
}

.field--type-comment input[id*="preview"] { 
display:none!important;
}

.comment-form-wrapper { 
position:fixed;
z-index:3000;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
background:rgba(200,200,200,0.6);
}

.comment-form-wrapper > form { 
position:absolute;
max-width:500px;
max-height:90%;
top:50%;
left:50%;
transform:translate(-50%,-50%);
overflow:auto;
max-width:100%;
padding:20px;
background:white;
box-shadow: 2px 2px 25px -14px black;
}

 .comment-form-wrapper.open { 
display:block;
}

.comment-form-wrapper > form { 
padding-bottom:60px;
}

.comment-form-wrapper > form .form-actions { 
text-align:center;
position:absolute;
width:100%;
left:0px;
bottom:0px;
}

.comment-form-wrapper > form .field--name-field-image { 
display:block;
}

.comment-form-wrapper > form .field--name-field-image .tabledrag-toggle-weight,.comment-form-wrapper > form .field--name-field-image th,.comment-form-wrapper > form .field--name-field-image table .image-widget-data,.comment-form-wrapper > form .field--name-field-image table a{ 
display:none;
}

.comment-form-wrapper > form .field--name-field-image table tbody { 
display:flex;
}

.comment-form-wrapper > form .field--name-field-image table tbody tr { 
display:block;
position:relative;
padding-bottom:20px;
padding-right:20px;
}

.comment-form-wrapper > form .field--name-field-image table tbody tr input.button { 
position:absolute;
background:none;
bottom:0px;
left:10px;
color:#CC0000;
padding:10px;
text-transform:unset;
}

.ajax-comments-form-reply { 
max-width:600px;
margin:auto;
padding-left:60px;
}

.ajax-comments-form-reply .field--name-field-image { 
display:none;
}

.openButton { 
max-width:600px;
margin:auto;
}

.node__links .comment-add { 
display:none;
}

.add-comment { 
text-align:center;
padding:20px 10px;
}

.add-comment button { 
border:0px;
background:#4ABE89;
color:white;
padding:15px 30px;
border-radius:25px;
text-transform:uppercase;
}

input.button[id*=cancel] { 
background:none;
color:inherit;
padding:0px;
border-radius:0px;
}

.field--type-comment textarea { 
padding:10px;
}

.indented .field--name-field-image {display:none!important;
}

/* USER PAGES */
body.path-user { 
background:#DDD;
}

body.path-user main { 
max-width:1200px;
padding:40px 20px 20px;
margin:auto;min-height:600px;
}

body.path-user main  .field--name-user-picture { 
float:right;
margin-left:30px;
}

body.path-user h1 { 
text-align:center;
font-size:30px;
}

#user-login-form, #user-pass { 
margin:20px auto 20px;
}

.user-form-wrapper,
form[action*="/user/reset/"] { 
width:100%;
max-width:500px;
margin:40px auto 30px;
background:white;
position:relative;
padding:30px;
box-shadow: 2px 2px 20px -8px rgba(0,0,0,0.7);
}

form[action*="/user/reset/"]:before {
	display:block;
	padding:20px;
	font-size:30px;
	font-family: "Gotham";
	text-align:center;
	font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 2px;
	content:'Choisir un nouveau mot de passe';
}


#user-login-form { 
position:relative;
}

input.button { 
display:inline-block;
background:#47A8BD;
color:white;
padding:8px 20px;
border:0px;
border-radius:20px;
text-align:center;
text-transform:uppercase;
font-size:15px;
}

.user-form #edit-actions { 
	text-align:center; 
}

.user-form .form-item:not(.form-type-managed-file):not(.form-type-checkbox) label,
.user-form .form-item:not(.js-form-type-checkbox) .description { 
	font-weight:bold;
}

.user-form .form-item:not(.js-form-type-checkbox) input { 
border : 0px;
border-bottom:1px solid #EEE;
padding:10px;
max-width:100%;
width:100%;
}

.user-form .form-item input::placeholder { 
opacity:0.8;
font-style:italic;
}

.user-form .js-password-confirm-message { 
font-size:14px;
width:100%;
}

.user-form #edit-user-picture-wrapper { 
padding:0px 10px;
}

.user-form .image-widget-data span {display:none;
}

.user-form .image-preview {float:left;
}

.user-form .image-widget-data input[id*=remove] { 
background:#CC0000;
width:auto;
font-size: 14px;
padding:8px 13px;
margin-top:15px;
}

.block-userpage .field { 
padding:8px 0px;
display:flex; 
align-items:start; 
gap:20px;
}

.block-userpage .field  > div.field__label { 
	flex:0 40%;
}

.block-account.user-fields-wrapper,
.view-budget-participatif.view-display-id-mon_budget,
.view-interpellations.view-display-id-mon_interpellation {

	max-width:600px;
	margin:20px auto;
	padding:20px;
	background:white;
	box-shadow:2px 2px 20px -10px black;
	overflow:auto;
}

.view-budget-participatif.view-display-id-mon_budget .views-row img {
	float:left;
	margin-right:15px;
}

.view-budget-participatif.view-display-id-mon_budget .views-row,
.view-interpellations.view-display-id-mon_interpellation .views-row {
	margin-bottom:15px;
	overflow:hidden;
}



p.address {
	margin:0px;
}

.role-citoyen .user-form-wrapper  .form-item-name {display:none;}
.user-logged-in #edit-pass p.modifiermdp {
	font-weight:bold;
	font-style:italic;
	cursor:pointer;
}
.user-logged-in #edit-pass > div {
	display:none;
}

.user-logged-in #edit-pass.open > div {
	display:block;
}

body.path-user main .user-register-form .field--name-user-picture {
	float:none;
	margin:20px 0px;
	padding:0px!important;
}

body.path-user main .user-register-form .field--name-user-picture label {
	font-weight:bold;
}



/** BERK **/
.block-chiffre { 
padding-top:20px;
}

.block-chiffre h3 { 
font-size:24px;
}

.block-chiffre span.chiffre { 
font-size:30px;
display:inline-block;
padding-right:20px;
}

.picto-white { 
font-size:30px;
}

.picto-white svg { 
width:60px;
height:auto;
float:left;
}

/* HACKS TRANSITION COMEDIE */
.role- .login-only { 
display:none;
}

.webform-submission-choix-sols-comedie-form ul.image_picker_selector { 
display:flex;
align-items:stretch;
overflow:visible;
}

.webform-submission-choix-sols-comedie-form ul.image_picker_selector li { 
flex:1;
cursor:pointer;
padding:2px;
margin:0px;
padding:5px;
}

ul.thumbnails.image_picker_selector li > div { 
transform:scale(1);
height: 100%;
transition:all 0.3s ease;
margin:0px;
padding:10px!important;
}

ul.thumbnails.image_picker_selector li > div:hover,ul.thumbnails.image_picker_selector li > div.selected { 
transform:scale(1.05);
}

.webform-submission-choix-sols-comedie-form ul.image_picker_selector li p { 
text-align:center;
font-weight:bold;
}

.webform-submission-choix-sols-comedie-form ul.image_picker_selector li p span { 
font-style:italic;
font-weight:normal;
font-size:14px;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected { 
background:#4ABE89;
}

ul.thumbnails.image_picker_selector li .thumbnail.focused { 
border: 1px solid #DDD;
}

.webform-submission-choix-sols-comedie-form .form-actions { 
text-align:center;
}

.webform-submission-choix-sols-comedie-form input.button {    color: white;
   border-radius: 0px;
   background: #4ABE89;
}

.webform-submission-choix-sols-comedie-form .form-item-sols > label,.webform-submission-choix-sols-comedie-form .form-item-sols > select { 
display:none;
}

/* FIN TEST */
/* MODIF TIMELINE */
.vue-timeline .avancement.termine {
	background: url("../images/picto-termine.png") left 14px center no-repeat;
    background-size: auto;
   color: grey;
}

.vue-timeline .view-content .views-row a {
font-family: "Antonio";
   text-decoration: none;
   background-color: #0CAADC;
   color: white;
   padding: 5px 15px;
   border-radius: 20px;
}

.vue-timeline .view-content .views-row a:hover {
	font-family: "Antonio";
   text-decoration: none;
   background-color: #00635D;
   color: white;
   padding: 5px 15px;
   border-radius: 20px;
}

.vue-timeline .avancement.encours {
	background: url("../images/picto-encours.png") left 15px center no-repeat;
color: orange;
font-weight: bold;
}

/* VUE PROJETS STANDARDS */
.projets-standards { 
padding-top:100px;
}

.projets-standards .views-row { 
overflow:auto;
position:relative;
margin-top:30px;
}

.projets-standards .views-row .image { 
float:right;
margin-left:10px;
position:relative;
}

.projets-standards .views-row .image img { 
display:block;
max-width:140px;
}

.projets-standards .avancement {
	position: absolute;
   bottom: 0px;
   right: 0px;
   padding: 2px 10px;
   padding-left: 32px;
   font-size: 14px;
}

.projets-standards .views-row .texte { 
overflow:auto;
}

.projets-standards .views-row .titre { 
	font-family:"Antonio";
	font-size:20px;
	margin-bottom:10px;
}

.projets-standards .views-row .categories { 
font-style:italic;
}

.projets-standards .views-row .lien a { 
	font-size:0px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.bef-exposed-form .form--inline .bef--secondary { 
	clear:none;
	overflow:auto;
}




/* PARAGRAPH CONTRIBUTION MANUELLE*/
.paragraph--type--contribution-manuelle { 
	margin:30px 0px;
	padding-bottom:30px;
	border-bottom:1px solid #EEE;
}

.paragraph--type--contribution-manuelle .entete { 
	display:flex;
	column-gap:10px;
	padding-bottom:20px;
}

.paragraph--type--contribution-manuelle .field--name-field-auteur { 
	font-weight:bold;
}

.paragraph--type--contribution-manuelle .field--name-field-image { 
	display:flex;
	gap:20px;
	justify-content:center;
}

.paragraph--type--contribution-manuelle .field--name-field-image img { 
	border-radius:20px;
}

.paragraph--type--contribution-manuelle .field--name-field-fichier { 
	display:flex;
	column-gap:20px;
}


/* PUBLICATION */
.page-node-type-publication header {
	border-bottom:1px solid grey;
}
.page-node-type-publication main {
	max-width:1200px;
	margin: 90px auto 0px;
	padding:10px;
	min-height:400px;
	overflow:auto;
}

.page-node-type-publication .field--name-field-image {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

.page-node-type-publication .field--name-field-date {
	font-style:italic;
}

.page-node-type-publication .field--name-body::after {
	display:none;
}



/* CONSEIL DE QUARTIER */

.flex {
	display:flex;
}

.flex > div {
	flex:1;
}
.block-intro {
padding:20px 0px;
}

.view-node-conseil-de-quartier.view-display-id-header {
	padding:120px 20px 30px;
	color:white;
	position:relative;
}

.view-node-conseil-de-quartier.view-display-id-header:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:0;
	background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

.view-node-conseil-de-quartier.view-display-id-header .view-content .views-row .block-1200 {
	display:flex;
	column-gap:40px;
	position:relative;
}
.view-node-conseil-de-quartier.view-display-id-header img {
	border-radius:20px;
	max-width: 160px;
   width: 100%;
   height: auto;
}
.view-node-conseil-de-quartier.view-display-id-header .view-content .views-row p {
	font-size:22px;
	font-weight:bold;
}

.block-1200 {
	padding:40px 20px;
	max-width:1200px;
	margin:0px auto;
}
.block-600 {
	padding:20px;
	max-width:600px;
	margin:0px auto;
}

.view-node-conseil-de-quartier.view-display-id-intro {

}

.view-node-conseil-de-quartier.view-display-id-intro > .view-content .views-row {
	display:flex;	
	column-gap:80px;
}

.view-node-conseil-de-quartier.view-display-id-intro .view-content .views-row .views-field-field-image-carte { flex:2;	margin-bottom:0px;}
.view-node-conseil-de-quartier.view-display-id-intro .view-content .views-row .views-field-field-details-quartier {	flex:3;	}
.vie-conseil.flex > div:nth-child(1) {
	flex:1;
}
.vie-conseil.flex > div:nth-child(2) {
	flex:1;
}

.view-node-conseil-de-quartier.view-display-id-reunions .views-row {
	background: url(../images/picto-date.svg) center left no-repeat;
	padding:5px 0px 5px 30px;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils > .view-content {
	display:flex;	
	gap:30px;
	flex-wrap:wrap;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils > .view-content > .views-row {
	max-width:31%;
	position:realtive;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils .view-content .views-field-field-image img {
	border-radius:20px;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils .view-content .views-field-title {
    font-weight: bold;
    padding: 10px 0px;
    font-size: 20px;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils .view-content .views-field-created {
    font-style: italic;
    font-size: 14px;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils > .view-content > .views-row .views-field-view-node {
	position:relative;
}
.view-node-conseil-de-quartier.view-display-id-projetsconseils > .view-content > .views-row .views-field-view-node a {
	display:block;
	font-size:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	
}

.view-node-conseil-de-quartier.view-display-id-publications .view-content {
	display:flex;	
	gap:30px;
	flex-wrap: wrap;
}
.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-row {
	max-width:31%;
	position:relative;
}
.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-field-field-image img {
	border-radius:20px;
}
.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-field-title {
    font-weight: bold;
    padding: 10px 0px;
    font-size: 20px;
}
.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-field-created {
    font-style: italic;
    font-size: 14px;
}

.view-node-conseil-de-quartier.view-display-id-publications .view-content .views-field-view-node a {
	display:block;
	font-size:0px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}


.block-webform-conseil-quartier-contact {
	color:white;
	background:#4ABE89;
}
.block-webform-conseil-quartier-contact h2 {
	color:white;
	text-align:center;
}
.block-webform-conseil-quartier-contact input,
.block-webform-conseil-quartier-contact textarea {
	color:black;
	padding:5px 10px;
	background:white;
	border:0px;
}
.block-webform-conseil-quartier-contact input[type=submit] {
	padding:10px 20px;
	font-weight:bold;
	color:#4ABE89;
}
.view-paragraph-documents-a-telecharger .views-row .field-content {
	display:flex;
	align-items:center;
	column-gap:10px;
}
.view-paragraph-documents-a-telecharger img {
	width:40px;
	height:auto;
}
.view-paragraph-documents-a-telecharger a {
	font-weight:bold;
}
.view-paragraph-documents-a-telecharger a span {
	font-size:14px;
}
.block-actualites-conseil-quartier,
.block-projets {
	background:#EEE;
}

.galerie .view-content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
	padding:0px 0px 20px;
	font-size:13px;
	color:grey;
	font-weight:bold;
}




/*  PROJET DE CONSEIL DE QUARTIER  */

.page-node-type-projet-de-conseil header {
	border-bottom:1px solid grey;
}

.page-node-type-projet-de-conseil main {
	margin:50px auto; 
	padding:20px;
	max-width:1200px;
	overflow:auto;
}

.page-node-type-projet-de-conseil .field--name-field-image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.page-node-type-conseil-de-quartier .node__content h2,
.page-node-type-conseil-de-quartier .node__content h3 {
	margin:20px 0px ;
}

.page-node-type-projet-de-conseil .field--name-field-documents-telecharger .paragraph--type--document-a-telecharger {
	position:relative;
}

.page-node-type-projet-de-conseil .field--name-field-documents-telecharger > .field__items {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	align-items:center;
}
.page-node-type-projet-de-conseil .field--name-field-documents-telecharger > .field__items > div {
	flex: 0 1 200px;
}
.page-node-type-projet-de-conseil .field--name-field-documents-telecharger .paragraph--type--document-a-telecharger span {
	background:none;
}
.page-node-type-projet-de-conseil .field--name-field-documents-telecharger .paragraph--type--document-a-telecharger a {
	display:block;
	font-size:0px;
	position:absolute;
	z-index:3;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url("../images/download.svg") center center no-repeat rgba(255,255,255,0.8);
	background-size:50% auto;
	opacity:0;
	transition: all 0.3s ease;
}
.page-node-type-projet-de-conseil .field--name-field-documents-telecharger > .field__items > .field__item:hover .paragraph--type--document-a-telecharger a {
	opacity:1;
}

.page-node-type-projet-de-conseil .field--name-field-apercu {
	position:relative;
}
.page-node-type-projet-de-conseil .field--name-field-apercu img {display:block;}
.page-node-type-projet-de-conseil .field--name-field-apercu:after {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

}







/* TEMP : LAUZE ... */

.view-lauze-observations .views-row {
	background:white;
	box-shadow:0px 0px 30px -15px black;
	padding:20px;
	margin:20px auto;
	border-radius:20px;
}
.view-lauze-observations .views-row .views-field-completed {
	font-size:14px;
	font-style:italic;
	margin-bottom:15px;
}


/* PAGE ARTICLE */

.page-node-type-article .region-content {
	max-width:1200px;
	margin:auto;
	padding:70px 20px 20px;
}
.page-node-type-article header {
	border-bottom:1px solid #333333;
}

.page-node-type-article .field--name-field-image {
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.page-node-type-article .field--name-field-image img {
	max-width:360px;
	width:100%;
}

.page-node-type-article .field--name-field-date {
	font-weight:bold;
}





/**** BUDGET PARTICIPATIF NODE EDIT *****/

.type-de-contenu-budget-participatif.node-edit main,
.type-de-contenu-interpellation.node-edit main {
	padding-top:70px;
	max-width:800px;
	margin:auto;
}

.type-de-contenu-budget-participatif.node-edit main .form-wrapper label,
.type-de-contenu-budget-participatif.node-edit main .form-wrapper h4,
.type-de-contenu-budget-participatif.node-edit main .form-wrapper summary,
.type-de-contenu-interpellation.node-edit main .form-wrapper label,
.type-de-contenu-interpellation.node-edit main .form-wrapper h4,
.type-de-contenu-interpellation.node-edit main .form-wrapper summary {
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	padding:0px;
}

.node-edit .description {
	text-transform:none;
	font-size:14px;
	font-weight:normal;
	padding-bottom:10px;
}

.type-de-contenu-budget-participatif.node-edit main .form-wrapper details {
	border:0px;
}

.type-de-contenu-budget-participatif.node-edit .flex {
	gap:20px;
}
.chosen-container {
	width:100%!important;
}

.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-subform {
	display:flex;
	gap:20px;
	padding-right:30px;
}

.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-subform input[type="text"] {
	width:100%;
}

.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-subform > div {
	
}

.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-icon-button-collapse,
.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraph-type,
.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs thead .paragraphs-actions,
.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .tabledrag-toggle-weight-wrapper,
.type-de-contenu-budget-participatif.node-edit .form-item-field-adresse-0-address-country-code,
.type-de-contenu-budget-participatif.node-edit .tabledrag-toggle-weight-wrapper {
	display:none;
}

.type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-dropdown-toggle {
    height: 26px;
    width: 26px;
    position: absolute;
    top: 30px;
    right: 0px;
 }

 .type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs {
 	text-align:left;
 }
 .type-de-contenu-budget-participatif.node-edit .field--widget-paragraphs .paragraphs-add-wrapper {
 	text-align:center;
 }



.type-de-contenu-budget-participatif.node-edit .field--name-field-porteur {
	margin-top:30px;
}
.type-de-contenu-budget-participatif.node-edit .field--name-field-adresse {
	margin:20px auto;
}

.type-de-contenu-budget-participatif.node-edit .field--name-field-pieces-jointes .details-wrapper {
	background:#f8f8f8;
}

.paragraphs-dropdown-actions input.button {
	color:#333;
}


.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding:5px 0px;
}

.type-de-contenu-budget-participatif.node-edit .field--name-field-date-de-naissance .form-item--error-message {
	display:none;
}

.type-de-contenu-budget-participatif.node-edit .field--type-file table thead {
	display:none;
}
.type-de-contenu-budget-participatif.node-edit .field--type-file table td {
	padding:4px 15px;
	white-space:nowrap;
}

.type-de-contenu-budget-participatif.node-edit .field--type-file table td input.button,
.image-widget-data input.button {
	padding:4px 10px;
	background:#CC0000;
	font-size:12px;
}

a.tabledrag-handle .handle {
	width:22px;
	height:22px;
}

.type-de-contenu-budget-participatif.node-edit a#edit-delete {
	display:none; 
}

.type-de-contenu-budget-participatif.node-edit .bouton-popup,
.type-de-contenu-interpellation.node-edit .bouton-popup, 
#edit-moderation-state-soumis-a-moderation, 
.fermer {
	display: inline-block;
  background: blue;
  color: white;
  padding: 8px 20px;
  border: 0px;
  border-radius: 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  cursor:pointer;
}
.type-de-contenu-budget-participatif.node-edit .bouton-popup,
.type-de-contenu-interpellation.node-edit .bouton-popup {
	margin-top:30px;
}

.fermer {
	background:grey;
}

.popup-envoyer,
.popup-vote {
	position:fixed;
	z-index:1000;
	padding:30px 20px;
	background:white;
	border-radius:20px;
	box-shadow:0px 0px 140px -20px black;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:none;
}

.popup-envoyer.open,
.popup-vote.open {
	display:block;
}

#edit-map-description {
	display:none;
}











/**** BUDGET PARTICIPATIF NODE VIEW *****/ 
.type-de-contenu-budget-participatif header,
.type-de-contenu-interpellation header  {
	border-bottom:1px solid black;
}
.type-de-contenu-budget-participatif.node-view main,
.type-de-contenu-interpellation.node-view main {
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:100px 10px 0px;
}

.type-de-contenu-budget-participatif article.node,
.type-de-contenu-interpellation article.node {
	position:relative;
	padding-bottom:30px;
}

.type-de-contenu-budget-participatif .view-budget-participatif-node.view-display-id-status,
.type-de-contenu-interpellation .view-droit-interpellation-node.view-display-id-status {
	position:absolute;
	top:0px;
	right:0px;
	padding:18px 25px;
	background:white;
}

.type-de-contenu-budget-participatif.node-view .main-flex {
	display:flex;
	gap:40px;
}

.type-de-contenu-budget-participatif.node-view .main-flex > div:nth-child(1){ 
	flex: 1;
}

.type-de-contenu-budget-participatif.node-view .main-flex > div:nth-child(2){ 
	flex: 0 1 350px; 
	padding-top:0px;
}

.type-de-contenu-budget-participatif.node-view .sidebar > div {
	margin-bottom:20px;
}

.type-de-contenu-budget-participatif.node-view .bp-sidebar1 {
	padding:30px 20px;
	background:#0094D9;
	color:white;
	margin:0px 0px 20px;
}



.view-budget-participatif-node .views-field-field-photo-image .field-content {
	position:relative;
	height:300px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:black;
}

.view-budget-participatif-node .views-field-field-photo-image .field-content img {
	max-width:100%;
	max-height:100%;
	height:auto;
	width:auto;
	position:relative;
	z-index:1;
}

.view-budget-participatif-node .views-field-field-photo-image .field-content .background {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:black;
	background-size:cover;
	opacity:0.5;
	z-index:0;
	filter:blur(2px);
	-webkit-filter:blur(2px);
}

.view-budget-participatif-node .views-field-field-description,
.view-budget-participatif-node .views-field-field-impact-attendu,
.view-budget-participatif-node .views-field-field-pieces-jointes {
	padding:20px;
}


.view-budget-participatif-node .views-field-field-quartier,
.view-budget-participatif-node .views-field-field-public-cible,
.view-budget-participatif-node .view-display-id-budget,
.view-budget-participatif-node .views-field-field-bp-qualification {
	padding:0px 10px 10px 30px; 
	margin-bottom:10px;
	background-size:15px auto!important;
}

.view-budget-participatif-node .views-field-field-quartier {
	background:url("../images/pin-white.svg") top left no-repeat;
}
.view-budget-participatif-node .views-field-field-public-cible {
	background:url("../images/account-white.svg") top left no-repeat;
}

.view-budget-participatif-node .view-display-id-budget {
	background:url("../images/budget-white.svg") top 5px left no-repeat;
}

.view-budget-participatif-node .views-field-field-bp-qualification {
	background:url("../images/info-white.svg") top 5px left no-repeat;
}



.block-votes input.button {
	background:#4ABE89;
}

.view-budget-participatif-node .view-display-id-budget .bouton-detail-budget {
	font-size:14px;
	text-decoration:underline;
	cursor:pointer;
}

.view-budget-participatif-node .view-display-id-budget > .view-content {
	font-size:14px;
	overflow:hidden;
	max-height:0px;
	transition:all 0.3s ease;
}

.view-budget-participatif-node .view-display-id-budget > .view-content.open {
	max-height:800px;
}
.view-display-id-budget > .view-content .views-table td {
	padding:6px 0px 0px;
}
.view-display-id-budget > .view-content .views-field-field-cout {
	white-space:nowrap;
	padding-left:10px!important;
	vertical-align:top;
}

.type-de-contenu-budget-participatif.node-view .paslaureat,
.type-de-contenu-budget-participatif.node-view .laureat {
	padding:10px 10px;
	background:#AAA;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.type-de-contenu-budget-participatif.node-view .laureat {
	background:#4ABE89;
}

.type-de-contenu-budget-participatif.node-view .block-votes {
	padding:0px 0px 20px 0px;
	border:2px solid #4ABE89;
	text-align:center;
}

.type-de-contenu-budget-participatif.node-view .block-votes .votes-title {
	padding:10px 10px;
	background:#4ABE89;
	color:white;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.type-de-contenu-budget-participatif.node-view .block-votes > p {
	padding:0px 10px;
} 

.type-de-contenu-budget-participatif.node-view .block-votes .votes-quartier {
	font-size:14px;
	font-style:italic;
	margin:-12px 0px 0px 0px;
}

.type-de-contenu-budget-participatif.node-view .bp-sidebar2 .views-row.collectivite {

}



.view-budget-participatif-node .views-field-field-vote form .form-item-summary,
.view-budget-participatif-node .views-field-field-vote form img {
	display:none;
}

.view-budget-participatif-node .views-field-field-vote form .votingapi-reaction-radios .form-radios label .votingapi-reaction-item  span {
	display:none;
}
.view-budget-participatif-node .views-field-field-vote form .votingapi-reaction-radios .form-radios input + label .votingapi-reaction-item:after {
	content:"Je vote";
	background:#4ABE89;
	color:white;
	padding:10px 20px;
	border-radius:20px;

}

.view-budget-participatif-node .views-field-field-vote form .votingapi-reaction-radios .form-radios input:checked + label .votingapi-reaction-item:after {
	content:"J'annule mon vote";
	background:orange;
}

.view-budget-participatif-node .views-field-field-vote form .form-radios,
.view-budget-participatif-node  .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-item,
.view-budget-participatif-node  .votingapi-reaction-form .votingapi-reaction-radios label:hover .votingapi-reaction-item{
	display:block!important;
	background:none;
	text-align:center;
	border:0px;
}
.view-budget-participatif-node  .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-count:before {
	content:"Total : ";
	font-size:16px;
	font-weight:normal;
}
.view-budget-participatif-node  .votingapi-reaction-form .votingapi-reaction-radios label .votingapi-reaction-count {
	font-weight:bold;
	font-size:20px;
	padding:20px 20px;
}




.view-budget-participatif-node .views-label {
	text-transform: uppercase;
    font-size: 16px;
    font-family: "Antonio";
    font-size: 18px;
    font-weight:bold;
}

.view-budget-participatif-node .views-field-field-pieces-jointes ul {
	list-style-type:none;
	padding:0px;
}
.view-budget-participatif-node .views-field-field-pieces-jointes ul li {
	padding:5px 0px;
	margin:0px;
}

.type-de-contenu-budget-participatif .node--unpublished .commentaires {
	display:none;
}









/* liste BUDGET PARTICIPATIF   */

.vue-bp > .view-content,
.vue-bp > .view-filters {
	max-width: 1200px;
	margin:auto;
}
.vue-bp > .view-header {
	text-align:center;
}
.vue-bp > .view-header h1 {
	display:block;
	background:url("../images/fondbp.png") center center no-repeat;
	background-size:cover;
	color:white;
	padding:70px 20px;
	margin:0px;
}

.vue-bp > .view-header h2 {
	margin-top:20px;
}

.path-budget-participatif header {
	border-bottom:1px solid black;
}


.vue-bp .views-exposed-form .form--inline {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:20px;
	padding:10px 20px 0px;
}
.bef-exposed-form .form--inline > .form-item {float:none;}
.bef-exposed-form .form--inline > .form-item > label {
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.vue-bp .views-exposed-form .form-item-field-bp-qualification-value {
	flex:100%;
	margin:0px;
}

.vue-bp .views-exposed-form .form-item-field-bp-qualification-value ul {
	padding:0px 10px;
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	list-style-type:none;
	justify-content:center;

}
.vue-bp .views-exposed-form .form-item-field-bp-qualification-value ul a {
	display:block;
	padding:2px 20px;
	border:2px solid #4ABE89;
	background:white;
	color:#333;
	text-transform:uppercase;
	border-radius:20px;
	text-decoration:none;
}
.vue-bp .views-exposed-form .form-item-field-bp-qualification-value ul a.bef-link--selected {
	color:white;
	background:#4ABE89;
	font-weight:bold;

}

.vue-bp .view-content {
	display:flex;
	flex-wrap:wrap;
}

.vue-bp .view-content .views-row {
	flex:0 1 33%;
	padding:20px;
}

.vue-bp .view-content .views-row .inner {
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	box-shadow:0px 0px 20px -10px black;
}

.vue-bp .entete {
	height:200px;
}

.vue-bp .entete .thematiques {
	display:flex;
	justify-content:end;
	list-style:none;
	margin:0px;
}

.vue-bp .entete .thematiques > div {
	margin:0px;
	background:#0094D9;
	padding:5px 15px;
	color:white;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
}

.vue-bp .corps {
	padding:15px;
	padding-bottom:120px;
	flex:1;
}

.vue-bp .corps h3 {
	margin-bottom:10px;
}

.vue-bp .date, .vue-bp .quartier {
	font-size:14px;
	padding-left:20px;
	background-size: 15px auto;
	background-repeat:no-repeat;
	background-position:top left;
}

.vue-bp .date {
	background-image: url("../images/picto-date.svg") ;
}

.vue-bp .quartier {
	background-image: url("../images/picto-lieu.svg");
}

.vue-bp .lien a {
	display:block;
	text-align:center;
	text-transform:uppercase;
	background:#0094D9;
	color:white;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	padding:15px 10px;
	position:absolute;
	bottom:0px;
	width:100%;
}

.vue-bp .coms-votes {
	display:flex;
	align-items:center;
	gap:30px;
	position:absolute;
   bottom:60px;
}
.view-budget-participatif-commentaires-compte .view-content .views-row,
.vue-bp .nb-votes {
	padding:10px 0px;
	display:flex;
	gap:10px;
	align-items:center;
	font-size:20px;
	font-weight:bold;
}

.view-budget-participatif-commentaires-compte .view-content .views-row:before,
.vue-bp .nb-votes:before {
	content:'';
	width:22px;
	height:22px;
	display:block;
	background:#111;
	mask-image: url("../images/comment.svg");
	mask-size:contain;
}
.vue-bp .nb-votes {

}
.vue-bp .nb-votes:before {
		width:24px;
		height:24px;
		mask-image: url("../images/like.svg");
		margin-bottom:4px;
}



/*  VUE DROIT INTERPELLATION   */

.vue-di .view-header .entete { 
	padding:100px 20px;
	background:url("/sites/default/files/styles/crop_1920/public/images/banner%20droit%20d%27interpellation.png") center center no-repeat;
	background-size:cover;
	color:white;
	text-align:center;
	text-shadow:0px 0px 2px black;
}

.vue-di .view-header .boutons {
	padding:30px 10px 0px;
}

.vue-di > .view-content {
	display:flex;
	gap:20px;
	max-width:1200px;
	margin:auto;
	padding:30px 10px;
}

.vue-di > .view-content > .views-row {
	border:1px solid #666;
	padding:20px;
	flex:31% 0;
	position:relative;
	padding-bottom:220px;
	border-radius:20px 20px 0px 0px;
}
.vue-di > .view-content > .views-row h3 {
	margin:10px 0px;
}

.vue-di > .view-content .views-field-field-description-di {
	font-size:14px;
}

.vue-di .view-content .vote-di {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:20px;
	background:#666;
	color:white;
	text-align:center;
	border-radius:20px 20px 0px 0px;
}

.barre-vote-di {
	padding:8px 10px;
	background:white;
	text-align:center;
	position:relative;
	text-align:center;
	border-radius:5px;
	overflow:hidden;
	color:black;
	margin-top:10px;
	margin-bottom:20px;
}

.barre-vote-di .avancement {
	top:0;
	left:0px;
	position:absolute;
	width:10px;
	height:100%;
	background:#4ABE89;
}
.barre-vote-di .texte {
	position:relative;
	z-index:2;
}
.type-de-contenu-budget-participatif.node-view  .messages-wrapper {
	display:none;
}

.type-de-contenu-budget-participatif.node-view  .ui-dialog .ui-dialog-titlebar {
	display:none;
}
.type-de-contenu-budget-participatif.node-view  .ui-dialog .ui-dialog-content:before {
	content:'Voulez-vous vraiment annuler votre vote ?';
}
.type-de-contenu-budget-participatif.node-view  .ui-dialog form {
	display:none;
}




/*      NODE INTERPELLATION      */

.type-de-contenu-interpellation.node-view .main-flex {
	display:flex;
	gap:40px;
	    align-items: start;

}

.type-de-contenu-interpellation.node-view .main-flex > div:nth-child(1){ 
	flex: 1;
}

.type-de-contenu-interpellation.node-view .main-flex > div:nth-child(2){ 
	flex: 0 1 350px; 
	padding-top:22px;
}

.type-de-contenu-interpellation.node-view .sidebar {
	background:#666 ;
	border-radius:20px;
	color:white;
	text-align:center;
	padding:20px;
}

.type-de-contenu-interpellation.node-view  .commentaires {
	margin-top:40px;
}

.type-de-contenu-interpellation.node-view  .commentaires h2 {
	text-align:center;
}

.type-de-contenu-interpellation.node-view .sidebar .popup-vote {
	color:#111;
}

.type-de-contenu-interpellation.node-view .sidebar .popup-vote form {
	text-align:left;
}